.upload-account{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow-wrap:anywhere}.upload-account span{font-size:.85rem;color:var(--muted)}.upload-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-choices button{min-height:54px}.upload-drop{border:1px dashed #a8bfd9;border-radius:9px;text-align:center;padding:16px;margin:16px 0}.upload-drop.over{background:#e7f8f7;border-color:#007e86}.selected-receipts{padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.selected-receipts li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px}.receipt-thumb{width:56px;height:70px;flex:0 0 56px;background:#edf3ff;border-radius:5px;display:grid;place-items:center;overflow:hidden}.receipt-thumb img{width:100%;height:100%;object-fit:contain}.receipt-thumb span{font-size:.75rem;font-weight:700}.receipt-file-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.receipt-file-info strong{overflow-wrap:anywhere;font-size:.88rem}.receipt-file-info small{color:var(--muted)}.receipt-state{font-size:.82rem;color:#006b70}.selected-receipts .quiet{padding:6px;font-size:.8rem;flex-shrink:0}#upload-progress,#upload-connection{overflow-wrap:anywhere}#upload-submit{width:100%;min-height:50px}.mobile-client-nav{display:none}.table-scroll{overflow-x:auto}
@media(max-width:700px){.client-workspace .sidebar{padding:12px 18px}.client-workspace .sidebar .brand-lockup{width:180px}.client-workspace .sidebar .logo{width:180px}.client-workspace .sidebar .brand-description,.client-workspace .sidebar .brand-tagline{display:none}.client-workspace .side-nav{display:none}.client-workspace .topbar{padding:10px 18px}.client-workspace .topbar>span{overflow-wrap:anywhere;min-width:0}.client-workspace .content{padding:22px 16px calc(100px + env(safe-area-inset-bottom))}.mobile-client-nav{position:fixed;z-index:100;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -3px 14px #172b5708}.mobile-client-nav a{text-decoration:none;color:#455a7c;font-size:.8rem;text-align:center;padding:14px 3px;min-height:48px;border-radius:8px}.mobile-client-nav a[aria-current=page]{color:#2446c8;background:#eaf0ff;font-weight:700}.upload-panel .panel-body{padding:18px}.upload-choices{gap:9px}.upload-choices button{font-size:.9rem;padding:12px 8px}.upload-drop p{display:none}.upload-drop{padding:13px 8px}.upload-account{padding:14px}.selected-receipts li{flex-wrap:wrap}.selected-receipts .receipt-file-info{min-width:140px}.selected-receipts .quiet{margin-left:auto}.content input,.content select,.content textarea{font-size:16px}#toast{bottom:calc(88px + env(safe-area-inset-bottom))}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}

.upload-panel button[hidden]{display:none}
.document-scanner{width:min(560px,96vw);max-height:94dvh;padding:20px;border:0;border-radius:16px;color:#172b57;overflow-y:auto}.document-scanner::backdrop{background:#0a1639cc}.document-scanner header{display:flex;align-items:center;justify-content:space-between;gap:12px}.document-scanner h2{margin:0;font-size:1.3rem}.document-scanner button{min-height:48px}.document-scanner [hidden]{display:none!important}.scanner-tip,.scanner-note{font-size:.9rem;line-height:1.5}.scanner-stage{position:relative;aspect-ratio:3/4;max-height:52dvh;margin:auto;background:#111d32;border-radius:10px;overflow:hidden;width:auto;max-width:100%}.scanner-stage video,.scanner-preview{width:100%;height:100%;object-fit:contain;display:block}.scanner-guide{position:absolute;inset:4% 6%;border:2px dashed #fff;border-radius:6px;pointer-events:none;box-shadow:0 0 0 100px #0004}.scanner-detected{position:absolute;border:3px solid #ffc56b;pointer-events:none;border-radius:3px}.scanner-detected.ready{border-color:#49e6b4}.scanner-status{min-height:3em;line-height:1.5;font-weight:600;font-size:.95rem}.scanner-auto{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:.9rem}.scanner-auto input{width:22px;height:22px}.scanner-actions{display:flex;flex-wrap:wrap;gap:10px}.scanner-actions button{flex:1 1 40%}.scanner-note{color:#526585}@media(max-width:600px){.document-scanner{padding:16px}.scanner-actions button{font-size:.9rem;padding:10px}}

.scanner-stage{width:min(100%,calc(52dvh * var(--scanner-ratio,.75)))}

.receipt-file-info label{font-size:.85rem;font-weight:600;margin-top:8px}.receipt-file-info input{width:100%;min-width:0;font-size:16px;min-height:46px}
