/* W02 shell: retain real permissions, workspaces, editors and theme preference. */
html:not([data-theme="dark"]) .operations-system {
  --ink: #202020;
  --ink-2: #333;
  --muted: #757575;
  --canvas: #fafafa;
  --paper: #fff;
  --soft: #f6f6f6;
  --line: #e5e5e5;
  --line-strong: #cdcdcd;
}
.operations-system .page-root { max-width: 1430px; margin: 0 auto; padding: 25px 26px 50px; min-width: 0; }
.operations-system .topbar { padding-inline: 26px; gap: 13px; box-shadow: none; }
.operations-system .page-identity h1 { font-size: 16px; line-height: 1.3; letter-spacing: 0; }
.operations-system .page-identity span { font-size: 10px; letter-spacing: 0; }
.operations-system .button { min-height: 40px; border-radius: 7px; font-size: 12px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
.operations-system .button.primary { background: #252525; color: #fff; border-color: #252525; }
.operations-system .button.primary:hover:not(:disabled) { background: #414141; border-color: #414141; }
.operations-system .nav-link.active { background: var(--soft); color: var(--ink); font-weight: 600; }
.operations-system .nav-search:focus-within { outline-color: #757575; }
.operations-system .nav-link,
.operations-system .nav-parent { border-radius: 6px; }
.operations-system .topbar-actions { min-width: 0; }
.operations-system .page-actions { flex-wrap: wrap; gap: 8px; }
.operations-system :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="hidden"]) { border-radius: 6px; border-color: var(--line-strong); background-color: var(--paper); color: var(--ink); }
.operations-system :is(input, select, textarea):focus-visible { outline: 2px solid #757575; outline-offset: 2px; border-color: #757575; }
.operations-system :is(input[type="checkbox"], input[type="radio"]) { accent-color: #555; }
.operations-system .page-root table { font-size: 12px; border-collapse: collapse; }
.operations-system .page-root th { font-size: 11px; font-weight: 500; color: var(--muted); background: var(--soft); padding: 12px 16px; border-bottom-color: var(--line); }
.operations-system .page-root td { padding: 14px 16px; border-bottom-color: var(--line); vertical-align: middle; }
.operations-system .page-root td :is(input, select) { max-width: 100%; }
.operations-system .page-root .table-primary { font-weight: 550; }
.operations-system .modal { border-radius: 8px; border-color: var(--line-strong); box-shadow: 0 18px 80px #00000020; }
.operations-system .modal-head { padding: 20px 22px 16px; border-bottom-color: var(--line); gap: 16px; }
.operations-system .modal-head h2 { font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; }
.operations-system .modal-body { min-height: 0; overscroll-behavior: contain; scrollbar-width: thin; }
.operations-system .modal-foot { padding: 14px 22px; gap: 9px; flex-wrap: wrap; background: var(--paper); border-top-color: var(--line); }
.operations-system .modal-foot .button { max-width: 100%; }
.operations-system .primary-nav { scrollbar-width: thin; overscroll-behavior: contain; }
.operations-system .page-root :is(.panel, .data-panel) { box-shadow: none; border-radius: 8px; }
.operations-system :is(.table-wrap, .ops-table-wrap) { max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
html[data-theme="dark"] .operations-system .button.primary { background: #ddd; color: #202020; border-color: #ddd; }
html[data-theme="dark"] .operations-system .button.primary:hover:not(:disabled) { background: #fff; border-color: #fff; }
@media (max-width: 1200px) {
  .operations-system .page-root { padding: 22px 20px 45px; }
}
@media (max-width: 760px) {
  .operations-system .modal-head, .operations-system .modal-body { padding: 16px; }
  .operations-system .modal-foot { padding: 12px 16px max(12px, env(safe-area-inset-bottom)); }
  .operations-system .topbar { padding-inline: 14px; gap: 8px; height: auto; min-height: 64px; flex-wrap: wrap; }
  .operations-system .page-root { padding: 18px 14px 40px; }
  .operations-system .page-actions { width: 100%; }
}
