:root{--primary:#63c600;--primary-dark:#3b8f00;--bg:#f4f6f8;--card:#fff;--text:#142035;--muted:#6f7887;--border:#e4e8ed;--shadow:0 18px 45px rgba(24,35,52,.10);--sidebar:#111820;--danger:#d63a3a;--amber:#b47500}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 6px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:14px}.sidebar-brand span{font-size:11px;color:#8792a0;margin-top:2px}nav{display:grid;gap:6px;margin-top:20px}.nav-item{border:0;background:transparent;color:#aab3be;border-radius:12px;padding:12px 13px;text-align:left;display:flex;gap:11px;align-items:center;font-weight:600}.nav-item span{width:24px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(99,198,0,.12);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--primary)}.sidebar-foot{margin-top:auto;padding:16px 7px;color:#74808e}.security-chip{font-size:12px;color:#aab3be;margin-bottom:8px}.dot{width:8px;height:8px;background:var(--primary);display:inline-block;border-radius:99px;margin-right:6px;box-shadow:0 0 0 4px rgba(99,198,0,.12)}.main{margin-left:260px;width:calc(100% - 260px);padding:0 32px 60px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(244,246,248,.88);backdrop-filter:blur(14px);z-index:15;border-bottom:1px solid rgba(225,230,235,.7)}.breadcrumb{font-weight:700}.top-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.icon-btn,.text-btn{border-radius:10px;border:1px solid transparent;transition:.2s}.primary{background:var(--primary);color:#fff;border-color:var(--primary);padding:10px 15px;font-weight:800;box-shadow:0 7px 18px rgba(99,198,0,.18)}.primary:hover{filter:brightness(.96);transform:translateY(-1px)}.secondary{background:#fff;border-color:var(--border);color:var(--text);padding:10px 15px;font-weight:700}.secondary:hover{border-color:#c7cdd4;background:#fafbfc}.icon-btn{background:transparent;border:0;padding:6px 9px;font-size:20px;color:inherit}.text-btn{background:transparent;color:var(--primary-dark);font-weight:800;padding:6px 8px;border:0}.wide{width:100%}.user-pill{display:flex;align-items:center;gap:9px;padding-left:8px}.avatar{width:36px;height:36px;border-radius:11px;background:#eaf5df;display:grid;place-items:center;font-weight:900;color:var(--primary-dark)}.avatar.big{width:52px;height:52px;border-radius:16px;margin-bottom:12px}.user-pill strong,.user-pill span{display:block}.user-pill strong{font-size:13px}.user-pill span{font-size:11px;color:var(--muted)}.view{display:none;padding-top:30px}.view.active{display:block}.hero-row,.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.hero-row h1,.page-head h1{margin:0;font-size:32px;letter-spacing:-.7px}.hero-row p,.page-head p{margin:4px 0}.eyebrow{font-size:11px!important;letter-spacing:1.2px;font-weight:900;color:var(--primary-dark);text-transform:uppercase}.muted{color:var(--muted)}.hero-actions,.head-buttons{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.stat-card,.panel{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 5px 20px rgba(24,35,52,.035)}.stat-card{padding:19px}.stat-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.stat-card>strong{display:block;font-size:28px;margin:11px 0 3px}.stat-card small{color:#679b3d}.mini-icon{font-size:11px;font-weight:900;padding:6px 8px;background:#f4f7f0;color:var(--primary-dark);border-radius:8px}.content-grid{display:grid;gap:16px;margin-bottom:16px}.content-grid.two{grid-template-columns:1.55fr 1fr}.content-grid.three{grid-template-columns:repeat(3,1fr)}.panel{padding:20px}.panel.compact{min-height:145px}.panel h2,.panel h3{margin-top:0}.panel p{color:var(--muted);line-height:1.55}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:18px;margin-bottom:3px}.panel-head p{font-size:12px;margin:0}.activity-list{display:grid}.activity{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.activity:last-child{border-bottom:0}.activity-icon{width:42px;height:42px;border-radius:12px;background:#f0f7e9;display:grid;place-items:center;font-weight:900;color:var(--primary-dark)}.activity strong,.activity span{display:block}.activity span{font-size:12px;color:var(--muted);margin-top:3px}.activity .amount{text-align:right;font-weight:900}.ai-card{background:linear-gradient(145deg,#151e26,#0f171e);color:#fff;border:0;position:relative;overflow:hidden}.ai-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(99,198,0,.3),transparent 70%);right:-60px;top:-70px}.ai-card p{color:#aeb8c2;position:relative;z-index:1}.ai-badge{display:inline-flex;padding:6px 9px;background:rgba(99,198,0,.12);color:#8be72f;border-radius:9px;font-weight:900;font-size:12px;margin-bottom:10px}.prompt-example{font-size:13px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.04);margin:14px 0 18px;color:#dce3e9;position:relative;z-index:1}.metric-inline{display:flex;align-items:baseline;gap:8px}.metric-inline strong{font-size:29px}.metric-inline span{color:var(--muted)}.table-panel{padding:0;overflow:hidden}.table-tools{padding:15px 17px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.searchbox{display:flex;align-items:center;gap:8px;background:#f7f8fa;border:1px solid var(--border);border-radius:10px;padding:0 10px;min-width:290px}.searchbox input{border:0;outline:0;background:transparent;padding:10px 0;width:100%}.table-tools select,select,input,textarea{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 11px;color:var(--text);outline:none}.table-tools select:focus,select:focus,input:focus,textarea:focus{border-color:#a3cb7f;box-shadow:0 0 0 3px rgba(99,198,0,.08)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#7b8590;background:#fafbfc}tbody tr:hover{background:#fbfcfd}.status{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.green{background:#eaf8df;color:#3a8b00}.status.amber{background:#fff5d8;color:#9b6900}.status.gray{background:#eef1f3;color:#68727e}.status.blue{background:#e8f1ff;color:#3f70aa}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:17px}.product-card{border:1px solid var(--border);border-radius:15px;padding:12px;background:#fff;display:grid;grid-template-columns:72px 1fr;gap:12px;position:relative}.product-card img{width:72px;height:72px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #eef0f2}.product-card h3{font-size:13px;margin:4px 0 3px}.product-card p{font-size:11px;margin:0}.product-price{font-size:14px;font-weight:900;margin-top:7px}.toggle{position:absolute;right:8px;top:8px;width:34px;height:20px;border-radius:999px;background:#d8dde2;border:0;padding:2px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:var(--primary)}.toggle.on i{transform:translateX(14px)}.product-card.off{opacity:.48}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.customer-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px}.customer-card .line{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:7px 0;border-top:1px solid var(--border)}.customer-card .line span{color:var(--muted)}.user-card .permissions{font-size:12px;line-height:1.6;color:var(--muted);padding:10px 0 15px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration-icon{width:46px;height:46px;border-radius:13px;background:#f0f7e9;display:grid;place-items:center;font-weight:900;color:var(--primary-dark);margin-bottom:13px}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.form-grid{display:grid;gap:12px}.form-grid.two-col{grid-template-columns:1fr 1fr}.form-grid label,.note-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#576273}.form-grid .span2,.note-grid .span2{grid-column:1/-1}.form-grid textarea,.note-grid textarea{min-height:80px;resize:vertical}.bar-row{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:10px;margin:18px 0;font-size:13px}.bar{height:9px;background:#edf0f2;border-radius:99px;overflow:hidden}.bar i{height:100%;display:block;background:var(--primary);border-radius:99px}.ai-fab{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:18px;border:0;background:linear-gradient(135deg,var(--primary),#2d8f00);color:#fff;font-size:25px;z-index:45;box-shadow:0 18px 38px rgba(55,122,0,.32)}.ai-drawer{position:fixed;right:-450px;top:0;bottom:0;width:420px;background:#fff;z-index:50;box-shadow:-18px 0 45px rgba(20,32,53,.16);display:flex;flex-direction:column;transition:.28s;border-left:1px solid var(--border)}.ai-drawer.open{right:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:19px;border-bottom:1px solid var(--border)}.drawer-head>div{display:flex;align-items:center;gap:9px}.drawer-head .ai-badge{margin:0}.chat-messages{padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;background:#f7f9fa}.message{max-width:89%;padding:11px 13px;border-radius:13px;line-height:1.45;font-size:13px}.message.ai{background:#fff;border:1px solid var(--border);align-self:flex-start}.message.user{background:#1a2633;color:#fff;align-self:flex-end}.message.system{background:#eef7e7;border:1px solid #dceccd;color:#527739;font-size:11px}.chat-compose{padding:14px;border-top:1px solid var(--border)}.chat-compose textarea{width:100%;min-height:88px;resize:none}.compose-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.modal{position:fixed;inset:0;background:rgba(7,14,21,.58);z-index:70;display:none;place-items:center;padding:24px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);width:min(1180px,97vw);max-height:94vh;overflow:auto;padding:20px}.small-modal .modal-card{width:min(650px,95vw)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:14px}.modal-head h2{margin:0}.steps{display:flex;gap:8px;padding:14px 0}.steps span{font-size:11px;font-weight:900;color:#858f9b;background:#f4f5f6;border-radius:999px;padding:7px 10px}.steps span.active{background:#eaf7df;color:var(--primary-dark)}.quote-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:17px}.quote-builder{min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:13px 0 8px}.section-title h3{margin:0;font-size:14px}.customer-summary{border:1px solid var(--border);background:#fbfcfd;border-radius:12px;padding:11px;margin-top:9px;font-size:12px;color:var(--muted);min-height:44px}.builder-products{display:flex;gap:8px;overflow:auto;padding:9px 0 5px}.mini-product{min-width:145px;max-width:145px;border:1px solid var(--border);border-radius:12px;padding:9px;background:#fff}.mini-product img{width:100%;height:78px;object-fit:contain}.mini-product strong{font-size:11px;display:block;height:31px;overflow:hidden}.mini-product span{font-size:11px;color:var(--muted);display:block;margin:4px 0 7px}.mini-product button{width:100%;padding:6px 8px;border-radius:8px;border:0;background:#eef7e7;color:var(--primary-dark);font-weight:800}.quote-lines{border:1px solid var(--border);border-radius:12px;overflow:hidden}.quote-line{display:grid;grid-template-columns:44px 1fr 76px 100px 100px 30px;gap:8px;align-items:center;padding:9px;border-bottom:1px solid var(--border);font-size:12px}.quote-line:last-child{border-bottom:0}.quote-line img{width:40px;height:40px;object-fit:contain}.quote-line input{padding:7px 6px;width:100%}.quote-line .remove{border:0;background:transparent;color:var(--danger);font-size:16px}.empty-lines{padding:18px;text-align:center;color:var(--muted);font-size:12px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.quote-preview{position:sticky;top:0;align-self:start}.preview-paper{background:#fff;border:1px solid #dfe3e8;border-radius:12px;min-height:540px;padding:17px;box-shadow:0 12px 30px rgba(20,32,53,.08)}.preview-head{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid #162133;padding-bottom:12px}.preview-head strong,.preview-head small{display:block}.preview-head small{margin-top:5px;color:var(--muted);font-size:9px}.preview-head img{width:86px;height:50px;object-fit:contain}.preview-client{background:#f6f8f9;border-radius:8px;padding:9px;margin:10px 0}.preview-client span,.preview-client strong,.preview-client small{display:block}.preview-client span{font-size:7px;color:var(--muted);letter-spacing:1px}.preview-client strong{font-size:10px;margin:2px 0}.preview-client small{font-size:8px;color:var(--muted)}.preview-lines{display:grid}.preview-line{display:grid;grid-template-columns:28px 1fr 28px 55px;gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid #edf0f2;font-size:7px}.preview-line img{width:26px;height:26px;object-fit:contain}.preview-line strong{text-align:right}.preview-totals{width:68%;margin-left:auto;margin-top:15px;font-size:8px}.preview-totals>div{display:flex;justify-content:space-between;padding:4px 0}.preview-totals .grand{border-top:1px solid #1f2a35;margin-top:4px;padding-top:7px;font-size:10px}.preview-actions{display:flex;gap:7px;margin-top:10px}.preview-actions button{flex:1;padding-left:5px;padding-right:5px;font-size:12px}.login-overlay{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 70% 15%,rgba(99,198,0,.18),transparent 25%),linear-gradient(145deg,#0d141b,#151f29);display:grid;place-items:center;padding:20px}.login-overlay.hidden{display:none}.login-card{width:min(420px,95vw);background:#fff;border-radius:24px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.32)}.brand-lockup{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:900}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{font-size:11px;color:var(--muted);margin-top:2px}.login-card h1{font-size:28px;margin-bottom:5px}.login-card>label{display:block;font-size:12px;font-weight:800;color:#53606e;margin:12px 0 6px}.login-card>input,.password-row input{width:100%}.password-row{display:flex;border:1px solid var(--border);border-radius:10px}.password-row input{border:0}.captcha{display:flex!important;align-items:center;gap:9px;padding:11px;border:1px solid var(--border);border-radius:10px}.captcha span{display:block}.captcha small{display:block;color:var(--muted);font-weight:500}.login-hint{font-size:10px;color:var(--muted);text-align:center;margin-top:13px;padding-top:11px;border-top:1px solid var(--border)}.toast{position:fixed;right:25px;top:92px;background:#16202a;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);z-index:120;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.danger-text{color:var(--danger)}.mobile-only{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.content-grid.two,.settings-grid,.quote-layout{grid-template-columns:1fr}.quote-preview{position:relative}.customer-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:0 16px 45px}.mobile-only{display:inline-block}.topbar{height:68px}.top-actions .secondary,.top-actions .user-pill{display:none}.hero-row,.page-head{align-items:flex-start;flex-direction:column}.content-grid.three,.customer-grid,.integration-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.ai-drawer{width:100%;right:-105%}.modal{padding:8px}.modal-card{max-height:98vh;border-radius:16px}.quote-line{grid-template-columns:38px 1fr 65px 75px 24px}.quote-line .line-total{display:none}.form-grid.two-col{grid-template-columns:1fr}.form-grid .span2,.note-grid .span2{grid-column:auto}.note-grid{grid-template-columns:1fr}.searchbox{min-width:0}.preview-actions{position:sticky;bottom:0;background:#fff;padding-top:8px}}
@media(max-width:520px){.stats-grid,.product-grid{grid-template-columns:1fr}.hero-row h1,.page-head h1{font-size:27px}.top-actions .primary{padding:8px 10px}.main{padding-left:12px;padding-right:12px}.panel{padding:16px}.quote-line{grid-template-columns:34px 1fr 58px 24px}.quote-line .unit-price,.quote-line .line-total{display:none}.ai-fab{right:16px;bottom:16px}.user-pill{display:none}}

/* DevisFlow v3.0 — production additions */
a{color:inherit;text-decoration:none}.sidebar a.nav-item{display:flex}.flash{padding:12px 14px;border-radius:12px;margin:12px 0;font-size:13px}.flash.success{background:#eaf8df;color:#3a8b00;border:1px solid #d6efc4}.flash.error{background:#fff0f0;color:#b42318;border:1px solid #ffd0d0}.flash.warning{background:#fff8e6;color:#8a5b00;border:1px solid #ffe3a3}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.small{padding:7px 10px!important;font-size:11px!important}.danger{background:#d63a3a!important;border-color:#d63a3a!important;color:#fff!important}.ghost{background:transparent!important;border-color:var(--border)!important;color:var(--text)!important}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center;padding:40px 18px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:16px;margin-bottom:5px}.card-link{display:block}.license-pill{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#17212c;color:#a9b5c1}.license-pill.active{background:rgba(99,198,0,.13);color:#91e743}.top-user-menu{display:flex;align-items:center;gap:9px}.top-user-menu .meta strong,.top-user-menu .meta span{display:block}.top-user-menu .meta strong{font-size:12px}.top-user-menu .meta span{font-size:10px;color:var(--muted)}.logout-link{font-size:11px;color:var(--muted);padding:6px}.logout-link:hover{color:var(--danger)}
.mobile-nav{display:none}.mobile-backdrop{display:none;position:fixed;inset:0;background:#0b1219aa;z-index:19}.mobile-backdrop.open{display:block}.mobile-bottom{display:none}
.data-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}.data-card h3{margin:0 0 4px}.data-card .meta{font-size:11px;color:var(--muted)}.data-card .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center}.category-card img{width:68px;height:68px;object-fit:contain;border-radius:12px;border:1px solid var(--border);background:#fff}.pending-tag{color:#9b6900;background:#fff5d8;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.status.active{background:#eaf8df;color:#3a8b00}.status.pending{background:#fff5d8;color:#9b6900}.status.hidden{background:#eef1f3;color:#68727e}.status.draft{background:#eef1f3;color:#68727e}.status.sent{background:#e8f1ff;color:#3f70aa}.status.accepted,.status.converted,.status.paid{background:#eaf8df;color:#3a8b00}.status.rejected,.status.cancelled{background:#fff0f0;color:#b42318}.status.issued,.status.partially_paid{background:#fff5d8;color:#9b6900}.status.expired{background:#f3f0ff;color:#6b4bb0}
.product-admin-card{border:1px solid var(--border);border-radius:15px;background:#fff;overflow:hidden;position:relative}.product-admin-card .visual{height:165px;background:#fff;display:grid;place-items:center;padding:10px}.product-admin-card .visual img{width:100%;height:100%;object-fit:contain}.product-admin-card .body{padding:13px}.product-admin-card h3{font-size:14px;margin:5px 0}.product-admin-card .ref{font-size:10px;color:var(--muted)}.product-admin-card .category{font-size:10px;font-weight:800;background:#f4f6f8;border-radius:6px;padding:4px 6px;display:inline-block}.product-admin-card .price{font-size:15px;font-weight:900;margin-top:8px}.product-admin-card .top-status{position:absolute;right:9px;top:9px;z-index:2}.admin-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:17px}
.form-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-grid input,.form-grid select,.form-grid textarea,.note-grid input,.note-grid textarea{width:100%}.checkbox-line{display:flex!important;align-items:center;gap:8px}.checkbox-line input{width:auto}
.dashboard-license{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);margin-top:14px;padding-top:12px;font-size:12px}.dashboard-license strong{font-size:12px}
.quote-page-backdrop{position:fixed;inset:0;background:rgba(7,14,21,.58);backdrop-filter:blur(5px);z-index:60}.quote-modal-production{position:fixed;inset:10px;z-index:70;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.quote-modal-production .modal-card{pointer-events:auto;width:min(1220px,calc(100vw - 24px));max-height:calc(100vh - 20px)}.quote-builder-toolbar{display:grid;grid-template-columns:1fr 150px 150px;gap:8px;margin-top:10px}.quote-date-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}.quote-date-fields label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.builder-products::-webkit-scrollbar{height:7px}.builder-products::-webkit-scrollbar-thumb{background:#cdd4db;border-radius:9px}.quote-line .line-meta{min-width:0}.quote-line .line-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-line .line-meta small{color:var(--muted)}.quote-line .qty-input{width:76px}.quote-line .price-input{width:100px}.quote-line .tax-input{width:72px}.quote-line.has-tax{grid-template-columns:44px 1fr 70px 96px 72px 100px 30px}.preview-paper .company-mini{font-size:7px;color:#6d7886;line-height:1.35;margin-top:4px}.preview-title{font-size:10px;font-weight:900;margin:10px 0 5px}.preview-total-large{text-align:right;font-size:16px;font-weight:900;color:#152044;margin:12px 0}.preview-note{font-size:7px;color:#7a8593;margin-top:8px}.preview-actions a,.preview-actions button{flex:1;text-align:center}.preview-actions .primary,.preview-actions .secondary{display:flex;justify-content:center;align-items:center}.save-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.save-strip button{flex:1}.builder-warning{padding:8px 10px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;font-size:10px;color:var(--muted);margin:8px 0}.selected-count{font-size:11px;color:var(--primary-dark);font-weight:900}
.invoice-source-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.invoice-source-box:last-child{border-bottom:0}.source-total{font-weight:900}.locked-banner{padding:10px 12px;border-radius:10px;background:#eef7e7;border:1px solid #dceccd;color:#527739;font-size:12px;margin-bottom:12px}.invoice-editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.invoice-preview-card{position:sticky;top:92px}.legal-mini{font-size:9px;color:var(--muted);line-height:1.45;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.analytics-team{display:grid;gap:14px}.analytics-row{display:grid;grid-template-columns:150px 1fr 70px 130px;gap:12px;align-items:center}.analytics-name strong,.analytics-name span{display:block}.analytics-name span{font-size:10px;color:var(--muted)}.kpi-note{font-size:10px;color:var(--muted);margin-top:4px}.activity-link{color:inherit}.activity-link:hover .activity{background:#fbfcfd}.activity{border-radius:8px;padding-left:6px;padding-right:6px}.activity-icon svg{width:19px;height:19px}.sidebar svg,.topbar svg,.mobile-bottom svg{width:18px;height:18px;stroke-width:1.8}.nav-item svg{width:19px;height:19px;flex:0 0 19px}.icon-inline{display:inline-flex;vertical-align:middle}.icon-inline svg{width:16px;height:16px}
.settings-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:var(--primary-dark);font-weight:900;margin:6px 0 10px}.settings-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shortcut-card{padding:16px;border:1px solid var(--border);border-radius:15px;background:#fff}.shortcut-card strong{display:block;margin-bottom:5px}.shortcut-card span{font-size:11px;color:var(--muted)}
.ai-result-list{display:grid;gap:6px;margin-top:10px}.ai-result-line{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--border);padding:7px 0;font-size:11px}.ai-result-total{display:flex;justify-content:space-between;padding:9px 0;font-weight:900}.ai-drawer .primary{display:inline-flex;justify-content:center}.ai-drawer form{display:grid;gap:8px}.ai-drawer select,.ai-drawer input{width:100%}.message a.primary{display:inline-flex;margin-top:8px;color:#fff}
.login-overlay.real-login{z-index:200}.login-card form{display:grid;gap:8px}.login-card .login-error{background:#fff0f0;border:1px solid #ffd0d0;color:#b42318;padding:10px;border-radius:10px;font-size:12px}.captcha-real{display:grid!important;grid-template-columns:1fr 110px;align-items:center}.captcha-real input{width:100%}.brand-lockup img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--border);padding:3px}
.print-lock{background:#fff7e6;border:1px solid #fedf89;color:#7a2e0e;padding:10px 12px;border-radius:10px;font-size:12px}.codebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f7f8fa;border:1px solid var(--border);padding:10px;border-radius:10px;word-break:break-all;font-size:11px}
@media(max-width:1200px){.admin-product-grid{grid-template-columns:repeat(3,1fr)}.data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.invoice-editor-grid{grid-template-columns:1fr}.invoice-preview-card{position:relative;top:auto}.settings-shortcuts{grid-template-columns:1fr 1fr}.quote-modal-production{inset:4px}.quote-modal-production .modal-card{max-height:calc(100vh - 8px)}}
@media(max-width:820px){.mobile-backdrop.open{display:block}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid var(--border);z-index:55;display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:#6d7886}.mobile-bottom a.active{color:var(--primary-dark);font-weight:900}.ai-fab{bottom:80px}.main{padding-bottom:80px}.quote-modal-production{inset:0}.quote-modal-production .modal-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}.quote-layout{display:block}.quote-preview{display:none}.quote-preview.mobile-visible{display:block}.quote-builder.mobile-hidden{display:none}.quote-builder-toolbar{grid-template-columns:1fr}.quote-date-fields{grid-template-columns:1fr 1fr}.preview-actions{position:sticky;bottom:0;z-index:4}.data-grid{grid-template-columns:1fr}.admin-product-grid{grid-template-columns:repeat(2,1fr)}.analytics-row{grid-template-columns:1fr}.settings-shortcuts{grid-template-columns:1fr}.top-user-menu .meta{display:none}.logout-link{display:none}}
@media(max-width:520px){.admin-product-grid{grid-template-columns:1fr}.quote-date-fields{grid-template-columns:1fr}.quote-line.has-tax{grid-template-columns:34px 1fr 58px 24px}.quote-line.has-tax .price-input,.quote-line.has-tax .tax-input,.quote-line.has-tax .line-total{display:none}.modal-card{padding:14px}.steps{overflow:auto}.preview-actions{flex-wrap:wrap}.preview-actions>*{min-width:45%}.captcha-real{grid-template-columns:1fr}.topbar{padding-left:0;padding-right:0}}

/* === DevisFlow v4 Pro UX === */
.searchbox{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:0 13px!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important;overflow:hidden!important}.searchbox:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)!important}.searchbox svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;display:block!important;color:#778290!important}.searchbox input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0!important;width:100%!important;min-width:0!important}.product-admin-card .actions svg,.toolbar svg,.secondary.small svg,.primary.small svg{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important}.product-admin-card .actions{align-items:center}.product-admin-card .actions a,.product-admin-card .actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.product-admin-card .visual{height:155px}.product-admin-card .visual img{max-width:100%;max-height:100%}
.modal-head .icon-btn,.drawer-head .icon-btn,.close-strong{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid var(--border)!important;background:#fff!important;border-radius:12px!important}.modal-head .icon-btn svg,.drawer-head .icon-btn svg,.close-strong svg{width:20px!important;height:20px!important}.modal-head .icon-btn:hover,.drawer-head .icon-btn:hover{background:#fff0f0!important;color:var(--danger)!important;border-color:#ffd4d4!important}.ai-backdrop{position:fixed;inset:0;background:rgba(7,14,21,.34);backdrop-filter:blur(2px);z-index:79;opacity:0;pointer-events:none;transition:.2s}.ai-backdrop.open{opacity:1;pointer-events:auto}.ai-drawer{z-index:80!important}.ai-quick-tools{display:flex;gap:7px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border);background:#fbfcfd}.ai-quick-tools a,.ai-quick-tools button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:var(--text)}.ai-quick-tools a{color:var(--primary-dark)}
.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;padding:5px 7px;border-radius:13px;color:var(--text)}.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{background:#fff;border-color:var(--border)}.profile-trigger .meta{display:grid;text-align:left;line-height:1.15}.profile-trigger .meta strong{font-size:12px}.profile-trigger .meta small{font-size:9px;color:var(--muted)}.avatar-img{width:36px;height:36px;border-radius:11px;object-fit:cover;border:1px solid var(--border);background:#fff}.chevron{font-size:16px;color:var(--muted)}.profile-dropdown{display:none;position:absolute;right:0;top:calc(100% + 9px);width:230px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 20px 50px rgba(20,32,53,.16);padding:7px;z-index:100}.profile-dropdown.open{display:block}.profile-dropdown-head{padding:10px 10px 9px;border-bottom:1px solid var(--border);margin-bottom:5px}.profile-dropdown-head strong,.profile-dropdown-head span{display:block}.profile-dropdown-head strong{font-size:12px}.profile-dropdown-head span{font-size:10px;color:var(--muted);margin-top:2px;word-break:break-all}.profile-dropdown a{display:block;padding:9px 10px;border-radius:9px;font-size:11px;font-weight:700}.profile-dropdown a:hover{background:#f5f7f9}.profile-dropdown .danger-link{color:var(--danger)}.dropdown-sep{height:1px;background:var(--border);margin:5px}
.license-hero{background:linear-gradient(135deg,#111820,#1b2c20);color:#fff;border-radius:24px;padding:24px;display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:center;box-shadow:var(--shadow)}.license-hero .eyebrow{color:#9be84d}.license-count{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px;text-align:center}.license-count strong{display:block;font-size:44px;line-height:1}.license-count span{font-size:11px;color:#c7d1db}.license-activate{max-width:900px;margin-top:18px}.license-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.license-field textarea{min-height:100px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.license-field button{min-width:190px;height:44px}.license-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.theme-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.theme-option{position:relative}.theme-option input{position:absolute;opacity:0}.theme-card{border:1px solid var(--border);border-radius:14px;padding:11px;background:#fff;min-height:135px;cursor:pointer;transition:.2s}.theme-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,32,53,.08)}.theme-option input:checked+.theme-card{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.theme-mini{height:58px;border-radius:8px;background:linear-gradient(180deg,#fff 0 20%,#eef1f4 20% 28%,#fff 28% 60%,#f2f4f6 60% 66%,#fff 66%);border:1px solid #e6e9ed;margin-bottom:8px;position:relative;overflow:hidden}.theme-mini.modern{border-top:5px solid var(--primary);background:linear-gradient(180deg,#172033 0 16%,#fff 16% 52%,#172033 52% 61%,#fff 61%)}.theme-mini.greenline{border-left:5px solid var(--primary)}.theme-mini.executive{background:linear-gradient(180deg,#111827 0 30%,#fff 30% 67%,#111827 67% 73%,#fff 73%)}.theme-mini.minimal{background:linear-gradient(180deg,#fff 0 30%,#111 30% 32%,#fff 32% 70%,#ddd 70% 71%,#fff 71%)}.theme-card strong,.theme-card span{display:block}.theme-card strong{font-size:11px}.theme-card span{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.35}
.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.media-card{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden}.media-card .media-thumb{height:140px;background:#f7f8fa;display:grid;place-items:center;padding:8px}.media-card img{width:100%;height:100%;object-fit:contain}.media-card .media-body{padding:10px}.media-card .media-body strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card .media-body small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.media-card .media-actions{display:flex;justify-content:space-between;gap:7px;margin-top:8px}.media-card .in-use{font-size:9px;color:#557b35;background:#eef8e7;padding:4px 6px;border-radius:999px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-tool-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:16px}.ai-tool-card h3{margin:0 0 6px}.ai-tool-card p{font-size:11px;color:var(--muted);min-height:34px}.ai-tool-card textarea{width:100%;min-height:110px}.ai-tool-result{white-space:pre-wrap;background:#f7f9fb;border:1px solid var(--border);border-radius:12px;padding:12px;margin-top:10px;font-size:11px;min-height:45px}.backup-list{display:grid;gap:8px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff}.update-drop{border:2px dashed #cfd6dd;border-radius:18px;padding:24px;text-align:center;background:#fafbfc}.update-drop input{max-width:460px;margin:12px auto}.storage-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.storage-badge{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.storage-badge strong,.storage-badge span{display:block}.storage-badge span{font-size:10px;color:var(--muted);margin-top:4px}
.profile-page{display:grid;grid-template-columns:260px 1fr;gap:18px}.profile-photo-card{text-align:center}.profile-photo-preview{width:120px;height:120px;border-radius:28px;object-fit:cover;background:#eef6e7;border:1px solid var(--border);display:grid;place-items:center;margin:0 auto 14px;font-size:30px;font-weight:900;color:var(--primary-dark)}
.quote-modal-production .modal-card{overflow:auto}.quote-modal-production .modal-head{position:sticky;top:0;background:#fff;z-index:12;padding-bottom:12px}.quote-modal-production .steps{position:sticky;top:58px;background:#fff;z-index:11;padding:6px 0 10px}.quote-preview{position:sticky;top:108px;align-self:start}.builder-products{min-height:164px}.builder-products:has(.empty-lines){min-height:90px}.preview-paper{overflow:hidden}
@media(max-width:1100px){.theme-picker{grid-template-columns:repeat(3,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:1fr 1fr}.license-hero{grid-template-columns:1fr}.storage-status{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.profile-trigger .meta,.profile-trigger .chevron{display:none}.profile-dropdown{position:fixed;right:12px;top:66px;width:min(280px,calc(100vw - 24px))}.license-field{grid-template-columns:1fr}.license-field button{width:100%;min-width:0}.license-info-grid{grid-template-columns:1fr}.theme-picker{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.profile-page{grid-template-columns:1fr}.storage-status{grid-template-columns:1fr}.quote-modal-production .steps{top:55px}.quote-preview{position:relative;top:auto}}
@media(max-width:520px){.theme-picker,.media-grid{grid-template-columns:1fr}.license-hero{padding:18px}.license-count strong{font-size:36px}.profile-dropdown{top:60px}.head-buttons{width:100%;overflow:auto}.head-buttons>*{white-space:nowrap}.page-head{align-items:stretch}.quote-modal-production .modal-head h2{font-size:18px}.searchbox{min-height:42px!important}}

/* === FlowFacture v4.1 polish === */
.sidebar{transition:width .22s ease}.sidebar-brand{position:relative}.sidebar-collapse{margin-left:auto;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:9px;display:grid;place-items:center;cursor:pointer}.sidebar-collapse svg{width:16px;height:16px}.app-shell.sidebar-collapsed .sidebar{width:78px}.app-shell.sidebar-collapsed .main{margin-left:78px}.app-shell.sidebar-collapsed .sidebar-brand>div,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .sidebar-foot{display:none}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:10px}.app-shell.sidebar-collapsed .sidebar-collapse{position:absolute;right:-16px;top:52px;background:#17212c}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding-inline:0}.app-shell.sidebar-collapsed .nav-item svg{margin:0}.sidebar-credit{display:block;margin-top:9px;line-height:1.55;color:#8f9bab}.sidebar-credit a{color:#c9d2dc;text-decoration:none}.app-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:14px 4px 4px;color:#8b95a2;font-size:10px}.app-footer span:first-child{font-weight:900;color:#172233}.app-footer a{font-weight:800;color:var(--primary-dark);text-decoration:none}
.theme-card{min-height:158px!important;padding:12px!important}.theme-mini{display:block!important;width:100%!important;height:76px!important;opacity:1!important;background:#fff!important;border:1px solid #dde3e9!important;border-radius:10px!important;position:relative!important;overflow:hidden!important}.theme-mini:before{content:'';position:absolute;left:8px;right:8px;top:9px;height:8px;border-radius:4px;background:#e9edf1;box-shadow:0 18px 0 #f1f3f5,0 34px 0 #eef1f3}.theme-mini:after{content:'';position:absolute;right:10px;top:8px;width:24px;height:15px;border-radius:4px;background:var(--primary)}.theme-mini.modern{border-top:7px solid var(--primary)!important;background:#fff!important}.theme-mini.modern:before{background:#192335;box-shadow:0 18px 0 #edf1f5,0 34px 0 #192335}.theme-mini.greenline{border-left:6px solid var(--primary)!important}.theme-mini.greenline:after{width:7px;height:44px;left:11px;right:auto;top:15px}.theme-mini.executive{background:linear-gradient(#17202b 0 24px,#fff 24px)!important}.theme-mini.executive:before{top:35px;background:#e9edf1;box-shadow:0 18px 0 #eef1f3}.theme-mini.minimal:before{height:2px;background:#18202a;box-shadow:0 18px 0 #e8ebee,0 35px 0 #e8ebee}.theme-mini.minimal:after{background:#111;width:18px;height:4px}.theme-mini b,.theme-mini em,.theme-mini u,.theme-mini small{display:none!important}
.ai-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ai-provider-panel{max-width:1050px}.provider-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.provider-links a:not([href]){display:none}.connection-state{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:#f2f4f6;color:#667085;font-size:10px;font-weight:800}.connection-state.ok{background:#eaf8e4;color:#34721c}.connection-state.bad{background:#fff0f0;color:#a12424}.connection-state.testing{background:#fff8db;color:#7b5e00}
.license-pro{max-width:980px!important}.license-pro .panel-head{align-items:flex-start}.security-note{font-size:9px;font-weight:850;color:#45771f;background:#eef8e8;padding:7px 9px;border-radius:999px}.license-code-label{display:block!important;font-weight:850!important}.license-code-label textarea{display:block!important;width:100%!important;min-height:148px!important;margin-top:8px!important;padding:16px!important;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace!important;border:1px solid #ccd6df!important;border-radius:14px!important;resize:vertical!important}.license-code-label textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)!important;outline:0}.license-main-btn{width:100%!important;min-height:50px!important;margin-top:12px!important;font-size:13px!important}.license-support{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.license-support div{padding:10px;background:#f8fafb;border-radius:11px}.license-support b,.license-support span,.license-support a{display:block}.license-support b{font-size:9px;color:#667085;margin-bottom:4px}.license-support span,.license-support a{font-size:10px;font-weight:800;color:#172233;text-decoration:none}.lic-ok{color:#86ea3f!important}.lic-bad{color:#ff8e8e!important}
@media(max-width:1100px){.ai-usage-grid{grid-template-columns:1fr 1fr}.license-support{grid-template-columns:1fr 1fr}}@media(max-width:820px){.sidebar-collapse{display:none}.app-shell.sidebar-collapsed .main{margin-left:0}.ai-usage-grid{grid-template-columns:1fr 1fr}.license-support{grid-template-columns:1fr}.app-footer{justify-content:center;flex-wrap:wrap}.provider-links{align-items:stretch}.provider-links>*{flex:1 1 180px}}

/* FlowFacture 4.1.1 — Sidebar labels: one line on desktop/tablet/mobile drawer */
.sidebar .nav-item{min-width:0;overflow:hidden}
.sidebar .nav-item>svg{flex:0 0 19px;min-width:19px}
.sidebar .nav-item>.nav-label{
  display:block;
  width:auto!important;
  max-width:100%;
  min-width:0;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:start;
  line-height:1.25;
}
.sidebar-brand>div{min-width:0;flex:1 1 auto}
@media (max-width:1100px) and (min-width:821px){
  .sidebar{width:270px}
  .main{margin-left:270px;width:calc(100% - 270px)}
  .app-shell.sidebar-collapsed .sidebar{width:78px}
  .app-shell.sidebar-collapsed .main{margin-left:78px;width:calc(100% - 78px)}
}
@media (max-width:820px){
  .sidebar{width:min(286px,86vw)}
  .sidebar .nav-item>.nav-label{white-space:nowrap}
}

/* === FlowFacture v4.2 UX / mobile / documents === */
.stats-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.revenue-card{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 5%,#fff))}.dashboard-filters{align-items:flex-end;flex-wrap:wrap}.dashboard-filters form,.dashboard-filters label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--muted)}.dashboard-filters input[type=month]{min-width:150px;background:#fff}
.invoice-preview-lines{margin:14px 0;padding:11px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:8px;max-height:330px;overflow:auto}.invoice-preview-lines-title{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.7px}.invoice-preview-line{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center}.invoice-preview-line img{width:38px;height:34px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}.invoice-preview-line strong,.invoice-preview-line small{display:block}.invoice-preview-line strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-preview-line small{font-size:8px;color:var(--muted);margin-top:2px}.invoice-preview-line>b{font-size:9px;white-space:nowrap}
.zoomable-image{cursor:zoom-in!important}.df-image-lightbox{position:fixed;inset:0;background:rgba(8,15,24,.82);backdrop-filter:blur(7px);z-index:120;display:none;align-items:center;justify-content:center;padding:28px}.df-image-lightbox.open{display:flex}.df-image-lightbox img{max-width:min(1000px,92vw);max-height:88vh;object-fit:contain;background:#fff;border-radius:20px;padding:14px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.df-image-lightbox button{position:fixed;right:24px;top:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:#fff;color:#152131;font-size:28px;line-height:1}
.ui-ai-settings-card{max-width:980px}.ui-ai-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.ui-ai-settings-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}.ui-ai-settings-grid label>span{font-size:11px;font-weight:850;color:#4f5b6a}.ui-ai-settings-grid input,.ui-ai-settings-grid select{width:100%;min-height:46px}.ui-ai-settings-grid small{font-size:10px;color:var(--muted);line-height:1.45;min-height:30px}.ui-ai-settings-actions{display:flex;justify-content:flex-start;margin-top:14px}
.theme-card{position:relative}.theme-preview-btn{margin-top:9px;width:100%;border:1px solid var(--border);background:#fff;color:#263344;border-radius:8px;padding:7px;font-size:9px;font-weight:850;cursor:pointer}.theme-preview-btn:hover{border-color:var(--primary);color:var(--primary-dark)}.theme-preview-modal{position:fixed;inset:0;z-index:115;background:rgba(10,18,28,.7);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:24px}.theme-preview-modal.open{display:flex}.theme-preview-dialog{position:relative;width:min(760px,96vw);background:#f4f6f8;border-radius:22px;padding:24px;box-shadow:0 25px 90px rgba(0,0,0,.25)}.theme-preview-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:0;border-radius:11px;background:#fff;font-size:24px}.theme-preview-title{font-weight:900;font-size:16px;margin:0 0 14px}.theme-preview-doc{width:min(520px,100%);aspect-ratio:210/297;margin:auto;background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:26px;box-shadow:0 15px 40px rgba(16,24,40,.12);color:#172033}.tp-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #172033;padding-bottom:14px}.tp-head b{font-size:18px}.tp-head span{font-size:12px;font-weight:900}.tp-client{margin:18px 0;padding:12px;background:#f5f7f9;border-radius:8px;font-size:11px}.tp-table{display:grid;gap:7px}.tp-table i{height:22px;border-bottom:1px solid #e4e8ed;display:block}.tp-total{margin:20px 0 0 auto;width:55%;border-top:2px solid #172033;padding-top:9px;text-align:right;font-weight:900;font-size:12px}.theme-preview-doc.modern{border-top:9px solid var(--primary)}.theme-preview-doc.modern .tp-head{background:#172033;color:#fff;padding:14px;border-radius:8px;border:0}.theme-preview-doc.greenline{border-left:7px solid var(--primary)}.theme-preview-doc.greenline .tp-head,.theme-preview-doc.greenline .tp-total{border-color:var(--primary);color:var(--primary-dark)}.theme-preview-doc.executive .tp-head{background:#111827;color:#fff;padding:14px;border:0}.theme-preview-doc.executive .tp-total{background:#111827;color:#fff;padding:10px;border:0}.theme-preview-doc.minimal{box-shadow:none;border:0}.theme-preview-doc.minimal .tp-client{background:#fff;border-bottom:1px solid #dfe4ea;border-radius:0}
.license-count{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:210px!important}.license-count strong{line-height:.9!important}.license-count span{display:block!important;font-size:10px!important;letter-spacing:1.6px!important;font-weight:900!important;margin-top:6px!important}.license-count small{display:block!important;font-size:10px!important;line-height:1.4!important;opacity:.78!important;text-transform:none!important;letter-spacing:0!important;margin-top:2px!important}.license-support{margin-bottom:4px}.app-footer{min-height:44px}
.sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin}.sidebar-foot{flex:0 0 auto}.sidebar-brand{flex:0 0 auto}.app-shell.sidebar-collapsed .sidebar-brand{display:grid;grid-template-columns:1fr;justify-items:center;gap:8px;padding:0 0 12px}.app-shell.sidebar-collapsed .sidebar-brand img,.app-shell.sidebar-collapsed .sidebar-brand .brand-mark{margin:auto}.app-shell.sidebar-collapsed .sidebar-collapse{position:static!important;right:auto!important;top:auto!important;margin:0 auto!important;background:#17212c!important}.app-shell.sidebar-collapsed .nav-item{min-height:44px}
@media(max-width:1250px){.stats-grid-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sidebar{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important}.sidebar nav{flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:90px}.sidebar-collapse{display:grid!important}.sidebar-brand{padding-right:2px}.main{padding-left:14px!important;padding-right:14px!important}.stats-grid-five{grid-template-columns:1fr 1fr}.dashboard-filters{width:100%}.dashboard-filters form{width:100%}.dashboard-filters label{width:100%;justify-content:space-between}.dashboard-filters input[type=month]{flex:1}.invoice-editor-grid{grid-template-columns:1fr!important}.invoice-preview-card{position:relative!important;top:auto!important}.ui-ai-settings-grid{grid-template-columns:1fr}.theme-preview-dialog{padding:16px}.theme-preview-doc{padding:18px}.license-count{min-width:0!important}}
@media(max-width:520px){.stats-grid-five{grid-template-columns:1fr}.df-image-lightbox{padding:12px}.df-image-lightbox button{right:12px;top:12px}.invoice-preview-line{grid-template-columns:32px minmax(0,1fr)}.invoice-preview-line>b{grid-column:2;text-align:left}.theme-preview-doc{padding:14px}.sidebar{width:min(300px,92vw)!important}.sidebar nav{padding-bottom:110px!important}}
.backup-policy{display:flex;align-items:center;gap:12px;margin:-2px 0 16px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--primary) 4%,#fff);font-size:10px}.backup-policy strong{white-space:nowrap;color:var(--primary-dark)}.backup-policy span{color:var(--muted);line-height:1.5}@media(max-width:640px){.backup-policy{align-items:flex-start;flex-direction:column;gap:4px}}

/* ===== FlowFacture v4.3 UX ===== */
.app-footer{justify-content:center!important;text-align:center!important;margin-top:34px!important;padding:18px 8px 12px!important;border-top:1px solid var(--border);width:100%;flex-wrap:wrap}
.app-footer span{display:inline-flex;align-items:center;gap:4px}
.compact-actions{align-items:center;flex-wrap:wrap}
.compact-actions .primary,.compact-actions .secondary{min-height:40px;padding:9px 13px}
.quote-product-filters{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(280px,1fr);gap:10px;align-items:end;margin-bottom:10px}
.builder-category-wrap{display:grid;gap:5px;font-size:11px;font-weight:800;color:#5d6977}
.builder-category-wrap select{width:100%;height:43px}
.invoice-page-head{align-items:center}
.invoice-import-panel{margin-bottom:16px;background:linear-gradient(135deg,#fff,#f7fbf4)}
.invoice-import-row{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:center}
.import-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid #cce8b8;background:#f0f9e9;color:#315c18;border-radius:12px;margin-bottom:14px;font-size:12px}
.import-banner span{color:#5c744e}
.invoice-editor-grid{grid-template-columns:minmax(0,1.45fr) minmax(420px,.78fr)!important;gap:18px!important;align-items:start}
.invoice-form-column{min-width:0}
.invoice-preview-card{min-width:0!important;width:100%;padding:22px!important;max-height:calc(100vh - 110px);overflow:auto}
.invoice-preview-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:2px solid #172233;padding-bottom:14px;margin-bottom:14px}
.invoice-preview-top img{width:86px;height:58px;object-fit:contain}
.invoice-preview-top h2{font-size:28px;margin:4px 0 0}
.invoice-preview-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.invoice-preview-meta>div{background:#f7f9fb;border:1px solid var(--border);border-radius:11px;padding:10px}
.invoice-preview-meta span,.invoice-preview-meta strong{display:block}.invoice-preview-meta span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.6px}.invoice-preview-meta strong{font-size:12px;margin-top:4px}
.invoice-preview-lines{max-height:420px;overflow:auto;padding-right:3px}
.invoice-preview-payment{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.invoice-product-cell{display:flex;gap:10px;align-items:center}.invoice-product-cell img{width:48px;height:48px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid var(--border)}.invoice-product-cell small{display:block;color:var(--muted);margin-top:3px}
.invoice-simple-line{display:grid;grid-template-columns:minmax(240px,2fr) .55fr .9fr .6fr .7fr 38px;gap:8px;align-items:end;margin:8px 0}
.invoice-lines-panel{margin-top:14px}
.invoice-save-actions{position:sticky;bottom:10px;z-index:5;background:rgba(244,246,248,.92);backdrop-filter:blur(8px);padding:10px;border-radius:13px;margin-top:12px}
.settings-cache-box{display:flex;justify-content:space-between;align-items:center;gap:14px}
.settings-cache-box p{margin:0}
.danger-zone{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}
@media(max-width:1250px){.invoice-editor-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important}.invoice-preview-meta{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.invoice-editor-grid{grid-template-columns:1fr!important}.invoice-preview-card{position:relative!important;top:auto!important;max-height:none}.invoice-import-row{grid-template-columns:1fr auto}.invoice-import-row a{grid-column:1/-1}.quote-product-filters{grid-template-columns:1fr}}
@media(max-width:640px){.invoice-simple-line{grid-template-columns:1fr 1fr}.invoice-simple-line label:first-child{grid-column:1/-1}.invoice-simple-line .simple-remove{align-self:end}.invoice-preview-meta{grid-template-columns:1fr}.import-banner{display:block}.import-banner span{display:block;margin-top:5px}.invoice-import-row{grid-template-columns:1fr}.invoice-import-row>*{width:100%}}
\n/* FlowFacture 4.3.1 — invoice product row + top cache UX */\n.top-cache-form{margin:0}.top-cache-btn{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap}.top-cache-btn svg{width:17px;height:17px;flex:0 0 17px}\n.invoice-simple-line{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(92px,.55fr) minmax(115px,.72fr) minmax(90px,.55fr) minmax(110px,.65fr) 40px!important;gap:10px!important;align-items:end!important;padding:12px!important;margin:10px 0!important;border:1px solid var(--border)!important;border-radius:14px!important;background:#fbfcfd!important}\n.invoice-simple-line .invoice-product-picker{grid-column:1/-1!important;padding-right:0!important}.invoice-simple-line label{min-width:0!important;display:grid!important;gap:6px!important;font-size:11px!important;font-weight:800!important;color:#53606e!important}.invoice-simple-line select,.invoice-simple-line input{width:100%!important;min-width:0!important;height:44px!important}.invoice-simple-line .simple-product{font-weight:750!important;text-overflow:ellipsis!important}.invoice-simple-line .simple-remove{width:40px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important;font-size:18px!important;border-radius:10px!important}\n@media(max-width:1180px){.top-cache-btn span{display:none}.top-cache-btn{padding:10px!important}.invoice-simple-line{grid-template-columns:1fr 1fr 1fr 1fr 40px!important}.invoice-simple-line .invoice-product-picker{grid-column:1/-1!important}}\n@media(max-width:700px){.invoice-simple-line{grid-template-columns:1fr 1fr!important}.invoice-simple-line .invoice-product-picker{grid-column:1/-1!important}.invoice-simple-line .simple-remove{grid-column:2;justify-self:end}.top-cache-form{display:none}}\n
/* FlowFacture v4.3.3 — users, clients, quick client modal and backups */
.user-stats,.customer-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}.mini-stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.mini-stat span{font-size:11px;color:var(--muted);font-weight:800}.mini-stat strong{font-size:24px;color:var(--text)}
.user-admin-grid,.customer-admin-grid{align-items:start}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid .checkbox-line{border:1px solid var(--border);padding:9px 10px;border-radius:10px;background:#fbfcfd;margin:0}.user-help-panel{min-height:100%}.users-list-panel,.customer-list-panel{margin-top:16px}.responsive-table{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;text-align:left;color:var(--muted);padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:13px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfd}.data-table tr.is-muted{opacity:.62}.data-table td small{display:block;color:var(--muted);margin-top:3px}.user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.user-cell .avatar{flex:0 0 auto}.permissions.compact{max-width:330px;color:var(--muted);font-size:10px;line-height:1.5}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}.doc-count{display:inline-flex;padding:4px 7px;background:#f3f6f7;border-radius:999px;font-size:9px;font-weight:800;margin:2px 3px 2px 0;white-space:nowrap}
.customer-list-head{align-items:flex-end}.customer-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.customer-search .searchbox{min-width:min(360px,48vw)}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:16px}.pagination span{font-size:11px;color:var(--muted);font-weight:800}.pagination .disabled{pointer-events:none;opacity:.45}
.customer-view-modal .modal-card,.user-password-modal .modal-card{width:min(660px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:24px}.customer-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.customer-view-grid>div{border:1px solid var(--border);background:#fbfcfd;border-radius:12px;padding:11px 12px;min-width:0}.customer-view-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850;margin-bottom:4px}.customer-view-grid strong,.customer-view-grid p{margin:0;word-break:break-word;font-size:12px}.customer-view-grid .span2{grid-column:1/-1}.customer-view-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.customer-view-footer>span{color:var(--muted);font-size:11px;font-weight:800}.customer-view-footer>div{display:flex;gap:8px}
/* Quick customer modal: more breathing room and no cramped divider/title */
#customerModal .modal-card{width:min(700px,calc(100vw - 28px));padding:26px!important;border-radius:20px}#customerModal .modal-head{padding:0 0 16px!important;margin:0 0 18px!important;border-bottom:1px solid var(--border)}#customerModal .modal-head h2{margin:0;font-size:24px;line-height:1.15}#customerModal .form-grid{gap:14px 16px}#customerModal label{display:grid;gap:7px;font-size:11px;font-weight:800}#customerModal input{height:44px}#customerModal #saveCustomer{margin-top:20px!important;min-height:48px;border-radius:12px;font-size:14px}#customerModal .span2{grid-column:1/-1}
.backup-manual-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.backup-primary-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.backup-icon{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,white);display:grid;place-items:center;color:var(--primary-dark)}.backup-icon svg{width:23px;height:23px}.backup-primary-card h2,.backup-primary-card p{margin:0}.backup-primary-card p{color:var(--muted);font-size:11px;margin-top:4px}.backup-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.backup-actions form{margin:0}.backup-policy-card .backup-policy{margin-top:12px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.backup-row:last-child{border-bottom:0}.backup-row small{display:block;color:var(--muted);margin-top:3px}.restore-card .danger{margin-top:14px}
@media(max-width:1050px){.permission-grid{grid-template-columns:1fr 1fr}.user-stats,.customer-summary-cards{grid-template-columns:1fr 1fr 1fr}.backup-manual-grid{grid-template-columns:1fr}.customer-search .searchbox{min-width:260px}}
@media(max-width:820px){.user-stats,.customer-summary-cards{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:1fr 1fr}.customer-list-head{align-items:stretch}.customer-search{width:100%}.customer-search .searchbox{min-width:0;flex:1 1 100%}.data-table{min-width:820px}.customer-view-footer{align-items:stretch;flex-direction:column}.customer-view-footer>div{width:100%}.customer-view-footer a{flex:1;text-align:center}.backup-actions{display:grid;grid-template-columns:1fr}.backup-actions form,.backup-actions button{width:100%}}
@media(max-width:520px){.user-stats,.customer-summary-cards{grid-template-columns:1fr}.permission-grid,.customer-view-grid{grid-template-columns:1fr}.customer-view-grid .span2{grid-column:auto}#customerModal .modal-card{padding:18px!important}#customerModal .form-grid{grid-template-columns:1fr!important;gap:12px}#customerModal .span2{grid-column:auto}.mini-stat{padding:13px 14px}.mini-stat strong{font-size:20px}.customer-view-modal .modal-card,.user-password-modal .modal-card{padding:18px}.backup-primary-card{grid-template-columns:1fr}.backup-icon{width:42px;height:42px}}

/* FlowFacture v4.3.4 — stable users/clients UX + quote client row */
.user-admin-grid{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)}
.user-side-stack{display:grid;gap:16px;align-content:start}
.permission-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.permission-tools{display:flex;gap:7px;flex-wrap:wrap}
.permission-note{margin:9px 0 0;font-size:10px;line-height:1.55}
.password-reset-panel label{display:grid;gap:7px;font-size:11px;font-weight:800}.password-reset-panel input{min-height:44px}
.users-list-panel,.customer-list-panel{overflow:hidden!important;position:relative;isolation:isolate}
.access-list{display:grid;gap:0;border-top:1px solid var(--border)}
.access-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(100px,.55fr) minmax(105px,.6fr) minmax(270px,1.7fr) minmax(90px,.5fr) minmax(260px,1.2fr);gap:14px;align-items:center;padding:15px 14px;border-bottom:1px solid var(--border);background:#fff;min-width:0}
.access-row:last-child{border-bottom:0}.access-row:hover{background:#fbfcfd}.access-row.is-muted{opacity:.7;background:#fbfcfd}
.access-user{display:flex;align-items:center;gap:10px;min-width:0}.access-user>div{min-width:0}.access-user strong,.access-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-user small{color:var(--muted);margin-top:3px;font-size:10px}
.access-meta>span,.access-perms>span{display:block;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);font-size:8px;font-weight:850;margin-bottom:5px}.access-meta>strong{font-size:11px}.access-perms{min-width:0}.access-perms>div{display:flex;gap:5px;flex-wrap:wrap}.access-perms b{font-size:8px;background:#f1f5f2;color:#31413a;border:1px solid #e3ebe5;padding:4px 6px;border-radius:999px;white-space:nowrap}.access-perms em{font-size:10px;color:var(--muted);font-style:normal}
.access-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.access-actions .inline-form{margin:0}
.client-list-cards{display:grid;border-top:1px solid var(--border)}
.client-list-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(100px,.55fr) minmax(135px,.7fr) minmax(180px,1fr) minmax(155px,.7fr) minmax(210px,.9fr);gap:14px;align-items:center;padding:15px 14px;border-bottom:1px solid var(--border);background:#fff;cursor:pointer;outline:none;min-width:0}
.client-list-row:last-child{border-bottom:0}.client-list-row:hover,.client-list-row:focus{background:#f8fbf8;box-shadow:inset 3px 0 0 var(--primary)}
.client-main{display:flex;align-items:center;gap:10px;min-width:0}.client-main>div{min-width:0}.client-main strong,.client-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-main small{color:var(--muted);font-size:10px;margin-top:3px}.client-meta{min-width:0}.client-meta span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);font-weight:850;margin-bottom:4px}.client-meta strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-docs{display:flex;gap:4px;flex-wrap:wrap}.client-list-row .row-actions{justify-content:flex-end}
.quote-customer-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:stretch;margin-bottom:10px}.quote-customer-row select,.quote-new-client-btn{height:46px;min-height:46px;margin:0}.quote-new-client-btn{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 15px}
#customerModal .modal-card{overflow:visible}#customerModal .form-grid{margin-bottom:0}#customerModal #saveCustomer{margin-top:22px!important}
@media(max-width:1180px){.access-row{grid-template-columns:minmax(210px,1.4fr) minmax(100px,.6fr) minmax(105px,.6fr) minmax(240px,1.4fr);}.access-row .access-meta:nth-of-type(3){display:none}.access-actions{grid-column:4}.client-list-row{grid-template-columns:minmax(220px,1.25fr) minmax(100px,.55fr) minmax(135px,.7fr) minmax(190px,1fr)}.client-docs{grid-column:2/4}.client-list-row .row-actions{grid-column:4}}
@media(max-width:900px){.user-admin-grid{grid-template-columns:1fr}.access-row{grid-template-columns:1fr 1fr 1fr;padding:14px}.access-user{grid-column:1/3}.access-perms{grid-column:1/4}.access-actions{grid-column:1/4;justify-content:flex-start}.client-list-row{grid-template-columns:1fr 1fr;padding:14px}.client-main{grid-column:1/3}.client-docs{grid-column:1/2}.client-list-row .row-actions{grid-column:2;justify-content:flex-end}.quote-customer-row{grid-template-columns:minmax(0,1fr) 170px}}
@media(max-width:620px){.permission-head{align-items:flex-start;flex-direction:column}.permission-tools{width:100%}.permission-tools button{flex:1}.access-row{grid-template-columns:1fr 1fr}.access-user{grid-column:1/3}.access-perms{grid-column:1/3}.access-actions{grid-column:1/3}.client-list-row{grid-template-columns:1fr}.client-main,.client-docs,.client-list-row .row-actions{grid-column:1}.client-list-row .row-actions{justify-content:flex-start}.client-meta{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:center}.client-meta span{margin:0}.quote-customer-row{grid-template-columns:1fr}.quote-new-client-btn{width:100%}}

/* FlowFacture 4.3.5 — Licence page refinement */
.license-hero-v2 .license-info-grid-v2>div{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0}.license-info-grid-v2 small{font-size:10px!important;opacity:.78!important;white-space:nowrap}.license-info-grid-v2 strong{font-size:13px!important;line-height:1.35!important;min-width:0;overflow-wrap:anywhere}.license-workspace-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;align-items:stretch;margin-top:18px}.license-workspace-grid .license-pro{margin-top:0!important;max-width:none!important;height:100%}.license-company-card{display:flex;flex-direction:column;gap:16px;padding:22px!important}.license-company-top{display:flex;align-items:center;gap:13px}.license-company-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#1a2c20);color:#fff;font-weight:950;letter-spacing:.04em;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 24%,transparent)}.license-company-top span{font-size:9px;font-weight:850;color:var(--primary);text-transform:uppercase;letter-spacing:.12em}.license-company-top h2{margin:2px 0 0;font-size:21px}.license-company-top p{margin:3px 0 0;font-size:11px;color:var(--muted)}.license-company-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.license-company-meta>div{padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#f8fafb}.license-company-meta span,.license-company-meta strong{display:block}.license-company-meta span{font-size:9px;color:#758092;margin-bottom:4px}.license-company-meta strong{font-size:11px;color:#172233;line-height:1.35}.license-company-note{margin:0;padding:12px 13px;border-radius:12px;background:#f4f8f0;color:#425041;font-size:11px;line-height:1.65}.license-company-rights{font-size:10px;color:#667085;border-top:1px solid var(--border);padding-top:13px}.license-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.license-contact-actions a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;text-decoration:none}.license-notices-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.license-notice{border-radius:16px;padding:16px 17px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(18,28,45,.04)}.license-notice strong{display:block;font-size:12px;margin-bottom:5px}.license-notice p{margin:0;font-size:10.5px;line-height:1.65}.license-warning{background:#fff8ed;border-color:#f5d6a8;color:#7a5116}.license-warning strong{color:#9b5800}.license-privacy{background:#eff8f1;border-color:#cfe6d3;color:#31543a}.license-privacy strong{color:#2d6c38}.license-activate-v2 .license-main-btn{margin-top:14px!important}.license-activate-v2{padding-bottom:22px!important}
@media(max-width:1180px){.license-workspace-grid{grid-template-columns:1fr}.license-company-card{min-height:0}.license-contact-actions{margin-top:0}}
@media(max-width:820px){.license-info-grid-v2>div{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.10);padding:8px 0}.license-company-meta,.license-contact-actions,.license-notices-grid{grid-template-columns:1fr}.license-company-card{padding:18px!important}}
@media(max-width:520px){.license-company-top{align-items:flex-start}.license-company-mark{width:42px;height:42px;border-radius:13px;flex:0 0 auto}.license-company-top h2{font-size:18px}.license-notice{padding:14px}.license-workspace-grid{gap:12px}.license-notices-grid{gap:10px}}

/* FlowFacture 4.3.6 — Licence clean redesign + category delete */
.license-page-pro{padding-bottom:76px}
.license-hero-v3{grid-template-columns:minmax(0,1fr) 290px!important;gap:24px!important;padding:26px 28px!important}
.license-info-grid-v3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important}
.license-info-grid-v3>div{padding:11px 13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.055);min-width:0}
.license-info-grid-v3 span,.license-info-grid-v3 strong{display:block!important}.license-info-grid-v3 span{font-size:9px!important;letter-spacing:.08em;text-transform:uppercase;opacity:.67;margin-bottom:4px}.license-info-grid-v3 strong{font-size:13px!important;line-height:1.25;overflow-wrap:anywhere}.license-count-v3{min-height:132px!important;background:rgba(255,255,255,.085)!important}
.license-activate-v3{max-width:none!important;margin-top:18px!important;padding:22px!important}.license-panel-head{margin-bottom:15px!important}.license-activation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:stretch}.license-activate-v3 .license-code-label{margin:0!important}.license-activate-v3 .license-code-label textarea{min-height:94px!important;height:94px!important;resize:vertical!important;margin-top:7px!important;font-size:11px!important;line-height:1.5!important}.license-activation-side{border:1px solid var(--border);border-radius:14px;background:#f8fafb;padding:13px;display:flex;flex-direction:column;gap:9px}.license-activation-state{padding:8px 9px;background:#fff;border:1px solid #e9edf0;border-radius:10px}.license-activation-state span,.license-activation-state strong{display:block}.license-activation-state span{font-size:8.5px;color:#778191;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.license-activation-state strong{font-size:10.5px;overflow-wrap:anywhere}.license-activation-side .license-main-btn{margin-top:auto!important;min-height:43px!important;height:auto!important;font-size:11px!important}
.license-about-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:14px;margin-top:14px}.license-mini-card{padding:18px!important;min-width:0;display:flex;flex-direction:column;gap:9px}.license-mini-card h2{font-size:16px;margin:0}.license-mini-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}.license-card-kicker{font-size:8px;font-weight:900;color:var(--primary);letter-spacing:.12em}.license-product-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px}.license-card-icon{grid-row:1 / span 2;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#172820);display:grid;place-items:center;color:#fff;font-weight:950}.license-product-card .license-facts{grid-column:1 / -1}.license-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.license-facts>div,.license-maintenance-line{padding:8px 9px;border-radius:9px;background:#f7f9fa;border:1px solid #edf0f2}.license-facts span,.license-facts strong,.license-maintenance-line span,.license-maintenance-line strong{display:block}.license-facts span,.license-maintenance-line span{font-size:8px;color:#7d8794;margin-bottom:2px}.license-facts strong,.license-maintenance-line strong{font-size:9.5px;color:#172233}.license-maintenance-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.license-maintenance-line span,.license-maintenance-line strong{margin:0}.license-contact-card small{font-size:8.5px;color:#7d8794;line-height:1.5}.license-contact-card .license-contact-actions{grid-template-columns:1fr 1fr;margin-top:auto}
.license-notices-stack{display:grid;gap:10px;margin-top:14px}.license-notice{display:grid!important;grid-template-columns:34px 1fr!important;gap:12px!important;align-items:start!important;padding:14px 16px!important;border-radius:14px!important;box-shadow:none!important}.license-notice-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:16px;font-weight:950}.license-notice strong{font-size:11px!important;margin:0 0 3px!important}.license-notice p{font-size:10px!important;line-height:1.55!important;margin:0!important}.license-warning-danger{background:#fff1f1!important;border:1px solid #f2b8b8!important;color:#742020!important}.license-warning-danger .license-notice-icon{background:#d92d20;color:#fff}.license-warning-danger strong{color:#b42318!important}.license-privacy-clean{background:#f0f8f2!important;border:1px solid #c5e1cb!important;color:#31543a!important}.license-privacy-clean .license-notice-icon{background:#2f7a3d;color:#fff}.license-privacy-clean strong{color:#246331!important}.license-page-rights{text-align:center;margin-top:16px;padding:14px 10px;border-top:1px solid var(--border);font-size:9.5px;color:#7c8795}.license-page-rights a{font-weight:900;color:var(--primary);text-decoration:none}
.category-card-admin{grid-template-columns:68px minmax(0,1fr)!important;align-items:start!important}.category-card-body{min-width:0}.category-card-actions{margin-top:10px;display:flex;align-items:center;gap:8px}.category-card-actions form{margin:0}.category-in-use{font-size:9px;color:#7b8490;background:#f3f5f6;border-radius:999px;padding:6px 9px}.category-delete-help{margin-top:12px!important;line-height:1.55}.danger.small{background:#fff1f0!important;border:1px solid #f5bbb6!important;color:#b42318!important;padding:7px 10px!important;border-radius:9px!important;font-weight:850!important;cursor:pointer}.danger.small:hover{background:#d92d20!important;color:#fff!important;border-color:#d92d20!important}
@media(max-width:1100px){.license-hero-v3{grid-template-columns:1fr!important}.license-activation-layout{grid-template-columns:1fr 230px}.license-about-grid{grid-template-columns:1fr 1fr}.license-contact-card{grid-column:1 / -1}}
@media(max-width:820px){.license-info-grid-v3{grid-template-columns:1fr!important}.license-activation-layout{grid-template-columns:1fr}.license-about-grid{grid-template-columns:1fr}.license-contact-card{grid-column:auto}.license-facts{grid-template-columns:1fr 1fr}.license-page-pro{padding-bottom:92px}.license-activate-v3{padding:16px!important}}
@media(max-width:520px){.license-facts{grid-template-columns:1fr}.license-hero-v3{padding:18px!important}.license-notice{grid-template-columns:30px 1fr!important;padding:12px!important}.license-notice-icon{width:28px;height:28px}.license-contact-card .license-contact-actions{grid-template-columns:1fr}}

/* FlowFacture 4.3.7 — licence page polish */
.license-meta-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:#d9e2ea}.license-meta-line span{display:inline-flex;align-items:center;gap:5px}.license-meta-line b{font-weight:650;color:#fff}.license-meta-line strong{font-size:11px;line-height:1.2}.license-meta-dot{opacity:.45;font-size:13px!important}.license-activation-clean{display:block!important}.license-activation-clean .license-code-label{display:block;width:100%;margin:0!important}.license-activation-clean .license-code-label textarea{width:100%!important;min-height:76px!important;height:76px!important;resize:vertical!important;margin-top:7px!important}.license-activation-clean .license-main-btn{width:100%!important;min-height:46px!important;margin-top:12px!important}.license-contact-card .license-contact-actions{display:flex!important;gap:14px!important;margin-top:auto!important;align-items:center}.license-contact-card .license-contact-actions a{flex:1;min-width:0}.license-warning-danger{background:#fff0f0!important;border:1px solid #efaaaa!important;box-shadow:inset 4px 0 0 #d92d20!important}.license-warning-danger .license-notice-icon{background:#d92d20!important;color:#fff!important}.license-warning-danger strong{color:#b42318!important}.license-warning-danger p{color:#7a1e1e!important}.license-about-grid{align-items:stretch}.license-mini-card{min-height:100%}.license-activate-v3{padding:20px!important}.license-panel-head{margin-bottom:12px!important}
@media(max-width:820px){.license-meta-line{gap:7px}.license-meta-dot{display:none!important}.license-meta-line span{width:100%;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.license-contact-card .license-contact-actions{flex-direction:column;gap:10px!important}.license-contact-card .license-contact-actions a{width:100%}.license-activation-clean .license-code-label textarea{height:88px!important;min-height:88px!important}}

/* FlowFacture 4.3.8 — category action menu + product action polish + licence cleanup */
.category-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.category-card-title-row>div:first-child{min-width:0;flex:1}
.category-action-menu{position:relative;flex:0 0 auto}
.category-action-menu>summary{list-style:none;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:20px;font-weight:900;line-height:1;color:#263446;transition:.18s ease;user-select:none}
.category-action-menu>summary::-webkit-details-marker{display:none}
.category-action-menu>summary:hover,.category-action-menu[open]>summary{border-color:var(--primary);background:#f1fae9;color:#2b6f00;box-shadow:0 6px 16px rgba(68,158,0,.12)}
.category-action-dropdown{position:absolute;top:40px;right:0;z-index:30;width:160px;padding:7px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(18,28,45,.16)}
.category-action-dropdown a,.category-action-dropdown button{display:flex;width:100%;align-items:center;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#1c2838;text-decoration:none;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-align:left}
.category-action-dropdown a:hover{background:#eef8e8;color:#287200}
.category-action-dropdown form{margin:3px 0 0;padding-top:3px;border-top:1px solid #edf0f2}
.category-action-dropdown button{color:#b42318}
.category-action-dropdown button:hover{background:#fff0ef;color:#8f1710}
.category-editor-panel .field-help{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}

.product-admin-card .product-card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important;margin-top:13px!important}
.product-admin-card .product-card-actions form{margin:0!important;display:block!important;min-width:0}
.product-edit-action,.product-toggle-action{min-height:38px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:10px!important;border:1px solid transparent!important;font-weight:850!important;text-decoration:none!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease!important}
.product-edit-action{background:#eef5ff!important;border-color:#cfe0fb!important;color:#1557a8!important}
.product-edit-action:hover{background:#1557a8!important;border-color:#1557a8!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 7px 16px rgba(21,87,168,.18)}
.product-edit-action svg{width:14px!important;height:14px!important}
.product-toggle-action.is-activate{background:#edf8e8!important;border-color:#cce9bd!important;color:#287200!important}
.product-toggle-action.is-activate:hover{background:#4ecb00!important;border-color:#4ecb00!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 7px 16px rgba(78,203,0,.18)}
.product-toggle-action.is-hide{background:#fff6e7!important;border-color:#f0d8aa!important;color:#9b5a00!important}
.product-toggle-action.is-hide:hover{background:#cc7a00!important;border-color:#cc7a00!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 7px 16px rgba(204,122,0,.18)}

.license-product-card{display:flex!important;flex-direction:column!important;gap:9px!important}
.license-product-card .license-facts{grid-column:auto!important;width:100%!important}

@media(max-width:720px){
  .category-action-dropdown{position:fixed;top:auto;right:18px;left:18px;bottom:78px;width:auto;z-index:120}
  .product-admin-card .product-card-actions{grid-template-columns:1fr 1fr!important}
}

/* ===== FlowFacture v4.4.0 — bons de commande / livraison ===== */
.doc-action{border:0;border-radius:9px;padding:8px 10px;font-weight:800;font-size:11px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.doc-action:hover{transform:translateY(-1px)}.doc-action.po{background:#eef4ff;color:#175cd3;border:1px solid #c7d7fe}.doc-action.po:hover{background:#dce8ff;box-shadow:0 6px 16px #175cd31f}.doc-action.bl{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.doc-action.bl:hover{background:#d8f8e6;box-shadow:0 6px 16px #0676471a}.doc-action.small{padding:7px 9px}.toolbar form{margin:0}.sidebar .nav-item svg{flex:0 0 auto}
@media(max-width:760px){.doc-action{width:100%}.table-wrap .toolbar{min-width:165px;align-items:stretch}}


/* ===== FlowFacture v4.4.1 — Mobile UX, clients, scanner ===== */
.primary svg,.secondary svg,.danger svg,.doc-action svg,.head-buttons svg,.compact-actions svg,.toolbar svg,.page-head>a svg,.scanner-panel svg{
  width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px;display:inline-block;vertical-align:middle
}
.primary,.secondary,.danger,.doc-action{align-items:center;justify-content:center;gap:7px}
.page-head>a.primary,.head-buttons>a,.head-buttons>button,.compact-actions>a,.compact-actions>button{display:inline-flex!important}
.money-nowrap,.amount,td .amount,td>strong{font-variant-numeric:tabular-nums}
.client-code-badge{color:var(--primary-dark)!important;font-weight:800!important}
.client-code-readonly input{background:#f6f8fa;color:#475467;font-weight:800;letter-spacing:.04em}
.quote-client-search{margin:0 0 9px}.quote-client-search .searchbox{width:100%;min-width:0;background:#fff}.quote-client-search input{width:100%}
.barcode-settings-panel{scroll-margin-top:90px}.barcode-settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.barcode-help{margin:12px 0 0!important;font-size:12px}
.scanner-grid{grid-template-columns:1.15fr .85fr}.scanner-panel{text-align:center}.scanner-panel .scanner-icon{width:76px;height:76px;border-radius:22px;background:#eef8e8;color:var(--primary-dark);display:grid;place-items:center;margin:0 auto 14px}.scanner-panel .scanner-icon svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important}.scanner-form{text-align:left;max-width:560px;margin:20px auto 0}.scanner-form label{display:grid;gap:7px;font-weight:800}.scanner-form input{font-size:19px;letter-spacing:.06em;padding:14px}.scanner-form button{margin-top:12px}.scanner-setting-summary{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.scanner-setting-summary span{color:var(--muted)}.scanner-setting-summary strong{text-align:right}
.invoice-source-box strong,.invoice-preview-line b,.activity .amount,table td:nth-child(4){white-space:nowrap}
.login-overlay.real-login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.real-login .login-card{margin:0!important;max-width:520px;width:min(100%,520px)}
.table-wrap{-webkit-overflow-scrolling:touch}
.table-wrap table td,.table-wrap table th{vertical-align:middle}
.table-wrap td strong{white-space:nowrap}
.top-actions svg{width:17px!important;height:17px!important}
.mobile-bottom svg{width:20px!important;height:20px!important}

@media(max-width:820px){
  html,body{overflow-x:hidden}
  .main{padding-left:16px!important;padding-right:16px!important;padding-bottom:92px!important}
  .view.active{padding-top:18px!important}
  .topbar{height:64px!important;margin-left:-16px;margin-right:-16px;padding:0 12px!important;gap:8px}
  .topbar>div:first-child{min-width:0;gap:4px!important}
  .breadcrumb{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
  .top-actions{gap:6px!important;min-width:0}
  .top-new-quote{display:none!important}
  .top-ai-btn,.top-cache-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:11px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
  .top-ai-btn .top-action-label,.top-cache-btn .top-action-label{display:none!important}
  .top-cache-form{margin:0!important}
  .profile-menu{display:block!important;flex:0 0 auto}
  .profile-trigger{padding:0!important;min-width:40px!important;width:40px!important;height:40px!important;border-radius:11px!important;display:grid!important;place-items:center!important}
  .profile-trigger .meta{display:none!important}
  .profile-trigger .avatar,.profile-trigger .avatar-img{width:36px!important;height:36px!important;border-radius:10px!important;margin:0!important}
  .profile-dropdown{right:0!important;min-width:230px!important}
  .page-head,.hero-row{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;margin-bottom:18px!important}
  .page-head h1,.hero-row h1{font-size:28px!important;line-height:1.08}
  .page-head .muted,.hero-row .muted{font-size:14px!important;line-height:1.45}
  .page-head>.head-buttons,.page-head>.compact-actions,.head-buttons.compact-actions{width:100%;display:flex!important;gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:2px 0 6px;scrollbar-width:none}
  .head-buttons::-webkit-scrollbar,.compact-actions::-webkit-scrollbar{display:none}
  .head-buttons .primary,.head-buttons .secondary,.compact-actions .primary,.compact-actions .secondary,.page-head>a.primary,.page-head>a.secondary{
    min-height:40px!important;width:auto!important;max-width:none!important;padding:9px 12px!important;font-size:12px!important;flex:0 0 auto!important;border-radius:10px!important
  }
  .page-head>a.primary svg,.page-head>a.secondary svg{width:15px!important;height:15px!important}
  .hero-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}
  .hero-actions .primary,.hero-actions .secondary{min-height:40px;padding:9px 12px;font-size:12px}
  .ai-fab{width:46px!important;height:46px!important;border-radius:14px!important;right:14px!important;bottom:86px!important;padding:0!important}
  .ai-fab svg{width:21px!important;height:21px!important}
  .product-admin-grid{gap:12px!important}
  .admin-product-grid{grid-template-columns:1fr!important;padding:0!important}
  .product-admin-card{min-height:0!important}
  .product-admin-card .visual{height:170px!important}
  .product-admin-card .body{padding:14px!important}
  .product-admin-card .product-card-actions{grid-template-columns:1fr 1fr!important}
  .invoice-source-box{grid-template-columns:1fr!important;gap:10px!important}
  .invoice-source-box .source-total{white-space:nowrap!important;font-size:19px!important}
  .invoice-import-row{grid-template-columns:1fr!important}
  .invoice-import-row .primary,.invoice-import-row .secondary{width:100%!important}
  .invoice-editor-grid{grid-template-columns:1fr!important}
  .invoice-preview-card{position:static!important;max-height:none!important}
  .invoice-preview-line{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important}
  .invoice-preview-line b{font-size:11px!important}
  .table-panel{overflow:hidden}
  .table-tools{padding:12px!important;flex-direction:column!important;align-items:stretch!important}
  .table-tools .searchbox{min-width:0!important;width:100%!important}
  .table-tools>select,.table-tools .toolbar{width:100%!important}
  .table-tools .toolbar{display:flex!important;gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .table-wrap{width:100%;overflow-x:auto!important}
  .table-wrap table{min-width:720px!important}
  .table-wrap th,.table-wrap td{padding:11px 12px!important;font-size:12px!important}
  .table-wrap td:nth-child(4),.table-wrap td strong{white-space:nowrap!important}
  .table-wrap .toolbar{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;min-width:max-content!important}
  .table-wrap .toolbar .small,.table-wrap .toolbar .doc-action{width:auto!important;min-width:max-content!important;padding:7px 9px!important}
  .customer-search{width:100%!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px}
  .customer-search .searchbox{min-width:0!important}
  .customer-list-head{gap:12px!important}
  .client-list-row{grid-template-columns:1fr!important;gap:11px!important}
  .client-list-row .row-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  .quote-customer-row{grid-template-columns:1fr!important}
  .quote-new-client-btn{width:100%!important;min-height:42px!important}
  .quote-client-search{margin-bottom:8px}
  .quote-modal-production{padding:8px!important}
  .quote-modal-card{border-radius:16px!important}
  .quote-builder{padding:14px!important}
  .quote-preview{display:none}
  .quote-layout{grid-template-columns:1fr!important}
  .builder-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .builder-product-card{min-width:0!important}
  .builder-product-card h4{font-size:10px!important}
  .builder-product-card .price{white-space:nowrap!important;font-size:10px!important}
  .save-strip{position:sticky!important;bottom:72px!important;background:#fff;padding:10px 0!important;z-index:5}
  .save-strip .primary,.save-strip .secondary{flex:1!important;min-width:0!important}
  .scanner-grid{grid-template-columns:1fr!important}
  .scanner-page-head>a{width:auto!important}
  .barcode-settings-actions{flex-direction:column-reverse;align-items:stretch!important}
  .barcode-settings-actions .primary,.barcode-settings-actions .secondary{width:100%!important}
  .settings-grid,.content-grid.two,.content-grid.three{grid-template-columns:1fr!important}
  .form-grid.two-col{grid-template-columns:1fr!important}
  .form-grid .span2{grid-column:auto!important}
  .real-login .login-card{width:100%!important;max-width:500px!important;padding:28px 22px!important;transform:none!important}
  .real-login .captcha-real{grid-template-columns:1fr!important;gap:9px!important}
  .real-login .captcha-real input{width:100%!important}
}
@media(max-width:480px){
  .main{padding-left:13px!important;padding-right:13px!important}
  .topbar{margin-left:-13px;margin-right:-13px;padding-inline:9px!important}
  .breadcrumb{max-width:92px;font-size:14px}
  .top-ai-btn,.top-cache-btn,.profile-trigger{width:38px!important;height:38px!important;min-width:38px!important}
  .top-actions{gap:4px!important}
  .page-head h1,.hero-row h1{font-size:26px!important}
  .builder-products{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .ai-fab{width:43px!important;height:43px!important;right:12px!important}
  .mobile-bottom{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}
  .real-login{padding:18px 14px!important}
  .real-login .login-card{padding:26px 20px!important;border-radius:24px!important}
}

/* === FlowFacture v4.4.2 — Mobile sidebar polish === */
@media(max-width:820px){
  /* Keep sidebar credits fully visible above the persistent mobile navigation. */
  .sidebar{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;}
  .sidebar nav{padding-bottom:14px!important;}
  .sidebar-foot{position:relative!important;z-index:2!important;padding-top:10px!important;background:var(--sidebar)!important;}
  .sidebar-credit{padding-bottom:2px!important;line-height:1.5!important;}
}
@media(max-width:520px){
  .sidebar nav{padding-bottom:12px!important;}
}
