@font-face{font-family:"Baloo Bhai 2";src:url(/assets/fonts/baloo-gu.woff2) format("woff2");font-weight:500 800;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Baloo Bhai 2";src:url(/assets/fonts/baloo-lat.woff2) format("woff2");font-weight:500 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Noto Sans Gujarati";src:url(/assets/fonts/noto-gu.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Sans Gujarati";src:url(/assets/fonts/noto-lat.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122}

:root{
  --c1:#FFE8D6;--c2:#FFD9B8;--c3:#FFB27A;--c4:#F26A1B;--c4d:#C94F0B;--ink:#2B2118;--muted:#6B5748;--white:#fff;
  --red:#C62828;--red-bg:#FFE3DF;--amber:#9A6700;--amber-bg:#FFF0BF;--green:#1B7F43;--green-bg:#DCF5E4;
  --radius:18px;--shadow:0 2px 0 rgba(43,33,24,.06),0 8px 24px rgba(242,106,27,.10);
  --bar-h:68px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Noto Sans Gujarati","Baloo Bhai 2",system-ui,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);
  background:linear-gradient(180deg,var(--c1) 0,#fff 260px) no-repeat,#fff;min-height:100vh;padding-bottom:calc(var(--bar-h) + 24px + env(safe-area-inset-bottom))}
h1,h2,h3,.brand-name,.btn,.stat-n,.chip,.bar-item{font-family:"Baloo Bhai 2","Noto Sans Gujarati",system-ui,sans-serif}
h1{font-size:28px;line-height:1.25;margin:.2em 0 .3em;font-weight:800}
h2{font-size:20px;margin:.2em 0;font-weight:700}
p{margin:.4em 0}
a{color:var(--c4d)}
.muted{color:var(--muted);font-size:15px}
.center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;max-width:640px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-height:48px}
.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--c4);color:#fff;font-weight:800;font-size:24px;font-family:"Baloo Bhai 2",sans-serif;box-shadow:0 4px 0 var(--c4d)}
.brand-name{font-size:22px;font-weight:800}
.who{font-size:14px;color:var(--muted);background:var(--white);border:2px solid var(--c2);border-radius:999px;padding:2px 12px}
.wrap{max-width:640px;margin:0 auto;padding:8px 16px 16px}
body.wide .wrap,body.wide .top{max-width:860px}

.hero{padding:6px 0 10px}
.hero .tag{font-weight:600;color:var(--c4d);margin:0 0 6px;font-size:18px}
.hello{color:var(--muted)}

.card{background:var(--white);border:2px solid var(--c2);border-radius:var(--radius);padding:18px;margin:14px 0;box-shadow:var(--shadow)}
.stack{display:grid;gap:12px;margin:16px 0}
.links{text-align:center;margin-top:16px}
.links a,.foot a{display:inline-block;padding:10px 4px;min-height:48px}
.foot{text-align:center;color:var(--muted);font-size:14px;margin-top:24px}

.tools{display:grid;gap:14px;margin:10px 0}
.tool-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--white);border:2px solid var(--c2);border-radius:22px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);min-height:96px;transition:transform .08s}
.tool-card:active{transform:scale(.98)}
.tool-ico{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:20px;background:var(--c1);font-size:34px}
.tool-text{display:grid;flex:1;line-height:1.35}
.tool-text strong{font-family:"Baloo Bhai 2",sans-serif;font-size:22px;font-weight:800}
.tool-text span{color:var(--muted);font-size:15px}
.tool-go{font-size:34px;color:var(--c4);font-weight:700}
.tool-soon{background:var(--c1);border-style:dashed;box-shadow:none;min-height:72px}
.tool-soon .tool-ico{background:var(--white);width:48px;height:48px;font-size:24px}
.tool-soon .tool-text strong{font-size:17px;color:var(--muted);font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 22px;border-radius:16px;border:2px solid transparent;font-size:19px;font-weight:700;text-decoration:none;cursor:pointer;width:100%;margin-top:10px;line-height:1.2;text-align:center}
.btn-primary{background:var(--c4);color:#fff;border-color:var(--c4);box-shadow:0 4px 0 var(--c4d)}
.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c4d)}
.btn-ghost{background:var(--white);color:var(--ink);border-color:var(--c3)}
.btn-wa{background:#E7F8EC;color:#0B5B2A;border-color:#8FD6A8}
.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}
.btn-sm{min-height:48px;width:auto;font-size:16px;padding:8px 14px;margin-top:0}
.btn:focus-visible,.chip:focus-visible,.st:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.bar-item:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

.field{display:block;margin:14px 0 0}
.field>span{display:block;font-weight:600;margin-bottom:6px}
input[type=text],input[type=tel],input[type=password],input[type=search],input[type=date],select,textarea{width:100%;min-height:52px;padding:10px 14px;font:inherit;font-size:18px;color:var(--ink);background:#fff;border:2px solid var(--c3);border-radius:14px}
textarea{min-height:96px}
input::placeholder,textarea::placeholder{color:#8C7A6B}
input:focus,select:focus,textarea:focus{border-color:var(--c4)}
.check{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:8px;cursor:pointer}
.check input{width:26px;height:26px;flex:none;accent-color:var(--c4)}
.check span{font-size:16px}
.consent{background:var(--c1);border-radius:14px;padding:10px 12px;margin-top:16px;align-items:flex-start}
.err{display:block;color:var(--red);font-style:normal;font-weight:600;margin-top:4px;font-size:15px}

.flash{border-radius:14px;padding:12px 14px;margin:10px 0;font-weight:600;border:2px solid}
.flash-ok{background:var(--green-bg);border-color:#8FD6A8;color:#0B4F25}
.flash-err{background:var(--red-bg);border-color:#F2A59B;color:#7A1111}
.flash-warn{background:var(--amber-bg);border-color:#E8C75F;color:#5E4100}
.notice{background:var(--c1);border-radius:14px;padding:12px}

.empty{padding:28px 18px}
.empty-ico{font-size:56px;line-height:1.1}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 14px}
.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 6px;border-radius:18px;border:2px solid var(--c2);background:#fff;text-decoration:none;color:var(--ink);min-height:96px;box-shadow:var(--shadow)}
.stat-n{font-size:36px;font-weight:800;line-height:1}
.stat-l{font-size:13px;line-height:1.25;margin-top:6px;font-weight:600}
.stat-late{background:var(--red-bg);border-color:#F2A59B}.stat-late .stat-n{color:var(--red)}
.stat-soon{background:var(--amber-bg);border-color:#E8C75F}.stat-soon .stat-n{color:var(--amber)}
.stat-all{background:var(--c1);border-color:var(--c3)}.stat-all .stat-n{color:var(--c4d)}

.searchbar{display:flex;gap:8px;margin:6px 0}
.searchbar input{flex:1}
.chips{display:flex;gap:8px;overflow-x:auto;padding:6px 0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:6px 16px;border-radius:999px;border:2px solid var(--c3);background:#fff;color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip-late:not(.on){border-color:#F2A59B;color:var(--red)}

.order{background:#fff;border:2px solid var(--c2);border-left-width:10px;border-radius:var(--radius);padding:14px 14px 12px;margin:12px 0;box-shadow:var(--shadow)}
.order-late{border-color:#F2A59B;background:var(--red-bg);border-left-color:var(--red)}
.order-soon{border-color:#E8C75F;background:var(--amber-bg);border-left-color:#E0A100}
.order-done{border-color:#8FD6A8;background:var(--green-bg);border-left-color:var(--green)}
.order-ok{border-left-color:var(--c3)}
.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.order-head h2{margin:0;word-break:break-word}
.when{flex:none;font-family:"Baloo Bhai 2",sans-serif;font-weight:800;font-size:15px;padding:2px 12px;border-radius:999px;background:#fff;border:2px solid var(--c3);white-space:nowrap}
.when-late{color:var(--red);border-color:var(--red)}.when-soon{color:var(--amber);border-color:#E0A100}.when-done{color:var(--green);border-color:var(--green)}
.order-item{margin:4px 0 0;font-size:18px;word-break:break-word}
.order-note{background:rgba(255,255,255,.7);border-radius:10px;padding:6px 10px;font-size:15px;word-break:break-word}
.status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 4px}
.st{min-height:48px;padding:4px 2px;border-radius:12px;border:2px solid var(--c3);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.st.on{background:var(--ink);border-color:var(--ink);color:#fff}
.row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.row-actions form{display:contents}

.lead header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lead.is-off{opacity:.65}
.pill{font-size:13px;font-weight:700;padding:1px 10px;border-radius:999px;background:var(--c1);border:2px solid var(--c3)}
.pill-red{background:var(--red-bg);border-color:var(--red);color:var(--red)}
.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}

.legal h2{margin-top:1em}
.legal li{margin:.35em 0}
.badge-draft{display:inline-block;background:var(--amber-bg);color:#5E4100;border:2px solid #E8C75F;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:700}

.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:2px solid var(--c2);backdrop-filter:blur(8px)}
.bar-item{flex:1;max-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;border-radius:14px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700;line-height:1.1;padding:4px 6px}
.bar-ico{font-size:22px;line-height:1}
.bar-primary{background:var(--c4);color:#fff;box-shadow:0 3px 0 var(--c4d)}
@media (min-width:700px){body{font-size:18px}.tools{grid-template-columns:1fr 1fr}.tool-soon{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}