/* Panacea Commerce staff theme, adapted to Quality's existing controls. */
@media print { .mobile-workspace-header,.navigation-backdrop {display:none!important;} }
@media screen {
  :root {
    --ink:#243c31; --muted:#64766b; --line:#dce5de; --paper:#fff;
    --canvas:#f3f6f3; --forest:#192e25; --green:#2f674d; --mint:#eaf3e8;
    --shadow:0 2px 4px #193c2804; --workspace-font:'Inter Variable',Inter,ui-sans-serif,system-ui,sans-serif;
  }
  body {font-family:var(--workspace-font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;}
  button,input,textarea,select {font-family:var(--workspace-font);}
  h1,h2,h3,.brand strong,.auth-brand strong,.mmr-card-head h3,.auth-card h1 {font-family:var(--workspace-font);font-weight:650;letter-spacing:-.035em;}
  h1,.wizard-content h1,.record-header h1 {font-size:clamp(25px,2.2vw,32px);line-height:1.2;}
  h2 {font-size:23px;line-height:1.3;}
  h3 {font-size:16px;letter-spacing:-.015em;}
  .app-shell {grid-template-columns:288px minmax(0,1fr);}
  .sidebar {background:#192e25;border-right:1px solid #284235;padding:24px 18px 16px;gap:18px;}
  .sidebar .brand {padding:0 10px 8px;gap:10px;}
  .sidebar .brand strong {font-size:22px;font-weight:700;letter-spacing:-.035em;}
  .sidebar .brand small {color:#aec4b5;opacity:1;letter-spacing:1.4px;}
  .sidebar nav {display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0;padding:2px;scrollbar-color:#4c6758 transparent;}
  .sidebar .nav-item {display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;color:#e0eae3;line-height:1.45;border-radius:8px;text-align:left;}
  .sidebar .nav-item .nav-label {width:auto;opacity:1;white-space:normal;font-size:14px;}
  .nav-icon {width:24px;height:24px;flex:0 0 24px;color:#9fbaa9;}
  .sidebar .nav-item:hover {background:#263e31;color:#fff;}
  .sidebar .nav-item.active {background:#35573f;color:#fff;box-shadow:inset 3px 0 #b9d891;}
  .sidebar .nav-item.active .nav-icon {color:#fff;}
  .nav-group {flex-shrink:0;border:1px solid #47634f;border-radius:11px;background:#20382c;overflow:hidden;}
  .nav-group>summary {list-style:none;display:flex;align-items:center;gap:10px;padding:11px 10px;background:#294333;color:#e5f0e6;font-size:13px;font-weight:700;letter-spacing:.015em;cursor:pointer;}
  .nav-group>summary::-webkit-details-marker {display:none;}
  .nav-group>summary:hover {background:#304d3b;}
  .nav-group[open]>summary {border-bottom:1px solid #47634f;}
  .nav-chevron {width:18px;height:18px;margin-left:auto;flex-shrink:0;color:#bbd0c0;}
  .nav-group[open] .nav-chevron {transform:rotate(180deg);}
  .nav-group-items {display:grid;gap:2px;padding:8px 6px 10px 12px;}
  .sidebar :is(.nav-item,.nav-group>summary):focus-visible {outline:2px solid #b9d891;outline-offset:-2px;}
  .sidebar-note {margin-top:auto;flex-shrink:0;background:#20382c;border:1px solid #405d4d;box-shadow:none;}
  .sidebar-note small {opacity:1;color:#aec4b5;line-height:1.5;}
  .account-controls {margin-top:0;flex-shrink:0;}
  .account-controls .user-card {margin-top:0;border-color:#405d4d;}
  .account-controls .account-trigger {opacity:1;}
  .account-controls .user-card small {opacity:1;color:#aec4b5;}
  #app {padding:32px clamp(24px,3vw,48px);}
  .topbar {gap:16px 24px;margin-bottom:28px;}
  .lead {font-size:14px;line-height:1.6;max-width:72ch;}
  .section-head {margin-top:28px;}
  :is(.panel,.wizard-card,.records-toolbar,.mmr-card,.equipment-card,.organization-card,.receiving-screen,.record-paper) {border-color:var(--line);border-radius:14px;box-shadow:var(--shadow);}
  .process-card {border-radius:14px;box-shadow:var(--shadow);}
  .process-card:hover {transform:none;background:#f7f9f6;box-shadow:var(--shadow);}
  .wizard-layout {gap:28px;grid-template-columns:210px minmax(0,760px);}
  .wizard-content {padding:30px;}
  .wizard-footer {background:#f7f9f6;padding:18px 30px;}
  .phase-section legend,.field label,.field-label label,.filter-field label,.qe-field>span {font-weight:650;letter-spacing:0;}
  .field label,.field-label label,.filter-field label {font-size:13px;}
  .filter-field label {text-transform:none;}
  :is(input[type=text],input[type=search],input[type=date],input[type=number],input[type=email],input[type=password],textarea,select) {border-color:var(--line);border-radius:8px;font-size:14px;line-height:1.5;}
  :is(input,select,textarea):focus {border-color:#518768;box-shadow:0 0 0 2px #51876833;}
  input[type=checkbox],input[type=radio] {accent-color:#2f674d;}
  :is(.primary-button,.start-button,.secondary-button,.resume,.text-button,.danger-button) {font-weight:600;border-radius:8px;box-shadow:none;}
  :is(.primary-button,.start-button) {background:#2f674d;color:white;}
  :is(.primary-button,.start-button):hover:not(:disabled) {background:#24533d;}
  .secondary-button:hover:not(:disabled),.resume:hover:not(:disabled) {background:#f7f9f6;}
  :is(button,a,summary):focus-visible {outline:2px solid #518768;outline-offset:3px;}
  .badge {font-weight:650;font-variant-numeric:tabular-nums;}
  .run-row:not(.deviation-draft):hover,.item-library-row:hover {background:#f7f9f6;}
  .run-row,.item-library-row,.linked-record-row {border-color:var(--line);}
  .deviation-draft {border-color:#dfaaa3;}
  .run-process-title,.item-library-row strong {font-weight:650;}
  table {font-variant-numeric:tabular-nums;}
  thead {background:#f7f9f6;}
  th {font-size:12px;font-weight:650;color:var(--muted);}
  .modal {border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #10291d24;}
  .modal h2 {font-family:var(--workspace-font);font-size:25px;font-weight:650;}
  .mobile-workspace-header,.navigation-backdrop {display:none;}
  .auth-mode #app {padding:0;}
  .auth-mode .mobile-workspace-header,.auth-mode .navigation-backdrop,.session-locked .mobile-workspace-header,.session-locked .navigation-backdrop {display:none!important;}
}
@media screen and (min-width:621px) and (max-width:1100px) {
  .app-shell {grid-template-columns:232px minmax(0,1fr);}
  .sidebar {padding-inline:12px;}
  .sidebar .brand-wordmark {display:block;}
  .sidebar .brand {justify-content:flex-start;gap:10px;}
  .sidebar .brand strong {font-size:20px;}
  .sidebar .brand-mark {flex:0 0 35px;}
  .sidebar-note {display:flex;}
  .wizard-layout {grid-template-columns:1fr;}
  .wizard-aside {display:none;}
  #app {padding:28px 22px;}
}
@media screen and (max-width:620px) {
  .app-shell {display:block;}
  .mobile-workspace-header {display:flex;align-items:center;gap:14px;position:fixed;top:var(--sandbox-banner-height,0px);left:0;right:0;height:60px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line);z-index:7;}
  .mobile-workspace-header>strong {font-size:14px;letter-spacing:-.02em;}
  #navigation-toggle {display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);}
  .sidebar,.sandbox-environment .sidebar {position:fixed;top:calc(var(--sandbox-banner-height,0px) + 60px);left:-320px;bottom:0;width:288px;height:calc(100dvh - var(--sandbox-banner-height,0px) - 60px);padding:18px 14px;z-index:9;visibility:hidden;display:flex;flex-direction:column;gap:16px;}
  .sidebar[data-menu-open] {left:0;visibility:visible;}
  .sidebar nav {display:flex;overflow-x:hidden;overflow-y:auto;flex-direction:column;gap:14px;}
  .sidebar .nav-item {min-width:0;white-space:normal;flex-shrink:0;}
  .sidebar-note {display:flex;}
  .sidebar .brand {display:none;}
  .account-controls {visibility:visible;}
  .navigation-backdrop:not([hidden]) {display:block;position:fixed;inset:calc(var(--sandbox-banner-height,0px) + 60px) 0 0;background:#10291d66;border:0;z-index:8;}
  #app,body.has-account-controls #app {padding:84px 16px 28px;}
  .wizard-layout {display:block;}
  .wizard-content {padding:22px 18px;}
  .wizard-footer {padding:16px 18px;}
  :is(input[type=text],input[type=search],input[type=date],input[type=number],input[type=email],input[type=password],textarea,select) {font-size:16px;}
}

/* Keep the guide beside the work area in its own tab. */
.sidebar a.user-guide-link{display:flex;text-decoration:none;margin-top:16px}