/* MAS Design System — V8.9.56
 * Enterprise operational UI layer. Loaded after app.css so legacy modules inherit
 * one shared visual contract without rewriting working business logic.
 */

@media screen {
  :root{
    --mas-bg:#f4f5f6;
    --mas-surface:#ffffff;
    --mas-surface-alt:#fafafa;
    --mas-surface-row:#f8f9fa;
    --mas-line:#d9dee3;
    --mas-line-strong:#c7ced6;
    --mas-text:#20262d;
    --mas-muted:#68727d;
    --mas-danger:#a93632;
    --mas-warning:#8a5b00;
    --mas-success:#1f6b49;
    --mas-info:#315f86;
    --mas-radius:5px;
    --mas-control-h:34px;
    --mas-row-h:32px;
    --mas-sidebar-w:220px;
    --mas-sidebar-collapsed-w:60px;
  }

  html{background:var(--mas-bg)}
  body{
    background:var(--mas-bg)!important;
    color:var(--mas-text)!important;
    font-family:Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1.4;
  }
  a{color:inherit}
  .login{background:var(--mas-bg)!important}
  .login-card{border-radius:6px!important;box-shadow:0 4px 16px rgba(20,30,40,.08)!important;border:1px solid var(--mas-line)!important}
  body:after{display:none!important;background:none!important}
  .theme-palette i{position:relative!important;background:var(--c1)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important}
  .theme-palette i:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:50%;background:var(--c2)}

  /* Application shell */
  .topbar{
    background:#fff!important;
    border-bottom:1px solid var(--mas-line)!important;
    box-shadow:none!important;
    z-index:50!important;
  }
  .shell{grid-template-columns:var(--mas-sidebar-w) minmax(0,1fr)!important}
  html.sidebar-collapsed-pre .shell,
  body.sidebar-collapsed .shell{grid-template-columns:var(--mas-sidebar-collapsed-w) minmax(0,1fr)!important}
  .content{
    background:var(--mas-bg)!important;
    padding:10px 12px 18px!important;
    max-width:none!important;
  }

  .brand-logos{
    border:0!important;
    border-inline-end:1px solid var(--mas-line)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:0 0 0 7px!important;
    height:38px!important;
  }
  .brand-logos .brand-logo-company{border-inline-start:1px solid var(--mas-line)!important}
  .brand-copy b{color:var(--mas-text)!important;font-size:13px!important}
  .brand-copy small,.user-copy small{color:var(--mas-muted)!important}
  .user-copy>span{color:var(--mas-text)!important}
  .menu-toggle,.topbar-back,.logout-link{
    border-color:var(--mas-line)!important;
    border-radius:var(--mas-radius)!important;
    box-shadow:none!important;
  }

  /* Light, compact accordion sidebar */
  .sidebar{
    background:#fff!important;
    border-inline-end:1px solid var(--mas-line)!important;
    padding:8px 6px!important;
    color:var(--mas-text)!important;
    box-shadow:none!important;
  }
  .sidebar-head{
    color:var(--mas-text)!important;
    border-bottom:1px solid var(--mas-line)!important;
    min-height:38px;
  }
  .sidebar-collapse,.sidebar-close{
    color:var(--mas-text)!important;
    background:#fff!important;
    border:1px solid var(--mas-line)!important;
    border-radius:var(--mas-radius)!important;
  }
  .nav-group{margin:1px 0!important}
  .nav-item,.nav-parent{
    color:#343b43!important;
    background:transparent!important;
    border-radius:var(--mas-radius)!important;
    min-height:34px!important;
    padding:6px 8px!important;
    gap:7px!important;
    font-size:12.5px!important;
    border:1px solid transparent!important;
  }
  .nav-child{
    color:#4c5660!important;
    background:transparent!important;
    border-radius:var(--mas-radius)!important;
    min-height:31px!important;
    padding:5px 8px!important;
    margin:1px 7px!important;
    font-size:12px!important;
    border-inline-start:2px solid #e5e8eb!important;
  }
  .nav-item:hover,.nav-parent:hover,.nav-child:hover{
    color:var(--mas-text)!important;
    background:#f3f5f6!important;
    border-color:#e6e9ec!important;
  }
  .nav-item.active,.nav-group.active-group>.nav-parent,.nav-child.active{
    color:var(--primary-dark)!important;
    background:color-mix(in srgb,var(--primary) 8%,#fff)!important;
    border-color:color-mix(in srgb,var(--primary) 20%,var(--mas-line))!important;
    box-shadow:none!important;
    font-weight:700;
  }
  .nav-child.active{border-inline-start-color:var(--primary)!important}
  .child-dot{background:currentColor!important;opacity:.55}
  .nav-arrow{color:var(--mas-muted)!important}
  body.sidebar-collapsed .sidebar{padding-inline:5px!important}
  body.sidebar-collapsed .nav-item,
  body.sidebar-collapsed .nav-parent{padding:6px!important}
  body.sidebar-collapsed .nav-group.active-group>.nav-parent{box-shadow:inset -2px 0 0 var(--primary)!important}

  /* Page rhythm */
  .page-head,.compact-page-head,.orders-page-head,.order-view-head{
    min-height:32px!important;
    margin:0 0 7px!important;
    padding:0!important;
    gap:8px!important;
  }
  .page-head h1,.compact-page-head h1,.orders-page-head h1,.order-view-head h1{
    margin:0!important;
    color:var(--mas-text)!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  .page-head p,.compact-page-head p,.order-view-head p{
    margin:2px 0 0!important;
    color:var(--mas-muted)!important;
    font-size:11.5px!important;
  }
  .section-title,.section-head h2,.section-head h3,.dashboard-panel-head h3,
  .settings-panel-head h3,.editor-title h3,.quick-section-title h3{
    color:var(--mas-text)!important;
    font-size:15px!important;
    font-weight:700!important;
  }
  .section-head{margin:10px 0 5px!important}

  /* Surfaces: flat and information dense */
  .card,.dashboard-panel,.order-basic-compact,.order-metric-strip,
  .workspace-toolbar,.settings-panel,.progressive-card,.certificate-file-card,
  .note-box,.print-note,.permission-group{
    background:var(--mas-surface)!important;
    border:1px solid var(--mas-line)!important;
    border-radius:var(--mas-radius)!important;
    box-shadow:none!important;
  }
  .card{padding:9px 10px!important}
  .grid{gap:7px!important}
  .metric-row{gap:5px!important}
  .metric-box{
    background:#fff!important;
    border:1px solid var(--mas-line)!important;
    border-radius:var(--mas-radius)!important;
    padding:6px 8px!important;
    min-height:44px;
  }
  .metric-box small{color:var(--mas-muted)!important}
  .metric-box b{font-size:14px!important;color:var(--mas-text)!important}

  /* Buttons */
  .btn,button:not(.nav-parent):not(.sidebar-collapse):not(.sidebar-close):not(.menu-toggle):not(.topbar-back):not(.logout-link){
    border-radius:var(--mas-radius)!important;
  }
  .btn{
    min-height:var(--mas-control-h)!important;
    padding:5px 9px!important;
    font-size:12.5px!important;
    box-shadow:none!important;
    font-weight:700;
  }
  .btn:not(.secondary):not(.danger){background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}
  .btn.secondary{background:#fff!important;color:#303841!important;border:1px solid var(--mas-line-strong)!important}
  .btn.danger{background:#fff!important;color:var(--mas-danger)!important;border:1px solid #d9aaa8!important}
  .btn:hover{filter:none!important;box-shadow:none!important}
  .btn:not(.secondary):not(.danger):hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}
  .btn.secondary:hover{background:#f5f6f7!important;border-color:#adb6c0!important}
  .btn.danger:hover{background:#fff5f4!important;border-color:#c9827f!important}
  .btn.small{min-height:30px!important;padding:4px 7px!important;font-size:11.5px!important}
  .btn[aria-busy="true"],button[aria-busy="true"]{
    cursor:progress!important;
    opacity:.76!important;
    pointer-events:none!important;
    box-shadow:inset 0 -2px 0 color-mix(in srgb,currentColor 35%,transparent)!important;
  }

  /* Forms */
  .form-grid{gap:7px 8px!important}
  .field label{margin-bottom:3px!important;color:#3c454f!important;font-size:11.5px!important;font-weight:700}
  .field input,.field select,.field textarea,.searchbar input,.searchbar select,
  .workspace-toolbar input,.workspace-toolbar select,.smart-combo-input,
  .recipe-edit-table input,.recipe-edit-table select,
  .entry-material-table input,.entry-material-table select{
    min-height:var(--mas-control-h)!important;
    height:var(--mas-control-h)!important;
    padding:5px 7px!important;
    background:#fff!important;
    color:var(--mas-text)!important;
    border:1px solid var(--mas-line-strong)!important;
    border-radius:var(--mas-radius)!important;
    box-shadow:none!important;
    font-size:13px!important;
  }
  .field textarea{height:auto!important;min-height:68px!important;resize:vertical}
  .field input:focus,.field select:focus,.field textarea:focus,
  .searchbar input:focus,.searchbar select:focus,.workspace-toolbar input:focus,
  .workspace-toolbar select:focus,.smart-combo-input:focus{
    border-color:var(--primary)!important;
    outline:2px solid color-mix(in srgb,var(--primary) 18%,transparent)!important;
    outline-offset:0!important;
    box-shadow:none!important;
  }
  .field-error{
    display:block;
    margin-top:3px;
    color:var(--mas-danger);
    font-size:11px;
    line-height:1.3;
  }
  .field.has-error input,.field.has-error select,.field.has-error textarea,
  input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{
    border-color:#bd6460!important;
  }
  .readonly-field input,[readonly]{background:#f5f6f7!important;color:#4e5964!important}
  input[name*="email"],input[name*="url"],input[name*="sku"],input[name*="code"],
  input[name$="_no"],input[name*="reference"],input[name*="serial"],input[name*="container"],
  [dir="ltr"],.ltr,bdi,code{
    direction:ltr!important;
    unicode-bidi:isolate!important;
  }
  input[name*="email"],input[name*="url"],input[name*="sku"],input[name*="code"],
  input[name$="_no"],input[name*="reference"],input[name*="serial"],input[name*="container"]{
    text-align:left!important;
  }

  /* Toolbars / filters */
  .searchbar,.workspace-toolbar{
    background:#fff!important;
    border:1px solid var(--mas-line)!important;
    border-radius:var(--mas-radius)!important;
    box-shadow:none!important;
    padding:5px!important;
    margin-bottom:7px!important;
    gap:5px!important;
  }
  .searchbar{align-items:center!important}
  .searchbar .filter-clear{margin-inline-start:auto!important}
  .workspace-toolbar{grid-template-columns:minmax(230px,1fr) repeat(3,minmax(120px,175px))!important}

  /* Operational tables */
  .table-wrap,.workspace-table-wrap,.compact-table-wrap,.entry-table-wrap{
    background:#fff!important;
    border:1px solid var(--mas-line)!important;
    border-radius:var(--mas-radius)!important;
    box-shadow:none!important;
  }
  .table{color:var(--mas-text)!important}
  .table th,.table td{
    height:var(--mas-row-h);
    padding:5px 7px!important;
    border-bottom:1px solid #e6e9ec!important;
    vertical-align:middle!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  .table th{
    background:#f0f2f4!important;
    color:#3c4650!important;
    border-bottom:1px solid var(--mas-line-strong)!important;
    font-size:11.5px!important;
    font-weight:700!important;
    z-index:3;
  }
  .table tbody tr:nth-child(even)>td{background:var(--mas-surface-row)!important}
  .table tbody tr:hover>td{background:#eef3f5!important}
  .table tbody tr:focus-within>td{background:color-mix(in srgb,var(--primary) 7%,#fff)!important}
  .table td.numeric,.table th.numeric,.numeric{text-align:end;font-variant-numeric:tabular-nums}
  .table .row-actions{white-space:nowrap}
  .table-sub{color:var(--mas-muted)!important;font-size:10.8px!important}
  .empty-row,.dashboard-empty{color:var(--mas-muted)!important;text-align:center!important;padding:18px 10px!important}

  /* Pagination */
  .pager{margin:6px 0!important;font-size:12px!important}
  .pager-link{
    height:29px!important;
    min-width:29px!important;
    padding:0 7px!important;
    border-radius:var(--mas-radius)!important;
    border-color:var(--mas-line)!important;
    box-shadow:none!important;
  }
  .pager-link.current{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}

  /* Standard status system */
  .badge,.status-badge,.role-chip,.expiry-chip{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:22px;
    padding:2px 6px!important;
    border-radius:4px!important;
    border:1px solid #d8dde2!important;
    background:#f2f4f5!important;
    color:#4b555f!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }
  .badge.pass,.status-success,.expiry-chip.valid{background:#edf7f1!important;border-color:#bdddc9!important;color:var(--mas-success)!important}
  .badge.warning,.status-warning,.expiry-chip.soon{background:#fff7e8!important;border-color:#e7cc92!important;color:var(--mas-warning)!important}
  .badge.fail,.status-danger,.expiry-chip.expired{background:#fff0ef!important;border-color:#dfb0ad!important;color:var(--mas-danger)!important}
  .status-info{background:#eef5fb!important;border-color:#bed2e4!important;color:var(--mas-info)!important}
  .status-neutral{background:#f2f4f5!important;border-color:#d8dde2!important;color:#4b555f!important}
  .status-on{color:var(--mas-success)!important}.status-off{color:var(--mas-danger)!important}

  /* Feedback: contextual alerts remain in flow; flash messages are fixed toasts. */
  .alert{
    border:1px solid #cbded2!important;
    border-radius:var(--mas-radius)!important;
    box-shadow:none!important;
    padding:7px 9px!important;
    font-size:12px!important;
  }
  .alert.error{border-color:#dfb0ad!important;background:#fff4f3!important;color:#843431!important}
  .soft-alert{background:#f7f8f8!important;border-color:var(--mas-line)!important;color:#555f68!important}
  .mas-toast-region{
    position:fixed;
    top:calc(var(--topbar-h,54px) + 8px);
    left:12px;
    z-index:1000;
    width:min(390px,calc(100vw - 24px));
    pointer-events:none;
  }
  .mas-toast{
    pointer-events:auto;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:start;
    gap:7px;
    background:#fff;
    color:var(--mas-text);
    border:1px solid var(--mas-line-strong);
    border-inline-start:4px solid var(--mas-success);
    border-radius:var(--mas-radius);
    padding:8px 9px;
    box-shadow:0 4px 16px rgba(20,30,40,.10);
    font-size:12px;
  }
  .mas-toast.error{border-inline-start-color:var(--mas-danger)}
  .mas-toast.warning{border-inline-start-color:var(--mas-warning)}
  .mas-toast-icon{font-weight:900;line-height:1.3}
  .mas-toast-close{min-width:26px!important;width:26px!important;height:26px!important;min-height:26px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--mas-muted)!important;font-size:18px!important}

  /* Confirmation dialog */
  .mas-confirm{
    width:min(430px,calc(100vw - 28px));
    padding:0;
    border:1px solid var(--mas-line-strong);
    border-radius:6px;
    background:#fff;
    color:var(--mas-text);
    box-shadow:0 12px 34px rgba(20,30,40,.18);
  }
  .mas-confirm::backdrop{background:rgba(24,31,38,.38)}
  .mas-confirm-head{padding:10px 12px;border-bottom:1px solid var(--mas-line);font-size:14px;font-weight:700}
  .mas-confirm-body{padding:12px;line-height:1.6;color:#3f4852;white-space:pre-wrap}
  .mas-confirm-actions{display:flex;justify-content:flex-end;gap:6px;padding:9px 12px;border-top:1px solid var(--mas-line);background:#fafafa}

  /* Dashboard = command center, not decorative cards */
  .dashboard-stat-strip{
    border-radius:var(--mas-radius)!important;
    border-color:var(--mas-line)!important;
    margin-bottom:7px!important;
  }
  .dashboard-stat-strip>a{
    min-height:42px!important;
    padding:5px 8px!important;
    border-color:#e5e8eb!important;
  }
  .dashboard-stat-strip>a:hover{background:#f4f6f7!important}
  .dashboard-stat-strip span{font-size:11px!important;color:var(--mas-muted)!important}
  .dashboard-stat-strip b{font-size:16px!important;color:var(--mas-text)!important}
  .dashboard-grid{gap:7px!important}
  .dashboard-panel{border-radius:var(--mas-radius)!important}
  .dashboard-panel-head{
    height:33px!important;
    padding:0 8px!important;
    background:#f4f5f6!important;
    border-bottom-color:var(--mas-line)!important;
  }
  .dashboard-panel-head h3{font-size:12.5px!important}
  .dashboard-count{border-radius:4px!important;background:#eef1f3!important;color:#4f5963!important}
  .dashboard-follow-list{padding:0 7px!important}
  .dashboard-follow-item{min-height:42px!important;padding:5px 2px!important}
  .dashboard-follow-tags em{border-radius:3px!important}

  /* Table/card switch is an operational control, not a segmented decorative widget. */
  .view-switch{border-radius:var(--mas-radius)!important;border-color:var(--mas-line)!important;margin-bottom:6px!important}
  .view-switch button{min-height:29px!important;padding:4px 9px!important;font-size:11.5px!important}
  .view-switch button.active{background:#eef2f4!important;color:var(--mas-text)!important;font-weight:700!important}

  /* Cards used only as a mobile representation of records. */
  .table-wrap.cards-view tbody{gap:6px!important}
  .table-wrap.cards-view tr{
    border-radius:var(--mas-radius)!important;
    border-color:var(--mas-line)!important;
    padding:8px 9px!important;
    box-shadow:none!important;
  }
  .table-wrap.cards-view td::before{color:var(--mas-muted)!important;font-size:10.8px!important}

  /* Technical values never visually reverse inside RTL pages. */
  .nowrap{white-space:nowrap}
  .audit-time,.pager-info bdi{font-variant-numeric:tabular-nums}


  /* V8.9.54 — MAS appearance settings must remain functional.
   * These selectors intentionally live in the MAS layer (loaded last), so the
   * user-configurable density/width/table settings are not neutralized by the
   * design-system defaults above. Mobile keeps touch-safe control sizing. */
  body.ui-density-compact{--mas-control-h:34px}
  body.ui-density-balanced{--mas-control-h:38px}
  body.ui-density-comfortable{--mas-control-h:42px}

  @media (min-width:901px){
    body.ui-width-full .content{max-width:none!important;margin-inline:0!important}
    body.ui-width-wide .content{max-width:1660px!important;margin-inline:auto!important;width:100%!important}
    body.ui-width-centered .content{max-width:1380px!important;margin-inline:auto!important;width:100%!important}

    body.ui-density-compact .content{padding:10px 12px 18px!important}
    body.ui-density-compact .card{padding:9px 10px!important}
    body.ui-density-compact .grid,body.ui-density-compact .form-grid{gap:7px!important}
    body.ui-density-compact .field input,body.ui-density-compact .field select,body.ui-density-compact .smart-combo-input{min-height:34px!important;height:34px!important}

    body.ui-density-balanced .content{padding:16px 18px 30px!important}
    body.ui-density-balanced .card{padding:13px 14px!important}
    body.ui-density-balanced .grid,body.ui-density-balanced .form-grid{gap:10px!important}
    body.ui-density-balanced .field input,body.ui-density-balanced .field select,body.ui-density-balanced .smart-combo-input{min-height:38px!important;height:38px!important}

    body.ui-density-comfortable .content{padding:20px 22px 36px!important}
    body.ui-density-comfortable .card{padding:16px!important}
    body.ui-density-comfortable .grid,body.ui-density-comfortable .form-grid{gap:13px!important}
    body.ui-density-comfortable .field input,body.ui-density-comfortable .field select,body.ui-density-comfortable .smart-combo-input{min-height:42px!important;height:42px!important;padding-top:8px!important;padding-bottom:8px!important}
  }

  body.ui-table-compact .table th,body.ui-table-compact .table td{height:32px!important;padding:5px 7px!important}
  body.ui-table-normal .table th,body.ui-table-normal .table td{height:38px!important;padding:8px 9px!important}

  /* Settings accordions: visible affordance + reliable click target. */
  .page-settings .settings-details>summary{position:relative!important;padding-inline-end:34px!important;cursor:pointer!important;user-select:none}
  .page-settings .settings-details>summary:after{content:'⌄';position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-size:18px;line-height:1;color:var(--mas-muted);transition:transform .12s ease}
  .page-settings .settings-details[open]>summary:after{transform:translateY(-50%) rotate(180deg)}
  .page-settings .settings-details>summary:hover{background:#f5f7f8!important}

  /* Accessibility */
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
    outline:2px solid var(--primary)!important;
    outline-offset:2px!important;
    box-shadow:none!important;
  }

  /* Responsive: tablet keeps tables; mobile operational lists become record cards. */
  @media (max-width:900px){
    .content{padding:8px 8px 14px!important}
    .sidebar{
      width:280px!important;
      border-inline-end:1px solid var(--mas-line)!important;
      box-shadow:0 8px 24px rgba(20,30,40,.16)!important;
    }
    .sidebar .nav-item,.sidebar .nav-parent{min-height:42px!important;padding:8px 9px!important}
    .nav-child{min-height:39px!important;padding:7px 9px!important}
    .field input,.field select,.field textarea,.searchbar input,.searchbar select,
    .workspace-toolbar input,.workspace-toolbar select,.smart-combo-input{
      min-height:42px!important;height:42px!important;font-size:16px!important;
    }
    .field textarea{height:auto!important;min-height:82px!important}
    .btn{min-height:40px!important}
    .workspace-toolbar{grid-template-columns:1fr 1fr!important}
    .workspace-toolbar .toolbar-search{grid-column:1/-1}
  }

  @media (max-width:720px){
    .page-head,.compact-page-head,.orders-page-head,.order-view-head{align-items:flex-start!important}
    .page-head h1,.compact-page-head h1,.orders-page-head h1,.order-view-head h1{font-size:19px!important}
    .page-head>.actions{width:100%!important;display:flex!important;overflow:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;padding-bottom:1px}
    .page-head>.actions .btn,.page-head>.actions form{flex:0 0 auto!important;width:auto!important}
    .searchbar{display:grid!important;grid-template-columns:1fr 1fr!important}
    .searchbar input[type="text"],.searchbar input[type="search"],.searchbar .smart-combo,.searchbar .filter-clear{grid-column:1/-1!important}
    .workspace-toolbar{grid-template-columns:1fr!important}
    .workspace-toolbar>*{grid-column:1!important}
    .metric-row{grid-template-columns:1fr 1fr!important}
    .view-switch{display:none!important}
    .table-wrap.cards-view tbody{grid-template-columns:1fr!important}
    .table-wrap.cards-view tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
    .table-wrap.cards-view td:first-child,.table-wrap.cards-view td.card-actions-cell,.table-wrap.cards-view td[colspan]{grid-column:1/-1!important}
    .table-wrap.cards-view td.card-actions-cell .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important}
    .table-wrap.cards-view td.card-actions-cell .btn{width:100%!important}
    .table-wrap.has-horizontal-overflow:after{display:none!important}
    .mas-toast-region{left:8px;right:8px;width:auto;top:calc(var(--topbar-h,54px) + 6px)}
  }

  @media (max-width:480px){
    .content{padding-inline:6px!important}
    .metric-row{grid-template-columns:1fr!important}
    .dashboard-stat-strip{grid-template-columns:1fr 1fr!important}
    .dashboard-stat-strip>a{min-height:45px!important}
    .table-wrap.cards-view tr{grid-template-columns:1fr!important}
    .table-wrap.cards-view td{grid-column:1!important}
    .table-wrap.cards-view td:first-child,.table-wrap.cards-view td.card-actions-cell,.table-wrap.cards-view td[colspan]{grid-column:1!important}
  }
}

@media print{
  /* MAS Print Standard: interactive chrome never leaks into business documents. */
  .mas-toast-region,.mas-confirm,.view-switch,.pager,.no-print{display:none!important}
}
@media screen and (min-width:481px){
  .dashboard-stat-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
}


/* V8.9.55 — deterministic settings accordion.
   Do not depend on native <details> behaviour for critical administration fields. */
.page-settings .settings-accordion{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--mas-line)!important;
  background:#fff!important;
}
.page-settings .settings-accordion-toggle{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 10px!important;
  margin:0!important;
  border:0!important;
  background:#fff!important;
  color:var(--mas-text)!important;
  text-align:start!important;
  cursor:pointer!important;
  font-family:Arial,sans-serif!important;
  box-shadow:none!important;
}
.page-settings .settings-accordion-toggle:hover{background:#f7f9fa!important}
.page-settings .settings-accordion-toggle:focus-visible{
  outline:2px solid color-mix(in srgb,var(--primary) 28%,transparent)!important;
  outline-offset:-2px!important;
}
.page-settings .settings-accordion-copy{min-width:0;display:block!important}
.page-settings .settings-accordion-copy strong{
  display:block!important;
  font-size:15px!important;
  line-height:1.25!important;
  color:var(--mas-text)!important;
}
.page-settings .settings-accordion-copy small{
  display:block!important;
  margin-top:2px!important;
  color:var(--mas-muted)!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.page-settings .settings-accordion-arrow{
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  color:#53606b!important;
  font-size:17px!important;
  line-height:1!important;
  transition:transform .12s ease!important;
}
.page-settings .settings-accordion.is-open>.settings-accordion-toggle{
  background:#f7f9fa!important;
  border-bottom:1px solid var(--mas-line)!important;
}
.page-settings .settings-accordion.is-open>.settings-accordion-toggle .settings-accordion-arrow{transform:rotate(180deg)!important}
.page-settings .settings-accordion-panel{padding:9px 10px!important;background:#fff!important}
.page-settings .settings-accordion-panel[hidden]{display:none!important}
.page-settings .settings-lines-card{padding:0!important}
@media (max-width:900px){
  .page-settings .settings-accordion-toggle{min-height:46px!important;padding:9px 10px!important}
  .page-settings .settings-accordion-panel{padding:8px!important}
}