:root {
  --ink-950: #050b17;
  --ink-900: #081121;
  --ink-850: #0c1729;
  --ink-800: #101d33;
  --ink-700: #182942;
  --ink-600: #263a58;
  --steel-300: #9fb2c8;
  --steel-200: #c5d4e6;
  --steel-100: #e8f0fb;
  --cyan: #5bdcff;
  --cyan-strong: #14b8e6;
  --blue: #4068e8;
  --green: #33d69f;
  --amber: #ffbe55;
  --red: #ff5d6c;
  --white: #ffffff;
  --line: rgba(197, 212, 230, 0.16);
  --line-strong: rgba(91, 220, 255, 0.35);
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
  --radius: 8px;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  color-scheme: dark;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 0%, rgba(91, 220, 255, 0.16), transparent 34rem),
    linear-gradient(145deg, var(--ink-950), #071426 58%, #04111f);
  color: var(--steel-100);
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
select {
  cursor: pointer;
}

a {
  color: inherit;
}

.app-shell {
  display: grid;
  grid-template-columns: 278px minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
  height: 100vh;
  padding: 22px 16px;
  border-right: 1px solid var(--line);
  background: rgba(5, 11, 23, 0.82);
  backdrop-filter: blur(18px);
}

.brand {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 12px;
  align-items: center;
  text-decoration: none;
}

.brand img {
  width: 54px;
  height: 38px;
  object-fit: contain;
}

.brand strong,
.brand small {
  display: block;
}

.brand strong {
  font-size: 1.06rem;
  letter-spacing: 0;
}

.brand small,
.identity-panel small,
.metric small,
td small {
  color: var(--steel-300);
}

.identity-panel {
  display: grid;
  grid-template-columns: 10px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(91, 220, 255, 0.08), rgba(64, 104, 232, 0.08));
}

.status-light {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 18px rgba(51, 214, 159, 0.9);
}

.nav-list {
  display: grid;
  gap: 6px;
}

.nav-item {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 43px;
  padding: 0 12px;
  border-radius: var(--radius);
  color: var(--steel-300);
  text-decoration: none;
  transition:
    background 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.nav-item span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(197, 212, 230, 0.24);
}

.nav-item:hover,
.nav-item.is-active {
  background: rgba(91, 220, 255, 0.1);
  color: var(--white);
  transform: translateX(2px);
}

.nav-item.is-active span {
  background: var(--cyan);
  box-shadow: 0 0 16px rgba(91, 220, 255, 0.9);
}

.logout-form {
  margin-top: auto;
}

.logout-form button,
.text-button {
  min-height: 39px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  color: var(--steel-100);
  text-decoration: none;
}

.logout-form button {
  width: 100%;
}

.workspace {
  min-width: 0;
  padding: 30px;
}

.topbar,
.view-heading,
.panel-header,
.portal-hero {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
}

.topbar {
  margin-bottom: 28px;
}

.eyebrow {
  margin: 0 0 8px;
  color: var(--cyan);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  color: var(--white);
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 0.98;
}

h2 {
  margin-bottom: 7px;
  color: var(--white);
  font-size: clamp(1.45rem, 2.2vw, 2rem);
}

h3 {
  margin-bottom: 0;
  color: var(--white);
  font-size: 1.02rem;
}

h4 {
  margin: 12px 0 7px;
  color: var(--white);
  font-size: 1rem;
}

p {
  color: var(--steel-300);
}

.topbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.client-filter-form {
  display: grid;
  grid-template-columns: auto minmax(190px, 250px) auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 0 8px 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.05);
}

.client-filter-form label {
  color: var(--steel-300);
  font-size: 0.88rem;
}

.client-filter-form select {
  min-height: 34px;
  padding-inline: 9px;
}

.client-filter-form .text-button {
  min-height: 34px;
  padding-inline: 10px;
}

.language-picker {
  min-width: 220px;
}

.login-toolbar {
  display: flex;
  justify-content: flex-end;
  padding: 24px 30px 0;
}

.login-language-picker {
  min-width: min(320px, 100%);
}

.search-field {
  display: grid;
  grid-template-columns: auto minmax(210px, 310px);
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.05);
}

.search-field label {
  color: var(--steel-300);
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.07);
  color: var(--white);
  outline: 0;
}

input,
select {
  min-height: 42px;
  padding: 0 12px;
}

select {
  appearance: none;
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--steel-200) 50%),
    linear-gradient(135deg, var(--steel-200) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

select:hover {
  border-color: var(--line-strong);
}

select option,
select optgroup {
  background: var(--ink-850);
  color: var(--white);
}

select optgroup {
  font-style: normal;
  color: var(--steel-200);
}

select option:disabled {
  color: var(--steel-300);
}

select option:checked,
select option:hover,
select option:focus {
  background: var(--ink-600);
  color: var(--white);
}

select::-ms-expand {
  display: none;
}

textarea {
  padding: 11px 12px;
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--cyan);
  box-shadow: 0 0 0 3px rgba(91, 220, 255, 0.14);
}

.search-field input {
  min-height: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.list-toolbar {
  display: grid;
  gap: 14px;
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(91, 220, 255, 0.06));
}

.list-toolbar-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: baseline;
  justify-content: space-between;
}

.list-toolbar-heading strong {
  color: var(--white);
  font-size: 0.96rem;
}

.list-toolbar-heading span,
.list-toolbar-count,
.list-control-field span {
  color: var(--steel-300);
}

.list-toolbar-heading span,
.list-toolbar-count {
  font-size: 0.88rem;
}

.list-toolbar-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 12px;
}

.list-control-field {
  display: grid;
  gap: 6px;
  min-width: 0;
  font-size: 0.84rem;
}

.list-control-field input,
.list-control-field select {
  min-width: 0;
  min-height: 40px;
}

.list-toolbar-count {
  font-weight: 700;
}

.icon-button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(91, 220, 255, 0.16), rgba(64, 104, 232, 0.16));
  color: var(--white);
  font-size: 1.4rem;
}

.primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(91, 220, 255, 0.45);
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--cyan-strong), var(--blue));
  color: var(--white);
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 15px 35px rgba(20, 184, 230, 0.2);
}

.danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255, 93, 108, 0.45);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(180, 42, 56, 0.94), rgba(124, 22, 34, 0.94));
  color: var(--white);
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 15px 35px rgba(180, 42, 56, 0.22);
}

.text-button:hover,
.primary-button:hover,
.icon-button:hover,
.danger-button:hover {
  transform: translateY(-1px);
}

.flash {
  margin-bottom: 18px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.06);
}

.flash-success {
  border-color: rgba(51, 214, 159, 0.35);
  color: #baf8df;
}

.flash-error {
  border-color: rgba(255, 93, 108, 0.45);
  color: #ffd3d7;
}

.compliance-banner {
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 190, 85, 0.4);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255, 190, 85, 0.12), rgba(255, 93, 108, 0.08));
  color: #ffe6b7;
}

.compliance-banner strong {
  color: var(--white);
  font-size: 0.96rem;
}

.compliance-banner span {
  color: inherit;
  line-height: 1.45;
}

.login-compliance-wrap {
  padding: 0 30px 16px;
}

.compliance-banner-login {
  max-width: 1240px;
  margin: 0 auto;
}

.view-heading {
  margin-bottom: 18px;
}

.view-heading p {
  max-width: 820px;
  margin-bottom: 0;
}

.metric-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.metric,
.panel,
.ticket-column,
.ticket-card,
.portal-hero,
.login-panel,
.setup-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(8, 17, 33, 0.82);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.metric {
  min-height: 124px;
  padding: 18px;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.metric:hover,
.panel:hover {
  border-color: rgba(91, 220, 255, 0.24);
}

.metric span {
  display: block;
  color: var(--steel-300);
  font-size: 0.82rem;
}

.metric strong {
  display: block;
  margin: 12px 0 7px;
  color: var(--white);
  font-size: 2.1rem;
  line-height: 1;
}

.metric-danger {
  border-color: rgba(255, 93, 108, 0.34);
}

.dashboard-grid,
.reports-grid,
.form-panel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
  gap: 18px;
  margin-bottom: 18px;
}

.panel {
  min-width: 0;
  padding: 18px;
}

.table-wrap {
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

th,
td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}

th {
  color: var(--steel-300);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
}

td {
  color: var(--steel-100);
}

td strong,
td small {
  display: block;
}

tbody tr {
  transition: background 140ms ease;
}

tbody tr:hover {
  background: rgba(91, 220, 255, 0.06);
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(197, 212, 230, 0.12);
  color: var(--steel-200);
  font-size: 0.74rem;
  font-weight: 800;
  white-space: nowrap;
}

.badge-ok {
  background: rgba(51, 214, 159, 0.13);
  color: #aef5dc;
}

.badge-info {
  background: rgba(91, 220, 255, 0.14);
  color: #bbf1ff;
}

.badge-warn {
  background: rgba(255, 190, 85, 0.15);
  color: #ffe0a8;
}

.badge-danger {
  background: rgba(255, 93, 108, 0.15);
  color: #ffc0c7;
}

.timeline {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.timeline li {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}

.timeline li:last-child {
  border-bottom: 0;
}

.timeline span {
  color: var(--cyan);
  font-weight: 800;
}

.timeline p {
  margin-bottom: 0;
}

.ticket-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.ticket-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 420px;
  padding: 13px;
}

.column-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.column-title span {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--steel-300);
}

.ticket-card {
  padding: 14px;
  background: rgba(16, 29, 51, 0.85);
}

.ticket-card p {
  margin-bottom: 12px;
}

.ticket-card dl,
.detail-list {
  display: grid;
  gap: 8px;
  margin: 0;
}

.ticket-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.ticket-card dt {
  color: var(--steel-300);
}

.ticket-card dd {
  margin: 0;
  color: var(--steel-100);
  text-align: right;
}

.inline-status-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 14px;
}

.inline-status-form button {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: rgba(91, 220, 255, 0.1);
  color: var(--white);
}

.stacked-form {
  display: grid;
  gap: 13px;
}

.stacked-form label {
  display: grid;
  gap: 7px;
  color: var(--steel-300);
  font-size: 0.9rem;
}

.stacked-form .primary-button {
  justify-self: start;
}

.reports-grid {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.panel-subtitle {
  margin: 6px 0 0;
  color: var(--steel-300);
  font-size: 0.88rem;
  line-height: 1.45;
}

.filter-bar {
  display: flex;
  gap: 12px;
  align-items: end;
  margin-bottom: 18px;
}

.filter-bar label,
.filter-lock {
  display: grid;
  gap: 7px;
  min-width: min(360px, 100%);
  color: var(--steel-300);
  font-size: 0.9rem;
}

.filter-lock {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.05);
}

.filter-lock span,
.filter-lock strong {
  display: block;
}

.filter-lock strong {
  color: var(--white);
}

.report-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.report-template-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 188px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(91, 220, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(8, 17, 33, 0.82);
}

.report-template-card span {
  display: block;
  margin-bottom: 9px;
  color: var(--cyan);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.report-template-card h3 {
  margin-bottom: 8px;
}

.report-template-card p {
  margin-bottom: 0;
  line-height: 1.45;
}

.report-template-card .text-button {
  align-self: start;
}

.mini-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.mini-metrics div {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
}

.mini-metrics span,
.mini-metrics small {
  display: block;
  color: var(--steel-300);
}

.mini-metrics strong {
  display: block;
  margin: 7px 0;
  color: var(--white);
  font-size: 1.65rem;
}

.device-note {
  margin-bottom: 18px;
}

.device-provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.device-provider-card {
  min-width: 0;
}

.device-provider-form {
  margin-top: 14px;
}

.device-capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.device-capability {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(91, 220, 255, 0.08);
  color: var(--steel-100);
  font-size: 0.78rem;
  font-weight: 700;
}

.device-provider-platforms {
  margin-bottom: 0;
  color: var(--steel-300);
  font-size: 0.88rem;
}

.device-rollout-note {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.device-link-card {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: rgba(91, 220, 255, 0.08);
}

.device-link-card label {
  display: grid;
  gap: 6px;
  color: var(--steel-200);
  font-size: 0.88rem;
}

.device-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.filter-bar-wrap {
  flex-wrap: wrap;
}

.device-results-summary {
  margin-bottom: 18px;
}

.selected-row td {
  background: rgba(91, 220, 255, 0.08);
}

.endpoint-fact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.endpoint-fact-card {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.endpoint-tenant-correction {
  margin-top: 18px;
  border-top: 1px solid var(--line);
  padding-top: 15px;
}

.endpoint-tenant-correction summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  color: var(--steel-100);
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

.endpoint-tenant-correction summary::-webkit-details-marker {
  display: none;
}

.endpoint-tenant-correction summary small {
  color: var(--amber);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.endpoint-tenant-correction-body {
  display: grid;
  gap: 14px;
  margin-top: 10px;
  padding: 15px;
  border: 1px solid rgba(255, 190, 85, 0.34);
  border-radius: var(--radius);
  background: rgba(255, 190, 85, 0.06);
}

.endpoint-tenant-correction-body > p {
  margin: 0;
  color: var(--steel-200);
  font-size: 0.84rem;
  line-height: 1.55;
}

.endpoint-tenant-correction-form b {
  color: var(--white);
}

.endpoint-tenant-correction-form .endpoint-tenant-correction-button {
  border-color: rgba(255, 190, 85, 0.55);
  background: rgba(255, 190, 85, 0.15);
  color: var(--white);
}

.endpoint-duplicate-table {
  min-width: 720px;
}

.endpoint-duplicate-form {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 190, 85, 0.24);
}

.endpoint-duplicate-candidate {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(170px, 1fr) minmax(150px, 0.8fr);
  gap: 14px;
  padding: 13px 0;
}

.endpoint-duplicate-candidate span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.endpoint-duplicate-candidate b,
.endpoint-duplicate-candidate small {
  overflow-wrap: anywhere;
}

.endpoint-duplicate-candidate small {
  color: var(--steel-400);
}

@media (max-width: 760px) {
  .endpoint-duplicate-candidate {
    grid-template-columns: 1fr;
  }
}

.endpoint-fact-card div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.endpoint-fact-card dd {
  margin: 0;
  text-align: right;
}

.endpoint-change-list {
  gap: 0;
}

.endpoint-change-list li {
  padding-inline: 0;
  border-left: 4px solid transparent;
  padding-left: 12px;
}

.endpoint-change-block {
  margin-top: 14px;
}

.change-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 14px 0 18px;
}

.change-summary-card {
  border-color: var(--line-strong);
}

.change-summary-card strong {
  font-size: 1.9rem;
}

.change-summary-hardware {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.42);
}

.change-summary-added {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.38);
}

.change-summary-updated {
  background: rgba(250, 204, 21, 0.12);
  border-color: rgba(250, 204, 21, 0.42);
}

.change-summary-removed {
  background: rgba(248, 113, 113, 0.12);
  border-color: rgba(248, 113, 113, 0.42);
}

.change-summary-patch {
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.4);
}

.change-summary-patch-removed {
  background: rgba(244, 114, 182, 0.12);
  border-color: rgba(244, 114, 182, 0.4);
}

.endpoint-change-list-hardware li {
  border-left-color: rgba(56, 189, 248, 0.72);
}

.endpoint-change-list-added li {
  border-left-color: rgba(34, 197, 94, 0.72);
}

.endpoint-change-list-updated li {
  border-left-color: rgba(250, 204, 21, 0.8);
}

.endpoint-change-list-removed li {
  border-left-color: rgba(248, 113, 113, 0.8);
}

.endpoint-change-list-patch li {
  border-left-color: rgba(168, 85, 247, 0.78);
}

.endpoint-change-list-patch-removed li {
  border-left-color: rgba(244, 114, 182, 0.78);
}

.big-number {
  display: grid;
  gap: 8px;
}

.big-number strong {
  color: var(--cyan);
  font-size: 4rem;
  line-height: 1;
}

.big-number span {
  color: var(--steel-300);
}

.report-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.compact-table {
  min-width: 680px;
}

.security-create-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.security-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.client-setup-form {
  display: grid;
  gap: 18px;
}

.client-setup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.client-setup-grid-wide {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
}

.setup-checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.setup-checklist-group {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.setup-checklist-group h4 {
  margin-top: 0;
}

.requirements-list {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}

.setup-checkbox {
  color: var(--steel-200) !important;
  font-size: 0.86rem !important;
  line-height: 1.35;
}

.client-setup-submit {
  width: 100%;
}

.client-management-metrics {
  margin-bottom: 16px;
}

.danger-panel {
  border-color: rgba(255, 93, 108, 0.32);
  background:
    linear-gradient(145deg, rgba(255, 93, 108, 0.07), rgba(255, 255, 255, 0.03)),
    rgba(8, 17, 33, 0.82);
}

.admin-record-list {
  display: grid;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.admin-record-row {
  display: grid;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.admin-record-row label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--steel-300);
  font-size: 0.78rem;
  font-weight: 800;
}

.admin-record-row input,
.admin-record-row select {
  min-height: 38px;
  padding-inline: 10px;
}

.admin-record-row button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(91, 220, 255, 0.11);
  color: var(--white);
  font-weight: 800;
}

.user-record-row {
  grid-template-columns: minmax(128px, 1fr) minmax(168px, 1.1fr) minmax(90px, 0.65fr) minmax(130px, 0.8fr) minmax(150px, 0.9fr) minmax(120px, 0.7fr) 82px 64px;
  min-width: 1020px;
}

.authorized-record-row {
  grid-template-columns: minmax(128px, 1fr) minmax(168px, 1.1fr) minmax(120px, 0.75fr) 120px 88px 76px 88px 70px 64px;
  min-width: 1020px;
}

.assignment-record-row {
  grid-template-columns: minmax(170px, 1.2fr) minmax(150px, 1fr) minmax(150px, 1fr) 78px 70px 64px;
  min-width: 720px;
}

.portal-hero {
  margin-bottom: 18px;
  padding: 26px;
  background:
    linear-gradient(115deg, rgba(91, 220, 255, 0.18), rgba(64, 104, 232, 0.14) 48%, rgba(255, 255, 255, 0.04)),
    rgba(8, 17, 33, 0.92);
}

.portal-hero p {
  max-width: 720px;
  margin-bottom: 0;
}

.report-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.report-list li {
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}

.report-list li:first-child {
  padding-top: 0;
}

.report-list li:last-child {
  border-bottom: 0;
}

.report-list strong,
.report-list span {
  display: block;
}

.report-list span {
  margin-top: 4px;
  color: var(--steel-300);
}

.training-layout {
  display: grid;
  gap: 1.2rem;
}

.training-hero {
  display: grid;
  gap: 1rem;
}

.training-hero-copy h3,
.training-section-header h3,
.training-info-card h3,
.training-case-card h3,
.training-rhythm-card h3,
.training-step-copy h3 {
  margin: 0;
  font-size: 1.2rem;
}

.training-hero-copy p,
.training-section-header p,
.training-info-card p,
.training-case-card p,
.training-step-copy p,
.training-screenshot-card figcaption span,
.training-source-note p {
  color: var(--steel-300);
}

.training-action-row,
.training-link-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.training-quickstart-grid,
.training-case-grid,
.training-rhythm-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.training-section-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: end;
}

.training-section-header p {
  max-width: 38rem;
  margin: 0;
}

.training-info-card,
.training-case-card,
.training-rhythm-card {
  display: grid;
  gap: 0.85rem;
  align-content: start;
}

.training-case-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.training-meta-list {
  margin: 0;
  display: grid;
  gap: 0.7rem;
}

.training-meta-list div {
  display: grid;
  gap: 0.15rem;
}

.training-meta-list dt {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--steel-400);
}

.training-meta-list dd {
  margin: 0;
  font-weight: 600;
}

.training-bullet-list,
.training-checklist {
  margin: 0;
  padding-left: 1.2rem;
  display: grid;
  gap: 0.55rem;
}

.training-source-note {
  display: grid;
  gap: 0.45rem;
}

.training-source-note p {
  margin: 0;
  font-size: 0.92rem;
}

.training-step-stack {
  display: grid;
  gap: 1rem;
}

.training-step-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 1rem;
  align-items: start;
}

.training-step-card-single {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
}

.training-step-copy {
  display: grid;
  gap: 0.85rem;
}

.training-step-media {
  display: grid;
  align-content: start;
}

.training-screenshot-card {
  margin: 0;
  display: grid;
  gap: 0.75rem;
}

.training-screenshot-card img,
.training-screenshot-missing {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(147, 197, 253, 0.18);
  background: rgba(15, 23, 42, 0.9);
  box-shadow: 0 22px 60px rgba(2, 6, 23, 0.32);
}

.training-screenshot-card img {
  display: block;
}

.training-screenshot-missing {
  min-height: 260px;
  display: grid;
  place-content: center;
  gap: 0.45rem;
  padding: 1.4rem;
  text-align: center;
}

.training-screenshot-missing span {
  color: var(--steel-300);
}

.training-screenshot-card figcaption {
  display: grid;
  gap: 0.25rem;
}

.training-rhythm-card .training-bullet-list {
  gap: 0.7rem;
}

.ticket-dialog {
  width: min(620px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--ink-900);
  color: var(--steel-100);
  box-shadow: var(--shadow);
}

.ticket-dialog::backdrop {
  background: rgba(3, 8, 17, 0.72);
  backdrop-filter: blur(6px);
}

.ticket-dialog form {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.ticket-dialog label,
.login-panel label {
  display: grid;
  gap: 7px;
  color: var(--steel-300);
}

.dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog-header h2 {
  margin-bottom: 0;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.setup-layout {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.setup-sidebar {
  position: sticky;
  top: 22px;
  grid-row: span 2;
}

.setup-options-panel,
.setup-add-panel {
  min-width: 0;
}

.setup-add-panel {
  grid-column: 2;
}

.setup-group-list,
.metadata-option-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.setup-group-link {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--steel-200);
  text-decoration: none;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

.setup-group-link:hover,
.setup-group-link.is-active {
  border-color: var(--line-strong);
  background: rgba(91, 220, 255, 0.1);
  transform: translateY(-1px);
}

.setup-group-link strong {
  color: var(--white);
  font-size: 0.92rem;
  line-height: 1.25;
}

.setup-group-link span,
.setup-panel-header p,
.metadata-option-summary small,
.empty-state {
  color: var(--steel-300);
}

.setup-group-link span {
  font-size: 0.78rem;
  line-height: 1.3;
}

.setup-panel-header {
  align-items: start;
}

.setup-panel-header p {
  margin: 6px 0 0;
}

.metadata-option-row {
  display: grid;
  grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1.2fr) 88px minmax(130px, 0.7fr) 96px 74px;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.metadata-option-row label,
.metadata-option-summary {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.metadata-option-summary .badge {
  justify-self: start;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.metadata-option-row label {
  min-width: 0;
  color: var(--steel-300);
  font-size: 0.82rem;
  font-weight: 800;
}

.metadata-option-row input,
.metadata-option-row select {
  min-height: 38px;
  padding-inline: 10px;
}

.metadata-option-row button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(91, 220, 255, 0.11);
  color: var(--white);
  font-weight: 800;
}

.checkbox-field {
  display: flex !important;
  align-items: center;
  gap: 9px !important;
  min-height: 38px;
}

.checkbox-field input[type="checkbox"] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--cyan);
}

.empty-state {
  margin: 0;
  padding: 14px 0;
}

.ticket-dialog menu {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}

.login-body {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 26px;
}

.login-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.75fr);
  gap: 24px;
  width: min(1120px, 100%);
}

.login-brand {
  min-height: 620px;
  padding: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(140deg, rgba(91, 220, 255, 0.18), rgba(64, 104, 232, 0.12) 46%, rgba(5, 11, 23, 0.9)),
    var(--ink-900);
}

.login-brand img {
  width: min(520px, 100%);
  height: auto;
  margin-bottom: 70px;
}

.login-brand h1 {
  max-width: 780px;
  margin-bottom: 18px;
  font-size: clamp(2.3rem, 5vw, 5rem);
}

.login-brand p:not(.eyebrow) {
  max-width: 620px;
  font-size: 1.08rem;
}

.login-panel,
.setup-panel {
  align-self: center;
  padding: 24px;
}

.login-panel form {
  display: grid;
  gap: 14px;
}

.login-panel .primary-button {
  width: 100%;
}

.setup-panel {
  width: min(620px, 100%);
}

.setup-panel img {
  width: min(320px, 100%);
  margin-bottom: 22px;
}

.setup-panel code {
  display: block;
  overflow-x: auto;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--cyan);
}

.document-body {
  min-height: 100vh;
  padding: 24px;
  background: #071121;
}

.document-shell {
  width: min(8.5in, 100%);
  margin: 0 auto;
}

.document-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.document-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.document-workflow-panel {
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(8, 17, 33, 0.82);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.document-workflow-header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.document-workflow-header h2 {
  margin-bottom: 6px;
  font-size: 1.12rem;
}

.document-workflow-header p,
.document-workflow-meta,
.document-upload-item small,
.document-upload-item p {
  margin-bottom: 0;
  color: var(--steel-300);
}

.document-workflow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 16px;
}

.document-workflow-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.document-workflow-card h3 {
  margin-bottom: 6px;
}

.document-empty-state {
  margin-top: 12px;
}

.document-upload-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.document-upload-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.document-upload-item strong,
.document-upload-item small {
  display: block;
}

.document-upload-item p {
  margin-top: 6px;
}

.document-upload-form {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.document-upload-form label {
  display: grid;
  gap: 6px;
  color: var(--steel-200);
}

.document-upload-check {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start;
  color: var(--steel-200) !important;
}

.document-upload-check input {
  width: auto;
  margin: 4px 0 0;
}

.document-page {
  width: min(8.5in, 100%);
  min-height: 11in;
  margin: 0 auto;
  padding: 0.6in;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  color: #172033;
  box-shadow: var(--shadow);
}

.report-document-shell {
  width: min(8.5in, 100%);
}

.report-page {
  font-family: Georgia, "Times New Roman", serif;
}

.report-document-brand {
  grid-template-columns: 1.65in 1fr;
  align-items: start;
}

.report-document-brand p:not(.eyebrow) {
  margin: 6px 0 0;
}

.document-page h1,
.document-page h2,
.document-page h3,
.document-page p,
.document-page li,
.document-page th,
.document-page td {
  color: #172033;
}

.document-page h1 {
  font-size: 2rem;
  line-height: 1.1;
}

.document-page h2 {
  margin: 18px 0 12px;
  font-size: 1.36rem;
}

.document-page h3 {
  margin: 0 0 6px;
  font-size: 1rem;
}

.document-page p,
.document-page li {
  font-size: 0.9rem;
  line-height: 1.48;
}

.document-page p {
  margin: 0 0 10px;
}

.report-page h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid #d9e0ea;
  color: #102034;
  font-size: 1.06rem;
}

.report-summary-table {
  margin-bottom: 18px;
}

.report-print-section {
  margin-top: 18px;
  break-inside: avoid;
  page-break-inside: avoid;
}

.report-print-section p {
  color: #2e3d50;
}

.report-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.report-kpi-grid div {
  min-height: 74px;
  padding: 9px 10px;
  border: 1px solid #d9e0ea;
  background: #f5f9fc;
}

.report-kpi-grid span,
.report-kpi-grid small {
  display: block;
  color: #526273;
  font-size: 0.72rem;
}

.report-kpi-grid strong {
  display: block;
  margin: 5px 0;
  color: #0f6d91;
  font-size: 1.5rem;
  line-height: 1;
}

.report-print-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
}

.report-print-table th,
.report-print-table td {
  padding: 6px 7px;
  border: 1px solid #d9e0ea;
  color: #172033;
  font-size: 0.72rem;
  line-height: 1.25;
  vertical-align: top;
}

.report-print-table th {
  background: #eef4f8;
  color: #44546a;
}

.service-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.service-checklist section {
  padding: 9px;
  border: 1px solid #d9e0ea;
  background: #fbfdff;
  break-inside: avoid;
  page-break-inside: avoid;
}

.service-checklist h3 {
  margin: 0 0 7px;
  color: #102034;
  font-size: 0.8rem;
}

.service-checklist label,
.contract-check-grid label {
  display: grid;
  grid-template-columns: 13px 1fr;
  gap: 6px;
  align-items: start;
  margin-bottom: 5px;
  color: #172033;
  font-size: 0.72rem;
  line-height: 1.25;
}

.service-checklist label span,
.contract-check-grid label span {
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border: 1px solid #526273;
  background: #ffffff;
}

.service-checklist label span.is-checked,
.contract-check-grid label span.is-checked {
  position: relative;
  border-color: #156c91;
  background: #156c91;
}

.service-checklist label span.is-checked::after,
.contract-check-grid label span.is-checked::after {
  position: absolute;
  top: 0;
  left: 3px;
  width: 3px;
  height: 6px;
  border: solid #ffffff;
  border-width: 0 1.5px 1.5px 0;
  content: "";
  transform: rotate(45deg);
}

.contract-clause-list {
  margin-left: 18px;
}

.contract-clause-list li {
  margin-bottom: 6px;
  color: #172033;
}

.contract-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 16px;
}

.compact-document-summary th,
.compact-document-summary td {
  padding: 5px 7px;
}

.contract-signature-grid {
  margin-top: 18px;
}

.report-footer-note {
  margin-top: 22px;
  padding-top: 10px;
  border-top: 1px solid #d9e0ea;
}

.report-footer-note p {
  color: #526273;
  font-size: 0.78rem;
}

.document-page ul,
.document-page ol {
  margin: 0 0 10px 20px;
  padding: 0;
}

.document-brand {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 18px;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d9e0ea;
}

.document-brand img {
  width: 170px;
  max-width: 100%;
  height: auto;
  background: #081121;
}

.document-page .eyebrow {
  color: #156c91;
}

.legal-note {
  margin-top: 18px;
  padding: 12px;
  border-left: 4px solid #156c91;
  background: #eef7fb;
}

.document-summary {
  width: 100%;
  min-width: 0;
  margin: 0 0 14px;
  border-collapse: collapse;
}

.document-summary th,
.document-summary td {
  padding: 6px 8px;
  border: 1px solid #d9e0ea;
  font-size: 0.8rem;
  vertical-align: top;
}

.document-summary th {
  width: 34%;
  background: #eef4f8;
  color: #44546a;
  text-transform: uppercase;
}

.baa-clause {
  margin-top: 12px;
  break-inside: avoid;
  page-break-inside: avoid;
}

.signature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 16px;
}

.signature-grid div {
  min-height: 54px;
  border-top: 1px solid #526273;
  padding-top: 6px;
}

.signature-grid span,
.signature-grid strong {
  display: block;
  color: #172033;
  font-size: 0.78rem;
}

.signature-grid strong {
  margin-top: 12px;
  font-weight: 800;
}

@page {
  size: Letter;
  margin: 0.5in;
}

@media print {
  html,
  body {
    width: 8.5in;
    background: #ffffff;
  }

  .document-body {
    min-height: auto;
    padding: 0;
    background: #ffffff;
  }

  .document-shell {
    width: auto;
    margin: 0;
  }

  .document-toolbar {
    display: none;
  }

  .list-toolbar {
    display: none !important;
  }

  .document-workflow-panel {
    display: none;
  }

  .document-page {
    width: auto;
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .document-page h1 {
    font-size: 18pt;
  }

  .document-page h2 {
    font-size: 13pt;
  }

  .document-page h3 {
    font-size: 10.5pt;
  }

  .document-page p,
  .document-page li {
    font-size: 9.2pt;
    line-height: 1.35;
  }

  .document-summary th,
  .document-summary td,
  .signature-grid span,
  .signature-grid strong {
    font-size: 8.2pt;
  }

  .document-brand {
    grid-template-columns: 1.5in 1fr;
  }

  .document-brand img {
    width: 1.5in;
  }

  .report-document-brand {
    grid-template-columns: 1.35in 1fr;
  }

  .report-document-brand img {
    width: 1.35in;
  }

  .report-kpi-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .report-print-section {
    margin-top: 12px;
  }

  .report-print-table th,
  .report-print-table td {
    padding: 4.5pt 5pt;
    font-size: 7.4pt;
  }

  .report-kpi-grid div {
    min-height: 0.58in;
    padding: 6pt;
  }

  .report-kpi-grid strong {
    font-size: 15pt;
  }

  .service-checklist {
    grid-template-columns: repeat(2, 1fr);
    gap: 6pt;
  }

  .service-checklist section {
    padding: 5pt;
  }

  .service-checklist h3 {
    font-size: 7.8pt;
  }

  .service-checklist label,
  .contract-check-grid label {
    font-size: 7pt;
  }

  .contract-clause-list li {
    font-size: 8pt;
    line-height: 1.25;
  }
}

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .nav-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .logout-form {
    margin-top: 0;
  }

  .dashboard-grid,
  .reports-grid,
  .form-panel-grid,
  .document-workflow-grid,
  .report-section-grid,
  .endpoint-fact-grid,
  .report-library-grid,
  .device-provider-grid,
  .security-create-grid,
  .client-setup-grid,
  .client-setup-grid-wide,
  .training-quickstart-grid,
  .training-case-grid,
  .training-rhythm-grid,
  .setup-layout {
    grid-template-columns: 1fr;
  }

  .setup-sidebar {
    position: static;
    grid-row: auto;
  }

  .setup-add-panel {
    grid-column: auto;
  }

  .document-toolbar,
  .document-workflow-header {
    flex-direction: column;
  }

  .document-upload-item {
    grid-template-columns: 1fr;
  }

  .metadata-option-row {
    grid-template-columns: minmax(160px, 1fr) minmax(220px, 1.4fr) 90px minmax(130px, 0.8fr);
  }

  .user-record-row,
  .authorized-record-row,
  .assignment-record-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .setup-group-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .workspace {
    padding: 20px;
  }

  .login-toolbar {
    padding: 18px 20px 0;
  }

  .topbar,
  .view-heading,
  .portal-hero,
  .training-section-header {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .client-filter-form {
    grid-template-columns: auto minmax(180px, 1fr) auto;
  }

  .metric-strip,
  .mini-metrics {
    grid-template-columns: 1fr 1fr;
  }

  .setup-group-list,
  .metadata-option-row,
  .setup-checklist-grid,
  .user-record-row,
  .authorized-record-row,
  .assignment-record-row {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .topbar-actions {
    align-items: stretch;
  }

  .search-field {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 12px;
  }

  .list-toolbar {
    padding: 12px;
  }

  .list-toolbar-heading {
    align-items: flex-start;
  }

  .list-toolbar-controls {
    grid-template-columns: 1fr;
  }

  .login-shell {
    grid-template-columns: 1fr;
  }

  .login-brand {
    min-height: auto;
  }

  .document-brand {
    grid-template-columns: 1fr;
  }

  .report-kpi-grid {
    grid-template-columns: 1fr 1fr;
  }

  .service-checklist,
  .contract-check-grid {
    grid-template-columns: 1fr;
  }

  .training-step-card,
.training-step-card-single {
  grid-template-columns: 1fr;
}
}

.workforce-callout p {
  margin: 0;
  color: var(--steel-200);
  line-height: 1.6;
}

.workforce-filter-bar {
  flex-wrap: wrap;
}

.workforce-filter-bar label {
  min-width: 180px;
}

.workforce-inline-note {
  display: grid;
  gap: 4px;
  min-width: 220px;
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
}

.workforce-inline-note strong {
  color: var(--white);
  font-size: 0.92rem;
}

.workforce-inline-note span {
  color: var(--steel-300);
  font-size: 0.8rem;
}

.workforce-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
  gap: 16px;
  margin-top: 16px;
}

.form-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workforce-readonly-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.workforce-readonly-grid > div,
.workforce-timesheet-preview > div {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
}

.workforce-readonly-grid span,
.workforce-timesheet-preview span {
  display: block;
  color: var(--steel-300);
  font-size: 0.84rem;
  margin-bottom: 6px;
}

.workforce-readonly-grid strong,
.workforce-timesheet-preview strong {
  display: block;
}

.workforce-timesheet-preview {
  margin: 4px 0 2px;
}

.compact-form {
  gap: 12px;
}

.compact-top-space {
  margin-top: 14px;
}

.inline-danger-form {
  margin-top: 12px;
}

.destructive-text-button {
  color: #ffb2b8;
}

.pagination-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 14px;
}

.pagination-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--steel-100);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.04);
}

.pagination-link.is-active {
  border-color: rgba(91, 220, 255, 0.45);
  background: rgba(20, 184, 230, 0.18);
  color: var(--white);
}

.clickable-row {
  cursor: pointer;
}

.clickable-row:hover td,
.clickable-row:focus td {
  background: rgba(91, 220, 255, 0.08);
}

.clickable-row:focus {
  outline: 2px solid rgba(91, 220, 255, 0.55);
  outline-offset: -2px;
}

.searchable-select-stack {
  display: grid;
  gap: 8px;
}

.searchable-select-filter {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  color: var(--white);
}

.span-2 {
  grid-column: span 2;
}

@media (max-width: 580px) {
  .nav-list,
  .metric-strip,
  .mini-metrics,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .topbar-actions {
    display: grid;
    grid-template-columns: 1fr 44px;
  }

  .client-filter-form {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    padding: 8px 12px;
  }

  .search-field {
    min-width: 0;
  }

  .list-toolbar-controls {
    grid-template-columns: 1fr;
  }

  .ticket-board {
    grid-template-columns: repeat(4, 250px);
  }

  .timeline li {
    grid-template-columns: 1fr;
  }

  .login-body {
    padding: 14px;
  }

  .login-brand,
  .login-panel {
    padding: 20px;
  }

  .workforce-editor-grid,
  .workforce-readonly-grid,
  .form-grid-3,
  .form-grid-4 {
    grid-template-columns: 1fr;
  }
}

/* 20260724 APPROVED FACELIFT 01-02 */

    .login-body {
      --ink-950:#050b17; --ink-900:#081121; --ink-850:#0c1729; --ink-800:#101d33;
      --ink-700:#182942; --ink-600:#263a58;
      --steel-300:#9fb2c8; --steel-200:#c5d4e6; --steel-100:#e8f0fb;
      --cyan:#5bdcff; --cyan-strong:#14b8e6; --blue:#4068e8;
      --green:#33d69f; --amber:#ffbe55; --red:#ff5d6c; --white:#fff;
      --line:rgba(197,212,230,.16); --line-strong:rgba(91,220,255,.35);
      --radius:14px;
      font-synthesis:none;
    }
.login-body, .login-body * {box-sizing:border-box}
    .login-body {height:100%}
.login-body {
      margin:0; color:var(--steel-100);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      background:
        radial-gradient(1100px 600px at 15% -10%, rgba(64,104,232,.22), transparent 60%),
        radial-gradient(900px 700px at 100% 110%, rgba(91,220,255,.16), transparent 55%),
        linear-gradient(160deg, var(--ink-950), var(--ink-900) 55%, #060d1c);
      min-height:100vh; display:flex; flex-direction:column;
      -webkit-font-smoothing:antialiased;
    }
.login-body::before {
      content:""; position:fixed; inset:0; pointer-events:none; opacity:.4;
      background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
      background-size:46px 46px; mask-image:radial-gradient(900px 700px at 30% 20%,#000,transparent 75%);
    }

    .login-body .topbar {display:flex; width:100%; justify-content:space-between; align-items:center; padding:22px 34px; position:relative; z-index:2; margin-bottom:0}
    .login-body .lang {display:flex; align-items:center; gap:8px; font-size:13px; color:var(--steel-300);
      border:1px solid var(--line); padding:8px 12px; border-radius:999px; background:rgba(12,23,41,.6)}
    .login-body .lang select {background:transparent; border:0; color:var(--steel-200); font:inherit; outline:none}

    .login-body .stage {flex:1; display:flex; align-items:center; justify-content:center; padding:24px 20px 40px; position:relative; z-index:1}
    .login-body .card {
      width:min(1040px,100%); display:grid; grid-template-columns:1.05fr .95fr;
      background:linear-gradient(180deg,rgba(16,29,51,.92),rgba(8,17,33,.92));
      border:1px solid var(--line); border-radius:22px; overflow:hidden;
      box-shadow:0 40px 120px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);
      backdrop-filter:blur(6px);
    }

    .login-body .brand {display:block; grid-template-columns:none; padding:44px 44px 40px; border-right:1px solid var(--line);
      background:radial-gradient(700px 400px at -10% -20%,rgba(91,220,255,.10),transparent 60%)}
    .login-body .brand img.logo {width:auto}
    .login-body .brand .logo {height:132px; width:auto; max-width:100%; margin:-8px 0 18px; filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}
    .login-body .eyebrow {color:var(--cyan); font-size:12px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; margin:0 0 12px}
    .login-body .brand h1 {font-size:30px; line-height:1.14; margin:0 0 14px; letter-spacing:-.3px; color:var(--white)}
    .login-body .brand p.sub {color:var(--steel-300); font-size:15px; line-height:1.55; margin:0 0 26px; max-width:42ch}
    .login-body .chips {display:flex; flex-wrap:wrap; gap:9px; margin-bottom:22px}
    .login-body .chip {display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; color:var(--steel-200);
      background:rgba(38,58,88,.45); border:1px solid var(--line); padding:7px 12px; border-radius:999px}
    .login-body .chip svg {width:14px; height:14px}
    .login-body .status {display:flex; align-items:center; gap:9px; font-size:13px; color:var(--steel-300)}
    .login-body .dot {width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(51,214,159,.18); animation:pulse 2.4s infinite}
   @keyframes pulse {0%,100%{box-shadow:0 0 0 4px rgba(51,214,159,.18)}50% {box-shadow:0 0 0 7px rgba(51,214,159,.05)}}

    /* Full brand lockup from the Trust Badge Kit — see facelift_trust_lockup() */
    .login-body .trust-lockup {margin-top:26px; padding-top:22px; border-top:1px solid var(--line);
      display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px}
    .login-body .trust-lockup-mark {display:inline-block; line-height:0; border-radius:4px; outline:none;
      transition:transform .15s, filter .15s; filter:drop-shadow(0 8px 22px rgba(0,0,0,.45))}
    .login-body .trust-lockup-mark img {display:block; width:290px; max-width:100%; height:auto}
    .login-body .trust-lockup-mark:hover {transform:translateY(-1px); filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}
    .login-body .trust-lockup-mark:focus-visible {box-shadow:0 0 0 3px rgba(91,220,255,.45)}
    .login-body .trust-lockup-link {font-size:12.5px; font-weight:600; color:var(--cyan); text-decoration:none;
      border-bottom:1px solid rgba(91,220,255,.35); padding-bottom:1px}
    .login-body .trust-lockup-link:hover {border-bottom-color:var(--cyan)}
   @media (max-width:820px) { .login-body .trust-lockup {margin-top:22px; padding-top:18px} }

    .login-body .panel {padding:44px 44px 38px; display:flex; flex-direction:column; justify-content:center}
    .login-body .panel h2 {font-size:24px; margin:0 0 4px; color:var(--white); letter-spacing:-.2px}
    .login-body .panel .lead {color:var(--steel-300); font-size:13.5px; margin:0 0 26px}
    .login-body .field {margin-bottom:18px}
    .login-body .field label {display:block; font-size:12.5px; font-weight:700; letter-spacing:.3px; color:var(--steel-200); margin-bottom:8px; text-transform:uppercase}
    .login-body .inputwrap {position:relative; display:flex; align-items:center}
    .login-body .inputwrap svg {position:absolute; left:14px; width:17px; height:17px; color:var(--steel-300); pointer-events:none}
    .login-body .inputwrap input {
      width:100%; padding:14px 44px 14px 42px; font-size:15px; color:var(--white);
      background:rgba(5,11,23,.7); border:1px solid var(--line); border-radius:12px; outline:none;
      transition:border-color .15s, box-shadow .15s;
    }
    .login-body .inputwrap input::placeholder {color:#5f7391}
    .login-body .inputwrap input:focus {border-color:var(--line-strong); box-shadow:0 0 0 4px rgba(91,220,255,.14)}
    .login-body .reveal {position:absolute; right:8px; background:transparent; border:0; color:var(--steel-300); padding:8px; cursor:pointer; display:grid; place-items:center; border-radius:8px}
    .login-body .reveal:hover {color:var(--cyan)}
    .login-body .primary-button {
      width:100%; margin-top:6px; padding:15px 16px; font-size:15px; font-weight:800; letter-spacing:.2px;
      color:#03101f; border:0; border-radius:12px; cursor:pointer;
      background:linear-gradient(135deg,var(--cyan),var(--blue)); box-shadow:0 14px 34px rgba(64,104,232,.4);
      transition:transform .12s, box-shadow .15s;
      display:flex; align-items:center; justify-content:center; gap:9px;
    }
    .login-body .primary-button:hover {transform:translateY(-1px); box-shadow:0 18px 44px rgba(64,104,232,.5)}
    .login-body .primary-button svg {width:16px; height:16px}
    .login-body .mfa-note {display:flex; align-items:center; gap:8px; justify-content:center; margin-top:16px; font-size:12.5px; color:var(--steel-300)}
    .login-body .mfa-note svg {width:14px; height:14px; color:var(--green)}
    .login-body .helprow {display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:12.5px; color:var(--steel-300)}
    .login-body .helprow a {color:var(--cyan); text-decoration:none}
    .login-body .helprow a:hover {text-decoration:underline}

    .login-body .legal {position:relative; z-index:2; text-align:center; padding:0 20px 10px; color:#54688a; font-size:12px; line-height:1.5}
    .login-body .legal .warn {color:var(--amber); font-weight:600}

    .login-body .site-footer {position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
      gap:10px 16px; padding:0 20px 30px; color:#5f7391; font-size:12.5px; text-align:center}
    .login-body .site-footer .seg {display:inline-flex; align-items:center; gap:6px}
    .login-body .site-footer .lbl {color:#54688a}
    .login-body .site-footer strong {color:var(--steel-200); font-weight:700}
    .login-body .site-footer .brandlink {color:var(--cyan); font-weight:700; text-decoration:none}
    .login-body .site-footer .sep {color:var(--line-strong); opacity:.7}
   @media (max-width:560px) { .login-body .site-footer .sep{display:none} .login-body .site-footer {gap:4px} }
   @media (max-width:820px) {
      .login-body .card {grid-template-columns:1fr}
      .login-body .brand {border-right:0; border-bottom:1px solid var(--line); padding:34px 30px 28px}
      .login-body .brand .logo {height:104px}
      .login-body .brand h1 {font-size:25px}
      .login-body .panel {padding:32px 30px 30px}
    }
.command-dashboard {
  --ink-950:#050b17; --ink-900:#081121; --ink-850:#0c1729; --ink-800:#101d33;
  --ink-700:#182942; --ink-600:#263a58;
  --steel-300:#9fb2c8; --steel-200:#c5d4e6; --steel-100:#e8f0fb;
  --cyan:#5bdcff; --cyan-strong:#14b8e6; --blue:#4068e8;
  --green:#33d69f; --amber:#ffbe55; --red:#ff5d6c; --violet:#9d7bff; --white:#fff;
  --line:rgba(197,212,230,.14); --line-strong:rgba(91,220,255,.32);
}
.command-dashboard, .command-dashboard * {box-sizing:border-box}
.command-dashboard-body {margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--steel-100);-webkit-font-smoothing:antialiased;
  background:radial-gradient(1200px 700px at 12% -8%,rgba(64,104,232,.18),transparent 60%),
             radial-gradient(900px 800px at 110% 20%,rgba(91,220,255,.10),transparent 55%),
             linear-gradient(160deg,var(--ink-950),var(--ink-900) 60%,#060d1c);
  min-height:100vh}
.command-dashboard a {color:inherit;text-decoration:none}
.command-dashboard .app {display:grid;grid-template-columns:250px 1fr;min-height:100vh}


.command-dashboard .side {border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:6px;
  background:linear-gradient(180deg,rgba(8,17,33,.7),rgba(5,11,23,.7));position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}
.command-dashboard .brand {display:flex;align-items:center;gap:10px;padding:6px 8px 16px;font-weight:800;letter-spacing:.2px}
.command-dashboard .brand .glyph {width:32px;height:32px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--cyan),var(--blue));color:#04101f;font-weight:900;box-shadow:0 8px 20px rgba(64,104,232,.4)}
.command-dashboard .navlabel {font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin:14px 10px 4px;font-weight:800}
.command-dashboard .nav {display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--steel-200);font-size:13.5px;font-weight:500}
.command-dashboard .nav svg {width:17px;height:17px;color:var(--steel-300)}
.command-dashboard .nav:hover {background:rgba(38,58,88,.4)}
.command-dashboard .nav.active {background:linear-gradient(90deg,rgba(91,220,255,.16),rgba(64,104,232,.10));color:#fff;
  box-shadow:inset 0 0 0 1px var(--line-strong)}
.command-dashboard .nav.active svg {color:var(--cyan)}
.command-dashboard .nav .badge {margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px}
.command-dashboard .nav .badge.warn {background:var(--amber);color:#231703}


.command-dashboard .main {display:flex;flex-direction:column;min-width:0}
.command-dashboard .topbar {display:flex;align-items:center;gap:16px;padding:16px 26px;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:5;background:rgba(6,13,28,.72);backdrop-filter:blur(10px)}
.command-dashboard .topbar h1 {font-size:19px;margin:0;letter-spacing:-.2px}
.command-dashboard .topbar .crumb {color:var(--steel-300);font-size:12px}
.command-dashboard .search {margin-left:8px;flex:1;max-width:360px;display:flex;align-items:center;gap:9px;background:rgba(5,11,23,.7);
  border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--steel-300);font-size:13px}
.command-dashboard .search svg {width:15px;height:15px}
.command-dashboard .tb-actions {margin-left:auto;display:flex;align-items:center;gap:12px}
.command-dashboard .roleswitch {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--steel-200);
  background:rgba(38,58,88,.4);border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.command-dashboard .roleswitch b {color:#fff}
.command-dashboard .roleswitch .hat {color:var(--cyan)}
.command-dashboard .oncall {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--green);
  border:1px solid rgba(51,214,159,.35);border-radius:999px;padding:7px 12px;background:rgba(51,214,159,.08)}
.command-dashboard .oncall .dot {width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(51,214,159,.18);animation:command-pulse 2.4s infinite}
@keyframes command-pulse{50%{box-shadow:0 0 0 7px rgba(51,214,159,.04)}}
.command-dashboard .icon-btn {position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:rgba(5,11,23,.6);color:var(--steel-200)}
.command-dashboard .icon-btn svg {width:18px;height:18px}
.command-dashboard .icon-btn .n {position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:10px;font-weight:800;border-radius:999px;padding:1px 5px}
.command-dashboard .avatar {width:38px;height:38px;border-radius:10px;background:linear-gradient(150deg,var(--violet),var(--blue));display:grid;place-items:center;font-weight:800;color:#fff}

.command-dashboard .content {padding:22px 26px 10px;display:flex;flex-direction:column;gap:20px}
.command-dashboard .sample {align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--amber);
  background:rgba(255,190,85,.1);border:1px solid rgba(255,190,85,.3);border-radius:999px;padding:5px 11px}


.command-dashboard .kpis {display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.command-dashboard .kpi {background:linear-gradient(180deg,rgba(16,29,51,.9),rgba(8,17,33,.85));border:1px solid var(--line);
  border-radius:16px;padding:16px 16px 14px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.command-dashboard .kpi::after {content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.command-dashboard .kpi .lab {font-size:11.5px;color:var(--steel-300);letter-spacing:.3px;text-transform:uppercase;font-weight:600}
.command-dashboard .kpi .val {font-size:29px;font-weight:800;margin:8px 0 4px;letter-spacing:-.5px}
.command-dashboard .kpi .delta {font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:5px}
.command-dashboard .up {color:var(--green)} .command-dashboard .down {color:var(--red)} .command-dashboard .flat {color:var(--steel-300)}
.command-dashboard .kpi.alert::after {background:linear-gradient(90deg,var(--amber),var(--red))}
.command-dashboard .kpi.good::after {background:linear-gradient(90deg,var(--green),var(--cyan))}
.command-dashboard .spark {position:absolute;right:12px;bottom:12px;width:56px;height:22px;opacity:.85}


.command-dashboard .grid {display:grid;grid-template-columns:1.7fr 1fr;gap:20px}
.command-dashboard .card {background:linear-gradient(180deg,rgba(16,29,51,.86),rgba(8,17,33,.82));border:1px solid var(--line);
  border-radius:16px;padding:18px 18px 8px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.command-dashboard .card h3 {margin:0 0 2px;font-size:15px}
.command-dashboard .card .sub {color:var(--steel-300);font-size:12px;margin:0 0 14px}
.command-dashboard .card .head {display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.command-dashboard .card .head a {font-size:12px;color:var(--cyan)}
.command-dashboard .stack {display:flex;flex-direction:column;gap:20px}


.command-dashboard .trow {display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:11px 8px;border-radius:10px;border-bottom:1px solid var(--line)}
.command-dashboard .trow:hover {background:rgba(38,58,88,.28)}
.command-dashboard .pill {font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:999px}
.command-dashboard .p-crit {background:rgba(255,93,108,.16);color:#ff9aa4} .command-dashboard .p-high {background:rgba(255,190,85,.16);color:var(--amber)}
.command-dashboard .p-med {background:rgba(91,220,255,.14);color:var(--cyan)} .command-dashboard .p-low {background:rgba(159,178,200,.14);color:var(--steel-200)}
.command-dashboard .trow .t {min-width:0} .command-dashboard .trow .t b {display:block;font-size:13.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-dashboard .trow .t span {font-size:11.5px;color:var(--steel-300)}
.command-dashboard .sla {font-size:12px;font-weight:700} .command-dashboard .sla.bad {color:var(--red)} .command-dashboard .sla.warn {color:var(--amber)} .command-dashboard .sla.ok {color:var(--green)}
.command-dashboard .assignee {width:26px;height:26px;border-radius:7px;background:linear-gradient(150deg,var(--cyan-strong),var(--blue));display:grid;place-items:center;font-size:11px;font-weight:800;color:#04101f}


.command-dashboard .htable {width:100%;border-collapse:collapse;font-size:13px}
.command-dashboard .htable th {text-align:left;color:var(--steel-300);font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;padding:8px}
.command-dashboard .htable td {padding:11px 8px;border-top:1px solid var(--line)}
.command-dashboard .hbar {height:7px;border-radius:99px;background:rgba(159,178,200,.15);overflow:hidden;min-width:90px}
.command-dashboard .hbar i {display:block;height:100%;border-radius:99px}
.command-dashboard .score {font-weight:800;font-size:13px}


.command-dashboard .chatq {display:flex;flex-direction:column;gap:10px}
.command-dashboard .chatline {display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;background:rgba(5,11,23,.5);border:1px solid var(--line)}
.command-dashboard .chatline .who {width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,var(--violet),var(--blue));display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff}
.command-dashboard .chatline b {font-size:13px;color:#fff} .command-dashboard .chatline span {font-size:11.5px;color:var(--steel-300)}
.command-dashboard .chatline .wait {margin-left:auto;font-size:11px;font-weight:800;color:var(--amber)}


.command-dashboard .donutwrap {display:flex;align-items:center;gap:18px}
.command-dashboard .legend {display:flex;flex-direction:column;gap:9px;font-size:12.5px}
.command-dashboard .legend .li {display:flex;align-items:center;gap:9px}
.command-dashboard .legend .sw {width:11px;height:11px;border-radius:3px}
.command-dashboard .legend .li b {margin-left:auto;color:#fff}


.command-dashboard .feed {display:flex;flex-direction:column}
.command-dashboard .fitem {display:flex;gap:12px;padding:10px 6px;border-bottom:1px solid var(--line);font-size:12.5px}
.command-dashboard .fitem .fdot {width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}
.command-dashboard .fitem .ft {color:var(--steel-300);font-size:11px}
.command-dashboard .fitem b {color:#fff}


.command-dashboard .legal {text-align:center;padding:14px 20px 6px;color:#54688a;font-size:11.5px}
.command-dashboard .legal .warn {color:var(--amber);font-weight:600}
.command-dashboard .site-footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:0 20px 26px;color:#5f7391;font-size:12px;text-align:center}
.command-dashboard .site-footer .lbl {color:#54688a}.command-dashboard .site-footer strong {color:var(--steel-200)}.command-dashboard .site-footer .brandlink {color:var(--cyan);font-weight:700}.command-dashboard .site-footer .sep {color:var(--line-strong)}

@media (max-width:1150px){.command-dashboard .kpis{grid-template-columns:repeat(3,1fr)}.command-dashboard .grid {grid-template-columns:1fr}}
@media (max-width:820px){
  .command-dashboard .app{grid-template-columns:1fr}
  /* Keep the real AlphaSecure mark visible when navigation collapses. */
  .command-dashboard .side{display:block;height:auto;position:static;overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}
  .command-dashboard .side .nav,.command-dashboard .side .navlabel,.command-dashboard .side .command-logout{display:none}
  .command-dashboard .side .brand{padding:0}
  .command-dashboard .side .brand .logo{display:block;height:42px;width:auto;max-width:min(205px,100%);object-fit:contain}
  .command-dashboard .kpis {grid-template-columns:repeat(2,1fr)}
}
/* 20260724 approved-face-lift behavior and honest-state wiring */
.login-body .lang .login-language-picker,
.command-dashboard .command-language-picker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.login-body .lang .login-language-picker label,
.command-dashboard .command-language-picker label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.login-body .lang .login-language-picker select,
.command-dashboard .command-language-picker select {
  min-height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--steel-200);
}

.login-body .lang .login-language-picker .text-button {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
}

.login-body .flash {
  margin: 0 0 16px;
}

.login-body .setup-contact {
  margin: 20px 0 0;
  color: var(--steel-200);
}

.login-body .setup-contact a {
  color: var(--cyan);
}

.command-dashboard .kpi-link {
  color: inherit;
  text-decoration: none;
}

.command-dashboard .kpi-link:focus-visible,
.command-dashboard .nav:focus-visible,
.command-dashboard .icon-btn:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.command-dashboard .oncall.is-idle {
  color: var(--steel-300);
  border-color: var(--line);
  background: rgba(38, 58, 88, 0.24);
}

.command-dashboard .oncall.is-idle .dot {
  background: var(--steel-300);
  box-shadow: none;
  animation: none;
}

.command-dashboard .roleswitch[aria-disabled="true"] {
  cursor: help;
}

.command-dashboard .command-language {
  display: inline-flex;
  align-items: center;
}

.command-dashboard .command-language-picker {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(5, 11, 23, 0.6);
}

.command-dashboard .command-language-picker .text-button {
  display: none;
}

.command-dashboard .empty-state {
  margin: 0 0 12px;
  padding: 13px 8px;
  color: var(--steel-300);
  font-size: 12.5px;
  line-height: 1.5;
}

.command-dashboard .health-readout {
  display: flex;
  align-items: center;
  gap: 9px;
}

.command-dashboard .hbar i.good,
.command-dashboard .score.good {
  background: linear-gradient(90deg, var(--green), var(--cyan));
  color: var(--green);
}

.command-dashboard .hbar i.warning,
.command-dashboard .score.warning {
  background: linear-gradient(90deg, var(--cyan), var(--blue));
  color: var(--cyan);
}

.command-dashboard .hbar i.danger,
.command-dashboard .score.danger {
  background: linear-gradient(90deg, var(--amber), var(--red));
  color: var(--amber);
}

.command-dashboard .fdot {
  background: var(--cyan);
}

.command-dashboard .command-logout {
  margin-top: auto;
}

.command-dashboard .command-logout .nav {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
}

.site-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 16px;
  padding: 18px 20px 26px;
  color: var(--steel-300);
  font-size: 12px;
  text-align: center;
}

.site-footer .brandlink {
  color: var(--cyan);
  font-weight: 700;
}

@media (max-width: 820px) {
  .command-dashboard .topbar {
    flex-wrap: wrap;
    padding: 14px 16px;
  }

  .command-dashboard .tb-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .command-dashboard .search {
    order: 3;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .command-dashboard .content {
    padding: 18px 16px 8px;
  }
}
/* Owner-approved Client Portal facelift (screen 03). */
.client-portal-body{margin:0;background:radial-gradient(1200px 700px at 15% -8%,rgba(64,104,232,.16),transparent 60%),radial-gradient(900px 800px at 108% 15%,rgba(91,220,255,.10),transparent 55%),linear-gradient(160deg,#050b17,#081121 60%,#060d1c);color:#e8f0fb;min-height:100vh}
.client-portal-page{--ink-950:#050b17;--ink-900:#081121;--ink-800:#101d33;--ink-700:#182942;--steel-300:#9fb2c8;--steel-200:#c5d4e6;--steel-100:#e8f0fb;--cyan:#5bdcff;--cyan-strong:#14b8e6;--blue:#4068e8;--green:#33d69f;--amber:#ffbe55;--red:#ff5d6c;--violet:#9d7bff;--line:rgba(197,212,230,.14);--line-strong:rgba(91,220,255,.32);min-height:100vh;color:var(--steel-100);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.client-portal-page a{color:inherit;text-decoration:none}.client-portal-page .wrap{max-width:1120px;margin:0 auto;padding:0 22px}.client-portal-page .topbar{position:sticky;top:0;z-index:5;background:rgba(6,13,28,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.client-portal-page .topbar .in{max-width:1120px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:16px}.client-portal-page .brand{display:flex;align-items:center;gap:10px;font-weight:800}.client-portal-page .brand .logo{height:30px;width:auto;max-width:190px;object-fit:contain}.client-portal-page .client-badge{margin-left:6px;font-size:12px;color:var(--steel-300);border-left:1px solid var(--line);padding-left:14px}.client-portal-page .client-badge b{color:#fff;display:block;font-size:13px}.client-portal-page .tb-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.client-portal-page .btn{display:inline-flex;align-items:center;gap:8px;font:700 13px inherit;padding:10px 15px;border-radius:10px;cursor:pointer;border:1px solid var(--line);color:var(--steel-100);background:rgba(5,11,23,.6)}.client-portal-page .btn.primary{border:0;color:#03101f;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 12px 28px rgba(64,104,232,.4)}.client-portal-page .btn svg{width:15px;height:15px}.client-portal-page .avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(150deg,var(--violet),var(--blue));display:grid;place-items:center;font-weight:800;color:#fff}.client-portal-page .portal-signout{margin:0}.client-portal-page .language-picker{margin:0}
.client-portal-page .hero{margin:24px 0 20px;padding:22px 24px;border-radius:18px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(20,184,230,.14),rgba(64,104,232,.10) 60%,transparent),linear-gradient(180deg,rgba(16,29,51,.9),rgba(8,17,33,.85));box-shadow:0 22px 55px rgba(0,0,0,.35)}.client-portal-page .hero .eyebrow{color:var(--cyan);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;margin:0 0 6px}.client-portal-page .hero h1{margin:0 0 6px;font-size:23px;letter-spacing:-.3px}.client-portal-page .hero p{margin:0;color:var(--steel-300);font-size:13.5px}.client-portal-page .hero .shield{position:absolute;right:-10px;top:-20px;width:150px;height:150px;opacity:.14}.client-portal-page .posture{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.client-portal-page .chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--steel-200);background:rgba(38,58,88,.5);border:1px solid var(--line);padding:6px 11px;border-radius:999px}
.client-portal-page .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.client-portal-page .kpi{background:linear-gradient(180deg,rgba(16,29,51,.9),rgba(8,17,33,.85));border:1px solid var(--line);border-radius:16px;padding:16px;position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.32)}.client-portal-page .kpi::after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.client-portal-page .kpi.good::after{background:linear-gradient(90deg,var(--green),var(--cyan))}.client-portal-page .kpi .lab{font-size:11px;color:var(--steel-300);text-transform:uppercase;letter-spacing:.3px;font-weight:600;display:flex;align-items:center;gap:7px}.client-portal-page .kpi .lab svg{width:14px;height:14px;color:var(--cyan)}.client-portal-page .kpi .val{font-size:27px;font-weight:800;margin:9px 0 3px;letter-spacing:-.5px}.client-portal-page .kpi .val span{font-size:14px;color:var(--steel-300)}.client-portal-page .kpi .note{font-size:11.5px;color:var(--steel-300)}
.client-portal-page .grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.client-portal-page .card{background:linear-gradient(180deg,rgba(16,29,51,.86),rgba(8,17,33,.82));border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 18px 44px rgba(0,0,0,.3);margin-bottom:20px}.client-portal-page .card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.client-portal-page .card h3{margin:0;font-size:15px}.client-portal-page .card .head a{font-size:12px;color:var(--cyan)}.client-portal-page .trow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 6px;border-bottom:1px solid var(--line)}.client-portal-page .trow:last-child{border-bottom:0}.client-portal-page .pill{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:999px}.client-portal-page .p-open{background:rgba(91,220,255,.14);color:var(--cyan)}.client-portal-page .p-prog{background:rgba(157,123,255,.16);color:#c3b0ff}.client-portal-page .p-wait{background:rgba(255,190,85,.16);color:var(--amber)}.client-portal-page .p-res{background:rgba(51,214,159,.14);color:var(--green)}.client-portal-page .trow .t b{display:block;font-size:13.5px;color:#fff}.client-portal-page .trow .t span,.client-portal-page .when{font-size:11.5px;color:var(--steel-300)}.client-portal-page .portal-empty{font-size:12.5px;color:var(--steel-300);margin:0}.client-portal-page .usage{display:flex;flex-direction:column;gap:14px}.client-portal-page .ubar .top{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;margin-bottom:6px}.client-portal-page .ubar .top b{color:#fff}.client-portal-page .track{height:8px;border-radius:99px;background:rgba(159,178,200,.14);overflow:hidden}.client-portal-page .track i{display:block;height:100%;border-radius:99px}
.client-portal-page .report{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:rgba(5,11,23,.5);border:1px solid var(--line)}.client-portal-page .report .ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,var(--cyan-strong),var(--blue));color:#03101f;flex:none}.client-portal-page .report .ico svg{width:20px;height:20px}.client-portal-page .report b{color:#fff;font-size:13.5px}.client-portal-page .report span{font-size:11.5px;color:var(--steel-300)}.client-portal-page .report .btn{margin-left:auto}.client-portal-page .recs{display:flex;flex-direction:column;gap:10px}.client-portal-page .rec{display:flex;gap:11px;padding:11px;border-radius:11px;background:rgba(5,11,23,.4);border:1px solid var(--line);font-size:12.5px}.client-portal-page .rec b{color:#fff}.client-portal-page .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.client-portal-page .dot.is-alert{background:var(--red)}.client-portal-page .dot.is-good{background:var(--green)}.client-portal-page .dot.is-info{background:var(--cyan)}
.client-portal-page .helpstrip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.client-portal-page .help{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--line);text-align:left;color:var(--steel-100);background:linear-gradient(180deg,rgba(16,29,51,.86),rgba(8,17,33,.82))}.client-portal-page button.help{cursor:pointer}.client-portal-page .help.is-unavailable{opacity:.78}.client-portal-page .help .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}.client-portal-page .help .ico.chat{background:rgba(51,214,159,.14);color:var(--green)}.client-portal-page .help .ico.faq{background:rgba(91,220,255,.14);color:var(--cyan)}.client-portal-page .help .ico svg{width:22px;height:22px}.client-portal-page .help b{color:#fff;font-size:14px}.client-portal-page .help span span{font-size:12px;color:var(--steel-300)}.client-portal-page .help .go{margin-left:auto;color:var(--cyan);font-size:20px}.client-portal-page .legal{text-align:center;padding:16px 20px 6px;color:#54688a;font-size:11.5px}.client-portal-page .legal .warn{color:var(--amber);font-weight:600}
@media (max-width:960px){.client-portal-page .kpis{grid-template-columns:repeat(2,1fr)}.client-portal-page .grid,.client-portal-page .helpstrip{grid-template-columns:1fr}.client-portal-page .tb-actions{flex-wrap:wrap;justify-content:flex-end}.client-portal-page .portal-language-picker{order:5}}@media (max-width:620px){.client-portal-page .topbar .in{align-items:flex-start}.client-portal-page .brand{min-width:0}.client-portal-page .client-badge{display:none}.client-portal-page .wrap{padding:0 14px}.client-portal-page .kpis{grid-template-columns:1fr}.client-portal-page .trow{grid-template-columns:1fr}.client-portal-page .when{grid-column:2}.client-portal-page .tb-actions .portal-signout,.client-portal-page .tb-actions .language-picker{display:none}.client-portal-page .report{align-items:flex-start;flex-wrap:wrap}.client-portal-page .report .btn{margin-left:56px}}
/* Owner-approved Help Desk Board facelift (screen 04). Scoped to prevent login/facade collisions. */
.helpdesk-board .brand .logo{height:48px;width:auto;max-width:205px;object-fit:contain}.helpdesk-board .nav.is-unavailable{opacity:.62;cursor:not-allowed}.helpdesk-board .nav.is-unavailable:hover{background:transparent}.helpdesk-board .gridbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(12,23,41,.72),rgba(6,13,28,.66));box-shadow:0 16px 36px rgba(0,0,0,.2)}.helpdesk-board .gridbar .filter{display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.45);min-height:38px;color:var(--steel-200);font-size:12px}.helpdesk-board .gridbar .filter span{color:var(--steel-300);font-size:11px}.helpdesk-board .gridbar select,.helpdesk-board .ticket-status-form select{max-width:160px;border:0;background:transparent;color:var(--steel-100);font:inherit;outline:0}.helpdesk-board .gridbar option,.helpdesk-board .ticket-status-form option{background:#101d33;color:#e8f0fb}.helpdesk-board .gridbar .search{margin:0;display:flex;align-items:center;gap:8px;flex:1;min-width:180px;max-width:none;padding:0 11px;min-height:38px}.helpdesk-board .gridbar .search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--steel-100);font:inherit}.helpdesk-board .gridbar .search input::placeholder{color:var(--steel-300)}.helpdesk-board .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;cursor:pointer}.helpdesk-board .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.helpdesk-board .btn.right{margin-left:auto}.helpdesk-board .btn svg{width:14px;height:14px}.helpdesk-board .board{display:flex;gap:16px;overflow-x:auto;padding:2px 2px 16px;scroll-snap-type:x proximity}.helpdesk-board .board::-webkit-scrollbar{height:9px}.helpdesk-board .board::-webkit-scrollbar-thumb{background:rgba(91,220,255,.24);border-radius:99px}.helpdesk-board .col{flex:0 0 288px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(12,23,41,.6),rgba(6,13,28,.5));border:1px solid var(--line);border-radius:16px;padding:13px}.helpdesk-board .colhead{display:flex;align-items:center;gap:9px;padding:2px 3px 4px}.helpdesk-board .colhead .nm{font-size:13px;font-weight:800;color:#fff;letter-spacing:-.1px}.helpdesk-board .colhead .ct{font-size:11px;font-weight:800;color:var(--steel-200);background:rgba(38,58,88,.6);border:1px solid var(--line);border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}.helpdesk-board .colhead .swatch{width:9px;height:9px;border-radius:3px;flex:none}.helpdesk-board .colhead .add{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line);color:var(--steel-300);background:rgba(5,11,23,.5);cursor:pointer}.helpdesk-board .colhead .add svg{width:13px;height:13px}.helpdesk-board .tk{background:linear-gradient(180deg,rgba(16,29,51,.9),rgba(8,17,33,.86));border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 12px 26px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:9px}.helpdesk-board .tk:hover{border-color:var(--line-strong);transform:translateY(-2px)}.helpdesk-board .pill{align-self:flex-start;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:999px}.helpdesk-board .p-crit{background:rgba(255,93,108,.16);color:#ff9aa4}.helpdesk-board .p-high{background:rgba(255,190,85,.16);color:var(--amber)}.helpdesk-board .p-med{background:rgba(91,220,255,.14);color:var(--cyan)}.helpdesk-board .p-low{background:rgba(159,178,200,.14);color:var(--steel-200)}.helpdesk-board .tk .tt{font-size:13px;font-weight:700;color:#fff;line-height:1.35}.helpdesk-board .tk .meta{font-size:11px;color:var(--steel-300)}.helpdesk-board .tk .meta .mono{color:var(--steel-200)}.helpdesk-board .tk .foot{display:flex;align-items:center;gap:8px;margin-top:1px}.helpdesk-board .tk .who{width:25px;height:25px;border-radius:7px;background:linear-gradient(150deg,var(--cyan-strong),var(--blue));display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#04101f;flex:none}.helpdesk-board .tk .who.v{background:linear-gradient(150deg,var(--violet),var(--blue));color:#fff}.helpdesk-board .sla{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px;border:1px solid var(--line)}.helpdesk-board .sla svg{width:11px;height:11px}.helpdesk-board .sla.bad{color:#ff9aa4;background:rgba(255,93,108,.14);border-color:rgba(255,93,108,.32)}.helpdesk-board .sla.warn{color:var(--amber);background:rgba(255,190,85,.13);border-color:rgba(255,190,85,.3)}.helpdesk-board .sla.ok{color:var(--green);background:rgba(51,214,159,.11);border-color:rgba(51,214,159,.3)}.helpdesk-board .sla.done{color:var(--steel-200);background:rgba(159,178,200,.1)}.helpdesk-board .ticket-status-form{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:9px}.helpdesk-board .ticket-status-form select{flex:1;max-width:none;padding:5px;border:1px solid var(--line);border-radius:7px;background:rgba(5,11,23,.58);font-size:11px}.helpdesk-board .ticket-status-form button{border:1px solid var(--line);border-radius:7px;padding:5px 7px;background:rgba(38,58,88,.42);color:var(--steel-100);font:700 10px inherit;cursor:pointer}.helpdesk-board .board-empty{margin:0;padding:12px 4px;color:var(--steel-300);font-size:12px;line-height:1.5}.helpdesk-board .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:820px){.helpdesk-board .gridbar .search{order:5;width:100%;flex-basis:100%}.helpdesk-board .btn.right{margin-left:0}.helpdesk-board .brand .logo{height:42px}}
/* Login visual repair: official header logo and a centered, isolated password reveal control. */
.login-body .login-header-brand{display:flex;align-items:center;min-height:44px}.login-body .login-header-brand .logo{display:block;height:44px;width:auto;max-width:230px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.32))}.login-body .inputwrap>.reveal{top:50%;right:8px;z-index:1;width:36px;height:36px;padding:0;transform:translateY(-50%);line-height:1}.login-body .inputwrap>.reveal svg{position:static;left:auto;width:18px;height:18px;color:currentColor;pointer-events:none}@media (max-width:560px){.login-body .login-header-brand .logo{height:36px;max-width:190px}}
/* Shared authenticated-sidebar logo scale: dashboard and board now use the approved mark size. */
.command-dashboard .brand .logo{display:block;height:48px;width:auto;max-width:205px;object-fit:contain}@media (max-width:820px){.command-dashboard .brand .logo{height:42px}}
/* 20260726 approved Screen 05 Ticket Detail: real comment visibility and workflow controls. */
.ticket-detail .ticket-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.ticket-detail .ticket-detail-head h2{margin:8px 0 0;font-size:25px;letter-spacing:-.45px;color:#fff}.ticket-detail .backlink{color:var(--cyan);font-size:12px;font-weight:700;text-decoration:none}.ticket-detail .ticket-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.ticket-detail .slachip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;border:1px solid rgba(91,220,255,.32);background:rgba(91,220,255,.1);color:var(--cyan);font-size:11px;font-weight:800}.ticket-detail .slachip svg{width:13px;height:13px}.ticket-detail .slachip.warn{color:var(--amber);border-color:rgba(255,190,85,.4);background:rgba(255,190,85,.13)}.ticket-detail .slachip.bad{color:var(--red);border-color:rgba(255,93,108,.42);background:rgba(255,93,108,.13)}.ticket-detail .ticket-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ticket-detail .inline-action{margin:0}.ticket-detail .ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(285px,.82fr);gap:18px;align-items:start}.ticket-detail .ticket-description{margin:0;color:var(--steel-200);font-size:13.5px;line-height:1.65}.ticket-detail .ticket-detail-timeline .tl:last-child .line{display:none}.ticket-detail .ticket-detail-timeline .who{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;font-size:10.5px;font-weight:800;color:#04101f;background:linear-gradient(150deg,var(--cyan-strong),var(--blue));vertical-align:middle;margin-right:8px}.ticket-detail .ticket-detail-timeline .titline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ticket-detail .ticket-detail-timeline .msg{color:var(--steel-200);font-size:13px;line-height:1.55;margin:7px 0}.ticket-detail .ticket-detail-timeline .ft{color:var(--steel-300);font-size:11px}.ticket-detail .ticket-detail-timeline .internal .node{background:var(--amber);box-shadow:0 0 0 4px rgba(255,190,85,.15)}.ticket-detail .intchip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.38px;color:var(--amber);background:rgba(255,190,85,.13);border:1px solid rgba(255,190,85,.34);border-radius:999px;padding:3px 8px}.ticket-detail .intchip svg{width:11px;height:11px}.ticket-detail .composer form{display:block}.ticket-detail .composer-row{display:flex;align-items:center;gap:14px;margin-top:14px}.ticket-detail .internal-toggle{display:flex;align-items:center;gap:8px;color:var(--amber);font-size:12px;font-weight:700}.ticket-detail .internal-toggle input{accent-color:var(--amber);width:16px;height:16px}.ticket-detail .dl{display:flex;flex-direction:column}.ticket-detail .dl .r{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:13px}.ticket-detail .dl .r:last-child{border-bottom:0}.ticket-detail .dl .k{color:var(--steel-300);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;min-width:96px}.ticket-detail .dl .v{margin-left:auto;text-align:right;color:#fff;font-weight:600}.ticket-detail .dl .team{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;font-size:10px;font-weight:800;color:#04101f;background:linear-gradient(150deg,var(--cyan-strong),var(--blue));vertical-align:middle;margin-right:7px}.ticket-detail .ticket-assignment{border-top:1px solid var(--line);margin-top:12px;padding-top:13px}.ticket-detail .ticket-assignment label{display:block;color:var(--steel-300);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;margin-bottom:7px}.ticket-detail .ticket-assignment>div{display:flex;gap:8px}.ticket-detail .ticket-assignment select{min-width:0;flex:1;max-width:none}.ticket-detail .slabig{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px}.ticket-detail .slabig .num{font-size:27px;font-weight:800;letter-spacing:-.6px;color:var(--cyan)}.ticket-detail .slabig .unit{font-size:12px;color:var(--steel-300);font-weight:600}.ticket-detail .slameter{height:8px;border-radius:99px;background:rgba(159,178,200,.14);overflow:hidden}.ticket-detail .slameter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.ticket-detail .slafeet{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--steel-300);margin-top:8px}.ticket-detail .sat-await{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:8px 4px}.ticket-detail .sat-await .stars{letter-spacing:4px;color:rgba(159,178,200,.3);font-size:22px}.ticket-detail .sat-await .msg{font-size:12.5px;color:var(--steel-300);max-width:230px;margin:0}.ticket-detail .tk .tt a{color:#fff;text-decoration:none}.ticket-detail .tk .tt a:hover,.ticket-detail .tk .tt a:focus-visible{color:var(--cyan);text-decoration:underline}.ticket-detail .ticket-missing-main{min-height:100vh}@media (max-width:1050px){.ticket-detail .ticket-detail-grid{grid-template-columns:1fr}}@media (max-width:820px){.ticket-detail .ticket-detail-head{align-items:flex-start;flex-direction:column}.ticket-detail .ticket-detail-actions{width:100%}.ticket-detail .composer-row{align-items:flex-start;flex-direction:column}.ticket-detail .btn.right{margin-left:0}.ticket-detail .ticket-detail-head h2{font-size:22px}.ticket-detail .ticket-assignment>div{flex-direction:column}.ticket-detail .ticket-assignment select{width:100%}}
/* 20260726 approved Screen 06 Asset / CI Inventory. Scoped to the facade only. */
.inventory-page .inventory-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 0 18px}.inventory-page .inventory-intro .eyebrow{margin:0 0 6px;color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:1.7px;text-transform:uppercase}.inventory-page .inventory-intro h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.4px}.inventory-page .inventory-intro p:not(.eyebrow){margin:7px 0 0;max-width:660px;color:var(--steel-300);font-size:13px;line-height:1.5}.inventory-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;cursor:pointer}.inventory-page .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.inventory-page .btn.is-unavailable{opacity:.72;cursor:not-allowed}.inventory-page .btn.is-unavailable span{font-size:10px;color:var(--steel-300);font-weight:600}.inventory-page .inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.inventory-page .kpi{position:relative;overflow:hidden;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(16,29,51,.9),rgba(8,17,33,.85));box-shadow:0 16px 36px rgba(0,0,0,.24)}.inventory-page .kpi:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.inventory-page .kpi.good:before{background:linear-gradient(90deg,var(--green),var(--cyan))}.inventory-page .kpi.attention:before{background:linear-gradient(90deg,var(--amber),var(--red))}.inventory-page .kpi .lab{display:flex;align-items:center;gap:7px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.inventory-page .kpi .lab svg{width:14px;height:14px;color:var(--cyan)}.inventory-page .kpi .val{display:block;margin:9px 0 3px;color:#fff;font-size:27px;letter-spacing:-.6px}.inventory-page .kpi .note{display:block;color:var(--steel-300);font-size:11.5px}.inventory-page .inventory-typebar{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-bottom:15px}.inventory-page .inventory-typebar>a,.inventory-page .inventory-typebar .is-pending{display:inline-flex;align-items:center;gap:8px;min-height:37px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:rgba(5,11,23,.45);color:var(--steel-200);font-size:12px;font-weight:700;text-decoration:none}.inventory-page .inventory-typebar>a.active{border-color:rgba(91,220,255,.5);background:rgba(91,220,255,.12);color:var(--cyan)}.inventory-page .inventory-typebar b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(38,58,88,.6);font-size:10.5px}.inventory-page .inventory-typebar .is-pending{opacity:.74;cursor:help}.inventory-page .inventory-typebar .is-pending em{font-size:10px;color:var(--steel-300);font-style:normal;font-weight:600}.inventory-page .inventory-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:13px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(12,23,41,.72),rgba(6,13,28,.66));box-shadow:0 16px 36px rgba(0,0,0,.2)}.inventory-page .inventory-filters>label{display:flex;flex-direction:column;gap:5px;min-width:108px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.32px;text-transform:uppercase}.inventory-page .inventory-filters select,.inventory-page .inventory-filters input{min-height:37px;padding:0 9px;border:1px solid var(--line);border-radius:8px;outline:0;background:rgba(5,11,23,.56);color:var(--steel-100);font:500 12px inherit;text-transform:none}.inventory-page .inventory-filters option{background:#101d33;color:#e8f0fb}.inventory-page .inventory-filters .inventory-search{position:relative;flex:1 1 210px;min-width:180px}.inventory-page .inventory-filters .inventory-search svg{position:absolute;left:10px;bottom:11px;width:15px;height:15px;color:var(--steel-300);pointer-events:none}.inventory-page .inventory-filters .inventory-search input{width:100%;box-sizing:border-box;padding-left:31px}.inventory-page .inventory-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,29,51,.86),rgba(8,17,33,.82));box-shadow:0 18px 44px rgba(0,0,0,.3)}.inventory-page .inventory-card-head{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.inventory-page .inventory-card-head h3{margin:0;color:#fff;font-size:15px}.inventory-page .inventory-card-head p{margin:5px 0 0;color:var(--steel-300);font-size:12px;line-height:1.45}.inventory-page .inventory-card-head .muted{color:var(--steel-300);font-size:11px}.inventory-page .tblscroll{overflow-x:auto}.inventory-page .inventory-table{width:100%;border-collapse:collapse;min-width:950px}.inventory-page .inventory-table th{padding:11px 14px;border-bottom:1px solid var(--line);background:rgba(5,11,23,.34);color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.4px;text-align:left;text-transform:uppercase}.inventory-page .inventory-table th a{color:inherit;text-decoration:none}.inventory-page .inventory-table th a:hover,.inventory-page .inventory-table th a:focus-visible{color:var(--cyan);text-decoration:underline}.inventory-page .inventory-table td{padding:13px 14px;border-bottom:1px solid rgba(38,58,88,.56);color:var(--steel-200);font-size:12.5px;vertical-align:middle}.inventory-page .inventory-table tbody tr:last-child td{border-bottom:0}.inventory-page .inventory-table tbody tr:hover{background:rgba(91,220,255,.035)}.inventory-page .inventory-table td:first-child b{display:block;color:#fff;font-size:13px}.inventory-page .inventory-table td:first-child span{display:block;margin-top:3px;color:var(--steel-300);font-size:11px}.inventory-page .ci-chip,.inventory-page .ci-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:800;white-space:nowrap}.inventory-page .ci-chip.hardware{color:var(--cyan);border:1px solid rgba(91,220,255,.32);background:rgba(91,220,255,.1)}.inventory-page .ci-status.is-managed{color:var(--green);background:rgba(51,214,159,.13)}.inventory-page .ci-status.is-attention{color:var(--amber);background:rgba(255,190,85,.14)}.inventory-page .ci-status.is-retired{color:var(--steel-300);background:rgba(159,178,200,.12)}.inventory-page .ci-status.is-neutral{color:#c3b0ff;background:rgba(157,123,255,.14)}.inventory-page .detail-pending{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:7px;color:var(--steel-300);font-size:20px;cursor:help}.inventory-page .inventory-empty{display:flex;flex-direction:column;gap:6px;min-height:152px;justify-content:center;align-items:center;padding:22px;text-align:center;color:var(--steel-300);font-size:12.5px}.inventory-page .inventory-empty b{color:#fff;font-size:14px}.inventory-page .inventory-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-top:1px solid var(--line);color:var(--steel-300);font-size:11.5px}.inventory-page .inventory-pagination>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inventory-page .inventory-pagination .page{display:grid;place-items:center;min-width:31px;height:31px;border:1px solid var(--line);border-radius:7px;color:var(--steel-200);font-size:11px;font-weight:700;text-decoration:none}.inventory-page .inventory-pagination .page.active{border-color:rgba(91,220,255,.45);background:rgba(91,220,255,.12);color:var(--cyan)}@media (max-width:1080px){.inventory-page .inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.inventory-page .inventory-intro{align-items:flex-start;flex-direction:column}.inventory-page .inventory-filters{align-items:stretch}.inventory-page .inventory-filters>label{flex:1 1 138px}.inventory-page .inventory-filters .inventory-search{flex-basis:100%}.inventory-page .inventory-pagination{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.inventory-page .inventory-kpis{grid-template-columns:1fr}.inventory-page .inventory-intro h2{font-size:21px}.inventory-page .inventory-typebar{display:grid;grid-template-columns:1fr}.inventory-page .inventory-typebar>a,.inventory-page .inventory-typebar .is-pending{justify-content:space-between}}
/* 20260726 approved Screen 07 CI Detail. Scoped to the facade only. */
.inventory-page .ci-link{display:block;color:inherit;text-decoration:none}.inventory-page .ci-link:hover b,.inventory-page .ci-link:focus-visible b{color:var(--cyan);text-decoration:underline}.inventory-page .detail-link{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--cyan);font-size:11px;font-weight:800;text-decoration:none}.inventory-page .detail-link:hover,.inventory-page .detail-link:focus-visible{border-color:rgba(91,220,255,.5);background:rgba(91,220,255,.1)}
.ci-detail .ci-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:2px 0 18px}.ci-detail .ci-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line-strong);border-radius:14px;flex:none;background:linear-gradient(150deg,rgba(157,123,255,.28),rgba(64,104,232,.18))}.ci-detail .ci-icon svg{width:26px;height:26px;color:var(--violet)}.ci-detail .ci-titlewrap{min-width:0}.ci-detail .ci-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ci-detail .ci-name h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.45px}.ci-detail .ci-typepill,.ci-detail .ci-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.ci-detail .ci-typepill{color:#c3b0ff;border:1px solid rgba(157,123,255,.3);background:rgba(157,123,255,.16)}.ci-detail .ci-status.is-attention{color:var(--amber);border:1px solid rgba(255,190,85,.34);background:rgba(255,190,85,.13)}.ci-detail .ci-status.is-managed{color:var(--green);border:1px solid rgba(51,214,159,.3);background:rgba(51,214,159,.13)}.ci-detail .ci-status.is-retired{color:var(--steel-300);border:1px solid var(--line);background:rgba(159,178,200,.1)}.ci-detail .ci-status.is-neutral{color:#c3b0ff;border:1px solid rgba(157,123,255,.3);background:rgba(157,123,255,.14)}.ci-detail .ci-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;color:var(--steel-300);font-size:12.5px}.ci-detail .ci-sub .client-badge{display:inline-flex;align-items:center;gap:7px;color:var(--steel-100);font-weight:600}.ci-detail .ci-sub .client-badge svg{width:14px;height:14px;color:var(--cyan)}.ci-detail .ci-actions{display:flex;gap:9px;flex-wrap:wrap;margin-left:auto}.ci-detail .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;cursor:pointer}.ci-detail .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.ci-detail .btn.is-unavailable{opacity:.72;cursor:not-allowed}.ci-detail .btn.is-unavailable span{font-size:10px;color:var(--steel-300);font-weight:600}.ci-detail .ci-tabs{display:flex;align-items:end;gap:3px;overflow-x:auto;margin:0 0 18px;border-bottom:1px solid var(--line)}.ci-detail .ci-tabs .tab{position:relative;display:block;padding:10px 13px;color:var(--steel-300);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.ci-detail .ci-tabs .tab.on{color:var(--cyan)}.ci-detail .ci-tabs .tab.on:after{content:"";position:absolute;right:9px;bottom:-1px;left:9px;height:2px;border-radius:99px;background:var(--cyan)}.ci-detail .ci-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.9fr);gap:18px;align-items:start}.ci-detail .ci-tab-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:860px}.ci-detail .card{padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,29,51,.88),rgba(8,17,33,.84));box-shadow:0 18px 44px rgba(0,0,0,.3)}.ci-detail .ci-tab-grid .card,.ci-detail .ci-tab-card{margin-bottom:0}.ci-detail .card .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.ci-detail .card .head h3{margin:0;color:#fff;font-size:15px}.ci-detail .card .head .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px}.ci-detail .card .head>a{color:var(--cyan);font-size:11.5px;font-weight:700;text-decoration:none}.ci-detail .dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0;font-size:13px}.ci-detail .dl>div{display:contents}.ci-detail .dl dt,.ci-detail .dl dd{padding:10px 0;border-bottom:1px solid var(--line)}.ci-detail .dl dt{padding-right:16px;color:var(--steel-300);font-size:11px;font-weight:700;letter-spacing:.28px;text-transform:uppercase;white-space:nowrap}.ci-detail .dl dd{margin:0;color:#fff;font-weight:600;text-align:right;overflow-wrap:anywhere}.ci-detail .dl div:last-child dt,.ci-detail .dl div:last-child dd{border-bottom:0}.ci-detail .hrow{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.ci-detail .hrow:last-of-type{border-bottom:0}.ci-detail .hrow .hlab{color:var(--steel-200)}.ci-detail .hrow .hval{margin-left:auto;color:#fff;font-weight:700;text-align:right}.ci-detail .hrow .hval.ok{color:var(--green)}.ci-detail .hrow .hval.info{color:var(--steel-300);font-weight:500}.ci-detail .sdot{width:8px;height:8px;border-radius:50%;flex:none}.ci-detail .s-ok{background:var(--green);box-shadow:0 0 0 4px rgba(51,214,159,.12)}.ci-detail .s-info{background:var(--cyan);box-shadow:0 0 0 4px rgba(91,220,255,.12)}.ci-detail .warnchip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,190,85,.3);border-radius:999px;padding:5px 9px;color:var(--amber);background:rgba(255,190,85,.1);font-size:10.5px;font-weight:700;white-space:nowrap}.ci-detail .warnchip svg{width:13px;height:13px}.ci-detail .secret{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,11,23,.5)}.ci-detail .secret .srow{display:flex;align-items:center;gap:12px}.ci-detail .secret .slab{color:var(--steel-200);font-size:12px;font-weight:700}.ci-detail .secret .smask{margin-top:3px;color:var(--steel-300);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;letter-spacing:2px}.ci-detail .secret .btn{margin-left:auto;min-height:33px;flex:none}.ci-detail .secret .anote{display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:var(--amber);font-size:11px;line-height:1.45}.ci-detail .secret .anote svg{width:13px;height:13px;flex:none;margin-top:1px}.ci-detail .ci-relationships-card .muted{color:var(--steel-300);font-size:11px}.ci-detail .linkt{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.ci-detail .linkt:last-child{border-bottom:0}.ci-detail .linkt:hover .lt,.ci-detail .linkt:focus-visible .lt{color:var(--cyan)}.ci-detail .linkt .num{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;flex:none}.ci-detail .linkt .lt{min-width:0;color:#fff;font-size:13px;font-weight:600}.ci-detail .linkt .lt small{display:block;margin-top:3px;color:var(--steel-300);font-size:11px;font-weight:500}.ci-detail .linkt .right{margin-left:auto}.ci-detail .ci-scope-note{margin:15px 0 0;padding:11px 13px;border-left:3px solid var(--cyan);border-radius:0 9px 9px 0;background:rgba(91,220,255,.07);color:var(--steel-200);font-size:12px;line-height:1.45}.ci-detail .ci-missing-main{min-height:100vh}@media (max-width:1050px){.ci-detail .ci-detail-grid{grid-template-columns:1fr}}@media (max-width:820px){.ci-detail .ci-head{gap:12px}.ci-detail .ci-actions{width:100%;margin-left:0}.ci-detail .ci-detail-grid{gap:0}.ci-detail .ci-tabs{margin-right:-16px}.ci-detail .card{padding:15px}.ci-detail .warnchip{white-space:normal}.ci-detail .secret .srow{align-items:flex-start;flex-wrap:wrap}.ci-detail .secret .btn{margin-left:0}.ci-detail .dl dt{max-width:45vw;white-space:normal}.ci-detail .dl dd{max-width:48vw}}@media (max-width:520px){.ci-detail .ci-name h2{font-size:21px}.ci-detail .ci-actions .btn{flex:1}.ci-detail .card .head{flex-direction:column}}
/* 20260726 approved Screen 08 client security-audit report: printable light letterhead. */
.security-audit-body{min-height:100vh;background:#071121;color:var(--steel-100)}.security-audit-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:13px 26px;border-bottom:1px solid var(--line);background:rgba(6,13,28,.88);backdrop-filter:blur(10px)}.security-audit-topbar .brand{display:flex;align-items:center;padding:0}.security-audit-topbar .brand .logo{display:block;width:auto;height:40px;max-width:210px;object-fit:contain}.security-audit-topbar .rt-badge{padding-left:15px;border-left:1px solid var(--line);color:var(--steel-300);font-size:11.5px}.security-audit-topbar .rt-badge b{display:block;color:#fff;font-size:13px}.security-audit-topbar .tb-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.security-audit-topbar .oncall{font-size:11.5px}.security-audit-topbar .btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none}.security-audit-topbar .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f}.security-audit-stage{padding:22px 22px 42px}.security-audit-paper{width:min(100%,1080px);box-sizing:border-box;margin:0 auto;padding:34px 42px 44px;background:#fff;color:#344054;box-shadow:0 22px 58px rgba(0,0,0,.38)}.security-audit-paper .letterhead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:3px solid #1b65a9}.security-audit-paper .lh-logo{display:block;width:auto;max-width:290px;height:62px;object-fit:contain;object-position:left center}.security-audit-paper .lh-co{color:#556072;font-size:11px;line-height:1.52;text-align:right}.security-audit-paper .lh-co b{color:#0c1729;font-size:13px}.security-audit-paper .docmeta{display:flex;gap:8px 17px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #dce4ee;color:#556072;font-size:10.5px}.security-audit-paper .docmeta b{color:#0c1729}.security-audit-paper .docno{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.security-audit-paper .docbody{padding-top:24px}.security-audit-paper .doc-title{margin:0 0 7px;color:#0c1729;font-size:27px;letter-spacing:-.6px}.security-audit-paper .doc-sub{margin:0;color:#64748b;font-size:12px;line-height:1.55}.security-audit-paper .doc-section{margin-top:28px;page-break-inside:avoid}.security-audit-paper .doc-section>h2{margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid #dce4ee;color:#0c1729;font-size:15px;letter-spacing:.1px}.security-audit-paper .doc-section h3{margin:0 0 8px;color:#17243a;font-size:12.5px}.security-audit-paper .lede{margin:0 0 14px;color:#344054;font-size:13px;line-height:1.68}.security-audit-paper .lede b{color:#0c1729}.security-audit-paper .doc-grid{display:grid;gap:9px}.security-audit-paper .doc-grid.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.security-audit-paper .doc-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.security-audit-paper .doc-stat{min-height:76px;padding:10px;border:1px solid #dce4ee;border-radius:7px;background:#fbfcfe}.security-audit-paper .doc-stat .v{color:#0c1729;font-size:19px;font-weight:800;letter-spacing:-.3px;overflow-wrap:anywhere}.security-audit-paper .doc-stat .v.ok{color:#0a8a5f}.security-audit-paper .doc-stat .v.warn{color:#b7791f;font-size:13px;letter-spacing:0}.security-audit-paper .doc-stat .k{margin-top:4px;color:#344054;font-size:10.5px;font-weight:800;line-height:1.2;text-transform:uppercase}.security-audit-paper .doc-stat .d{margin-top:3px;color:#94a3b8;font-size:10px;line-height:1.35}.security-audit-paper .callout{margin-top:14px;padding:11px 13px;border-left:3px solid #e0a01e;border-radius:0 7px 7px 0;background:#fff8eb;color:#664d16;font-size:12px;line-height:1.55}.security-audit-paper .tbl-wrap{overflow-x:auto}.security-audit-paper .doc-tbl{width:100%;border-collapse:collapse;font-size:11.5px}.security-audit-paper .doc-tbl th{padding:8px 9px;border:1px solid #dce4ee;background:#f2f6fa;color:#344054;font-size:10px;font-weight:800;letter-spacing:.25px;text-align:left;text-transform:uppercase;white-space:nowrap}.security-audit-paper .doc-tbl td{padding:8px 9px;border:1px solid #e4eaf1;color:#475467;vertical-align:top;line-height:1.38}.security-audit-paper .doc-tbl tr:nth-child(even){background:#fafcfe}.security-audit-paper .doc-tbl td b{color:#0c1729}.security-audit-paper .st{display:inline-block;padding:3px 7px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.security-audit-paper .st.is-managed,.security-audit-paper .st.ok{background:#e3f6ee;color:#0a8a5f}.security-audit-paper .st.is-attention,.security-audit-paper .st.warn{background:#fdf1dc;color:#b7791f}.security-audit-paper .st.is-retired,.security-audit-paper .st.neutral{background:#eef2f7;color:#556072}.security-audit-paper .st.is-neutral,.security-audit-paper .st.info{background:#e4eefb;color:#14608a}.security-audit-paper .mono-c{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#14608a;font-size:10.5px}.security-audit-paper .two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.security-audit-paper .doc-list{margin:0;padding-left:18px;color:#475467;font-size:12px;line-height:1.62}.security-audit-paper .doc-list li+li{margin-top:5px}.security-audit-paper .doc-empty{margin:0;padding:15px;border:1px dashed #ccd8e5;border-radius:7px;background:#fbfcfe;color:#64748b;font-size:12px;line-height:1.5}.security-audit-paper .rec-tbl .prio{display:inline-block;padding:3px 7px;border-radius:999px;font-size:9.5px;font-weight:800}.security-audit-paper .rec-tbl .p1{background:#fde4e6;color:#c0392b}.security-audit-paper .rec-tbl .p2{background:#fdf1dc;color:#b7791f}.security-audit-paper .rec-tbl .p3{background:#e4eefb;color:#14608a}.security-audit-paper .sig{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.security-audit-paper .sig .rule{height:1px;background:#94a3b8}.security-audit-paper .sig .cap{margin-top:7px;color:#64748b;font-size:10.5px}.security-audit-paper .sig .sl{min-width:0}@media (max-width:980px){.security-audit-paper .doc-grid.g6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.security-audit-topbar{position:static;flex-wrap:wrap;padding:13px 16px}.security-audit-topbar .rt-badge{display:none}.security-audit-topbar .tb-actions{width:100%;margin-left:0}.security-audit-topbar .tb-actions .oncall{display:none}.security-audit-stage{padding:0}.security-audit-paper{padding:23px 17px;box-shadow:none}.security-audit-paper .letterhead{flex-direction:column}.security-audit-paper .lh-co{text-align:left}.security-audit-paper .doc-grid.g6,.security-audit-paper .doc-grid.g3,.security-audit-paper .two-col,.security-audit-paper .sig{grid-template-columns:1fr}.security-audit-paper .docmeta{display:grid;grid-template-columns:1fr}.security-audit-paper .doc-title{font-size:23px}}@media print{.security-audit-topbar{display:none!important}.security-audit-stage{padding:0!important}.security-audit-body{background:#fff!important}.security-audit-paper{width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important}.security-audit-paper .doc-section{break-inside:avoid}.security-audit-paper .doc-tbl{break-inside:auto}.security-audit-paper .doc-grid.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.security-audit-paper .doc-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 20260726 approved Screen 09 client profile. Scoped to the internal client-account facade. */
.client-profile .client-profile-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:2px 0 18px}.client-profile .client-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;flex:none;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 10px 24px rgba(64,104,232,.34);color:#04101f;font-size:17px;font-weight:900}.client-profile .client-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-profile .client-title h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.45px}.client-profile .client-profile-head p{display:flex;gap:8px;flex-wrap:wrap;margin:7px 0 0;color:var(--steel-300);font-size:12.5px}.client-profile .health{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.client-profile .health.is-good{border-color:rgba(51,214,159,.3);background:rgba(51,214,159,.12);color:var(--green)}.client-profile .health.is-watch{border-color:rgba(255,190,85,.35);background:rgba(255,190,85,.11);color:var(--amber)}.client-profile .health.is-risk{border-color:rgba(245,112,112,.35);background:rgba(245,112,112,.11);color:#ff9393}.client-profile .client-actions{display:flex;gap:9px;flex-wrap:wrap;margin-left:auto}.client-profile .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none}.client-profile .btn svg{width:15px;height:15px}.client-profile .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.client-profile .btn.is-unavailable{opacity:.7;cursor:not-allowed}.client-profile .client-tabs{display:flex;align-items:end;gap:3px;overflow-x:auto;margin:0 0 18px;border-bottom:1px solid var(--line)}.client-profile .client-tabs .tab{position:relative;display:block;padding:10px 13px;color:var(--steel-300);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.client-profile .client-tabs .tab.on{color:var(--cyan)}.client-profile .client-tabs .tab.on:after{position:absolute;right:9px;bottom:-1px;left:9px;height:2px;border-radius:99px;background:var(--cyan);content:""}.client-profile .client-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.client-profile .kpi{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(16,29,51,.88),rgba(8,17,33,.84));box-shadow:0 14px 34px rgba(0,0,0,.22)}.client-profile .kpi .lab{display:flex;align-items:center;gap:7px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.25px;text-transform:uppercase}.client-profile .kpi .lab svg{width:14px;height:14px;color:var(--cyan)}.client-profile .kpi .val{display:block;margin-top:10px;color:#fff;font-size:25px;letter-spacing:-.65px}.client-profile .kpi .val.date{font-size:16px;letter-spacing:-.15px}.client-profile .kpi .note{display:block;margin-top:5px;color:var(--steel-300);font-size:11px;line-height:1.35}.client-profile .client-profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr);gap:18px;align-items:start}.client-profile .client-profile-card{padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,29,51,.88),rgba(8,17,33,.84));box-shadow:0 18px 44px rgba(0,0,0,.3)}.client-profile .client-profile-card .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.client-profile .client-profile-card .head h3{margin:0;color:#fff;font-size:15px}.client-profile .client-profile-card .head .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.45}.client-profile .client-profile-card .head>a{color:var(--cyan);font-size:11.5px;font-weight:700;text-decoration:none}.client-profile .client-profile-card .muted{color:var(--steel-300);font-size:11px}.client-profile .tblscroll{overflow-x:auto}.client-profile .contact-table{width:100%;min-width:670px;border-collapse:collapse}.client-profile .contact-table th{padding:10px 11px;border-bottom:1px solid var(--line);background:rgba(5,11,23,.3);color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.35px;text-align:left;text-transform:uppercase}.client-profile .contact-table td{padding:12px 11px;border-bottom:1px solid rgba(38,58,88,.56);color:var(--steel-200);font-size:12.5px;vertical-align:middle}.client-profile .contact-table tbody tr:last-child td{border-bottom:0}.client-profile .uname{display:flex;align-items:center;gap:9px}.client-profile .uname .ua{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;flex:none;background:linear-gradient(145deg,var(--violet),var(--blue));color:#fff;font-size:10px;font-weight:900}.client-profile .uname b{display:block;color:#fff;font-size:12.5px}.client-profile .uname small{display:block;margin-top:3px;color:var(--steel-300);font-size:10.5px}.client-profile .rolechip{display:inline-flex;align-items:center;margin:2px 3px 2px 0;border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:rgba(38,58,88,.45);color:var(--steel-200);font-size:10.5px;font-weight:700}.client-profile .rolechip.site{border-color:rgba(91,220,255,.3);background:rgba(91,220,255,.1);color:var(--cyan)}.client-profile .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.client-profile .access{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.client-profile .access span{width:7px;height:7px;border-radius:50%}.client-profile .access.on{color:var(--green)}.client-profile .access.on span{background:var(--green);box-shadow:0 0 0 4px rgba(51,214,159,.12)}.client-profile .access.off{color:var(--steel-300)}.client-profile .access.off span{background:var(--steel-300)}.client-profile .rowlist{display:grid;gap:0}.client-profile .rowline{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.client-profile .rowline:last-child{border-bottom:0}.client-profile .rowline .rowicon{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:9px;flex:none;background:rgba(91,220,255,.1);color:var(--cyan)}.client-profile .rowline .rowicon svg{width:16px;height:16px}.client-profile .rowline>div{min-width:0}.client-profile .rowline b{display:block;color:#fff;font-size:12.5px}.client-profile .rowline small{display:block;margin-top:3px;color:var(--steel-300);font-size:11px;line-height:1.35}.client-profile .rowline>.chip{margin-left:auto;align-self:center;flex:none}.client-profile .chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:rgba(38,58,88,.44);color:var(--steel-200);font-size:10px;font-weight:800;text-decoration:none}.client-profile .chip.good{border-color:rgba(51,214,159,.3);background:rgba(51,214,159,.12);color:var(--green)}.client-profile .subchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.client-profile .subchip{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.5);color:var(--steel-100);font-size:11.5px;font-weight:700}.client-profile .subchip svg{width:14px;height:14px;color:var(--cyan)}.client-profile .subchip small{color:var(--steel-300);font-size:10px;font-weight:600}.client-profile .honest-note{margin:13px 0 0;padding:10px 12px;border-left:3px solid var(--amber);border-radius:0 8px 8px 0;background:rgba(255,190,85,.07);color:var(--steel-200);font-size:11.5px;line-height:1.48}.client-profile .notes-list{display:grid;gap:10px}.client-profile .notes-list article{padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(5,11,23,.42)}.client-profile .notes-list b{color:#fff;font-size:12.5px}.client-profile .notes-list p{margin:7px 0 0;color:var(--steel-200);font-size:12px;line-height:1.55}.client-profile .empty-state{margin:0;padding:17px;border:1px dashed rgba(159,178,200,.36);border-radius:10px;background:rgba(5,11,23,.3);color:var(--steel-300);font-size:12px;line-height:1.5}.client-profile .client-profile-missing{min-height:100vh}@media (max-width:1080px){.client-profile .client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.client-profile .client-profile-grid{grid-template-columns:1fr}}@media (max-width:820px){.client-profile .client-profile-head{gap:12px}.client-profile .client-actions{width:100%;margin-left:0}.client-profile .client-profile-card{padding:15px}.client-profile .client-tabs{margin-right:-16px}.client-profile .client-profile-grid{gap:0}.client-profile .rowline>.chip{max-width:40%;text-align:right}.client-profile .contact-table{min-width:610px}}@media (max-width:520px){.client-profile .client-kpis{grid-template-columns:1fr}.client-profile .client-title h2{font-size:21px}.client-profile .client-actions .btn{flex:1}.client-profile .client-profile-card .head{flex-direction:column}.client-profile .rowline{gap:9px}.client-profile .rowline small{overflow-wrap:anywhere}}

/* 20260726 approved Screen 10 knowledge base. Scoped to the knowledge facade. */
.knowledge-base .knowledge-migration{display:flex;gap:9px;align-items:flex-start;margin-bottom:17px;padding:12px 14px;border:1px solid rgba(255,190,85,.35);border-radius:11px;background:rgba(255,190,85,.08);color:var(--steel-200);font-size:12px;line-height:1.48}.knowledge-base .knowledge-migration b{color:var(--amber);white-space:nowrap}.knowledge-base .card{padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,29,51,.88),rgba(8,17,33,.84));box-shadow:0 18px 44px rgba(0,0,0,.3)}.knowledge-base .card .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.knowledge-base .card .head h3{margin:0;color:#fff;font-size:15px}.knowledge-base .card .head h2{margin:8px 0 0;color:#fff;font-size:25px;letter-spacing:-.5px}.knowledge-base .card .head .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.45}.knowledge-base .card .head>a{color:var(--cyan);font-size:11.5px;font-weight:700;text-decoration:none}.knowledge-base .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;cursor:pointer}.knowledge-base .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.knowledge-base .btn.danger{border-color:rgba(245,112,112,.35);color:#ffb3b3}.knowledge-base .btn.is-unavailable{opacity:.7;cursor:not-allowed}.knowledge-base .knowledge-filter-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.knowledge-base .knowledge-filter-form>label:not(.knowledge-query){display:grid;gap:5px;min-width:135px;color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.25px;text-transform:uppercase}.knowledge-base select,.knowledge-base input,.knowledge-base textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.58);color:var(--steel-100);font:inherit}.knowledge-base select,.knowledge-base input{min-height:38px;padding:0 10px}.knowledge-base textarea{padding:10px;line-height:1.5;resize:vertical}.knowledge-base .knowledge-query{position:relative;flex:1 1 270px}.knowledge-base .knowledge-query svg{position:absolute;top:11px;left:12px;width:16px;height:16px;color:var(--steel-300)}.knowledge-base .knowledge-query input{padding-left:38px}.knowledge-base .knowledge-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.knowledge-base .catcard{display:flex;align-items:center;gap:12px;min-height:78px;margin:0;color:inherit;text-decoration:none}.knowledge-base .catcard:hover,.knowledge-base .catcard:focus-visible,.knowledge-base .catcard.active{border-color:rgba(91,220,255,.46);background:linear-gradient(180deg,rgba(23,48,76,.92),rgba(8,17,33,.86))}.knowledge-base .cat-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line-strong);border-radius:11px;flex:none;background:linear-gradient(150deg,rgba(91,220,255,.18),rgba(64,104,232,.14));color:var(--cyan)}.knowledge-base .cat-icon svg{width:20px;height:20px}.knowledge-base .catcard b{display:block;color:#fff;font-size:13px}.knowledge-base .catcard small{display:block;margin-top:4px;color:var(--cyan);font-size:10.5px;font-weight:700}.knowledge-base .knowledge-pin{display:flex;align-items:flex-start;gap:13px;margin:0 0 15px;padding:14px;border:1px solid rgba(157,123,255,.3);border-radius:13px;background:linear-gradient(180deg,rgba(157,123,255,.1),rgba(8,17,33,.52));color:inherit;text-decoration:none}.knowledge-base .knowledge-pin:hover,.knowledge-base .knowledge-pin:focus-visible{border-color:rgba(157,123,255,.58)}.knowledge-base .pinicon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;flex:none;background:linear-gradient(145deg,var(--violet),var(--blue));color:#fff;font-size:18px}.knowledge-base .knowledge-pin>span:nth-child(2){min-width:0}.knowledge-base .knowledge-pin small{display:block;color:#c3b0ff;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.knowledge-base .knowledge-pin b{display:block;margin-top:4px;color:#fff;font-size:14px}.knowledge-base .knowledge-pin em{display:block;margin-top:4px;color:var(--steel-300);font-size:11.5px;font-style:normal;line-height:1.45}.knowledge-base .pin-feedback{margin-left:auto;color:var(--steel-300);font-size:11px;white-space:nowrap}.knowledge-base .tblscroll{overflow-x:auto}.knowledge-base .knowledge-table{width:100%;min-width:670px;border-collapse:collapse}.knowledge-base .knowledge-table th{padding:10px 11px;border-bottom:1px solid var(--line);background:rgba(5,11,23,.3);color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.35px;text-align:left;text-transform:uppercase}.knowledge-base .knowledge-table td{padding:12px 11px;border-bottom:1px solid rgba(38,58,88,.56);color:var(--steel-200);font-size:12px;vertical-align:middle}.knowledge-base .knowledge-table tbody tr:last-child td{border-bottom:0}.knowledge-base .knowledge-table td a{display:block;color:inherit;text-decoration:none}.knowledge-base .knowledge-table td a:hover b,.knowledge-base .knowledge-table td a:focus-visible b{color:var(--cyan);text-decoration:underline}.knowledge-base .knowledge-table b{display:block;color:#fff;font-size:12.5px}.knowledge-base .knowledge-table small{display:block;margin-top:4px;color:var(--steel-300);font-size:10.5px;line-height:1.35}.knowledge-base .visibility{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:rgba(38,58,88,.45);color:var(--steel-200);font-size:10px;font-weight:800}.knowledge-base .visibility.client{border-color:rgba(51,214,159,.3);background:rgba(51,214,159,.12);color:var(--green)}.knowledge-base .visibility.tenant{border-color:rgba(157,123,255,.32);background:rgba(157,123,255,.14);color:#c3b0ff}.knowledge-base .visibility.internal{color:var(--steel-200)}.knowledge-base .empty-state{margin:0;padding:17px;border:1px dashed rgba(159,178,200,.36);border-radius:10px;background:rgba(5,11,23,.3);color:var(--steel-300);font-size:12px;line-height:1.5}.knowledge-base .knowledge-editor{max-width:940px}.knowledge-base .knowledge-form{display:grid;gap:12px}.knowledge-base .knowledge-form label{display:grid;gap:5px;color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.25px;text-transform:uppercase}.knowledge-base .knowledge-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.knowledge-base .knowledge-form .checkline{display:flex;align-items:center;gap:8px;text-transform:none;font-size:12px;font-weight:600;letter-spacing:0}.knowledge-base .knowledge-form .checkline input{width:16px;min-height:16px}.knowledge-base .form-actions{display:flex;gap:9px;flex-wrap:wrap}.knowledge-base .knowledge-detail{max-width:920px}.knowledge-base .article-excerpt{margin:0 0 17px;padding:12px 14px;border-left:3px solid var(--cyan);border-radius:0 9px 9px 0;background:rgba(91,220,255,.07);color:var(--steel-100);font-size:13px;line-height:1.55}.knowledge-base .article-body{color:var(--steel-100);font-size:13px;line-height:1.72}.knowledge-base .article-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.knowledge-base .article-actions form{margin:0}.knowledge-base .helpful-form{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--steel-300);font-size:11.5px}.knowledge-base .helpful-form button{min-width:43px;min-height:32px;border:1px solid var(--line);border-radius:8px;background:rgba(5,11,23,.55);color:var(--steel-100);cursor:pointer}.knowledge-base .knowledge-ticket{max-width:920px}.knowledge-base .ticket-from-article{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.knowledge-base .ticket-from-article label{display:grid;gap:5px;min-width:220px;color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.25px;text-transform:uppercase}.knowledge-base .scope-copy{color:var(--steel-200);font-size:12px;font-weight:700}.knowledge-base .knowledge-missing{min-height:100vh}@media (max-width:1050px){.knowledge-base .knowledge-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.knowledge-base .knowledge-migration{flex-direction:column}.knowledge-base .knowledge-filter-form{align-items:stretch}.knowledge-base .knowledge-filter-form>label:not(.knowledge-query){flex:1 1 140px}.knowledge-base .knowledge-query{flex-basis:100%}.knowledge-base .knowledge-form .form-grid{grid-template-columns:1fr}.knowledge-base .knowledge-table{min-width:600px}.knowledge-base .knowledge-pin{flex-wrap:wrap}.knowledge-base .pin-feedback{width:100%;margin-left:50px}}@media (max-width:520px){.knowledge-base .knowledge-categories{grid-template-columns:1fr}.knowledge-base .knowledge-filter-form .btn{flex:1}.knowledge-base .article-actions{align-items:stretch}.knowledge-base .helpful-form{flex-wrap:wrap;margin-right:0}.knowledge-base .knowledge-detail .head{flex-direction:column}.knowledge-base .ticket-from-article{align-items:stretch}.knowledge-base .ticket-from-article .btn{width:100%}}
/* Screen 11 — Live Chat Operator Console */
.live-chat .chat-console{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:16px;align-items:start}.live-chat .card{overflow:hidden}.live-chat .col-head,.live-chat .conv-head{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line)}.live-chat .col-head h3,.live-chat .conv-head h3{margin:0;font-size:14px}.live-chat .count{margin-left:auto;font-size:11px;font-weight:800;color:var(--amber);background:rgba(255,190,85,.12);border:1px solid rgba(255,190,85,.3);border-radius:999px;padding:3px 9px}.live-chat .qlist{display:flex;flex-direction:column;padding:8px}.live-chat .qitem{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:11px;border-radius:11px;border:1px solid transparent;color:inherit;text-decoration:none}.live-chat .qitem:hover,.live-chat .qitem.active{background:linear-gradient(90deg,rgba(91,220,255,.14),rgba(64,104,232,.08));border-color:var(--line-strong)}.live-chat .qav{width:36px;height:36px;border-radius:9px;background:linear-gradient(150deg,var(--violet),var(--blue));display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;flex:none}.live-chat .qmeta{min-width:0;display:grid}.live-chat .qn,.live-chat .cn{font-size:13px;font-weight:800;color:#fff}.live-chat .qo,.live-chat .qsnip,.live-chat .qwait{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat .qo{font-size:11px;color:var(--steel-300)}.live-chat .qsnip{font-size:12px;color:var(--steel-200);margin-top:4px}.live-chat .qwait{font-size:10.5px;font-weight:800;color:var(--amber);margin-top:5px}.live-chat .conv-head .qav{width:38px;height:38px}.live-chat .cs{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--steel-300);margin-top:2px}.live-chat .chat-head-actions{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.live-chat .chat-head-actions form{margin:0}.live-chat .thread{padding:18px 16px;display:flex;flex-direction:column;overflow-y:auto;min-height:350px;max-height:520px}.live-chat .chatrow{display:flex;margin:0 0 13px;max-width:84%}.live-chat .chatrow.mine{align-self:flex-end}.live-chat .bubble{padding:11px 13px;border-radius:13px;font-size:13px;line-height:1.55}.live-chat .bubble.them{background:rgba(38,58,88,.62);border:1px solid var(--line);color:var(--steel-100);border-top-left-radius:4px}.live-chat .bubble.me{background:linear-gradient(135deg,#3868d9,#2655bc);color:#fff;border-top-right-radius:4px}.live-chat .chatmeta{display:block;margin-top:4px;font-size:10.5px;color:var(--steel-300)}.live-chat .chatmeta.right{text-align:right}.live-chat .composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.live-chat .composer .input{resize:vertical;min-height:48px;max-height:180px}.live-chat .chat-note{font-size:11px;color:var(--steel-300);margin:0;padding:0 14px 14px}.live-chat .chat-empty{padding:34px 28px}.live-chat .chat-empty h2{margin:0 0 9px;color:#fff}.live-chat .chat-empty p{color:var(--steel-200);line-height:1.6}.live-chat .chat-start-form{display:grid;gap:12px;max-width:620px;margin-top:20px}.live-chat .chat-start-form label{display:grid;gap:5px;color:var(--steel-200);font-size:12px;font-weight:700}.live-chat .chat-start-form textarea{resize:vertical}.live-chat .chat-context .ctx{padding:16px;display:flex;flex-direction:column;gap:16px}.live-chat .ctx-org{display:flex;align-items:center;gap:11px}.live-chat .oglyph{width:40px;height:40px;border-radius:10px;background:linear-gradient(150deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#04101f;font-weight:900;font-size:14px}.live-chat .on{display:block;font-size:14px;color:#fff}.live-chat .oc{display:block;font-size:11.5px;color:var(--steel-300)}.live-chat .ctx-block h4{margin:0 0 9px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--cyan);font-weight:800}.live-chat .kv{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}.live-chat .kv span{color:var(--steel-300)}.live-chat .kv b{color:#fff;text-align:right;overflow-wrap:anywhere}.live-chat .mini,.live-chat .ci-chip{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font-size:12.5px}.live-chat .mini .mt{min-width:0}.live-chat .mini .mt b,.live-chat .mini .mt small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-chat .mini .mt b{color:#fff}.live-chat .mini .mt small{font-size:11px;color:var(--steel-300)}.live-chat .mini .pill,.live-chat .ci-chip .pill{margin-left:auto;flex:none}.live-chat .ci-chip{color:var(--steel-100)}.live-chat .ci-chip svg{width:15px;height:15px;color:var(--cyan);flex:none}.live-chat .chat-migration,.live-chat .chat-offline{display:flex;align-items:center;gap:10px;padding:13px 15px;margin-bottom:16px;border:1px solid var(--line-strong);border-radius:11px;background:rgba(38,58,88,.35);font-size:12px;color:var(--steel-200)}.live-chat .chat-migration b,.live-chat .chat-offline b{color:#fff}.live-chat .chat-offline .btn{margin-left:auto;flex:none}.live-chat .chat-presence-form{margin:0}.live-chat .chat-presence-form .oncall{border:1px solid var(--line);background:transparent;color:var(--steel-100);cursor:pointer}.live-chat .chat-presence-form .oncall:disabled{opacity:.55;cursor:not-allowed}.live-chat .chat-presence-form .oncall.is-live{border-color:rgba(66,215,160,.45)}
@media (max-width:1120px){.live-chat .chat-console{grid-template-columns:250px minmax(0,1fr)}.live-chat .chat-context{grid-column:1/-1}.live-chat .chat-context .ctx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.live-chat .chat-context .ctx>a{align-self:end}}@media (max-width:820px){.live-chat .chat-console{grid-template-columns:1fr}.live-chat .chat-context{grid-column:auto}.live-chat .chat-context .ctx{grid-template-columns:1fr}.live-chat .thread{max-height:none;min-height:260px}.live-chat .topbar .search{display:none}}@media (max-width:520px){.live-chat .chat-head-actions{margin-left:0;width:100%;justify-content:flex-start}.live-chat .conv-head{flex-wrap:wrap}.live-chat .chatrow{max-width:94%}.live-chat .chat-offline{align-items:flex-start;flex-wrap:wrap}.live-chat .chat-offline .btn{margin-left:0}.live-chat .composer{grid-template-columns:1fr}.live-chat .composer .btn{width:100%}}
.live-chat .saved-reply-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:rgba(18,32,51,.36)}.live-chat .saved-reply-bar label{display:grid;gap:5px;min-width:0;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.live-chat .saved-reply-bar select{min-width:0;width:100%}.live-chat .saved-reply-bar .text-button{align-self:center;white-space:nowrap}.live-chat .reply-template-manager{margin-bottom:16px}.live-chat .reply-template-manager .head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--line)}.live-chat .reply-template-manager h3{margin:0;font-size:14px}.live-chat .reply-template-manager .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.45}.live-chat .reply-template-form{padding:16px;border-bottom:1px solid var(--line)}.live-chat .reply-template-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr) minmax(180px,.9fr) minmax(135px,.6fr);gap:12px}.live-chat .reply-template-grid label{display:grid;gap:5px;min-width:0;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.live-chat .reply-template-grid .reply-template-body{grid-column:1/-1}.live-chat .reply-template-grid textarea{resize:vertical;min-height:110px}.live-chat .reply-template-actions{display:flex;align-items:center;gap:11px;margin-top:13px}.live-chat .reply-template-list{min-width:760px;width:100%;border-collapse:collapse}.live-chat .reply-template-list th,.live-chat .reply-template-list td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:middle}.live-chat .reply-template-list th{color:var(--steel-300);font-size:10.5px;letter-spacing:.35px;text-transform:uppercase}.live-chat .reply-template-list td b{color:#fff}.live-chat .reply-template-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.live-chat .reply-template-row-actions form{margin:0}.live-chat .reply-template-row-actions button{border:0;padding:0;background:transparent;cursor:pointer}
@media (max-width:820px){.live-chat .reply-template-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.live-chat .saved-reply-bar,.live-chat .reply-template-grid{grid-template-columns:1fr}.live-chat .saved-reply-bar .btn,.live-chat .saved-reply-bar .text-button{width:100%;justify-content:center}.live-chat .reply-template-manager .head{flex-direction:column}.live-chat .reply-template-actions{align-items:stretch;flex-direction:column}.live-chat .reply-template-actions .btn,.live-chat .reply-template-actions .text-button{text-align:center;width:100%;justify-content:center}}
.live-chat .saved-reply-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:rgba(18,32,51,.36)}.live-chat .saved-reply-bar label{display:grid;gap:5px;min-width:0;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.live-chat .saved-reply-bar select{min-width:0;width:100%}.live-chat .saved-reply-bar .text-button{align-self:center;white-space:nowrap}.live-chat .reply-template-manager{margin-bottom:16px}.live-chat .reply-template-manager .head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--line)}.live-chat .reply-template-manager h3{margin:0;font-size:14px}.live-chat .reply-template-manager .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.45}.live-chat .reply-template-form{padding:16px;border-bottom:1px solid var(--line)}.live-chat .reply-template-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr) minmax(180px,.9fr) minmax(135px,.6fr);gap:12px}.live-chat .reply-template-grid label{display:grid;gap:5px;min-width:0;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.live-chat .reply-template-grid .reply-template-body{grid-column:1/-1}.live-chat .reply-template-grid textarea{resize:vertical;min-height:110px}.live-chat .reply-template-actions{display:flex;align-items:center;gap:11px;margin-top:13px}.live-chat .reply-template-list{min-width:760px;width:100%;border-collapse:collapse}.live-chat .reply-template-list th,.live-chat .reply-template-list td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:middle}.live-chat .reply-template-list th{color:var(--steel-300);font-size:10.5px;letter-spacing:.35px;text-transform:uppercase}.live-chat .reply-template-list td b{color:#fff}.live-chat .reply-template-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.live-chat .reply-template-row-actions form{margin:0}.live-chat .reply-template-row-actions button{border:0;padding:0;background:transparent;cursor:pointer}
@media (max-width:820px){.live-chat .reply-template-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.live-chat .saved-reply-bar,.live-chat .reply-template-grid{grid-template-columns:1fr}.live-chat .saved-reply-bar .btn,.live-chat .saved-reply-bar .text-button{width:100%;justify-content:center}.live-chat .reply-template-manager .head{flex-direction:column}.live-chat .reply-template-actions{align-items:stretch;flex-direction:column}.live-chat .reply-template-actions .btn,.live-chat .reply-template-actions .text-button{text-align:center;width:100%;justify-content:center}}
/* Screen 12 — Notifications Center */
.notifications-center .notification-grid{align-items:start}.notifications-center .fchips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 15px}.notifications-center .fchip{font-size:12px;font-weight:600;color:var(--steel-200);background:rgba(5,11,23,.6);border:1px solid var(--line);border-radius:999px;padding:6px 13px;text-decoration:none}.notifications-center .fchip.on{color:#fff;background:linear-gradient(90deg,rgba(91,220,255,.18),rgba(64,104,232,.12));border-color:var(--line-strong)}.notifications-center .fchip .c{color:var(--steel-300);font-weight:700;margin-left:4px}.notifications-center .nlist{display:flex;flex-direction:column}.notifications-center .nrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.notifications-center .nrow:hover{background:rgba(38,58,88,.24)}.notifications-center .nrow.unread{background:rgba(91,220,255,.05)}.notifications-center .nrow.unread:hover{background:rgba(91,220,255,.09)}.notifications-center .nico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none}.notifications-center .nico svg{width:18px;height:18px}.notifications-center .ni-cyan{background:rgba(91,220,255,.14);color:var(--cyan)}.notifications-center .ni-amber{background:rgba(255,190,85,.15);color:var(--amber)}.notifications-center .ni-red{background:rgba(255,93,108,.15);color:#ff9aa4}.notifications-center .ni-violet{background:rgba(157,123,255,.16);color:#c3b0ff}.notifications-center .ni-green{background:rgba(51,214,159,.14);color:var(--green)}.notifications-center .ni-steel{background:rgba(159,178,200,.14);color:var(--steel-200)}.notifications-center .ntxt{min-width:0}.notifications-center .ntxt b,.notifications-center .ntxt small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifications-center .ntxt b{font-size:13.5px;color:#fff;font-weight:600}.notifications-center .ntxt small{font-size:11.5px;color:var(--steel-300);margin-top:3px}.notifications-center .ntime{font-size:11.5px;color:var(--steel-300);white-space:nowrap}.notifications-center .ndot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(91,220,255,.15);flex:none}.notifications-center .ndot.ph{background:transparent;box-shadow:none}.notifications-center .notification-migration,.notifications-center .emailnote{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--amber);background:rgba(255,190,85,.1);border:1px solid rgba(255,190,85,.3);border-radius:10px;padding:9px 11px;margin-bottom:14px;line-height:1.45}.notifications-center .emailnote.configured{color:var(--cyan);background:rgba(91,220,255,.08);border-color:rgba(91,220,255,.28)}.notifications-center .emailnote svg{width:14px;height:14px}.notifications-center .prefhead,.notifications-center .prow{display:grid;grid-template-columns:1fr 66px 66px;gap:10px}.notifications-center .prefhead{padding:0 6px 9px;border-bottom:1px solid var(--line);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--steel-300);font-weight:700;text-align:center}.notifications-center .prefhead span:first-child{text-align:left}.notifications-center .prow{align-items:center;padding:14px 6px;border-bottom:1px solid var(--line)}.notifications-center .ptype{font-size:13.5px;color:#fff;font-weight:600;display:flex;align-items:center;gap:10px}.notifications-center .pmini{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none}.notifications-center .pmini svg{width:14px;height:14px}.notifications-center .pcell{display:flex;justify-content:center;cursor:pointer}.notifications-center .pcell:has(input:disabled){cursor:not-allowed}.notifications-center .toggle.off-disabled{opacity:.4}.notifications-center .notification-pref-actions{display:flex;justify-content:flex-end;padding-top:14px}.notifications-center .notification-reset-form{display:flex;justify-content:flex-end;padding:9px 0 0}.notifications-center .notification-preferences{padding-bottom:18px}
@media (max-width:520px){.notifications-center .prefhead,.notifications-center .prow{grid-template-columns:1fr 52px 52px}.notifications-center .nrow{grid-template-columns:auto minmax(0,1fr) auto}.notifications-center .ndot{display:none}.notifications-center .ntime{font-size:10px}.notifications-center .fchip{padding:5px 10px}}
/* Screen 13 — MFA enrollment gate */
.mfa-enrollment-page{display:flex;flex-direction:column;min-height:100vh;background:var(--navy)}.mfa-enrollment-page::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(900px 700px at 30% 15%,#000,transparent 75%)}.mfa-authbar{display:flex;align-items:center;justify-content:space-between;padding:20px 34px;position:relative;z-index:2;border-bottom:1px solid var(--line)}.mfa-authbar .brand{padding:0}.mfa-authbar .brand .logo{height:34px}.mfa-step,.mfa-required{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--steel-300);border:1px solid var(--line);padding:8px 13px;border-radius:999px;background:rgba(12,23,41,.6)}.mfa-step svg,.mfa-required svg{width:15px;height:15px;color:var(--cyan)}.mfa-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:34px 20px;position:relative;z-index:1}.mfa-wrap{max-width:900px;width:100%;margin:0 auto;padding:0 22px;display:flex;flex-direction:column;align-items:center;gap:18px}.mfa-headline{text-align:center;max-width:660px}.mfa-headline .eyebrow{color:var(--cyan);font-size:11.5px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 10px}.mfa-headline h1{font-size:27px;line-height:1.15;margin:0 0 8px;color:var(--white);letter-spacing:-.3px}.mfa-headline p{color:var(--steel-300);font-size:14px;margin:0}.mfa-required{color:var(--cyan);background:rgba(91,220,255,.1);border-color:var(--line-strong)}.mfa-gate{width:100%;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(255,190,85,.35);background:rgba(255,190,85,.08);border-radius:12px;padding:14px 16px;color:var(--steel-200)}.mfa-gate-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,190,85,.14);color:var(--amber);flex:none}.mfa-gate-icon svg{width:16px;height:16px}.mfa-gate b{display:block;color:#fff;font-size:14px}.mfa-gate p{margin:4px 0 0;font-size:12.5px;line-height:1.5}.mfa-grid{width:100%;align-items:stretch}.mfa-card h3{display:flex;align-items:center;gap:9px;font-size:16px}.mfa-card h3 svg{width:18px;height:18px;color:var(--cyan)}.mfa-steps{display:grid;gap:16px;margin:0;padding:0;list-style:none}.mfa-steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.mfa-steps li>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#03101f;background:linear-gradient(135deg,var(--cyan),var(--blue))}.mfa-steps b{display:block;color:var(--steel-100);font-size:13.5px}.mfa-steps small{display:block;color:var(--steel-300);font-size:12px;line-height:1.5;margin-top:2px}.mfa-card .btn-full{width:100%;justify-content:center;padding:14px 16px;font-size:14px;margin-top:20px}.mfa-card .btn:disabled{opacity:.55;cursor:not-allowed}.mfa-card .lead-sub{color:var(--steel-300);font-size:13px;margin:0 0 20px;line-height:1.5}.mfa-code-label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--steel-200)}.mfa-code-label .input:disabled{opacity:.6;cursor:not-allowed}.mfa-safe-note{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--steel-300)}.mfa-safe-note svg{width:14px;height:14px;color:var(--amber)}.mfa-footnote{margin:0;color:var(--steel-300);font-size:11.5px;text-align:center}
@media (max-width:820px){.mfa-authbar .mfa-step{display:none}.mfa-grid{grid-template-columns:1fr}.mfa-authbar{padding:18px 20px}.mfa-wrap{padding:0}.mfa-headline h1{font-size:24px}}
/* Screen 14 — Immutable Audit Log */
.audit-log .audit-banner{display:flex;align-items:flex-start;gap:14px;padding:15px 17px;margin-bottom:16px;border-radius:14px;background:linear-gradient(120deg,rgba(91,220,255,.12),rgba(20,184,230,.06));border:1px solid rgba(91,220,255,.28);box-shadow:inset 0 0 0 1px rgba(91,220,255,.05)}.audit-log .audit-banner .bi{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(91,220,255,.22),rgba(64,104,232,.18));border:1px solid rgba(91,220,255,.3)}.audit-log .audit-banner .bi svg{width:22px;height:22px;color:var(--cyan)}.audit-log .audit-banner b{color:#fff;font-size:13.5px}.audit-log .audit-banner p{margin:3px 0 0;font-size:12.5px;color:var(--steel-300);line-height:1.5}.audit-log .audit-filters{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) minmax(180px,1.3fr) auto auto;gap:9px;align-items:end;margin-bottom:16px}.audit-log .audit-filters label{display:grid;gap:4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--steel-300);font-weight:700}.audit-log .audit-filters select,.audit-log .audit-filters input{min-width:0}.audit-log .audit-query{position:relative}.audit-log .audit-query svg{position:absolute;left:9px;bottom:9px;width:14px;height:14px;color:var(--steel-300)}.audit-log .audit-query input{padding-left:30px}.audit-log .scroller{overflow-x:auto}.audit-log .scroller table{min-width:900px}.audit-log .act{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:3px 9px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.audit-log .a-green{background:rgba(51,214,159,.15);color:var(--green)}.audit-log .a-red{background:rgba(255,93,108,.17);color:#ff9aa4}.audit-log .a-amber{background:rgba(255,190,85,.17);color:var(--amber)}.audit-log .a-cyan{background:rgba(91,220,255,.15);color:var(--cyan)}.audit-log .a-steel{background:rgba(159,178,200,.14);color:var(--steel-200)}.audit-log .actor{display:flex;align-items:center;gap:9px}.audit-log .ini{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;flex:none;background:linear-gradient(150deg,var(--violet),var(--blue))}.audit-log .actor b,.audit-log .actor small{display:block}.audit-log .actor b{color:#fff;font-size:13px}.audit-log .actor small{font-size:11px;color:var(--steel-300)}.audit-log .tcell b{color:#fff;font-size:12px}.audit-log .ent{font-size:12.5px}.audit-log .audit-pager{display:flex;align-items:center;justify-content:space-between;padding-top:14px;font-size:12px;color:var(--steel-300)}
@media (max-width:1180px){.audit-log .audit-filters{grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(180px,1.2fr) auto auto}}@media (max-width:740px){.audit-log .audit-filters{grid-template-columns:1fr 1fr}.audit-log .audit-query{grid-column:1/-1}.audit-log .audit-filters .btn{width:100%;justify-content:center}.audit-log .audit-pager{gap:10px;align-items:flex-start;flex-direction:column}}
/* Screen 15 — Users & Roles (multi-hat) */
.users-roles .users-roles-note,.users-roles .users-roles-gate{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:16px;border-radius:13px;line-height:1.5}.users-roles .users-roles-note{background:linear-gradient(120deg,rgba(157,123,255,.11),rgba(64,104,232,.06));border:1px solid rgba(157,123,255,.31);color:var(--steel-200)}.users-roles .users-roles-note b{display:block;color:#fff;font-size:13.5px}.users-roles .users-roles-note p{margin:3px 0 0;font-size:12px}.users-roles .urn-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:rgba(157,123,255,.18);color:#c3b0ff}.users-roles .urn-icon svg{width:18px;height:18px}.users-roles .users-roles-gate{background:rgba(255,190,85,.09);border:1px solid rgba(255,190,85,.35);color:var(--steel-200);font-size:12.5px}.users-roles .users-roles-gate b{color:var(--amber);white-space:nowrap}.users-roles .users-roles-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.82fr);gap:16px;align-items:start}.users-roles .users-role-filters{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(120px,.75fr) minmax(125px,.75fr) auto;gap:9px;align-items:end;padding:0 0 15px}.users-roles .users-role-filters label{display:grid;gap:4px;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;font-weight:800;color:var(--steel-300)}.users-roles .users-role-query{position:relative}.users-roles .users-role-query svg{width:14px;height:14px;position:absolute;left:9px;bottom:9px;color:var(--steel-300)}.users-roles .users-role-query input{padding-left:30px}.users-roles .scroller{overflow-x:auto}.users-roles .users-role-table{min-width:900px}.users-roles .users-role-table td{vertical-align:middle}.users-roles .ur-user{display:flex;align-items:center;gap:9px;min-width:170px}.users-roles .ur-user>span:last-child{min-width:0}.users-roles .ur-user b,.users-roles .ur-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-roles .ur-user b{font-size:13px;color:#fff}.users-roles .ur-user small{font-size:11px;color:var(--steel-300);margin-top:2px}.users-roles .ur-av{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;flex:none;font-size:11px;font-weight:800}.users-roles .ur-av.staff{background:linear-gradient(150deg,var(--cyan),var(--blue));color:#061523}.users-roles .ur-av.client{background:linear-gradient(150deg,var(--violet),var(--blue));color:#fff}.users-roles .hats{display:flex;gap:6px;flex-wrap:wrap;min-width:175px}.users-roles .hat-chip{display:inline-flex;align-items:center;gap:5px;max-width:180px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(38,58,88,.48);font-size:10.5px;color:var(--steel-100);font-weight:800;white-space:nowrap}.users-roles .hat-chip svg{width:12px;height:12px;color:var(--cyan);flex:none}.users-roles .hat-chip.god{border-color:rgba(255,190,85,.42);background:rgba(255,190,85,.12);color:var(--amber)}.users-roles .hat-chip.god svg{color:var(--amber)}.users-roles .hat-chip.client{border-color:rgba(157,123,255,.4);background:rgba(157,123,255,.13);color:#cbbcff}.users-roles .hat-chip.client svg{color:#c3b0ff}.users-roles .mfa-state{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--steel-300);white-space:nowrap}.users-roles .mfa-state i{width:7px;height:7px;border-radius:50%;background:var(--steel-300)}.users-roles .mfa-state.on{color:var(--green)}.users-roles .mfa-state.on i{background:var(--green);box-shadow:0 0 0 4px rgba(51,214,159,.13)}.users-roles .status-chip{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:999px}.users-roles .status-chip.active{background:rgba(51,214,159,.12);color:var(--green);border:1px solid rgba(51,214,159,.25)}.users-roles .status-chip.inactive{background:rgba(159,178,200,.1);color:var(--steel-300);border:1px solid var(--line)}.users-roles .invite-user-card{margin-top:16px}.users-roles .users-role-form{display:grid;gap:13px}.users-roles .users-role-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.users-roles .users-role-form label{display:grid;gap:5px;color:var(--steel-200);font-size:11px;font-weight:700}.users-roles .hat-editor{margin:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(5,11,23,.32)}.users-roles .hat-editor legend{padding:0 4px;color:#fff;font-size:13px;font-weight:800}.users-roles .hat-editor>p{margin:0 0 11px;color:var(--steel-300);font-size:11.5px;line-height:1.45}.users-roles .hat-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.users-roles .hat-option{display:flex!important;align-items:flex-start;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:rgba(38,58,88,.32);cursor:pointer}.users-roles .hat-option:hover{border-color:var(--line-strong);background:rgba(38,58,88,.52)}.users-roles .hat-option input{margin:3px 0 0;accent-color:var(--cyan);flex:none}.users-roles .hat-option b,.users-roles .hat-option small{display:block}.users-roles .hat-option b{font-size:11.5px;color:var(--steel-100)}.users-roles .hat-option small{font-size:10px;color:var(--steel-300);line-height:1.35;margin-top:2px}.users-roles .hat-option.god{border-color:rgba(255,190,85,.3)}.users-roles .hat-option.client{border-color:rgba(157,123,255,.3)}.users-roles .read-only-access-form{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.users-roles .read-only-access-form section{padding:11px 12px;border-radius:10px;background:rgba(91,220,255,.06);border:1px solid rgba(91,220,255,.2)}.users-roles .read-only-access-form b{display:block;color:var(--cyan);font-size:12.5px}.users-roles .read-only-access-form p{margin:4px 0 10px;color:var(--steel-300);font-size:11.5px;line-height:1.45}.users-roles .role-list{display:flex;flex-direction:column}.users-roles .role-row{display:flex;align-items:flex-start;gap:9px;padding:10px 1px;border-bottom:1px solid var(--line)}.users-roles .role-row:last-child{border-bottom:0}.users-roles .role-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;flex:none;background:var(--cyan)}.users-roles .role-dot.god{background:var(--amber)}.users-roles .role-dot.client{background:var(--violet)}.users-roles .role-row span:nth-child(2){min-width:0}.users-roles .role-row b,.users-roles .role-row small{display:block}.users-roles .role-row b{font-size:12.5px;color:#fff}.users-roles .role-row small{font-size:10.5px;color:var(--steel-300);margin-top:2px;line-height:1.35}.users-roles .role-row em{margin-left:auto;padding:3px 7px;border-radius:999px;background:rgba(91,220,255,.11);color:var(--cyan);font-size:9.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.users-roles .role-row:has(.role-dot.client) em{background:rgba(157,123,255,.13);color:#c3b0ff}
@media (max-width:1180px){.users-roles .users-roles-layout{grid-template-columns:1fr}.users-roles .users-roles-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.users-roles .users-role-editor{grid-row:span 2}}@media (max-width:760px){.users-roles .users-role-filters{grid-template-columns:1fr 1fr}.users-roles .users-role-query{grid-column:1/-1}.users-roles .users-role-filters .btn{width:100%;justify-content:center}.users-roles .users-roles-layout>aside{grid-template-columns:1fr}.users-roles .users-role-form .form-grid,.users-roles .hat-options{grid-template-columns:1fr}.users-roles .users-roles-note,.users-roles .users-roles-gate{flex-direction:column}.users-roles .users-roles-gate b{white-space:normal}}@media (max-width:520px){.users-roles .users-role-filters{grid-template-columns:1fr}.users-roles .users-role-query{grid-column:auto}.users-roles .users-role-filters .btn{width:100%}.users-roles .invite-user-card .head{align-items:flex-start}.users-roles .users-role-table{min-width:820px}}
/* Screen 16 — Client Accounts */
.client-accounts .client-add-card{margin-bottom:16px}.client-accounts .client-add-card summary{list-style:none;cursor:pointer}.client-accounts .client-add-card summary::-webkit-details-marker{display:none}.client-accounts .client-add-title{display:flex;align-items:center;gap:10px}.client-accounts .chev{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--steel-300);font-size:22px;line-height:1;background:rgba(5,11,23,.5);transition:transform .15s}.client-accounts details[open] .chev{transform:rotate(90deg);color:var(--cyan);border-color:var(--line-strong)}.client-accounts .client-add-form{padding-top:16px;margin-top:12px;border-top:1px solid var(--line);display:grid;gap:13px}.client-accounts .client-add-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-accounts .client-add-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--steel-200)}.client-accounts .client-add-form .client-notes{grid-column:1/-1}.client-accounts .client-add-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.client-accounts .client-add-actions span{margin-left:auto;font-size:11.5px;color:var(--steel-300)}.client-accounts .client-list-card .head>a{font-size:12px}.client-accounts .client-account-filters{display:grid;grid-template-columns:repeat(2,minmax(110px,.75fr)) minmax(180px,1.25fr) repeat(2,minmax(105px,.7fr)) auto auto;gap:9px;align-items:end;padding:0 0 15px}.client-accounts .client-account-filters label{display:grid;gap:4px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.client-accounts .client-filter-query{position:relative}.client-accounts .client-filter-query svg{position:absolute;left:9px;bottom:9px;width:14px;height:14px;color:var(--steel-300)}.client-accounts .client-filter-query input{padding-left:30px}.client-accounts .scroller{overflow-x:auto}.client-accounts .client-account-table{min-width:970px}.client-accounts .client-account-table td{vertical-align:middle}.client-accounts .client-name b,.client-accounts .client-name small{display:block}.client-accounts .client-name b{color:#fff;font-size:13px}.client-accounts .client-name small{margin-top:2px;color:var(--steel-300);font-size:11px}.client-accounts .health-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:800}.client-accounts .health-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.client-accounts .health-pill.hi{background:rgba(51,214,159,.14);color:var(--green)}.client-accounts .health-pill.mid{background:rgba(91,220,255,.14);color:var(--cyan)}.client-accounts .health-pill.warn{background:rgba(255,190,85,.15);color:var(--amber)}.client-accounts .health-pill.bad{background:rgba(255,93,108,.16);color:#ff9aa4}.client-accounts .client-actions{display:flex;gap:6px;white-space:nowrap}
@media (max-width:1180px){.client-accounts .client-account-filters{grid-template-columns:repeat(3,minmax(150px,1fr)) auto auto}.client-accounts .client-filter-query{grid-column:1/-1}}@media (max-width:760px){.client-accounts .client-add-form .form-grid,.client-accounts .client-account-filters{grid-template-columns:1fr}.client-accounts .client-add-form .client-notes,.client-accounts .client-filter-query{grid-column:auto}.client-accounts .client-account-filters .btn{width:100%;justify-content:center}.client-accounts .client-add-actions span{margin-left:0;width:100%}}
/* Screen 17 — Client Setup */
.client-setup-facelift .contract-source-card{border-left:3px solid var(--cyan);margin-bottom:18px}.client-setup-facelift .contract-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.client-setup-facelift .setup-kicker{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}.client-setup-facelift .setup-kicker a{margin-left:7px;color:var(--cyan);text-transform:none;letter-spacing:0}.client-setup-facelift .contract-note{margin:14px 0 0}.client-setup-facelift .setup-client-switch select{max-width:240px}.client-setup-facelift .setup{display:grid;grid-template-columns:264px minmax(0,1fr);gap:20px}.client-setup-facelift .grouplist{display:flex;flex-direction:column;gap:4px}.client-setup-facelift .grp{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;border:1px solid transparent;color:var(--steel-200);font-size:13px;font-weight:600}.client-setup-facelift .grp:hover{background:rgba(38,58,88,.4);color:#fff}.client-setup-facelift .grp.on{background:linear-gradient(90deg,rgba(91,220,255,.16),rgba(64,104,232,.1));color:#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}.client-setup-facelift .grp .gi{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:rgba(5,11,23,.6);border:1px solid var(--line);color:var(--cyan)}.client-setup-facelift .grp.on .gi{background:linear-gradient(150deg,var(--cyan),var(--blue));color:#04101f;border-color:transparent}.client-setup-facelift .grp .gi svg{width:16px;height:16px}.client-setup-facelift .grp .meta{min-width:0}.client-setup-facelift .grp .meta b,.client-setup-facelift .grp .meta small{display:block}.client-setup-facelift .grp .meta small{margin-top:2px;color:var(--steel-300);font-size:10px;font-weight:500;line-height:1.3}.client-setup-facelift .grp .cnt{margin-left:auto;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(5,11,23,.55);color:var(--steel-300);font-size:11px;font-weight:800}.client-setup-facelift .grp.on .cnt{border-color:var(--line-strong);color:var(--cyan)}.client-setup-facelift .scope{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;padding:13px 15px;border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(180deg,rgba(91,220,255,.09),rgba(64,104,232,.05));color:var(--steel-200);font-size:12.5px;line-height:1.5}.client-setup-facelift .scope b{color:#fff}.client-setup-facelift .setup-scope-icon{width:19px;color:var(--cyan);flex:none}.client-setup-facelift .setup-scope-icon svg{width:19px;height:19px}.client-setup-facelift .addform{padding:16px;border:1px solid var(--line);border-radius:13px;background:rgba(5,11,23,.5)}.client-setup-facelift .formgrid{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr;gap:14px;align-items:end}.client-setup-facelift .formgrid label{display:grid;gap:5px;color:var(--steel-200);font-size:11px;font-weight:700}.client-setup-facelift .formfoot{display:flex;align-items:center;gap:16px;margin-top:16px}.client-setup-facelift .togglewrap{display:flex;align-items:center;gap:8px;color:var(--steel-200);font-size:12.5px;font-weight:600}.client-setup-facelift .togglewrap input{accent-color:var(--cyan)}.client-setup-facelift .setup-options-table{min-width:720px}.client-setup-facelift .actbtn{display:inline-flex;align-items:center;gap:6px;margin-left:5px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(5,11,23,.6);color:var(--steel-200);font-size:12px;font-weight:700}.client-setup-facelift .actbtn:hover{border-color:var(--line-strong);color:#fff}.client-setup-facelift .actbtn.warn:hover{border-color:rgba(255,190,85,.5);color:var(--amber)}.client-setup-facelift .inline-action-form{display:inline}.client-setup-facelift .rowdim{opacity:.52}.client-setup-facelift .contract-source-card .subchips{margin:0}.client-setup-facelift .contract-source-card .subchip small{margin-left:4px;color:var(--steel-300)}
@media (max-width:1150px){.client-setup-facelift .setup{grid-template-columns:1fr}.client-setup-facelift .grouplist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.client-setup-facelift .contract-source-grid,.client-setup-facelift .formgrid{grid-template-columns:1fr 1fr}.client-setup-facelift .contract-source-card .head{align-items:flex-start}.client-setup-facelift .setup-client-switch{width:100%}.client-setup-facelift .setup-client-switch select{max-width:none;width:100%}}@media (max-width:560px){.client-setup-facelift .contract-source-grid,.client-setup-facelift .formgrid,.client-setup-facelift .grouplist{grid-template-columns:1fr}.client-setup-facelift .formfoot{align-items:stretch;flex-direction:column}.client-setup-facelift .formfoot .right{margin-left:0;display:flex;gap:8px}.client-setup-facelift .formfoot .btn{flex:1;justify-content:center}}
/* Screen 18 — Device Operations */
.device-ops-facelift .card{min-width:0;max-width:100%;box-sizing:border-box}
.device-ops-facelift .scroller{min-width:0;max-width:100%;overflow-x:auto}
.device-ops-facelift .device-ops-upper{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:16px;margin-bottom:16px}.device-ops-facelift .enroll-card,.device-ops-facelift .collector-card{min-height:264px}.device-ops-facelift .device-enroll-form{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.device-ops-facelift .device-enroll-actions,.device-ops-facelift .device-once-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.device-ops-facelift .device-enroll-actions span{font-size:11.5px;color:var(--steel-300)}.device-ops-facelift .device-once{margin-top:14px;padding:13px 14px;border:1px solid rgba(51,214,159,.36);border-radius:12px;background:linear-gradient(130deg,rgba(51,214,159,.11),rgba(91,220,255,.06))}.device-ops-facelift .device-once b{color:var(--green);font-size:13px}.device-ops-facelift .device-once p{margin:4px 0 0;color:var(--steel-200);font-size:11.5px;line-height:1.45}.device-ops-facelift .collector-list{display:grid;gap:8px}.device-ops-facelift .collector-row{display:grid;grid-template-columns:32px minmax(120px,1fr) minmax(120px,.9fr);gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.device-ops-facelift .collector-row:last-child{border-bottom:0}.device-ops-facelift .collector-platform{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(91,220,255,.13);color:var(--cyan)}.device-ops-facelift .collector-platform svg{width:15px;height:15px}.device-ops-facelift .collector-row b,.device-ops-facelift .collector-row small{display:block}.device-ops-facelift .collector-row b{color:#fff;font-size:12px}.device-ops-facelift .collector-row small{margin-top:2px;color:var(--steel-300);font-size:10.5px}.device-ops-facelift .collector-version{color:var(--steel-200);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;text-align:right}.device-ops-facelift .collector-foot{margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.45;color:var(--steel-300)}.device-ops-facelift .token-card{margin-bottom:16px}.device-ops-facelift .token-table{min-width:720px}.device-ops-facelift .device-grid-card .head{align-items:flex-start}.device-ops-facelift .device-filters{display:grid;grid-template-columns:repeat(3,minmax(120px,.85fr)) minmax(180px,1.35fr) auto auto;gap:9px;align-items:end;padding:2px 0 15px}.device-ops-facelift .device-filters label{display:grid;gap:4px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.device-ops-facelift .device-query{position:relative}.device-ops-facelift .device-query svg{position:absolute;left:9px;bottom:9px;width:14px;height:14px;color:var(--steel-300)}.device-ops-facelift .device-query input{padding-left:30px}.device-ops-facelift .device-table{min-width:1090px}.device-ops-facelift .device-table td{vertical-align:middle}.device-ops-facelift .device-table td:first-child b,.device-ops-facelift .device-table td:first-child small{display:block}.device-ops-facelift .device-table td:first-child b{color:#fff;font-size:12.5px}.device-ops-facelift .device-table td:first-child small{margin-top:2px;color:var(--steel-300);font-size:10.5px}.device-ops-facelift .device-table .clickable-row{cursor:pointer}.device-ops-facelift .device-table .clickable-row:hover td{background:rgba(91,220,255,.055)}.device-ops-facelift .endpoint-snapshot{margin-top:16px}.device-ops-facelift .snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0}.device-ops-facelift .snapshot-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(5,11,23,.34)}.device-ops-facelift .snapshot-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.45px;font-weight:800;color:var(--steel-300)}.device-ops-facelift .snapshot-grid dd{margin:5px 0 0;color:#fff;font-size:12px;word-break:break-word}.device-ops-facelift .device-freshness{font-size:17px!important;line-height:1.18}
@media (max-width:1120px){.device-ops-facelift .device-ops-upper{grid-template-columns:1fr}.device-ops-facelift .device-filters{grid-template-columns:repeat(3,minmax(140px,1fr)) auto auto}.device-ops-facelift .device-query{grid-column:1/-1}.device-ops-facelift .snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.device-ops-facelift .device-filters{grid-template-columns:1fr}.device-ops-facelift .device-query{grid-column:auto}.device-ops-facelift .device-filters .btn{width:100%;justify-content:center}.device-ops-facelift .collector-row{grid-template-columns:30px minmax(0,1fr)}.device-ops-facelift .collector-version{grid-column:2;text-align:left}.device-ops-facelift .snapshot-grid{grid-template-columns:1fr}.device-ops-facelift .device-enroll-actions,.device-ops-facelift .device-once-actions{align-items:stretch;flex-direction:column}.device-ops-facelift .device-once-actions .btn{justify-content:center}}
/* Screen 30 — Device Control & DLP: inventory-backed read-only boundary. */
.device-control-facelift .device-control-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:16px;margin-bottom:16px}.device-control-facelift .device-control-status{display:grid;gap:2px}.device-control-facelift .device-control-status>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.device-control-facelift .device-control-status>div:last-child{border-bottom:0}.device-control-facelift .device-control-status>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(91,220,255,.13);color:var(--cyan)}.device-control-facelift .device-control-status svg{width:16px;height:16px}.device-control-facelift .device-control-status p{margin:0}.device-control-facelift .device-control-status b,.device-control-facelift .device-control-status small{display:block}.device-control-facelift .device-control-status b{color:#fff;font-size:12.5px}.device-control-facelift .device-control-status small{margin-top:3px;color:var(--steel-300);font-size:10.5px;line-height:1.35}.device-control-facelift .device-control-status em{font-style:normal;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;white-space:nowrap}.device-control-facelift .device-control-status em.ok{color:var(--green);background:rgba(51,214,159,.12)}.device-control-facelift .device-control-status em.warn{color:var(--amber);background:rgba(255,190,85,.13)}.device-control-facelift .device-control-boundary .honest-note{margin:0}.device-control-facelift .device-control-boundary dl{display:grid;gap:10px;margin:15px 0 0}.device-control-facelift .device-control-boundary dl>div{padding-top:10px;border-top:1px solid var(--line)}.device-control-facelift .device-control-boundary dt{color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.device-control-facelift .device-control-boundary dd{margin:5px 0 0;color:#fff;font-size:12px}.device-control-facelift .device-control-boundary dd a{color:var(--cyan);font-weight:700;text-decoration:none}.device-control-facelift .device-control-table-card .head{align-items:flex-start}.device-control-facelift .device-control-table{min-width:900px}.device-control-facelift .device-control-table td:first-child b,.device-control-facelift .device-control-table td:first-child small{display:block}.device-control-facelift .device-control-table td:first-child b{color:#fff;font-size:12.5px}.device-control-facelift .device-control-table td:first-child small{margin-top:3px;color:var(--steel-300);font-size:10.5px}.device-control-facelift .device-control-unavailable{color:var(--steel-300)!important}@media(max-width:920px){.device-control-facelift .device-control-grid{grid-template-columns:1fr}}@media(max-width:560px){.device-control-facelift .device-control-status>div{grid-template-columns:31px minmax(0,1fr)}.device-control-facelift .device-control-status em{grid-column:2;justify-self:start}.device-control-facelift .device-control-table-card .head{flex-direction:column}}
/* Screen 19 — Requests */
.requests-facelift .request-filters{display:grid;grid-template-columns:repeat(2,minmax(130px,.8fr)) minmax(190px,1.2fr) auto auto;gap:9px;align-items:end;margin:4px 0 16px}.requests-facelift .request-filters label{display:grid;gap:4px;color:var(--steel-300);font-size:10.5px;font-weight:800;text-transform:uppercase}.requests-facelift .request-q{position:relative}.requests-facelift .request-q svg{position:absolute;left:9px;bottom:9px;width:14px;color:var(--steel-300)}.requests-facelift .request-q input{padding-left:30px}.requests-facelift .request-table{min-width:910px}.requests-facelift .request-table td:first-child b,.requests-facelift .request-table td:first-child small{display:block}.requests-facelift .request-table td:first-child b{color:#fff;font-size:12.5px}.requests-facelift .request-table td:first-child small{color:var(--steel-300);font-size:10.5px;margin-top:3px}@media(max-width:760px){.requests-facelift .request-filters{grid-template-columns:1fr}.requests-facelift .request-filters .btn{width:100%;justify-content:center}}

/* Screen 20 — Renewals & Deadlines */
.renewals-facelift .renewal-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.renewals-facelift details summary{list-style:none;cursor:pointer}.renewals-facelift .renewal-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:13px}.renewals-facelift .renewal-form label,.renewals-facelift .renewal-filters label{display:grid;gap:4px;font-size:10.5px;color:var(--steel-300);font-weight:800;text-transform:uppercase}.renewals-facelift .renewal-form .btn{grid-column:1/-1}.renewals-facelift .renewal-filters{display:grid;grid-template-columns:repeat(2,minmax(120px,.8fr)) minmax(180px,1.2fr) auto auto;gap:9px;align-items:end;margin:4px 0 16px}.renewals-facelift .renewal-q{position:relative}.renewals-facelift .renewal-q svg{position:absolute;left:9px;bottom:9px;width:14px;color:var(--steel-300)}.renewals-facelift .renewal-q input{padding-left:30px}.renewals-facelift .renewal-table{min-width:970px}.renewals-facelift .renewal-table td:first-child b,.renewals-facelift .renewal-table td:first-child small{display:block}.renewals-facelift .renewal-table td:first-child b{color:#fff}.renewals-facelift .renewal-table td:first-child small{font-size:10.5px;color:var(--steel-300);margin-top:3px}.renewal-days{display:inline-flex;padding:3px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:800}.renewal-days.bad{color:#ff9aa4;border-color:rgba(255,93,108,.35);background:rgba(255,93,108,.12)}.renewal-days.soon{color:var(--amber);border-color:rgba(255,190,85,.35);background:rgba(255,190,85,.1)}.renewal-days.ok{color:var(--green);border-color:rgba(51,214,159,.3);background:rgba(51,214,159,.1)}@media(max-width:760px){.renewals-facelift .renewal-add-grid,.renewals-facelift .renewal-form,.renewals-facelift .renewal-filters{grid-template-columns:1fr}.renewals-facelift .renewal-filters .btn{width:100%;justify-content:center}}


/* Screen 21 — BAA compliance agreements */
.baa-facelift .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;cursor:pointer}.baa-facelift .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.baa-facelift .btn.ghost{background:rgba(38,58,88,.28)}.baa-facelift .btn.sm{min-height:32px;padding:0 9px;font-size:11px}.baa-facelift input,.baa-facelift select,.baa-facelift textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.58);color:var(--steel-100);font:inherit}.baa-facelift input,.baa-facelift select{min-height:38px;padding:0 10px}.baa-facelift textarea{padding:10px;line-height:1.5;resize:vertical}.baa-facelift option{background:#101d33;color:#e8f0fb}.baa-facelift .scroller{overflow-x:auto}.baa-facelift .baa-filters{display:grid;grid-template-columns:repeat(2,minmax(130px,.85fr)) minmax(190px,1.3fr) auto auto;gap:9px;align-items:end;margin:3px 0 16px}.baa-facelift .baa-filters label,.baa-facelift .baa-form label{display:grid;gap:5px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.baa-facelift .baa-query{position:relative}.baa-facelift .baa-query svg{position:absolute;left:9px;bottom:9px;width:14px;color:var(--steel-300)}.baa-facelift .baa-query input{padding-left:30px}.baa-facelift .baa-table{min-width:920px;width:100%;border-collapse:collapse}.baa-facelift .baa-table th{padding:9px 8px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-align:left;text-transform:uppercase}.baa-facelift .baa-table td{padding:11px 8px;border-top:1px solid var(--line);color:var(--steel-200);font-size:12px;vertical-align:middle}.baa-facelift .baa-table td:first-child b,.baa-facelift .baa-table td:first-child small{display:block}.baa-facelift .baa-table td:first-child b{color:#fff;font-size:12.5px}.baa-facelift .baa-table td:first-child small{margin-top:3px;color:var(--steel-300);font-size:10.5px}.baa-facelift .baa-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800}.baa-facelift .baa-status.current{background:rgba(51,214,159,.13);color:var(--green)}.baa-facelift .baa-status.review{background:rgba(255,190,85,.14);color:var(--amber)}.baa-facelift .baa-status.draft{background:rgba(157,123,255,.16);color:#cbbcff}.baa-facelift .baa-layout{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:16px;align-items:start}.baa-facelift .baa-form{display:grid;gap:11px}.baa-facelift .baa-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.baa-facelift .baa-template-note{padding:12px 13px;border:1px solid rgba(255,190,85,.34);border-radius:11px;background:rgba(255,190,85,.08);color:var(--steel-200);font-size:11.5px;line-height:1.48}.baa-facelift .baa-template-note b{color:var(--amber)}.baa-facelift .baa-paper{padding:20px;background:#fff;color:#344054;border-radius:11px;box-shadow:0 16px 40px rgba(0,0,0,.28);max-height:850px;overflow:auto}.baa-facelift .baa-letterhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:3px solid #1b65a9;color:#556072;font-size:10.5px;line-height:1.5;text-align:right}.baa-facelift .baa-letterhead img{display:block;max-width:210px;height:48px;width:auto;object-fit:contain;object-position:left center}.baa-facelift .baa-letterhead b{color:#0c1729;font-size:12px}.baa-facelift .baa-docmeta{display:flex;gap:7px 14px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #dce4ee;color:#556072;font-size:10px}.baa-facelift .baa-docmeta b{color:#0c1729}.baa-facelift .baa-paper .baa-document{font-size:11.5px;line-height:1.58}.baa-facelift .baa-paper .baa-document h2{margin:19px 0 10px;color:#0c1729;font-size:24px}.baa-facelift .baa-paper .baa-document h3{margin:18px 0 7px;color:#17243a;font-size:13px}.baa-facelift .baa-paper .baa-document p{margin:0 0 10px}.baa-facelift .baa-paper .document-summary{width:100%;border-collapse:collapse;font-size:10.5px}.baa-facelift .baa-paper .document-summary th,.baa-facelift .baa-paper .document-summary td{padding:6px 8px;border:1px solid #dce4ee;text-align:left}.baa-facelift .baa-paper .document-summary th{width:34%;background:#f3f6fa;color:#344054}.baa-facelift .baa-paper .signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.baa-facelift .baa-paper .signature-grid>div{padding-top:22px;border-top:1px solid #94a3b8;font-size:10px}.baa-facelift .baa-paper .signature-grid strong{display:block;margin-top:5px;color:#64748b}.baa-facelift .baa-preview-card .empty-state{margin:0;padding:15px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--steel-300);font-size:12px;line-height:1.5}@media(max-width:1100px){.baa-facelift .baa-layout{grid-template-columns:1fr}.baa-facelift .baa-filters{grid-template-columns:repeat(2,minmax(140px,1fr)) auto auto}.baa-facelift .baa-query{grid-column:1/-1}}@media(max-width:720px){.baa-facelift .baa-filters,.baa-facelift .baa-form .form-grid{grid-template-columns:1fr}.baa-facelift .baa-query{grid-column:auto}.baa-facelift .baa-filters .btn{width:100%;justify-content:center}.baa-facelift .baa-letterhead{flex-direction:column;text-align:left}.baa-facelift .baa-paper .signature-grid{grid-template-columns:1fr}}
/* Screen 22 — Security */
.security-facelift .security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-facelift .security-controls{display:grid;gap:4px}.security-facelift .security-control{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.security-facelift .security-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(91,220,255,.13);color:var(--cyan)}.security-facelift .security-icon svg{width:16px;height:16px}.security-facelift .security-control b,.security-facelift .security-control small{display:block}.security-facelift .security-control b{color:#fff;font-size:12.5px}.security-facelift .security-control small{margin-top:3px;color:var(--steel-300);font-size:10.5px;line-height:1.35}.security-facelift .security-control em{font-style:normal;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px}.security-facelift .security-control em.ok{color:var(--green);background:rgba(51,214,159,.12)}.security-facelift .security-control em.warn{color:var(--amber);background:rgba(255,190,85,.13)}.security-facelift .scroller{overflow-x:auto}.security-facelift .security-table{width:100%;min-width:620px;border-collapse:collapse}.security-facelift .security-table th{padding:9px 8px;text-align:left;color:var(--steel-300);font-size:10px;text-transform:uppercase}.security-facelift .security-table td{padding:10px 8px;border-top:1px solid var(--line);font-size:12px;color:var(--steel-200)}.security-facelift .security-table b{color:#fff}@media(max-width:900px){.security-facelift .security-grid{grid-template-columns:1fr}}@media(max-width:560px){.security-facelift .security-control{grid-template-columns:31px minmax(0,1fr)}.security-facelift .security-control em{grid-column:2;justify-self:start}}
.setup-facelift .setup-tabs{display:flex;align-items:end;gap:3px;overflow-x:auto;margin:0 0 18px;border-bottom:1px solid var(--line)}.setup-facelift .setup-tabs a{position:relative;padding:10px 13px;color:var(--steel-300);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.setup-facelift .setup-tabs a:hover,.setup-facelift .setup-tabs a.on{color:var(--cyan)}.setup-facelift .setup-tabs a.on:after{position:absolute;right:9px;bottom:-1px;left:9px;height:2px;border-radius:99px;background:var(--cyan);content:""}.setup-facelift .setup-provenance{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(5,11,23,.48);color:var(--steel-300);font-size:12px}.setup-facelift .setup-provenance svg{width:15px;color:var(--cyan)}.setup-facelift .setup-provenance b{color:var(--steel-100)}.setup-facelift .setup-provenance small{margin-left:auto;color:var(--steel-300);font-size:11px}.setup-facelift .card{padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,29,51,.88),rgba(8,17,33,.84));box-shadow:0 18px 44px rgba(0,0,0,.3)}.setup-facelift .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.setup-facelift .head h3{margin:0;color:#fff;font-size:15px}.setup-facelift .head .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.45}.setup-facelift .setup-eyebrow{margin:0 0 5px;color:var(--cyan);font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.setup-facelift .setup-pill{border:1px solid var(--line);border-radius:999px;padding:4px 9px;background:rgba(5,11,23,.45);color:var(--steel-200);font-size:10.5px;font-weight:800;white-space:nowrap}.setup-facelift .setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.setup-facelift .setup-grid>div{padding:11px 0;border-bottom:1px solid var(--line)}.setup-facelift .setup-grid span{display:block;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.32px;text-transform:uppercase}.setup-facelift .setup-grid b{display:block;margin-top:5px;color:#fff;font-size:13px;overflow-wrap:anywhere}.setup-facelift .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px!important}.setup-facelift .setup-actionrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px;padding-top:15px;border-top:1px solid var(--line);color:var(--steel-300);font-size:11.5px}.setup-facelift .setup-actionrow .btn{margin-left:auto}.setup-facelift .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none}.setup-facelift .btn.sm{min-height:32px;padding:0 10px;font-size:11px}.setup-facelift .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.setup-facelift .btn.is-unavailable{opacity:.7;cursor:not-allowed}.setup-facelift .setup-policy>div,.setup-facelift .setup-integrations>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px 4px;border-bottom:1px solid var(--line)}.setup-facelift .setup-policy>div:last-child,.setup-facelift .setup-integrations>div:last-child{border-bottom:0}.setup-facelift .setup-policy>div>span,.setup-facelift .setup-integration-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:11px;background:rgba(38,58,88,.5);color:var(--cyan)}.setup-facelift .setup-policy svg,.setup-facelift .setup-integration-icon svg{width:19px;height:19px}.setup-facelift .setup-policy p,.setup-facelift .setup-integrations p{min-width:0;margin:0}.setup-facelift .setup-policy b,.setup-facelift .setup-integrations b{display:block;color:#fff;font-size:13px}.setup-facelift .setup-policy small,.setup-facelift .setup-integrations small{display:block;margin-top:3px;color:var(--steel-300);font-size:11.5px;line-height:1.35}.setup-facelift .setup-policy em,.setup-facelift .setup-integrations em{font-style:normal;color:var(--steel-200);font-size:11px;font-weight:800;white-space:nowrap}.setup-facelift .setup-policy em.good,.setup-facelift .setup-integrations em.good{color:var(--green)}.setup-facelift .setup-policy em.warn{color:var(--amber)}.setup-facelift .setup-owner-note{display:flex;align-items:flex-start;gap:8px;margin-bottom:13px;padding:10px 12px;border:1px solid rgba(255,190,85,.3);border-radius:10px;background:rgba(255,190,85,.1);color:var(--amber);font-size:11.5px;line-height:1.45}.setup-facelift .setup-owner-note svg{width:15px;flex:none}.setup-facelift .setup-notice{min-height:58px;padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(5,11,23,.45);color:var(--steel-200);font-size:12.5px;line-height:1.55}.setup-facelift .setup-metadata-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.setup-facelift .setup-metadata-list a{display:flex;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.setup-facelift .setup-metadata-list a:hover b,.setup-facelift .setup-metadata-list a:focus-visible b{color:var(--cyan)}.setup-facelift .setup-metadata-list a>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:rgba(91,220,255,.09);color:var(--cyan);flex:none}.setup-facelift .setup-metadata-list svg{width:15px}.setup-facelift .setup-metadata-list p{min-width:0;margin:0}.setup-facelift .setup-metadata-list b{display:block;color:#fff;font-size:12.5px}.setup-facelift .setup-metadata-list small{display:block;margin-top:3px;color:var(--steel-300);font-size:10.5px;line-height:1.35}.setup-facelift .setup-metadata-list em{margin-left:auto;color:var(--steel-300);font-size:10.5px;font-style:normal;white-space:nowrap}@media (max-width:820px){.setup-facelift .setup-grid,.setup-facelift .setup-metadata-list{grid-template-columns:1fr}.setup-facelift .setup-policy>div,.setup-facelift .setup-integrations>div{grid-template-columns:auto minmax(0,1fr);align-items:start}.setup-facelift .setup-policy em,.setup-facelift .setup-integrations em,.setup-facelift .setup-integrations .btn{grid-column:2}.setup-facelift .setup-provenance small{margin-left:0;width:100%}.setup-facelift .setup-actionrow .btn{margin-left:0}.setup-facelift .head{flex-direction:column}}

/* Screen 32 — stored Sentinel receipt history and client protection results. */
.scan-results-facelift .scan-results-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(circle at 83% 16%,rgba(91,220,255,.14),transparent 29%),linear-gradient(135deg,rgba(16,29,51,.88),rgba(5,11,23,.75));box-shadow:0 22px 54px rgba(0,0,0,.28)}
.scan-results-facelift .scan-results-hero h2{margin:2px 0 8px;font-size:24px;letter-spacing:-.45px;color:#fff}.scan-results-facelift .scan-results-hero p{margin:0;max-width:760px;color:var(--steel-200);font-size:13px;line-height:1.6}.scan-results-facelift .scan-results-scope{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(5,11,23,.5)}.scan-results-facelift .scan-results-scope label{display:flex;flex-direction:column;gap:5px;color:var(--steel-300);font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.scan-results-facelift .scan-results-scope select{min-width:230px;color:var(--steel-100);background:#0a1526;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:600 13px inherit}.scan-results-facelift .scan-result-kpis .kpi.selected{box-shadow:inset 0 0 0 1px var(--cyan),0 18px 42px rgba(0,0,0,.24)}
.scan-results-facelift .scan-result-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.scan-results-facelift .scan-history-bars{display:flex;align-items:end;gap:8px;min-height:190px;padding:12px 2px 0;overflow-x:auto}.scan-results-facelift .scan-day{min-width:58px;flex:1;min-height:166px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;padding:8px 4px;border:1px solid transparent;border-radius:11px;color:var(--steel-300);text-decoration:none;font-size:11px}.scan-results-facelift .scan-day:hover,.scan-results-facelift .scan-day.active{background:rgba(91,220,255,.08);border-color:var(--line-strong);color:#fff}.scan-results-facelift .scan-day i{display:block;width:100%;max-width:32px;min-height:12px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 18px rgba(91,220,255,.22)}.scan-results-facelift .scan-day b{font-size:15px;color:#fff}.scan-results-facelift .scan-day small{font-size:9px;text-align:center;line-height:1.2;color:var(--steel-300)}
.scan-results-facelift .scan-severity-list{display:flex;flex-direction:column;gap:7px}.scan-results-facelift .scan-severity{display:grid;grid-template-columns:92px auto 1fr;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:var(--steel-200);text-decoration:none;background:rgba(5,11,23,.38)}.scan-results-facelift .scan-severity:hover,.scan-results-facelift .scan-severity.active{border-color:var(--line-strong);background:rgba(38,58,88,.4)}.scan-results-facelift .scan-severity span{font-size:10.5px;font-weight:900;letter-spacing:.6px}.scan-results-facelift .scan-severity b{font-size:18px;color:#fff}.scan-results-facelift .scan-severity small{font-size:10.5px;color:var(--steel-300)}.scan-results-facelift .scan-severity.critical span{color:#ff9aa4}.scan-results-facelift .scan-severity.high span{color:var(--amber)}.scan-results-facelift .scan-severity.medium span{color:var(--cyan)}.scan-results-facelift .scan-severity.info span{color:var(--steel-200)}
.scan-results-facelift .scan-finding-table,.scan-results-facelift .scan-endpoint-table,.scan-results-facelift .scan-receipt-table{padding-bottom:16px}.scan-results-facelift .scan-number{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font-size:12px;font-weight:800;text-decoration:none;background:rgba(91,220,255,.07)}.scan-results-facelift .scan-number:hover{border-color:var(--line-strong);background:rgba(91,220,255,.14)}
@media (max-width:900px){.scan-results-facelift .scan-results-hero{align-items:flex-start;flex-direction:column}.scan-results-facelift .scan-result-grid{grid-template-columns:1fr}}@media (max-width:560px){.scan-results-facelift .scan-results-hero{padding:17px}.scan-results-facelift .scan-results-hero h2{font-size:21px}.scan-results-facelift .scan-results-scope select{min-width:0;width:100%}.scan-results-facelift .scan-results-scope label{width:100%}.scan-results-facelift .scan-day{min-width:53px}}

/* Screen 24 — Engagements */
.sentinel-suite-facelift .sentinel-hero{position:relative;overflow:hidden;margin:0 0 17px;padding:18px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(600px 260px at 88% 0,rgba(91,220,255,.16),transparent 62%),radial-gradient(480px 250px at 6% 100%,rgba(51,214,159,.13),transparent 60%),linear-gradient(145deg,rgba(8,20,38,.96),rgba(5,11,23,.92));box-shadow:0 20px 44px rgba(0,0,0,.24)}.sentinel-suite-facelift .sentinel-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(91,220,255,.05) 37px 38px);opacity:.45;pointer-events:none}.sentinel-suite-facelift .sentinel-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.sentinel-suite-facelift .sentinel-eyebrow{margin:0 0 6px;color:var(--cyan);font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.sentinel-suite-facelift .sentinel-hero h2{margin:0;color:#fff;font-size:24px;line-height:1.13}.sentinel-suite-facelift .sentinel-hero p:not(.sentinel-eyebrow){max-width:720px;margin:8px 0 0;color:var(--steel-200);font-size:12.5px;line-height:1.58}.sentinel-suite-facelift .sentinel-hero-state{display:flex;align-items:center;gap:10px;min-width:190px;padding:12px;border:1px solid rgba(91,220,255,.28);border-radius:13px;background:rgba(5,11,23,.45)}.sentinel-suite-facelift .sentinel-hero-state>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,rgba(91,220,255,.26),rgba(64,104,232,.25));color:var(--cyan)}.sentinel-suite-facelift .sentinel-hero-state svg{width:19px}.sentinel-suite-facelift .sentinel-hero-state b,.sentinel-suite-facelift .sentinel-hero-state small{display:block}.sentinel-suite-facelift .sentinel-hero-state b{color:#fff;font-size:12px}.sentinel-suite-facelift .sentinel-hero-state small{margin-top:4px;color:var(--steel-300);font-size:10.5px;line-height:1.35}.sentinel-suite-facelift .sentinel-kpis .kpi.linked{display:block;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sentinel-suite-facelift .sentinel-kpis .kpi.linked:hover,.sentinel-suite-facelift .sentinel-kpis .kpi.linked:focus-visible{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 16px 30px rgba(0,0,0,.23)}.sentinel-suite-facelift .sentinel-kpis .kpi.linked .val:after{content:"↗";margin-left:6px;color:var(--cyan);font-size:13px;vertical-align:middle}.sentinel-suite-facelift .sentinel-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:16px;margin:0 0 16px}.sentinel-suite-facelift .sentinel-panel{margin:0;padding:18px}.sentinel-suite-facelift .sentinel-panel .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.sentinel-suite-facelift .sentinel-panel .head h3{margin:0;color:#fff;font-size:15px}.sentinel-suite-facelift .sentinel-panel .head .sub{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.45}.sentinel-suite-facelift .btn{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 11px inherit;text-decoration:none;white-space:nowrap}.sentinel-suite-facelift .btn:hover,.sentinel-suite-facelift .btn:focus-visible{border-color:var(--line-strong);color:var(--cyan)}.sentinel-suite-facelift .scroller{overflow-x:auto}.sentinel-suite-facelift .sentinel-table{width:100%;min-width:790px;border-collapse:collapse}.sentinel-suite-facelift .sentinel-table th{padding:9px 8px;text-align:left;color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.sentinel-suite-facelift .sentinel-table td{padding:11px 8px;border-top:1px solid var(--line);color:var(--steel-200);font-size:12px;vertical-align:middle}.sentinel-suite-facelift .sentinel-table b,.sentinel-suite-facelift .sentinel-table small{display:block}.sentinel-suite-facelift .sentinel-table b{color:#fff;font-size:12.5px}.sentinel-suite-facelift .sentinel-table small{margin-top:3px;color:var(--steel-300);font-size:10.5px}.sentinel-suite-facelift .sentinel-state{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.sentinel-suite-facelift .sentinel-state.good{background:rgba(51,214,159,.13);color:var(--green)}.sentinel-suite-facelift .sentinel-state.review{background:rgba(255,190,85,.13);color:var(--amber)}.sentinel-suite-facelift .sentinel-state.neutral{background:rgba(159,178,200,.12);color:var(--steel-200)}.sentinel-suite-facelift .sentinel-findings{display:grid}.sentinel-suite-facelift .sentinel-finding{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;padding:11px 2px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.sentinel-suite-facelift .sentinel-finding:first-child{border-top:0}.sentinel-suite-facelift .sentinel-finding:hover b,.sentinel-suite-facelift .sentinel-finding:focus-visible b{color:var(--cyan)}.sentinel-suite-facelift .sentinel-finding b,.sentinel-suite-facelift .sentinel-finding small{display:block}.sentinel-suite-facelift .sentinel-finding b{color:#fff;font-size:12.5px}.sentinel-suite-facelift .sentinel-finding small{margin-top:3px;color:var(--steel-300);font-size:10.5px;line-height:1.4}.sentinel-suite-facelift .sentinel-severity{padding:4px 6px;border-radius:6px;font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px}.sentinel-suite-facelift .sentinel-severity.critical{background:rgba(255,93,108,.16);color:#ff9aa4}.sentinel-suite-facelift .sentinel-severity.high{background:rgba(255,190,85,.16);color:var(--amber)}.sentinel-suite-facelift .sentinel-severity.medium{background:rgba(91,220,255,.14);color:var(--cyan)}.sentinel-suite-facelift .sentinel-severity.info{background:rgba(159,178,200,.12);color:var(--steel-200)}.sentinel-suite-facelift .sentinel-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sentinel-suite-facelift .sentinel-module{display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px;min-height:113px;padding:13px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(16,29,51,.68),rgba(5,11,23,.53));color:inherit;text-decoration:none}.sentinel-suite-facelift a.sentinel-module{transition:transform .16s ease,border-color .16s ease}.sentinel-suite-facelift a.sentinel-module:hover,.sentinel-suite-facelift a.sentinel-module:focus-visible{transform:translateY(-2px);border-color:var(--line-strong)}.sentinel-suite-facelift .sentinel-module.gated{opacity:.78}.sentinel-suite-facelift .sentinel-module>span{display:grid;place-items:center;align-self:start;width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:rgba(5,11,23,.55);color:var(--cyan)}.sentinel-suite-facelift .sentinel-module.gated>span{color:var(--amber)}.sentinel-suite-facelift .sentinel-module svg{width:17px}.sentinel-suite-facelift .sentinel-module b{display:block;color:#fff;font-size:12.5px}.sentinel-suite-facelift .sentinel-module p{margin:4px 0 8px;color:var(--steel-300);font-size:10.8px;line-height:1.42}.sentinel-suite-facelift .sentinel-module em{font-style:normal;color:var(--steel-200);font-size:10px;font-weight:800}.sentinel-suite-facelift .sentinel-module em.good{color:var(--green)}.sentinel-suite-facelift .sentinel-module em.warn{color:var(--amber)}.sentinel-suite-facelift .sentinel-honesty{margin:15px 0 0;padding:11px 12px;border:1px solid rgba(255,190,85,.28);border-radius:11px;background:rgba(255,190,85,.07);color:var(--steel-200);font-size:11.5px;line-height:1.5}.sentinel-suite-facelift .sentinel-honesty b{color:var(--amber)}@media(max-width:1050px){.sentinel-suite-facelift .sentinel-grid{grid-template-columns:1fr}.sentinel-suite-facelift .sentinel-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sentinel-suite-facelift .sentinel-hero-grid{grid-template-columns:1fr}.sentinel-suite-facelift .sentinel-hero-state{width:100%;box-sizing:border-box}.sentinel-suite-facelift .sentinel-modules{grid-template-columns:1fr}.sentinel-suite-facelift .sentinel-panel .head{flex-direction:column}.sentinel-suite-facelift .sentinel-panel .head .btn{width:100%;box-sizing:border-box}}

/* Screen 24 — Engagements */
.engagements-facelift .workforce-notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 17px;padding:10px 12px;border:1px solid rgba(255,190,85,.3);border-radius:11px;background:rgba(255,190,85,.08);color:var(--steel-200);font-size:11.5px;line-height:1.48}.engagements-facelift .workforce-notice svg{width:15px;flex:none;color:var(--amber)}.engagements-facelift .workforce-notice b{color:var(--amber)}.engagements-facelift .workforce-hours{font-size:22px!important}.engagements-facelift .engagement-filters{display:grid;grid-template-columns:repeat(2,minmax(120px,.8fr)) minmax(190px,1.35fr) auto auto auto;gap:9px;align-items:end;margin:5px 0 11px}.engagements-facelift .engagement-filters label{display:grid;gap:4px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.engagements-facelift .engagement-filters input,.engagements-facelift .engagement-filters select{box-sizing:border-box;width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.58);color:var(--steel-100);font:inherit}.engagements-facelift .engagement-query{position:relative}.engagements-facelift .engagement-query svg{position:absolute;bottom:10px;left:9px;width:14px;color:var(--steel-300)}.engagements-facelift .engagement-query input{padding-left:30px}.engagements-facelift .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;white-space:nowrap}.engagements-facelift .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.engagements-facelift .btn.sm{min-height:31px;padding:0 9px;font-size:11px}.engagements-facelift .engagement-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;color:var(--steel-300);font-size:11px}.engagements-facelift .engagement-utility a{color:var(--cyan);font-weight:700;text-decoration:none}.engagements-facelift .scroller{overflow-x:auto}.engagements-facelift .engagement-table{width:100%;min-width:950px;border-collapse:collapse}.engagements-facelift .engagement-table th{padding:9px 8px;text-align:left;color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.engagements-facelift .engagement-table td{padding:11px 8px;border-top:1px solid var(--line);color:var(--steel-200);font-size:12px;vertical-align:middle}.engagements-facelift .engagement-table td>b,.engagements-facelift .engagement-table td>small,.engagements-facelift .assignee b,.engagements-facelift .assignee small{display:block}.engagements-facelift .engagement-table td>b,.engagements-facelift .assignee b{color:#fff;font-size:12.5px}.engagements-facelift .engagement-table small,.engagements-facelift .assignee small{margin-top:3px;color:var(--steel-300);font-size:10.5px}.engagements-facelift .assignee{display:inline-flex;align-items:center;gap:8px}.engagements-facelift .aav{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(150deg,var(--cyan-strong),var(--blue));color:#04101f;font-size:10px;font-weight:800}.engagements-facelift .engagement-classification{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(91,220,255,.13);color:var(--cyan);font-size:10px;font-weight:800}.engagements-facelift .right{text-align:right}.engagements-facelift .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:1060px){.engagements-facelift .engagement-filters{grid-template-columns:repeat(2,minmax(145px,1fr)) auto auto}.engagements-facelift .engagement-query{grid-column:1/-1}}@media(max-width:660px){.engagements-facelift .engagement-filters{grid-template-columns:1fr}.engagements-facelift .engagement-query{grid-column:auto}.engagements-facelift .engagement-filters .btn{width:100%}.engagements-facelift .engagement-utility{align-items:flex-start;flex-direction:column}}

/* Screen 25 — Timesheets */
.timesheets-facelift .workforce-notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 17px;padding:10px 12px;border:1px solid rgba(255,190,85,.3);border-radius:11px;background:rgba(255,190,85,.08);color:var(--steel-200);font-size:11.5px;line-height:1.48}.timesheets-facelift .workforce-notice svg{width:15px;flex:none;color:var(--amber)}.timesheets-facelift .workforce-notice b{color:var(--amber)}.timesheets-facelift .workforce-hours,.timesheets-facelift .workforce-money{font-size:22px!important}.timesheets-facelift .timesheet-filters{display:grid;grid-template-columns:repeat(3,minmax(120px,.8fr)) minmax(190px,1.25fr) auto auto;gap:9px;align-items:end;margin:5px 0 11px}.timesheets-facelift .timesheet-filters label{display:grid;gap:4px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.timesheets-facelift .timesheet-filters input,.timesheets-facelift .timesheet-filters select,.timesheets-facelift .timesheet-export input,.timesheets-facelift .timesheet-export select{box-sizing:border-box;width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.58);color:var(--steel-100);font:inherit}.timesheets-facelift .timesheet-query{position:relative}.timesheets-facelift .timesheet-query svg{position:absolute;bottom:10px;left:9px;width:14px;color:var(--steel-300)}.timesheets-facelift .timesheet-query input{padding-left:30px}.timesheets-facelift .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,11,23,.6);color:var(--steel-100);font:700 12px inherit;text-decoration:none;white-space:nowrap}.timesheets-facelift .btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 10px 22px rgba(64,104,232,.28)}.timesheets-facelift .btn.sm{min-height:31px;padding:0 9px;font-size:11px}.timesheets-facelift .timesheet-export{display:grid;grid-template-columns:minmax(220px,1fr) minmax(120px,.5fr) minmax(150px,.65fr) auto;gap:9px;align-items:end;margin:0 0 14px;padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(5,11,23,.35)}.timesheets-facelift .timesheet-export span b,.timesheets-facelift .timesheet-export span small{display:block}.timesheets-facelift .timesheet-export span b{color:#fff;font-size:12px}.timesheets-facelift .timesheet-export span small{margin-top:3px;color:var(--steel-300);font-size:10.5px}.timesheets-facelift .scroller{overflow-x:auto}.timesheets-facelift .timesheet-table{width:100%;min-width:1020px;border-collapse:collapse}.timesheets-facelift .timesheet-table th{padding:9px 8px;text-align:left;color:var(--steel-300);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.timesheets-facelift .timesheet-table td{padding:11px 8px;border-top:1px solid var(--line);color:var(--steel-200);font-size:12px;vertical-align:middle}.timesheets-facelift .timesheet-table b,.timesheets-facelift .timesheet-table small,.timesheets-facelift .assignee b,.timesheets-facelift .assignee small{display:block}.timesheets-facelift .timesheet-table b,.timesheets-facelift .assignee b{color:#fff;font-size:12.5px}.timesheets-facelift .timesheet-table small,.timesheets-facelift .assignee small{margin-top:3px;color:var(--steel-300);font-size:10.5px}.timesheets-facelift .assignee{display:inline-flex;align-items:center;gap:8px}.timesheets-facelift .aav{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(150deg,var(--violet),var(--blue));color:#fff;font-size:10px;font-weight:800}.timesheets-facelift .right{text-align:right}.timesheets-facelift .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.timesheets-facelift .overtime{color:var(--amber)}@media(max-width:1120px){.timesheets-facelift .timesheet-filters{grid-template-columns:repeat(3,minmax(130px,1fr)) auto auto}.timesheets-facelift .timesheet-query{grid-column:1/-1}}@media(max-width:700px){.timesheets-facelift .timesheet-filters,.timesheets-facelift .timesheet-export{grid-template-columns:1fr}.timesheets-facelift .timesheet-query{grid-column:auto}.timesheets-facelift .timesheet-filters .btn{width:100%}}

/* ============================================================
   ALPHASEC-UPLIFT-2026-08-09 — owner-approved elevated visual
   standard, ported from the mockup design system (_ds.css).
   Purely additive: no geometry, layout, or content changes, so
   every already-built screen inherits the depth at once.
   ============================================================ */

/* ---- KPI tiles: bevel depth + lift, instrument feel ---- */
.kpi{position:relative;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.kpi::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 80% at 50% -20%,rgba(91,220,255,.10),transparent 60%)}
.kpi:hover{transform:translateY(-2px);border-color:var(--line-strong);
  box-shadow:0 26px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.07)}
.kpi .val{text-shadow:0 0 22px rgba(91,220,255,.28);letter-spacing:-1px;font-variant-numeric:tabular-nums}
.kpi.good .val{text-shadow:0 0 22px rgba(51,214,159,.30)}
.kpi.alert .val,.kpi.attention .val{text-shadow:0 0 22px rgba(255,190,85,.28)}
.kpi .lab{opacity:.9}

/* ---- Cards: glowing corner brackets (command-centre cue) ---- */
.card{position:relative;background-clip:padding-box}
.card::before,.card::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:.85}
.card::before{top:-1px;left:-1px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);
  border-top-left-radius:16px;filter:drop-shadow(0 0 5px rgba(91,220,255,.7))}
.card::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);
  border-bottom-right-radius:16px;filter:drop-shadow(0 0 5px rgba(91,220,255,.7))}

/* ---- Glass surfaces + hover sheen ---- */
.card,.panel{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%)}
.card:hover{border-color:rgba(91,220,255,.3);
  box-shadow:0 28px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(91,220,255,.06)}
.card .head{position:relative}
.card .head::after{content:"";position:absolute;left:-18px;right:-18px;top:-18px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,220,255,.35),transparent);pointer-events:none}

/* ---- Live status dots: breathing pulse ---- */
.sdot.s-ok{box-shadow:0 0 0 0 rgba(51,214,159,.55);animation:dsPulse 2.6s ease-out infinite}
.sdot.s-warn{box-shadow:0 0 0 0 rgba(255,190,85,.5);animation:dsPulse 2.6s ease-out infinite}
.sdot.s-bad{box-shadow:0 0 0 0 rgba(255,93,108,.5);animation:dsPulse 1.6s ease-out infinite}
@keyframes dsPulse{70%{box-shadow:0 0 0 7px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}

/* ---- Tables: severity rail on row hover ---- */
.table tbody tr,table tbody tr{transition:background .14s ease, box-shadow .14s ease}
.table tbody tr:hover,table tbody tr:hover{box-shadow:inset 3px 0 0 var(--cyan)}

/* ---- Severity pills: faint glow so they read at a glance ---- */
.p-crit{box-shadow:0 0 12px rgba(255,93,108,.18)}
.p-high{box-shadow:0 0 12px rgba(255,190,85,.16)}
.p-res,.chip.good{box-shadow:0 0 12px rgba(51,214,159,.14)}

/* ---- Buttons: subtle lift + animated sheen on primary ---- */
.btn{transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{position:relative;overflow:hidden}
.btn.primary:hover{box-shadow:0 16px 40px rgba(64,104,232,.5)}
.btn.primary::after{content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 50%,transparent 75%);
  background-size:220% 100%;animation:dsSheen 4.5s ease-in-out infinite;pointer-events:none}
@keyframes dsSheen{0%,70%{background-position:180% 0}100%{background-position:-60% 0}}

/* ---- Sidebar active item: glowing left indicator ---- */
.nav{position:relative}
.nav.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 12px rgba(91,220,255,.8)}
.navlabel{opacity:.95}

/* ---- Inputs: responsive focus ring ---- */
.input:focus,.search:focus-within{border-color:var(--line-strong);
  box-shadow:0 0 0 4px rgba(91,220,255,.13);transition:box-shadow .16s ease,border-color .16s ease}

/* ---- Entrance: content settles in rather than snapping ---- */
@keyframes dsRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.content > *{animation:dsRise .5s cubic-bezier(.22,1,.36,1) both}
.content > *:nth-child(1){animation-delay:.02s}
.content > *:nth-child(2){animation-delay:.06s}
.content > *:nth-child(3){animation-delay:.10s}
.content > *:nth-child(4){animation-delay:.14s}
.content > *:nth-child(5){animation-delay:.18s}
.content > *:nth-child(n+6){animation-delay:.22s}

/* ---- Reusable 3D instrument gauge (opt-in per screen) ---- */
.ds-gauge{position:relative;display:inline-flex;flex-direction:column;align-items:center}
.ds-gauge svg{overflow:visible;filter:drop-shadow(0 0 12px rgba(91,220,255,.4))}
.ds-gauge .gv{position:absolute;top:50%;left:0;right:0;transform:translateY(-46%);text-align:center}
.ds-gauge .gv b{display:block;font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 16px rgba(91,220,255,.7)}
.ds-gauge .gv span{display:block;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel-300)}
.ds-tick{transform-origin:center;animation:dsSpin 18s linear infinite;opacity:.45}
.ds-tick.rev{animation-duration:26s;animation-direction:reverse;opacity:.3}
@keyframes dsSpin{to{transform:rotate(360deg)}}
@keyframes dsFill{from{stroke-dashoffset:339}}

/* ---- Optional depth band (perspective grid) ---- */
.ds-depth{position:relative;overflow:hidden;border-radius:16px}
.ds-depth>*{position:relative;z-index:1}
.ds-depth::before{content:"";position:absolute;left:-25%;right:-25%;bottom:-10%;height:60%;z-index:0;
  background-image:linear-gradient(rgba(91,220,255,.16) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(91,220,255,.13) 1px,transparent 1px);
  background-size:56px 34px;transform:perspective(500px) rotateX(74deg);transform-origin:50% 100%;
  animation:dsFloor 8s linear infinite;
  mask-image:linear-gradient(to top,#000 5%,transparent 85%);
  -webkit-mask-image:linear-gradient(to top,#000 5%,transparent 85%);opacity:.6}
@keyframes dsFloor{to{background-position:0 34px,56px 0}}

/* ---- Fine grain: kills banding on the big gradients ---- */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='.5'/></svg>")}

/* ---- Accessibility: honour reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .kpi,.btn,.table tbody tr,table tbody tr{transition:none!important}
  .sdot,.ds-tick,.ds-depth::before,.dot{animation:none!important}
  .kpi:hover,.btn:hover{transform:none!important}
  .content > *{animation:none!important}
  .btn.primary::after{animation:none!important;opacity:0}
}

/* ---- PRINT SAFETY — client reports print on branded letterhead.
       Screen decoration must never reach paper, and the entrance
       animation must never leave a printed page blank. ---- */
@media print{
  .content > *{animation:none!important;opacity:1!important;transform:none!important}
  body::after,.card::before,.card::after,.card .head::after,
  .btn.primary::after,.kpi::before,.ds-depth::before{display:none!important}
  .card,.panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .kpi .val,.ds-gauge .gv b{text-shadow:none!important}
  .sdot,.ds-tick{animation:none!important}
}

/* On-demand endpoint actions (Computers -> computer details) */
.endpoint-actions-card .endpoint-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:4px 0 14px}
.endpoint-actions-card .endpoint-action-grid form{display:flex;flex-direction:column;gap:6px}
.endpoint-actions-card .endpoint-action-grid .btn{width:100%}
.endpoint-actions-card .endpoint-action-grid small{color:var(--steel-300);font-size:11px;line-height:1.45}

/* Consent-first remote assistance inside the selected computer detail. */
.device-ops-facelift .remote-assist-panel{margin-top:16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.device-ops-facelift .remote-assist-panel .head{align-items:flex-start;margin-bottom:8px}
.device-ops-facelift .remote-assist-detail{margin:0;color:var(--steel-200);font-size:12px;line-height:1.55}
.device-ops-facelift .remote-assist-request-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:14px}
.device-ops-facelift .remote-assist-request-form label{display:grid;gap:6px;color:var(--steel-200);font-size:11px;font-weight:800;text-transform:uppercase}
.device-ops-facelift .remote-assist-request-form textarea{width:100%;min-height:66px;resize:vertical}
.device-ops-facelift .remote-assist-launch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:14px;padding:13px;border-left:3px solid var(--cyan);background:rgba(91,220,255,.06)}
.device-ops-facelift .remote-assist-launch b{color:#fff;font-size:13px}
.device-ops-facelift .remote-assist-launch p{margin:4px 0 0;color:var(--steel-300);font-size:11.5px;line-height:1.5}
.device-ops-facelift .remote-assist-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){.device-ops-facelift .remote-assist-request-form,.device-ops-facelift .remote-assist-launch{grid-template-columns:1fr}.device-ops-facelift .remote-assist-actions{justify-content:flex-start}.device-ops-facelift .remote-assist-actions .btn{flex:1 1 150px}}

/* Screen 19 Requests — pill palette and layout carried over from the approved mockup,
   scoped so these short class names cannot leak into other screens. */
.requests-facelift .req-title b{display:block;font-size:13.5px;line-height:1.3}
.requests-facelift .req-title .sub{color:var(--steel-300);font-size:11.5px;margin-top:3px}
.requests-facelift .pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.requests-facelift .p-onb{background:rgba(157,123,255,.16);color:#c3b0ff}
.requests-facelift .p-quote{background:rgba(91,220,255,.14);color:var(--cyan)}
.requests-facelift .p-support{background:rgba(51,214,159,.14);color:var(--green)}
.requests-facelift .p-change{background:rgba(255,190,85,.16);color:var(--amber)}
.requests-facelift .p-new{background:rgba(91,220,255,.14);color:var(--cyan)}
.requests-facelift .p-review{background:rgba(157,123,255,.16);color:#c3b0ff}
.requests-facelift .p-appr{background:rgba(51,214,159,.14);color:var(--green)}
.requests-facelift .p-conv{background:rgba(64,104,232,.2);color:#9db4ff}
.requests-facelift .p-decl{background:rgba(255,93,108,.16);color:#ff9aa4}
.requests-facelift .rowacts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.requests-facelift .tablewrap{overflow-x:auto}
.requests-facelift .tablewrap table{min-width:920px}
.requests-facelift .signoff{display:inline-flex;align-items:center;gap:5px;color:var(--steel-300);font-size:11px}
.requests-facelift .signoff svg{width:11px;height:11px}

/* Screen 18 simple computer view */
.simple-computer-view .computer-view-switch{display:inline-flex;gap:3px;margin:0 0 18px;padding:4px;border:1px solid var(--line);border-radius:8px;background:rgba(5,11,23,.54)}
.simple-computer-view .computer-view-option{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:var(--steel-300);font-size:12px;font-weight:800;text-decoration:none}
.simple-computer-view .computer-view-option:hover,.simple-computer-view .computer-view-option:focus-visible{color:#fff;background:rgba(91,220,255,.1)}
.simple-computer-view .computer-view-option.is-active{color:#03101f;background:var(--cyan)}
.simple-computer-view .simple-computer-filter-card{padding-bottom:15px}
.simple-computer-view .simple-computer-filter-card h2{margin:0;color:#fff;font-size:16px}
.simple-computer-view .simple-computer-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(190px,1.3fr) auto auto;gap:10px;align-items:end}
.simple-computer-view .simple-computer-filters label{display:flex;flex-direction:column;gap:5px;color:var(--steel-300);font-size:10.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.simple-computer-view .simple-computer-filters select,.simple-computer-view .simple-computer-filters input{min-width:0;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#0a1526;color:var(--steel-100);font:600 12px inherit}
.simple-computer-view .simple-computer-query{position:relative}
.simple-computer-view .simple-computer-query svg{position:absolute;left:10px;bottom:12px;width:15px;color:var(--steel-300);pointer-events:none}
.simple-computer-view .simple-computer-query input{padding-left:32px}
.simple-computer-view .simple-computer-filters .btn{min-height:40px;white-space:nowrap}
.simple-computer-view .simple-computer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}
.simple-computer-view .simple-computer-card{display:flex;flex-direction:column;min-height:260px;margin:0;padding:17px}
.simple-computer-view .simple-computer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.simple-computer-view .simple-computer-heading h2{margin:0;font-size:17px;line-height:1.25}
.simple-computer-view .simple-computer-heading h2 a{color:#fff;text-decoration:none;overflow-wrap:anywhere}
.simple-computer-view .simple-computer-heading h2 a:hover,.simple-computer-view .simple-computer-heading h2 a:focus-visible{color:var(--cyan);text-decoration:underline}
.simple-computer-view .simple-computer-heading p{margin:5px 0 0;color:var(--steel-300);font-size:12px}
.simple-computer-view .simple-computer-health{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border:1px solid transparent;border-radius:5px;white-space:nowrap;font-size:11px;font-weight:800}
.simple-computer-view .simple-computer-health--protected{border-color:rgba(51,214,159,.35);background:rgba(51,214,159,.13);color:var(--green)}
.simple-computer-view .simple-computer-health--needs-look{border-color:rgba(255,190,85,.35);background:rgba(255,190,85,.12);color:var(--amber)}
.simple-computer-view .simple-computer-health--at-risk{border-color:rgba(255,93,108,.4);background:rgba(255,93,108,.12);color:#ff9aa4}
.simple-computer-view .simple-computer-health--not-reported{border-color:var(--line);background:rgba(148,163,184,.12);color:var(--steel-200)}
.simple-computer-view .simple-computer-reason{min-height:39px;margin:14px 0;color:var(--steel-200);font-size:12px;line-height:1.55}
.simple-computer-view .simple-computer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
.simple-computer-view .simple-computer-actions form{display:contents}
.simple-computer-view .simple-computer-actions .btn{min-height:44px;width:100%;padding:8px;font-size:12px}
.simple-computer-view .simple-computer-actions .btn[disabled]{opacity:.55;cursor:not-allowed}
.simple-computer-view .simple-computer-action-note{margin:10px 0 0;color:var(--steel-300);font-size:11px;line-height:1.45}
.simple-computer-view .simple-computer-requests{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.simple-computer-view .simple-computer-requests p{display:flex;justify-content:space-between;gap:10px;margin:0;color:var(--steel-200);font-size:11px;line-height:1.4}
.simple-computer-view .simple-computer-requests span{color:var(--steel-300);text-align:right}
@media(max-width:1080px){.simple-computer-view .simple-computer-filters{grid-template-columns:repeat(3,minmax(140px,1fr)) 1fr}.simple-computer-view .simple-computer-query{grid-column:1/-1}.simple-computer-view .simple-computer-filters .btn{width:100%}}
@media(max-width:640px){.simple-computer-view .simple-computer-filters{grid-template-columns:1fr}.simple-computer-view .simple-computer-query{grid-column:auto}.simple-computer-view .simple-computer-filters .btn{width:100%}.simple-computer-view .simple-computer-heading{flex-direction:column}.simple-computer-view .simple-computer-requests p{flex-direction:column;gap:3px}.simple-computer-view .simple-computer-requests span{text-align:left}}

/* Standalone printable documents (BAA, FERPA) have no sidebar, so they need their own
   way back — and it must never reach paper. These print on branded letterhead for
   compliance; a navigation bar on a signed agreement would be an embarrassment. */
.doc-back{display:flex;gap:10px;align-items:center;padding:14px 22px;
  border-bottom:1px solid var(--line);background:rgba(5,11,23,.5)}
.doc-back a,.doc-back button{display:inline-flex;align-items:center;padding:7px 14px;
  border:1px solid var(--line);border-radius:8px;background:rgba(5,11,23,.6);
  color:var(--cyan);font:700 11.5px inherit;text-decoration:none;cursor:pointer}
.doc-back a:hover,.doc-back button:hover{border-color:var(--line-strong)}
@media print{.doc-back,.no-print{display:none!important}}