:root{--red:#252622;--red2:#1e211f;--cream:#f8f7f3;--ink:#242722;--muted:#666e65;--line:#ddded7;--card:#fffefa;--green:#1d7a52;--amber:#b26906;--shadow:0 2px 7px rgba(24,32,20,.035)}
    *{box-sizing:border-box} body{margin:0;background:linear-gradient(135deg,#f5f4ef 0,#f5f4ef 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh} button,input{font:inherit} button{cursor:pointer}
    .shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--red2);color:white;padding:28px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 28px;border-bottom:1px solid #ffffff20}.brandmark{width:43px;height:43px;border-radius:13px;background:var(--cream);color:var(--red);display:grid;place-items:center;font-weight:900;font-size:22px}.brand b{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px}.brand small{display:block;color:#b8bdb3;margin-top:3px}.nav{margin-top:25px;display:grid;gap:8px}.nav button{border:0;color:#dde0d7;background:transparent;text-align:left;border-radius:12px;padding:12px 13px;font-weight:650}.nav button.active,.nav button:hover{background:#ffffff18;color:#fff}.sidefoot{position:absolute;bottom:24px;left:28px;right:28px;color:#b8bdb3;font-size:12px;line-height:1.55}.main{padding:30px 34px 60px;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.top h1{margin:0;font:700 31px/1.1 Inter,ui-sans-serif,system-ui,sans-serif}.top p{margin:7px 0 0;color:var(--muted)}.primary{border:0;background:var(--red);color:white;padding:12px 18px;border-radius:12px;font-weight:750;box-shadow:none}.primary:hover{background:#373a35}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.metric span{font-size:13px;color:var(--muted)}.metric strong{font:700 28px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;display:block;margin-top:9px}.metric em{font-style:normal;font-size:12px;color:var(--green)}.section{margin-top:24px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.sectionhead h2{font:700 21px Inter,ui-sans-serif,system-ui,sans-serif;margin:0}.sectionhead span{font-size:13px;color:var(--muted)}.days{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.day{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.day.off{opacity:.68;background:#f8f2ed}.daytop{display:flex;justify-content:space-between;gap:10px}.date{font-weight:800}.date small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.badge{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eaf6ef;color:var(--green);height:max-content}.badge.warn{background:#fff2d9;color:var(--amber)}.badge.off{background:#edf0e9;color:#616b60}.bar{height:9px;background:#eee5dc;border-radius:10px;overflow:hidden;margin:15px 0 10px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#c4a055);border-radius:10px}.cap{font-size:13px;font-weight:750}.ordersmini{margin-top:14px;border-top:1px solid var(--line);padding-top:9px}.mini{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;color:#504844}.mini b{font-weight:750}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.toolbar{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between}.search{border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:250px;background:white}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#f6f6f1}td strong{display:block}.pill{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eaf6ef;color:var(--green)}.dots{border:0;background:none;font-size:20px;color:var(--muted)}.empty{padding:45px;text-align:center;color:var(--muted)}.view{display:none}.view.active{display:block}.notice{background:#fff0d6;border:1px solid #efca8c;border-radius:14px;padding:14px 16px;margin:0 0 18px;display:none;justify-content:space-between;align-items:center;gap:15px}.notice.show{display:flex}.notice b{display:block;color:#7d4b02}.notice small{color:#795c36}.linkbtn{border:0;background:transparent;color:var(--red);font-weight:800}.ghost{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 12px;font-weight:700}.calendarlist{display:grid;gap:12px}.calrow{display:grid;grid-template-columns:160px 1fr auto;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px}.calrow input[type=number]{width:110px;padding:9px;border:1px solid var(--line);border-radius:9px}.switch{border:0;border-radius:999px;padding:7px 11px;background:#eee4dc;color:#6f625b;font-weight:800}.switch.on{background:#e8f5ed;color:var(--green)}
    dialog{border:0;border-radius:22px;padding:0;max-width:650px;width:calc(100% - 28px);box-shadow:0 30px 100px #31100d55}dialog::backdrop{background:#2d1110aa;backdrop-filter:blur(3px)}.modalhead{padding:21px 23px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modalhead h2{margin:0;font:700 23px Inter,ui-sans-serif,system-ui,sans-serif}.close{border:0;background:#f3ebe4;width:34px;height:34px;border-radius:50%;font-size:20px}.form{padding:20px 23px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:13px;font-weight:800}.field input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{border:1px solid var(--line);padding:12px;border-radius:13px;background:#f6f6f1}.product label{font-size:13px;font-weight:750;display:block;margin-bottom:8px}.product input{text-align:right}.hint{font-size:12px;color:var(--muted);margin:-5px 0 16px}.error{color:#b1121a;font-size:13px;min-height:18px}.modalfoot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 23px;background:#f6f6f1}.total strong{font-size:20px}.summarybox{background:#f2f2eb;border-radius:14px;padding:15px;margin:15px 0;font-size:13px;line-height:1.65}.actions{display:flex;gap:7px}.danger{border:0;background:#fff0f0;color:#ad151c;border-radius:9px;padding:8px 10px;font-weight:750}.toast{position:fixed;right:24px;bottom:24px;background:#241a17;color:white;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}
    .main{min-width:0}.date-toolbar{align-items:flex-end;flex-wrap:wrap;gap:16px}.date-filter{display:grid;gap:7px}.date-filter label{font-size:14px;font-weight:750}.date-filter input{min-width:220px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}.date-filter input:focus-visible{outline:2px solid var(--red);outline-offset:2px}.date-overview{text-align:right;line-height:1.6}.date-overview span{display:block;font-size:14px;color:var(--muted)}#ordersByDate table{min-width:760px}#ordersByDate th,#ordersByDate td{font-size:14px}#ordersByDate td{line-height:1.6}#ordersByDate td small{color:var(--muted);font-size:13px}
    @media(max-width:620px){.date-toolbar{align-items:stretch}.date-overview{text-align:left}.date-filter input{width:100%;min-width:0}}
    @media(max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px 18px}.brand{padding:0;border:0}.brand small,.sidefoot{display:none}.nav{display:flex;overflow:auto;margin-top:13px}.nav button{white-space:nowrap;padding:9px 12px}.main{padding:22px 18px 50px}.grid4{grid-template-columns:repeat(2,1fr)}.days{grid-template-columns:1fr 1fr}}
    @media(max-width:620px){.top{align-items:center}.top h1{font-size:25px}.top p{font-size:13px}.primary{padding:11px 13px}.grid4{gap:9px}.metric{padding:14px}.metric strong{font-size:23px}.days{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.calrow{grid-template-columns:1fr auto;gap:10px}.calrow .capedit{grid-column:1/-1}.toolbar{flex-direction:column}.search{min-width:0;width:100%}.notice{align-items:flex-start;flex-direction:column}}
    [hidden]{display:none!important}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
    .auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;max-width:460px;width:100%;box-shadow:var(--shadow)}.auth-card h1{font:700 30px Inter,ui-sans-serif,system-ui,sans-serif}.auth-card p{color:var(--muted);line-height:1.6}.auth-card .brandmark{background:var(--red);color:white}.auth-card .hint{margin:22px 0 0}
    .data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.data-toolbar strong{font-size:14px}.data-toolbar small{display:block;margin-top:5px;color:var(--muted)}.data-actions{display:flex;flex-wrap:wrap;gap:7px}.data-actions button{font-size:12px}.data-error{padding:14px;border:1px solid #e4a0a0;background:#fff0f0;border-radius:12px;color:#9a111b;margin:12px 0;line-height:1.6}.migration-prompt{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #dfbd86;border-radius:14px;background:#fff1d9;margin:0 0 22px}.migration-prompt p{margin:8px 0 0;line-height:1.5;font-size:14px}.migration-dialog{max-width:880px;max-height:90vh}.migration-dialog .form{line-height:1.6}.backup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.backup-steps>div{padding:15px;border:1px solid var(--line);border-radius:12px}.backup-steps p{font-size:13px;color:var(--muted)}.backup-steps input{width:100%;font-size:12px}.compact-table{min-width:0;margin:16px 0}.checksum{overflow-wrap:anywhere;font-family:monospace;font-size:12px}.migration-dialog .hint{margin:0 0 14px}.migration-dialog details{font-size:14px}.migration-dialog summary{cursor:pointer;font-weight:700}
    @media(max-width:620px){.backup-steps{grid-template-columns:1fr}.migration-prompt{align-items:stretch;flex-direction:column}.migration-dialog .grid4{grid-template-columns:1fr 1fr}.auth-card{padding:24px}}
    select,textarea,input[type=date]{font:inherit;border:1px solid var(--line);padding:9px 11px;border-radius:9px;background:white;color:var(--ink)}td small{display:block;color:var(--muted);margin-top:6px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:3px}.actions{flex-wrap:wrap}.day .compact-table{margin:10px 0} .day td,.day th{padding:7px 4px;font-size:12px}.day{min-width:0}.day .cap{margin-top:8px}.calendar-day{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:16px}.calendar-day .daytop{align-items:center;flex-wrap:wrap}.calendar-day input[type=number]{width:95px;padding:8px;border:1px solid var(--line);border-radius:8px}.warning{color:#9b3912;background:#fff0d6;padding:10px;border-radius:9px;line-height:1.6}.ok{color:var(--green)}.history-entry{padding:14px 0;border-bottom:1px solid var(--line);line-height:1.6}.history-entry:first-child{padding-top:0}.history-entry:last-child{border-bottom:0}.history-entry small{display:block;color:var(--muted)}.history-entry details{margin-top:8px}.history-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:340px;overflow:auto}.history-entry .actions{margin-top:8px}.pill.cancelled,.pill.completed{background:#edf0e9;color:#616b60}.stock-value{color:var(--green)}.slot-choice{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.slot-choice input{width:20px;height:20px}.field small{line-height:1.5}.form .products{margin-bottom:16px}.muted{color:var(--muted)}.table-note{font-size:12px;color:var(--muted);line-height:1.5}.actual-diff{font-size:13px}.busy{cursor:wait}.days{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{overflow-y:auto}.sidefoot{position:static;margin-top:35px;font-size:12px}.toast{z-index:100;max-width:min(540px,90vw)}
    @media(max-width:620px){.days{grid-template-columns:1fr}.calendar-day{padding:12px}.calendar-day .daytop{gap:12px}.calendar-day .compact-table{min-width:660px}.stock-value{font-size:24px}.actions button{min-height:40px}}
/* Official Mak Tam identity. Original transparent PNG retained in full, without cropping or distortion. */
:root{--gold:#b99548;--red:#242722;--red2:#1e211f;--cream:#f8f7f3;--ink:#242722;--muted:#646d62;--line:#dfe1d8;--card:#fffefa;--shadow:0 2px 7px #18201409}
body{background:#f5f4ef;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,.button-link{min-height:44px}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.035em}h2{letter-spacing:-.02em}.main{max-width:1600px;padding:24px 32px 60px}.shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:24px 16px;background:#20231f}.brand{display:flex;flex-direction:column;gap:10px;align-items:center;padding:0 0 22px;border-color:#ffffff15}.brand-logo{width:190px;height:auto;aspect-ratio:1;background:transparent;flex-shrink:0}.brand-logo img{display:block;width:100%;height:auto;object-fit:contain}.brand>span{font-size:12px;letter-spacing:.21em;color:#d4bc7e;font-weight:700}.nav{gap:4px;margin-top:16px}.nav-label{font-size:12px;letter-spacing:.06em;color:#a9b1a5;padding:15px 12px 5px}.nav button{font-size:14px;border-radius:7px;padding:11px 12px;font-weight:550;display:flex;gap:12px;align-items:center;color:#d2d8ce}.nav button span{font-size:19px;width:20px;text-align:center;color:#aeb7a8}.nav button.active{background:#3d4439;color:#fff;box-shadow:inset 3px 0 #c9a95e}.nav button.active span{color:#e0c888}.nav button:hover{background:#30372b}.sidefoot{font-size:12px;padding:20px 10px;color:#a9b1a5;border-top:1px solid #ffffff15}#menuToggle{display:none}.top{align-items:center;margin-bottom:22px}.top h1{font-size:29px;line-height:1.25}.top p{font-size:14px}.primary{background:#2c3328;border-radius:8px;box-shadow:none;font-size:14px;font-weight:700;padding:11px 17px}.primary:hover{background:#414d39}.ghost{border-color:#d7dcd0;border-radius:8px;font-size:14px;background:var(--card);font-weight:600}.ghost:hover{background:#f1f3ea}.linkbtn{font-size:14px;color:#454e3e}.danger{font-size:14px}.close{width:44px;height:44px;border-radius:8px;background:#f0f2eb}.panel,.metric,.day,.calendar-day{border-radius:10px}.metric{padding:18px 20px}.metric span{font-size:14px}.metric strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:7px 0 3px}.metric em{font-size:12px;color:var(--muted)}.sectionhead{gap:14px;align-items:center;flex-wrap:wrap}.sectionhead h2{font-size:19px}.sectionhead span{font-size:13px}.data-toolbar{font-size:13px}.data-actions button{font-size:12px;min-height:36px}.data-toolbar small{font-size:12px}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.daily-card{background:#fffefa;border:1px solid var(--line);border-radius:10px;padding:20px;border-top:3px solid #c4a55f}.daily-card h2{font-size:16px;margin:0}.daily-number{font-size:30px;font-weight:750;margin:8px 0}.daily-number small{font-size:14px;color:var(--muted);font-weight:500}.daily-card p{font-size:14px;margin:8px 0 16px}.daily-card .actions{margin-top:12px}.eyebrow{font-size:12px!important;font-weight:700;letter-spacing:.08em;margin:0 0 7px!important;color:#727c6b}.summarybox{font-size:14px;background:#f0f2e9;border:1px solid #dfe5d5;border-radius:9px}.warning{font-size:14px;color:#88561c;background:#fff5df}.error{font-size:14px;color:#a2232a}.ok,.stock-value{color:#28734f}.badge,.pill{display:inline-block;font-size:12px;line-height:1.3;white-space:nowrap}.pill.cancelled{background:#fff0f0;color:#a2232a}.pill.completed,.pill.active{background:#e8f4eb;color:#23603b}.pill.scheduled,.pill.neutral,.pill.inactive{background:#edf0e9;color:#5e6957}.pill.standing{background:#f4eddb;color:#806423;font-size:11px;letter-spacing:.05em}.field label{font-size:14px}.field input,.field select,.field textarea{min-height:44px;width:100%;min-width:0}.field textarea{resize:vertical}.hint,.table-note{font-size:13px;line-height:1.6}.product{background:#f6f7f1;border-radius:8px;padding:13px}.product label{font-size:14px}.product input{min-height:44px;font-size:16px}.day td,.day th{font-size:13px;padding:9px 5px}.day .cap{font-size:13px;color:var(--muted)}th,td{font-size:14px}th{font-size:12px;color:#6a7363;background:#f4f5ef}.tablewrap:focus{outline:2px solid var(--gold)}.calendar-day .table-note{font-size:13px}.history-entry small,.actual-diff{font-size:13px}.history-entry summary{font-size:14px;cursor:pointer}.form{padding:22px}.modalhead{padding:18px 22px;align-items:center}.modalhead h2{font-size:21px}.modalfoot{padding:15px 22px;gap:12px;background:#f5f6f0}.modalfoot .actions{justify-content:flex-end}dialog{border-radius:12px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#171e18a6;backdrop-filter:blur(2px)}.auth-card{padding:32px;border-radius:14px;background:#fffefa;border-top:4px solid #c3a158;max-width:440px}.auth-card .brand-logo{width:230px;height:auto;margin:auto}.auth-card h1{font-size:27px;text-align:center;margin:23px 0 8px}.auth-card>p{text-align:center;font-size:14px;margin-bottom:24px}.auth-card .primary{width:100%}.auth-card .hint{font-size:12px;margin:20px 0 0}.auth-gate{background:#f3f2ec}.check-label{display:flex!important;align-items:flex-start;gap:10px;font-size:14px!important;margin:12px 0}.check-label input{width:20px!important;min-height:20px!important;height:20px;flex-shrink:0;margin-top:2px;accent-color:#3d5133}.customer-matches{border:1px solid var(--line);border-radius:8px;max-height:260px;overflow:auto}.customer-choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px;background:#fffefa;border:0;border-bottom:1px solid var(--line);font-size:14px}.customer-choice:hover{background:#eef1e5}.customer-choice small{display:block;color:var(--muted)}.customer-choice>span:last-child{font-size:12px}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-card{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--line);padding:18px;background:var(--card);border-radius:9px;min-width:0}.customer-card:hover,.customer-card.selected{border-color:#a4b194;background:#f9faf5}.customer-card-content{flex:1;min-width:0;overflow-wrap:anywhere}.customer-card b{font-size:15px}.customer-card small{font-size:13px;color:var(--muted);display:block;margin-top:4px}.avatar{width:40px;height:40px;display:grid;place-items:center;font-size:13px;font-weight:800;background:#eef0e5;color:#677056;border-radius:10px;flex-shrink:0}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.profile-facts span{display:block;font-size:13px;color:var(--muted)}.profile-facts b{font-size:14px;font-weight:600;white-space:pre-line}.customer-order{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.customer-order small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.customer-order>strong{white-space:nowrap}.small-empty{padding:18px}.standing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.standing-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:14px}.standing-card h2{margin-top:12px}.standing-main{display:flex;justify-content:space-between;gap:10px;margin-top:22px;font-size:16px}.standing-card details{margin-top:20px}.standing-card summary{cursor:pointer}.info-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--line);border-radius:9px;font-size:14px}.info-strip button{flex-shrink:0}.scope-options{display:grid;gap:12px}.scope-options button{text-align:left;padding:18px}.scope-options span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}.button-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}#waText{white-space:pre-wrap}#whatsAppMessage{line-height:1.65}.warning:empty{display:none}.toolbar{flex-wrap:wrap}.calendar-day label{font-size:14px}
@media(max-width:1150px){.shell{grid-template-columns:218px minmax(0,1fr)}.main{padding:22px}.days,.standing-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr}.brand-logo{width:172px;height:auto}.sidebar{height:100dvh;position:sticky}.nav{display:grid;overflow:visible}.brand small,.sidefoot{display:block}}
@media(max-width:850px){.shell{display:block}.sidebar{position:sticky;z-index:20;top:0;height:auto;padding:10px 16px;overflow:visible}.brand{flex-direction:row;justify-content:space-between;border:0;padding:0;gap:12px}.brand-logo{width:105px;height:auto}.brand>span{font-size:11px;letter-spacing:.1em;margin-right:auto}#menuToggle{display:block;min-height:40px;border-color:#66715e;background:transparent;color:#fff}.sidefoot{display:none}.nav{display:none;max-height:calc(100dvh - 85px);overflow:auto;margin-top:10px;padding-bottom:10px}.sidebar.menu-open .nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.nav-label{grid-column:1/-1}.main{padding:18px 16px 45px}.customer-grid{grid-template-columns:1fr 1fr}.data-toolbar{gap:10px;align-items:flex-start}.data-actions{gap:5px}.data-actions button{font-size:12px;padding:7px 9px;min-height:40px}.top h1{font-size:26px}.top{gap:10px;align-items:flex-start}.top .primary{white-space:nowrap}.sectionhead h2{font-size:18px}.daily-grid{gap:12px}.metric{padding:14px}.daily-card{padding:16px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-orders{min-width:0!important}.operational-orders thead{display:none}.operational-orders tbody{display:grid;gap:12px;padding:12px}.operational-orders tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:12px;gap:10px}.operational-orders td{display:block;padding:0;border:0;min-width:0;font-size:14px;overflow-wrap:anywhere}.operational-orders td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.operational-orders td:nth-child(2),.operational-orders td:last-child{grid-column:1/-1}.operational-orders td:last-child:before{display:none}.operational-orders td.empty{grid-column:1/-1;padding:24px}.operational-orders td small{font-size:12px}.actions{gap:8px}.actions button{min-height:44px}#ordersByDate th,#ordersByDate td{font-size:14px}.calendar-day .compact-table{min-width:650px}.tablewrap{max-width:100%}}
@media(max-width:520px){.daily-grid,.customer-grid,.standing-grid{grid-template-columns:1fr}.daily-card{padding:17px}.daily-number{font-size:28px}.top h1{font-size:25px}.top .primary{font-size:13px;padding:10px 12px}.data-actions{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.data-actions button{padding:6px;font-size:11px}.grid4{gap:9px}.metric span{font-size:13px}.metric strong{font-size:25px}.metric em{font-size:12px}.products{gap:10px}.form{padding:18px}.product{padding:10px}.product label{font-size:13px}.product input{padding:10px 7px}.modalhead,.modalfoot{padding:14px 18px}.modalfoot{flex-wrap:wrap}.modalfoot .primary{flex:1}.modalfoot .actions{flex:1}.modalhead h2{font-size:20px}dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.profile-facts{grid-template-columns:1fr}.customer-card{padding:15px;gap:11px}.customer-card .pill{font-size:11px}.standing-card{padding:18px}.info-strip{align-items:stretch;flex-direction:column}.day{padding:14px}.day th,.day td{font-size:12px;padding:8px 3px}.auth-gate{padding:16px}.auth-card{padding:26px 22px}.auth-card .brand-logo{width:210px;height:auto}.auth-card h1{font-size:25px}.auth-card>p{font-size:13px}.customer-order{align-items:flex-start}.customer-order>strong{font-size:13px}.sectionhead span{font-size:12px}.sidebar.menu-open .nav{grid-template-columns:1fr 1fr}.table-note{font-size:13px}.toast{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product{min-width:0}.product input{width:100%;min-width:0;border:1px solid #d7dcd0;border-radius:8px;padding:10px;background:white}.check-label[hidden]{display:none!important}
.nav button{white-space:normal}.product label{font-size:14px}
/* Phase D: focused module cards, touch-friendly fulfilment and access settings. */
.fulfilment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}.fulfilment-card{padding:22px;background:#fff;border:1px solid #e8e4db;border-radius:18px;min-width:0}.fulfilment-card h2{font-size:19px;margin:12px 0 6px}.fulfilment-card .compact-table input{width:90px;min-height:44px}.fulfilment-card .actions{margin-top:18px;flex-wrap:wrap}.fulfilment-card .actions button,.trip-card button{min-height:46px}.trip-card{margin-bottom:24px}.staff-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.staff-list{display:grid;gap:8px;position:sticky;top:16px}.staff-choice{text-align:left;padding:15px;border:1px solid #e8e4db;border-radius:12px;background:white;min-height:64px}.staff-choice b,.staff-choice small{display:block}.staff-choice small{color:#706b63;margin-top:6px}.staff-choice.selected{border-color:#bc8d34;background:#fbf6e9}.permission-module{margin:10px 0;background:white;border:1px solid #e8e4db;border-radius:14px;padding:16px}.permission-module summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px}.permission-module summary span{font-size:12px;color:#777}.permission-row{display:grid;grid-template-columns:1fr 135px 62px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0ede7}.permission-row:last-child{border:0}.permission-row small{display:block;color:#706b63;font-size:12px;margin-top:5px}.permission-row select{width:100%;min-height:44px}.permission-row>.pill:last-child{grid-column:3}.pill.to_prepare{background:#f6eddc;color:#7c5a19}.pill.ready,.pill.loaded{background:#e6f2ec;color:#21614d}.pill.dispatched,.pill.picked_up{background:#e8edf8;color:#304f84}.auth-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px}.auth-links button{font-size:13px}.identity-chip{display:block;font-size:12px;margin-top:4px;color:#777}#phaseDFields p{line-height:1.6}#phaseDDialog{width:min(600px,calc(100% - 24px))}#phaseDForm input,#phaseDForm select,#phaseDForm textarea{max-width:100%}
@media(max-width:700px){.staff-layout{grid-template-columns:1fr}.staff-list{position:static;display:flex;overflow:auto;padding-bottom:8px}.staff-choice{min-width:190px}.permission-row{grid-template-columns:1fr 105px;gap:8px}.permission-row>.pill:last-child{grid-column:2}.permission-module{padding:12px}.fulfilment-card{padding:16px}.trip-card{padding:16px!important}.fulfilment-card .sectionhead,.trip-card>.sectionhead{align-items:flex-start;flex-wrap:wrap}.fulfilment-card .actions button,.trip-card button[data-d-action="tripDispatch"]{width:100%;min-height:50px;font-size:16px}.permission-module summary span{white-space:nowrap}.fulfilment-card .compact-table{font-size:13px}.fulfilment-card .compact-table input{width:66px}}
@media(max-width:520px){.fulfilment-card .compact-table{min-width:0;table-layout:fixed;width:100%}.fulfilment-card .compact-table th,.fulfilment-card .compact-table td{padding:10px 4px;font-size:12px;overflow-wrap:anywhere}.fulfilment-card .compact-table th{font-size:10px;letter-spacing:0}.fulfilment-card .compact-table th:nth-child(1){width:22%}.fulfilment-card .compact-table th:nth-child(2){width:22%}.fulfilment-card .compact-table th:nth-child(3){width:27%}.fulfilment-card .compact-table th:nth-child(4){width:29%}.fulfilment-card .compact-table input{width:100%;min-width:0;font-size:16px;border:1px solid var(--line);border-radius:8px;padding:7px}}

/* Reflow presentation: reuse existing Mak Tam buttons, fields and warning palette. */
#reflowPanel{padding:20px;min-width:0}
#reflowPanel>.sectionhead{align-items:center;gap:16px;flex-wrap:wrap}
#reflowPanel>p{line-height:1.6}
#reflowPanel [role=status]:empty{display:none}
#reflowPanel .tablewrap{border:1px solid var(--line);border-radius:12px}
#reflowPanel td{vertical-align:top}
#reflowPanel .check-label{margin:0;white-space:nowrap}
.reflow-capacity{margin-top:8px}
.reflow-capacity summary{cursor:pointer;font-weight:700;color:var(--ink);padding:8px 0;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.reflow-capacity summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.reflow-capacity p{background:var(--cream);padding:10px;border-radius:9px}
.reflow-approval{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-top:20px}
.reflow-approval .field{flex:1;min-width:220px;margin:0}
.reflow-notices{display:grid;gap:12px;margin-top:20px}
.reflow-notices:empty{display:none}
.reflow-notice{padding:16px;border:1px solid #efca8c;border-radius:14px}
.reflow-notice p{margin:8px 0 14px}
#whatsAppDialog .modalfoot{gap:10px;flex-wrap:wrap}
@media(max-width:620px){#reflowPanel{padding:16px}#reflowPanel>.sectionhead{align-items:stretch}#reflowPanel>.sectionhead .primary,.reflow-approval>.primary{width:100%}.reflow-approval .field{min-width:0;flex-basis:100%}.reflow-notice .actions>*{flex:1 1 160px}#whatsAppDialog .modalfoot>*{flex:1;text-align:center}}

/* Phase 2 Recovery: existing controls/cards, responsive whole-chain alternatives. */
.recovery-controls{align-items:end;flex-wrap:wrap}.recovery-controls .field{min-width:190px}.recovery-options{display:grid;gap:16px}.recovery-option{min-width:0;padding:16px}.recovery-option .tablewrap{max-width:100%}.recovery-option input[type=radio]{accent-color:var(--gold,#b59148)}

/* Recovery presentation: reuse the neighbouring Reflow card rhythm. */
#recoveryPanel{padding:20px;min-width:0}
#recoveryPanel>.sectionhead{align-items:center;gap:16px;flex-wrap:wrap}
#recoveryPanel>p{line-height:1.6;margin:12px 0}
#recoveryPanel [role=status]:empty{display:none}
#recoveryPanel .recovery-controls{display:flex;align-items:flex-end;gap:14px;margin:20px 0 16px}
#recoveryPanel .recovery-controls .field{margin:0;min-width:190px;flex:0 1 240px}
#recoveryPanel .recovery-controls>.primary{margin:0;min-height:44px}
#recoveryPanel .recovery-options{margin-top:16px}
#recoveryPanel .recovery-option{padding:20px}
#recoveryPanel .recovery-option>.check-label{margin:0;align-items:flex-start;gap:10px}
#recoveryPanel .recovery-option>p{margin:12px 0;line-height:1.6}
#recoveryPanel .tablewrap{border:1px solid var(--line);border-radius:12px}
#recoveryPanel td{vertical-align:top}
@media(max-width:620px){#recoveryPanel{padding:16px}#recoveryPanel .recovery-controls{align-items:stretch;gap:12px}#recoveryPanel .recovery-controls .field{flex:1 1 100%;min-width:0}#recoveryPanel .recovery-controls>.primary{width:100%}#recoveryPanel .recovery-option{padding:16px}}