:root{
  --pro-bg:#07111b;--pro-surface:#0b1723;--pro-surface-2:#101f2d;--pro-border:#23384a;
  --pro-text:#edf6fb;--pro-muted:#91a8b9;--pro-accent:#22c7f2;--pro-green:#37db98;
  --pro-amber:#f6c453;--pro-red:#ff6b72;--pro-radius:14px;--pro-shadow:0 18px 48px rgba(0,0,0,.28)
}
html.pro-suite{color-scheme:dark;background:var(--pro-bg)}
html.pro-suite body{background:radial-gradient(circle at 15% -10%,#12334a 0,transparent 34%),linear-gradient(145deg,#07111b,#04090e 70%)!important;color:var(--pro-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important}
html.pro-suite *,html.pro-suite *:before,html.pro-suite *:after{box-sizing:border-box}
html.pro-suite :focus-visible{outline:3px solid color-mix(in srgb,var(--pro-accent) 70%,transparent);outline-offset:2px}
html.pro-suite ::selection{background:#1a8eb2;color:#fff}
html.pro-suite ::-webkit-scrollbar{width:10px;height:10px}html.pro-suite ::-webkit-scrollbar-track{background:#06101a}html.pro-suite ::-webkit-scrollbar-thumb{background:#2a465a;border:2px solid #06101a;border-radius:20px}
html.pro-suite .top,html.pro-suite .topbar{background:rgba(7,17,27,.92)!important;border-color:var(--pro-border)!important;backdrop-filter:blur(14px);box-shadow:0 1px 0 #ffffff08}
html.pro-suite .brand,html.pro-suite h1,html.pro-suite h2,html.pro-suite h3,html.pro-suite .panel-title{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.02em!important;color:var(--pro-text)!important}
html.pro-suite h1{font-size:clamp(22px,2vw,32px)!important}html.pro-suite h2{font-size:20px!important}html.pro-suite h3{font-size:15px!important;letter-spacing:.02em!important}
html.pro-suite .brand b,html.pro-suite .clock,html.pro-suite .ok{color:var(--pro-accent)!important}
html.pro-suite .layout{grid-template-columns:264px minmax(0,1fr)!important}
html.pro-suite aside{background:linear-gradient(180deg,#081521,#06101a)!important;border-color:var(--pro-border)!important}
html.pro-suite .nav{gap:6px!important}
html.pro-suite .nav button,html.pro-suite .console-menu button{border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#b8cad7!important;padding:12px 14px!important;transition:.18s ease!important}
html.pro-suite .nav button:hover,html.pro-suite .nav button.active,html.pro-suite .console-menu button:hover,html.pro-suite .console-menu button.active{background:#10283a!important;border-color:#22506b!important;color:#fff!important;box-shadow:inset 3px 0 var(--pro-accent)!important;transform:translateX(2px)}
html.pro-suite .workspace{padding:clamp(18px,2.5vw,34px)!important;max-width:1760px;width:100%;margin:auto}
html.pro-suite .panel,html.pro-suite .card,html.pro-suite .status-card,html.pro-suite .shell,html.pro-suite .service-card,html.pro-suite .console-screen{background:linear-gradient(155deg,rgba(16,31,45,.96),rgba(8,19,29,.96))!important;border:1px solid var(--pro-border)!important;border-radius:var(--pro-radius)!important;box-shadow:var(--pro-shadow)!important}
html.pro-suite .panel{padding:20px!important;margin-bottom:18px!important}
html.pro-suite .panel-head,html.pro-suite .service-head{padding-bottom:14px;border-bottom:1px solid #ffffff0d;margin-bottom:16px!important}
html.pro-suite .cards{gap:14px!important}.pro-suite .card{position:relative;overflow:hidden;min-height:112px}.pro-suite .card:after{content:"";position:absolute;right:-20px;top:-30px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#22c7f226,transparent 66%)}
html.pro-suite .card small,html.pro-suite .hint,html.pro-suite .muted,html.pro-suite .sub,html.pro-suite .field label{color:var(--pro-muted)!important}
html.pro-suite .card strong{color:var(--pro-text)!important;font-size:28px!important}
html.pro-suite input,html.pro-suite select,html.pro-suite textarea,html.pro-suite #recordSelect{min-height:44px!important;background:#06111b!important;color:var(--pro-text)!important;border:1px solid #2c465a!important;border-radius:10px!important;padding:10px 12px!important;box-shadow:inset 0 1px 2px #0008!important;transition:border-color .18s,box-shadow .18s!important}
html.pro-suite textarea{min-height:120px!important}html.pro-suite input:hover,html.pro-suite select:hover,html.pro-suite textarea:hover{border-color:#3a6079!important}html.pro-suite input:focus,html.pro-suite select:focus,html.pro-suite textarea:focus{border-color:var(--pro-accent)!important;box-shadow:0 0 0 3px #22c7f21f!important;outline:0!important}
html.pro-suite .action,html.pro-suite .btn,html.pro-suite button.btn{min-height:40px;border:1px solid #35536a!important;border-radius:9px!important;background:linear-gradient(#15283a,#0e1d2a)!important;color:#eaf6fc!important;font-weight:700!important;letter-spacing:.01em!important;padding:9px 14px!important;transition:transform .15s,box-shadow .15s,border-color .15s!important}
html.pro-suite .action:hover,html.pro-suite .btn:hover{transform:translateY(-1px);border-color:#5c819b!important;box-shadow:0 8px 18px #0005!important}
html.pro-suite .action.primary,html.pro-suite .btn.primary{background:linear-gradient(135deg,#168db2,#0b6f91)!important;border-color:#2ecbf4!important;color:#fff!important}
html.pro-suite .action.danger,html.pro-suite .btn.danger{background:linear-gradient(#541b25,#38121a)!important;border-color:#a94653!important;color:#ffd7da!important}
html.pro-suite .btn.approve{background:#0b3928!important;border-color:#278b61!important;color:#94f0c5!important}html.pro-suite .btn.hold,html.pro-suite .btn.gold{background:#49370d!important;border-color:#987320!important;color:#ffe08a!important}html.pro-suite .btn.reject{background:#501a22!important;border-color:#a53c48!important;color:#ffc0c5!important}
html.pro-suite table{width:100%;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border-radius:10px!important}html.pro-suite th{background:#102233!important;color:#a8bfd0!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.08em!important;padding:12px!important}html.pro-suite td{padding:13px 12px!important;border-bottom:1px solid #1d3344!important;color:#e1edf4!important}html.pro-suite tbody tr{background:#0a1621!important;transition:background .15s!important}html.pro-suite tbody tr:hover{background:#10283a!important}
html.pro-suite .toolbar,html.pro-suite .recordbar{gap:10px!important;background:#0b1824;border:1px solid var(--pro-border);border-radius:12px;padding:12px!important;margin-bottom:16px!important}
html.pro-suite .status{border:1px solid #27506a!important;border-radius:10px!important;background:#0a2130!important;color:#a8c8da!important}
html.pro-suite .upload-box,html.pro-suite .service-empty{border:1px dashed #2b6b88!important;border-radius:12px!important;background:#092231!important}
html.pro-suite .service-grid{gap:12px!important}.pro-suite .service-card{min-height:118px!important}.pro-suite .service-card:hover{transform:translateY(-2px)}
html.pro-suite .console-shell{gap:18px!important}.pro-suite .console-screen{min-height:440px!important;padding:20px!important}.pro-suite .console-banner{border-color:#35536a!important}.pro-suite .terminal,.pro-suite .console-log{color:#b9dfcf!important}
.pro-suite-meta{position:fixed;left:18px;bottom:18px;z-index:2147482000;display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid #31536a;border-radius:99px;background:#081621e8;color:#9db6c7;font:700 10px Inter,system-ui,sans-serif;box-shadow:0 10px 28px #0007;backdrop-filter:blur(10px)}.pro-suite-meta i{width:8px;height:8px;border-radius:50%;background:var(--pro-green);box-shadow:0 0 10px var(--pro-green)}
.pro-app-dock{position:fixed;right:20px;bottom:20px;z-index:2147483000;display:grid;justify-items:end;gap:8px;font-family:Inter,system-ui,sans-serif}.pro-app-menu{display:grid;gap:7px;padding:9px;border:1px solid #31536a;border-radius:16px;background:#081621ed;box-shadow:0 22px 60px #000b;backdrop-filter:blur(14px);transform-origin:bottom right;transition:.18s}.pro-app-dock[aria-expanded="false"] .pro-app-menu{opacity:0;transform:scale(.92) translateY(8px);pointer-events:none}.pro-app-link{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-width:210px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#dbeaf2;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer}.pro-app-link:hover{background:#123047}.pro-app-link b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#123349;color:#68dcff;font-size:10px}.pro-app-toggle{width:52px;height:52px;border:1px solid #37bfe9!important;border-radius:16px!important;background:linear-gradient(145deg,#1597bd,#075c79)!important;color:#fff!important;font-size:20px!important;box-shadow:0 14px 35px #0009!important;cursor:pointer}
html.pro-suite .legacy-launcher-hidden{display:none!important}
@media(max-width:900px){html.pro-suite .layout{grid-template-columns:1fr!important}html.pro-suite aside{position:static!important;border-right:0!important}.pro-suite-meta{display:none}.pro-app-dock{right:12px;bottom:12px}.pro-app-link{min-width:190px}.pro-suite .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pro-suite .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html.pro-suite .workspace{padding:12px!important}.pro-suite .cards,.pro-suite .service-grid{grid-template-columns:1fr!important}.pro-suite .grid{grid-template-columns:1fr!important}.pro-suite .panel{padding:15px!important}.pro-suite .top,.pro-suite .topbar{position:static!important}.pro-app-menu{max-height:70vh;overflow:auto}.pro-app-link{min-width:178px}.pro-suite table{min-width:720px}.pro-suite .tablewrap{overflow:auto}}
@media(prefers-reduced-motion:reduce){html.pro-suite *,html.pro-suite *:before,html.pro-suite *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.pro-app-dock,.pro-suite-meta{display:none!important}html.pro-suite body{background:#fff!important;color:#111!important}html.pro-suite .panel,html.pro-suite .card,html.pro-suite .shell{background:#fff!important;box-shadow:none!important;border-color:#aaa!important}}
.admin-delete{margin-left:6px!important;background:#8f1d28!important;border-color:#b43a46!important;color:#fff!important}.admin-delete:hover{background:#b32635!important}.admin-delete:disabled{opacity:.55;cursor:wait}
.admin-row-actions{display:flex!important;gap:5px!important;margin-top:7px!important}.admin-row-actions button{padding:5px 8px!important;border-radius:6px!important;font-size:10px!important;cursor:pointer!important}.admin-edit{background:#0b6688!important;border:1px solid #2bbce8!important;color:#fff!important}.admin-remove{background:#611923!important;border:1px solid #b43a46!important;color:#fff!important}
.pro-status-banner-hidden{display:none!important}
.pro-unavailable-hidden{display:none!important}
.pro-internal-live-banner{background:#07291d!important;background-image:none!important;border-color:#1f8d61!important;color:#8fffc9!important;box-shadow:none!important}.pro-suite [style*="#ffd"],.pro-suite [style*="#ffc"],.pro-suite [style*="#f6c"],.pro-suite [style*="#b26d"]{color:#8fffc9!important;border-color:#1f8d61!important;background:#07291d!important}
.pro-signout{position:fixed!important;right:84px!important;bottom:20px!important;z-index:2147483001!important;height:52px!important;padding:0 18px!important;border:1px solid #a94653!important;border-radius:14px!important;background:#35131a!important;color:#ffd7da!important;font:800 12px Inter,system-ui,sans-serif!important;box-shadow:0 14px 35px #0009!important;cursor:pointer!important}.pro-signout:hover{background:#501a22!important;border-color:#d15c69!important}

/* Keep the official Chaport launcher visible beside the suite controls. */
.chaport-container,.chaport-launcher,.chaport-launcher-button{z-index:2147483646!important}
.chaport-launcher-button{right:188px!important;bottom:20px!important}
@media(max-width:700px){.chaport-launcher-button{right:152px!important;bottom:14px!important}}

/* 3.4.0 — neutralize yellow announcement/status frames across every suite page. */
html.pro-suite .notice,
html.pro-suite .banner,
html.pro-suite .environment,
html.pro-suite .env,
html.pro-suite .side-status,
html.pro-suite .evidence {
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--pro-muted)!important;
}
html.pro-suite .notice,
html.pro-suite .banner {
  border-top:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:1px solid var(--pro-border)!important;
}
html.pro-suite .pill.warn,
html.pro-suite .badge.warn,
html.pro-suite .PENDING_APPROVAL,
html.pro-suite .ON_HOLD {
  background:#10283a!important;
  border-color:#22506b!important;
  color:#8bdcf4!important;
}

/* 5.7.1 — neutral application frames. Yellow/amber framing is removed suite-wide. */
html.pro-suite .gold,
html.pro-suite .amber,
html.pro-suite .warning,
html.pro-suite .warn,
html.pro-suite [class*="warning"],
html.pro-suite [style*="#ffc107"],
html.pro-suite [style*="#ffcc00"],
html.pro-suite [style*="#f6c453"],
html.pro-suite [style*="#996116"]{
  border-color:#31536a!important;
  box-shadow:none!important;
  background-color:#10283a!important;
  background-image:none!important;
  color:#b9d9e7!important;
}

html.pro-suite .uat-band{display:none!important}
html.pro-suite .notice{border-color:#31536a!important;background:#071621!important;color:#8fffc9!important}
html.pro-suite .status-grid b{color:#8fffc9!important}

/* 9.0.0 — remove yellow frames and redundant warning panels. */
html.pro-suite{
  --amber:#647b8b!important;
  --warn:#647b8b!important;
  --yellow:#647b8b!important;
  --pro-amber:#647b8b!important;
}
html.pro-suite .uat-band,
html.pro-suite .terminal-warning,
html.pro-suite .trn-warning,
html.pro-suite .trn-alert,
html.pro-suite .warning-banner{
  display:none!important;
}
html.pro-suite .warning,
html.pro-suite .warn,
html.pro-suite [class*="warning"]{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--pro-muted)!important;
}
html.pro-suite .notice,
html.pro-suite .banner,
html.pro-suite .environment,
html.pro-suite .env,
html.pro-suite .side-status,
html.pro-suite .evidence{
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--pro-muted)!important;
}
html.pro-suite .decision .hold,
html.pro-suite .btn.hold,
html.pro-suite .btn.gold,
html.pro-suite .gold,
html.pro-suite .amber,
html.pro-suite .pending,
html.pro-suite .PENDING_APPROVAL,
html.pro-suite .ON_HOLD,
html.pro-suite .QUEUED,
html.pro-suite .pill.warn,
html.pro-suite .badge.warn,
html.pro-suite .trn-badge.UNVERIFIED,
html.pro-suite .release-banner.locked,
html.pro-suite .service-card.degraded,
html.pro-suite .terminal-state,
html.pro-suite .state-PENDING{
  border-color:#31536a!important;
  background:#10283a!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#b9d9e7!important;
}

/* Navigation interaction repair */
aside,
.sidebar,
nav,
.nav-group,
.nav-group button,
.nav-group a,
[data-page],
.gpi-nav-link,
.direct-module-link {
  pointer-events: auto !important;
}

.nav-group button,
.nav-group a,
[data-page],
.gpi-nav-link,
.direct-module-link {
  position: relative !important;
  z-index: 100 !important;
  cursor: pointer !important;
}

aside::before,
aside::after,
.sidebar::before,
.sidebar::after {
  pointer-events: none !important;
}

/* 10.0.0 — contain the command center inside the browser viewport. */
html.pro-suite,
html.pro-suite body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}

html.pro-suite #app {
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  grid-template-columns: 268px minmax(0, 1fr);
  overflow: hidden;
}

html.pro-suite #app > aside {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html.pro-suite #app > main {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html.pro-suite #content,
html.pro-suite #content > *,
html.pro-suite section,
html.pro-suite .grid2,
html.pro-suite .grid2 > .panel,
html.pro-suite .table-wrap {
  min-width: 0;
  max-width: 100%;
}

html.pro-suite .grid2 {
  grid-template-columns: minmax(0, 1.7fr) minmax(240px, .8fr);
}

html.pro-suite .grid2 > .panel {
  overflow: hidden;
}

html.pro-suite .table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

html.pro-suite .decision {
  min-width: 132px;
  flex-wrap: wrap;
}

html.pro-suite .status-row {
  grid-template-columns: 10px minmax(0, 1fr) auto;
}

@media (max-width: 1050px) {
  html.pro-suite #app {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  html.pro-suite .grid2 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  html.pro-suite,
  html.pro-suite body {
    height: auto;
    overflow: auto;
  }

  html.pro-suite #app {
    height: auto;
    min-height: 100dvh;
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }

  html.pro-suite #app > aside,
  html.pro-suite #app > main {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
}

/* 11.0.0 — show every dashboard column and control without a table scrollbar. */
html.pro-suite .dashboard-grid {
  grid-template-columns: minmax(0, 1fr) minmax(290px, 320px) !important;
  align-items: stretch;
}

html.pro-suite .dashboard-work-panel .table-wrap {
  overflow: visible;
}

html.pro-suite .dashboard-work-panel table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

html.pro-suite .dashboard-work-panel th,
html.pro-suite .dashboard-work-panel td {
  padding: 10px 6px !important;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: middle;
  font-size: 11px;
}

html.pro-suite .dashboard-work-panel th {
  padding-block: 9px !important;
  font-size: 9px !important;
}

html.pro-suite .dashboard-work-panel th:nth-child(1) { width: 22%; }
html.pro-suite .dashboard-work-panel th:nth-child(2) { width: 7%; }
html.pro-suite .dashboard-work-panel th:nth-child(3) { width: 14%; }
html.pro-suite .dashboard-work-panel th:nth-child(4) { width: 19%; }
html.pro-suite .dashboard-work-panel th:nth-child(5) { width: 10%; }
html.pro-suite .dashboard-work-panel th:nth-child(6) { width: 11%; }
html.pro-suite .dashboard-work-panel th:nth-child(7) { width: 17%; }

html.pro-suite .dashboard-work-panel td small {
  display: block;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.25;
}

html.pro-suite .dashboard-work-panel .badge {
  max-width: 100%;
  padding: 4px 6px;
  font-size: 8px;
  white-space: normal;
  text-align: center;
}

html.pro-suite .dashboard-work-panel .decision {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  min-width: 0;
  margin-bottom: 3px;
}

html.pro-suite .dashboard-work-panel td:last-child button {
  min-width: 0 !important;
  min-height: 27px !important;
  margin: 2px 2px 0 0 !important;
  padding: 4px 5px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
}

@media (max-width: 1200px) {
  html.pro-suite .dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.pro-suite .dashboard-work-panel .table-wrap {
    overflow-x: auto;
  }

  html.pro-suite .dashboard-work-panel table {
    min-width: 980px;
  }
}

/* Navigation interaction repair */
aside,
.sidebar,
nav,
.nav-group,
.nav-group button,
.nav-group a,
[data-page],
.gpi-nav-link,
.direct-module-link {
  pointer-events: auto !important;
}

.nav-group button,
.nav-group a,
[data-page],
.gpi-nav-link,
.direct-module-link {
  position: relative !important;
  z-index: 100 !important;
  cursor: pointer !important;
}

aside::before,
aside::after,
.sidebar::before,
.sidebar::after {
  pointer-events: none !important;
}

/* Navigation interaction repair */
aside,
.sidebar,
nav,
.nav-group,
.nav-group button,
.nav-group a,
[data-page],
.gpi-nav-link,
.direct-module-link {
  pointer-events: auto !important;
}

.nav-group button,
.nav-group a,
[data-page],
.gpi-nav-link,
.direct-module-link {
  position: relative !important;
  z-index: 100 !important;
  cursor: pointer !important;
}

aside::before,
aside::after,
.sidebar::before,
.sidebar::after {
  pointer-events: none !important;
}