:root{--text:#475569;--text-h:#0f172a;--bg:#f8fafc;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#0f172a;--accent-bg:#f1f5f9;--shadow:0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--radius:8px;--radius-sm:6px;--touch-min:44px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--sans:"DM Sans", system-ui, sans-serif;--heading:"DM Sans", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.5 var(--sans);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sidebar-bg:#0f172a;--sidebar-border:#ffffff0f;--sidebar-text:#f8fafc;--sidebar-text-muted:#94a3b8;--header-bg:#0f172a;--card-bg:white;--card-border:#e2e8f0;--accent-fg:#f8fafc}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#94a3b8;--text-h:#f1f5f9;--bg:#0f172a;--border:#334155;--code-bg:#1e293b;--accent:#f1f5f9;--accent-bg:#1e293b;--shadow:0 1px 3px #0000004d;--shadow-md:0 4px 6px -1px #0003, 0 2px 4px -2px #00000026;--card-bg:#1e293b;--card-border:#334155;--accent-fg:#0f172a}@media (width>=1024px){:root{font-size:15px}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100dvh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}h2{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.input-search{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.input-search::placeholder{color:var(--text);opacity:.7}.input-search:focus{border-color:var(--text-h);outline:none;box-shadow:0 0 0 3px #0000001a}.btn-secondary{border:1px solid var(--border);border-radius:var(--radius-sm,6px);color:var(--text);background:var(--card-bg);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-theme-toggle{z-index:10;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;font-size:1.25rem;transition:background .15s,border-color .15s;display:flex;position:fixed;top:1rem;right:1rem}.login-theme-toggle:hover{background:var(--accent-bg);border-color:var(--text-h)}.login-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--shadow-md);box-sizing:border-box;width:100%;max-width:360px;margin:0 1rem;padding:1.5rem 1.25rem}@media (width>=380px){.login-card{margin:0;padding:2rem 2.25rem}}.login-card h1{color:var(--text-h);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.login-card .subtitle{color:var(--text);margin:0 0 1.5rem;font-size:.875rem}.login-card form label{color:var(--text-h);margin-bottom:1rem;font-size:.875rem;font-weight:500;display:block}.login-card form input{width:100%;min-height:var(--touch-min,44px);border:1px solid var(--border);box-sizing:border-box;background:var(--bg);color:var(--text);border-radius:6px;margin-top:.25rem;padding:.75rem;font-size:1rem}.login-card form input::placeholder{color:var(--text);opacity:.6}.login-card form input:focus{border-color:var(--text-h);outline:none;box-shadow:0 0 0 3px #0000001a}.login-card form button{width:100%;min-height:var(--touch-min,44px);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.login-card form button:hover:not(:disabled){opacity:.9}.login-card form button:disabled{opacity:.7;cursor:not-allowed}.login-card .error{color:#b91c1c;background:#fef2f2;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.login-card .hint{color:var(--text);margin:1.5rem 0 0;font-size:.75rem}.login-card .hint code{background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:.125rem .375rem}.login-card .auth-switch{color:var(--text);text-align:center;margin:1.5rem 0 0;font-size:.9rem}.login-card .auth-switch-link{font-size:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.login-card .auth-switch-link:hover{opacity:.85}.app-layout{background:var(--bg,#f8fafc);flex-direction:column;min-height:100dvh;display:flex}.app-header{height:var(--touch-min,44px);min-height:var(--touch-min,44px);padding:0 1rem;padding-left:max(1rem, env(safe-area-inset-left));background:var(--header-bg);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (width>=1024px){.app-header{display:none}}.app-menu-toggle{width:var(--touch-min,44px);height:var(--touch-min,44px);color:var(--sidebar-text);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;margin:0 -.5rem 0 -.25rem;padding:0;display:flex}.app-menu-toggle:hover{background:#ffffff14}.app-menu-icon{flex-direction:column;justify-content:center;gap:5px;width:22px;height:18px;display:flex}.app-menu-icon span{background:currentColor;border-radius:1px;height:2px;display:block}.app-header-brand{letter-spacing:-.02em;color:var(--sidebar-text);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.app-header-brand:hover{color:var(--sidebar-text);opacity:.9}.app-logo{width:auto;height:1.5rem;display:block}.app-sidebar-overlay{z-index:40;opacity:0;background:#0006;transition:opacity .2s;display:none;position:fixed;inset:0}.app-sidebar-overlay[data-open]{opacity:1;display:block}@media (width>=1024px){.app-sidebar-overlay{display:none!important}}.app-sidebar{z-index:50;background:var(--sidebar-bg);width:min(18rem,85vw);max-width:18rem;height:100dvh;box-shadow:0 0 0 1px var(--sidebar-border);padding-left:env(safe-area-inset-left);flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar[data-open]{transform:translate(0)}@media (width>=1024px){.app-layout{flex-direction:row}.app-sidebar{width:14rem;max-width:none;height:auto;min-height:100vh;box-shadow:none;flex-shrink:0;padding-left:0;position:relative;transform:none}.app-sidebar[data-open]{transform:none}}.sidebar-brand{height:3.75rem;min-height:var(--touch-min,44px);letter-spacing:-.02em;color:var(--sidebar-text);border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;padding:0 1.25rem;font-size:1rem;font-weight:600;display:flex}.sidebar-brand-inner{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.sidebar-brand-inner:hover{color:var(--sidebar-text);opacity:.9}.sidebar-logo{width:auto;height:1.75rem;display:block}.sidebar-close{width:var(--touch-min,44px);height:var(--touch-min,44px);color:var(--sidebar-text-muted);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;margin:0 -.5rem 0 0;padding:0;font-size:1.5rem;line-height:1;display:flex}.sidebar-close:hover{color:var(--sidebar-text);background:#ffffff14}@media (width>=1024px){.sidebar-close{display:none}}.sidebar-nav{flex-direction:column;flex:1;gap:.125rem;padding:.75rem .5rem;display:flex;overflow-y:auto}.sidebar-group{flex-direction:column;gap:.125rem;display:flex}.sidebar-group-header{min-height:var(--touch-min,44px);border-radius:var(--radius-sm,6px);align-items:center;padding-right:.25rem;display:flex}.sidebar-group-header .sidebar-link-group{flex:1;min-width:0}.sidebar-chevron{width:1.75rem;height:1.75rem;color:var(--sidebar-text-muted);border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.25rem;padding:0;font-size:.625rem;transition:color .15s,background .15s;display:flex}.sidebar-chevron:hover{color:var(--sidebar-text);background:#ffffff0d}.sidebar-sub{border-left:2px solid var(--sidebar-border);flex-direction:column;gap:.125rem;margin-left:.75rem;padding-left:1rem;display:none}.sidebar-group[data-expanded] .sidebar-sub{display:flex}.sidebar-sublink{font-size:.875rem}.sidebar-link{min-height:var(--touch-min,44px);border-radius:var(--radius-sm,6px);color:var(--sidebar-text-muted);align-items:center;padding:0 .75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.sidebar-link:hover{color:#f1f5f9;background:#ffffff0d}.sidebar-link.active{color:var(--sidebar-text);background:#ffffff14}.sidebar-link.highlight{color:var(--sidebar-text);background:#1e293b;font-weight:600}.sidebar-link.highlight:hover,.sidebar-link.highlight.active{color:var(--sidebar-text);background:#334155}.sidebar-theme{border-top:1px solid var(--sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.sidebar-theme-label{color:var(--sidebar-text-muted);font-size:.8125rem;font-weight:500}.theme-switch{border:1px solid var(--sidebar-border);border-radius:var(--radius-sm,6px);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .15s;display:flex}.theme-switch:hover{background:#ffffff1f}.theme-switch-icon{font-size:1.125rem;line-height:1}.sidebar-user{border-top:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:.25rem;padding:1rem 1.25rem;display:flex}.sidebar-user-profile-link{border-radius:var(--radius-sm,6px);color:inherit;align-items:center;gap:.75rem;margin:-.25rem 0;padding:.25rem 0;text-decoration:none;transition:background .15s;display:flex}.sidebar-user-profile-link:hover{background:#ffffff0f}.sidebar-user-profile-link:hover .sidebar-user-avatar{color:#f1f5f9;background:#475569}.sidebar-user-avatar{color:#94a3b8;letter-spacing:.02em;background:#334155;border-radius:6px;justify-content:center;align-items:center;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;font-size:.6875rem;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-user-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.sidebar-user-logout{min-height:var(--touch-min,44px);color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem 0;font-size:.8125rem}.sidebar-user-logout:hover{color:#94a3b8}.app-main{min-width:0;padding:1rem;padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(1rem, env(safe-area-inset-bottom));flex:1}@media (width>=1024px){.app-main{padding:1.5rem 2rem}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-page-title{color:var(--text-h);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.25rem;font-weight:600}.dashboard-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.stat-label{color:var(--text);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}.stat-value{color:var(--text-h);letter-spacing:-.02em;font-size:1.375rem;font-weight:600}.dashboard-cta{border-radius:var(--radius);color:#f8fafc;background:#0f172a;border:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex}.dashboard-cta-title{letter-spacing:-.02em;margin:0 0 .125rem;font-size:1rem;font-weight:600}.dashboard-cta-subtitle{color:#94a3b8;margin:0;font-size:.8125rem}.dashboard-cta-btn{color:#0f172a;border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #0000001f;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.dashboard-cta-btn:hover{background:#e2e8f0;border-color:#0000002e}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.dashboard-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.dashboard-card-header h3{color:var(--text-h);margin:0;font-size:.8125rem;font-weight:600}.dashboard-card-link{color:var(--text);font-size:.8125rem;font-weight:500;text-decoration:none}.dashboard-card-link:hover{color:var(--text-h)}.dashboard-card-hint{color:var(--text);margin:0;padding:1rem;font-size:.875rem}.dashboard-list{margin:0;padding:0;list-style:none}.dashboard-list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-main{min-width:0}.dashboard-list-numero{color:var(--text-h);font-weight:600;text-decoration:none;display:block}.dashboard-list-numero:hover{color:var(--text)}.dashboard-list-client{color:var(--text);margin:.25rem 0 0;font-size:.875rem}.dashboard-list-meta{text-align:right}.dashboard-list-total{color:var(--text-h);margin:.25rem 0 0;font-size:.8125rem;font-weight:600}.dashboard-list-empty{text-align:center;color:var(--text);padding:2rem 1rem;font-size:.875rem}.link-inline{color:var(--text);font-weight:500;text-decoration:none}.link-inline:hover{color:var(--text-h)}.dashboard-list .devis-status{border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.dashboard-list .status-gray{color:#475569;background:#f1f5f9}.dashboard-list .status-yellow{color:#92400e;background:#fef3c7}.dashboard-list .status-blue{color:#3730a3;background:#e0e7ff}.dashboard-list .status-green{color:#065f46;background:#d1fae5}.dashboard-list .status-red{color:#991b1b;background:#fee2e2}.dashboard-list .status-orange{color:#9a3412;background:#ffedd5}.page-clients{max-width:1200px;margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}.btn-primary{min-height:var(--touch-min,44px);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text);background:var(--card-bg);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}.btn-secondary:hover{background:var(--accent-bg)}.alert{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-success{color:#166534;background:#dcfce7;border:1px solid #86efac}.alert-error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.clients-search{margin-bottom:1rem}.text-muted{color:#64748b;font-size:.9rem}.clients-empty{text-align:center;color:var(--text);padding:3rem}.link-button{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.875rem;text-decoration:underline}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.client-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem}.client-card:hover{border-color:var(--border)}.client-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.client-card-name{color:var(--text-h);margin:0 0 .25rem;font-size:1rem;font-weight:600}.client-card-type{background:var(--accent-bg);color:var(--text);border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem}.client-card-actions{gap:.25rem;display:flex}.btn-icon{cursor:pointer;border-radius:var(--radius-sm);color:#64748b;background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.btn-icon:hover{color:var(--text-h);background:var(--accent-bg)}.btn-icon-danger:hover{color:#b91c1c;background:#fef2f2}.client-card-body{color:var(--text);font-size:.875rem;line-height:1.5}.client-card-body p{margin:.25rem 0}.client-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.client-devis-count{color:var(--text);font-size:.75rem}.link-small{color:#2563eb;font-size:.75rem;text-decoration:none}.link-small:hover{text-decoration:underline}.modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:1rem;width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{color:var(--text-h);margin:0;font-size:1rem;font-weight:600}.modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.modal-close:hover{color:var(--text-h)}.modal-form{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.modal-form label{color:var(--text-h);font-size:.875rem;font-weight:500;display:block}.modal-form label .required{color:#dc2626}.modal-form input,.modal-form textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--text-h);outline:none}.form-row{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr;display:grid}}.radio-group{gap:1rem;margin-top:.25rem;display:flex}.radio-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.modal-actions{gap:.5rem;padding-top:.5rem;display:flex}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1}.page-produits{max-width:1200px;margin:0 auto}.page-header-actions{align-items:center;display:flex}.import-group{align-items:center;gap:.35rem;margin-right:.5rem;display:flex}.import-help-trigger{color:#475569;cursor:pointer;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.import-help-trigger:hover{color:#0f172a;background:#cbd5e1;border-color:#94a3b8}.modal-import-help{max-width:32rem}.modal-import-help-body{color:var(--text);padding:0 0 1rem;font-size:.9375rem;line-height:1.55}.modal-import-help-intro{margin:0 0 1.25rem}.modal-import-help-section{margin-bottom:1.25rem}.modal-import-help-section:last-of-type{margin-bottom:0}.modal-import-help-section h3{color:var(--text-h);margin:0 0 .35rem;font-size:.9375rem;font-weight:600}.modal-import-help-section p,.modal-import-help-section ul{margin:0 0 .5rem}.modal-import-help-list{margin:.25rem 0 0;padding-left:1.25rem;list-style:outside}.modal-import-help-list li{margin-bottom:.25rem}.modal-import-help-code{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);margin:.5rem 0;padding:.5rem .75rem;font-size:.8125rem;display:block;overflow-x:auto}.modal-import-help-pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);white-space:pre;margin:.5rem 0;padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.8125rem;overflow-x:auto}.modal-import-help-note{color:var(--text);margin-top:.5rem;font-size:.875rem}.modal-import-help .modal-actions{border-top:1px solid var(--border);padding-top:.75rem}.produits-search{margin-bottom:1rem}.produits-empty{text-align:center;color:#64748b;padding:3rem}.produits-empty-icon{margin-bottom:.5rem;font-size:2.5rem}.produits-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.produit-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:.75rem;padding:1rem}.produit-card:hover{border-color:var(--border)}.produit-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.produit-card-ref{color:var(--text-h);margin:0 0 .25rem;font-size:1rem;font-weight:600}.produit-card-libelle{color:var(--text);margin:0;font-size:.875rem}.produit-card-actions{gap:.25rem;display:flex}.produit-card-body{color:var(--text);font-size:.875rem;line-height:1.5}.produit-card-body p{margin:.25rem 0}.produit-card-body .label{color:var(--text);opacity:.85;font-weight:500}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.modal-overlay-fullscreen{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed!important;inset:0!important}.modal-overlay-fullscreen .modal{background:var(--card-bg);border-radius:var(--radius);box-sizing:border-box;width:100%;min-width:0;max-width:36rem;max-height:90vh;padding:0 1.25rem 1.25rem;overflow:hidden auto;box-shadow:0 25px 50px -12px #00000040}.modal-overlay-fullscreen .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.modal-overlay-fullscreen .modal-header h2{color:var(--text-h);margin:0;font-size:1rem;font-weight:600}.modal-overlay-fullscreen .modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.modal-overlay-fullscreen .modal-close:hover{color:var(--text-h)}.modal-overlay-fullscreen .modal-form{flex-direction:column;gap:.875rem;padding:1.25rem 0 0;display:flex}.modal-overlay-fullscreen .modal-form label{color:var(--text-h);font-size:.875rem;font-weight:500;display:block}.modal-overlay-fullscreen .modal-form .required{color:#dc2626}.modal-overlay-fullscreen .modal-form input{border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;background:var(--bg);width:100%;max-width:100%;color:var(--text);margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}.modal-overlay-fullscreen .modal-form input:focus{border-color:var(--text-h);outline:none}.modal-overlay-fullscreen .form-row{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.modal-overlay-fullscreen .form-row{grid-template-columns:1fr 1fr;display:grid}}.modal-overlay-fullscreen .modal-actions{border-top:1px solid var(--border);gap:.5rem;margin-bottom:0;padding-top:1rem;display:flex}.modal-overlay-fullscreen .modal-form select{border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;background:var(--bg);width:100%;max-width:100%;color:var(--text);margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}.modal-overlay-fullscreen .modal-actions .btn-primary,.modal-overlay-fullscreen .modal-actions .btn-secondary{flex:1}.modal-overlay-fullscreen .btn-primary{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.modal-overlay-fullscreen .btn-secondary{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--card-bg);cursor:pointer;padding:.5rem 1rem;font-size:.875rem}.modal-form select{border:1px solid #e2e8f0;border-radius:.5rem;width:100%;margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}.modal-form select:focus{border-color:#2563eb;outline:none}.page-devis-list{max-width:1200px;margin:0 auto}.page-devis-list .page-title{color:var(--text-h);letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.page-devis-list .btn-primary{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.page-devis-list .btn-primary:hover{opacity:.9}.devis-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.devis-stat-card{text-align:left;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);cursor:pointer;border-radius:.75rem;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s}.devis-stat-card:hover{border-color:var(--border)}.devis-stat-card.active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.devis-stat-label{color:var(--text);margin:0 0 .25rem;font-size:.75rem}.devis-stat-value{color:var(--text-h);margin:0;font-size:1.25rem;font-weight:700}.devis-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.devis-filters .flex-1{flex:1;min-width:0}.select-status{border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:.5rem;min-width:10rem;padding:.5rem .75rem;font-size:.875rem}.devis-table-wrap{background:var(--card-bg);border:1px solid var(--card-border);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow);border-radius:.75rem;overflow:auto hidden}.devis-table{border-collapse:collapse;width:100%}.devis-table th,.devis-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:.75rem .5rem;font-size:.875rem}@media (width>=640px){.devis-table th,.devis-table td{padding:.75rem 1rem}}.devis-table th{background:var(--accent-bg);color:var(--text);text-transform:uppercase;font-size:.75rem;font-weight:500}.devis-table .text-right{text-align:right}.devis-table .text-center{text-align:center}.devis-table .hide-mobile{display:none}@media (width>=640px){.devis-table .hide-mobile{display:table-cell}}.devis-table tbody tr:hover{background:var(--accent-bg)}.link-numero{color:#2563eb;font-weight:600;text-decoration:none}.link-numero:hover{text-decoration:underline}.devis-status{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-gray{color:#475569;background:#f1f5f9}.status-yellow{color:#854d0e;background:#fef9c3}.status-blue{color:#1e40af;background:#dbeafe}.status-green{color:#166534;background:#dcfce7}.status-red{color:#b91c1c;background:#fee2e2}.status-orange{color:#c2410c;background:#ffedd5}.spinner-small{border:2px solid;border-right-color:#0000;border-radius:50%;width:.75rem;height:.75rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.devis-empty{text-align:center;color:var(--text);padding:2rem}.devis-empty-icon{margin-bottom:.5rem;font-size:2.5rem}.devis-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.pagination-info{color:var(--text);font-size:.875rem}.page-devis-new{max-width:36rem;margin:0 auto}.devis-new-header{margin-bottom:1.5rem}.devis-new-instructions{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem 1.25rem}.devis-new-instructions h3{color:var(--text-h);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.devis-new-instructions ol{color:var(--text);margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.6}.devis-new-form label{color:var(--text-h);margin-bottom:1rem;font-size:.875rem;font-weight:500;display:block}.devis-new-form label .required{color:#dc2626}.devis-new-form input[type=text],.devis-new-form select{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}.input-group{gap:.5rem;margin-top:.25rem;display:flex}.input-group select{background:var(--card-bg);min-width:0;color:var(--text);border:1px solid var(--border);flex:1}.audio-zone{background:var(--card-bg);border:2px dashed var(--border);text-align:center;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.audio-zone.recording{background:#fef2f2;border-color:#f87171}.audio-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.audio-action-record{flex-direction:column;align-items:center;gap:.375rem;display:flex}.btn-record-label{color:var(--text);font-size:.75rem;font-weight:500}.btn-record{min-height:var(--touch-min,44px);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-record:hover{opacity:.9}.btn-record-mic{width:var(--touch-min,44px);height:var(--touch-min,44px);border-radius:50%;flex-shrink:0;padding:0}.btn-mic-icon{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.btn-mic-icon svg{width:100%;height:100%}.audio-or{color:var(--text);font-size:.875rem}.btn-upload{min-height:var(--touch-min,44px);border:1px solid var(--border);color:var(--text);background:var(--card-bg);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.btn-upload:hover{background:var(--accent-bg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recording-state{flex-direction:column;align-items:center;gap:.75rem;display:flex}.recording-dot{background:#dc2626;border-radius:50%;width:.5rem;height:.5rem;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.7}}.recording-time{color:#dc2626;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700}.btn-stop{min-height:var(--touch-min,44px);color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600}.btn-stop:hover{background:#334155}.audio-preview{flex-direction:column;align-items:center;gap:.75rem;display:flex}.audio-preview-ok{color:#16a34a;font-weight:600}.audio-player{border-radius:.5rem;width:100%;max-width:20rem}.link-danger{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline}.form-actions{gap:.75rem;display:flex}.form-actions .flex-1{flex:1}.text-center{text-align:center}.form-actions .btn-primary{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.page-devis-show{max-width:900px;margin:0 auto}.devis-show-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.devis-show-title-row{align-items:center;gap:.75rem;display:flex}.back-link{color:var(--text);font-size:1.25rem;text-decoration:none}.back-link:hover{color:var(--text-h)}.devis-show-numero{color:var(--text-h);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.devis-show-client-name{color:var(--text);margin:0;font-size:.875rem}.devis-show-actions{align-items:center;gap:.5rem;display:flex}.page-devis-show .text-muted{color:var(--text)}.page-devis-show .text-sm{font-size:.8125rem}.devis-pdf-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.devis-ligne-pu-fournisseur{color:var(--text);font-size:.75rem;font-weight:400}.btn-add-catalog{cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:1rem}.btn-add-catalog:hover{background:var(--accent-bg)}.devis-catalog-prefill{color:var(--text);margin:0 0 .75rem;font-size:.875rem}.text-yellow-600{color:#ca8a04}.devis-show-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.devis-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:.75rem;padding:1rem}.devis-card-label{color:var(--text);margin:0 0 .25rem;font-size:.75rem}.devis-card-value{color:var(--text-h);margin:.25rem 0;font-weight:600}.devis-card-muted{color:var(--text);margin:.125rem 0;font-size:.875rem}.devis-total-ttc{font-size:1.125rem}.devis-description{background:var(--accent-bg);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.devis-description-label{color:var(--text-h);margin:0 0 .25rem;font-size:.75rem;font-weight:500}.devis-description-text{color:var(--text);margin:0;font-size:.875rem}.devis-lignes-wrap{background:var(--card-bg);border:1px solid var(--card-border);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow);border-radius:.75rem;overflow:auto hidden}.devis-lignes-title-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.devis-lignes-title{color:var(--text-h);margin:0;font-size:.875rem;font-weight:600}.btn-sm{padding:.35rem .75rem;font-size:.8125rem}.devis-lignes-actions-th{white-space:nowrap;width:1%}.devis-lignes-actions{white-space:nowrap}.btn-edit-ligne,.btn-delete-ligne{cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:1rem}.btn-edit-ligne:hover,.btn-delete-ligne:hover{background:var(--accent-bg)}.btn-delete-ligne:hover{background:#fef2f2}.page-devis-show .alert{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.page-devis-show .alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.page-devis-show .alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.devis-lignes-table{border-collapse:collapse;width:100%;font-size:.875rem}.devis-lignes-table th,.devis-lignes-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:.5rem 1rem}.devis-lignes-table .text-right{text-align:right}.devis-lignes-table th{background:var(--accent-bg);color:var(--text);text-transform:uppercase;font-size:.75rem;font-weight:500}.devis-foot-label{color:var(--text);font-weight:500}.devis-foot-total{background:var(--accent-bg)}.devis-foot-total td{color:var(--text-h);font-weight:700}.font-semibold{font-weight:600}.font-bold{font-weight:700}.page-devis-show .modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-devis-show .modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.page-devis-show .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.page-devis-show .modal-header h2{color:var(--text-h);margin:0;font-size:1rem;font-weight:600}.page-devis-show .modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.page-devis-show .modal-close:hover{color:var(--text-h)}.page-devis-show .modal-form{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.page-devis-show .modal-form label{color:var(--text-h);font-size:.875rem;font-weight:500;display:block}.page-devis-show .modal-form input,.page-devis-show .modal-form select,.page-devis-show .modal-form textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}.page-devis-show .modal-form input:focus,.page-devis-show .modal-form select:focus,.page-devis-show .modal-form textarea:focus{border-color:var(--text-h);outline:none}.page-devis-show .modal-actions{gap:.5rem;padding-top:.5rem;display:flex}.page-devis-show .modal-actions .btn-primary,.page-devis-show .modal-actions .btn-secondary{flex:1}.page-profile{max-width:36rem;margin:0 auto}.profile-header{margin-bottom:1.5rem}.profile-header .page-title{color:var(--text-h)}.profile-intro{color:var(--text);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.profile-form{flex-direction:column;gap:0;display:flex}.profile-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem 1.25rem}.profile-section h2{color:var(--text-h);border-bottom:1px solid var(--border);margin:0 0 1rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.profile-section label{color:var(--text-h);margin-bottom:.75rem;font-size:.8125rem;font-weight:500;display:block}.profile-section label:last-child{margin-bottom:0}.profile-section input,.profile-section textarea{border:1px solid var(--border);box-sizing:border-box;background:var(--bg);width:100%;color:var(--text);border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.profile-section input:focus,.profile-section textarea:focus{border-color:var(--text-h);outline:none}.profile-section textarea{resize:vertical;min-height:5rem}.profile-section input::placeholder,.profile-section textarea::placeholder{color:var(--text);opacity:.6}.field-hint{color:var(--text);font-weight:400}.profile-row{grid-template-columns:1fr 2fr;gap:.75rem;margin-bottom:.75rem;display:grid}.profile-row label:last-child{margin-bottom:0}@media (width>=640px){.profile-row{grid-template-columns:120px 1fr}}.page-profile .form-actions{margin-top:.5rem}.page-profile .btn-primary{min-height:var(--touch-min,44px);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.page-profile .btn-primary:hover:not(:disabled){opacity:.9}.page-profile .btn-primary:disabled{opacity:.7;cursor:not-allowed}.page-profile .spinner-small{border:2px solid var(--accent-fg);opacity:.6;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite profile-spin;display:inline-block}@keyframes profile-spin{to{transform:rotate(360deg)}}.page-profile .alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.page-profile .alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.page-profile .alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.app-loading{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;display:flex}