:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--fg: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-fg: #0f172a;--danger: #f87171;--ok: #34d399;--warn: #fbbf24;--border: #334155;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}.app-shell{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:calc(env(safe-area-inset-top) + .6rem) 1rem .6rem;background:var(--bg);border-bottom:1px solid var(--border)}.app-header h1{font-size:1.05rem;color:var(--accent);margin:0}.header-right{display:flex;align-items:center;gap:.5rem}.app-body{flex:1;padding:1rem 1rem 5rem}.screen{display:flex;flex-direction:column;gap:1rem}.screen h2{margin:0;font-size:1.2rem}.tab-bar{position:fixed;bottom:0;left:0;right:0;max-width:720px;margin:0 auto;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;text-align:center;padding:.85rem 0;color:var(--muted);text-decoration:none;font-size:.85rem}.tab-on{color:var(--accent);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.form-grid,.field{display:flex;flex-direction:column;gap:.4rem}.form-grid{gap:1rem;border:none;margin:0;padding:0}.field label{font-size:.85rem;color:var(--muted)}.field-row{display:flex;gap:.75rem}.field-row .field{flex:1}input,select,textarea{width:100%;padding:.7rem .75rem;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:10px;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0}textarea{resize:vertical}fieldset{border:none;padding:0;margin:0}fieldset:disabled{opacity:.7}button{font:inherit;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-fg);border:none;border-radius:10px;padding:.85rem 1rem;font-weight:600;font-size:1rem}.btn-primary:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}.btn-small{padding:.4rem .6rem;font-size:.8rem}.actions-row{display:flex;gap:.75rem}.actions-row>*{flex:1;text-align:center}.mode-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.mode-toggle button{flex:1;padding:.7rem;background:var(--surface);color:var(--muted);border:none}.mode-toggle .mode-on{background:var(--accent);color:var(--accent-fg);font-weight:600}.chip-selected{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.7rem .75rem}.chip-clear{background:none;border:none;color:var(--accent)}.search-results{list-style:none;margin:.25rem 0 0;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.search-results li{border-bottom:1px solid var(--border)}.search-results li:last-child{border-bottom:none}.search-row{width:100%;text-align:left;background:none;border:none;color:var(--fg);padding:.7rem .75rem}.search-empty{padding:.7rem .75rem;color:var(--muted)}.muted{color:var(--muted);font-weight:400}.lignes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ligne{display:flex;align-items:center;gap:.5rem;background:var(--surface-2);border-radius:10px;padding:.5rem .6rem}.ligne-name{flex:1;font-size:.9rem}.ligne-qty{width:60px;padding:.4rem}.ligne-total{font-variant-numeric:tabular-nums}.ligne-del,.photo-remove{background:none;border:none;color:var(--danger);font-size:1.3rem;line-height:1}.photo-grid{display:flex;flex-wrap:wrap;gap:.5rem}.photo-thumb{position:relative;width:76px;height:76px;border-radius:8px;overflow:hidden;background:var(--surface-2)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:0;right:2px}.photo-tag{position:absolute;bottom:0;left:0;right:0;font-size:.6rem;text-align:center;background:#00000080}.photo-add{display:inline-block;margin-top:.5rem;color:var(--accent);border:1px dashed var(--border);border-radius:10px;padding:.7rem 1rem}.signature-wrap{background:#fff;border-radius:10px;overflow:hidden}.signature-canvas{width:100%;height:160px;touch-action:none;display:block}.signature-actions{display:flex;align-items:center;gap:.75rem}.totals{display:flex;flex-direction:column;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.totals>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.totals-grand{border-top:1px solid var(--border);padding-top:.4rem;font-size:1.05rem}.status-badge{font-size:.72rem;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.status-brouillon{background:#475569;color:#e2e8f0}.status-planifiee{background:#1e40af;color:#dbeafe}.status-realisee{background:#92400e;color:#fde68a}.status-facturee{background:#065f46;color:#d1fae5}.status-devis_envoye{background:#5b21b6;color:#ede9fe}.status-cloturee{background:#334155;color:#94a3b8}.todo-list,.recap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.todo-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.todo-objet{margin:.4rem 0;color:var(--fg)}.todo-meta{display:flex;gap:.75rem;color:var(--muted);font-size:.85rem;margin-bottom:.6rem;flex-wrap:wrap}.todo-item .actions-row,.recap-item .actions-row{margin-top:.5rem}.toolbar{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.toolbar label{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted);gap:.25rem}.recap-summary{display:flex;justify-content:space-between}.recap-summary>div{display:flex;flex-direction:column}.recap-summary strong{font-size:1.3rem}.sim-tag{display:inline-block;font-size:.72rem;color:var(--warn);margin-bottom:.5rem}.result-card{display:flex;flex-direction:column;gap:.75rem}.payload{background:#0b1220;border:1px solid var(--border);border-radius:8px;padding:.75rem;overflow-x:auto;font-size:.78rem;max-height:320px}.dry-run-banner{background:#422006;border:1px solid var(--warn);color:var(--warn);border-radius:10px;padding:.75rem;font-size:.9rem}.report-link{display:flex;flex-direction:column;gap:.5rem}.sync-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-2);border:1px solid var(--border);color:var(--fg);border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.sync-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.sync-pill.online .dot{background:var(--ok)}.sync-pill.offline .dot{background:var(--danger)}.sync-count{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:0 .4rem;font-weight:700}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.login-card h2{margin:0;color:var(--accent)}.readonly-field{padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-weight:600}.hint-inline{color:var(--muted);font-weight:400;font-size:.8rem}.header-user{font-size:.85rem;font-weight:600;color:var(--accent);padding:.2rem .5rem;border:1px solid var(--border);border-radius:999px}.hint{color:var(--muted);font-size:.85rem;margin:0}.error-text{color:var(--danger);font-size:.9rem;margin:0}.error-list{color:var(--danger);margin:0;padding-left:1.2rem;font-size:.9rem}.info-text{color:var(--ok);font-size:.9rem;margin:0}.contact-block summary{color:var(--accent);cursor:pointer;padding:.5rem 0}