@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#17231f;--muted:#708078;--line:#dce5df;--paper:#f6f8f5;--green:#145c45;--lime:#c7f36a;--red:#c9514a;--amber:#c78425}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}.wrap{max-width:1120px;margin:auto;padding:0 28px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font:700 22px 'Space Grotesk';color:var(--ink);text-decoration:none;letter-spacing:-1px}.logo span{color:var(--green)}nav{display:flex;gap:26px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-weight:600}.cart-badge{background:var(--lime);color:var(--ink);border-radius:99px;padding:3px 8px;font-size:12px}.hero{padding:76px 0 42px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;margin:0 0 15px}.hero h1,.page-title h1{font:700 59px/1.02 'Space Grotesk';letter-spacing:-3px;margin:0}.hero h1 span{color:var(--green)}.lead{max-width:490px;color:var(--muted);font-size:17px;line-height:1.6;margin-top:22px}.hero-mark{width:150px;height:150px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;font:600 34px 'Space Grotesk';color:var(--green)}.hero-mark small{font:11px 'DM Sans';letter-spacing:2px;line-height:1.2}.cart-feedback[hidden]{display:none}.cart-feedback{position:fixed;top:20px;right:20px;z-index:1000;display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:40px;max-width:calc(100% - 36px);margin:0;padding:0 18px;background:var(--red);border:1px solid #a83e38;border-radius:7px;color:#fff;font:600 14px 'DM Sans';text-align:center;white-space:nowrap;box-shadow:0 5px 12px rgba(201,81,74,.24);cursor:default}@media(max-width:700px){.cart-feedback{top:16px;right:16px}}.search{display:flex;gap:10px;max-width:750px;margin:0 0 55px}.search input{flex:1;border:1px solid var(--line);background:#fff;padding:18px 20px;border-radius:8px;font:16px 'DM Sans';outline:0}.search input:focus{border-color:var(--green)}button,.button{border:0;border-radius:7px;background:var(--green);color:white;padding:0 26px;font:600 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.section-heading{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.section-heading h2{font:600 25px 'Space Grotesk';margin:0}.section-heading span{color:var(--muted)}.results{margin:22px 0 60px}.branch-results{display:grid;gap:24px;margin:22px 0 60px}.branch-result{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(20,52,38,.05)}.branch-result-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#f7faf5;border-bottom:1px solid var(--line)}.branch-result-heading h2{margin:0;font:600 21px 'Space Grotesk';color:var(--green)}.branch-result-heading span{color:var(--muted);font-size:12px}.branch-result .results-table-wrap{border:0;border-radius:0;box-shadow:none;margin:0}.branch-results-table{min-width:760px}.branch-results-table th:nth-child(5){width:90px}.branch-results-table th:nth-last-child(2){width:90px}.branch-results-table th:last-child{width:82px}.stock-label-empty{display:block;margin-top:4px;color:var(--red);font-size:10px;white-space:nowrap}.results-table-wrap{width:100%;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(20,52,38,.05)}.results-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;table-layout:fixed}.results-table th,.results-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 12px;text-align:center;vertical-align:middle}.results-table th:last-child,.results-table td:last-child{border-right:0}.results-table tbody tr:last-child td{border-bottom:0}.results-table th{background:#fafbf9;color:#4c5652;font:600 14px 'Space Grotesk';white-space:nowrap}.results-table th:nth-child(1){width:105px}.results-table th:nth-child(2){width:92px}.results-table th:nth-child(3){width:140px}.results-table th:nth-child(4){width:120px}.results-table th:nth-last-child(2){width:90px}.results-table th:last-child{width:82px}.results-table td{font-size:15px}.result-brand,.result-name,.result-code{font-weight:600}.result-brand{color:#3b4541}.result-name{font-size:16px;line-height:1.25}.result-code{font-family:'Space Grotesk';color:var(--green);word-break:break-word}.part-image-placeholder{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#e8edf0,#cfd8dc);color:#7c8988;font-size:24px}.result-stock{position:relative}.result-stock strong{display:block;font-size:17px}.stock-available{color:var(--ink)}.stock-empty{color:#aab2af;font-weight:400}.table-add-form{margin:7px 0 0;display:flex;justify-content:center}.table-add-form button{width:auto;min-width:88px;height:34px;padding:0 10px;border-radius:6px;background:var(--green);color:#fff;font-size:12px;line-height:1;white-space:nowrap}.table-add-form button.is-limit{min-width:132px;background:#708078;color:#fff;font-size:11px}.result-price{font-weight:600;color:var(--ink)}.row-cart-icon{width:34px;height:34px;margin:auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:18px;background:#fff}@media(max-width:700px){.results-table-wrap{margin-left:-2px;margin-right:-2px}.results-table{min-width:1050px}.branch-results-table{min-width:760px}.results-table th,.results-table td{padding:12px 10px}.part-image-placeholder{width:50px;height:50px}.result-name{font-size:14px}.branch-result-heading{padding:14px 16px}.branch-result-heading h2{font-size:18px}}.part-card,.empty,.quick,.cart-row,.cart-summary{background:#fff;border:1px solid var(--line);border-radius:12px}.part-card{padding:22px}.part-head{display:flex;justify-content:space-between}.part-code{font:700 12px 'Space Grotesk';letter-spacing:1px;color:var(--green)}h3{font:600 19px 'Space Grotesk';margin:7px 0}p{color:var(--muted);margin:5px 0}.id-tag{font-size:11px;color:var(--muted)}.branches{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}.branch-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1ee}.branch-row:last-child{border:0}.branch-row strong{display:block;font-size:14px}.status{font-size:12px;display:inline-block;margin-top:4px}.status.in{color:var(--green)}.status.low{color:var(--amber)}.status.out{color:var(--red)}.add-form{display:flex;gap:5px}.add-form input,.cart-edit input{width:52px;border:1px solid var(--line);border-radius:5px;padding:8px;text-align:center}.add-form button{width:34px;height:34px;padding:0;background:var(--lime);color:var(--ink);font-size:22px}.disabled{color:#b7c1bb}.quick{margin-bottom:60px;padding:35px 40px;display:flex;justify-content:space-between;align-items:center}.quick h2{font:600 28px 'Space Grotesk';margin:0}.quick-code{font:700 34px 'Space Grotesk';color:var(--green);text-align:right}.quick-code small{font:12px 'DM Sans';color:var(--muted);font-weight:400}.page-title{padding:60px 0 35px}.page-title h1{font-size:48px;letter-spacing:-2px}.empty{padding:45px;text-align:center;margin:10px 0 60px}.empty strong{font:600 22px 'Space Grotesk'}.empty p{margin:10px 0 22px}.cart-list{display:grid;gap:12px}.cart-row{padding:21px 25px;display:flex;justify-content:space-between;align-items:center}.cart-edit{display:flex;gap:8px}.cart-edit button{padding:0 14px}.cart-summary{margin:20px 0 60px;padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.cart-summary span{display:block;color:var(--muted)}.cart-summary strong{font:600 24px 'Space Grotesk'}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}@media(max-width:700px){.wrap{padding:0 18px}.hero{padding-top:45px}.hero h1{font-size:43px}.hero-mark{display:none}.results{grid-template-columns:1fr}.search{margin-bottom:35px}.quick{padding:25px;display:block}.quick-code{text-align:left;margin-top:20px}.cart-row,.cart-summary{display:block}.cart-edit{margin-top:18px}nav{gap:12px;font-size:13px}}
.admin-login{max-width:430px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:70px;display:grid;gap:16px}.admin-login label{font-weight:600;display:grid;gap:7px}.admin-login input{padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit}.admin-login small{color:var(--muted);line-height:1.5}.admin-login button{width:100%;min-height:46px;padding:0 24px}.error{color:var(--red)!important}.admin-head{display:flex;justify-content:space-between;align-items:end}.admin-head>a{color:var(--red);text-decoration:none}.notice{background:#eaf7d4;color:var(--green);padding:14px 18px;border-radius:7px;margin-bottom:18px}.admin-table{width:100%;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;overflow-x:auto;overflow-y:hidden}.admin-tr{display:grid;grid-template-columns:1.7fr repeat(4,1fr);min-width:720px;align-items:center;border-bottom:1px solid var(--line);padding:14px 18px;gap:14px}.admin-tr:last-child{border:0}.admin-tr span:first-child{display:grid;gap:4px}.admin-tr small{color:var(--muted)}.admin-th{font-size:11px;letter-spacing:.7px;color:var(--muted);text-transform:uppercase;background:#f8faf7}.admin-tr input{width:75px;padding:9px;border:1px solid var(--line);border-radius:5px}.save-btn{margin:22px 0 60px;height:46px}
.csv-box{background:#eef6df;border:1px solid #d6e9b7;border-radius:12px;padding:25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:0 0 25px;max-width:100%;overflow:hidden}.csv-box>*{min-width:0}.csv-box h2{font:600 25px 'Space Grotesk';margin:0 0 8px}.csv-box p{line-height:1.5}.csv-form{display:grid;gap:12px}.csv-form label{display:grid;gap:6px;font-weight:600}.csv-form select,.csv-form input[type=file]{display:block;width:100%;max-width:100%;min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:11px;font:inherit}.csv-form input[type=file]{font-size:14px;overflow:hidden}.csv-form button{height:43px}.csv-form small{color:var(--muted);line-height:1.4}.csv-form code{background:#fff;padding:2px 5px;border-radius:4px}.error-box{background:#fff0ef;border:1px solid #f1c6c2;color:var(--red);border-radius:7px;padding:14px 18px;margin-bottom:18px}@media(max-width:700px){.csv-box{display:block;width:100%;padding:20px;overflow:hidden}.csv-box>div{margin-bottom:18px}.csv-form{width:100%;min-width:0}.csv-form button{width:100%;max-width:100%}.csv-form input[type=file],.csv-form select{width:100%;max-width:100%}.admin-table{width:100%;overflow-x:auto}.admin-tr{min-width:680px}}
.manual-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;margin:0 0 25px;max-width:100%;overflow:hidden}.manual-box>*{min-width:0}.manual-box h2{font:600 25px 'Space Grotesk';margin:0 0 8px}.manual-box p{line-height:1.5}.manual-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manual-form label{display:grid;gap:6px;font-weight:600;min-width:0}.manual-form input{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:6px;font:inherit}.manual-form button{grid-column:1/-1;height:43px}.stock-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:12px}.stock-fields>strong{grid-column:1/-1;color:var(--green);font-size:13px}.stock-fields label{font-size:12px}.stock-fields input{padding:9px}@media(max-width:700px){.manual-box{display:block;width:100%;padding:20px;overflow:hidden}.manual-box>div{margin-bottom:18px}.manual-form{display:grid;grid-template-columns:1fr;width:100%;min-width:0}.stock-fields{grid-template-columns:1fr 1fr}.manual-form button{width:100%;max-width:100%}}
.edit-link{display:block;color:var(--green);font-size:11px;margin-top:5px;text-decoration:none}.edit-product-form{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.edit-product-form>label{display:grid;gap:6px;font-weight:600}.edit-product-form input{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:6px;font:inherit}.edit-stocks{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.edit-stocks h3{grid-column:1/-1;margin:0;color:var(--green);font-size:15px}.edit-stocks label{display:grid;gap:6px;font-size:13px}.edit-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:8px}.danger-button{background:var(--red)}@media(max-width:700px){.edit-product-form{display:grid;grid-template-columns:1fr;padding:20px}.edit-stocks{grid-template-columns:1fr 1fr}.edit-actions{display:grid;grid-template-columns:1fr}.edit-actions button{height:43px}}
.role-badge{display:inline-block;margin-top:10px;padding:5px 10px;border-radius:99px;background:var(--lime);color:var(--green);font-size:11px;font-weight:700;letter-spacing:.4px}.admin-manage-box{background:#17231f;color:#fff;border-radius:12px;padding:25px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;margin:0 0 25px;max-width:100%;overflow:hidden}.admin-manage-box>*{min-width:0}.admin-manage-box h2{font:600 25px 'Space Grotesk';margin:0 0 8px}.admin-manage-box p{color:#b9c9c1;line-height:1.5}.admin-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-create-form label{display:grid;gap:6px;font-weight:600}.admin-create-form input{width:100%;min-width:0;padding:11px;border:1px solid #526a5f;background:#fff;border-radius:6px;font:inherit}.admin-create-form label:last-of-type{grid-column:1/-1}.admin-create-form button{grid-column:1/-1;height:43px;background:var(--lime);color:var(--ink)}@media(max-width:700px){.admin-manage-box{display:block;padding:20px}.admin-manage-box>div{margin-bottom:18px}.admin-create-form{grid-template-columns:1fr}.admin-create-form label:last-of-type{grid-column:auto}.admin-create-form button{grid-column:auto;width:100%}}
.admin-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:10px 0 28px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none;color:var(--ink);display:grid;gap:10px;transition:transform .15s,border-color .15s}.dashboard-card:hover{transform:translateY(-2px);border-color:var(--green)}.dashboard-card strong{font:600 18px 'Space Grotesk'}.dashboard-card small{color:var(--muted);line-height:1.4}.dashboard-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--lime);color:var(--green);font:700 25px 'Space Grotesk'}.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#17231f;color:#fff;border-radius:12px;margin-bottom:60px}.dashboard-summary div{padding:22px;border-right:1px solid #3b5148}.dashboard-summary div:last-child{border:0}.dashboard-summary span{display:block;color:#b9c9c1;font-size:12px}.dashboard-summary strong{display:block;margin-top:6px;font:600 24px 'Space Grotesk'}.subpage-head{display:flex;justify-content:space-between;align-items:end;padding:52px 0 30px}.subpage-head h1{font:700 45px 'Space Grotesk';letter-spacing:-2px;margin:0}.subpage-head p:not(.eyebrow){color:var(--muted);margin-top:10px}.back-link{color:var(--green);text-decoration:none;font-weight:600;margin-bottom:10px}.csv-single{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:60px}.products-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:60px}.product-list-head,.product-list-row{display:grid;grid-template-columns:1fr 1.5fr 150px;gap:20px;align-items:center;padding:17px 20px}.product-list-head{background:#f8faf7;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.product-list-row{border-top:1px solid var(--line)}.product-list-row>div:first-child{display:grid;gap:4px}.product-list-row small{color:var(--muted)}.stock-pills{display:flex;flex-wrap:wrap;gap:6px}.stock-pills span{background:#f1f6ed;border-radius:5px;padding:6px 8px;color:var(--muted);font-size:11px}.stock-pills strong{color:var(--green)}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:60px}.admin-create-card,.accounts-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.admin-create-card{display:grid;gap:13px}.admin-create-card h2,.accounts-list h2{font:600 23px 'Space Grotesk';margin:0 0 5px}.admin-create-card label{display:grid;gap:6px;font-weight:600}.admin-create-card input{padding:11px;border:1px solid var(--line);border-radius:6px;font:inherit}.admin-create-card button{height:43px;margin-top:5px}.accounts-list{display:grid;align-content:start;gap:10px}.account-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;row-gap:10px;padding:13px 0;border-top:1px solid var(--line)}.account-note{grid-column:1/-1;display:block!important;width:100%;border-top:1px solid #edf1ee;padding-top:9px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.35;overflow-wrap:anywhere}.account-note strong{color:var(--green);font-weight:700;margin-right:4px}.account-row div{display:grid;gap:4px}.account-row small{color:var(--muted)}@media(max-width:900px){.admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list-head,.product-list-row{grid-template-columns:1fr 1.2fr 120px}}@media(max-width:700px){.admin-dashboard{grid-template-columns:1fr}.dashboard-summary{grid-template-columns:1fr}.dashboard-summary div{border-right:0;border-bottom:1px solid #3b5148}.subpage-head{display:block;padding-top:38px}.back-link{display:inline-block;margin-top:18px}.subpage-head h1{font-size:38px}.csv-single{display:block}.admin-layout{grid-template-columns:1fr}.products-list{overflow-x:auto}.product-list-head,.product-list-row{min-width:680px}}
.subpage-head{position:relative;border-bottom:1px solid var(--line);margin-bottom:28px}.subpage-head:after{content:'';position:absolute;left:0;bottom:-2px;width:64px;height:3px;background:var(--lime);border-radius:9px}.subpage-head h1{font-size:48px}.edit-product-form,.admin-create-card,.accounts-list,.products-list,.csv-box{box-shadow:0 10px 30px rgba(20,52,38,.05)}.edit-product-form{max-width:900px;grid-template-columns:repeat(2,minmax(0,1fr));padding:30px}.edit-product-form>label,.admin-create-card label{font-size:13px;color:var(--ink)}.edit-product-form>label input,.admin-create-card input,.manual-form input,.csv-form select,.csv-form input[type=file]{margin-top:2px;background:#fbfdf9;transition:border-color .2s,box-shadow .2s}.edit-product-form>label input:focus,.admin-create-card input:focus,.manual-form input:focus,.csv-form select:focus,.csv-form input[type=file]:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(20,92,69,.1)}.edit-stocks{background:#f5f9f1;border:1px solid #e2ecd9;border-radius:10px;padding:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.edit-stocks h3{font-size:13px;text-transform:uppercase;letter-spacing:1px}.edit-stocks label{color:var(--muted);font-weight:600}.edit-stocks input{background:#fff}.edit-actions{padding-top:8px;border-top:1px solid var(--line)}.edit-actions button{min-height:44px}.csv-single{background:linear-gradient(135deg,#eef8df,#f9fcf4);padding:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.csv-single>div{padding:8px 12px}.csv-single h2{font-size:30px}.csv-form{background:#fff;border:1px solid #e3eadf;border-radius:10px;padding:20px;box-shadow:0 8px 20px rgba(20,52,38,.04)}.csv-form label{font-size:13px;color:var(--ink)}.csv-form button{height:46px;font-size:15px}.csv-form small{padding-top:4px}.manual-box{background:linear-gradient(135deg,#fff,#f8fbf7);padding:30px}.manual-box>div{padding:8px 12px}.manual-box h2{font-size:30px}.manual-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 8px 20px rgba(20,52,38,.04)}.stock-fields{background:#f5f9f1;border:1px solid #e2ecd9;border-radius:10px;padding:16px}.products-list{border-radius:14px}.product-list-head{font-weight:700}.product-list-row{min-height:88px}.product-list-row:hover{background:#fbfdf9}.edit-link{font-weight:700}.stock-pills span{border:1px solid #e1ecd9}.admin-layout{align-items:start}.admin-create-card{position:relative;border-top:4px solid var(--green)}.admin-create-card h2,.accounts-list h2{font-size:26px}.accounts-list{border-top:4px solid var(--lime)}.account-row{min-height:60px}.role-badge{box-shadow:0 3px 8px rgba(20,92,69,.12)}@media(max-width:700px){.subpage-head h1{font-size:38px}.edit-product-form{padding:20px}.edit-stocks{padding:14px}.csv-single,.manual-box{padding:20px}.csv-single>div,.manual-box>div{padding:0}.csv-form,.manual-form{padding:16px}.products-list{box-shadow:none}.admin-create-card,.accounts-list{padding:20px}}
.branch-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;margin-bottom:60px}.branch-layout .admin-create-card{align-content:start}.form-help{color:var(--muted);font-size:13px;line-height:1.5;margin-top:-4px}.branch-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 10px 30px rgba(20,52,38,.05)}.list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:4px}.list-heading h2{font:600 24px 'Space Grotesk';margin:0}.list-heading span{color:var(--muted);font-size:13px}.branch-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.branch-item:last-child{border-bottom:0}.branch-item>div{display:grid;gap:4px}.branch-item small{color:var(--muted);font-size:12px}.status-toggle{height:34px;padding:0 15px;border-radius:99px;font-size:12px}.status-toggle.active{background:#eaf7d4;color:var(--green);border:1px solid #cfe8aa}.status-toggle.inactive{background:#fff0ef;color:var(--red);border:1px solid #f1c6c2}@media(max-width:700px){.branch-layout{grid-template-columns:1fr}.branch-list{padding:18px}}
.branch-actions{display:flex;align-items:center;gap:9px}.branch-edit-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#eef6df;color:var(--green);font-size:20px;text-decoration:none;transition:background .2s,transform .2s}.branch-edit-icon:hover{background:var(--lime);transform:rotate(-8deg)}.branch-edit-form{max-width:760px}.branch-edit-info{grid-column:1/-1;background:#f5f9f1;border:1px solid #e2ecd9;border-radius:10px;padding:15px;display:grid;gap:5px}.branch-edit-info strong{color:var(--green)}.branch-edit-info span{font-size:12px;color:var(--muted)}@media(max-width:700px){.branch-actions{gap:6px}.branch-edit-icon{width:32px;height:32px}}
.branch-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.branch-actions .branch-edit-icon{order:1}.branch-actions form{order:2;margin:0}.branch-actions .status-toggle{white-space:nowrap}
.branch-item>.branch-actions{display:flex;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:9px;min-width:max-content;flex-shrink:0}.branch-item>.branch-actions form{display:block;flex:0 0 auto}.branch-item>.branch-actions .branch-edit-icon{display:grid;flex:0 0 34px}.branch-item>.branch-actions .status-toggle{flex:0 0 auto}@media(max-width:700px){.branch-item{gap:8px}.branch-item>.branch-actions{gap:6px}.branch-item>.branch-actions .branch-edit-icon{flex-basis:32px;width:32px}}
.dashboard-summary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,52,38,.05)}.dashboard-summary div{border-right:1px solid var(--line)}.dashboard-summary div:last-child{border:0}.dashboard-summary span{color:var(--muted)}.dashboard-summary strong{color:var(--ink)}.branch-upload-status{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:60px;box-shadow:0 10px 30px rgba(20,52,38,.05)}.status-section-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:16px}.status-section-head h2{font:600 27px 'Space Grotesk';margin:0 0 7px}.status-section-head p:not(.eyebrow){margin:0}.status-date{background:#f1f6ed;color:var(--green);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.branch-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.branch-status-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:15px;background:#fbfdf9}.branch-status-card>div{display:grid;gap:4px;min-width:0}.branch-status-card strong{font-size:13px}.branch-status-card small{font-size:11px;color:var(--muted)}.branch-status-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:19px;flex:0 0 34px}.branch-status-card.uploaded{border-color:#cfe8aa;background:#f7fbeF}.branch-status-card.uploaded .branch-status-icon{background:var(--lime);color:var(--green)}.branch-status-card.not-uploaded{border-color:#f0d9a5;background:#fffaf0}.branch-status-card.not-uploaded .branch-status-icon{background:#ffe0a3;color:#9a6517}@media(max-width:700px){.dashboard-summary{display:grid}.dashboard-summary div{border-right:0;border-bottom:1px solid var(--line)}.dashboard-summary div:last-child{border-bottom:0}.branch-upload-status{padding:20px}.status-section-head{display:block}.status-date{display:inline-block;margin-top:12px}.branch-status-grid{grid-template-columns:1fr}}
.admin-create-card select{padding:11px;border:1px solid var(--line);border-radius:6px;background:#fbfdf9;font:inherit;width:100%}.admin-create-card select:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(20,92,69,.1)}.admin-head p:not(.eyebrow){max-width:760px}.branch-upload-status{order:-1}
.branch-count-detail{display:block;margin-top:5px;color:var(--green)!important;font-size:12px!important;font-weight:700}.dashboard-summary strong{font-size:22px}.dashboard-summary div:last-child strong{font-size:30px}@media(max-width:700px){.dashboard-summary strong{font-size:23px}}
.admin-head-actions{display:flex;align-items:center;gap:14px}.admin-head-actions a{color:var(--red);text-decoration:none}.admin-head-actions .profile-link{color:var(--green);font-weight:700}.profile-form{max-width:760px}.profile-form>label input{background:#fbfdf9}.profile-readonly{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:8px 14px;background:#f5f9f1;border:1px solid #e2ecd9;border-radius:10px;padding:16px}.profile-readonly span{color:var(--muted);font-size:13px}.profile-readonly strong{color:var(--green)}@media(max-width:700px){.admin-head-actions{margin-top:18px}.profile-readonly{grid-template-columns:1fr}.profile-readonly strong{margin-bottom:5px}}
.admin-head-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s}.admin-head-actions a:hover{filter:brightness(.95);transform:translateY(-1px)}.admin-head-actions .profile-link{background:var(--green);color:#fff}.admin-head-actions .logout-link{background:var(--red);color:#fff}@media(max-width:700px){.admin-head-actions{display:flex;gap:8px}.admin-head-actions a{flex:1;min-width:0;padding:0 12px}}
.admin-head-actions a{font-weight:600}
.admin-head-actions a{min-height:28px;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:700}
.profile-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:60px}.profile-form{max-width:none;margin:0}.profile-form-title{grid-column:1/-1;font:600 25px 'Space Grotesk';margin:0 0 4px}.password-help{grid-column:1/-1;color:var(--muted);font-size:12px}.profile-form .edit-actions{margin-top:auto}@media(max-width:700px){.profile-layout{grid-template-columns:1fr}.profile-form{margin-bottom:0}}
.profile-form:not(.password-form){grid-template-columns:1fr}.profile-form:not(.password-form) .profile-readonly,.profile-form:not(.password-form) .edit-actions{grid-column:1}
.password-form{grid-template-columns:1fr}.password-form .password-help,.password-form .edit-actions{grid-column:1}
.account-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;min-width:max-content;gap:7px}.account-role-info{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.account-role-line{display:flex;align-items:center;justify-content:flex-end;gap:8px}.account-description{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.35;text-align:right;white-space:nowrap}.account-role-line .icon-action{flex:0 0 30px}.icon-action{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;text-decoration:none;font:700 18px/1 'DM Sans';cursor:pointer}.edit-icon{background:#eef6df;color:var(--green)}.delete-icon{background:#fff0ef;color:var(--red)}.inline-delete-form{margin:0;display:flex}.admin-edit-form select{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;background:#fbfdf9;font:inherit}.admin-edit-form .full-field{grid-column:1/-1}.admin-edit-form small{color:var(--muted);font-weight:400}@media(max-width:700px){.account-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.account-row>div:first-child{min-width:0}.account-actions{width:auto;justify-self:end;min-width:max-content;justify-content:flex-end;gap:5px;text-align:right}.account-role-info{width:auto;align-items:flex-end}.account-role-line{width:auto;justify-content:flex-end;display:flex;flex-direction:row;align-items:center}.account-role-line .role-badge{margin-top:0}.account-note{grid-column:1/-1;width:100%;text-align:left}.account-description{text-align:left;white-space:normal}.admin-edit-form .full-field{grid-column:auto}}

/* Success / error toast styling */
.cart-feedback.toast-success{background:#fff;border:2px solid #63c77b;color:#3eaa5c;box-shadow:0 5px 14px rgba(62,170,92,.22)}
.cart-feedback.toast-error{background:#fff;border:2px solid #d96b61;color:#c9514a;box-shadow:0 5px 14px rgba(201,81,74,.2)}
.cart-feedback .toast-icon{width:28px;height:28px;display:grid;place-items:center;margin-right:10px;font:700 25px/1 Arial;color:inherit}
.cart-feedback .toast-copy{display:grid;gap:2px;text-align:left;min-width:0}
.cart-feedback .toast-title{font:700 11px/1 'DM Sans';letter-spacing:.2px;color:inherit}
.cart-feedback .toast-message{font:400 11px/1.2 'DM Sans';color:#708078;white-space:nowrap}
.cart-feedback .toast-close{width:16px;height:16px;min-height:16px;padding:0;margin-left:12px;border-radius:50%;background:currentColor;color:#fff;font:700 11px/1 Arial;display:grid;place-items:center;cursor:pointer}
.cart-feedback.toast-success .toast-close{color:#63c77b}.cart-feedback.toast-error .toast-close{color:#d96b61}
@media(max-width:700px){.cart-feedback{right:18px;max-width:calc(100% - 36px)}.cart-feedback .toast-message{white-space:normal}}

.cart-feedback.toast-error .toast-title{display:none}
.cart-feedback.toast-error .toast-message{font-size:16px;line-height:1.25;font-weight:700;color:#111}
.cart-feedback.toast-success .toast-title{display:none}
.cart-feedback.toast-success .toast-message{font-size:16px;line-height:1.25;font-weight:700;color:#111}

/* Cart table */
.cart-table-wrap{margin:0 0 22px}
.cart-results-table{min-width:1080px}
.cart-results-table th:nth-child(5){width:170px}
.cart-results-table th:nth-child(6){width:90px}
.cart-results-table th:nth-child(7){width:150px}
.cart-results-table th:nth-child(8){width:90px}
.cart-branch-cell{font-size:13px;font-weight:600;color:var(--green);line-height:1.3}
.cart-edit-inline{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}
.cart-edit-inline input{width:54px;height:34px;padding:6px;border:1px solid var(--line);border-radius:6px;text-align:center;font:600 13px 'DM Sans'}
.cart-edit-inline button,.cart-delete-form button{height:34px;padding:0 10px;border-radius:6px;font-size:12px;white-space:nowrap}
.cart-delete-form{display:flex;justify-content:center;margin:0}
.cart-delete-form .danger-button{background:var(--red);color:#fff}
.cart-delete-form .danger-button:hover{background:#a83e38}
@media(max-width:700px){.cart-table-wrap{margin-left:-2px;margin-right:-2px}.cart-results-table{min-width:1080px}.cart-results-table th,.cart-results-table td{padding:12px 10px}}

/* Mobile cart cards without horizontal scrolling */
@media(max-width:700px){
  .cart-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;border-radius:0}
  .cart-results-table{display:block;width:100%;min-width:0;table-layout:auto}
  .cart-results-table thead{display:none}
  .cart-results-table tbody,.cart-results-table tr,.cart-results-table td{display:block;width:100%}
  .cart-results-table tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:8px 14px;box-shadow:0 8px 22px rgba(20,52,38,.06)}
  .cart-results-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:9px 0;border:0;border-bottom:1px solid #edf1ee;text-align:right}
  .cart-results-table td:last-child{border-bottom:0}
  .cart-results-table td::before{content:attr(data-label);flex:0 0 92px;color:var(--muted);font-size:11px;font-weight:600;text-align:left}
  .cart-results-table td>.part-image-placeholder{margin:0 0 0 auto}
  .cart-results-table td.result-name,.cart-results-table td.result-code,.cart-results-table td.cart-branch-cell{font-size:14px;line-height:1.3}
  .cart-results-table td.result-name,.cart-results-table td.cart-branch-cell{color:var(--green);font-weight:600}
  .cart-results-table td.result-stock strong{margin-left:auto}
  .cart-edit-inline,.cart-delete-form{margin:0 0 0 auto}
  .cart-edit-inline input{width:58px}
  .cart-summary{margin-top:18px;padding:18px;display:flex;gap:14px;align-items:center;justify-content:space-between}
  .cart-summary .button{height:40px;padding:0 14px;white-space:nowrap}
}

/* Order form */
.order-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;margin:0 0 60px}
.order-form-card,.order-summary-card,.order-success{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 10px 30px rgba(20,52,38,.05)}
.order-form-card h2,.order-summary-card h2{font:600 23px 'Space Grotesk';margin:0 0 20px}
.order-form{display:grid;gap:15px}.order-form label{display:grid;gap:7px;font-weight:600}.order-form label small{font-weight:400;color:var(--muted)}
.order-form input,.order-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;resize:vertical}.order-form input:focus,.order-form textarea:focus{outline:0;border-color:var(--green)}
.order-form button{height:46px;margin-top:4px}.order-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf1ee}.order-item strong,.order-item small{display:block}.order-item strong{font-size:14px}.order-item small{margin-top:4px;color:var(--muted);font-size:12px}.order-item>b{white-space:nowrap;color:var(--green)}
.order-total{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:4px}.order-total span{color:var(--muted)}.order-total strong{font:600 22px 'Space Grotesk';color:var(--green)}
.order-success{max-width:720px;margin:0 0 60px;border-color:#bfe6c9;background:#f4fff5}.order-success strong{font:600 24px 'Space Grotesk';color:var(--green)}.order-success p{margin:12px 0 20px}
@media(max-width:700px){.order-layout{display:block;margin-bottom:40px}.order-form-card,.order-summary-card{padding:20px;margin-bottom:16px}.order-form-card h2,.order-summary-card h2{font-size:20px}.order-item{align-items:flex-start}.order-success{padding:22px;margin-bottom:40px}}

.order-agent{display:grid;gap:4px;padding:14px 16px;margin:-4px 0 18px;background:#f3f9ea;border:1px solid #d8e9bd;border-radius:9px}.order-agent>span{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--green);font-weight:700}.order-agent>strong{font:600 16px 'Space Grotesk';color:#17231f}.order-agent>small{color:var(--muted);font-size:11px}

/* Incoming orders */
.orders-admin-list{display:grid;gap:18px;margin:0 0 60px}.incoming-order-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 10px 30px rgba(20,52,38,.05)}.incoming-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.incoming-order-head h2{font:600 21px 'Space Grotesk';margin:7px 0 4px}.incoming-order-head small{color:var(--muted)}.order-status{background:#eaf7d4;color:var(--green);border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700}.incoming-order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:16px 0;border-bottom:1px solid #edf1ee}.incoming-order-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.incoming-order-meta strong{font-size:14px}.incoming-order-items h3{font:600 16px 'Space Grotesk';margin:18px 0 10px}.incoming-order-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.incoming-order-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr .7fr;gap:12px;padding:11px 13px;border-bottom:1px solid #edf1ee;font-size:13px}.incoming-order-row:last-child{border-bottom:0}.incoming-order-th{background:#fafbf9;color:var(--muted);font-size:11px;font-weight:700}.incoming-order-note{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;padding:12px 14px;background:#f8faf7;border-radius:7px;color:var(--muted);font-size:12px}.incoming-order-note span{display:block}@media(max-width:700px){.incoming-order-card{padding:17px}.incoming-order-head{display:block}.order-status{display:inline-block;margin-top:12px}.incoming-order-meta{grid-template-columns:1fr 1fr}.incoming-order-meta>div:last-child{grid-column:1/-1}.incoming-order-row.incoming-order-th{display:none}.incoming-order-row{display:block;padding:10px 12px}.incoming-order-row span,.incoming-order-row strong{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.incoming-order-row span::before,.incoming-order-row strong::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:600}.incoming-order-note{display:grid}}

.incoming-orders-card{border:1px solid #b7df68;background:#fbfff4;order:-1}.incoming-orders-card .dashboard-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;margin-left:7px;padding:0 8px;border-radius:99px;background:var(--red);color:#fff;font:700 12px 'DM Sans';vertical-align:middle}.incoming-orders-card .dashboard-icon{background:var(--lime)}
.incoming-orders-card{position:relative;padding-right:110px}.incoming-orders-card .dashboard-count{position:absolute;right:24px;top:50%;transform:translateY(-50%);margin:0}.incoming-orders-card strong{display:block}@media(max-width:700px){.incoming-orders-card{padding-right:88px}.incoming-orders-card .dashboard-count{right:18px}}

/* Admin notification and install tools */
.admin-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.admin-notification-actions{display:flex;align-items:center;gap:7px}.admin-tool-button{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green);font:600 11px 'DM Sans';white-space:nowrap}.admin-tool-button:hover{border-color:var(--green);background:#f4f9ed}.notify-button{background:var(--lime);border-color:#b8df69}.order-pulse{animation:orderPulse .55s ease-in-out 3}@keyframes orderPulse{50%{transform:scale(1.025);box-shadow:0 0 0 5px rgba(201,81,74,.2),0 10px 30px rgba(20,52,38,.08)}}
@media(max-width:700px){.admin-head-actions{align-items:stretch;justify-content:flex-start}.admin-notification-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-tool-button{width:100%;font-size:10px}.profile-link,.logout-link{flex:1;text-align:center}}

.notification-slot{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 8px;border:1px solid #dce9c7;border-radius:9px;background:#fbfff4}.notification-slot[hidden]{display:none}.notification-bell{width:25px;height:25px;display:grid;place-items:center;color:var(--green)}.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-slot .notify-button{border:0;background:transparent;padding:0 5px}.notification-slot .notify-button:hover{background:transparent;color:var(--green)}
@media(max-width:700px){.notification-slot{width:100%;justify-content:center}.notification-slot .notify-button{width:auto}}

.compact-welcome{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:30px!important;line-height:1.12!important;margin:5px 0 8px!important}.compact-welcome span{font-size:.62em;font-weight:600;color:var(--muted);letter-spacing:.01em}.compact-welcome:not(span){font-weight:700}@media(max-width:700px){.compact-welcome{font-size:24px!important;gap:6px;margin-top:3px!important}}

@media(max-width:700px){.admin-head{display:grid;grid-template-columns:1fr;gap:12px}.admin-welcome-block{position:relative;min-height:108px;width:100%;padding:0!important}.admin-welcome-block>.eyebrow{display:none}.compact-welcome{position:absolute;inset:0;display:block!important;width:100%;font-size:0!important;line-height:1.1!important;margin:0!important;text-align:left}.compact-welcome span{display:block;text-align:left;font-size:15px!important;font-weight:600!important;color:var(--muted);padding-top:1px}.compact-welcome strong{display:block;margin-top:25px;text-align:right;font-size:25px;font-weight:700;color:var(--ink);white-space:normal}.admin-assignment{position:absolute;right:0;bottom:19px;margin:0!important;text-align:right!important;font-size:11px!important;color:var(--muted)!important}.admin-welcome-block>.role-badge{display:none}.admin-head-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;margin-top:0}.notification-slot{order:0;align-self:flex-end;width:auto}.admin-head-actions>.profile-link,.admin-head-actions>.logout-link{order:1}.admin-head-actions>.profile-link,.admin-head-actions>.logout-link{display:inline-block}.admin-head-actions{position:relative;padding-bottom:43px}.admin-head-actions>.profile-link{margin-right:calc(50% + 4px)}.admin-head-actions>.logout-link{margin-left:calc(50% + 4px);margin-top:-43px}}

/* Final compact mobile admin header */
@media(max-width:700px){.page-title.admin-head{display:grid;grid-template-columns:1fr;gap:14px;padding:24px 0 26px!important;margin:0;align-items:stretch}.admin-welcome-block{min-height:112px!important;padding:0!important}.compact-welcome{top:0!important;left:0!important;right:0!important;height:82px!important}.compact-welcome span{font-size:14px!important;line-height:1.2!important;padding:0!important}.compact-welcome strong{margin-top:21px!important;font-size:24px!important;line-height:1.05!important;white-space:nowrap}.admin-assignment{bottom:0!important;font-size:11px!important;line-height:1.2!important}.admin-head-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;align-items:center!important;padding:0!important;margin:0!important}.notification-slot{grid-column:1/-1;grid-row:1;justify-self:end;align-self:center;width:auto!important;margin:0 0 2px!important}.admin-head-actions>.profile-link,.admin-head-actions>.logout-link{grid-row:2;margin:0!important;width:100%;height:42px;display:inline-flex!important;align-items:center;justify-content:center}.admin-head-actions>.profile-link{grid-column:1}.admin-head-actions>.logout-link{grid-column:2}.admin-head-actions .notification-slot[hidden]{display:none}.admin-head-actions .notification-slot[hidden]~.profile-link,.admin-head-actions .notification-slot[hidden]~.logout-link{grid-row:1}.admin-head-actions .notification-slot[hidden]~.profile-link{grid-column:1}.admin-head-actions .notification-slot[hidden]~.logout-link{grid-column:2}}

/* Requested mobile admin header arrangement */
@media(max-width:700px){.compact-welcome{height:auto!important;display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:5px!important;white-space:nowrap}.compact-welcome span{display:inline!important;font-size:16px!important;color:var(--muted);font-weight:600!important}.compact-welcome span::after{content:','}.compact-welcome strong{display:inline!important;margin:0!important;font-size:24px!important;line-height:1!important}.admin-welcome-block{min-height:102px!important}.admin-assignment{position:absolute;left:0;right:0;bottom:0!important;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;font-size:11px!important;line-height:1.2!important;text-align:left!important}.assignment-branch{color:var(--muted);text-align:left}.assignment-position{color:var(--green);font-weight:700;text-align:right}.notification-slot{grid-column:1/-1!important;width:100%!important;min-height:46px!important;justify-content:center!important;border-radius:9px!important;margin:0!important}.notification-slot .notification-bell{width:27px;height:27px}.notification-slot .notify-button{font-size:13px!important}.admin-head-actions{row-gap:10px!important}}

/* Equal mobile action button height; colors remain distinct */
@media(max-width:700px){.admin-head-actions{align-items:stretch!important}.admin-head-actions .notification-slot,.admin-head-actions .notify-button,.admin-head-actions .profile-link,.admin-head-actions .logout-link{height:46px!important;min-height:46px!important;max-height:46px!important}.admin-head-actions .notification-slot{padding:0 12px!important}.admin-head-actions .notify-button,.admin-head-actions .profile-link,.admin-head-actions .logout-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;line-height:1!important}.admin-head-actions .profile-link{background:var(--green)!important;color:#fff!important}.admin-head-actions .logout-link{background:var(--red)!important;color:#fff!important}.admin-head-actions .notify-button{background:var(--paper)!important;color:var(--green)!important}}

/* Clean final mobile action controls: same size and shape, different colors only */
@media (max-width:700px){
  .admin-head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important;position:relative!important;padding:0!important;margin:0!important}
  .admin-head-actions .notification-slot,
  .admin-head-actions>.profile-link,
  .admin-head-actions>.logout-link{
    box-sizing:border-box!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    width:100%!important;
    margin:0!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
  .admin-head-actions .notification-slot{grid-column:1/-1!important;grid-row:1!important;padding:0 18px!important;gap:8px!important;background:var(--lime)!important;border:1px solid #b8df69!important}
  .admin-head-actions .notification-slot .notification-bell{width:24px!important;height:24px!important;flex:0 0 24px!important}
  .admin-head-actions .notification-slot .notify-button{height:100%!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;color:var(--green)!important;font-size:13px!important}
  .admin-head-actions>.profile-link{grid-column:1!important;grid-row:2!important;padding:0 16px!important;background:var(--green)!important;color:#fff!important;border:0!important}
  .admin-head-actions>.logout-link{grid-column:2!important;grid-row:2!important;padding:0 16px!important;background:var(--red)!important;color:#fff!important;border:0!important}
  .admin-head-actions .notification-slot[hidden]~.profile-link,
  .admin-head-actions .notification-slot[hidden]~.logout-link{grid-row:1!important}
}

/* Unified mobile admin header text size; only name and position use accent colors */
@media (max-width:700px){
  .compact-welcome span,
  .compact-welcome strong,
  .admin-assignment .assignment-branch,
  .admin-assignment .assignment-position{
    font-size:16px!important;
    line-height:1.2!important;
  }
  .compact-welcome span{color:var(--muted)!important;font-weight:600!important}
  .compact-welcome strong{color:var(--ink)!important;font-weight:600!important}
  .admin-assignment .assignment-branch{color:var(--muted)!important;font-weight:600!important}
  .admin-assignment .assignment-position{color:var(--green)!important;font-weight:600!important}
}

/* Centered, slightly larger mobile welcome line */
@media (max-width:700px){
  .admin-welcome-block .compact-welcome{
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    text-align:center!important;
    gap:6px!important;
    padding-top:4px!important;
    white-space:nowrap!important;
  }
  .admin-welcome-block .compact-welcome span,
  .admin-welcome-block .compact-welcome strong{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .admin-welcome-block .compact-welcome strong{margin:0!important}
}

/* Slightly larger user name only; welcome text remains unchanged */
@media (max-width:700px){
  .admin-welcome-block .compact-welcome span{font-size:18px!important}
  .admin-welcome-block .compact-welcome strong{font-size:20px!important}
}

/* User name enlarged once more; welcome label remains 18px */
@media (max-width:700px){.admin-welcome-block .compact-welcome span{font-size:18px!important}.admin-welcome-block .compact-welcome strong{font-size:22px!important}}

/* Bring branch and position labels closer together on mobile */
@media (max-width:700px){
  .admin-welcome-block .admin-assignment{
    left:0!important;
    right:0!important;
    width:100%!important;
    justify-content:center!important;
    gap:24px!important;
  }
}

/* Restore branch/position left-right layout and tighten it under welcome line */
@media (max-width:700px){
  .admin-welcome-block{min-height:82px!important}
  .admin-welcome-block .admin-assignment{
    left:0!important;
    right:0!important;
    width:100%!important;
    justify-content:space-between!important;
    gap:0!important;
  }
}

/* Light orange card containing the complete mobile admin identity header */
@media (max-width:700px){
  .page-title.admin-head{padding-top:18px!important}
  .admin-welcome-block{
    position:relative!important;
    width:100%!important;
    min-height:108px!important;
    padding:16px!important;
    background:#fff1df!important;
    border:1px solid #f1d1a5!important;
    border-radius:14px!important;
  }
  .admin-welcome-block .compact-welcome{
    top:16px!important;
    left:16px!important;
    right:16px!important;
    width:calc(100% - 32px)!important;
    padding:0!important;
  }
  .admin-welcome-block .admin-assignment{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    width:calc(100% - 32px)!important;
  }
}

/* Improve name contrast on the light orange identity card */
@media (max-width:700px){.admin-welcome-block .compact-welcome strong{color:var(--green)!important}}

/* Match branch color to the user name */
@media (max-width:700px){.admin-welcome-block .admin-assignment .assignment-branch{color:var(--green)!important}}

/* Keep a clear visual gap between welcome label and user name */
@media (max-width:700px){.admin-welcome-block .compact-welcome{gap:12px!important}}

/* Smaller position label, regular-sized position name */
@media (max-width:700px){
  .admin-welcome-block .assignment-position .position-label{font-size:11px!important;line-height:1.2!important;font-weight:500!important;opacity:.78}
  .admin-welcome-block .assignment-position .position-name{font-size:16px!important;line-height:1.2!important;font-weight:600!important;color:var(--green)!important}
}

/* Smaller branch label, regular-sized branch name */
@media (max-width:700px){
  .admin-welcome-block .assignment-branch .branch-label{font-size:11px!important;line-height:1.2!important;font-weight:500!important;opacity:.78}
  .admin-welcome-block .assignment-branch .branch-name{font-size:16px!important;line-height:1.2!important;font-weight:600!important;color:var(--green)!important}
}

/* Incoming orders return link: match the supplied large text and progress-line design */
.admin-head .admin-return-link{
  position:relative!important;
  display:block!important;
  align-self:stretch!important;
  min-width:0!important;
  padding:0 0 126px!important;
  color:var(--green)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  text-decoration:none!important;
  font:600 45px/1.05 'Space Grotesk',sans-serif!important;
  white-space:nowrap!important;
}
.admin-head .admin-return-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:190px;
  height:9px;
  border-radius:99px;
  background:var(--lime);
}
@media(max-width:700px){
  .admin-head .admin-return-link{font-size:30px!important;padding-bottom:70px!important;white-space:normal!important}
  .admin-head .admin-return-link::after{width:120px;height:7px}
}

/* Reference return layout: left-aligned full-width element on incoming orders */
.incoming-orders-head{display:block!important}
.incoming-orders-head .admin-return-link{width:100%!important;margin-top:34px!important}
@media(max-width:700px){.incoming-orders-head .admin-return-link{margin-top:24px!important}}

/* Restore standard page button styling for the admin return action */
.incoming-orders-head{display:flex!important;justify-content:space-between!important;align-items:end!important}
.incoming-orders-head .admin-return-link{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:auto!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 26px!important;
  background:var(--green)!important;
  border:0!important;
  border-radius:7px!important;
  color:#fff!important;
  font:600 14px 'DM Sans',sans-serif!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.incoming-orders-head .admin-return-link::after{display:none!important}
.incoming-orders-head .admin-return-link:hover{background:#0f4d3a!important;color:#fff!important}
@media(max-width:700px){
  .incoming-orders-head{display:flex!important;align-items:stretch!important;gap:16px!important}
  .incoming-orders-head .admin-return-link{width:100%!important;height:43px!important;min-height:43px!important;padding:0 18px!important}
}

/* Thin separator beneath incoming orders branch description */
.incoming-orders-description{padding-bottom:14px!important;margin-bottom:0!important;border-bottom:1px solid var(--line)!important}
@media(max-width:700px){.incoming-orders-description{padding-bottom:12px!important}}

/* Home navigation button */
nav a.home-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;background:var(--lime);color:var(--green);font-weight:700}
nav a.home-link:hover{background:#b9ed58;color:var(--green)}
@media(max-width:700px){nav a.home-link{padding:6px 11px}}

/* Home icon navigation button */
nav a.home-link{width:40px!important;height:34px!important;padding:0!important;border-radius:999px!important}
nav a.home-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){nav a.home-link{width:36px!important;height:32px!important}nav a.home-link svg{width:18px;height:18px}}

/* Admin profile icon beside Home */
nav a.profile-nav-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:34px;padding:0;border-radius:999px;background:var(--green);color:#fff;font-weight:700}
nav a.profile-nav-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
nav a.profile-nav-link:hover{background:#0f4d3a;color:#fff}
@media(max-width:700px){nav a.profile-nav-link{width:36px;height:32px}nav a.profile-nav-link svg{width:18px;height:18px}}

/* Site-aligned footer */
footer{background:var(--paper)!important;border-top:1px solid var(--line)!important;padding:24px 0!important;color:var(--muted)!important}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer-brand{font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.6px;color:var(--ink)}
.footer-brand span{color:var(--green)}
.footer-copy{font-size:12px;color:var(--muted);line-height:1.4;text-align:right}
@media(max-width:700px){footer{padding:20px 0!important}.footer-inner{display:grid;gap:7px}.footer-copy{text-align:left;font-size:11px}}

/* Dark green footer variant */
footer{background:var(--green)!important;border-top-color:#0f4d3a!important;color:#fff!important}
.footer-brand{color:#fff!important}
.footer-brand span{color:var(--lime)!important}
.footer-copy{color:#c7d9cf!important}

/* Accessible light footer variant */
footer{background:#fff!important;border-top:1px solid var(--line)!important;color:var(--muted)!important}
.footer-brand{color:var(--ink)!important}
.footer-brand span{color:var(--green)!important}
.footer-copy{color:#5c6a64!important}

/* Full-height page layout: keep footer at the bottom without a blank gap */
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;width:100%}
body>footer{margin-top:auto;width:100%;flex-shrink:0}

/* Incoming order summary: receiver, phone and total quantity stacked vertically */
.incoming-order-meta{grid-template-columns:1fr!important;gap:12px!important}
.incoming-order-meta>div{padding-bottom:10px;border-bottom:1px solid #edf1ee}
.incoming-order-meta>div:last-child{padding-bottom:0;border-bottom:0}
.incoming-order-meta span{margin-bottom:3px!important}
@media(max-width:700px){.incoming-order-meta{grid-template-columns:1fr!important}.incoming-order-meta>div:last-child{grid-column:auto}}

/* Incoming orderer hierarchy: branch and position above, name below and larger */
.incoming-order-meta .orderer-info .orderer-context{font-size:12px!important;color:var(--green)!important;font-weight:600!important;margin-bottom:6px!important}
.incoming-order-meta .orderer-info .orderer-name{display:block;font-size:19px!important;line-height:1.2!important;color:var(--ink)!important;font-weight:700!important}

/* Orderer row: branch and position left, user name right */
.incoming-order-meta .orderer-info{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:18px!important}
.incoming-order-meta .orderer-info .orderer-context{flex:1 1 auto!important;text-align:left!important}
.incoming-order-meta .orderer-info .orderer-name{flex:0 0 auto!important;text-align:right!important;white-space:nowrap!important}
@media(max-width:700px){.incoming-order-meta .orderer-info{gap:10px!important}.incoming-order-meta .orderer-info .orderer-name{font-size:18px!important;white-space:normal!important}}

/* Slightly larger branch and position context */
.incoming-order-meta .orderer-info .orderer-context{font-size:14px!important;line-height:1.25!important}
@media(max-width:700px){.incoming-order-meta .orderer-info .orderer-context{font-size:14px!important}}

/* Long orderer names: context top-left, name on its own bottom-right line */
.incoming-order-meta .orderer-info{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;align-items:start!important}
.incoming-order-meta .orderer-info .orderer-context{display:block!important;text-align:left!important;min-width:0!important}
.incoming-order-meta .orderer-info .orderer-name{display:block!important;max-width:100%!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:700px){.incoming-order-meta .orderer-info{gap:4px!important}.incoming-order-meta .orderer-info .orderer-name{font-size:18px!important;line-height:1.2!important}}

/* WhatsApp contact action beside order phone */
.order-phone-info .phone-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-phone-info .phone-action-row>strong{font-size:14px}
.whatsapp-order-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:7px;background:#25d366;color:#fff;text-decoration:none;font:600 12px 'DM Sans',sans-serif;white-space:nowrap}
.whatsapp-order-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-order-link:hover{background:#1db954;color:#fff}
@media(max-width:700px){.order-phone-info .phone-action-row{gap:8px}.whatsapp-order-link{height:32px;padding:0 10px;font-size:11px}.whatsapp-order-link svg{width:17px;height:17px}}

/* WhatsApp as a text-style link, not a button */
.whatsapp-order-link{height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#168a45!important;text-decoration:underline!important;font:600 13px 'DM Sans',sans-serif!important}
.whatsapp-order-link:hover{background:transparent!important;color:#0f6f37!important}
.whatsapp-order-link svg{display:none!important}
@media(max-width:700px){.whatsapp-order-link{font-size:12px!important}}

/* WhatsApp brand color and icon beside the text link */
.whatsapp-order-link{color:#25D366!important;text-decoration:none!important;gap:5px!important}
.whatsapp-order-link:hover{color:#128C7E!important;text-decoration:underline!important}
.whatsapp-order-link svg{display:inline-block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;stroke:currentColor!important}
.whatsapp-order-link span{text-decoration:underline}

/* My orders dashboard card */
.my-orders-card{border-color:#b7df68;background:#fbfff4}
.my-orders-card .dashboard-icon{background:var(--lime);color:var(--green)}

/* Incoming order acceptance controls */
.incoming-order-status-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.accept-order-form{margin:0}
.accept-order-button{border:0;border-radius:7px;background:var(--green);color:#fff;padding:8px 13px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.accept-order-button:hover{background:#123f31}
.incoming-order-status-actions .order-status{display:inline-flex;align-items:center}
@media(max-width:700px){.incoming-order-status-actions{align-items:flex-start;margin-top:12px}.accept-order-button{min-height:34px;padding:8px 14px}}

/* Order status workflow */
.status-update-form{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:190px;margin:0}
.order-status-select,.cancel-reason-input{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:12px 'DM Sans',sans-serif;padding:8px 9px}
.cancel-reason-input{resize:vertical;min-height:54px}
.status-update-button{border:0;border-radius:7px;background:#e8f6c9;color:var(--green);padding:8px 10px;font:600 11px 'DM Sans',sans-serif;cursor:pointer}
.status-update-button:hover{background:var(--lime)}
.cancel-reason-display{max-width:190px;color:#a44b43;font-size:11px;line-height:1.35;text-align:right}
@media(max-width:700px){.status-update-form{width:min(100%,260px)}.cancel-reason-display{text-align:left;max-width:260px}}

.return-order-form{margin:0}
.return-order-button{border:1px solid #d9a39b;border-radius:7px;background:#fff4f1;color:#a44b43;padding:8px 12px;font:600 11px 'DM Sans',sans-serif;cursor:pointer}
.return-order-button:hover{background:#fbe0da}

/* Full-width order status controls */
.incoming-order-head{flex-wrap:wrap}
.incoming-order-status-actions{width:100%;align-items:stretch;margin-top:12px}
.incoming-order-status-actions .order-status{align-self:flex-start}
.accept-order-form,.status-update-form,.return-order-form{width:100%;max-width:none}
.accept-order-button,.status-update-button,.return-order-button{width:100%;min-height:40px}
.order-status-select,.cancel-reason-input{width:100%;box-sizing:border-box}
.cancel-reason-display{max-width:none;text-align:left}
@media(max-width:700px){.incoming-order-status-actions{width:100%;align-items:stretch;margin-top:12px}.status-update-form{width:100%}.cancel-reason-display{max-width:none}}

/* Order status colors */
.status-badge{padding:7px 12px;border-radius:999px;font-weight:700}
.status-badge.status-preparing{background:#fff1b8;color:#8a6500}
.status-badge.status-delivered{background:#e8f6c9;color:var(--green)}
.status-badge.status-cancelled{background:#f8d7d3;color:#a33f38}
.status-badge.status-accepted{background:#e8f6c9;color:var(--green)}
.status-badge.status-new{background:#eef8d8;color:var(--green)}

/* Professional delivery invoice */
.invoice-page{max-width:1080px;margin:0 auto;padding:18px 0 70px}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.invoice-print-button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:11px 18px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 5px 12px rgba(17,67,48,.15)}.delivery-invoice{position:relative;background:#fff;border:1px solid #dce6dc;border-radius:4px;padding:42px 46px 34px;box-shadow:0 18px 40px rgba(20,52,38,.09);overflow:hidden}.delivery-invoice:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--green)}.invoice-header,.invoice-parties,.invoice-signatures,.invoice-footer{display:flex;justify-content:space-between;gap:28px}.invoice-header{padding:8px 0 24px;border-bottom:2px solid var(--green)}.invoice-header .eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em}.invoice-header h1{margin:0 0 7px;color:var(--ink);font-size:32px;letter-spacing:-.02em}.invoice-header p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.invoice-number{display:flex;align-items:flex-start;justify-content:flex-end;gap:18px;text-align:right}.invoice-number>div{display:grid;gap:5px}.invoice-number span,.invoice-parties span,.invoice-signatures span{color:#718076;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.invoice-number strong{color:var(--green);font-size:15px}.invoice-number small{color:var(--muted);font-size:11px}.invoice-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:3px;background:#e8f6c9;color:var(--green);font-size:10px;font-weight:800;white-space:nowrap}.invoice-parties{margin:22px 0 26px;padding:0;border:1px solid #dce6dc;background:#fbfdf9}.invoice-parties>div{flex:1;display:grid;gap:6px;padding:16px 18px}.invoice-parties>div+div{border-left:1px solid #dce6dc}.invoice-parties strong,.invoice-signatures strong{color:var(--green);font-size:15px}.invoice-parties small,.invoice-signatures small{color:var(--muted);font-size:11px}.invoice-table{width:100%;border-collapse:collapse;margin:0 0 28px}.invoice-table th,.invoice-table td{padding:12px 11px;border-bottom:1px solid #dfe7df;text-align:left;font-size:12px}.invoice-table th{background:var(--green);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.invoice-table th:first-child,.invoice-table td:first-child{width:42px;text-align:center}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table tbody tr:nth-child(even){background:#fbfdf9}.invoice-table tfoot td{padding-top:16px;font-weight:800;color:var(--green);border-bottom:0}.invoice-table tfoot td:last-child{text-align:right;font-size:15px}.invoice-signatures{padding:25px 0 30px;border-top:1px solid #dce6dc}.invoice-signatures>div{flex:1;display:grid;gap:7px}.invoice-signatures strong{min-height:19px}.invoice-signatures small{padding-top:18px;border-top:1px solid #8b9b8f}.invoice-footer{padding-top:17px;border-top:1px solid #dce6dc;color:var(--muted);font-size:10px}.invoice-footer strong{color:var(--green)}
@media(max-width:700px){.invoice-page{padding:0 0 35px}.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-print-button{width:100%}.delivery-invoice{padding:30px 16px 24px;border-radius:0}.invoice-header,.invoice-footer{flex-direction:column}.invoice-header h1{font-size:26px}.invoice-number{justify-content:space-between;text-align:left;gap:10px}.invoice-parties,.invoice-signatures{flex-direction:row;align-items:stretch;gap:8px}.invoice-parties>div,.invoice-signatures>div{min-width:0;padding:12px 9px}.invoice-parties>div+div{border-left:1px solid #dce6dc;border-top:0}.invoice-parties strong,.invoice-signatures strong{font-size:12px;overflow-wrap:anywhere}.invoice-parties small,.invoice-signatures small{font-size:9px;overflow-wrap:anywhere}.invoice-parties span,.invoice-signatures span{font-size:8px;line-height:1.3}.invoice-signatures small{padding-top:12px}.invoice-table{display:block;overflow-x:auto;white-space:nowrap}.invoice-table th,.invoice-table td{padding:10px 8px}}
@media print{body{background:#fff}.invoice-page{max-width:none;padding:0}.invoice-toolbar,body>header,body>footer{display:none!important}.delivery-invoice{border:0;box-shadow:none;padding:0;overflow:visible}.delivery-invoice:before{display:none}.invoice-header h1{font-size:28px}.invoice-parties{break-inside:avoid}.invoice-table{break-inside:auto}.invoice-signatures{break-inside:avoid}}

/* Cancel reason above return action */
.cancel-reason-display{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin:0;padding:10px 12px;border:1px solid #e3aaa4;border-radius:8px;background:#f8d7d3;color:#8f302c;text-align:left}
.cancel-reason-display span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#a33f38}
.cancel-reason-display strong{font-size:12px;line-height:1.4;font-weight:600;color:#7c2824;overflow-wrap:anywhere}

/* Invoice status beside invoice number */
.invoice-number{display:flex;align-items:flex-start;justify-content:flex-end;gap:18px;text-align:right}
.invoice-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#e8f6c9;color:var(--green);font-size:11px;font-weight:700;white-space:nowrap}
.invoice-number>div{display:grid;gap:4px}
@media(max-width:700px){.invoice-number{justify-content:space-between;text-align:left;gap:10px}.invoice-status-badge{align-self:flex-start}}

/* Status badge at the top-right of each order card */
.incoming-order-card{position:relative}
.incoming-order-status-actions .status-badge{position:absolute;top:20px;right:20px;z-index:2;margin:0}
.incoming-order-status-actions{padding-top:38px}
@media(max-width:700px){.incoming-order-status-actions .status-badge{top:16px;right:16px}.incoming-order-status-actions{padding-top:38px}}

/* Invoice action button */
.invoice-order-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;box-sizing:border-box;border-radius:7px;background:var(--green);color:#fff;text-decoration:none;font:600 12px 'DM Sans',sans-serif;padding:8px 13px;transition:background .2s ease,transform .2s ease}
.invoice-order-button:hover{background:#123f31;color:#fff;transform:translateY(-1px)}

/* Full-width invoice product columns */
.invoice-table{table-layout:fixed;width:100%}
.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:7%}
.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:31%}
.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:19%}
.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:25%}
.invoice-table th:nth-child(5),.invoice-table td:nth-child(5){width:18%}
.invoice-table td{overflow-wrap:anywhere}
@media(max-width:700px){.invoice-table{table-layout:auto;min-width:650px}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:42px}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:210px}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:125px}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:170px}.invoice-table th:nth-child(5),.invoice-table td:nth-child(5){width:110px}}

/* Pipe-style separators between invoice columns */
.invoice-table th+th,.invoice-table td+td{border-left:1px solid #aebdb2}
.invoice-table th+th{box-shadow:inset 1px 0 rgba(255,255,255,.14)}
@media print{.invoice-table th+th,.invoice-table td+td{border-left:1px solid #8b9b8f}}

/* Equal left and right alignment throughout the invoice */
.delivery-invoice{width:100%;margin-left:auto;margin-right:auto}
.invoice-header,.invoice-parties,.invoice-table,.invoice-signatures{width:100%;margin-left:0;margin-right:0}
.invoice-header{box-sizing:border-box}
.invoice-parties{box-sizing:border-box}
.invoice-table{box-sizing:border-box}
.invoice-signatures{box-sizing:border-box}
@media(max-width:700px){.delivery-invoice{width:100%;margin-left:0;margin-right:0}.invoice-header,.invoice-parties,.invoice-table,.invoice-signatures{width:100%;margin-left:0;margin-right:0}}
@media print{.delivery-invoice,.invoice-header,.invoice-parties,.invoice-table,.invoice-signatures{width:100%;margin-left:0;margin-right:0}}

/* Keep the mobile invoice table inside the invoice width */
@media(max-width:700px){
  .invoice-table{display:table;width:100%;min-width:0;table-layout:fixed;overflow:visible;white-space:normal}
  .invoice-table th,.invoice-table td{padding:8px 4px;font-size:9px;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}
  .invoice-table th{font-size:8px;letter-spacing:0}
  .invoice-table th:first-child,.invoice-table td:first-child{width:7%;text-align:center}
  .invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:31%}
  .invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:19%}
  .invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:25%}
  .invoice-table th:nth-child(5),.invoice-table td:nth-child(5){width:18%;text-align:right}
  .invoice-table tfoot td{font-size:9px;padding-top:10px}
  .invoice-table tfoot td:last-child{font-size:11px;white-space:nowrap;text-align:right}
}

/* Thin invoice column separators */
.invoice-table th+th,.invoice-table td+td{border-left:1px solid rgba(174,189,178,.55);box-shadow:none}
@media print{.invoice-table th+th,.invoice-table td+td{border-left:.5px solid #b8c4bb}}

/* Medium-weight invoice column separators */
.invoice-table th+th,.invoice-table td+td{border-left:1px solid rgba(126,148,134,.78)}
@media print{.invoice-table th+th,.invoice-table td+td{border-left:1px solid #9aaa9e}}

/* Extra-light invoice column separators */
.invoice-table th+th,.invoice-table td+td{border-left:.5px solid rgba(150,165,154,.35)!important;box-shadow:none!important}
@media print{.invoice-table th+th,.invoice-table td+td{border-left:.5px solid #d1dad3!important}}

/* Mobile dashboard: incoming and my orders side by side */
@media(max-width:700px){
  .admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .admin-dashboard>.dashboard-card{min-width:0;padding:15px 12px;gap:8px}
  .admin-dashboard>.dashboard-card:nth-child(n+3){grid-column:1/-1}
  .admin-dashboard>.dashboard-card:nth-child(-n+2){min-height:148px}
  .admin-dashboard>.dashboard-card:nth-child(-n+2) strong{font-size:14px;line-height:1.2}
  .admin-dashboard>.dashboard-card:nth-child(-n+2) small{font-size:10px;line-height:1.3}
  .admin-dashboard>.dashboard-card:nth-child(-n+2) .dashboard-icon{width:32px;height:32px;font-size:21px}
}

/* Consistent SVG icons for order dashboard cards */
.dashboard-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.admin-dashboard>.dashboard-card:nth-child(-n+2) .dashboard-icon svg{width:18px;height:18px}}

/* Neat top-right badge for incoming order count */
.incoming-orders-card{padding-right:54px}
.incoming-orders-card .dashboard-count{top:14px;right:14px;transform:none;min-width:25px;height:25px;padding:0 6px;margin:0;border:2px solid #fff;box-shadow:0 3px 8px rgba(20,52,38,.14);font-size:11px;line-height:21px}
@media(max-width:700px){.incoming-orders-card{padding-right:43px}.incoming-orders-card .dashboard-count{top:11px;right:10px;min-width:23px;height:23px;padding:0 5px;line-height:19px;font-size:10px}}

/* Square green badge for incoming order count */
.incoming-orders-card .dashboard-count{background:var(--lime);color:var(--green);border:1px solid #b7df68;border-radius:6px;box-shadow:none;font-weight:700}
@media(max-width:700px){.incoming-orders-card .dashboard-count{border-radius:5px}}

/* Keep the order count badge invisible when there are no new orders */
.incoming-orders-card .dashboard-count[hidden]{display:none!important}

/* Mobile dashboard: manual add and CSV cards side by side */
@media(max-width:700px){
  .admin-dashboard>.dashboard-card:nth-child(3),.admin-dashboard>.dashboard-card:nth-child(4){grid-column:auto;min-height:148px;padding:15px 12px;gap:8px}
  .admin-dashboard>.dashboard-card:nth-child(3) strong,.admin-dashboard>.dashboard-card:nth-child(4) strong{font-size:14px;line-height:1.2}
  .admin-dashboard>.dashboard-card:nth-child(3) small,.admin-dashboard>.dashboard-card:nth-child(4) small{font-size:10px;line-height:1.3}
  .admin-dashboard>.dashboard-card:nth-child(3) .dashboard-icon,.admin-dashboard>.dashboard-card:nth-child(4) .dashboard-icon{width:32px;height:32px;font-size:21px}
  .admin-dashboard>.dashboard-card:nth-child(n+5){grid-column:1/-1}
}

/* Hide the redundant admin welcome/profile assignment block */
.admin-head .admin-welcome-block{display:none!important}
.admin-head{display:block!important;padding-top:24px!important;padding-bottom:24px!important}
.admin-head .admin-head-actions{width:100%;justify-content:flex-end}
@media(max-width:700px){.admin-head{padding:16px 0!important}.admin-head .admin-head-actions{display:grid!important;width:100%;grid-template-columns:1fr 1fr;gap:10px!important}.admin-head .admin-head-actions .notification-slot{grid-column:1/-1;justify-self:end}.admin-head .admin-head-actions>.profile-link,.admin-head .admin-head-actions>.logout-link{width:100%;margin:0!important}}

/* Four-column summary for super admin: branch, role, name, total branches */
.dashboard-summary:has(>div:nth-child(4)){grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){.dashboard-summary:has(>div:nth-child(4)){grid-template-columns:1fr}.dashboard-summary:has(>div:nth-child(4)) div{border-right:0;border-bottom:1px solid #3b5148}}

/* Keep branch and role side by side with a separator */
.dashboard-summary:has(>div:nth-child(4))>div:nth-child(1){position:relative;border-right:0}
.dashboard-summary:has(>div:nth-child(4))>div:nth-child(1)::after{content:'|';position:absolute;right:-1px;top:50%;transform:translateY(-50%);color:#b9c9c1;font-weight:400}
@media(max-width:700px){.dashboard-summary:has(>div:nth-child(4)){grid-template-columns:1fr 1fr}.dashboard-summary:has(>div:nth-child(4))>div:nth-child(-n+2){grid-column:auto;border-bottom:0}.dashboard-summary:has(>div:nth-child(4))>div:nth-child(n+3){grid-column:1/-1}.dashboard-summary:has(>div:nth-child(4))>div:nth-child(1)::after{right:0}}

/* Mobile-safe branch and role summary layout without :has dependency */
.dashboard-summary-with-branch{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dashboard-summary-with-branch>div:nth-child(1){position:relative;border-right:0!important}
.dashboard-summary-with-branch>div:nth-child(1)::after{content:'|';position:absolute;right:-1px;top:50%;transform:translateY(-50%);color:#b9c9c1;font-weight:400}
@media(max-width:700px){
  .dashboard-summary-with-branch{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-summary-with-branch>div:nth-child(1),.dashboard-summary-with-branch>div:nth-child(2){grid-column:auto!important;border-bottom:0!important}
  .dashboard-summary-with-branch>div:nth-child(3),.dashboard-summary-with-branch>div:nth-child(4){grid-column:1/-1!important}
  .dashboard-summary-with-branch>div:nth-child(1)::after{right:0}
}

/* Order history */
.order-history-summary{display:flex;align-items:baseline;gap:10px;margin:0 0 18px;padding:16px 18px;background:#f8faf7;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.order-history-summary strong{font:700 28px 'Space Grotesk';color:var(--green)}
.order-history-list{display:grid;gap:16px;margin-bottom:60px}
.order-history-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 8px 24px rgba(20,52,38,.04)}
.order-history-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.order-history-card-head h2{font:600 20px 'Space Grotesk';margin:7px 0 4px}
.order-history-card-head small,.order-history-meta small{color:var(--muted)}
.history-status{display:inline-flex;align-items:center;padding:7px 11px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}
.history-status-new{background:#eef2f4;color:#53646b}.history-status-accepted{background:#e7f0ff;color:#345d99}.history-status-preparing{background:#fff3c9;color:#8d6b00}.history-status-delivered{background:#e5f5d1;color:var(--green)}.history-status-cancelled{background:#fde5e2;color:#a43c35}
.order-history-meta{display:grid;grid-template-columns:1.4fr 1.2fr .7fr;gap:18px;padding:16px 0;border-bottom:1px solid #edf1ee}.order-history-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.order-history-meta strong{display:block;font-size:14px}.order-history-meta small{display:block;margin-top:4px}
.order-history-actions{display:flex;align-items:center;gap:12px;margin-top:15px}.small-button{padding:8px 12px!important;font-size:12px!important}.history-details-link{color:var(--green);font-size:12px;font-weight:600;text-decoration:none}.history-details-link:hover{text-decoration:underline}
.order-history-dashboard-card .dashboard-icon{background:var(--lime);color:var(--green)}
@media(max-width:700px){.order-history-card{padding:16px}.order-history-card-head{display:block}.history-status{margin-top:11px}.order-history-meta{grid-template-columns:1fr 1fr;gap:14px}.order-history-meta>div:first-child{grid-column:1/-1}.order-history-actions{flex-direction:column;align-items:stretch}.order-history-actions a{text-align:center}}

/* Dashboard order after adding history card: history full-width, manual and CSV side by side */
@media(max-width:700px){
  .admin-dashboard>.order-history-dashboard-card{grid-column:1/-1!important;min-height:148px;padding:15px 12px;gap:8px}
  .admin-dashboard>.dashboard-card:nth-child(4),.admin-dashboard>.dashboard-card:nth-child(5){grid-column:auto!important;min-height:148px;padding:15px 12px;gap:8px}
  .admin-dashboard>.dashboard-card:nth-child(n+6){grid-column:1/-1!important}
}

/* Mobile order history metadata: one clean full-width row per item */
@media(max-width:700px){
  .order-history-card .order-history-meta{grid-template-columns:1fr;gap:0;padding:0}
  .order-history-card .order-history-meta>div{grid-column:1/-1!important;padding:12px 0;border-bottom:1px solid #edf1ee}
  .order-history-card .order-history-meta>div:last-child{border-bottom:0}
  .order-history-card .order-history-meta span{margin-bottom:5px}
}

/* Desktop dashboard: incoming and my orders on the first row; all other cards below */
@media(min-width:901px){
  .admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .admin-dashboard>.dashboard-card:nth-child(1),.admin-dashboard>.dashboard-card:nth-child(2){grid-column:auto}
  .admin-dashboard>.dashboard-card:nth-child(n+3){grid-column:auto}
}

/* Desktop dashboard: first two cards 2-up, remaining cards 3-up */
@media(min-width:901px){
  .admin-dashboard{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
  .admin-dashboard>.dashboard-card:nth-child(1),.admin-dashboard>.dashboard-card:nth-child(2){grid-column:span 3}
  .admin-dashboard>.dashboard-card:nth-child(n+3){grid-column:span 2}
}

/* User accounts grouped by role */
.account-group{border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
.account-group+.account-group{margin-top:22px}
.account-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.account-group-head h3{margin:0;color:var(--green);font:700 17px 'Space Grotesk'}
.account-group-head span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:5px;background:var(--lime);color:var(--green);font-size:12px;font-weight:800}
.account-group-empty{margin:10px 0 3px;color:var(--muted);font-size:12px}
.account-group .account-row:first-of-type{border-top:0}

/* Keep edit icon immediately beside the role badge on one line */
.account-role-info{width:max-content!important;align-items:flex-end!important}
.account-role-line{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;width:max-content!important;white-space:nowrap!important}
.account-role-line .icon-action{display:inline-flex!important;flex:0 0 30px!important;order:0!important;margin:0!important;vertical-align:middle!important}
.account-role-line .role-badge{display:inline-flex!important;order:1!important;align-items:center!important;white-space:nowrap!important;margin:0!important}
@media(max-width:700px){.account-role-line{display:inline-flex!important;flex-wrap:nowrap!important;gap:5px!important}.account-role-line .icon-action{flex-basis:30px!important}}

/* Edit icon uses the same background as the role badge */
.account-role-line .edit-icon{background:var(--lime)!important;color:var(--green)!important;border:0!important;box-shadow:none!important}

/* Match edit icon and role badge dimensions exactly */
.account-role-line .edit-icon,.account-role-line .role-badge{height:30px!important;min-height:30px!important;box-sizing:border-box!important;align-self:center!important}
.account-role-line .role-badge{padding:0 10px!important;line-height:1!important;justify-content:center!important}
@media(max-width:700px){.account-role-line .edit-icon,.account-role-line .role-badge{height:30px!important;min-height:30px!important}}

/* Role badge corners match the edit icon */
.account-role-line .role-badge{border-radius:7px!important}
.account-role-line .edit-icon{border-radius:7px!important}

/* Account branch/role description is a single line without a note separator */
.account-note{border-top:0!important;padding-top:0!important;margin-top:5px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important}
@media(max-width:700px){.account-note{white-space:normal!important;line-height:1.3!important}}

/* Slightly stronger separators between user accounts */
.accounts-list .account-group .account-row + .account-row{border-top:2px solid #dce6dc!important}

/* Verified badge for Super Admin */
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:#25d366;color:#fff;font:800 11px/1 'DM Sans',sans-serif;vertical-align:middle;box-shadow:0 1px 4px rgba(37,211,102,.25)}
@media(max-width:700px){.verified-badge{width:15px;height:15px;margin-left:5px;font-size:10px}}

/* Gear-shaped blue verified badge matching the supplied reference */
.verified-badge{width:23px!important;height:23px!important;margin-left:6px!important;border-radius:0!important;background:#2f8fe6!important;color:#fff!important;font:900 15px/1 'DM Sans',sans-serif!important;clip-path:polygon(50% 0%,60% 8%,72% 3%,78% 15%,91% 13%,90% 27%,100% 34%,92% 45%,98% 57%,86% 63%,88% 77%,74% 78%,67% 91%,56% 84%,46% 100%,37% 88%,24% 94%,21% 80%,7% 78%,12% 65%,0% 57%,8% 46%,1% 34%,14% 27%,12% 14%,26% 17%,33% 4%,44% 9%)!important;box-shadow:none!important}
@media(max-width:700px){.verified-badge{width:21px!important;height:21px!important;margin-left:5px!important;font-size:14px!important}}

/* Refined Instagram-style verification seal */
.verified-badge{width:25px!important;height:25px!important;margin-left:6px!important;background:#3897f0!important;color:#fff!important;font:900 17px/25px 'Arial',sans-serif!important;text-align:center!important;clip-path:polygon(50% 0%,57% 8%,65% 2%,70% 11%,80% 7%,81% 18%,91% 16%,88% 27%,98% 32%,90% 40%,100% 50%,91% 57%,97% 66%,86% 70%,89% 81%,78% 80%,75% 92%,65% 88%,58% 99%,50% 91%,41% 100%,35% 90%,25% 94%,23% 83%,12% 85%,15% 74%,4% 68%,11% 58%,0% 51%,9% 43%,3% 33%,14% 29%,11% 18%,22% 20%,27% 9%,37% 13%,43% 3%)!important;box-shadow:none!important;vertical-align:middle!important}
@media(max-width:700px){.verified-badge{width:23px!important;height:23px!important;font-size:16px!important;line-height:23px!important}}

/* Place role and edit controls in the lower row of each user card */
.account-bottom-line{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:6px;padding-top:8px;border-top:1px solid #dce6dc}
.account-bottom-line .account-note{margin:0!important;padding:0!important;flex:1 1 auto;min-width:0}
.account-bottom-line .account-actions{margin-left:auto;flex:0 0 auto}
@media(max-width:700px){.account-bottom-line{gap:8px;align-items:center}.account-bottom-line .account-note{font-size:11px!important}.account-bottom-line .account-actions{min-width:max-content}}

/* Keep the original right-side placement; apply only a small downward offset */
.account-row>.account-actions{transform:translateY(24px)}
@media(max-width:700px){.account-row>.account-actions{transform:translateY(22px)}}

/* Bring the branch description visually closer to the username line */
.account-row>.account-note{transform:translateY(-4px)}
@media(max-width:700px){.account-row>.account-note{transform:translateY(-3px)}}

/* Separate leaders and workers into distinct stacked cards */
.accounts-list .account-group{border:1px solid #dce6dc;border-radius:10px;padding:14px 15px 8px;margin-top:14px;background:#fbfdf9}
.accounts-list .account-group:first-of-type{margin-top:12px}
.accounts-list .account-group+.account-group{margin-top:16px}
.accounts-list .account-group-head{padding-bottom:9px;margin-bottom:0;border-bottom:1px solid #e3eadf}
.accounts-list .account-group .account-row{background:#fff;border-radius:7px;padding-left:8px;padding-right:8px}
@media(max-width:700px){.accounts-list .account-group{padding:12px 10px 7px}.accounts-list .account-group .account-row{padding-left:6px;padding-right:6px}}

/* Full-width password field on the user edit card */
.admin-edit-form .full-field{grid-column:1/-1;width:100%}
.admin-edit-form .full-field input{width:100%;box-sizing:border-box}

/* Desktop dashboard pairing: history/products and users/branches */
@media(min-width:901px){
  .admin-dashboard>.dashboard-card{grid-column:span 3!important}
  .admin-dashboard>.incoming-orders-card{order:1}
  .admin-dashboard>.my-orders-card{order:2}
  .admin-dashboard>.order-history-dashboard-card{order:3}
  .admin-dashboard>.products-dashboard-card{order:4}
  .admin-dashboard>.users-dashboard-card{order:5}
  .admin-dashboard>.branches-dashboard-card{order:6}
  .admin-dashboard>.manual-product-dashboard-card{order:7}
  .admin-dashboard>.csv-dashboard-card{order:8}
}

/* Mobile dashboard pairing: history/products and users/branches */
@media(max-width:700px){
  .admin-dashboard>.dashboard-card{grid-column:auto!important}
  .admin-dashboard>.incoming-orders-card{order:1}
  .admin-dashboard>.my-orders-card{order:2}
  .admin-dashboard>.order-history-dashboard-card{order:3}
  .admin-dashboard>.products-dashboard-card{order:4}
  .admin-dashboard>.users-dashboard-card{order:5}
  .admin-dashboard>.branches-dashboard-card{order:6}
  .admin-dashboard>.manual-product-dashboard-card{order:7}
  .admin-dashboard>.csv-dashboard-card{order:8}
}

/* Final mobile override: force the requested pairs into the same two-column rows */
@media(max-width:700px){
  .admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-dashboard>.dashboard-card:nth-child(3),
  .admin-dashboard>.dashboard-card:nth-child(6),
  .admin-dashboard>.dashboard-card:nth-child(7),
  .admin-dashboard>.dashboard-card:nth-child(8){grid-column:auto!important;min-height:148px;padding:15px 12px;gap:8px}
}

/* Divider between the two order cards and the remaining dashboard cards */
.dashboard-section-divider{grid-column:1/-1;order:3;height:1px;background:#b9c9c1;margin:14px 2px;min-height:1px}

/* Class-based mobile override after the divider element changed DOM child indexes */
@media(max-width:700px){
  .admin-dashboard>.dashboard-card.order-history-dashboard-card,
  .admin-dashboard>.dashboard-card.products-dashboard-card,
  .admin-dashboard>.dashboard-card.users-dashboard-card,
  .admin-dashboard>.dashboard-card.branches-dashboard-card{grid-column:auto!important;min-height:148px;padding:15px 12px;gap:8px}
}

/* Mobile header order: Profile, Notifications, Logout */
@media(max-width:700px){
  .admin-head .admin-head-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
  .admin-head .admin-head-actions .profile-link{order:1}
  .admin-head .admin-head-actions .notification-slot{grid-column:auto!important;justify-self:stretch!important;order:2;width:100%;margin:0!important}
  .admin-head .admin-head-actions .logout-link{order:3}
  .admin-head .admin-head-actions .notification-slot .notify-button{width:100%}
}

/* Mobile: keep Profile, Notifications and Logout on one row */
@media(max-width:700px){
  .admin-head .admin-head-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch}
  .admin-head .admin-head-actions>.profile-link,
  .admin-head .admin-head-actions>.logout-link,
  .admin-head .admin-head-actions>.notification-slot{grid-column:auto!important;width:100%!important;margin:0!important;min-width:0!important}
  .admin-head .admin-head-actions>.notification-slot{display:flex;align-items:stretch;justify-content:center;gap:0!important}
  .admin-head .admin-head-actions>.notification-slot .notification-bell{display:none}
  .admin-head .admin-head-actions>.notification-slot .notify-button{width:100%!important;min-width:0;padding-left:5px!important;padding-right:5px!important;font-size:10px!important;white-space:nowrap}
}

/* Hard lock the three mobile header controls to one grid row */
@media(max-width:700px){
  .admin-head .admin-head-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:auto!important}
  .admin-head .admin-head-actions>.profile-link{grid-column:1/2!important;grid-row:1!important;order:initial!important}
  .admin-head .admin-head-actions>.notification-slot{grid-column:2/3!important;grid-row:1!important;order:initial!important;justify-self:stretch!important}
  .admin-head .admin-head-actions>.logout-link{grid-column:3/4!important;grid-row:1!important;order:initial!important}
  .admin-head .admin-head-actions>.notification-slot .notify-button{white-space:normal!important;line-height:1.1!important;min-height:46px}
}

/* Respect the notification slot hidden state even where mobile flex rules use !important */
.notification-slot[hidden]{display:none!important}

/* When notifications are enabled, expand Profile and Logout across two columns */
@media(max-width:700px){
  .admin-head .admin-head-actions:has(.notification-slot[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .admin-head .admin-head-actions:has(.notification-slot[hidden])>.profile-link{grid-column:1/2!important;grid-row:1!important}
  .admin-head .admin-head-actions:has(.notification-slot[hidden])>.logout-link{grid-column:2/3!important;grid-row:1!important}
}

/* Admin nav uses icons for Search and Cart; public nav keeps its text labels */
nav a.icon-only-nav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:34px;padding:0;border-radius:999px;background:#f2f8e8;color:var(--green);font-weight:700}
nav a.icon-only-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
nav a.icon-only-nav:hover{background:var(--lime);color:var(--green)}
nav a.icon-only-nav .cart-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--lime);color:var(--green);font-size:10px;line-height:18px;text-align:center}
@media(max-width:700px){nav a.icon-only-nav{width:36px;height:32px}nav a.icon-only-nav svg{width:18px;height:18px}}

/* Public navigation order: Cart, Home, Profile */
nav a.public-cart-link{order:1}
nav a.public-home-link{order:2}

/* Super Admin-only incoming order deletion */
.delete-order-form{margin:0;display:flex}
.delete-order-button{padding:8px 12px;border:0;border-radius:7px;color:#fff;background:var(--red);font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.delete-order-button:hover{background:#a83e38}
@media(max-width:700px){.delete-order-form,.delete-order-button{width:100%}.delete-order-button{min-height:40px}}

.stock-error-notice{margin:0 0 18px;border-color:#e3aaa4;background:#f8d7d3;color:#8f302c}
.stock-error-notice strong{color:#a33f38}

/* Desktop cart: widen the page so the full table fits without horizontal scrolling */
@media(min-width:701px){
  .cart-page-wrap{max-width:1400px;padding-left:24px;padding-right:24px}
  .cart-page-wrap .cart-table-wrap{overflow-x:visible}
  .cart-page-wrap .cart-results-table{width:100%;min-width:0;table-layout:fixed}
  .cart-page-wrap .cart-results-table th:nth-child(1){width:11%}
  .cart-page-wrap .cart-results-table th:nth-child(2){width:10%}
  .cart-page-wrap .cart-results-table th:nth-child(3){width:15%}
  .cart-page-wrap .cart-results-table th:nth-child(4){width:12%}
  .cart-page-wrap .cart-results-table th:nth-child(5){width:17%}
  .cart-page-wrap .cart-results-table th:nth-child(6){width:10%}
  .cart-page-wrap .cart-results-table th:nth-child(7){width:15%}
  .cart-page-wrap .cart-results-table th:nth-child(8){width:10%}
}

/* Wider cart checkout action with loading state */
.cart-checkout-button{min-width:230px;min-height:48px;padding:0 30px;font-size:15px;white-space:nowrap}
.cart-checkout-button.is-loading{opacity:.78;cursor:wait}
@media(max-width:700px){.cart-checkout-button{width:100%;min-width:0;min-height:48px;margin-top:16px}}

/* Detailed cart summary */
.cart-summary-detailed{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:22px 24px}
.cart-summary-details{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:#fbfdf9}
.cart-summary-item{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:13px 17px;border-right:1px solid var(--line)}
.cart-summary-item:last-child{border-right:0}
.cart-summary-item span{color:var(--muted);font-size:12px;font-weight:600}
.cart-summary-item strong{color:var(--green);font:700 25px 'Space Grotesk';text-align:right;grid-row:span 2}
.cart-summary-item small{color:var(--muted);font-size:10px;text-align:right}
.cart-summary-total{background:#f0f8e5}
.cart-summary-action{display:flex;align-items:center;flex:0 0 auto}
@media(max-width:700px){
  .cart-summary-detailed{display:block;padding:18px}
  .cart-summary-details{grid-template-columns:1fr;gap:0}
  .cart-summary-item{min-height:58px;border-right:0;border-bottom:1px solid var(--line)}
  .cart-summary-item:last-child{border-bottom:0}
  .cart-summary-action{margin-top:16px}
  .cart-summary-action .cart-checkout-button{margin-top:0}
}

/* Detailed order-page cart summary card */
.order-summary-subtitle{margin:-10px 0 18px;color:var(--muted);font-size:12px}
.order-item-detailed{display:block;padding:16px 0;border-bottom:1px solid #edf1ee}
.order-item-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.order-item-title strong{font-size:17px;color:var(--ink)}
.order-item-title b{color:var(--green);font:700 18px 'Space Grotesk';white-space:nowrap}
.order-item-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.order-item-details span{display:grid;gap:3px;min-width:0}
.order-item-details small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.order-item-details strong{color:var(--green);font-size:12px;overflow-wrap:anywhere}
.order-summary-card .order-total{margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:700px){
  .order-summary-subtitle{margin-top:-8px}
  .order-item-title strong{font-size:16px}
  .order-item-details{grid-template-columns:1fr 1fr;gap:9px 12px}
  .order-item-details strong{font-size:11px}
}