/* Fixed stone ground behind groups; card surfaces retain the active theme. */
@media screen{
body.dracares-materials :is(.quick-grid,.design-carousel-track,.balance-tray,.emp-grid,.type-grid,.commission-tray,.ledger-tray,.products-grid,.contacts-grid,.reps-grid,.table-wrap:not(:has(>.table-header)),.table-container:not(:has(>.card-header)),.design-products,.design-categories,.cats-grid,.related-grid,.rewards-grid,.history-list,.add-sec-grid,.prod-pick-grid,.strip,.orders,.products,.menu,.user-check-list,.weather-grid,.esp-metrics,.tool-list,.palette,#oLog,.m-menu,.notif-group,.alert-list,.conv-list,.messages-area,.card-body:has(>table),#invoicesList,#alertsList,#mainBalGrid,#empGrid,#movList,#paymentsList,#ordersList,#productsList,#rewardsGrid,#historyList,#couponsList,#rewardsList,#tiersList,#sectionsList,#categoryList,#categoriesList,#groupsList,#catPickerList,#receiveItemsList,#profitSummary,#summaryItems,.cart-items,.dc-ground,.chart-bars,#goalsBody,.filters,.filters-bar){
 background-color:#777c76!important;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22384%22%20height%3D%22384%22%20viewBox%3D%220%200%20384%20384%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22stone%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.035%22%20numOctaves%3D%223%22%20seed%3D%2223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22vein%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.013%22%20numOctaves%3D%222%22%20seed%3D%227%22%20stitchTiles%3D%22stitch%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%2222%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23777c76%22%20d%3D%22M0%200h384v384H0z%22%2F%3E%3Cpath%20filter%3D%22url(%23stone)%22%20opacity%3D%22.28%22%20fill%3D%22%23c8cbc3%22%20d%3D%22M0%200h384v384H0z%22%2F%3E%3Cg%20filter%3D%22url(%23vein)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20stroke%3D%22%23d3d2c4%22%20stroke-width%3D%221.1%22%20opacity%3D%22.33%22%20d%3D%22M-20%20294l74-39%2020-31%2064-20%2043-51%2075-32%2024-45%20124-57M36%20235l31%2012%2039-2m51-51%2013%2027%2054%2011%2025%2028m7-140%2051%208%2034-12%22%2F%3E%3Cpath%20stroke%3D%22%23464f48%22%20stroke-width%3D%221.3%22%20opacity%3D%22.25%22%20d%3D%22M-20%2082l91%2049%2042-4%2050%2045%2049%2011%2034%2058%2067%2022%2091%2064%22%2F%3E%3Cpath%20stroke%3D%22%23b9bcb2%22%20stroke-width%3D%22.7%22%20opacity%3D%22.28%22%20d%3D%22M-10%20359l76-36%2078-8%2049-27%2075%208%2047-31%2085-18M4%2023l51%2037%2071%2012%2040%2033%2083%208%2044%2030%20105%2014%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;
 background-size:384px 384px!important;background-repeat:repeat!important;background-position:0 0!important;
 background-blend-mode:normal!important;
 border:1px solid #646a63!important;border-radius:4px;
 box-shadow:inset 0 1px 2px #d1d4c344,inset 0 -1px 2px #353d3644!important;
 padding:12px;
}
body.dracares-materials :is(.quick-grid,.stats-grid,.charts-grid,.tables-grid,.balance-tray,.emp-grid,.contacts-grid,.reps-grid,.table-wrap,.table-container,.design-products,.design-categories,.cats-grid,.related-grid,.rewards-grid,.history-list,.strip,.orders,.products,.menu,#mainBalGrid,#movList,#paymentsList,#sectionsList,#summaryItems,.cart-items)>:is(.empty,.empty-state,.loading,.hint,.error-msg){background:var(--surface);color:var(--text);padding:16px;border-radius:var(--radius-sm)}
body.dracares-materials :is(.table-wrap,.table-container,.ledger-tray)>table{background:var(--surface)}
body.dracares-materials :is(.quick-grid,.stats-grid,.charts-grid,.tables-grid,.design-products,.design-categories,.cats-grid,.related-grid) {min-width:0}
.dc-sidebar-toggle{display:none}
@media(min-width:769px){
body.dracares-materials:not([data-mobile-admin]) .dc-sidebar-toggle{display:flex;align-items:center;justify-content:center;align-self:flex-start;flex-shrink:0;width:44px;height:44px;min-height:44px;margin:8px 12px 0;padding:10px;background:var(--dash-material,var(--surface));color:var(--text);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);cursor:pointer}
.dc-sidebar-toggle svg{width:22px;height:22px;pointer-events:none}
.dc-sidebar-toggle:focus-visible{outline:2px solid var(--color-text-link);outline-offset:3px}
body.dracares-materials:not([data-mobile-admin]).dc-sidebar-collapsed{--sidebar:76px}
body.dracares-materials.dc-sidebar-collapsed>.sidebar{width:76px!important;min-width:76px}
body.dracares-materials.dc-sidebar-collapsed>.main{margin-right:76px!important;min-width:0}
body.dracares-materials.dc-sidebar-collapsed .sidebar :is(.dc-nav-label,.nav-badge,.nav-section,.brand-text,.user-info){display:none!important}
body.dracares-materials.dc-sidebar-collapsed .sidebar .sidebar-brand{padding:12px 8px;justify-content:center}
body.dracares-materials.dc-sidebar-collapsed .sidebar .sidebar-nav{padding:8px}
body.dracares-materials.dc-sidebar-collapsed .sidebar .nav-item{justify-content:center;gap:0;padding:8px;min-width:44px}
body.dracares-materials.dc-sidebar-collapsed .sidebar .nav-item>svg{flex-shrink:0;margin:0;width:22px;height:22px}
body.dracares-materials.dc-sidebar-collapsed .sidebar .sidebar-user{padding:8px;flex-direction:column;gap:6px}
body.dracares-materials.dc-sidebar-collapsed .dc-sidebar-toggle{align-self:center;margin:8px auto 0}
}
@media(max-width:768px){body[data-mobile-admin].dracares-materials :is(.stats-grid,.charts-grid,.tables-grid,.emp-grid,.products-grid,.contacts-grid,.reps-grid,.strip,.orders,.products,.menu,.table-wrap){padding:8px}}
}
@media(forced-colors:active){body.dracares-materials :is(.quick-grid,.stats-grid,.table-wrap,.balance-tray,.emp-grid,#movList){background:Canvas!important;border-color:CanvasText!important}}

@media screen{body.dracares-materials :is(.notif-group-label,.history-date){background:var(--surface);color:var(--text-muted);padding:6px 10px;border-radius:var(--radius-sm)}body.dracares-materials :is(#invoicesList,#alertsList)>.invoice,body.dracares-materials #alertsList>.alert{background:var(--surface);color:var(--text);border:1px solid var(--border);margin:0 0 8px;padding:12px;border-radius:var(--radius-sm)}body.dracares-materials .conv-item{background:var(--surface)}body.dracares-materials .conv-item.active{background:var(--color-input-bg)}body.dracares-materials .card-body:has(>table)>table{background:var(--surface)}}


@media screen{body.dracares-materials :is(.empty,.empty-state,.cart-empty,.typing-indicator){background-color:var(--surface);color:var(--text-muted)}}

/* Section bodies own the stone; numeric controls use quiet walnut compartments. */
@media screen {
body.dracares-materials :is(.stats-row,.stats-grid,.stat-row,.metrics,.stats,.people-cards,.dc-filter-cards){
 background:var(--wood-surface,var(--color-material-wood))!important;
 background-image:var(--dash-grain,linear-gradient(4deg,transparent 45%,#0002 46%,transparent 48%)),var(--wood-surface)!important;
 border:0!important;border-radius:4px;padding:12px!important;gap:12px!important;
 box-shadow:inset 0 1px #ffffff20,inset 0 -2px #0006,0 4px 8px #0004!important;
 min-width:0;
}
body.dracares-materials :is(.stats-row,.stats-grid,.stat-row,.metrics,.stats,.people-cards,.dc-filter-cards)>:is(.stat-card,.stat,.metric,.type-tab,button,a){
 background:var(--surface)!important;border:1px solid var(--border)!important;
 box-shadow:inset 0 1px var(--color-highlight),inset 0 -2px var(--color-shadow),0 3px 5px #0005!important;
 border-radius:2px;min-width:0;
}
.dc-filter-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));margin:0 0 28px}
.dc-filter-card{font:inherit;color:var(--text);padding:18px 12px;cursor:pointer;text-align:right;min-height:88px}
.dc-filter-card strong{display:block;font-size:25px;line-height:1.5}
.dc-filter-card span{font-size:14px;color:var(--text-muted)}
.dc-filter-card[aria-pressed=true],.dc-summary-filter[aria-pressed=true]{outline:1px solid var(--color-accent-bronze);outline-offset:-3px;box-shadow:var(--shadow-inset)!important}
.dc-filter-card:focus-visible,.dc-summary-filter:focus-visible{outline:2px solid var(--color-text-link);outline-offset:3px}
.dc-filter-source,[hidden]{display:none!important}
body.dracares-materials .dc-ground{margin:12px;min-width:0;overflow-x:auto}
body.dracares-materials .dc-ground>table{background:var(--surface);width:100%}
body.dracares-materials .dc-search-actions{display:flex;gap:8px;align-items:center;margin-inline-start:auto;flex-wrap:wrap}
body.dracares-materials :is(.filters,.filters-bar){min-width:0;position:relative;flex-wrap:wrap;gap:12px}
body.dracares-materials .main{min-width:0;flex:1}
body.dracares-materials .main>.content{max-width:none}
body.dracares-materials{--dash-rail-height:10px;--dash-rail-width:14px}
[data-theme=light] body.dracares-materials{--dash-rail-height:16px;--dash-rail-width:24px}
body.dracares-materials :is(.filters,.filters-bar,.stats-row)::after{left:calc(-1 * var(--dc-content-gutter,24px));right:calc(-1 * var(--dc-content-gutter,24px))}
body.dracares-materials .material-rail{margin-inline:calc(-1 * var(--dc-content-gutter,24px));width:calc(100% + 2 * var(--dc-content-gutter,24px));height:var(--dash-rail-height)}
.dc-sidebar-controls{display:flex;align-items:center;gap:8px;padding:8px 12px}
body.dracares-materials .dc-sidebar-controls .dc-sidebar-toggle{margin:0}
body.dracares-materials.dc-sidebar-collapsed .dc-sidebar-controls{justify-content:center;padding:8px}
body.dracares-materials.dc-sidebar-collapsed .dc-sidebar-controls .theme-toggle{display:none!important}
body.dracares-materials.dc-sidebar-collapsed .sidebar :is(.user-meta,.topbar-sub){display:none!important}
body.dracares-materials :is(.theme-toggle,.m-theme-toggle){width:48px!important;min-width:48px!important;height:44px!important;box-sizing:border-box;flex:0 0 48px}
body.dracares-materials :is(.theme-toggle,.m-theme-toggle)::before{inset:11px 2px!important;box-sizing:border-box}
body.dracares-materials :is(.theme-toggle,.m-theme-toggle)::after{width:18px!important;height:18px!important;box-sizing:border-box!important;top:13px!important;left:4px!important;right:auto!important;transform:none!important}
body.dracares-materials :is(.theme-toggle,.m-theme-toggle)[aria-checked=true]::after{left:26px!important}
body.dracares-materials .toggle:has(input){width:52px!important;min-width:52px;min-height:44px;height:44px;position:relative;display:inline-block;flex-shrink:0}
body.dracares-materials .toggle :is(i,.toggle-slider){position:absolute!important;inset:11px 2px!important;box-sizing:border-box;border-radius:999px}
body.dracares-materials .toggle :is(i,.toggle-slider)::before{width:18px!important;height:18px!important;box-sizing:border-box!important;top:1px!important;left:1px!important;right:auto!important;transform:none!important}
body.dracares-materials .toggle input:checked+:is(i,.toggle-slider)::before{transform:translateX(26px)!important}
.dc-receiving-layout{display:grid;grid-template-columns:minmax(130px,220px) minmax(0,1fr);gap:20px}
.dc-receiving-layout>.dc-filter-cards{grid-template-columns:1fr;align-self:start}
.dc-receiving-layout>#pageTabPurchases{display:none!important}
.dc-receiving-layout>#pageTabReceiving{display:block!important;min-width:0}
@media(max-width:768px){
 body.dracares-materials{--dc-content-gutter:14px;--dash-rail-height:6px;--m-wood-height:6px}
 [data-theme=light] body.dracares-materials{--dash-rail-height:10px;--m-wood-height:10px}
 .dc-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.dracares-materials :is(.stats-row,.stats-grid,.stat-row,.metrics,.stats,.people-cards,.dc-filter-cards){padding:8px!important;gap:8px!important}
 .dc-receiving-layout{grid-template-columns:1fr}
 .dc-receiving-layout>.dc-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dc-search-actions{width:100%;justify-content:flex-end}
 body[data-mobile-admin] a[href*="store-grid-builder"]{display:none!important}
}
}

@media screen{
body.dracares-materials .main .content :is(.filters,.filters-bar,.stats-row)::after,
body.dracares-materials .main .content .material-divider::before{
 left:calc(-1 * var(--dc-rail-left,var(--dc-content-gutter,24px)))!important;
 right:calc(-1 * var(--dc-rail-right,var(--dc-content-gutter,24px)))!important;
}
body.dracares-materials .sidebar .nav-item>svg{width:22px;height:22px;flex:0 0 22px}
body.dracares-materials .dc-filter-card[aria-expanded=true]{outline:1px solid var(--color-accent-bronze);outline-offset:-3px}
body.dracares-materials .stat[aria-pressed=true]{box-shadow:var(--shadow-inset)!important;outline:1px solid var(--color-accent-bronze);outline-offset:-3px}
@media(max-width:768px){
 body[data-mobile-admin] .filters .search-row{display:flex;flex-wrap:wrap;width:100%;gap:8px}
 body[data-mobile-admin] .filters .search-row>.search{flex:1;min-width:140px;width:auto}
 body[data-mobile-admin] .filters .search-row>.btn{margin-inline-start:auto}
 body[data-mobile-admin] .dc-filter-cards{width:100%}
}
}