:root{--bg: #ffffff;--surface: #f6f6f6;--surface-2: #ececec;--border: #d9d9d9;--text: #0a0a0a;--muted: #6b6b6b;--primary: #d81e2c;--primary-text: #ffffff;--danger: #b91c1c;--done-bg: #0a0a0a;--done-text: #ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.screen{min-height:100vh;padding:20px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.screen.center{justify-content:center;align-items:stretch}.logo{height:40px;width:auto;object-fit:contain;display:block;align-self:center;margin:0 auto 8px}.logo.small{height:24px;align-self:flex-start;margin:0 0 4px}.brand{text-align:center;font-size:2rem;margin-bottom:8px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.app-header .logo.small{margin:0}.app-header-actions{display:flex;gap:8px}.eyebrow{color:var(--muted);font-size:.85rem}h1{margin:2px 0 0;font-size:1.4rem}h2.section-title{font-size:1rem;color:var(--muted);margin:4px 0 -4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}input{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:1.1rem;color:var(--text)}.btn{border:none;border-radius:12px;padding:14px 18px;font-size:1rem;font-weight:600;cursor:pointer}.btn.primary{background:var(--primary);color:var(--primary-text)}.btn.primary:disabled{opacity:.6}.btn.big{font-size:1.15rem;padding:18px}.btn.ghost{background:transparent;color:var(--muted);align-self:flex-start}.btn.small{padding:8px 12px;font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.muted{color:var(--muted)}.list{display:flex;flex-direction:column;gap:10px}.load-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--text);display:flex;flex-direction:column;gap:8px;cursor:pointer;text-decoration:none}.load-card-top{display:flex;justify-content:space-between;align-items:center}.load-number{font-weight:700}.load-route{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}.arrow{color:var(--border)}.badge{display:inline-block;width:fit-content;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.badge.status-at_pickup,.badge.status-at_delivery{background:var(--primary);color:#fff;border-color:var(--primary)}.badge.status-delivered,.badge.status-invoiced{background:var(--done-bg);color:var(--done-text);border-color:var(--done-bg)}.badge.status-cancelled{background:transparent;color:var(--danger);border-color:var(--danger)}.detail-row{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}.detail-label{color:var(--muted)}.detail-row a{color:var(--primary);font-weight:600;text-decoration:none;text-align:right}.detail-row a:active{opacity:.7}.doc-tile-placeholder{font-size:1.6rem}
