/* Core Connect Phase 33F.19B.1 — Calm Operations Design System Completion
   Canonical visual layer for the approved Core Connect shell and components.
   Loaded last. Backend contracts and workflow rules remain unchanged. */
:root{
  /* Final colour palette */
  --cc-navy-950:#050b16;
  --cc-navy-900:#081020;
  --cc-navy-800:#0b132b;
  --cc-navy-700:#17284a;
  --cc-navy-600:#294064;
  --cc-blue-900:#1e40af;
  --cc-blue-800:#1d4ed8;
  --cc-blue-700:#2563eb;
  --cc-blue-600:#3b82f6;
  --cc-blue-100:#dbeafe;
  --cc-blue-50:#eff6ff;
  --cc-cyan-500:#36a8e8;
  --cc-grey-950:#101828;
  --cc-grey-900:#182230;
  --cc-grey-800:#344054;
  --cc-grey-700:#475467;
  --cc-grey-600:#667085;
  --cc-grey-500:#7f8b9b;
  --cc-grey-400:#98a2b3;
  --cc-grey-300:#c9d3df;
  --cc-grey-250:#d5dde6;
  --cc-grey-200:#dce3ea;
  --cc-grey-150:#e7ecf1;
  --cc-grey-100:#eef2f6;
  --cc-grey-75:#f3f6f9;
  --cc-grey-50:#f7f9fc;
  --cc-white:#ffffff;
  --cc-green-700:#137a4d;
  --cc-green-600:#179c63;
  --cc-green-50:#e8f7ef;
  --cc-amber-700:#a9630b;
  --cc-amber-600:#d99016;
  --cc-amber-50:#fff5dc;
  --cc-red-700:#a73535;
  --cc-red-600:#c74444;
  --cc-red-50:#fff0f0;

  --cc-bg:var(--cc-grey-75);
  --cc-surface:var(--cc-white);
  --cc-surface-soft:var(--cc-grey-50);
  --cc-surface-muted:var(--cc-grey-100);
  --cc-text:var(--cc-grey-900);
  --cc-text-soft:var(--cc-grey-700);
  --cc-muted:var(--cc-grey-600);
  --cc-border:var(--cc-grey-200);
  --cc-border-strong:var(--cc-grey-300);
  --cc-primary:var(--cc-blue-700);
  --cc-primary-dark:var(--cc-blue-800);
  --cc-primary-soft:var(--cc-blue-50);
  --cc-cyan:var(--cc-cyan-500);
  --cc-success:var(--cc-green-600);
  --cc-success-soft:var(--cc-green-50);
  --cc-warning:var(--cc-amber-600);
  --cc-warning-soft:var(--cc-amber-50);
  --cc-danger:var(--cc-red-600);
  --cc-danger-soft:var(--cc-red-50);
  --cc-sidebar:var(--cc-navy-800);
  --cc-sidebar-deep:var(--cc-navy-900);
  --cc-sidebar-hover:var(--cc-navy-700);
  --cc-sidebar-active:#1e467b;

  /* Final typography system */
  --cc-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cc-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --cc-font-size-2xs:11px;
  --cc-font-size-xs:12px;
  --cc-font-size-sm:13px;
  --cc-font-size-md:14px;
  --cc-font-size-lg:16px;
  --cc-font-size-xl:18px;
  --cc-font-size-2xl:22px;
  --cc-font-size-3xl:28px;
  --cc-font-size-4xl:36px;
  --cc-line-tight:1.18;
  --cc-line-heading:1.28;
  --cc-line-body:1.5;
  --cc-weight-regular:400;
  --cc-weight-medium:550;
  --cc-weight-semibold:650;
  --cc-weight-bold:750;
  --cc-weight-heavy:850;

  /* Final spacing system — 4px base */
  --cc-space-0:0;
  --cc-space-1:4px;
  --cc-space-2:8px;
  --cc-space-3:12px;
  --cc-space-4:16px;
  --cc-space-5:20px;
  --cc-space-6:24px;
  --cc-space-7:28px;
  --cc-space-8:32px;
  --cc-space-10:40px;
  --cc-space-12:48px;
  --cc-space-16:64px;

  --cc-radius-xs:7px;
  --cc-radius-sm:9px;
  --cc-radius-md:12px;
  --cc-radius-lg:16px;
  --cc-radius-xl:20px;
  --cc-shadow-xs:0 1px 2px rgba(16,24,40,.035);
  --cc-shadow-sm:0 5px 16px rgba(16,24,40,.05);
  --cc-shadow-md:0 14px 36px rgba(16,24,40,.085);
  --cc-shadow-lg:0 24px 60px rgba(16,24,40,.14);
  --cc-sidebar-width:260px;
  --cc-sidebar-compact:78px;
  --cc-topbar-height:72px;
  --cc-content-max:1680px;
  --cc-control-height:40px;
  --cc-control-height-mobile:44px;
  --cc-transition:150ms ease;

  /* Legacy token bridge */
  --bg:var(--cc-bg);
  --surface:var(--cc-surface);
  --surface-2:var(--cc-surface-muted);
  --card:var(--cc-surface);
  --ink:var(--cc-text);
  --muted:var(--cc-muted);
  --line:var(--cc-border);
  --line-strong:var(--cc-border-strong);
  --shadow:var(--cc-shadow-sm);
  --radius:var(--cc-radius-lg);
}

html{background:var(--cc-bg);font-size:16px}
body.cc-calm-operations{
  margin:0;
  background:var(--cc-bg)!important;
  color:var(--cc-text);
  font-family:var(--cc-font-sans);
  font-size:var(--cc-font-size-md);
  line-height:var(--cc-line-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.cc-calm-operations *,body.cc-calm-operations *::before,body.cc-calm-operations *::after{box-sizing:border-box}
body.cc-calm-operations *{scrollbar-width:thin;scrollbar-color:#b6c0cc transparent}
body.cc-calm-operations *::-webkit-scrollbar{width:10px;height:10px}
body.cc-calm-operations *::-webkit-scrollbar-thumb{background:#b6c0cc;border:3px solid transparent;background-clip:padding-box;border-radius:999px}
body.cc-calm-operations :focus-visible{outline:3px solid rgba(40,120,232,.28)!important;outline-offset:2px}
body.cc-calm-operations button,
body.cc-calm-operations .btn,
body.cc-calm-operations .nav-btn,
body.cc-calm-operations .icon-btn,
body.cc-calm-operations summary,
body.cc-calm-operations a{transition:background-color var(--cc-transition),border-color var(--cc-transition),color var(--cc-transition),box-shadow var(--cc-transition),transform var(--cc-transition)}
body.cc-calm-operations h1,body.cc-calm-operations h2,body.cc-calm-operations h3,body.cc-calm-operations h4{font-family:var(--cc-font-sans);color:var(--cc-text);line-height:var(--cc-line-heading)}
body.cc-calm-operations p{color:var(--cc-text-soft)}
body.cc-calm-operations code,body.cc-calm-operations pre{font-family:var(--cc-font-mono)}

/* Approved application shell */
body.cc-calm-operations .shell{grid-template-columns:var(--cc-sidebar-width) minmax(0,1fr)!important;background:var(--cc-bg)!important}
body.cc-calm-operations .workspace{min-width:0;background:var(--cc-bg)!important}
body.cc-calm-operations .sidebar{background:linear-gradient(180deg,var(--cc-sidebar) 0%,var(--cc-sidebar-deep) 100%)!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:8px 0 28px rgba(16,24,40,.09)!important}
body.cc-calm-operations .side-head{min-height:88px!important;height:88px!important;padding:0 var(--cc-space-5)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;gap:var(--cc-space-3)!important}
body.cc-calm-operations .side-head .brand-logo29i3,body.cc-calm-operations .side-head .logo{width:46px!important;height:46px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;flex:0 0 46px;overflow:visible!important}
body.cc-calm-operations .side-head strong{font-size:var(--cc-font-size-xl)!important;font-weight:var(--cc-weight-bold)!important;letter-spacing:-.015em;color:#fff!important}
body.cc-calm-operations .side-head span{font-size:var(--cc-font-size-xs)!important;color:#aeb9c7!important;margin-top:3px}
body.cc-calm-operations .side-nav{flex:1 1 auto!important;min-height:0!important;padding:18px 12px 14px!important;gap:14px!important}
body.cc-calm-operations .nav-group{gap:5px!important;padding:0!important}
body.cc-calm-operations .nav-group-title{padding:0 11px 6px!important;color:#7f91a6!important;font-size:10px!important;font-weight:var(--cc-weight-heavy)!important;letter-spacing:.11em!important;text-transform:uppercase!important}
body.cc-calm-operations .nav-btn{width:100%;min-height:46px!important;padding:9px 12px!important;border:0!important;border-radius:10px!important;color:#dbe4ef!important;background:transparent!important;font-size:var(--cc-font-size-md)!important;font-weight:var(--cc-weight-semibold)!important;gap:12px!important;box-shadow:none!important}
body.cc-calm-operations .nav-btn:hover{transform:none!important;background:var(--cc-sidebar-hover)!important;color:#fff!important}
body.cc-calm-operations .nav-btn.active{background:linear-gradient(90deg,var(--cc-sidebar-active),#1b3f70)!important;color:#fff!important;box-shadow:inset 3px 0 0 #4b9cff,0 8px 22px rgba(0,0,0,.13)!important}
body.cc-calm-operations .nav-ico{width:28px!important;height:28px!important;flex:0 0 28px;border-radius:8px!important;background:rgba(255,255,255,.065)!important;color:#c8d4e1!important;font-size:0!important;display:grid!important;place-items:center!important}
body.cc-calm-operations .nav-ico svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.cc-calm-operations .nav-btn.active .nav-ico{background:rgba(75,156,255,.18)!important;color:#75b3ff!important}
body.cc-calm-operations .health,body.cc-calm-operations .side-foot{display:none!important}
body.cc-calm-operations .cc-sidebar-secondary{margin-top:auto;padding:12px 12px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08)}
body.cc-calm-operations .cc-advanced-nav{position:relative;color:#dbe4ef}
body.cc-calm-operations .cc-advanced-nav>summary{list-style:none;min-height:46px;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:var(--cc-font-size-md);font-weight:var(--cc-weight-semibold);color:#dbe4ef}
body.cc-calm-operations .cc-advanced-nav>summary::-webkit-details-marker{display:none}
body.cc-calm-operations .cc-advanced-nav>summary:hover,body.cc-calm-operations .cc-advanced-nav[open]>summary{background:var(--cc-sidebar-hover);color:#fff}
body.cc-calm-operations .cc-advanced-nav-icon{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.065);display:grid;place-items:center;color:#c8d4e1}
body.cc-calm-operations .cc-advanced-nav-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.cc-calm-operations .cc-advanced-nav-label{flex:1}
body.cc-calm-operations .cc-advanced-nav-chevron{font-size:15px;color:#91a2b6;transition:transform var(--cc-transition)}
body.cc-calm-operations .cc-advanced-nav[open] .cc-advanced-nav-chevron{transform:rotate(90deg)}
body.cc-calm-operations .cc-advanced-nav-panel{display:grid;gap:4px;padding:7px 0 0 10px}
body.cc-calm-operations .cc-advanced-nav-panel .nav-btn{min-height:40px!important;font-size:var(--cc-font-size-sm)!important;padding-block:7px!important}
body.cc-calm-operations .cc-advanced-nav.is-active>summary{background:var(--cc-sidebar-active);color:#fff}

/* Top bar and navigation controls */
body.cc-calm-operations .topbar{height:var(--cc-topbar-height)!important;flex-basis:var(--cc-topbar-height)!important;padding:0 22px!important;gap:14px!important;color:var(--cc-text)!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--cc-border)!important;box-shadow:0 2px 12px rgba(16,24,40,.035)!important;backdrop-filter:blur(12px)}
body.cc-calm-operations .menu{border:1px solid var(--cc-border)!important;background:#fff!important;color:var(--cc-text)!important;box-shadow:var(--cc-shadow-xs)!important}
body.cc-calm-operations .mobile-brand strong{color:var(--cc-text)!important}body.cc-calm-operations .mobile-brand small{color:var(--cc-muted)!important}
body.cc-calm-operations .search{position:relative;max-width:560px!important;min-height:44px;border:1px solid var(--cc-border-strong)!important;background:#fff!important;color:#6f7d90!important;border-radius:10px!important;padding:0 12px!important;box-shadow:var(--cc-shadow-xs)!important}
body.cc-calm-operations .search:focus-within{border-color:#8bb8f1!important;box-shadow:0 0 0 3px rgba(40,120,232,.11)!important}
body.cc-calm-operations .search input{color:var(--cc-text)!important;padding:11px 56px 11px 2px!important;font-size:var(--cc-font-size-md)!important}
body.cc-calm-operations .search input::placeholder{color:var(--cc-grey-400)!important}
body.cc-calm-operations .cc-search-shortcut{position:absolute;right:9px;top:50%;transform:translateY(-50%);min-width:39px;padding:3px 6px;border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-surface-soft);color:#7b8797;font-size:var(--cc-font-size-2xs);text-align:center}
body.cc-calm-operations .top-actions{gap:10px!important}
body.cc-calm-operations .top-actions>#refresh,body.cc-calm-operations .top-actions>.icon-btn{display:none!important}
body.cc-calm-operations .cc-attention-button,body.cc-calm-operations .cc-company-switcher,body.cc-calm-operations .cc-user-menu-summary{min-height:44px!important;border:1px solid var(--cc-border)!important;background:#fff!important;color:var(--cc-text)!important;border-radius:10px!important;box-shadow:var(--cc-shadow-xs)!important}
body.cc-calm-operations .cc-attention-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;font-size:var(--cc-font-size-sm);font-weight:var(--cc-weight-semibold)}
body.cc-calm-operations .cc-attention-button:hover,body.cc-calm-operations .cc-company-switcher:hover,body.cc-calm-operations .cc-user-menu-summary:hover{border-color:#aab7c7!important;background:var(--cc-surface-soft)!important;transform:none!important;box-shadow:none!important}
body.cc-calm-operations .cc-attention-button.is-active{background:var(--cc-primary-soft)!important;border-color:#b9d2f3!important;color:var(--cc-primary-dark)!important}
body.cc-calm-operations .cc-attention-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.cc-calm-operations .cc-attention-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--cc-danger);color:#fff;font-size:10px;font-weight:var(--cc-weight-heavy);display:grid;place-items:center}
body.cc-calm-operations .cc-attention-badge[hidden]{display:none}
body.cc-calm-operations .cc-company-switcher{display:flex;align-items:center;gap:8px;padding:0 10px;min-width:180px}
body.cc-calm-operations .cc-company-switcher svg{width:18px;height:18px;stroke:#536276;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
body.cc-calm-operations .cc-company-switcher select{min-width:0;max-width:200px;border:0;background:transparent;color:var(--cc-text);outline:0;font-size:var(--cc-font-size-sm);font-weight:var(--cc-weight-semibold);padding:0 24px 0 0;cursor:pointer}
body.cc-calm-operations .cc-user-menu{margin:0}
body.cc-calm-operations .cc-user-menu-summary{padding:4px 9px 4px 5px!important;gap:9px!important;cursor:pointer}
body.cc-calm-operations .cc-user-menu-summary .avatar{width:36px!important;height:36px!important;background:var(--cc-primary)!important;color:#fff!important;box-shadow:none!important}
body.cc-calm-operations .cc-user-menu-summary strong{color:var(--cc-text)!important;font-size:var(--cc-font-size-sm)!important}body.cc-calm-operations .cc-user-menu-summary small{color:var(--cc-muted)!important;font-size:var(--cc-font-size-2xs)!important}body.cc-calm-operations .cc-user-caret{color:#7b8797!important}
body.cc-calm-operations .cc-user-menu-panel{top:calc(100% + 10px)!important;right:0!important;min-width:220px!important;padding:8px!important;border:1px solid var(--cc-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--cc-shadow-md)!important}
body.cc-calm-operations .cc-user-menu-panel .btn{width:100%;justify-content:flex-start;min-height:40px;border:0!important;background:transparent!important;color:var(--cc-text)!important;box-shadow:none!important}
body.cc-calm-operations .cc-user-menu-panel .btn:hover{background:var(--cc-surface-soft)!important;transform:none!important}body.cc-calm-operations .cc-user-menu-panel .btn-danger{color:var(--cc-danger)!important}

/* Workspace, typography and spacing */
body.cc-calm-operations .content{width:100%;max-width:var(--cc-content-max);margin-inline:auto;padding:var(--cc-space-7) clamp(22px,2.6vw,40px) var(--cc-space-6)!important;background:var(--cc-bg)!important;overflow-x:hidden!important}
body.cc-calm-operations .cc-content-stack{display:flex;flex-direction:column;gap:var(--cc-space-5)}
body.cc-calm-operations .cc-content-stack>.cc-workspace-block,body.cc-calm-operations .cc-content-stack>.cc-workspace-block+.cc-workspace-block,body.cc-calm-operations .cc-content-stack>.page-head+.cc-workspace-block{margin:0!important}
body.cc-calm-operations .page-head,body.cc-calm-operations .title,body.cc-calm-operations .cc-page-header{margin:0 0 var(--cc-space-5)!important;padding:0!important;min-height:50px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;align-items:center!important;gap:var(--cc-space-5)!important}
body.cc-calm-operations .cc-page-context,body.cc-calm-operations .cc-section-kicker{display:none!important}
body.cc-calm-operations .page-head h1,body.cc-calm-operations .title h1,body.cc-calm-operations .cc-page-header h1{margin:0!important;color:var(--cc-text)!important;font-size:clamp(25px,2.35vw,var(--cc-font-size-3xl))!important;line-height:var(--cc-line-tight)!important;font-weight:var(--cc-weight-bold)!important;letter-spacing:-.035em!important}
body.cc-calm-operations .page-head p,body.cc-calm-operations .title p,body.cc-calm-operations .cc-page-header p{margin:5px 0 0!important;max-width:720px!important;color:var(--cc-muted)!important;font-size:var(--cc-font-size-sm)!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.cc-calm-operations .page-actions33f{align-items:center!important;gap:var(--cc-space-2)!important}
body.cc-calm-operations .head,body.cc-calm-operations .cc-section-head{margin:0 0 var(--cc-space-4)!important;align-items:center!important;gap:var(--cc-space-4)!important}
body.cc-calm-operations .head h2,body.cc-calm-operations .cc-section-head h2{margin:0!important;color:var(--cc-text)!important;font-size:var(--cc-font-size-lg)!important;font-weight:var(--cc-weight-bold)!important;letter-spacing:-.015em!important}
body.cc-calm-operations .head p,body.cc-calm-operations .cc-section-head p{color:var(--cc-muted)!important;font-size:var(--cc-font-size-sm)!important;line-height:1.45!important;margin:4px 0 0!important}
body.cc-calm-operations h3{font-size:var(--cc-font-size-md);font-weight:var(--cc-weight-bold)}
body.cc-calm-operations small{font-size:var(--cc-font-size-xs);line-height:1.4}

/* Cards and surfaces */
body.cc-calm-operations .card,body.cc-calm-operations .cc-surface,body.cc-calm-operations .section,body.cc-calm-operations .module-card{border:1px solid var(--cc-border)!important;background:var(--cc-surface)!important;border-radius:var(--cc-radius-md)!important;box-shadow:var(--cc-shadow-sm)!important}
body.cc-calm-operations .card:hover,body.cc-calm-operations .module-card:hover{border-color:var(--cc-border-strong)!important}
body.cc-calm-operations .section{padding:var(--cc-space-5)!important}
body.cc-calm-operations .grid{gap:var(--cc-space-4)!important}




body.cc-calm-operations .cc-card-nested{box-shadow:none!important;background:var(--cc-surface-soft)!important;border-color:var(--cc-grey-150)!important}
body.cc-calm-operations .cc-card-compact{padding:var(--cc-space-4)!important}
body.cc-calm-operations .cc-card-interactive{cursor:pointer}
body.cc-calm-operations .cc-card-interactive:hover{border-color:#aebdce!important;box-shadow:0 8px 22px rgba(16,24,40,.07)!important}

/* Controls */
body.cc-calm-operations .btn,body.cc-calm-operations .icon-btn{min-height:var(--cc-control-height);padding:9px 13px;border-radius:var(--cc-radius-sm)!important;font-family:var(--cc-font-sans);font-size:var(--cc-font-size-sm)!important;font-weight:var(--cc-weight-semibold)!important;line-height:1.2;box-shadow:none!important}
body.cc-calm-operations .btn:hover,body.cc-calm-operations .icon-btn:hover{transform:none!important}
body.cc-calm-operations .btn-primary{color:#fff!important;background:var(--cc-primary)!important;border:1px solid var(--cc-primary)!important}
body.cc-calm-operations .btn-primary:hover{background:var(--cc-primary-dark)!important;border-color:var(--cc-primary-dark)!important}
body.cc-calm-operations .btn-light{color:var(--cc-text)!important;background:#fff!important;border:1px solid var(--cc-border-strong)!important}
body.cc-calm-operations .btn-light:hover{background:var(--cc-surface-soft)!important;border-color:#aab7c7!important}
body.cc-calm-operations .btn-danger{background:var(--cc-danger)!important;color:#fff!important;border:1px solid var(--cc-danger)!important}
body.cc-calm-operations .btn-green{background:var(--cc-success)!important;color:#fff!important;border:1px solid var(--cc-success)!important}
body.cc-calm-operations .btn[disabled],body.cc-calm-operations button[disabled]{opacity:.55;cursor:not-allowed}
body.cc-calm-operations .input,body.cc-calm-operations .select,body.cc-calm-operations textarea,body.cc-calm-operations input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]),body.cc-calm-operations select{min-height:42px;border:1px solid var(--cc-border-strong)!important;border-radius:var(--cc-radius-sm)!important;background:#fff!important;color:var(--cc-text)!important;font-family:var(--cc-font-sans);font-size:var(--cc-font-size-md);box-shadow:none!important}
body.cc-calm-operations textarea{min-height:104px;resize:vertical}
body.cc-calm-operations .input:focus,body.cc-calm-operations .select:focus,body.cc-calm-operations textarea:focus,body.cc-calm-operations input:focus,body.cc-calm-operations select:focus{border-color:#80afea!important;box-shadow:0 0 0 3px rgba(40,120,232,.12)!important;outline:0}
body.cc-calm-operations .field{gap:6px!important}body.cc-calm-operations .field label{color:var(--cc-grey-800)!important;font-size:var(--cc-font-size-xs)!important;font-weight:var(--cc-weight-semibold)!important}
body.cc-calm-operations .field small,body.cc-calm-operations .field-help{color:var(--cc-muted)!important}
body.cc-calm-operations .cc-split-action{filter:none!important}body.cc-calm-operations .cc-split-action>.btn{border-radius:var(--cc-radius-sm) 0 0 var(--cc-radius-sm)!important}body.cc-calm-operations .cc-action-menu-toggle{border-radius:0 var(--cc-radius-sm) var(--cc-radius-sm) 0!important}

/* Tables */
body.cc-calm-operations .table-wrap,body.cc-calm-operations .cc-table-region{position:relative;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--cc-border)!important;border-radius:var(--cc-radius-md)!important;background:#fff!important;box-shadow:none!important}
body.cc-calm-operations .table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:var(--cc-font-size-sm)!important;background:#fff!important}
body.cc-calm-operations .table th{position:sticky;top:0;z-index:2;padding:11px 13px!important;background:var(--cc-surface-soft)!important;color:var(--cc-muted)!important;border-bottom:1px solid var(--cc-border)!important;font-size:var(--cc-font-size-2xs)!important;font-weight:var(--cc-weight-bold)!important;letter-spacing:.025em!important;text-transform:uppercase!important;white-space:nowrap!important;text-align:left}
body.cc-calm-operations .table td{padding:13px!important;color:var(--cc-grey-800)!important;border-bottom:1px solid #edf1f5!important;vertical-align:middle!important;line-height:1.4!important}
body.cc-calm-operations .table tbody tr:last-child td{border-bottom:0!important}
body.cc-calm-operations .table tbody tr:hover td{background:#f8fbff!important}
body.cc-calm-operations .table a{color:var(--cc-primary-dark);font-weight:var(--cc-weight-semibold)}
body.cc-calm-operations .table .btn{min-height:34px;padding:7px 10px;font-size:var(--cc-font-size-xs)!important}
body.cc-calm-operations .table .action-wrap{justify-content:flex-end!important}
body.cc-calm-operations .cc-table-scroll-hint{display:none;position:sticky;left:0;bottom:0;padding:5px 10px;background:rgba(24,34,48,.82);color:#fff;font-size:10px;border-radius:0 8px 0 0;pointer-events:none}
body.cc-calm-operations .pill,body.cc-calm-operations .cc-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px!important;border-radius:999px!important;font-size:var(--cc-font-size-2xs)!important;font-weight:var(--cc-weight-bold)!important;line-height:1.2!important;box-shadow:none!important;white-space:nowrap}
body.cc-calm-operations .pill.green{background:var(--cc-success-soft)!important;color:var(--cc-green-700)!important}body.cc-calm-operations .pill.amber{background:var(--cc-warning-soft)!important;color:var(--cc-amber-700)!important}body.cc-calm-operations .pill.red{background:var(--cc-danger-soft)!important;color:var(--cc-red-700)!important}body.cc-calm-operations .pill.blue{background:var(--cc-primary-soft)!important;color:var(--cc-primary-dark)!important}body.cc-calm-operations .pill.gray{background:var(--cc-grey-100)!important;color:#596779!important}

/* Real tabs */
body.cc-calm-operations .cc-tabs,body.cc-calm-operations .company-profile-tabs,body.cc-calm-operations .tenant-tabs{display:flex;align-items:flex-end;gap:2px;overflow-x:auto;overflow-y:hidden;padding:0;border-bottom:1px solid var(--cc-border)!important;background:transparent!important;scrollbar-width:none}
body.cc-calm-operations .cc-tabs::-webkit-scrollbar,body.cc-calm-operations .company-profile-tabs::-webkit-scrollbar,body.cc-calm-operations .tenant-tabs::-webkit-scrollbar{display:none}
body.cc-calm-operations .cc-tab,body.cc-calm-operations .profile-tab,body.cc-calm-operations .tenant-tabs .tab{position:relative;flex:0 0 auto;min-height:44px;padding:11px 14px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:8px 8px 0 0!important;background:transparent!important;color:var(--cc-muted)!important;font-family:var(--cc-font-sans);font-size:var(--cc-font-size-sm)!important;font-weight:var(--cc-weight-semibold)!important;white-space:nowrap;box-shadow:none!important;cursor:pointer}
body.cc-calm-operations .cc-tab:hover,body.cc-calm-operations .profile-tab:hover,body.cc-calm-operations .tenant-tabs .tab:hover{background:var(--cc-surface-soft)!important;color:var(--cc-text)!important}
body.cc-calm-operations .cc-tab.active,body.cc-calm-operations .cc-tab[aria-selected="true"],body.cc-calm-operations .profile-tab.active,body.cc-calm-operations .tenant-tabs .tab.active{background:var(--cc-primary-soft)!important;color:var(--cc-primary-dark)!important;border-bottom-color:var(--cc-primary)!important}
body.cc-calm-operations .cc-tab.active::after,body.cc-calm-operations .cc-tab[aria-selected="true"]::after,body.cc-calm-operations .profile-tab.active::after{display:none!important}
body.cc-calm-operations .company-profile-tabs-card{padding:0!important;overflow:hidden!important}body.cc-calm-operations .company-profile-tab-panel,body.cc-calm-operations .tenant-tab-panel,body.cc-calm-operations [role="tabpanel"]{padding:var(--cc-space-5)!important}

/* Drawers and focused detail panels */
body.cc-calm-operations .backdrop{background:rgba(16,24,40,.38)!important;backdrop-filter:blur(2px)}
body.cc-calm-operations .drawer{width:min(560px,100%)!important;max-width:100vw!important;border-left:1px solid var(--cc-border)!important;background:#fff!important;box-shadow:-24px 0 60px rgba(16,24,40,.16)!important;display:flex!important;flex-direction:column!important}
body.cc-calm-operations .drawer.cc-drawer-wide{width:min(720px,100%)!important}
body.cc-calm-operations .drawer-head{position:sticky;top:0;z-index:3;min-height:68px;padding:16px 20px!important;border-bottom:1px solid var(--cc-border)!important;background:rgba(255,255,255,.98)!important;color:var(--cc-text)!important;backdrop-filter:blur(10px)}
body.cc-calm-operations .drawer-head strong{font-size:var(--cc-font-size-lg)!important;font-weight:var(--cc-weight-bold)!important}
body.cc-calm-operations .drawer-head .icon-btn{width:38px;height:38px;padding:0!important;color:var(--cc-text)!important;background:#fff!important;border:1px solid var(--cc-border)!important}
body.cc-calm-operations .drawer-body{flex:1 1 auto;padding:var(--cc-space-5)!important;background:#fff!important;overflow:auto!important}
body.cc-calm-operations .drawer-body>.card{box-shadow:none!important}
body.cc-calm-operations .drawer-body .table-wrap{margin-block:var(--cc-space-4)}
body.cc-calm-operations .cc-drawer-section+.cc-drawer-section{margin-top:var(--cc-space-5);padding-top:var(--cc-space-5);border-top:1px solid var(--cc-border)}

/* Attention patterns */
body.cc-calm-operations .notice,body.cc-calm-operations .cc-notice{margin:var(--cc-space-3) 0 0;padding:12px 14px!important;border-radius:var(--cc-radius-sm)!important;background:#eef5ff!important;border:1px solid #cbdcf4!important;color:#244e83!important}
body.cc-calm-operations .warning-notice32c4{background:var(--cc-warning-soft)!important;border-color:#efd59d!important;color:#8f5a0d!important}
body.cc-calm-operations .error-empty{background:var(--cc-danger-soft)!important;border-color:#efc4c4!important;color:#983b3b!important}
body.cc-calm-operations .empty,body.cc-calm-operations .cc-empty-state{padding:var(--cc-space-6)!important;background:var(--cc-surface-soft)!important;border:1px dashed #c8d2df!important;color:var(--cc-muted)!important;border-radius:var(--cc-radius-md)!important;text-align:center}
body.cc-calm-operations .cc-attention-item,body.cc-calm-operations .operations-case33f18g{position:relative;border:1px solid var(--cc-border)!important;border-left:4px solid var(--cc-warning)!important;border-radius:var(--cc-radius-md)!important;background:#fff!important;box-shadow:var(--cc-shadow-xs)!important}
body.cc-calm-operations .cc-attention-item[data-severity="critical"],body.cc-calm-operations .operations-case33f18g.severity-critical{border-left-color:var(--cc-danger)!important}
body.cc-calm-operations .cc-attention-item[data-status="resolved"],body.cc-calm-operations .operations-case33f18g.status-resolved{border-left-color:var(--cc-success)!important;opacity:.82}
body.cc-calm-operations .operations-hero33f18g{padding:var(--cc-space-5)!important;border-radius:var(--cc-radius-lg)!important;background:#fff!important;border:1px solid var(--cc-border)!important;box-shadow:var(--cc-shadow-sm)!important}
body.cc-calm-operations .operations-hero33f18g h1{font-size:var(--cc-font-size-2xl)!important}
body.cc-calm-operations .operations-badge33f18g{font-size:var(--cc-font-size-2xs)!important}
body.cc-calm-operations .operations-recommendation33f18g{border-radius:var(--cc-radius-sm)!important;background:var(--cc-surface-soft)!important;border:1px solid var(--cc-border)!important}
body.cc-calm-operations .cc-attention-empty{display:grid;place-items:center;min-height:180px;padding:var(--cc-space-8);border:1px dashed var(--cc-border-strong);border-radius:var(--cc-radius-md);background:#fff;text-align:center;color:var(--cc-muted)}

/* Collapsible sections */
body.cc-calm-operations details.collapsible-section,body.cc-calm-operations details.cc-disclosure{overflow:hidden;border:1px solid var(--cc-border)!important;border-radius:var(--cc-radius-md)!important;background:#fff!important;box-shadow:var(--cc-shadow-sm)!important}
body.cc-calm-operations .cc-disclosure-summary,body.cc-calm-operations details.collapsible-section>summary{min-height:58px;padding:14px 18px!important;background:#fff!important;border:0!important;cursor:pointer}
body.cc-calm-operations .cc-disclosure-summary:hover,body.cc-calm-operations details.collapsible-section>summary:hover{background:var(--cc-surface-soft)!important}
body.cc-calm-operations .cc-disclosure-summary small,body.cc-calm-operations details.collapsible-section>summary small{color:var(--cc-muted)!important;font-size:var(--cc-font-size-xs)!important}
body.cc-calm-operations .cc-disclosure[open]>.cc-disclosure-summary,body.cc-calm-operations details.collapsible-section[open]>summary{border-bottom:1px solid var(--cc-border)!important}
body.cc-calm-operations .cc-disclosure-chevron{width:30px;height:30px;border-radius:8px!important}
body.cc-calm-operations .cc-disclosure>.module-section-body,body.cc-calm-operations .cc-disclosure>.data-section-body,body.cc-calm-operations details.collapsible-section>.module-section-body,body.cc-calm-operations details.collapsible-section>.data-section-body{padding:var(--cc-space-5)!important}

/* Workspace status */
body.cc-calm-operations .cc-workspace-status{flex:0 0 38px;min-height:38px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 24px;border-top:1px solid var(--cc-border);background:rgba(255,255,255,.88);color:var(--cc-muted);font-size:var(--cc-font-size-2xs)}
body.cc-calm-operations .cc-workspace-status-dot{width:7px;height:7px;border-radius:50%;background:var(--cc-success);box-shadow:0 0 0 3px var(--cc-success-soft)}
body.cc-calm-operations .cc-workspace-status-separator{width:1px;height:15px;background:var(--cc-border-strong)}

/* Login */




/* Remove development-only visual markers */
body.cc-calm-operations [class*="frontend-runtime-health"] .cc-section-kicker,body.cc-calm-operations [class*="cc-architecture-health"] .cc-section-kicker,body.cc-calm-operations .phase-label,body.cc-calm-operations .phase-kicker{display:none!important}

/* Responsive rules */
@media(min-width:961px){
  body.cc-calm-operations.cc-sidebar-collapsed .shell{grid-template-columns:var(--cc-sidebar-compact) minmax(0,1fr)!important}
  body.cc-calm-operations.cc-sidebar-collapsed .cc-sidebar-secondary{padding-inline:10px}
  body.cc-calm-operations.cc-sidebar-collapsed .cc-advanced-nav-label,body.cc-calm-operations.cc-sidebar-collapsed .cc-advanced-nav-chevron,body.cc-calm-operations.cc-sidebar-collapsed .cc-advanced-nav-panel{display:none!important}
  body.cc-calm-operations.cc-sidebar-collapsed .cc-advanced-nav>summary{justify-content:center;padding-inline:8px}
}
@media(max-width:1180px){
  body.cc-calm-operations .cc-company-switcher{min-width:150px}body.cc-calm-operations .cc-company-switcher select{max-width:150px}body.cc-calm-operations .cc-attention-label{display:none}
  
}
@media(max-width:960px){
  body.cc-calm-operations .shell{display:block!important}body.cc-calm-operations .sidebar{width:280px!important;z-index:70!important}body.cc-calm-operations .side-head{height:74px!important;min-height:74px!important}body.cc-calm-operations .topbar{padding:0 14px!important}body.cc-calm-operations .search{max-width:none!important}body.cc-calm-operations .cc-company-switcher{display:none!important}body.cc-calm-operations .cc-workspace-status{display:none}
  body.cc-calm-operations .content{max-width:none}
}
@media(max-width:760px){
  body.cc-calm-operations .table.cc-mobile-cards{display:block;min-width:0!important;background:transparent!important}
  body.cc-calm-operations .table.cc-mobile-cards thead{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  body.cc-calm-operations .table.cc-mobile-cards tbody{display:grid;gap:var(--cc-space-3);padding:var(--cc-space-3)}
  body.cc-calm-operations .table.cc-mobile-cards tr{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:#fff;overflow:hidden;box-shadow:var(--cc-shadow-xs)}
  body.cc-calm-operations .table.cc-mobile-cards td{display:grid;grid-template-columns:minmax(104px,38%) minmax(0,1fr);gap:var(--cc-space-3);padding:10px 12px!important;border-bottom:1px solid #edf1f5!important;text-align:left!important;white-space:normal!important}
  body.cc-calm-operations .table.cc-mobile-cards td::before{content:attr(data-label);color:var(--cc-muted);font-size:var(--cc-font-size-2xs);font-weight:var(--cc-weight-bold);letter-spacing:.02em;text-transform:uppercase}
  body.cc-calm-operations .table.cc-mobile-cards td:last-child{border-bottom:0!important}
  body.cc-calm-operations .table.cc-mobile-cards td:empty{display:none}
  body.cc-calm-operations .table.cc-mobile-cards .action-wrap{justify-content:flex-start!important}
  body.cc-calm-operations .table-wrap.cc-table-scroll-only .cc-table-scroll-hint{display:block}
}
@media(max-width:720px){
  :root{--cc-topbar-height:66px}
  body.cc-calm-operations .topbar{gap:8px!important}body.cc-calm-operations .search{display:none!important}body.cc-calm-operations .mobile-brand{display:flex!important;flex:1}body.cc-calm-operations .cc-attention-button{width:42px;padding:0;justify-content:center}body.cc-calm-operations .cc-attention-label{display:none}body.cc-calm-operations .cc-attention-badge{position:absolute;top:-5px;right:-5px}body.cc-calm-operations .cc-user-menu-summary>div:not(.avatar),body.cc-calm-operations .cc-user-caret{display:none!important}body.cc-calm-operations .cc-user-menu-summary{width:44px!important;padding:3px!important;justify-content:center!important}
  body.cc-calm-operations .content{padding:var(--cc-space-5) 14px calc(92px + env(safe-area-inset-bottom))!important}
  body.cc-calm-operations .page-head,body.cc-calm-operations .title,body.cc-calm-operations .cc-page-header{align-items:flex-start!important;gap:var(--cc-space-3)!important;margin-bottom:var(--cc-space-4)!important}
  body.cc-calm-operations .page-head h1,body.cc-calm-operations .title h1,body.cc-calm-operations .cc-page-header h1{font-size:24px!important}
  body.cc-calm-operations .page-head p,body.cc-calm-operations .title p,body.cc-calm-operations .cc-page-header p{-webkit-line-clamp:2}
  body.cc-calm-operations .page-actions33f{width:100%}body.cc-calm-operations .page-actions33f .cc-split-action,body.cc-calm-operations .page-actions33f>.btn{width:100%}
  body.cc-calm-operations .section{padding:var(--cc-space-4)!important}
  body.cc-calm-operations .btn,body.cc-calm-operations .icon-btn,body.cc-calm-operations .input,body.cc-calm-operations .select,body.cc-calm-operations input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]),body.cc-calm-operations select{min-height:var(--cc-control-height-mobile)}
  body.cc-calm-operations .drawer{width:100%!important;height:100dvh!important;border-left:0!important}body.cc-calm-operations .drawer-head{min-height:64px;padding:13px 14px!important}body.cc-calm-operations .drawer-body{padding:var(--cc-space-4) 14px calc(100px + env(safe-area-inset-bottom))!important}
  body.cc-calm-operations .cc-tabs,body.cc-calm-operations .company-profile-tabs,body.cc-calm-operations .tenant-tabs{margin-inline:-14px;padding-inline:14px}
  body.cc-calm-operations .operations-hero33f18g{padding:var(--cc-space-4)!important}
  body.cc-calm-operations .operations-case-actions33f18g .btn{width:100%}
}
@media(max-width:420px){
  
  body.cc-calm-operations .table.cc-mobile-cards td{grid-template-columns:1fr;gap:3px}
  body.cc-calm-operations .cc-tab,body.cc-calm-operations .profile-tab,body.cc-calm-operations .tenant-tabs .tab{padding-inline:11px!important}
}
@media(prefers-reduced-motion:reduce){body.cc-calm-operations *,body.cc-calm-operations *::before,body.cc-calm-operations *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body.cc-calm-operations .cc-workspace-status,body.cc-calm-operations .cc-sidebar-secondary,body.cc-calm-operations .sidebar,body.cc-calm-operations .topbar,body.cc-calm-operations .page-actions33f{display:none!important}body.cc-calm-operations .shell{display:block!important}body.cc-calm-operations .content{max-width:none;padding:0!important;background:#fff!important}body.cc-calm-operations .card,body.cc-calm-operations .section{box-shadow:none!important;break-inside:avoid}}