/*
 * SEO Command Center - Global CSS
 * V32.15 shell polish: global sidebar + topbar only. Page-specific styling stays modular.
 */

:root{
  --scc-bg:#f5f8fc;
  --scc-surface:#ffffff;
  --scc-border:#d8e5f4;
  --scc-border-soft:#e8f0fa;
  --scc-ink:#071b3a;
  --scc-text:#10233f;
  --scc-muted:#5d708c;
  --scc-blue:#2563eb;
  --scc-blue-dark:#1d4ed8;
  --scc-cyan:#0ea5e9;
  --scc-green:#16a34a;
  --scc-red:#e11d48;
  --scc-radius:16px;
  --scc-shadow:0 12px 28px rgba(15,23,42,.045);
  --scc-sidebar-w:252px;
  --scc-topbar-h:62px;
}

*{box-sizing:border-box}
html,body{min-height:100%;background:var(--scc-bg)}
body{margin:0;color:var(--scc-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}

.app-shell{min-height:100vh;display:flex;background:var(--scc-bg)}
.sidebar{width:var(--scc-sidebar-w);flex:0 0 var(--scc-sidebar-w);min-height:100vh;background:#082042;color:#dbeafe;position:sticky;top:0;overflow-y:auto;z-index:1040;border-right:1px solid rgba(255,255,255,.08)}
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}
.brand{display:flex;align-items:center;gap:12px;min-height:68px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09)}
.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--scc-blue),var(--scc-cyan));color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.24)}
.brand-title{color:#fff;font-size:15px;font-weight:850;line-height:1.08;letter-spacing:-.01em}.brand-subtitle{color:#93a8c4;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.sidebar-nav{padding:10px 10px 16px}.nav-section{display:flex;flex-direction:column;gap:3px}.nav-section-label{padding:12px 10px 5px;color:#7890b2;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850}
.nav-link,.nav-group-toggle{position:relative;width:100%;display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 10px;border:0;border-radius:12px;background:transparent;color:#bcd4f6;font-size:12.5px;font-weight:760;line-height:1.1;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-link:hover,.nav-group-toggle:hover{background:rgba(255,255,255,.075);color:#fff}.nav-link.active,.nav-group-toggle.active{background:rgba(37,99,235,.22);color:#fff;box-shadow:inset 3px 0 0 #60a5fa}.nav-link.active:after,.nav-group-toggle.active:after{content:"";position:absolute;right:9px;width:6px;height:6px;border-radius:50%;background:#60a5fa}.nav-link i:first-child,.nav-group-toggle i:first-child{width:18px;text-align:center;font-size:14px;opacity:.96}.nav-link span,.nav-group-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group-chevron{margin-left:auto;font-size:11px;opacity:.66;transition:transform .16s ease}.nav-group-toggle[aria-expanded="true"] .nav-group-chevron{transform:rotate(180deg)}.nav-link-child{min-height:33px;margin:2px 0 2px 24px;padding:8px 10px;color:#a9c8f5;font-size:12px;font-weight:700;border-radius:10px}.nav-link-child.active{background:rgba(96,165,250,.18);box-shadow:none}.nav-link-child.active:after{right:8px}

.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.content,.scc-page{width:100%;max-width:100%;min-width:0;padding:20px}.scc-page{background:transparent}
.topbar{min-height:var(--scc-topbar-h);display:flex;align-items:center;gap:12px;padding:9px 20px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--scc-border);position:sticky;top:0;z-index:1020;backdrop-filter:saturate(160%) blur(12px)}
.topbar-title{min-width:0;max-width:190px;flex:0 0 auto}.topbar-title h1,.scc-topbar-page-title{margin:0!important;max-width:190px;color:var(--scc-ink)!important;font-size:12px!important;line-height:1.2!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em!important}
.topbar-context{min-width:0;flex:1 1 auto;align-items:center;gap:7px}.scc-project-select{width:min(335px,32vw);height:36px;border-color:#d4e2f3;border-radius:11px;font-size:12px;font-weight:750;color:#183455;background-color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.025)}
.scc-date-trigger{height:36px;display:inline-flex;align-items:center;gap:7px;border-radius:11px!important;color:#183455;font-size:12px;font-weight:800;background:#fff!important;border-color:#d4e2f3!important;white-space:nowrap;box-shadow:0 4px 12px rgba(15,23,42,.025)}
.scc-context-chip{height:32px;display:inline-flex;align-items:center;gap:6px;max-width:190px;padding:0 10px;border:1px solid #e1eaf6;border-radius:999px;background:#f8fbff;color:#425875;font-size:11.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-context-chip i{color:#2563eb}.userbox{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}.userbox strong{font-size:12px;color:#193454}.userbox .btn{height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 8px}
.scc-menu-toggle{height:34px;width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px!important}

.scc-date-menu{width:620px;max-width:calc(100vw - 32px);padding:0;border:1px solid #d9e6f5;border-radius:18px;overflow:hidden}.scc-date-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e7eef8;background:#f8fbff}.scc-date-menu-head strong{color:#10233f;font-size:13px;font-weight:850}.scc-date-menu-head span{color:#657892;font-size:12px;font-weight:700}.scc-date-menu-body{display:grid;grid-template-columns:220px 1fr;gap:0}.scc-date-presets{padding:12px;border-right:1px solid #e7eef8;background:#fbfdff}.scc-preset-group-label{padding:8px 8px 5px;color:#7a8da8;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.scc-preset-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin:2px 0;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:#27415f;font-size:12px;font-weight:750;text-align:left}.scc-preset-option:hover{background:#eef5ff}.scc-preset-option.active{background:#e7f0ff;color:#1d4ed8}.scc-date-custom-panel{padding:14px}.scc-custom-title{margin-bottom:7px;color:#1d3557;font-size:12px;font-weight:850}.scc-date-custom-panel .form-label{margin-bottom:4px;color:#64748b;font-size:11px;font-weight:800}.scc-compare-note,.scc-sync-hint{display:flex;gap:7px;align-items:flex-start;color:#64748b;font-size:11.5px;line-height:1.35}.scc-sync-hint{padding:9px 10px;border:1px solid #e6eef8;border-radius:12px;background:#f8fbff}.scc-sync-hint i{color:#16a34a;margin-top:1px}

.scc-card{background:#fff;border:1px solid var(--scc-border);border-radius:var(--scc-radius);box-shadow:var(--scc-shadow)}.scc-page-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px;background:#fff;border:1px solid var(--scc-border);border-left:5px solid var(--scc-blue);border-radius:22px;box-shadow:var(--scc-shadow)}.scc-page-title{margin:0;color:var(--scc-ink);font-size:22px;line-height:1.1;font-weight:850;letter-spacing:-.035em}.scc-page-subtitle{margin:8px 0 0;color:#384e70;font-size:14px;line-height:1.45}.scc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid #94a8c4;border-radius:12px;background:#fff;color:#173255;font-size:13px;font-weight:800;white-space:nowrap}.scc-btn-primary{border-color:var(--scc-blue);background:var(--scc-blue);color:#fff}.scc-table-wrap{width:100%;overflow-x:auto}.scc-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--scc-border-soft);border-radius:16px;overflow:hidden}.scc-table th{padding:12px 14px;background:#f8fbff;border-bottom:1px solid var(--scc-border-soft);color:#5d6f8a;font-size:11px;text-transform:uppercase;font-weight:850;white-space:nowrap}.scc-table td{padding:12px 14px;border-bottom:1px solid #eef3f9;font-size:12.5px;vertical-align:middle}.scc-table tr:last-child td{border-bottom:0}.scc-sidebar-backdrop{position:fixed;inset:0;z-index:1030;background:rgba(7,27,58,.45)}

@media(max-width:1199.98px){.scc-context-chip{display:none}.scc-project-select{width:300px}.topbar-title{max-width:150px}}
@media(max-width:991.98px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-102%);transition:transform .2s ease;width:280px;max-width:86vw}.topbar{padding:10px 14px}.topbar-context{display:none!important}.content,.scc-page{padding:16px}body.scc-sidebar-open .sidebar{transform:translateX(0)}}
@media(max-width:767.98px){.topbar-title{max-width:180px}.scc-date-menu-body{grid-template-columns:1fr}.scc-date-presets{border-right:0;border-bottom:1px solid #e7eef8}.userbox .btn{padding-left:8px;padding-right:8px}}

/* V32.16 Final Polish: compact sidebar/topbar, active-group first, no extra CSS files. */
:root{--scc-sidebar-w:238px;--scc-topbar-h:58px}
.brand{min-height:62px;padding:14px 16px}.brand-icon{width:34px;height:34px;border-radius:12px}.brand-title{font-size:14px}.brand-subtitle{font-size:10px}
.sidebar-nav{padding:8px 9px 14px}.nav-section{gap:2px}.nav-link,.nav-group-toggle{min-height:34px;padding:8px 9px;border-radius:10px;font-size:12px;font-weight:760}.nav-link i:first-child,.nav-group-toggle i:first-child{font-size:13px;width:17px}.nav-link.active,.nav-group-toggle.active{box-shadow:inset 2px 0 0 #60a5fa;background:rgba(37,99,235,.2)}.nav-link.active:after,.nav-group-toggle.active:after{right:8px;width:5px;height:5px}.nav-link-child{min-height:29px;margin:1px 0 1px 22px;padding:6px 8px;border-radius:9px;font-size:11.4px;color:#a9c8f5}.nav-group-collapse{padding:2px 0 5px}.nav-group-toggle:not(.active)[aria-expanded="true"]{background:rgba(255,255,255,.055)}.nav-group-toggle:not(.active)[aria-expanded="true"]:after{display:none}
.topbar{min-height:var(--scc-topbar-h);gap:9px;padding:8px 16px}.topbar-title{max-width:150px}.topbar-title h1,.scc-topbar-page-title{max-width:150px;font-size:11.5px!important}.topbar-context{gap:6px}.scc-project-select{width:min(300px,28vw);height:34px;border-radius:10px;font-size:11.5px}.scc-date-trigger{height:34px;border-radius:10px!important;font-size:11.5px;padding-left:10px;padding-right:10px}.scc-context-chip{height:30px;max-width:148px;padding:0 9px;font-size:11px;border-radius:999px}.scc-context-chip-range{max-width:124px}.scc-context-chip-compare{max-width:142px}.scc-context-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox{gap:6px}.userbox strong{font-size:11.5px}.userbox .btn{height:30px;min-width:30px;border-radius:8px}
@media(max-width:1399.98px){.scc-context-chip-range{display:none}.scc-project-select{width:min(280px,29vw)}}
@media(max-width:1199.98px){.scc-context-chip{display:none}.scc-project-select{width:260px}.topbar-title{max-width:120px}}

/* V32.16.1 Topbar date dropdown collision fix: keep global topbar modal aligned to trigger, not under sidebar. */
.scc-date-dropdown{position:relative;flex:0 0 auto}
.scc-date-dropdown .scc-date-menu{
  width:min(560px, calc(100vw - var(--scc-sidebar-w) - 56px));
  max-width:min(560px, calc(100vw - var(--scc-sidebar-w) - 56px));
  max-height:calc(100vh - 84px);
  overflow:auto;
  margin-top:10px!important;
  border-radius:16px;
}
.scc-date-dropdown .dropdown-menu-start{
  left:0!important;
  right:auto!important;
}
.scc-date-menu-body{
  grid-template-columns:176px minmax(0,1fr);
}
.scc-date-presets{
  padding:10px;
}
.scc-preset-group-label{
  padding:7px 7px 4px;
  font-size:9.5px;
}
.scc-preset-option{
  min-height:31px;
  margin:1px 0;
  padding:6px 8px;
  font-size:11.5px;
  border-radius:9px;
}
.scc-date-custom-panel{
  padding:13px 14px 14px;
}
.scc-date-custom-panel .row{
  margin-left:-4px;
  margin-right:-4px;
}
.scc-date-custom-panel .row>[class*="col-"]{
  padding-left:4px;
  padding-right:4px;
}
.scc-date-custom-panel .form-control,
.scc-date-custom-panel .form-select{
  min-height:34px;
  border-radius:9px;
  font-size:12px;
}
.scc-date-custom-panel hr{
  margin:12px 0 11px;
}
.scc-custom-title{
  margin-bottom:8px;
  font-size:12px;
}
.scc-date-custom-panel .form-label{
  display:block;
  min-height:14px;
  margin-bottom:5px;
  font-size:10.5px;
  line-height:1.15;
}
.scc-compare-note{
  display:block;
  white-space:normal;
  word-break:break-word;
}
.scc-sync-hint{
  padding:8px 10px;
  border-radius:10px;
  font-size:11px;
}
.scc-date-custom-panel .d-flex.gap-2.mt-3{
  align-items:center;
  gap:7px!important;
}
.scc-date-custom-panel .btn-sm{
  min-height:34px;
  border-radius:9px;
  font-size:12px;
  font-weight:750;
}
@media(max-width:1199.98px){
  .scc-date-dropdown .scc-date-menu{width:min(540px, calc(100vw - var(--scc-sidebar-w) - 34px));max-width:min(540px, calc(100vw - var(--scc-sidebar-w) - 34px))}
}
@media(max-width:991.98px){
  .scc-date-dropdown .scc-date-menu{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}
}
@media(max-width:767.98px){
  .scc-date-menu-body{grid-template-columns:1fr}
  .scc-date-presets{border-right:0;border-bottom:1px solid #e7eef8}
}

/* V33.17: removed legacy monitoring page-specific global overrides. Page-specific KPI/table styling belongs to module CSS; common commandbar remains below. */

/* === V33.10 Common Commandbar Standardization (Develop Clean) ===
   Scope: Project Command, Action Board, Activities, Target & SLA, Alerts,
   Notifications, Performance, GSC, GA4, AI, PageSpeed, Website Health,
   Security Integrity, WordPress Logs.
   Runtime rule remains: global.css + active module.css only. */
.scc-common-commandbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  width:100% !important;
  min-height:58px !important;
  padding:12px 14px !important;
  margin:0 0 16px !important;
  border:1px solid #d7e6f8 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 30px rgba(15,42,80,.045) !important;
  overflow:visible !important;
}
.scc-common-chip-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
}
.scc-common-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:29px !important;
  min-height:29px !important;
  max-width:100% !important;
  padding:0 11px !important;
  border:1px solid #d8e6f6 !important;
  border-radius:999px !important;
  background:#f8fbff !important;
  color:#29476e !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
.scc-common-chip i,
.scc-common-btn i{
  color:inherit !important;
  font-size:14px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}
.scc-common-chip i{color:#2563eb !important;}
.scc-common-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:fit-content !important;
  margin:0 !important;
  padding:0 !important;
}
.scc-common-actions form{margin:0 !important;display:inline-flex !important;align-items:center !important;gap:8px !important;}
.scc-common-actions .dropdown{display:inline-flex !important;}
.scc-common-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  border:1px solid #cfe0f5 !important;
  background:#fff !important;
  color:#0b2547 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 6px 18px rgba(15,42,80,.04) !important;
  white-space:nowrap !important;
  transform:none !important;
  cursor:pointer !important;
}
.scc-common-btn-primary{
  background:#2563eb !important;
  border-color:#2563eb !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(37,99,235,.18) !important;
}
.scc-common-btn-outline{
  background:#fff !important;
  border-color:#cfe0f5 !important;
  color:#0b2547 !important;
}
.scc-common-btn-danger{
  color:#b91c1c !important;
  border-color:#fecaca !important;
  background:#fff7f7 !important;
}
.scc-common-btn:hover{transform:translateY(-1px) !important;box-shadow:0 9px 20px rgba(15,42,80,.08) !important;}
.scc-common-commandbar input[type="number"]{
  height:34px !important;
  width:64px !important;
  border:1px solid #cfe0f5 !important;
  border-radius:12px !important;
  padding:0 9px !important;
  color:#0b2547 !important;
  font-size:12px !important;
  font-weight:800 !important;
  background:#fff !important;
}
@media(max-width:920px){
  .scc-common-commandbar{align-items:stretch !important;flex-direction:column !important;gap:10px !important;min-height:0 !important;padding:12px !important;border-radius:16px !important;}
  .scc-common-chip-row{flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;padding-bottom:2px !important;width:100% !important;}
  .scc-common-chip-row::-webkit-scrollbar{height:0 !important;display:none !important;}
  .scc-common-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;width:100% !important;min-width:0 !important;gap:8px !important;align-items:stretch !important;}
  .scc-common-actions form{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;width:100% !important;}
  .scc-common-actions .dropdown{width:100% !important;display:flex !important;}
  .scc-common-actions > .scc-common-btn-primary:first-child,
  .scc-common-actions form > .scc-common-btn-primary:first-of-type{grid-column:1 / -1 !important;}
  .scc-common-btn{width:100% !important;min-width:0 !important;}
}
@media(max-width:420px){
  .scc-common-commandbar{padding:10px !important;margin-bottom:14px !important;}
  .scc-common-actions{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .scc-common-btn{height:33px !important;min-height:33px !important;padding:0 10px !important;font-size:11.5px !important;}
  .scc-common-chip{height:28px !important;min-height:28px !important;padding:0 10px !important;font-size:11.5px !important;}
}

/* === V33.14 Mobile Topbar Context Filter Visibility ===
   Keep clean CSS rule: global owns the topbar/filter component.
   The desktop topbar context already exists in layout.php; on mobile it becomes
   a compact second row with project + date range controls. */
@media (max-width: 991.98px){
  .scc-topbar{
    flex-wrap:wrap;
    align-items:center;
    gap:8px 9px;
    padding:9px 12px 10px;
  }
  .scc-topbar .scc-menu-toggle{
    order:1;
    flex:0 0 34px;
    width:34px;
    height:32px;
  }
  .scc-topbar .topbar-title{
    order:2;
    flex:1 1 auto;
    min-width:0;
    max-width:none;
  }
  .scc-topbar .topbar-title h1,
  .scc-topbar .scc-topbar-page-title{
    max-width:100%;
    font-size:11.5px!important;
  }
  .scc-topbar .userbox{
    order:3;
    margin-left:0;
    flex:0 0 auto;
  }
  .scc-topbar .scc-topbar-context.d-none.d-lg-flex,
  .scc-topbar .topbar-context.d-none.d-lg-flex{
    order:4;
    width:100%;
    flex:0 0 100%;
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);
    align-items:center;
    gap:8px;
    padding-top:2px;
    min-width:0;
  }
  .scc-topbar .scc-project-select{
    width:100%!important;
    min-width:0;
    height:34px;
    padding-left:10px;
    padding-right:28px;
    border-radius:11px;
    font-size:11.5px;
    font-weight:800;
    box-shadow:0 5px 14px rgba(15,23,42,.035);
  }
  .scc-topbar .scc-date-dropdown{
    width:100%;
    min-width:0;
  }
  .scc-topbar .scc-date-trigger{
    width:100%;
    min-width:0;
    height:34px;
    justify-content:center;
    padding-left:9px;
    padding-right:9px;
    border-radius:11px!important;
    font-size:11.5px;
    font-weight:850;
    box-shadow:0 5px 14px rgba(15,23,42,.035);
  }
  .scc-topbar .scc-date-trigger span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .scc-topbar .scc-context-chip{
    display:none!important;
  }
  .scc-topbar .scc-date-dropdown .scc-date-menu{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    left:0!important;
    right:auto!important;
    margin-top:8px!important;
  }
}
@media (max-width: 420px){
  .scc-topbar{
    padding-left:10px;
    padding-right:10px;
  }
  .scc-topbar .scc-topbar-context.d-none.d-lg-flex,
  .scc-topbar .topbar-context.d-none.d-lg-flex{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.82fr);
    gap:7px;
  }
  .scc-topbar .scc-project-select,
  .scc-topbar .scc-date-trigger{
    height:33px;
    font-size:11px;
  }
  .scc-topbar .scc-date-trigger i.bi-chevron-down{
    display:none;
  }
}
@media (max-width: 340px){
  .scc-topbar .scc-topbar-context.d-none.d-lg-flex,
  .scc-topbar .topbar-context.d-none.d-lg-flex{
    grid-template-columns:1fr;
  }
}

/* V33.19 System/Admin common shell. Shared UI only; page-specific detail stays in module CSS. */
.scc-admin-page{display:flex;flex-direction:column;gap:16px;}
.scc-admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.scc-admin-kpi{position:relative;min-height:132px;background:#fff;border:1px solid #d7e6f8;border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(15,42,80,.05);display:flex;flex-direction:column;gap:5px;overflow:hidden;}
.scc-admin-kpi-icon{width:34px;height:34px;border-radius:12px;background:#eef5ff;color:#2563eb;display:flex;align-items:center;justify-content:center;margin-bottom:3px;}
.scc-admin-kpi span{font-size:12px;font-weight:800;color:#58708e;text-transform:uppercase;letter-spacing:.03em;}
.scc-admin-kpi strong{font-size:26px;line-height:1.05;color:#071f44;font-weight:900;}
.scc-admin-kpi small{font-size:12px;color:#6b7f98;line-height:1.35;}
.scc-admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.scc-admin-hub-card{display:flex;flex-direction:column;gap:8px;min-height:172px;padding:16px;background:#fff;border:1px solid #d7e6f8;border-radius:18px;color:#071f44;text-decoration:none;box-shadow:0 12px 30px rgba(15,42,80,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.scc-admin-hub-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,42,80,.08);border-color:#b7d3f7;color:#071f44;}
.scc-admin-card-icon{width:38px;height:38px;border-radius:14px;background:#eef5ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:17px;}
.scc-admin-hub-card strong{font-size:15px;line-height:1.25;font-weight:900;}
.scc-admin-hub-card small{font-size:12.5px;line-height:1.45;color:#58708e;}
.scc-admin-hub-card em{margin-top:auto;align-self:flex-start;font-style:normal;font-size:11px;font-weight:800;color:#2563eb;background:#eef5ff;border:1px solid #d7e6f8;border-radius:999px;padding:5px 9px;}
.scc-admin-panel{background:#fff;border:1px solid #d7e6f8;border-radius:18px;box-shadow:0 12px 30px rgba(15,42,80,.05);padding:16px;}
.scc-admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.scc-admin-panel-head h2,.scc-admin-panel-head h3{font-size:16px;font-weight:900;color:#071f44;margin:0;}
.scc-admin-panel-head p{font-size:12.5px;color:#58708e;margin:3px 0 0;line-height:1.45;}
.scc-admin-two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:12px;align-items:start;}
.scc-admin-list{display:flex;flex-direction:column;gap:8px;}
.scc-admin-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2edf9;background:#fbfdff;border-radius:14px;padding:12px;}
.scc-admin-list-item b{display:block;color:#071f44;font-size:13px;line-height:1.3;}
.scc-admin-list-item small{display:block;color:#58708e;font-size:12px;line-height:1.35;margin-top:2px;}
.scc-admin-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:900;white-space:nowrap;border:1px solid #d7e6f8;background:#f6f9fe;color:#58708e;}
.scc-admin-badge-ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
.scc-admin-badge-warn{background:#fffbeb;color:#b45309;border-color:#fde68a;}
.scc-admin-badge-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca;}
.scc-admin-badge-info{background:#eff6ff;color:#2563eb;border-color:#bfdbfe;}
.scc-admin-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2edf9;border-radius:16px;background:#fff;}
.scc-admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;margin:0;}
.scc-admin-table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.035em;color:#58708e;background:#f6f9fe;padding:11px 12px;border-bottom:1px solid #e2edf9;white-space:nowrap;}
.scc-admin-table td{font-size:12.5px;color:#1f3654;padding:12px;border-bottom:1px solid #eef4fb;vertical-align:middle;}
.scc-admin-table tr:last-child td{border-bottom:0;}
.scc-admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;}
.scc-admin-pagination a,.scc-admin-pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:10px;border:1px solid #d7e6f8;background:#fff;padding:0 10px;font-size:12px;font-weight:800;color:#2563eb;text-decoration:none;}
.scc-admin-pagination span{color:#58708e;background:#f6f9fe;}
.scc-admin-pagination a.disabled{pointer-events:none;opacity:.45;color:#8498b2;}
.scc-admin-empty{min-height:120px;border:1px dashed #c9dbf1;border-radius:16px;background:#fbfdff;display:flex;align-items:center;justify-content:center;gap:9px;color:#58708e;font-size:13px;font-weight:700;}
.scc-admin-empty i{color:#2563eb;font-size:18px;}
.scc-admin-note{border:1px solid #d7e6f8;border-radius:16px;background:#f6f9fe;padding:13px 14px;color:#48617f;font-size:12.5px;line-height:1.45;}
.scc-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.scc-admin-field label{display:block;font-size:12px;font-weight:900;color:#58708e;margin-bottom:5px;}
.scc-admin-field input,.scc-admin-field select,.scc-admin-field textarea{width:100%;border:1px solid #d4e3f5;border-radius:12px;min-height:38px;padding:8px 10px;font-size:13px;color:#071f44;background:#fff;}
.scc-admin-field textarea{min-height:82px;resize:vertical;}
.scc-admin-field small{display:block;color:#6b7f98;font-size:11.5px;margin-top:4px;}
@media(max-width:1100px){.scc-admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.scc-admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.scc-admin-two-col{grid-template-columns:1fr;}}
@media(max-width:640px){.scc-admin-page{gap:12px;}.scc-admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.scc-admin-kpi{min-height:118px;padding:13px;border-radius:16px;}.scc-admin-kpi strong{font-size:22px;}.scc-admin-card-grid{grid-template-columns:1fr;}.scc-admin-hub-card{min-height:0;border-radius:16px;}.scc-admin-panel{padding:13px;border-radius:16px;}.scc-admin-panel-head{flex-direction:column;}.scc-admin-list-item{align-items:flex-start;flex-direction:column;}.scc-admin-form-grid{grid-template-columns:1fr;}.scc-admin-pagination{justify-content:center;}.scc-admin-table{min-width:680px;}}

/* V33.22 Admin action restore helpers: shared admin UI only, no page-specific override */
.scc-admin-alert{display:flex;align-items:center;gap:8px;margin:0 0 14px;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:750;border:1px solid #d7e6f8;background:#fff;color:#0f2748;}
.scc-admin-alert-ok{color:#047857;background:#ecfdf5;border-color:#bbf7d0;}
.scc-admin-alert-warn{color:#b45309;background:#fffbeb;border-color:#fde68a;}
.scc-admin-alert-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca;}
.scc-admin-action-card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:16px;border:1px solid #d7e6f8;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,39,72,.06);}
.scc-admin-action-card strong{font-size:14px;line-height:1.25;color:#0f2748;}
.scc-admin-action-card small{display:block;color:#58708e;font-size:12px;line-height:1.45;flex:1;}
.scc-admin-action-card form{margin-top:auto;}
.scc-admin-action-card .scc-common-btn{width:100%;justify-content:center;}
.scc-admin-log{margin:0;white-space:pre-wrap;max-height:360px;overflow:auto;border-radius:16px;padding:14px;background:#0f2748;color:#eaf2ff;font-size:12px;line-height:1.55;}
@media(max-width:640px){.scc-admin-action-card{min-height:0;padding:14px}.scc-admin-action-card .scc-common-btn{min-height:34px}}

/* V33.34 Command Center Workflow Common - start */
.scc-cc-page{display:flex;flex-direction:column;gap:16px;color:#071f44}.scc-cc-page *{box-sizing:border-box}.scc-cc-workflow-ribbon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.scc-cc-workflow-ribbon a{min-height:52px;padding:10px 12px;border:1px solid #d7e6f8;border-radius:16px;background:#fff;color:#17345f;text-decoration:none;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 20px rgba(15,40,80,.035)}.scc-cc-workflow-ribbon a strong{font-size:12px;font-weight:900;line-height:1.2}.scc-cc-workflow-ribbon a span{font-size:11px;color:#60718c;font-weight:700}.scc-cc-workflow-ribbon a.is-active{border-color:#2563eb;background:#eff6ff}.scc-cc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.scc-cc-kpi{min-height:112px;background:#fff;border:1px solid #d7e6f8;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,40,80,.045);display:flex;flex-direction:column;justify-content:center;gap:5px}.scc-cc-kpi span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#58708e;font-weight:900}.scc-cc-kpi strong{font-size:31px;line-height:1;color:#071f44;font-weight:950}.scc-cc-kpi small{font-size:12px;color:#60718c;font-weight:700}.scc-cc-grid{display:grid;gap:14px}.scc-cc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.scc-cc-card{background:#fff;border:1px solid #d7e6f8;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,40,80,.045);min-width:0}.scc-cc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.scc-cc-card-head h3{margin:2px 0 0;font-size:18px;line-height:1.2;font-weight:950;color:#071f44}.scc-cc-kicker{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#58708e;font-weight:950}.scc-cc-pill{height:28px;padding:0 10px;border:1px solid #d7e6f8;border-radius:999px;display:inline-flex;align-items:center;background:#f8fbff;color:#17345f;font-size:11.5px;font-weight:850;white-space:nowrap}.scc-cc-list{display:flex;flex-direction:column;gap:9px}.scc-cc-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e3edf8;border-radius:14px;background:#fbfdff}.scc-cc-list-row strong{display:block;font-size:13px;font-weight:900;color:#071f44}.scc-cc-list-row small{display:block;margin-top:3px;font-size:11.5px;color:#60718c;line-height:1.35}.scc-cc-empty{padding:18px;border:1px dashed #cfe0f5;border-radius:14px;background:#f8fbff;text-align:center;color:#60718c;font-size:12px;font-weight:700}.scc-cc-alert{border-radius:14px;padding:11px 14px;border:1px solid #d7e6f8;background:#fff;font-size:12.5px;font-weight:750}.scc-cc-alert.is-success{background:#effdf5;border-color:#bbf7d0;color:#166534}.scc-cc-alert.is-danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.scc-cc-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) minmax(160px,220px) auto;gap:10px;align-items:end}.scc-cc-filter label,.scc-cc-form label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:#17345f;font-weight:900}.scc-cc-filter input,.scc-cc-filter select,.scc-cc-form input,.scc-cc-form select,.scc-cc-form textarea{width:100%;min-height:38px;border:1px solid #cfe0f5;border-radius:12px;background:#fff;padding:8px 11px;color:#071f44;font-size:12.5px;font-weight:750;outline:none}.scc-cc-form textarea{min-height:84px;resize:vertical}.scc-cc-table-wrap{width:100%;overflow-x:auto}.scc-cc-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e3edf8;border-radius:16px;overflow:hidden;background:#fff}.scc-cc-table th{background:#f6f9fe;color:#58708e;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:950;padding:12px;text-align:left;border-bottom:1px solid #e3edf8;white-space:nowrap}.scc-cc-table td{padding:12px;border-bottom:1px solid #edf3fb;vertical-align:middle;font-size:12.5px;color:#17345f}.scc-cc-table tr:last-child td{border-bottom:0}.scc-cc-table td strong{display:block;font-size:12.8px;font-weight:900;color:#071f44}.scc-cc-table td small{display:block;color:#60718c;font-size:11.5px;line-height:1.35;margin-top:3px}.scc-cc-badge{min-height:24px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10.8px;font-weight:950;border:1px solid #d7e6f8;background:#f8fbff;color:#17345f;white-space:nowrap}.scc-cc-badge.is-success{background:#dcfce7;border-color:#bbf7d0;color:#166534}.scc-cc-badge.is-danger{background:#ffe4e6;border-color:#fecdd3;color:#be123c}.scc-cc-badge.is-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.scc-cc-badge.is-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.scc-cc-badge.is-neutral{background:#f8fbff;border-color:#d7e6f8;color:#425a78}.scc-cc-row-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.scc-cc-row-actions form{margin:0}.scc-cc-help{padding:12px 14px;border:1px solid #d7e6f8;border-radius:14px;background:#f8fbff;color:#425a78;font-size:12.5px;line-height:1.45}.scc-cc-help strong{color:#071f44}.scc-cc-pager{display:flex;gap:6px;justify-content:flex-end;margin-top:12px}.scc-cc-pager a{min-width:32px;height:32px;border:1px solid #d7e6f8;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#fff;text-decoration:none;color:#17345f;font-size:12px;font-weight:850}.scc-cc-pager a.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.scc-cc-modal{position:fixed;inset:0;background:rgba(7,31,68,.46);z-index:1100;display:none;padding:24px;overflow:auto}.scc-cc-modal.is-open{display:flex;align-items:flex-start;justify-content:center}.scc-cc-modal-panel{width:min(920px,100%);background:#fff;border:1px solid #d7e6f8;border-radius:20px;box-shadow:0 30px 80px rgba(7,31,68,.22);padding:16px;max-height:calc(100vh - 48px);overflow:auto}.scc-cc-modal-head{position:sticky;top:-16px;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #e3edf8}.scc-cc-modal-head h3{margin:0;font-size:18px;font-weight:950;color:#071f44}.scc-cc-modal-head a{height:34px;padding:0 12px;border:1px solid #d7e6f8;border-radius:12px;background:#fff;display:inline-flex;align-items:center;text-decoration:none;color:#071f44;font-size:12px;font-weight:900}.scc-cc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scc-cc-form .wide{grid-column:1 / -1}.scc-cc-check{flex-direction:row!important;align-items:center!important;gap:8px!important;grid-column:1 / -1}.scc-cc-check input{width:auto!important;min-height:0!important}.scc-cc-form button[type="submit"]{justify-self:start}.scc-cc-form .scc-common-btn-primary{grid-column:1 / -1}.scc-cc-modal .scc-common-btn{width:auto}.scc-cc-table-wrap::-webkit-scrollbar{height:8px}.scc-cc-table-wrap::-webkit-scrollbar-thumb{background:#c7d8ed;border-radius:999px}
@media(max-width:1100px){.scc-cc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scc-cc-grid.two{grid-template-columns:1fr}.scc-cc-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.scc-cc-filter .scc-common-btn{width:100%}}@media(max-width:760px){.scc-cc-workflow-ribbon{display:flex;overflow-x:auto;padding-bottom:2px}.scc-cc-workflow-ribbon a{min-width:130px}.scc-cc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scc-cc-kpi{min-height:96px;padding:13px}.scc-cc-kpi strong{font-size:26px}.scc-cc-card{padding:13px;border-radius:16px}.scc-cc-card-head{align-items:stretch;flex-direction:column}.scc-cc-filter{grid-template-columns:1fr}.scc-cc-list-row{align-items:flex-start;flex-direction:column}.scc-cc-row-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.scc-cc-row-actions .scc-common-btn,.scc-cc-row-actions form,.scc-cc-row-actions form .scc-common-btn{width:100%}.scc-cc-modal{padding:10px}.scc-cc-modal-panel{border-radius:16px;padding:13px;max-height:calc(100vh - 20px)}.scc-cc-form{grid-template-columns:1fr}.scc-cc-table{min-width:720px}}@media(max-width:420px){.scc-cc-kpi-grid{gap:8px}.scc-cc-kpi{padding:12px}.scc-cc-kpi strong{font-size:23px}.scc-cc-kpi span{font-size:10px}.scc-cc-workflow-ribbon a{min-width:118px}.scc-cc-row-actions{grid-template-columns:1fr}.scc-cc-modal-head h3{font-size:16px}}
/* V33.34 Command Center Workflow Common - end */

/* V33.37 Command Center Workflow Orb Visual Polish - start */
.scc-cc-flow-nav{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 16px;
  padding:11px 12px;
  border:1px solid #d7e6f8;
  border-radius:18px;
  background:
    radial-gradient(circle at 96% 8%, rgba(37,99,235,.08) 0 120px, transparent 122px),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#eef6ff 100%);
  box-shadow:0 14px 36px rgba(15,40,80,.055);
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}
.scc-cc-flow-nav::-webkit-scrollbar{display:none}
.scc-cc-flow-item{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:46px;
  min-width:150px;
  padding:0 15px 0 12px;
  border-radius:14px;
  border:1px solid #d8e7f8;
  background:
    radial-gradient(circle at 112% 88%, rgba(37,99,235,.16) 0 42px, transparent 44px),
    linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(247,251,255,.94) 100%);
  color:#24425f;
  text-decoration:none;
  box-shadow:0 7px 18px rgba(15,40,80,.035);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
  flex:0 0 auto;
  overflow:hidden;
}
.scc-cc-flow-item:before{
  content:'';
  position:absolute;
  right:-25px;
  bottom:-30px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(37,99,235,.16) 0%, rgba(147,197,253,.10) 50%, rgba(147,197,253,0) 72%);
  z-index:-1;
  pointer-events:none;
}
.scc-cc-flow-item:after{
  content:'';
  position:absolute;
  inset:auto 14px 7px 48px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(147,197,253,0));
  pointer-events:none;
}
.scc-cc-flow-item i{
  width:28px;
  height:28px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eef6ff 0%,#dbeafe 100%);
  color:#2563eb;
  font-size:14px;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10),0 7px 14px rgba(37,99,235,.10);
  flex:0 0 auto;
}
.scc-cc-flow-item span{display:flex;flex-direction:column;gap:3px;line-height:1.04;min-width:0}
.scc-cc-flow-item strong{font-size:12.5px;font-weight:900;letter-spacing:-.015em;color:#0b2345}
.scc-cc-flow-item small{font-size:10.7px;font-weight:800;color:#6d839f}
.scc-cc-flow-item:hover{
  transform:translateY(-1px);
  border-color:#bfdbfe;
  background:
    radial-gradient(circle at 112% 88%, rgba(37,99,235,.20) 0 44px, transparent 46px),
    linear-gradient(135deg,#fff 0%,#f3f8ff 100%);
  box-shadow:0 13px 26px rgba(15,40,80,.075);
}
.scc-cc-flow-item.is-active{
  background:
    radial-gradient(circle at 110% 88%, rgba(255,255,255,.24) 0 48px, transparent 50px),
    linear-gradient(135deg,#2563eb 0%,#1d4ed8 58%,#1e40af 100%);
  border-color:#2563eb;
  box-shadow:0 18px 32px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.16);
  color:#fff;
}
.scc-cc-flow-item.is-active:before{
  background:radial-gradient(circle, rgba(255,255,255,.26) 0%, rgba(255,255,255,.12) 48%, rgba(255,255,255,0) 72%);
}
.scc-cc-flow-item.is-active:after{
  left:54px;
  right:18px;
  bottom:7px;
  height:3px;
  background:linear-gradient(90deg,#bfdbfe 0%,rgba(191,219,254,.18) 100%);
}
.scc-cc-flow-item.is-active i{
  background:rgba(255,255,255,.18);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 8px 18px rgba(0,0,0,.10);
}
.scc-cc-flow-item.is-active strong,.scc-cc-flow-item.is-active small{color:#fff}
.scc-cc-flow-line{
  position:relative;
  width:18px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#c9d9ee,#9fb6d3);
  flex:0 0 auto;
  opacity:.82;
}
.scc-cc-flow-line:after{
  content:'';
  position:absolute;
  right:-2px;
  top:50%;
  width:5px;
  height:5px;
  border-right:2px solid #9fb6d3;
  border-top:2px solid #9fb6d3;
  transform:translateY(-50%) rotate(45deg);
  border-radius:1px;
}
.scc-cc-flow-item[href*="alerts"]:not(.is-active){
  background:radial-gradient(circle at 112% 88%, rgba(249,115,22,.14) 0 42px, transparent 44px),linear-gradient(135deg,#fff 0%,#fffaf5 100%);
}
.scc-cc-flow-item[href*="alerts"]:not(.is-active) i{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#ea580c}
.scc-cc-flow-item[href*="action-board"]:not(.is-active){
  background:radial-gradient(circle at 112% 88%, rgba(37,99,235,.14) 0 42px, transparent 44px),linear-gradient(135deg,#fff 0%,#f5f9ff 100%);
}
.scc-cc-flow-item[href*="activities"]:not(.is-active){
  background:radial-gradient(circle at 112% 88%, rgba(16,185,129,.14) 0 42px, transparent 44px),linear-gradient(135deg,#fff 0%,#f4fffb 100%);
}
.scc-cc-flow-item[href*="activities"]:not(.is-active) i{background:linear-gradient(135deg,#ecfdf5,#a7f3d0);color:#059669}
.scc-cc-flow-item[href*="target-sla"]:not(.is-active){
  background:radial-gradient(circle at 112% 88%, rgba(124,58,237,.12) 0 42px, transparent 44px),linear-gradient(135deg,#fff 0%,#faf7ff 100%);
}
.scc-cc-flow-item[href*="target-sla"]:not(.is-active) i{background:linear-gradient(135deg,#f5f3ff,#ddd6fe);color:#7c3aed}
.scc-cc-flow-item[href*="project-command"]:not(.is-active){
  background:radial-gradient(circle at 112% 88%, rgba(14,165,233,.14) 0 42px, transparent 44px),linear-gradient(135deg,#fff 0%,#f3fbff 100%);
}
.scc-cc-flow-item[href*="project-command"]:not(.is-active) i{background:linear-gradient(135deg,#eff6ff,#bae6fd);color:#0284c7}
.scc-cc-kpi{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 110% 88%, rgba(37,99,235,.14) 0 56px, transparent 58px),
    linear-gradient(135deg,#ffffff 0%,#fbfdff 100%);
}
.scc-cc-kpi:before{
  content:'';
  position:absolute;
  width:112px;
  height:112px;
  right:-46px;
  bottom:-54px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.16) 0%,rgba(37,99,235,.08) 46%,rgba(37,99,235,0) 72%);
  pointer-events:none;
}
.scc-cc-kpi:after{
  content:'';
  position:absolute;
  width:44px;
  height:4px;
  left:16px;
  bottom:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb 0%,#93c5fd 72%,rgba(147,197,253,0) 100%);
  pointer-events:none;
}
.scc-cc-kpi span,.scc-cc-kpi strong,.scc-cc-kpi small{position:relative;z-index:1}
.scc-cc-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 103% 8%, rgba(37,99,235,.055) 0 110px, transparent 112px),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 14px 34px rgba(15,40,80,.055);
}
.scc-cc-card:before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,rgba(37,99,235,.46),rgba(96,165,250,.16),rgba(37,99,235,0));
  pointer-events:none;
}
.scc-cc-list-row{
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);
  box-shadow:0 6px 16px rgba(15,40,80,.025);
  transition:.16s ease;
}
.scc-cc-list-row:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 10px 22px rgba(15,40,80,.06)}
.scc-cc-alerts .scc-cc-kpi:before{background:radial-gradient(circle,rgba(249,115,22,.18) 0%,rgba(249,115,22,.08) 44%,rgba(249,115,22,0) 72%)}
.scc-cc-alerts .scc-cc-kpi:after{background:linear-gradient(90deg,#f97316 0%,#fed7aa 72%,rgba(254,215,170,0) 100%)}
.scc-cc-activities .scc-cc-kpi:before{background:radial-gradient(circle,rgba(16,185,129,.18) 0%,rgba(16,185,129,.08) 44%,rgba(16,185,129,0) 72%)}
.scc-cc-activities .scc-cc-kpi:after{background:linear-gradient(90deg,#10b981 0%,#a7f3d0 72%,rgba(167,243,208,0) 100%)}
.scc-cc-sla .scc-cc-kpi:before{background:radial-gradient(circle,rgba(124,58,237,.16) 0%,rgba(124,58,237,.07) 44%,rgba(124,58,237,0) 72%)}
.scc-cc-sla .scc-cc-kpi:after{background:linear-gradient(90deg,#7c3aed 0%,#ddd6fe 72%,rgba(221,214,254,0) 100%)}
.scc-cc-notifications .scc-cc-kpi:before{background:radial-gradient(circle,rgba(14,165,233,.18) 0%,rgba(14,165,233,.08) 44%,rgba(14,165,233,0) 72%)}
.scc-cc-notifications .scc-cc-kpi:after{background:linear-gradient(90deg,#0ea5e9 0%,#bae6fd 72%,rgba(186,230,253,0) 100%)}
@media(max-width:760px){
  .scc-cc-flow-nav{padding:8px;margin:8px 0 13px;gap:7px}
  .scc-cc-flow-item{height:40px;min-width:124px;padding:0 11px 0 10px;gap:8px}
  .scc-cc-flow-item i{width:24px;height:24px;font-size:12.5px;border-radius:10px}
  .scc-cc-flow-item strong{font-size:11.7px}
  .scc-cc-flow-item small{display:none}
  .scc-cc-flow-line{width:12px}
  .scc-cc-flow-item:after{display:none}
  .scc-cc-kpi:after{left:13px;bottom:11px}
}
@media(max-width:420px){.scc-cc-flow-item{min-width:112px}.scc-cc-flow-nav{border-radius:16px}}
/* V33.37 Command Center Workflow Orb Visual Polish - end */
/* SCC V33.38 COMMAND CENTER WORKFLOW WIDTH KPI ORB */
/* Command Center workflow: full-width desktop, compact professional step nav.
   Rich half-orb/gradient decoration belongs to KPI cards, not the workflow steps. */
.scc-cc-flow-nav,
.scc-cc-workflow-ribbon,
.scc-command-workflow,
.scc-workflow-ribbon{
  width:100%;
  box-sizing:border-box;
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #d7e6f8;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#eef6ff 100%);
  box-shadow:0 10px 24px rgba(7,31,68,.045);
  overflow:hidden;
}
.scc-cc-flow-nav .scc-cc-flow-step,
.scc-cc-workflow-ribbon .scc-cc-flow-step,
.scc-command-workflow .scc-cc-flow-step,
.scc-workflow-ribbon .scc-cc-flow-step,
.scc-cc-flow-nav .scc-workflow-step,
.scc-cc-workflow-ribbon .scc-workflow-step,
.scc-command-workflow .scc-workflow-step,
.scc-workflow-ribbon .scc-workflow-step{
  position:relative;
  flex:1 1 0;
  min-width:0;
  max-width:none;
  height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid #cfe1f6;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  color:#0b2447;
  box-shadow:0 6px 16px rgba(7,31,68,.035);
  overflow:hidden;
  text-decoration:none;
}
.scc-cc-flow-nav .scc-cc-flow-step::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step::after,
.scc-command-workflow .scc-cc-flow-step::after,
.scc-workflow-ribbon .scc-cc-flow-step::after,
.scc-cc-flow-nav .scc-workflow-step::after,
.scc-cc-workflow-ribbon .scc-workflow-step::after,
.scc-command-workflow .scc-workflow-step::after,
.scc-workflow-ribbon .scc-workflow-step::after{
  content:'';
  position:absolute;
  right:-18px;
  bottom:-26px;
  width:70px;
  height:70px;
  border-radius:999px;
  opacity:.12;
  background:#2563eb;
  pointer-events:none;
}
.scc-cc-flow-nav .scc-cc-flow-step:nth-of-type(1)::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step:nth-of-type(1)::after{background:#8b5cf6;}
.scc-cc-flow-nav .scc-cc-flow-step:nth-of-type(2)::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step:nth-of-type(2)::after{background:#f59e0b;}
.scc-cc-flow-nav .scc-cc-flow-step:nth-of-type(3)::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step:nth-of-type(3)::after{background:#2563eb;}
.scc-cc-flow-nav .scc-cc-flow-step:nth-of-type(4)::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step:nth-of-type(4)::after{background:#10b981;}
.scc-cc-flow-nav .scc-cc-flow-step:nth-of-type(5)::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step:nth-of-type(5)::after{background:#38bdf8;}
.scc-cc-flow-nav .scc-cc-flow-step.is-active,
.scc-cc-workflow-ribbon .scc-cc-flow-step.is-active,
.scc-command-workflow .scc-cc-flow-step.is-active,
.scc-workflow-ribbon .scc-cc-flow-step.is-active,
.scc-cc-flow-nav .scc-workflow-step.is-active,
.scc-cc-workflow-ribbon .scc-workflow-step.is-active{
  border-color:#2563eb;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 70%,#38bdf8 140%);
  color:#fff;
  box-shadow:0 12px 24px rgba(37,99,235,.22);
}
.scc-cc-flow-nav .scc-cc-flow-step.is-active::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step.is-active::after,
.scc-command-workflow .scc-cc-flow-step.is-active::after,
.scc-workflow-ribbon .scc-cc-flow-step.is-active::after{
  opacity:.20;
  background:#ffffff;
}
.scc-cc-flow-nav .scc-cc-flow-icon,
.scc-cc-workflow-ribbon .scc-cc-flow-icon,
.scc-command-workflow .scc-cc-flow-icon,
.scc-workflow-ribbon .scc-cc-flow-icon,
.scc-cc-flow-nav .scc-workflow-icon,
.scc-cc-workflow-ribbon .scc-workflow-icon{
  position:relative;
  z-index:1;
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:linear-gradient(135deg,#eff6ff,#dbeafe);
  color:#2563eb;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
}
.scc-cc-flow-nav .scc-cc-flow-step.is-active .scc-cc-flow-icon,
.scc-cc-workflow-ribbon .scc-cc-flow-step.is-active .scc-cc-flow-icon,
.scc-command-workflow .scc-cc-flow-step.is-active .scc-cc-flow-icon,
.scc-workflow-ribbon .scc-cc-flow-step.is-active .scc-cc-flow-icon{
  background:rgba(255,255,255,.18);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20);
}
.scc-cc-flow-nav .scc-cc-flow-text,
.scc-cc-workflow-ribbon .scc-cc-flow-text,
.scc-command-workflow .scc-cc-flow-text,
.scc-workflow-ribbon .scc-cc-flow-text,
.scc-cc-flow-nav .scc-workflow-text,
.scc-cc-workflow-ribbon .scc-workflow-text{
  position:relative;
  z-index:1;
  min-width:0;
  line-height:1.12;
}
.scc-cc-flow-nav .scc-cc-flow-title,
.scc-cc-workflow-ribbon .scc-cc-flow-title,
.scc-command-workflow .scc-cc-flow-title,
.scc-workflow-ribbon .scc-cc-flow-title,
.scc-cc-flow-nav .scc-workflow-title,
.scc-cc-workflow-ribbon .scc-workflow-title{
  display:block;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.scc-cc-flow-nav .scc-cc-flow-subtitle,
.scc-cc-workflow-ribbon .scc-cc-flow-subtitle,
.scc-command-workflow .scc-cc-flow-subtitle,
.scc-workflow-ribbon .scc-cc-flow-subtitle,
.scc-cc-flow-nav .scc-workflow-subtitle,
.scc-cc-workflow-ribbon .scc-workflow-subtitle{
  display:block;
  margin-top:3px;
  font-size:10.5px;
  font-weight:700;
  color:#58708e;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.scc-cc-flow-nav .is-active .scc-cc-flow-subtitle,
.scc-cc-workflow-ribbon .is-active .scc-cc-flow-subtitle,
.scc-command-workflow .is-active .scc-cc-flow-subtitle,
.scc-workflow-ribbon .is-active .scc-cc-flow-subtitle{
  color:rgba(255,255,255,.86);
}
.scc-cc-flow-nav .scc-cc-flow-arrow,
.scc-cc-workflow-ribbon .scc-cc-flow-arrow,
.scc-command-workflow .scc-cc-flow-arrow,
.scc-workflow-ribbon .scc-cc-flow-arrow,
.scc-cc-flow-nav .scc-workflow-arrow,
.scc-cc-workflow-ribbon .scc-workflow-arrow{
  flex:0 0 14px;
  width:14px;
  text-align:center;
  color:#8db3e6;
  font-size:16px;
  font-weight:800;
  margin:0 -2px;
}

/* KPI/summary cards: this is where the stronger half-orb visual language belongs. */
.scc-page-project-command .scc-cc-kpi,
.scc-page-project-command .scc-cc-kpi-card,
.scc-page-project-command .scc-cc-stat-card,
.scc-page-action-board .scc-cc-kpi,
.scc-page-action-board .scc-cc-kpi-card,
.scc-page-action-board .scc-cc-stat-card,
.scc-page-activities .scc-cc-kpi,
.scc-page-activities .scc-cc-kpi-card,
.scc-page-activities .scc-cc-stat-card,
.scc-page-activity-sla .scc-cc-kpi,
.scc-page-activity-sla .scc-cc-kpi-card,
.scc-page-activity-sla .scc-cc-stat-card,
.scc-page-target-sla .scc-cc-kpi,
.scc-page-target-sla .scc-cc-kpi-card,
.scc-page-target-sla .scc-cc-stat-card,
.scc-page-alerts .scc-cc-kpi,
.scc-page-alerts .scc-cc-kpi-card,
.scc-page-alerts .scc-cc-stat-card,
.scc-page-notifications .scc-cc-kpi,
.scc-page-notifications .scc-cc-kpi-card,
.scc-page-notifications .scc-cc-stat-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#fbfdff 62%,#f3f8ff 100%);
  border:1px solid #d7e6f8;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(7,31,68,.045);
}
.scc-page-project-command .scc-cc-kpi::after,
.scc-page-project-command .scc-cc-kpi-card::after,
.scc-page-project-command .scc-cc-stat-card::after,
.scc-page-action-board .scc-cc-kpi::after,
.scc-page-action-board .scc-cc-kpi-card::after,
.scc-page-action-board .scc-cc-stat-card::after,
.scc-page-activities .scc-cc-kpi::after,
.scc-page-activities .scc-cc-kpi-card::after,
.scc-page-activities .scc-cc-stat-card::after,
.scc-page-activity-sla .scc-cc-kpi::after,
.scc-page-activity-sla .scc-cc-kpi-card::after,
.scc-page-activity-sla .scc-cc-stat-card::after,
.scc-page-target-sla .scc-cc-kpi::after,
.scc-page-target-sla .scc-cc-kpi-card::after,
.scc-page-target-sla .scc-cc-stat-card::after,
.scc-page-alerts .scc-cc-kpi::after,
.scc-page-alerts .scc-cc-kpi-card::after,
.scc-page-alerts .scc-cc-stat-card::after,
.scc-page-notifications .scc-cc-kpi::after,
.scc-page-notifications .scc-cc-kpi-card::after,
.scc-page-notifications .scc-cc-stat-card::after{
  content:'';
  position:absolute;
  right:-34px;
  bottom:-46px;
  width:116px;
  height:116px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(56,189,248,.10));
  pointer-events:none;
}
.scc-page-project-command .scc-cc-kpi:nth-child(2n)::after,
.scc-page-project-command .scc-cc-kpi-card:nth-child(2n)::after,
.scc-page-project-command .scc-cc-stat-card:nth-child(2n)::after,
.scc-page-action-board .scc-cc-kpi:nth-child(2n)::after,
.scc-page-action-board .scc-cc-kpi-card:nth-child(2n)::after,
.scc-page-action-board .scc-cc-stat-card:nth-child(2n)::after{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(37,99,235,.08));}
.scc-page-project-command .scc-cc-kpi:nth-child(3n)::after,
.scc-page-project-command .scc-cc-kpi-card:nth-child(3n)::after,
.scc-page-project-command .scc-cc-stat-card:nth-child(3n)::after,
.scc-page-alerts .scc-cc-kpi:nth-child(3n)::after,
.scc-page-alerts .scc-cc-kpi-card:nth-child(3n)::after,
.scc-page-alerts .scc-cc-stat-card:nth-child(3n)::after{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(37,99,235,.08));}
.scc-page-activities .scc-cc-kpi::after,
.scc-page-activities .scc-cc-kpi-card::after,
.scc-page-activities .scc-cc-stat-card::after{background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(37,99,235,.08));}
.scc-page-notifications .scc-cc-kpi::after,
.scc-page-notifications .scc-cc-kpi-card::after,
.scc-page-notifications .scc-cc-stat-card::after{background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(37,99,235,.08));}

@media (max-width: 920px){
  .scc-cc-flow-nav,
  .scc-cc-workflow-ribbon,
  .scc-command-workflow,
  .scc-workflow-ribbon{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:9px;
    gap:8px;
  }
  .scc-cc-flow-nav .scc-cc-flow-step,
  .scc-cc-workflow-ribbon .scc-cc-flow-step,
  .scc-command-workflow .scc-cc-flow-step,
  .scc-workflow-ribbon .scc-cc-flow-step,
  .scc-cc-flow-nav .scc-workflow-step,
  .scc-cc-workflow-ribbon .scc-workflow-step{
    flex:0 0 142px;
    height:50px;
  }
  .scc-cc-flow-nav .scc-cc-flow-arrow,
  .scc-cc-workflow-ribbon .scc-cc-flow-arrow,
  .scc-command-workflow .scc-cc-flow-arrow,
  .scc-workflow-ribbon .scc-cc-flow-arrow{
    flex:0 0 10px;
    font-size:13px;
  }
}
@media (max-width: 420px){
  .scc-cc-flow-nav .scc-cc-flow-step,
  .scc-cc-workflow-ribbon .scc-cc-flow-step,
  .scc-command-workflow .scc-cc-flow-step,
  .scc-workflow-ribbon .scc-cc-flow-step,
  .scc-cc-flow-nav .scc-workflow-step,
  .scc-cc-workflow-ribbon .scc-workflow-step{
    flex-basis:132px;
    padding:8px 10px;
  }
}
/* END SCC V33.38 COMMAND CENTER WORKFLOW WIDTH KPI ORB */
/* SCC V33.39 COMMAND CENTER KPI ICON ORB POLISH */
/* Fix the missing icon inside Command Center KPI cards. The workflow nav remains compact; the stronger half-orb/icon language lives in KPI cards. */
.scc-page-project-command .scc-cc-kpi-grid,
.scc-page-action-board .scc-cc-kpi-grid,
.scc-page-activities .scc-cc-kpi-grid,
.scc-page-activity-sla .scc-cc-kpi-grid,
.scc-page-target-sla .scc-cc-kpi-grid,
.scc-page-alerts .scc-cc-kpi-grid,
.scc-page-notifications .scc-cc-kpi-grid{
  align-items:stretch;
}

.scc-page-project-command .scc-cc-kpi,
.scc-page-action-board .scc-cc-kpi,
.scc-page-activities .scc-cc-kpi,
.scc-page-activity-sla .scc-cc-kpi,
.scc-page-target-sla .scc-cc-kpi,
.scc-page-alerts .scc-cc-kpi,
.scc-page-notifications .scc-cc-kpi{
  min-height:112px;
  padding:18px 128px 16px 18px;
  isolation:isolate;
}

.scc-page-project-command .scc-cc-kpi span,
.scc-page-action-board .scc-cc-kpi span,
.scc-page-activities .scc-cc-kpi span,
.scc-page-activity-sla .scc-cc-kpi span,
.scc-page-target-sla .scc-cc-kpi span,
.scc-page-alerts .scc-cc-kpi span,
.scc-page-notifications .scc-cc-kpi span{
  position:relative;
  z-index:2;
  display:block;
  color:#58708e;
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.scc-page-project-command .scc-cc-kpi strong,
.scc-page-action-board .scc-cc-kpi strong,
.scc-page-activities .scc-cc-kpi strong,
.scc-page-activity-sla .scc-cc-kpi strong,
.scc-page-target-sla .scc-cc-kpi strong,
.scc-page-alerts .scc-cc-kpi strong,
.scc-page-notifications .scc-cc-kpi strong{
  position:relative;
  z-index:2;
  display:block;
  margin-top:9px;
  color:#071f44;
  font-size:31px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.scc-page-project-command .scc-cc-kpi small,
.scc-page-action-board .scc-cc-kpi small,
.scc-page-activities .scc-cc-kpi small,
.scc-page-activity-sla .scc-cc-kpi small,
.scc-page-target-sla .scc-cc-kpi small,
.scc-page-alerts .scc-cc-kpi small,
.scc-page-notifications .scc-cc-kpi small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:8px;
  color:#6f86a4;
  font-size:12px;
  font-weight:700;
}

/* Orb background. Keep it decorative, but give it a clear color identity per KPI. */
.scc-page-project-command .scc-cc-kpi::after,
.scc-page-action-board .scc-cc-kpi::after,
.scc-page-activities .scc-cc-kpi::after,
.scc-page-activity-sla .scc-cc-kpi::after,
.scc-page-target-sla .scc-cc-kpi::after,
.scc-page-alerts .scc-cc-kpi::after,
.scc-page-notifications .scc-cc-kpi::after{
  right:-34px;
  bottom:-42px;
  width:130px;
  height:130px;
  opacity:1;
  z-index:0;
  background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.70) 0 22%,rgba(37,99,235,.18) 23% 56%,rgba(37,99,235,.08) 57% 100%);
}

/* The actual KPI icon inside the orb. Uses safe unicode glyphs so it works even when icon-font mapping changes. */
.scc-page-project-command .scc-cc-kpi::before,
.scc-page-action-board .scc-cc-kpi::before,
.scc-page-activities .scc-cc-kpi::before,
.scc-page-activity-sla .scc-cc-kpi::before,
.scc-page-target-sla .scc-cc-kpi::before,
.scc-page-alerts .scc-cc-kpi::before,
.scc-page-notifications .scc-cc-kpi::before{
  position:absolute;
  right:26px;
  bottom:24px;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:18px;
  font-size:28px;
  line-height:1;
  font-weight:800;
  color:#2563eb;
  opacity:.62;
  background:rgba(255,255,255,.42);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38), 0 10px 22px rgba(37,99,235,.08);
  pointer-events:none;
}

/* Project Command KPI icons */
.scc-page-project-command .scc-cc-kpi:nth-child(1)::before{content:'✓'; color:#2563eb;}
.scc-page-project-command .scc-cc-kpi:nth-child(2)::before{content:'◷'; color:#f59e0b;}
.scc-page-project-command .scc-cc-kpi:nth-child(3)::before{content:'!'; color:#ef4444;}
.scc-page-project-command .scc-cc-kpi:nth-child(4)::before{content:'◎'; color:#8b5cf6;}
.scc-page-project-command .scc-cc-kpi:nth-child(1)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(37,99,235,.20) 23% 56%,rgba(37,99,235,.08) 57% 100%);}
.scc-page-project-command .scc-cc-kpi:nth-child(2)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(245,158,11,.22) 23% 56%,rgba(245,158,11,.08) 57% 100%);}
.scc-page-project-command .scc-cc-kpi:nth-child(3)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(239,68,68,.18) 23% 56%,rgba(245,158,11,.07) 57% 100%);}
.scc-page-project-command .scc-cc-kpi:nth-child(4)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(139,92,246,.20) 23% 56%,rgba(37,99,235,.07) 57% 100%);}

/* Action Board */
.scc-page-action-board .scc-cc-kpi:nth-child(1)::before{content:'□'; color:#2563eb;}
.scc-page-action-board .scc-cc-kpi:nth-child(2)::before{content:'◷'; color:#f59e0b;}
.scc-page-action-board .scc-cc-kpi:nth-child(3)::before{content:'◉'; color:#06b6d4;}
.scc-page-action-board .scc-cc-kpi:nth-child(4)::before{content:'✓'; color:#10b981;}
.scc-page-action-board .scc-cc-kpi:nth-child(2)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(245,158,11,.22) 23% 56%,rgba(245,158,11,.08) 57% 100%);}
.scc-page-action-board .scc-cc-kpi:nth-child(3)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(6,182,212,.20) 23% 56%,rgba(6,182,212,.08) 57% 100%);}
.scc-page-action-board .scc-cc-kpi:nth-child(4)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(16,185,129,.20) 23% 56%,rgba(16,185,129,.08) 57% 100%);}

/* Activities */
.scc-page-activities .scc-cc-kpi:nth-child(1)::before{content:'≡'; color:#2563eb;}
.scc-page-activities .scc-cc-kpi:nth-child(2)::before{content:'✎'; color:#14b8a6;}
.scc-page-activities .scc-cc-kpi:nth-child(3)::before{content:'◷'; color:#06b6d4;}
.scc-page-activities .scc-cc-kpi:nth-child(4)::before{content:'↳'; color:#8b5cf6;}
.scc-page-activities .scc-cc-kpi:nth-child(2)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(20,184,166,.20) 23% 56%,rgba(20,184,166,.08) 57% 100%);}
.scc-page-activities .scc-cc-kpi:nth-child(4)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(139,92,246,.18) 23% 56%,rgba(139,92,246,.07) 57% 100%);}

/* Target & SLA */
.scc-page-target-sla .scc-cc-kpi:nth-child(1)::before,
.scc-page-activity-sla .scc-cc-kpi:nth-child(1)::before{content:'◎'; color:#2563eb;}
.scc-page-target-sla .scc-cc-kpi:nth-child(2)::before,
.scc-page-activity-sla .scc-cc-kpi:nth-child(2)::before{content:'!'; color:#f59e0b;}
.scc-page-target-sla .scc-cc-kpi:nth-child(3)::before,
.scc-page-activity-sla .scc-cc-kpi:nth-child(3)::before{content:'⚑'; color:#ef4444;}
.scc-page-target-sla .scc-cc-kpi:nth-child(4)::before,
.scc-page-activity-sla .scc-cc-kpi:nth-child(4)::before{content:'→'; color:#10b981;}
.scc-page-target-sla .scc-cc-kpi:nth-child(2)::after,
.scc-page-activity-sla .scc-cc-kpi:nth-child(2)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(245,158,11,.22) 23% 56%,rgba(245,158,11,.08) 57% 100%);}
.scc-page-target-sla .scc-cc-kpi:nth-child(3)::after,
.scc-page-activity-sla .scc-cc-kpi:nth-child(3)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(239,68,68,.18) 23% 56%,rgba(239,68,68,.07) 57% 100%);}
.scc-page-target-sla .scc-cc-kpi:nth-child(4)::after,
.scc-page-activity-sla .scc-cc-kpi:nth-child(4)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(16,185,129,.18) 23% 56%,rgba(16,185,129,.07) 57% 100%);}

/* Alerts */
.scc-page-alerts .scc-cc-kpi:nth-child(1)::before{content:'!'; color:#ef4444;}
.scc-page-alerts .scc-cc-kpi:nth-child(2)::before{content:'▲'; color:#f59e0b;}
.scc-page-alerts .scc-cc-kpi:nth-child(3)::before{content:'✓'; color:#10b981;}
.scc-page-alerts .scc-cc-kpi:nth-child(4)::before{content:'×'; color:#64748b;}
.scc-page-alerts .scc-cc-kpi:nth-child(1)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(239,68,68,.20) 23% 56%,rgba(239,68,68,.08) 57% 100%);}
.scc-page-alerts .scc-cc-kpi:nth-child(2)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(245,158,11,.22) 23% 56%,rgba(245,158,11,.08) 57% 100%);}
.scc-page-alerts .scc-cc-kpi:nth-child(3)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(16,185,129,.20) 23% 56%,rgba(16,185,129,.08) 57% 100%);}
.scc-page-alerts .scc-cc-kpi:nth-child(4)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(100,116,139,.18) 23% 56%,rgba(100,116,139,.07) 57% 100%);}

/* Notifications */
.scc-page-notifications .scc-cc-kpi:nth-child(1)::before{content:'●'; color:#2563eb;}
.scc-page-notifications .scc-cc-kpi:nth-child(2)::before{content:'◷'; color:#06b6d4;}
.scc-page-notifications .scc-cc-kpi:nth-child(3)::before{content:'⚙'; color:#8b5cf6;}
.scc-page-notifications .scc-cc-kpi:nth-child(4)::before{content:'▣'; color:#64748b;}
.scc-page-notifications .scc-cc-kpi:nth-child(2)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(6,182,212,.20) 23% 56%,rgba(6,182,212,.08) 57% 100%);}
.scc-page-notifications .scc-cc-kpi:nth-child(3)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(139,92,246,.20) 23% 56%,rgba(139,92,246,.08) 57% 100%);}
.scc-page-notifications .scc-cc-kpi:nth-child(4)::after{background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.72) 0 22%,rgba(100,116,139,.18) 23% 56%,rgba(100,116,139,.07) 57% 100%);}

/* Keep workflow visually clean and full-width; do not let the workflow compete with KPI cards. */
.scc-cc-flow-nav .scc-cc-flow-step::after,
.scc-cc-workflow-ribbon .scc-cc-flow-step::after,
.scc-command-workflow .scc-cc-flow-step::after,
.scc-workflow-ribbon .scc-cc-flow-step::after,
.scc-cc-flow-nav .scc-workflow-step::after,
.scc-cc-workflow-ribbon .scc-workflow-step::after,
.scc-command-workflow .scc-workflow-step::after,
.scc-workflow-ribbon .scc-workflow-step::after{
  opacity:.045;
}
.scc-cc-flow-nav,
.scc-cc-workflow-ribbon,
.scc-command-workflow,
.scc-workflow-ribbon{
  margin-top:8px;
  margin-bottom:14px;
}

@media (max-width: 920px){
  .scc-page-project-command .scc-cc-kpi,
  .scc-page-action-board .scc-cc-kpi,
  .scc-page-activities .scc-cc-kpi,
  .scc-page-activity-sla .scc-cc-kpi,
  .scc-page-target-sla .scc-cc-kpi,
  .scc-page-alerts .scc-cc-kpi,
  .scc-page-notifications .scc-cc-kpi{
    min-height:104px;
    padding:16px 92px 14px 15px;
  }
  .scc-page-project-command .scc-cc-kpi::after,
  .scc-page-action-board .scc-cc-kpi::after,
  .scc-page-activities .scc-cc-kpi::after,
  .scc-page-activity-sla .scc-cc-kpi::after,
  .scc-page-target-sla .scc-cc-kpi::after,
  .scc-page-alerts .scc-cc-kpi::after,
  .scc-page-notifications .scc-cc-kpi::after{
    right:-42px;
    bottom:-48px;
    width:118px;
    height:118px;
  }
  .scc-page-project-command .scc-cc-kpi::before,
  .scc-page-action-board .scc-cc-kpi::before,
  .scc-page-activities .scc-cc-kpi::before,
  .scc-page-activity-sla .scc-cc-kpi::before,
  .scc-page-target-sla .scc-cc-kpi::before,
  .scc-page-alerts .scc-cc-kpi::before,
  .scc-page-notifications .scc-cc-kpi::before{
    right:16px;
    bottom:20px;
    width:38px;
    height:38px;
    border-radius:14px;
    font-size:23px;
  }
}
@media (max-width: 420px){
  .scc-page-project-command .scc-cc-kpi,
  .scc-page-action-board .scc-cc-kpi,
  .scc-page-activities .scc-cc-kpi,
  .scc-page-activity-sla .scc-cc-kpi,
  .scc-page-target-sla .scc-cc-kpi,
  .scc-page-alerts .scc-cc-kpi,
  .scc-page-notifications .scc-cc-kpi{
    min-height:98px;
    padding:14px 72px 13px 14px;
  }
  .scc-page-project-command .scc-cc-kpi strong,
  .scc-page-action-board .scc-cc-kpi strong,
  .scc-page-activities .scc-cc-kpi strong,
  .scc-page-activity-sla .scc-cc-kpi strong,
  .scc-page-target-sla .scc-cc-kpi strong,
  .scc-page-alerts .scc-cc-kpi strong,
  .scc-page-notifications .scc-cc-kpi strong{font-size:27px;}
  .scc-page-project-command .scc-cc-kpi::before,
  .scc-page-action-board .scc-cc-kpi::before,
  .scc-page-activities .scc-cc-kpi::before,
  .scc-page-activity-sla .scc-cc-kpi::before,
  .scc-page-target-sla .scc-cc-kpi::before,
  .scc-page-alerts .scc-cc-kpi::before,
  .scc-page-notifications .scc-cc-kpi::before{
    right:12px;
    bottom:18px;
    width:32px;
    height:32px;
    border-radius:12px;
    font-size:20px;
  }
}
/* END SCC V33.39 COMMAND CENTER KPI ICON ORB POLISH */

/* V33.46 Command Center Project Common Spacing Calibration
   Reference: Performance Overview common rhythm.
   Performance common comparison:
   - page gap: 16px
   - context card padding: 14px 16px
   - context gap: 14px
   - KPI grid gap: 14px
   - KPI card: min-height 96px, padding 14px, radius 16px
   - KPI orb: 88x88, right -28px, bottom -36px
   - KPI icon: one icon only, right 15px, bottom 14px, font 27px
*/
.scc-cc-page{--cc-blue:#2563eb;--cc-navy:#071f44;--cc-muted:#5d718e;--cc-border:#d6e5f7;display:flex!important;flex-direction:column!important;gap:16px!important;color:#0b2144!important;}
.scc-cc-page *{box-sizing:border-box;}
.scc-cc-page .scc-cc-unified-head{position:relative!important;overflow:hidden!important;margin:0!important;padding:14px 16px!important;border:1px solid var(--cc-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,40,80,.045)!important;}
.scc-cc-page .scc-cc-unified-head:before,.scc-cc-page .scc-cc-unified-head:after{display:none!important;content:none!important;}
.scc-cc-page .scc-cc-flow-track{position:relative!important;display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.scc-cc-page .scc-cc-flow-step{position:relative!important;min-height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:8px 12px!important;border:1px solid #d6e5f7!important;border-radius:16px!important;background:#fff!important;color:#17345f!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(15,40,80,.035)!important;overflow:hidden!important;}
.scc-cc-page .scc-cc-flow-step:before,.scc-cc-page .scc-cc-flow-step:after{display:none!important;content:none!important;}
.scc-cc-page .scc-cc-flow-step.is-active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 12px 26px rgba(37,99,235,.16)!important;}
.scc-cc-page .scc-cc-flow-ico{width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef5ff!important;color:#2563eb!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.12)!important;}
.scc-cc-page .scc-cc-flow-step.is-active .scc-cc-flow-ico{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;}
.scc-cc-page .scc-cc-flow-ico i{font-size:14px!important;line-height:1!important;}
.scc-cc-page .scc-cc-flow-copy{display:flex!important;flex-direction:column!important;line-height:1.08!important;min-width:0!important;}
.scc-cc-page .scc-cc-flow-copy strong{font-size:12px!important;font-weight:900!important;line-height:1.15!important;color:inherit!important;white-space:nowrap!important;}
.scc-cc-page .scc-cc-flow-copy small{font-size:10.5px!important;font-weight:800!important;color:#60718c!important;margin-top:3px!important;white-space:nowrap!important;}
.scc-cc-page .scc-cc-flow-step.is-active .scc-cc-flow-copy small{color:rgba(255,255,255,.82)!important;}
.scc-cc-page .scc-cc-flow-arrow{font-style:normal!important;color:#a0b5d1!important;font-weight:900!important;font-size:15px!important;line-height:1!important;}
.scc-cc-page .scc-cc-unified-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding-top:12px!important;border-top:1px solid #e7eef8!important;}
.scc-cc-page .scc-cc-unified-top .scc-common-chip-row{flex:1;min-width:0;}
.scc-cc-page .scc-cc-unified-top .scc-common-actions{flex:0 0 auto;}

/* KPI: match Project Common / Performance Overview measurements exactly */
.scc-cc-page .scc-cc-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important;align-items:stretch!important;}
.scc-cc-page .scc-cc-kpi{position:relative!important;min-height:96px!important;overflow:hidden!important;padding:14px!important;border:1px solid #d6e5f7!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,40,80,.04)!important;display:block!important;}
.scc-cc-page .scc-cc-kpi i,.scc-cc-page .scc-cc-kpi svg,.scc-cc-page .scc-cc-kpi .bi,.scc-cc-page .scc-cc-kpi .kpi-icon,.scc-cc-page .scc-cc-kpi .scc-kpi-icon,.scc-cc-page .scc-cc-kpi .scc-cc-kpi-icon,.scc-cc-page .scc-cc-kpi .icon,.scc-cc-page .scc-cc-kpi .scc-icon,.scc-cc-page .scc-cc-kpi .orb,.scc-cc-page .scc-cc-kpi .kpi-orb{display:none!important;}
.scc-cc-page .scc-cc-kpi:before{content:""!important;position:absolute!important;right:-28px!important;bottom:-36px!important;top:auto!important;left:auto!important;transform:none!important;width:88px!important;height:88px!important;border-radius:50%!important;background:#eef5ff!important;z-index:0!important;opacity:1!important;box-shadow:none!important;filter:none!important;}
.scc-cc-page .scc-cc-kpi:after{content:""!important;position:absolute!important;right:15px!important;bottom:14px!important;top:auto!important;left:auto!important;transform:none!important;z-index:1!important;color:#b8d4fb!important;font-size:27px!important;line-height:1!important;font-weight:900!important;width:auto!important;height:auto!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.scc-cc-page .scc-cc-kpi > span,.scc-cc-page .scc-cc-kpi > strong,.scc-cc-page .scc-cc-kpi > small{position:relative!important;z-index:2!important;display:block!important;max-width:calc(100% - 62px)!important;margin-left:0!important;margin-right:0!important;}
.scc-cc-page .scc-cc-kpi > span{color:#5d718e!important;font-size:11px!important;line-height:1.25!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin:0 0 7px!important;height:auto!important;min-height:0!important;overflow:hidden!important;}
.scc-cc-page .scc-cc-kpi > strong{color:#071f44!important;font-size:24px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.04em!important;margin:0 0 7px!important;}
.scc-cc-page .scc-cc-kpi > small{color:#536983!important;font-size:11.5px!important;line-height:1.25!important;font-weight:700!important;margin:0!important;height:auto!important;min-height:0!important;overflow:hidden!important;}

/* Context icon/color map. One pseudo icon only. */
.scc-cc-sla .scc-cc-kpi:nth-child(1):after{content:"☷"!important;color:#b8d4fb!important}.scc-cc-sla .scc-cc-kpi:nth-child(1):before{background:#eef5ff!important}
.scc-cc-sla .scc-cc-kpi:nth-child(2):after{content:"◷"!important;color:#9de3da!important}.scc-cc-sla .scc-cc-kpi:nth-child(2):before{background:#e8fbf7!important}
.scc-cc-sla .scc-cc-kpi:nth-child(3):after{content:"!"!important;color:#ffd78b!important}.scc-cc-sla .scc-cc-kpi:nth-child(3):before{background:#fff4df!important}
.scc-cc-sla .scc-cc-kpi:nth-child(4):after{content:"↗"!important;color:#9ee6c2!important}.scc-cc-sla .scc-cc-kpi:nth-child(4):before{background:#e8fbf2!important}
.scc-cc-alerts .scc-cc-kpi:nth-child(1):after{content:"!"!important;color:#f5b7bd!important}.scc-cc-alerts .scc-cc-kpi:nth-child(1):before{background:#ffe7ea!important}
.scc-cc-alerts .scc-cc-kpi:nth-child(2):after{content:"▲"!important;color:#ffd78b!important}.scc-cc-alerts .scc-cc-kpi:nth-child(2):before{background:#fff4df!important}
.scc-cc-alerts .scc-cc-kpi:nth-child(3):after{content:"✓"!important;color:#9ee6c2!important}.scc-cc-alerts .scc-cc-kpi:nth-child(3):before{background:#e8fbf2!important}
.scc-cc-alerts .scc-cc-kpi:nth-child(4):after{content:"×"!important;color:#cbd5e1!important}.scc-cc-alerts .scc-cc-kpi:nth-child(4):before{background:#f1f5f9!important}
.scc-cc-action-board .scc-cc-kpi:nth-child(1):after,.scc-cc-project-command .scc-cc-kpi:nth-child(1):after{content:"☑"!important;color:#b8d4fb!important}.scc-cc-action-board .scc-cc-kpi:nth-child(1):before,.scc-cc-project-command .scc-cc-kpi:nth-child(1):before{background:#eef5ff!important}
.scc-cc-action-board .scc-cc-kpi:nth-child(2):after,.scc-cc-project-command .scc-cc-kpi:nth-child(2):after{content:"◷"!important;color:#ffd78b!important}.scc-cc-action-board .scc-cc-kpi:nth-child(2):before,.scc-cc-project-command .scc-cc-kpi:nth-child(2):before{background:#fff4df!important}
.scc-cc-action-board .scc-cc-kpi:nth-child(3):after,.scc-cc-project-command .scc-cc-kpi:nth-child(3):after{content:"!"!important;color:#f5b7bd!important}.scc-cc-action-board .scc-cc-kpi:nth-child(3):before,.scc-cc-project-command .scc-cc-kpi:nth-child(3):before{background:#ffe7ea!important}
.scc-cc-action-board .scc-cc-kpi:nth-child(4):after,.scc-cc-project-command .scc-cc-kpi:nth-child(4):after{content:"→"!important;color:#9ee6c2!important}.scc-cc-action-board .scc-cc-kpi:nth-child(4):before,.scc-cc-project-command .scc-cc-kpi:nth-child(4):before{background:#e8fbf2!important}
.scc-cc-activities .scc-cc-kpi:nth-child(1):after{content:"☰"!important;color:#b8d4fb!important}.scc-cc-activities .scc-cc-kpi:nth-child(1):before{background:#eef5ff!important}
.scc-cc-activities .scc-cc-kpi:nth-child(2):after{content:"✎"!important;color:#9de3da!important}.scc-cc-activities .scc-cc-kpi:nth-child(2):before{background:#e8fbf7!important}
.scc-cc-activities .scc-cc-kpi:nth-child(3):after{content:"◷"!important;color:#ffd78b!important}.scc-cc-activities .scc-cc-kpi:nth-child(3):before{background:#fff4df!important}
.scc-cc-activities .scc-cc-kpi:nth-child(4):after{content:"✓"!important;color:#9ee6c2!important}.scc-cc-activities .scc-cc-kpi:nth-child(4):before{background:#e8fbf2!important}
.scc-cc-notifications .scc-cc-kpi:nth-child(1):after{content:"●"!important;color:#b8d4fb!important}.scc-cc-notifications .scc-cc-kpi:nth-child(1):before{background:#eef5ff!important}
.scc-cc-notifications .scc-cc-kpi:nth-child(2):after{content:"◷"!important;color:#9de3da!important}.scc-cc-notifications .scc-cc-kpi:nth-child(2):before{background:#e8fbf7!important}
.scc-cc-notifications .scc-cc-kpi:nth-child(3):after{content:"⚙"!important;color:#ffd78b!important}.scc-cc-notifications .scc-cc-kpi:nth-child(3):before{background:#fff4df!important}
.scc-cc-notifications .scc-cc-kpi:nth-child(4):after{content:"×"!important;color:#cbd5e1!important}.scc-cc-notifications .scc-cc-kpi:nth-child(4):before{background:#f1f5f9!important}

/* Keep other Command Center cards on the same vertical rhythm: page gap controls distance. */
.scc-cc-card{background:#fff!important;border:1px solid #d6e5f7!important;border-radius:18px!important;padding:16px!important;box-shadow:0 14px 34px rgba(15,40,80,.045)!important;overflow:hidden!important;}
.scc-cc-card:before{display:none!important;content:none!important;}
.scc-cc-filter{margin:0!important;}
.scc-cc-table-wrap{margin:0!important;}
.scc-cc-kpi-grid + .scc-cc-card,.scc-cc-card + .scc-cc-card{margin-top:0!important;}

@media(max-width:1180px){.scc-cc-page .scc-cc-flow-track{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:2px!important;scrollbar-width:none!important}.scc-cc-page .scc-cc-flow-track::-webkit-scrollbar{display:none}.scc-cc-page .scc-cc-flow-step{min-width:150px!important}.scc-cc-page .scc-cc-flow-arrow{flex:0 0 auto!important}.scc-cc-page .scc-cc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){.scc-cc-page{gap:14px!important}.scc-cc-page .scc-cc-unified-head{padding:13px!important;border-radius:17px!important}.scc-cc-page .scc-cc-unified-top{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.scc-cc-page .scc-cc-unified-top .scc-common-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.scc-cc-page .scc-cc-flow-step{min-width:138px!important;min-height:43px!important}.scc-cc-page .scc-cc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.scc-cc-page .scc-cc-kpi{min-height:88px!important;padding:12px!important}.scc-cc-page .scc-cc-kpi > span{font-size:10.5px!important;margin-bottom:6px!important}.scc-cc-page .scc-cc-kpi > strong{font-size:20px!important;margin-bottom:6px!important}.scc-cc-page .scc-cc-kpi > small{font-size:10.5px!important}.scc-cc-page .scc-cc-kpi:after{font-size:22px!important;right:11px!important;bottom:11px!important}.scc-cc-page .scc-cc-kpi:before{width:74px!important;height:74px!important;right:-24px!important;bottom:-30px!important}.scc-cc-card{padding:13px!important}}
@media(max-width:420px){.scc-cc-page .scc-cc-unified-top .scc-common-actions{grid-template-columns:1fr!important}.scc-cc-page .scc-cc-kpi > span,.scc-cc-page .scc-cc-kpi > strong,.scc-cc-page .scc-cc-kpi > small{max-width:calc(100% - 50px)!important}}
/* /V33.46 Command Center Project Common Spacing Calibration */

/* V33.57 Monitoring Header Safe Recovery Start */
.scc-monitor-role-note,.scc-ga4m-note,.scc-gsc-context-note{display:none!important}
.scc-common-commandbar.scc-monitor-unified-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 12px!important;align-items:center!important;padding:12px 14px!important;min-height:0!important;border-radius:18px!important;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;border:1px solid #d7e6f8!important;box-shadow:0 10px 24px rgba(18,55,100,.045)!important;margin:0!important}
.scc-monitor-unified-header .scc-monitor-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(106px,1fr));gap:10px;align-items:center;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid rgba(197,217,243,.86);overflow:visible}
.scc-monitor-step{position:relative;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #d6e6fa;border-radius:13px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);display:flex;align-items:center;gap:8px;color:#0b2347;text-decoration:none;box-shadow:0 5px 13px rgba(18,55,100,.035);overflow:hidden;transition:.16s ease}.scc-monitor-step:after{content:"";position:absolute;right:-28px;bottom:-32px;width:78px;height:78px;border-radius:999px;background:rgba(37,99,235,.055);pointer-events:none}.scc-monitor-step:hover{border-color:#b7d1fb;transform:translateY(-1px);box-shadow:0 8px 16px rgba(18,55,100,.06)}
.scc-monitor-step-icon{position:relative;z-index:1;width:25px;height:25px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;border:1px solid #cfe2ff;font-size:12px;flex:0 0 auto}.scc-monitor-step-copy{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;line-height:1.05}.scc-monitor-step-copy b{font-size:12px;font-weight:900;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-monitor-step-copy small{margin-top:2px;font-size:10.5px;font-weight:800;color:#5d7597;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-monitor-step.is-active{border-color:#2f6df6;background:linear-gradient(135deg,#2563eb 0%,#3f7cf6 72%,#76a8ff 100%);color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.18)}.scc-monitor-step.is-active:after{background:rgba(255,255,255,.15)}.scc-monitor-step.is-active .scc-monitor-step-icon{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.34);color:#fff}.scc-monitor-step.is-active .scc-monitor-step-copy small{color:rgba(255,255,255,.86)}
.scc-monitor-unified-header>.scc-common-chip-row,.scc-monitor-unified-header .scc-common-chip-row{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0!important;min-width:0}.scc-monitor-unified-header>.scc-common-actions,.scc-monitor-unified-header .scc-common-actions{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0!important}.scc-monitor-unified-header .scc-common-btn{height:34px!important}
@media(max-width:1180px){.scc-monitor-unified-header .scc-monitor-flow{grid-template-columns:repeat(4,minmax(120px,1fr))}}
@media(max-width:920px){.scc-common-commandbar.scc-monitor-unified-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:10px!important}.scc-monitor-unified-header .scc-monitor-flow{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px!important;margin:0!important;scrollbar-width:thin}.scc-monitor-step{min-width:132px}.scc-monitor-unified-header>.scc-common-chip-row,.scc-monitor-unified-header .scc-common-chip-row{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:thin}.scc-monitor-unified-header>.scc-common-actions,.scc-monitor-unified-header .scc-common-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scc-monitor-unified-header .scc-common-actions .scc-common-btn{width:100%;justify-content:center}}
@media(max-width:420px){.scc-monitor-step{min-width:116px;min-height:38px;padding:7px 8px}.scc-monitor-step-icon{width:22px;height:22px;font-size:11px}.scc-monitor-step-copy b{font-size:11.2px}.scc-monitor-step-copy small{font-size:10px}.scc-monitor-unified-header>.scc-common-actions,.scc-monitor-unified-header .scc-common-actions{grid-template-columns:1fr}}
/* V33.57 Monitoring Header Safe Recovery End */

/* V33.61.1 Mobile Runner Guard Start */
@media (max-width:1024px), (hover:none) and (pointer:coarse){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  .app-shell,.main,.content,.scc-ui-page,.scc-ps-page,.scc-wh-page{max-width:100%;min-width:0;overflow-x:hidden;}
  .content{width:100%;}
  .scc-common-commandbar.scc-monitor-unified-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px!important;margin:0 0 14px!important;border-radius:16px!important;overflow:hidden!important;max-width:100%!important;}
  .scc-monitor-unified-header .scc-monitor-flow{display:flex!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;margin:0!important;padding:0 0 8px!important;border-bottom:1px solid rgba(197,217,243,.86)!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  .scc-monitor-unified-header .scc-monitor-flow::-webkit-scrollbar{display:none!important;}
  .scc-monitor-step{flex:0 0 132px!important;min-width:132px!important;max-width:132px!important;min-height:40px!important;padding:7px 9px!important;}
  .scc-monitor-step-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;font-size:11px!important;border-radius:9px!important;}
  .scc-monitor-step-copy{min-width:0!important;}
  .scc-monitor-step-copy b{font-size:11.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .scc-monitor-step-copy small{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .scc-monitor-unified-header>.scc-common-chip-row,
  .scc-monitor-unified-header .scc-common-chip-row{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:2px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  .scc-monitor-unified-header>.scc-common-chip-row::-webkit-scrollbar,
  .scc-monitor-unified-header .scc-common-chip-row::-webkit-scrollbar{display:none!important;}
  .scc-monitor-unified-header .scc-common-chip{flex:0 0 auto!important;max-width:78vw!important;}
  .scc-monitor-unified-header>.scc-common-actions,
  .scc-monitor-unified-header .scc-common-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:8px!important;align-items:stretch!important;justify-content:stretch!important;}
  .scc-monitor-unified-header .scc-common-actions form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;}
  .scc-monitor-unified-header .scc-common-actions .scc-common-btn{width:100%!important;min-width:0!important;justify-content:center!important;}
}
@media (max-width:480px){
  .content{padding-left:10px!important;padding-right:10px!important;}
  .scc-monitor-step{flex-basis:116px!important;min-width:116px!important;max-width:116px!important;min-height:38px!important;padding:7px 8px!important;}
  .scc-monitor-step-icon{width:22px!important;height:22px!important;flex-basis:22px!important;}
  .scc-monitor-step-copy b{font-size:11px!important;}
  .scc-monitor-step-copy small{font-size:9.8px!important;}
  .scc-monitor-unified-header>.scc-common-actions,
  .scc-monitor-unified-header .scc-common-actions{grid-template-columns:1fr!important;}
}
/* V33.61.1 Mobile Runner Guard End */

/* V33.63.1 scoped system integration mobile commandbar guard - start */
/* Scoped only to System + Integration + Account pages to avoid disturbing Monitoring/Command pages. */
@media (max-width: 767.98px){
  body[data-scc-page="integration-overview"] .content.scc-page,
  body[data-scc-page="gsc-settings"] .content.scc-page,
  body[data-scc-page="ga4-settings"] .content.scc-page,
  body[data-scc-page="wp-agent"] .content.scc-page,
  body[data-scc-page="pagespeed-api"] .content.scc-page,
  body[data-scc-page="data-sync-center"] .content.scc-page,
  body[data-scc-page="settings"] .content.scc-page,
  body[data-scc-page="users-access"] .content.scc-page,
  body[data-scc-page="admin-tools-hub"] .content.scc-page,
  body[data-scc-page="users"] .content.scc-page,
  body[data-scc-page="profile"] .content.scc-page,
  body[data-scc-page="change-password"] .content.scc-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body[data-scc-page="integration-overview"] .scc-common-commandbar,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar,
  body[data-scc-page="wp-agent"] .scc-common-commandbar,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar,
  body[data-scc-page="settings"] .scc-common-commandbar,
  body[data-scc-page="users-access"] .scc-common-commandbar,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar,
  body[data-scc-page="users"] .scc-common-commandbar,
  body[data-scc-page="profile"] .scc-common-commandbar,
  body[data-scc-page="change-password"] .scc-common-commandbar{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:9px!important;
    margin-bottom:12px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  body[data-scc-page="integration-overview"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="wp-agent"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="settings"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="users-access"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="users"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="profile"] .scc-common-commandbar .scc-common-chip-row,
  body[data-scc-page="change-password"] .scc-common-commandbar .scc-common-chip-row{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    width:100%!important;
    max-width:100%!important;
  }
  body[data-scc-page="integration-overview"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="wp-agent"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="settings"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="users-access"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="users"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="profile"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar,
  body[data-scc-page="change-password"] .scc-common-commandbar .scc-common-chip-row::-webkit-scrollbar{display:none!important;height:0!important;}
  body[data-scc-page="integration-overview"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="wp-agent"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="settings"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="users-access"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="users"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="profile"] .scc-common-commandbar .scc-common-chip,
  body[data-scc-page="change-password"] .scc-common-commandbar .scc-common-chip{
    flex:0 0 auto!important;
    max-width:min(240px,74vw)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-scc-page="integration-overview"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="wp-agent"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="settings"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="users-access"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="users"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="profile"] .scc-common-commandbar .scc-common-actions,
  body[data-scc-page="change-password"] .scc-common-commandbar .scc-common-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    gap:7px!important;
  }
  body[data-scc-page="integration-overview"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="wp-agent"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="settings"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="users-access"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="users"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="profile"] .scc-common-commandbar .scc-common-actions form,
  body[data-scc-page="change-password"] .scc-common-commandbar .scc-common-actions form{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-scc-page="integration-overview"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="gsc-settings"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="ga4-settings"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="wp-agent"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="pagespeed-api"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="data-sync-center"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="settings"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="users-access"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="admin-tools-hub"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="users"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="profile"] .scc-common-commandbar .scc-common-btn,
  body[data-scc-page="change-password"] .scc-common-commandbar .scc-common-btn{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:38px!important;
    padding:8px 10px!important;
    white-space:normal!important;
    line-height:1.15!important;
    text-align:center!important;
  }
}
@media (max-width: 390px){
  body[data-scc-page="integration-overview"] .content.scc-page,
  body[data-scc-page="gsc-settings"] .content.scc-page,
  body[data-scc-page="ga4-settings"] .content.scc-page,
  body[data-scc-page="wp-agent"] .content.scc-page,
  body[data-scc-page="pagespeed-api"] .content.scc-page,
  body[data-scc-page="data-sync-center"] .content.scc-page,
  body[data-scc-page="settings"] .content.scc-page,
  body[data-scc-page="users-access"] .content.scc-page,
  body[data-scc-page="admin-tools-hub"] .content.scc-page,
  body[data-scc-page="users"] .content.scc-page,
  body[data-scc-page="profile"] .content.scc-page,
  body[data-scc-page="change-password"] .content.scc-page{padding-left:8px!important;padding-right:8px!important;}
}
/* V33.63.1 scoped system integration mobile commandbar guard - end */

/* V33.65 system admin trio responsive guard - start */
/* Scope only: Settings, Users & Roles, Admin Tools Hub. Shared admin UI stays global; module CSS stays minimal. */
body[data-scc-page="settings"] .scc-admin-page,
body[data-scc-page="users-access"] .scc-admin-page,
body[data-scc-page="admin-tools-hub"] .scc-admin-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
body[data-scc-page="settings"] .scc-admin-page *,
body[data-scc-page="users-access"] .scc-admin-page *,
body[data-scc-page="admin-tools-hub"] .scc-admin-page *{box-sizing:border-box;}
body[data-scc-page="settings"] .scc-admin-kpi-grid,
body[data-scc-page="users-access"] .scc-admin-kpi-grid,
body[data-scc-page="admin-tools-hub"] .scc-admin-kpi-grid,
body[data-scc-page="settings"] .scc-admin-card-grid,
body[data-scc-page="users-access"] .scc-admin-card-grid,
body[data-scc-page="admin-tools-hub"] .scc-admin-card-grid,
body[data-scc-page="settings"] .scc-admin-two-col,
body[data-scc-page="users-access"] .scc-admin-two-col,
body[data-scc-page="admin-tools-hub"] .scc-admin-two-col,
body[data-scc-page="settings"] .scc-admin-panel,
body[data-scc-page="users-access"] .scc-admin-panel,
body[data-scc-page="admin-tools-hub"] .scc-admin-panel,
body[data-scc-page="settings"] .scc-admin-hub-card,
body[data-scc-page="users-access"] .scc-admin-hub-card,
body[data-scc-page="admin-tools-hub"] .scc-admin-hub-card,
body[data-scc-page="settings"] .scc-admin-kpi,
body[data-scc-page="users-access"] .scc-admin-kpi,
body[data-scc-page="admin-tools-hub"] .scc-admin-kpi,
body[data-scc-page="settings"] .scc-admin-panel-head>div,
body[data-scc-page="users-access"] .scc-admin-panel-head>div,
body[data-scc-page="admin-tools-hub"] .scc-admin-panel-head>div{
  min-width:0!important;
  max-width:100%!important;
}
body[data-scc-page="settings"] .scc-admin-kpi,
body[data-scc-page="users-access"] .scc-admin-kpi,
body[data-scc-page="admin-tools-hub"] .scc-admin-kpi{
  overflow:hidden!important;
}
body[data-scc-page="settings"] .scc-admin-kpi strong,
body[data-scc-page="users-access"] .scc-admin-kpi strong,
body[data-scc-page="admin-tools-hub"] .scc-admin-kpi strong,
body[data-scc-page="settings"] .scc-admin-kpi small,
body[data-scc-page="users-access"] .scc-admin-kpi small,
body[data-scc-page="admin-tools-hub"] .scc-admin-kpi small,
body[data-scc-page="settings"] .scc-admin-panel-head h2,
body[data-scc-page="users-access"] .scc-admin-panel-head h2,
body[data-scc-page="admin-tools-hub"] .scc-admin-panel-head h2,
body[data-scc-page="settings"] .scc-admin-panel-head p,
body[data-scc-page="users-access"] .scc-admin-panel-head p,
body[data-scc-page="admin-tools-hub"] .scc-admin-panel-head p,
body[data-scc-page="settings"] .scc-admin-hub-card strong,
body[data-scc-page="users-access"] .scc-admin-hub-card strong,
body[data-scc-page="admin-tools-hub"] .scc-admin-hub-card strong,
body[data-scc-page="settings"] .scc-admin-hub-card small,
body[data-scc-page="users-access"] .scc-admin-hub-card small,
body[data-scc-page="admin-tools-hub"] .scc-admin-hub-card small,
body[data-scc-page="settings"] .scc-admin-list-item b,
body[data-scc-page="users-access"] .scc-admin-list-item b,
body[data-scc-page="admin-tools-hub"] .scc-admin-list-item b,
body[data-scc-page="settings"] .scc-admin-list-item small,
body[data-scc-page="users-access"] .scc-admin-list-item small,
body[data-scc-page="admin-tools-hub"] .scc-admin-list-item small{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body[data-scc-page="settings"] .scc-admin-kpi strong,
body[data-scc-page="users-access"] .scc-admin-kpi strong,
body[data-scc-page="admin-tools-hub"] .scc-admin-kpi strong{
  white-space:normal!important;
  line-height:1.1!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body[data-scc-page="settings"] .scc-admin-table-wrap,
body[data-scc-page="users-access"] .scc-admin-table-wrap,
body[data-scc-page="admin-tools-hub"] .scc-admin-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
@media (max-width:1100px){
  body[data-scc-page="settings"] .scc-admin-two-col,
  body[data-scc-page="users-access"] .scc-admin-two-col,
  body[data-scc-page="admin-tools-hub"] .scc-admin-two-col{grid-template-columns:1fr!important;}
  body[data-scc-page="settings"] .scc-admin-kpi-grid,
  body[data-scc-page="users-access"] .scc-admin-kpi-grid,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi-grid,
  body[data-scc-page="settings"] .scc-admin-card-grid,
  body[data-scc-page="users-access"] .scc-admin-card-grid,
  body[data-scc-page="admin-tools-hub"] .scc-admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:860px){
  body[data-scc-page="settings"] .scc-admin-panel-head,
  body[data-scc-page="users-access"] .scc-admin-panel-head,
  body[data-scc-page="admin-tools-hub"] .scc-admin-panel-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  body[data-scc-page="settings"] .scc-admin-panel-head .scc-common-btn,
  body[data-scc-page="users-access"] .scc-admin-panel-head .scc-common-btn,
  body[data-scc-page="admin-tools-hub"] .scc-admin-panel-head .scc-common-btn{
    width:100%!important;
    white-space:normal!important;
    height:auto!important;
    min-height:38px!important;
    line-height:1.15!important;
  }
}
@media (max-width:767.98px){
  body[data-scc-page="settings"] .scc-admin-page,
  body[data-scc-page="users-access"] .scc-admin-page,
  body[data-scc-page="admin-tools-hub"] .scc-admin-page{gap:10px!important;}
  body[data-scc-page="settings"] .scc-admin-kpi-grid,
  body[data-scc-page="users-access"] .scc-admin-kpi-grid,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body[data-scc-page="settings"] .scc-admin-card-grid,
  body[data-scc-page="users-access"] .scc-admin-card-grid,
  body[data-scc-page="admin-tools-hub"] .scc-admin-card-grid{grid-template-columns:1fr!important;gap:10px!important;}
  body[data-scc-page="settings"] .scc-admin-kpi,
  body[data-scc-page="users-access"] .scc-admin-kpi,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi{min-height:106px!important;padding:11px!important;border-radius:15px!important;}
  body[data-scc-page="settings"] .scc-admin-kpi-icon,
  body[data-scc-page="users-access"] .scc-admin-kpi-icon,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi-icon{width:30px!important;height:30px!important;border-radius:11px!important;margin-bottom:2px!important;}
  body[data-scc-page="settings"] .scc-admin-kpi span,
  body[data-scc-page="users-access"] .scc-admin-kpi span,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi span{font-size:9.8px!important;line-height:1.15!important;}
  body[data-scc-page="settings"] .scc-admin-kpi strong,
  body[data-scc-page="users-access"] .scc-admin-kpi strong,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi strong{font-size:18px!important;}
  body[data-scc-page="settings"] .scc-admin-kpi small,
  body[data-scc-page="users-access"] .scc-admin-kpi small,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi small{font-size:10.5px!important;line-height:1.28!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body[data-scc-page="settings"] .scc-admin-panel,
  body[data-scc-page="users-access"] .scc-admin-panel,
  body[data-scc-page="admin-tools-hub"] .scc-admin-panel{padding:12px!important;border-radius:15px!important;}
  body[data-scc-page="settings"] .scc-admin-hub-card,
  body[data-scc-page="users-access"] .scc-admin-hub-card,
  body[data-scc-page="admin-tools-hub"] .scc-admin-hub-card{min-height:0!important;padding:13px!important;border-radius:15px!important;}
  body[data-scc-page="settings"] .scc-admin-list-item,
  body[data-scc-page="users-access"] .scc-admin-list-item,
  body[data-scc-page="admin-tools-hub"] .scc-admin-list-item{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;}
  body[data-scc-page="users-access"] .scc-admin-table{min-width:640px!important;}
}
@media (max-width:430px){
  body[data-scc-page="settings"] .scc-admin-kpi-grid,
  body[data-scc-page="users-access"] .scc-admin-kpi-grid,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi-grid{grid-template-columns:1fr!important;}
  body[data-scc-page="settings"] .scc-admin-kpi,
  body[data-scc-page="users-access"] .scc-admin-kpi,
  body[data-scc-page="admin-tools-hub"] .scc-admin-kpi{min-height:0!important;}
  body[data-scc-page="users-access"] .scc-admin-table{min-width:600px!important;}
}
/* V33.65 system admin trio responsive guard - end */

/* V33.66.2 profile forms-only responsive guard - start */
body[data-scc-page="profile"] .content.scc-page{max-width:100%;overflow-x:hidden;}
body[data-scc-page="profile"] .scc-admin-page,
body[data-scc-page="profile"] .scc-admin-two-col,
body[data-scc-page="profile"] .scc-admin-panel,
body[data-scc-page="profile"] .scc-admin-panel-head>div,
body[data-scc-page="profile"] .scc-admin-field,
body[data-scc-page="profile"] .scc-admin-field input{min-width:0!important;max-width:100%!important;}
body[data-scc-page="profile"] .scc-admin-panel-head h2,
body[data-scc-page="profile"] .scc-admin-panel-head p,
body[data-scc-page="profile"] .scc-admin-field label{overflow-wrap:anywhere!important;}
@media(max-width:767.98px){
  body[data-scc-page="profile"] .content.scc-page{padding-left:10px!important;padding-right:10px!important;}
  body[data-scc-page="profile"] .scc-admin-panel{padding:12px!important;border-radius:15px!important;}
  body[data-scc-page="profile"] .scc-common-btn{width:100%!important;justify-content:center!important;white-space:normal!important;height:auto!important;min-height:40px!important;}
}
@media(max-width:430px){
  body[data-scc-page="profile"] .content.scc-page{padding-left:8px!important;padding-right:8px!important;}
}
/* V33.66.2 profile forms-only responsive guard - end */

/* SCC_V33_68_COMPARE_VISIBILITY_GUARD_START */
.scc-performance-page .scc-kpi-compare,
.scc-gsc-monitor-page .scc-kpi-compare,
.scc-ga4m-page .scc-kpi-compare{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:calc(100% - 46px);
  margin-top:7px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #d9e6f7;
  background:#f8fbff;
  color:#52677f;
  font-size:11px;
  font-style:normal;
  font-weight:850;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.scc-performance-page .scc-kpi-compare--good,
.scc-gsc-monitor-page .scc-kpi-compare--good,
.scc-ga4m-page .scc-kpi-compare--good{background:#ecfdf5;border-color:#bbf7d0;color:#047857;}
.scc-performance-page .scc-kpi-compare--bad,
.scc-gsc-monitor-page .scc-kpi-compare--bad,
.scc-ga4m-page .scc-kpi-compare--bad{background:#fff7ed;border-color:#fed7aa;color:#c2410c;}
.scc-performance-page .scc-kpi-compare--flat,
.scc-gsc-monitor-page .scc-kpi-compare--flat,
.scc-ga4m-page .scc-kpi-compare--flat{background:#f8fafc;border-color:#e2e8f0;color:#64748b;}
.scc-performance-page .scc-kpi-compare--new,
.scc-gsc-monitor-page .scc-kpi-compare--new,
.scc-ga4m-page .scc-kpi-compare--new{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
.scc-performance-page .scc-common-chip-compare,
.scc-gsc-monitor-page .scc-common-chip-compare,
.scc-ga4m-page .scc-common-chip-compare{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;}
@media (max-width:768px){
  .scc-performance-page .scc-kpi-compare,
  .scc-gsc-monitor-page .scc-kpi-compare,
  .scc-ga4m-page .scc-kpi-compare{
    max-width:100%;
    font-size:10px;
    padding:3px 6px;
    white-space:normal;
  }
}
/* SCC_V33_68_COMPARE_VISIBILITY_GUARD_END */

/* V33.72 Monitoring Header Component Normalization Start */
/*
  Shared monitoring header source of truth.
  Structure: row 1 = perspective tabs; row 2 = module chips + module actions.
  Rule: topbar owns project/date/source/compare. Module header only shows data freshness, module state, and context actions.
*/
.scc-common-commandbar.scc-monitor-unified-header{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 14px!important;
  border:1px solid #d7e6f8!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,55,100,.04)!important;
  overflow:hidden!important;
}
.scc-monitor-unified-header .scc-monitor-flow,
.scc-monitor-unified-header .scc-common-chip-row,
.scc-monitor-unified-header .scc-common-actions{box-sizing:border-box!important;min-width:0!important;}
.scc-monitor-unified-header .scc-monitor-flow{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:0 0 8px!important;
  margin:0!important;
  border-bottom:1px solid rgba(197,217,243,.82)!important;
}
.scc-monitor-unified-header .scc-monitor-flow::-webkit-scrollbar,
.scc-monitor-unified-header .scc-common-chip-row::-webkit-scrollbar{display:none!important;height:0!important;}
.scc-monitor-unified-header .scc-monitor-step{
  position:relative!important;
  flex:1 1 0!important;
  min-width:104px!important;
  max-width:180px!important;
  min-height:36px!important;
  padding:7px 8px!important;
  border:1px solid #d6e6fa!important;
  border-radius:12px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#0b2347!important;
  text-decoration:none!important;
  box-shadow:0 4px 10px rgba(18,55,100,.028)!important;
  overflow:hidden!important;
  transform:none!important;
}
.scc-monitor-unified-header .scc-monitor-step:after{display:none!important;content:none!important;}
.scc-monitor-unified-header .scc-monitor-step:hover{transform:none!important;border-color:#b7d1fb!important;}
.scc-monitor-unified-header .scc-monitor-step.is-active{background:linear-gradient(135deg,#2563eb 0%,#3f7cf6 100%)!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 9px 18px rgba(37,99,235,.16)!important;}
.scc-monitor-unified-header .scc-monitor-step-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eff6ff!important;color:#2563eb!important;border:1px solid #cfe2ff!important;font-size:11px!important;}
.scc-monitor-unified-header .scc-monitor-step.is-active .scc-monitor-step-icon{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important;}
.scc-monitor-unified-header .scc-monitor-step-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important;}
.scc-monitor-unified-header .scc-monitor-step-copy b{font-size:11.35px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.012em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.scc-monitor-unified-header .scc-monitor-step-copy small{margin-top:1px!important;font-size:9.75px!important;font-weight:800!important;color:#5d7597!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.scc-monitor-unified-header .scc-monitor-step.is-active .scc-monitor-step-copy small{color:rgba(255,255,255,.86)!important;}
.scc-monitor-unified-header .scc-common-chip{height:28px!important;min-height:28px!important;max-width:min(310px,44vw)!important;padding:0 10px!important;gap:6px!important;border-radius:999px!important;font-size:11.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.scc-monitor-unified-header .scc-common-chip i{font-size:13px!important;flex:0 0 auto!important;}
.scc-monitor-unified-header .scc-common-btn{height:32px!important;min-height:32px!important;border-radius:11px!important;padding:0 11px!important;font-size:11.6px!important;line-height:1!important;white-space:nowrap!important;justify-content:center!important;}
.scc-monitor-unified-header .scc-common-actions form{margin:0!important;min-width:0!important;}
.scc-monitor-unified-header .scc-common-actions input[type="number"]{height:32px!important;max-width:64px!important;border-radius:11px!important;border:1px solid #d7e6f8!important;padding:0 8px!important;font-size:11.5px!important;font-weight:800!important;color:#17345f!important;}
@media (max-width:920px){
  .scc-common-commandbar.scc-monitor-unified-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:10px!important;margin:0 0 12px!important;}
  .scc-monitor-unified-header .scc-monitor-step{flex:0 0 116px!important;min-width:116px!important;max-width:116px!important;}
  .scc-monitor-unified-header .scc-common-chip-row{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 2px!important;margin:0!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  .scc-monitor-unified-header .scc-common-chip{flex:0 0 auto!important;max-width:82vw!important;}
  .scc-monitor-unified-header .scc-common-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:8px!important;align-items:stretch!important;justify-content:stretch!important;}
  .scc-monitor-unified-header .scc-common-actions form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .scc-monitor-unified-header .scc-common-actions .scc-common-btn,.scc-monitor-unified-header .scc-common-actions button.scc-common-btn{width:100%!important;min-width:0!important;}
  .scc-monitor-unified-header .scc-common-actions input[type="number"]{max-width:none!important;width:100%!important;}
}
@media (min-width:921px){
  .scc-common-commandbar.scc-monitor-unified-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-auto-rows:auto!important;align-items:center!important;gap:8px 10px!important;padding:10px 12px!important;}
  .scc-monitor-unified-header .scc-monitor-flow{grid-column:1 / -1!important;grid-row:1!important;}
  .scc-monitor-unified-header > .scc-common-chip-row,
  .scc-monitor-unified-header .scc-common-chip-row{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  .scc-monitor-unified-header .scc-common-chip{flex:0 0 auto!important;}
  .scc-monitor-unified-header > .scc-common-actions,
  .scc-monitor-unified-header .scc-common-actions{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:7px!important;width:auto!important;min-width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;}
  .scc-monitor-unified-header .scc-common-actions form{display:inline-flex!important;align-items:center!important;width:auto!important;gap:7px!important;}
  .scc-monitor-unified-header .scc-common-actions .scc-common-btn,.scc-monitor-unified-header .scc-common-actions button.scc-common-btn{width:auto!important;min-width:auto!important;}
}
@media (max-width:480px){
  .scc-monitor-unified-header .scc-monitor-step{flex-basis:108px!important;min-width:108px!important;max-width:108px!important;}
  .scc-monitor-unified-header .scc-common-actions{grid-template-columns:1fr!important;}
}
/* V33.72 Monitoring Header Component Normalization End */

/* === V33.73 Workspace Sections Header Normalization ===
   Scope: non-monitoring sections that appear in sidebar/dashboard:
   Projects, Command Center, Integrations, System, Account.
   Global owns shared shell/chip/action rhythm; module CSS owns content detail only. */

/* 1) Shared commandbar: Projects, Integrations, System, Account. Monitoring has its own .scc-monitor-unified-header guard. */
.scc-common-commandbar:not(.scc-monitor-unified-header){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px 12px!important;
  width:100%!important;
  min-height:54px!important;
  padding:10px 12px!important;
  margin:0!important;
  border:1px solid #d7e6f8!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 10px 24px rgba(18,55,100,.045)!important;
  overflow:hidden!important;
  max-width:100%!important;
}
.scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-chip-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:0!important;
  margin:0!important;
}
.scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-chip-row::-webkit-scrollbar{display:none!important;height:0!important;}
.scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-chip{
  flex:0 0 auto!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:12.2px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions form{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
}
.scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-btn{
  flex:0 0 auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  font-size:12.2px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* 2) Command Center workflow header. It is a different component, but uses the same chip/action rhythm. */
.scc-cc-page .scc-cc-unified-head{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #d7e6f8!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 10px 24px rgba(18,55,100,.045)!important;
  overflow:hidden!important;
}
.scc-cc-page .scc-cc-flow-track{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  margin:0!important;
  padding:0 0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.scc-cc-page .scc-cc-flow-track::-webkit-scrollbar{display:none!important;height:0!important;}
.scc-cc-page .scc-cc-flow-step{
  flex:0 0 auto!important;
  min-width:136px!important;
  min-height:44px!important;
}
.scc-cc-page .scc-cc-flow-arrow{flex:0 0 auto!important;opacity:.45!important;}
.scc-cc-page .scc-cc-unified-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px 12px!important;
  width:100%!important;
  min-width:0!important;
  padding-top:10px!important;
  border-top:1px solid #e7eef8!important;
}
.scc-cc-page .scc-cc-unified-top .scc-common-chip-row{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  scrollbar-width:none!important;
}
.scc-cc-page .scc-cc-unified-top .scc-common-chip-row::-webkit-scrollbar{display:none!important;height:0!important;}
.scc-cc-page .scc-cc-unified-top .scc-common-actions{
  flex-wrap:nowrap!important;
  min-width:max-content!important;
  justify-content:flex-end!important;
}
.scc-cc-page .scc-cc-unified-top .scc-common-btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:13px!important;
}

/* 3) Section spacing: remove negative-margin tricks from module CSS without editing every module file. */
body[data-scc-page="projects"] .scc-projects-page,
body[data-scc-page="project-integrations"] .scc-project-integrations-page,
body[data-scc-page="integration-overview"] .scc-intg-page,
body[data-scc-page="gsc-settings"] .scc-intg-page,
body[data-scc-page="ga4-settings"] .scc-intg-page,
body[data-scc-page="wp-agent"] .scc-intg-page,
body[data-scc-page="pagespeed-api"] .scc-intg-page,
body[data-scc-page="data-sync-center"] .scc-intg-page,
body[data-scc-page="settings"] .scc-admin-page,
body[data-scc-page="users-access"] .scc-admin-page,
body[data-scc-page="admin-tools-hub"] .scc-admin-page,
body[data-scc-page="users"] .scc-admin-page,
body[data-scc-page="profile"] .scc-admin-page{
  gap:14px!important;
  max-width:100%!important;
}
body[data-scc-page="projects"] .scc-projects-page > .scc-common-commandbar + *,
body[data-scc-page="project-integrations"] .scc-project-integrations-page > .scc-common-commandbar + *,
body[data-scc-page="integration-overview"] .scc-intg-page > .scc-common-commandbar + *,
body[data-scc-page="gsc-settings"] .scc-intg-page > .scc-common-commandbar + *,
body[data-scc-page="ga4-settings"] .scc-intg-page > .scc-common-commandbar + *,
body[data-scc-page="wp-agent"] .scc-intg-page > .scc-common-commandbar + *,
body[data-scc-page="pagespeed-api"] .scc-intg-page > .scc-common-commandbar + *,
body[data-scc-page="data-sync-center"] .scc-intg-page > .scc-common-commandbar + *{
  margin-top:0!important;
}

/* 4) Desktop should be one compact row. Mobile/tablet stacks safely. */
@media (min-width:1025px){
  .scc-common-commandbar:not(.scc-monitor-unified-header){grid-template-columns:minmax(0,1fr) auto!important;}
  .scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions{max-width:44vw!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
  .scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions::-webkit-scrollbar{display:none!important;height:0!important;}
  .scc-cc-page .scc-cc-unified-top{grid-template-columns:minmax(0,1fr) auto!important;}
  .scc-cc-page .scc-cc-unified-top .scc-common-actions{max-width:44vw!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
  .scc-cc-page .scc-cc-unified-top .scc-common-actions::-webkit-scrollbar{display:none!important;height:0!important;}
}
@media (max-width:1024px){
  .scc-common-commandbar:not(.scc-monitor-unified-header){
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions form{display:contents!important;}
  .scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-btn{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;}
  .scc-cc-page .scc-cc-unified-top{grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important;}
  .scc-cc-page .scc-cc-unified-top .scc-common-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .scc-cc-page .scc-cc-unified-top .scc-common-actions form{display:contents!important;}
  .scc-cc-page .scc-cc-unified-top .scc-common-btn{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;}
}
@media (max-width:520px){
  .scc-common-commandbar:not(.scc-monitor-unified-header) .scc-common-actions,
  .scc-cc-page .scc-cc-unified-top .scc-common-actions{grid-template-columns:1fr!important;}
  .scc-cc-page .scc-cc-flow-step{min-width:124px!important;}
}

/* === V33.74 Topbar Date Dropdown Mobile Overlay Fix ===
   Root cause: on tablet/mobile the topbar context becomes a 2-column grid.
   Bootstrap positions .scc-date-menu relative to the date trigger in the right column.
   Because the menu width is calc(100vw - 24px), left:0 from that right column overflows viewport,
   causing horizontal drift; Sync/Reset becomes hard to click. This pins the date menu to the viewport. */
@media (max-width: 991.98px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .scc-topbar .scc-date-dropdown{
    position:static!important;
  }
  .scc-topbar .scc-date-dropdown .scc-date-menu,
  .scc-date-dropdown .scc-date-menu.show{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:calc(env(safe-area-inset-top, 0px) + 96px)!important;
    bottom:auto!important;
    inset:auto 12px auto 12px!important;
    transform:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 112px)!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:1065!important;
    box-sizing:border-box!important;
  }
  .scc-date-menu,
  .scc-date-menu *{
    box-sizing:border-box!important;
  }
  .scc-date-menu-body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
  }
  .scc-date-presets,
  .scc-date-custom-panel{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .scc-date-presets{
    border-right:0!important;
    border-bottom:1px solid #e7eef8!important;
  }
  .scc-date-custom-panel .row{
    margin-left:0!important;
    margin-right:0!important;
  }
  .scc-date-custom-panel .row > [class*="col-"]{
    min-width:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .scc-date-custom-panel input,
  .scc-date-custom-panel select,
  .scc-date-custom-panel .form-control,
  .scc-date-custom-panel .form-select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .scc-date-custom-panel .scc-date-actions,
  .scc-date-custom-panel > .d-flex.gap-2.mt-3{
    position:sticky!important;
    bottom:0!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
    gap:8px!important;
    padding-top:10px!important;
    padding-bottom:2px!important;
    background:linear-gradient(180deg, rgba(255,255,255,.76) 0%, #fff 34%)!important;
    backdrop-filter:saturate(160%) blur(8px)!important;
  }
  .scc-date-custom-panel .scc-date-actions .btn,
  .scc-date-custom-panel > .d-flex.gap-2.mt-3 .btn{
    min-width:0!important;
    width:100%!important;
    white-space:nowrap!important;
    justify-content:center!important;
  }
}
@media (max-width: 520px){
  .scc-topbar .scc-date-dropdown .scc-date-menu,
  .scc-date-dropdown .scc-date-menu.show{
    left:10px!important;
    right:10px!important;
    inset:auto 10px auto 10px!important;
    top:calc(env(safe-area-inset-top, 0px) + 104px)!important;
    max-height:calc(100dvh - 118px)!important;
    border-radius:15px!important;
  }
  .scc-date-menu-head{
    padding:12px 13px!important;
  }
  .scc-date-menu-head strong,
  .scc-date-menu-head span{
    font-size:12px!important;
  }
  .scc-date-custom-panel{
    padding:12px!important;
  }
  .scc-date-custom-panel .scc-date-actions,
  .scc-date-custom-panel > .d-flex.gap-2.mt-3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .scc-date-custom-panel .scc-date-actions #sccResetDateContext,
  .scc-date-custom-panel > .d-flex.gap-2.mt-3 #sccResetDateContext{
    grid-column:1 / -1!important;
  }
}
@media (max-width: 360px){
  .scc-date-custom-panel .row.g-2 > .col-6{
    width:100%!important;
    flex:0 0 100%!important;
    max-width:100%!important;
  }
  .scc-date-custom-panel .scc-date-actions,
  .scc-date-custom-panel > .d-flex.gap-2.mt-3{
    grid-template-columns:1fr!important;
  }
  .scc-date-custom-panel .scc-date-actions #sccResetDateContext,
  .scc-date-custom-panel > .d-flex.gap-2.mt-3 #sccResetDateContext{
    grid-column:auto!important;
  }
}

/* V33.76.2 OAuth Setup Guide - start */
.scc-oauth-page{display:grid;gap:16px;min-width:0;}
.scc-oauth-hero,.scc-oauth-panel,.scc-oauth-quick-panel{background:#fff;border:1px solid #dbe8f8;border-radius:20px;box-shadow:0 16px 40px rgba(15,42,77,.055);padding:18px;min-width:0;}
.scc-oauth-hero span,.scc-oauth-panel-head span,.scc-oauth-quick-head span{display:inline-flex;gap:7px;align-items:center;color:#2563eb;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.scc-oauth-hero h1,.scc-oauth-panel h2,.scc-oauth-quick-panel h2{margin:4px 0 6px;color:#0b2345;font-weight:950;line-height:1.15;}
.scc-oauth-hero p,.scc-oauth-panel p,.scc-oauth-quick-panel p{margin:0;color:#536b89;font-weight:700;line-height:1.48;}
.scc-oauth-panel-head,.scc-oauth-quick-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;}
.scc-oauth-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.scc-oauth-steps>div{border:1px solid #e5edf8;border-radius:16px;background:#f8fbff;padding:13px;min-width:0;}
.scc-oauth-steps b{display:block;color:#0b2345;font-weight:950;margin-bottom:5px;}
.scc-oauth-steps code{background:#fff;border:1px solid #dbe8f8;border-radius:8px;padding:2px 5px;color:#1d4ed8;font-weight:850;}
.scc-oauth-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.scc-oauth-service-card{border:1px solid #dbe8f8;border-radius:18px;background:#fff;padding:15px;display:grid;gap:10px;min-width:0;}
.scc-oauth-service-title{display:flex;align-items:center;gap:10px;min-width:0;}
.scc-oauth-service-title i{width:38px;height:38px;border-radius:14px;background:#eff6ff;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;font-size:18px;}
.scc-oauth-service-title h3{margin:0;color:#0b2345;font-size:16px;font-weight:950;}
.scc-oauth-service-title small{display:block;color:#647895;font-size:12px;font-weight:750;line-height:1.35;}
.scc-oauth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.scc-oauth-code-row code,.scc-oauth-uri-box code{display:block;min-width:0;overflow-wrap:anywhere;border:1px solid #dbe8f8;border-radius:12px;background:#f8fbff;color:#1d4ed8;font-size:12px;font-weight:850;padding:9px 10px;line-height:1.35;}
.scc-oauth-code-row.is-alt code{color:#64748b;background:#f8fafc;}
.scc-oauth-copy{border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;border-radius:12px;padding:9px 12px;font-weight:900;white-space:nowrap;}
.scc-oauth-meta{display:grid;gap:4px;border-top:1px solid #edf3fb;padding-top:9px;}
.scc-oauth-meta b{font-size:12px;color:#0b2345;font-weight:950;}
.scc-oauth-meta span{font-size:12px;color:#536b89;font-weight:750;overflow-wrap:anywhere;}
.scc-oauth-notes{margin:0;padding-left:18px;color:#536b89;font-size:12px;font-weight:750;line-height:1.45;}
.scc-oauth-actions{display:flex;gap:8px;flex-wrap:wrap;}
.scc-oauth-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.scc-oauth-checklist>div{display:flex;gap:9px;align-items:flex-start;border:1px solid #dbe8f8;border-radius:14px;background:#f8fbff;padding:12px;color:#536b89;font-weight:750;}
.scc-oauth-checklist i{color:#16a34a;margin-top:2px;}
.scc-oauth-uri-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff,#f8fbff);border-radius:16px;padding:12px;margin-top:10px;}
.scc-oauth-uri-box.is-muted{background:#f8fafc;border-color:#e5edf8;}
.scc-oauth-uri-box b{display:block;color:#0b2345;font-weight:950;font-size:12px;margin-bottom:6px;}
.scc-oauth-uri-box small{display:block;margin-top:6px;color:#536b89;font-size:11.5px;font-weight:750;line-height:1.4;}
.scc-oauth-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;}
.scc-oauth-mini-grid>div{border:1px solid #e5edf8;background:#fff;border-radius:14px;padding:12px;min-width:0;}
.scc-oauth-mini-grid b{display:block;color:#0b2345;font-size:12px;font-weight:950;margin-bottom:5px;}
.scc-oauth-mini-grid span{display:block;color:#536b89;font-size:12px;font-weight:750;overflow-wrap:anywhere;}
@media(max-width:1180px){.scc-oauth-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.scc-oauth-service-grid{grid-template-columns:1fr;}.scc-oauth-mini-grid{grid-template-columns:1fr;}}
@media(max-width:767.98px){.scc-oauth-page{gap:12px;}.scc-oauth-hero,.scc-oauth-panel,.scc-oauth-quick-panel{padding:13px;border-radius:16px;}.scc-oauth-panel-head,.scc-oauth-quick-head{display:grid;gap:10px;}.scc-oauth-steps,.scc-oauth-checklist{grid-template-columns:1fr;}.scc-oauth-code-row,.scc-oauth-uri-box{grid-template-columns:1fr;}.scc-oauth-copy,.scc-oauth-actions .scc-common-btn,.scc-oauth-quick-head .scc-common-btn{width:100%;justify-content:center;}.scc-oauth-service-title{align-items:flex-start;}}
/* V33.76.2 OAuth Setup Guide - end */

/* V33.76.3 Integration Auth Method Guide Cleanup - start */
.scc-integration-method-panel{border-color:#cfe0f7;background:linear-gradient(180deg,#ffffff,#f8fbff);}
.scc-integration-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.scc-integration-method-grid>div,.scc-integration-method-cards>div{border:1px solid #dbe8f8;background:#fff;border-radius:16px;padding:13px;min-width:0;}
.scc-integration-method-grid b,.scc-integration-method-cards b{display:block;color:#0b2345;font-weight:950;margin-bottom:7px;}
.scc-integration-method-grid ul{margin:0;padding-left:18px;color:#536b89;font-weight:750;line-height:1.45;}
.scc-integration-method-grid li{margin:4px 0;}
.scc-integration-method-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.scc-integration-method-cards span{display:block;color:#0b2345;font-weight:900;line-height:1.35;margin-bottom:5px;}
.scc-integration-method-cards small{display:block;color:#536b89;font-weight:750;line-height:1.42;}
.scc-oauth-page .scc-oauth-hero h1{max-width:980px;}
.scc-oauth-page .scc-oauth-hero p{max-width:1100px;}
@media(max-width:1180px){.scc-integration-method-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:767.98px){.scc-integration-method-grid,.scc-integration-method-cards{grid-template-columns:1fr;}.scc-integration-method-grid>div,.scc-integration-method-cards>div{padding:12px;border-radius:14px;}}
/* V33.76.3 Integration Auth Method Guide Cleanup - end */

/* V33.76.4 Google OAuth Consolidation - start */
.scc-google-oauth-page{display:grid;gap:16px;}
.scc-google-oauth-hero,.scc-google-oauth-panel,.scc-google-oauth-card{border:1px solid #d7e5f8;background:#fff;border-radius:20px;box-shadow:0 16px 40px rgba(15,42,77,.06);}
.scc-google-oauth-hero{padding:22px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#eef6ff 100%);}
.scc-google-oauth-hero span,.scc-google-oauth-panel-head span{display:block;color:#2563eb;font-weight:950;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;}
.scc-google-oauth-hero h1{margin:0 0 8px;color:#0b2345;font-weight:950;font-size:28px;line-height:1.13;}
.scc-google-oauth-hero p{margin:0;color:#536b89;font-weight:750;line-height:1.5;max-width:1080px;}
.scc-google-oauth-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:stretch;}
.scc-google-oauth-panel{padding:18px;min-width:0;}
.scc-google-oauth-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.scc-google-oauth-panel-head h2{margin:0 0 4px;color:#0b2345;font-weight:950;font-size:18px;}
.scc-google-oauth-panel-head p{margin:0;color:#536b89;font-weight:750;line-height:1.42;}
.scc-google-oauth-setup-list{display:grid;gap:10px;}
.scc-google-oauth-setup-list>div{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dbe8f8;border-radius:14px;background:#f8fbff;padding:10px 12px;min-width:0;}
.scc-google-oauth-setup-list b{color:#526987;font-weight:950;}
.scc-google-oauth-setup-list span,.scc-google-oauth-setup-list code{min-width:0;overflow-wrap:anywhere;color:#0b2345;font-weight:800;}
.scc-google-oauth-copy{border:1px solid #cfe0f7;background:#fff;border-radius:12px;padding:8px 12px;color:#0b2345;font-weight:950;white-space:nowrap;}
.scc-google-oauth-method-links{display:grid;gap:10px;}
.scc-google-oauth-method-links a{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:'icon title' 'icon sub';gap:0 10px;align-items:center;text-decoration:none;border:1px solid #dbe8f8;background:#f8fbff;border-radius:14px;padding:12px;color:#0b2345;}
.scc-google-oauth-method-links i{grid-area:icon;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#2563eb;}
.scc-google-oauth-method-links b{grid-area:title;font-weight:950;}
.scc-google-oauth-method-links span{grid-area:sub;color:#536b89;font-weight:750;font-size:12px;}
.scc-google-oauth-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.scc-google-oauth-card{padding:18px;min-width:0;position:relative;overflow:hidden;}
.scc-google-oauth-card:after{content:'';position:absolute;right:-30px;bottom:-34px;width:118px;height:118px;border-radius:50%;background:#eef6ff;pointer-events:none;}
.scc-google-oauth-card.is-connected:after{background:#e9fbf3;}
.scc-google-oauth-card-head{display:flex;align-items:flex-start;gap:12px;position:relative;z-index:1;margin-bottom:14px;}
.scc-google-oauth-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;color:#2563eb;font-size:18px;flex:0 0 auto;}
.scc-google-oauth-card-head h2{margin:0;color:#0b2345;font-weight:950;font-size:18px;}
.scc-google-oauth-card-head p{margin:2px 0 0;color:#536b89;font-weight:800;}
.scc-google-oauth-status{margin-left:auto;border-radius:999px;padding:7px 11px;font-weight:950;font-size:12px;white-space:nowrap;}
.scc-google-oauth-status.ok{background:#eafaf2;color:#047857;border:1px solid #b7efd1;}
.scc-google-oauth-status.warn{background:#fff7ed;color:#b45309;border:1px solid #fed7aa;}
.scc-google-oauth-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;position:relative;z-index:1;}
.scc-google-oauth-meta-grid>div,.scc-google-oauth-uri,.scc-google-oauth-mini{border:1px solid #dbe8f8;background:#f8fbff;border-radius:14px;padding:10px;min-width:0;}
.scc-google-oauth-meta-grid small,.scc-google-oauth-uri b,.scc-google-oauth-mini b{display:block;color:#637795;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;}
.scc-google-oauth-meta-grid b,.scc-google-oauth-mini span{display:block;color:#0b2345;font-weight:900;overflow-wrap:anywhere;}
.scc-google-oauth-uri{display:grid;gap:7px;margin-bottom:10px;position:relative;z-index:1;}
.scc-google-oauth-uri>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.scc-google-oauth-uri code{display:block;overflow-wrap:anywhere;color:#0b2345;font-weight:800;background:transparent;padding:0;}
.scc-google-oauth-uri small{color:#536b89;font-weight:750;overflow-wrap:anywhere;}
.scc-google-oauth-mini{margin-bottom:8px;position:relative;z-index:1;}
.scc-google-oauth-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1;margin-top:12px;}
.scc-google-oauth-actions .scc-common-btn{flex:1 1 160px;justify-content:center;}
@media(max-width:1180px){.scc-google-oauth-grid,.scc-google-oauth-services{grid-template-columns:1fr;}.scc-google-oauth-setup-list>div{grid-template-columns:1fr;}}
@media(max-width:767.98px){.scc-google-oauth-page{gap:12px;}.scc-google-oauth-hero,.scc-google-oauth-panel,.scc-google-oauth-card{border-radius:16px;padding:14px;}.scc-google-oauth-hero h1{font-size:22px;}.scc-google-oauth-card-head{display:grid;grid-template-columns:42px minmax(0,1fr);}.scc-google-oauth-status{margin-left:0;grid-column:1 / -1;width:max-content;}.scc-google-oauth-meta-grid{grid-template-columns:1fr;}.scc-google-oauth-uri>div{grid-template-columns:1fr;}.scc-google-oauth-copy{width:100%;}.scc-google-oauth-actions{display:grid;grid-template-columns:1fr;}.scc-google-oauth-actions .scc-common-btn{width:100%;}}
/* V33.76.4 Google OAuth Consolidation - end */