/* ContractIQ document-first review workspace */
:root {
  --ciq-left-rail: 184px;
  --ciq-inspector: 238px;
}

/* Slimmer global navigation so the working canvas gets priority. */
.app-layout {
  grid-template-columns: var(--ciq-left-rail) minmax(0, 1fr) !important;
}
.sidebar {
  width: var(--ciq-left-rail) !important;
  padding: 16px 12px !important;
}
.side-nav a {
  padding: 10px 11px !important;
  font-size: 12px !important;
}

/* Replace the boxed logo treatment with an integrated glowing wordmark. */
.brand-block {
  min-height: 70px !important;
  padding: 10px 9px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.brand-block::after { display: none !important; }
.brand-block::before {
  content: 'C';
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border-radius: 50%;
  color: #f8fcff;
  font: 900 31px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: -.08em;
  background: radial-gradient(circle at 48% 45%, rgba(78,190,255,.45), rgba(13,80,140,.15) 54%, transparent 70%);
  text-shadow: 0 0 7px #fff, 0 0 15px #63c8ff, 0 0 30px rgba(48,157,255,.85);
  box-shadow: 0 0 16px rgba(74,185,255,.48), inset 0 0 13px rgba(255,255,255,.16);
  animation: ciqCGlow 3.1s ease-in-out infinite;
}
.brand-logo {
  display: none !important;
}
.brand-block > div {
  display: block !important;
  min-width: 0;
}
.brand-block > div::before {
  content: 'ontractIQ';
  color: #f5f9fd;
  font: 760 19px/1.05 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: -.04em;
  text-shadow: 0 1px 12px rgba(100,190,255,.18);
}
.brand-block > div h1,
.brand-block > div p { display: none !important; }
@keyframes ciqCGlow {
  0%, 100% { filter: brightness(.94); transform: scale(.98); }
  50% { filter: brightness(1.22); transform: scale(1.025); }
}

/* Submission workspace: the documents dominate, inspector stays useful but slim. */
#intake.ciq-submission-v2 {
  padding: 22px 24px 30px !important;
}
#intake .ciq-workspace {
  grid-template-columns: minmax(0, 1fr) var(--ciq-inspector) !important;
  gap: 12px !important;
  align-items: stretch !important;
}
#intake .ciq-viewers {
  gap: 10px !important;
  min-height: 690px !important;
}
#intake .ciq-document-surface {
  height: min(72vh, 720px) !important;
  min-height: 610px !important;
}
#intake .ciq-viewer {
  border-radius: 13px !important;
}
#intake .ciq-viewer header {
  height: 43px !important;
  padding: 0 10px !important;
}
#intake .ciq-viewer header strong { font-size: 12px !important; }
#intake .ciq-check-panel {
  width: var(--ciq-inspector) !important;
  padding: 13px !important;
  border-radius: 13px !important;
  max-height: min(78vh, 764px) !important;
  box-shadow: 0 10px 26px rgba(22,44,74,.06) !important;
}
#intake .ciq-check-summary { margin: 10px 0 !important; font-size: 11px !important; }
#intake .ciq-check-list { gap: 6px !important; }
#intake .ciq-check { padding: 8px !important; gap: 7px !important; }
#intake .ciq-check > span:first-child { width: 19px !important; height: 19px !important; flex-basis: 19px !important; }
#intake .ciq-check small { font-size: 10px !important; }

/* One-document mode lets the PM choose a file while preserving maximum reading room. */
#intake .ciq-viewers:has(.ciq-viewer:only-child) {
  grid-template-columns: minmax(0, 1fr) !important;
}
#intake .ciq-viewers:has(.ciq-viewer:only-child) .ciq-rich-preview,
#intake .ciq-viewers:has(.ciq-viewer:only-child) .ciq-sheet-preview,
#intake .ciq-viewers:has(.ciq-viewer:only-child) .ciq-word-preview {
  max-width: 1100px;
  margin-inline: auto;
}

/* Inspector collapse is intentionally workspace-only and does not affect app routing. */
#intake .ciq-workspace.ciq-inspector-collapsed {
  grid-template-columns: minmax(0, 1fr) 42px !important;
}
#intake .ciq-workspace.ciq-inspector-collapsed .ciq-check-panel {
  width: 42px !important;
  min-width: 42px !important;
  padding: 7px !important;
  overflow: hidden !important;
}
#intake .ciq-workspace.ciq-inspector-collapsed .ciq-check-panel > *:not(.ciq-inspector-toggle) {
  display: none !important;
}
.ciq-inspector-toggle {
  appearance: none;
  width: 29px;
  height: 29px;
  margin: 0 0 9px auto;
  border: 1px solid #cad6e4;
  border-radius: 9px;
  background: #f7faff;
  color: #173b63;
  font: 900 15px/1 sans-serif;
  cursor: pointer;
}

/* Full-document mode removes the remaining chrome. */
body.ciq-document-focus .sidebar,
body.ciq-document-focus .app-header { display: none !important; }
body.ciq-document-focus .app-layout { grid-template-columns: minmax(0, 1fr) !important; }
body.ciq-document-focus .main-area,
body.ciq-document-focus .shell,
body.ciq-document-focus #intake.ciq-submission-v2 { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body.ciq-document-focus #intake .ciq-workspace { grid-template-columns: minmax(0, 1fr) !important; }
body.ciq-document-focus #intake .ciq-check-panel,
body.ciq-document-focus #intake .ciq-v2-head,
body.ciq-document-focus #intake .ciq-doc-tray { display: none !important; }
body.ciq-document-focus #intake .ciq-document-surface { height: calc(100vh - 46px) !important; min-height: 0 !important; }

.ciq-document-focus-toggle {
  appearance: none;
  border: 1px solid #c8d5e4;
  border-radius: 9px;
  background: #fff;
  color: #173b63;
  padding: 7px 10px;
  font: 800 11px/1 sans-serif;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 1150px) {
  :root { --ciq-left-rail: 164px; --ciq-inspector: 210px; }
  #intake .ciq-viewers { grid-template-columns: 1fr !important; }
}
@media (max-width: 900px) {
  .app-layout { grid-template-columns: 1fr !important; }
  .sidebar { width: auto !important; }
  #intake .ciq-workspace { grid-template-columns: 1fr !important; }
  #intake .ciq-check-panel { width: 100% !important; max-height: none !important; }
  #intake .ciq-document-surface { min-height: 520px !important; }
}