*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7f8;color:#1d2b2a}.topbar{min-height:68px;background:#0f5f50;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;box-shadow:0 2px 14px #0002}.brand-wrap{display:flex;align-items:center;gap:14px}.brand{font-size:24px;font-weight:800;color:#fff;text-decoration:none}.company{font-size:12px;background:#ffffff20;padding:6px 9px;border-radius:999px}.topbar nav{display:flex;gap:20px;align-items:center}.topbar nav a,.navbtn{color:#dff4ef;text-decoration:none}.topbar nav form{margin:0}.navbtn{border:0;background:none;font:inherit;cursor:pointer}.container{max-width:1220px;margin:0 auto;padding:30px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-head h1{margin:0;font-size:30px}.page-head p,.muted{color:#6c7a78}.btn{display:inline-block;border:1px solid #ccd8d5;background:#fff;color:#173b35;padding:10px 14px;border-radius:9px;text-decoration:none;cursor:pointer}.btn.primary{background:#0f7a65;border-color:#0f7a65;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat,.card{background:#fff;border:1px solid #e3e9e7;border-radius:14px;box-shadow:0 2px 8px #00000008}.stat{padding:22px}.stat span{display:block;color:#6d7c79}.stat strong{display:block;font-size:34px;margin-top:8px;color:#0f5f50}.card{padding:20px;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf1f0}th{font-size:13px;color:#60706d;background:#f9fbfa}.badge,.status-big{display:inline-block;background:#e2f3ef;color:#0f6c59;padding:7px 10px;border-radius:999px;font-weight:700}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{flex:1}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #cfdad7;border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.stack label,.auth-card label{display:flex;flex-direction:column;gap:6px;font-weight:600}.form-grid .full{grid-column:1/-1}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px}dl{display:grid;grid-template-columns:150px 1fr;gap:10px 16px}dt{color:#6b7a77}dd{margin:0}.inline-form{display:grid;grid-template-columns:100px 1fr 90px 110px auto;gap:8px;margin-top:16px}.total{text-align:right;font-size:20px;margin-top:18px}.copybox{width:100%;margin-bottom:10px}.timeline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f0}.timeline span{color:#71807d}.approval{margin-top:15px}.link-danger{border:0;background:none;color:#b42318;cursor:pointer}.help h2{margin-top:24px}.public-page,.auth-page{background:linear-gradient(180deg,#0f5f50 0,#0f5f50 220px,#f5f7f8 220px);min-height:100vh}.public-card,.auth-card{max-width:520px;margin:70px auto 30px;background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 35px #0002}.auth-card form,.stack{display:grid;gap:14px}.auth-card h1{margin-bottom:6px}.auth-card .check{flex-direction:row;align-items:center;font-weight:400}.public-brand{font-size:26px;font-weight:800;color:#0f6c59}.eyebrow{font-size:12px;letter-spacing:2px;color:#84918f;margin-top:28px}.public-card h1{font-size:32px;margin:4px 0 12px}.public-status{font-size:22px;font-weight:800;color:#0f6c59;margin-bottom:15px}.progress{display:flex;gap:6px;margin-bottom:25px}.progress span{height:6px;flex:1;background:#e3e7e6;border-radius:8px}.progress span.on{background:#14a17f}.public-total{display:flex;justify-content:space-between;align-items:center;background:#f3f9f7;padding:16px;border-radius:12px;margin:22px 0}.public-total strong{font-size:22px}.wide{width:100%;font-size:16px}.approved,.success{background:#e9f8f1;color:#0a6a4c;padding:13px;border-radius:10px;text-align:center;font-weight:700;margin-bottom:16px}.validation{background:#fff0f0;color:#9b1c1c;padding:10px;border-radius:8px}.center{text-align:center}.planbox{display:flex;justify-content:space-between;background:#f3f9f7;padding:14px;border-radius:10px}@media(max-width:900px){.topbar{padding:12px 18px;align-items:flex-start;gap:12px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.stats{grid-template-columns:1fr 1fr}.two-col,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline-form{grid-template-columns:1fr 1fr}.container{padding:18px}table{font-size:14px}}@media(max-width:600px){.topbar{display:block}.topbar nav{margin-top:12px;justify-content:flex-start}.stats{grid-template-columns:1fr 1fr}.auth-card,.public-card{margin:35px 12px}.page-head{align-items:flex-start;gap:10px}.inline-form{grid-template-columns:1fr}.toolbar{display:grid}.card{overflow:auto}}
.low-stock{color:#b42318;font-weight:800}.part-form{grid-template-columns:1fr 120px auto}.stock-form{grid-template-columns:1.5fr 110px 130px 110px auto}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}@media(max-width:1000px){.topbar nav{gap:10px;font-size:14px}.stock-form,.part-form{grid-template-columns:1fr 1fr}}
.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.work-form{display:grid;grid-template-columns:130px 1fr 2fr 90px 110px auto;gap:8px;margin-top:16px}.photo-form{display:grid;grid-template-columns:110px 1.2fr 1.5fr auto;gap:8px;margin-bottom:16px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-card{border:1px solid #e3e9e7;border-radius:10px;overflow:hidden;background:#fafcfc}.photo-card img{display:block;width:100%;height:150px;object-fit:cover}.photo-card>div{padding:9px}.total-card{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;align-items:center}.total-card .grand{font-size:20px;color:#0f5f50}.rowform{display:flex;gap:6px;align-items:center}.print-only{display:none}.print-body{background:#eee;padding:30px}.print-sheet{max-width:900px;margin:auto;background:white;padding:40px;min-height:1100px;box-shadow:0 2px 20px #0002}.print-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:20px}.doc-head{display:flex;justify-content:space-between;gap:30px}.doc-head h1{margin:0}.doc-title{text-align:right;font-size:18px}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.doc-total{text-align:right;font-size:22px;font-weight:800;margin-top:20px}.signature{display:flex;justify-content:space-between;margin-top:90px}.signature span{width:220px;text-align:center;border-top:1px solid #333;padding-top:8px}@media(max-width:1000px){.work-form,.photo-form{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.work-form,.photo-form,.photo-grid{grid-template-columns:1fr}.total-card{justify-content:flex-start}}@media print{.topbar,.no-print,.head-actions,.btn,form,.link-danger{display:none!important}.container{max-width:none;padding:0}.card{border:0;box-shadow:none;padding:0}.two-col{display:block}.print-only{display:block}.print-body{background:white;padding:0}.print-sheet{box-shadow:none;padding:0;min-height:auto}.page-head{margin-bottom:10px}body{background:white}.photo-grid{display:none}}
.settings-layout{align-items:start}.logo-settings{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}.logo-preview{height:110px;border:1px dashed #c9d6d3;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fafcfc;color:#768480}.logo-preview img{max-width:160px;max-height:90px}.compact-form{gap:8px!important}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 20px}.sticky-preview{position:sticky;top:18px}.mini-document{border:1px solid #dfe7e5;padding:18px;background:#fff;font-size:13px}.mini-head{display:flex;gap:12px;align-items:center}.mini-head img{max-width:90px;max-height:55px}.mini-note,.doc-banner{margin:14px 0;padding:9px 12px;background:#f5f9f8;border-left:3px solid #0f7a65;white-space:pre-line}.mini-total{text-align:right;font-size:17px;font-weight:800}.mini-footer,.doc-footer{margin-top:24px;padding-top:12px;border-top:1px solid #dfe7e5;color:#586865;white-space:pre-line}.doc-letterhead{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #173b35;padding-bottom:16px;margin-bottom:18px}.doc-company{display:flex;gap:16px;align-items:flex-start}.doc-company h1{margin:0 0 6px}.doc-logo{max-width:150px;max-height:80px;object-fit:contain}.doc-title{text-align:right;display:flex;flex-direction:column;gap:4px}.doc-title span{font-size:14px;letter-spacing:1.4px}.doc-title b{font-size:22px}.doc-title small{color:#60706d}.doc-table .num,.num{text-align:right}.doc-summary{margin:18px 0 0 auto;width:340px;display:grid;gap:8px;text-align:right}.doc-summary .grand{font-size:21px;border-top:1px solid #b9c7c4;padding-top:9px}.doc-bank,.doc-terms{margin-top:20px;padding:12px;background:#f7faf9;border:1px solid #e1e8e6;white-space:pre-line}.doc-small{font-size:12px;color:#566461;white-space:pre-line}.totals-box{text-align:right;margin-top:18px;display:grid;gap:5px}@media(max-width:800px){.logo-settings,.check-grid{grid-template-columns:1fr}.sticky-preview{position:static}.doc-letterhead{display:block}.doc-title{text-align:left;margin-top:16px}.doc-summary{width:100%}}
.company-switch{text-decoration:none;color:#fff}.company-picker{max-width:620px}.company-list{display:grid;gap:10px}.company-list form{margin:0}.company-choice{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #dce6e3;background:#fff;border-radius:12px;padding:16px;cursor:pointer;color:#173b35}.company-choice:hover{border-color:#0f7a65;background:#f5fbf9}.company-choice span{display:flex;flex-direction:column;gap:4px}.company-choice small{color:#6c7a78}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{background:#fff;border:1px solid #dfe8e5;border-radius:16px;padding:20px}.plan-card.current{border:2px solid #0f7a65;box-shadow:0 8px 22px #0f7a6515}.plan-name{font-size:21px;font-weight:800}.plan-price{font-size:30px;font-weight:800;color:#0f5f50;margin:12px 0}.plan-price small{font-size:13px;color:#71807d}.plan-limits{font-size:13px;color:#687774;margin-bottom:16px}.plan-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px;font-size:13px}.plan-card li.on{color:#175f51}.plan-card li.off{color:#a4aeac}@media(max-width:1050px){.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.plan-grid{grid-template-columns:1fr}}
.service-edit-list{display:grid;gap:8px}.service-edit-row{display:grid;grid-template-columns:1.5fr 110px 90px 135px 145px 85px auto;gap:8px;align-items:end;padding:12px;border:1px solid #e4ebe9;border-radius:10px;background:#fbfdfc}.service-edit-row label{display:flex;flex-direction:column;gap:4px;font-size:12px}.service-name{display:flex;flex-direction:column;gap:3px}.service-name small{color:#6c7a78}.service-remove{text-align:right;margin:-4px 8px 8px}.custom-service{margin-top:16px}.custom-service summary{cursor:pointer;font-weight:700;color:#0f6c59}.custom-service-form{display:grid;grid-template-columns:1.5fr 110px 90px 150px 150px auto;gap:8px;margin-top:12px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalog-card{border:1px solid #e0e8e6;border-radius:12px;padding:14px;background:#fbfdfc}.catalog-card h3{margin:0 0 10px}.catalog-services{display:grid;gap:8px}.catalog-service{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f0}.catalog-service:last-child{border:0}.catalog-service>div{display:flex;flex-direction:column;gap:3px}.catalog-service small{color:#72817e}.market-filter{display:grid;grid-template-columns:2fr 1.4fr 1fr 100px;gap:12px;align-items:end}.market-filter label:not(.check){display:flex;flex-direction:column;gap:5px;font-weight:600}.market-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.market-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.market-card{background:#fff;border:1px solid #e2e9e7;border-radius:14px;padding:18px;box-shadow:0 2px 8px #00000008}.market-title{display:flex;justify-content:space-between;gap:12px}.market-title h2{margin:0}.market-title p{color:#6c7a78}.available{color:#0a7a58;font-weight:700}.service-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.service-chips span{background:#eef8f5;color:#155f51;border-radius:999px;padding:5px 8px;font-size:12px}.market-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}@media(max-width:1100px){.service-edit-row,.custom-service-form{grid-template-columns:1fr 1fr 1fr}.catalog-grid,.market-results{grid-template-columns:1fr}.market-filter{grid-template-columns:1fr 1fr}}@media(max-width:650px){.service-edit-row,.custom-service-form,.market-filter{grid-template-columns:1fr}}

.rowline{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.request{padding:14px 0;border-bottom:1px solid #e5e7eb}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.muted{color:#64748b}.small{padding:6px 10px;font-size:.9rem}.danger{background:#b91c1c;color:white}.alert.ok{padding:12px;background:#dcfce7;border-radius:8px;margin:10px 0}textarea{width:100%;box-sizing:border-box}
/* V3.7 - role / portal routing */
.smart-auth{background:linear-gradient(135deg,#0b5e50 0,#0e7965 46%,#eef7f4 46%,#f7faf9 100%);min-height:100vh}
.auth-card-wide{max-width:560px}.register-card{max-width:860px}.portal-choice-card{max-width:860px}.auth-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:18px}.auth-links a{color:#0f6c59;font-weight:700;text-decoration:none}.login-role-hints{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.login-role-hints span,.mode-pill{border-radius:999px;padding:6px 10px;background:#eaf6f2;color:#0f6c59;font-size:12px;font-weight:700}.role-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.role-card{position:relative;border:1px solid #dce7e4;border-radius:14px;padding:16px;background:#fff;cursor:pointer;display:flex!important;flex-direction:column!important;gap:6px!important;min-height:145px}.role-card input{position:absolute;right:14px;top:14px;width:auto!important}.role-card.selected{border:2px solid #0f7a65;background:#f0faf7;box-shadow:0 8px 24px #0f7a6518}.role-icon{font-size:30px}.role-card b{font-size:17px}.role-card small{color:#6b7a77;line-height:1.4}.card-soft{background:#f6faf9;border:1px solid #e0ebe8;border-radius:14px;padding:18px;margin:18px 0}.card-soft h2{margin:0 0 4px}.portal-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.portal-tile-form{margin:0}.portal-tile{width:100%;height:100%;border:1px solid #dce7e4;border-radius:18px;padding:24px;text-align:left;background:#fff;color:#173b35;text-decoration:none;display:flex;flex-direction:column;gap:10px;cursor:pointer}.portal-tile:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0001}.portal-tile.customer{border-top:5px solid #0f7a65}.portal-tile.business{border-top:5px solid #2455a4}.portal-tile>span{font-size:36px}.portal-tile h2{margin:0}.portal-tile p{color:#667774;min-height:46px;margin:0}.portal-tile b{margin-top:auto}.portal-tile small{color:#5e6e6b}.picker-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.customer-bar{background:#0f6f5d}.business-bar{background:#183e69}.switch-link{background:#ffffff18!important;border-radius:999px;padding:7px 10px!important}.nav-cta{background:#fff;color:#0f5f50!important;padding:8px 12px;border-radius:9px;font-weight:800}.mode-business .company{background:#ffffff1c}
@media(max-width:760px){.role-choice,.portal-choice-grid{grid-template-columns:1fr}.register-card{max-width:96%}.portal-choice-card{max-width:96%}.smart-auth{background:#eef7f4}.portal-tile p{min-height:0}}

.btn.google{background:#fff;color:#1f2937;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.06);text-align:center}.btn.google:hover{background:#f8fafc}.auth-separator{display:flex;align-items:center;gap:12px;margin:18px 0;color:#94a3b8;font-size:.88rem}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#e2e8f0;flex:1}.google-register-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}@media(max-width:760px){.google-register-grid{grid-template-columns:1fr}}


/* V3.10 FIX2 - Customer Request UX */
.request-page{max-width:1180px;margin:0 auto}.request-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin:12px 0 22px;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#123f69,#176b72);color:#fff;box-shadow:0 14px 38px #123f6920}.request-back{color:#d8eff0;text-decoration:none;font-weight:700;font-size:13px}.request-hero h1{font-size:34px;margin:10px 0 2px}.request-company{font-size:19px;margin:0 0 14px;color:#e9f6f5}.request-badges{display:flex;flex-wrap:wrap;gap:8px}.request-badges span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffff1c;border:1px solid #ffffff2e;font-size:12px;font-weight:800}.request-company-mini{min-width:290px;display:flex;flex-direction:column;gap:7px;background:#ffffff12;border:1px solid #ffffff26;border-radius:16px;padding:16px}.request-company-mini b{font-size:18px}.request-company-mini span,.request-company-mini small{font-size:13px;color:#e6f1f0}.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.request-form{display:grid;gap:14px}.request-section{display:flex;gap:18px;background:#fff;border:1px solid #e0e8e6;border-radius:18px;padding:22px;box-shadow:0 6px 22px #1b4b4310}.section-number{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e9f7f3;color:#0d6b58;font-weight:900}.section-content{flex:1;min-width:0}.section-content h2{font-size:19px;margin:0 0 4px;color:#183e39}.section-content>p{margin:0 0 18px;color:#71807d;font-size:13px}.section-content label{display:block;font-weight:750;margin:10px 0 6px}.request-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.request-grid-3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.request-type-line{margin-top:10px;padding:9px 11px;border-radius:10px;background:#f4f8f7;color:#576965;font-size:13px}.validation-summary:empty{display:none}.validation-summary{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;border-radius:12px;padding:12px 14px;margin-bottom:2px}.validation-summary ul{margin:0;padding-left:18px}.field-error{display:block;color:#b42318;font-size:12px;margin-top:4px}.inline-warning{margin-top:10px;background:#fff7ed;border:1px solid #fed7aa;padding:10px 12px;border-radius:10px;color:#9a3412}.field-toggle{display:flex!important;gap:12px;align-items:flex-start;border:1px solid #dce8e5;border-radius:14px;padding:14px;background:#f8fbfa;cursor:pointer}.field-toggle input{width:auto!important;margin-top:3px}.field-toggle span{display:flex;flex-direction:column;gap:3px}.field-toggle small{font-weight:400;color:#6d7c79}.field-location-box{margin-top:12px;padding:16px;border-radius:14px;background:#f7faf9;border:1px solid #e1e9e7}.urgency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.urgency-grid label{margin:0!important}.urgency-grid input{position:absolute;opacity:0;pointer-events:none}.urgency-grid span{height:100%;display:flex;flex-direction:column;gap:3px;border:1px solid #dce6e3;border-radius:12px;padding:12px;background:#fff;cursor:pointer}.urgency-grid small{font-weight:400;color:#76837f}.urgency-grid input:checked+span{border:2px solid #0f7a65;background:#eef9f6;color:#0e6857}.request-submit-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid #e5ecea}.request-submit-row>div{display:flex;flex-direction:column;gap:3px}.request-submit-row small{color:#71807d}.request-submit{min-width:180px;padding:12px 18px}.request-side{position:sticky;top:18px}.request-side-card{background:#fff;border:1px solid #e0e8e6;border-radius:18px;padding:20px;box-shadow:0 6px 22px #1b4b4310}.request-side-card h3{margin-top:0}.request-step{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #edf1f0}.request-step:last-child{border-bottom:0}.request-step>span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#e9f7f3;color:#0f6f5d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.request-step p{margin:2px 0;color:#62726e;font-size:13px;line-height:1.4}.request-success{border:1px solid #86efac!important;box-shadow:0 5px 18px #16a34a10}.badge.urgency{margin-left:5px}.badge.urgency.urgent{background:#fee2e2;color:#991b1b}.badge.urgency.today{background:#fef3c7;color:#92400e}.badge.field{background:#dbeafe;color:#1e40af}.request-nav-link{display:inline-flex!important;gap:6px;align-items:center}.nav-count{display:inline-flex;min-width:19px;height:19px;padding:0 5px;border-radius:999px;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:11px;font-weight:900}.status-pending{color:#b45309}.status-confirmed{color:#047857}.status-proposed{color:#1d4ed8}.status-rejected,.status-cancelled{color:#b91c1c}
@media(max-width:900px){.request-layout{grid-template-columns:1fr}.request-side{position:static}.request-company-mini{min-width:0}.request-hero{align-items:flex-start}.request-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.request-hero{display:block;padding:20px}.request-company-mini{margin-top:16px}.request-section{padding:16px;gap:12px}.request-grid-2,.request-grid-3,.urgency-grid{grid-template-columns:1fr}.request-submit-row{align-items:stretch;flex-direction:column}.request-submit{width:100%}}


/* V3.10 FIX6 - Google Business Search UX + request response polish */
.business-search-page{max-width:1080px;margin:0 auto}.business-search-hero{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;margin-bottom:22px;padding:30px;border-radius:24px;background:linear-gradient(135deg,#123f69 0,#0f766e 100%);color:#fff;box-shadow:0 16px 42px #123f6922}.business-search-kicker{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#cceee8}.business-search-hero h1{margin:7px 0 6px;font-size:36px}.business-search-hero p{max-width:680px;margin:0;color:#e4f3f0;line-height:1.5}.business-search-tip{max-width:280px;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-size:13px}.business-search-form{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(190px,.8fr) auto;gap:14px;align-items:end;background:#fff;border:1px solid #e0e8e6;border-radius:20px;padding:20px;box-shadow:0 6px 22px #1b4b4310;margin-bottom:24px}.business-search-field{display:flex;flex-direction:column;gap:6px}.business-search-field label{font-weight:800;color:#294640}.business-search-field input{height:48px;border-radius:12px;font-size:16px}.business-search-field small{color:#71807d;font-size:12px}.business-search-button{height:48px;white-space:nowrap}.business-results-head{display:flex;justify-content:space-between;align-items:end;margin:4px 2px 14px}.business-results-head h2{margin:0 0 3px;font-size:24px}.business-results-head span{color:#71807d}.google-live-badge{background:#eaf7f3!important;color:#0f6f5d!important;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.business-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.business-result-card{display:flex;gap:15px;background:#fff;border:1px solid #e0e8e6;border-radius:18px;padding:20px;box-shadow:0 5px 20px #1b4b430d;transition:.15s ease}.business-result-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1b4b4317}.business-result-icon{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#eaf7f3;font-size:23px}.business-result-body{min-width:0;flex:1}.business-result-body h3{margin:1px 0 8px;font-size:20px}.business-address{margin:0 0 11px;color:#5f716d;line-height:1.45}.business-type-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.business-type-chips span{background:#f0f6f4;color:#365c54;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.business-result-actions{display:flex;gap:8px;flex-wrap:wrap}.business-empty{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px dashed #bfd0cc;border-radius:18px;padding:28px;text-align:center;color:#5d706c}.business-search-footer-note{margin:18px 4px;color:#71807d;font-size:12px}.request-response-grid{align-items:stretch}.response-form{display:grid;grid-template-columns:1fr;gap:8px;background:#f8fbfa;border:1px solid #e0e8e6;border-radius:14px;padding:14px}.accept-form{background:#f0faf7;border-color:#cde9e1}.response-form label{font-weight:800}.reject-form{display:flex;gap:8px;align-items:center;margin-top:10px}.reject-form input{max-width:420px;flex:1}.part-form select:invalid{color:#71807d}
@media(max-width:850px){.business-search-hero{display:block}.business-search-tip{max-width:none;margin-top:16px}.business-search-form{grid-template-columns:1fr 1fr}.business-search-button{grid-column:1/-1}.business-result-grid{grid-template-columns:1fr}}@media(max-width:600px){.business-search-form{grid-template-columns:1fr}.business-search-button{grid-column:auto}.business-search-hero{padding:22px}.business-search-hero h1{font-size:29px}}

/* FIX8 service order + invoice + quick add */
.order-summary-grid,.invoice-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.summary-tile,.invoice-kpis>div{background:#fff;border:1px solid #e1e9e7;border-radius:14px;padding:16px}.summary-tile span,.invoice-kpis span,.order-info-grid span{display:block;color:#74827f;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.summary-tile b,.invoice-kpis b{display:block;font-size:18px;margin-top:5px}.summary-tile small{color:#75817f}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-info-grid>div{background:#f8fbfa;border-radius:10px;padding:12px}.order-info-grid .full{grid-column:1/-1}.service-section{border-top:4px solid #367caa}.parts-section{border-top:4px solid #a86f38}.section-total{font-size:18px;font-weight:800;color:#173b35}.soft-badge{display:inline-block;background:#eef5f3;color:#315f57;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.quick-card{display:grid;gap:9px;background:#f8fbfa;border:1px solid #e0e8e6;border-radius:12px;padding:14px}.mini-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0 18px}.status-flow span{font-size:11px;text-align:center;background:#edf1f0;color:#84908e;padding:8px 4px;border-radius:8px}.status-flow span.on{background:#dff5ee;color:#0b7059;font-weight:800}.enhanced-total{background:linear-gradient(135deg,#f7fbfa,#edf7f4);border-color:#cfe5df}.invoice-total-card{display:grid;gap:10px;text-align:right}.invoice-total-card>div{display:flex;justify-content:space-between}.invoice-total-card .grand{border-top:1px solid #cbd8d5;padding-top:12px;font-size:20px}.vat-list{display:grid;gap:8px}.vat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e8e6;border-radius:10px;padding:10px}.vat-row span{display:block;color:#6e7c79;margin-top:3px}@media(max-width:900px){.order-summary-grid,.invoice-kpis{grid-template-columns:1fr 1fr}.quick-grid,.order-info-grid{grid-template-columns:1fr}.order-info-grid .full{grid-column:auto}}@media(max-width:600px){.order-summary-grid,.invoice-kpis,.mini-fields{grid-template-columns:1fr}.vat-row{align-items:flex-start;flex-direction:column}}
/* V3.10 FIX9 - language selector */
.language-switcher{display:inline-flex;margin-left:.35rem;align-items:center}.language-switcher label{display:flex;gap:.3rem;align-items:center}.language-switcher select{max-width:132px;padding:.38rem .5rem;border:1px solid rgba(127,127,127,.25);border-radius:.55rem;background:var(--card,#fff);color:inherit;font:inherit}.service-translation-box{margin-top:.75rem;padding:.75rem;border:1px dashed rgba(127,127,127,.25);border-radius:.7rem}.service-translation-box summary{cursor:pointer;font-weight:600}

/* V3.10 FIX10 - compact responsive navigation + readable language picker */
.topbar{gap:18px;position:relative}.desktop-nav{gap:8px!important;flex:1;justify-content:flex-end;min-width:0}.desktop-nav>a,.nav-group>summary,.navbtn{white-space:nowrap;padding:9px 10px;border-radius:9px}.desktop-nav>a:hover,.nav-group>summary:hover,.navbtn:hover{background:#ffffff16}.nav-group{position:relative}.nav-group>summary{list-style:none;cursor:pointer;color:#dff4ef}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:' ▾';font-size:11px}.nav-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#fff;border:1px solid #dbe5e2;border-radius:12px;padding:7px;box-shadow:0 14px 35px #0003;z-index:50;display:grid;gap:2px}.nav-menu a{color:#173b35!important;padding:10px 12px;border-radius:8px;text-decoration:none}.nav-menu a:hover{background:#eef7f4}.language-switcher{margin-left:2px!important}.language-switcher label{background:#fff;border-radius:10px;padding:2px 5px;color:#173b35}.language-switcher select{display:block!important;width:128px!important;max-width:128px!important;background:#fff!important;color:#173b35!important;border:0!important;outline:0}.language-switcher select option{background:#fff!important;color:#173b35!important}.mobile-nav-toggle{display:none}.compact{font-size:13px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-compact .stats{gap:12px}.dashboard-compact .stat{padding:16px 18px}.dashboard-compact .stat strong{font-size:28px}.dashboard-compact .card{padding:16px}.translation-panel{background:#f8fbfa;border:1px solid #dce8e5;border-radius:12px;padding:14px;margin-top:10px}.translation-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.translation-toolbar label{display:grid;gap:5px}.translation-badge{font-size:11px;background:#e9f4ff;color:#155da8;border-radius:999px;padding:3px 7px}.translation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.translation-item{border:1px solid #e2e9e7;background:#fff;border-radius:10px;padding:10px}.translation-item small{color:#71807d}.ai-note{font-size:12px;color:#667673}.form-section{border:1px solid #e4ebe9;border-radius:14px;padding:16px;margin-bottom:14px;background:#fff}.form-section h2{margin:0 0 12px;font-size:18px}.source-language-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:1100px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:block;margin-left:auto}.mobile-nav-toggle>summary{cursor:pointer;list-style:none;background:#ffffff18;color:#fff;padding:9px 12px;border-radius:9px}.mobile-nav-panel{position:absolute;right:12px;top:62px;background:#fff;min-width:260px;border-radius:12px;padding:8px;box-shadow:0 16px 40px #0004;z-index:80;display:grid}.mobile-nav-panel a{color:#173b35;padding:10px;text-decoration:none;border-bottom:1px solid #eef2f1}.topbar{padding:10px 18px}.brand-wrap{min-width:0}.company{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.translation-grid{grid-template-columns:1fr}}

/* FIX10.3 language selector on auth forms */
.auth-language-switcher{display:flex;justify-content:flex-end;margin-bottom:10px}.auth-language-switcher label{display:flex;gap:8px;align-items:center}.auth-language-switcher select{min-width:150px;padding:8px 10px;border:1px solid #d7dfdf;border-radius:10px;background:#fff}

/* WEB Chat V1 */
.chat-shell{max-width:980px;margin:0 auto}.chat-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.chat-head h1{margin:.25rem 0}.back-link{font-size:.9rem}.chat-list{padding:0;overflow:hidden}.chat-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #e8eceb;text-decoration:none;color:inherit}.chat-list-item:hover{background:#f7faf9}.chat-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f4ef;font-weight:800}.chat-list-main{flex:1;min-width:0}.chat-list-top,.chat-list-sub{display:flex;justify-content:space-between;gap:12px}.chat-list-top time,.chat-list-sub{font-size:.84rem;color:#66736e}.chat-unread{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#157347;color:white;font-weight:800;font-size:.8rem}.chat-messages{height:min(62vh,620px);overflow-y:auto;padding:18px;background:#f4f7f6}.chat-message{display:flex;margin:9px 0}.chat-message.mine{justify-content:flex-end}.bubble{max-width:min(78%,680px);padding:10px 12px;border-radius:16px;background:white;box-shadow:0 1px 3px #00000012}.chat-message.mine .bubble{background:#dcf7e9}.message-meta{display:flex;justify-content:space-between;gap:16px;font-size:.76rem;color:#65716d;margin-bottom:5px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-images img{width:140px;height:110px;object-fit:cover;border-radius:10px}.chat-compose textarea{width:100%;resize:vertical}.chat-compose-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:8px}.file-btn{cursor:pointer}.closed-note{text-align:center}.empty-state{text-align:center;padding:46px 20px}.empty-icon{font-size:2.5rem}.nav-chat{position:relative}@media(max-width:700px){.chat-head{align-items:flex-start;flex-direction:column}.bubble{max-width:90%}.chat-messages{height:58vh}.chat-compose-actions{flex-wrap:wrap}.message-images img{width:110px;height:90px}}

/* Chezzein service-focus UI refresh */
:root{--cz-blue:#2f5de0;--cz-blue-dark:#2148b8;--cz-blue-soft:#edf3ff;--cz-ink:#14294f;--cz-line:#d9e3f2}
.topbar{background:linear-gradient(135deg,#0b2454 0%,#173d86 58%,#2454b8 100%);box-shadow:0 6px 20px #0b24542b}
.brand{letter-spacing:-.4px}
.btn{border-color:var(--cz-line);color:var(--cz-ink);border-radius:12px;padding:10px 15px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #163d8618;border-color:#b8c9e6}
.btn.primary{background:linear-gradient(135deg,var(--cz-blue),#2450c7);border-color:var(--cz-blue-dark);color:#fff;box-shadow:0 8px 18px #2f5de02c}
.btn.primary:hover{background:linear-gradient(135deg,#3868ee,#2148b8);box-shadow:0 11px 24px #2f5de038}
.card,.stat{border-color:#e0e7f2;box-shadow:0 5px 18px #163d8609}
.badge,.status-big{background:var(--cz-blue-soft);color:#244eb9}
.mobile-nav-toggle{display:none;position:relative}
.mobile-nav-toggle>summary{font-weight:800}
.mobile-nav-panel .navbtn,.mobile-nav-panel form{width:100%;margin:0}
.mobile-nav-button{display:block!important;width:100%;text-align:left!important;color:#173b35!important;padding:11px!important;border-bottom:1px solid #eef2f7!important}
.mobile-nav-primary{background:var(--cz-blue-soft);color:#234bb3!important;border-radius:9px;margin:4px 0}
.mobile-language-form{padding:10px}
.mobile-language-form label{display:flex;align-items:center;gap:8px}
.mobile-language-form select{width:100%;border:1px solid #d7e0ee;border-radius:10px;padding:9px;background:#fff}
@media(max-width:1100px){
  .desktop-nav{display:none!important}
  .mobile-nav-toggle{display:block!important;margin-left:auto}
  .mobile-nav-toggle>summary{cursor:pointer;list-style:none;background:#ffffff1c;color:#fff;padding:10px 13px;border:1px solid #ffffff22;border-radius:11px}
  .mobile-nav-toggle>summary::-webkit-details-marker{display:none}
  .mobile-nav-panel{position:absolute;right:0;top:48px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 84px);overflow:auto;background:#fff;border:1px solid #dce5f2;border-radius:15px;padding:8px;box-shadow:0 20px 50px #07152f55;z-index:999;display:grid}
  .mobile-nav-panel a{color:#173b35;padding:11px;border-radius:8px;text-decoration:none;border-bottom:1px solid #eef2f7}
  .mobile-nav-panel a:hover{background:#f3f6fd}
  .topbar{padding:10px 14px;position:sticky;top:0;z-index:998}
  .brand-wrap{min-width:0;flex:1}.brand{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:600px){
  .container{padding:14px}
  .page-head{display:grid}.page-head h1{font-size:25px}
  .btn{min-height:44px}
  .market-actions,.actions,.head-actions{gap:8px}
}