/* ShreeProp v0.9.7 | Premium Shree Property Holdings system-wide theme
   Follows corporate training manuals; obeys configurable --brand-* tokens. */
:root{color-scheme:light;--shree-divider:#e7e1e4;--shree-muted:#655b61;--shree-shadow:0 9px 27px rgba(28,12,19,.065)}
body:has(.app),body.projectStandalone,.content{color:var(--app-ink,#201b20)}
body:has(.app),body.projectStandalone{background:var(--app-bg,#f6f5f5)!important}
.side,.sidebar{background:var(--brand-side,#101013)!important;color:#f4f0f1!important}
.side{border-right:1px solid #292129}
.side .brand,.sidebar .brand{border-bottom:1px solid #5e3640!important}
.brandmark{background:var(--brand-primary)!important;color:var(--brand-on-primary)!important}
.sideSection,.sideFoot span,.side .brand small{color:#c6afb7!important}
.side .nav,.sidebar .nav{color:#e3d9dd!important}
.side .nav.active,.side .nav:hover{background:color-mix(in srgb,var(--brand-primary) 22%,var(--brand-side))!important;color:#fff!important}
.side .nav.active{border-left:3px solid var(--brand-accent)!important}
.side .nav i{color:#f5adb9!important}
.top,.topbar{background:#fff!important;border-bottom:2px solid color-mix(in srgb,var(--brand-primary) 32%,#eee)!important}
.eyebrow,.projectCard .small,.reportIcon,.phaseHint{color:var(--brand-primary)!important}
.panel,.metric,.projectCard,.reportTile,.kpi,.brandingPreview{box-shadow:var(--shree-shadow)!important;border-color:var(--shree-divider)!important;background:#fff}
.panel,.metric,.projectCard,.reportTile{border-radius:13px}
.app .panelhead h2,.app .panelhead h3,.app h1,.app h2,.app h3,.projectStandalone h1,.projectStandalone h2,.projectStandalone h3{color:var(--app-ink,#201b20)}
.metric .round,.reportIcon,.capsule,.pill:not(.warn),.tag.good{background:var(--brand-soft)!important;color:var(--brand-primary)!important;border-color:color-mix(in srgb,var(--brand-primary) 14%,white)!important}
.metric .topLabel,.panelhead p,.subtitle,.hint,.reportFilter span{color:var(--shree-muted)!important}
button.primary,.button-primary,.primary,.poTinySave{background:var(--brand-primary)!important;color:var(--brand-on-primary,#fff)!important;border-color:var(--brand-primary)!important;box-shadow:0 5px 13px color-mix(in srgb,var(--brand-primary) 20%,transparent)}
button.primary:hover,.primary:hover{filter:brightness(.92)}
a,.textBtn,.linklike,.detail-back{color:var(--brand-primary)}
button.soft,.soft,.button-ghost,.smallActions button{background:#fff!important;color:var(--brand-primary)!important;border:1px solid #d9cbd0!important}
button.soft:hover,.soft:hover,.smallActions button:hover{background:var(--brand-soft)!important}
.progressTrack,.bar,.bar-track{background:#eee5e7!important}
.progressTrack>div,.bar>span,.bar-fill,.chart-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))!important}
th{background:#282329!important;color:#fff!important;letter-spacing:.45px}
td{color:#42343b!important;border-bottom:1px solid #f0e8eb!important}
tr:hover td{background:#fcf7f8!important}
input:focus,select:focus,textarea:focus{border-color:var(--brand-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important}
.settings input[type=checkbox],input[type=checkbox]{accent-color:var(--brand-primary)!important}
.modalSheet,.modal{border-color:color-mix(in srgb,var(--brand-primary) 18%,white)}
footer,.foot{border-top:1px solid var(--shree-divider);color:#63565d}
.supplierOnboardPanel{border:1px solid color-mix(in srgb,var(--brand-primary) 28%,white);border-radius:13px;padding:19px;background:linear-gradient(130deg,var(--brand-soft),#fff 70%);display:grid;gap:16px}
.supplierOnboardPanel[hidden]{display:none!important}
.supplierOnboardHead{display:grid;gap:5px;border-bottom:2px solid var(--brand-primary);padding-bottom:12px}
.supplierOnboardHead strong{font-size:15px;color:var(--brand-primary)}
.supplierOnboardHead small{font-size:12px;line-height:1.6;color:#564b50}
.supplierToggle{align-self:center;background:#fff4f6;border:1px solid #eac8d0;padding:12px 14px;border-radius:10px;min-height:44px;cursor:pointer}
#p2pSupplierRows button{white-space:nowrap;margin:3px}
#p2pSupplierSearch{background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23b81734" stroke-width="2"%3E%3Ccircle cx="11" cy="11" r="8"/%3E%3Cpath d="m21 21-4.35-4.35"/%3E%3C/svg%3E') no-repeat right 12px center;padding-right:38px}
@media(max-width:760px){.supplierForm .cols2{grid-template-columns:1fr!important}.side,.sidebar{box-shadow:15px 0 40px #0002}}
@media print{th{background:var(--brand-side,#101013)!important;color:#fff!important;print-color-adjust:exact}.side,.top,.no-print{display:none!important}.panel{box-shadow:none!important}}

/* Consistent accessible scrolling for all ShreeProp responsive data grids. */
.scrollX{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable;scrollbar-width:auto;-webkit-overflow-scrolling:touch}
.scrollX::-webkit-scrollbar{width:12px;height:12px}
.scrollX::-webkit-scrollbar-thumb{border:2px solid #f4f4f5;border-radius:9px;background:#acb4bf}
.scrollX table{border-collapse:collapse}
@media(max-width:720px){.scrollX{overflow:auto;max-height:72dvh;scrollbar-width:auto;border:1px solid rgba(160,160,165,.35);border-radius:8px;touch-action:pan-x pan-y}.scrollX::before{content:'↔ Swipe across columns · ↕ Scroll rows';display:block;position:sticky;left:0;width:max-content;padding:4px 8px;color:#9D102E;background:#fff0f2;font-size:11px;font-weight:700;z-index:2}.scrollX table{width:max-content;min-width:100%}}