@font-face{font-family:"Michroma";src:url("fonts/Michroma-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}

:root{font-family:Michroma,Arial,sans-serif;color:#193c56;background:#d7eaf7;color-scheme:light;--ink:#193c56;--muted:#556f80;--orange:#e78023;--line:#ccdae1;--panel:#fffef9;--sky:#d7eaf7}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(225,241,251,.83),rgba(245,249,249,.91) 65%,rgba(255,250,237,.94)),url('assets/sky-day.jpg') center top/cover fixed;min-height:100vh}body.night{--ink:#dceaf5;--muted:#afc3d5;--line:#3a546c;--panel:#132d45;color:var(--ink);background:linear-gradient(rgba(6,28,53,.58),rgba(7,27,49,.94)),url('assets/night-stars.svg') center/cover fixed;color-scheme:dark}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b85d14}input,select,textarea{width:100%;border:1px solid #aabecb;border-radius:10px;background:var(--panel);color:var(--ink);min-height:46px;padding:11px 13px;font:15px/1.6 Arial,sans-serif}textarea{resize:vertical}label{display:block;margin:21px 0 8px;font:12px/1.7 Michroma,Arial,sans-serif}h1,h2,h3{font-weight:400;overflow-wrap:anywhere}h1{font-size:clamp(24px,2.55vw,37px);line-height:1.5;margin:8px 0 13px;letter-spacing:-.04em}h2{font-size:18px;line-height:1.7;margin:0 0 13px}h3{font-size:14px;line-height:1.8;margin:0 0 10px}p{font:15px/1.85 Arial,sans-serif;margin:0 0 14px;color:var(--muted)}.eyebrow,.nav-group{font:10px/1.7 Michroma,Arial,sans-serif;letter-spacing:.13em;color:#a75615;margin-bottom:8px}.lead{max-width:830px;font-size:16px}.preview-strip{padding:9px 28px;background:#fff3d8;color:#684d22;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font:12px/1.5 Arial,sans-serif}.preview-strip p{font:12px/1.5 Arial,sans-serif;margin:0;color:inherit}.preview-strip a{margin-left:auto;text-decoration:underline;min-height:30px;display:flex;align-items:center}.preview-mark{font-size:10px;letter-spacing:.12em;font-weight:bold}.admin-header{display:flex;gap:23px;align-items:center;padding:18px 30px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.65)}.night .admin-header{background:rgba(7,27,49,.65)}.brand-shell{flex-shrink:0;width:224px;aspect-ratio:1113/277;display:grid;place-items:center;background:url('assets/button-contour.svg') center/100% 100% no-repeat}.brand-shell img{width:70%;height:auto;display:block}.header-label{display:grid;gap:6px}.header-label strong{font-size:14px;font-weight:400}.header-label span{font:12px Arial,sans-serif;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.compact-control{margin:0;font:10px Michroma,Arial,sans-serif;color:var(--muted)}.compact-control select{margin-top:5px;min-height:36px;font-size:12px;padding:5px 8px}.account-link{display:flex;align-items:center;gap:10px;font:12px/1.6 Arial,sans-serif;min-height:44px}.account-link small{display:block;color:var(--muted);font-size:11px}.avatar{display:grid;place-items:center;border:1px solid #e9bb6e;background:#fff3d8;color:#7b4a1c;width:36px;height:36px;border-radius:50%;font:13px Michroma,Arial,sans-serif}.admin-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1800px;margin:auto}.admin-nav{position:sticky;top:0;height:calc(100vh - 10px);overflow-y:auto;align-self:start;padding:22px 18px 25px;border-right:1px solid var(--line);background:rgba(255,255,255,.25)}.nav-group{font-size:9px;color:var(--muted);margin:18px 12px 5px}.admin-nav a{display:flex;align-items:center;min-height:42px;padding:10px 12px;font:11px/1.65 Michroma,Arial,sans-serif;border:1px solid transparent;border-radius:12px;margin:3px 0}.admin-nav a:hover{background:var(--panel)}.admin-nav a[aria-current=page]{background:var(--panel);border-color:var(--orange);box-shadow:inset 3px 0 var(--orange);color:var(--ink)}.nav-foot{border-top:1px solid var(--line);margin:25px 12px 0;padding-top:20px}.nav-foot img{width:60px;height:auto}.nav-foot p{font-size:11px;margin-top:10px}#workspace{min-width:0;padding:36px clamp(22px,4vw,62px) 25px}.page-heading{margin-bottom:30px}.attention-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:5px 0 18px}.attention-heading p{margin-bottom:0}.filter-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.filter-row button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:20px;padding:10px 13px;min-height:40px;font:12px Arial,sans-serif}.filter-row button[aria-pressed=true]{background:#fff2d9;border-color:#d59a48;color:#7b4a14}.attention-list{display:grid;gap:12px}.attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 23px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.attention-item .item-symbol{width:39px;height:39px;display:grid;place-items:center;background:#fff0d4;color:#955217;border-radius:12px;font:20px Arial,sans-serif}.attention-item p{margin:6px 0 0;font-size:13px}.attention-item h3{font-size:13px;margin:5px 0}.item-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.item-meta small{font:11px Arial,sans-serif;color:var(--muted)}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:6px;padding:4px 8px;background:#fff1d5;color:#805016;font:10px/1.4 Arial,sans-serif}.badge.warning{background:#fff0e9;color:#a34622}.badge.success{background:#e8f5eb;color:#267044}.badge.muted{background:#edf2f6;color:#526d82}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:28px 0}.summary-card{display:flex;flex-direction:column;gap:11px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:19px;font-size:12px}.summary-card strong{font:32px/1.3 Arial,sans-serif}.summary-card small{font:12px Arial,sans-serif;color:var(--muted)}.summary-card em{font:12px Arial,sans-serif;font-style:normal;color:#9c5014;margin-top:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:23px;padding:28px;margin-bottom:23px;min-width:0}.two-column{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.two-column>.card{height:100%}.link-list a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:16px 0;font:13px/1.6 Arial,sans-serif}.setup-list{padding-left:24px;margin:0}.setup-list li{padding:9px 0;font:14px/1.7 Arial,sans-serif}.setup-list small{display:block;color:var(--muted);font-size:12px}.signature{position:relative;display:inline-block;flex-shrink:0;width:250px;max-width:100%;aspect-ratio:1113/277;min-height:48px;border:0;padding:0;background:url('assets/button-contour.svg') center/100% 100% no-repeat;color:#193c56}.signature span{position:absolute;left:12%;right:18%;top:50%;transform:translateY(-50%);text-align:center;font:10px/1.5 Michroma,Arial,sans-serif}.signature:hover{filter:brightness(.98)}.quiet{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid #aabecb;border-radius:10px;background:var(--panel);color:var(--ink);font:12px/1.6 Arial,sans-serif}.quiet:hover{border-color:var(--orange)}.text-link,.row-link,.text-button{font:13px/1.8 Arial,sans-serif;color:#a15a21;text-decoration:underline;text-underline-offset:4px}.row-link,.text-button{background:none;border:0;padding:9px 0;min-height:40px;cursor:pointer}.text-link{display:inline-flex;min-height:40px;align-items:center}.toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.toolbar>label{margin:0;min-width:150px}.toolbar .search-label{flex:1}.table-scroll{width:100%;overflow:auto;margin:16px 0}table{width:100%;border-collapse:collapse;min-width:510px;text-align:left;font:13px/1.7 Arial,sans-serif}th{font-weight:600;color:var(--muted);background:rgba(130,172,196,.08)}th,td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small.block{display:block;color:var(--muted);font-size:11px}td strong{font-weight:600}.editing-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px}.content-preview{padding:23px;border:1px solid var(--line);border-radius:18px;align-self:start;background:rgba(154,194,218,.06);margin-top:12px;min-width:0;overflow-wrap:anywhere}.content-preview p{white-space:pre-wrap}.video-placeholder{aspect-ratio:16/9;background:#143f65;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:white;margin-bottom:18px;font:11px Arial,sans-serif}.video-placeholder img{width:80px}.r4d-mark{width:75px;height:auto}.check{display:flex;gap:11px;align-items:center;font:14px/1.7 Arial,sans-serif;min-height:44px}.check input{width:20px;height:20px;min-height:0;accent-color:#b85d14;flex-shrink:0}.form-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:25px 0 10px}.help{font-size:12px;line-height:1.8}.notice{font:13px/1.8 Arial,sans-serif;padding:15px 18px;border-left:3px solid var(--orange);background:rgba(233,172,79,.1);margin:22px 0}.connection-note{display:flex;gap:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.45);padding:17px 20px;margin-bottom:23px;font:13px Arial,sans-serif}.night .connection-note{background:rgba(10,31,49,.65)}.connection-note p{font-size:12px;margin:5px 0 0}.status-dot{height:8px;width:8px;border-radius:50%;background:#9aaebd;margin-top:4px;flex-shrink:0}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chip{padding:8px 12px;border-radius:9px;border:1px solid var(--line);font:12px Arial,sans-serif;background:rgba(130,172,196,.06)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}.integration-card h3{font-size:13px}.integration-card p{font-size:12px}.integration-card .integration-actions{display:flex;gap:14px;flex-wrap:wrap}.integration-state{margin-bottom:12px}.requirement-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.requirement-row p{font-size:13px;margin:0}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:22px 0}.metric-pair span{font-size:13px}.metric-pair strong{display:block;font:35px Arial,sans-serif;margin:15px 0}.metric-pair p{font-size:12px}.permission-table{min-width:650px}.permission-table input{width:19px;height:19px;min-height:0;accent-color:#b85d14}.security-steps{list-style:none;padding:0}.security-steps li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.security-steps li>span{font:23px Arial,sans-serif;color:#cf8b3e}.security-steps p{margin:0}.feedback{font:14px/1.8 Arial,sans-serif;padding:14px 18px;border-left:3px solid #7ea7bf;background:#eaf3fa;color:#284d67;margin:15px 0 24px;overflow-wrap:anywhere}.feedback[data-tone=error]{border-color:#b05031;background:#fff0e9;color:#913d25}.feedback[data-tone=success]{border-color:#458568;background:#e9f5ec;color:#215e3c}[data-form-status]{font:13px/1.7 Arial,sans-serif;color:var(--muted);margin-top:16px}.empty{padding:30px 20px;text-align:center;border:1px dashed var(--line);border-radius:15px}.admin-footer{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.admin-footer p{font:11px/1.9 Arial,sans-serif;margin:5px 0}.admin-footer img{width:100px;height:auto;vertical-align:middle;margin-left:7px}.skip{position:absolute;top:-100px;left:20px;background:#fff;color:#173b56;padding:14px;z-index:20}.skip:focus{top:5px}.noscript{padding:20px}.brand-inline{display:inline-block;width:42px;height:auto;vertical-align:middle;margin:0 3px}dialog{border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--ink);width:min(640px,calc(100% - 32px));max-height:85vh;padding:28px}dialog::backdrop{background:rgba(13,37,58,.38)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.icon-button{border:0;background:none;font:28px Arial,sans-serif;color:var(--ink);width:44px;height:44px}.login-wrap{width:min(610px,100%);padding:40px 22px;margin:auto}.login-wrap>.brand-shell{width:280px;max-width:100%;margin:0 auto 25px}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:27px;padding:32px}.login-card h1{font-size:25px}.login-card h2{font-size:16px}.login-progress{display:flex;list-style:none;padding:0;margin:27px 0 35px;gap:15px}.login-progress li{display:flex;align-items:center;gap:7px;color:var(--muted);font:11px Arial,sans-serif}.login-progress span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:12px}.login-progress [aria-current=step]{color:#9e551a}.login-progress [aria-current=step] span{background:#fff0d3;border-color:#df9c45;color:#9e551a}.login-card .signature{margin:24px 0 13px}.login-boundary{font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.sample-note{font-size:12px;background:#fff3dc;color:#705229;padding:12px;border-radius:10px}.email-destination{border:1px solid var(--line);padding:17px;border-radius:13px;margin:20px 0}.email-destination span{display:block;font:11px Arial,sans-serif;color:var(--muted);margin-bottom:9px}.email-destination strong{font:15px Arial,sans-serif}.inline-form{margin-top:15px}
[hidden]{display:none!important}
@media(min-width:1800px){body{background-size:cover}.admin-layout{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1250px){.header-label{display:none}.header-actions{gap:12px}.account-link small{display:none}.editing-layout{grid-template-columns:1fr}.attention-heading{align-items:start;flex-direction:column}.admin-layout{grid-template-columns:220px minmax(0,1fr)}.two-column{grid-template-columns:1fr}.two-column>.card{height:auto}}
@media(max-width:900px){.admin-header{flex-wrap:wrap;padding:18px 20px}.header-actions{margin-left:0;flex:1;justify-content:flex-end}.account-link{display:none}.admin-layout{display:block}.admin-nav{position:static;height:auto;display:flex;overflow-x:auto;gap:7px;border-right:0;border-bottom:1px solid var(--line);padding:12px 18px}.admin-nav a{white-space:nowrap;margin:0;flex-shrink:0}.nav-group,.nav-foot{display:none}#workspace{padding:30px 22px}.summary-grid{gap:12px}.summary-card{padding:20px}.preview-strip{padding:9px 20px}.preview-strip a{margin-left:0}.integration-grid{grid-template-columns:1fr}}
@media(max-width:600px){.admin-header{justify-content:center;gap:13px}.header-actions{flex-basis:100%;justify-content:space-between}.brand-shell{width:220px}.compact-control{max-width:185px}.preview-strip{gap:7px 15px}.preview-strip p{flex-basis:100%;order:3}.preview-strip a{margin-left:auto}.summary-grid{grid-template-columns:1fr;margin:23px 0}.summary-card{display:grid;grid-template-columns:1fr auto;gap:8px}.summary-card strong{grid-column:2;grid-row:1/3}.summary-card small,.summary-card em{grid-column:1}.summary-card em{margin-top:4px}.card{padding:23px 18px;border-radius:19px}#workspace{padding:27px 16px}.attention-item{grid-template-columns:35px minmax(0,1fr);padding:18px 15px;gap:13px}.attention-item>.quiet{grid-column:2;justify-self:start}.attention-item .item-symbol{width:33px;height:33px}.metric-pair{grid-template-columns:1fr;gap:14px}.toolbar{align-items:stretch}.toolbar>label{flex-basis:100%}.login-wrap{padding:27px 16px}.login-card{padding:27px 20px}.login-progress{gap:10px}.login-progress li{font-size:10px}.login-progress span{width:26px;height:26px}.form-actions{gap:12px}.signature{width:250px}.lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.review-snapshot{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 monospace;background:rgba(130,172,196,.08);padding:16px;border-radius:12px;max-height:260px;overflow:auto}

.draft-tools{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.revision-summary{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,3fr);gap:12px}.revision-summary dt{font:13px Arial,sans-serif;text-transform:capitalize;color:var(--muted)}.revision-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Arial,sans-serif}#copy-draft-form textarea{width:100%}#dialog-content>.text-link{display:inline-block;margin:18px}
@media(max-width:600px){.revision-summary{grid-template-columns:1fr}.revision-summary dd{margin-bottom:12px}}

#catalogue-table td small{display:block;margin-top:6px;color:var(--muted)}#media-form{max-width:780px}#media-form fieldset{border:1px solid var(--line);border-radius:12px;margin:22px 0;padding:18px}#media-record>section{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}#media-record>section .text-link,#dialog-content>.text-link{display:inline-block;margin:12px 16px 12px 0}

.case-history-entry{border-top:1px solid var(--line);padding:12px 0}.case-history-entry p{white-space:pre-wrap;overflow-wrap:anywhere}#case-review-form{margin-top:22px}#case-review-form textarea{width:100%}#case-error{color:#a82c21;font:14px/1.7 Arial,sans-serif}

.composition-chapter{border:1px solid var(--line);border-radius:18px;padding:22px;margin:22px 0}.clip-editor{border-top:1px solid var(--line);padding:18px 0}.composition-chapter>.quiet{margin:12px 20px 12px 0}#composition-type{display:inline-block;padding:8px 14px;background:#fff0d3;color:#70471c;border-radius:8px}#user-feedback{font:14px/1.7 Arial,sans-serif;margin:22px 0}#users-table{margin-top:22px}


/* W15 owner review: source-derived clean contour and separated navigation groups. */
.admin-nav .nav-group{font-weight:bold;color:var(--ink);border-top:2px solid var(--orange);padding-top:15px;margin-top:22px;letter-spacing:.08em}.admin-nav .nav-group:first-child{border-top:0;padding-top:0}.review-choices{display:grid;gap:10px}.review-choices label{display:flex;align-items:center;gap:12px;margin:0;padding:9px 0}.review-choices input[type=checkbox]{width:20px;min-height:20px;height:20px;flex-shrink:0}.review-video{width:100%;max-height:420px;background:#102d44;border-radius:15px}.player-notice{padding:12px 0;font:14px/1.7 Arial,sans-serif}.preview-banner{min-height:140px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:14px;text-align:center}.preview-banner img{max-width:85%;height:auto;max-height:85px}.campaign-preview{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.selection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.selection-fields label{margin-top:0}.nav-group a{color:inherit}.review-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.review-actions button{max-width:100%}.toolbar input{min-width:0}.toolbar{flex-wrap:wrap}.toolbar>label{flex:1 1 230px}.toolbar>.signature{flex:0 0 250px}@media(max-width:700px){.selection-fields{grid-template-columns:1fr}}

/* Owner decision: conventional admin action controls; public/creator brand actions stay separate. */
body[data-admin-ui] .admin-header .brand-shell,body[data-admin-ui] .login-wrap>.brand-shell{background:none;aspect-ratio:auto}body[data-admin-ui] .quiet span{position:static;transform:none}body[data-admin-ui] .toolbar>.quiet{flex:0 0 auto}

.report-alarm{border-color:#b24832;margin:14px 0}.report-alarm:focus-visible{outline-color:#b24832}#watch-report form{margin:14px 0;padding:18px 0;border-top:1px solid var(--line)}

/* W23 social management */
.social-network{border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--panel)}.social-network>summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;cursor:pointer;min-height:48px}.social-network>summary strong{font:16px Arial,sans-serif}.social-network>summary:before{content:"▸";color:var(--orange)}.social-network[open]>summary:before{content:"▾"}.social-network>summary .social-state{margin-left:auto;font:13px Arial,sans-serif}.social-network form{padding:0 18px 20px}.social-network input:disabled{background:#e9edf0}.social-network .selection-fields>div{min-width:0}.social-network summary>span{font:13px Arial,sans-serif}.social-network .notice{margin-top:15px}

/* W27 user video details and catalogue controls. */
.user-video-details{border:1px solid var(--line,#bbcddd);border-radius:12px;margin:24px 0;padding:18px;min-width:0;} .user-video-details legend{padding:0 8px;} .user-details-grid,.catalogue-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;} .catalogue-tools label{display:block;} .catalogue-tools select,.catalogue-tools input{width:100%;} .user-video-details textarea{width:100%;max-width:100%;} @media(max-width:650px){.user-details-grid,.catalogue-tools{grid-template-columns:1fr;}}

.capacity-overview{border-top:4px solid #e77c1e;}.capacity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.capacity-metrics>div{padding:12px;border:1px solid var(--line,#bbcddd);border-radius:10px;}.capacity-metrics span{display:block;font-size:13px;}.capacity-metrics strong{display:block;font-size:24px;margin-top:10px;}.capacity-monitor-state{font-weight:bold;}#capacity-result{margin:16px 0;padding:16px;border:2px solid #55738b;border-radius:10px;}#capacity-result[data-severity=critical]{border-color:#b32c27;}#capacity-result[data-severity=warning],#capacity-result[data-severity=stale]{border-color:#b86713;}@media(max-width:700px){.capacity-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}

.catalogue-actions{display:grid;gap:8px;min-width:150px;}.catalogue-actions a{white-space:normal;}

/* W30: readable capacity and audience visuals; status never relies on colour alone. */
.visual-panel-heading{display:flex;justify-content:space-between;gap:24px;align-items:start;flex-wrap:wrap;}.visual-panel-heading label{min-width:220px;max-width:100%;}.visual-example-note{padding:12px 16px;border:2px solid #a15d12;border-radius:10px;background:#fff2d5;color:#6c3c06;font-weight:bold;}.visual-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;}.visual-card{padding:20px;border:1px solid var(--line,#b8cddd);border-radius:16px;min-width:0;}.storage-visual-layout{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}.capacity-donut{width:180px;max-width:100%;height:180px;flex:0 0 180px;}.capacity-donut circle{fill:none;stroke-width:12;transform:rotate(-90deg);transform-origin:60px 60px;}.gauge-track{stroke:#d7e1e8;}.gauge-used{stroke:#205c88;}.gauge-reserved{stroke:#ed8a23;}.capacity-donut text{fill:currentColor;font:600 20px Arial,sans-serif;stroke:none;}.visual-metrics{flex:1;min-width:160px;}.visual-metrics>div,.user-status-counts>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0;}.visual-metrics dt,.user-status-counts dt{font-size:13px;}.visual-metrics dd,.user-status-counts dd{margin:0;font-weight:bold;}.visual-alert{font-weight:bold;border-left:5px solid #6b7f91;padding:10px 14px;background:#e9eff4;}.visual-alert[data-severity=critical]{color:#8f221d;border-color:#b32c27;background:#fff0ee;}.visual-alert[data-severity=warning],.visual-alert[data-severity=stale]{color:#784207;border-color:#b86713;background:#fff4df;}.gauge-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;}.gauge-legend span:first-child{color:#205c88;}.gauge-legend span:nth-child(2){color:#a85a10;}#dashboard-server-list p{font-size:12px;border-bottom:1px solid var(--line,#b8cddd);padding:8px 0;}#dashboard-server-list p[data-severity=critical]{border-left:4px solid #b32c27;padding-left:10px;}.user-counts{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.user-counts span{display:block;font-size:13px;}.user-counts strong{display:block;font:600 30px/1.5 Arial,sans-serif;}.user-distribution{height:22px;border-radius:6px;overflow:hidden;background:#d7e1e8;display:flex;}.user-distribution span{height:100%;display:block;}#dashboard-user-active-bar{background:#205c88;}#dashboard-user-pending-bar{background:#ed8a23;}#dashboard-user-restricted-bar{background:#a13631;}.registration-trend{width:100%;height:auto;max-height:150px;}.registration-trend polyline{fill:none;stroke:#205c88;stroke-width:3;}.trend-baseline{stroke:#b8cddd;fill:none;}.registration-trend text{fill:currentColor;font:20px Arial,sans-serif;}.visual-card h4{font-size:14px;margin:20px 0 10px;}@media(max-width:1100px){.visual-card-grid{grid-template-columns:1fr;}}@media(max-width:450px){.capacity-donut{width:150px;height:150px;flex-basis:150px;}.visual-card{padding:14px;}.user-counts{grid-template-columns:1fr;}}

#commerce-workspace form label{display:block;margin-top:12px}#commerce-workspace form input,#commerce-workspace form select{display:block;font:15px Arial,sans-serif;padding:8px;max-width:550px;width:100%;box-sizing:border-box}#commerce-workspace button{padding:8px 12px;margin:8px 6px 0 0}#commerce-areas{display:flex;gap:10px;flex-wrap:wrap}

body[data-page="payment-methods"] #commerce-workspace fieldset label,body[data-page="languages"] #commerce-workspace label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px;margin:8px 0;font:15px Arial,sans-serif}body[data-page="payment-methods"] #commerce-workspace input[type="checkbox"],body[data-page="languages"] #commerce-workspace input[type="checkbox"]{width:18px;height:18px;min-height:18px;margin:0;flex:none}body[data-page="payment-methods"] #commerce-workspace fieldset{padding:12px;margin:12px 0}