/* Sree Enterprise 2026 · built on the existing Tailwind v4 design tokens. */
:root { color-scheme:light; --sf-brand:#970d35; --sf-ink:#261d23; --sf-accent:#c99a52; --sf-radius:18px; }
html { scroll-padding-top:88px; -webkit-text-size-adjust:100%; }
body { font-family: 'Instrument Sans', system-ui, sans-serif; }
button, input, textarea, select { font:inherit; }
button:not(:disabled), a, summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #c99a52; outline-offset:3px; }
img { max-width:100%; }
[data-lucide] { flex-shrink:0; }
[x-cloak] { display:none!important; }

.sf-enterprise { background:linear-gradient(180deg,#f9f6f3 0,#f6f3f2 45%,#faf8f6 100%); }
.sf-enterprise aside { box-shadow:12px 0 32px #180f1710; }
.sf-enterprise aside nav a { border:1px solid transparent; position:relative; min-height:41px; }
.sf-enterprise aside nav a:hover { transform:translateX(2px); border-color:#ffffff12; }
.sf-enterprise aside nav a.bg-\[\#970D35\] { box-shadow:0 6px 20px #970d353b; }
.sf-enterprise header { box-shadow:0 2px 15px #2b192309; }
.sf-enterprise main { width:100%; max-width:1600px; margin-inline:auto; }
.sf-enterprise main > div { min-width:0; }
.sf-enterprise main .bg-white, .sf-customer-workspace .bg-white { box-shadow:0 6px 30px #2e192008; border-color:#eae0dc; }
.sf-enterprise main .bg-white:hover, .sf-customer-workspace .bg-white:hover { box-shadow:0 10px 34px #2e192012; }
.sf-enterprise main table, .sf-customer-workspace table { border-collapse:separate; border-spacing:0; }
.sf-enterprise main th, .sf-customer-workspace th { white-space:nowrap; }
.sf-enterprise main td, .sf-customer-workspace td { vertical-align:middle; }
.sf-enterprise main table tbody tr { transition:background-color .2s ease; }
.sf-enterprise main table tbody tr:hover { background:#fff9f6; }
.sf-enterprise input:not([type=checkbox]):not([type=radio]):not([type=file]),
.sf-enterprise textarea, .sf-enterprise select,
.sf-customer-workspace input:not([type=checkbox]):not([type=radio]):not([type=file]),
.sf-customer-workspace textarea, .sf-customer-workspace select {
  min-height:40px; border-radius:12px; background-color:white; accent-color:var(--sf-brand);
  transition:border-color .2s,box-shadow .2s; }
.sf-enterprise input:focus, .sf-enterprise textarea:focus, .sf-enterprise select:focus,
.sf-customer-workspace input:focus, .sf-customer-workspace textarea:focus, .sf-customer-workspace select:focus { border-color:#970d35; box-shadow:0 0 0 3px #970d3512; outline:0; }
.sf-enterprise button:disabled, .sf-customer-workspace button:disabled { opacity:.55; cursor:not-allowed; }
.sf-enterprise :is(button,a), .sf-customer-workspace :is(button,a) { transition:background-color .18s,transform .18s,border-color .18s,box-shadow .18s; }
.sf-enterprise main button:active, .sf-customer-workspace button:active { transform:scale(.98); }
.sf-enterprise :is(input,textarea,select)[aria-invalid=true] { border-color:#e11d48; }
.sf-dashboard-label { color:#a36f37; font-weight:800; font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; }
.sf-upload-preview { object-fit:cover; border-radius:14px; border:1px solid #e8dad5; width:100%; height:132px; }
.sf-file-input { display:block; width:100%; border:1px dashed #d8bdc5; background:#fffaf8; border-radius:12px; padding:10px; }
.sf-file-input::file-selector-button { background:#970d35; color:white; padding:7px 12px; border:0; border-radius:8px; margin-right:10px; cursor:pointer; }
.sf-customer-workspace { min-height:65vh; background:linear-gradient(180deg,#fbf6f6,#fffaf5); }
.sf-customer-tabs { scrollbar-width:none; }
.sf-customer-tabs::-webkit-scrollbar { display:none; }
.sf-customer-tabs a { display:flex; align-items:center; gap:8px; padding:10px 13px; border-radius:12px; font-size:.8rem; font-weight:700; white-space:nowrap; color:#6d5963; }
.sf-customer-tabs a[aria-current=page] { background:#970d35; color:white; box-shadow:0 8px 18px #970d3526; }
.sf-customer-tabs a:not([aria-current=page]):hover { background:#fbe9e9; color:#970d35; }
.sf-public-site header { isolation:isolate; }
.sf-public-site header nav a:hover { color:#970d35; }
.sf-public-site input:focus-visible, .sf-public-site select:focus-visible, .sf-public-site textarea:focus-visible { border-color:#970d35; box-shadow:0 0 0 3px #970d351b; outline:0; }
.sf-mobile-drawer { box-shadow:0 22px 45px #22151f25; }
.sf-mobile-drawer a { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; font-size:.875rem; font-weight:650; color:#36242d; }
.sf-mobile-drawer a:hover { background:#f9ebef; color:#970d35; }
.sf-mobile-drawer a[aria-current=page] { background:#f8e9ee; color:#970d35; }
.swal2-container { z-index:11000!important; }
[data-sonner-toaster] { z-index:11000!important; }
@media(max-width:767px) {
 .sf-enterprise header { height:65px; }
 .sf-enterprise main { padding-inline:12px; }
 .sf-enterprise main .overflow-x-auto, .sf-customer-workspace .overflow-x-auto { overscroll-behavior-x:contain; }
 .sf-enterprise main td, .sf-customer-workspace td { min-width:90px; }
 .sf-enterprise .swal2-popup, .sf-public-site .swal2-popup { width:min(95vw,420px); }
 .sf-public-site main { padding-bottom:16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

@media(max-width:640px) {
 .sf-enterprise main .flex.justify-between { gap:.65rem; }
 .sf-enterprise main :is(button,a) { touch-action:manipulation; }
 .sf-customer-workspace .font-serif { overflow-wrap:anywhere; }
}
.sf-enterprise input[type="file"],.sf-customer-workspace input[type="file"] { max-width:100%; }
.sf-public-site .sf-mobile-drawer { padding-bottom:env(safe-area-inset-bottom, 24px); }
