@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#111714;--ink-2:#1b231f;--ink-3:#253029;--paper:#f5f7f6;--surface:#fff;--surface-2:#f9fbfa;--line:#e4e9e6;--line-2:#d6ddd9;--text:#17201b;--muted:#6f7a73;--soft:#96a099;--accent:#fa61c1;--accent-2:#ed42aa;--accent-soft:#fff0f8;--success:#148052;--warning:#c9871b;--danger:#cf4646;--info:#3d74c5;--shadow:0 12px 34px rgba(18,27,22,.07);--shadow-lg:0 24px 70px rgba(10,18,13,.14);--r:18px;--r-sm:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% -10%,rgba(250,97,193,.12),transparent 28%),var(--paper);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{appearance:none}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.topbar{height:72px;background:rgba(14,19,16,.97);backdrop-filter:blur(14px);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:60;border-bottom:1px solid #28302b}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#e849ad);color:#fff;font-size:18px;font-weight:900;box-shadow:0 9px 24px rgba(250,97,193,.18);transform:skew(-6deg)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:14px;letter-spacing:-.01em}.brand-copy small{font-size:9px;color:#7e8a83;text-transform:uppercase;letter-spacing:.16em;margin-top:6px}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:8px;color:#aab4ae;font-size:12px;padding:8px 11px;border:1px solid #2e3731;border-radius:999px}.user-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(250,97,193,.09)}
.app-shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:244px;background:linear-gradient(180deg,#111713,#0d120f);padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:72px;height:calc(100vh - 72px);border-right:1px solid #202923;z-index:30}.nav-label{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#566159;padding:4px 13px 10px;font-weight:800}.sidebar a{display:flex;align-items:center;gap:11px;color:#9ea9a2;padding:11px 13px;border-radius:11px;font-weight:650;transition:.16s;border:1px solid transparent}.sidebar a i{font-style:normal;width:22px;text-align:center;color:#68736c;font-size:16px}.sidebar a:hover{background:#171f1a;color:#fff}.sidebar a.active{background:linear-gradient(90deg,#1b251e,#182019);border-color:#29352d;color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.sidebar a.active i{color:var(--accent)}.sidebar-foot{margin-top:auto;border-top:1px solid #222b25;padding:17px 13px 4px;display:flex;flex-direction:column}.sidebar-foot small{font-size:8px;color:#59635d;letter-spacing:.17em}.sidebar-foot b{font-size:12px;color:#b0bab4;margin-top:5px;letter-spacing:.04em}
.content{flex:1;width:100%;max-width:1640px;margin:0 auto;padding:30px 34px 58px}.content-full{max-width:none;padding:0}.container{max-width:1180px;margin:auto;padding:30px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--r);padding:21px;box-shadow:0 8px 28px rgba(20,30,24,.045)}.card:hover{border-color:#dce3df}.kpi{font-size:32px;line-height:1.05;font-weight:800;letter-spacing:-.045em;margin:9px 0 4px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#79837d}h1{font-size:31px;line-height:1.12;letter-spacing:-.045em;margin:4px 0 8px}h2{font-size:20px;letter-spacing:-.025em;margin:0 0 8px}h3{font-size:15px;letter-spacing:-.015em;margin:0 0 7px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.page-head p{margin:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-head h2{margin:4px 0 5px}.split{display:flex;justify-content:space-between;align-items:center;gap:14px}.mt{margin-top:16px}.mb{margin-bottom:18px}.right{text-align:right}.empty{padding:28px;text-align:center;border:1px dashed #ccd5cf;border-radius:14px;color:var(--muted);background:#fbfcfb}
.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border-radius:11px;font-weight:760;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,19,.08)}.btn-primary{background:var(--ink);color:#fff}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(250,97,193,.17)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:#202822;color:#d0d7d2;border:1px solid #2b352f}.btn-light{background:#f2f5f3;color:#202722;border:1px solid #e0e6e2}.btn-sm{min-height:32px;padding:6px 10px;font-size:11px}.btn-icon-danger{width:34px;height:34px;padding:0;background:#fff1f1;color:var(--danger);border:1px solid #f4d8d8;border-radius:9px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.single-col{display:grid;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full,.full{grid-column:1/-1}label{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#5d6761}input,select,textarea{width:100%;border:1px solid #dbe2de;background:#fbfcfb;color:#1a211d;border-radius:10px;padding:10px 11px;outline:0;transition:.16s}textarea{min-height:82px;resize:vertical}input:focus,select:focus,textarea:focus{background:#fff;border-color:#fa61c1;box-shadow:0 0 0 3px rgba(250,97,193,.16)}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.advanced-fields,.add-details,.inline-note{border:1px solid var(--line);border-radius:12px;background:#fafcfa;overflow:hidden}.advanced-fields summary,.add-details summary,.inline-note summary,.details-title{cursor:pointer;list-style:none;font-weight:760;padding:12px 14px}.advanced-fields[open],.add-details[open],.inline-note[open]{padding:0 14px 14px}.advanced-fields[open] summary,.add-details[open] summary,.inline-note[open] summary{margin:0 -14px;border-bottom:1px solid var(--line);margin-bottom:13px}.card>summary.details-title{padding:0}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf1ef;vertical-align:middle}.table th{font-size:9px;color:#879189;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfb}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.badge-success{background:#e0f5e8;color:#126940}.badge-warning{background:#fff1d7;color:#8a5f14}.badge-danger{background:#fde5e5;color:#9a2929}.badge-primary{background:#e6edff;color:#3456a2}.badge-info{background:#e3f0ff;color:#2a629b}.badge-secondary{background:#edf0ee;color:#626b65}.badge-dark{background:#262c28;color:#fff}.alert{padding:12px 14px;border-radius:11px;margin-bottom:17px;font-weight:650;border:1px solid transparent}.alert-success{background:#e3f7e9;color:#136b3e;border-color:#cbeed7}.alert-danger{background:#ffe6e6;color:#922d2d;border-color:#f4cccc}.alert-warning{background:#fff2d5;color:#825c13;border-color:#f6dfae}
.search-wrap{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding-left:12px;min-width:330px}.search-wrap span{font-size:18px;color:#859089}.search-wrap .search{border:0;background:transparent;box-shadow:none}.search{max-width:440px}
.profile-banner,.service-hero,.client-hero{background:radial-gradient(circle at 90% 0,rgba(250,97,193,.12),transparent 25%),linear-gradient(125deg,#111714,#202a23);color:#fff;border:1px solid #2a342d;box-shadow:var(--shadow-lg)}.profile-banner{border-radius:21px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-banner h2{font-size:26px;margin:4px 0 10px}.profile-meta{display:flex;flex-wrap:wrap;gap:7px}.profile-meta span{padding:6px 9px;border-radius:999px;background:#263129;border:1px solid #344138;color:#c8d0ca;font-size:10px}.profile-actions,.service-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.customer-layout{grid-template-columns:320px minmax(0,1fr);align-items:start}.sticky-card{position:sticky;top:96px}.client-list{display:flex;flex-direction:column;gap:8px}.client-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 24px;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;transition:.15s}.client-row:hover{transform:translateY(-1px);border-color:#ccd6d0;box-shadow:var(--shadow)}.client-initial{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#151c18;color:var(--accent);font-weight:850}.client-main{display:flex;flex-direction:column;gap:3px}.client-main span{font-size:11px;color:var(--muted)}.client-stats{display:flex;gap:7px}.client-stats span{min-width:60px;background:#f4f7f5;border-radius:10px;padding:7px 9px;display:flex;flex-direction:column;font-size:8px;text-transform:uppercase;color:#879088}.client-stats b{font-size:14px;color:#222b25}.row-arrow{color:#9ca69f;font-size:18px}.bike-profile-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.bike-profile-top{display:flex;align-items:center;gap:13px}.bike-avatar,.bike-icon{display:grid;place-items:center;background:#151c18;color:var(--accent);border-radius:14px}.bike-avatar{width:49px;height:49px;font-size:23px}.bike-icon{width:62px;height:62px;font-size:28px}.bike-profile-top h3{margin:3px 0 2px;font-size:17px}.tag{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#748078}.bike-specs{display:grid;gap:8px;margin-top:15px}.bike-specs span,.tech-card span{display:flex;flex-direction:column;font-size:11px;color:#4d5951}.bike-specs b,.tech-card b{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#959e98;margin-bottom:3px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.service-hero{border-radius:22px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.service-hero h1{font-size:30px;margin:3px 0 8px}.service-subline{display:flex;gap:8px;flex-wrap:wrap}.service-subline span{font-size:10px;color:#c5cec8;padding-right:8px;border-right:1px solid #3a463e}.service-subline span:last-child{border:0}.service-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(305px,.7fr);gap:18px;align-items:start}.service-main{min-width:0}.sticky-service-card{position:sticky;top:94px}.progress-ring{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:6px solid #edf2ee;border-top-color:var(--accent-2);font-size:15px;font-weight:850;flex:0 0 auto}.progress-ring small{font-size:8px}.inspection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.inspection-item{border:1px solid var(--line);background:#fbfcfb;border-radius:13px;padding:10px 11px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;transition:.15s}.inspection-item:hover{border-color:#ccd5cf}.inspection-item.is-checked{background:#f7fff0;border-color:#d8ebb9}.inspection-item.has-alert{background:#fff9ed;border-color:#efd4a1}.custom-check{width:30px;height:30px;border-radius:9px;border:1px solid #d4dcd7;background:#fff;display:grid;place-items:center;cursor:pointer;font-weight:900}.custom-check input,.attention-toggle input,.task-check input{position:absolute;opacity:0;pointer-events:none}.is-checked .custom-check{background:var(--accent);border-color:var(--accent);color:#12170f}.custom-check:after{content:"✓";opacity:0}.is-checked .custom-check:after{opacity:1}.check-main{display:flex;flex-direction:column;gap:2px;min-width:0}.check-main strong{font-size:12px}.check-main small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8a948d}.attention-toggle{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#9a6a18;cursor:pointer}.attention-toggle:before{content:"!";width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#fff3d8;border:1px solid #f0d7a6}.has-alert .attention-toggle:before{background:#e5a63d;color:#fff;border-color:#e5a63d}.inspection-notes{grid-column:2/-1}.inspection-notes summary{padding:2px 0;color:#68746c;font-size:10px;font-weight:700}.inspection-notes[open]{padding:4px 0 0;background:transparent;border:0}.inspection-notes input{padding:8px 9px;font-size:11px}.task-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.task-item{display:grid;grid-template-columns:34px minmax(0,1fr) 120px 36px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff}.task-item.task-done{background:#f7fff0;border-color:#d9ebbd}.task-check{width:31px;height:31px;border-radius:9px;border:1px solid #d5ddd8;background:#fff;display:grid;place-items:center;cursor:pointer}.task-done .task-check{background:#171e19;color:var(--accent)}.task-check:after{content:"✓";opacity:.18}.task-done .task-check:after{opacity:1}.task-copy{min-width:0}.task-copy strong{font-size:12px}.task-note{font-size:10px;color:var(--muted);margin-top:2px}.price-input{position:relative}.price-input:before{content:"$";position:absolute;left:9px;top:10px;color:#7e8a82;font-size:11px}.price-input input{padding-left:20px;text-align:right;font-weight:750}.icon-save{width:34px;height:34px;border:0;border-radius:9px;background:#eef3ef;cursor:pointer}.add-work-panel{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:9px;align-items:end;margin-top:16px;padding:14px;background:#f7f9f8;border:1px solid var(--line);border-radius:13px}.optional-note{grid-column:1/-1}.part-list{display:flex;flex-direction:column;gap:8px}.part-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px 36px;gap:10px;align-items:center;border-bottom:1px solid #edf1ee;padding:10px 0}.part-row:last-child{border-bottom:0}.part-row strong{font-size:12px}.money-field,.price-field,.price-total{text-align:right}.status-title{display:flex;align-items:center;gap:9px;margin-top:8px}.status-title h2{margin:0}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 5px rgba(154,230,36,.12)}.statusbar{height:7px;background:#e8eee9;border-radius:999px;overflow:hidden}.statusbar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:inherit}.order-total-box{margin-top:16px;padding:15px;border-radius:13px;background:#141b16;color:#fff;display:flex;flex-direction:column}.order-total-box span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8c978f}.order-total-box strong{font-size:28px;color:var(--accent);margin:3px 0}.order-total-box small{font-size:9px;color:#93a097}.mini-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-specs span{background:#f5f7f6;border-radius:10px;padding:9px;display:flex;flex-direction:column;font-size:10px}.mini-specs b{font-size:8px;color:#98a19b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.tech-card{display:grid;gap:8px;padding-top:13px;border-top:1px solid var(--line)}
.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:29px minmax(0,1fr);gap:10px;position:relative;padding-bottom:17px}.timeline-item:before{content:"";position:absolute;left:14px;top:28px;bottom:0;width:1px;background:#dce3df}.timeline-item:last-child:before{display:none}.timeline-dot{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e8ecea;color:#778079;font-size:10px;font-weight:900;z-index:1}.timeline-dot.done{background:#171e19;color:var(--accent)}
.client-hero{border-radius:24px;padding:30px;position:relative;overflow:hidden}.client-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--accent);opacity:.045;right:-65px;top:-100px}.client-hero h1{font-size:38px;max-width:760px}.client-hero p{color:#c7d0ca;max-width:720px}.bike-card{display:flex;align-items:center;gap:15px}.brand-strip{display:flex;flex-wrap:wrap;gap:9px}.brand-pill{border:1px solid #dde3df;color:#38433b;background:#fafbfa;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:700}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:12px;transition:.16s}.quick-action:hover{border-color:#cad4ce;transform:translateY(-1px);box-shadow:var(--shadow)}.quick-action-icon{width:38px;height:38px;border-radius:11px;background:#151c18;color:var(--accent);display:grid;place-items:center;font-size:17px}.quick-action b{display:block;font-size:12px}.quick-action small{color:var(--muted);font-size:10px}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:var(--accent);opacity:.08;right:-23px;top:-23px}.stock-low{color:#a86f11;font-weight:800}.stock-ok{color:var(--success);font-weight:800}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.filter-pill{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:10px;font-weight:750;color:#66716a}.filter-pill.active{background:#171e19;color:#fff;border-color:#171e19}.login-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 70% 20%,rgba(250,97,193,.13),transparent 24%),#f5f7f6}.login-card{width:min(440px,100%)}.hero{background:linear-gradient(135deg,#101511,#252e28);color:#fff;padding:52px 0}.hero h1{font-size:48px}.hero p{font-size:17px;color:#c7d0ca;max-width:700px}.print-only{display:none}
@media(max-width:1180px){.service-layout{grid-template-columns:1fr}.sticky-service-card{position:static}.service-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-aside>.card,.service-aside>details{margin-top:0}.customer-layout{grid-template-columns:280px minmax(0,1fr)}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.sidebar{width:76px}.sidebar .nav-label,.sidebar span,.sidebar-foot{display:none}.sidebar a{justify-content:center;padding:12px}.sidebar a i{font-size:18px}.content{padding:24px}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-layout{grid-template-columns:1fr}.sticky-card{position:static}.inspection-grid{grid-template-columns:1fr}.client-stats{display:none}.service-hero{align-items:flex-start}.service-aside{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.topbar{height:64px;padding:0 13px}.app-shell{min-height:calc(100vh - 64px)}.sidebar{display:none}.content{padding:14px 12px 34px}.grid-4,.grid-3,.grid-2,.form-grid,.service-aside,.quick-actions{grid-template-columns:1fr}.page-head,.profile-banner,.service-hero{flex-direction:column;align-items:stretch}.page-head{margin-bottom:16px}.search-wrap{min-width:0;width:100%}.profile-actions,.service-hero-actions{display:grid;grid-template-columns:1fr 1fr}.inspection-item{grid-template-columns:32px minmax(0,1fr) auto}.task-item{grid-template-columns:32px minmax(0,1fr) 96px}.task-item .icon-save{grid-column:2/-1;width:100%}.add-work-panel{grid-template-columns:1fr}.optional-note{grid-column:auto}.part-row{grid-template-columns:1fr 78px 90px 34px}.client-row{grid-template-columns:42px 1fr 22px}.client-stats{display:none}.inline-fields{grid-template-columns:1fr}.hide-mobile{display:none}.brand-copy small{display:none}.card{padding:15px;border-radius:15px}.client-hero{padding:23px}.client-hero h1{font-size:30px}.hero h1{font-size:34px}.container{padding:18px}.table{min-width:620px}.service-hero h1{font-size:26px}}
@media print{.topbar,.sidebar,.no-print{display:none!important}.content{padding:0}.card{box-shadow:none;border:0}.print-only{display:block}body{background:#fff}}

/* V4 — polish & auth */
.brand-logo{height:42px;max-width:185px;object-fit:contain;display:block}.sidebar-section{padding-top:16px}.guest-shell{min-height:100vh}.guest-shell .content{padding:0}.portal-gateway{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:linear-gradient(135deg,#101612 0%,#18211b 52%,#0c110e 100%);color:#fff}.gateway-hero{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.gateway-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(250,97,193,.18),transparent 68%);right:-120px;top:-80px}.gateway-brand{height:78px;margin-bottom:26px}.gateway-brand img{height:100%;max-width:280px;object-fit:contain;object-position:left center}.brand-fallback-large{width:72px;height:72px;border-radius:22px;background:var(--accent);color:#111;display:grid;place-items:center;font-size:34px;font-weight:900}.gateway-hero h1{font-size:clamp(42px,6vw,78px);max-width:720px;margin:8px 0 18px}.gateway-hero p{max-width:650px;color:#abb6af;font-size:17px;line-height:1.7}.gateway-options{background:#f4f7f5;color:var(--text);padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center;gap:18px}.portal-option{display:grid;grid-template-columns:56px 1fr 30px;align-items:center;gap:18px;background:#fff;border:1px solid #e1e7e3;border-radius:22px;padding:24px;box-shadow:0 12px 34px rgba(10,18,13,.06);transition:.18s}.portal-option:hover{transform:translateY(-3px);border-color:#bdcfbf;box-shadow:0 18px 45px rgba(10,18,13,.1)}.portal-option.client{background:linear-gradient(145deg,#fff,#f6ffe9)}.portal-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#111714;color:var(--accent);font-size:22px}.portal-option.client .portal-icon{background:var(--accent);color:#111}.portal-option h2{margin:2px 0 5px}.portal-option p{margin:0;color:var(--muted)}.portal-arrow{font-size:24px;color:#8e9992}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 75% 15%,rgba(250,97,193,.16),transparent 28%),linear-gradient(135deg,#101612,#19231c)}.client-auth{background:radial-gradient(circle at 22% 8%,rgba(250,97,193,.2),transparent 30%),#eef3ef}.auth-panel{width:min(440px,100%);background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.2)}.auth-panel-wide{width:min(620px,100%)}.auth-brand{display:flex;align-items:center;gap:12px;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--line)}.auth-brand img{height:46px;max-width:220px;object-fit:contain}.auth-brand>span{width:44px;height:44px;border-radius:14px;background:#111714;color:var(--accent);display:grid;place-items:center;font-size:22px}.auth-brand strong{font-size:14px}.btn-lg{min-height:46px}.auth-foot,.auth-register{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.auth-foot a,.auth-register a{font-weight:800;color:#2c372f}.auth-register{justify-content:center}.password-hint{font-size:11px;color:var(--muted);margin-top:-5px}
.danger-zone{border-color:#efcece;background:linear-gradient(180deg,#fff,#fff9f9)}.danger-zone h3{color:#a62d2d}.modal-shade{position:fixed;inset:0;background:rgba(5,9,7,.62);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-shade.open{display:flex}.modal-box{width:min(480px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.modal-box h2{margin:4px 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.service-admin-tools{display:flex;gap:8px;flex-wrap:wrap}.brand-preview{height:80px;min-width:180px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line-2);border-radius:14px;background:#f9fbfa;padding:12px}.brand-preview img{max-height:56px;max-width:220px}.security-note{display:flex;gap:10px;align-items:flex-start;padding:13px;border-radius:12px;background:#f3f8f4;border:1px solid #dfebe1;color:#48544c}.security-note b{color:#182019}
@media(max-width:900px){.portal-gateway{grid-template-columns:1fr}.gateway-hero{padding:64px 28px 40px}.gateway-options{padding:28px 22px 54px}.gateway-hero h1{font-size:42px}.portal-option{grid-template-columns:48px 1fr 24px;padding:18px}.auth-screen{padding:18px}.auth-panel{padding:24px}.brand-copy b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* V4.2 — visual system polish */
body{overflow-x:hidden}.content{min-width:0}.card,.profile-banner,.service-hero,.client-hero,.auth-card-pro,.client-login-card{isolation:isolate}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c8d0cb transparent}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-thumb{background:#c8d0cb;border-radius:999px}.mobile-bottom-nav{display:none}

/* Staff login: V3 language, refined */
.staff-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);background:#f4f7f5}.staff-auth-hero{position:relative;overflow:hidden;padding:54px clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background:radial-gradient(circle at 78% 18%,rgba(250,97,193,.16),transparent 28%),linear-gradient(135deg,#0d120f 0%,#151d18 52%,#222d25 100%);color:#fff}.staff-auth-hero:before{content:"";position:absolute;inset:auto -150px -180px auto;width:520px;height:520px;border-radius:50%;border:1px solid rgba(250,97,193,.1);box-shadow:0 0 0 70px rgba(250,97,193,.018),0 0 0 140px rgba(250,97,193,.012)}.staff-auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.staff-auth-brand img{max-width:205px;max-height:54px;object-fit:contain;object-position:left}.staff-auth-brand>div{display:flex;flex-direction:column}.staff-auth-brand strong{font-size:15px}.staff-auth-brand small{font-size:9px;color:#7f8d85;text-transform:uppercase;letter-spacing:.16em;margin-top:5px}.staff-brand-mark{width:46px;height:46px;border-radius:14px;background:var(--accent);color:#111713;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 12px 28px rgba(250,97,193,.16)}.staff-auth-copy{position:relative;z-index:1;max-width:720px;margin:70px 0}.eyebrow.light{color:#87958d}.staff-auth-copy h1{font-size:clamp(44px,5.3vw,76px);line-height:.98;letter-spacing:-.062em;margin:12px 0 24px}.staff-auth-copy p{font-size:16px;line-height:1.75;max-width:630px;color:#aeb9b2;margin:0}.staff-feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.staff-feature-row span{padding:9px 12px;border-radius:999px;border:1px solid #2f3a33;background:rgba(255,255,255,.025);color:#c0cac4;font-size:10px;font-weight:700}.staff-auth-footer{position:relative;z-index:1;color:#647169;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.staff-auth-formside{display:grid;place-items:center;padding:44px;min-width:0}.auth-card-pro{width:min(430px,100%);background:#fff;border:1px solid #e1e7e3;border-radius:24px;padding:34px;box-shadow:0 28px 80px rgba(14,24,18,.12)}.auth-kicker{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#6e7972}.auth-kicker>span{width:22px;height:3px;border-radius:9px;background:var(--accent-2)}.auth-card-pro h2,.client-login-card h2{font-size:30px;letter-spacing:-.045em;margin:12px 0 8px}.auth-card-pro>p,.client-login-card>p{color:var(--muted);line-height:1.6;margin:0 0 24px}.auth-form-pro{gap:14px}.auth-form-pro input{min-height:47px;border-radius:12px;padding:12px 13px;background:#f9fbfa}.auth-submit{width:100%;min-height:48px;border-radius:12px;margin-top:3px;justify-content:space-between;padding-inline:16px}.auth-submit span{font-size:18px}.auth-security{margin-top:20px;padding:13px 14px;border:1px solid #e1e8e3;border-radius:13px;background:#f8faf9;display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start}.security-dot{width:8px;height:8px;border-radius:50%;background:var(--success);margin-top:4px;box-shadow:0 0 0 4px rgba(20,128,82,.08)}.auth-security b{font-size:10px;display:block}.auth-security small{display:block;color:#879088;font-size:9px;line-height:1.45;margin-top:2px}.auth-back{display:inline-flex;margin-top:22px;color:#758078;font-size:10px;font-weight:750}.auth-back:hover{color:#1d2721}

/* Client auth: distinct, lighter, aspirational */
.client-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);background:#eef3ef}.client-auth-showcase{min-height:100vh;position:relative;overflow:hidden;padding:54px clamp(36px,6vw,82px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 17%,rgba(250,97,193,.23),transparent 29%),linear-gradient(145deg,#f7fbf8 0%,#edf4ef 55%,#e7efe9 100%);border-right:1px solid #dce5df}.client-auth-showcase:after{content:"";position:absolute;width:430px;height:430px;right:-160px;bottom:-180px;border-radius:50%;background:linear-gradient(145deg,rgba(250,97,193,.34),rgba(250,97,193,0));filter:blur(2px)}.client-auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.client-auth-brand img{max-width:205px;max-height:52px;object-fit:contain}.client-auth-brand strong{font-size:14px}.client-brand-mark{width:44px;height:44px;border-radius:14px;background:#111714;color:var(--accent);display:grid;place-items:center;font-size:21px}.client-showcase-copy{position:relative;z-index:1;max-width:650px;margin:60px 0 34px}.client-showcase-copy h1{font-size:clamp(44px,5vw,70px);line-height:1;letter-spacing:-.06em;margin:12px 0 20px}.client-showcase-copy p{font-size:15px;line-height:1.75;color:#647169;max-width:590px}.service-preview-card{position:relative;z-index:1;width:min(610px,100%);background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:18px 20px;box-shadow:0 20px 50px rgba(25,40,30,.09)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.preview-top>div{display:flex;flex-direction:column;gap:3px}.preview-top small{font-size:8px;letter-spacing:.13em;color:#89948d;font-weight:800}.preview-top strong{font-size:14px}.preview-top>span{font-size:22px;font-weight:850;letter-spacing:-.04em}.preview-progress{height:6px;border-radius:999px;background:#e6ece8;overflow:hidden;margin:14px 0 13px}.preview-progress i{display:block;width:75%;height:100%;background:#151d18;border-radius:inherit}.preview-steps{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#929b95;font-weight:700}.preview-steps .done{color:#536159}.preview-steps .active{color:#17201b}.client-auth-formside{display:grid;place-items:center;padding:44px;background:#fff}.client-login-card{width:min(440px,100%)}.client-register-box{margin-top:20px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fafcfb;display:flex;align-items:center;justify-content:space-between;gap:12px}.client-register-box>div{display:flex;flex-direction:column;gap:3px}.client-register-box small{font-size:9px;color:#8b958e}.client-register-box b{font-size:11px}.client-benefits{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.client-benefits span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);font-size:10px;font-weight:760}.client-benefits b{color:#738177;font-size:9px}.register-card{width:min(560px,100%)}

/* General responsive & interaction polish */
.sidebar,.topbar,.mobile-bottom-nav{will-change:transform}.btn,.quick-action,.client-row,.portal-option,.bike-profile-card{transform:translateZ(0)}.modal-shade{overscroll-behavior:contain}.card{overflow-wrap:anywhere}.service-layout,.customer-layout,.grid>*{min-width:0}.service-hero-actions .btn,.profile-actions .btn{max-width:100%}.table td,.table th{white-space:normal}.sidebar{overflow-y:auto;overscroll-behavior:contain}.topbar{box-shadow:0 5px 20px rgba(9,14,11,.08)}

@media(max-width:980px){.staff-auth-shell,.client-auth-shell{grid-template-columns:1fr}.staff-auth-hero,.client-auth-showcase{min-height:auto;padding:42px 30px}.staff-auth-copy,.client-showcase-copy{margin:58px 0 36px}.staff-auth-footer{display:none}.staff-auth-formside,.client-auth-formside{padding:36px 22px 52px}.service-preview-card{max-width:680px}.client-auth-showcase{border-right:0;border-bottom:1px solid #dce5df}}
@media(max-width:680px){body.logged-in{padding-bottom:68px}.staff-auth-hero,.client-auth-showcase{padding:30px 20px}.staff-auth-copy,.client-showcase-copy{margin:44px 0 20px}.staff-auth-copy h1,.client-showcase-copy h1{font-size:39px}.staff-auth-copy p,.client-showcase-copy p{font-size:13px}.staff-feature-row{display:none}.staff-auth-formside,.client-auth-formside{padding:22px 14px 42px}.auth-card-pro{padding:24px 20px;border-radius:19px;box-shadow:0 18px 45px rgba(14,24,18,.1)}.auth-card-pro h2,.client-login-card h2{font-size:26px}.service-preview-card{padding:15px}.preview-steps{display:grid;grid-template-columns:1fr 1fr}.client-register-box{align-items:flex-start}.register-card .form-grid{grid-template-columns:1fr}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:90;background:rgba(14,19,16,.96);backdrop-filter:blur(16px);border:1px solid #2b352f;border-radius:17px;padding:6px;box-shadow:0 16px 38px rgba(7,12,9,.28)}.mobile-bottom-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:48px;border-radius:12px;color:#89958d;font-size:8px;font-weight:750}.mobile-bottom-nav a i{font-style:normal;font-size:15px}.mobile-bottom-nav a.active{background:#1c251f;color:#fff}.mobile-bottom-nav a.active i{color:var(--accent)}body:has(.mobile-bottom-nav){padding-bottom:76px}.content{padding-bottom:92px}.topbar{position:sticky}.top-actions .btn{min-height:34px}.profile-actions,.service-hero-actions{grid-template-columns:1fr}.task-item{grid-template-columns:32px minmax(0,1fr) 90px}.part-row{grid-template-columns:minmax(0,1fr) 70px 84px 34px;gap:7px}.inspection-item{padding:9px}.table-wrap{margin-left:-3px;margin-right:-3px}.card{overflow:hidden}}

/* V4.4 — functional additions, visual language preserved */
.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.row-actions form{margin:0}.toggle-line{display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;font-size:12px;color:var(--text)}.toggle-line input{width:auto;accent-color:#111714}
.brand-carousel-card{padding-bottom:17px}.brand-carousel{position:relative;overflow:hidden;margin:14px -21px -4px;padding:13px 0}.brand-carousel:before,.brand-carousel:after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}.brand-carousel:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.brand-carousel:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}.brand-carousel-track{display:flex;width:max-content;align-items:center;gap:14px;animation:brandMarquee 34s linear infinite;will-change:transform}.brand-carousel:hover .brand-carousel-track{animation-play-state:paused}.brand-logo-tile{height:54px;min-width:132px;padding:0 18px;border:1px solid #e1e6e3;background:#fbfcfb;border-radius:13px;display:flex;align-items:center;justify-content:center;filter:grayscale(1);transition:.18s}.brand-logo-tile:hover{background:#fff;filter:none;border-color:#d4ddd7;transform:translateY(-1px)}.brand-marquee-logo{display:block;max-width:118px;max-height:26px;width:auto;height:auto;object-fit:contain}@keyframes brandMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}@media(prefers-reduced-motion:reduce){.brand-carousel-track{animation:none}}@media(max-width:680px){.row-actions{gap:5px}.brand-carousel{margin-left:-20px;margin-right:-20px}.brand-logo-tile{height:48px;min-width:112px;padding:0 14px}.brand-marquee-logo{max-width:96px;max-height:22px}.brand-carousel-track{gap:10px;animation-duration:28s}}

/* V4.5 — service workflow & preventive maintenance; visual system preserved */
.service-checklist{display:grid;gap:7px;margin-top:16px}.service-check-category{margin:10px 0 1px;padding:0 4px;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#808b84}.service-check-row{display:grid;grid-template-columns:minmax(0,1fr) 126px 68px;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fafcfa;transition:.16s}.service-check-row.is-done{background:#fff5fb;border-color:#f3cbe4}.service-check-main{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:12px;color:#707b74;cursor:pointer}.service-check-row.is-done .service-check-main{color:var(--ink);font-weight:800}.service-check-main input{position:absolute;opacity:0;pointer-events:none}.service-check-main .custom-check{width:25px;height:25px;border:1px solid #d2dad5;border-radius:8px;display:grid;place-items:center;background:#fff;color:transparent;font-size:13px;flex:0 0 auto}.service-check-row.is-done .custom-check{background:var(--ink);border-color:var(--ink);color:var(--accent)}.price-input.compact{min-width:0}.bike-history-inline{border-top:1px solid var(--line);padding-top:17px}.history-compact{display:grid;gap:8px}.history-compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:10px 12px;background:#fafcfa;border:1px solid var(--line);border-radius:11px}.history-compact-row>div:first-child{display:flex;flex-direction:column;gap:3px}.history-compact-row span{font-size:10px;color:var(--muted)}.history-next{text-align:right;display:flex;flex-direction:column;gap:2px}.history-next small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.history-next b{font-size:11px}.reminder-card{border-color:#e8ddbd;background:linear-gradient(180deg,#fffdf8,#fff)}.reminder-list{display:grid;gap:8px}.reminder-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #eee5cd;border-radius:12px;background:#fff}.reminder-date{width:44px;height:44px;border-radius:10px;background:#fff4d8;color:#7b5915;display:flex;flex-direction:column;align-items:center;justify-content:center}.reminder-date strong{font-size:16px;line-height:1}.reminder-date small{font-size:7px;margin-top:3px;font-weight:850}.reminder-copy{display:flex;flex-direction:column;gap:2px}.reminder-copy strong{font-size:11px}.reminder-copy span{font-size:10px;color:var(--muted)}.reminder-copy small{font-size:9px;color:#936619}.text-danger{color:var(--danger)!important}.clinical-timeline{display:grid;gap:8px}.clinical-item{display:grid;grid-template-columns:105px minmax(0,1fr) 130px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.clinical-item:last-child{border-bottom:0}.clinical-date{font-size:10px;font-weight:800;color:#6f7a73}.clinical-body{display:flex;flex-direction:column;gap:3px}.clinical-body strong{font-size:12px}.clinical-body span,.clinical-body small{font-size:10px;color:var(--muted)}.clinical-next{display:flex;flex-direction:column;text-align:right;gap:3px}.clinical-next small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.clinical-next b{font-size:11px}.maintenance-pills{display:flex;gap:9px;overflow:auto;padding-bottom:2px}.maintenance-pill{min-width:190px;padding:12px;border-radius:12px;background:#f7faf8;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.maintenance-pill>span{font-size:9px;color:#6e7a72;text-transform:uppercase;letter-spacing:.08em}.maintenance-pill strong{font-size:12px}.maintenance-pill small{font-size:9px;color:var(--muted)}
@media(max-width:680px){.service-check-row{grid-template-columns:minmax(0,1fr) 92px}.service-check-row .icon-save{grid-column:2;min-height:28px;font-size:9px}.reminder-row{grid-template-columns:42px minmax(0,1fr)}.reminder-row>.row-actions{grid-column:1/-1;justify-content:flex-end}.clinical-item{grid-template-columns:1fr}.clinical-next{text-align:left}.history-compact-row{grid-template-columns:1fr}.history-next{text-align:left}.maintenance-pills{margin-right:-20px;padding-right:20px}}

/* V4.6 — service simplificado. Mantiene la identidad V4.3/V4.4 y corrige layout de escritorio. */
.service-layout-v46{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:20px}.service-layout-v46 .workflow-card{overflow:hidden}.service-checklist-v46{grid-template-columns:1fr}.service-checklist-v46 .service-check-category{grid-column:1/-1}.service-checklist-v46 .service-check-row{min-width:0}.service-inline-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;border-radius:12px;background:#f5f8f6;border:1px solid var(--line)}.service-inline-total span{font-size:10px;color:var(--muted);font-weight:700}.service-inline-total strong{font-size:18px}.quick-part-form{display:grid;grid-template-columns:minmax(0,1.45fr) 150px minmax(0,1fr) 150px 170px;gap:10px;align-items:end}.quick-part-form .quick-part-note{grid-column:1/5}.quick-part-form .quick-part-action{grid-column:5;align-self:end}.quick-part-form .btn{width:100%}.part-row-v46{grid-template-columns:minmax(0,1fr) 110px 36px}.service-summary-form{margin-top:16px}.service-return-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.input-suffix{position:relative}.input-suffix input{padding-right:42px}.input-suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);font-weight:800}.field-hint{display:block;margin-top:5px;font-size:9px;color:var(--muted)}.recommendation-card{background:linear-gradient(180deg,#fbfdfb,#fff)}.return-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.return-tags span{display:inline-flex;align-items:center;padding:7px 9px;border-radius:9px;background:#f1f6f2;border:1px solid var(--line);font-size:10px;font-weight:800}.bike-history-strip{overflow:hidden}
@media(min-width:1181px){.service-layout-v46 .service-aside{min-width:0}.service-layout-v46 .sticky-service-card{top:88px}.service-check-row{grid-template-columns:minmax(0,1fr) 132px 72px}.service-hero-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:1180px){.service-layout-v46{grid-template-columns:1fr}.quick-part-form{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-part-form .quick-part-note,.quick-part-form .quick-part-action{grid-column:auto}.service-return-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.service-check-row{grid-template-columns:minmax(0,1fr) 92px}.service-check-row .icon-save{grid-column:1/-1;width:100%}.quick-part-form,.service-return-grid{grid-template-columns:1fr}.quick-part-form .quick-part-note,.quick-part-form .quick-part-action{grid-column:auto}.summary-actions{display:grid;grid-template-columns:1fr 1fr}.part-row-v46{grid-template-columns:minmax(0,1fr) 88px 34px}.service-inline-total{align-items:flex-start;gap:10px}.service-inline-total strong{font-size:16px}.workflow-card .section-head{align-items:flex-start}.workflow-card .progress-ring{width:54px;height:54px;flex-basis:54px}}


/* V4.7 — pulido exclusivo del apartado Service. No altera el sistema visual global. */
.service-hero,
.service-layout-v46,
.service-layout-v46 *{box-sizing:border-box}
.service-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;overflow:visible}
.service-hero-main{min-width:0}
.service-hero-main h1{overflow-wrap:anywhere}
.service-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:390px}
.service-hero-actions .btn{white-space:nowrap}

.service-layout-v46{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start;width:100%;min-width:0}
.service-layout-v46 .service-main,.service-layout-v46 .service-aside{min-width:0;width:100%}
.service-layout-v46 .workflow-card,.service-layout-v46 .service-aside>.card,.service-layout-v46 details.card{width:100%;max-width:100%}
.service-layout-v46 .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
.service-layout-v46 .section-head>div:first-child{min-width:0}
.service-layout-v46 .section-head h2,.service-layout-v46 .section-head p{max-width:100%}
.service-layout-v46 input,.service-layout-v46 select,.service-layout-v46 textarea{width:100%;max-width:100%;min-width:0}

.service-checklist-v46{width:100%;min-width:0}
.service-checklist-v46 .service-check-row{grid-template-columns:minmax(0,1fr) 118px 82px;gap:9px;width:100%;max-width:100%;overflow:hidden}
.service-checklist-v46 .service-check-main{min-width:0}
.service-checklist-v46 .service-check-main>span:last-child{min-width:0;overflow-wrap:anywhere;line-height:1.25}
.service-checklist-v46 .price-input,.service-checklist-v46 .price-input input{width:100%;min-width:0}
.service-checklist-v46 .icon-save{width:100%;min-width:0;white-space:nowrap}

.quick-part-form{display:grid;grid-template-columns:minmax(0,1.5fr) 130px minmax(0,1fr);grid-template-areas:"part price component" "km date note" "action action action";gap:11px 12px;align-items:end;width:100%;min-width:0}
.quick-part-form>.form-group:nth-of-type(1){grid-area:part}.quick-part-form>.form-group:nth-of-type(2){grid-area:price}.quick-part-form>.form-group:nth-of-type(3){grid-area:component}.quick-part-form>.form-group:nth-of-type(4){grid-area:km}.quick-part-form>.form-group:nth-of-type(5){grid-area:date}.quick-part-form>.quick-part-note{grid-area:note!important}.quick-part-form>.quick-part-action{grid-area:action!important;display:flex;justify-content:flex-end}.quick-part-form>.quick-part-action .btn{width:auto;min-width:180px}
.part-list-v46{width:100%}.part-row-v46{display:grid;grid-template-columns:minmax(0,1fr) 110px 34px;gap:10px;align-items:center;width:100%}.part-row-v46>div{min-width:0}.part-row-v46 strong,.part-row-v46 small{overflow-wrap:anywhere}

.service-return-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;width:100%;min-width:0}.service-return-grid .form-group{min-width:0}.service-summary-form{width:100%;min-width:0}.summary-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap}

.service-aside{align-self:start}.service-layout-v46 .sticky-service-card{position:sticky;top:86px;z-index:2;overflow:hidden}.service-aside .single-col,.service-aside .form-group{min-width:0}.order-total-box{min-width:0}.order-total-box strong{overflow-wrap:anywhere}
.client-summary-compact{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.client-summary-compact>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.client-summary-compact span{font-size:9px;color:var(--muted);font-weight:700}.client-summary-compact strong{font-size:10px;text-align:right;min-width:0;overflow-wrap:anywhere}

.bike-history-strip .split{align-items:center;gap:14px}.bike-history-strip .split>div{min-width:0}.history-compact-row{grid-template-columns:minmax(0,1fr) minmax(110px,auto)}

@media (min-width:1181px) and (max-width:1450px){
  .service-layout-v46{grid-template-columns:minmax(0,1fr) 294px;gap:18px}
  .service-checklist-v46 .service-check-row{grid-template-columns:minmax(0,1fr) 108px 74px}
  .quick-part-form{grid-template-columns:minmax(0,1.35fr) 118px minmax(0,.95fr)}
  .service-hero-actions{max-width:345px}
}
@media (max-width:1180px){
  .service-hero{grid-template-columns:1fr}.service-hero-actions{justify-content:flex-start;max-width:none}
  .service-layout-v46{grid-template-columns:1fr}.service-layout-v46 .sticky-service-card{position:static}
  .quick-part-form{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"part price" "component km" "date note" "action action"}
  .quick-part-form>.quick-part-action{justify-content:flex-end}
}
@media (max-width:760px){
  .service-checklist-v46 .service-check-row{grid-template-columns:minmax(0,1fr) 94px;grid-template-areas:"check price" "save save";align-items:center}
  .service-checklist-v46 .service-check-main{grid-area:check}.service-checklist-v46 .price-input{grid-area:price}.service-checklist-v46 .icon-save{grid-area:save;width:100%}
  .quick-part-form{grid-template-columns:1fr;grid-template-areas:"part" "price" "component" "km" "date" "note" "action"}
  .quick-part-form>.quick-part-action{justify-content:stretch}.quick-part-form>.quick-part-action .btn{width:100%;min-width:0}
  .service-return-grid{grid-template-columns:1fr}.summary-actions{display:grid;grid-template-columns:1fr 1fr}.summary-actions .btn{width:100%}
  .service-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.service-hero-actions .btn:last-child{grid-column:1/-1}
  .bike-history-strip .split{align-items:flex-start}.history-compact-row{grid-template-columns:1fr}.history-next{text-align:left}
}
@media (max-width:480px){.summary-actions{grid-template-columns:1fr}.service-hero-actions{grid-template-columns:1fr}.service-hero-actions .btn:last-child{grid-column:auto}.part-row-v46{grid-template-columns:minmax(0,1fr) 86px 32px}}

/* V4.8 — fix definitivo de layout de Service en desktop. Scope exclusivo. */
.service-layout-v46 .service-checklist-v46{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}
.service-layout-v46 .service-checklist-v46 .service-check-category{width:100%;margin:13px 0 2px;padding:0 2px;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#7d8981}
.service-layout-v46 .service-task-row{
  display:grid!important;
  grid-template-columns:36px minmax(180px,1fr) 150px 92px!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding:11px 12px!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:#fafcfa!important;
  overflow:visible!important;
}
.service-layout-v46 .service-task-row.is-done{background:#fff5fb!important;border-color:#f3cbe4!important}
.service-layout-v46 .service-task-check{display:block!important;width:30px!important;height:30px!important;margin:0!important;position:relative!important;cursor:pointer!important;text-transform:none!important;letter-spacing:0!important}
.service-layout-v46 .service-task-check input{
  position:absolute!important;inset:0!important;width:30px!important;height:30px!important;margin:0!important;opacity:0!important;z-index:2!important;cursor:pointer!important
}
.service-layout-v46 .service-task-box{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:1px solid #d1dad4!important;border-radius:9px!important;background:#fff!important;color:transparent!important;font-size:14px!important;font-weight:900!important;transition:.15s!important}
.service-layout-v46 .service-task-row.is-done .service-task-box{background:#161d18!important;border-color:#161d18!important;color:var(--accent)!important}
.service-layout-v46 .service-task-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.service-layout-v46 .service-task-copy strong{font-size:12px!important;line-height:1.3!important;color:#59645d!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
.service-layout-v46 .service-task-row.is-done .service-task-copy strong{color:var(--ink)!important;font-weight:850!important}
.service-layout-v46 .service-task-copy small{font-size:8px!important;line-height:1.2!important;color:#98a19b!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.service-layout-v46 .service-task-price{position:relative!important;width:150px!important;min-width:150px!important}
.service-layout-v46 .service-task-price>span{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;font-size:11px!important;color:#7e8a82!important;z-index:1!important;pointer-events:none!important}
.service-layout-v46 .service-task-price input{display:block!important;width:100%!important;height:40px!important;margin:0!important;padding:0 12px 0 26px!important;text-align:right!important;font-weight:800!important;font-size:12px!important;border-radius:10px!important;box-sizing:border-box!important}
.service-layout-v46 .service-task-save{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:92px!important;min-width:92px!important;height:40px!important;margin:0!important;padding:0 12px!important;border:1px solid #dde4df!important;border-radius:10px!important;background:#eef3ef!important;color:#263029!important;font:800 10px/1 inherit!important;white-space:nowrap!important;word-break:normal!important;overflow:visible!important;cursor:pointer!important}
.service-layout-v46 .service-task-save:hover{background:#e4ebe6!important}

/* resumen lateral: separacion consistente etiqueta/valor */
.service-layout-v46 .client-summary-compact>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:14px!important;align-items:center!important;padding:2px 0!important}
.service-layout-v46 .client-summary-compact span{display:block!important;min-width:0!important}
.service-layout-v46 .client-summary-compact strong{display:block!important;min-width:42px!important;text-align:right!important;white-space:nowrap!important}

/* evita que el sticky tape contenido en resoluciones de escritorio intermedias */
@media (min-width:1181px){
  .service-layout-v46{grid-template-columns:minmax(620px,1fr) 340px!important;gap:24px!important}
  .service-layout-v46 .service-main{min-width:620px!important}
}
@media (min-width:1181px) and (max-width:1360px){
  .service-layout-v46{grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important}
  .service-layout-v46 .service-main{min-width:0!important}
  .service-layout-v46 .service-task-row{grid-template-columns:34px minmax(150px,1fr) 126px 78px!important;gap:9px!important}
  .service-layout-v46 .service-task-price{width:126px!important;min-width:126px!important}
  .service-layout-v46 .service-task-save{width:78px!important;min-width:78px!important;padding:0 8px!important}
}
@media (max-width:1180px){
  .service-layout-v46 .service-task-row{grid-template-columns:34px minmax(0,1fr) 130px 84px!important;gap:9px!important}
  .service-layout-v46 .service-task-price{width:130px!important;min-width:130px!important}
  .service-layout-v46 .service-task-save{width:84px!important;min-width:84px!important}
}
@media (max-width:760px){
  .service-layout-v46 .service-task-row{grid-template-columns:34px minmax(0,1fr) 102px!important;grid-template-areas:"check copy price" "save save save"!important}
  .service-layout-v46 .service-task-check{grid-area:check!important}
  .service-layout-v46 .service-task-copy{grid-area:copy!important}
  .service-layout-v46 .service-task-price{grid-area:price!important;width:102px!important;min-width:102px!important}
  .service-layout-v46 .service-task-save{grid-area:save!important;width:100%!important;min-width:0!important;height:34px!important}
}
@media (max-width:520px){
  .service-layout-v46 .service-task-row{grid-template-columns:34px minmax(0,1fr)!important;grid-template-areas:"check copy" "price price" "save save"!important}
  .service-layout-v46 .service-task-price{width:100%!important;min-width:0!important}
}


/* V4.11 — pulido global de layout + color de marca. No cambia la identidad visual. */
:root{--accent:#fa61c1;--accent-2:#ed42aa;--accent-soft:#fff0f8}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.content,.container,.card,.grid>* ,.form-grid>* ,.page-head>* ,.section-head>* ,.split>*{min-width:0}
.btn-accent{color:#fff!important}
.brand-mark{color:#fff!important}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(250,97,193,.15)!important}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{max-width:none}
.page-head,.section-head,.toolbar,.split{min-width:0}
.page-head>div:first-child,.section-head>div:first-child,.toolbar>div:first-child,.split>div:first-child{min-width:0}
.card-actions,.profile-actions,.service-hero-actions,.top-actions,.row-actions{max-width:100%}
input,select,textarea,.btn{max-width:100%}
textarea{overflow-wrap:anywhere}
.search-wrap{max-width:100%}
.client-row,.bike-profile-card,.quick-action,.metric-card{min-width:0}
.client-main,.client-stats,.bike-profile-top>*{min-width:0}
.client-main b,.client-main span,.bike-profile-card strong,.bike-profile-card span{overflow-wrap:anywhere}

@media (max-width:1360px){
  .content{padding-left:26px;padding-right:26px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-layout{grid-template-columns:280px minmax(0,1fr)}
}
@media (max-width:1120px){
  .customer-layout{grid-template-columns:1fr}
  .customer-layout .sticky-card{position:static}
  .page-head,.toolbar{flex-wrap:wrap;align-items:flex-start}
  .search-wrap{min-width:0;width:min(100%,460px)}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .content{padding:22px 18px 88px}
  .container{padding:22px 18px}
  .page-head{gap:12px}
  .page-head>div:last-child,.page-head .card-actions{width:100%}
  .page-head .card-actions .btn{flex:1}
  .profile-banner{align-items:flex-start;flex-direction:column}
  .profile-actions{width:100%}
  .profile-actions .btn{flex:1}
  .form-grid{grid-template-columns:1fr}
  .form-group.full,.full{grid-column:auto}
  .inline-fields{grid-template-columns:1fr}
}
@media (max-width:680px){
  .topbar{padding:0 14px;height:64px}
  .brand-copy b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand-copy small{display:none}
  .content{padding:18px 14px 88px}
  .card{padding:18px;border-radius:16px}
  .page-head h1{font-size:27px}
  .quick-actions{grid-template-columns:1fr}
  .client-row{grid-template-columns:40px minmax(0,1fr) 22px}
  .client-stats{grid-column:2/4;flex-wrap:wrap}
  .profile-banner{padding:20px}
  .profile-banner h2{font-size:23px}
  .table{min-width:620px}
  .btn{white-space:normal;text-align:center}
  .card-actions{display:flex;flex-wrap:wrap}
}
@media (max-width:420px){
  .top-actions{gap:6px}
  .top-actions .btn{padding-inline:10px}
  .brand{gap:8px}
  .brand-mark{width:36px;height:36px;border-radius:11px}
  .brand-logo{max-width:140px;max-height:38px}
  .client-row{padding:11px}
  .page-head h1{font-size:25px}
}

/* V4.12 — sidebar fijo en desktop. Sin cambios visuales. */
@media (min-width: 901px){
  .logged-in .sidebar{
    position:fixed!important;
    left:0!important;
    top:72px!important;
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .logged-in .app-shell{display:block!important;min-height:calc(100vh - 72px)!important}
  .logged-in .content{
    margin-left:244px!important;
    width:calc(100% - 244px)!important;
    min-height:calc(100vh - 72px)!important;
  }
}

/* V4.13 — topbar fijo en desktop, coordinado con sidebar fijo. */
@media (min-width: 901px){
  .logged-in .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:100!important;
  }
  .logged-in .app-shell{
    padding-top:72px!important;
  }
  .logged-in .sidebar{
    top:72px!important;
  }
  .logged-in .content{
    min-height:calc(100vh - 72px)!important;
  }
}

/* V4.14 — ajustes finales de logo, Agenda y Clientes en desktop. */
/* El logo de cabecera es una imagen real; no debe heredar el look de las tarjetas del carrusel. */
.topbar .brand > img.brand-logo{
  width:auto!important;
  height:48px!important;
  max-width:190px!important;
  max-height:48px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}
.topbar .brand > img.brand-logo:hover{background:transparent!important;filter:none!important;transform:none!important}

/* Agenda: las acciones del flujo ocupan el ancho disponible y no se comprimen en cuatro columnas. */
.appointments-flow .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%}
.appointments-flow .quick-action{min-width:0!important;padding:15px!important;align-items:center!important}
.appointments-flow .quick-action>span:last-child{min-width:0!important}
.appointments-flow .quick-action b,.appointments-flow .quick-action small{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.appointments-table{min-width:980px!important}
.appointments-table th:nth-child(1){width:145px}
.appointments-table th:nth-child(2){width:150px}
.appointments-table th:nth-child(3){width:190px}
.appointments-table th:nth-child(5){width:255px}
.appointments-table th:last-child{width:92px}
.appointment-status-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;min-width:210px!important}
.appointment-status-form select,.appointment-status-form input{width:100%!important;min-width:0!important;margin:0!important}
.appointments-table td{vertical-align:middle!important}
.appointments-table td:last-child{text-align:right!important}

/* Clientes: Alta rápida es una única columna real dentro de su tarjeta lateral. */
.customer-quick-form{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
.customer-quick-form>*{min-width:0!important;grid-column:1/-1!important}
.customer-quick-form .btn{width:100%!important;white-space:normal!important;line-height:1.2!important;padding-left:12px!important;padding-right:12px!important}
.customer-layout>.sticky-card{width:100%!important;min-width:0!important;overflow:hidden!important}
.customer-layout .advanced-fields{width:100%!important;min-width:0!important}
.customer-layout .client-list{min-width:0!important}
.customer-layout .client-row{width:100%!important;box-sizing:border-box!important}

@media (min-width:1361px){
  .customer-layout{grid-template-columns:340px minmax(0,1fr)!important;gap:22px!important}
}
@media (min-width:1121px) and (max-width:1360px){
  .customer-layout{grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important}
}
@media (max-width:1120px){
  .appointments-flow .quick-actions{grid-template-columns:1fr 1fr!important}
  .appointments-table{min-width:900px!important}
}
@media (max-width:680px){
  .topbar .brand > img.brand-logo{height:38px!important;max-height:38px!important;max-width:145px!important}
  .appointments-flow .quick-actions{grid-template-columns:1fr!important}
}

/* V4.15 — gestión del catálogo web. Se integra al sistema visual existente. */
.store-product-form textarea{min-height:108px}.store-toggle-row{gap:22px;flex-wrap:wrap}.check-line{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:var(--ink);font-size:13px}.check-line input{width:17px;height:17px;accent-color:var(--accent)}
.store-admin-product{display:flex;align-items:center;gap:11px;min-width:220px}.store-admin-thumb{width:52px;height:42px;border-radius:10px;background:#eef2ef;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;color:#8c9891}.store-admin-thumb img{width:100%;height:100%;object-fit:cover}.store-admin-product strong,.store-admin-product small{display:block}.store-admin-product small{color:var(--muted);margin-top:2px}.store-products-table{min-width:930px}.store-category-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.store-category-form{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fafbfa}.store-category-list{display:grid;gap:9px}.store-category-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff}.store-category-row strong,.store-category-row small{display:block}.store-category-row small{color:var(--muted);margin-top:2px}
@media(max-width:1120px){.store-category-layout{grid-template-columns:1fr}.store-category-form{max-width:520px}}
@media(max-width:680px){.store-category-row{align-items:flex-start;flex-direction:column}.store-category-row .row-actions{width:100%}.store-category-row .row-actions .btn{flex:1}}


/* V4.17 catalog gallery + payment settings */
.store-gallery-admin{display:flex;gap:12px;flex-wrap:wrap}
.store-gallery-admin__item{position:relative;width:118px;height:88px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f3f6f4}
.store-gallery-admin__item img{width:100%;height:100%;object-fit:cover;display:block}.store-gallery-admin__item form{position:absolute;right:6px;top:6px}.store-gallery-admin__item .btn{width:28px;height:28px;min-height:0;padding:0;border-radius:9px}
.payment-qr-preview{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.payment-qr-preview img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:10px}.payment-qr-preview span{font-size:12px;font-weight:800}

.store-gallery-admin__item{cursor:pointer}.gallery-remove-check{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(16,23,19,.82);color:#fff;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px;backdrop-filter:blur(5px)}.gallery-remove-check input{accent-color:#fa61c1}

/* V4.26 — mejoras operativas sin alterar el sistema visual */
.template-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #edf0ee}.template-row:last-child{border-bottom:0}.template-row>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.template-row span{color:var(--muted);font-size:12px;line-height:1.45}.template-row small{color:#8b958f}.template-form{border-left:1px solid #edf0ee;padding-left:22px}.template-service-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:290px;overflow:auto;padding:3px}.template-service-picker label{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid #e3e8e5;border-radius:12px;background:#fafcfb;cursor:pointer}.template-service-picker input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent)}.template-service-picker span{display:flex;flex-direction:column;font-size:12px;font-weight:800}.template-service-picker small{font-weight:500;color:var(--muted);margin-top:2px}
.approval-client-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(250,97,193,.3);background:linear-gradient(135deg,#fff,#fff8fc)}.approval-client-card h2{margin:3px 0 7px}.approval-client-actions{display:flex;gap:8px;flex:0 0 auto}.approval-mini{margin-top:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:12px;align-items:center}.approval-mini>div{display:flex;flex-direction:column;gap:2px}.approval-mini span,.approval-mini small{font-size:10px;color:#9ea8a1}.approval-mini strong{font-size:13px;color:#fff}.approval-pending strong{color:#ffd479}.approval-approved strong{color:#b8ff9a}.approval-rejected strong{color:#ff9d9d}.inline-form{display:inline-flex;margin:0}
.finalized-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 18px;border:1px solid #dfe6e2;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(16,24,20,.05)}.finalized-banner>div:first-child{display:flex;flex-direction:column;gap:2px}.finalized-banner span{font-size:12px;color:var(--muted)}
.passport-hero{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:28px;border-radius:24px;background:linear-gradient(135deg,#111814,#17201a);color:#fff}.passport-hero h2{font-size:30px;margin:8px 0 10px}.passport-meta{display:flex;flex-wrap:wrap;gap:8px}.passport-meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:#d3dbd6}.passport-km{min-width:290px}.passport-km label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a8b2ac;margin-bottom:7px;font-weight:800}.passport-km>div{display:flex;gap:8px}.passport-km input{background:#fff;color:#111;border:0;min-width:0}.passport-kpi{font-size:24px;font-weight:900;letter-spacing:-.04em;margin:9px 0 3px}.passport-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.passport-specs span{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:#f7f9f8;font-size:12px;color:#606a64}.passport-specs b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#172019}.passport-next-list{display:flex;flex-direction:column}.passport-next-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:3px;padding:12px 0;border-bottom:1px solid #edf0ee}.passport-next-list>div:last-child{border-bottom:0}.passport-next-list strong{font-size:13px}.passport-next-list span{grid-column:1;color:var(--muted);font-size:11px}.passport-next-list b{grid-column:2;grid-row:1/3;align-self:center;color:#111}
@media(max-width:850px){.template-form{border-left:0;border-top:1px solid #edf0ee;padding-left:0;padding-top:18px}.template-service-picker{grid-template-columns:1fr}.approval-client-card,.finalized-banner,.passport-hero{align-items:stretch;flex-direction:column}.approval-client-actions{width:100%}.approval-client-actions form,.approval-client-actions .btn{flex:1}.passport-km{min-width:0;width:100%}.passport-specs{grid-template-columns:1fr}}
.pickup-reminder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pickup-reminder-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e6ebe8;border-radius:13px;background:#fafcfb}.pickup-reminder-item>div:first-child{display:flex;flex-direction:column;min-width:0}.pickup-reminder-item strong{font-size:12px}.pickup-reminder-item span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:780px){.pickup-reminder-grid{grid-template-columns:1fr}.pickup-reminder-item{align-items:flex-start;flex-direction:column}.pickup-reminder-item .row-actions{width:100%}.pickup-reminder-item .row-actions a{flex:1}}