/* A shared readable surface system for the remaining site and administration. */
.page { line-height:1.6; }
.page .card { background:#251e16; background-image:none; border:1px solid #6b5638; border-radius:14px; box-shadow:0 5px 20px #0003; color:#f6eddb; }
.page .card-header { background:#1c1711; background-image:none; border-bottom:1px solid #6b5638; box-shadow:none; padding:17px 22px; }
.page .card-title { color:#fff0cc; font-size:16px; text-shadow:none; letter-spacing:normal; }
.page .card-body { padding:22px; }
.page .card-body-flush { padding:0; }
.page table.dt { background:#251e16; border-collapse:collapse; }
.page table.dt thead th { background:#19150f; color:#d8c6a4; padding:13px 15px; font-size:11px; letter-spacing:.03em; }
.page table.dt tbody td,.page table.dt tbody th { padding:14px 15px; border-bottom:1px solid #ffffff18!important; background:transparent; color:#f5e9d1; font-size:13px; text-shadow:none; }
.page table.dt tbody th { text-transform:none; letter-spacing:normal; }
.page table.dt tbody tr:hover > * { background:#ffffff06; }
.page input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.page select,.page textarea { max-width:100%; box-sizing:border-box; }
.admin-workspace { --c-muted:#d0bea0; --c-card2:#19150f; --c-border:#6b5638; font-size:14px; }
.admin-workspace .card { margin-bottom:22px; }
.admin-workspace > header h1 { font-size:28px!important; line-height:1.25; }
.admin-workspace > header p { font-size:14px!important; line-height:1.65; }
.admin-workspace label { color:#eee0c7; line-height:1.5; }
.admin-workspace input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.admin-workspace select,.admin-workspace textarea { width:100%; min-height:44px; border:1px solid #796344; background:#19150f; color:#fff3dc; border-radius:8px; padding:10px 12px; font-size:14px; }
.admin-workspace input:is([type=checkbox],[type=radio]) { width:18px; height:18px; accent-color:#f4c45c; }
.admin-workspace .form-grid,.admin-workspace .two-col,.admin-workspace .three-col { gap:20px; }
.admin-workspace .form-row { min-width:0; }
.admin-workspace .text-muted,.admin-workspace .hint,.admin-workspace .section-desc { color:#cdbb9d; line-height:1.65; }
.admin-workspace .toggle-row { border:1px solid #665239; border-radius:9px; padding:12px; background:#ffffff04; }
.admin-workspace .form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:22px 0; }
.admin-workspace .btn { min-height:42px; }
.admin-workspace .cc-test-button { color:#ecd49a; background:#372b1b; border:1px solid #96753e; }
.admin-workspace .role-list,.admin-workspace .channel-list,.admin-workspace .role-exempt-list { padding:12px; background:#19150f; border-radius:9px; }
.admin-workspace .role-chip,.admin-workspace .channel-chip { padding:9px; min-height:40px; }
.admin-workspace .rp-panel { background:#19150f; border:1px solid #665239; border-radius:12px; padding:18px; margin-top:14px; }
.cc-settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:16px; }
.management-page a.cc-setting-link { display:flex; flex-direction:column; gap:9px; text-decoration:none; color:#fff0cf; }
.cc-setting-link strong { font-size:17px; }
.cc-setting-link span { font-size:13px; color:#d0bea0; }
.cc-setting-link small { color:#f3cf79; margin-top:8px; }
.cc-setting-link:hover { border-color:#dfb65f; }
.mg-center-shortcuts { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:16px; }
.cc-block { margin-top:22px; }
.cc-clan-settings { border-radius:10px; min-width:0; }
.cc-clan-settings .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; }
.cc-clan-settings .form-grid p { margin:0; min-width:0; }
.cc-check { display:flex; align-items:center; gap:10px; min-height:44px; }
.cc-check-results { list-style:none; padding:0; margin:24px 0 0; }
.cc-check-results li { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; border-top:1px solid #ffffff18; padding:16px 0; }
.cc-audit-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:end; padding-bottom:22px; margin-bottom:18px; border-bottom:1px solid #665239; }
.cc-audit-filters p { margin:0!important; }
.cc-audit-filters :is(input,select) { width:100%!important; }
.cc-section-nav { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 22px; }
.cc-section-nav a { color:#ecd39a; border:1px solid #76603c; background:#251e16; padding:7px 11px; border-radius:7px; text-decoration:none; font-size:12px; }
.cc-section-nav a:hover { border-color:#d8af5c; }
.admin-workspace .cc-save-feedback { padding:12px 16px; background:#302719; border:1px solid #8b7140; border-radius:9px; margin:14px 0; }
@media(max-width:760px) { .cc-audit-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-workspace .grid-2,.admin-workspace .form-grid,.admin-workspace .form-grid-2,.admin-workspace .two-col,.admin-workspace .three-col { grid-template-columns:minmax(0,1fr); } }
@media(max-width:650px) { .page .card-body { padding:18px; } .page .card-header { padding:15px 18px; } .cc-clan-settings .form-grid,.cc-audit-filters { grid-template-columns:minmax(0,1fr); } .admin-workspace .input-group { min-width:0; } .admin-workspace .role-list,.admin-workspace .channel-list { grid-template-columns:minmax(0,1fr); } .cc-check-results .mg-status { width:100%; } }

@media(min-width:761px) { .admin-workspace .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-workspace .form-row-divider { grid-column:1 / -1; } }
.admin-workspace .form-actions { padding:14px; border:1px solid #665239; border-radius:11px; background:#251e16; }

/* Compact administration tiles retain a full keyboard/click target. */
.admin-hub{margin-top:8px}.admin-hub .mg-center-shortcuts{gap:8px;margin-bottom:10px;flex-wrap:wrap}.admin-hub .mg-center-shortcuts .mg-button{padding:9px 13px;min-height:40px}
.admin-hub .hub-heading{padding:16px 20px;margin-bottom:16px}.admin-hub .hub-heading h1{font-size:26px;margin:3px 0 5px}.admin-hub .hub-heading p{margin:3px 0}.admin-hub .hub-heading .mg-eyebrow{font-size:10px}
.admin-hub .hub-section{margin:16px 0}.admin-hub .hub-section h2{font-size:14px;margin:0 0 9px}.admin-hub .mg-section-head{margin-bottom:0}.admin-hub .hub-grid,.admin-hub .hub-grid-featured{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.admin-hub .hub-card{grid-template-columns:30px minmax(0,1fr) 10px;grid-template-rows:auto auto;gap:3px 10px;padding:13px;min-height:84px;align-content:center}
.admin-hub .hub-card-icon{grid-column:1;grid-row:1/3;width:30px;height:30px;font-size:17px;align-self:center}.admin-hub .hub-card-title{grid-column:2;grid-row:1;font-size:13px;line-height:1.35}.admin-hub .hub-card-desc{grid-column:2;grid-row:2;font-size:11px;line-height:1.45;margin:0}.admin-hub .hub-card-arrow{grid-column:3;grid-row:1/3;align-self:center;font-size:22px;margin:0}
@media(max-width:1000px){.admin-hub .hub-grid,.admin-hub .hub-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.admin-hub .hub-grid,.admin-hub .hub-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hub .hub-card{padding:11px;gap:3px 8px;min-height:90px;grid-template-columns:24px minmax(0,1fr)}.admin-hub .hub-card-icon{width:24px;height:28px;font-size:15px}.admin-hub .hub-card-arrow{display:none}.admin-hub .hub-heading{padding:14px}.admin-hub .mg-center-shortcuts .mg-button{font-size:11px}}
@media(max-width:380px){.admin-hub .hub-grid,.admin-hub .hub-grid-featured{grid-template-columns:1fr}.admin-hub .hub-card{min-height:70px}}