.auth-screen{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh;background:white}.auth-story{padding:12vh 8vw;background:#edf5f2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.auth-story .brand-mark{width:58px;height:58px;margin-bottom:42px;font-size:42px}.auth-story h1{font-size:clamp(28px,4vw,49px);line-height:1.6;margin:8px 0 18px}.auth-story p{font-size:15px;line-height:2.2}.auth-story small{font-size:11px;margin-top:32px}.auth-chips{display:flex;gap:8px;margin-top:35px;flex-wrap:wrap;direction:ltr}.auth-chips span{border:1px solid #d8e6e0;border-radius:7px;background:#ffffff70;padding:9px 15px;font:13px Arial;color:#48635d}.auth-panel{display:grid;place-items:center;padding:40px}.auth-panel form{max-width:390px;width:100%}.auth-panel h2{font-size:26px}.auth-panel form>p{margin-bottom:26px;font-size:12px}.auth-panel .primary{width:100%;margin-top:17px;padding:13px}.auth-panel .text-button{display:block;width:100%;margin-top:12px}label{font-size:12px;color:#455961;display:block}input,select,textarea{font-family:Cairo,sans-serif;color:var(--ink)}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dbe3e6;border-radius:8px;padding:11px 13px;margin:6px 0 16px;background:white;max-width:100%}textarea{resize:vertical;line-height:1.9}.text-button{background:none;border:0;color:var(--teal);padding:9px 5px;font-size:11px}.secondary{border:1px solid #cedcd9;color:var(--teal);background:white;border-radius:8px;padding:10px 14px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline-form{display:flex;align-items:center;gap:20px;margin-top:18px;flex-wrap:wrap}.inline-form label:first-child{flex:1}.inline-form .check-label{display:flex;align-items:center;gap:8px;white-space:nowrap}.inline-form .check-label input{accent-color:var(--teal)}.actions{display:flex;gap:12px;align-items:center;margin:16px 0;flex-wrap:wrap}.spaced{margin-top:20px}.job-row{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.job-row .tag{margin:0}.job-row small{font-size:10px}.job-row button{flex-shrink:0}#detail-dialog{width:650px}#detail-value{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:18px;border-radius:8px;font-size:12px;max-height:50vh;overflow:auto;user-select:text}#auth-error{color:#ab4444;font-size:12px}.account-card .actions{margin-bottom:0}.strategy input{margin:0}.strategy strong{font-size:13px}.panel>button.secondary{margin-top:15px}@media(max-width:700px){.auth-screen{display:block}.auth-story{padding:35px 25px}.auth-story .brand-mark{width:40px;height:40px;margin-bottom:20px}.auth-story h1{font-size:29px;margin-bottom:10px}.auth-story p{font-size:12px}.auth-story small{margin-top:20px;font-size:9px}.auth-chips{margin-top:20px}.auth-chips span{padding:7px 10px;font-size:11px}.auth-panel{padding:30px 25px}.form-grid{grid-template-columns:1fr;gap:0}.inline-form{display:block}.inline-form button{margin-top:12px}.job-row{gap:10px}.job-row .tag{font-size:8px}.panel{padding:18px}.nav{font-size:8px}}


.summary .protocols{font-size:clamp(14px,1.8vw,25px);white-space:nowrap}


.usage-box{margin-top:20px;padding:16px;background:#f5f9f7;border:1px solid #e0ebe5;border-radius:12px}.usage-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.usage-heading strong{font-size:12px}.usage-source{font-size:9px;color:#55766a;background:#e5efea;padding:3px 7px;border-radius:5px;white-space:nowrap}.usage-window{margin-top:14px}.usage-window small{display:block;font-size:10px;color:#61736c;overflow-wrap:anywhere}.usage-remaining{display:block;font-size:22px;color:#13755e;margin-top:5px}.usage-expired{display:block;font-size:12px;color:#95671c;margin:8px 0}.usage-window progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;margin:9px 0;background:#dfe9e4}.usage-window progress::-webkit-progress-bar{background:#dfe9e4}.usage-window progress::-webkit-progress-value{background:#28876a;border-radius:8px}.usage-window progress::-moz-progress-bar{background:#28876a}.usage-window progress.usage-low::-webkit-progress-value{background:#bc772b}.usage-window progress.usage-low::-moz-progress-bar{background:#bc772b}.usage-note{font-size:10px!important;line-height:1.9!important;margin:10px 0 0!important;color:#6d7e76}.usage-reset{margin-top:7px}.usage-box .text-button{padding-bottom:0}#usage-dialog{max-height:90vh;overflow:auto}.usage-heading{flex-wrap:wrap}
