/* Meezan ERP — left sidebar shared by every page (index, /industries/*, /whatsapp/). Built by mz-side.js. */
:root{--mzs-w:256px;--mzs-mini:74px;--mzs-bg:#2A1708;--mzs-bg2:#3A2212;--mzs-tx:#F1DFCC;--mzs-mu:#B8977A;--mzs-ac:#F26A1B}
body.mzs{padding-left:var(--mzs-w)}
body.mzs.mzs-mini{padding-left:var(--mzs-mini)}
body.mzs .nav-links,body.mzs #menu,body.mzs .burger,body.mzs .menu-btn,body.mzs .mobile-menu{display:none !important}
.mzs-side{position:fixed;left:0;top:0;bottom:0;width:var(--mzs-w);background:var(--mzs-bg);color:var(--mzs-tx);z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:#5a3a22 transparent}
.mzs-brand{display:flex;gap:11px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;color:#fff;flex-shrink:0}
.mzs-brand i{width:40px;height:40px;border-radius:11px;background:#FFF4E8;display:grid;place-items:center;flex-shrink:0}
.mzs-brand b{display:block;font:800 17px Sora,"Segoe UI",sans-serif;letter-spacing:.2px}.mzs-brand small{display:block;font:500 10px "IBM Plex Mono",monospace;letter-spacing:1.6px;color:var(--mzs-mu)}
.mzs-sec{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mzs-mu);padding:16px 20px 6px;white-space:nowrap}
.mzs-a{display:flex;gap:12px;align-items:center;padding:10px 18px;color:var(--mzs-tx);text-decoration:none;font-weight:600;font-size:14px;border-left:3px solid transparent;white-space:nowrap;cursor:pointer;background:none;border-top:0;border-right:0;border-bottom:0;width:100%;text-align:left;font-family:inherit}
.mzs-a:hover{background:var(--mzs-bg2);color:#fff}
.mzs-a.on{background:rgba(242,106,27,.17);color:#fff;border-left-color:var(--mzs-ac)}
.mzs-a svg{width:20px;height:20px;flex-shrink:0}
.mzs-a .hot{margin-left:auto;font:700 9.5px "IBM Plex Mono",monospace;letter-spacing:1px;background:var(--mzs-ac);color:#fff;border-radius:999px;padding:3px 7px}
.mzs-a .cv{margin-left:auto;font-size:11px;opacity:.6;transition:transform .2s}
.mzs-grp.open .cv{transform:rotate(90deg)}
.mzs-sub{display:none;padding:2px 0 8px}
.mzs-grp.open .mzs-sub{display:block}
.mzs-sub a{display:block;padding:7px 18px 7px 52px;color:var(--mzs-tx);opacity:.82;text-decoration:none;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzs-sub a:hover{opacity:1;background:var(--mzs-bg2)}
.mzs-sub a.on{opacity:1;color:#fff;font-weight:700;background:rgba(242,106,27,.12)}
.mzs-foot{margin-top:auto;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:8px}
.mzs-foot .q{display:block;text-align:center;background:#C2410C;color:#fff;border-radius:10px;padding:10px;font-weight:700;text-decoration:none;font-size:13.5px}
.mzs-foot .w{display:block;text-align:center;color:#d8f5e2;font-size:12.5px;text-decoration:none}
.mzs-mini-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--mzs-mu);border-radius:9px;padding:7px;font:600 12px "IBM Plex Sans",sans-serif;cursor:pointer}
.mzs-mini-btn:hover{color:#fff}
body.mzs-mini .mzs-side{width:var(--mzs-mini)}
body.mzs-mini .mzs-side .lbl,body.mzs-mini .mzs-brand span,body.mzs-mini .mzs-sec,body.mzs-mini .mzs-sub,body.mzs-mini .mzs-a .cv,body.mzs-mini .mzs-a .hot,body.mzs-mini .mzs-foot .q,body.mzs-mini .mzs-foot .w{display:none}
body.mzs-mini .mzs-a{justify-content:center;padding:12px 0}body.mzs-mini .mzs-brand{justify-content:center;padding:16px 0}
.mzs-tog{display:none}
.mzs-back{display:none}
@media (max-width:900px){
 body.mzs,body.mzs.mzs-mini{padding-left:0}
 .mzs-side,body.mzs-mini .mzs-side{width:min(290px,86vw);transform:translateX(-102%);transition:transform .22s;box-shadow:0 30px 70px rgba(0,0,0,.4)}
 body.mzs-mini .mzs-side .lbl,body.mzs-mini .mzs-brand span,body.mzs-mini .mzs-sec,body.mzs-mini .mzs-a .cv,body.mzs-mini .mzs-a .hot,body.mzs-mini .mzs-foot .q,body.mzs-mini .mzs-foot .w{display:revert}
 body.mzs-mini .mzs-grp.open .mzs-sub{display:block}body.mzs-mini .mzs-a{justify-content:flex-start;padding:10px 18px}body.mzs-mini .mzs-brand{justify-content:flex-start;padding:16px 18px}
 body.mzs-open .mzs-side{transform:none}
 body.mzs-open .mzs-back{display:block;position:fixed;inset:0;background:rgba(42,23,8,.45);z-index:999}
 .mzs-mini-btn{display:none}
 .mzs-tog{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(180,104,40,.36);background:#fff;color:#2A1708;font-size:18px;cursor:pointer;flex-shrink:0;margin-right:8px}
 .mzs-tog.fixed{position:fixed;top:10px;left:10px;z-index:998;box-shadow:0 6px 18px rgba(0,0,0,.15)}
}
@media print{.mzs-side,.mzs-tog,.mzs-back{display:none !important}body.mzs,body.mzs.mzs-mini{padding-left:0}}

/* ---- home dashboard (index.html #top) ---- */
.dash-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:34px;align-items:start}
.dash-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:22px}
.dash-tile{display:flex;gap:12px;align-items:flex-start;background:var(--surface,#fff);border:1px solid var(--line,rgba(180,104,40,.2));border-radius:14px;padding:14px 15px;text-decoration:none;color:var(--ink,#2A1708);transition:transform .15s,box-shadow .15s,border-color .15s}
.dash-tile:hover{transform:translateY(-2px);border-color:var(--accent,#F26A1B);box-shadow:0 14px 34px -18px rgba(120,60,10,.34)}
.dash-tile .ti{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#F26A1B,#C2410C);color:#fff;display:grid;place-items:center;flex-shrink:0}
.dash-tile .ti.wa{background:linear-gradient(135deg,#25D366,#128C4B)}
.dash-tile b{display:block;font:700 14px Sora,"Segoe UI",sans-serif;margin-bottom:3px}.dash-tile small{display:block;color:var(--muted,#6F513C);font-size:12.5px;line-height:1.45}
.dlog{background:var(--surface,#fff);border:1px solid var(--line,rgba(180,104,40,.2));border-radius:22px;padding:26px 24px;box-shadow:0 40px 80px -36px rgba(120,60,10,.42);position:sticky;top:110px}
.dlog .bh{display:flex;gap:12px;align-items:center;margin-bottom:6px}.dlog .bh b{display:block;font:800 22px Sora,"Segoe UI",sans-serif;letter-spacing:-.3px}.dlog .bh small{font:500 10px "IBM Plex Mono",monospace;letter-spacing:1.5px;color:var(--muted,#6F513C)}
.dlog p.s{color:var(--muted,#6F513C);font-size:13.5px;margin:6px 0 16px;line-height:1.5}
.dlog input,.dlog select{width:100%;padding:12px 13px;border:1.5px solid var(--line-strong,rgba(180,104,40,.36));border-radius:11px;font:15px "IBM Plex Sans",sans-serif;margin-bottom:10px;background:#fff;color:#2A1708;box-sizing:border-box}
.dlog input:focus,.dlog select:focus{outline:none;border-color:#F26A1B;box-shadow:0 0 0 3px #FFD8B8}
.dlog button{width:100%;padding:13px;border:0;border-radius:999px;background:#C2410C;color:#fff;font:700 15px Sora,"Segoe UI",sans-serif;cursor:pointer}
.dlog button.alt{background:none;color:#A8360A;font-family:"IBM Plex Sans",sans-serif;font-weight:700;margin-top:6px}
.dlog .or{display:flex;align-items:center;gap:10px;color:var(--muted,#6F513C);font-size:12px;margin:14px 0 2px}.dlog .or:before,.dlog .or:after{content:"";flex:1;height:1px;background:var(--line,rgba(180,104,40,.2))}
.dlog .hide{display:none}
.dlog .dopt{display:block;border-radius:16px;padding:14px 16px;margin:12px 0 0;text-decoration:none}
.dlog .dopt b{display:block;font:700 15.5px Sora,"Segoe UI",sans-serif;margin-bottom:3px}.dlog .dopt small{display:block;font-size:12.5px;line-height:1.4}
.dlog .dopt.std{background:linear-gradient(135deg,#F26A1B,#C2410C);color:#fff}.dlog .dopt.std:hover{filter:brightness(1.06)}
.dlog .dopt.cust{background:#FFF4E8;color:#2A1708;border:1.5px solid #F26A1B}.dlog .dopt.cust:hover{background:#FFE8D2}.dlog .dopt.cust small{color:#6F513C}.dlog .note{font-size:11.5px;color:var(--muted,#6F513C);text-align:center;margin:10px 0 0;line-height:1.5}
.dlog .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line,rgba(180,104,40,.2))}.dlog .chips span{font:600 11px "IBM Plex Mono",monospace;background:#FFF4E8;color:#A8360A;border-radius:999px;padding:4px 9px}
@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}.dlog{position:static;max-width:520px}}