/*
 * ContractIQ Glass + Metal Visual Layer
 * --------------------------------------
 * VISUAL ONLY.
 * No workflow, authentication, contract, approval,
 * repository, ONLYOFFICE, or API behavior lives here.
 */

:root{
  --ciq-glass-blur:24px;
  --ciq-glass-saturate:145%;
  --ciq-radius-xl:22px;
  --ciq-radius-lg:17px;

  --ciq-bg:#e9edf2;
  --ciq-bg-deep:#dfe5eb;

  --ciq-surface:rgba(255,255,255,.68);
  --ciq-surface-strong:rgba(255,255,255,.82);
  --ciq-surface-soft:rgba(246,249,252,.58);

  --ciq-border:rgba(133,149,167,.32);
  --ciq-border-bright:rgba(255,255,255,.88);

  --ciq-text:#0b1930;
  --ciq-text-soft:#596b80;

  --ciq-metal:
    linear-gradient(
      145deg,
      rgba(255,255,255,.94) 0%,
      rgba(226,232,239,.78) 43%,
      rgba(250,252,254,.88) 72%,
      rgba(214,222,231,.72) 100%
    );

  --ciq-metal-deep:
    linear-gradient(
      150deg,
      #0b1e36 0%,
      #071528 48%,
      #102942 100%
    );

  --ciq-shadow:
    0 18px 42px rgba(43,58,75,.10),
    0 3px 8px rgba(43,58,75,.055),
    inset 0 1px 0 rgba(255,255,255,.9);

  --ciq-shadow-soft:
    0 9px 25px rgba(43,58,75,.075),
    inset 0 1px 0 rgba(255,255,255,.76);
}


/* =========================================================
   LIGHT GLASS + METAL
   ========================================================= */

html[data-ciq-theme="light"] body{
  color:var(--ciq-text);
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(255,255,255,.96),
      transparent 34%
    ),
    radial-gradient(
      circle at 90% 18%,
      rgba(200,215,230,.46),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      var(--ciq-bg),
      var(--ciq-bg-deep)
    );
}

html[data-ciq-theme="light"] .main{
  background:
    linear-gradient(
      145deg,
      rgba(247,249,252,.88),
      rgba(227,233,239,.84)
    );
}

html[data-ciq-theme="light"] .sidebar{
  background:
    linear-gradient(
      160deg,
      #07182d 0%,
      #0a203a 47%,
      #061321 100%
    );
  border-right:1px solid rgba(255,255,255,.12);
  box-shadow:
    10px 0 36px rgba(24,38,55,.10),
    inset -1px 0 0 rgba(255,255,255,.045);
}

html[data-ciq-theme="light"] .topbar{
  background:rgba(246,249,252,.66);
  border-bottom:1px solid var(--ciq-border);
  backdrop-filter:
    blur(var(--ciq-glass-blur))
    saturate(var(--ciq-glass-saturate));
  -webkit-backdrop-filter:
    blur(var(--ciq-glass-blur))
    saturate(var(--ciq-glass-saturate));
  box-shadow:
    0 8px 28px rgba(46,62,80,.055),
    inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-ciq-theme="light"] .metric,
html[data-ciq-theme="light"] .panel,
html[data-ciq-theme="light"] .sow-panel,
html[data-ciq-theme="light"] .manager-dash-sows{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.78),
      rgba(232,238,244,.62)
    );
  border:1px solid var(--ciq-border);
  box-shadow:var(--ciq-shadow);
  backdrop-filter:
    blur(20px)
    saturate(135%);
  -webkit-backdrop-filter:
    blur(20px)
    saturate(135%);
}

html[data-ciq-theme="light"] .metric{
  border-radius:20px;
}

html[data-ciq-theme="light"] .metric::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.40),
      transparent 38%,
      rgba(153,170,188,.05) 72%,
      rgba(255,255,255,.24)
    );
}

html[data-ciq-theme="light"] .gate{
  background:
    radial-gradient(
      circle at 18% 8%,
      rgba(255,255,255,.98),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #eef2f6,
      #dce3ea
    );
}

html[data-ciq-theme="light"] .gate-card{
  background:rgba(255,255,255,.66);
  border:1px solid var(--ciq-border);
  backdrop-filter:
    blur(28px)
    saturate(145%);
  -webkit-backdrop-filter:
    blur(28px)
    saturate(145%);
  box-shadow:
    0 35px 90px rgba(32,47,64,.16),
    inset 0 1px 0 rgba(255,255,255,.96);
}

html[data-ciq-theme="light"] .field input,
html[data-ciq-theme="light"] .table-tools input,
html[data-ciq-theme="light"] .repo-search input{
  background:rgba(255,255,255,.62);
  border-color:rgba(125,143,162,.34);
  backdrop-filter:blur(12px);
}

html[data-ciq-theme="light"] .filter-btn,
html[data-ciq-theme="light"] .open-btn,
html[data-ciq-theme="light"] .template-grid button,
html[data-ciq-theme="light"] .user-chip>.role{
  background:var(--ciq-metal);
  border-color:rgba(126,143,160,.35);
  box-shadow:
    0 5px 13px rgba(34,49,66,.07),
    inset 0 1px 0 rgba(255,255,255,.96);
}

html[data-ciq-theme="light"] .sow-table th{
  background:
    linear-gradient(
      180deg,
      rgba(247,249,252,.80),
      rgba(223,230,237,.70)
    );
}

html[data-ciq-theme="light"] .sow-table tbody tr:hover{
  background:rgba(255,255,255,.48);
}



/* =========================================================
   MANAGER WORKSPACE — ICY BLUE GLASS
   Mirrors the softer blue-glass atmosphere used by the demo.
   Visual only.
   ========================================================= */

html[data-ciq-theme="light"] body.manager-mode .main{
  background:
    radial-gradient(
      circle at 78% 2%,
      rgba(197,218,238,.48),
      transparent 34%
    ),
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,.96),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #f4f8fc 0%,
      #e8f0f7 48%,
      #dde9f3 100%
    );
}

html[data-ciq-theme="light"] body.manager-mode .topbar{
  background:
    linear-gradient(
      105deg,
      rgba(251,253,255,.82) 0%,
      rgba(222,235,247,.72) 50%,
      rgba(248,252,255,.82) 100%
    );
  border-bottom:1px solid rgba(122,151,180,.28);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  box-shadow:
    0 8px 30px rgba(38,72,108,.075),
    inset 0 1px 0 rgba(255,255,255,.96);
}

html[data-ciq-theme="light"] body.manager-mode #managerMetrics .metric,
html[data-ciq-theme="light"] body.manager-mode .panel,
html[data-ciq-theme="light"] body.manager-mode .sow-panel,
html[data-ciq-theme="light"] body.manager-mode .manager-dash-sows{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.80) 0%,
      rgba(235,244,252,.68) 55%,
      rgba(221,235,247,.62) 100%
    );
  border:1px solid rgba(116,149,181,.27);
  box-shadow:
    0 18px 42px rgba(38,72,108,.095),
    0 3px 9px rgba(38,72,108,.045),
    inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}

html[data-ciq-theme="light"] body.manager-mode #managerMetrics .metric:hover{
  border-color:rgba(87,128,168,.42);
  box-shadow:
    0 22px 48px rgba(38,72,108,.13),
    0 4px 10px rgba(38,72,108,.055),
    inset 0 1px 0 rgba(255,255,255,.98);
}

html[data-ciq-theme="light"] body.manager-mode .sidebar{
  background:
    linear-gradient(
      155deg,
      rgba(248,252,255,.96) 0%,
      rgba(225,237,248,.92) 50%,
      rgba(243,249,254,.96) 100%
    );
  border-right:1px solid rgba(113,143,173,.28);
  box-shadow:
    10px 0 34px rgba(41,70,99,.07),
    inset -1px 0 0 rgba(255,255,255,.82);
}

html[data-ciq-theme="light"] body.manager-mode .sow-table th{
  background:
    linear-gradient(
      180deg,
      rgba(250,253,255,.94),
      rgba(226,238,248,.82)
    );
}

html[data-ciq-theme="light"] body.manager-mode .sow-table tbody tr:hover{
  background:rgba(230,241,251,.55);
}

/* =========================================================
   DARK GLASS + GRAPHITE METAL
   ========================================================= */

html[data-ciq-theme="dark"]{
  color-scheme:dark;

  --ciq-bg:#08121d;
  --ciq-bg-deep:#050c14;

  --ciq-surface:rgba(18,31,45,.68);
  --ciq-surface-strong:rgba(20,34,49,.82);

  --ciq-border:rgba(151,173,196,.23);
  --ciq-border-bright:rgba(255,255,255,.16);

  --ciq-text:#f3f7fb;
  --ciq-text-soft:#9caec1;
}

html[data-ciq-theme="dark"] body{
  color:var(--ciq-text);
  background:
    radial-gradient(
      circle at 80% 0%,
      rgba(32,74,112,.20),
      transparent 38%
    ),
    radial-gradient(
      circle at 15% 14%,
      rgba(61,87,111,.16),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #09131e,
      #050b12
    );
}

html[data-ciq-theme="dark"] .main{
  color:var(--ciq-text);
  background:
    radial-gradient(
      circle at 70% 4%,
      rgba(31,67,99,.16),
      transparent 36%
    ),
    linear-gradient(
      150deg,
      #0a1520,
      #07111a 48%,
      #050d15
    );
}

html[data-ciq-theme="dark"] .sidebar{
  background:
    linear-gradient(
      165deg,
      rgba(12,29,45,.98),
      rgba(5,15,25,.99)
    );
  border-right:1px solid rgba(173,194,214,.14);
  box-shadow:
    12px 0 40px rgba(0,0,0,.22),
    inset -1px 0 0 rgba(255,255,255,.04);
}

html[data-ciq-theme="dark"] .topbar{
  color:var(--ciq-text);
  background:rgba(8,20,31,.66);
  border-bottom:1px solid var(--ciq-border);
  backdrop-filter:
    blur(var(--ciq-glass-blur))
    saturate(140%);
  -webkit-backdrop-filter:
    blur(var(--ciq-glass-blur))
    saturate(140%);
  box-shadow:
    0 10px 34px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.055);
}

html[data-ciq-theme="dark"] .hero h1,
html[data-ciq-theme="dark"] .topbar h2,
html[data-ciq-theme="dark"] .panel-head h3,
html[data-ciq-theme="dark"] .metric strong,
html[data-ciq-theme="dark"] .sow-table td,
html[data-ciq-theme="dark"] .repo-state strong,
html[data-ciq-theme="dark"] .memory-card strong{
  color:var(--ciq-text);
}

html[data-ciq-theme="dark"] .hero p,
html[data-ciq-theme="dark"] .metric span,
html[data-ciq-theme="dark"] .user-chip small,
html[data-ciq-theme="dark"] .note,
html[data-ciq-theme="dark"] .subcopy,
html[data-ciq-theme="dark"] .panel-head p,
html[data-ciq-theme="dark"] .table-footer,
html[data-ciq-theme="dark"] .memory-card p,
html[data-ciq-theme="dark"] .memory-card small{
  color:var(--ciq-text-soft);
}

html[data-ciq-theme="dark"] .metric,
html[data-ciq-theme="dark"] .panel,
html[data-ciq-theme="dark"] .sow-panel,
html[data-ciq-theme="dark"] .manager-dash-sows{
  background:
    linear-gradient(
      145deg,
      rgba(21,37,52,.74),
      rgba(8,21,32,.66)
    );
  border:1px solid var(--ciq-border);
  box-shadow:
    0 18px 42px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.075);
  backdrop-filter:
    blur(22px)
    saturate(135%);
  -webkit-backdrop-filter:
    blur(22px)
    saturate(135%);
}

html[data-ciq-theme="dark"] .metric{
  border-radius:20px;
}

html[data-ciq-theme="dark"] .metric::before{
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(179,199,219,.35),
      transparent
    );
}

html[data-ciq-theme="dark"] .metric::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.075),
      transparent 38%,
      rgba(72,109,142,.05) 72%,
      rgba(255,255,255,.035)
    );
}

html[data-ciq-theme="dark"] .gate{
  background:
    radial-gradient(
      circle at 18% 0%,
      rgba(35,69,101,.32),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #0c1824,
      #050d15
    );
}

html[data-ciq-theme="dark"] .gate-card{
  color:var(--ciq-text);
  background:rgba(15,29,43,.72);
  border:1px solid var(--ciq-border);
  backdrop-filter:
    blur(28px)
    saturate(145%);
  -webkit-backdrop-filter:
    blur(28px)
    saturate(145%);
  box-shadow:
    0 36px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.075);
}

html[data-ciq-theme="dark"] .gate-card>p,
html[data-ciq-theme="dark"] .field span{
  color:var(--ciq-text-soft);
}

html[data-ciq-theme="dark"] .field input,
html[data-ciq-theme="dark"] .table-tools input,
html[data-ciq-theme="dark"] .repo-search input{
  color:var(--ciq-text);
  background:rgba(9,23,35,.64);
  border-color:rgba(148,170,191,.25);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
}

html[data-ciq-theme="dark"] input::placeholder{
  color:#788b9e;
}

html[data-ciq-theme="dark"] .filter-btn,
html[data-ciq-theme="dark"] .open-btn,
html[data-ciq-theme="dark"] .template-grid button,
html[data-ciq-theme="dark"] .user-chip>.role{
  color:#e9f0f7;
  background:
    linear-gradient(
      145deg,
      rgba(35,53,70,.85),
      rgba(12,27,40,.90)
    );
  border-color:rgba(148,171,193,.26);
  box-shadow:
    0 7px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.07);
}

html[data-ciq-theme="dark"] .avatar{
  color:#eaf3fc;
  background:
    linear-gradient(
      145deg,
      #173b5d,
      #07192a
    );
  border-color:rgba(157,181,205,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10);
}

html[data-ciq-theme="dark"] .sow-table th{
  color:#9fb0c2;
  background:
    linear-gradient(
      180deg,
      rgba(25,42,57,.92),
      rgba(12,27,40,.92)
    );
  border-color:rgba(149,170,190,.18);
}

html[data-ciq-theme="dark"] .sow-table td{
  border-color:rgba(149,170,190,.12);
}

html[data-ciq-theme="dark"] .sow-table tbody tr:hover{
  background:rgba(63,91,117,.16);
}

html[data-ciq-theme="dark"] .table-footer{
  background:rgba(10,24,36,.72);
  border-color:rgba(149,170,190,.14);
}

html[data-ciq-theme="dark"] .drop,
html[data-ciq-theme="dark"] .empty,
html[data-ciq-theme="dark"] .step,
html[data-ciq-theme="dark"] .repo-state,
html[data-ciq-theme="dark"] .memory-card{
  color:var(--ciq-text);
  background:
    linear-gradient(
      145deg,
      rgba(24,40,55,.72),
      rgba(10,24,36,.72)
    );
  border-color:rgba(149,171,192,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05);
}

html[data-ciq-theme="dark"] .drop p,
html[data-ciq-theme="dark"] .step small,
html[data-ciq-theme="dark"] .repo-state{
  color:var(--ciq-text-soft);
}


/* =========================================================
   THEME SELECTOR — intentionally isolated from app controls
   ========================================================= */

.ciq-theme-switcher{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  margin-left:auto;
  margin-right:18px;
  border:1px solid rgba(128,147,166,.28);
  border-radius:12px;
  background:rgba(255,255,255,.34);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65);
}

.ciq-theme-switcher button{
  min-width:52px;
  border:0;
  border-radius:8px;
  padding:7px 10px;
  background:transparent;
  color:#607286;
  font-size:10px;
  font-weight:750;
  transition:
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease;
}

.ciq-theme-switcher button:hover{
  color:#173b63;
}

.ciq-theme-switcher button[aria-pressed="true"]{
  color:#0a2748;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.92),
      rgba(220,228,236,.80)
    );
  box-shadow:
    0 3px 9px rgba(38,54,72,.10),
    inset 0 1px 0 white;
}

html[data-ciq-theme="dark"] .ciq-theme-switcher{
  background:rgba(11,25,38,.58);
  border-color:rgba(152,174,196,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045);
}

html[data-ciq-theme="dark"] .ciq-theme-switcher button{
  color:#91a4b8;
}

html[data-ciq-theme="dark"] .ciq-theme-switcher button:hover{
  color:#f0f6fb;
}

html[data-ciq-theme="dark"]
.ciq-theme-switcher button[aria-pressed="true"]{
  color:#f5f9fc;
  background:
    linear-gradient(
      180deg,
      rgba(55,77,98,.78),
      rgba(21,39,56,.86)
    );
  box-shadow:
    0 4px 12px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.09);
}

@media(max-width:900px){
  .ciq-theme-switcher{
    margin-right:8px;
  }

  .ciq-theme-switcher button{
    min-width:auto;
    padding:7px 8px;
  }
}


/* =========================================================
   CONTRACTIQ GLASS V2
   Visual refinement only — overrides V1 theme appearance.
   ========================================================= */

html,
body,
.main,
.sidebar,
.topbar,
.metric,
.panel,
.sow-panel,
.manager-dash-sows,
.sow-table th,
.sow-table td,
.nav button,
.user-chip,
.ciq-theme-switcher,
.ciq-theme-switcher button,
input,
button{
  transition:
    background-color .28s ease,
    background .28s ease,
    color .22s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    opacity .22s ease,
    transform .18s ease;
}


/* ---------------------------------------------------------
   LIGHT — TRUE FROSTED GLASS
   --------------------------------------------------------- */

html[data-ciq-theme="light"] body{
  background:
    radial-gradient(circle at 82% 10%,rgba(157,195,226,.30),transparent 34%),
    radial-gradient(circle at 15% 78%,rgba(190,211,229,.30),transparent 36%),
    linear-gradient(135deg,#dfe8f1 0%,#eef4f8 45%,#dbe6ef 100%);
}

html[data-ciq-theme="light"] .main{
  position:relative;
  background:
    linear-gradient(
      135deg,
      rgba(235,243,249,.58),
      rgba(212,226,237,.48)
    );
}

html[data-ciq-theme="light"] .main::before{
  content:"";
  position:fixed;
  inset:0 0 0 248px;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.38),transparent 31%),
    radial-gradient(circle at 33% 70%,rgba(131,181,219,.13),transparent 35%);
  z-index:0;
}

html[data-ciq-theme="light"] .topbar,
html[data-ciq-theme="light"] .content{
  position:relative;
  z-index:1;
}


/* Light sidebar becomes glass — not navy */

html[data-ciq-theme="light"] .sidebar{
  color:#17324f;

  background:
    linear-gradient(
      160deg,
      rgba(244,249,253,.72),
      rgba(219,232,242,.60)
    );

  border-right:
    1px solid rgba(255,255,255,.74);

  backdrop-filter:
    blur(30px)
    saturate(150%);

  -webkit-backdrop-filter:
    blur(30px)
    saturate(150%);

  box-shadow:
    10px 0 32px rgba(43,74,101,.10),
    inset -1px 0 0 rgba(122,151,176,.16);
}

html[data-ciq-theme="light"] .sidebar .brand strong{
  color:#102c4b;
}

html[data-ciq-theme="light"] .sidebar .brand span,
html[data-ciq-theme="light"] .sidebar-foot{
  color:#667f97;
}

html[data-ciq-theme="light"] .sidebar .brand-mark{
  color:white;

  background:
    linear-gradient(
      145deg,
      #184d80,
      #092a50
    );

  border:
    1px solid rgba(255,255,255,.68);

  box-shadow:
    0 9px 22px rgba(25,69,110,.20),
    inset 0 1px 0 rgba(255,255,255,.28);
}


/* IMPORTANT — sidebar text visibility */

html[data-ciq-theme="light"] .nav button{
  color:#294967 !important;
  font-weight:680;
}

html[data-ciq-theme="light"] .nav button:hover{
  color:#082c55 !important;

  background:
    rgba(255,255,255,.43);

  border-color:
    rgba(255,255,255,.64);
}

html[data-ciq-theme="light"] .nav button.active{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(22,95,173,.94),
      rgba(8,61,121,.92)
    );

  border-color:
    rgba(130,188,242,.62);

  box-shadow:
    0 8px 20px rgba(19,76,137,.22),
    inset 0 1px 0 rgba(255,255,255,.26);
}


/* Top glass */

html[data-ciq-theme="light"] .topbar{
  background:
    rgba(238,246,251,.57);

  border-bottom:
    1px solid rgba(255,255,255,.68);

  backdrop-filter:
    blur(30px)
    saturate(155%);

  -webkit-backdrop-filter:
    blur(30px)
    saturate(155%);

  box-shadow:
    0 8px 30px rgba(50,78,102,.08),
    inset 0 1px 0 rgba(255,255,255,.85);
}


/* Actual frosted cards */

html[data-ciq-theme="light"] .metric,
html[data-ciq-theme="light"] .panel,
html[data-ciq-theme="light"] .sow-panel,
html[data-ciq-theme="light"] .manager-dash-sows{
  background:
    rgba(245,250,253,.52);

  border:
    1px solid rgba(255,255,255,.76);

  backdrop-filter:
    blur(26px)
    saturate(150%);

  -webkit-backdrop-filter:
    blur(26px)
    saturate(150%);

  box-shadow:
    0 13px 32px rgba(49,79,104,.10),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 0 0 1px rgba(116,151,180,.08);
}


/* Remove old white glare effect */

html[data-ciq-theme="light"] .metric::after,
html[data-ciq-theme="dark"] .metric::after{
  display:none;
}

html[data-ciq-theme="light"] .metric{
  overflow:hidden;
}

html[data-ciq-theme="light"] .metric::before{
  height:100%;
  opacity:.22;

  background:
    linear-gradient(
      135deg,
      rgba(119,176,226,.14),
      transparent 42%,
      rgba(255,255,255,.18)
    );
}


/* Table also becomes glass */

html[data-ciq-theme="light"] .sow-table th{
  color:#435d77;

  background:
    rgba(222,234,243,.55);

  backdrop-filter:blur(18px);
}

html[data-ciq-theme="light"] .sow-table td{
  background:
    rgba(246,250,253,.26);
}

html[data-ciq-theme="light"] .sow-table tbody tr:hover td{
  background:
    rgba(255,255,255,.46);
}


/* Light controls */

html[data-ciq-theme="light"] .user-chip{
  padding:8px 10px;
  border-radius:18px;

  background:
    rgba(255,255,255,.38);

  border:
    1px solid rgba(255,255,255,.64);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82);
}

html[data-ciq-theme="light"] .field input,
html[data-ciq-theme="light"] .table-tools input,
html[data-ciq-theme="light"] .repo-search input{
  background:
    rgba(255,255,255,.46);

  border-color:
    rgba(128,158,184,.30);

  backdrop-filter:blur(18px);
}


/* ---------------------------------------------------------
   DARK — SMOKED GLASS, NOT FLAT NAVY
   --------------------------------------------------------- */

html[data-ciq-theme="dark"] body{
  background:
    radial-gradient(circle at 72% 8%,rgba(30,93,143,.20),transparent 35%),
    radial-gradient(circle at 20% 80%,rgba(40,63,96,.22),transparent 32%),
    linear-gradient(145deg,#05101a,#081724 50%,#040b12);
}

html[data-ciq-theme="dark"] .main{
  position:relative;

  background:
    linear-gradient(
      145deg,
      rgba(7,20,31,.82),
      rgba(4,13,21,.92)
    );
}

html[data-ciq-theme="dark"] .main::before{
  content:"";
  position:fixed;
  inset:0 0 0 248px;
  z-index:0;
  pointer-events:none;

  background:
    radial-gradient(circle at 75% 17%,rgba(41,106,157,.12),transparent 31%),
    radial-gradient(circle at 30% 74%,rgba(65,45,111,.08),transparent 34%);
}

html[data-ciq-theme="dark"] .topbar,
html[data-ciq-theme="dark"] .content{
  position:relative;
  z-index:1;
}

html[data-ciq-theme="dark"] .sidebar{
  background:
    linear-gradient(
      160deg,
      rgba(15,33,49,.72),
      rgba(5,17,28,.76)
    );

  border-right:
    1px solid rgba(136,177,211,.17);

  backdrop-filter:
    blur(30px)
    saturate(145%);

  -webkit-backdrop-filter:
    blur(30px)
    saturate(145%);

  box-shadow:
    10px 0 35px rgba(0,0,0,.24),
    inset -1px 0 0 rgba(255,255,255,.035);
}


/* readable dark navigation */

html[data-ciq-theme="dark"] .sidebar .brand strong{
  color:#f1f7fc;
}

html[data-ciq-theme="dark"] .sidebar .brand span,
html[data-ciq-theme="dark"] .sidebar-foot{
  color:#849aae;
}

html[data-ciq-theme="dark"] .nav button{
  color:#b7c8d8 !important;
}

html[data-ciq-theme="dark"] .nav button:hover{
  color:#fff !important;

  background:
    rgba(72,112,147,.16);

  border-color:
    rgba(126,177,219,.17);
}

html[data-ciq-theme="dark"] .nav button.active{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(26,103,188,.72),
      rgba(14,64,123,.56)
    );

  border-color:
    rgba(69,157,236,.60);

  box-shadow:
    0 0 0 1px rgba(49,136,222,.12),
    0 8px 26px rgba(0,91,181,.22),
    inset 0 1px 0 rgba(255,255,255,.11);
}

html[data-ciq-theme="dark"] .topbar{
  background:
    rgba(9,25,38,.54);

  border-bottom:
    1px solid rgba(137,176,207,.16);

  backdrop-filter:
    blur(30px)
    saturate(150%);

  -webkit-backdrop-filter:
    blur(30px)
    saturate(150%);
}


/* translucent dark cards */

html[data-ciq-theme="dark"] .metric,
html[data-ciq-theme="dark"] .panel,
html[data-ciq-theme="dark"] .sow-panel,
html[data-ciq-theme="dark"] .manager-dash-sows{
  background:
    rgba(16,34,49,.48);

  border:
    1px solid rgba(137,177,209,.21);

  backdrop-filter:
    blur(26px)
    saturate(145%);

  -webkit-backdrop-filter:
    blur(26px)
    saturate(145%);

  box-shadow:
    0 15px 38px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.065);
}


/* subtle individual metric color */

html[data-ciq-theme="dark"] .metric:nth-child(1){
  box-shadow:
    inset 0 0 28px rgba(41,137,225,.055),
    0 15px 38px rgba(0,0,0,.26);
}

html[data-ciq-theme="dark"] .metric:nth-child(2){
  box-shadow:
    inset 0 0 28px rgba(55,151,231,.06),
    0 15px 38px rgba(0,0,0,.26);
}

html[data-ciq-theme="dark"] .metric:nth-child(3){
  box-shadow:
    inset 0 0 28px rgba(158,75,215,.06),
    0 15px 38px rgba(0,0,0,.26);
}

html[data-ciq-theme="dark"] .metric:nth-child(4){
  box-shadow:
    inset 0 0 28px rgba(54,190,118,.055),
    0 15px 38px rgba(0,0,0,.26);
}

html[data-ciq-theme="dark"] .sow-table th{
  color:#91a8bc;

  background:
    rgba(21,41,57,.57);
}

html[data-ciq-theme="dark"] .sow-table td{
  background:
    rgba(5,17,27,.18);
}

html[data-ciq-theme="dark"] .sow-table tbody tr:hover td{
  background:
    rgba(45,86,119,.17);
}

html[data-ciq-theme="dark"] .user-chip{
  padding:8px 10px;
  border-radius:18px;

  background:
    rgba(29,48,64,.43);

  border:
    1px solid rgba(139,177,208,.18);
}


/* ---------------------------------------------------------
   SWITCHER — CLEAN GLASS PILL
   --------------------------------------------------------- */

.ciq-theme-switcher{
  gap:2px;
  padding:4px;

  background:
    rgba(220,232,241,.26);

  border:
    1px solid rgba(133,159,181,.26);

  backdrop-filter:
    blur(20px)
    saturate(150%);

  -webkit-backdrop-filter:
    blur(20px)
    saturate(150%);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40);
}

html[data-ciq-theme="dark"] .ciq-theme-switcher{
  background:
    rgba(20,42,59,.42);

  border-color:
    rgba(124,167,202,.20);
}

.ciq-theme-switcher button[aria-pressed="true"]{
  border:
    1px solid rgba(53,133,219,.54);

  box-shadow:
    0 4px 14px rgba(32,107,186,.15),
    inset 0 1px 0 rgba(255,255,255,.38);
}

html[data-ciq-theme="dark"]
.ciq-theme-switcher button[aria-pressed="true"]{
  background:
    linear-gradient(
      180deg,
      rgba(30,91,153,.68),
      rgba(15,54,92,.67)
    );

  border:
    1px solid rgba(60,153,241,.52);

  box-shadow:
    0 0 16px rgba(30,119,209,.18),
    inset 0 1px 0 rgba(255,255,255,.11);
}


/* Slightly rounder premium glass geometry */

.metric,
.panel,
.sow-panel,
.manager-dash-sows{
  border-radius:19px;
}

.topbar{
  min-height:80px;
}


/* Respect reduced-motion users */

@media(prefers-reduced-motion:reduce){
  html,
  body,
  .main,
  .sidebar,
  .topbar,
  .metric,
  .panel,
  .sow-panel,
  .manager-dash-sows,
  .nav button,
  .ciq-theme-switcher,
  .ciq-theme-switcher button{
    transition:none !important;
  }
}


/* =========================================================
   CONTRACTIQ THEME V3
   Glass + Graphite only
   Visual layer only
   ========================================================= */


/* ---------------------------------------------------------
   Shared polish
   --------------------------------------------------------- */

html,
body,
.main,
.sidebar,
.topbar,
.metric,
.panel,
.sow-panel,
.manager-dash-sows,
.sow-table th,
.sow-table td,
.nav button,
.user-chip,
.ciq-theme-switcher,
.ciq-theme-switcher button,
input,
button{
  transition:
    background .26s ease,
    background-color .26s ease,
    color .20s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    opacity .20s ease,
    transform .16s ease;
}


/* ---------------------------------------------------------
   GLASS
   --------------------------------------------------------- */

html[data-ciq-theme="light"] body{
  background:
    radial-gradient(circle at 78% 12%,rgba(150,190,224,.34),transparent 32%),
    radial-gradient(circle at 20% 76%,rgba(197,216,232,.34),transparent 34%),
    linear-gradient(135deg,#e5edf4 0%,#f2f6f9 48%,#dbe7ef 100%);
}

html[data-ciq-theme="light"] .main{
  background:
    linear-gradient(
      135deg,
      rgba(236,244,249,.58),
      rgba(216,229,239,.50)
    );
}

html[data-ciq-theme="light"] .sidebar{
  color:#17324f;

  background:
    linear-gradient(
      160deg,
      rgba(242,248,252,.72),
      rgba(215,229,240,.62)
    );

  border-right:
    1px solid rgba(255,255,255,.76);

  backdrop-filter:
    blur(30px)
    saturate(150%);

  -webkit-backdrop-filter:
    blur(30px)
    saturate(150%);

  box-shadow:
    10px 0 32px rgba(43,74,101,.10),
    inset -1px 0 0 rgba(124,153,178,.13);
}

html[data-ciq-theme="light"] .sidebar .brand strong{
  color:#102d4d;
}

html[data-ciq-theme="light"] .sidebar .brand span,
html[data-ciq-theme="light"] .sidebar-foot{
  color:#6f8499;
}

html[data-ciq-theme="light"] .nav button{
  color:#35536f !important;
}

html[data-ciq-theme="light"] .nav button:hover{
  color:#0d355d !important;
  background:rgba(255,255,255,.42);
}

html[data-ciq-theme="light"] .nav button.active{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(27,107,194,.92),
      rgba(13,68,130,.90)
    );

  border-color:
    rgba(128,191,247,.58);

  box-shadow:
    0 8px 22px rgba(22,82,145,.20),
    inset 0 1px 0 rgba(255,255,255,.26);
}

html[data-ciq-theme="light"] .topbar{
  background:
    rgba(239,246,251,.58);

  border-bottom:
    1px solid rgba(255,255,255,.68);

  backdrop-filter:
    blur(28px)
    saturate(155%);

  -webkit-backdrop-filter:
    blur(28px)
    saturate(155%);
}

html[data-ciq-theme="light"] .metric,
html[data-ciq-theme="light"] .panel,
html[data-ciq-theme="light"] .sow-panel,
html[data-ciq-theme="light"] .manager-dash-sows{
  background:
    rgba(244,249,253,.48);

  border:
    1px solid rgba(255,255,255,.78);

  backdrop-filter:
    blur(28px)
    saturate(150%);

  -webkit-backdrop-filter:
    blur(28px)
    saturate(150%);

  box-shadow:
    0 12px 28px rgba(48,77,102,.09),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 0 0 1px rgba(112,149,179,.06);
}


/* ---------------------------------------------------------
   GRAPHITE
   --------------------------------------------------------- */

html[data-ciq-theme="dark"] body{
  color:#edf4fa;

  background:
    radial-gradient(circle at 76% 10%,rgba(41,102,150,.18),transparent 34%),
    radial-gradient(circle at 18% 78%,rgba(82,93,116,.16),transparent 34%),
    linear-gradient(145deg,#0a1520 0%,#0f1d2a 50%,#07111a 100%);
}

html[data-ciq-theme="dark"] .main{
  color:#eef5fb;

  background:
    linear-gradient(
      145deg,
      rgba(18,32,44,.84),
      rgba(11,22,32,.92)
    );
}

html[data-ciq-theme="dark"] .sidebar{
  background:
    linear-gradient(
      160deg,
      rgba(72,86,99,.72),
      rgba(39,54,68,.68)
    );

  border-right:
    1px solid rgba(180,198,214,.16);

  backdrop-filter:
    blur(30px)
    saturate(135%);

  -webkit-backdrop-filter:
    blur(30px)
    saturate(135%);

  box-shadow:
    10px 0 34px rgba(0,0,0,.18),
    inset -1px 0 0 rgba(255,255,255,.04);
}

html[data-ciq-theme="dark"] .sidebar .brand strong{
  color:#f7fbff;
}

html[data-ciq-theme="dark"] .sidebar .brand span,
html[data-ciq-theme="dark"] .sidebar-foot{
  color:#b5c3cf;
}

html[data-ciq-theme="dark"] .nav button{
  color:#d4dee8 !important;
}

html[data-ciq-theme="dark"] .nav button:hover{
  color:#fff !important;

  background:
    rgba(117,145,170,.16);

  border-color:
    rgba(173,196,215,.15);
}

html[data-ciq-theme="dark"] .nav button.active{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(41,111,181,.76),
      rgba(28,77,128,.64)
    );

  border-color:
    rgba(83,164,236,.56);

  box-shadow:
    0 8px 22px rgba(0,73,145,.18),
    inset 0 1px 0 rgba(255,255,255,.11);
}

html[data-ciq-theme="dark"] .topbar{
  color:#f4f8fb;

  background:
    rgba(28,43,56,.56);

  border-bottom:
    1px solid rgba(166,190,210,.15);

  backdrop-filter:
    blur(28px)
    saturate(140%);

  -webkit-backdrop-filter:
    blur(28px)
    saturate(140%);
}


/* Graphite cards = smoky glass, not white */

html[data-ciq-theme="dark"] .metric,
html[data-ciq-theme="dark"] .panel,
html[data-ciq-theme="dark"] .sow-panel,
html[data-ciq-theme="dark"] .manager-dash-sows{
  background:
    linear-gradient(
      145deg,
      rgba(103,119,133,.18),
      rgba(47,64,78,.30)
    );

  border:
    1px solid rgba(188,204,218,.18);

  backdrop-filter:
    blur(28px)
    saturate(135%);

  -webkit-backdrop-filter:
    blur(28px)
    saturate(135%);

  box-shadow:
    0 14px 32px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.06);
}


/* Remove any leftover hard-white metric look */

html[data-ciq-theme="dark"] .metric{
  color:#f6f9fc !important;
}

html[data-ciq-theme="dark"] .metric span{
  color:#d3dde6 !important;
}

html[data-ciq-theme="dark"] .metric strong{
  color:#ffffff !important;
}

html[data-ciq-theme="dark"] .hero h1,
html[data-ciq-theme="dark"] .topbar h2,
html[data-ciq-theme="dark"] .panel-head h3,
html[data-ciq-theme="dark"] .manager-table-title h3,
html[data-ciq-theme="dark"] .sow-table td,
html[data-ciq-theme="dark"] .user-chip strong{
  color:#f4f8fb !important;
}

html[data-ciq-theme="dark"] .hero p,
html[data-ciq-theme="dark"] .manager-table-title p,
html[data-ciq-theme="dark"] .panel-head p,
html[data-ciq-theme="dark"] .user-chip small,
html[data-ciq-theme="dark"] .table-footer{
  color:#b7c6d2 !important;
}

html[data-ciq-theme="dark"] .sow-table th{
  color:#bfd0dd !important;

  background:
    rgba(88,105,119,.22);

  border-color:
    rgba(188,204,217,.13);
}

html[data-ciq-theme="dark"] .sow-table td{
  color:#eef4f8 !important;

  background:
    rgba(27,41,53,.20);

  border-color:
    rgba(182,200,214,.10);
}

html[data-ciq-theme="dark"] .sow-table tbody tr:hover td{
  background:
    rgba(92,117,137,.18);
}

html[data-ciq-theme="dark"] .user-chip{
  background:
    rgba(87,102,116,.22);

  border:
    1px solid rgba(190,205,217,.14);
}

html[data-ciq-theme="dark"] .field input,
html[data-ciq-theme="dark"] .table-tools input,
html[data-ciq-theme="dark"] .repo-search input{
  color:#eef5fa;

  background:
    rgba(87,102,116,.20);

  border-color:
    rgba(187,205,219,.17);
}

html[data-ciq-theme="dark"] input::placeholder{
  color:#a8bac8;
}


/* ---------------------------------------------------------
   Theme switcher
   --------------------------------------------------------- */

.ciq-theme-switcher{
  background:
    rgba(180,198,213,.18);

  border:
    1px solid rgba(151,174,194,.22);
}

html[data-ciq-theme="dark"] .ciq-theme-switcher{
  background:
    rgba(71,88,103,.26);

  border-color:
    rgba(180,201,217,.15);
}

html[data-ciq-theme="dark"]
.ciq-theme-switcher button{
  color:#c5d1dc;
}

html[data-ciq-theme="dark"]
.ciq-theme-switcher button[aria-pressed="true"]{
  color:#fff;

  background:
    linear-gradient(
      180deg,
      rgba(37,98,159,.72),
      rgba(23,66,108,.72)
    );

  border:
    1px solid rgba(75,157,232,.48);

  box-shadow:
    0 0 16px rgba(42,130,214,.14),
    inset 0 1px 0 rgba(255,255,255,.10);
}


/* =========================================================
   CONTRACTIQ THEME V4
   Final Graphite glass refinement
   ========================================================= */

/*
 * GRAPHITE SHOULD NEVER USE STARK WHITE CONTROLS.
 * All interactive surfaces become smoky / frosted glass.
 */

html[data-ciq-theme="dark"] .metric{
  background:
    linear-gradient(
      145deg,
      rgba(69,100,126,.31),
      rgba(25,48,67,.45)
    ) !important;

  border:
    1px solid rgba(161,196,224,.24) !important;

  box-shadow:
    0 16px 36px rgba(0,0,0,.21),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 0 35px rgba(55,130,191,.035) !important;
}


/* Dashboard headline + supporting text */

html[data-ciq-theme="dark"] #heroHeading,
html[data-ciq-theme="dark"] #workspaceTitle,
html[data-ciq-theme="dark"] .manager-table-title h3,
html[data-ciq-theme="dark"] .panel h3,
html[data-ciq-theme="dark"] .sow-panel h3{
  color:#f5f9fc !important;
}

html[data-ciq-theme="dark"] #heroDescription,
html[data-ciq-theme="dark"] .manager-table-title p{
  color:#b8c9d7 !important;
}


/* All dashboard table text */

html[data-ciq-theme="dark"] .manager-dash-sows,
html[data-ciq-theme="dark"] .manager-dash-sows td,
html[data-ciq-theme="dark"] .manager-dash-sows strong,
html[data-ciq-theme="dark"] .sow-panel,
html[data-ciq-theme="dark"] .sow-panel td,
html[data-ciq-theme="dark"] .sow-panel strong{
  color:#e8f0f6 !important;
}

html[data-ciq-theme="dark"] .sow-table th{
  color:#a9c0d2 !important;
}


/* Search boxes */

html[data-ciq-theme="dark"] .manager-table-tools input,
html[data-ciq-theme="dark"] .table-tools input,
html[data-ciq-theme="dark"] .repo-search input,
html[data-ciq-theme="dark"] .field input{
  color:#edf5fb !important;

  background:
    linear-gradient(
      145deg,
      rgba(81,106,126,.25),
      rgba(37,59,76,.31)
    ) !important;

  border:
    1px solid rgba(172,198,218,.20) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 7px 18px rgba(0,0,0,.10) !important;

  backdrop-filter:
    blur(20px)
    saturate(135%);

  -webkit-backdrop-filter:
    blur(20px)
    saturate(135%);
}

html[data-ciq-theme="dark"]
.manager-table-tools input::placeholder,
html[data-ciq-theme="dark"]
.table-tools input::placeholder,
html[data-ciq-theme="dark"]
.repo-search input::placeholder{
  color:#a9bdcc !important;
}


/* Remove white Filters / document / utility buttons */

html[data-ciq-theme="dark"] .manager-table-tools button,
html[data-ciq-theme="dark"] .filter-btn,
html[data-ciq-theme="dark"] .open-btn,
html[data-ciq-theme="dark"] .template-grid button,
html[data-ciq-theme="dark"] .sow-table button,
html[data-ciq-theme="dark"] .ciq-package-btn,
html[data-ciq-theme="dark"] .primary-small{
  color:#eaf4fb !important;

  background:
    linear-gradient(
      145deg,
      rgba(88,113,134,.30),
      rgba(29,52,70,.46)
    ) !important;

  border:
    1px solid rgba(164,196,221,.21) !important;

  box-shadow:
    0 7px 18px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.07) !important;

  backdrop-filter:
    blur(18px)
    saturate(135%);

  -webkit-backdrop-filter:
    blur(18px)
    saturate(135%);
}

html[data-ciq-theme="dark"] .manager-table-tools button:hover,
html[data-ciq-theme="dark"] .filter-btn:hover,
html[data-ciq-theme="dark"] .open-btn:hover,
html[data-ciq-theme="dark"] .template-grid button:hover,
html[data-ciq-theme="dark"] .sow-table button:hover,
html[data-ciq-theme="dark"] .ciq-package-btn:hover{
  color:#fff !important;

  background:
    linear-gradient(
      145deg,
      rgba(49,111,166,.48),
      rgba(24,67,106,.58)
    ) !important;

  border-color:
    rgba(83,165,235,.44) !important;
}


/* Document pills specifically */

html[data-ciq-theme="dark"] .sow-table a,
html[data-ciq-theme="dark"] .sow-table a:visited{
  color:#dcecf8 !important;
}

html[data-ciq-theme="dark"] .doc-chip,
html[data-ciq-theme="dark"] .document-chip,
html[data-ciq-theme="dark"] .approval-chip{
  color:#e8f3fb !important;

  background:
    rgba(75,102,124,.28) !important;

  border-color:
    rgba(160,194,220,.18) !important;
}


/* User card */

html[data-ciq-theme="dark"] .user-chip strong{
  color:#f5f9fc !important;
}

html[data-ciq-theme="dark"] .user-chip small{
  color:#aebfcd !important;
}

html[data-ciq-theme="dark"] #signOut{
  color:#eaf3f9 !important;

  background:
    rgba(77,99,116,.24) !important;

  border-color:
    rgba(172,198,218,.16) !important;
}


/* Repository glass */

html[data-ciq-theme="dark"] #repositoryView .panel,
html[data-ciq-theme="dark"] #repositoryView .memory-card,
html[data-ciq-theme="dark"] #repositoryView .repo-state,
html[data-ciq-theme="dark"] #repositoryView .drop{
  color:#eaf2f8;

  background:
    linear-gradient(
      145deg,
      rgba(75,100,120,.23),
      rgba(30,52,69,.37)
    ) !important;

  border-color:
    rgba(165,195,218,.18) !important;
}

html[data-ciq-theme="dark"] #repositoryView h1,
html[data-ciq-theme="dark"] #repositoryView h3,
html[data-ciq-theme="dark"] #repositoryView strong{
  color:#f4f8fb !important;
}

html[data-ciq-theme="dark"] #repositoryView p,
html[data-ciq-theme="dark"] #repositoryView small,
html[data-ciq-theme="dark"] #repositoryView .subcopy{
  color:#b7c7d4 !important;
}



/* ContractIQ Repository operating workspace */

.ciq-repository-workspace{
  width:100%;
  min-height:260px;
  margin-top:18px;
  padding:24px;
  border-radius:18px;
  border:1px solid rgba(130,151,170,.20);
  display:block;
  overflow:hidden;
}

.ciq-repository-workspace > strong:first-child{
  display:block;
  margin:0 0 5px;
  font-size:16px;
  letter-spacing:-.02em;
}

.ciq-repository-workspace > span{
  display:block;
  margin-bottom:14px;
  font-size:11px;
  line-height:1.55;
}

html[data-ciq-theme="light"]
.ciq-repository-workspace{
  color:#607286;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.68),
      rgba(240,245,249,.72)
    );
  box-shadow:
    0 12px 30px rgba(48,77,102,.07),
    inset 0 1px 0 rgba(255,255,255,.90);
  backdrop-filter:
    blur(20px)
    saturate(125%);
  -webkit-backdrop-filter:
    blur(20px)
    saturate(125%);
}

html[data-ciq-theme="light"]
.ciq-repository-workspace > strong{
  color:#17324e;
}

html[data-ciq-theme="dark"]
.ciq-repository-workspace{
  color:var(--ciq-text-soft);
  background:
    linear-gradient(
      145deg,
      rgba(75,100,120,.23),
      rgba(30,52,69,.37)
    );
  border-color:
    rgba(165,195,218,.18);
  box-shadow:
    0 12px 30px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:
    blur(20px)
    saturate(135%);
  -webkit-backdrop-filter:
    blur(20px)
    saturate(135%);
}

html[data-ciq-theme="dark"]
.ciq-repository-workspace > strong{
  color:#f4f8fb;
}

@media(max-width:900px){
  .ciq-repository-workspace{
    min-height:220px;
    padding:18px;
  }
}

/* Rate Card visual treatment */

.ciq-rate-card-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:4px;
}

.ciq-rate-card-tile{
  appearance:none;
  width:100%;
  text-align:left;
  padding:17px 18px;
  border-radius:15px;
  cursor:pointer;
}

.ciq-rate-card-tile strong{
  display:block;
  margin-bottom:5px;
  font-size:13px;
}

.ciq-rate-card-tile small{
  display:block;
  font-size:10px;
  line-height:1.45;
}

html[data-ciq-theme="light"]
.ciq-rate-card-tile{
  color:#163b60;

  background:
    rgba(255,255,255,.42);

  border:
    1px solid rgba(255,255,255,.74);

  box-shadow:
    0 8px 20px rgba(48,77,102,.07),
    inset 0 1px 0 rgba(255,255,255,.88);

  backdrop-filter:blur(18px);
}

html[data-ciq-theme="dark"]
.ciq-rate-card-tile{
  color:#edf6fc;

  background:
    linear-gradient(
      145deg,
      rgba(83,110,131,.27),
      rgba(29,53,71,.42)
    );

  border:
    1px solid rgba(161,194,219,.20);

  box-shadow:
    0 8px 20px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.06);

  backdrop-filter:
    blur(19px)
    saturate(135%);
}

html[data-ciq-theme="dark"]
.ciq-rate-card-tile:hover{
  border-color:
    rgba(65,157,235,.48);

  background:
    linear-gradient(
      145deg,
      rgba(49,111,166,.44),
      rgba(27,69,105,.50)
    );
}

@media(max-width:900px){
  .ciq-rate-card-grid{
    grid-template-columns:1fr;
  }
}

/* Graphite document download arrow */
html[data-ciq-theme="dark"] .ciq-package-download{
  color:#dcecf7 !important;
  background:
    linear-gradient(
      145deg,
      rgba(83,110,131,.30),
      rgba(29,53,71,.46)
    ) !important;
  border:
    1px solid rgba(161,194,219,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 5px 14px rgba(0,0,0,.12) !important;
  backdrop-filter:
    blur(16px)
    saturate(135%);
}

html[data-ciq-theme="dark"] .ciq-package-download:hover{
  color:#ffffff !important;
  background:
    linear-gradient(
      145deg,
      rgba(49,111,166,.48),
      rgba(27,69,105,.54)
    ) !important;
  border-color:
    rgba(65,157,235,.52) !important;
}

/* Graphite semantic status + approval colors */
html[data-ciq-theme="dark"] .status-chip,
html[data-ciq-theme="dark"] .funding-chip,
html[data-ciq-theme="dark"] .ciq-approval-status,
html[data-ciq-theme="dark"] .ciq-approval-complete{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 3px 10px rgba(0,0,0,.10) !important;
  backdrop-filter:blur(12px) saturate(140%);
}

/* Amber — new / pending */
html[data-ciq-theme="dark"] .status-chip.new,
html[data-ciq-theme="dark"] .funding-chip.pending,
html[data-ciq-theme="dark"] .ciq-approval-status:not(.approved):not(.changes):not(.not-required){
  background:rgba(205,145,38,.20) !important;
  color:#ffd98a !important;
  border-color:rgba(238,177,67,.38) !important;
}

/* Blue — redlines */
html[data-ciq-theme="dark"] .status-chip.redline{
  background:rgba(48,126,195,.22) !important;
  color:#9fd3ff !important;
  border-color:rgba(77,157,226,.40) !important;
}

/* Purple — approval */
html[data-ciq-theme="dark"] .status-chip.approval{
  background:rgba(135,94,190,.22) !important;
  color:#d6b9ff !important;
  border-color:rgba(166,123,221,.40) !important;
}

/* Green — ready / approved */
html[data-ciq-theme="dark"] .status-chip.ready,
html[data-ciq-theme="dark"] .funding-chip.approved,
html[data-ciq-theme="dark"] .ciq-approval-status.approved,
html[data-ciq-theme="dark"] .ciq-approval-complete{
  background:rgba(42,145,91,.22) !important;
  color:#9be7b9 !important;
  border-color:rgba(67,181,117,.40) !important;
}

/* Slate blue — review */
html[data-ciq-theme="dark"] .status-chip.review{
  background:rgba(92,124,151,.22) !important;
  color:#c4d9e8 !important;
  border-color:rgba(132,164,190,.34) !important;
}

/* Red — changes required */
html[data-ciq-theme="dark"] .ciq-approval-status.changes{
  background:rgba(190,61,61,.22) !important;
  color:#ffaaaa !important;
  border-color:rgba(225,87,87,.40) !important;
}

/* Neutral — not required */
html[data-ciq-theme="dark"] .ciq-approval-status.not-required{
  background:rgba(112,132,148,.18) !important;
  color:#c2d0da !important;
  border-color:rgba(151,171,187,.28) !important;
}

/* Daily ContractIQ header quote */
#workspaceTitle{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  max-width:min(720px,60vw);
}

.ciq-daily-quote{
  display:block;
  font-size:14px;
  line-height:1.3;
  font-weight:650;
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ciq-daily-quote-author{
  display:block;
  font-size:10px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.035em;
  opacity:.58;
}

@media(max-width:900px){
  #workspaceTitle{
    max-width:52vw;
  }

  .ciq-daily-quote{
    font-size:12px;
  }
}


/* CIQ PUBLIC PORTFOLIO ENTRANCE */

.ciq-public-gate{
  display:block;
  min-height:100vh;
  padding:0;
  overflow:hidden;
}

.ciq-public-shell{
  width:min(1440px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:0 64px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  position:relative;
}

.ciq-public-nav{
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  position:relative;
  z-index:2;
}

.ciq-public-nav .brand{
  margin:0;
}

.ciq-public-text-btn,
.ciq-public-secondary,
.ciq-public-footer button{
  appearance:none;
  border:0;
  font-family:inherit;
}

.ciq-public-text-btn{
  color:#18324f;
  background:rgba(255,255,255,.42);
  border:1px solid rgba(126,146,166,.22);
  padding:10px 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:730;
  letter-spacing:-.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 5px 18px rgba(32,52,72,.05);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.ciq-public-text-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.7);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 10px 26px rgba(32,52,72,.09);
}

.ciq-public-main{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
  gap:72px;
  align-items:center;
  padding:54px 0 70px;
  position:relative;
  z-index:1;
}

.ciq-public-copy{
  max-width:650px;
}

.ciq-public-copy .eyebrow{
  color:#58718a;
  margin-bottom:16px;
}

.ciq-public-copy h1{
  margin:0;
  max-width:660px;
  font-size:clamp(48px,5vw,76px);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:760;
  color:#0b2038;
}

.ciq-public-lede{
  margin:26px 0 0;
  max-width:585px;
  color:#617287;
  font-size:17px;
  line-height:1.62;
  letter-spacing:-.012em;
}

.ciq-public-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:34px;
}

.ciq-public-actions .primary{
  width:auto;
  min-width:158px;
  border-radius:999px;
  padding:14px 24px;
}

.ciq-demo-primary{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 30px rgba(7,24,47,.20);
}

.ciq-public-secondary{
  color:#18324f;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(123,143,164,.28);
  border-radius:999px;
  padding:14px 22px;
  font-weight:740;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 7px 20px rgba(34,54,74,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:.18s ease;
}

.ciq-public-secondary:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 11px 24px rgba(34,54,74,.09);
}

.ciq-demo-note{
  margin:14px 0 0;
  color:#7b8998;
  font-size:11px;
  line-height:1.5;
}

.ciq-public-preview{
  position:relative;
  min-width:0;
}

.ciq-public-preview:before{
  content:"";
  position:absolute;
  width:68%;
  aspect-ratio:1;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-52%);
  background:rgba(71,121,170,.12);
  filter:blur(70px);
  pointer-events:none;
}

.ciq-preview-window{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.8);
  background:rgba(245,248,251,.74);
  box-shadow:
    0 42px 95px rgba(38,61,83,.19),
    0 10px 30px rgba(38,61,83,.09),
    inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  transform:perspective(1300px) rotateY(-4deg) rotateX(1.5deg);
  transform-origin:center;
}

.ciq-preview-bar{
  height:48px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 17px;
  border-bottom:1px solid rgba(141,158,175,.2);
  background:rgba(255,255,255,.48);
}

.ciq-preview-bar span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b8c3cd;
}

.ciq-preview-bar strong{
  margin-left:9px;
  color:#41576f;
  font-size:10px;
  letter-spacing:-.01em;
}

.ciq-preview-body{
  min-height:408px;
  display:grid;
  grid-template-columns:92px 1fr;
}

.ciq-preview-side{
  padding:23px 18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  background:
    linear-gradient(
      180deg,
      rgba(7,26,48,.96),
      rgba(10,38,68,.94)
    );
}

.ciq-preview-side b{
  color:white;
  font-size:12px;
  letter-spacing:-.04em;
}

.ciq-preview-side i{
  display:block;
  width:48px;
  height:7px;
  border-radius:99px;
  background:rgba(255,255,255,.18);
}

.ciq-preview-side i:nth-of-type(2){
  width:40px;
}

.ciq-preview-side i:nth-of-type(3){
  width:52px;
}

.ciq-preview-content{
  padding:36px 32px;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.69),
      rgba(236,241,246,.70)
    );
}

.ciq-preview-content small{
  color:#7890a7;
  font-size:8px;
  font-weight:820;
  letter-spacing:.15em;
}

.ciq-preview-content h2{
  margin:7px 0 22px;
  color:#142b43;
  font-size:25px;
  letter-spacing:-.04em;
}

.ciq-preview-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-bottom:22px;
}

.ciq-preview-metrics span{
  min-width:0;
  padding:13px 12px;
  color:#708297;
  font-size:8px;
  border-radius:12px;
  border:1px solid rgba(150,167,184,.19);
  background:rgba(255,255,255,.63);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}

.ciq-preview-metrics b{
  display:block;
  margin-bottom:3px;
  color:#1a334c;
  font-size:17px;
}

.ciq-preview-row{
  display:grid;
  grid-template-columns:1.5fr .55fr .8fr;
  gap:12px;
  align-items:center;
  padding:14px 13px;
  margin-top:7px;
  border-radius:11px;
  color:#52677e;
  font-size:9px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(147,165,183,.17);
}

.ciq-preview-row strong{
  justify-self:start;
  padding:5px 7px;
  border-radius:999px;
  color:#48657e;
  background:#e7edf2;
  font-size:8px;
}

.ciq-team-login{
  position:fixed;
  z-index:20000;
  top:50%;
  left:50%;
  width:min(500px,calc(100vw - 36px));
  transform:translate(-50%,-50%);
  padding:40px;
  border-radius:28px;
  color:#162c43;
  background:rgba(250,252,254,.88);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    0 42px 110px rgba(17,34,52,.28),
    inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(32px) saturate(145%);
  -webkit-backdrop-filter:blur(32px) saturate(145%);
}

.ciq-team-login:before{
  content:"";
  position:fixed;
  z-index:-2;
  inset:-100vh -100vw;
  background:rgba(14,28,43,.30);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.ciq-team-login h2{
  margin:8px 0 10px;
  font-size:32px;
  letter-spacing:-.045em;
}

.ciq-team-login>p{
  margin:0 0 22px;
  color:#718093;
  font-size:13px;
  line-height:1.6;
}

.ciq-login-close{
  position:absolute;
  top:16px;
  right:16px;
  width:34px;
  height:34px;
  border:1px solid rgba(132,150,168,.22);
  border-radius:50%;
  color:#5f7184;
  background:rgba(255,255,255,.58);
  font-size:20px;
  line-height:1;
}

.ciq-public-footer{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-top:1px solid rgba(128,148,168,.16);
  color:#84919f;
  font-size:10px;
  position:relative;
  z-index:2;
}

.ciq-public-footer nav{
  display:flex;
  align-items:center;
  gap:22px;
}

.ciq-public-footer button{
  padding:0;
  color:#748497;
  background:transparent;
  font-size:10px;
}

.ciq-public-footer button:hover{
  color:#173858;
}


/* Dark theme */

html[data-ciq-theme="dark"] .ciq-public-copy h1{
  color:#f1f6fb;
}

html[data-ciq-theme="dark"] .ciq-public-copy .eyebrow{
  color:#8fa8bf;
}

html[data-ciq-theme="dark"] .ciq-public-lede,
html[data-ciq-theme="dark"] .ciq-demo-note{
  color:#93a4b5;
}

html[data-ciq-theme="dark"] .ciq-public-text-btn,
html[data-ciq-theme="dark"] .ciq-public-secondary{
  color:#e9f1f8;
  background:rgba(21,39,56,.58);
  border-color:rgba(164,184,202,.17);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 22px rgba(0,0,0,.14);
}

html[data-ciq-theme="dark"] .ciq-preview-window{
  border-color:rgba(144,166,186,.18);
  background:rgba(12,27,41,.72);
  box-shadow:
    0 44px 100px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-ciq-theme="dark"] .ciq-preview-bar{
  background:rgba(19,37,54,.66);
  border-color:rgba(148,169,188,.12);
}

html[data-ciq-theme="dark"] .ciq-preview-content{
  background:
    linear-gradient(
      180deg,
      rgba(18,35,50,.92),
      rgba(11,25,38,.94)
    );
}

html[data-ciq-theme="dark"] .ciq-preview-content h2{
  color:#edf4fa;
}

html[data-ciq-theme="dark"] .ciq-preview-metrics span,
html[data-ciq-theme="dark"] .ciq-preview-row{
  color:#9badbd;
  background:rgba(34,52,68,.52);
  border-color:rgba(149,170,190,.12);
}

html[data-ciq-theme="dark"] .ciq-preview-metrics b{
  color:#eff5fb;
}

html[data-ciq-theme="dark"] .ciq-team-login{
  color:#eef4fa;
  background:rgba(13,29,44,.9);
  border-color:rgba(150,171,191,.18);
}

html[data-ciq-theme="dark"] .ciq-team-login>p{
  color:#95a7b8;
}

html[data-ciq-theme="dark"] .ciq-public-footer{
  border-color:rgba(153,174,193,.11);
  color:#77899a;
}

html[data-ciq-theme="dark"] .ciq-public-footer button{
  color:#8497a8;
}


/* Responsive */

@media(max-width:1050px){
  .ciq-public-shell{
    padding:0 34px;
  }

  .ciq-public-main{
    grid-template-columns:1fr;
    gap:54px;
    padding-top:40px;
  }

  .ciq-public-copy{
    max-width:760px;
  }

  .ciq-public-preview{
    width:min(760px,100%);
  }

  .ciq-preview-window{
    transform:none;
  }
}

@media(max-width:640px){
  .ciq-public-shell{
    padding:0 20px;
  }

  .ciq-public-nav{
    min-height:84px;
  }

  .ciq-public-nav .brand span{
    display:none;
  }

  .ciq-public-copy h1{
    font-size:43px;
  }

  .ciq-public-lede{
    font-size:15px;
  }

  .ciq-public-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .ciq-public-actions .primary,
  .ciq-public-secondary{
    width:100%;
  }

  .ciq-preview-body{
    grid-template-columns:64px 1fr;
    min-height:330px;
  }

  .ciq-preview-side{
    padding:20px 10px;
  }

  .ciq-preview-side i{
    width:34px;
  }

  .ciq-preview-content{
    padding:25px 18px;
  }

  .ciq-preview-metrics{
    grid-template-columns:1fr 1fr 1fr;
  }

  .ciq-preview-row{
    grid-template-columns:1.3fr .45fr;
  }

  .ciq-preview-row strong{
    display:none;
  }

  .ciq-public-footer{
    padding:20px 0;
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  .ciq-public-footer nav{
    flex-wrap:wrap;
    gap:15px;
  }

  .ciq-team-login{
    padding:34px 24px 26px;
  }
}

/* CIQ PUBLIC LEGAL SHEETS */

.ciq-legal-sheet{
  width:min(680px,calc(100vw - 36px));
  max-height:min(760px,calc(100vh - 48px));
  overflow:auto;
  padding:42px 44px;
}

.ciq-legal-body{
  color:#647487;
  font-size:13px;
  line-height:1.7;
}

.ciq-legal-body p{
  margin:0 0 22px;
}

.ciq-legal-body h3{
  margin:26px 0 8px;
  color:#18324d;
  font-size:14px;
  letter-spacing:-.02em;
}

.ciq-legal-fine{
  margin-top:30px !important;
  padding-top:18px;
  border-top:1px solid rgba(128,148,168,.18);
  color:#8a98a6;
  font-size:10px;
}

html[data-ciq-theme="dark"] .ciq-legal-body{
  color:#9aabba;
}

html[data-ciq-theme="dark"] .ciq-legal-body h3{
  color:#edf4fa;
}

html[data-ciq-theme="dark"] .ciq-legal-fine{
  border-color:rgba(153,174,193,.13);
  color:#788b9c;
}

@media(max-width:640px){
  .ciq-legal-sheet{
    padding:36px 24px 26px;
  }
}


/* CIQ DEMO REPOSITORY
   Scoped exclusively to the public synthetic demo workspace.
   ========================================================== */

#ciqDemoApp .repo-results{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(230px,1fr));
  gap:16px;
  margin-top:18px;
}

#ciqDemoApp .memory-card{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-height:168px;
  padding:22px;
  border:1px solid rgba(130,151,170,.22);
  border-radius:20px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.72),
      rgba(237,243,248,.62)
    );
  box-shadow:
    0 10px 28px rgba(30,48,65,.08),
    inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}

#ciqDemoApp .memory-card strong{
  font-size:15px;
  line-height:1.35;
}

#ciqDemoApp .memory-card p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#617387;
}

#ciqDemoApp .memory-card small{
  margin-top:auto;
  font-size:11px;
  line-height:1.55;
  color:#7b8da0;
}

#ciqDemoApp .memory-type{
  display:inline-flex;
  align-self:flex-start;
  padding:5px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#405b74;
  background:rgba(112,139,163,.12);
  border:1px solid rgba(112,139,163,.16);
}

#ciqDemoApp .repo-search{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

#ciqDemoApp .repo-search input{
  flex:1;
  min-width:0;
  height:46px;
  padding:0 16px;
  border-radius:13px;
  border:1px solid rgba(125,143,162,.30);
  outline:none;
  font:inherit;
  font-size:13px;
  color:#17324e;
  background:rgba(255,255,255,.64);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 5px 16px rgba(30,48,65,.05);
}

#ciqDemoApp .repo-search input:focus{
  border-color:rgba(55,111,160,.52);
  box-shadow:
    0 0 0 4px rgba(55,111,160,.08),
    inset 0 1px 0 rgba(255,255,255,.92);
}

#ciqDemoApp .repo-search .primary-small{
  min-height:46px;
  padding:0 18px;
  border-radius:13px;
}

#ciqDemoApp .template-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

#ciqDemoApp .template-grid button{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(126,143,160,.28);
  cursor:pointer;
  font:inherit;
  font-size:11px;
  font-weight:680;
  color:#425b72;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.76),
      rgba(229,236,242,.68)
    );
  box-shadow:
    0 5px 13px rgba(34,49,66,.06),
    inset 0 1px 0 rgba(255,255,255,.94);
}

#ciqDemoApp .template-grid button:hover{
  transform:translateY(-1px);
  border-color:rgba(69,124,172,.42);
}

#ciqDemoApp .repo-state{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:16px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(130,151,170,.20);
  background:rgba(239,244,248,.68);
  color:#607286;
}

#ciqDemoApp .repo-state strong{
  color:#17324e;
  font-size:13px;
}

#ciqDemoApp .repo-state span{
  font-size:12px;
  line-height:1.55;
}


/* Dark-mode demo repository */

html[data-ciq-theme="dark"]
#ciqDemoApp .memory-card,
html[data-ciq-theme="dark"]
#ciqDemoApp .repo-state{
  color:var(--ciq-text);
  background:
    linear-gradient(
      145deg,
      rgba(75,100,120,.23),
      rgba(30,52,69,.37)
    );
  border-color:rgba(165,195,218,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 28px rgba(0,0,0,.10);
}

html[data-ciq-theme="dark"]
#ciqDemoApp .memory-card strong,
html[data-ciq-theme="dark"]
#ciqDemoApp .repo-state strong{
  color:#f4f8fb;
}

html[data-ciq-theme="dark"]
#ciqDemoApp .memory-card p,
html[data-ciq-theme="dark"]
#ciqDemoApp .memory-card small,
html[data-ciq-theme="dark"]
#ciqDemoApp .repo-state span{
  color:#aec0cf;
}

html[data-ciq-theme="dark"]
#ciqDemoApp .memory-type{
  color:#dcebf6;
  background:rgba(89,128,158,.22);
  border-color:rgba(150,190,220,.18);
}

@media(max-width:760px){
  #ciqDemoApp .repo-results{
    grid-template-columns:1fr;
  }

  #ciqDemoApp .repo-search{
    align-items:stretch;
    flex-direction:column;
  }

  #ciqDemoApp .repo-search .primary-small{
    width:100%;
  }
}


/* CIQ DEMO CLICKABLE METRICS */

#ciqDemoApp .ciq-demo-metric{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

#ciqDemoApp .ciq-demo-metric:hover{
  transform:translateY(-2px);
  border-color:rgba(57,111,158,.30);
  box-shadow:
    0 16px 34px rgba(30,48,65,.11),
    inset 0 1px 0 rgba(255,255,255,.92);
}

#ciqDemoApp .ciq-demo-metric:active{
  transform:translateY(0);
}

#ciqDemoApp .ciq-demo-metric small{
  display:block;
  margin-top:6px;
  font-size:10px;
  color:#7b8da0;
}

html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-metric small{
  color:#9fb3c4;
}


/* CIQ DEMO APPROVAL COMMAND CENTER */

#ciqDemoApp .ciq-demo-approval-layout{
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(0,1.65fr);
  gap:18px;
  align-items:start;
}

#ciqDemoApp .ciq-demo-approval-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#ciqDemoApp .ciq-demo-approval-card{
  width:100%;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(128,149,168,.22);
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  background:rgba(255,255,255,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92);
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

#ciqDemoApp .ciq-demo-approval-card:hover,
#ciqDemoApp .ciq-demo-approval-card.active{
  transform:translateY(-1px);
  border-color:rgba(56,111,160,.42);
  box-shadow:
    0 10px 24px rgba(35,55,73,.09),
    inset 0 1px 0 rgba(255,255,255,.94);
}

#ciqDemoApp .ciq-demo-approval-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

#ciqDemoApp .ciq-demo-approval-card-head>div{
  min-width:0;
}

#ciqDemoApp .ciq-demo-approval-card-head span{
  display:block;
  margin-bottom:4px;
  font-size:10px;
  color:#72869a;
}

#ciqDemoApp .ciq-demo-approval-card-head strong{
  display:block;
  font-size:13px;
  line-height:1.35;
}

#ciqDemoApp .ciq-demo-approval-count{
  flex:0 0 auto;
  font-size:18px !important;
  font-weight:760;
  color:#17324e !important;
}

#ciqDemoApp .ciq-demo-approval-card small{
  display:block;
  margin-top:8px;
  font-size:10px;
  color:#7c8ea0;
}

#ciqDemoApp .ciq-demo-approval-progress{
  height:6px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(109,132,151,.15);
}

#ciqDemoApp .ciq-demo-approval-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:
    linear-gradient(
      90deg,
      rgba(56,117,168,.72),
      rgba(50,145,129,.72)
    );
}

#ciqDemoApp .ciq-demo-approval-progress-large{
  height:8px;
  margin:16px 0 18px;
}

#ciqDemoApp .ciq-demo-approval-total{
  text-align:right;
}

#ciqDemoApp .ciq-demo-approval-total strong{
  display:block;
  font-size:32px;
  line-height:1;
}

#ciqDemoApp .ciq-demo-approval-total span{
  display:block;
  margin-top:5px;
  font-size:10px;
  color:#7a8da0;
}

#ciqDemoApp .ciq-demo-approval-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:4px;
}

#ciqDemoApp .ciq-demo-approval-summary>div{
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(128,149,168,.18);
  background:rgba(241,245,249,.55);
}

#ciqDemoApp .ciq-demo-approval-summary span{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#7b8da0;
}

#ciqDemoApp .ciq-demo-approval-summary strong{
  font-size:12px;
  line-height:1.4;
}

#ciqDemoApp .ciq-demo-approver-table{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:16px;
}

#ciqDemoApp .ciq-demo-approver-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 15px;
  border:1px solid rgba(128,149,168,.18);
  border-radius:15px;
  background:rgba(255,255,255,.46);
}

#ciqDemoApp .ciq-demo-approver-person{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}

#ciqDemoApp .ciq-demo-approval-avatar{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:12px;
  font-size:11px;
  font-weight:760;
  color:#385772;
  background:rgba(104,139,167,.14);
  border:1px solid rgba(104,139,167,.16);
}

#ciqDemoApp .ciq-demo-approver-person strong,
#ciqDemoApp .ciq-demo-approver-person span,
#ciqDemoApp .ciq-demo-approver-person small{
  display:block;
}

#ciqDemoApp .ciq-demo-approver-person strong{
  font-size:12px;
}

#ciqDemoApp .ciq-demo-approver-person span{
  margin-top:2px;
  font-size:10px;
  color:#718599;
}

#ciqDemoApp .ciq-demo-approver-person small{
  margin-top:2px;
  font-size:9px;
  color:#8b9bab;
}

#ciqDemoApp .ciq-demo-approver-result{
  min-width:190px;
  text-align:right;
}

#ciqDemoApp .ciq-demo-approver-result strong,
#ciqDemoApp .ciq-demo-approver-result small{
  display:block;
}

#ciqDemoApp .ciq-demo-approver-result strong{
  margin-top:6px;
  font-size:10px;
}

#ciqDemoApp .ciq-demo-approver-result small{
  margin-top:3px;
  font-size:9px;
  color:#8192a2;
}


/* Dark approval demo */

html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-card,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approver-row,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-summary>div{
  color:#eaf2f8;
  background:
    linear-gradient(
      145deg,
      rgba(74,99,119,.22),
      rgba(29,51,68,.34)
    );
  border-color:rgba(164,194,217,.17);
}

html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-count,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-total strong{
  color:#f5f9fc !important;
}

html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approver-person span,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approver-person small,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approver-result small,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-card small,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-summary span,
html[data-ciq-theme="dark"]
#ciqDemoApp .ciq-demo-approval-total span{
  color:#9fb3c4;
}

@media(max-width:900px){
  #ciqDemoApp .ciq-demo-approval-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  #ciqDemoApp .ciq-demo-approval-summary{
    grid-template-columns:1fr;
  }

  #ciqDemoApp .ciq-demo-approver-row{
    align-items:flex-start;
    flex-direction:column;
  }

  #ciqDemoApp .ciq-demo-approver-result{
    width:100%;
    min-width:0;
    text-align:left;
  }
}