/* Indian Hardwoods Web UI/UX Upgrade - non-destructive overlay */
:root{
  --ih-bg:#f4f7f3;
  --ih-surface:#ffffff;
  --ih-surface-2:#f8fbf7;
  --ih-text:#122018;
  --ih-muted:#637064;
  --ih-border:#dfe7dd;
  --ih-brand:#1f5b3d;
  --ih-brand-2:#2f7a54;
  --ih-accent:#b9853b;
  --ih-danger:#b42318;
  --ih-warning:#b7791f;
  --ih-success:#1f7a4d;
  --ih-shadow:0 10px 30px rgba(18,32,24,.08);
  --ih-shadow-soft:0 4px 14px rgba(18,32,24,.06);
  --ih-radius:16px;
  --ih-radius-sm:10px;
  --ih-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html[data-theme="dark"]{
  --ih-bg:#0f1712;
  --ih-surface:#152219;
  --ih-surface-2:#101b14;
  --ih-text:#eef7ef;
  --ih-muted:#a7b7aa;
  --ih-border:#314033;
  --ih-brand:#5bbd82;
  --ih-brand-2:#79d39b;
  --ih-accent:#d7ad6b;
  --ih-shadow:0 10px 30px rgba(0,0,0,.35);
  --ih-shadow-soft:0 4px 14px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ih-ui, body{
  font-family:var(--ih-font);
  background:
    radial-gradient(circle at top left, rgba(47,122,84,.11), transparent 32rem),
    linear-gradient(180deg,var(--ih-bg),#eef3ed 65%,var(--ih-bg));
  color:var(--ih-text);
  line-height:1.45;
}
html[data-theme="dark"] body{
  background:radial-gradient(circle at top left, rgba(91,189,130,.12), transparent 32rem), var(--ih-bg);
}
a{color:var(--ih-brand)}
.app,.container,main,.page,.content{max-width:1440px;margin-inline:auto}
.topbar,.app-header,header,.navbar{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.86);
  border-bottom:1px solid var(--ih-border);
  box-shadow:0 1px 0 rgba(18,32,24,.03);
}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .app-header,html[data-theme="dark"] header,html[data-theme="dark"] .navbar{background:rgba(21,34,25,.88)}
.brand,.logo,.site-title{font-weight:800;letter-spacing:-.03em;color:var(--ih-text)}
nav,.nav,.menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
nav a,.nav a,.menu a,.topbar a:not(.btn){
  padding:9px 12px;
  border-radius:999px;
  color:var(--ih-muted);
  text-decoration:none;
  font-weight:650;
  transition:.18s ease;
}
nav a:hover,.nav a:hover,.menu a:hover,.topbar a:not(.btn):hover,
nav a.active,.nav a.active,.menu a.active{background:rgba(31,91,61,.10);color:var(--ih-brand)}
.card,section.card,.panel,.box{
  background:var(--ih-surface);
  border:1px solid var(--ih-border);
  border-radius:var(--ih-radius);
  box-shadow:var(--ih-shadow-soft);
  padding:18px;
  margin:16px 0;
}
.card h1,.card h2,h1,h2{letter-spacing:-.035em;color:var(--ih-text)}
h1{font-size:clamp(26px,3vw,38px);line-height:1.08;margin:0 0 10px}
h2{font-size:clamp(20px,2vw,26px);margin:0 0 12px}.muted,.help,.small{color:var(--ih-muted)}
.summary-grid,.stats-grid,.dashboard-grid,.statement-summary-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
}
.summary-grid>div,.stats-grid>div,.dashboard-grid>div,.statement-summary-grid>div,.stat-card{
  background:linear-gradient(135deg,var(--ih-surface),var(--ih-surface-2));
  border:1px solid var(--ih-border);
  border-radius:14px;
  padding:15px;
  box-shadow:var(--ih-shadow-soft);
  min-height:88px;
}
.summary-grid span,.stats-grid span,.dashboard-grid span,.stat-card span{display:block;color:var(--ih-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.summary-grid strong,.stats-grid strong,.dashboard-grid strong,.stat-card strong{display:block;margin-top:6px;font-size:24px;color:var(--ih-text);letter-spacing:-.03em}
.btn,button,input[type="submit"],input[type="button"]{
  appearance:none;
  border:1px solid var(--ih-border);
  background:var(--ih-surface);
  color:var(--ih-text);
  border-radius:11px;
  padding:10px 14px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  transition:.18s ease;
}
.btn:hover,button:hover,input[type="submit"]:hover{transform:translateY(-1px);box-shadow:var(--ih-shadow-soft);border-color:rgba(31,91,61,.35)}
.btn.primary,.primary,button.primary,input[type="submit"].primary{
  background:linear-gradient(135deg,var(--ih-brand),var(--ih-brand-2));
  color:#fff;
  border-color:transparent;
}
.btn.light,.light{background:var(--ih-surface-2);color:var(--ih-text)}
.btn.danger,.danger{background:#fff3f1;color:var(--ih-danger);border-color:#f2b8b3}
html[data-theme="dark"] .btn.danger,html[data-theme="dark"] .danger{background:#351a18;border-color:#6d2c26;color:#ffb4ab}
.actions-row,.button-row,.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
input,select,textarea{
  width:100%;
  border:1px solid var(--ih-border);
  background:var(--ih-surface);
  color:var(--ih-text);
  border-radius:11px;
  padding:10px 12px;
  min-height:40px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}
input:focus,select:focus,textarea:focus{border-color:var(--ih-brand);box-shadow:0 0 0 4px rgba(31,91,61,.12)}
label{font-weight:700;color:var(--ih-text);font-size:13px;display:block}
label input,label select,label textarea{margin-top:6px;font-weight:500;font-size:14px}
.form-grid,.filter-form,.statement-filter-form,.quick-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:13px;
  align-items:end;
}
.statement-actions,.filter-form .actions-row{grid-column:1/-1}
.table-wrap,.responsive-table{width:100%;overflow:auto;border-radius:14px;border:1px solid var(--ih-border);background:var(--ih-surface)}
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--ih-surface);font-size:14px}
th,td{padding:11px 12px;border-bottom:1px solid var(--ih-border);vertical-align:middle;text-align:left}
th{position:sticky;top:0;background:var(--ih-surface-2);z-index:5;color:var(--ih-muted);font-size:12px;text-transform:uppercase;letter-spacing:.035em;font-weight:850}
tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(31,91,61,.055)}
tbody tr:last-child td{border-bottom:0}.num,.right{text-align:right}.center{text-align:center}
.badge,.status,.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:rgba(31,91,61,.10);color:var(--ih-brand)}
.badge.sold,.status-sold{background:#fff3d6;color:#8a5a00}.badge.stock,.status-stock{background:#def7e8;color:#16683d}
.alert,.notice{border-radius:13px;padding:12px 14px;border:1px solid var(--ih-border);background:var(--ih-surface-2);margin:12px 0}
.alert.success,.success{border-color:#b7e2c6;background:#eefbf2;color:#155c34}.alert.error,.error{border-color:#f2b8b3;background:#fff4f2;color:#8f231b}
html[data-theme="dark"] .alert.success,html[data-theme="dark"] .success{background:#102819;color:#a8e6bd}html[data-theme="dark"] .alert.error,html[data-theme="dark"] .error{background:#351a18;color:#ffb4ab}
.ih-ui-tools{display:flex;gap:8px;align-items:center;margin-left:auto}.ih-ui-icon-btn{width:40px;height:40px;padding:0;border-radius:50%}.ih-back-top{position:fixed;right:18px;bottom:18px;z-index:90;opacity:0;pointer-events:none;transform:translateY(8px)}.ih-back-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
body.ih-compact .card{padding:13px;margin:10px 0}body.ih-compact th,body.ih-compact td{padding:7px 9px}body.ih-compact input,body.ih-compact select,body.ih-compact textarea{padding:8px 10px;min-height:36px}
@media(max-width:760px){
  body{font-size:14px}.card{padding:14px;border-radius:14px;margin:12px 0}.topbar,.app-header,header,.navbar{position:sticky}.nav,nav,.menu{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.nav::-webkit-scrollbar,nav::-webkit-scrollbar,.menu::-webkit-scrollbar{display:none}
  .form-grid,.filter-form,.statement-filter-form,.quick-grid{grid-template-columns:1fr}.actions-row,.button-row,.form-actions{display:grid;grid-template-columns:1fr 1fr}.actions-row .btn,.actions-row button{width:100%}.summary-grid,.stats-grid,.dashboard-grid,.statement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-grid strong,.stats-grid strong,.dashboard-grid strong{font-size:20px}.table-wrap{border-radius:12px}table{min-width:820px;font-size:13px}th,td{padding:9px 10px}.ih-ui-tools{margin-left:0}
}
@media(max-width:420px){.summary-grid,.stats-grid,.dashboard-grid,.statement-summary-grid{grid-template-columns:1fr}.actions-row,.button-row,.form-actions{grid-template-columns:1fr}}
@media print{.topbar,.app-header,header,.navbar,.nav,nav,.menu,.ih-ui-tools,.ih-back-top,.btn,button{display:none!important}body{background:white;color:#111}.card{box-shadow:none;border:0;margin:0;padding:0}.table-wrap{border:0;overflow:visible}table{font-size:11px}th{position:static;background:#eee;color:#111}}