body:has(#operator-screen:not([hidden])) .app-tabs { display: none; }
.operator-screen .account-header { margin-bottom: 22px; }
.operator-form { display: grid; gap: 14px; }
.operator-form label { display: grid; gap: 7px; color: var(--cs-text-muted); font: 500 11px/1.3 "IBM Plex Mono", monospace; letter-spacing: .08em; }
.operator-form :is(input, textarea) { width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid var(--cs-border-control); border-radius: 8px; background: var(--cs-surface-raised); color: var(--cs-text); caret-color: var(--cs-accent); font: 400 15px/1.35 "IBM Plex Sans", sans-serif; letter-spacing: 0; resize: vertical; }
.operator-form :is(input, textarea):focus { outline: none; border-color: var(--cs-text-faint); }
.operator-form > button { min-height: 48px; border-radius: 8px; font: 600 14px/1.2 "IBM Plex Sans", sans-serif; letter-spacing: 0; text-transform: none; }
.operator-status { color: var(--cs-text-muted); font-size: 13px; line-height: 1.5; }
.operator-status:empty { display: none; }
.operator-code-result { margin-top: 22px; padding: 18px; border: 1px solid var(--cs-border-card); border-radius: 10px; background: var(--cs-surface); }
.operator-code-result .section-number { color: var(--cs-text-muted); }
.operator-code-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.operator-code-row code { min-width: 0; color: var(--cs-text); font: 500 clamp(19px, 6vw, 30px)/1.3 "IBM Plex Mono", monospace; overflow-wrap: anywhere; }
.operator-code-row button { min-height: 44px; border-radius: 8px; font: 600 13px/1.2 "IBM Plex Sans", sans-serif; letter-spacing: 0; text-transform: none; }
.operator-code-result > p:last-of-type { color: var(--cs-text-2); font-size: 13px; line-height: 1.5; }
.operator-code-result a { display: inline-flex; min-height: 44px; align-items: center; max-width: 100%; color: var(--cs-accent); overflow-wrap: anywhere; }
.operator-row { display: grid; gap: 5px; padding: 17px 0; border-bottom: 1px solid var(--cs-divider); }
.operator-row:last-child { border-bottom: 0; }
.operator-row-heading { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; justify-content: space-between; }
.operator-row strong { min-width: 0; color: var(--cs-text); font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.operator-row .operator-state { color: var(--cs-text-2); font-size: 13px; }
.operator-row p { margin: 0; color: var(--cs-text-muted); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.operator-row button { justify-self: start; margin-top: 4px; min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: var(--cs-danger); font: 600 13px/1.2 "IBM Plex Sans", sans-serif; letter-spacing: 0; text-transform: none; }
.operator-row button:hover { background: transparent; color: var(--cs-danger-hover); }
.operator-row-actions { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.operator-row .operator-invite-action, .operator-row .operator-invite-action:hover { color: var(--cs-text); }