/* Virel workspace: graphite surfaces, lavender selection, quiet status colours. */
.header{height:88px}
.header .nav-link{position:relative;padding:9px 0}
.header .nav-link.selected:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--lavender);border-radius:2px}
.button{min-height:44px;border-radius:6px;padding:10px 20px}
.button-small{min-height:36px;padding:7px 13px}
.panel{border-radius:10px}
.message.success{display:flex;align-items:center;justify-content:space-between;gap:20px}
.message[hidden],.notice-dismiss[hidden]{display:none}
.notice-dismiss{padding:5px 0;flex-shrink:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.account-page main{max-width:1040px;width:100%;margin-inline:auto}
.account-heading{padding:36px 0 24px}
.account-heading h1,.admin-heading h1{font-size:30px;letter-spacing:-.9px;margin-bottom:8px}
.account-identity{overflow-wrap:anywhere}
.workspace-tabs{gap:32px;margin-bottom:28px}
.workspace-tabs a{padding-bottom:13px;font-size:13px}
.account-attention{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;padding:0 0 20px;color:var(--muted)}
.account-attention a{flex-shrink:0;color:var(--lavender);text-decoration:underline;text-underline-offset:4px}
.access-overview{display:grid;grid-template-columns:.9fr 1.1fr;padding:28px 30px;background:#23212d;border-color:#4a4059}
.access-summary{padding-right:30px}
.access-summary .section-heading{align-items:center;margin-bottom:20px}
.access-summary h2,.access-activation h2,.account-section h2,.account-history h2,.security-panel h2{font-size:19px}
.access-duration{font-size:40px;line-height:1.2;letter-spacing:-1.4px;font-weight:600;margin-bottom:9px}
.access-duration span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}
.access-summary .field-hint{margin-top:6px}
.access-empty{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.5px;margin-bottom:8px}
.access-summary>.muted{max-width:290px}
.access-activation{border-left:1px solid #443a50;padding-left:30px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.activation-form{display:flex;gap:9px;margin:17px 0 10px;align-items:center}
.activation-form input{min-width:0}
.activation-form .button{flex-shrink:0;padding-inline:15px}
.account-section{margin-top:30px;padding:0 2px}
.account-section .section-heading>a{flex-shrink:0}
.account-section>.section-heading{margin-bottom:14px}
.account-section .empty-state{padding:14px 0 20px;font-size:12px}
.key-create-form{margin:0;padding-top:18px;gap:14px}
.key-create-form>div{max-width:350px}
.key-list .key-row:first-child{border-top:0}
.key-list .key-row{padding:14px 0}
.security-panel{padding:26px 30px;border-color:var(--line);background:#201f29}
.security-panel>.section-heading{border:0;padding-bottom:0;margin-bottom:24px}
.security-email{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;border-top:1px solid var(--line)}
.security-email h3{font-size:12px;color:var(--muted);font-weight:400}
.security-email .account-email{margin:5px 0 0;font-size:14px}
.email-confirmed{color:var(--green);font-size:12px;flex-shrink:0}
.security-email-action{display:flex;align-items:center;gap:16px}
.security-email-action>.muted{font-size:11px}
.verification-help{margin-top:-6px;padding-bottom:17px}
.security-password{border-top:1px solid var(--line);padding-top:22px}
.security-password>.section-heading{margin-bottom:18px;border:0;padding:0}
.security-password h3{font-size:15px}
.security-password .muted{font-size:12px}
.password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.password-form-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:0}
.password-form label{font-size:12px}
.account-history{padding:26px 30px;background:#201f29}
.account-history .empty-state{padding:18px 0 8px}
.account-history .empty-state a{display:inline-block;margin-top:9px;font-size:12px}
.account-history .history-list>div{padding:17px 0}
.history-days{color:var(--lavender);font-size:15px;white-space:nowrap}

.admin-heading{align-items:center;padding:36px 0 24px}
.admin-summary{display:flex;gap:28px;color:var(--muted);font-size:11px}
.admin-summary strong{display:block;color:var(--text);font-size:22px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.admin-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.admin-create-panel{padding:23px;background:#24212e;border-color:#4a4059}
.admin-create-panel h2{font-size:18px}
.admin-create-panel .muted{font-size:12px;line-height:1.75}
.admin-code-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px;margin-top:22px}
.admin-code-form label{font-size:11px}
.admin-code-form .admin-full-field{grid-column:1/-1}
.admin-code-form>.button{width:100%;grid-column:1/-1;margin-top:0}
.admin-form-options{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}
.admin-form-options summary{font-size:12px;font-weight:400;color:var(--muted);display:list-item;list-style:disclosure-closed;margin-left:14px}
.admin-form-options[open] summary{list-style:disclosure-open;margin-bottom:16px}
.admin-option-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-code-form>.field-hint{grid-column:1/-1;font-size:10px}
.admin-list-panel{min-width:0}
.admin-list-panel>.section-heading{align-items:center;margin:3px 0 20px}
.admin-list-panel h2,.admin-toolbar h2,.admin-activity h2{font-size:18px}
.admin-list-panel>.section-heading .muted{font-size:11px}
.admin-table{font-size:12px}
.admin-table th{padding:0 12px 13px 0;font-size:10px}
.admin-table td{padding:16px 12px 16px 0}
.admin-table td:first-child{white-space:normal;min-width:130px}
.admin-table td small{max-width:170px}
.admin-table .badge{font-size:10px;padding:2px 8px}
.admin-table .text-button{font-size:11px}
.admin-table td:last-child{padding-right:0}
.admin-list-panel .empty-state,.admin-activity .empty-state{padding:35px 0;border-top:1px solid var(--line)}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.admin-toolbar .search-form{margin:0;max-width:400px;flex:1}
.admin-toolbar .muted{font-size:12px;margin-top:4px}
.admin-users-table .user-actions{gap:18px}
.admin-users-table .grant-form input{width:60px}
.admin-users-table td:first-child{min-width:180px}
.admin-users-table td:first-child strong{overflow-wrap:anywhere}
.admin-activity>.section-heading{margin-bottom:24px}
.admin-audit-details{max-width:300px;white-space:normal}
.admin-audit-details summary{font-size:11px;font-weight:400;color:var(--muted);display:list-item;list-style:disclosure-closed;margin-left:13px}
.admin-audit-details[open] summary{list-style:disclosure-open;margin-bottom:7px}
.admin-audit-details p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.admin-secret .section-heading{align-items:center}
.admin-secret h2{font-size:18px}

.auth-panel h1{font-size:26px;letter-spacing:-.7px}
.auth-panel>.muted{margin:10px 0 25px}
.auth-aside h2{font-size:32px;line-height:1.25;letter-spacing:-1px;max-width:340px}
.auth-aside p{font-size:13px;max-width:300px;line-height:1.9;margin-top:18px}
.auth-emblem{width:90px;height:90px;margin-bottom:22px}
.auth-layout{margin-block:55px 32px;gap:70px;max-width:880px}
.email-action-panel{background:#201f29}
@media(max-width:1100px){
 .admin-workspace{grid-template-columns:1fr}
 .admin-code-form{grid-template-columns:1.6fr 1fr 1fr;align-items:end;column-gap:18px}
 .admin-code-form .admin-full-field{grid-column:auto}
 .admin-form-options{grid-column:1/3}
 .admin-code-form>.button{grid-column:3;align-self:start}
 .admin-code-form>.field-hint{grid-column:1/-1}
 .admin-option-fields{max-width:480px}
 .access-overview{grid-template-columns:1fr 1.1fr;padding:24px}
 .access-summary{padding-right:24px}
 .access-activation{padding-left:24px}
 .activation-form{flex-wrap:wrap}
 .activation-form input{flex-basis:100%}
}
@media(max-width:720px){
 .header{height:auto;min-height:82px;flex-wrap:wrap;gap:12px;padding-block:18px}
 .header nav{margin-left:auto;gap:16px}
 .account-heading,.admin-heading{padding:28px 0 21px}
 .account-heading h1,.admin-heading h1{font-size:26px}
 .workspace-tabs{gap:26px;margin-bottom:24px}
 .workspace-tabs a{font-size:12px}
 .account-attention{align-items:flex-start;flex-direction:column;gap:7px;padding-bottom:18px;font-size:11px}
 .access-overview{grid-template-columns:1fr;padding:23px}
 .access-summary{padding:0}
 .access-summary .section-heading{margin-bottom:18px}
 .access-activation{border-left:0;border-top:1px solid #443a50;padding:22px 0 0;margin-top:22px}
 .access-summary h2,.access-activation h2,.account-section h2,.account-history h2,.security-panel h2{font-size:18px}
 .access-duration{font-size:36px}
 .activation-form input{flex-basis:100%;font-size:11px;letter-spacing:0}
 .activation-form .button{width:100%}
 .account-section{margin-top:26px}
 .account-section>.section-heading:has(>a){flex-direction:column;gap:16px}
 .key-create-form{gap:12px}
 .key-create-form .button{align-self:stretch}
 .security-panel,.account-history{padding:23px}
 .security-panel>.section-heading{margin-bottom:20px}
 .security-email{flex-direction:column;align-items:flex-start;gap:9px;padding-block:17px}
 .security-email-action{width:100%;justify-content:space-between;flex-wrap:wrap;gap:9px}
 .email-confirmed{font-size:11px}
 .security-email .account-email{font-size:13px}
 .security-password{padding-top:20px}
 .password-form{grid-template-columns:1fr;gap:16px}
 .password-form-bottom{align-items:stretch;flex-direction:column;gap:16px;margin-top:0}
 .password-form-bottom .button{width:100%}
 .password-form label{font-size:12px}
 .admin-heading{align-items:flex-start;flex-direction:column;gap:15px}
 .admin-summary{gap:25px}
 .admin-summary strong{font-size:20px;display:inline;margin-right:5px}
 .admin-create-panel{padding:22px}
 .admin-code-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}
 .admin-code-form .admin-full-field,.admin-form-options,.admin-code-form>.button{grid-column:1/-1}
 .admin-option-fields{grid-template-columns:1fr 1fr;gap:14px}
 .admin-toolbar{align-items:stretch;flex-direction:column;gap:16px}
 .admin-toolbar .search-form{max-width:none}
 .admin-workspace{gap:30px}
 .admin-table thead{display:none}
 .admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%;min-width:0}
 .admin-table tr{padding:18px 0;border-top:1px solid var(--line)}
 .admin-table td{border:0;padding:5px 0;white-space:normal;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;font-size:12px;overflow-wrap:anywhere}
 .admin-table td:before{content:attr(data-label);font-size:11px;flex-shrink:0;color:#92899f}
 .admin-table td:first-child{display:block;padding-top:0;min-width:0}
 .admin-table td:first-child:before{display:none}
 .admin-table td small{max-width:none}
 .admin-table td:last-child{padding-top:9px}
 .admin-users-table .user-actions{flex:1;justify-content:space-between;gap:12px;flex-wrap:wrap}
 .admin-users-table td:last-child:before{display:none}
 .admin-table .grant-form{gap:8px}
 .admin-audit-details{max-width:210px}
 .admin-activity>.section-heading{margin-bottom:16px}
 .message.success{gap:12px;align-items:flex-start}
 .auth-layout{margin:30px auto;max-width:430px}
 .auth-panel h1{font-size:25px}
}
@media(max-width:420px){
 .header:has(.nav-link.selected) .brand{font-size:24px}
 .header:has(.nav-link.selected) .brand img{width:30px;height:30px}
 .header:has(.nav-link.selected) nav{gap:12px}
 .header:has(.nav-link.selected) .nav-link{font-size:11px}
}

.user-detail-row[hidden]{display:none!important}.user-detail-row>td{padding:0!important}.user-detail{padding:24px;background:#201e2a;border:1px solid #514760;border-left:3px solid #b8a2e8}.user-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.user-facts dt{font-size:12px;color:#9c98ae}.user-facts dd{margin:5px 0;overflow-wrap:anywhere}.account-id{font-size:12px}.user-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.user-control-grid .panel{padding:18px;margin:0}.user-control-grid form{display:grid;gap:10px}.user-control-grid input{width:100%;min-width:0}.user-command-bar{display:flex;flex-wrap:wrap;gap:16px;padding:18px 0;border-block:1px solid #40394d}.user-delete{display:flex;gap:16px;align-items:end;border-top:1px solid #40394d;padding-top:20px}.user-delete label{max-width:260px}.user-detail small{display:block;color:#9c98ae}@media(max-width:900px){.user-control-grid{grid-template-columns:1fr}.user-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.user-delete{flex-direction:column;align-items:stretch}.user-detail-row>td{display:block!important}.user-detail{padding:16px}}

.validation-error{color:var(--danger)}.validation-error[hidden]{display:none!important}