/* field: design/UI-KIT.md */
:root{--c-page:#f4f1e6}
body{padding-bottom:calc(var(--tab-h) + 16px)}
.fieldbar{background:var(--c-primary);color:#fff}
.fieldbar__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:60px}
.fieldbar__name{flex:1 1 0;min-width:0;font-size:var(--fs-md);font-weight:700;letter-spacing:-.01em}
.fieldbar a{display:inline-flex;align-items:center;flex:none;min-height:48px;color:#fff;font-weight:700;text-decoration:none}
.fieldbar a .icon{margin-right:6px}
.fieldbar a+.fieldbar__name{margin:0 auto 0 var(--s-3);white-space:nowrap}
.fieldbar :focus-visible{outline-color:var(--c-butter)}
.chips{display:flex;flex-wrap:wrap;margin:var(--s-2) -4px}
.chip{flex:1 1 auto;margin:4px;padding:var(--s-2) 1px;white-space:nowrap;border:2px solid var(--c-border-strong);border-radius:var(--r);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-sm);line-height:1.15;text-align:center;text-decoration:none}
.chip b{display:block;font-size:var(--fs-xl);line-height:1.1}
.chip[aria-current]{border-color:var(--c-primary);background:var(--c-primary);color:#fff}
.cards{display:grid;grid-gap:var(--s-3)}
.ocard{display:flex;flex-direction:column;padding:var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}
.ocard__head{display:flex;align-items:baseline;justify-content:space-between}
.ocard__no{font-size:var(--fs-lg);font-weight:700;letter-spacing:.01em}
a.ocard__no{display:inline-flex;align-items:center;min-height:48px}
.ocard__open{display:flex;align-items:center;min-height:48px;font-weight:700}
.ocard__who{font-weight:700}
.ocard__items{margin:var(--s-2) 0;padding:var(--s-2) 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}
.ocard__when{font-weight:700}
.ocard__when span{display:block;font-weight:400;color:var(--c-muted-strong)}
.ocard .price{font-size:var(--fs-lg)}
.ocard__go{display:grid;grid-template-columns:1fr auto;grid-column-gap:var(--s-3);align-items:center;margin-top:auto;padding-top:var(--s-3)}
.ocard__go a:not(.btn){display:flex;align-items:center;min-height:56px;padding:0 var(--s-2);color:var(--c-danger-text);font-weight:700}
.ocard__go--one{display:block}
.tick{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--c-border)}
.tick:last-child{border:0}
.tick .check{flex:none;margin-left:12px}
.tick .is-cut{color:var(--c-muted-strong);text-decoration:line-through}
.tick .num{display:block}
.run-title{margin-top:var(--s-4);font-size:var(--fs-xl)}
.runhead{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-2);margin-top:var(--s-3)}
.stat{padding:var(--s-2) var(--s-3);border:1px solid var(--c-border);border-radius:var(--r);background:var(--c-surface);font-weight:700;line-height:1.15}
.stat b{display:block;font-size:var(--fs-2xl)}
.runsec{margin-top:var(--s-5)}
.runsec__title{display:flex;align-items:center;margin-bottom:var(--s-2);font-size:var(--fs-xl)}
.runsec__num{flex:none;width:36px;height:36px;margin-right:10px;border-radius:12px;background:var(--c-primary);color:#fff;font-size:var(--fs-md);line-height:36px;letter-spacing:0;text-align:center}
.stops h3{margin:var(--s-4) 0 var(--s-2);font-size:var(--fs-md)}
.stops h3:first-child{margin-top:0}
.stop{padding:var(--s-3) var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}
.stop+.stop{margin-top:var(--s-2)}
.stop__name{font-size:var(--fs-md);font-weight:700;line-height:1.2}
.stop .btn{margin-top:var(--s-3)}
.stop--done{display:flex;align-items:center;padding:var(--s-2) var(--s-4);border:0;background:none;color:var(--c-ink-2)}
.stop--done .icon{margin-right:10px;color:var(--c-success-text)}
.stop__pair{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:var(--s-2)}
.stop__pair .btn{padding:0 6px}
.gocard{padding:var(--s-4);border-radius:var(--r-lg);background:var(--c-primary);color:#fff}
.gocard p{font-size:var(--fs-md);font-weight:700}
.gocard .btn{margin-top:var(--s-3);color:var(--c-primary)}
.gocard :focus-visible{outline-color:var(--c-butter)}
.due{margin-top:var(--s-1);line-height:1.15}
.due b{font-size:var(--fs-lg);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.paid{margin-top:var(--s-1);font-weight:700;color:var(--c-success-text)}
.door{margin-top:var(--s-3)}
.door h1{font-size:var(--fs-xl)}
.door__place{font-weight:700}
.door__due{display:flex;align-items:baseline;justify-content:space-between;padding:10px 14px;border-radius:var(--r);background:var(--c-butter);font-weight:700}
.door__due .price{font-size:var(--fs-2xl)}
.door>*+*,.door form>*+*,.door__fail>form{margin-top:var(--s-2)}
.prod{padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}
.prod+.prod{margin-top:var(--s-2)}
.prod__top{display:grid;grid-template-columns:72px minmax(0,1fr);grid-column-gap:var(--s-3);color:var(--c-ink);text-decoration:none}
.prod__top img{grid-row:1/4;width:72px;height:72px;border-radius:var(--r);object-fit:cover}
.prod__name{font-weight:700;line-height:1.2}
.prod__name span{font-weight:400}
.prod__top .price{font-size:var(--fs-lg)}
.prod__shelf{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-muted-strong)}
.prod__forms{margin-top:var(--s-2)}
.stockform{display:grid;grid-template-columns:auto 96px 1fr;grid-column-gap:var(--s-2);align-items:center}
.stockform label{font-weight:700}
.stockform .input{min-height:var(--h-sm);padding:4px 8px;text-align:center}
.stockform .btn{min-height:var(--h-sm);padding:0 10px}
.seg{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--s-2);border:2px solid var(--c-border-strong);border-radius:var(--r);overflow:hidden}
.seg button{min-height:48px;padding:0 6px;border:0;background:var(--c-surface);color:var(--c-ink);font-weight:700;cursor:pointer}
.seg button+button{border-left:2px solid var(--c-border-strong)}
.seg [aria-pressed=true]{background:var(--c-primary);color:#fff}
.seg--off [aria-pressed=true]{background:var(--c-warn-text)}
.toolbar{display:grid;grid-template-columns:1fr auto;grid-gap:var(--s-2);align-items:end;margin:var(--s-3) 0}
.toolbar .btn{min-height:var(--h)}
.bigsum{margin:var(--s-3) 0;padding:var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);font-size:var(--fs-lg);font-weight:700}
.bigsum .price{display:block;font-size:var(--fs-3xl)}
.rows__item>*+*{flex:none;margin-left:var(--s-3)}
.prod,.runsec{scroll-margin-top:96px}
.page{padding-top:var(--s-3)}
.page h1{font-size:var(--fs-xl)}
.photos{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-2)}
.photo img{width:100%;height:auto;border-radius:var(--r)}
.photo .link-btn{width:100%;justify-content:center}
.filepick__input{position:absolute;width:1px;height:1px;opacity:0}
.filepick__input:valid+.btn{border-color:var(--c-primary);background:var(--c-primary-50);color:var(--c-primary)}
.filepick__input:valid+.btn::before{content:"\2713\00a0"}
.filepick__input:focus-visible+.btn{outline:3px solid var(--c-primary);outline-offset:2px}
.no-tabs{padding-bottom:0}
.auth{display:grid;grid-gap:var(--s-4);max-width:calc(440px + 2*var(--gutter));margin:0 auto;padding:var(--s-8) var(--gutter)}
.auth__brand{display:flex;align-items:center;color:var(--c-ink);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;text-decoration:none}
.auth__brand img{width:52px;height:52px;margin-right:10px;background:none}
.auth__brand b{color:var(--c-primary)}
.auth .card{display:grid;grid-gap:var(--s-3)}
.auth h1{font-size:var(--fs-xl)}
@media (min-width:1024px){
:root{--gutter:32px;--tab-h:76px}
body{padding-bottom:var(--s-8)}
.fieldbar__in{min-height:76px}
.fieldbar__name{font-size:var(--fs-lg)}
.fieldbar__refresh{margin-left:auto}
.run-title{margin-top:var(--s-5);font-size:var(--fs-2xl)}
.tabbar{position:absolute;left:0;right:0;bottom:auto;top:14px;justify-content:center;padding:0;background:none;border:0;pointer-events:none}
.tabbar__item{flex:none;flex-direction:row;height:48px;margin:0 var(--s-1);padding:0 14px;border-radius:var(--r);color:#fff;font-size:1rem;pointer-events:auto}
.tabbar__item[aria-current]{background:var(--c-primary-active);color:#fff}
.tabbar__item[aria-current]::before{display:none}
.tabbar__item .icon{margin:0 8px 0 0}
.tabbar__call{color:var(--c-ink)}
.tabbar__num{display:inline;margin-left:8px;font-variant-numeric:tabular-nums}
.narrow{max-width:calc(664px + 2*var(--gutter))}
.chips{margin:var(--s-4) -6px}
.chip{flex:1 1 0;margin:6px}
.cards{grid-template-columns:repeat(3,1fr)}
.runhead{grid-template-columns:180px 180px}
.runcols{display:grid;grid-template-columns:1fr 320px 1fr;grid-column-gap:var(--s-8);align-items:start}
.runsec__title{margin-bottom:var(--s-3)}
.prods{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-3)}
.prod+.prod{margin-top:0}
.door{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-5);align-items:start}
.door>*+*{margin-top:0}
.door .stop{margin:0}
.door__fail{grid-column:2}
}