:root {
  --simple-panel: color-mix(in srgb, var(--ink, #08111f) 92%, #14263a);
  --simple-line: rgba(147, 183, 204, .17);
  --simple-muted: #9fb0c3;
}

.operator-header {
  position: sticky;
  top: 0;
  z-index: 80;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.operator-header-actions,
.admin-mode-switch {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin-mode-switch {
  padding: 4px;
  border: 1px solid rgba(145, 177, 197, .2);
  border-radius: 999px;
  background: rgba(5, 13, 23, .58);
}

.admin-mode-switch button {
  min-height: 32px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  color: #92a5b8;
  background: transparent;
  font: 750 11px/1 inherit;
  letter-spacing: .06em;
}

.admin-mode-switch button[aria-pressed="true"] {
  color: #061119;
  background: #eaf8f5;
  box-shadow: 0 6px 22px rgba(57, 230, 189, .14);
}

.operator-home {
  display: grid;
  gap: 24px;
  margin-bottom: 28px;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid var(--simple-line);
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 4%, rgba(57, 230, 189, .1), transparent 34%),
    radial-gradient(circle at 96% 0%, rgba(90, 217, 255, .1), transparent 30%),
    linear-gradient(145deg, rgba(12, 24, 38, .98), rgba(5, 13, 23, .99));
  box-shadow: 0 34px 90px rgba(0, 0, 0, .24);
}

.operator-home > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 310px);
  gap: 28px;
  align-items: end;
}

.operator-home header > div > span,
.operator-today > div > span,
.operator-next-card > span,
.simple-focus-bar small {
  color: var(--mint, #39e6bd);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .16em;
}

.operator-home h1 {
  margin: 10px 0 8px;
  color: #f4f8fc;
  font-size: clamp(32px, 5vw, 58px);
  line-height: .98;
  letter-spacing: -.052em;
}

.operator-home h1 em {
  color: transparent;
  background: linear-gradient(100deg, var(--mint, #39e6bd), var(--cyan, #5ad9ff));
  background-clip: text;
  -webkit-background-clip: text;
  font-style: normal;
}

.operator-home header p {
  max-width: 720px;
  margin: 0;
  color: var(--simple-muted);
  font-size: 16px;
  line-height: 1.6;
}

.operator-home-preview {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 116px;
  padding: 22px 54px 22px 22px;
  border: 1px solid rgba(90, 217, 255, .23);
  border-radius: 22px;
  color: #dff8ff;
  text-decoration: none;
  background: rgba(90, 217, 255, .065);
}

.operator-home-preview span { color: #75b8cb; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.operator-home-preview b { font-size: 18px; line-height: 1.2; }
.operator-home-preview i { position: absolute; right: 20px; top: 50%; translate: 0 -50%; font-size: 25px; font-style: normal; }

.operator-home-status {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--simple-line);
  border-radius: 22px;
  background: rgba(1, 8, 15, .34);
}

.operator-home-status article { display: grid; gap: 4px; padding: 20px 22px; border-right: 1px solid var(--simple-line); }
.operator-home-status article:last-child { border-right: 0; }
.operator-home-status span { color: #7890a6; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.operator-home-status b { color: #f4f8fc; font-size: 30px; letter-spacing: -.04em; }
.operator-home-status small { color: #8094a7; }

.operator-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
  gap: 22px;
}

.operator-today,
.operator-next-card {
  padding: 26px;
  border: 1px solid var(--simple-line);
  border-radius: 24px;
  background: rgba(2, 10, 18, .42);
}

.operator-today h2,
.operator-next-card h2 { margin: 7px 0; color: #f4f8fc; font-size: 24px; letter-spacing: -.025em; }
.operator-today p,
.operator-next-card p { margin: 0; color: var(--simple-muted); line-height: 1.55; }

.operator-quick-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.operator-quick-actions a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 13px 15px;
  border: 1px solid var(--simple-line);
  border-radius: 18px;
  color: #e6edf5;
  text-decoration: none;
  background: rgba(255, 255, 255, .025);
  transition: border-color .18s ease, translate .18s ease, background .18s ease;
}

.operator-quick-actions a:hover { translate: 0 -2px; border-color: rgba(90, 217, 255, .35); background: rgba(90, 217, 255, .06); }
.operator-quick-actions a.primary { border-color: rgba(57, 230, 189, .3); background: rgba(57, 230, 189, .07); }
.operator-quick-actions i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--mint, #39e6bd); background: rgba(57, 230, 189, .09); font-size: 19px; font-style: normal; }
.operator-quick-actions span { display: grid; gap: 3px; }
.operator-quick-actions b { font-size: 14px; }
.operator-quick-actions small { color: #8397aa; line-height: 1.3; }
.operator-quick-actions em { color: #6f879c; font-size: 20px; font-style: normal; }

.operator-next-card { display: flex; flex-direction: column; align-items: flex-start; background: linear-gradient(160deg, rgba(57, 230, 189, .09), rgba(4, 12, 21, .56)); }
.operator-next-card a { display: flex; justify-content: space-between; gap: 35px; width: 100%; margin-top: 24px; padding: 15px 17px; border-radius: 15px; color: #04120f; background: var(--mint, #39e6bd); font-weight: 850; text-decoration: none; }
.operator-next-card > small { margin-top: 14px; color: #768fa2; line-height: 1.45; }

.operator-home > footer {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding-top: 2px;
}
.operator-home > footer > span { display: grid; grid-template-columns: 12px auto; column-gap: 10px; align-items: center; }
.operator-home > footer i { grid-row: span 2; width: 10px; height: 10px; border-radius: 50%; background: #ffca80; box-shadow: 0 0 18px rgba(255, 202, 128, .5); }
.operator-home > footer b { color: #dbe5ee; font-size: 13px; }
.operator-home > footer small { color: #7f93a6; }
.operator-home > footer button,
.simple-focus-bar button { border: 1px solid var(--simple-line); border-radius: 12px; color: #a8bbcc; background: rgba(255,255,255,.025); padding: 11px 14px; font-weight: 750; }

.simple-focus-bar {
  position: sticky;
  top: 84px;
  z-index: 70;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding: 12px 15px;
  border: 1px solid rgba(90, 217, 255, .2);
  border-radius: 17px;
  background: rgba(7, 17, 29, .93);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px);
}
.simple-focus-bar:not([hidden]) { display: grid; }
.simple-focus-bar span { display: grid; gap: 2px; }
.simple-focus-bar b { color: #eff7fb; font-size: 15px; }

.operator-knowledge-ui {
  display: grid;
  gap: 22px;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--simple-line);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(10, 23, 37, .98), rgba(4, 12, 21, .99));
}

.operator-knowledge-ui > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
}
.operator-knowledge-ui > header > div > span,
.knowledge-form-intro > span,
.operator-knowledge-list-wrap > div > span { color: var(--mint, #39e6bd); font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.operator-knowledge-ui h2 { max-width: 850px; margin: 8px 0; color: #f4f8fc; font-size: clamp(27px, 4vw, 43px); line-height: 1.03; letter-spacing: -.04em; }
.operator-knowledge-ui > header p { max-width: 850px; margin: 0; color: var(--simple-muted); line-height: 1.6; }
.operator-knowledge-ui > header aside { display: grid; min-width: 190px; padding: 18px 20px; border: 1px solid rgba(57,230,189,.2); border-radius: 18px; background: rgba(57,230,189,.055); }
.operator-knowledge-ui > header aside b { color: #eefbf8; font-size: 30px; }
.operator-knowledge-ui > header aside span { color: var(--mint,#39e6bd); font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.operator-knowledge-ui > header aside small { margin-top: 4px; color: #8098a9; }

.operator-knowledge-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); gap: 18px; }
.operator-knowledge-layout > form,
.operator-knowledge-list-wrap { padding: 24px; border: 1px solid var(--simple-line); border-radius: 22px; background: rgba(2, 9, 17, .45); }
.knowledge-form-intro h3,
.operator-knowledge-list-wrap h3 { margin: 6px 0; color: #edf4f9; font-size: 20px; }
.knowledge-form-intro p { margin: 0 0 18px; color: #879bad; line-height: 1.5; }
.operator-knowledge-layout label { display: grid; gap: 7px; margin-top: 13px; color: #b9c8d5; font-size: 12px; font-weight: 750; }
.operator-knowledge-layout input,
.operator-knowledge-layout select,
.operator-knowledge-layout textarea { width: 100%; border: 1px solid rgba(146,180,201,.2); border-radius: 13px; color: #eef5f9; background: rgba(255,255,255,.035); padding: 12px 13px; font: inherit; font-weight: 550; }
.operator-knowledge-layout textarea { resize: vertical; line-height: 1.5; }
.operator-knowledge-layout label small { color: #71879b; font-weight: 500; line-height: 1.4; }
.knowledge-form-row { display: grid; grid-template-columns: 1.2fr 1fr .8fr; gap: 10px; }
.knowledge-confirm { grid-template-columns: 20px 1fr !important; align-items: start; padding: 12px; border: 1px solid rgba(57,230,189,.16); border-radius: 13px; background: rgba(57,230,189,.04); }
.knowledge-confirm input { width: 18px; margin-top: 1px; }
.operator-knowledge-layout form > button { display: flex; justify-content: space-between; width: 100%; margin-top: 16px; padding: 14px 16px; border: 0; border-radius: 14px; color: #04120f; background: var(--mint,#39e6bd); font-weight: 850; }
.operator-knowledge-layout form > button:disabled { opacity: .48; cursor: not-allowed; }
[data-knowledge-link-status] { min-height: 20px; margin: 10px 0 0; color: #87a0b2; font-size: 12px; }
.operator-knowledge-list-wrap { display: flex; flex-direction: column; }
.operator-knowledge-list-wrap > div:first-child { display: grid; grid-template-columns: 1fr auto; }
.operator-knowledge-list-wrap > div:first-child > span { grid-column: 1; }
.operator-knowledge-list-wrap > div:first-child > h3 { grid-column: 1; }
.operator-knowledge-list-wrap > div:first-child > button { grid-column: 2; grid-row: 1 / span 2; width: 38px; height: 38px; border: 1px solid var(--simple-line); border-radius: 12px; color: #9ab0c2; background: rgba(255,255,255,.025); }
.operator-knowledge-list { display: grid; gap: 9px; margin-top: 16px; }
.operator-knowledge-list > p { color: #7e93a6; }
.knowledge-link-card { display: grid; grid-template-columns: 12px minmax(0,1fr) auto; gap: 11px; align-items: start; padding: 14px; border: 1px solid var(--simple-line); border-radius: 15px; background: rgba(255,255,255,.02); }
.knowledge-link-card > i { width: 9px; height: 9px; margin-top: 5px; border-radius: 50%; background: #ffca80; }
.knowledge-link-card[data-status="ready"] > i { background: var(--mint,#39e6bd); box-shadow: 0 0 12px rgba(57,230,189,.45); }
.knowledge-link-card span { display: grid; gap: 3px; min-width: 0; }
.knowledge-link-card b { color: #eaf2f7; }
.knowledge-link-card small { overflow: hidden; color: #7890a3; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-link-card em { color: #8ca0b2; font-size: 10px; font-style: normal; font-weight: 850; letter-spacing: .08em; }
.operator-knowledge-list-wrap > footer { display: flex; gap: 10px; margin-top: auto; padding-top: 18px; color: #758b9e; font-size: 11px; line-height: 1.45; }
.operator-knowledge-list-wrap > footer i { flex: 0 0 9px; width: 9px; height: 9px; margin-top: 3px; border-radius: 50%; background: var(--cyan,#5ad9ff); }

body[data-admin-mode="simple"][data-focus-active="true"] .operator-home { display: none; }
body[data-admin-mode="simple"] .console > :not(.operator-home):not(.simple-focus):not(.simple-focus-parent):not(.simple-focus-bar) { display: none !important; }
body[data-admin-mode="simple"][data-focus-active="true"] .simple-focus-parent > :not(.simple-focus):not(.simple-focus-parent) { display: none !important; }
body[data-admin-mode="simple"] .simple-focus { margin-top: 0 !important; }
body[data-admin-mode="advanced"] .operator-home { display: none; }
body[data-admin-mode="advanced"] .simple-focus-bar { display: none !important; }

@media (max-width: 900px) {
  .operator-header .privacy { display: none; }
  .operator-home > header,
  .operator-home-grid { grid-template-columns: 1fr; }
  .operator-home-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operator-knowledge-ui > header,
  .operator-knowledge-layout { grid-template-columns: 1fr; }
  .operator-home-status article:nth-child(2) { border-right: 0; }
  .operator-home-status article:nth-child(-n+2) { border-bottom: 1px solid var(--simple-line); }
}

@media (max-width: 620px) {
  .operator-header { padding-inline: 13px; }
  .operator-header .brand > span:last-child { display: none; }
  .operator-header .brand { flex: 0 0 auto; }
  .operator-header-actions { gap: 6px; }
  .current-role { display: none !important; }
  .admin-mode-switch button { padding: 0 9px; }
  .operator-header [data-logout] { display: grid; place-items: center; width: 36px; min-width: 36px; height: 36px; padding: 0; overflow: hidden; color: transparent; font-size: 0; }
  .operator-header [data-logout]::after { content: "↪"; color: #aebdca; font-size: 18px; }
  .operator-home { padding: 20px; border-radius: 22px; }
  .operator-home-status,
  .operator-quick-actions { grid-template-columns: 1fr; }
  .operator-home-status article { border-right: 0; border-bottom: 1px solid var(--simple-line); }
  .operator-home-status article:last-child { border-bottom: 0; }
  .operator-home > footer { align-items: flex-start; flex-direction: column; }
  .knowledge-form-row { grid-template-columns: 1fr; }
  .simple-focus-bar { top: 70px; grid-template-columns: auto 1fr; }
  .simple-focus-bar > button:last-child { display: none; }
}