body{font-size:16px;background:var(--bg)}
.screen{min-height:100vh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.head{padding:16px 20px 12px;display:flex;flex-direction:column;gap:12px}
.back{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:15px;background:none;border:none;font:inherit;padding:0;cursor:pointer}
.title{font-size:26px;font-weight:600;letter-spacing:-.022em;line-height:1.15}
.bar-note{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:10px;background:var(--bg-2);font-size:13px;color:var(--ink-2)}
.bar-note.bad{color:var(--bad)}
.list{display:flex;flex-direction:column;padding:0 20px}
.item{display:flex;align-items:center;gap:14px;min-height:64px;border-bottom:1px solid var(--line-2);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;text-align:left;font:inherit;padding:10px 0;width:100%;color:inherit}
.item .ic{width:36px;height:36px;border-radius:10px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--ink);flex:none;font-size:13px;font-weight:600}
.item .t{display:flex;flex-direction:column;line-height:1.2;gap:3px;flex:1;min-width:0}
.item .t b{font-weight:500;font-size:16px}
.item .t span{font-size:13px;color:var(--ink-2)}
.item .st{font-size:13px;color:var(--ink-3);display:flex;align-items:center;gap:6px;flex:none}
.done{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.foot{margin-top:auto;padding:12px 20px 34px;display:flex;flex-direction:column;gap:10px}
.btn.big{height:52px;font-size:16px;border-radius:14px;width:100%}
.card{margin:10px 20px 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px}
.rrow{display:flex;align-items:center;gap:10px;font-size:14px}
.rrow .a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section{padding:14px 20px 0;font-size:13px;color:var(--ink-2)}
.field{display:flex;flex-direction:column;gap:6px;padding:0 20px 14px}
.field label{font-size:14px;font-weight:500}
input.input,select.input,textarea.input{height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;width:100%;background:var(--bg);color:var(--ink)}
textarea.input{height:auto;min-height:80px;padding:12px 14px}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opt{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font:inherit;font-size:14px;color:var(--ink)}
.opt.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 20px}
.grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--bg-2)}
.grid .add{aspect-ratio:1;border:1px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);font-size:13px;cursor:pointer}
.login{padding:40px 24px;display:flex;flex-direction:column;gap:14px;margin:auto 0}
.logo{height:56px;display:flex;align-items:center;gap:12px}
.logo img{width:44px;height:44px;border-radius:11px}
.err{color:var(--bad);font-size:14px}
.pill{height:26px}
.ean{font-family:ui-monospace,monospace;font-size:44px;letter-spacing:.06em;text-align:center;padding:24px 0 8px}
.barcode{display:flex;justify-content:center;gap:0;height:120px;padding:0 20px}
.barcode i{display:block;height:100%;background:#000}

.card.rw{gap:10px}
.card.rw textarea{min-height:64px}