:root,[data-theme=encre]{--color-bg: #f7f4ee;--color-surface: #ffffff;--color-text: #14161c;--color-muted: #55524a;--color-primary: #1b2a4a;--color-primary-hover: #14213a;--color-border: #ded8cc;--color-danger: #b5411f;--color-success: #2e5233;--color-on-primary: #ffffff;--radius: 10px;--font-heading: "Instrument Serif", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-theme=atelier]{--color-bg: #fbfbfa;--color-surface: #ffffff;--color-text: #16181a;--color-muted: #6b6e66;--color-primary: #24402f;--color-primary-hover: #1a2f22;--color-border: #ecece4;--color-danger: #c0442b;--color-success: #3e8b5a;--color-on-primary: #ffffff;--radius: 6px;--font-heading: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Schibsted Grotesk", ui-monospace, monospace}[data-theme=comptoir]{--color-bg: #101010;--color-surface: #1a1917;--color-text: #f4f1eb;--color-muted: #948f84;--color-primary: #c08a2e;--color-primary-hover: #a97726;--color-border: #2c2a24;--color-danger: #a8412e;--color-success: #4a8a4f;--color-on-primary: #101010;--radius: 10px;--font-heading: "Source Serif 4", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);transition:background-color .15s ease,color .15s ease}h1,h2,h3{font-family:var(--font-heading)}a{color:var(--color-primary)}.app-shell{display:flex;min-height:100vh;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border);font-family:var(--font-heading)}.topbar nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-family:var(--font-body)}.topbar nav a{color:var(--color-text);text-decoration:none;font-size:.9rem;opacity:.7}.topbar nav a.active,.topbar nav a:hover{opacity:1;color:var(--color-primary)}.page{padding:1rem;max-width:960px;margin:0 auto;width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.stat-tile .value{font-size:1.5rem;font-weight:700}.stat-tile .label{color:var(--color-muted);font-size:.85rem}form{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}input,select,textarea{padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit}button{cursor:pointer;padding:.55rem 1rem;border-radius:6px;border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-size:.9rem;font-family:var(--font-body)}button:hover{background:var(--color-primary-hover)}button.secondary{background:transparent;color:var(--color-primary)}button.danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--color-border);font-size:.9rem}th{color:var(--color-muted);font-weight:600}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#e2e8f0;color:#334155}.badge.draft{background:#e2e8f0;color:#334155}.badge.sent{background:#dbeafe;color:#1d4ed8}.badge.paid,.badge.accepted{background:#dcfce7;color:#166534}.badge.overdue{background:#fee2e2;color:#b91c1c}.badge.cancelled,.badge.declined{background:#f1f5f9;color:#64748b}.badge.converted{background:#ede9fe;color:#6d28d9}.error-banner{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.6rem .8rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.offline-banner{background:#fef3c7;color:#92400e;text-align:center;padding:.4rem;font-size:.85rem}.items-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.items-field{display:contents}.items-field-label{display:none}.items-remove{align-self:center}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.items-row-header{display:none}.items-row-item{grid-template-columns:1fr 1fr;grid-template-areas:"desc desc" "qty price" "tva remove";gap:.5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem}.items-row-item .items-field:nth-child(1){grid-area:desc}.items-row-item .items-field:nth-child(2){grid-area:qty}.items-row-item .items-field:nth-child(3){grid-area:price}.items-row-item .items-field:nth-child(4){grid-area:tva}.items-remove{grid-area:remove;justify-self:end;align-self:end}.items-field{display:flex;flex-direction:column;gap:.2rem}.items-field-label{display:block;font-size:.75rem;color:var(--color-muted)}}
