@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--ink:#16383e;--muted:#78898c;--brand:#176b68;--deep:#123f46;--line:#e5edec;--bg:#f5f8f7;--mint:#e0f2e9;--amber:#b77c26;--white:#fff;font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.55;margin-bottom:6px;font-weight:800}h2{font-size:18px;line-height:1.6;margin-bottom:12px}h3{font-size:17px}p{line-height:1.9}small{font-size:11px}input,select,textarea{width:100%;border:1px solid #dbe5e3;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #176b6810}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand)}textarea{resize:vertical}label.checkbox{flex-direction:row;align-items:center;font-size:12px;font-weight:500}.muted{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:var(--deep);color:#c6d7d8;display:flex;flex-direction:column;padding:32px 20px 20px;position:fixed;inset-block:0;inset-inline-start:0;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:32px;font-weight:800;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:7px;font-weight:500;color:#a1c3c1}.brand-mark{display:grid;place-items:center;width:47px;height:51px;border:1px solid #8dc8b785;border-radius:17px 17px 17px 4px;background:#ffffff0a;color:#ccf2dd;font-size:37px}.sidebar-label{font-size:10px;color:#88aaa9;margin:48px 14px 12px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{padding:12px;border-radius:10px;font-size:12px;display:flex;gap:14px;align-items:center}.sidebar nav a span{font-size:21px;width:23px;text-align:center;color:#8fb2b0}.sidebar nav a.active{color:white;background:#ffffff15;border-inline-start:3px solid #b2dec4}.sidebar nav a:hover{background:#ffffff0d}.sidebar-note{margin-top:auto;padding:50px 12px 22px}.sidebar-note .bubble{display:block;font-size:39px;color:#c5e8d6;margin-bottom:8px}.sidebar-note strong{font-size:13px;color:#d8eee5}.sidebar-note p{font-size:11px;color:#93b4b3;line-height:1.9;margin-top:7px}.sidebar-user{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff17;padding-top:20px;font-size:11px}.sidebar-user small{display:block;font-size:9px;color:#8fb2b0;margin-top:4px}.sidebar-user form{margin-inline-start:auto}.avatar{width:34px;height:34px;background:#d5e9de;color:var(--deep);border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700}.logout{background:none;color:#bbd8cd;border:0;font-size:25px}.workspace{margin-inline-start:246px;min-width:0;flex:1}.topbar{height:79px;background:#ffffffb5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px}.slash{padding:0 12px;color:#becdcb}.today{color:#7a8a8b;font-size:10px;display:flex;align-items:center;gap:10px}.today i{width:5px;height:5px;background:#8fb9aa;border-radius:100%}.topbar-start{display:flex;align-items:center;gap:14px}.menu-toggle{display:none;background:none;border:0;font-size:23px;color:var(--deep)}main{padding:35px 38px 60px;max-width:1600px;margin:auto;min-height:calc(100vh - 135px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{display:block;font-size:10px;letter-spacing:.5px;color:var(--brand);font-weight:700;margin-bottom:10px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.wave{color:#80a994;font-size:30px;margin-inline-start:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:white;padding:11px 20px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.8}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#fff;border-color:#dce7e4;color:var(--ink)}.btn.danger{background:#ad4343}.btn.small{font-size:10px;padding:7px 12px}.btn.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 21px;position:relative;display:flex;flex-direction:column;min-height:149px}.stat>span:not(.stat-icon){font-size:11px;color:#6f8282;padding-top:5px}.stat strong{font-size:28px;font-weight:800;line-height:1.6;margin:9px 0 3px;direction:ltr;text-align:right}.stat em{font-size:11px;font-style:normal;font-weight:500;color:var(--muted)}.stat small{color:#8a9998;font-size:9px}.stat-icon{position:absolute;inset-inline-end:17px;top:17px;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:20px}.teal{background:#e3f0ee;color:#398880}.green{background:#eaf2e9;color:#749760}.amber{background:#faf0de;color:#b78837}.blue{background:#eaf0f7;color:#6c88a3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin-bottom:4px}.section-heading p{font-size:10px;color:var(--muted);margin:0}.text-link{font-size:11px;color:var(--brand);font-weight:700;white-space:nowrap}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;font-size:12px}th{padding:13px 10px;background:#f7f9f8;border-bottom:1px solid var(--line);font-size:10px;color:#7d8e8b;font-weight:600;white-space:nowrap}td{padding:17px 10px;border-bottom:1px solid #edf2f0;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;font-size:9px;color:var(--muted);margin-top:6px}td strong,.strong{font-weight:700;font-size:12px}.mono{font-family:ui-monospace,monospace;direction:ltr;unicode-bidi:embed;font-size:10px}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:9px;font-weight:700;white-space:nowrap;background:#eef2f3;color:#71878c}.badge.washing{background:#e8f0f7;color:#587f9d}.badge.ironing{background:#f9efdd;color:#aa8241}.badge.ready,.badge.delivered{background:#e5f2e9;color:#4b8768}.badge.partially_delivered{background:#efebf7;color:#8769a3}.badge.cancelled{background:#faeaea;color:#a86060}.round-link{font-size:20px;color:#9cb3ae}.stage-list{margin-top:23px;display:flex;flex-direction:column;gap:22px}.stage-list a{display:flex;align-items:center;gap:11px;font-size:11px}.stage-list strong{margin-inline-start:auto;direction:ltr;font-size:15px}.stage-dot{width:9px;height:9px;border-radius:3px;background:#b8c7c9}.stage-dot.washing{background:#80a6c0}.stage-dot.ironing{background:#d3b176}.stage-dot.ready{background:#8db99b}.tip{background:#f2f7f4;color:#678078;border-radius:9px;padding:15px;font-size:11px;line-height:1.9}.tip strong{color:#496e5f;font-size:11px}.tip p{font-size:10px;margin:7px 0 0}.workflow-panel .tip{margin-top:34px}.empty{text-align:center;padding:35px 20px;color:var(--muted);font-size:12px}.empty>span{font-size:36px;color:#86b3a1}.empty h3{color:var(--ink);margin:10px 0}.empty p{font-size:11px}.danger-text{color:#ad5353}.urgent-label{font-size:9px;color:#b78032;background:#fbf2e1;padding:2px 5px;border-radius:4px}.spaced{margin-top:23px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:18px 38px;font-size:9px;color:#93a3a0}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:15px}.filters>input{flex:2;min-width:190px}.filters>select{flex:1;min-width:150px}.filters label{flex:1;min-width:120px}.filters label.checkbox{flex:none;min-width:0;padding-bottom:12px}.pagination{display:flex;gap:18px;justify-content:center;align-items:center;font-size:11px;margin-top:20px}.pagination a{background:#eff5f2;border-radius:6px;padding:7px 13px}.pagination span{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:18px}.stack h2,.stack p{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.step{color:#9cbbab;font-size:13px;margin-inline-end:8px}.order-line{display:grid;grid-template-columns:2fr .7fr 2fr .6fr 30px;align-items:end;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.line-total{align-self:center;direction:ltr;font-size:12px}.icon-btn{border:0;background:#f8eeee;border-radius:7px;color:#a26464;height:35px;font-size:23px}.order-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-summary strong{display:block;font-size:26px;margin:4px 0}.order-summary small{color:var(--muted);font-size:10px;display:block}.order-summary strong small{display:inline;font-size:13px}.split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:23px;align-items:start}.inline-form{display:flex;gap:10px;align-items:center}.inline-form input{max-width:280px}.payment-card{border:1px solid var(--line);border-radius:9px;padding:17px;margin-top:16px;font-size:11px}.payment-card .section-heading{margin-bottom:10px}.detail-grid{display:grid;gap:8px;color:var(--muted);font-size:10px}.payment-card p{margin:10px 0}.payment-card details{margin-top:10px}.settled{text-align:center;padding:65px 20px}.settled>span{display:block;font-size:38px;color:#73a48c;margin-bottom:15px}.alert{padding:14px 18px;border-radius:9px;margin-bottom:20px;line-height:1.8;font-size:12px}.alert.success{background:#e8f4ed;color:#376e53;border:1px solid #cfe6d8}.alert.error{background:#fbebea;color:#a34747;border:1px solid #f0d1cc}.alert ul{margin:7px 0}.timeline{display:flex;flex-direction:column;gap:20px;padding:20px 0}.timeline small{display:block;color:var(--muted);margin-top:7px}.timeline strong{font-size:12px}.timeline>div{border-inline-start:2px solid #c4ddcf;padding-inline-start:14px}summary{cursor:pointer;font-size:12px;font-weight:600}details[open]>summary{margin-bottom:15px}.catalog-row{display:flex;align-items:end;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.catalog-row label{flex:1}.catalog-row label:first-of-type{flex:2}.add-section{margin-top:20px}.narrow{max-width:580px}.edit-form{min-width:230px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fafbf9}.login-art{background:var(--deep);color:#e0eee5;padding:50px 70px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-art:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff0a;border-radius:50%;top:25%;right:-180px;pointer-events:none}.login-message{padding:50px 0 0}.login-message .eyebrow{color:#a9d4bc}.login-message h1{font-size:48px;line-height:1.6;color:white;font-weight:700}.login-message p{color:#a8c2bd;font-size:14px}.login-art>small{color:#89aaa4}.login-form{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:370px}.login-card h2{font-size:30px;margin-bottom:10px}.login-card form{display:flex;flex-direction:column;gap:22px;margin-top:35px}.login-help{font-size:10px;color:var(--muted);text-align:center;margin-top:25px}.laundry-art{height:260px;position:relative;margin-top:30px;max-width:340px}.machine{width:186px;height:212px;border-radius:19px;background:linear-gradient(130deg,#d9e8df,#a5c8be);box-shadow:-20px 20px 70px #061b2550;transform:rotate(-7deg);position:absolute;right:50px;top:3px;border:5px solid #d4e6df}.machine-top{display:flex;align-items:center;gap:7px;height:40px;border-bottom:1px solid #81a99d;padding:10px}.machine-top i{background:#718f8c;width:7px;height:7px;border-radius:50%}.machine-top span{margin-right:auto;font-size:7px;letter-spacing:1px;color:#45655e}.drum{width:125px;height:125px;border-radius:50%;border:10px solid #e3eee9;box-shadow:0 2px 5px #42685d40;display:grid;place-items:center;margin:18px auto;background:radial-gradient(circle at 70% 80%,#77b29e,#1d5158 70%)}.drum span{font-size:55px;color:#c3e6d2}.floating-note{position:absolute;bottom:28px;right:0;border:1px solid #ffffff23;background:#ffffffed;color:#3b6d60;border-radius:12px;padding:14px 22px;font-size:12px;box-shadow:0 8px 24px #0001}.receipt-body{background:#f3f5f4;padding:25px}.receipt-actions{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.receipt{max-width:440px;background:white;padding:30px;margin:auto;text-align:center;border:1px solid #e4e9e5;font-size:12px}.receipt-logo{font-size:34px;font-weight:800;color:var(--brand)}.receipt-logo small{display:block;font-size:10px;letter-spacing:3px}.receipt h2{font-size:16px;margin-top:15px}.receipt p{margin:12px 0}.receipt hr{border:0;border-top:1px dashed #bccbc4;margin:20px 0}.receipt td,.receipt th{font-size:10px;padding:10px 5px}.receipt-total{display:flex;justify-content:space-between;padding:9px 0}.receipt-payment{font-size:10px;color:#6c7f77}.barcode{margin:22px 0 8px;overflow:hidden}.barcode svg{width:100%;max-width:100%;height:45px}.receipt-number{font-size:9px;word-break:break-all}.receipt small{display:block}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:45px}.stats{gap:23px}.stat{padding:26px;min-height:169px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1150px){.sidebar{width:215px}.workspace{margin-inline-start:215px}main{padding:28px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1fr}.stage-list{flex-direction:row;flex-wrap:wrap}.stage-list a{flex:1;min-width:120px}.workflow-panel .tip{margin-top:20px}.stat{padding:16px}.stat-icon{display:none}.stat strong{font-size:24px}.split-layout{grid-template-columns:1fr}.order-line{grid-template-columns:2fr .7fr 2fr 65px 25px;gap:9px}.catalog-row{flex-wrap:wrap}.catalog-row label{min-width:120px}.login-art{padding:40px}.login-message h1{font-size:39px}}@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .2s;width:246px;box-shadow:-12px 0 30px #0002}.sidebar.is-open{transform:translateX(0)}.workspace{margin-inline-start:0}.menu-toggle{display:block}.topbar{height:64px;padding:0 18px;position:sticky;top:0;z-index:20;background:#fff}.today{font-size:8px}.today i{display:none}main{padding:24px 16px 40px}.page-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:24px}.page-heading>.btn{font-size:10px;padding:9px 13px}.stats,.stats.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:120px;padding:15px}.stat strong{font-size:23px}.stat>span:not(.stat-icon){font-size:10px}.stat small{font-size:8px}.panel{padding:18px 14px}.section-heading{flex-wrap:wrap}th,td{padding:12px 8px}.form-grid{grid-template-columns:1fr}.order-line{grid-template-columns:1fr 90px;gap:12px}.order-line label:nth-child(3){grid-column:1/-1}.order-line .line-total{grid-row:3}.order-line .remove-line{grid-row:3}.order-summary{align-items:stretch;flex-direction:column}.catalog-row{gap:10px}.catalog-row label:first-of-type{min-width:100%}.catalog-row button{width:100%}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh;padding:30px}.login-card:before{content:'نصاعة';font-size:40px;font-weight:800;color:var(--brand);display:block;margin-bottom:45px}.filters label{min-width:125px}.filters>button{flex:1}.inline-form{flex-wrap:wrap}.inline-form input{max-width:none}.receipt-body{padding:12px}.receipt{padding:20px}.receipt-actions .btn{font-size:11px}footer{padding:18px}.stage-list{gap:20px}.stage-list a{min-width:40%}}@media print{@page{size:80mm auto;margin:4mm}.receipt-body{padding:0;background:#fff}.receipt-actions{display:none}.receipt{border:0;max-width:none;padding:0;font-size:10px}.receipt h2{font-size:14px}.receipt td,.receipt th{font-size:9px}.receipt-logo{font-size:27px}.badge{border:1px solid #aaa}.barcode svg{height:35px}}


/* 2026 dashboard & navigation refresh */
.sidebar{background:linear-gradient(180deg,#103f46 0%,#0d343a 100%);box-shadow:12px 0 35px rgba(15,54,59,.06)}
.sidebar-create{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 13px;border:1px solid #ffffff18;border-radius:10px;background:#dceee3;color:#173f42!important;font-size:11px;font-weight:800}
.sidebar-create:hover{background:#e8f5ed!important}.sidebar-create span{font-size:17px}
.sidebar-label{margin-top:30px}.sidebar-label-secondary{margin-top:22px}
.sidebar-note{padding-top:30px}
.topbar-actions{display:flex;align-items:center;gap:17px}.topbar-notification{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--brand);background:#fff;font-size:12px}
.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;background:linear-gradient(125deg,#123f46 0%,#15535a 62%,#1d6966 100%);color:#fff;border-radius:18px;padding:31px 34px;margin-bottom:20px;box-shadow:0 18px 45px rgba(18,63,70,.11)}
.dashboard-hero:after{content:'';position:absolute;width:310px;height:310px;border:1px solid #ffffff12;border-radius:50%;inset-inline-end:-110px;top:-155px}
.dashboard-hero .eyebrow{color:#aee0c8}.dashboard-hero h1{font-size:27px;margin-bottom:7px}.dashboard-hero p{max-width:690px;color:#bcd1d1;font-size:11px;margin:0}.dashboard-hero .wave{color:#b9e4cd}
.hero-actions{display:flex;gap:9px;margin-top:19px;flex-wrap:wrap}.dashboard-hero .btn{background:#e3f0e7;color:#173f42}.dashboard-hero .btn.secondary{background:#ffffff0d;color:#d8e9e8;border-color:#ffffff20}
.hero-focus{position:relative;z-index:1;border:1px solid #ffffff1c;background:#ffffff0c;border-radius:14px;padding:18px 20px}.hero-focus-label{font-size:9px;color:#a9c9c7}.hero-focus strong{display:block;font-size:39px;line-height:1.3;margin-top:5px}.hero-focus p{font-size:10px}.hero-focus-row{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:9px;color:#c7dbd8}.hero-focus-row i{width:4px;height:4px;background:#8cc5aa;border-radius:50%}
.dashboard-stats .stat{transition:transform .18s ease,box-shadow .18s ease}.dashboard-stats a.stat:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,67,69,.07)}.stat-accent{border-color:#d8e9e2!important}
.ops-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:24px;overflow:hidden}
.ops-pulse a{display:flex;align-items:center;gap:12px;padding:14px 18px;border-inline-end:1px solid var(--line);min-width:0}.ops-pulse a:last-child{border-inline-end:0}.ops-pulse a:hover{background:#f8fbf9}.pulse-icon{width:30px;height:30px;border-radius:9px;background:#edf5f1;display:grid;place-items:center;color:var(--brand);font-size:13px;flex:none}.ops-pulse div{display:flex;align-items:baseline;gap:8px;min-width:0}.ops-pulse small{color:var(--muted);white-space:nowrap}.ops-pulse strong{font-size:16px}
.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 300px}.priority-panel{padding-top:21px}.workflow-head p{font-size:10px;color:var(--muted);margin:-5px 0 0}.quick-links{display:grid;gap:8px;margin-top:27px;padding-top:17px;border-top:1px solid var(--line)}.quick-links a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:10px}.quick-links span{color:#657a79}.quick-links b{color:var(--brand);font-size:9px}
@media(max-width:1150px){.dashboard-hero{grid-template-columns:1fr 190px}.dashboard-main-grid{grid-template-columns:1fr}.ops-pulse{grid-template-columns:repeat(2,1fr)}.ops-pulse a:nth-child(2){border-inline-end:0}.ops-pulse a:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.dashboard-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:14px;gap:20px}.dashboard-hero h1{font-size:23px}.dashboard-hero-copy>p{font-size:10px}.hero-focus{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-focus strong{font-size:28px;margin:0}.hero-focus p{margin:0}.hero-focus-row{width:100%;margin-top:0}.hero-actions .btn{flex:1}.ops-pulse{grid-template-columns:1fr 1fr}.ops-pulse a{padding:12px}.ops-pulse div{display:block}.ops-pulse small{display:block;font-size:8px}.ops-pulse strong{font-size:14px}.topbar-actions{gap:8px}.topbar-notification{width:29px;height:29px}.sidebar-create{margin-top:22px}.dashboard-stats{margin-bottom:12px}}
@media(max-width:420px){.ops-pulse{grid-template-columns:1fr}.ops-pulse a{border-inline-end:0!important;border-bottom:1px solid var(--line)!important}.ops-pulse a:last-child{border-bottom:0!important}.today{display:none}}


/* Orders & customers refresh */
.orders-panel{padding:0;overflow:hidden}.orders-filters{padding:18px 20px;margin:0;border-bottom:1px solid var(--line);background:#fbfdfc}.search-field{position:relative;flex:2;min-width:220px}.search-field>span{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#91a6a2;font-size:18px;z-index:1}.search-field input{padding-inline-start:38px;background:#fff}.orders-filters>.search-field{flex:2}.filter-check{background:#f4f8f6;border:1px solid #e3ece8;border-radius:9px;padding:10px 12px!important}.filter-reset{font-size:10px;color:var(--muted);padding:10px 4px}.orders-table tbody tr{transition:background .15s}.orders-table tbody tr:hover{background:#fbfdfc}.order-number{font-family:ui-monospace,monospace;font-weight:700;color:#496668;margin-inline-end:6px}.money-cell{direction:ltr;display:inline-flex;gap:4px;align-items:baseline;font-weight:700}.money-cell small{display:inline;margin:0;color:#96a5a2;font-size:8px}.row-action{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:10px;font-weight:800;padding:6px 9px;border-radius:7px}.row-action:hover{background:#edf5f1}.row-action span{font-size:15px}
.customers-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr)}.customers-panel{padding:0;overflow:hidden}.customer-search{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.customer-search .search-field{flex:1}.customer-name{display:flex;align-items:center;gap:10px}.mini-avatar{width:31px;height:31px;border-radius:9px;background:#e5f1eb;color:#477665;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.count-pill{display:inline-block;background:#f0f6f3;color:#4e7568;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700}.row-edit{position:relative}.row-edit>summary{color:var(--brand);font-size:10px}.row-edit[open] .edit-form{position:absolute;z-index:10;inset-inline-end:0;top:28px;width:280px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 16px 45px rgba(26,60,62,.13)}.customer-create-card{position:sticky;top:100px;background:linear-gradient(145deg,#fff,#fbfdfc)}.create-card-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.create-card-head h2{margin:0 0 4px}.create-card-head p{font-size:9px;color:var(--muted);margin:0}.create-card-icon{width:36px;height:36px;border-radius:10px;background:#e2f0e8;color:var(--brand);display:grid;place-items:center;font-size:20px;flex:none}
@media(max-width:900px){.customers-layout{grid-template-columns:1fr}.customer-create-card{position:static;grid-row:1}.orders-filters .filter-check{order:4}}
@media(max-width:760px){.orders-panel,.customers-panel{margin-inline:-2px}.orders-filters,.customer-search{padding:13px}.orders-filters>*{flex:1}.orders-filters .search-field{flex-basis:100%}.orders-table{min-width:720px}.row-edit[open] .edit-form{position:fixed;inset:80px 18px auto;width:auto;max-height:70vh;overflow:auto}.customer-create-card{padding:18px}.customer-search .search-field{flex-basis:100%}}


/* Intake flow */
.intake-flow{gap:20px}.intake-step-card{padding:24px}.intake-step-head{display:flex;align-items:flex-start;gap:12px}.intake-step-head h2{margin:0 0 3px}.intake-step-head p{font-size:10px;color:var(--muted);margin:0}.step-badge{width:34px;height:34px;border-radius:10px;background:#e7f2ec;color:var(--brand);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.intake-section-heading{align-items:flex-start}.urgent-check{align-self:end;background:#fff8ea;border:1px solid #f0dfba;border-radius:10px;padding:10px 12px}.urgent-check span{display:flex;flex-direction:column;gap:2px}.urgent-check strong{font-size:11px}.urgent-check small{color:#9d8053}.order-lines{display:flex;flex-direction:column;gap:10px}.order-line{background:#fbfdfc;border:1px solid var(--line);border-radius:12px;padding:14px;grid-template-columns:2fr .7fr 2fr .7fr 34px;margin:0}.line-price{align-self:end;min-height:39px;display:flex;align-items:baseline;justify-content:flex-end;gap:4px}.line-price small{color:var(--muted);font-size:8px}.line-price strong{font-size:14px}.line-price span{font-size:8px;color:var(--muted)}.order-notes{margin-top:18px}.intake-summary{background:linear-gradient(135deg,#123f46,#17565a);color:#fff;border:0}.intake-summary .eyebrow{color:#a9d5c1}.intake-summary .muted,.intake-summary small{color:#bed1cf}.intake-summary .btn{background:#e5f1e9;color:#173f42}.intake-summary strong{font-size:30px}

/* Order details */
.order-detail-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 24px;margin-bottom:18px}.order-title-row{display:flex;align-items:center;gap:12px}.order-title-row h1{margin:0}.order-detail-hero p{margin:5px 0 2px;color:var(--muted);font-size:11px}.order-money-stats{margin-bottom:20px}.balance-stat{border-color:#f0d8c5!important;background:#fffaf6}.order-items-panel{padding-top:20px}.shelf-form{min-width:250px}.order-note-box{margin-top:16px;background:#f5f9f7;border-radius:9px;padding:12px 14px}.order-note-box span{font-size:9px;color:var(--brand);font-weight:800}.order-note-box p{font-size:10px;margin:5px 0 0;color:#647875}.payment-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr)}.payment-history-panel{min-height:100%}.payment-entry{background:#fcfdfd}.payment-entry .section-heading small{display:block;color:var(--muted);margin-top:3px}.payment-amount{color:var(--brand);font-size:16px}.payment-form-card{position:sticky;top:100px;background:linear-gradient(145deg,#fff,#fbfdfc)}.audit-panel summary,.danger-zone summary{font-weight:800}.danger-zone{border-color:#efd8d8;background:#fffafa}

/* Garments */
.garment-search-panel{padding:14px 18px}.garment-search{margin:0}.garment-search .search-field{flex:1}.garment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.garment-card{padding:20px}.garment-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.garment-icon{width:38px;height:38px;border-radius:11px;background:#e5f1eb;color:var(--brand);display:grid;place-items:center;font-size:18px}.garment-card-head h2{margin:0 0 3px}.garment-card-head p{font-size:9px;color:var(--muted);margin:0}.garment-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.garment-meta>span{background:#f8faf9;border-radius:9px;padding:9px}.garment-meta small{display:block;color:var(--muted);margin-bottom:4px}.garment-meta strong{font-size:10px}.garment-condition{margin-top:12px;border-inline-start:3px solid #d9b56f;background:#fff9ee;padding:10px 12px}.garment-condition span{font-size:8px;color:#a47c35}.garment-condition p{font-size:10px;margin:3px 0 0}.garment-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.garment-actions form{margin-inline-start:auto}.garment-photo-zone{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.garment-photo-form{display:flex;align-items:end;gap:10px}.garment-photo-form label{flex:1}.photo-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.photo-links a{font-size:9px;color:var(--brand);background:#eef5f2;border-radius:6px;padding:5px 8px}

/* Notifications */
.notification-summary{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:18px}.notification-summary-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.notification-icon{width:34px;height:34px;border-radius:10px;background:#e7f2ec;color:var(--brand);display:grid;place-items:center}.notification-icon.danger{background:#fff0e7;color:#b56f42}.notification-summary-card small{display:block;color:var(--muted);font-size:8px}.notification-summary-card strong{font-size:19px}.notification-list{display:flex;flex-direction:column;gap:11px}.notification-card{display:flex;padding:0;overflow:hidden}.notification-marker{width:4px;background:#cad8d4}.notification-card.is-unread .notification-marker{background:var(--brand)}.notification-card.is-unread{box-shadow:0 8px 25px rgba(25,71,71,.05)}.notification-content{padding:18px 20px;flex:1}.notification-head{display:flex;justify-content:space-between;gap:14px}.notification-head h2{font-size:13px;margin:0}.notification-head>small{color:var(--muted);font-size:8px}.notification-actions{display:flex;gap:8px;align-items:center;margin-top:13px}.notification-empty{margin-top:20px}

/* Settings */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.settings-tabs a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:9px;color:#607573}.settings-tabs a:hover{border-color:#c8ded5;color:var(--brand)}.settings-section{scroll-margin-top:95px}.settings-list{display:flex;flex-direction:column}.settings-row{display:grid;grid-template-columns:1.4fr 1.4fr .8fr .8fr .8fr auto;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.payment-setting-row{grid-template-columns:1.4fr 1.5fr 1fr 1fr auto}.settings-row-title{display:flex;align-items:center;gap:10px;align-self:center}.settings-row-title small{display:block;color:var(--muted);margin-top:3px}.settings-icon{width:32px;height:32px;border-radius:9px;background:#edf5f1;color:var(--brand);display:grid;place-items:center}.settings-add{margin-top:17px;border:1px dashed #cdded7;border-radius:10px;padding:12px 14px}.settings-add>summary{color:var(--brand);font-weight:800}.settings-add form{margin-top:14px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px}.team-card>div{min-width:0}.team-card strong{display:block;font-size:10px}.team-card small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-pill{margin-inline-start:auto;font-size:8px;background:#edf5f1;color:#507769;border-radius:20px;padding:4px 7px;white-space:nowrap}

/* Login v2 */
.login-v2{background:#f7f9f8}.login-v2 .login-art{background:linear-gradient(145deg,#103e45,#0b3035);padding:46px 58px}.login-v2 .login-message{padding-top:35px}.login-v2 .login-message h1{font-size:46px;line-height:1.45;margin-bottom:10px}.login-v2 .login-message p{max-width:440px}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.login-feature-grid>div{border:1px solid #ffffff14;background:#ffffff08;border-radius:12px;padding:14px}.login-feature-grid span{display:block;color:#afd6c4;font-size:18px;margin-bottom:7px}.login-feature-grid strong{display:block;color:#fff;font-size:10px}.login-feature-grid small{color:#90adaa;font-size:8px}.login-art-footer{display:flex;align-items:center;gap:8px;color:#88a8a4}.login-art-footer p{margin:0;font-size:9px}.login-card-v2{max-width:390px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 20px 60px rgba(27,66,68,.07)}.login-card-v2 h2{font-size:28px}.login-card-v2 form{margin-top:28px}.login-card-v2 input{padding:12px 13px}.login-security-note{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px;color:#7d908d}.login-security-note span{color:#6da081}.login-security-note p{font-size:8px;margin:0}.login-mobile-brand{display:none}

@media(max-width:1100px){
 .settings-row,.payment-setting-row{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-row-title{grid-column:1/-1}.settings-row button{width:100%}
 .team-grid{grid-template-columns:repeat(2,1fr)}
 .garment-grid{grid-template-columns:1fr}
 .payment-layout{grid-template-columns:1fr}.payment-form-card{position:static}
}
@media(max-width:760px){
 .intake-step-card{padding:18px 14px}.intake-section-heading{align-items:stretch}.intake-section-heading>.btn{width:100%}
 .order-line{grid-template-columns:1fr 85px}.order-line label:nth-child(3){grid-column:1/-1}.line-price{justify-content:flex-start}.intake-summary{align-items:stretch}.intake-summary .intake-submit{width:100%}
 .order-detail-hero{align-items:flex-start;flex-direction:column}.order-hero-actions{width:100%}.order-hero-actions .btn{width:100%}.order-title-row{flex-wrap:wrap}
 .shelf-form{min-width:0;width:100%}.shelf-form input{max-width:none}
 .garment-card{padding:15px}.garment-card-head{grid-template-columns:auto 1fr}.garment-status{grid-column:1/-1}.garment-meta{grid-template-columns:repeat(2,1fr)}.garment-photo-form{align-items:stretch;flex-direction:column}.garment-photo-form .btn{width:100%}
 .notification-summary{grid-template-columns:1fr 1fr}.notification-head{flex-direction:column}.notification-actions{flex-wrap:wrap}
 .settings-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.settings-tabs a{white-space:nowrap}.settings-row,.payment-setting-row{grid-template-columns:1fr}.settings-row-title{grid-column:auto}.team-grid{grid-template-columns:1fr}
 .login-v2 .login-form{padding:18px}.login-card-v2{box-shadow:none;border:0;padding:8px;max-width:420px}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:42px}.login-mobile-brand .brand-mark{width:42px;height:44px;font-size:30px}.login-mobile-brand strong{font-size:26px;color:var(--deep)}
}
@media(max-width:430px){.notification-summary{grid-template-columns:1fr}.garment-meta{grid-template-columns:1fr 1fr}.team-card{align-items:flex-start}}


/* Final polish: reports, account, receipt, UI states, dark mode */
.theme-toggle{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--deep);font-size:15px;padding:0}
.theme-toggle:hover{background:#f6f9f8}
button.is-loading{position:relative;cursor:wait;opacity:.72}
button.is-loading:before{content:'';width:12px;height:12px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:nasaaSpin .7s linear infinite}
@keyframes nasaaSpin{to{transform:rotate(360deg)}}
input.is-searching{background-image:linear-gradient(90deg,transparent,#176b6810,transparent);background-size:200% 100%;animation:nasaaShimmer 1.1s linear infinite}
@keyframes nasaaShimmer{to{background-position:-200% 0}}
.compact-empty{padding:22px 14px}.compact-empty>span{font-size:28px}.compact-empty h3{font-size:14px;margin:6px 0}.compact-empty p{margin:0}
.alert{position:relative;overflow:hidden}.alert:before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:currentColor;opacity:.4}

/* Payment reports */
.report-filter-card{padding:16px 18px}.payment-report-filters{margin:0}.report-summary-grid{margin-top:18px}.payment-method-breakdown{margin-top:0}.method-total-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.method-total-grid>div{border:1px solid var(--line);background:#fbfdfc;border-radius:10px;padding:13px}.method-total-grid span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.method-total-grid strong{font-size:13px}.report-table-panel{padding-top:20px}

/* Account */
.account-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:20px;align-items:start}.account-profile-card{padding:26px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.account-avatar{width:66px;height:66px;border-radius:18px;background:linear-gradient(145deg,#d9eee4,#c4ded2);display:grid;place-items:center;color:var(--deep);font-size:28px;font-weight:800}.account-profile-copy h2{margin:0 0 4px}.account-profile-copy p{font-size:10px;color:var(--muted);margin:0}.account-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:5px}.account-meta>div{background:#f8faf9;border-radius:9px;padding:11px}.account-meta small{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.account-meta strong{font-size:10px}.account-active{color:#4f8869}.password-card{background:linear-gradient(145deg,#fff,#fbfdfc)}.security-hint{display:flex;align-items:flex-start;gap:8px;background:#f3f8f5;border-radius:9px;padding:11px;color:#637c73}.security-hint span{color:#5b9376}.security-hint p{font-size:9px;margin:0}

/* Receipt v2 */
.receipt-body{background:#eef3f1;padding:28px}.receipt-v2{max-width:520px;padding:0;overflow:hidden;border-radius:14px;box-shadow:0 18px 50px rgba(26,62,64,.08);text-align:initial}.receipt-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;background:linear-gradient(135deg,#123f46,#17625f);color:#fff}.receipt-brand{display:flex;align-items:center;gap:10px}.receipt-brand-mark{width:38px;height:42px;border:1px solid #ffffff35;border-radius:13px 13px 13px 4px;display:grid;place-items:center;font-size:28px;color:#d9f0e2}.receipt-brand strong{display:block;font-size:19px}.receipt-brand small{font-size:7px;color:#afd0c9;letter-spacing:1px}.receipt-copy{text-align:left}.receipt-copy span{display:block;font-size:8px;color:#b7d0cd}.receipt-copy strong{font-size:20px}.receipt-status-row{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;border-bottom:1px solid #e8efec;font-size:9px;color:#7a8b88}.receipt-customer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 26px}.receipt-customer>div{background:#f7faf8;border-radius:9px;padding:11px}.receipt-customer small{font-size:8px;color:#7d8e8a;margin-bottom:5px}.receipt-customer strong{display:block;font-size:11px}.receipt-customer span{display:block;font-size:9px;color:#637976;margin-top:3px}.receipt-items{margin:0 26px;width:calc(100% - 52px)}.receipt-items th{background:#f7f9f8}.receipt-items td{font-size:10px}.receipt-items td small{margin-top:3px}.receipt-totals{margin:16px 26px 0;border-top:1px dashed #cbd8d3;border-bottom:1px dashed #cbd8d3;padding:8px 0}.receipt-totals>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:10px}.receipt-totals .receipt-balance{font-size:12px}.receipt-totals .receipt-balance strong{color:var(--brand)}.receipt-payments{margin:15px 26px}.receipt-section-label{display:block;font-size:8px;color:var(--muted);font-weight:700;margin-bottom:6px}.receipt-payments>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:7px 0;border-bottom:1px solid #edf1ef;font-size:9px}.receipt-payments small{grid-column:1/-1;color:var(--muted)}.receipt-note{margin:15px 26px;background:#fff8e9;border-radius:9px;padding:10px 12px}.receipt-note span{font-size:8px;color:#a37b3d}.receipt-note p{font-size:9px;margin:3px 0 0}.receipt-barcode-wrap{text-align:center;padding:18px 26px}.receipt-barcode-wrap .barcode{margin:0 0 8px}.receipt-footer{text-align:center;padding:16px 26px 22px;border-top:1px solid #edf1ef;display:block}.receipt-footer strong{display:block;font-size:10px}.receipt-footer span{display:block;font-size:8px;color:var(--muted);margin-top:3px}

/* Dark mode */
:root[data-theme="dark"]{--ink:#dce9e7;--muted:#8fa5a2;--brand:#74b9a3;--deep:#0d2e33;--line:#28464a;--bg:#0d1719;--mint:#19332d;--amber:#d2a45b;--white:#142326;background:var(--bg);color:var(--ink);color-scheme:dark}
:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .workspace,:root[data-theme="dark"] main{background:var(--bg)}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .stat,:root[data-theme="dark"] .ops-pulse,:root[data-theme="dark"] .notification-summary-card,:root[data-theme="dark"] .customer-create-card,:root[data-theme="dark"] .payment-form-card,:root[data-theme="dark"] .password-card,:root[data-theme="dark"] .order-detail-hero{background:#142326;border-color:var(--line)}
:root[data-theme="dark"] .topbar{background:#101d1fee;border-color:var(--line)}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#0f1c1e;color:var(--ink);border-color:#2b494d}
:root[data-theme="dark"] th{background:#172729;color:#91a7a3;border-color:var(--line)}
:root[data-theme="dark"] td{border-color:#233b3e}
:root[data-theme="dark"] .btn.secondary,:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .topbar-notification{background:#152527;color:var(--ink);border-color:#2a494c}
:root[data-theme="dark"] .btn.secondary:hover,:root[data-theme="dark"] .theme-toggle:hover{background:#1a2d30}
:root[data-theme="dark"] .order-line,:root[data-theme="dark"] .payment-entry,:root[data-theme="dark"] .method-total-grid>div,:root[data-theme="dark"] .garment-meta>span,:root[data-theme="dark"] .account-meta>div{background:#101d1f;border-color:var(--line)}
:root[data-theme="dark"] .tip,:root[data-theme="dark"] .security-hint,:root[data-theme="dark"] .filter-check,:root[data-theme="dark"] .quick-links a:hover{background:#182b27}
:root[data-theme="dark"] .alert.success{background:#173026;color:#9dd4b5;border-color:#2f5a49}
:root[data-theme="dark"] .alert.error{background:#341f20;color:#e5a6a6;border-color:#5a3435}
:root[data-theme="dark"] .badge{background:#26383a;color:#a9bcba}
:root[data-theme="dark"] .badge.ready,:root[data-theme="dark"] .badge.delivered{background:#17352a;color:#9ac9ac}
:root[data-theme="dark"] .badge.washing{background:#172c3a;color:#92b5cc}
:root[data-theme="dark"] .badge.ironing{background:#372d1d;color:#d6b479}
:root[data-theme="dark"] .badge.cancelled{background:#382122;color:#dda0a0}
:root[data-theme="dark"] .page-heading p,:root[data-theme="dark"] .section-heading p{color:var(--muted)}
:root[data-theme="dark"] footer{border-color:var(--line)}
:root[data-theme="dark"] .login-v2{background:var(--bg)}
:root[data-theme="dark"] .login-card-v2{background:#142326;border-color:var(--line)}
:root[data-theme="dark"] .login-mobile-brand strong{color:var(--ink)}
:root[data-theme="dark"] .receipt-body{background:#0d1719}
:root[data-theme="dark"] .receipt-v2{background:#fff;color:#16383e}
:root[data-theme="dark"] .receipt-v2 .muted{color:#78898c}
:root[data-theme="dark"] .receipt-v2 th{background:#f7f9f8;color:#7d8e8b}
:root[data-theme="dark"] .receipt-v2 td{border-color:#edf2f0}

@media(max-width:1000px){.method-total-grid{grid-template-columns:repeat(2,1fr)}.account-layout{grid-template-columns:1fr}}
@media(max-width:760px){.report-summary-grid{grid-template-columns:repeat(2,1fr)}.method-total-grid{grid-template-columns:1fr 1fr}.account-profile-card{padding:18px}.receipt-body{padding:12px}.receipt-v2{border-radius:10px}.receipt-header,.receipt-status-row,.receipt-customer,.receipt-barcode-wrap,.receipt-footer{padding-inline:18px}.receipt-items{margin-inline:18px;width:calc(100% - 36px)}.receipt-totals,.receipt-payments,.receipt-note{margin-inline:18px}}
@media(max-width:430px){.method-total-grid{grid-template-columns:1fr}.account-meta{grid-template-columns:1fr}.receipt-customer{grid-template-columns:1fr}.receipt-header{align-items:flex-start}.receipt-brand small{letter-spacing:.5px}}
@media print{
 .receipt-body{padding:0;background:#fff!important}
 .receipt-v2{box-shadow:none;border:0;border-radius:0;max-width:none;color:#000!important}
 .receipt-header{background:#fff!important;color:#000!important;padding:4mm 2mm 2mm;border-bottom:1px solid #000}
 .receipt-brand-mark{border:1px solid #000;color:#000}
 .receipt-brand small,.receipt-copy span{color:#000}
 .receipt-status-row,.receipt-customer,.receipt-barcode-wrap,.receipt-footer{padding-inline:2mm}
 .receipt-customer>div{background:#fff;border:1px solid #ddd}
 .receipt-items{margin-inline:2mm;width:calc(100% - 4mm)}
 .receipt-totals,.receipt-payments,.receipt-note{margin-inline:2mm}
 .receipt-note{background:#fff;border:1px solid #ddd}
 .receipt-actions{display:none!important}
}


/* Responsive sidebar visibility + dashboard hardening */
.menu-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;color:var(--deep);font-size:11px;font-weight:700;transition:.18s ease}
.menu-toggle:hover{background:#f5f9f7}.menu-toggle-icon{font-size:17px;line-height:1}.menu-toggle-label{white-space:nowrap}
.sidebar-backdrop{display:none;position:fixed;inset:0;border:0;background:rgba(5,24,28,.42);z-index:29}
.sidebar,.workspace{transition:transform .22s ease,width .22s ease,margin .22s ease}
body.sidebar-collapsed .sidebar{transform:translateX(110%);pointer-events:none}
body.sidebar-collapsed .workspace{margin-inline-start:0}
body.sidebar-collapsed .topbar{padding-inline:28px}
body.sidebar-collapsed main{max-width:1700px}

.dashboard-hero-copy{min-width:0}.hero-actions .btn{min-height:42px}.dashboard-stats .stat,.ops-pulse a,.panel{min-width:0}
.priority-panel .table-wrap{border-radius:10px}.workflow-panel{align-self:start}
.dashboard-main-grid{align-items:start}

@media(max-width:1150px) and (min-width:761px){
 .menu-toggle-label{display:none}
 .menu-toggle{width:36px;height:36px;justify-content:center;padding:0}
 .topbar-start{min-width:0}.breadcrumb-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dashboard-hero{grid-template-columns:minmax(0,1fr) 175px;gap:18px;padding:27px}
 .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
 body{overflow-x:hidden}
 .sidebar{transform:translateX(110%);width:min(86vw,310px);padding:24px 18px;box-shadow:-18px 0 45px rgba(0,0,0,.23)}
 .sidebar.is-open{transform:translateX(0)}
 body.menu-open{overflow:hidden}
 body.menu-open .sidebar-backdrop{display:block}
 .workspace{margin-inline-start:0!important;width:100%}
 .menu-toggle{display:inline-flex;width:40px;height:40px;padding:0;justify-content:center;border-radius:10px}
 .menu-toggle-label{display:none}
 .menu-toggle-icon{font-size:20px}
 .topbar{height:64px;padding:0 14px;gap:10px}
 .topbar-start{min-width:0;gap:10px}.breadcrumb-title{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar-actions{gap:7px}.theme-toggle,.topbar-notification{width:34px;height:34px}
 main{padding:18px 12px 36px}
 .dashboard-hero{padding:21px 16px;margin-bottom:14px}
 .dashboard-hero h1{font-size:21px;line-height:1.5}.dashboard-hero-copy>p{font-size:10px;line-height:1.8}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .hero-actions .btn{width:100%;padding:10px 9px;font-size:10px}
 .hero-focus{padding:14px 15px}.hero-focus strong{font-size:26px}
 .stats,.stats.three,.dashboard-stats{grid-template-columns:1fr 1fr;gap:9px}
 .stat{min-height:112px;padding:13px}.stat strong{font-size:21px}.stat small{line-height:1.6}
 .ops-pulse{margin-bottom:14px}.ops-pulse a{padding:11px 10px;gap:9px}.pulse-icon{width:28px;height:28px}
 .dashboard-main-grid{gap:14px}.panel{border-radius:11px;padding:15px 12px}
 .priority-panel{padding:0;overflow:hidden}.priority-panel .section-heading{padding:15px 12px 0}
 .priority-panel .table-wrap{border-radius:0}
 .priority-panel table{min-width:620px}
 .workflow-panel{padding:16px 14px}
 .stage-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
 .stage-list a{min-width:0;background:#f7faf8;border:1px solid var(--line);padding:11px;border-radius:9px}
 .quick-links{margin-top:18px}
 footer{padding:16px 12px;flex-wrap:wrap}
}

@media(max-width:480px){
 .dashboard-hero{border-radius:12px}
 .hero-actions{grid-template-columns:1fr}
 .stats,.stats.three,.dashboard-stats{grid-template-columns:1fr}
 .stat{min-height:auto}
 .ops-pulse{grid-template-columns:1fr}
 .stage-list{grid-template-columns:1fr}
 .topbar-actions .today{display:none}
 .breadcrumb-title{max-width:50vw}
}


/* Topbar user dropdown */
.user-menu{position:relative}
.user-menu-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:5px 9px 5px 7px;color:var(--ink);min-width:170px;transition:.18s ease}
.user-menu-trigger:hover,.user-menu.is-open .user-menu-trigger{background:#f8fbf9;border-color:#d3e2de}
.topbar-avatar{width:31px;height:31px;font-size:13px;flex:none}
.user-menu-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.35}
.user-menu-copy strong{font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-copy small{font-size:8px;color:var(--muted);margin-top:2px}
.user-menu-chevron{margin-inline-start:auto;color:#8da09d;font-size:14px;transition:transform .18s}
.user-menu.is-open .user-menu-chevron{transform:rotate(180deg)}
.user-menu-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:280px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(21,54,58,.16);padding:9px;z-index:60}
.user-menu-head{display:flex;align-items:center;gap:10px;padding:11px 10px 13px;border-bottom:1px solid var(--line);margin-bottom:5px}
.user-menu-head>div{min-width:0}.user-menu-head strong{display:block;font-size:11px}.user-menu-head small{display:block;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:2px}
.user-menu-dropdown>a,.user-menu-logout{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:9px;padding:10px;text-align:right;color:var(--ink)}
.user-menu-dropdown>a:hover,.user-menu-logout:hover{background:#f4f8f6}
.user-menu-dropdown>a>span,.user-menu-logout>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf5f1;color:var(--brand);font-size:15px;flex:none}
.user-menu-dropdown a div,.user-menu-logout div{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.user-menu-dropdown a strong,.user-menu-logout strong{font-size:10px}.user-menu-dropdown a small,.user-menu-logout small{font-size:8px;color:var(--muted)}
.user-menu-divider{height:1px;background:var(--line);margin:5px 4px}
.user-menu-dropdown form{margin:0}.user-menu-logout{color:#9d4747}.user-menu-logout>span{background:#faeeee;color:#a85252}
:root[data-theme="dark"] .user-menu-trigger,:root[data-theme="dark"] .user-menu-dropdown{background:#102326;border-color:#284044;color:#dce9e8}
:root[data-theme="dark"] .user-menu-trigger:hover,:root[data-theme="dark"] .user-menu.is-open .user-menu-trigger,:root[data-theme="dark"] .user-menu-dropdown>a:hover,:root[data-theme="dark"] .user-menu-logout:hover{background:#173034}
@media(max-width:900px){.user-menu-trigger{min-width:auto;padding:4px}.user-menu-copy,.user-menu-chevron{display:none}.topbar-avatar{width:32px;height:32px}.user-menu-dropdown{width:min(280px,86vw)}}
@media(max-width:480px){.topbar-actions{gap:5px}.user-menu-dropdown{position:fixed;inset-inline:12px;top:70px;width:auto}.user-menu-trigger{border-radius:9px}}


/* Nasaa colorful brand refresh */
:root{
 --brand:#167f79;
 --brand-2:#2eb6aa;
 --brand-soft:#e6f7f3;
 --deep:#0f4650;
 --ink:#16383e;
 --mint:#dff5ec;
 --gold:#d6a84e;
 --coral:#d86f61;
 --sky:#6aa7d7;
 --violet:#8a79bf;
 --bg:#f4f8f7;
 --line:#dfe9e7;
}
body{background:
 radial-gradient(circle at 8% 0%,rgba(46,182,170,.07),transparent 26%),
 radial-gradient(circle at 100% 18%,rgba(214,168,78,.06),transparent 24%),
 var(--bg)}
.brand{gap:11px}.brand-logo{width:50px;height:50px;flex:none;filter:drop-shadow(0 8px 18px rgba(4,27,31,.18))}
.brand>span{font-size:30px;letter-spacing:-.6px}.brand small{color:#a9ceca}
.topbar-brand-mini{display:none}.topbar-brand-mini img{width:34px;height:34px;display:block}
.sidebar{background:linear-gradient(180deg,#0f4c55 0%,#113f49 48%,#0c333b 100%)}
.sidebar:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 8%,rgba(68,203,187,.16),transparent 25%)}
.sidebar>*{position:relative;z-index:1}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(58,189,177,.18),rgba(255,255,255,.08));border-inline-start-color:#7ee0ce}
.sidebar-create{background:linear-gradient(135deg,#dff7ef,#bcebdc);box-shadow:0 10px 25px rgba(0,0,0,.08)}
.topbar{backdrop-filter:blur(14px);background:rgba(255,255,255,.87)}
.dashboard-hero{background:
 linear-gradient(128deg,rgba(9,61,70,.97),rgba(20,111,108,.96) 57%,rgba(50,170,157,.94)),
 radial-gradient(circle at 80% 20%,rgba(244,202,114,.23),transparent 28%);
 box-shadow:0 20px 50px rgba(12,74,79,.18)}
.dashboard-hero:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,135,.18),transparent 68%);inset-inline-start:-65px;bottom:-110px}
.dashboard-brand-chip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;margin-bottom:12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:8px;letter-spacing:1.2px;color:#d7f5ee}
.dashboard-brand-chip img{width:24px;height:24px;border-radius:7px}
.dashboard-hero .eyebrow{color:#d8b96e}
.hero-focus{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dashboard-stats .stat{overflow:hidden;border-color:transparent;box-shadow:0 8px 24px rgba(21,63,68,.055)}
.dashboard-stats .stat:before{content:'';position:absolute;inset-inline-start:0;top:0;width:4px;height:100%;background:var(--brand-2)}
.dashboard-stats .stat:nth-child(2):before{background:#74ad7d}.dashboard-stats .stat:nth-child(3):before{background:var(--gold)}.dashboard-stats .stat:nth-child(4):before{background:var(--sky)}
.dashboard-stats .stat:nth-child(1){background:linear-gradient(180deg,#fff,#f5fbf9)}
.dashboard-stats .stat:nth-child(2){background:linear-gradient(180deg,#fff,#f7fbf6)}
.dashboard-stats .stat:nth-child(3){background:linear-gradient(180deg,#fff,#fdf9f1)}
.dashboard-stats .stat:nth-child(4){background:linear-gradient(180deg,#fff,#f5f9fd)}
.stat-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.ops-pulse{box-shadow:0 8px 24px rgba(21,63,68,.04);border-color:#e3ecea}.ops-pulse a{transition:.16s ease}.ops-pulse a:hover{transform:translateY(-1px);background:#f7fbfa}
.ops-pulse a:nth-child(1) .pulse-icon{background:#e7f7f3;color:#178b81}.ops-pulse a:nth-child(2) .pulse-icon{background:#edf4fb;color:#5e91be}.ops-pulse a:nth-child(3) .pulse-icon{background:#fff2ef;color:#c9675a}.ops-pulse a:nth-child(4) .pulse-icon{background:#f5f0fb;color:#826faf}
.panel{box-shadow:0 10px 30px rgba(28,67,69,.045)}
.workflow-panel{background:linear-gradient(180deg,#fff,#fbfefd)}
.stage-list a{transition:.16s ease}.stage-list a:hover{background:#f4faf7;border-radius:9px;padding-inline:8px}
.text-link{color:#147f78}.round-link{color:#168d83}
.btn{background:linear-gradient(135deg,#16877f,#136b70);box-shadow:0 8px 18px rgba(17,112,108,.14)}
.btn.secondary{box-shadow:none;background:#fff}
.theme-toggle,.topbar-notification{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--brand)}
:root[data-theme="dark"] body{background:#0d1719}
:root[data-theme="dark"] .dashboard-stats .stat:nth-child(n){background:#102326}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .ops-pulse{background:#102326;border-color:#253b3e}
:root[data-theme="dark"] .topbar{background:rgba(14,29,32,.9)}
@media(max-width:760px){
 .topbar-brand-mini{display:inline-flex}
 .breadcrumb-title{display:none}
 .brand-logo{width:46px;height:46px}
 .dashboard-brand-chip{margin-bottom:9px}
}
@media(max-width:480px){
 .topbar-brand-mini img{width:31px;height:31px}
 .dashboard-brand-chip span{font-size:7px}
}


/* Blue patterned login experience */
.login-v2{
 --login-blue:#0b4fa3;
 --login-blue-2:#1976d2;
 --login-cyan:#3bb7e8;
 --login-deep:#082b61;
 --login-soft:#eef6ff;
 background:#f4f8fd;
 color:#17324f;
}
.login-v2 .login-art{
 background:
  radial-gradient(circle at 18% 14%,rgba(92,200,255,.28),transparent 22%),
  radial-gradient(circle at 82% 80%,rgba(74,128,255,.25),transparent 28%),
  linear-gradient(145deg,#082d66 0%,#0c4fa4 48%,#1676ce 100%);
 color:#eaf5ff;
}
.login-v2 .login-art:before{display:none}
.login-pattern{position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:
 linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
 radial-gradient(circle at 25px 25px,rgba(255,255,255,.11) 2px,transparent 2.5px);
 background-size:42px 42px,42px 42px,84px 84px;
 mask-image:linear-gradient(135deg,#000 15%,transparent 88%)}
.login-art-blue:after{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset-inline-end:-170px;bottom:-145px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.login-v2 .login-art>*:not(.login-pattern){position:relative;z-index:2}
.login-v2 .login-brand .brand-logo{width:54px;height:54px;filter:drop-shadow(0 10px 24px rgba(1,22,54,.28))}
.login-v2 .login-brand small{color:#b9d8f6}
.login-v2 .login-message{padding-top:42px}
.login-v2 .login-message .eyebrow{color:#8edcff;letter-spacing:.8px}
.login-v2 .login-message h1{font-size:50px;line-height:1.55;color:#fff;text-shadow:0 8px 28px rgba(2,30,72,.2)}
.login-v2 .login-message p{color:#d0e5f7;max-width:570px}
.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.login-feature-grid>div{padding:15px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}
.login-feature-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(145,218,255,.15);color:#a6e3ff;font-size:17px;margin-bottom:11px}
.login-feature-grid strong{display:block;font-size:11px;color:#fff}.login-feature-grid small{display:block;color:#b9d6ef;font-size:8px;margin-top:4px}
.login-art-footer{display:flex;align-items:center;gap:8px;color:#b7d3ee;font-size:10px}.login-art-footer p{margin:0}.login-art-footer span{color:#8edcff}
.login-v2 .login-form{position:relative;background:
 radial-gradient(circle at 80% 10%,rgba(69,147,230,.10),transparent 22%),
 linear-gradient(180deg,#f8fbff,#f2f6fb)}
.login-v2 .login-form:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#9fc4e7 1px,transparent 1px);background-size:24px 24px;opacity:.14}
.login-v2 .login-card-v2{position:relative;z-index:1;max-width:430px;padding:36px 38px;border:1px solid #dbe9f6;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(22,76,132,.12)}
.login-v2 .login-card-v2:before{content:'';position:absolute;inset-inline:28px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#0b4fa3,#43b9e8)}
.login-v2 .login-card .eyebrow{color:#2679c9}.login-v2 .login-card h2{font-size:31px;color:#12385d}.login-v2 .login-card>p{color:#7890a8}
.login-v2 .login-card label{color:#294b6b}
.login-v2 .login-card input{border-color:#d5e4f2;background:#fbfdff;padding:12px 14px;border-radius:11px}
.login-v2 .login-card input:focus{border-color:#2481d8;box-shadow:0 0 0 4px rgba(36,129,216,.10)}
.login-v2 .login-card .btn{background:linear-gradient(135deg,#0b4fa3,#1976d2 62%,#2f9cde);border-radius:11px;padding-block:12px;box-shadow:0 12px 25px rgba(20,104,190,.22)}
.login-v2 .login-security-note{margin-top:18px;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:11px;background:#eef6ff;color:#5f7c99;font-size:9px}
.login-v2 .login-security-note span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#d8ebff;color:#1769aa;font-weight:800}.login-v2 .login-security-note p{margin:0}
.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px}.login-mobile-brand img{width:44px;height:44px}.login-mobile-brand strong{font-size:26px;color:#12385d}
@media(max-width:1150px){
 .login-v2 .login-art{padding:38px 42px}
 .login-v2 .login-message h1{font-size:40px}
 .login-feature-grid{grid-template-columns:1fr;max-width:360px}
 .login-feature-grid>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}
 .login-feature-grid span{grid-row:1/3;margin:0}.login-feature-grid small{margin:0}
}
@media(max-width:760px){
 .login-v2{display:block;background:linear-gradient(160deg,#eef6ff,#f8fbff)}
 .login-v2 .login-art{display:none}
 .login-v2 .login-form{min-height:100vh;padding:24px 16px}
 .login-v2 .login-card-v2{padding:30px 22px;border-radius:18px;max-width:420px}
 .login-mobile-brand{display:flex}
 .login-v2 .login-card:before{display:none}
 .login-v2 .login-card h2{font-size:27px}
}
@media(max-width:420px){
 .login-v2 .login-card-v2{padding:26px 18px}
 .login-mobile-brand{margin-bottom:22px}.login-mobile-brand img{width:40px;height:40px}
}


/* Unified blue dashboard theme */
:root{
 --brand:#0b4fa3;
 --brand-2:#1976d2;
 --brand-soft:#eef6ff;
 --deep:#082f67;
 --ink:#17324f;
 --muted:#6f8499;
 --bg:#f3f7fc;
 --line:#dce7f2;
 --mint:#e8f3ff;
 --amber:#c58a32;
}
body{background:
 radial-gradient(circle at 8% 0%,rgba(67,185,232,.08),transparent 26%),
 radial-gradient(circle at 100% 18%,rgba(25,118,210,.06),transparent 24%),
 var(--bg)}
.sidebar{background:
 radial-gradient(circle at 20% 8%,rgba(67,185,232,.18),transparent 24%),
 linear-gradient(180deg,#082f67 0%,#0b4fa3 55%,#07366f 100%);box-shadow:12px 0 35px rgba(9,55,116,.10)}
.sidebar nav a span{color:#b9d9f5}.sidebar nav a.active{background:linear-gradient(90deg,rgba(67,185,232,.22),rgba(255,255,255,.08));border-inline-start-color:#8edcff}
.sidebar nav a:hover{background:rgba(255,255,255,.08)}.sidebar-label{color:#9ec3e8}.sidebar-user small{color:#9ec3e8}
.sidebar-note strong{color:#e5f4ff}.sidebar-note p{color:#a7c8e5}.sidebar-note .bubble{color:#a8ddff}
.sidebar-create{background:linear-gradient(135deg,#e5f5ff,#bfe7ff);color:#0b4fa3!important}.sidebar-create:hover{background:#f1f9ff!important}
.sidebar-brand-row{display:flex;align-items:center;gap:10px}.sidebar-brand-row .brand{flex:1;min-width:0}
.sidebar-hamburger{width:36px;height:36px;flex:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;display:grid;place-items:center}
.sidebar-hamburger:hover{background:rgba(255,255,255,.14)}
.topbar{background:rgba(255,255,255,.9);border-bottom-color:#dbe7f3}
.menu-toggle,.theme-toggle,.topbar-notification{color:#0b4fa3;border-color:#d5e4f2}.menu-toggle:hover,.theme-toggle:hover,.topbar-notification:hover{background:#eef6ff}
.dashboard-hero{background:
 radial-gradient(circle at 82% 18%,rgba(142,220,255,.20),transparent 26%),
 linear-gradient(128deg,#082f67 0%,#0b4fa3 52%,#1976d2 100%);box-shadow:0 20px 50px rgba(11,79,163,.20)}
.dashboard-hero .eyebrow{color:#8edcff}.dashboard-hero p{color:#cfe5f8}.dashboard-hero .wave{color:#8edcff}
.dashboard-brand-chip{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#dff4ff}
.dashboard-hero .btn{background:#eaf6ff;color:#0b4fa3}.dashboard-hero .btn.secondary{background:rgba(255,255,255,.08);color:#e8f5ff;border-color:rgba(255,255,255,.16)}
.hero-focus{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))}
.hero-focus-label,.hero-focus-row{color:#cbe5f8}
.dashboard-stats .stat{border-color:#e1ebf4;box-shadow:0 8px 24px rgba(17,76,137,.055)}
.dashboard-stats .stat:nth-child(1){background:linear-gradient(180deg,#fff,#f4f9ff)}
.dashboard-stats .stat:nth-child(2){background:linear-gradient(180deg,#fff,#f6fbff)}
.dashboard-stats .stat:nth-child(3){background:linear-gradient(180deg,#fff,#f8fbff)}
.dashboard-stats .stat:nth-child(4){background:linear-gradient(180deg,#fff,#f3f8ff)}
.dashboard-stats .stat:before{background:#1976d2}.dashboard-stats .stat:nth-child(2):before{background:#43a7e8}.dashboard-stats .stat:nth-child(3):before{background:#6996d9}.dashboard-stats .stat:nth-child(4):before{background:#0b4fa3}
.teal,.green,.blue{background:#e8f3ff;color:#176bb4}.amber{background:#eef3fb;color:#5f80ad}
.ops-pulse{border-color:#e0eaf4;box-shadow:0 8px 24px rgba(17,76,137,.04)}
.ops-pulse a:hover{background:#f6faff}.ops-pulse a:nth-child(1) .pulse-icon,.ops-pulse a:nth-child(2) .pulse-icon,.ops-pulse a:nth-child(3) .pulse-icon,.ops-pulse a:nth-child(4) .pulse-icon{background:#eaf4ff;color:#176bb4}
.panel{border-color:#e0eaf4;box-shadow:0 10px 30px rgba(17,76,137,.045)}
.workflow-panel{background:linear-gradient(180deg,#fff,#f9fcff)}.stage-list a:hover{background:#f4f9ff}
.text-link,.round-link{color:#0b69c7}.btn{background:linear-gradient(135deg,#0b4fa3,#1976d2);box-shadow:0 8px 18px rgba(11,79,163,.16)}
.avatar{background:#dceeff;color:#0b4fa3}
.user-menu-trigger{border-color:#d7e5f2}.user-menu-dropdown{border-color:#d7e5f2}
.user-menu-dropdown>a>span{background:#eaf4ff;color:#176bb4}
:root[data-theme="dark"] body{background:#0a1522}:root[data-theme="dark"] .topbar{background:rgba(10,24,39,.92)}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .ops-pulse,:root[data-theme="dark"] .dashboard-stats .stat:nth-child(n){background:#101f31;border-color:#263d56}

@media(max-width:760px){
 .sidebar-hamburger{display:grid}
}


/* Dynamic customer intake */
.field-optional{display:inline;margin-inline-start:6px;color:#7e96ac;font-size:8px;font-weight:500}
.quick-customer{grid-column:1/-1;border:1px dashed #c9daea;border-radius:12px;padding:12px;background:#f8fbff}
.quick-customer-toggle{width:auto}
.quick-customer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-top:12px}
.quick-customer-fields .btn{height:42px}
.quick-customer-status{grid-column:1/-1;color:#176bb4;min-height:16px}
@media(max-width:900px){.quick-customer-fields{grid-template-columns:1fr 1fr}.quick-customer-fields .btn{width:100%}}
@media(max-width:600px){.quick-customer-fields{grid-template-columns:1fr}.quick-customer-toggle{width:100%}}


/* Global Nasaa blue design system */
input,select,textarea{border-color:#d5e4f2;background:#fff;color:#17324f}
input:focus,select:focus,textarea:focus{border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.10)}
.btn.secondary{border-color:#d5e4f2;color:#174d80;background:#fff}
.btn.secondary:hover{background:#f2f7fd}
.panel,.payment-card,.customer-create-card,.settings-section,.password-card{border-color:#dfe9f3}
.page-heading .eyebrow,.eyebrow{color:#0b69c7}
.tip,.security-hint{background:#eef6ff;color:#5c7896}
.tip strong,.security-hint strong{color:#174f82}
.pagination a{background:#eaf4ff;color:#0b69c7}
.badge{background:#eef3f8;color:#647f99}
.badge.washing{background:#eaf4ff;color:#427fb1}
.badge.ironing{background:#edf2fb;color:#647fa8}
.badge.ready,.badge.delivered{background:#e8f5ff;color:#2d78ad}
.badge.partially_delivered{background:#eef0fb;color:#6e70a8}
.stage-dot{background:#aec5db}.stage-dot.washing{background:#6ea9d9}.stage-dot.ironing{background:#7c95c9}.stage-dot.ready{background:#3f8bc7}
.wave{color:#43b9e8}.empty>span{color:#61aee0}.round-link{color:#0b69c7}
.count-pill,.role-pill{background:#eaf4ff!important;color:#176bb4!important}
.mini-avatar,.create-card-icon,.settings-icon{background:#eaf4ff!important;color:#176bb4!important}
.settings-tabs a{color:#176bb4}
.settings-tabs a:hover{background:#eef6ff}
.receipt-logo{color:#0b4fa3}
.receipt{border-color:#dfe8f2}.receipt hr{border-top-color:#b7cce0}
.alert.success{background:#eef6ff;color:#245f91;border-color:#d6e8f7}
.alert.error{background:#fff0f1;color:#a34753;border-color:#f2d3d7}
table th{background:#f4f8fd;color:#6e8298;border-bottom-color:#dce7f2}
td{border-bottom-color:#e9f0f6}
footer{border-top-color:#dce7f2}
.logout{color:#c8e5ff}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#102134;border-color:#2a4057;color:#dbeaf7}
:root[data-theme="dark"] .tip,:root[data-theme="dark"] .security-hint{background:#13263b;color:#a9c5df}
:root[data-theme="dark"] table th{background:#14263a;color:#a5bdd3}
:root[data-theme="dark"] td{border-bottom-color:#263a50}


/* Shared logo treatment across app */
.receipt-brand{display:flex;align-items:center;gap:10px}
.receipt-brand-logo{width:42px;height:42px;display:block;flex:none}
.receipt-brand>div strong{display:block;color:#0b4fa3;font-size:15px}
.receipt-brand>div small{display:block;color:#6f8499;font-size:7px;letter-spacing:1px;margin-top:2px}
@media print{.receipt-brand-logo{width:34px;height:34px}}


/* Premium blue receipt */
.receipt-body{min-height:100vh;background:
 radial-gradient(circle at 50% 0%,rgba(67,185,232,.10),transparent 28%),
 #eef4fb;padding:28px 16px 50px}
.receipt-actions{position:sticky;top:12px;z-index:5;display:flex;justify-content:center;gap:10px;margin-bottom:18px}
.receipt-v2{max-width:520px;padding:0;overflow:hidden;border:1px solid #d7e4f0;border-radius:20px;box-shadow:0 24px 65px rgba(21,76,137,.14);text-align:right}
.receipt-v2 .receipt-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:linear-gradient(135deg,#082f67,#0b4fa3 58%,#1976d2);color:#fff}
.receipt-v2 .receipt-brand-logo{width:50px;height:50px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}
.receipt-v2 .receipt-brand>div strong{color:#fff;font-size:18px}.receipt-v2 .receipt-brand>div small{color:#cde6fb;font-size:7px}
.receipt-copy{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.receipt-copy>span{font-size:9px;color:#cde6fb}.receipt-copy>strong{font-size:22px;line-height:1.2}.receipt-copy>small{font-size:7px;color:#a9d4f7;max-width:145px;overflow:hidden;text-overflow:ellipsis}
.receipt-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;background:#f5f9fd;border-bottom:1px solid #e1ebf4}
.receipt-status-row>span{display:flex;flex-direction:column;gap:2px}.receipt-status-row>span small{font-size:7px;color:#8297aa}.receipt-status-row>span strong{font-size:10px;color:#294b6b}
.receipt-customer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 24px}
.receipt-customer>div{padding:13px 14px;border:1px solid #e0eaf4;border-radius:12px;background:#f9fcff;display:flex;flex-direction:column;gap:3px}
.receipt-customer small{color:#7d92a7;font-size:7px}.receipt-customer strong{font-size:12px;color:#173e64}.receipt-customer span{font-size:9px;color:#647d94}
.receipt-items{margin:0 24px;width:calc(100% - 48px);border:1px solid #e1ebf4;border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}
.receipt-items th{background:#eef5fc;color:#617991;padding:10px 9px}.receipt-items td{padding:12px 9px;border-bottom-color:#e9f0f6}.receipt-items tr:last-child td{border-bottom:0}
.receipt-totals{padding:18px 24px;display:flex;flex-direction:column;gap:1px}
.receipt-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px dashed #dbe6f0}
.receipt-totals>div span{font-size:9px;color:#6f8499}.receipt-totals>div strong{font-size:10px;color:#173e64}
.receipt-totals .receipt-balance{margin-top:8px;padding:13px 14px;border:1px solid #cfe2f5;border-radius:12px;background:linear-gradient(135deg,#edf6ff,#f8fbff);display:grid;grid-template-columns:1fr auto;align-items:center}
.receipt-balance span{color:#0b4fa3!important;font-weight:800}.receipt-balance strong{font-size:18px!important;color:#0b4fa3!important}.receipt-balance small{grid-column:1/-1;margin-top:3px;color:#6c86a0;font-size:7px}
.receipt-payments,.receipt-note{margin:0 24px 16px;padding:13px 14px;border-radius:12px;background:#f8fbff;border:1px solid #e0eaf4}
.receipt-section-label,.receipt-note>span{display:block;color:#0b69c7;font-size:8px;font-weight:800;margin-bottom:7px}
.receipt-payments>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:6px 0;border-bottom:1px solid #e7eef6}.receipt-payments>div:last-child{border-bottom:0}.receipt-payments small{grid-column:1/-1;color:#8398aa}
.receipt-note p{font-size:9px;color:#647d94;margin:0}
.receipt-barcode-wrap{margin:8px 24px 0;padding:18px 18px 15px;text-align:center;border-top:1px dashed #cad9e7}.receipt-barcode-wrap .barcode{margin:0 0 8px}.receipt-number{color:#6f8499}
.receipt-footer{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 24px 22px;background:#f5f9fd;border-top:1px solid #e0eaf4;color:#6a8095}.receipt-footer strong{color:#0b4fa3;font-size:10px}.receipt-footer span{font-size:8px}
@media(max-width:560px){
 .receipt-body{padding:12px 8px 30px}.receipt-v2{border-radius:14px}.receipt-v2 .receipt-header{padding:18px}
 .receipt-status-row,.receipt-customer,.receipt-totals{padding-inline:16px}.receipt-items{margin-inline:16px;width:calc(100% - 32px)}
 .receipt-payments,.receipt-note,.receipt-barcode-wrap{margin-inline:16px}.receipt-customer{grid-template-columns:1fr}
}
@media print{
 @page{size:80mm auto;margin:3mm}
 .receipt-body{background:#fff!important;padding:0!important}
 .receipt-v2{max-width:none!important;width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 .receipt-v2 .receipt-header{background:#fff!important;color:#000!important;padding:3mm 0 2mm;border-bottom:1px solid #999}
 .receipt-v2 .receipt-brand-logo{width:11mm;height:11mm;filter:none}.receipt-v2 .receipt-brand>div strong,.receipt-copy>strong{color:#000!important}
 .receipt-v2 .receipt-brand>div small,.receipt-copy>span,.receipt-copy>small{color:#555!important}
 .receipt-status-row{background:#fff!important;padding:2mm 0;border-bottom:1px dashed #aaa}
 .receipt-customer{padding:2mm 0;gap:2mm}.receipt-customer>div{background:#fff!important;border:1px solid #bbb;padding:2mm}
 .receipt-items{margin:1mm 0;width:100%;border-color:#bbb}.receipt-items th{background:#fff!important;color:#000!important;border-bottom:1px solid #aaa}
 .receipt-totals{padding:2mm 0}.receipt-totals .receipt-balance{background:#fff!important;border:1px solid #777;padding:2mm}
 .receipt-payments,.receipt-note{margin:1mm 0;background:#fff!important;border-color:#bbb;padding:2mm}
 .receipt-barcode-wrap{margin:1mm 0 0;padding:3mm 0 1mm}.receipt-footer{background:#fff!important;padding:3mm 0 0;border-top:1px solid #aaa}
 .receipt-actions{display:none!important}
}


/* In-app user guide */
.help-heading{margin-bottom:18px}
.help-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#082f67,#0b4fa3 58%,#1976d2);color:#fff;box-shadow:0 18px 42px rgba(11,79,163,.16);margin-bottom:16px}
.help-hero>div:first-child{display:flex;align-items:center;gap:14px}.help-hero img{width:58px;height:58px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.2))}
.help-hero span{font-size:8px;letter-spacing:1.2px;color:#9edcff}.help-hero h2{font-size:22px;margin:3px 0}.help-hero p{font-size:10px;color:#d2e8fa;margin:0}
.help-search{position:relative;min-width:300px}.help-search>span{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:#5d88b0;font-size:18px;z-index:1}
.help-search input{background:#fff;border:0;padding:12px 40px 12px 14px;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.help-quick-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.help-quick-nav a{padding:8px 12px;border:1px solid #d9e6f2;border-radius:999px;background:#fff;color:#176bb4;font-size:9px;font-weight:700}.help-quick-nav a:hover{background:#eef6ff}
.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}.help-content{display:flex;flex-direction:column;gap:13px}
.help-card{scroll-margin-top:90px;background:#fff;border:1px solid #dfe9f3;border-radius:14px;padding:20px 22px;box-shadow:0 8px 24px rgba(17,76,137,.04)}
.help-card-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.help-card-head>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eaf4ff;color:#0b69c7;font-size:10px;font-weight:800;flex:none}
.help-card-head small{display:block;color:#6e91b1;font-size:8px;margin-bottom:2px}.help-card-head h2{font-size:16px;margin:0}
.help-card ol,.help-card ul{margin:0;padding-inline-start:22px;color:#536f8a;font-size:11px;line-height:2}.help-card li::marker{color:#1976d2;font-weight:800}.help-card strong{color:#173e64}
.help-tip,.help-note{margin-top:13px;padding:11px 13px;border-radius:10px;background:#eef6ff;color:#5c7896;font-size:10px;line-height:1.8}.help-note{margin-bottom:0}
.help-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.help-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.help-day-grid>div{padding:14px;border:1px solid #e1ebf4;border-radius:11px;background:#f8fbff}.help-day-grid strong{display:block;font-size:10px;color:#0b4fa3;margin-bottom:6px}.help-day-grid span{font-size:9px;color:#647d94;line-height:1.8}
.help-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}.help-side-card{padding:18px;background:#fff;border:1px solid #dfe9f3;border-radius:14px;box-shadow:0 8px 24px rgba(17,76,137,.04)}
.help-side-card img{width:46px;height:46px;margin-bottom:8px}.help-side-card h3{font-size:13px;margin-bottom:7px}.help-side-card p{font-size:9px;color:#6a8299;line-height:1.9;margin:0}
.help-side-card a{display:block;padding:9px 0;border-bottom:1px solid #e9f0f6;color:#176bb4;font-size:10px}.help-side-card a:last-child{border-bottom:0}
.help-empty{text-align:center;padding:35px;background:#fff;border:1px dashed #cbddec;border-radius:14px;color:#6f8499}
:root[data-theme="dark"] .help-card,:root[data-theme="dark"] .help-side-card{background:#101f31;border-color:#263d56}.help-card[hidden]{display:none!important}
:root[data-theme="dark"] .help-day-grid>div{background:#13263b;border-color:#2a4057}:root[data-theme="dark"] .help-quick-nav a{background:#102134;border-color:#2a4057;color:#8cccf7}
@media(max-width:1000px){.help-layout{grid-template-columns:1fr}.help-side{position:static;display:grid;grid-template-columns:1fr 1fr}.help-hero{align-items:stretch;flex-direction:column}.help-search{min-width:0}}
@media(max-width:700px){.help-hero{padding:18px}.help-hero h2{font-size:19px}.help-hero img{width:48px;height:48px}.help-day-grid,.help-side{grid-template-columns:1fr}.help-card{padding:16px}.help-quick-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.help-quick-nav a{white-space:nowrap}}


/* Live database dashboard */
.live-db-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-5px 0 22px}
.live-db-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value";column-gap:10px;align-items:center;padding:14px 16px;border:1px solid #dfe9f3;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(17,76,137,.04)}
.live-db-icon{grid-area:icon;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf4ff;color:#176bb4;font-size:11px;font-weight:800}
.live-db-strip small{grid-area:label;color:#6f8499;font-size:8px}.live-db-strip strong{grid-area:value;color:#173e64;font-size:15px;direction:ltr;text-align:right}
.recent-payments{margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}
.recent-payments-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.recent-payments-head span{font-size:10px;font-weight:800;color:#173e64}.recent-payments-head small{font-size:7px;color:#7d92a7}
.recent-payments>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e8eef5}.recent-payments>a:last-of-type{border-bottom:0}
.recent-payments a div{min-width:0}.recent-payments a strong{display:block;font-size:9px;color:#244b70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-payments a small{display:block;font-size:7px;color:#8297aa;margin-top:2px}.recent-payments a b{font-size:9px;color:#0b69c7;white-space:nowrap}
:root[data-theme="dark"] .live-db-strip>div{background:#101f31;border-color:#263d56}.recent-payments>a{border-bottom-color:#263a50}
@media(max-width:900px){.live-db-strip{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.live-db-strip{grid-template-columns:1fr}}


/* Live order stage board */
.stage-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:10px;background:#eef6ff;margin-top:14px}
.stage-summary span{font-size:9px;color:#5f7c99}.stage-summary strong{font-size:18px;color:#0b4fa3}
.stage-board{display:grid;gap:9px;margin-top:10px}
.stage-card{display:block;padding:11px 12px;border:1px solid #e0eaf4;border-radius:11px;background:#fff;transition:.16s ease}
.stage-card:hover{transform:translateY(-1px);border-color:#c8def2;background:#f9fcff}
.stage-card-top{display:flex;align-items:center;gap:9px}.stage-card-top>span:nth-child(2){font-size:9px;color:#355775}
.stage-card-top strong{margin-inline-start:auto;font-size:14px;color:#173e64}
.stage-progress{height:5px;border-radius:999px;background:#edf3f8;overflow:hidden;margin:9px 0 5px}
.stage-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43b9e8,#1976d2)}
.stage-card small{font-size:7px;color:#8297aa}
.stage-dot.partially_delivered{background:#7a8fc8}.stage-dot.delivered{background:#2f83c4}
.delivered-today-card{background:linear-gradient(180deg,#f8fbff,#f2f8ff)}
:root[data-theme="dark"] .stage-summary{background:#13263b}:root[data-theme="dark"] .stage-card{background:#101f31;border-color:#263d56}


/* Keep account dropdown above all operation panels */
.topbar{
 position:sticky;
 top:0;
 z-index:100;
 overflow:visible;
}
.topbar-start,.topbar-actions,.user-menu{position:relative;overflow:visible}
.topbar-actions{z-index:110}
.user-menu{z-index:120}
.user-menu-dropdown{
 z-index:9999!important;
 position:absolute;
}
.workspace{isolation:isolate}
.workspace>main{position:relative;z-index:1}
.operations-page,.operations-page .panel,.operations-page details{z-index:auto}
@media(max-width:760px){
 .topbar{z-index:100}
 .user-menu-dropdown{z-index:9999!important}
}


/* Dedicated services & pricing */
.services-heading{margin-bottom:20px}.services-stats{margin-bottom:20px}
.services-catalog{padding:0;overflow:hidden}.services-catalog>.section-heading{padding:22px 24px 16px;margin:0}
.service-table-head{display:grid;grid-template-columns:minmax(250px,2fr) 130px 150px 125px 80px;gap:12px;padding:10px 20px;background:#f4f8fd;border-top:1px solid #e2ebf4;border-bottom:1px solid #e2ebf4;color:#6e8298;font-size:9px;font-weight:700}
.service-cards{display:flex;flex-direction:column}.service-card-row{display:grid;grid-template-columns:minmax(250px,2fr) 130px 150px 125px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #e9f0f6}.service-card-row:last-child{border-bottom:0}
.service-card-row:hover{background:#fbfdff}.service-main{display:flex;align-items:center;gap:10px;min-width:0}.service-main>div{min-width:0;flex:1}.service-name-input{border:0!important;padding:2px 0!important;background:transparent!important;font-weight:800;box-shadow:none!important}.service-main small{color:#8195a8;font-size:8px}
.service-card-row label{margin:0}.service-card-row select,.service-card-row input[type=number]{padding:8px 10px;font-size:10px}
.price-field{position:relative}.price-field input{padding-inline-end:38px!important}.price-field b{position:absolute;inset-inline-end:10px;bottom:9px;font-size:8px;color:#7189a0}
.mobile-field-label{display:none}.add-service-panel{scroll-margin-top:90px}.service-create-action{display:flex;align-items:center;gap:12px}.service-create-action small{color:#7c91a5;font-size:8px}
:root[data-theme="dark"] .service-table-head{background:#14263a;border-color:#263d56}.service-card-row{border-bottom-color:#263a50}:root[data-theme="dark"] .service-card-row:hover{background:#13263b}
@media(max-width:1050px){.service-table-head{display:none}.service-card-row{grid-template-columns:1fr 1fr;gap:12px;padding:18px}.service-main{grid-column:1/-1}.service-card-row>.btn{width:100%}.mobile-field-label{display:block;font-size:8px;color:#7890a6;margin-bottom:5px}}
@media(max-width:600px){.service-card-row{grid-template-columns:1fr}.service-main{grid-column:auto}.service-create-action{align-items:stretch;flex-direction:column}.service-create-action .btn{width:100%}}


/* Users & permissions */
.users-heading{margin-bottom:20px}.users-stats{margin-bottom:20px}
.user-access-panel{padding:0;overflow:hidden}.user-access-panel>.section-heading{padding:22px 24px 14px;margin:0}
.user-access-list{display:flex;flex-direction:column}
.user-access-card{border-top:1px solid #e4edf5;padding:0}
.user-access-card>summary{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;gap:12px;align-items:center;padding:15px 20px;list-style:none}
.user-access-card>summary::-webkit-details-marker{display:none}
.user-access-card[open]>summary{background:#f7fbff}
.user-access-summary strong{display:block;font-size:11px;color:#173e64}.user-access-summary small{font-size:8px;color:#8195a8}
.department-pill,.status-pill{padding:5px 9px;border-radius:999px;font-size:8px;font-weight:700;background:#eef5fb;color:#557694}
.status-pill.is-active{background:#eaf4ff;color:#176bb4}.status-pill.is-inactive{background:#f5ecee;color:#a25f68}
.user-permission-form{padding:18px 20px 22px;background:#fbfdff;border-top:1px solid #e7eef6}
.permissions-box{margin:16px 0;padding:15px;border:1px solid #dfe9f3;border-radius:12px;background:#fff}
.permissions-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.permissions-head strong{display:block;font-size:11px;color:#173e64}.permissions-head small{display:block;font-size:8px;color:#7b90a5;margin-top:3px}
.permissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.permission-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e2ebf4;border-radius:9px;background:#f9fcff;font-size:9px!important;font-weight:600!important;color:#496884}
.permission-check input{width:16px;height:16px;flex:none}.permission-check:has(input:checked){background:#edf6ff;border-color:#cde2f5;color:#0b5fae}
.add-user-panel{scroll-margin-top:90px}
:root[data-theme="dark"] .user-access-card[open]>summary,:root[data-theme="dark"] .user-permission-form{background:#13263b}
:root[data-theme="dark"] .permissions-box,:root[data-theme="dark"] .permission-check{background:#101f31;border-color:#263d56;color:#a9c5df}
@media(max-width:900px){.permissions-grid{grid-template-columns:1fr 1fr}.user-access-card>summary{grid-template-columns:auto 1fr auto}.department-pill,.role-pill,.status-pill{grid-row:2}.department-pill{grid-column:2}.role-pill{grid-column:3}.status-pill{grid-column:2}}
@media(max-width:600px){.permissions-grid{grid-template-columns:1fr}.user-access-card>summary{grid-template-columns:auto 1fr}.department-pill,.role-pill,.status-pill{grid-column:2}.role-pill{grid-row:3}.status-pill{grid-row:4}.permissions-head{align-items:flex-start;flex-direction:column}.permissions-head .text-link{padding:0}}