/*
 * MDZ Agency V40.4.4 — Unified Theme Control + Modern Enterprise Neumorphism / Soft UI
 * VISUAL-ONLY LAYER. No structure, route, workflow, database, API or JS hook changes.
 */
:root{
  --mdz-bg:#eef2f7;
  --mdz-bg-alt:#f4f7fb;
  --mdz-surface:#eef2f7;
  --mdz-surface-raised:#f6f8fb;
  --mdz-surface-inset:#e9eef5;
  --mdz-surface-glass:rgba(246,248,251,.88);
  --mdz-text:#172033;
  --mdz-text-strong:#0f1728;
  --mdz-text-muted:#667085;
  --mdz-primary:var(--blue,#315efb);
  --mdz-primary-2:#635bff;
  --mdz-primary-soft:rgba(49,94,251,.10);
  --mdz-success:#087f5b;
  --mdz-warning:#b54708;
  --mdz-danger:#b42318;
  --mdz-info:#2563eb;
  --mdz-border:rgba(118,134,158,.18);
  --mdz-border-strong:rgba(118,134,158,.28);
  --neu-shadow-xs:3px 3px 8px rgba(163,177,198,.16),-3px -3px 8px rgba(255,255,255,.72);
  --neu-shadow-sm:5px 5px 14px rgba(163,177,198,.18),-5px -5px 14px rgba(255,255,255,.78);
  --neu-shadow-md:8px 8px 20px rgba(163,177,198,.21),-8px -8px 20px rgba(255,255,255,.84);
  --neu-shadow-lg:12px 12px 30px rgba(145,160,184,.23),-12px -12px 30px rgba(255,255,255,.88);
  --neu-shadow-inset:inset 4px 4px 9px rgba(163,177,198,.23),inset -4px -4px 9px rgba(255,255,255,.78);
  --neu-shadow-inset-sm:inset 2px 2px 6px rgba(163,177,198,.18),inset -2px -2px 6px rgba(255,255,255,.65);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:24px;
  --mdz-ease:cubic-bezier(.2,.7,.2,1);
  --mdz-fast:160ms;
  --mdz-normal:220ms;
}

/* ---------- Shared accessibility & motion ---------- */
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid rgba(49,94,251,.20)!important;
  outline-offset:2px;
}
:where(button,a,input,select,textarea){transition:border-color var(--mdz-fast) var(--mdz-ease),box-shadow var(--mdz-fast) var(--mdz-ease),background-color var(--mdz-fast) var(--mdz-ease),color var(--mdz-fast) var(--mdz-ease),transform var(--mdz-fast) var(--mdz-ease)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ========================================================================
   INTERNAL / ADMIN / OWNER / SUPERVISOR
   ======================================================================== */
body:not(.multipage){background:var(--mdz-bg);color:var(--mdz-text);font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.admin-shell{background:var(--mdz-bg)}
.admin-content{background:linear-gradient(145deg,#eef2f7 0%,#f3f6fa 52%,#edf1f6 100%)}

/* Sidebar: soft, calm, navigation remains identical */
.admin-side{
  background:linear-gradient(180deg,#edf2f8 0%,#e9eef5 100%);
  color:var(--mdz-text);
  border-right:1px solid rgba(255,255,255,.65);
  box-shadow:10px 0 28px rgba(145,160,184,.12),-8px 0 20px rgba(255,255,255,.5);
}
.admin-brand{border-bottom:1px solid rgba(118,134,158,.15)}
.admin-brand>span{
  background:linear-gradient(145deg,var(--mdz-primary),var(--mdz-primary-2));
  color:#fff;border-radius:13px;
  box-shadow:5px 5px 12px rgba(96,112,151,.24),-4px -4px 10px rgba(255,255,255,.72)
}
.admin-brand b{color:var(--mdz-text-strong);letter-spacing:-.02em}
.admin-brand small,.admin-user small{color:#758197}
.admin-user b{color:#273246}
.admin-nav{padding-right:3px;scrollbar-width:thin;scrollbar-color:#c4ccd8 transparent}
.admin-nav-group{border-top-color:rgba(118,134,158,.13)}
.admin-nav-group summary{color:#7d899d;border-radius:10px}
.admin-nav-group summary:hover{color:#28344a;background:rgba(255,255,255,.32)}
.admin-nav a{
  color:#5c687c;
  border:1px solid transparent;
  border-radius:12px;
  gap:10px;
  font-weight:650;
}
.admin-nav a:hover,.admin-nav a:focus-visible{
  background:#f1f5f9;color:#172033;
  box-shadow:var(--neu-shadow-xs);
  border-color:rgba(255,255,255,.6)
}
.admin-nav a.active{
  background:linear-gradient(145deg,#e4eaf3,#f4f7fb)!important;
  color:#214dcc!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:var(--neu-shadow-inset-sm)!important;
}
.admin-nav a.active svg{color:#315efb}
.admin-logout{border-top:1px solid rgba(118,134,158,.13)}

/* Topbar */
.admin-topbar{
  height:70px;
  background:rgba(238,242,247,.90);
  border-bottom:1px solid rgba(255,255,255,.7);
  box-shadow:0 8px 22px rgba(145,160,184,.10);
  backdrop-filter:blur(7px);
}
.cc-global-search{
  background:var(--mdz-surface);
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:14px!important;
  box-shadow:var(--neu-shadow-inset-sm);
  min-height:42px;
}
.cc-global-search input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--mdz-text)}
.cc-icon-btn,.admin-menu-btn{
  background:var(--mdz-surface)!important;
  color:#4a5870!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:12px!important;
  box-shadow:var(--neu-shadow-xs)!important;
}
.cc-icon-btn:hover,.admin-menu-btn:hover{color:var(--mdz-primary)!important;transform:translateY(-1px);box-shadow:var(--neu-shadow-sm)!important}
.cc-icon-btn:active,.admin-menu-btn:active{transform:none;box-shadow:var(--neu-shadow-inset-sm)!important}
.cc-count-badge{box-shadow:0 0 0 3px #eef2f7,0 3px 8px rgba(49,94,251,.25)}

/* Main spacing + headings */
.admin-main{padding-top:34px;padding-bottom:48px}
.admin-page-head,.cc-page-head{margin-bottom:24px}
.admin-page-head h1,.admin-main>h1,.cc-page-head h1{color:var(--mdz-text-strong);letter-spacing:-.04em;font-weight:800}
.admin-page-head p,.cc-page-head p{color:var(--mdz-text-muted);line-height:1.6}
.admin-kicker{color:#315efb;font-weight:850;letter-spacing:.15em}
.admin-human-help,.human-info,.admin-help,.owner-mode-note{
  background:linear-gradient(145deg,#edf2f8,#f5f7fb)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:14px!important;
  box-shadow:var(--neu-shadow-xs)!important;
}

/* Cards: hierarchy through different elevation, not every item */
.admin-card,.human-card,.allsys-shell,.diag-section,.cc-section{
  background:linear-gradient(145deg,#f3f6fa,#eaf0f6)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:20px!important;
  box-shadow:var(--neu-shadow-sm)!important;
}
.admin-card:hover{border-color:rgba(255,255,255,.9)}
.admin-card .admin-card,.admin-card .human-card,.human-card .admin-card{
  background:rgba(238,242,247,.68)!important;
  border-color:rgba(118,134,158,.13)!important;
  box-shadow:var(--neu-shadow-xs)!important;
}
.admin-card-head{padding-bottom:10px;border-bottom:1px solid rgba(118,134,158,.10)}
.admin-card-head h3,.human-card-head h3{color:#182238;letter-spacing:-.025em}
.admin-card-head small,.human-card-head small{color:#758197}

/* KPI / metric hierarchy */
.admin-grid,.cc-kpi-grid,.stat-grid,.owner-metrics{gap:16px}
.metric,.cc-kpi,.owner-kpi,.admin-stat,.stat-card,.diag-kpi{
  background:linear-gradient(145deg,#f2f5f9,#e9eef5)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  box-shadow:var(--neu-shadow-sm)!important;
  position:relative;overflow:hidden;
}
.metric::before,.cc-kpi::before,.owner-kpi::before,.diag-kpi::before{
  content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#315efb,#756cff);opacity:.82
}
.metric small,.cc-kpi small,.owner-kpi small,.admin-stat small,.stat-card small{color:#6d798d!important;font-weight:700;letter-spacing:.04em}
.metric strong,.cc-kpi strong,.owner-kpi strong,.admin-stat strong,.stat-card strong{color:#111a2c;letter-spacing:-.045em}

/* Tables stay flat/data-first; neumorphism is on the container only */
.admin-table-wrap,.table-wrap{
  background:#f3f6fa!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:18px!important;
  box-shadow:var(--neu-shadow-sm)!important;
}
.admin-table{background:transparent}
.admin-table th{
  background:#e9eef5!important;color:#657287!important;
  border-bottom:1px solid rgba(118,134,158,.16)!important;
  letter-spacing:.07em;font-weight:800
}
.admin-table td{background:rgba(246,248,251,.45);border-bottom-color:rgba(118,134,158,.11)!important;color:#273246}
.admin-table tbody tr:hover td{background:rgba(255,255,255,.58)}
.admin-table a{color:#315efb}

/* Forms & controls: subtle inset */
.admin-form input,.admin-form select,.admin-form textarea,.admin-filter input,.admin-filter select,
.owner-filter input,.owner-filter select,.cc-global-search input,.mdz-multi-search,
input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="search"],input[type="number"],input[type="date"],textarea,select{
  border-color:rgba(118,134,158,.20)!important;
}
.admin-form input,.admin-form select,.admin-form textarea,.admin-filter input,.admin-filter select,
.owner-filter input,.owner-filter select{
  background:#edf2f7!important;
  color:#172033!important;
  border:1px solid rgba(118,134,158,.18)!important;
  border-radius:12px!important;
  box-shadow:var(--neu-shadow-inset-sm)!important;
}
.admin-form input:hover,.admin-form select:hover,.admin-form textarea:hover,.admin-filter input:hover,.admin-filter select:hover{border-color:rgba(49,94,251,.32)!important}
.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.admin-filter input:focus,.admin-filter select:focus{
  background:#f2f5f9!important;border-color:rgba(49,94,251,.48)!important;box-shadow:var(--neu-shadow-inset-sm),0 0 0 3px rgba(49,94,251,.10)!important
}
.admin-form label,.admin-form-grid label{color:#39465b;font-weight:750}

/* Structured multi picker */
.mdz-multi-trigger{
  background:#edf2f7!important;border-color:rgba(118,134,158,.18)!important;border-radius:13px!important;
  box-shadow:var(--neu-shadow-inset-sm)!important
}
.mdz-multi-trigger:hover{border-color:rgba(49,94,251,.34)!important}
.mdz-multi-trigger:active{box-shadow:var(--neu-shadow-inset)!important}
.mdz-multi-panel{
  background:#f2f5f9!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:16px!important;box-shadow:var(--neu-shadow-lg)!important
}
.mdz-multi-option:hover{background:rgba(49,94,251,.07)!important}
.mdz-multi-chip{background:#edf2ff!important;border-color:rgba(49,94,251,.14)!important;box-shadow:var(--neu-shadow-xs);color:#254bc2!important}

/* Buttons */
.admin-btn,.btn,.admin-btn-secondary{
  border-radius:12px!important;
  min-height:40px;
  box-shadow:4px 4px 12px rgba(78,96,139,.20),-3px -3px 10px rgba(255,255,255,.64)!important;
  transform:translateY(0)
}
.admin-btn:not(.light):not(.danger):not(.secondary),.btn:not(.btn-secondary){background:linear-gradient(135deg,#315efb,#625bff)!important;color:#fff!important}
.admin-btn:hover,.btn:hover{transform:translateY(-1px);filter:saturate(1.04)}
.admin-btn:active,.btn:active{transform:none!important;box-shadow:inset 3px 3px 8px rgba(20,40,100,.24),inset -3px -3px 8px rgba(255,255,255,.14)!important}
.admin-btn.light,.admin-btn-secondary,.btn-secondary{background:#edf2f7!important;color:#3153c9!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:var(--neu-shadow-xs)!important}
.admin-btn.secondary{background:#29344a!important;color:#fff!important}
.admin-btn.danger{background:#fff0f2!important;color:#b42318!important;border:1px solid rgba(180,35,24,.16)!important;box-shadow:var(--neu-shadow-xs)!important}
.admin-btn:disabled{box-shadow:none!important;transform:none!important;filter:grayscale(.18)}

/* Status: semantic color remains explicit */
.badge,.admin-badge,.status-pill,.technical-chip{
  border:1px solid rgba(118,134,158,.12);box-shadow:none!important;font-weight:800
}
.badge.active,.badge.won,.badge.published,.health-ok,.status-pill.healthy,.status-pill.success{color:#087f5b!important;background:#e8f7f1!important}
.badge.draft,.badge.proposal,.health-warn,.status-pill.warning,.status-pill.paused{color:#a24a08!important;background:#fff4df!important}
.badge.lost,.badge.inactive,.health-bad,.status-pill.critical,.status-pill.failed{color:#b42318!important;background:#fff0f1!important}
.status-pill.running,.badge.new{color:#2456d6!important;background:#eaf0ff!important}

/* Pagination */
.pagination a,.pagination span,.owner-pagination a,.owner-pagination span{
  background:#edf2f7!important;border-color:rgba(255,255,255,.68)!important;border-radius:10px!important;box-shadow:var(--neu-shadow-xs)!important;color:#58657a
}
.pagination a:hover,.owner-pagination a:hover{color:#315efb;transform:translateY(-1px)}
.pagination .active,.owner-pagination .active{background:linear-gradient(135deg,#315efb,#625bff)!important;color:#fff!important;box-shadow:3px 3px 10px rgba(49,94,251,.22)!important}

/* Notices / alerts / empty */
.admin-notice,.admin-warning,.admin-alert,.human-callout,.diag-callout,.owner-split-note,.owner-focus-help{
  border-radius:14px!important;box-shadow:var(--neu-shadow-xs)!important
}
.admin-notice{background:#edf2ff!important;border-color:rgba(49,94,251,.15)!important}
.admin-warning{background:#fff5e8!important;border-color:rgba(181,71,8,.15)!important}
.empty-state{background:rgba(238,242,247,.55);border-radius:14px;color:#7a8699}

/* Charts stay flat, only container has depth */
.cc-chart,.ads-chart{
  background:rgba(246,248,251,.38)!important;border-radius:14px!important;box-shadow:none!important
}
.cc-chart-grid line{stroke:rgba(118,134,158,.14)!important}
.cc-chart svg{filter:none!important}

/* AI system / neural map / system health */
.cc-dashboard-grid>.admin-card,.allsys-domain-grid>*,.health-item,.division-card,.cc-neural-node{
  border-color:rgba(255,255,255,.66)!important
}
.health-item,.division-card{
  background:linear-gradient(145deg,#f1f5f9,#e9eef5)!important;border-radius:16px!important;box-shadow:var(--neu-shadow-xs)!important
}
.cc-neural-node{
  background:#edf2f7!important;box-shadow:var(--neu-shadow-sm)!important;border-radius:16px!important
}
.cc-neural-node.selected{box-shadow:var(--neu-shadow-inset-sm),0 0 0 2px rgba(49,94,251,.16)!important}
.admin-list-item,.allsys-event-list>*,.human-purpose-list>*{border-color:rgba(118,134,158,.12)!important}

/* Dialog / modal elevation */
dialog,.visual-media-dialog,.visual-media-dialog-native,.project-dialog{
  border-color:rgba(255,255,255,.76)!important;border-radius:22px!important;box-shadow:var(--neu-shadow-lg)!important
}
dialog::backdrop,.visual-media-dialog-native::backdrop{background:rgba(16,24,40,.30);backdrop-filter:blur(3px)}

/* Toast */
.admin-toast{background:#f2f5f9!important;border-color:rgba(255,255,255,.74)!important;box-shadow:var(--neu-shadow-md)!important}

/* Login: same structure, softer premium presentation */
.admin-login-body{background:radial-gradient(circle at 16% 18%,rgba(49,94,251,.11),transparent 28%),radial-gradient(circle at 88% 76%,rgba(99,91,255,.10),transparent 25%),#eef2f7!important}
.admin-login-shell{
  background:#eef2f7!important;border:1px solid rgba(255,255,255,.76);border-radius:26px!important;box-shadow:var(--neu-shadow-lg)!important
}
.admin-login-brand{
  background:linear-gradient(145deg,#1a2440,#111a2d)!important;position:relative;overflow:hidden
}
.admin-login-brand::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-90px;background:radial-gradient(circle,rgba(91,113,255,.32),transparent 68%);pointer-events:none}
.admin-login-card{background:linear-gradient(145deg,#f3f6fa,#e9eef5)!important}
.admin-login-card .admin-form input{background:#eaf0f6!important}
.login-error{border-radius:13px!important;box-shadow:var(--neu-shadow-xs)}

/* ========================================================================
   PUBLIC WEBSITE — Modern Neumorphism Editorial, not dashboard UI
   ======================================================================== */
body.multipage{
  background:var(--mdz-bg)!important;
  color:var(--ink,var(--mdz-text));
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.multipage main{overflow:hidden}
body.multipage .sec,body.multipage .hpsec,body.multipage .sol-section,body.multipage .about-section{background:transparent}
body.multipage .wrap{position:relative}

/* Header remains same information architecture */
.site-header{
  background:rgba(238,242,247,.90)!important;
  border-bottom:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 8px 24px rgba(145,160,184,.10)!important;
  backdrop-filter:blur(7px)
}
.site-header .brandmark{border-radius:13px!important;background:linear-gradient(145deg,var(--blue,#315efb),#635bff)!important;box-shadow:var(--neu-shadow-xs)!important}
.navmain .trigger,.nav-portfolio{border-radius:10px}
.navmain .trigger:hover,.nav-portfolio:hover{background:rgba(255,255,255,.42);color:var(--blue,#315efb)}
.topcta,.mobilePrimary{
  background:linear-gradient(135deg,var(--blue,#315efb),#635bff)!important;
  color:#fff!important;border:0!important;border-radius:12px!important;
  box-shadow:5px 5px 14px rgba(72,88,144,.22),-3px -3px 10px rgba(255,255,255,.52)!important
}
.topcta:hover,.mobilePrimary:hover{transform:translateY(-1px)}
.topcta:active,.mobilePrimary:active{transform:none;box-shadow:inset 3px 3px 8px rgba(20,35,90,.25),inset -2px -2px 7px rgba(255,255,255,.14)!important}
.megawrap,.mega,.mobilePanel{background:#eef2f7!important}
.mega{border-color:rgba(255,255,255,.72)!important;box-shadow:0 16px 36px rgba(145,160,184,.16)!important}
.solutionitem,.companygrid a{border-radius:14px!important}
.solutionitem:hover,.companygrid a:hover{background:#f3f6fa!important;box-shadow:var(--neu-shadow-xs)!important;transform:translateY(-1px)}

/* Typography & eyebrow */
body.multipage h1,body.multipage h2,body.multipage h3{letter-spacing:-.04em;color:var(--ink,var(--mdz-text-strong))}
body.multipage .eyebrow,body.multipage [class*="-eyebrow"],body.multipage [class*="-kicker"]{letter-spacing:.13em;font-weight:800}
body.multipage .lead{color:#606d80;line-height:1.75}

/* Public buttons: clear CTA, tactile but not glossy */
body.multipage .button,body.multipage .sol-btn,body.multipage .brief-submit,body.multipage .contact-submit,body.multipage .partner-form-actions button,body.multipage .career-form-actions button,body.multipage .lead-submit{
  border-radius:13px!important;
  box-shadow:5px 5px 14px rgba(145,160,184,.18),-4px -4px 12px rgba(255,255,255,.72)!important;
  transition:transform var(--mdz-fast) var(--mdz-ease),box-shadow var(--mdz-fast) var(--mdz-ease),filter var(--mdz-fast) var(--mdz-ease)
}
body.multipage .button.blue,body.multipage .button.primary,body.multipage .end-primary,body.multipage .contact-submit,body.multipage .brief-submit,body.multipage .lead-submit{
  background:linear-gradient(135deg,var(--blue,#315efb),#635bff)!important;color:#fff!important;border-color:transparent!important
}
body.multipage .button:hover,body.multipage .sol-btn:hover{transform:translateY(-2px)}
body.multipage .button:active,body.multipage .sol-btn:active{transform:none!important;box-shadow:inset 4px 4px 9px rgba(70,82,120,.22),inset -4px -4px 9px rgba(255,255,255,.18)!important}

/* Editorial surfaces — selective neumorphism */
.aboutcard,.premium-aboutcard,.hp-service,.case-study-card,.portfolio-card,.social-card,.contact-channel,.career-benefit,.client-story,
.featured-insight,.cms-job,.sol-feature,.sol-price-card,.real-case,.wa-card,.partner-program,.about-media-card,.about-growth,.contact-cardform,
.partner-form-wrap,.career-form,.briefcase,.sys-card,.home-proofbar,.about-proof,.clients-insight-strip{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:var(--neu-shadow-sm)!important;
}
.aboutcard,.premium-aboutcard,.hp-service,.contact-channel,.career-benefit,.client-story,.featured-insight,.cms-job,.sol-feature,.sol-price-card,.partner-program,.about-media-card,.contact-cardform,.partner-form-wrap,.career-form,.briefcase,.sys-card{
  background:linear-gradient(145deg,#f3f6fa,#e9eef5)!important
}
.hp-service:hover,.case-study-card:hover,.portfolio-card:hover,.contact-channel:hover,.career-benefit:hover,.client-story:hover,.sol-feature:hover{transform:translateY(-3px);box-shadow:var(--neu-shadow-md)!important}

/* Visual-first cards keep imagery dominant */
.case-study-card,.portfolio-card,.wa-card,.real-case,.featured-insight{overflow:hidden}
.case-study-card img,.portfolio-card img,.real-case img,.featured-insight img{transform:none!important}

/* Public forms: inset fields + clear success/error */
.contact-field input,.contact-field textarea,.career-field input,.career-field textarea,.career-field select,.partner-field input,.partner-field textarea,.partner-field select,
.brief-step input,.brief-step textarea,.brief-step select,.lead-consent input:not([type="checkbox"]),.project-dialog input,.project-dialog textarea,.project-dialog select{
  background:#eaf0f6!important;border:1px solid rgba(118,134,158,.18)!important;border-radius:12px!important;box-shadow:var(--neu-shadow-inset-sm)!important
}
.contact-field input:focus,.contact-field textarea:focus,.career-field input:focus,.career-field textarea:focus,.career-field select:focus,.partner-field input:focus,.partner-field textarea:focus,.partner-field select:focus,.brief-step input:focus,.brief-step textarea:focus,.brief-step select:focus{
  background:#f1f4f8!important;border-color:rgba(49,94,251,.46)!important;box-shadow:var(--neu-shadow-inset-sm),0 0 0 3px rgba(49,94,251,.10)!important
}
.contact-success,.form-status.success,.lead-status.success{border-radius:14px!important;box-shadow:var(--neu-shadow-xs)!important}

/* Filters / pagination */
.cases-filters,.insight-filters,.portfolio-search,.portfolio-perpage,.cases-toolbar,.insights-toolbar{
  background:rgba(238,242,247,.74)!important;border-color:rgba(255,255,255,.7)!important;border-radius:14px!important
}
.blog-pagination a,.blog-pagination span,.portfolio-pagination a,.portfolio-pagination span{
  background:#eef2f7!important;border-color:rgba(255,255,255,.7)!important;border-radius:10px!important;box-shadow:var(--neu-shadow-xs)!important
}

/* Footer / CTA: premium but not overly 3D */
.premium-endcta,.endcta{
  background:linear-gradient(145deg,#e9eef5,#f4f7fb)!important;color:#182238!important;
  border-top:1px solid rgba(255,255,255,.75)!important;border-bottom:1px solid rgba(118,134,158,.10)!important
}
.end-secondary{background:#eef2f7!important;color:#26334a!important;border-color:rgba(255,255,255,.72)!important}
.premium-footer{background:#151d2e!important}
.premium-footer .footer-links a,.premium-footer .footer-brand p,.premium-footer .footer-bottom{color:#aab4c4}

/* Overlays */
.project-backdrop,.case-drawer{backdrop-filter:blur(3px)}
.project-dialog,.case-drawer-panel{background:#eef2f7!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:var(--neu-shadow-lg)!important;border-radius:22px!important}

/* Responsive: preserve logical order, only reflow */
@media(max-width:1050px){
  .admin-main{padding-left:22px;padding-right:22px}
  body.multipage .wrap{max-width:calc(100% - 40px)}
}
@media(max-width:820px){
  .admin-side{box-shadow:18px 0 36px rgba(34,48,72,.18)}
  .admin-topbar{height:64px}
  .admin-main{padding:22px 14px 40px}
  .admin-card,.human-card,.allsys-shell{border-radius:17px!important}
  .site-header{backdrop-filter:none}
  .mobilePanel{box-shadow:0 18px 36px rgba(145,160,184,.18)!important}
}
@media(max-width:560px){
  :root{--radius-lg:16px;--radius-xl:20px}
  .admin-main{padding-top:18px}
  .admin-page-head h1,.cc-page-head h1{font-size:27px!important}
  .metric,.cc-kpi,.owner-kpi{border-radius:16px!important}
  body.multipage .wrap{max-width:calc(100% - 28px)}
  body.multipage .button,body.multipage .sol-btn{min-height:44px}
  .topcta{display:none}
}


/* ========================================================================
   V40.4.4 — DATABASE-DRIVEN UNIFIED THEME OVERRIDES
   Values are injected by admin/public layouts from brand_themes.tokens_json.
   ======================================================================== */
.admin-content{background:linear-gradient(145deg,var(--mdz-bg) 0%,var(--mdz-bg-alt) 52%,var(--mdz-bg) 100%)!important;color:var(--mdz-text)}
.admin-side{background:linear-gradient(180deg,var(--mdz-sidebar) 0%,color-mix(in srgb,var(--mdz-sidebar) 92%,var(--mdz-text) 8%) 100%)!important;color:var(--mdz-text)!important}
.admin-topbar{background:color-mix(in srgb,var(--mdz-topbar) 94%,transparent)!important}
.admin-brand b,.admin-user b,.admin-page-head h1,.admin-main>h1,.cc-page-head h1,.admin-card-head h3,.human-card-head h3,.metric strong,.cc-kpi strong,.owner-kpi strong,.admin-stat strong,.stat-card strong{color:var(--mdz-text-strong)!important}
.admin-brand small,.admin-user small,.admin-page-head p,.cc-page-head p,.admin-card-head small,.human-card-head small,.metric small,.cc-kpi small,.owner-kpi small,.admin-stat small,.stat-card small{color:var(--mdz-text-muted)!important}
.admin-card,.human-card,.allsys-shell,.diag-section,.cc-section,.metric,.cc-kpi,.owner-kpi,.admin-stat,.stat-card,.diag-kpi,.health-item,.division-card{background:linear-gradient(145deg,color-mix(in srgb,var(--mdz-surface) 96%,white 4%),color-mix(in srgb,var(--mdz-surface) 94%,var(--mdz-bg) 6%))!important;border-color:color-mix(in srgb,var(--mdz-border) 65%,white 35%)!important}
.admin-table-wrap,.table-wrap,.admin-table th{border-color:var(--mdz-border)!important}.admin-table-wrap,.table-wrap{background:var(--mdz-surface)!important}.admin-table th{background:color-mix(in srgb,var(--mdz-surface) 88%,var(--mdz-bg) 12%)!important;color:var(--mdz-text-muted)!important}.admin-table td{background:color-mix(in srgb,var(--mdz-surface) 82%,transparent)!important;color:var(--mdz-text)!important}.admin-table a{color:var(--mdz-primary)!important}
.admin-form input,.admin-form select,.admin-form textarea,.admin-filter input,.admin-filter select,.owner-filter input,.owner-filter select,.mdz-multi-trigger,.cc-global-search{background:var(--mdz-surface-inset)!important;color:var(--mdz-text)!important;border-color:var(--mdz-border)!important}.admin-form label,.admin-form-grid label{color:var(--mdz-text)!important}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.admin-filter input:focus,.admin-filter select:focus{background:color-mix(in srgb,var(--mdz-surface-inset) 90%,white 10%)!important;border-color:color-mix(in srgb,var(--mdz-primary) 48%,var(--mdz-border))!important;box-shadow:var(--neu-shadow-inset-sm),0 0 0 3px color-mix(in srgb,var(--mdz-primary) 12%,transparent)!important}
.admin-btn:not(.light):not(.danger):not(.secondary),.btn:not(.btn-secondary){background:linear-gradient(135deg,var(--mdz-button-primary),color-mix(in srgb,var(--mdz-button-primary) 76%,var(--mdz-primary-2) 24%))!important;color:var(--mdz-button-primary-text)!important}.admin-btn.light,.admin-btn-secondary,.btn-secondary{background:var(--mdz-button-secondary)!important;color:var(--mdz-button-secondary-text)!important;border-color:var(--mdz-border)!important}.admin-btn.secondary{background:var(--mdz-button-secondary)!important;color:var(--mdz-button-secondary-text)!important}.admin-btn.danger{background:color-mix(in srgb,var(--mdz-danger) 8%,var(--mdz-surface))!important;color:var(--mdz-danger)!important;border-color:color-mix(in srgb,var(--mdz-danger) 22%,var(--mdz-border))!important}
.admin-nav a{color:color-mix(in srgb,var(--mdz-text) 72%,var(--mdz-text-muted) 28%)!important}.admin-nav a.active{background:var(--mdz-nav-active)!important;color:var(--mdz-nav-active-text)!important}.admin-nav a.active svg{color:var(--mdz-nav-active-text)!important}.admin-nav a:hover{color:var(--mdz-text)!important;background:color-mix(in srgb,var(--mdz-surface) 86%,white 14%)!important}
.cc-icon-btn,.admin-menu-btn{background:var(--mdz-icon-surface)!important;color:var(--mdz-icon-color)!important}.cc-icon-btn:hover,.admin-menu-btn:hover{color:var(--mdz-primary)!important}
/* Modern neumorphic icon language: one monoline icon set + soft icon surfaces. */
.admin-nav a>.cc-icon{box-sizing:border-box;width:31px!important;height:31px!important;padding:6px;border-radius:10px;background:var(--mdz-icon-surface);color:var(--mdz-icon-color);box-shadow:var(--neu-shadow-xs);flex:0 0 31px;stroke-width:1.75}.admin-nav a.active>.cc-icon{background:color-mix(in srgb,var(--mdz-nav-active) 90%,white 10%);color:var(--mdz-nav-active-text);box-shadow:var(--neu-shadow-inset-sm)}
.cc-page-icon,.cc-agent-avatar{background:var(--mdz-icon-surface)!important;color:var(--mdz-icon-color)!important;box-shadow:var(--neu-shadow-xs)!important;border:1px solid color-mix(in srgb,var(--mdz-border) 65%,white 35%)!important;border-radius:12px!important}
.badge.active,.badge.won,.badge.published,.health-ok,.status-pill.healthy,.status-pill.success{color:var(--mdz-success)!important;background:color-mix(in srgb,var(--mdz-success) 10%,var(--mdz-surface))!important}.badge.draft,.badge.proposal,.health-warn,.status-pill.warning,.status-pill.paused{color:var(--mdz-warning)!important;background:color-mix(in srgb,var(--mdz-warning) 10%,var(--mdz-surface))!important}.badge.lost,.badge.inactive,.health-bad,.status-pill.critical,.status-pill.failed{color:var(--mdz-danger)!important;background:color-mix(in srgb,var(--mdz-danger) 9%,var(--mdz-surface))!important}.status-pill.running,.badge.new{color:var(--mdz-info)!important;background:color-mix(in srgb,var(--mdz-info) 10%,var(--mdz-surface))!important}
.admin-login-body{background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--mdz-primary) 12%,transparent),transparent 28%),var(--mdz-bg)!important}.admin-login-shell{background:var(--mdz-bg)!important}.admin-login-card{background:linear-gradient(145deg,var(--mdz-surface),var(--mdz-bg))!important}.admin-login-card .admin-form input{background:var(--mdz-surface-inset)!important}

/* Public theme truly follows the same published theme record. */
body.multipage{background:var(--mdz-bg)!important;color:var(--mdz-text)!important}.site-header{background:color-mix(in srgb,var(--mdz-topbar) 92%,transparent)!important}.topcta,.mobilePrimary,body.multipage .button.blue,body.multipage .button.primary,body.multipage .end-primary,body.multipage .contact-submit,body.multipage .brief-submit,body.multipage .lead-submit{background:linear-gradient(135deg,var(--mdz-button-primary),color-mix(in srgb,var(--mdz-button-primary) 76%,var(--mdz-primary-2) 24%))!important;color:var(--mdz-button-primary-text)!important}.end-secondary,body.multipage .button.secondary,body.multipage .button.btn-secondary{background:var(--mdz-button-secondary)!important;color:var(--mdz-button-secondary-text)!important}.aboutcard,.premium-aboutcard,.hp-service,.contact-channel,.career-benefit,.client-story,.featured-insight,.cms-job,.sol-feature,.sol-price-card,.partner-program,.about-media-card,.contact-cardform,.partner-form-wrap,.career-form,.briefcase,.sys-card{background:linear-gradient(145deg,var(--mdz-surface),color-mix(in srgb,var(--mdz-surface) 92%,var(--mdz-bg) 8%))!important;border-color:var(--mdz-border)!important}.contact-field input,.contact-field textarea,.career-field input,.career-field textarea,.career-field select,.partner-field input,.partner-field textarea,.partner-field select,.brief-step input,.brief-step textarea,.brief-step select,.project-dialog input,.project-dialog textarea,.project-dialog select{background:var(--mdz-surface-inset)!important;border-color:var(--mdz-border)!important;color:var(--mdz-text)!important}.premium-footer{background:var(--mdz-footer)!important}.premium-footer .footer-links a,.premium-footer .footer-brand p,.premium-footer .footer-bottom{color:var(--mdz-footer-text)!important}
/* Public icons: keep existing SVG glyphs, present them as modern neumorphic controls. */
.pillar-icon,.contact-channel-icon,.portfolio-cat .circle,.hvb-icons span{background:var(--mdz-icon-surface)!important;color:var(--mdz-icon-color)!important;border:1px solid color-mix(in srgb,var(--mdz-border) 65%,white 35%)!important;box-shadow:var(--neu-shadow-sm)!important;border-radius:14px!important}.mdz-icon,.contact-svg,.ico-svg,.hvb-svg{color:var(--mdz-icon-color)!important;stroke-width:1.75}.sv-icon{box-sizing:border-box;padding:8px;background:var(--mdz-icon-surface)!important;color:var(--mdz-icon-color)!important;border:1px solid var(--mdz-border)!important;border-radius:14px!important;box-shadow:var(--neu-shadow-sm)!important;stroke-width:1.75}.portfolio-cat.active .circle{box-shadow:var(--neu-shadow-inset-sm)!important}.portfolio-cat.active .ico-svg{color:var(--mdz-primary)!important}

/* Brand Theme Control Center */
.cc-brand-layout{align-items:start}.cc-brand-identity{min-width:0}.cc-theme-group{margin-top:22px;padding-top:18px;border-top:1px solid var(--mdz-border)}.cc-theme-group-head{display:flex;gap:14px;align-items:baseline;justify-content:space-between;margin-bottom:10px}.cc-theme-group-head h4{margin:0;color:var(--mdz-text-strong)}.cc-theme-group-head p{margin:0;max-width:62%;color:var(--mdz-text-muted);font-size:12px;line-height:1.5}.cc-color-grid-detailed{grid-template-columns:1fr 1fr}.cc-color-grid-detailed .cc-color-control{grid-template-columns:minmax(0,1fr) 38px 94px;min-height:72px;background:var(--mdz-surface);border-color:var(--mdz-border)!important;box-shadow:var(--neu-shadow-xs)}.cc-color-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.cc-color-copy b{font-size:12px;color:var(--mdz-text)}.cc-color-copy small,.cc-field-help{font-size:10px;line-height:1.45;color:var(--mdz-text-muted);font-weight:500}.cc-radius-control{display:grid;grid-template-columns:1fr 110px;gap:8px 14px;align-items:center;margin-top:18px}.cc-radius-control small{grid-column:1/-1}.cc-theme-preview{--p:#315efb;--s:#0b1020;--a:#c8ff55;--pub-bg:#eef2f7;--pub-surface:#f5f7fb;--pub-text:#172033;--pub-muted:#667085;--pub-border:#e6eaf0;--pub-header:#eef2f7;--pub-footer:#0b1020;--pub-footer-text:#d6deea;--pub-btn:#315efb;--pub-btn-text:#fff;--pub-btn2:#eef2f7;--pub-btn2-text:#26334a;--pub-icon-bg:#eef2f7;--pub-icon:#315efb;--adm-bg:#eef2f7;--adm-surface:#f3f6fa;--adm-inset:#eaf0f6;--adm-sidebar:#e9eef5;--adm-topbar:#eef2f7;--adm-text:#172033;--adm-muted:#667085;--adm-border:#d8e0ea;--adm-btn:#315efb;--adm-btn-text:#fff;--adm-btn2:#edf2f7;--adm-btn2-text:#3153c9;--adm-nav:#e4eaf3;--adm-nav-text:#315efb;--adm-icon-bg:#eef2f7;--adm-icon:#4a5870;--ok:#087f5b;--warn:#b54708;--bad:#b42318}.cc-theme-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cc-preview-label{font-size:11px;font-weight:850;letter-spacing:.1em;color:var(--mdz-text-muted);margin:0 0 8px}.cc-admin-preview{min-height:330px;display:grid;grid-template-columns:150px 1fr;border:1px solid var(--adm-border);border-radius:18px;overflow:hidden;background:var(--adm-bg);color:var(--adm-text);box-shadow:var(--neu-shadow-sm)}.cc-admin-preview aside{background:var(--adm-sidebar);padding:14px;display:flex;flex-direction:column;gap:9px}.cc-admin-preview aside>b{margin:5px 0 10px}.cc-admin-preview aside a{display:flex;align-items:center;gap:7px;padding:9px;border-radius:9px;color:var(--adm-muted)}.cc-admin-preview aside a span,.cc-preview-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--adm-icon-bg);color:var(--adm-icon);box-shadow:var(--neu-shadow-xs)}.cc-admin-preview aside a.active{background:var(--adm-nav);color:var(--adm-nav-text);box-shadow:var(--neu-shadow-inset-sm)}.cc-admin-preview main{background:var(--adm-bg)}.cc-preview-topbar{height:48px;background:var(--adm-topbar);padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:var(--adm-muted);border-bottom:1px solid var(--adm-border)}.cc-preview-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.cc-preview-kpis article,.cc-admin-preview main>section{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:12px;padding:12px;box-shadow:var(--neu-shadow-xs)}.cc-preview-kpis small,.cc-admin-preview p{color:var(--adm-muted)}.cc-preview-kpis strong{display:block;font-size:24px;color:var(--adm-text)}.cc-admin-preview main>section{margin:0 14px}.cc-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.cc-preview-actions button{border:0;border-radius:9px;padding:8px 11px;background:var(--adm-btn);color:var(--adm-btn-text)}.cc-preview-actions button.secondary{background:var(--adm-btn2);color:var(--adm-btn2-text)}.cc-preview-status{display:flex;gap:5px;margin-top:10px}.cc-preview-status span{font-size:9px;font-weight:800;padding:4px 7px;border-radius:999px}.cc-preview-status .ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--adm-surface))}.cc-preview-status .warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--adm-surface))}.cc-preview-status .bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--adm-surface))}.cc-preview-frame{background:var(--pub-bg)!important;border-color:var(--pub-border)!important;color:var(--pub-text)!important}.cc-preview-nav{background:var(--pub-header)!important;border-color:var(--p)!important}.cc-preview-nav span,.cc-preview-hero p{color:var(--pub-muted)!important}.cc-preview-nav button,.cc-preview-hero button{background:var(--pub-btn)!important;color:var(--pub-btn-text)!important}.cc-preview-hero{background:linear-gradient(110deg,var(--pub-bg) 0 70%,var(--pub-surface) 70%)!important;color:var(--pub-text)!important}.cc-preview-hero button.secondary{background:var(--pub-btn2)!important;color:var(--pub-btn2-text)!important;margin-left:6px}.cc-public-preview-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--pub-icon-bg);color:var(--pub-icon);box-shadow:var(--neu-shadow-sm);margin-bottom:13px}.cc-preview-footer{padding:16px 24px;background:var(--pub-footer);color:var(--pub-footer-text)}
@media(max-width:1100px){.cc-theme-preview-grid{grid-template-columns:1fr}.cc-color-grid-detailed{grid-template-columns:1fr}.cc-theme-group-head{display:block}.cc-theme-group-head p{max-width:none;margin-top:5px}}
@media(max-width:700px){.cc-admin-preview{grid-template-columns:105px 1fr}.cc-color-grid-detailed .cc-color-control{grid-template-columns:minmax(0,1fr) 34px 82px}.cc-radius-control{grid-template-columns:1fr}}


/* ==========================================================================
   V40.5.18 - Unified Admin/Public UI Consistency
   ========================================================================== */
:root{--mdz-ui-radius:16px;--mdz-ui-radius-lg:20px;--mdz-ui-gap:16px;--mdz-ui-control-h:42px;--mdz-ui-content:1440px}
.admin-main{width:100%;max-width:var(--mdz-ui-content);padding:30px clamp(16px,2.2vw,34px) 54px}
.admin-page-head,.cc-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.admin-page-head>div:first-child,.cc-page-head>div:first-child{min-width:0}
.admin-page-head h1,.cc-page-head h1{font-size:clamp(28px,2.5vw,38px);line-height:1.08;margin:0 0 8px}
.admin-page-head p,.cc-page-head p{max-width:880px;margin:0}
.admin-card,.human-card,.diag-section,.cc-section,.admin-table-wrap,.table-wrap{border-radius:var(--mdz-ui-radius-lg)!important}
.admin-btn{min-height:38px;padding:9px 13px;border-radius:11px!important;font-size:12px;line-height:1.15;white-space:nowrap}
.admin-btn.light{background:color-mix(in srgb,var(--mdz-surface) 82%,#fff 18%)!important;color:var(--mdz-primary)!important;border:1px solid color-mix(in srgb,var(--mdz-primary) 18%,var(--mdz-border) 82%)!important}
.inline-actions{align-items:center;gap:8px!important}.inline-actions form{display:inline-flex;align-items:center}

/* Dashboard metric hierarchy */
.admin-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}
.admin-stat{min-height:106px;padding:16px 17px!important;display:grid;grid-template-rows:auto 1fr auto;align-content:start}
.admin-stat small{font-size:9px!important;letter-spacing:.11em;text-transform:uppercase}
.admin-stat b{font-size:28px;line-height:1.05;margin:10px 0 5px}
.admin-stat span{font-size:11px;color:var(--mdz-text-muted)}
.admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-metric-list{display:grid;margin-top:4px}
.admin-metric-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--mdz-border) 72%,transparent)}
.admin-metric-list>div:last-child{border-bottom:0}
.admin-metric-list span{color:var(--mdz-text-muted);font-size:13px}
.admin-metric-list b{font-size:14px;color:var(--mdz-text-strong);text-align:right}

/* CRUD tables/actions */
.admin-table th,.admin-table td{line-height:1.45}.admin-table td b{line-height:1.35}
.article-action-cell{min-width:310px}
.article-actions{display:grid;gap:9px;min-width:290px}
.article-actions-primary{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.article-actions-primary form{display:inline-flex;margin:0}
.article-schedule-form{display:grid;grid-template-columns:minmax(170px,1fr) auto;gap:8px;align-items:end;margin:0;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--mdz-border) 72%,transparent)}
.article-schedule-form label{display:grid;gap:5px;margin:0}
.article-schedule-form label span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mdz-text-muted)}
.article-schedule-form input[type="datetime-local"]{width:100%;min-width:0;height:38px;padding:7px 9px;border-radius:10px;background:var(--mdz-surface-inset);border:1px solid var(--mdz-border);box-shadow:var(--neu-shadow-inset-sm);color:var(--mdz-text)}
.cc-table-footer{padding:10px 2px 0}

/* Live workflow readability */
.cc-neural-shell{border-radius:18px;overflow:hidden}.cc-neural-detail{padding:24px}
.cc-flow-chain>div{padding:12px}.cc-flow-chain p{font-size:11px;line-height:1.55}.cc-neural-meta b{font-size:11px}

/* Public editorial consistency */
body.multipage{background:var(--mdz-bg);color:var(--mdz-text)}
body.multipage .button,body.multipage button,body.multipage .textlink{border-radius:11px}
.blog-article-head{background:linear-gradient(180deg,color-mix(in srgb,var(--mdz-bg) 92%,#fff 8%),var(--mdz-bg))!important}
.wrap.narrow{max-width:920px!important}
.blog-article-head h1{font-size:clamp(38px,5vw,64px)!important;max-width:900px}
.blog-body{font-size:18px!important;line-height:1.78!important;color:color-mix(in srgb,var(--mdz-text) 88%,#fff 12%)!important}
.blog-body p{margin:0 0 22px!important}
.blog-body h2{font-size:clamp(28px,3.2vw,38px)!important;margin:48px 0 17px!important}
.blog-body h3{font-size:clamp(21px,2.3vw,27px)!important;margin:34px 0 13px!important}
.blog-body strong{color:var(--mdz-text-strong);font-weight:750}
.blog-body ul,.blog-body ol{margin:0 0 24px;padding-left:1.5em;display:grid;gap:9px}
.blog-body li{padding-left:.2em}
.blog-body blockquote{margin:30px 0;padding:18px 20px;border-left:4px solid var(--mdz-primary);border-radius:0 14px 14px 0;background:color-mix(in srgb,var(--mdz-surface) 88%,#fff 12%);color:var(--mdz-text-muted)}
.blog-body code{padding:.15em .38em;border-radius:6px;background:color-mix(in srgb,var(--mdz-surface-inset) 88%,#fff 12%);font-size:.88em}
.blog-table-wrap{width:100%;overflow-x:auto;margin:26px 0 30px;border:1px solid var(--mdz-border);border-radius:16px;background:var(--mdz-surface-raised);box-shadow:var(--neu-shadow-xs)}
.blog-body table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;line-height:1.55}
.blog-body th,.blog-body td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mdz-border)}
.blog-body th{background:color-mix(in srgb,var(--mdz-surface-inset) 84%,#fff 16%);font-size:12px;letter-spacing:.03em;color:var(--mdz-text-strong)}
.blog-body tr:last-child td{border-bottom:0}
.blog-body a{color:var(--mdz-primary);text-decoration-thickness:1px;text-underline-offset:3px}

@media(max-width:1180px){.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-grid.two{grid-template-columns:1fr}.admin-page-head,.cc-page-head{display:grid}.article-action-cell{min-width:270px}}
@media(max-width:700px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-schedule-form{grid-template-columns:1fr}.article-actions{min-width:240px}.blog-body{font-size:16px!important}.blog-body table{min-width:560px}}
@media(max-width:480px){.admin-stat-grid{grid-template-columns:1fr}.article-action-cell{min-width:230px}}