:root{--color-bg: #f0f2f5;--color-surface: #ffffff;--color-surface-raised: #f7f8fa;--color-surface-overlay: #edf0f4;--color-border: #dde1e9;--color-border-strong: #c4cad6;--color-text: #0d1117;--color-text-secondary: #3d4654;--color-text-muted: #6b7585;--color-text-placeholder: #9aa1ae;--color-primary: #4f6ef7;--color-primary-hover: #3a57e8;--color-primary-active: #2d46d6;--color-primary-light: #e8ecfe;--color-primary-subtle: #d0d8fd;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fee2e2;--color-success-text: #14532d;--color-warning-text: #78350f;--color-danger-text: #7f1d1d;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(13, 17, 23, .05), 0 0 0 1px rgba(13, 17, 23, .04);--shadow-md: 0 4px 12px rgba(13, 17, 23, .08), 0 1px 3px rgba(13, 17, 23, .06);--shadow-lg: 0 12px 32px rgba(13, 17, 23, .12), 0 4px 8px rgba(13, 17, 23, .08);--shadow-sheet: 0 -2px 24px rgba(13, 17, 23, .12), 0 -1px 6px rgba(13, 17, 23, .06);--shadow-fab: 0 4px 20px rgba(79, 110, 247, .4), 0 2px 6px rgba(13, 17, 23, .16);--focus-ring: 0 0 0 3px rgba(79, 110, 247, .25);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", ui-monospace, monospace;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--transition-sheet: .3s cubic-bezier(.32, .72, 0, 1);--banner-height: calc(34px + var(--safe-top));color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0c10;--color-surface: #13161c;--color-surface-raised: #1c2028;--color-surface-overlay: #232830;--color-border: #272d38;--color-border-strong: #363e4d;--color-text: #edf0f4;--color-text-secondary: #b8c0cc;--color-text-muted: #7a8494;--color-text-placeholder: #4d5666;--color-primary: #6b85f9;--color-primary-hover: #5470f7;--color-primary-active: #4060f5;--color-primary-light: #1a2246;--color-primary-subtle: #233060;--color-success: #22c55e;--color-success-bg: #052e16;--color-warning: #f59e0b;--color-warning-bg: #1c1205;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-bg: #1f0505;--color-success-text: #86efac;--color-warning-text: #fde047;--color-danger-text: #fca5a5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4);--shadow-sheet: 0 -4px 32px rgba(0, 0, 0, .6), 0 -1px 8px rgba(0, 0, 0, .4);--shadow-fab: 0 4px 24px rgba(107, 133, 249, .45), 0 2px 8px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 3px rgba(107, 133, 249, .3)}}body.offline #app{padding-top:var(--banner-height);transition:padding-top var(--transition-slow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.45;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + var(--space-md));transition:padding-top var(--transition-slow)}h1{font-size:1.375rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--color-text)}h2{font-size:1.125rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}h3{font-size:.9375rem;font-weight:600;line-height:1.35}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.network-status{position:fixed;top:0;left:0;right:0;z-index:1000;text-align:center;padding:calc(7px + var(--safe-top)) 16px 7px;font-size:.775rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--color-danger);color:#fff;transition:transform var(--transition-slow);box-shadow:0 1px #0003}.network-status.hidden{transform:translateY(-100%);display:block!important}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.page{padding:var(--space-md);max-width:480px;margin:0 auto}.page-header,.home-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-md);padding-bottom:14px;border-bottom:1px solid var(--color-border)}.page-header h1,.home-header h1{flex:1}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);touch-action:manipulation;position:relative}.back-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.back-btn:hover,.back-btn:focus-visible{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text);outline:none}.back-btn:active{transform:scale(.94)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.card+.card{margin-top:10px}.workflow-grid{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xs) 0}.workflow-tile{display:flex;align-items:center;gap:14px;min-height:72px;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text);cursor:pointer;position:relative;overflow:hidden;outline:none;width:100%;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.workflow-tile:active{transform:scale(.985);box-shadow:none}.workflow-tile:focus-visible{box-shadow:var(--focus-ring),var(--shadow-sm)}@media(hover:hover)and (pointer:fine){.workflow-tile:hover{background:var(--tile-color-bg);border-color:var(--tile-color-border);box-shadow:var(--shadow-md)}.workflow-tile:hover .tile-chevron{color:var(--tile-color);transform:translate(2px)}}.tile-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--tile-color);color:#fff}.tile-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tile-label{font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--color-text)}.tile-subtitle{font-size:.8rem;line-height:1.4;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--color-text-placeholder);transition:color var(--transition-base),transform var(--transition-base)}.tile-chevron svg{width:16px;height:16px}.workflow-tile--add{--tile-color: #4f6ef7;--tile-color-bg: rgba(79, 110, 247, .07);--tile-color-border: rgba(79, 110, 247, .35)}.workflow-tile--checkout{--tile-color: #10b981;--tile-color-bg: rgba(16, 185, 129, .07);--tile-color-border: rgba(16, 185, 129, .35)}.workflow-tile--checkin{--tile-color: #ea580c;--tile-color-bg: rgba(234, 88, 12, .07);--tile-color-border: rgba(234, 88, 12, .35)}.workflow-tile--edit{--tile-color: #9333ea;--tile-color-bg: rgba(147, 51, 234, .07);--tile-color-border: rgba(147, 51, 234, .35)}@media(prefers-color-scheme:dark){.workflow-tile--add{--tile-color: #6b85f9;--tile-color-bg: rgba(107, 133, 249, .1);--tile-color-border: rgba(107, 133, 249, .28)}.workflow-tile--checkout{--tile-color: #34d399;--tile-color-bg: rgba(52, 211, 153, .1);--tile-color-border: rgba(52, 211, 153, .28)}.workflow-tile--checkin{--tile-color: #fb923c;--tile-color-bg: rgba(251, 146, 60, .1);--tile-color-border: rgba(251, 146, 60, .28)}.workflow-tile--edit{--tile-color: #c084fc;--tile-color-bg: rgba(192, 132, 252, .1);--tile-color-border: rgba(192, 132, 252, .28)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 20px;height:44px;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),opacity var(--transition-base);user-select:none;-webkit-user-select:none;line-height:1;white-space:nowrap;touch-action:manipulation;letter-spacing:-.01em}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #4f6ef74d}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px #4f6ef766}.btn-primary:active{background:var(--color-primary-active);box-shadow:none}@media(prefers-color-scheme:dark){.btn-primary{box-shadow:0 1px 3px #6b85f959}.btn-primary:hover{box-shadow:0 2px 10px #6b85f973}}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:active{background:var(--color-surface-overlay)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-block{display:flex;width:100%}.btn-sm{height:44px;min-height:44px;padding:0 14px;font-size:.8125rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.75rem;font-weight:700;color:var(--color-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.055em}.form-control{width:100%;padding:11px 13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;font-family:inherit;outline:none;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);line-height:1.4;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control::placeholder{color:var(--color-text-placeholder)}.form-control:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px #dc26262e}@media(prefers-color-scheme:dark){.form-control[aria-invalid=true]{box-shadow:0 0 0 3px #f8717133}}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7585' d='M4 6l4 4.5L12 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:34px;cursor:pointer}@media(prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%237a8494' d='M4 6l4 4.5L12 6z'/%3E%3C/svg%3E")}}textarea.form-control{resize:vertical;min-height:80px;line-height:1.5}.input-methods{display:flex;gap:8px;margin-bottom:var(--space-md)}.input-methods .btn{flex:1;min-width:0;font-size:.8rem;height:44px;padding:0 10px}.search-wrap{position:relative;margin-bottom:10px}.search-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.search-wrap input{padding-left:38px}.search-results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto;box-shadow:var(--shadow-md)}.search-results .result-item{min-height:44px;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--color-border);font-size:.9rem;display:flex;flex-direction:column;justify-content:center;transition:background var(--transition-fast);touch-action:manipulation}.search-results .result-item:last-child{border-bottom:none}.search-results .result-item:hover,.search-results .result-item:focus{background:var(--color-surface-raised);outline:none}.search-results .result-item:active{background:var(--color-surface-overlay)}.search-results .result-item .result-sub{font-size:.775rem;color:var(--color-text-muted);margin-top:1px}.result-empty{padding:14px;color:var(--color-text-muted);font-size:.875rem;text-align:center}.extracted-data{background:var(--color-primary-light);border:1px solid var(--color-primary-subtle);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:var(--space-md)}.extracted-data h3{font-size:.75rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;margin-bottom:10px;color:var(--color-primary)}.extracted-data dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:.875rem}.extracted-data dt{font-weight:700;color:var(--color-text-muted);white-space:nowrap}.extracted-data dd{color:var(--color-text);word-break:break-all}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:900;opacity:0;transition:opacity var(--transition-slow);pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.bottom-sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:901;background:var(--color-surface);border-top:1px solid var(--color-border-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);transform:translateY(100%);transition:transform var(--transition-sheet);max-height:72dvh;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom)}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{width:32px;height:3px;background:var(--color-border-strong);border-radius:2px;margin:12px auto 6px;flex-shrink:0}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:2px 16px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.sheet-header h2{font-size:1rem;font-weight:700}.sheet-body{flex:1;overflow-y:auto;padding:4px 0;overscroll-behavior:contain}.sheet-footer{padding:12px 16px;border-top:1px solid var(--color-border);display:flex;gap:8px;flex-shrink:0}.queue-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.queue-item:last-child{border-bottom:none}.queue-item:active{background:var(--color-surface-raised)}.queue-item input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.queue-check-label{display:flex;align-items:center;padding:11px;margin:-11px;cursor:pointer;flex-shrink:0;touch-action:manipulation}.queue-item-info{flex:1;min-width:0}.queue-item-title{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text)}.queue-item-sub{font-size:.775rem;color:var(--color-text-muted);margin-top:1px}.queue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;color:#fff;background:var(--color-primary);flex-shrink:0}.fab{position:fixed;bottom:calc(22px + var(--safe-bottom));right:20px;z-index:800;width:54px;height:54px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:1.35rem;box-shadow:var(--shadow-fab);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);touch-action:manipulation}.fab:hover{background:var(--color-primary-hover)}.fab:active{transform:scale(.91);box-shadow:var(--shadow-md)}.fab:focus-visible{outline:none;box-shadow:var(--shadow-fab),var(--focus-ring)}.fab .queue-badge{position:absolute;top:-5px;right:-5px;background:var(--color-danger);font-size:.675rem;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--color-bg)}.camera-container{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px;box-shadow:0 0 0 1px var(--color-border)}.camera-container video{width:100%;height:100%;object-fit:cover;display:block}.camera-controls{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center}.camera-snap-btn{width:62px;height:62px;border-radius:var(--radius-full);border:3px solid rgba(255,255,255,.9);background:#ffffff38;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);touch-action:manipulation;box-shadow:inset 0 0 0 4px #ffffff26}.camera-snap-btn:active{background:#ffffff8c;transform:scale(.94)}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:calc(76px + var(--safe-bottom));left:50%;transform:translate(-50%) translateY(12px);padding:10px 18px;background:var(--color-surface-overlay);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:.8375rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow);z-index:950;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.toast{background:var(--color-surface-raised);border-color:var(--color-border-strong)}}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.status-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:var(--color-surface-raised);color:var(--color-text-muted);border:1px solid var(--color-border);line-height:1.4}.status-tag.deployable{background:var(--color-success-bg);color:var(--color-success-text);border-color:transparent}.status-tag.pending{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:transparent}.status-tag.archived{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:transparent}.multi-asset-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.mac-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mac-tag-input{flex:1;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;padding:5px 9px;background:var(--color-primary-light);border:1px solid var(--color-primary-subtle);border-radius:var(--radius-xs);color:var(--color-primary);outline:none;min-width:0;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.mac-tag-input:focus{box-shadow:var(--focus-ring);border-color:var(--color-primary)}.mac-remove{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:var(--color-text-placeholder);border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;transition:color var(--transition-base),background var(--transition-base);touch-action:manipulation}.mac-remove:hover{color:var(--color-danger);background:var(--color-danger-bg)}.mac-processing{display:flex;align-items:center;gap:10px;padding:4px 0}.mac-error{font-size:.8rem;color:var(--color-danger-text);background:var(--color-danger-bg);border-radius:var(--radius-xs);padding:8px 10px}@media(prefers-color-scheme:dark){.mac-tag-input{background:#6b85f91f;border-color:#6b85f94d}}.serial-check-loading{display:flex;align-items:center;padding:4px 0 18px}.duplicate-warning{margin-bottom:18px}.duplicate-banner{background:var(--color-warning-bg);border:1px solid rgba(217,119,6,.3);border-radius:var(--radius-sm);padding:12px 14px}.duplicate-banner-header{display:flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:700;color:var(--color-warning-text);margin-bottom:10px}.duplicate-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:.875rem}.duplicate-dl dt{font-weight:700;color:var(--color-text-muted);white-space:nowrap}.duplicate-dl dd{color:var(--color-text);word-break:break-all}@media(prefers-color-scheme:dark){.duplicate-banner{background:#d977061f;border-color:#d9770640}}.queue-tabs{display:flex;gap:6px}.queue-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);touch-action:manipulation}.queue-tab.active{background:var(--color-primary-light);border-color:var(--color-primary-subtle);color:var(--color-primary)}.queue-tab:not(.active):hover{background:var(--color-surface-raised);color:var(--color-text)}.queue-item-chevron{display:inline-block;margin-left:4px;font-size:.6rem;transition:transform var(--transition-base);color:var(--color-text-placeholder)}.queue-item-detail{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.queue-summary-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:.875rem}.queue-summary-dl dt{font-weight:700;color:var(--color-text-muted);white-space:nowrap}.queue-summary-dl dd{color:var(--color-text);word-break:break-all}.mono{font-family:var(--font-mono);font-size:.8125rem}.history-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--color-border);position:relative}.history-item:last-child{border-bottom:none}.history-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;background:var(--history-accent, var(--color-text-muted))}.history-item[data-type=create_asset]{--history-accent: #4f6ef7}.history-item[data-type=checkout]{--history-accent: #10b981}.history-item[data-type=checkin]{--history-accent: #ea580c}.history-item[data-type=update_asset]{--history-accent: #9333ea}@media(prefers-color-scheme:dark){.history-item[data-type=create_asset]{--history-accent: #6b85f9}.history-item[data-type=checkout]{--history-accent: #34d399}.history-item[data-type=checkin]{--history-accent: #fb923c}.history-item[data-type=update_asset]{--history-accent: #c084fc}}.history-item-info{flex:1;min-width:0}.history-item-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.history-item-title{font-weight:600;font-size:.875rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-time{font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:3px}.history-item-sub{font-size:.775rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-lookup{margin-bottom:16px}.quick-lookup-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.quick-lookup-row{display:flex;gap:8px;align-items:center}.quick-lookup-row .search-wrap{flex:1;margin-bottom:0}.asset-detail-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.85rem}.asset-detail-dl dt{color:var(--color-text-muted);font-weight:500;white-space:nowrap}.asset-detail-dl dd{margin:0;word-break:break-word}.full-view-section-label{position:sticky;top:0;z-index:1;background:var(--color-surface);font-size:.7rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--color-text-muted);padding:14px 0 5px;margin:0 0 8px;border-bottom:1px solid var(--color-border)}.full-view-section-label:first-child{padding-top:8px}.sheet-footer--stacked{flex-direction:column;gap:8px}.sheet-footer--stacked .footer-row{display:flex;gap:8px;width:100%}.btn,.workflow-tile,.result-item,.back-btn,.fab,.camera-snap-btn,.queue-check-label{touch-action:manipulation}