/* Operator settings share the established Bodure commerce tokens. */
.operator-main{--commerce-muted:#626c62;--operator-error:#9e3930;--operator-error-soft:#fcf1ee;--operator-success-soft:var(--commerce-sage);overflow-wrap:anywhere}
.operator-page-heading{margin:0 0 28px;max-width:820px}
.operator-eyebrow{margin:0 0 8px;color:var(--commerce-muted);font-size:11px;font-weight:600}
.operator-page-heading h1{margin:0 0 10px;font-size:30px;font-weight:650;line-height:1.3}
.operator-page-heading>p:last-child{margin:0;color:var(--commerce-muted);font-size:13px;line-height:1.7}
.operator-panel{padding:28px;border:1px solid var(--commerce-line);border-radius:8px;background:var(--commerce-surface)}
.chatgpt-connection{max-width:820px}
.operator-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.operator-panel-heading h2{margin:0;font-size:18px;font-weight:600;color:var(--commerce-ink)}
.operator-state{padding:6px 10px;border-radius:5px;background:var(--commerce-paper);color:var(--commerce-muted);font-size:11px;font-weight:600}
.operator-state.is-connected{background:var(--commerce-sage);color:var(--commerce-green)}
.operator-facts{display:grid;grid-template-columns:130px minmax(0,1fr);margin:0 0 24px;gap:0}
.operator-facts dt,.operator-facts dd{padding:13px 0;margin:0;border-bottom:1px solid var(--commerce-line);font-size:13px;line-height:1.6}
.operator-facts dt{color:var(--commerce-muted);font-weight:500}.operator-facts dd{color:var(--commerce-ink);overflow-wrap:anywhere}
.operator-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid var(--commerce-line);border-radius:5px;background:var(--commerce-surface);color:var(--commerce-green)!important;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer}
.operator-button:hover{background:var(--commerce-sage)}
.operator-button.is-primary{background:var(--commerce-green);color:var(--commerce-surface)!important;border-color:var(--commerce-green)}
.operator-button.is-primary:hover{background:var(--commerce-dark);border-color:var(--commerce-dark)}
.operator-button.is-danger{color:var(--operator-error)!important}.operator-button.is-danger:hover{background:var(--operator-error-soft)}
.operator-button:focus-visible,.operator-main a:focus-visible,.operator-main input:focus-visible,.operator-main select:focus-visible,.operator-main textarea:focus-visible{outline:2px solid var(--commerce-green);outline-offset:3px}
.operator-help{margin:12px 0 22px;color:var(--commerce-muted);font-size:12px;line-height:1.7}
.operator-notice{padding:14px 16px;margin:0 0 20px;border-radius:5px;font-size:12px;line-height:1.7}
.operator-notice.is-success{background:var(--operator-success-soft);color:var(--commerce-green)}
.operator-notice.is-error{background:var(--operator-error-soft);color:var(--operator-error)}
.operator-panel-footer{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid var(--commerce-line);font-size:12px}
.operator-panel-footer a{display:inline-flex;align-items:center;min-height:36px}
.operator-login{padding:20px;margin-bottom:18px;background:var(--commerce-sage);border:1px solid var(--commerce-line);border-radius:6px}
.operator-login-code{font:600 26px/1.5 ui-monospace,monospace;letter-spacing:.12em}
/* Legacy administrative forms keep their data and handlers inside the shared shell. */
.operator-main .text-slate-900,.operator-main .text-gray-900{color:var(--commerce-ink)!important}
.operator-main .text-slate-500,.operator-main .text-slate-600,.operator-main .text-gray-500{color:var(--commerce-muted)!important}
.operator-main .text-indigo-600,.operator-main .text-indigo-700,.operator-main .text-sky-700,.operator-main .text-sky-900{color:var(--commerce-green)!important}
.operator-main .bg-indigo-50,.operator-main .bg-sky-50{background:var(--commerce-sage)!important}
.operator-main .bg-slate-50,.operator-main .bg-white{background:var(--commerce-surface)!important}
.operator-main .border-indigo-200,.operator-main .border-sky-200{border-color:var(--commerce-line)!important}
.operator-main h1{font-size:30px;line-height:1.3}
.operator-main .border-slate-200,.operator-main .border-gray-200{border-color:var(--commerce-line)!important}
.operator-main .bg-sky-700,.operator-main .bg-blue-600,.operator-main .bg-indigo-600,.operator-main button.bg-slate-900{background:var(--commerce-green)!important;color:var(--commerce-surface)!important}
.operator-main a.bg-sky-700,.operator-main a.bg-blue-600,.operator-main a.bg-indigo-600{color:var(--commerce-surface)!important}
.operator-main input,.operator-main select,.operator-main textarea{max-width:100%}
.operator-main .table-responsive{overflow-x:auto;max-width:100%}
.operator-main pre{max-width:100%;overflow:auto}
@media(max-width:600px){.operator-panel{padding:20px 16px}.operator-panel-heading{align-items:flex-start;flex-wrap:wrap}.operator-page-heading h1{font-size:27px}.operator-facts{grid-template-columns:100px minmax(0,1fr)}}