:root{
  --blue:#045bc7;--blue-2:#0874ee;--dark:#0c1424;--text:#111827;--muted:#4b5563;--light:#f6f8fb;--line:#dbe3ef;--white:#fff;--shadow:0 12px 30px rgba(15,38,80,.12);--header:rgba(255,255,255,.96);--panel:#fff;
}

/* One-time invoice payments and store administration */
.invoice-online-payment-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.invoice-online-payment-options form{margin:0}.invoice-pay-button{min-height:46px;padding:11px 17px;border:0;border-radius:10px;font:inherit;font-weight:900;cursor:pointer}.invoice-pay-button:disabled{opacity:.42;cursor:not-allowed}.invoice-pay-stripe{background:linear-gradient(135deg,#635bff,#3f37d7);color:#fff}.invoice-pay-paypal{background:#ffc439;color:#102c57}.invoice-payment-availability{display:block;max-width:620px;margin-top:10px;color:#687d98;line-height:1.5}
.store-admin-page .dashboard-head{align-items:flex-start}.store-readiness-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.store-readiness-panel>div{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--light)}.store-readiness-panel span,.store-order-grid span{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.store-readiness-panel strong{font-size:17px}.store-admin-form{display:grid;gap:20px}.store-settings-panel{display:grid;gap:16px}.store-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-admin-check{display:flex!important;align-items:center;gap:10px;font-weight:800}.store-admin-check input{width:18px!important;height:18px!important;margin:0}.store-open-check{padding:14px;border:1px solid #bcd5f6;border-radius:11px;background:#edf5ff;color:#164f9e}.store-admin-products{display:grid;gap:16px}.store-admin-product-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}.store-admin-product-card>img{width:180px;height:180px;object-fit:contain;border-radius:13px;background:#edf5ff}.store-admin-product-fields{display:grid;gap:13px}.store-admin-product-fields textarea{min-height:88px}.store-admin-save{position:sticky;z-index:25;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #bcd4f3;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(24,65,121,.18);backdrop-filter:blur(12px)}.store-admin-save>div{display:grid;gap:4px}.store-admin-save span{color:var(--muted);font-size:13px}.store-order-list{display:grid;gap:18px}.store-order-card{display:grid;gap:16px}.store-order-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.store-order-card h2{margin:0}.store-order-card>header>div:last-child{display:grid;justify-items:end;gap:6px}.store-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.store-order-grid>div{display:grid;gap:5px;padding:14px;border-radius:11px;background:var(--light)}.store-order-grid small{color:var(--muted)}.store-order-lines{display:grid;gap:8px;padding:15px;border:1px solid var(--line);border-radius:11px}.store-order-lines>div{display:flex;justify-content:space-between;gap:20px}.store-order-form{padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:800px){.store-readiness-panel,.store-settings-grid,.store-order-grid{grid-template-columns:1fr}.store-admin-product-card{grid-template-columns:1fr}.store-admin-product-card>img{width:100%;height:220px}.store-admin-save{align-items:stretch;flex-direction:column}.store-admin-save .btn{width:100%}.invoice-online-payment-options{display:grid}.invoice-online-payment-options form,.invoice-pay-button{width:100%}}
html[data-theme="dark"]{--text:#eef5ff;--muted:#bdc8d8;--light:#101827;--line:#25354c;--white:#0b1220;--panel:#111b2d;--header:rgba(9,15,26,.96);--shadow:0 14px 32px rgba(0,0,0,.34)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--white);font-size:.88rem;line-height:1.5}h1{font-size:1.55rem;line-height:1.12}h2{font-size:1.35rem;line-height:1.18}h3{font-size:1rem;line-height:1.22}img{display:block;max-width:100%;width:100%;height:auto}a{text-decoration:none;color:inherit}.container{width:min(1140px,calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(12,20,36,.08)}.nav-wrap{height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-transform:uppercase}.brand-icon{width:42px;height:42px;display:grid;place-items:center}.brand-icon img{width:40px;height:40px}.brand strong{display:block;font-size:1rem;line-height:1;font-weight:900;letter-spacing:.3px}.brand small{display:block;font-size:.64rem;letter-spacing:1.1px;color:var(--muted);margin-top:5px}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.25px;transition:.2s ease}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:white;border:2px solid var(--blue);box-shadow:0 10px 24px rgba(4,91,199,.22)}.btn{padding:10px 18px}.btn:hover{transform:translateY(-2px)}.btn-outline{background:var(--panel);color:var(--blue);border:2px solid var(--blue);box-shadow:none}.theme-toggle{border:0;background:var(--blue);color:white;border-radius:6px;font-size:.95rem;padding:9px 11px;cursor:pointer}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--white) 0%,var(--white) 34%,rgba(255,255,255,.68) 47%,rgba(255,255,255,.08) 70%)}html[data-theme="dark"] .hero{background:linear-gradient(90deg,#0b1220 0%,#0b1220 34%,rgba(11,18,32,.78) 47%,rgba(11,18,32,.18) 70%)}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:390px}.hero-copy{padding:42px 0 32px;z-index:2}.eyebrow,.section-label{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.5px}.eyebrow{font-size:.78rem;margin-bottom:12px} .hero h1{font-size:clamp(1.45rem,2.4vw,1.65rem);line-height:1.08;letter-spacing:-1.4px;margin-bottom:14px}.hero-text{font-size:.84rem;color:var(--muted);max-width:405px;margin-bottom:20px}.hero-actions{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.hero-image{position:absolute;right:0;top:0;width:55%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.55) 16%,rgba(255,255,255,.08) 34%),url('../images/business-it-services.webp') center center/contain no-repeat}html[data-theme="dark"] .hero-image{background:linear-gradient(90deg,rgba(11,18,32,.98) 0%,rgba(11,18,32,.64) 16%,rgba(11,18,32,.12) 34%),url('../images/business-it-services.webp') center center/contain no-repeat}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:620px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.trust-item{display:grid;place-items:center;text-align:center;gap:6px;padding:16px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 12px 26px rgba(12,20,36,.08)}html[data-theme="dark"] .trust-item{background:rgba(15,23,42,.78)}.trust-item span{color:var(--blue);font-size:1.75rem;line-height:1}.trust-item strong{text-transform:uppercase;font-size:.88rem;letter-spacing:.04em}.trust-item small{font-size:.8rem;color:var(--muted);line-height:1.3}.section{padding:28px 0 38px}.section-light,.testimonials{background:var(--light)}.section-label{font-size:.78rem;margin-bottom:5px}.section h2,.about-card h2,.contact-info h2{font-size:1.35rem;line-height:1.18;margin-bottom:15px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:15px}.image-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.image-card:hover{transform:translateY(-5px)}.image-card img{height:132px;object-fit:cover}.card-body{position:relative;padding:35px 15px 22px}.card-icon{position:absolute;top:-31px;left:18px;width:48px;height:48px;display:grid;place-items:center;border:2px solid #e6eefb;border-radius:6px;background:var(--panel);color:var(--blue);font-size:1.45rem}.image-card h3{font-size:1rem;margin-bottom:11px}.image-card p{font-size:.8rem;color:var(--muted)}.parts-bridge{background:var(--white);padding:28px 0}.parts-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--light);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.parts-card p:not(.section-label){color:var(--muted);max-width:760px}.parts-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-grid article{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:20px}.testimonial-grid p{font-size:.96rem;color:var(--muted);margin-bottom:16px}.testimonial-grid strong{color:var(--blue)}.about-section{padding:30px 0;background:var(--white)}.about-card{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;background:var(--light);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.about-card p{color:var(--muted);max-width:720px}.about-list{list-style:none;display:grid;gap:12px;font-weight:800;color:var(--text)}.contact-section{display:grid;grid-template-columns:34% 26% 40%;background:var(--white);border-top:1px solid var(--line)}.contact-image img{height:100%;min-height:260px;object-fit:cover}.contact-info{padding:24px 22px}.contact-info p{margin:10px 0;font-weight:700}.contact-info .contact-intro{font-weight:400;color:var(--muted);line-height:1.55;margin:8px 0 18px}.contact-info span{color:var(--muted);font-weight:400}.contact-form{padding:26px 36px 24px 0;display:grid;gap:12px;align-content:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}input,select,textarea{border:1px solid #d9e2ef;border-radius:4px;padding:11px 12px;font:inherit;background:var(--panel);color:var(--text)}select{appearance:auto}textarea{min-height:96px;resize:vertical}.contact-form .btn{width:230px;border-radius:4px}.form-status{font-weight:800;color:var(--blue)}.site-footer{background:linear-gradient(90deg,var(--blue),#0074e8);color:white;padding:18px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between}.socials{display:flex;gap:15px}.socials a{width:21px;height:21px;background:white;color:var(--blue);display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:.75rem}.footer-utilities{display:flex;align-items:center;gap:18px}.footer-admin-lock{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:white;font-size:.72rem;line-height:1;opacity:.72;transition:opacity .2s ease,background .2s ease,transform .2s ease}.footer-admin-lock:hover,.footer-admin-lock:focus-visible{opacity:1;background:rgba(255,255,255,.14);transform:translateY(-1px);outline:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.service-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center}.service-brand-logo{width:210px;height:auto}html[data-theme="dark"] .service-brand-logo{content:url('../images/techub-email-logo-dark.png')}.brand .service-tagline{font-size:.52rem;line-height:1;letter-spacing:.38px;white-space:nowrap;margin-top:2px}@media(max-width:650px){.service-brand-logo{width:170px}.brand .service-tagline{font-size:.44rem;letter-spacing:.16px}}
#services,#parts,#projects,#testimonials,#about,#contact{scroll-margin-top:92px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-image{opacity:.23;width:100%}.service-grid{grid-template-columns:repeat(2,1fr)}.about-card,.contact-section,.parts-card{grid-template-columns:1fr}.parts-actions{justify-content:flex-start}.contact-form{padding:25px 24px}.contact-image img{max-height:270px}.trust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:100%}}
@media(max-width:650px){.container{width:min(100% - 28px,1140px)}.brand strong{font-size:1rem}.brand-icon{width:45px;height:45px}.hero-copy{padding:38px 0}.hero-actions{flex-direction:column;align-items:flex-start}.service-grid,.form-row,.testimonial-grid{grid-template-columns:1fr}.hero h1{font-size:2.25rem}.contact-form .btn{width:100%}.footer-wrap{flex-direction:column;gap:12px}.theme-toggle{padding:8px 10px}.parts-actions .btn{width:100%}}


/* How We Help Clients carousel */
.client-carousel{position:relative;margin-top:15px;padding:0 52px 34px}.client-carousel-track{display:flex;gap:15px;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel-btn{position:absolute;top:42%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border:2px solid var(--blue);border-radius:50%;background:var(--panel);color:var(--blue);font-size:1.8rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow)}.carousel-btn:hover{background:var(--blue);color:#fff}.carousel-prev{left:0}.carousel-next{right:0}.carousel-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:8px}.carousel-dot{width:10px;height:10px;border:0;border-radius:50%;background:#aab8cc;cursor:pointer}.carousel-dot.active{background:var(--blue)}@media(max-width:650px){.client-carousel{padding:0 44px 34px}.carousel-btn{width:34px;height:34px;font-size:1.5rem}}


/* Reviews carousel */
.testimonial-carousel .testimonial-grid{display:flex;gap:18px;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}.testimonial-carousel .testimonial-grid article{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}@media(max-width:900px){.testimonial-carousel .testimonial-grid article{flex-basis:calc((100% - 18px)/2)}}@media(max-width:650px){.testimonial-carousel .testimonial-grid article{flex-basis:100%}}


/* Pricing page integration - added in isolated step 1 */
.pricing-hero .hero-copy{padding-bottom:44px}.pricing-hero-image{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.55) 16%,rgba(255,255,255,.08) 34%),url('../images/pricing-plan.webp') center center/contain no-repeat}html[data-theme="dark"] .pricing-hero-image{background:linear-gradient(90deg,rgba(11,18,32,.98) 0%,rgba(11,18,32,.64) 16%,rgba(11,18,32,.12) 34%),url('../images/pricing-plan.webp') center center/contain no-repeat}.pricing-trust-row{margin-bottom:22px}.pricing-actions{margin-top:6px}.pricing-section{background:var(--light)}.pricing-intro{max-width:780px;color:var(--muted);margin:-6px 0 22px}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pricing-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.pricing-icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid #e6eefb;border-radius:8px;background:var(--panel);color:var(--blue);font-size:1.4rem;margin-bottom:15px}.pricing-card h3{font-size:1rem;line-height:1.2;margin-bottom:13px}.pricing-rule{height:1px;background:var(--line);margin:0 0 8px}.pricing-list{display:grid;gap:0}.pricing-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem}.pricing-row span{color:var(--muted)}.pricing-row strong{color:var(--text);text-align:right;white-space:nowrap}.pricing-note{background:rgba(4,91,199,.08);color:var(--blue);padding:14px;border-radius:8px;margin-top:18px;font-weight:800}.pricing-card-btn{margin-top:16px}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-row{align-items:flex-start}}@media(max-width:650px){.pricing-row{flex-direction:column;gap:4px}.pricing-row strong{text-align:left;white-space:normal}.pricing-card{padding:20px}}


/* Step 2: single service pricing page template - Technology Consultation */
.service-detail-hero .hero-copy{padding-bottom:44px}.service-detail-image{min-height:420px}.technology-consultation-image{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.58) 18%,rgba(255,255,255,.08) 38%),url('../images/business-it-services.webp') center center/contain no-repeat}html[data-theme="dark"] .technology-consultation-image{background:linear-gradient(90deg,rgba(11,18,32,.98) 0%,rgba(11,18,32,.66) 18%,rgba(11,18,32,.12) 38%),url('../images/business-it-services.webp') center center/contain no-repeat}.service-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px}.service-feature-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.service-feature-card span{width:42px;height:42px;display:grid;place-items:center;border:2px solid #e6eefb;border-radius:8px;color:var(--blue);font-size:1.25rem;margin-bottom:14px}.service-feature-card h3{font-size:.98rem;margin-bottom:8px}.service-feature-card p{color:var(--muted);font-size:.82rem}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.package-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}.package-card.package-featured{border-color:var(--blue);transform:translateY(-6px)}.package-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.package-top .pricing-icon{flex:0 0 auto;margin-bottom:0}.package-top h3{font-size:1rem;line-height:1.2}.package-top p{color:var(--muted);font-weight:800;margin-top:4px}.package-price{font-size:1.5rem;line-height:1;font-weight:900;color:var(--blue);margin:8px 0 12px}.package-card>p:not(.package-price){color:var(--muted);min-height:46px}.package-card ul{display:grid;gap:10px;margin:18px 0 6px;padding:0;list-style:none}.package-card li{color:var(--text);border-bottom:1px solid var(--line);padding-bottom:9px}.package-card li::before{content:'✓ ';color:var(--blue);font-weight:900}.package-card .btn{margin-top:auto}.badge{position:absolute;right:18px;top:-13px;background:var(--blue);color:#fff;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pricing-row a{color:inherit;text-decoration:none}.pricing-row a:hover{color:var(--blue)}
.computer-repair-image{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.58) 18%,rgba(255,255,255,.08) 38%),url('../images/computer-services.webp') center center/contain no-repeat}
html[data-theme="dark"] .computer-repair-image{background:linear-gradient(90deg,rgba(11,18,32,.98) 0%,rgba(11,18,32,.66) 18%,rgba(11,18,32,.12) 38%),url('../images/computer-services.webp') center center/contain no-repeat}
.package-grid-two{grid-template-columns:repeat(2, minmax(0, 1fr));max-width:860px;margin-left:auto;margin-right:auto}
.package-price span{font-size:.82rem;color:var(--muted);margin-left:2px}
.process-feature-grid .service-feature-card span{font-weight:900}
@media(max-width:800px){.package-grid-two{grid-template-columns:1fr}}
@media(max-width:1100px){.service-feature-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}.package-card.package-featured{transform:none}}@media(max-width:650px){.service-detail-image{min-height:300px}.service-feature-grid,.package-grid{grid-template-columns:1fr}.package-card{padding:20px}}


/* Main navigation services dropdown and pricing directory */

/* Step 4: pricing sales landing page polish */
.pricing-sales-hero{background:linear-gradient(110deg,var(--white) 0%,var(--white) 42%,rgba(4,91,199,.08) 100%)}
html[data-theme="dark"] .pricing-sales-hero{background:linear-gradient(110deg,#0b1220 0%,#0b1220 42%,rgba(8,116,238,.12) 100%)}
.pricing-sales-hero .hero-description{font-size:1.08rem;color:var(--muted);max-width:560px;margin-bottom:20px}
.pricing-sales-image{box-shadow:inset 0 0 0 999px rgba(4,91,199,.02)}
.pricing-value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin-top:10px}
.pricing-value-row div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px;box-shadow:0 10px 24px rgba(15,38,80,.08)}
.pricing-value-row strong{display:block;color:var(--blue);font-size:1.7rem;line-height:1;font-weight:900}
.pricing-value-row span{display:block;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;margin-top:7px}
.pricing-sales-section{background:linear-gradient(180deg,var(--light) 0%,var(--white) 100%)}
.pricing-section-head{max-width:780px;margin-bottom:22px}
.pricing-section-head h1{font-size:clamp(1.55rem,2.8vw,2rem);line-height:1.12;margin-bottom:12px}
.pricing-section-head p:not(.section-label){color:var(--muted);font-size:.84rem}
.sales-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px}
.sales-category-card{scroll-margin-top:100px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-rows:190px 1fr;transition:.2s ease}
.sales-category-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,38,80,.15)}
.sales-category-card img{height:190px;object-fit:cover}
.sales-category-wide{grid-column:1/-1;grid-template-columns:38% 62%;grid-template-rows:auto}
.sales-category-wide img{height:100%;min-height:360px}
.sales-card-body{padding:24px}
.sales-card-kicker{display:inline-flex;align-items:center;background:rgba(4,91,199,.1);color:var(--blue);border:1px solid rgba(4,91,199,.18);border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.sales-card-body h3{font-size:1rem;line-height:1.16;margin-bottom:10px;letter-spacing:-.3px}
.sales-card-body p{color:var(--muted);margin-bottom:18px}
.sales-link-list{display:grid;gap:10px}
.sales-link-list-wide{grid-template-columns:repeat(2,1fr)}
.sales-link-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--white);color:var(--text);font-size:.92rem;font-weight:900;transition:.2s ease}
.sales-link-list a::after{content:'→';color:var(--blue);font-weight:900}
.sales-link-list a:hover{border-color:var(--blue);color:var(--blue);transform:translateX(2px)}
.pricing-guidance-section{background:var(--white);padding:34px 0 44px}
.pricing-guidance-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,var(--light),var(--panel));border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.pricing-guidance-card p:not(.section-label){color:var(--muted);max-width:740px}
.pricing-guidance-card h2{font-size:1.35rem;line-height:1.12;margin-bottom:10px}
.pricing-sales-section::before,.pricing-sales-section::after{content:none!important;display:none!important}
@media(max-width:1050px){.sales-category-wide{grid-template-columns:1fr;grid-template-rows:210px 1fr}.sales-category-wide img{height:210px;min-height:0}.pricing-guidance-card{grid-template-columns:1fr}.pricing-value-row{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){.sales-category-grid{grid-template-columns:1fr}.sales-link-list-wide{grid-template-columns:1fr}}
@media(max-width:650px){.pricing-value-row{grid-template-columns:1fr}.sales-category-card{grid-template-rows:170px 1fr}.sales-category-card img,.sales-category-wide img{height:170px}.sales-card-body{padding:20px}.pricing-guidance-card{padding:22px}.pricing-guidance-card .btn{width:100%}}






/* Controlled package page visual cleanup: reduce service-detail hero image dominance without changing page content or structure. */
.service-detail-hero .hero-grid{
    grid-template-columns:58% 42%;
    min-height:360px;
}
.service-detail-hero .hero-copy{
    padding-top:44px;
    padding-bottom:34px;
}
.service-detail-hero .hero-image{
    width:46%;
}
.service-detail-hero .service-detail-image{
    min-height:340px;
}
.service-detail-hero .hero-text{
    max-width:520px;
}
@media(max-width:1050px){
    .service-detail-hero .hero-grid{
        grid-template-columns:1fr;
        min-height:340px;
    }
    .service-detail-hero .hero-image{
        width:100%;
        opacity:.18;
    }
    .service-detail-hero .service-detail-image{
        min-height:340px;
    }
}
@media(max-width:650px){
    .service-detail-hero .hero-grid{
        min-height:300px;
    }
    .service-detail-hero .hero-copy{
        padding-top:36px;
        padding-bottom:30px;
    }
    .service-detail-hero .service-detail-image{
        min-height:280px;
    }
}

/* Package layout stabilization patch: shared centering, balanced heroes, and controlled card grids. */
.service-detail-hero{
    background:linear-gradient(90deg,var(--white) 0%,var(--white) 44%,rgba(255,255,255,.78) 62%,rgba(255,255,255,.18) 100%);
}
html[data-theme="dark"] .service-detail-hero{
    background:linear-gradient(90deg,#0b1220 0%,#0b1220 44%,rgba(11,18,32,.82) 62%,rgba(11,18,32,.25) 100%);
}
.service-detail-hero .hero-grid,
.service-detail-hero .pricing-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
    align-items:center;
    gap:34px;
    min-height:0;
    padding:42px 0;
}
.service-detail-hero .hero-copy,
.service-detail-hero .pricing-hero-copy{
    position:relative;
    z-index:2;
    padding:0;
    max-width:620px;
}
.service-detail-hero .hero-description,
.service-detail-hero .hero-text{
    font-size:1.08rem;
    line-height:1.65;
    color:var(--muted);
    max-width:570px;
    margin-bottom:22px;
}
.service-detail-hero .hero-actions{
    margin-bottom:0;
}
.service-detail-hero .hero-image{
    width:45%;
    min-height:0;
    opacity:.9;
    background-position:center;
}
.service-detail-hero .service-detail-image{
    min-height:0;
}
.service-detail-hero .pricing-hero-panel{
    position:relative;
    overflow:hidden;
    min-height:285px;
    max-height:340px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--panel);
    box-shadow:var(--shadow);
}
.service-detail-hero .pricing-hero-panel img{
    width:100%;
    height:100%;
    min-height:285px;
    max-height:340px;
    object-fit:cover;
}
.service-detail-hero .hero-stat-card{
    position:absolute;
    left:18px;
    bottom:18px;
    display:grid;
    gap:2px;
    min-width:128px;
    padding:14px 16px;
    border-radius:12px;
    background:rgba(255,255,255,.94);
    color:#111827;
    box-shadow:0 14px 30px rgba(12,20,36,.18);
}
.service-detail-hero .hero-stat-card strong{
    font-size:1.55rem;
    line-height:1;
    color:var(--blue);
}
.service-detail-hero .hero-stat-card span{
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.service-benefits .container,
.pricing-section .container{
    text-align:left;
}
.service-benefits .container > .section-label,
.service-benefits .container > h2,
.pricing-section .container > .section-label,
.pricing-section .container > h2,
.pricing-section .container > .pricing-intro{
    max-width:780px;
}
.service-feature-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    align-items:stretch;
    gap:18px;
}
.service-feature-card{
    height:100%;
}
.package-grid{
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    align-items:stretch;
    gap:20px;
}
.package-card{
    min-width:0;
    height:100%;
}
.package-card.package-featured{
    transform:none;
}
.package-top h3{
    overflow-wrap:anywhere;
}
.package-price{
    font-size:clamp(1.45rem,2.4vw,2rem);
    overflow-wrap:anywhere;
}
.package-card > p:not(.package-price){
    min-height:0;
}
.parts-bridge .parts-card{
    align-items:center;
}
@media(max-width:1050px){
    .service-detail-hero .hero-grid,
    .service-detail-hero .pricing-hero-grid{
        grid-template-columns:1fr;
        gap:22px;
        padding:36px 0;
    }
    .service-detail-hero .hero-image{
        width:100%;
        opacity:.14;
    }
    .service-detail-hero .pricing-hero-panel{
        max-height:none;
    }
    .service-detail-hero .pricing-hero-panel img{
        max-height:300px;
    }
}
@media(max-width:700px){
    .service-detail-hero .hero-grid,
    .service-detail-hero .pricing-hero-grid{
        padding:32px 0;
    }
    .service-detail-hero .hero-description,
    .service-detail-hero .hero-text{
        font-size:1rem;
        line-height:1.58;
    }
    .service-feature-grid,
    .package-grid{
        grid-template-columns:1fr;
    }
    .service-detail-hero .pricing-hero-panel{
        min-height:220px;
        border-radius:14px;
    }
    .service-detail-hero .pricing-hero-panel img{
        min-height:220px;
        max-height:250px;
    }
    .service-detail-hero .hero-stat-card{
        left:14px;
        bottom:14px;
        min-width:112px;
    }
}


/* Pricing page stabilization: match locked package hero layout and calm category visuals. */
.pricing-sales-hero{
    background:linear-gradient(90deg,var(--white) 0%,var(--white) 44%,rgba(255,255,255,.78) 62%,rgba(255,255,255,.18) 100%);
}
html[data-theme="dark"] .pricing-sales-hero{
    background:linear-gradient(90deg,#0b1220 0%,#0b1220 44%,rgba(11,18,32,.82) 62%,rgba(11,18,32,.25) 100%);
}
.pricing-sales-hero .pricing-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
    align-items:center;
    gap:34px;
    padding:42px 0;
}
.pricing-sales-hero .pricing-hero-copy{
    max-width:620px;
    padding:0;
}
.pricing-sales-hero .hero-description{
    max-width:570px;
    line-height:1.65;
}
.pricing-sales-panel{
    position:relative;
    overflow:hidden;
    min-height:285px;
    max-height:340px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--panel);
    box-shadow:var(--shadow);
}
.pricing-sales-panel img{
    width:100%;
    height:100%;
    min-height:285px;
    max-height:340px;
    object-fit:cover;
}
.pricing-sales-section .container{
    max-width:1140px;
}
.pricing-section-head{
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.sales-category-grid{
    align-items:stretch;
}
.sales-category-card{
    min-width:0;
}
.sales-category-card img{
    height:170px;
}
.sales-category-wide{
    grid-template-columns:34% 66%;
}
.sales-category-wide img{
    min-height:300px;
}
.sales-link-list a{
    min-height:48px;
}
@media(max-width:1050px){
    .pricing-sales-hero .pricing-hero-grid{
        grid-template-columns:1fr;
        gap:22px;
        padding:36px 0;
    }
    .pricing-sales-panel{
        max-height:none;
    }
    .pricing-sales-panel img{
        max-height:300px;
    }
    .sales-category-wide{
        grid-template-columns:1fr;
    }
    .sales-category-wide img{
        min-height:0;
    }
}
@media(max-width:700px){
    .pricing-sales-hero .pricing-hero-grid{
        padding:32px 0;
    }
    .pricing-sales-panel{
        min-height:220px;
        border-radius:14px;
    }
    .pricing-sales-panel img{
        min-height:220px;
        max-height:250px;
    }
    .pricing-value-row{
        grid-template-columns:1fr;
    }
    .pricing-section-head{
        text-align:left;
    }
}

/* Pricing hero mockup cleanup: preserve the main hero image and 20+ badge, hide the lower service-card strip behind the badge. */
.pricing-sales-panel::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:41%;
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,var(--panel) 100%);
    border-top:1px solid rgba(226,232,240,.92);
    z-index:2;
    pointer-events:none;
}
html[data-theme="dark"] .pricing-sales-panel::after{
    background:linear-gradient(180deg,rgba(11,18,32,.96) 0%,var(--panel) 100%);
    border-top-color:rgba(51,65,85,.72);
}
.pricing-sales-panel .hero-stat-card{
    z-index:3;
}
.pricing-sales-panel img{
    position:relative;
    z-index:1;
}

/* Package/pricing card sizing refinement - isolated global card tightening */
.package-grid{
    gap:16px;
    margin-top:20px;
}
.package-card{
    padding:20px;
    border-radius:9px;
}
.package-top{
    gap:10px;
    margin-bottom:9px;
}
.package-top .pricing-icon{
    width:42px;
    height:42px;
    font-size:1.18rem;
}
.package-top h3{
    font-size:1rem;
}
.package-top p{
    font-size:.9rem;
    margin-top:2px;
}
.package-price{
    font-size:clamp(1.35rem,2vw,1.75rem);
    margin:6px 0 9px;
}
.package-card > p:not(.package-price){
    font-size:.92rem;
    line-height:1.45;
}
.package-card ul{
    gap:7px;
    margin:13px 0 4px;
}
.package-card li{
    font-size:.9rem;
    line-height:1.35;
    padding-bottom:7px;
}
.package-card .btn,
.pricing-card-btn{
    min-height:0;
    padding:11px 18px;
    font-size:.8rem;
}
.badge{
    right:14px;
    top:-11px;
    padding:6px 10px;
    font-size:.68rem;
}
.pricing-grid{
    gap:16px;
}
.pricing-card{
    padding:20px;
    border-radius:9px;
}
.pricing-card h3{
    font-size:1.12rem;
    margin-bottom:10px;
}
.pricing-card .pricing-icon{
    width:42px;
    height:42px;
    font-size:1.2rem;
    margin-bottom:12px;
}
.pricing-row{
    padding:9px 0;
    font-size:.9rem;
}
.pricing-note{
    padding:12px;
    margin-top:14px;
    font-size:.9rem;
}
@media(max-width:650px){
    .package-card,
    .pricing-card{
        padding:18px;
    }
}

/* Image crop fix: show full artwork inside cards and package hero panels. */
.image-card,
.sales-category-card,
.service-detail-hero .pricing-hero-panel{
    background:var(--panel);
}

.image-card img,
.sales-category-card img,
.sales-category-wide img,
.service-detail-hero .pricing-hero-panel img{
    width:100%;
    object-fit:contain !important;
    object-position:center center !important;
    background:linear-gradient(135deg,rgba(4,91,199,.05),rgba(255,255,255,.92));
}

.image-card img{
    aspect-ratio:16/9;
    height:auto !important;
}


.sales-category-card{
    grid-template-rows:auto 1fr !important;
}

.sales-category-card img{
    aspect-ratio:16/9;
    height:auto !important;
}

.sales-category-wide{
    grid-template-columns:40% 60%;
}

.sales-category-wide img{
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:auto;
}

.service-detail-hero .pricing-hero-panel{
    min-height:0 !important;
    max-height:none !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.service-detail-hero .pricing-hero-panel img{
    aspect-ratio:16/9;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}

@media(max-width:1050px){
    .sales-category-wide img{
        height:auto !important;
        aspect-ratio:16/9;
    }
}

/* Package category image fit fix: prevent category artwork from being cropped. */
.pricing-sales-section .sales-category-card{
    overflow:hidden;
}

.pricing-sales-section .sales-category-card > img{
    display:block;
    width:100%;
    height:auto !important;
    aspect-ratio:16 / 9;
    object-fit:contain !important;
    object-position:center center !important;
    padding:12px;
    background:linear-gradient(135deg,rgba(4,91,199,.06),rgba(255,255,255,.94));
}

.pricing-sales-section .sales-category-wide{
    grid-template-columns:40% 60%;
}

.pricing-sales-section .sales-category-wide > img{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 9;
    align-self:center;
}

@media(max-width:1050px){
    .pricing-sales-section .sales-category-wide{
        grid-template-columns:1fr;
    }
}

@media(max-width:650px){
    .pricing-sales-section .sales-category-card > img,
    .pricing-sales-section .sales-category-wide > img{
        height:auto !important;
        aspect-ratio:16 / 9;
        padding:10px;
    }
}


/* Service account portal */
.account-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:2px solid var(--blue);border-radius:5px;color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.3px;background:var(--panel);white-space:nowrap}.account-link:hover{background:var(--blue);color:#fff}.account-cta-section{background:var(--white);padding:34px 0}.account-cta-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--light);border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:var(--shadow)}.account-cta-card p:not(.section-label){color:var(--muted);max-width:760px}.account-mini-note{font-weight:800!important;color:var(--blue)!important}.account-mini-note a{text-decoration:underline;text-underline-offset:3px}.account-page{background:var(--light);min-height:calc(100vh - 70px)}.account-hero,.account-dashboard{padding:52px 0}.account-layout{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:28px;align-items:start}.account-layout-small{max-width:980px}.account-copy{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:var(--shadow)} .account-copy h1,.dashboard-head h1{font-size:clamp(1.45rem,2.4vw,1.65rem);line-height:1.08;margin:8px 0 14px}.account-copy p:not(.section-label),.dashboard-head p,.empty-state{color:var(--muted)}.account-side-links{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.account-side-links p{margin-bottom:14px;font-weight:900;color:var(--text)!important}.account-side-link-row{display:flex;gap:28px;flex-wrap:wrap}.account-side-link-row .btn{min-width:170px}.account-form{display:grid;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:var(--shadow)} .account-form h2,.request-panel h2{font-size:1.15rem}.account-form label{display:grid;gap:7px;font-weight:900;color:var(--text)}.account-form input,.account-form select,.account-form textarea{width:100%}.account-form .btn{width:100%}.account-login-shell{width:min(100%,520px)}.account-login-card{width:100%;padding:32px;gap:15px}.account-login-intro{text-align:center;margin-bottom:2px}.account-login-intro h1{font-size:1.55rem;line-height:1.12;margin:7px 0 10px}.account-login-intro p:not(.section-label){color:var(--muted);line-height:1.55}.account-forgot-link{display:block;text-align:center;color:var(--blue);font-weight:800;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;margin-top:-2px}.account-reset-inner{display:grid;gap:13px}.account-reset-inner label{display:grid;gap:7px;font-weight:900;color:var(--text)}.account-reset-inner input{width:100%}.account-reset-inner .btn{width:100%}.account-switch{font-weight:800;text-align:center;color:var(--muted)}.account-switch a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.account-alert,.account-success{border-radius:8px;padding:12px 14px;font-weight:900}.account-alert{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.account-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.admin-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:.9rem;padding:8px 0}.admin-back-link:hover{text-decoration:underline;text-underline-offset:4px}.admin-login-page{display:flex;flex-direction:column;min-height:calc(100vh - 70px);background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.96),rgba(244,248,253,.94) 48%,var(--light) 76%)}.admin-login-section{flex:1;display:flex;align-items:flex-start;padding:78px 0 86px}.admin-login-shell{display:flex;justify-content:center}.admin-login-card{width:min(100%,500px);gap:20px;padding:42px 38px 34px;border-radius:16px;box-shadow:0 22px 60px rgba(12,20,36,.12)}.admin-login-intro{text-align:center;margin-bottom:4px}.admin-login-lock{width:72px;height:72px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:#eef5ff;color:var(--blue);font-size:2rem}.admin-login-intro h1{font-size:1.8rem;line-height:1.1;margin-bottom:14px}.admin-login-intro p{color:var(--muted);font-size:1rem;line-height:1.5}.admin-login-card label{font-size:.95rem}.admin-login-card input{min-height:56px;padding:14px 16px;border-radius:6px;font-size:1rem}.admin-login-card .btn{min-height:54px;margin-top:4px;font-size:.95rem}.admin-login-secure{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.86rem;text-align:center;margin-top:4px}.admin-login-secure span{color:var(--blue)}.admin-verification-form{display:grid;gap:18px}.admin-verification-form label{display:grid;gap:7px;font-weight:900;color:var(--text);font-size:.95rem}.admin-verification-form input{width:100%;min-height:56px;padding:14px 16px;border-radius:6px;font-size:1rem}.admin-verification-form .btn{width:100%;min-height:54px;font-size:.95rem}.admin-verification-help{margin-top:7px!important;color:var(--muted);font-size:.84rem;line-height:1.45}.admin-verification-help-center{text-align:center;margin-top:-5px!important}.admin-verification-link{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.admin-verification-link:hover{color:var(--blue)}.admin-email-code-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:-4px;color:var(--muted)}.admin-email-code-actions form{margin:0}.admin-login-intro strong{color:var(--text);font-weight:900}.admin-login-footer{background:var(--white);border-top:1px solid var(--line);padding:25px 0;color:var(--muted)}.admin-login-footer-wrap{text-align:center;font-size:.86rem}@media(max-width:650px){.admin-login-section{padding:42px 0 56px}.admin-login-card{padding:30px 22px 26px}.admin-login-intro h1{font-size:1.55rem}.admin-login-lock{width:62px;height:62px;font-size:1.65rem;margin-bottom:18px}.admin-back-link{font-size:.82rem}}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}.dashboard-head .btn{width:auto}.dashboard-grid{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:22px;align-items:start}.dashboard-form{position:sticky;top:96px}.request-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:var(--shadow)}.request-list{display:grid;gap:14px;margin-top:16px}.request-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--light)}.request-card p{color:var(--muted);margin-top:8px}.request-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.request-top span{background:var(--blue);color:#fff;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:900;text-transform:uppercase}@media(max-width:1050px){.account-link{display:none}.account-cta-card,.account-layout,.dashboard-grid{grid-template-columns:1fr}.dashboard-form{position:static}.dashboard-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.account-hero,.account-dashboard{padding:32px 0}.account-copy,.account-form,.request-panel,.dashboard-head,.account-cta-card{padding:20px}.request-top{align-items:flex-start;flex-direction:column}}


/* Phase 2 service account/admin additions */
.account-form small{color:var(--muted);font-weight:800}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-note{border-left:4px solid var(--blue);padding-left:10px}.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:0 0 18px}.admin-summary div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.admin-summary strong{display:block;font-size:2rem;color:var(--blue)}.admin-summary span{color:var(--muted);font-weight:900}.admin-panel{margin-top:20px}.admin-request-grid{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:18px;align-items:start}.compact-form{box-shadow:none;padding:16px;background:var(--white)}.compact-form textarea{min-height:110px}.compact-form label:last-of-type textarea{background:#f8fafc;border-color:#cbd5e1}.compact-form label:last-of-type{padding-top:6px}.customer-table-wrap{overflow:auto;margin-top:14px}.customer-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:10px;overflow:hidden}.customer-table th,.customer-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.customer-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}@media(max-width:900px){.admin-request-grid{grid-template-columns:1fr}.admin-summary{grid-template-columns:1fr}.dashboard-actions{width:100%}.dashboard-actions .btn{width:100%}}


/* Customer request tracking */
.customer-tracking-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0 0 22px}
.customer-tracking-summary div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.customer-tracking-summary strong{display:block;font-size:1.45rem;color:var(--blue);line-height:1.2}
.customer-tracking-summary span{color:var(--muted);font-weight:900;font-size:.85rem}
.customer-request-card{display:grid;gap:10px}
.tracking-strip{display:flex;gap:12px;align-items:flex-start;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);border-radius:12px;padding:12px;margin-top:4px}
.tracking-strip p{margin:3px 0 0;color:var(--muted)}
.tracking-dot{width:12px;height:12px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 5px rgba(37,99,235,.12);margin-top:4px;flex:0 0 auto}
.tracking-strip.needs-customer{background:#fff7ed;border-color:#fed7aa}
.tracking-strip.needs-customer .tracking-dot{background:#f97316;box-shadow:0 0 0 5px rgba(249,115,22,.14)}
.tracking-strip.is-closed{background:#ecfdf5;border-color:#a7f3d0}
.tracking-strip.is-closed .tracking-dot{background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.14)}
.request-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
@media(max-width:650px){.customer-tracking-summary,.request-meta-grid{grid-template-columns:1fr}}

/* Customer/admin request conversation */
.conversation-box{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.conversation-box h3{font-size:1rem;margin:0 0 10px;color:var(--text)}
.conversation-empty{margin:0 0 12px!important}
.message-list{display:grid;gap:10px;margin-bottom:12px}
.message-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel)}
.message-item.from-admin{border-left:4px solid var(--blue)}
.message-item.from-customer{border-left:4px solid #10b981}
.message-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}
.message-meta strong{color:var(--text)}
.message-meta span{color:var(--muted);font-size:.78rem;font-weight:900}
.message-item p{margin:0!important;color:var(--muted);white-space:pre-wrap}
.reply-form{display:grid;gap:10px;margin-top:12px}
.reply-form label{display:grid;gap:7px;font-weight:900;color:var(--text)}
.reply-form textarea{min-height:90px;width:100%}
.reply-form .btn{width:auto;justify-self:start}
.admin-conversation-box{margin-top:18px}
@media(max-width:650px){.message-meta{align-items:flex-start;flex-direction:column}.reply-form .btn{width:100%}}


/* Request detail pages */
.request-detail-page .request-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:22px;align-items:start}
.request-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.request-meta-grid p{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:12px;margin:0!important;color:var(--muted)}
.detail-block{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.detail-block h2{font-size:1rem;margin:0 0 8px;color:var(--text)}
.detail-block p{white-space:pre-wrap}
.request-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.request-card-actions .btn{width:auto}
.detail-update-form{margin-top:14px}
@media(max-width:900px){.request-detail-page .request-detail-grid{grid-template-columns:1fr}.request-meta-grid{grid-template-columns:1fr}}
@media(max-width:650px){.request-card-actions .btn{width:100%}}


.timeline-list {
  position: relative;
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(15, 38, 80, .1);
}

.timeline-item:last-child {
  border-bottom: 0;
}

.timeline-dot {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border-radius: 999px;
  background: #045bc7;
  box-shadow: 0 0 0 4px rgba(4, 91, 199, .12);
}

.timeline-item strong {
  display: block;
  color: #111827;
  font-size: 14px;
}

.timeline-item p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
}


.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#eaf2ff;color:#045bc7;font-size:.85rem;font-weight:900;margin-left:6px}
.link-button{border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.attachments-panel{overflow:hidden}
.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.attachment-card{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}
.attachment-card img{width:72px;height:58px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.file-icon{width:72px;height:58px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:1000;color:var(--muted);background:#f8fafc}
.attachment-card strong{display:block;color:var(--text);font-size:.9rem;line-height:1.25;word-break:break-word}
.attachment-card p{margin:4px 0 0;color:var(--muted);font-size:.78rem}
.small-link{display:inline-block;margin-top:6px;color:var(--blue);font-weight:900;font-size:.82rem}
.collapsed-attachments .extra-attachment{display:none}
.collapsed-attachments.show-all-attachments .extra-attachment{display:grid}
.message-list{max-height:560px;overflow:auto;padding-right:4px}
.message-item p{max-height:190px;overflow:auto}


/* Layout refinement */
.attachments-panel{
  margin-top:14px;
}
.attachment-grid{
  grid-template-columns:1fr;
}
.attachment-card{
  grid-template-columns:56px 1fr;
  padding:8px 10px;
}
.attachment-card img,
.file-icon{
  width:56px;
  height:44px;
}
.timeline-panel{
  grid-column:1 / -1;
}

.right-rail-panel{display:grid;gap:18px}
.request-detail-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:18px;align-items:start}
.timeline-list{gap:6px}
.timeline-item{padding:8px 0}
.timeline-item strong{font-size:13px}
.timeline-item p{font-size:12px}
@media(max-width:900px){.request-detail-grid{grid-template-columns:1fr}}

.custom-ticket-layout{display:block}
.request-detail-grid{
display:grid;
grid-template-columns:1.7fr .95fr;
gap:18px;
align-items:start;
}

.request-detail-grid > .request-panel:not(.timeline-panel):not(.attachments-panel){
grid-column:1;
}
.right-rail-panel .timeline-panel,
.right-rail-panel .attachments-panel{
grid-column:auto;
}
.request-detail-grid .timeline-panel{margin:0}
.request-detail-grid .attachments-panel{margin:0}
.request-detail-grid > section.request-panel:last-of-type{
grid-column:1 / -1;
margin-top:18px;
}
/* FINAL customer request details layout - matches approved mockup */
.customer-ticket-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr) !important;
  gap:18px !important;
  align-items:start !important;
}
.customer-ticket-layout .ticket-main-column,
.customer-ticket-layout .ticket-side-column{
  display:grid;
  gap:18px;
  align-items:start;
}
.customer-ticket-layout > .request-panel{
  grid-column:1 / -1 !important;
  max-width:calc((100% - 18px) * .64);
}
.customer-ticket-layout .ticket-side-column .request-panel,
.customer-ticket-layout .ticket-main-column .request-panel{
  grid-column:auto !important;
  margin:0 !important;
}
.customer-ticket-layout .timeline-list{
  gap:6px !important;
  margin-top:10px !important;
}
.customer-ticket-layout .timeline-item{
  padding:8px 0 !important;
}
.customer-ticket-layout .timeline-item strong{
  font-size:13px !important;
}
.customer-ticket-layout .timeline-item p{
  font-size:12px !important;
}
.customer-ticket-layout .attachments-panel .attachment-grid{
  grid-template-columns:1fr !important;
}
.customer-ticket-layout .attachment-card{
  grid-template-columns:56px 1fr !important;
  padding:8px 10px !important;
}
.customer-ticket-layout .attachment-card img,
.customer-ticket-layout .file-icon{
  width:56px !important;
  height:44px !important;
}
@media(max-width:900px){
  .customer-ticket-layout{
    grid-template-columns:1fr !important;
  }
  .customer-ticket-layout > .request-panel{
    max-width:none;
  }
}


/* Final spacing tweak: keep conversation under Tracking with a tight gap */
.customer-ticket-layout{
  align-items:start !important;
  row-gap:18px !important;
  column-gap:18px !important;
}
.customer-ticket-layout > .request-panel{
  grid-column:1 !important;
  max-width:none !important;
  margin-top:0 !important;
}
.customer-ticket-layout .ticket-main-column{
  gap:18px !important;
}
.customer-ticket-layout .ticket-side-column{
  gap:18px !important;
}


/* Admin portal compact cleanup: smaller action buttons and tighter request cards. */
.admin-request-card,
.archived-request-card{
    padding:14px;
}
.admin-request-grid{
    gap:14px;
}
.admin-panel{
    margin-top:16px;
}
.admin-summary{
    gap:12px;
    margin-bottom:16px;
}
.admin-summary div{
    padding:14px 16px;
}
.admin-summary strong{
    font-size:1.7rem;
}
.compact-form{
    padding:14px;
}
.compact-form textarea{
    min-height:92px;
}
.compact-form label{
    gap:5px;
}
.private_admin .btn,
.account-page .btn,
.request-card-actions .btn,
.compact-form .btn,
.dashboard-actions .btn{
    padding:9px 14px;
    font-size:.78rem;
    border-radius:4px;
}
.request-card-actions{
    margin-top:10px;
    gap:8px;
}
.request-card{
    padding:14px;
}
.request-card p{
    margin-top:6px;
}
.request-top span{
    padding:4px 9px;
    font-size:.7rem;
}
@media(max-width:650px){
    .request-card-actions .btn,
    .dashboard-actions .btn{
        width:100%;
        padding:10px 14px;
    }
}

/* Admin portal second compact pass: tighter without reducing font readability. */
.admin-request-card,
.archived-request-card{
    padding:12px;
}
.admin-request-grid{
    gap:12px;
}
.admin-panel{
    margin-top:14px;
}
.admin-summary{
    gap:10px;
    margin-bottom:14px;
}
.admin-summary div{
    padding:12px 14px;
}
.admin-summary strong{
    font-size:1.55rem;
}
.compact-form{
    padding:12px;
    gap:10px;
}
.compact-form textarea{
    min-height:82px;
}
.compact-form label{
    gap:4px;
}
.private_admin .btn,
.account-page .btn,
.request-card-actions .btn,
.compact-form .btn,
.dashboard-actions .btn{
    padding:7px 12px;
    font-size:.76rem;
    border-radius:4px;
    line-height:1.15;
}
.request-card-actions{
    margin-top:8px;
    gap:7px;
}
.request-card{
    padding:12px;
}
.request-card p{
    margin-top:5px;
}
.request-top{
    gap:8px;
}
.request-top span{
    padding:3px 8px;
    font-size:.68rem;
}
@media(max-width:650px){
    .request-card-actions .btn,
    .dashboard-actions .btn{
        width:100%;
        padding:9px 12px;
    }
}

/* Status card cleanup: smaller labels with clear workflow colors. */
.request-top .status-badge,
.request-top span.status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:auto;
    padding:3px 7px;
    border-radius:999px;
    font-size:.62rem;
    line-height:1;
    font-weight:900;
    text-transform:none;
    letter-spacing:.03em;
    border:1px solid transparent;
    box-shadow:none;
}
.status-badge.status-new,
.status-select.status-new{
    background:#eaf3ff;
    color:#045bc7;
    border-color:#b9d7ff;
}
.status-badge.status-in-progress,
.status-select.status-in-progress{
    background:#fff4e6;
    color:#c2410c;
    border-color:#fed7aa;
}
.status-badge.status-completed,
.status-select.status-completed{
    background:#ecfdf5;
    color:#047857;
    border-color:#a7f3d0;
}
.status-badge.status-archived,
.status-select.status-archived{
    background:#fff1f2;
    color:#be123c;
    border-color:#fecdd3;
}
.status-select{
    min-height:36px;
    padding:8px 10px;
    font-size:.86rem;
    font-weight:800;
}
.compact-form label:has(.status-select){
    gap:4px;
}

/* Customer Directory marketing-list upgrades */
.checkbox-label{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px;font-weight:800!important;color:var(--muted)!important;line-height:1.35}.checkbox-label input{width:auto!important;margin-top:3px}.customer-directory-note{color:var(--muted);margin-top:8px}.customer-directory-table td{vertical-align:middle}.customer-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-actions .btn{width:auto;padding:9px 12px;font-size:.78rem}.opt-in-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:900;text-transform:uppercase}.opt-in-yes{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.opt-in-no{background:#f8fafc;color:#64748b;border:1px solid #cbd5e1}@media(max-width:700px){.customer-actions .btn{width:100%}}
.marketing-consent{padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:var(--light);cursor:pointer}.marketing-consent span{display:grid;gap:3px}.marketing-consent strong{color:var(--text);font-size:.84rem}.marketing-consent small{color:var(--muted);font-size:.74rem;font-weight:600}.marketing-consent input{flex:0 0 auto;accent-color:var(--blue)}
.directory-action-note{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--light);color:var(--muted);font-size:.75rem;font-weight:800;white-space:nowrap}

/* Bulk HTML Email System */
.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-title-row h2{margin-bottom:4px}.bulk-email-panel .account-form{max-width:100%}.html-email-textarea{font-family:Consolas,"Courier New",monospace;min-height:260px;line-height:1.5}.two-column-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bulk-email-form input[readonly]{background:#f8fafc;color:#64748b;font-weight:900}@media(max-width:700px){.panel-title-row{display:block}.panel-title-row .btn{width:100%;margin-top:12px}.two-column-form{grid-template-columns:1fr}}

/* Bulk HTML Email Builder */
.email-preview-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0 14px;
  color: #526173;
  font-size: 0.9rem;
}
.email-preview-shell {
  background: #eef3f9;
  border: 1px solid #d5e0ec;
  border-radius: 14px;
  padding: 18px;
  margin: 0 0 18px;
}
.email-preview-card {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 38, 80, 0.12);
}
.email-preview-header {
  background: #071225;
  color: #fff;
  padding: 16px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.email-preview-header strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.email-preview-header small {
  display: block;
  margin-top: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .9;
}
.email-preview-body {
  padding: 18px 24px 10px;
}
.email-preview-body h1 {
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 1.15;
  color: #0c1424;
}
.email-preview-body p {
  margin: 0 0 16px;
  color: #374151;
  font-size: 15px;
  line-height: 1.7;
}
.email-preview-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border: 0;
}
.email-preview-message {
  margin: 0;
  padding: 0;
  border-left: 0;
  background: transparent;
  border-radius: 0;
  color: #374151;
  font-size: 15px;
  line-height: 1.7;
}

.email-preview-products-title {
  padding: 2px 28px 10px;
  color: #071225;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.email-preview-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 24px 22px;
}
.email-preview-product {
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #f8fbff;
  padding: 14px;
}
.email-preview-product span {
  display: block;
  font-size: 22px;
  margin-bottom: 8px;
}
.email-preview-product strong {
  display: block;
  color: #071225;
  font-size: 14px;
  font-weight: 900;
}
.email-preview-product small {
  display: block;
  margin-top: 5px;
  color: #526173;
  font-size: 12px;
  line-height: 1.45;
}

.email-preview-button-wrap {
  margin: 8px 0 20px;
  text-align: center;
}
.email-preview-button {
  display: inline-block;
  background: #0567e8;
  color: #fff !important;
  text-decoration: none;
  border-radius: 10px;
  padding: 14px 22px;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.email-preview-footer {
  padding: 18px 28px;
  background: #0c1424;
  color: #bdc8d8;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.status-badge {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 800;
}
.status-active {
  background: #e7f8ee;
  color: #176b3a;
}
.status-muted {
  background: #f1f3f6;
  color: #667085;
}
@media (max-width: 700px) {
  .email-preview-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .email-preview-body, .email-preview-header, .email-preview-footer {
    padding-left: 18px;
    padding-right: 18px;
  }
  .email-preview-header {
    display:block;
  }
  .email-preview-products {
    grid-template-columns: 1fr;
    padding-left: 18px;
    padding-right: 18px;
  }
}


/* Campaign template cards + banner manager */
.campaign-library{border:1px solid #d7e2ef;background:#f8fbff;border-radius:14px;padding:16px;margin:14px 0 18px}.campaign-library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.campaign-library-head h3{margin:0 0 4px;color:#071225}.campaign-library-head p{margin:0;color:#526173}.campaign-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.campaign-card{position:relative;text-align:left;border:1px solid #d7e2ef;background:#fff;border-radius:14px;padding:14px;min-height:170px;box-shadow:0 8px 18px rgba(15,38,80,.07);cursor:pointer;transition:.18s ease}.campaign-card:hover,.campaign-card.selected{border-color:#045bc7;box-shadow:0 12px 26px rgba(4,91,199,.16);transform:translateY(-1px)}.campaign-number{position:absolute;top:10px;left:10px;background:#045bc7;color:#fff;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.82rem}.campaign-art{display:flex;align-items:center;justify-content:center;height:86px;border-radius:12px;background:linear-gradient(135deg,#eaf4ff,#f7fbff);font-size:40px;margin-bottom:12px}.campaign-card strong{display:block;color:#071225;font-size:.95rem;line-height:1.25}.campaign-card small{display:block;margin-top:7px;color:#64748b;font-weight:800;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em}.banner-manager{border:1px solid #d7e2ef;background:#f8fbff;border-radius:14px;padding:14px;margin:0 0 16px}.banner-preview{min-height:110px;border:1px dashed #b8c8dc;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#64748b;font-weight:800}.banner-preview.has-image{border-style:solid}.banner-preview img{display:block;width:100%;max-height:260px;object-fit:cover}.banner-x{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:999px;border:0;background:#0c1424;color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.22)}.banner-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:10px;color:#526173;font-size:.9rem}.banner-actions .btn{width:auto}@media(max-width:900px){.campaign-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-library-head,.banner-actions{flex-direction:column}.campaign-library-head .btn,.banner-actions .btn{width:100%}}@media(max-width:560px){.campaign-card-grid{grid-template-columns:1fr}}
.campaign-pack-toggle{display:inline-flex;gap:4px;padding:4px;background:#e6eef9;border:1px solid #cbd8e9;border-radius:9px;margin:0 0 14px}.campaign-pack-button{border:0;border-radius:6px;background:transparent;color:#315274;padding:9px 14px;font-weight:900;cursor:pointer}.campaign-pack-button.active{background:#0567e8;color:#fff;box-shadow:0 5px 12px rgba(5,103,232,.2)}@media(max-width:560px){.campaign-pack-toggle{display:flex;flex-direction:column;width:100%}.campaign-pack-button{width:100%}}

/* Email hero banner generator */
.ad-generator-panel{border:1px solid #d7e2ef;background:#f8fbff;border-radius:14px;padding:16px;margin:0 0 16px}.ad-generator-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.ad-generator-head h3{margin:0 0 4px;color:#071225}.ad-generator-head p{margin:0;color:#526173}.ad-canvas-wrap{background:#fff;border:1px solid #d7e2ef;border-radius:14px;padding:12px;overflow:hidden}.ad-canvas-wrap canvas{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 10px 24px rgba(15,38,80,.12)}@media(max-width:900px){.ad-generator-head{flex-direction:column}.ad-generator-head .btn{width:100%}}
.ad-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.ad-detail-grid label{margin:0}.suppressed-panel details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:#071225}.suppressed-panel details summary span{color:#64748b;font-size:.9rem;font-weight:600}.suppressed-panel details[open] summary{margin-bottom:16px}.email-preview-header img{display:block;width:230px;max-width:58%;height:auto}.email-preview-header{background:#fff!important;border-bottom:4px solid #0567e8;color:#071225!important}.email-preview-header small{color:#315274!important}@media(max-width:700px){.ad-detail-grid{grid-template-columns:1fr}.suppressed-panel details summary{align-items:flex-start;flex-direction:column}}
.retail-builder{border:1px solid #cbd9ea;background:#f5f9ff;border-radius:14px;padding:16px;margin:18px 0}.retail-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.retail-builder-head h3{font-size:1.15rem;margin:0 0 5px;color:#071225}.retail-builder-head p:not(.section-label){margin:0;color:#526173}.retail-product-row{border:1px solid #d7e2ef;background:#fff;border-radius:12px;padding:15px;margin-bottom:14px;box-shadow:0 8px 18px rgba(15,38,80,.06)}.retail-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.retail-product-head>div{display:flex;align-items:center;gap:9px}.retail-product-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0567e8;color:#fff;font-weight:900}.retail-product-actions{display:flex;gap:6px}.mini-action{border:1px solid #b9c9dd;background:#fff;color:#1e3a5f;border-radius:6px;padding:6px 9px;font-weight:900;cursor:pointer}.mini-action.danger{color:#b42318;border-color:#f3b5af}.retail-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.retail-product-row label{margin-bottom:10px}.retail-product-row textarea{min-height:72px}.retail-send-panel{display:grid;grid-template-columns:1fr minmax(240px,.8fr) auto;align-items:end;gap:14px;border:1px solid #b9cceb;background:#eef6ff;border-radius:12px;padding:15px;margin:18px 0}.retail-send-panel h3{margin:0 0 4px}.retail-send-panel p{margin:0;color:#526173}.retail-send-panel label{margin:0}.retail-final-send{width:100%;min-height:48px}.preview-device-toggle{display:inline-flex;border:1px solid #b7c8de;border-radius:7px;overflow:hidden}.preview-device{border:0;background:#fff;color:#315274;padding:8px 12px;font-weight:900;cursor:pointer}.preview-device.active{background:#0567e8;color:#fff}.email-preview-shell.preview-mobile{max-width:430px;margin-left:auto;margin-right:auto}.email-preview-retail-nav{display:flex;justify-content:center;gap:15px;padding:10px;background:#fff;border-bottom:1px solid #dbe3ef;font-size:.68rem;font-weight:900;text-transform:uppercase}.email-preview-retail-title{text-align:center;font-size:1.45rem;font-weight:900;color:#071225;padding:18px 18px 10px}.email-preview-retail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dbe3ef;margin:0 18px 18px;border:1px solid #dbe3ef}.email-preview-retail-product{background:#fff;text-align:center;padding:14px}.email-preview-retail-product img{width:100%;height:170px;object-fit:contain;margin-bottom:10px}.email-preview-retail-product strong{display:block;color:#071225;font-size:.92rem;line-height:1.25}.email-preview-retail-product .specs{font-size:.72rem;color:#526173;line-height:1.4;margin-top:7px;white-space:pre-line}.email-preview-retail-product .savings{color:#d90429;font-size:.72rem;font-weight:900;text-transform:uppercase;margin-top:10px}.email-preview-retail-product .sale-price{color:#d90429;font-size:1.35rem;font-weight:900}.email-preview-retail-product .regular-price{color:#64748b;font-size:.68rem;text-decoration:line-through}.email-preview-retail-product .product-cta{display:inline-block;margin-top:10px;background:#0567e8;color:#fff;border-radius:5px;padding:8px 13px;font-size:.68rem;font-weight:900;text-transform:uppercase}.email-preview-bottom-banner{display:block;width:calc(100% - 36px);margin:0 18px 18px}.preview-mobile .email-preview-retail-grid{grid-template-columns:1fr}.preview-mobile .email-preview-header small{display:none}.preview-mobile .email-preview-retail-nav{gap:7px;font-size:.58rem}.preview-mobile .email-preview-retail-product img{height:190px}@media(max-width:850px){.retail-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-send-panel{grid-template-columns:1fr}.retail-builder-head{flex-direction:column}.retail-builder-head .btn{width:100%}}@media(max-width:560px){.retail-product-head{align-items:flex-start;flex-direction:column}.retail-product-actions{width:100%}.mini-action{flex:1}.retail-price-grid{grid-template-columns:1fr}.email-preview-retail-grid{grid-template-columns:1fr}}
.campaign-completeness{margin:-6px 0 18px;padding:12px 14px;border-radius:10px;border:1px solid #cbd9ea;background:#f8fbff;color:#315274;font-size:.9rem;font-weight:800;line-height:1.45}.campaign-completeness.warning{border-color:#f2b8ad;background:#fff4f1;color:#9b2c1f}.campaign-completeness.ready{border-color:#a7dec0;background:#effbf4;color:#176b3a}

.email-preview-shell.exact-email-preview{padding:0;overflow:hidden}.email-preview-frame{display:block;width:100%;min-height:680px;border:0;background:#eef3f9}.email-preview-status{margin:0;padding:10px 14px;border-top:1px solid #d5e0ec;background:#f8fbff;color:#526173;font-size:.82rem;text-align:center}.email-preview-status:empty{display:none}


/* Homepage cleanup: remove duplicate service account banner and contain contact section */
.homepage-cleanup-note{display:none}
.contact-section{background:var(--white);border-top:1px solid var(--line);padding:42px 0 54px;display:block}
.contact-card{display:grid;grid-template-columns:.85fr .9fr 1.35fr;gap:0;align-items:stretch;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.contact-card .contact-image img{height:100%;min-height:390px;object-fit:cover}
.contact-card .contact-info{padding:34px 28px}
.contact-card .contact-form{padding:34px 30px;display:grid;gap:12px;align-content:center;background:var(--panel)}
.contact-card .contact-form .btn{width:230px}
@media(max-width:1050px){.contact-card{grid-template-columns:1fr}.contact-card .contact-image img{max-height:280px;min-height:240px}.contact-card .contact-form{padding:25px 24px}}
@media(max-width:650px){.contact-section{padding:32px 0 42px}.contact-card .contact-info{padding:26px 20px}.contact-card .contact-form{padding:0 20px 26px}.contact-card .contact-form .btn{width:100%}}


.form-status-message {
  max-width: 760px;
  margin: 1rem auto;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  font-weight: 600;
  background: rgba(37, 99, 235, 0.08);
  border: 1px solid rgba(37, 99, 235, 0.22);
}

.thank-you-page {
  min-height: 60vh;
  display: grid;
  place-items: center;
  padding: 4rem 1.25rem;
}
.thank-you-page .page-hero {
  max-width: 900px;
  text-align: center;
}
.thank-you-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

/* Contact page service area update */
.service-area-visual{background:#06142e;display:flex;align-items:center;justify-content:center}
.service-area-visual img{height:100%;min-height:390px;object-fit:cover;object-position:center center}
.service-area-mini{margin:16px 0;padding:14px;border:1px solid rgba(37,99,235,.22);border-radius:12px;background:rgba(37,99,235,.08)}
.service-area-mini strong{display:block;color:var(--text);font-size:.96rem;margin-bottom:5px}
.service-area-mini span{display:block;color:var(--muted);font-weight:800;font-size:.9rem;line-height:1.4}
.service-address-field{display:grid;gap:7px;font-weight:900;color:var(--text)}
.service-address-field input{width:100%}
.service-address-field small{display:block;font-weight:800;line-height:1.35;padding:10px 12px;border-radius:10px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);color:var(--muted)}
.service-address-field small.is-available{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.service-address-field small.is-review{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
@media(max-width:1050px){.service-area-visual img{min-height:0;max-height:340px;object-fit:contain;background:#06142e}}

/* Contact page Option 2 layout: info + form first, full-width service-area map below */
.contact-hero{padding-bottom:18px}
.contact-hero-wrap{max-width:980px}
 .contact-hero h1{font-size:clamp(1.45rem,2.4vw,1.65rem);line-height:1.08;margin:6px 0 10px}
.contact-option-two{background:var(--white);border-top:1px solid var(--line);padding-top:12px}
.contact-choice-card{position:relative}.contact-choice-card.is-choosing{grid-template-columns:1fr;max-width:900px;margin-left:auto;margin-right:auto}.contact-choice-bar{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;padding:24px;background:var(--light);gap:16px}.contact-choice-bar[hidden],.contact-info-panel[hidden],.contact-form-panel[hidden]{display:none!important}.contact-choice-tab{appearance:none;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:22px 20px;text-align:left;font:inherit;font-weight:900;cursor:pointer;min-height:112px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.contact-choice-tab:hover,.contact-choice-tab:focus-visible{border-color:var(--blue);box-shadow:0 10px 24px rgba(4,91,199,.10);transform:translateY(-1px);outline:none}.contact-choice-tab span{display:block;margin-top:7px;color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.45}.contact-choice-tab.is-active{border-color:var(--blue);background:rgba(4,91,199,.07);box-shadow:0 0 0 2px rgba(4,91,199,.10)}.contact-choice-tab.is-active span{color:var(--text)}.contact-change-option{appearance:none;border:0;background:transparent;color:var(--blue);padding:0;margin:0 0 18px;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer}.contact-change-option:hover,.contact-change-option:focus-visible{text-decoration:underline;outline:none}.contact-form-panel{min-width:0;background:var(--panel)}.contact-form-panel .contact-form{height:100%}.contact-info-form textarea{min-height:140px}.contact-info-form>select,.contact-info-form>input{width:100%}
.option-two-card{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;align-items:stretch}
.option-two-card .contact-info-panel{padding:34px 30px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(4,91,199,.05),rgba(255,255,255,0))}
.option-two-card .contact-info-panel h2{margin-bottom:12px}
.option-two-card .contact-methods{display:grid;gap:4px;margin:12px 0 16px}
.option-two-card .contact-form{padding:34px 34px;display:grid;gap:12px;align-content:center;background:var(--panel)}
.option-two-card .contact-form .btn{width:230px}
.option-two-card .service-area-feature{grid-column:1 / -1;border-top:1px solid var(--line);padding:28px 30px 36px;background:var(--light);text-align:center}
.option-two-card .service-area-feature .section-label,.option-two-card .service-area-feature h2{margin-left:auto;margin-right:auto}
.service-area-feature-head{ text-align:left }
.service-area-feature-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
 .service-area-feature-head h2{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.15;margin:4px 0 8px}
.service-area-feature-head p:not(.section-label){color:var(--muted);max-width:760px}
.service-area-map-full{background:#06142e;border:1px solid rgba(4,91,199,.28);border-radius:14px;overflow:hidden;box-shadow:0 18px 38px rgba(12,20,36,.16)}
.service-area-map-full img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center center}

/* Service area address gate */
.service-area-checker{min-width:330px;max-width:430px;background:var(--panel);border:1px solid rgba(4,91,199,.22);border-radius:14px;padding:16px;box-shadow:0 12px 28px rgba(12,20,36,.08)}
.service-area-checker label{display:block;font-weight:900;color:var(--text);margin-bottom:8px}
.service-area-checker-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.service-area-checker input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 12px;font-weight:700;outline:none}
.service-area-checker input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(4,91,199,.12)}
.service-area-checker .btn{height:44px;white-space:nowrap;padding:0 14px}
.service-area-result{display:block;margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(4,91,199,.08);border:1px solid rgba(4,91,199,.18);color:var(--muted);font-weight:800;line-height:1.4}
.service-area-result.is-available{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.35);color:#15803d}
.service-area-result.is-review{background:rgba(4,91,199,.08);border-color:rgba(4,91,199,.22);color:var(--brand)}
.service-area-result.is-blocked{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.35);color:#b91c1c}
.contact-form .btn.is-disabled,.contact-form .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:grayscale(.2)}
.service-area-map-full{max-width:640px;margin:0 auto}
@media(max-width:1050px){.service-area-checker{width:100%;max-width:none}.service-area-checker-row{grid-template-columns:1fr}}

html[data-theme="dark"] .option-two-card .contact-info-panel{background:linear-gradient(180deg,rgba(37,99,235,.12),rgba(15,23,42,0))}
html[data-theme="dark"] .option-two-card .service-area-feature{background:#0f172a}
@media(max-width:1050px){
  .option-two-card{grid-template-columns:1fr}
  .option-two-card .contact-info-panel{border-right:0;border-bottom:1px solid var(--line)}
  .service-area-feature-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
  .contact-hero{padding-top:26px}
  .option-two-card .contact-info-panel,.option-two-card .contact-form,.option-two-card .service-area-feature{padding:24px 20px}
  .option-two-card .contact-form .btn,.service-area-feature-head .btn{width:100%}
}


/* Backup Manager: full-width admin table with inline actions and no desktop scrollbar. */
.backup-manager-container{
    width:min(1440px,calc(100% - 44px));
    max-width:1440px;
    grid-template-columns:1fr;
}
.backup-manager-panel{
    width:100%;
}
.backup-table-wrap{
    overflow-x:visible;
}
.backup-table{
    width:100%;
    table-layout:fixed;
}
.backup-table .backup-col-file{width:42%;}
.backup-table .backup-col-created{width:18%;}
.backup-table .backup-col-size{width:8%;}
.backup-table .backup-col-actions{width:32%;}
.backup-table th,
.backup-table td{
    vertical-align:middle;
    white-space:nowrap;
}
.backup-file-cell{
    max-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:800;
}
.backup-actions{
    display:flex;
    gap:8px;
    flex-wrap:nowrap;
    align-items:center;
}
.backup-actions form{
    margin:0;
}
.backup-actions .btn{
    width:auto;
    padding:9px 12px;
    font-size:.72rem;
    line-height:1.15;
}
@media(max-width:900px){
    .backup-table,
    .backup-table thead,
    .backup-table tbody,
    .backup-table th,
    .backup-table td,
    .backup-table tr{
        display:block;
    }
    .backup-table thead{
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        border:0;
    }
    .backup-table tr{
        border:1px solid var(--line);
        border-radius:10px;
        padding:12px;
        margin-bottom:12px;
        background:var(--white);
    }
    .backup-table td{
        border-bottom:0;
        padding:7px 0;
        white-space:normal;
    }
    .backup-file-cell{
        max-width:none;
        overflow:visible;
        text-overflow:clip;
        overflow-wrap:anywhere;
        word-break:break-word;
    }
    .backup-table td::before{
        content:attr(data-label);
        display:block;
        margin-bottom:3px;
        font-size:.72rem;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.04em;
        color:var(--muted);
    }
    .backup-actions{
        flex-wrap:wrap;
    }
    .backup-actions .btn{
        width:100%;
    }
}


.attachment-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.attachment-preview-button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.attachment-preview-button img{transition:transform .18s ease,box-shadow .18s ease}.attachment-preview-button:hover img{transform:scale(1.03);box-shadow:0 10px 24px rgba(15,23,42,.18)}.attachment-lightbox[hidden]{display:none}.attachment-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.attachment-lightbox-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(3px)}.attachment-lightbox-dialog{position:relative;width:min(96vw,1100px);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}.attachment-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.attachment-lightbox-dialog img{display:block;max-width:100%;max-height:calc(92vh - 58px);margin:0 auto;object-fit:contain;background:#0f172a}.attachment-lightbox-open{overflow:hidden}.attachments-panel .file-icon{width:72px;height:58px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem;color:var(--muted);background:#f8fafc}

/* Simplified customer decision paths */
.simplified-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    max-width:none;
    margin:15px 0 0;
}
.service-path-card{
    display:flex;
    flex-direction:column;
    height:100%;
}
.service-path-card > img{
    height:116px;
    object-fit:cover;
}
.service-path-card .card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:flex-start;
    padding:14px;
}
.service-path-card h3{
    font-size:1rem;
    line-height:1.18;
    margin-bottom:7px;
}
.service-path-card p{
    flex:1;
    font-size:.8rem;
    line-height:1.42;
    margin-bottom:11px;
}
.service-path-link{
    margin-top:auto;
    color:var(--blue);
    font-size:.79rem;
    font-weight:800;
    text-decoration:none;
}
.service-path-link:hover{
    text-decoration:underline;
}
.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
@media(max-width:1050px){
    .simplified-service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:650px){
    .simplified-service-grid{
        grid-template-columns:1fr;
    }
    .service-path-card > img{
        height:128px;
    }
}


/* Compact homepage introduction */
.home-intro{
    padding:24px 0 18px;
    background:linear-gradient(135deg,var(--white) 0%,var(--light) 100%);
}
.home-intro-card{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr);
    gap:22px;
    align-items:center;
}
.home-intro-copy{
    max-width:760px;
}
.home-intro-copy .section-label{
    font-size:.8rem;
    margin-bottom:5px;
}
.home-intro-copy h1{
    font-size:1.35rem;
    line-height:1.18;
    margin:0 0 15px;
}
.home-intro-copy>p:not(.section-label){
    max-width:720px;
    color:var(--muted);
    font-size:.8rem;
    line-height:1.42;
}
.home-intro-copy>p+p{
    margin-top:6px;
}
.home-intro-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
}
.home-intro-actions .btn{
    min-height:auto;
    padding:8px 12px;
    font-size:.8rem;
    line-height:1.2;
}
.home-intro-trust{
    display:grid;
    gap:7px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--panel);
    box-shadow:var(--shadow);
}
.home-intro-trust-item{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:var(--text);
    font-size:.8rem;
}
.home-intro-trust-item span{
    color:var(--blue);
    font-weight:900;
}
@media(max-width:850px){
    .home-intro-card{grid-template-columns:1fr;}
    .home-intro-trust{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
    .home-intro{padding:20px 0 14px;}
     .home-intro-copy h1{font-size:1.35rem;}
    .home-intro-actions .btn{width:100%;}
    .home-intro-trust{grid-template-columns:1fr;padding:12px;}
}


/* Homepage typography aligned to Choose Your Service */
.home-page #home-introduction .section-label,
.home-page #services .section-label,
.home-page #parts .section-label,
.home-page #testimonials .section-label,
.home-page #about .section-label{
    font-size:.8rem;
    line-height:1.2;
}
.home-page #home-introduction h1,
.home-page #services h2,
.home-page #parts h2,
.home-page #testimonials h2,
.home-page #about h2{
    font-size:1.35rem;
    line-height:1.18;
}
.home-page #home-introduction p:not(.section-label),
.home-page #services .service-path-card p,
.home-page #parts .parts-card p:not(.section-label),
.home-page #testimonials .testimonial-grid p,
.home-page #about .about-card p,
.home-page #about .about-list,
.home-page .site-footer{
    font-size:.8rem;
    line-height:1.42;
}
.home-page #services .service-path-card h3,
.home-page #testimonials .testimonial-grid strong{
    font-size:1rem;
    line-height:1.18;
}
.home-page #home-introduction .home-intro-trust-item{
    font-size:.8rem;
    line-height:1.42;
    font-weight:800;
}
.home-page #home-introduction .home-intro-trust-item strong{
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}
.home-page #home-introduction .btn,
.home-page #parts .btn{
    font-size:.8rem;
}
/* End homepage typography */

/* Computer Support page refinement */
#computer-repair-troubleshooting .service-detail-hero .pricing-hero-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
    gap:28px;
    padding:32px 0;
}
#computer-repair-troubleshooting .service-detail-hero .pricing-hero-panel{
    width:min(100%,460px);
    justify-self:end;
}
#computer-repair-troubleshooting .pricing-trust-row,
#website-services .pricing-trust-row,
#maintenance-plans .pricing-trust-row{
    gap:10px;
    margin-top:18px;
    padding-top:14px;
}
#computer-repair-troubleshooting .pricing-trust-row .trust-item,
#website-services .pricing-trust-row .trust-item,
#maintenance-plans .pricing-trust-row .trust-item{
    gap:4px;
    padding:11px 9px;
    border-radius:9px;
}
#computer-repair-troubleshooting .pricing-trust-row .trust-item span,
#website-services .pricing-trust-row .trust-item span,
#maintenance-plans .pricing-trust-row .trust-item span{
    font-size:1rem;
}
#computer-repair-troubleshooting .pricing-trust-row .trust-item strong,
#website-services .pricing-trust-row .trust-item strong,
#maintenance-plans .pricing-trust-row .trust-item strong{
    font-size:.72rem;
    line-height:1.2;
}
#computer-repair-troubleshooting .pricing-trust-row .trust-item small,
#website-services .pricing-trust-row .trust-item small,
#maintenance-plans .pricing-trust-row .trust-item small{
    font-size:.68rem;
    line-height:1.25;
}
#computer-repair-troubleshooting .package-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
}
#computer-repair-troubleshooting .package-card{
    height:100%;
}
#computer-repair-troubleshooting .package-card > p:not(.package-price){
    min-height:42px;
}
#computer-repair-troubleshooting .package-card ul{
    flex:1 0 auto;
}
#computer-repair-troubleshooting .process-section{
    padding-top:24px;
    padding-bottom:30px;
}
#computer-repair-troubleshooting .process-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}
#computer-repair-troubleshooting .process-feature-grid .service-feature-card{
    padding:14px;
}
#computer-repair-troubleshooting .process-feature-grid .service-feature-card span{
    width:32px;
    height:32px;
    margin-bottom:9px;
    font-size:.82rem;
}
#computer-repair-troubleshooting .process-feature-grid .service-feature-card h3{
    font-size:.88rem;
    margin-bottom:5px;
}
#computer-repair-troubleshooting .process-feature-grid .service-feature-card p{
    font-size:.75rem;
    line-height:1.35;
}
@media(max-width:900px){
    #computer-repair-troubleshooting .package-grid,
    #computer-repair-troubleshooting .process-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    #computer-repair-troubleshooting .service-detail-hero .pricing-hero-panel{
        width:100%;
        justify-self:stretch;
    }
}
@media(max-width:650px){
    #computer-repair-troubleshooting .package-grid,
    #computer-repair-troubleshooting .process-feature-grid{
        grid-template-columns:1fr;
    }
    #computer-repair-troubleshooting .package-card > p:not(.package-price){
        min-height:0;
    }
}



/* Service package process refinements */
#small-business-managed-it-services .package-grid,
#website-services .package-grid,
#maintenance-plans .package-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
}
#small-business-managed-it-services .package-card,
#website-services .package-card,
#maintenance-plans .package-card{
    height:100%;
}
#small-business-managed-it-services .package-card > p:not(.package-price),
#website-services .package-card > p:not(.package-price),
#maintenance-plans .package-card > p:not(.package-price){
    min-height:42px;
}
#small-business-managed-it-services .package-card ul,
#website-services .package-card ul,
#maintenance-plans .package-card ul{
    flex:1 0 auto;
}
#small-business-managed-it-services .process-section,
#website-services .process-section,
#maintenance-plans .process-section{
    padding-top:24px;
    padding-bottom:30px;
}
#small-business-managed-it-services .process-feature-grid,
#website-services .process-feature-grid,
#maintenance-plans .process-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}
#small-business-managed-it-services .process-feature-grid .service-feature-card,
#website-services .process-feature-grid .service-feature-card,
#maintenance-plans .process-feature-grid .service-feature-card{
    padding:14px;
}
#small-business-managed-it-services .process-feature-grid .service-feature-card span,
#website-services .process-feature-grid .service-feature-card span,
#maintenance-plans .process-feature-grid .service-feature-card span{
    width:32px;
    height:32px;
    margin-bottom:9px;
    font-size:.82rem;
}
#small-business-managed-it-services .process-feature-grid .service-feature-card h3,
#website-services .process-feature-grid .service-feature-card h3,
#maintenance-plans .process-feature-grid .service-feature-card h3{
    font-size:.88rem;
    margin-bottom:5px;
}
#small-business-managed-it-services .process-feature-grid .service-feature-card p,
#website-services .process-feature-grid .service-feature-card p,
#maintenance-plans .process-feature-grid .service-feature-card p{
    font-size:.75rem;
    line-height:1.35;
}
@media(max-width:900px){
#small-business-managed-it-services .package-grid,
#website-services .package-grid,
#maintenance-plans .package-grid,
#small-business-managed-it-services .process-feature-grid,
#website-services .process-feature-grid,
#maintenance-plans .process-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:650px){
#small-business-managed-it-services .package-grid,
#website-services .package-grid,
#maintenance-plans .package-grid,
#small-business-managed-it-services .process-feature-grid,
#website-services .process-feature-grid,
#maintenance-plans .process-feature-grid{
        grid-template-columns:1fr;
    }
#small-business-managed-it-services .package-card > p:not(.package-price),
#website-services .package-card > p:not(.package-price),
#maintenance-plans .package-card > p:not(.package-price){
        min-height:0;
    }
}

/* Package detail modal */
.package-detail-modal[hidden]{display:none}
.package-detail-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:22px}
.package-detail-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.66);backdrop-filter:blur(3px)}
.package-detail-modal-dialog{position:relative;width:min(92vw,620px);max-height:88vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.32);padding:24px}
.package-detail-modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:var(--light);color:var(--text);font-size:1.25rem;line-height:1;cursor:pointer}
.package-detail-modal-dialog h2{margin:4px 42px 10px 0}
.package-detail-modal-intro{color:var(--muted);margin-bottom:18px}
.package-detail-modal-section h3{margin-bottom:9px}
.package-detail-modal-section ul{display:grid;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.package-detail-modal-section li{padding-bottom:8px;border-bottom:1px solid var(--line)}
.package-detail-modal-section li::before{content:'✓ ';color:var(--blue);font-weight:900}
.package-detail-modal-note{background:var(--light);border:1px solid var(--line);border-radius:9px;padding:13px 14px;margin-bottom:18px}
.package-detail-modal-note p{color:var(--muted);margin-top:4px}
.package-detail-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.package-detail-modal-open{overflow:hidden}
@media(max-width:650px){.package-detail-modal{padding:14px}.package-detail-modal-dialog{padding:20px 16px}.package-detail-modal-actions .btn{width:100%}}




/* Review attribution */
.reviewer-name{
  margin-top:12px;
  font-weight:700;
}


/* Homepage final contact action */
.final-contact-cta{
  padding-top:36px;
  padding-bottom:48px;
}
.final-contact-cta-inner{
  text-align:center;
  max-width:760px;
  margin:0 auto;
}
.final-contact-cta-inner h2{
  margin-bottom:10px;
}
.final-contact-cta-inner>p:not(.section-label){
  margin:0 auto 20px;
  max-width:620px;
}
.final-contact-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.final-contact-actions .btn{
  min-width:154px;
}
@media(max-width:650px){
  .final-contact-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .final-contact-actions .btn{
    width:100%;
  }
}

/* Streamlined customer dashboard */
.streamlined-dashboard .account-dashboard{padding-top:28px}
.customer-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 26px;margin-bottom:18px;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.customer-dashboard-hero h1{margin:2px 0 6px;font-size:clamp(1.55rem,2.6vw,2rem)}
.customer-dashboard-hero p:last-child{margin:0;color:var(--muted)}
.customer-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.customer-account-strip{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:20px;box-shadow:0 10px 24px rgba(15,23,42,.04);overflow:hidden}
.customer-identity-grid{display:grid;grid-template-columns:minmax(135px,1.1fr) minmax(205px,1.65fr) minmax(120px,.9fr) minmax(110px,.8fr);gap:16px 18px;padding:22px 24px;align-items:center}
.customer-identity-item{display:flex;align-items:center;gap:12px;min-width:0}
.customer-identity-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eef5ff;color:var(--brand);font-weight:900}
.customer-identity-item strong{display:block;overflow-wrap:anywhere;font-size:.9rem;line-height:1.3}.customer-identity-item span:last-child{display:block;margin-top:3px;color:var(--muted);font-size:.75rem;line-height:1.3}
.customer-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px;border-left:1px solid var(--line);align-items:stretch}
.customer-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:78px;border:1px solid var(--line);border-radius:12px;background:var(--light);text-align:center;padding:9px}.customer-stat strong{font-size:1.45rem;color:var(--brand);line-height:1}.customer-stat span{margin-top:6px;font-size:.72rem;font-weight:800;line-height:1.25}
.customer-profile-panel,.customer-new-request-form{margin:0 0 20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.customer-profile-panel[hidden],.customer-new-request-form[hidden],.customer-request-detail-panel[hidden],.customer-request-reply-panel[hidden]{display:none!important}
.customer-profile-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.customer-dashboard-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:20px;align-items:start}
.customer-requests-panel,.customer-new-request-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.customer-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.customer-panel-heading h2{margin:2px 0 4px}.customer-panel-heading p:last-child{margin:0;color:var(--muted)}
.customer-request-list{display:grid;gap:14px}.customer-request-card{border:1px solid var(--line);border-radius:14px;background:var(--light);padding:18px}.customer-request-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-request-title-row h3{margin:0;font-size:1.1rem;line-height:1.25}.customer-request-title-row .status-badge{flex:0 0 auto;margin-top:0}.customer-request-id,.customer-request-dates{margin:6px 0 0;color:var(--muted);font-size:.82rem}
.customer-request-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.customer-request-summary-grid>div{padding:13px 12px}.customer-request-summary-grid>div+div{border-left:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.customer-request-summary-grid span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:4px}.customer-request-summary-grid strong{font-size:.9rem}.customer-request-summary{margin:14px 0 0;color:var(--muted);line-height:1.55}
.customer-request-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.customer-request-actions .btn{padding:8px 16px}.customer-request-detail-panel,.customer-request-reply-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.customer-request-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.customer-request-detail-grid div{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel)}.customer-request-detail-grid dt{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--muted)}.customer-request-detail-grid dd{margin:4px 0 0;font-weight:700}.customer-request-detail-copy{margin:0 0 14px;padding:14px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.customer-request-detail-copy p{margin:6px 0 0}.customer-request-reply-panel .reply-form{margin-top:12px}.customer-request-reply-panel .reply-form .btn{width:auto}
.customer-new-request-panel{position:sticky;top:18px}.customer-new-request-toggle{width:100%;margin-bottom:16px}.customer-help-box{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--light)}.customer-help-box h3{margin:0;padding:16px 16px 5px;line-height:1.25}.customer-help-box>p{margin:0;padding:0 16px 15px;color:var(--muted);line-height:1.5}.customer-help-box ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.customer-help-box li{padding:13px 16px;border-bottom:1px solid var(--line)}.customer-help-box li:last-child{border-bottom:0}.customer-help-box li strong{display:block;font-size:.85rem;line-height:1.3}.customer-help-box li span{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.45}.customer-empty-card{border:1px dashed var(--line);border-radius:14px;padding:26px;text-align:center;background:var(--light)}
@media(max-width:1050px){.customer-account-strip,.customer-dashboard-main{grid-template-columns:1fr}.customer-stat-grid{border-left:0;border-top:1px solid var(--line)}.customer-new-request-panel{position:static}}
@media(max-width:820px){.customer-dashboard-hero{align-items:flex-start;flex-direction:column}.customer-dashboard-actions{justify-content:flex-start}.customer-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-fields{grid-template-columns:1fr}}
@media(max-width:620px){.customer-dashboard-actions{width:100%}.customer-dashboard-actions .btn{width:100%}.customer-identity-grid{grid-template-columns:1fr}.customer-stat-grid{grid-template-columns:repeat(3,1fr);padding:14px}.customer-request-summary-grid,.customer-request-detail-grid{grid-template-columns:1fr}.customer-request-summary-grid>div+div{border-left:0;border-top:1px solid var(--line)}.customer-request-actions .btn{width:100%}}

/* Expanded customer profile */
.customer-identity-wide{grid-column:span 3}
.profile-section-block{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.profile-section-block:first-of-type{border-top:0;padding-top:0;margin-top:0}
.profile-section-block h3{margin:0 0 12px}
.profile-section-help{margin:-4px 0 14px;color:var(--muted);font-size:.86rem}
.customer-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-profile-address-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(90px,.45fr) minmax(120px,.6fr);gap:14px}
@media(max-width:1100px){
  .customer-identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .customer-identity-wide{grid-column:span 2}
}
@media(max-width:820px){
  .customer-identity-wide{grid-column:span 2}
  .customer-profile-fields,.customer-profile-address-grid{grid-template-columns:1fr 1fr}
  .profile-address-wide{grid-column:1 / -1}
}
@media(max-width:620px){
  .customer-identity-wide{grid-column:auto}
  .customer-profile-fields,.customer-profile-address-grid{grid-template-columns:1fr}
  .profile-address-wide{grid-column:auto}
}

@media(max-width:650px){.contact-choice-bar{grid-template-columns:1fr}.contact-choice-tab{padding:12px 14px}}

.review-stars{font-size:1rem;letter-spacing:.08em;margin-bottom:10px;line-height:1;font-weight:800}

.account-register-shell{width:min(100%,560px)}.account-register-card{width:100%}.account-register-card small{margin-top:-2px}


/* Admin active request accordion */

.admin-request-summary{width:100%;border:0;text-align:left;font:inherit}
.admin-request-details[hidden]{display:none!important}
.admin-request-accordion{padding:0;overflow:hidden}
.admin-request-summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;cursor:pointer;user-select:none;background:var(--light)}
.admin-request-summary:hover{background:var(--white)}
.admin-request-summary-service{font-weight:900;color:var(--text);white-space:nowrap}
.admin-request-summary-id{color:var(--muted);font-weight:800;white-space:nowrap}
.admin-request-summary-meta{color:var(--muted);font-size:.82rem;white-space:nowrap}
.admin-request-summary-meta b{color:var(--text)}
.admin-request-summary .status-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:.7rem;vertical-align:middle}
.admin-request-summary-arrow{margin-left:auto;flex:0 0 auto;color:var(--blue);font-size:1.25rem;font-weight:900;line-height:1;transition:transform .2s ease}
.admin-request-summary[aria-expanded="true"] .admin-request-summary-arrow{transform:rotate(180deg)}
.admin-request-details{padding:16px;border-top:1px solid var(--line);background:var(--light)}
@media(max-width:900px){
  .admin-request-summary{flex-wrap:wrap;gap:7px 10px}
  .admin-request-summary-arrow{margin-left:auto}
}
@media(max-width:650px){
  .admin-request-summary{align-items:flex-start;padding:12px}
  .admin-request-summary-service{flex-basis:auto}
  .admin-request-summary-id{white-space:normal}
  .admin-request-summary-meta{white-space:normal}
  .admin-request-summary-arrow{position:relative;top:1px}
  .admin-request-details{padding:12px}
}


/* Estimates and invoices */
.financial-page .account-dashboard{padding-top:28px}
.financial-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:20px;align-items:start}
.financial-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.financial-title-row h2{margin:0 0 5px}.financial-title-row p{margin:0;color:var(--muted)}
.financial-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.25px;white-space:nowrap;background:#eaf2ff;color:#075ac8;border:1px solid #cfe0fa}
.financial-status-accepted,.financial-status-paid{background:#eafaf1;color:#08743f;border-color:#bce8cf}
.financial-status-declined,.financial-status-cancelled,.financial-status-expired{background:#fff1f2;color:#a91d31;border-color:#f2c4cb}
.financial-status-sent,.financial-status-unpaid{background:#fff8e6;color:#8a5b00;border-color:#f2dda0}
.financial-status-draft{background:#f1f5f9;color:#475569;border-color:#d7e0ea}
.financial-line-items,.financial-readonly-lines{display:grid;gap:8px;margin:8px 0 12px}
.financial-line-head,.financial-line{display:grid;grid-template-columns:minmax(220px,1fr) 80px 110px 110px 34px;gap:8px;align-items:center}
.financial-line-head{padding:0 4px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.financial-line{background:var(--light);border:1px solid var(--line);border-radius:10px;padding:8px}
.financial-line input{min-width:0}.financial-line>strong{text-align:right}.financial-line-readonly>span:nth-child(2),.financial-line-readonly>span:nth-child(3),.financial-line-readonly>strong{text-align:right}
.financial-remove{border:0;background:transparent;color:#a91d31;font-size:1.25rem;font-weight:900;cursor:pointer}
.financial-add-line{width:auto!important;justify-self:start}
.financial-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.financial-form{box-shadow:none;padding:0;border:0;background:transparent}
.financial-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.financial-form-actions .btn{width:auto}
.financial-convert-form{margin-top:16px}
.financial-summary-card{position:sticky;top:18px}
.financial-summary-card dl{margin:14px 0 20px}.financial-summary-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.financial-summary-card dt{color:var(--muted);font-weight:800}.financial-summary-card dd{font-weight:900;margin:0}
.financial-summary-card .financial-total-row{font-size:1.15rem;border-bottom:0;padding-top:14px}
.financial-summary-card .financial-total-row dt,.financial-summary-card .financial-total-row dd{color:var(--text)}
.financial-note,.invoice-payment-note,.estimate-decision-box{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--light);padding:16px}
.financial-note h3,.invoice-payment-note h3,.estimate-decision-box h3{margin:0 0 8px}.financial-note p,.invoice-payment-note p,.estimate-decision-box p{margin:0;color:var(--muted);line-height:1.55}
.estimate-decision-actions{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:14px;align-items:start;margin-top:14px}
.estimate-decision-actions form{margin:0}.estimate-decision-actions .btn{width:auto}
.estimate-decline-form{display:grid;gap:10px}.estimate-decline-form label{display:grid;gap:6px;font-weight:900}.estimate-decline-form textarea{min-height:80px}
.request-financial-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.request-financial-card{border:1px solid var(--line);border-radius:12px;background:var(--light);padding:16px}
.request-financial-card>span:first-child{display:block;color:var(--muted);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.request-financial-card>strong{display:block;margin-top:6px;font-size:1rem}.request-financial-card p{margin:8px 0 14px;color:var(--muted)}
.customer-financial-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 12px 28px rgba(15,23,42,.05);margin:18px 0}
.customer-financial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}
.customer-financial-column{display:grid;align-content:start;gap:8px}.customer-financial-column h3{margin:0 0 3px}
.customer-financial-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--light);padding:12px;color:var(--text)}
.customer-financial-row:hover{border-color:#a9c7ef;background:var(--white)}
.customer-financial-row span:first-child{display:grid;gap:3px}.customer-financial-row small{color:var(--muted);font-size:.74rem}.customer-financial-row>b{white-space:nowrap}
@media(max-width:980px){.financial-layout{grid-template-columns:1fr}.financial-summary-card{position:static}.customer-financial-grid,.request-financial-cards{grid-template-columns:1fr}}
@media(max-width:720px){.financial-line-head{display:none}.financial-line{grid-template-columns:1fr 80px 100px 85px 30px}.financial-settings-grid{grid-template-columns:1fr}.estimate-decision-actions{grid-template-columns:1fr}.customer-financial-row{grid-template-columns:1fr auto}.customer-financial-row>b{grid-column:2}.financial-title-row{flex-direction:column}}
@media(max-width:520px){.financial-line{grid-template-columns:1fr 1fr}.financial-line input:first-child,.financial-line-readonly>span:first-child{grid-column:1/-1}.financial-line>strong{text-align:left}.financial-remove{justify-self:end}.customer-financial-row{grid-template-columns:1fr}}


/* Professional admin estimate creator */
.professional-estimate-page{background:var(--light)}
.estimate-admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.estimate-admin-header h1{margin:0}.estimate-admin-header>div>p:last-child{margin:7px 0 0;color:var(--muted)}
.estimate-admin-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.estimate-context-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:18px;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.estimate-context-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.estimate-context-heading h2{margin:2px 0 0;font-size:1.05rem}
.estimate-price-source{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eafaf1;color:#08743f;border:1px solid #bce8cf;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.estimate-price-source-custom{background:#f1f5f9;color:#475569;border-color:#d7e0ea}
.estimate-context-grid{display:grid;grid-template-columns:1.1fr .8fr 1.4fr .9fr 1.2fr;gap:10px}
.estimate-context-item{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--light);display:grid;align-content:start;gap:4px}.estimate-context-item>span{color:var(--muted);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.estimate-context-item>strong{font-size:.88rem;overflow-wrap:anywhere}.estimate-context-item>small{color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.estimate-request-brief{display:grid;gap:5px;margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--light)}.estimate-request-brief>span{color:var(--muted);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.estimate-request-brief p{margin:0;color:var(--text);font-size:.8rem;line-height:1.5}
.professional-estimate-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.55fr);gap:18px}.professional-estimate-editor{padding:22px}.estimate-section-heading{margin-bottom:14px}.estimate-section-heading h2{margin:2px 0 4px}
.estimate-package-scope{margin:0 0 16px;padding:15px 16px;border:1px solid #bfd2ec;border-radius:13px;background:var(--light)}.estimate-package-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.estimate-package-scope-head h3{margin:2px 0 0;font-size:1rem}.estimate-package-scope-head>span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eaf2ff;color:var(--blue);font-size:.68rem;font-weight:900;white-space:nowrap}.estimate-package-scope>p{margin:0 0 10px;color:var(--muted);font-size:.82rem;line-height:1.5}.estimate-package-scope ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;margin:0;padding-left:19px}.estimate-package-scope li{color:var(--text);font-size:.79rem;line-height:1.42}.estimate-package-scope>small{display:block;margin-top:11px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;line-height:1.45}
.professional-estimate-form{display:grid;gap:18px}.estimate-line-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white)}
.estimate-line-header{display:grid;grid-template-columns:minmax(260px,1fr) 74px 116px 105px 34px;gap:8px;padding:10px 12px;background:#f4f7fb;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.professional-estimate-page .financial-line-items{margin:0;gap:0}.professional-financial-line{display:grid;grid-template-columns:minmax(260px,1fr) 74px 116px 105px 34px;gap:8px;align-items:center;background:var(--panel);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 12px}.professional-financial-line:last-child{border-bottom:0}.professional-financial-line>strong{text-align:right;font-size:.86rem}.professional-financial-line input{height:40px;padding:9px 10px;border-radius:8px;background:var(--white)}
.estimate-money-input,.estimate-percent-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--white);overflow:hidden;height:42px}.estimate-money-input>span{padding-left:10px;font-weight:900;color:var(--muted)}.estimate-money-input input,.estimate-percent-input input{border:0!important;border-radius:0!important;box-shadow:none!important;width:100%;min-width:0;background:transparent!important}.estimate-percent-input>span{padding-right:10px;font-weight:900;color:var(--muted)}
.estimate-add-line{display:block;width:100%;border:0;border-top:1px dashed #bfd2ec;background:#f7faff;color:var(--blue);padding:11px 14px;font-weight:900;cursor:pointer;text-align:left}.estimate-add-line:hover{background:#edf5ff}
.estimate-options-card{border:1px solid var(--line);border-radius:13px;padding:14px;background:#f8fafc}.professional-settings-grid{grid-template-columns:1fr 1fr 1.25fr}.professional-settings-grid label{gap:7px}
.estimate-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.estimate-notes-grid label{display:grid;gap:7px;font-weight:900}.estimate-notes-grid label small{font-weight:500;color:var(--muted)}.estimate-notes-grid textarea{min-height:125px}
.estimate-action-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px}.estimate-action-bar>div:first-child{display:grid;gap:2px}.estimate-action-bar>div:first-child span{font-size:.78rem;color:var(--muted)}.estimate-action-bar .financial-form-actions{justify-content:flex-end}.estimate-action-bar .btn{min-width:130px}
.estimate-convert-bar{margin-top:16px;padding:16px;border:1px solid #bce8cf;border-radius:12px;background:#f1fbf5}
.professional-summary-card{padding:20px;top:14px}.estimate-summary-heading{padding-bottom:13px;border-bottom:1px solid var(--line)}.estimate-summary-heading h2{margin:2px 0 0;font-size:1rem}.estimate-summary-service{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}.estimate-summary-service span,.estimate-summary-meta span{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.estimate-summary-service strong{font-size:.9rem}
.professional-summary-card dl{margin:7px 0 15px}.professional-summary-card .financial-total-row{margin-top:5px;padding:14px 12px;border-radius:10px;background:#eef5ff}.professional-summary-card .financial-total-row dt,.professional-summary-card .financial-total-row dd{font-size:1.12rem;color:var(--blue)}
.estimate-summary-meta{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}.estimate-summary-meta>div{display:grid;gap:2px}.estimate-summary-meta strong{font-size:.8rem}
.estimate-source-note{display:grid;gap:4px;margin-top:16px;border-radius:11px;padding:12px;background:#eefaf3;border:1px solid #c6ead4}.estimate-source-note strong{font-size:.78rem;color:#08743f}.estimate-source-note span{font-size:.72rem;color:#446455;line-height:1.4}.estimate-source-note-custom{background:#f8fafc;border-color:var(--line)}.estimate-source-note-custom strong{color:var(--text)}.estimate-source-note-custom span{color:var(--muted)}
@media(max-width:1180px){.estimate-context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.estimate-context-address{grid-column:span 2}}
@media(max-width:980px){.professional-estimate-layout{grid-template-columns:1fr}.professional-summary-card{position:static}.estimate-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-context-address{grid-column:auto}}
@media(max-width:760px){.estimate-admin-header,.estimate-context-heading,.estimate-action-bar,.estimate-package-scope-head{align-items:flex-start;flex-direction:column}.estimate-context-grid,.estimate-notes-grid,.professional-settings-grid,.estimate-package-scope ul{grid-template-columns:1fr}.estimate-line-header{display:none}.professional-financial-line{grid-template-columns:1fr 80px 110px 90px 30px}.professional-financial-line>input:first-child{grid-column:1/-1}.estimate-action-bar .financial-form-actions{width:100%;justify-content:stretch}.estimate-action-bar .financial-form-actions .btn{flex:1}}
@media(max-width:520px){.estimate-context-grid{grid-template-columns:1fr}.professional-financial-line{grid-template-columns:1fr 1fr}.professional-financial-line>input:first-child{grid-column:1/-1}.professional-financial-line>strong{text-align:left}.professional-financial-line .financial-remove{justify-self:end}.estimate-action-bar .financial-form-actions{flex-direction:column}.estimate-action-bar .financial-form-actions .btn{width:100%}}


/* Polished estimate and invoice workflow */
.financial-document-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.financial-document-header h1{margin:0}.financial-document-header>div>p:last-child{margin:7px 0 0;color:var(--muted)}
.financial-document-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.financial-document-context{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:18px}
.financial-document-context>div{display:grid;gap:4px;min-width:0;padding:11px 13px;background:var(--light);border:1px solid var(--line);border-radius:11px}
.financial-document-context span,.polished-summary-meta span{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.financial-document-context strong{font-size:.88rem;overflow-wrap:anywhere}.financial-document-context small{font-size:.72rem;color:var(--muted);overflow-wrap:anywhere}
.customer-document-layout{grid-template-columns:minmax(0,1.65fr) minmax(285px,.55fr);gap:18px}.customer-document-main{padding:22px}.customer-document-section-head h2{margin:2px 0 5px}
.customer-financial-table{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}
.customer-financial-table-head,.customer-financial-table-row{display:grid;grid-template-columns:minmax(240px,1fr) 70px 105px 105px;gap:10px;align-items:center}
.customer-financial-table-head{padding:10px 13px;background:#f4f7fb;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line)}
.customer-financial-table-row{padding:12px 13px;border-bottom:1px solid var(--line);font-size:.84rem}.customer-financial-table-row:last-child{border-bottom:0}.customer-financial-table-row>span:nth-child(n+2),.customer-financial-table-row>strong{text-align:right}
.customer-document-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.customer-note-card{margin-top:0;min-height:100%}.customer-note-card .section-label{margin:0 0 3px}.customer-note-card h3{margin-bottom:7px}
.customer-package-scope{margin-bottom:16px}.customer-package-scope>small{display:none}
.customer-estimate-decision{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:18px;align-items:center;margin-top:18px;border:1px solid #bcd8ff;border-radius:14px;padding:18px;background:#f3f8ff}
.customer-estimate-decision-copy h2{margin:3px 0 6px}.customer-estimate-decision-copy>p:last-child{margin:0;color:var(--muted);line-height:1.5}
.customer-estimate-actions{display:grid;gap:10px}.customer-estimate-actions form{margin:0}.customer-estimate-actions .btn{width:100%}
.customer-decline-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.customer-decline-panel summary{cursor:pointer;padding:10px 12px;font-size:.78rem;font-weight:900;color:var(--blue);list-style:none}.customer-decline-panel summary::-webkit-details-marker{display:none}.customer-decline-panel form{padding:0 12px 12px;display:grid;gap:9px}.customer-decline-panel label{display:grid;gap:6px;font-weight:900}.customer-decline-panel textarea{min-height:78px}
.customer-document-status-message{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;border-radius:12px;padding:14px 16px}.customer-document-status-message strong{font-size:.86rem}.customer-document-status-message span{font-size:.78rem}
.customer-document-status-success{background:#eefaf3;border:1px solid #bce8cf;color:#08743f}.customer-document-status-alert{background:#fff6f6;border:1px solid #efc5ca;color:#9d2434}
.polished-customer-summary{padding:20px;top:14px}.polished-customer-summary>h2{margin:2px 0 12px;font-size:1rem}.polished-summary-meta{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}.polished-summary-meta>div{display:grid;gap:2px}.polished-summary-meta strong{font-size:.8rem}
.customer-payment-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px 18px;border-radius:13px;border:1px solid #d8e2ef;background:#f8fafc}.customer-payment-panel h2{margin:3px 0 5px;font-size:1rem}.customer-payment-panel p{margin:0;color:var(--muted)}.customer-payment-panel>strong{font-size:1.18rem;white-space:nowrap}
.customer-payment-paid{background:#eefaf3;border-color:#bce8cf}.customer-payment-paid>strong{color:#08743f}.customer-payment-cancelled{background:#fff6f6;border-color:#efc5ca}.customer-payment-cancelled>strong{color:#9d2434}
.invoice-context-grid{grid-template-columns:1.1fr .8fr 1.3fr .9fr 1fr}.invoice-line-table{margin-bottom:18px}.invoice-settings-grid{grid-template-columns:1fr 1fr}
.polished-invoice-admin-form{display:grid;gap:18px}.polished-invoice-admin-form .estimate-action-bar{margin-top:0}.invoice-admin-status-note{display:grid;gap:4px;margin-top:16px;padding:12px;border-radius:11px;background:#f8fafc;border:1px solid var(--line)}.invoice-admin-status-note strong{font-size:.78rem}.invoice-admin-status-note span{font-size:.72rem;color:var(--muted)}
.polished-financial-dashboard{padding:22px 24px}.polished-financial-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.financial-dashboard-count{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef5ff;color:var(--blue);border:1px solid #c9dcf6;font-size:.7rem;font-weight:900;white-space:nowrap}
.polished-financial-dashboard .customer-financial-grid{gap:14px}.polished-financial-dashboard .customer-financial-column{border:1px solid var(--line);border-radius:13px;background:var(--light);padding:14px}.polished-financial-dashboard .customer-financial-column h3{padding-bottom:9px;border-bottom:1px solid var(--line)}
.polished-financial-dashboard .customer-financial-row{background:var(--panel);box-shadow:none}.polished-financial-dashboard .customer-financial-row:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.05)}
@media(max-width:1050px){.customer-document-layout{grid-template-columns:1fr}.polished-customer-summary{position:static}.invoice-context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.financial-document-header,.polished-financial-heading{align-items:flex-start;flex-direction:column}.financial-document-context{grid-template-columns:1fr}.customer-document-notes,.customer-estimate-decision{grid-template-columns:1fr}.invoice-context-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.customer-financial-table-head{display:none}.customer-financial-table-row{grid-template-columns:1fr auto}.customer-financial-table-row>span:first-child{grid-column:1/-1}.customer-financial-table-row>span:nth-child(n+2),.customer-financial-table-row>strong{text-align:left}.customer-payment-panel{align-items:flex-start;flex-direction:column}.invoice-context-grid{grid-template-columns:1fr}.invoice-settings-grid{grid-template-columns:1fr}.customer-document-status-message{align-items:flex-start;flex-direction:column}}
.invoice-wallet-form{display:none}.invoice-smart-wallets{display:grid;grid-template-columns:repeat(2,minmax(180px,260px));gap:10px;margin-top:14px}.invoice-smart-wallets[hidden],.invoice-smart-wallets [hidden]{display:none!important}.invoice-smart-wallets>span{display:flex;grid-column:1/-1;align-items:center;gap:10px;color:#687d98;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.invoice-smart-wallets>span:before,.invoice-smart-wallets>span:after{content:"";height:1px;flex:1;background:#d8e2ef}.invoice-smart-wallets venmo-button,.invoice-smart-wallets paylater-button{min-height:46px}.invoice-smart-wallets p{grid-column:1/-1;min-height:0;margin:0;color:#426187;font-size:12px;font-weight:750}.invoice-smart-wallets p:empty{display:none}.invoice-smart-wallets p.is-error{color:#a32632}.invoice-zelle-option{max-width:620px;margin-top:16px;padding:16px;border:1px solid #cfe0f5;border-radius:12px;background:#f2f7ff}.invoice-zelle-option h3{margin:3px 0 10px;font-size:1rem}.invoice-zelle-option dl{display:grid;gap:7px;margin:0 0 10px}.invoice-zelle-option dl div{display:flex;justify-content:space-between;gap:18px}.invoice-zelle-option dt{color:#526783}.invoice-zelle-option dd{margin:0;font-weight:900;text-align:right}.invoice-zelle-option>p:last-child{font-size:13px;line-height:1.5}@media(max-width:650px){.invoice-smart-wallets{grid-template-columns:1fr}.invoice-zelle-option dl div{align-items:flex-start;flex-direction:column;gap:2px}.invoice-zelle-option dd{text-align:left}}


/* Service request retention and customer cleanup */
.request-retention-notice{margin:8px 0 16px;padding:12px 14px;border:1px solid #d8e5f5;border-radius:10px;background:#f7faff;color:var(--muted);font-size:.8rem;line-height:1.55}
.request-retention-notice strong{color:var(--text)}
.customer-hide-request-form{display:inline-flex;margin:0}
.customer-delete-request-btn{width:auto}


/* Completed request delete control + manual payment methods */
.customer-completed-request-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:13px 14px;border:1px solid #d8e5f5;border-radius:11px;background:#f8fafc}
.customer-completed-request-footer>div{display:grid;gap:3px}
.customer-completed-request-footer strong{font-size:.82rem;color:var(--text)}
.customer-completed-request-footer span{font-size:.74rem;line-height:1.45;color:var(--muted)}
.customer-completed-request-footer .customer-delete-request-btn{border-color:#d9a9af;color:#9f2635;background:#fff}
.customer-completed-request-footer .customer-delete-request-btn:hover{background:#fff5f6;border-color:#c7838d}
.invoice-payment-method-field small{display:block;margin:2px 0 5px;color:var(--muted);font-weight:500;font-size:.72rem}
.invoice-payment-method-field[hidden]{display:none!important}
@media(max-width:650px){.customer-completed-request-footer{align-items:flex-start;flex-direction:column}.customer-completed-request-footer form,.customer-completed-request-footer .btn{width:100%}}

/* Compact service-admin dashboard: clear hierarchy with less vertical space. */
.admin-page .account-dashboard{
    padding:28px 0 36px;
}
.admin-page .admin-dashboard-head{
    display:grid;
    grid-template-columns:minmax(330px,1fr) auto auto;
    grid-template-areas:"intro navigation signout";
    align-items:center;
    gap:16px;
    padding:13px 16px;
    margin-bottom:12px;
    border-radius:12px;
}
.admin-page .admin-dashboard-intro{
    grid-area:intro;
    min-width:0;
}
.admin-page .admin-dashboard-intro .section-label{
    margin-bottom:2px;
    font-size:.7rem;
}
.admin-page .admin-dashboard-intro h1{
    margin:2px 0 3px;
    font-size:1.42rem;
}
.admin-page .admin-dashboard-intro p:not(.section-label){
    font-size:.82rem;
    line-height:1.35;
}
.admin-page .admin-dashboard-nav{
    grid-area:navigation;
    display:flex;
    flex-wrap:nowrap;
    gap:7px;
    width:auto;
}
.admin-page .admin-dashboard-nav .btn{
    width:auto;
    padding:7px 10px;
    border-width:1px;
    border-color:#a9bfdb;
    border-radius:6px;
    background:var(--panel);
    color:var(--blue);
    box-shadow:none;
    font-size:.7rem;
    line-height:1.1;
    white-space:nowrap;
}
.admin-page .admin-dashboard-nav .btn.is-active{
    border-color:var(--blue);
    background:rgba(4,91,199,.09);
    box-shadow:inset 0 -2px 0 var(--blue);
}
.admin-page .admin-dashboard-nav .admin-external-link{
    color:var(--muted);
}
.admin-page .admin-dashboard-nav .btn:hover,
.admin-page .admin-dashboard-nav .btn:focus-visible{
    border-color:var(--blue);
    background:rgba(4,91,199,.08);
    transform:none;
}
.admin-page .admin-signout{
    grid-area:signout;
    align-self:center;
    padding:7px 9px;
    border:1px solid #d6dde8;
    border-radius:6px;
    color:var(--muted);
    background:var(--panel);
    font-size:.7rem;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
    white-space:nowrap;
}
.admin-page .admin-signout:hover,
.admin-page .admin-signout:focus-visible{
    border-color:#ef9a9a;
    color:#b42318;
    background:#fff7f7;
}
.admin-page .admin-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:0 0 10px;
}
.admin-page .admin-summary div{
    display:flex;
    align-items:center;
    gap:11px;
    min-height:62px;
    padding:10px 14px;
    border-radius:10px;
}
.admin-page .admin-summary strong{
    flex:0 0 auto;
    font-size:1.42rem;
    line-height:1;
}
.admin-page .admin-summary span{
    font-size:.78rem;
    line-height:1.2;
}
.admin-page .admin-panel{
    margin-top:10px;
    padding:17px 20px;
    border-radius:12px;
}
.admin-page .admin-panel > h2,
.admin-page .panel-title-row h2{
    margin:0 0 6px;
    font-size:1.08rem;
}
.admin-page .admin-panel > .empty-state{
    margin:0;
    font-size:.82rem;
}
.admin-page .customer-panel .panel-title-row{
    align-items:center;
    gap:18px;
    margin-bottom:8px;
}
.admin-page .customer-directory-note{
    max-width:800px;
    margin-top:2px;
    font-size:.8rem;
    line-height:1.4;
}
.admin-page .customer-panel .panel-title-row .btn{
    flex:0 0 auto;
    width:auto;
    padding:8px 12px;
    font-size:.7rem;
    white-space:nowrap;
}
.admin-context-actions{
    display:flex;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:wrap;
    margin:0 0 10px;
}
.admin-context-actions .btn{
    width:auto;
    padding:7px 10px;
    font-size:.7rem;
}
.admin-page .store-readiness-panel{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:0 0 10px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.store-products-page .store-readiness-panel,
.store-products-page .store-admin-form,
.store-products-page .account-dashboard > .container > .account-success,
.store-products-page .account-dashboard > .container > .account-alert{
    width:min(100%,980px);
    margin-left:auto;
    margin-right:auto;
}
.admin-page .store-readiness-panel > div{
    min-height:62px;
    padding:10px 14px;
    border-radius:10px;
}
.admin-page .store-readiness-panel span{
    font-size:.66rem;
}
.admin-page .store-readiness-panel strong{
    font-size:.86rem;
    line-height:1.2;
}
.admin-page .store-admin-form{
    gap:14px;
}
.admin-page .store-settings-panel{
    gap:12px;
    padding:17px 20px;
}
.admin-page .store-admin-product-card{
    grid-template-columns:140px minmax(0,1fr);
    gap:16px;
    padding:16px;
}
.admin-page .store-admin-product-card > img{
    width:140px;
    height:140px;
}
.admin-page .store-admin-save{
    padding:13px 16px;
}
.admin-page .store-order-list{
    gap:12px;
}
.admin-page .store-order-card{
    gap:12px;
    padding:17px 20px;
}
.admin-page .store-order-grid > div,
.admin-page .store-order-lines{
    padding:11px 12px;
}
.contract-admin-page .contract-admin-layout{
    gap:12px;
    margin-bottom:10px;
}
.contract-admin-page .contract-admin-layout .admin-panel{
    margin-top:0;
}
.contract-admin-page .contract-admin-summary{
    margin-bottom:10px;
}
.contract-admin-page .contract-admin-summary > div{
    padding:10px 12px;
}
.backup-create-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:10px;
}
.backup-create-grid .account-form{
    align-content:start;
    gap:8px;
    min-height:150px;
    margin:0;
    padding:12px;
    border-radius:10px;
}
.backup-create-grid .section-label{
    margin:0;
    font-size:.68rem;
}
.backup-create-grid .empty-state{
    margin:0;
    font-size:.78rem;
    line-height:1.4;
}
.backup-create-grid .btn{
    align-self:end;
    margin-top:auto;
}
.admin-security-form{
    max-width:900px;
    margin:10px auto 0;
    padding:18px 20px;
    gap:12px;
}
.admin-security-form h2{
    margin:0;
    font-size:1.08rem;
}
.admin-security-note{
    color:var(--muted);
    font-size:.8rem;
}
.admin-security-fields{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.admin-security-form > .btn{
    justify-self:start;
    width:auto;
    min-width:160px;
}
@media(max-width:980px){
    .admin-page .admin-dashboard-head{
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"intro signout" "navigation navigation";
        align-items:start;
        gap:10px 14px;
    }
    .admin-page .admin-dashboard-nav{
        flex-wrap:wrap;
    }
    .admin-page .store-readiness-panel{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .backup-create-grid,
    .admin-security-fields{
        grid-template-columns:1fr;
    }
    .backup-create-grid .account-form{
        min-height:0;
    }
}
@media(max-width:760px){
    .admin-page .account-dashboard{
        padding:20px 0 28px;
    }
    .admin-page .admin-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .admin-page .admin-dashboard-nav{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
    }
    .admin-page .admin-dashboard-nav .btn{
        width:100%;
    }
    .admin-page .customer-panel .panel-title-row{
        display:flex;
        align-items:flex-start;
    }
    .admin-page .customer-panel .panel-title-row .btn{
        margin-top:0;
    }
}
@media(max-width:520px){
    .admin-page .admin-dashboard-head{
        grid-template-columns:1fr auto;
        padding:14px;
    }
    .admin-page .admin-dashboard-nav{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .admin-page .admin-summary{
        grid-template-columns:1fr;
    }
    .admin-page .admin-summary div{
        min-height:54px;
    }
    .admin-page .admin-panel{
        padding:15px;
    }
    .admin-page .customer-panel .panel-title-row{
        display:block;
    }
    .admin-page .customer-panel .panel-title-row .btn{
        width:100%;
        margin-top:10px;
    }
    .admin-page .store-readiness-panel{
        grid-template-columns:1fr;
    }
    .admin-page .store-admin-product-card{
        grid-template-columns:1fr;
    }
    .admin-page .store-admin-product-card > img{
        width:100%;
        height:180px;
    }
    .admin-context-actions .btn,
    .admin-security-form > .btn{
        width:100%;
    }
}
@media(max-width:360px){
    .admin-page .admin-dashboard-nav{
        grid-template-columns:1fr;
    }
}


/* Customer estimate and invoice cleanup controls */
.customer-financial-record{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}
.customer-financial-record .customer-financial-row{border:0;border-radius:0}
.customer-financial-remove-form{margin:0;border-top:1px solid var(--line);background:#fafbfd;padding:8px 11px;text-align:right}
.customer-financial-remove-btn{border:0;background:transparent;color:#8b2b36;font-size:.72rem;font-weight:900;cursor:pointer;padding:3px 0}
.customer-financial-remove-btn:hover{text-decoration:underline}
.polished-financial-dashboard .customer-financial-record .customer-financial-row{background:var(--panel)}

/* Keep the service-account entry available after removing the obsolete empty mobile menu. */
@media(max-width:1050px){.site-header .account-link{display:inline-flex;padding:7px 9px;font-size:.7rem}}
@media(max-width:650px){.nav-wrap{gap:8px}.nav-actions{gap:6px}.site-header .account-link{padding:6px 7px;font-size:.62rem;letter-spacing:.15px}}

/* Maintenance Plan agreements */
.maintenance-plan-boundaries{margin-top:22px;padding:20px 22px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 10px 24px rgba(15,23,42,.04)}
.maintenance-plan-boundaries h3{margin:0 0 12px}.maintenance-plan-boundaries>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.maintenance-plan-boundaries p{margin:0;color:var(--muted);line-height:1.55}.maintenance-plan-boundaries strong{color:var(--text)}
.contract-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 10px 26px rgba(15,23,42,.05)}
.contract-page-header h1{margin:2px 0 6px}.contract-page-header p:last-child{margin:0;color:var(--muted)}
.contract-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:18px;align-items:start;margin-bottom:18px}
.contract-editor-panel,.contract-plan-reference{padding:20px 22px}.contract-editor-panel h2,.contract-plan-reference h2{margin:2px 0 10px}.contract-editor-panel>.contract-create-form{gap:14px;margin-top:14px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.contract-create-form label{font-size:.86rem;line-height:1.35}.contract-create-form label small{font-size:.72rem;line-height:1.4}.contract-create-form textarea{min-height:105px}.contract-create-form textarea[name="special_terms"]{min-height:82px}
.contract-legal-warning{margin:12px 0;padding:12px 14px;border:1px solid #e8c580;border-radius:10px;background:#fff9e9;color:#704b08;font-size:.82rem;line-height:1.5}
.contract-plan-reference{display:block}.contract-plan-cards{margin-top:8px;border-top:1px solid var(--line)}.contract-plan-card{border-bottom:1px solid var(--line)}.contract-plan-card>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 22px 12px 0;cursor:pointer;list-style:none}.contract-plan-card>summary::-webkit-details-marker{display:none}.contract-plan-card>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.contract-plan-card>summary::after{content:"+";position:absolute;top:11px;right:0;color:var(--blue);font-size:1rem;font-weight:900}.contract-plan-card[open]>summary::after{content:"−"}.contract-plan-title{display:grid;gap:3px}.contract-plan-title>strong{font-size:.9rem}.contract-plan-title>small{color:var(--muted);font-size:.74rem;font-weight:600;line-height:1.4}.contract-plan-price{color:var(--blue);font-size:.82rem;font-weight:900;white-space:nowrap}.contract-plan-price small{font-size:.65rem}.contract-plan-details{padding:0 22px 12px 0}.contract-plan-facts{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.contract-plan-facts span{padding:4px 7px;border-radius:999px;background:var(--light);color:var(--blue);font-size:.65rem;font-weight:900}.contract-plan-reference ul{margin:0;padding-left:18px;color:var(--muted);font-size:.76rem;line-height:1.45}.contract-plan-reference li+li{margin-top:3px}.contract-plan-hint{margin:10px 0 0;color:var(--muted);font-size:.7rem;font-weight:700}
.contract-list-panel{padding:20px 22px;margin-top:18px}.contract-record-count{display:inline-flex;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--light);color:var(--muted);font-size:.72rem;font-weight:900}
.contract-list{display:grid;gap:9px}.contract-list-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 165px;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--light);color:var(--text)}.contract-list-row:hover{border-color:#a9c7ef;background:var(--panel);transform:translateY(-1px)}.contract-list-row>span:first-child{display:grid;gap:3px}.contract-list-row small{color:var(--muted);font-size:.74rem}.contract-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;font-size:.69rem;font-weight:900;line-height:1.2;text-align:center}
.contract-status-draft{background:#f1f5f9;color:#475569}.contract-status-sent{background:#eef5ff;color:#1267d6}.contract-status-signed{background:#ecfdf5;color:#047857}.contract-status-active{background:#dcfce7;color:#166534}.contract-status-cancellation{background:#fff7ed;color:#c2410c}.contract-status-cancelled,.contract-status-expired{background:#f1f5f9;color:#64748b}.contract-status-terminated{background:#fff1f2;color:#be123c}
.contract-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.contract-admin-summary>div{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.contract-admin-summary span:first-child{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.contract-admin-summary small{color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.contract-draft-editor{padding:0;margin-bottom:16px;overflow:hidden}.contract-draft-editor>summary,.contract-admin-actions details>summary,.customer-contract-cancel>summary{cursor:pointer;padding:14px 16px;color:var(--blue);font-weight:900}.contract-draft-editor>form{padding:0 18px 18px}.contract-draft-editor .form-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.contract-admin-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:16px 0}.contract-admin-actions>form,.contract-admin-actions>details{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:12px}.contract-admin-actions>form{display:grid;gap:10px}.contract-admin-actions details[open]{min-width:min(100%,360px)}.contract-admin-actions details>summary{padding:3px}.contract-admin-actions details>form{padding-top:12px}.contract-danger-action{border-color:#e7bcc2!important}.contract-confirm-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:10px!important;align-items:start;font-weight:600!important;line-height:1.45}.contract-confirm-check input{margin-top:4px;width:16px;height:16px}
.contract-document{margin:20px 0;padding:32px 36px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 16px 38px rgba(15,23,42,.06)}
.contract-draft-watermark{margin:-12px 0 22px;padding:10px 13px;border:2px solid #d29b36;border-radius:8px;background:#fff9e9;color:#744b05;text-align:center;font-weight:900;letter-spacing:.2px}
.contract-document-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:2px solid var(--blue)}.contract-document-header h1{margin:3px 0 4px}.contract-document-header p{margin:0;color:var(--muted)}.contract-kicker{color:var(--blue)!important;font-weight:900;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.contract-document-id{display:grid;justify-items:end;gap:4px;text-align:right}.contract-document-id>span:first-child{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}
.contract-schedule{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.contract-schedule>div{display:grid;align-content:start;gap:4px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--light)}.contract-schedule span,.contract-signatures span{color:var(--muted);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.contract-schedule small,.contract-signatures small{color:var(--muted);font-size:.72rem}
.contract-plan-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.contract-plan-list>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--light)}.contract-plan-list h2,.contract-term-section h2{margin:0 0 8px;font-size:1rem}.contract-plan-list ul,.contract-plan-list ol{margin:0;padding-left:20px}.contract-plan-list li{margin:5px 0}.contract-plan-list p{margin:0;color:var(--muted)}
.contract-term-section{padding:14px 0 0;margin-top:14px;border-top:1px solid var(--line)}.contract-term-section p{margin:7px 0;color:var(--muted);line-height:1.62}.contract-signatures{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;padding-top:20px;border-top:2px solid var(--blue)}.contract-signatures>div{display:grid;gap:4px;min-height:90px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--light)}.contract-audit-proof{margin:16px 0 0;color:var(--muted);font-size:.68rem;line-height:1.5;overflow-wrap:anywhere}
.contract-history{padding:18px 20px}.contract-history h2{margin:0 0 12px}.contract-history ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.contract-history li{display:grid;grid-template-columns:180px 1fr;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.contract-history span{color:var(--muted);font-size:.75rem}
.contract-sign-panel{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:22px;padding:22px;margin-bottom:18px}.contract-sign-panel h2{margin:3px 0 6px}.contract-sign-panel>div>p:last-child{color:var(--muted)}
.customer-contract-dashboard-panel{margin:18px 0;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 28px rgba(15,23,42,.05)}.customer-contract-row>span:nth-child(2){display:grid;gap:2px}.customer-contract-cancel{padding:0;margin-top:18px;overflow:hidden}.customer-contract-cancel>div{padding:0 18px 18px}.customer-contract-cancel h2{margin:0 0 6px}.customer-contract-cancel p{color:var(--muted)}.contract-contact-note{text-align:center;color:var(--muted);font-size:.8rem}.contract-contact-note a{font-weight:900}
[data-theme="dark"] .contract-legal-warning,[data-theme="dark"] .contract-draft-watermark{background:#33270d;color:#f7d587;border-color:#7e641e}
@media(max-width:1000px){.maintenance-plan-boundaries>div,.contract-admin-layout,.contract-sign-panel{grid-template-columns:1fr}.contract-admin-summary,.contract-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.contract-page-header,.contract-document-header{display:grid}.contract-page-header .dashboard-actions{justify-content:flex-start}.contract-admin-summary,.contract-schedule,.contract-plan-list,.contract-signatures{grid-template-columns:1fr}.contract-list-row{grid-template-columns:1fr auto}.contract-list-row>span:nth-child(2){grid-column:1}.contract-draft-editor .form-row{grid-template-columns:1fr}.contract-document{padding:22px 18px}.contract-document-id{justify-items:start;text-align:left}.contract-history li{grid-template-columns:1fr;gap:3px}}
@media print{.no-print,.site-header,.site-footer{display:none!important}.account-page,.section,.account-dashboard{padding:0!important;margin:0!important}.account-dashboard>.container{width:100%;max-width:none}.contract-document{margin:0;padding:0;border:0;box-shadow:none}.contract-term-section{break-inside:avoid}.contract-document{font-size:11px}.contract-document h1{font-size:22px}.contract-document h2{font-size:13px}}

/* Compact admin request workspace */
.request-detail-page .account-dashboard{padding:18px 0 28px}
.request-detail-page .dashboard-head{padding:14px 18px;margin-bottom:12px}
.request-detail-page .dashboard-head h1{font-size:1.28rem;margin:3px 0 5px}
.request-detail-page .dashboard-head p:last-child{font-size:.76rem;line-height:1.4}
.request-workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);gap:12px;align-items:start}
.request-workspace-grid>.request-panel,.request-action-rail>.request-panel{padding:14px 16px}
.request-action-rail{display:grid;gap:12px;align-content:start}
.request-detail-page .request-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:9px}
.request-detail-page .request-meta-grid p{min-width:0;padding:7px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}
.request-detail-page .request-meta-grid p b{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.3px}
.request-detail-page .detail-block{margin-top:10px;padding-top:10px}
.request-detail-page .detail-block h2{margin-bottom:5px;font-size:.86rem}
.request-detail-page .detail-block p{margin:0;color:var(--text);font-size:.78rem;line-height:1.48}
.request-financial-compact h2,.request-update-panel h2{margin:0;font-size:.95rem}
.request-financial-compact .customer-directory-note{margin:3px 0 0;font-size:.7rem;line-height:1.35}
.request-detail-page .request-financial-compact .request-financial-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.request-financial-compact .request-financial-card{display:grid;align-content:start;padding:9px 10px;border-radius:9px}
.request-financial-compact .request-financial-card>span:first-child{font-size:.62rem}
.request-financial-compact .request-financial-card>strong{margin-top:4px;font-size:.8rem;overflow-wrap:anywhere}
.request-financial-compact .request-financial-card p{min-height:28px;margin:5px 0 7px;font-size:.68rem;line-height:1.35}
.request-financial-compact .financial-status{padding:3px 6px;font-size:.58rem}
.request-financial-compact .btn{width:100%;padding:6px 7px;font-size:.66rem;white-space:normal}
.request-update-panel .detail-update-form{gap:8px;margin-top:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.request-update-panel .detail-update-form label{gap:3px;font-size:.75rem;line-height:1.35}
.request-update-panel .detail-update-form label small{font-size:.65rem;line-height:1.35}
.request-update-panel .detail-update-form select{min-height:34px;padding:7px 9px}
.request-update-panel .detail-update-form textarea{min-height:58px;padding:8px 9px;line-height:1.4;resize:vertical}
.request-update-panel .detail-update-form .btn{justify-self:end;width:auto;min-width:128px}
.request-secondary-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start;margin-top:12px}
.request-secondary-panels .request-collapsible{margin:0;padding:0;overflow:hidden;box-shadow:0 6px 16px rgba(15,23,42,.035)}
.request-collapsible-summary{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 36px 10px 13px;cursor:pointer;list-style:none;color:var(--text);font-size:.8rem;font-weight:900}
.request-collapsible-summary::-webkit-details-marker{display:none}
.request-collapsible-summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.request-collapsible-summary::after{content:"+";position:absolute;right:13px;color:var(--blue);font-size:1rem;font-weight:900}
.request-collapsible[open]>.request-collapsible-summary::after{content:"−"}
.request-collapsible-summary .count-pill{min-width:23px;height:20px;margin:0;padding:0 6px;font-size:.66rem}
.request-collapsible-body{padding:11px 13px 13px;border-top:1px solid var(--line)}
.request-collapsible-body>.empty-state{margin:0;font-size:.75rem}
.request-collapsible[open]{grid-column:1/-1}
.request-collapsible-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}
.request-collapsible .timeline-list{gap:4px;margin-top:0}
.request-collapsible .timeline-item{padding:6px 0}
.request-collapsible .attachment-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:0}
.request-collapsible .message-list{margin:0}
@media(max-width:860px){.request-workspace-grid{grid-template-columns:1fr}.request-action-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.request-update-panel{grid-column:2}.request-financial-compact{grid-column:1}.request-secondary-panels{margin-top:10px}}
@media(max-width:720px){.request-action-rail,.request-secondary-panels{grid-template-columns:1fr}.request-update-panel,.request-financial-compact{grid-column:auto}.request-collapsible[open]{grid-column:auto}}
@media(max-width:560px){.request-detail-page .request-meta-grid,.request-detail-page .request-financial-compact .request-financial-cards{grid-template-columns:1fr}.request-detail-page .dashboard-head{padding:13px 14px}.request-workspace-grid>.request-panel,.request-action-rail>.request-panel{padding:13px}.request-update-panel .detail-update-form .btn{width:100%}}