#admin-commercial-control-root { --cc-ink:#15243b; --cc-muted:#5c6b80; --cc-border:#dce4ef; color:var(--cc-ink); max-width:1600px; margin:auto; }
.cc-shared { color:#15243b; background:#f5f8fd; border:1px solid #dce4ef; border-radius:18px; padding:20px; margin:0 0 22px; }
.cc-scope-title { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:15px; }
.cc-scope-title strong { font-size:17px; }.cc-scope-title span { color:#596980; font-size:12px; }
.cc-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:14px; margin:15px 0; }
.cc-filters label, .cc-editor label { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:700; color:#36475f; min-width:0; }
.cc-filters input, .cc-filters select, .cc-editor input, .cc-editor select, .cc-editor textarea { width:100%; min-width:0; border:1px solid #cbd6e5; background:#fff; color:#15243b; border-radius:10px; padding:10px 12px; min-height:44px; font:inherit; font-size:14px; font-weight:400; }
.cc-editor textarea { min-height:84px; resize:vertical; }.cc-editor form { display:grid; gap:15px; }
.cc-editor fieldset { min-width:0; border:0; padding:0; margin:0; display:grid; gap:15px; }
.cc-nav, .cc-tabs { display:flex; gap:7px; flex-wrap:wrap; margin-top:15px; }
.cc-nav { border-top:1px solid #dce4ef; padding-top:14px; }.cc-tabs { margin:20px 0; }
.cc-button, .cc-nav button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:9px 13px; border:1px solid #cbd6e5; border-radius:10px; background:#fff; color:#263d5f; font:inherit; font-weight:650; font-size:13px; text-decoration:none; cursor:pointer; }
.cc-button:hover, .cc-nav button:hover { background:#edf3fc; border-color:#94aaca; }
.cc-nav button[aria-current=page], .cc-tabs button[aria-pressed=true], .cc-button.is-primary { background:#173b6a; border-color:#173b6a; color:#fff; }
.cc-button:disabled, .cc-nav button:disabled { cursor:not-allowed; opacity:.55; }
.cc-shared :focus-visible, #admin-commercial-control-root :focus-visible { outline:3px solid #f59e0b; outline-offset:3px; }
.cc-hero { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; padding:10px 0; }
.cc-hero > div { min-width:0; }.cc-hero span { font-size:11px; font-weight:800; letter-spacing:1.4px; color:#517095; }
.cc-hero h2 { font-size:30px; font-weight:800; margin:8px 0; letter-spacing:-.6px; }.cc-hero p { margin:0; color:#5c6b80; line-height:1.6; }
.cc-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin:20px 0; }
.cc-metric { background:#fff; border:1px solid #dce4ef; border-top:3px solid #3d6faf; border-radius:14px; padding:20px; min-width:0; }
.cc-metric span { color:#4a5c73; font-size:12px; font-weight:700; }.cc-metric strong { display:block; font-size:27px; font-weight:800; line-height:1.3; margin:12px 0; overflow-wrap:anywhere; letter-spacing:-.6px; }.cc-metric small { display:block; color:#64748b; font-size:11px; line-height:1.6; }
.cc-panel { border:1px solid #dce4ef; border-radius:16px; padding:22px; background:#fff; margin:20px 0; min-width:0; }
.cc-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:17px; }
.cc-heading h3 { font-size:18px; margin:0; font-weight:750; }.cc-heading p { margin:7px 0 0; color:#5c6b80; font-size:13px; line-height:1.6; }
.cc-scroll { overflow:auto; max-width:100%; border:1px solid #e2e8f0; border-radius:12px; }
.cc-scroll table { width:100%; min-width:680px; border-collapse:collapse; font-size:13px; }
.cc-scroll th { background:#f5f8fc; color:#51647e; font-size:11px; font-weight:750; text-align:left; padding:14px; border-bottom:1px solid #dce4ef; }
.cc-scroll th small { display:block; margin-top:6px; color:#65758b; font-weight:400; line-height:1.5; }
.cc-scroll tbody th { font-size:12px; font-weight:650; }
.cc-scroll td { padding:15px 14px; border-bottom:1px solid #edf1f7; vertical-align:top; }.cc-scroll tr:last-child td { border-bottom:none; }
.cc-scroll td strong { font-weight:700; }.cc-scroll td small { display:block; margin-top:6px; max-width:290px; color:#65758b; line-height:1.5; }.cc-scroll td:first-child { min-width:165px; }.cc-scroll td:last-child { min-width:130px; }
.cc-actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }.cc-actions .cc-button { font-size:12px; min-height:36px; padding:7px 10px; }
.cc-note { color:#5c6b80; font-size:12px; line-height:1.6; margin:12px 0; }
.cc-notice, .cc-success, .cc-error { border-radius:12px; padding:15px 18px; font-size:13px; line-height:1.65; margin:15px 0; overflow-wrap:anywhere; }
.cc-notice { background:#f0f6ff; color:#244a76; border:1px solid #cadcf7; }.cc-success { background:#edf9f2; color:#15643b; border:1px solid #bee4cd; }.cc-error { background:#fff2f0; color:#922b20; border:1px solid #f2c9c4; }
.cc-notice p { margin:7px 0 12px; }.cc-error button { margin-left:8px; }
.cc-status { display:inline-block!important; width:fit-content; border-radius:6px; padding:4px 7px; font-weight:700; font-size:11px!important; }.cc-status.is-pending { background:#fff3da; color:#815500; }.cc-status.is-confirmed { background:#e7f6ec; color:#20613b; }.cc-status.is-void { background:#f3e9e8; color:#7f3a32; }
.cc-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:16px; font-size:12px; color:#5c6b80; }.cc-pagination > div { display:flex; gap:7px; }
.cc-editor { border:2px solid #7193c2; background:#fbfdff; scroll-margin-top:20px; }.cc-editor .cc-check { display:flex; flex-direction:row; align-items:flex-start; gap:10px; font-size:13px; font-weight:500; line-height:1.6; }.cc-check input[type=checkbox] { width:19px; min-width:19px; height:19px; min-height:19px; margin-top:2px; }.cc-editor [type=submit] { justify-self:start; }
.cc-history { margin:0; padding-left:22px; }.cc-history li { padding:8px 0 15px 10px; }.cc-history li span { display:block; color:#65758b; font-size:12px; margin-top:5px; }.cc-history p { font-size:13px; margin-top:7px; }
#view-commercial.cc-superadmin .cc-commercial-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
#view-commercial.cc-superadmin [data-commercial-panel][hidden] { display:none!important; }
#view-commercial.cc-superadmin .business-application-admin-card { margin-top:0; }
.cc-commercial-age { display:inline-block; padding:3px 7px; background:#fff3df; border-radius:6px; font-size:11px; color:#845819; }
@media(max-width:1100px) { .cc-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .cc-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .cc-shared,.cc-panel { padding:15px; border-radius:13px; } .cc-filters { grid-template-columns:minmax(0,1fr); gap:11px; } .cc-hero h2 { font-size:25px; } .cc-metrics { grid-template-columns:minmax(0,1fr); gap:10px; } .cc-metric { padding:17px; } .cc-metric strong { font-size:26px; margin:8px 0; } .cc-nav { flex-wrap:nowrap; overflow:auto; padding-bottom:8px; } .cc-nav button { flex-shrink:0; } .cc-heading { align-items:flex-start; } .cc-pagination { align-items:flex-start; } .cc-hero > .cc-button { width:100%; } .cc-tabs .cc-button { flex:1; } }