.button.secondary{background:#fff;color:#111}.button:disabled{background:#d8d6cf;color:#777;border-color:#c3c0b8;cursor:wait}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button-row form{margin:0}.notice{padding:14px;background:#eef5ff;border:1px solid #aac5e5}.self-service-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.service-plan{cursor:pointer}.service-plan input{position:absolute;opacity:0}.service-plan span{display:flex;min-height:155px;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);background:var(--paper)}.service-plan input:checked+span{border:2px solid #111;padding:17px;background:#fff}.service-plan small{color:var(--muted)}.inline-form{display:flex;align-items:flex-end;gap:12px;margin:18px 0 28px}.inline-form label{display:flex;flex-direction:column;gap:6px;flex:1}.inline-form input,.settings-grid textarea{border:1px solid #aaa;padding:11px;font:inherit;background:#fff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.settings-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700}.settings-grid small{font-weight:400;color:var(--muted)}
.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.billing-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700}.billing-grid input{border:1px solid #aaa;padding:11px;font:inherit;background:#fff}.wide-field{grid-column:1/-1}@media(max-width:800px){.self-service-plans,.settings-grid,.billing-grid{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.button-row{align-items:flex-start;flex-direction:column}.wide-field{grid-column:auto}}
.topbar nav>a:not(.button).current{font-weight:750;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.topbar nav a.button.trial-link,.topbar nav a.button.trial-link:visited{background:#dedcd5;color:#282824;border-color:#dedcd5}.topbar nav a.button.trial-link:hover,.topbar nav a.button.trial-link:focus-visible{background:#c9c7bf;color:#111;border-color:#c9c7bf}.topbar nav a.button.trial-link.current,.topbar nav a.button.trial-link.current:hover,.topbar nav a.button.trial-link.current:focus-visible{background:#111;color:#fff;border-color:#111}.portal-shell aside nav a{position:relative;padding-left:12px;transition:color .15s ease}.portal-shell aside nav a::before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:#111;transform:translateY(-50%);transition:height .15s ease}.portal-shell aside nav a.active::before{height:22px}.portal-shell aside nav a.needs-attention{color:#b42318;font-weight:700}.portal-shell aside nav a.needs-attention::before{background:#b42318}
.institution-switcher{margin:14px 0 22px;border:1px solid var(--line);background:#fff}.institution-switcher summary{cursor:pointer;padding:10px 12px;font-weight:700}.institution-switcher form{margin:0}.institution-switcher button{display:block;width:100%;padding:9px 12px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.institution-switcher button:hover,.institution-switcher button.active{background:#111;color:#fff}.account-summary{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);background:#f4f3ef}.account-summary small{color:var(--muted)}
.usage-bar{display:block;margin-top:10px;height:8px;background:#e6e3da;border-radius:4px;overflow:hidden}.usage-bar b{display:block;height:100%;background:#2e7d32;transition:width .2s ease}.usage-caution b{background:#d4a000}.usage-warning b{background:#df6c00}.usage-critical b{background:#b42318}.usage-percent{font-weight:800}.usage-percent.usage-ok{color:#2e7d32}.usage-percent.usage-caution{color:#9a7300}.usage-percent.usage-warning{color:#c25d00}.usage-percent.usage-critical{color:#b42318}.usage-left{margin-top:4px;font-size:12px}.usage-note{padding:11px 13px;border-radius:2px;font-weight:700}.usage-note.caution{background:#fffbe6;color:#745700;border:1px solid #dfc85c}.usage-note.warning{background:#fff3e6;color:#8a3f00;border:1px solid #e4a468}.usage-note.critical{background:#fff0f0;color:#7d1111;border:1px solid #c99}.danger-zone{border-color:#b42318}.danger-zone form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.danger-zone label{display:flex;min-width:260px;flex:1;flex-direction:column;gap:7px}.danger-zone input{border:1px solid #b42318;padding:11px;font:inherit}.button.danger{background:#b42318;border-color:#b42318;color:#fff}.button.danger:hover{background:#8f1c13}
