.portal{max-width:860px;margin:24px auto;padding:0 18px}.portal .panel{padding:24px}.portal form{display:grid;gap:8px;margin:18px 0}.portal label{display:grid;gap:6px;font-weight:650}.portal input,.portal textarea{width:100%;padding:10px;border:1px solid #b8c7bf;border-radius:7px;background:#fff;color:#172c23}.portal button{width:max-content;padding:9px 14px}.portal .muted{margin:0 0 10px;color:#64746c;font-size:13px}.portal-brand{font-weight:750;font-size:20px;text-decoration:none;color:inherit}.portal-brand em{font-size:11px;font-style:normal;letter-spacing:2px}.token-box{border:1px solid #6b9e81;border-radius:9px;background:#f1f9f4;padding:16px;overflow-wrap:anywhere}.token-box code{display:block;margin:12px 0;padding:10px;background:#fff}.app-entry{border-top:1px solid #d6e0da;padding:15px 0}.app-entry .buttons{display:flex;gap:8px;flex-wrap:wrap}.portal a{color:#206948}#message{min-height:1.3em}
/* Match the home header and give each developer application its own surface. */
.portal-brand{font-size:24px;font-weight:800;letter-spacing:-1px}.portal-brand b{color:#228267}.portal-brand .beta-label{font-size:10px;font-style:normal;letter-spacing:1.2px;margin-left:9px}.actions a{color:#176f54;text-decoration:none;font-size:13px;font-weight:650}.actions a:hover{text-decoration:underline}
.app-entry{border:1px solid #c8e1d1;background:#f0f9f3;border-radius:12px;padding:18px;margin:14px 0}.app-entry h3{margin:0 0 14px;color:#215940}.app-fields{display:grid;grid-template-columns:minmax(110px,145px) minmax(0,1fr);gap:9px 16px;margin:0 0 16px;font-size:13px}.app-fields dt{font-weight:700;color:#4a6658}.app-fields dd{margin:0;overflow-wrap:anywhere;color:#1d3529}#addAppToggle{margin:14px 0 4px;background:#e8f5ed;font-weight:700}.portal form[hidden]{display:none}
@media(max-width:600px){.app-fields{grid-template-columns:1fr;gap:3px}.app-fields dd{margin-bottom:9px}header .actions{flex-wrap:wrap}}

/* Clear, compact developer identity treatment. */
#identity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:fit-content;margin:15px 0 20px;padding:9px 13px;border:1px solid #c8e1d1;border-radius:9px;background:#f0f9f3;font-size:13px}
#identity .identity-label{color:#5b7465;font-weight:500}
#identity .identity-name{color:#20563d;font-size:14px;font-weight:750;letter-spacing:.1px}

/* App-specific example POST modal */
.example-modal[hidden]{display:none}
.example-modal{position:fixed;inset:0;z-index:2000;background:rgba(22,48,35,.5);display:flex;align-items:center;justify-content:center;padding:18px}
.example-modal-card{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid #c8e1d1;border-radius:16px;padding:24px;box-shadow:0 18px 55px rgba(21,56,39,.2)}
.example-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.example-modal-head h2{margin:4px 0 8px;color:#20563d}
.example-modal-kicker{font-size:11px;letter-spacing:1.5px;color:#497c5c;margin:0;font-weight:750}
.example-modal-head .muted{margin:0}
.example-modal-close{flex-shrink:0}
.example-command{position:relative;background:#f1f7f3;border:1px solid #d0e3d5;border-radius:10px}
.example-command pre{margin:0;padding:18px 54px 18px 16px;overflow:auto;white-space:pre;font-size:12px;line-height:1.55;color:#213c2d}
.example-copy{position:absolute;right:10px;top:10px;display:grid;place-items:center;padding:9px!important;background:#fff!important;border:1px solid #b7d6c1!important}
.example-copy-status{min-height:1.3em;font-size:12px;color:#246c46}
@media(max-width:600px){.example-modal-card{padding:16px}.example-modal-head{flex-wrap:wrap}}