body{background:var(--surface);padding-top:0;display:block}#app{min-height:100dvh}h1{font-size:clamp(22px,2vw,28px)}h2{font-size:18px;font-family:var(--font);letter-spacing:-.01em;font-weight:650}h3{font-size:17px}.note{color:var(--muted);padding:0 0 16px}.link--warn{color:var(--warn);justify-self:start}button.link{font-size:15px}.brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;display:flex}.brand__mark{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23ffd447'%3E%3Cellipse cx='13' cy='17' rx='3' ry='4'/%3E%3Cellipse cx='20' cy='13.5' rx='3' ry='4'/%3E%3Cellipse cx='27' cy='17' rx='3' ry='4'/%3E%3Cpath d='M20 20c-4.5 0-8 4-8 7.2 0 2.300 2 3.300 4 3.300 1.600 0 2.600-.7 4-.7s2.400.7 4 .7c2 0 4-1 4-3.300C28 24 24.5 20 20 20Z'/%3E%3C/g%3E%3C/svg%3E") center / cover;border-radius:10px;flex:none;width:32px;height:32px}.box{background:var(--card);border:1px solid var(--line);border-radius:16px;align-content:start;gap:12px;padding:18px;display:grid}.tag{background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12.5px;font-weight:600}.tag--hot{color:#9a2c12;background:#fde3d8}.pill{background:var(--surface);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:13px;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--muted);border-radius:50%;width:7px;height:7px}.pill--new{background:#fff1c2}.pill--new:before{background:#c98a00}.pill--assigned,.pill--accepted{background:#e1ecf9}.pill--assigned:before,.pill--accepted:before{background:#2b6cb0}.pill--picked,.pill--delivered{background:#dcefe3}.pill--picked:before,.pill--delivered:before{background:var(--accent)}.pill--problem{background:#fbe0da}.pill--problem:before{background:var(--warn)}.pill--cancelled{color:var(--muted)}.ctoast{background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .25s, transform .25s var(--ease);z-index:100;text-align:center;border-radius:14px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:15px;position:fixed;bottom:84px;left:50%;transform:translate(-50%,16px)}.ctoast.is-on{opacity:1;transform:translate(-50%)}.seg{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:3px;display:inline-flex}.seg button{border-radius:9px;height:38px;padding:0 16px;font-size:15px;font-weight:600;transition:background-color .15s,color .15s}.seg button.is-on{background:var(--ink);color:var(--bg)}.seg--wide{display:flex}.seg--wide button{flex:1}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.row{align-items:flex-start;gap:10px;font-size:16px;display:flex}.row svg{width:20px;height:20px;color:var(--accent-deep);flex:none;margin-top:2px}a.row:hover span{text-decoration:underline}.row.warn,.row.warn svg{color:var(--warn)}.comment{background:#fff7d6;border-radius:10px;padding:8px 12px;font-size:15px;display:block}.items{display:grid}.items li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0;font-size:15px;display:flex}.items li span:last-child{white-space:nowrap;font-weight:600}.sums{gap:6px;display:grid}.sums div{justify-content:space-between;gap:16px;font-size:15px;display:flex}.sums dt{color:var(--muted)}.sums .total{padding-top:6px;font-size:17px}.sums .total dt{color:var(--ink)}.sums .total dd{font-weight:700}.num{text-align:right;white-space:nowrap}.stepper{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;height:40px;display:inline-flex}.stepper button{border-radius:10px;width:36px;height:100%;font-size:19px}.stepper button:hover{background:var(--surface)}.stepper input,.stepper output{text-align:center;-moz-appearance:textfield;appearance:textfield;background:0 0;border:0;width:52px;font-weight:600}.stepper output{width:32px}.stepper input::-webkit-inner-spin-button{display:none}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login__box{background:var(--card);border:1px solid var(--line);border-radius:24px;gap:12px;width:min(460px,100%);padding:clamp(24px,5vw,40px);display:grid}.login__box h1{margin-top:12px}.login__box h2{color:var(--muted);margin-top:12px;font-size:14px;font-weight:600}.login__list{flex-wrap:wrap;gap:8px;display:flex}.login__list .btn{flex:120px}.login__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:16px;padding-top:16px;display:flex}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:24px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side__nav{gap:4px;display:grid}.side__link{text-align:left;border-radius:12px;align-items:center;gap:12px;height:46px;padding:0 12px;font-size:15.5px;font-weight:600;transition:background-color .15s;display:flex}.side__link svg{flex:none;width:22px;height:22px}.side__link:hover{background:var(--surface)}.side__link.is-on{background:var(--ink);color:var(--bg)}.side__link i{background:var(--sun);min-width:22px;height:22px;color:var(--ink);border-radius:11px;place-items:center;margin-left:auto;padding:0 6px;font-size:13px;font-style:normal;display:grid}.side__me{justify-items:start;gap:6px;margin-top:auto;font-size:15px;display:grid}.side__me small{color:var(--muted);margin-top:-6px}.main{min-width:0;padding:24px clamp(16px,2.5vw,32px) 40px}.top{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.top h1{margin-right:auto}.find{gap:8px;display:flex}.find input{border:1px solid var(--line);background:var(--card);border-radius:10px;width:min(300px,60vw);height:40px;padding:0 14px}.find input:focus,.psearch input:focus,.assign select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:0}.board{scroll-snap-type:x proximity;grid-auto-columns:minmax(186px,1fr);grid-auto-flow:column;align-items:start;gap:10px;padding-bottom:12px;display:grid;overflow-x:auto}.col{scroll-snap-align:start;background:#1e1b160b;border-radius:16px;min-height:200px;padding:12px 10px}.col h2{justify-content:space-between;padding:2px 6px 10px;font-size:15px;display:flex}.col h2 small{color:var(--muted);font-weight:600}.col__list{gap:8px;display:grid}.col__empty{color:var(--muted);padding:8px 6px;font-size:14px}.ocard{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;transition:transform .18s var(--ease), border-color .18s;border-radius:12px;gap:4px;padding:12px;display:grid}.ocard:hover{border-color:#1e1b1659;transform:translateY(-2px)}.ocard.is-open{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ocard__top{flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14px;display:flex}.ocard__top b{white-space:nowrap}.ocard__top time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.ocard__name{font-weight:600}.ocard__addr{color:var(--muted);font-size:14px;line-height:1.35}.ocard__foot{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;font-size:14px;display:flex}.ocard__foot .who{color:var(--accent-deep);font-weight:600}.ocard__foot .late{color:var(--warn);font-weight:600}.found{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.scrim{z-index:60;background:#1e1b1647;position:fixed;inset:0}.drawer{background:var(--bg);z-index:61;width:min(480px,100vw);animation:slide .22s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-16px 0 40px #1e1b161f}@keyframes slide{0%{opacity:0;transform:translate(32px)}}.drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer__head div{align-items:center;gap:12px;display:flex}.drawer__head h2{font-family:var(--display);font-size:22px;font-weight:500}.drawer__body{align-content:start;gap:16px;padding:16px 20px 32px;display:grid;overflow-y:auto}.acts{gap:10px;display:grid}.assign{gap:8px;display:grid}.assign select,.field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:100%;height:48px;padding:0 12px}.ask{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:10px;padding:14px;display:grid}.ask__row{flex-wrap:wrap;gap:8px;display:flex}.ask__row .btn{flex:1}.timeline{margin-top:12px;display:grid}.timeline li{grid-template-columns:92px 1fr;gap:12px;padding:0 0 16px;font-size:15px;display:grid;position:relative}.timeline time{color:var(--muted);text-align:right;font-size:14px}.timeline li div{border-left:2px solid var(--line);margin-bottom:-16px;padding-bottom:16px;padding-left:18px;position:relative}.timeline li:last-child div{border-color:#0000}.timeline li div:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-6px}.timeline p{color:var(--muted)}.cgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.ccard header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tablewrap{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:13px;font-weight:600}.table th.num{text-align:right}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 14px}.table tr:last-child td{border-bottom:0}.table td small{color:var(--muted);font-size:13px;display:block}.table img{object-fit:contain;width:44px;height:44px}.table .is-out td:nth-child(2) b{color:var(--muted)}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;gap:2px;padding:16px 18px;display:grid}.kpi b{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;font-size:24px;font-weight:500}.kpi span{color:var(--muted);font-size:14px}.rgrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.rgrid .table td,.rgrid .table th{padding-left:0}.neworder{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.neworder__col{gap:16px;display:grid}.fgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fgrid--addr{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px}.fgrid--addr .field:nth-child(2),.fgrid .f2{grid-column:span 2}.rgroup{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.rgroup .radio{padding:10px 12px}.hint{background:var(--surface);border-radius:10px;padding:10px 14px;font-size:15px}.hint--ok{background:#dcefe3}.psearch{position:relative}.psearch input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:100%;height:48px;padding:0 14px}.psearch__list{background:var(--card);border:1px solid var(--line);z-index:5;border-radius:12px;max-height:380px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #1e1b161f}.psearch__list button{text-align:left;border-radius:8px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;width:100%;padding:6px 8px;font-size:15px;line-height:1.3;display:grid}.psearch__list button:hover{background:var(--surface)}.psearch__list button[disabled]{opacity:.5;cursor:default}.psearch__list small,.lines small{color:var(--muted);font-size:13px;font-weight:400;display:block}.psearch__list img,.lines img{object-fit:contain;width:40px;height:40px}.lines{display:grid}.lines>li{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto 84px;align-items:center;gap:12px;padding:10px 0;font-size:15px;line-height:1.3;display:grid}.lines>li.muted,.lines>li.lines__sum{display:block}.lines>li.lines__sum{border:0;padding-top:14px}.lines em{color:var(--warn);font-style:normal;font-weight:600}.capp{max-width:560px;padding:0 14px calc(32px + env(safe-area-inset-bottom));gap:14px;margin:0 auto;display:grid}.capp__head{align-items:center;gap:12px;padding:16px 2px 0;display:flex}.capp__head div{margin-right:auto;display:grid}.capp__head b{font-family:var(--display);font-size:20px;font-weight:500}.capp__head small{color:var(--muted)}.capp__stats{grid-template-columns:1fr 1fr 1.3fr;gap:8px;display:grid}.capp__stats div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid}.capp__stats b{white-space:nowrap;font-size:19px}.capp__stats span{color:var(--muted);font-size:13px;line-height:1.25}.capp__list{gap:12px;display:grid}.capp__empty{background:var(--card);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:16px;padding:28px 20px}.cord{background:var(--card);border:1px solid var(--line);border-radius:18px;gap:12px;padding:16px;display:grid}.cord header{align-items:center;gap:8px;display:flex}.cord header h2{font-family:var(--display);font-size:19px;font-weight:500}.cord header time{color:var(--muted);margin-left:auto;font-size:14px}.cord__addr{font-size:19px;font-weight:650;line-height:1.3}.cord__name{gap:8px;display:grid}.cord details summary{cursor:pointer;padding:4px 0;font-size:15px;font-weight:600}.cord--done{gap:4px}.cord--done .cord__addr{font-size:16px}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.two .btn{white-space:normal;text-align:center;padding:0 10px;line-height:1.15}.btn--big{border-radius:14px;width:100%;height:56px;font-size:17px}.payline{font-size:16px}.payline b{font-size:19px}.steps{grid-template-columns:repeat(4,1fr);display:grid}.steps li{color:var(--muted);justify-items:center;gap:6px;font-size:12.5px;display:grid;position:relative}.steps i{background:var(--card);z-index:1;border:2px solid #1e1b1640;border-radius:50%;width:14px;height:14px}.steps li+li:before{content:"";background:#1e1b1626;width:100%;height:2px;position:absolute;top:6px;right:50%}.steps .is-done i,.steps .is-now i{background:var(--accent);border-color:var(--accent)}.steps .is-done+li:before,.steps li.is-done:before,.steps li.is-now:before{background:var(--accent)}.steps .is-now{color:var(--ink);font-weight:700}.steps .is-now i{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}@media (width<=1100px){.neworder,.rgrid{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.shell{grid-template-columns:minmax(0,1fr)}.side{height:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);z-index:40;flex-direction:row;position:fixed;inset:auto 0 0}.side .brand,.side__me small,.side__me a,.side__me b{display:none}.side__nav{flex:1;gap:2px;display:flex}.side__link{flex-direction:column;flex:1;justify-content:center;gap:2px;height:52px;padding:0 2px;font-size:11.5px;position:relative}.side__link i{position:absolute;top:2px;right:calc(50% - 24px)}.side__me{align-content:center;margin:0}.side__me .link{padding:0 6px;font-size:12px}.main{padding:16px 12px 96px}.board{grid-auto-columns:82vw}.fgrid,.fgrid--addr{grid-template-columns:1fr 1fr}.lines>li{grid-template-columns:44px minmax(0,1fr) auto}.lines>li>b.num{grid-column:2/4}.find{flex:100%}.find input{flex:1;width:auto}}
