﻿/* Management UI layout. Corporate colors are inherited unchanged from site.css. */

.management-shell .sidebar{padding-top:34px;overflow-y:auto}
.management-shell .brand{padding:0 8px 28px;line-height:1.6}
.management-shell .brand small{font-size:15px;letter-spacing:.12em;margin-top:8px}
.management-shell .sidebar nav{margin-top:24px}
.management-shell .sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;margin:7px 0;transition:background-color .15s,border-color .15s}

.management-shell .sidebar nav .selected{font-weight:600}
.management-shell .nav-icon{width:21px;height:21px;flex:0 0 21px;opacity:.85}
.management-shell .sidebar nav .selected .nav-icon{opacity:1}
.management-shell .sidebar-bottom{padding-top:22px;margin-top:auto}
.management-shell .content{padding-top:40px}
.management-shell .page-heading{margin-bottom:30px;padding-bottom:20px;}
.management-shell h1{font-size:28px;font-weight:700;line-height:1.5;letter-spacing:.025em;overflow-wrap:anywhere}
.management-shell .panel,.management-shell .stat{border-radius:14px;}
.management-shell .panel-heading{padding:23px 26px}
.management-shell .form-panel{padding:28px}
.management-shell .form-panel>h2,.management-shell .panel-heading h2,.management-shell .list-heading>h2,.management-shell .application-section-heading>h2,.management-shell .application-section>h2,.management-shell .form-panel .full>h2,.management-shell .list-heading-summary>h2{padding-left:12px;line-height:1.5}
.management-shell .result-count{font-size:16px;font-weight:600;border-radius:7px;padding:4px 10px}
.management-shell .result-count small{font-size:14px}
.management-shell .list-heading-summary{gap:12px 16px}
.management-shell th{font-size:16px;font-weight:600;padding-top:14px;padding-bottom:14px}
.management-shell td{padding-top:17px;padding-bottom:17px}


.management-shell .badge{font-size:15px;font-weight:600;line-height:1.5;padding:4px 11px;border-radius:7px}




.management-shell .button{border-radius:8px;min-height:44px;transition:background-color .15s,border-color .15s,box-shadow .15s}




.management-shell .button.small{min-height:34px;padding:5px 13px;font-size:16px}


.management-shell input:not([type=checkbox]):not([type=radio]),.management-shell select,.management-shell textarea{border-radius:8px;min-height:46px}


.management-shell label b{font-size:12px;vertical-align:middle}
.management-shell .filter{gap:16px 20px;padding:24px 26px}
.management-shell .filter>div{min-width:0}
.management-shell .filter>div:first-child{min-width:200px}
.management-shell .key-reveal{border-radius:14px;padding:28px;}
.management-shell #issued-key{border-radius:8px;letter-spacing:.04em;}
.management-shell .key-contract-summary{margin-top:18px;font-variant-numeric:tabular-nums}
.management-shell .stat{padding:24px;transition:border-color .15s,box-shadow .15s}

.management-shell .stat strong{font-size:40px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.management-shell .page-action-footer{gap:12px;padding-top:14px;padding-bottom:14px}
.management-shell .confirmation-dialog,.management-shell .message-box{border-radius:16px;padding:30px}

.management-shell .customer-summary{border-radius:9px;padding:16px}
.management-shell .terminal-history-toggle{font-size:16px;}
.management-shell .empty{padding:46px 24px}
.management-shell .notice{border-radius:10px}
.management-shell .application-tabs a,.management-shell .application-tabs button{border-radius:10px 10px 0 0}
@media(max-width:1150px){.management-shell .content{padding:30px 24px}.management-shell .filter{padding:22px}.management-shell th,.management-shell td{padding-left:17px;padding-right:17px}}
@media(max-width:720px){.management-shell .sidebar{padding:20px}.management-shell .brand{padding:0 0 16px}.management-shell .sidebar nav{margin-top:15px;flex-wrap:wrap}.management-shell .sidebar nav a{padding:10px;gap:8px;margin:0;font-size:15px}.management-shell .sidebar-bottom{margin-top:18px;flex-wrap:wrap}.management-shell .content{padding:24px 16px}.management-shell h1{font-size:23px}.management-shell .page-heading{margin-bottom:22px;padding-bottom:16px}.management-shell .form-panel,.management-shell .panel-heading,.management-shell .key-reveal{padding:20px}.management-shell .filter{padding:20px}.management-shell .filter>div{flex:1 1 100%;min-width:0}.management-shell .filter select{min-width:0}.management-shell .result-count{font-size:15px}.management-shell .stat{padding:18px}.management-shell .stat strong{font-size:32px}.management-shell .page-action-footer{padding:12px 16px}.management-shell .confirmation-dialog{padding:22px}}
@media(prefers-reduced-motion:reduce){.management-shell *{transition:none!important}}

.authenticator-qr{max-width:280px;margin:20px 0;background:white;padding:12px}
.authenticator-qr svg{display:block;width:100%;height:auto}
.authenticator-key{overflow-wrap:anywhere}
.recovery-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:20px;list-style:none}
.recovery-codes code{font-size:18px;letter-spacing:.08em}
.permission-options{display:grid;gap:16px;margin:20px 0}
.permission-options label{display:flex;align-items:center;gap:10px}
.list-heading .list-heading-summary{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;min-width:0}
.read-only-fields{border:0;padding:0;margin:0;min-width:0}
.read-only-form button:not([type="button"]):not([type="reset"]){display:none}
.read-only-fields :disabled{opacity:1;color:var(--ink)}
.permission-summary{display:flex;gap:6px;flex-wrap:wrap;max-width:500px}
.permission-summary span{display:inline-block;background:var(--bg);border-radius:6px;padding:3px 8px;font-size:15px}

.permission-matrix{border:0;padding:0;margin:1rem 0}.permission-feature{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,220px);gap:12px 24px;padding:18px 0;border-bottom:1px solid #d4e2d5}.permission-feature>label{font-weight:600;align-self:center}.permission-feature .permission-options{grid-column:1/-1;margin:0}.permission-matrix:disabled{opacity:.75}@media(max-width:640px){.permission-feature{grid-template-columns:1fr}.permission-feature .permission-options{grid-column:1}}

.operation-auth{padding:12px;margin:12px 0;border:1px solid #bfd6c3;border-radius:8px;background:#f3f8f3;max-width:460px}.operation-auth input{max-width:160px;letter-spacing:.25em}.operation-auth small{display:block;margin-top:6px}.csv-preview td{min-width:140px}.csv-preview .before{color:#67766c}.csv-preview .after{font-weight:600}
