/* Administrative content only. The shell and PS editor keep their own rules. */
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]){
  color:var(--workspace-text);
  --gray:var(--workspace-muted);
  --muted:var(--workspace-muted);
}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(.card,.stat-card){
  background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text);box-shadow:none;
}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(h2,h3,strong,.stat-num,.perm-item){color:var(--workspace-text)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(.page-desc,.stat-label,.perm-group-title){color:var(--workspace-muted)}
/* style.css paints the cells themselves on hover; overriding the row alone misses it. */
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) table.list th{
  background:var(--workspace-raised);color:var(--workspace-muted);border-color:var(--workspace-border);
}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) table.list td{
  background:transparent;color:var(--workspace-text);border-color:var(--workspace-border);
}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) table.list tr:hover td{background:var(--workspace-hover)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(input,select,textarea){border-color:var(--workspace-border);accent-color:var(--workspace-accent)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(input,select,textarea,.btn):focus-visible{outline:2px solid var(--workspace-focus);outline-offset:2px;box-shadow:none}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) .btn.secondary:hover{background:var(--workspace-hover);border-color:var(--workspace-focus);color:var(--workspace-text)}
body:not(.is-editor) .tab-pane[data-module=admin] [data-skill-filter][aria-pressed=true]{background:var(--workspace-accent);border-color:var(--workspace-accent);color:var(--workspace-accent-text)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(.perm-chip,.badge.gray,.import-report){background:var(--workspace-raised);color:var(--workspace-muted);border-color:var(--workspace-border)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(.badge.blue,.notice.info){background:var(--workspace-info-bg);color:var(--workspace-info);border-color:var(--workspace-info-border)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(.badge.green,.notice.ok){background:var(--workspace-success-bg);color:var(--workspace-success);border-color:var(--workspace-success-border)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) :is(.badge.orange,.notice.warn){background:var(--workspace-warning-bg);color:var(--workspace-warning);border-color:var(--workspace-warning-border)}
body:not(.is-editor) .tab-pane:is([data-module=menus],[data-module=roles],[data-module=usage],[data-module=admin],[data-module=users],[data-module=history],[data-module=me]) .badge.red{background:var(--workspace-danger-bg);color:var(--workspace-danger);border-color:var(--workspace-danger-border)}
body:not(.is-editor) .tab-pane[data-module=admin] .switch{background:var(--workspace-border)}
body:not(.is-editor) .tab-pane[data-module=admin] .switch.on{background:var(--workspace-success-border)}
body:not(.is-editor) .tab-pane[data-module=admin] .switch:after{background:var(--workspace-text)}
body:not(.is-editor) .tab-pane[data-module=admin] :is(#adminSkillPreview pre,#adminSkillEditor textarea){background:var(--workspace-bg);border-color:var(--workspace-border);color:var(--workspace-text)}

/* Shared administration rhythm, based on role management. Scope every rule to
   an administration pane; creative canvases and the personal library are separate. */
body:not(.is-editor) .container:has(>.tab-pane.active:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus])),
body:not(.is-editor) .container:has(>.tab-pane.active>.ml-root[data-ml-admin=true]) {
  --admin-page-gutter:24px;
  width:100%;max-width:none;min-width:0;margin:0;
  padding:24px var(--admin-page-gutter) 40px;box-sizing:border-box;
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]),
body:not(.is-editor) .tab-pane>.ml-root[data-ml-admin=true] {
  --admin-radius:10px;--admin-control-radius:7px;
  color:var(--workspace-text);font-size:14px;line-height:1.6;min-width:0;
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=admin],[data-module=roles]) :is(.pc-page,.btm-page,.bm-page,.skill-admin,.rm-root),
body:not(.is-editor) .tab-pane>.ml-root[data-ml-admin=true] {
  width:100%;max-width:none;margin:0;padding:0 0 8px;min-width:0;box-sizing:border-box;
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.pc-heading,.btm-heading,.bm-heading,.sa-page-head,.rm-page-header),
.ml-root[data-ml-admin=true] .ml-header {
  margin:0 0 20px;gap:16px;align-items:flex-start;
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.pc-heading h1,.btm-heading h1,.bm-heading h1,.sa-page-head .page-title,.rm-page-header h2,h2.page-title),
.ml-root[data-ml-admin=true] .ml-header h2 {
  font-size:24px;font-weight:700;line-height:1.4;letter-spacing:-.3px;margin:0 0 7px;color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.pc-heading p,.btm-heading p,.bm-heading p,.rm-page-header p,.page-desc),
.ml-root[data-ml-admin=true] .ml-subtitle {
  font-size:13px;line-height:1.7;color:var(--workspace-muted);max-width:960px;
}
body:not(.is-editor) .tab-pane:is([data-module=users],[data-module=usage],[data-module=menus])>.page-desc {margin:0 0 20px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=admin]) :is(.pc-eyebrow,.btm-eyebrow,.bm-eyebrow,.sa-eyebrow) {
  font-size:11px;line-height:1.5;letter-spacing:.2px;margin:0 0 5px;color:var(--workspace-muted);
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.card,.stat-card,.pc-list-card,.btm-list,.bm-list-card,.rm-table-scroll,.pc-stats>div,.bm-stats>div,.sa-stat),
.ml-root[data-ml-admin=true] :is(.ml-panel,.ml-table-wrap,.ml-desktop-task,.ml-pair-card,.ml-folder,.ml-team-item) {
  border:1px solid var(--workspace-border);border-radius:10px;background:var(--workspace-surface);box-shadow:none;color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane:is([data-module=users],[data-module=usage],[data-module=menus])>.card {margin-bottom:16px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .card {padding:20px;margin-bottom:16px;border-radius:10px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-workflow-import {padding-block:0}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-workflow-import[open] {padding-bottom:20px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-table-wrap {margin-inline:-20px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-table :is(th,td):first-child {padding-left:20px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-table :is(th,td):last-child {padding-right:20px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=brands],[data-module=admin]) :is(.pc-stats,.bm-stats,.sa-stats) {gap:12px;margin-bottom:18px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=brands],[data-module=admin]) :is(.pc-stats>div,.bm-stats>div,.sa-stat),
body:not(.is-editor) .tab-pane[data-module=usage] .stat-card {padding:16px 18px;min-width:0;text-align:left}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=brands],[data-module=admin]) :is(.pc-stats strong,.bm-stats strong,.sa-stat strong),
body:not(.is-editor) .tab-pane[data-module=usage] .stat-num {overflow-wrap:anywhere;font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=brands],[data-module=admin]) :is(.pc-stats span,.bm-stats span,.sa-stat span),
body:not(.is-editor) .tab-pane[data-module=usage] .stat-label {font-size:12px;color:var(--workspace-muted)}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands]) :is(.pc-filters,.btm-filters,.bm-filters) {padding:16px;gap:10px}
body:not(.is-editor) .tab-pane[data-module=roles] .rm-toolbar {gap:12px;margin-bottom:16px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin :is(.sa-stats,.sa-library-toolbar,.sa-section-head) {margin-bottom:16px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.btn,.rm-button),
.ml-root[data-ml-admin=true] .ml-btn {
  min-height:34px;padding:6px 13px;border-radius:7px;font-size:13px;line-height:1.4;font-weight:500;
  box-shadow:none;transform:none;transition:background .12s,border-color .12s;color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) .btn:not(.secondary):not(.ghost):not(.danger),
body:not(.is-editor) .tab-pane[data-module=roles] .rm-button.primary,
.ml-root[data-ml-admin=true] .ml-btn-primary {
  background:var(--workspace-accent);border-color:var(--workspace-accent);color:var(--workspace-accent-text);
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.btn.secondary,.rm-button:not(.primary)),
.ml-root[data-ml-admin=true] .ml-btn:not(.ml-btn-primary) {
  background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.btn.secondary,.rm-button:not(.primary)):hover:enabled,
.ml-root[data-ml-admin=true] .ml-btn:not(.ml-btn-primary):hover:enabled {background:var(--workspace-soft);border-color:var(--workspace-border);transform:none;box-shadow:none}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.btn.small,.rm-row-actions .rm-button),
.ml-root[data-ml-admin=true] .ml-btn-small {min-height:30px;padding:5px 10px;font-size:12px}
body:not(.is-editor) .tab-pane[data-module=roles] .rm-segment .rm-button {min-height:30px;padding:5px 16px;background:transparent;border-color:transparent}
body:not(.is-editor) .tab-pane[data-module=roles] .rm-segment .rm-button[aria-pressed=true] {background:var(--workspace-surface);border-color:var(--workspace-border)}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-scope-tabs .btn {background:transparent;border-color:transparent;color:var(--workspace-muted)}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-scope-tabs .btn[aria-pressed=true] {background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text)}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),
.ml-root[data-ml-admin=true] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
  min-height:38px;padding:7px 12px;border:1px solid var(--workspace-border);border-radius:7px;background:var(--workspace-surface);color:var(--workspace-text);font-size:13px;line-height:1.5;box-sizing:border-box;max-width:100%;
}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(input,textarea)::placeholder {color:var(--workspace-muted)}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(button,input,select,textarea,summary,a):focus-visible,
.ml-root[data-ml-admin=true] :is(button,input,select,textarea,summary,a):focus-visible {outline:2px solid var(--workspace-focus);outline-offset:2px;box-shadow:none}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-search {min-height:38px;border-radius:7px}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-search input {border:0;background:transparent;min-height:36px;padding:7px 0}
body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-search input:focus-visible {outline:none}
body:not(.is-editor) .tab-pane[data-module=products] .pc-brand-popover {left:auto;right:0;width:max(100%,280px);max-width:calc(100vw - 48px)}
body:not(.is-editor) .tab-pane[data-module=products] .pc-brand-filter>summary {height:38px;border-radius:7px;background:var(--workspace-surface)}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands]) :is(.pc-filters input,.btm-filters input,.bm-filters .bm-search input) {height:38px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(table.list,.btm-table,.bm-table,.rm-table),
.ml-root[data-ml-admin=true] .ml-table-wrap table {font-size:13px;margin:0;line-height:1.5;border-collapse:collapse}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(table.list,.btm-table,.bm-table,.rm-table) th,
.ml-root[data-ml-admin=true] .ml-table-wrap th {padding:13px 15px;background:var(--workspace-soft);color:var(--workspace-text);font-size:13px;font-weight:600;border-color:var(--workspace-border);white-space:nowrap}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(table.list,.btm-table,.bm-table,.rm-table) td,
.ml-root[data-ml-admin=true] .ml-table-wrap td {padding:13px 15px;border-color:var(--workspace-border);background:transparent;color:var(--workspace-text);vertical-align:middle}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(table.list,.btm-table,.bm-table,.rm-table) tbody tr:hover td,
.ml-root[data-ml-admin=true] .ml-table-wrap tbody tr:hover td {background:var(--workspace-soft)}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands]) :is(.pc-footer,.btm-footer,.bm-footer) {padding:12px 16px;font-size:12px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=menus]) :is(.pc-row-actions,.btm-row-actions,.bm-row-actions,.actions-cell) {gap:7px}
body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands]) :is(.pc-row-actions button,.btm-row-actions button,.bm-row-actions button) {font-size:12px;font-weight:500;line-height:1.4}
body:not(.is-editor) .tab-pane:is([data-module=users],[data-module=menus]) .user-form {gap:10px;align-items:center}
body:not(.is-editor) .tab-pane:is([data-module=users],[data-module=menus]) h3 {font-size:16px;font-weight:600;line-height:1.5}
body:not(.is-editor) .tab-pane:is([data-module=users],[data-module=menus]) .btn:disabled {opacity:.45;cursor:default}
body:not(.is-editor) .tab-pane[data-module=roles] .rm-pagination select,.tab-pane[data-module=bottles] .btm-pagination select {min-height:30px;padding:4px 8px;font-size:12px}
body:not(.is-editor) .tab-pane>.ml-root[data-ml-admin=true] {
  --ml-bg:var(--workspace-surface);--ml-panel:var(--workspace-surface);--ml-text:var(--workspace-text);--ml-muted:var(--workspace-muted);
  --ml-line:var(--workspace-border);--ml-soft:var(--workspace-soft);--ml-accent:var(--workspace-accent);
  font-family:inherit;
}
.ml-root[data-ml-admin=true] .ml-btn-primary:hover {background:var(--workspace-accent);filter:brightness(.9)}
.ml-root[data-ml-admin=true] input[type=checkbox] {accent-color:var(--workspace-accent)}
.ml-root[data-ml-admin=true] .ml-nav {gap:6px}
.ml-root[data-ml-admin=true] .ml-nav button.active {background:var(--workspace-soft);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) .tab-pane[data-module=roles] .rm-button[data-rm-danger] {color:var(--workspace-danger)}
.ml-root[data-ml-admin=true] .ml-btn.ml-btn-danger {color:var(--workspace-danger);border-color:var(--workspace-danger-border)}
.ml-root[data-ml-admin=true] .ml-panel {padding:18px;margin-bottom:16px}
.ml-root[data-ml-admin=true] h3 {font-size:16px;font-weight:600}
@media(min-width:761px) {
  body:not(.is-editor) .tab-pane[data-module=products] .pc-record-table {font-size:13px;line-height:1.5}
  body:not(.is-editor) .tab-pane[data-module=products] .pc-record-table th {padding:13px 15px;background:var(--workspace-soft);color:var(--workspace-text);font-size:13px;font-weight:600}
  body:not(.is-editor) .tab-pane[data-module=products] .pc-record-table td {padding:16px 15px;border-color:var(--workspace-border)}
  body:not(.is-editor) .tab-pane[data-module=products] .pc-record-table td.pc-cover-cell {padding-right:8px}
  body:not(.is-editor) .tab-pane[data-module=products] .pc-record-table td.pc-info-cell {padding-left:12px}
}
/* Preserve the role dialog's full-screen permission editor. Smaller editors
   share the same corner treatment, without changing their workflow. */
:is(.pc-dialog,.btm-dialog,.bm-dialog,.rm-small-dialog) {border-radius:12px}
@media(max-width:1100px) {
  body:not(.is-editor) .container:has(>.tab-pane.active:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus])),
  body:not(.is-editor) .container:has(>.tab-pane.active>.ml-root[data-ml-admin=true]) {--admin-page-gutter:16px;padding-top:20px}
}
@media(max-width:650px) {
  body:not(.is-editor) .container:has(>.tab-pane.active:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus])),
  body:not(.is-editor) .container:has(>.tab-pane.active>.ml-root[data-ml-admin=true]) {--admin-page-gutter:12px;padding-top:18px;padding-bottom:28px}
  body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=users],[data-module=admin],[data-module=usage],[data-module=roles],[data-module=menus]) :is(.pc-heading h1,.btm-heading h1,.bm-heading h1,.sa-page-head .page-title,.rm-page-header h2,h2.page-title),
  .ml-root[data-ml-admin=true] .ml-header h2 {font-size:21px}
  body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands],[data-module=admin],[data-module=roles]) :is(.pc-heading,.btm-heading,.bm-heading,.sa-page-head,.rm-page-header),
  .ml-root[data-ml-admin=true] .ml-header {flex-wrap:wrap;gap:12px;margin-bottom:18px}
  body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands]) :is(.pc-actions,.btm-actions,.bm-actions) {flex-wrap:wrap;gap:8px}
  body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .card {padding:16px}
  body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-workflow-import {padding-block:0}
  body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-workflow-import[open] {padding-bottom:16px}
  body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-table-wrap {margin-inline:-16px}
  body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-table :is(th,td):first-child {padding-left:16px}
  body:not(.is-editor) .tab-pane[data-module=admin] .skill-admin .sa-table :is(th,td):last-child {padding-right:16px}
  body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=brands],[data-module=admin]) :is(.pc-stats,.bm-stats,.sa-stats) {gap:8px}
  body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=brands],[data-module=admin]) :is(.pc-stats>div,.bm-stats>div,.sa-stat) {padding:13px 14px}
  body:not(.is-editor) .tab-pane:is([data-module=products],[data-module=bottles],[data-module=brands]) :is(.pc-filters,.btm-filters,.bm-filters) {padding:12px;gap:8px}
  body:not(.is-editor) .tab-pane[data-module=roles] .rm-search {flex:1;min-width:150px}
  body:not(.is-editor) .tab-pane[data-module=roles] .rm-search input {width:100%}
  .ml-root[data-ml-admin=true] .ml-header-actions {justify-content:flex-start}
  body:not(.is-editor) .tab-pane:is([data-module=users],[data-module=menus]) .user-form input {min-width:0}
  body:not(.is-editor) .tab-pane[data-module=usage] .stat-num {font-size:18px;overflow-wrap:anywhere}
  body:not(.is-editor) .tab-pane[data-module=usage] .stat-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}

/* The administration menu also contains R&D. Keep these rules in its pane;
   image creation uses some of the same it-* class names. Its owned dialogs
   are mounted outside the pane, under .it-modal-mask. */
body:not(.is-editor) .container:has(>.tab-pane.active[data-module=iteration]) {
  --admin-page-gutter:24px;
  width:100%;max-width:none;min-width:0;margin:0;
  padding:24px var(--admin-page-gutter) 40px;box-sizing:border-box;
}
body:not(.is-editor) .tab-pane[data-module=iteration] {
  color:var(--workspace-text);font-size:14px;line-height:1.6;min-width:0;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root {
  width:100%;max-width:none;min-width:0;margin:0;padding:0 0 8px;
  color:var(--workspace-text);font-size:14px;line-height:1.6;box-sizing:border-box;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root *,
body:not(.is-editor) .it-modal-mask>.it-modal * {box-sizing:border-box}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-head {
  align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 20px;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-head h2 {
  font-size:24px;font-weight:700;line-height:1.4;letter-spacing:-.3px;
  margin:0 0 7px;color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-head p {
  font-size:13px;line-height:1.7;max-width:960px;margin:0;color:var(--workspace-muted);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-head>.it-actions {margin:0;gap:8px}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-tabs {
  width:fit-content;max-width:100%;gap:3px;padding:3px;margin:0 0 18px;
  border:1px solid var(--workspace-border);border-radius:9px;background:var(--workspace-soft);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-tabs a {
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;
  padding:6px 13px;border:1px solid transparent;border-radius:7px;
  font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;
  background:transparent;color:var(--workspace-muted);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-tabs a:hover {
  background:var(--workspace-surface);color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-tabs a.active {
  background:var(--workspace-surface);border-color:var(--workspace-border);
  color:var(--workspace-text);box-shadow:0 1px 3px #00000009;
}
body:not(.is-editor) .tab-pane[data-module=iteration] :is(.it-card,.it-stat) {
  min-width:0;padding:18px;border:1px solid var(--workspace-border);
  border-radius:10px;background:var(--workspace-surface);color:var(--workspace-text);box-shadow:none;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-list .it-card {
  background:var(--workspace-surface);margin:0;
}
body:not(.is-editor) .tab-pane[data-module=iteration] :is(.it-grid,.it-list,.it-stats) {min-width:0}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-stats {gap:12px;margin-bottom:18px}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-stat b {
  font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.3px;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-stat small {font-size:12px;color:var(--workspace-muted)}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root h3 {
  font-size:16px;font-weight:600;line-height:1.5;margin:0 0 12px;color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root h4 {
  font-size:14px;font-weight:600;line-height:1.5;color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-title {
  color:var(--workspace-text);font-size:15px;font-weight:600;line-height:1.6;
}
body:not(.is-editor) .tab-pane[data-module=iteration] :is(.it-muted,.it-source,.it-submission) {
  color:var(--workspace-muted);overflow-wrap:anywhere;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-toolbar {gap:10px}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-toolbar input {min-width:180px}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn,
body:not(.is-editor) .it-modal-mask>.it-modal .btn {
  min-height:34px;padding:6px 13px;border:1px solid var(--workspace-border);
  border-radius:7px;font-size:13px;font-weight:500;line-height:1.4;
  box-shadow:none;transform:none;transition:background .12s,border-color .12s;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn:not(.secondary):not(.ghost):not(.danger),
body:not(.is-editor) .it-modal-mask>.it-modal .btn:not(.secondary):not(.ghost):not(.danger) {
  background:var(--workspace-accent);border-color:var(--workspace-accent);color:var(--workspace-accent-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn.secondary,
body:not(.is-editor) .it-modal-mask>.it-modal .btn.secondary {
  background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn:hover:enabled,
body:not(.is-editor) .it-modal-mask>.it-modal .btn:hover:enabled {box-shadow:none;transform:none}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn.secondary:hover:enabled,
body:not(.is-editor) .it-modal-mask>.it-modal .btn.secondary:hover:enabled {
  background:var(--workspace-soft);border-color:var(--workspace-border);color:var(--workspace-text);
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn.small,
body:not(.is-editor) .it-modal-mask>.it-modal .btn.small {min-height:30px;padding:5px 10px;font-size:12px}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root .btn:disabled,
body:not(.is-editor) .it-modal-mask>.it-modal .btn:disabled {opacity:.45;cursor:default;filter:none}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),
body:not(.is-editor) .it-modal-mask>.it-modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
  min-height:38px;max-width:100%;padding:7px 12px;border:1px solid var(--workspace-border);
  border-radius:7px;background:var(--workspace-surface);color:var(--workspace-text);
  font-size:13px;line-height:1.5;box-sizing:border-box;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root :is(input,textarea)::placeholder,
body:not(.is-editor) .it-modal-mask>.it-modal :is(input,textarea)::placeholder {color:var(--workspace-muted)}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-root :is(button,input,select,textarea,summary,a):focus-visible,
body:not(.is-editor) .it-modal-mask>.it-modal :is(button,input,select,textarea,summary,a):focus-visible {
  outline:2px solid var(--workspace-focus);outline-offset:2px;box-shadow:none;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-table-wrap {min-width:0;max-width:100%;overflow-x:auto;border-radius:10px}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-table {width:100%;margin:0;border-collapse:collapse;font-size:13px;line-height:1.5}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-table th {
  padding:13px 15px;background:var(--workspace-soft);color:var(--workspace-text);
  font-size:13px;font-weight:600;border-color:var(--workspace-border);white-space:nowrap;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-table td {
  padding:13px 15px;border-color:var(--workspace-border);background:transparent;
  color:var(--workspace-text);vertical-align:middle;
}
body:not(.is-editor) .tab-pane[data-module=iteration] .it-table tr:hover td {background:var(--workspace-soft)}
body:not(.is-editor) .tab-pane[data-module=iteration] :is(.it-code-preview,.it-runtime-list div) {
  max-width:100%;border:1px solid var(--workspace-border);border-radius:7px;
  background:var(--workspace-bg);color:var(--workspace-text);overflow-wrap:anywhere;
}
body:not(.is-editor) .tab-pane[data-module=iteration] :is(.it-empty,.it-notice,.it-error) {border-radius:8px}
body:not(.is-editor) .it-modal-mask>.it-modal {
  width:min(720px,100%);max-height:calc(100dvh - 48px);padding:22px 24px;
  border:1px solid var(--workspace-border);border-radius:12px;
  background:var(--workspace-surface);color:var(--workspace-text);font-size:14px;line-height:1.6;
  box-sizing:border-box;box-shadow:var(--shadow-lg);
}
body:not(.is-editor) .it-modal-mask>.it-modal .it-modal-top {gap:16px;align-items:flex-start;margin-bottom:16px}
body:not(.is-editor) .it-modal-mask>.it-modal .it-modal-top h3 {font-size:19px;font-weight:650;line-height:1.5;margin:0}
body:not(.is-editor) .it-modal-mask>.it-modal .it-modal-top>[data-it-close] {
  width:32px;min-height:30px;padding:0;border:0;border-radius:7px;
  background:transparent;color:var(--workspace-muted);line-height:1;flex:none;
}
body:not(.is-editor) .it-modal-mask>.it-modal .it-actions {gap:10px;justify-content:flex-end}
@media(max-width:1100px) {
  body:not(.is-editor) .container:has(>.tab-pane.active[data-module=iteration]) {--admin-page-gutter:16px;padding-top:20px}
}
@media(max-width:650px) {
  body:not(.is-editor) .container:has(>.tab-pane.active[data-module=iteration]) {--admin-page-gutter:12px;padding-top:18px;padding-bottom:28px}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-head {gap:12px;margin-bottom:18px}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-head h2 {font-size:21px}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-tabs a {padding:6px 10px;font-size:12px}
  body:not(.is-editor) .tab-pane[data-module=iteration] :is(.it-card,.it-stat) {padding:16px}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-stats {gap:8px}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-stat b {font-size:18px}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-toolbar :is(input,select) {min-width:0;max-width:100%}
  body:not(.is-editor) .tab-pane[data-module=iteration] .it-toolbar input {flex-basis:100%;width:100%}
  body:not(.is-editor) .it-modal-mask {padding:12px}
  body:not(.is-editor) .it-modal-mask>.it-modal {max-height:calc(100dvh - 24px);padding:16px}
  body:not(.is-editor) .it-modal-mask>.it-modal .it-modal-top h3 {font-size:17px}
}

/* Usage administration: shared tokens, scoped so creative canvases keep their contract. */
.usage-admin {min-width:0;color:var(--workspace-text)}
.usage-admin .usage-header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.usage-admin .usage-header .page-title {margin-bottom:6px}
.usage-admin .usage-header .page-desc {margin:0}
.usage-admin .usage-header-actions,.usage-admin .usage-filter-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.usage-admin .usage-stats {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:12px}
.usage-admin .usage-stats .stat-card {min-width:0;padding:18px 20px;border:1px solid var(--workspace-border);border-radius:10px;background:var(--workspace-surface)}
.usage-admin .usage-stats .stat-num {margin:6px 0;font-size:27px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.usage-admin .usage-stat-hint,.usage-admin .usage-help,.usage-admin .usage-note {color:var(--workspace-muted);font-size:12px;line-height:1.7}
.usage-admin .usage-secondary {display:flex;gap:24px;flex-wrap:wrap;margin:0 0 20px;color:var(--workspace-muted);font-size:13px}
.usage-admin .usage-secondary strong {margin-left:8px;font-variant-numeric:tabular-nums;color:var(--workspace-text);font-weight:600}
.usage-admin .usage-filters {display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:16px;margin:0 0 20px}
.usage-admin .usage-field {display:flex;flex-direction:column;gap:6px;min-width:135px;flex:1 1 135px;font-size:12px;color:var(--workspace-muted)}
.usage-admin .usage-field :is(input,select) {width:100%;box-sizing:border-box;min-width:0;height:36px;padding:6px 10px;border:1px solid var(--workspace-border);border-radius:7px;background:var(--workspace-surface);color:var(--workspace-text);font-family:inherit;font-size:13px}
.usage-admin .usage-field :is(input,select):disabled {opacity:.65;cursor:not-allowed}
.usage-admin .usage-date-group {display:flex;align-items:flex-end;gap:8px;flex:1.6 1 300px;min-width:0}
.usage-admin .usage-date-group .usage-field {min-width:0;flex:1 1 130px}
.usage-admin .usage-date-separator {height:36px;display:flex;align-items:center;color:var(--workspace-muted);font-size:12px}
.usage-admin .usage-filter-actions {flex:0 0 auto;height:36px}
.usage-admin .usage-filter-actions .btn {min-height:36px}
.usage-admin .usage-help {flex:1 0 100%;margin:0}
.usage-admin .usage-results-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--workspace-muted);font-size:12px}
.usage-admin .usage-view-tabs {display:flex;gap:4px;padding:3px;background:var(--workspace-raised);border:1px solid var(--workspace-border);border-radius:9px}
.usage-admin .usage-view-tabs .btn {border-color:transparent;background:transparent}
.usage-admin .usage-view-tabs .btn[aria-pressed=true] {background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text)}
.usage-admin .usage-table-wrap {padding:0;overflow-x:auto;margin-bottom:16px;border-radius:10px}
.usage-admin .usage-table-wrap[hidden] {display:none!important}
.usage-admin .usage-log-table {min-width:1200px;table-layout:auto}
.usage-admin .usage-table-wrap table {width:100%;margin:0;border-collapse:collapse}
.usage-admin .usage-table-wrap :is(th,td) {padding:14px 16px;text-align:left;vertical-align:middle;font-size:13px}
.usage-admin .usage-log-table :is(th,td) {white-space:nowrap}
.usage-admin .usage-table-wrap th {font-weight:500}
.usage-admin .usage-table-wrap td[data-usage-cell=model] {max-width:210px;white-space:normal;overflow-wrap:anywhere}
.usage-admin .usage-table-wrap td[data-usage-cell=displayName] {max-width:190px;white-space:normal;overflow-wrap:anywhere}
.usage-admin .usage-type {display:inline-flex;align-items:center;border:1px solid var(--workspace-border);border-radius:5px;padding:2px 7px;background:var(--workspace-raised);color:var(--workspace-text);font-size:12px}
.usage-admin .usage-number {font-variant-numeric:tabular-nums}
.usage-admin .usage-unknown {color:var(--workspace-muted);font-size:12px}
.usage-admin .usage-detail {display:block;max-width:230px;white-space:normal;font-size:12px;line-height:1.6;color:var(--workspace-muted)}
.usage-admin .usage-table-wrap .usage-empty {text-align:center;padding:48px 20px;color:var(--workspace-muted);white-space:normal}
.usage-admin .usage-pagination {display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--workspace-border);font-size:12px;color:var(--workspace-muted)}
.usage-admin .usage-note {margin:0}
.usage-admin #usageStatus {font-size:13px;line-height:1.6;color:var(--workspace-danger)}
.usage-admin .btn:disabled {opacity:.45;cursor:not-allowed}
@media(max-width:900px) {.usage-admin .usage-stats {grid-template-columns:repeat(2,minmax(0,1fr))}.usage-admin .usage-header {flex-wrap:wrap}}
@media(max-width:520px) {.usage-admin .usage-header-actions {width:100%}.usage-admin .usage-stats {gap:10px}.usage-admin .usage-stats .stat-card {padding:14px}.usage-admin .usage-stats .stat-num {font-size:23px}.usage-admin .usage-filters {padding:12px;gap:10px}.usage-admin .usage-date-group {flex-basis:100%}.usage-admin .usage-field {flex:1 1 125px;min-width:0}.usage-admin .usage-filter-actions {width:100%;height:auto}.usage-admin .usage-filter-actions .btn {flex:1}.usage-admin .usage-secondary {gap:10px 20px}.usage-admin .usage-results-head {align-items:flex-start;flex-wrap:wrap}.usage-admin .usage-pagination {justify-content:center}}

/* Keep each task action aligned with its invocation row. */
.usage-admin .usage-table-wrap [data-usage-column=actions],.usage-admin .usage-table-wrap [data-usage-cell=actions]{width:104px;min-width:104px;text-align:center}
.usage-admin .usage-task-link{white-space:nowrap}