.tracking-fixed,.tracking-picker { padding:14px; background:#f4f8fb; color:#203449; border:1px solid #d4e1e9; border-radius:8px; margin-bottom:16px; }
.tracking-fixed p,.tracking-picker p { margin:8px 0 0; }
.tracking-picker label { display:block; max-width:480px; }
.tracking-picker select { display:block; width:100%; margin-top:5px; }
.tracking-actions { display:grid; gap:12px; margin:14px 0; }
.label-action { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:12px; border:1px solid #dbe3e8; border-radius:8px; }
.label-action label { display:grid; gap:5px; min-width:130px; font-size:.89rem; }
.label-action input { min-width:0; max-width:180px; }
.label-action select { max-width:230px; }
.uuid { overflow-wrap:anywhere; word-break:break-word; font-size:.85rem; }
.unit-list { overflow-x:auto; max-height:620px; overflow-y:auto; margin-top:8px; }
.unit-list .data-table { min-width:720px; }
.mobile-scan { max-width:760px; margin:16px auto; padding:22px; }
.mobile-scan h1 { font-size:clamp(1.5rem,4.5vw,2.2rem); }
.mobile-scan .scan-identity { margin:18px 0; padding:12px; background:#f3f7f9; border-radius:8px; display:grid; gap:6px; }
.mobile-scan .scan-identity code { overflow-wrap:anywhere; font-size:.9rem; }
.mobile-scan .scan-data { margin:14px 0; }
.scan-actions { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.scan-unavailable a { margin:8px 6px 8px 0; }
@media (max-width:650px) { .mobile-scan { margin:0 auto; padding:12px; } .scan-actions { flex-direction:column; } .scan-actions .btn { text-align:center; } .unit-list .uuid { font-size:11px; } }

.tracking-picker label,.tracking-fixed .muted,.tracking-picker .muted { color:#374f61; }
.mobile-scan .scan-identity { color:#1c3040; }
.mobile-scan .scan-identity small { color:#596d7c; }

.mobile-directory { max-width:800px; margin:8px auto; }
.mobile-directory h1 { font-size:clamp(1.7rem,5vw,2.4rem); margin:4px 0; }
.mobile-search { padding:13px; border:1px solid #395063; border-radius:10px; margin:16px 0; }
.mobile-search label { display:block; margin-bottom:7px; }
.mobile-search>div { display:flex; gap:8px; }
.mobile-search input { flex:1; min-width:0; padding:10px; }
.mobile-item-list { display:grid; gap:9px; }
.mobile-item-card { display:grid; gap:7px; border:1px solid #3b5366; padding:15px; border-radius:10px; background:var(--panel,#fff); }
.mobile-item-card:focus-visible { outline:3px solid #60a5fa; }
.mobile-item-card strong { font-size:1rem; }
.mobile-item-card span { font-size:.9rem; }
.mobile-item-card small { color:var(--muted,#607080); }
.mobile-pages { display:flex; align-items:center; gap:14px; justify-content:space-between; margin:18px 0; }

/* v0.5.9: make physical paper choice visible in the Type/Individual QR controls. */
.label-action select[name="paper"] {max-width:340px; width:min(340px,100%);}
.label-action .custom-label-size {font-size:.82rem;align-self:end;}
.label-action .custom-label-size summary {cursor:pointer;color:#235974;}
.label-action .label-custom-fields {display:flex;flex-wrap:wrap;gap:10px;}
.label-action .label-custom-fields input {width:110px;}

/* QL-800 roll length stays editable without depending on JavaScript. */
.label-action .ql-roll-size { flex:0 1 auto; min-width:145px; }
.label-action .ql-roll-size label { display:flex; }