/* Shared Mishnex identity, matching the company site's final warm theme. */
:root{--brand-accent:#ff7a1a;--brand-accent-dark:#a74400;--brand-ink:#20140d;--brand-muted:#735f52;--brand-line:#edcfb8;--brand-bg:#fff8f1;--brand-card:#fffdfb;color-scheme:light}
html,body{color:var(--brand-ink);font-family:Inter,Arial,system-ui,sans-serif}
body{background:radial-gradient(circle at 85% 0,#ffe0c5,transparent 40%),linear-gradient(135deg,#fff8f1,#fff1e3);color:var(--brand-ink)}
.company-identity{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--brand-ink)}
.company-logo{width:68px;height:54px;object-fit:contain;flex:none;border-radius:10px;background:#fff;filter:sepia(1) saturate(5) hue-rotate(335deg) drop-shadow(0 7px 14px rgba(255,105,0,.25))}
.company-name{font-size:16px;font-weight:800;letter-spacing:.07em;line-height:1.4}.company-caption{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--brand-muted);margin-top:3px}
.card,.panel{background:var(--brand-card);border-color:var(--brand-line);box-shadow:0 12px 36px #7c3a0b0b}
.sidebar{background:linear-gradient(160deg,#fff1e3,#ffe3cc);color:var(--brand-ink);border-right:1px solid var(--brand-line)}
.sidebar .brand{margin:0 0 25px;color:var(--brand-ink)}.sidebar .company-identity{gap:9px}.sidebar .company-logo{width:52px;height:43px}.sidebar .company-name{font-size:12px}
.sidebar .nav:hover,.sidebar .nav.active{background:#ffdcc0;color:#662c08}.brand,.brand span{color:var(--brand-accent-dark)}
.login{background:radial-gradient(circle at 20% 10%,#ffe0c5,transparent 40%),linear-gradient(125deg,#fff8f1,#fff1e3)}
input,select,textarea{background:#fff;color:var(--brand-ink);border-color:#cfae94;accent-color:var(--brand-accent)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a74400;outline-offset:3px}
button,.btn,.button{background:linear-gradient(135deg,#ff7a1a,#ff9a4a);color:#3d1d07;border-color:transparent;font-weight:750}
button:hover,.btn:hover,.button:hover{filter:brightness(.97)}
button.alt,.btn.alt,.button.alt{background:#fff0e3;color:#873d09}.btn.danger{background:#fff0f0;color:#a32b2b}
.muted,.empty,th,small{color:var(--brand-muted)}p{color:inherit}td,th{border-bottom-color:#efddce}.pill{background:#fff0e3;color:#873d09}.notice{background:#fff0e3;color:#663309}
.error{background:#fff0f0;color:#a22525}.balance div{background:#fff0e3}.total{color:#8e3d06}#message{color:var(--brand-ink)}
a{color:#8e3d06}a.button{color:#3d1d07}.quotation-footer{border-top:1px solid var(--brand-line);margin-top:24px;padding-top:16px;color:var(--brand-muted);font-size:12px}
@media(max-width:650px){.company-logo{width:56px;height:45px}.company-name{font-size:13px}.sidebar .company-identity{margin-bottom:10px}}
@media print{html,body{background:#fff!important;color:#20140d!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.card,.panel{box-shadow:none}.company-identity{break-inside:avoid}.company-logo{width:68px;height:54px}.quotation-footer{color:#735f52}.balance div{background:#fff1e3!important}thead{display:table-header-group}tr,.totals,.balance{break-inside:avoid}a{color:inherit;text-decoration:none}}
/* Comfortable workspace layout and clear visual hierarchy. */
body{line-height:1.55}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(26px,3vw,36px)}h2{font-size:21px}button,.btn,.button{min-height:44px;border-radius:12px;padding:11px 18px;transition:background .15s,box-shadow .15s}button:disabled{cursor:not-allowed}input,select,textarea{min-height:46px;border-radius:12px;padding:12px 14px;line-height:1.4}textarea{min-height:100px}label{color:#594233;font-size:13px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#d5600d;box-shadow:0 0 0 4px #ff7a1a12}.card,.panel{border-radius:20px;padding:26px}.panel h2{margin-top:0}.panel p{max-width:75ch}.shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:28px 18px;background:#fffaf5}.sidebar .nav{background:transparent;color:#735642;border:1px solid transparent;box-shadow:none;font-weight:600;min-height:44px;padding:11px 14px;margin:4px 0;border-radius:12px}.sidebar .nav:hover{background:#fff0e3;color:#873d09}.sidebar .nav.active{background:#ffe7d1;color:#873d09;border-color:#ffd0ab;font-weight:800;box-shadow:inset 3px 0 #ff7a1a}.sidebar .logout{margin-top:24px;border-top:1px solid #edd6c4;border-radius:0}.main{padding:36px clamp(20px,4vw,58px);max-width:1600px;width:100%;margin:auto}.top{padding-bottom:22px;border-bottom:1px solid #edcfb8;margin-bottom:26px}.top p{margin:8px 0 0;font-size:14px}.top .pill{max-width:320px;white-space:normal;overflow-wrap:anywhere;padding:9px 14px;border:1px solid #efd6c2;background:#fffdfb;font-size:13px}.grid{gap:20px}.number{color:#a74400;font-size:38px}.panel{margin-top:22px}thead{background:#fff5eb}th{font-size:11px;padding:14px;color:#785945}td{padding:15px 14px}tbody tr:hover{background:#fffaf5}.actions{gap:7px}.actions .btn{font-size:12px;padding:8px 12px;min-height:38px}.notice{border:1px solid #f3d4b8;padding:16px 18px;border-radius:14px}.notice.error{border-color:#f1c5c5}.empty{border:1px dashed #e2c4ac;background:#fffaf5;border-radius:14px}.login .card{padding:34px;box-shadow:0 24px 80px #7c3a0b12}.login h1{margin:22px 0 8px}.login .muted{font-size:14px}.login #loginError:empty{display:none}.form{max-width:540px}.form>.btn,form>button{margin-top:14px}.shortcut-grid,.portal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.shortcut{display:flex;flex-direction:column;gap:7px;text-align:left;background:#fffaf5;border:1px solid #edcfb8;color:#873d09;padding:22px;border-radius:16px}.shortcut:hover{background:#fff0e3;box-shadow:0 8px 20px #7c3a0b0b}.shortcut span{font-size:13px;font-weight:400;color:#735f52}.portal-summary article{padding:22px;border:1px solid #edcfb8;border-radius:18px;background:#fffdfb}.portal-summary small{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.portal-summary strong{display:block;font-size:25px;color:#a74400;margin-top:8px;overflow-wrap:anywhere}.portal-links{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.portal-links a{display:block;padding:10px 17px;background:#fffdfb;border:1px solid #edd6c4;border-radius:999px;text-decoration:none;font-weight:650;font-size:14px}.portal-links a:hover{background:#ffe7d1}body:has(#loginPanel) main{max-width:1120px;margin:32px auto;padding:24px}#loginPanel,#passwordPanel{max-width:480px;margin:28px auto;padding:30px}#loginPanel button,#passwordPanel button{width:100%;margin-top:8px}#dashboard>button#logout{float:right;background:#fff0e3;color:#873d09}.portal-section{scroll-margin-top:24px}.portal-section>div{overflow-x:auto}#paymentForm{max-width:620px}#portalPayUpi{display:inline-flex;padding:12px 18px;border-radius:12px;background:#ff7a1a;color:#3d1d07;text-decoration:none;font-weight:750}#portalUpiQr{display:block;border:1px solid #edcfb8;border-radius:16px;padding:8px;background:white;margin:18px 0}details{border:1px solid #edd6c4;border-radius:14px;padding:16px;margin:12px 0;background:#fffaf5}summary{cursor:pointer;font-weight:700;color:#873d09}details table{margin:16px 0}#quoteTotals{font-size:18px;font-weight:750}#quotationForm>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel:has(#quotationForm){border-top:4px solid #ff7a1a}.payment-step{display:inline-block;background:#fff0e3;color:#873d09;border-radius:999px;padding:5px 12px;font-weight:750;font-size:12px;margin-bottom:12px}
@media(max-width:1000px){.shell{grid-template-columns:210px minmax(0,1fr)}.main{padding:26px 22px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .company-name{font-size:10px}.sidebar .company-logo{width:42px}.top{align-items:start}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px;border-right:0;border-bottom:1px solid #edcfb8}.sidebar .brand{margin-bottom:12px}.sidebar .nav{display:inline-block;width:auto;font-size:13px;margin:4px;padding:9px 12px}.sidebar .logout{margin-top:4px;border-top:0}.main{padding:24px 18px}.top{flex-direction:column}.grid{grid-template-columns:1fr}.sidebar .company-name{font-size:13px}.sidebar .company-logo{width:52px}}
@media(max-width:600px){.panel,.card{padding:20px;border-radius:16px}.shortcut-grid,.portal-summary,#quotationForm>.grid{grid-template-columns:1fr}.portal-summary{gap:10px}.portal-summary article{padding:16px}.portal-summary strong{font-size:23px}body:has(#loginPanel) main{padding:18px;margin:16px auto}.portal-links{gap:6px}.portal-links a{font-size:12px;padding:9px 12px}#dashboard table{min-width:520px}#loginPanel,#passwordPanel{padding:24px}#dashboard>button#logout{float:none;margin-bottom:8px}.company-name{font-size:13px}.login .card{padding:26px}table{min-width:560px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.portal-links,.shortcut-grid,.sidebar{display:none!important}.shell{display:block}.main{padding:0}.panel,.card{box-shadow:none;break-inside:avoid}.portal-summary article{box-shadow:none}.top{border:0}body{background:#fff!important}}

#identity{display:flex;flex-direction:column;gap:3px;min-width:180px}#identity strong{font-size:14px;color:#20140d}#identity span{font-size:12px;color:#735f52;font-weight:600}