/* Matrix Anchor application-only responsive layer.
   Loaded after AdminCTL and the brand theme on PHP app views. */
.admin-shell{grid-template-columns:minmax(0,var(--sidebar-width)) minmax(0,1fr)}
.admin-header,.admin-main,.admin-footer{min-width:0}
.admin-sidebar{overscroll-behavior:contain}
.admin-sidebar .nav-link span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.admin-main{width:100%;max-width:100%;overflow-x:hidden}
.admin-main>.row{min-width:0}
.dashboard-intro>div:first-child{min-width:0}
.dashboard-intro .d-flex{flex-wrap:wrap}
.workspace-panel{height:auto;min-width:0}
.workspace-panel-header{gap:1rem}
.workspace-panel-header>div{min-width:0}
.module-row{min-width:0}
.module-row>div{min-width:0}
.module-row strong,.module-row small{overflow-wrap:anywhere}
.module-row>form,.module-row>.d-flex{flex:0 0 auto}
.table-responsive{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ma-border-light) var(--ma-surface)}
.table-responsive>.table{margin-bottom:0}
.workspace-panel .table{--bs-table-color:var(--ma-text-secondary);--bs-table-bg:transparent;--bs-table-border-color:var(--ma-border);--bs-table-striped-color:var(--ma-text-secondary);--bs-table-striped-bg:rgba(255,255,255,.018);--bs-table-hover-color:var(--ma-text);--bs-table-hover-bg:var(--ma-surface-hover);color:var(--ma-text-secondary)}
.workspace-panel .table>thead{--bs-table-color:var(--ma-text);--bs-table-bg:var(--ma-surface-alt)}
.workspace-panel .table>thead th{color:var(--ma-text)!important;font-size:.7rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase;border-bottom-color:var(--ma-border-light)}
.workspace-panel .table>tbody td{color:var(--ma-text-secondary)!important;border-bottom-color:var(--ma-border)}
.workspace-panel .table>tbody td:first-child{color:var(--ma-text)!important;font-weight:650}
.workspace-panel .table>tbody tr:last-child td{border-bottom:0}
.workspace-panel .table-hover>tbody>tr:hover>*{color:var(--ma-text)!important;background-color:var(--ma-surface-hover)!important}
.workspace-panel .table .text-secondary{color:var(--ma-text-muted)!important}
.admin-main dl dd{overflow-wrap:anywhere}
#card-element{min-width:0}
.customer-tabs{display:flex;gap:.35rem;margin:0 0 1.25rem;padding:.35rem;overflow-x:auto;background:var(--ma-black);border:1px solid var(--ma-border);border-radius:var(--radius-base);scrollbar-width:thin}
.customer-tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.55rem .85rem;white-space:nowrap;border:1px solid transparent;border-radius:calc(var(--radius-base) - .15rem);background:transparent;color:var(--ma-text-muted);font-size:.78rem;font-weight:700;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.customer-tab:hover{background:var(--ma-surface);color:var(--ma-text-secondary)}
.customer-tab.active{background:var(--ma-orange-soft);border-color:var(--ma-orange-border);color:var(--ma-orange)}
.customer-tab:focus-visible{outline:2px solid var(--ma-orange);outline-offset:2px}
.customer-tab-grid.single-visible-column>[class*="col-"]:not([hidden]){width:100%}
.customer-detail-page:not(.tabs-ready) [data-customer-section]:not([data-customer-section="overview"]){display:none!important}
.customer-detail-page [data-customer-section][hidden],.customer-tab-grid[hidden],.customer-tab-grid>[hidden]{display:none!important}
.customer-detail-page .customer-tab-grid{animation:customer-tab-in .16s ease}
@keyframes customer-tab-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}

@media(min-width:992px){
  .admin-shell.is-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}
  .admin-shell.is-collapsed .admin-sidebar{padding-inline:.55rem}
  .admin-shell.is-collapsed .brand-lockup{justify-content:center;padding-inline:0}
  .admin-shell.is-collapsed .brand-lockup img{width:42px;height:42px;object-fit:cover;object-position:left}
  .admin-shell.is-collapsed .nav-section,.admin-shell.is-collapsed .nav-link span{display:none}
  .admin-shell.is-collapsed .nav-link{justify-content:center;padding-inline:.5rem}
  .admin-shell.is-collapsed .nav-link i{width:auto}
}

@media(max-width:991.98px){
  body.admin-nav-open{overflow:hidden}
  .admin-shell,.admin-shell.is-collapsed{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:var(--header-height) minmax(0,1fr) auto!important;grid-template-areas:"header" "main" "footer"!important;width:100%!important;min-width:0!important}
  .admin-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(var(--sidebar-width),86vw)!important;height:100dvh!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:1050!important;box-shadow:none}
  .admin-shell.sidebar-open .admin-sidebar{transform:translateX(0)!important;box-shadow:18px 0 60px rgba(0,0,0,.45)}
  .admin-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:1045!important;background:rgba(0,0,0,.62)!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
  .admin-shell.sidebar-open .admin-sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .admin-header{grid-area:header!important;width:100%;padding-inline:1rem;position:sticky;top:0}
  .admin-main{grid-area:main!important;padding:1.15rem!important}
  .admin-footer{grid-area:footer!important}
  .dashboard-intro{align-items:flex-start}
}

@media(max-width:767.98px){
  .admin-header{height:var(--header-height);gap:.6rem}
  .admin-header .btn{min-width:42px;padding-inline:.65rem}
  .admin-main{padding:1rem!important}
  .admin-breadcrumb{margin-bottom:.75rem;overflow:hidden}
  .breadcrumb{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .breadcrumb-item{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .dashboard-intro{display:flex!important;flex-direction:column;align-items:stretch!important;margin-bottom:1.1rem;gap:.85rem}
  .dashboard-intro h2{font-size:1.35rem;overflow-wrap:anywhere}
  .dashboard-intro>div:last-child{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}
  .dashboard-intro>div:last-child>*{margin:0!important}
  .dashboard-intro>div:last-child .btn{width:100%}
  .workspace-panel{border-radius:.45rem}
  .workspace-panel-header{padding:1rem;align-items:flex-start}
  .workspace-panel-header h3{font-size:.9rem}
  .workspace-panel>.p-4,.workspace-panel>form.p-4{padding:1rem!important}
  .module-row{align-items:flex-start;flex-wrap:wrap;padding:1rem;gap:.7rem}
  .module-icon{flex-basis:34px;height:34px}
  .module-row>div{flex:1 1 calc(100% - 48px)}
  .module-row>form,.module-row>.d-flex{margin-left:calc(34px + .7rem)}
  .module-row .badge{white-space:normal;text-align:left}
  .form-control-sm,.form-select-sm,.btn-sm{font-size:.82rem}
  .table-responsive{margin:0;border-radius:0;border-inline:0;-webkit-overflow-scrolling:touch}
  .table-responsive>.table{min-width:680px}
  .table-responsive>.table th,.table-responsive>.table td{padding:.75rem;white-space:nowrap}
  .table-responsive>.table th:first-child,.table-responsive>.table td:first-child{position:sticky;left:0;z-index:1;background:var(--ma-surface);box-shadow:1px 0 var(--ma-border)}
  .admin-main dl.row dt{width:38%}
  .admin-main dl.row dd{width:62%}
  #add-card-form{max-width:100%}
  .customer-tabs{margin-inline:-.15rem;padding:.25rem}
  .customer-tab{flex:0 0 auto;padding-inline:.7rem}
}

@media(max-width:479.98px){
  .admin-header{padding-inline:.75rem}
  .admin-header h1{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-main{padding:.75rem!important}
  .ma-kicker{font-size:.62rem}
  .module-row>form,.module-row>.d-flex{width:100%;margin-left:0;justify-content:flex-end}
  .module-row>form .btn{min-width:44px}
  .workspace-panel-header{flex-direction:column;gap:.3rem}
  .workspace-panel-header .btn{width:100%}
  .customer-tab span{display:none}
  .customer-tab{width:44px;padding-inline:0}
  .customer-tab.active{width:auto;padding-inline:.75rem}
  .customer-tab.active span{display:inline}
}