/* SentriIQ corporate application shell — visual-only overrides. */
.sentriiq-corp-shell {
  --corp-navy: #071827;
  --corp-navy-2: #0c2435;
  --corp-green: #27bd7b;
  --corp-green-dark: #147853;
  --corp-ink: #102033;
  --corp-muted: #68798b;
  --corp-line: #d8e2e9;
  --corp-page: #edf2f6;
  --corp-surface: #fff;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

/* Consistent, larger left navigation. */
.sentriiq-corp-shell [data-slot="sidebar-wrapper"] {
  --sidebar-width: 17.5rem;
  --sidebar-width-icon: 4.25rem;
}
.sentriiq-corp-shell [data-sidebar="sidebar-inner"] {
  background:
    radial-gradient(circle at 20% 0, rgba(40, 190, 123, .12), transparent 30%),
    linear-gradient(180deg, #0a1c2b 0%, #071522 100%) !important;
  border-right: 1px solid rgba(126, 166, 184, .18) !important;
  box-shadow: 10px 0 35px rgba(4, 18, 29, .12);
}
.sentriiq-corp-shell [data-sidebar="header"] {
  min-height: 84px;
  padding: 15px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sentriiq-corp-shell [data-sidebar="content"] {
  padding: 10px 8px 18px;
}
.sentriiq-corp-shell [data-sidebar="group-label"] {
  height: auto !important;
  padding: 15px 10px 7px !important;
  color: #54dca3 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase;
}
.sentriiq-corp-shell [data-sidebar="menu"] { gap: 4px; }
.sentriiq-corp-shell [data-sidebar="menu-button"] {
  min-height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid transparent;
  border-radius: 10px !important;
  color: #c6d3dc !important;
  font-size: 14px !important;
  font-weight: 600;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.sentriiq-corp-shell [data-sidebar="menu-button"] svg {
  width: 19px !important;
  height: 19px !important;
  color: #8ca1ae;
}
.sentriiq-corp-shell [data-sidebar="menu-button"]:hover {
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(255,255,255,.08);
  color: #fff !important;
  transform: translateX(2px);
}
.sentriiq-corp-shell [data-sidebar="menu-button"][data-active="true"] {
  background: linear-gradient(90deg, rgba(39,189,123,.24), rgba(39,189,123,.11)) !important;
  border-color: rgba(72,218,155,.32) !important;
  color: #7ce5b7 !important;
  box-shadow: inset 3px 0 0 #35ce8a;
}
.sentriiq-corp-shell [data-sidebar="menu-button"][data-active="true"] svg { color: #4cda9d !important; }
.sentriiq-corp-shell [data-sidebar="trigger"] {
  width: 42px;
  height: 42px;
  border-radius: 9px;
}

/* Shared page canvas and component language. Local Editor is excluded below. */
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) {
  background:
    radial-gradient(circle at 96% 2%, rgba(42,188,125,.08), transparent 24rem),
    var(--corp-page) !important;
  color: var(--corp-ink) !important;
  padding: clamp(18px, 2.3vw, 34px) !important;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) > * {
  width: 100%;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) h1,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) h2,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) h3,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) h4,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) .text-white {
  color: var(--corp-ink) !important;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) .text-muted-foreground,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) [class*="text-white/"] {
  color: var(--corp-muted) !important;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) .sentriiq-card,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) [class*="bg-card"],
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) [class*="bg-[#0d"],
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) [class*="bg-[#0f"] {
  background: rgba(255,255,255,.96) !important;
  border-color: var(--corp-line) !important;
  color: var(--corp-ink) !important;
  box-shadow: 0 8px 24px rgba(16,42,61,.055);
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) .rounded-xl,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) .rounded-2xl {
  border-color: var(--corp-line);
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) input:not([type="checkbox"]):not([type="radio"]),
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) select,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) textarea {
  min-height: 44px;
  background: #fff !important;
  border-color: #cfdbe3 !important;
  color: var(--corp-ink) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 2px rgba(11,32,49,.025);
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) input::placeholder,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) textarea::placeholder { color: #8b9aa7 !important; }
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) button,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) a[role="button"] {
  min-height: 42px;
  border-radius: 9px;
  font-weight: 700;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) table {
  overflow: hidden;
  border: 1px solid var(--corp-line);
  border-radius: 12px;
  background: #fff;
  color: var(--corp-ink);
  box-shadow: 0 6px 20px rgba(16,42,61,.04);
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) thead,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) th {
  background: #f3f7f9 !important;
  color: #405468 !important;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) td,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) th,
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) tr {
  border-color: #e2e9ee !important;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) tr:hover td { background: #f8fbfa; }
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) [role="tablist"] {
  padding: 4px;
  border: 1px solid #dbe4ea;
  border-radius: 11px;
  background: #e7edf1 !important;
}
.sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) [role="tab"][data-state="active"] {
  background: #fff !important;
  color: var(--corp-ink) !important;
  box-shadow: 0 2px 7px rgba(12,34,52,.08);
}

/* Dialogs and popovers outside the editor follow the same light corporate system. */
.sentriiq-corp-shell [role="dialog"]:not(:has([data-testid="editor-page-container"])) {
  border-color: #d6e1e8 !important;
  box-shadow: 0 28px 80px rgba(3,21,34,.26) !important;
}

/* Local Editor: retain canvas mechanics, improve the visual frame and control sizing. */
.sentriiq-corp-content:has(.sentriiq-corp-editor) {
  padding: 0 !important;
  overflow: hidden !important;
  background: #07131e !important;
}
.sentriiq-corp-editor {
  height: calc(100dvh - 76px) !important;
  background: #07131e !important;
}
.sentriiq-corp-editor > div:first-child {
  min-height: 58px;
  padding: 8px 14px !important;
  background: linear-gradient(90deg,#0c2232,#0a1c2a) !important;
  border-color: rgba(150,184,201,.16) !important;
  box-shadow: 0 7px 24px rgba(0,0,0,.18);
}
.sentriiq-corp-editor > div:first-child button,
.sentriiq-corp-editor > div:first-child a {
  min-height: 40px;
  border-radius: 9px !important;
  font-weight: 700;
}
.sentriiq-corp-editor > div:first-child [data-testid="button-open-pdf"],
.sentriiq-corp-editor > div:first-child [data-testid="button-apply-save"],
.sentriiq-corp-editor > div:first-child [data-testid="button-download"] {
  padding-inline: 16px !important;
}
.sentriiq-corp-editor [data-testid="editor-page-container"] {
  border-radius: 3px;
  box-shadow: 0 22px 55px rgba(0,0,0,.42) !important;
}
.sentriiq-corp-editor [data-testid="editor-tools-drawer"] {
  background: #0a1b28 !important;
}
.sentriiq-corp-editor button {
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.sentriiq-corp-editor button:hover:not(:disabled) { border-color: rgba(69,210,148,.35); }
.sentriiq-corp-editor button:focus-visible,
.sentriiq-corp-editor input:focus-visible,
.sentriiq-corp-editor textarea:focus-visible {
  outline: 2px solid #42d69a !important;
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .sentriiq-corp-shell [data-slot="sidebar-wrapper"] { --sidebar-width: 16rem; }
  .sentriiq-corp-content:not(:has(.sentriiq-corp-editor)):not(:has(.corporate-dashboard)) { padding: 14px !important; }
}

