@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172923;--muted:#718079;--lime:#c6f35c;--bg:#f3f5f2;--line:#e4e9e3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #80af26;outline-offset:3px}button{border:0}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}aside{position:fixed;inset:0 auto 0 0;width:258px;background:#142722;color:#fff;padding:32px 23px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.5px}.brandmark{background:var(--lime);color:#142722;border-radius:12px;display:grid;place-items:center;width:43px;height:43px;font-size:28px}.brand small{display:block;color:#a9bab1;font-weight:500;font-size:12px;letter-spacing:2px;margin-top:7px}.navlabel{font-size:12px;color:#8ea399;text-transform:uppercase;letter-spacing:1.7px;margin:47px 12px 16px}nav{display:grid;gap:7px}nav button{padding:14px 16px;background:transparent;color:#b7c6be;display:flex;align-items:center;gap:12px;text-align:left;border-radius:9px;font-size:14px;font-weight:600}nav button.active{background:var(--lime);color:#172923}nav button:hover:not(.active){background:#233a31}.navcount{margin-left:auto;background:#34473d;padding:2px 7px;border-radius:6px;font-size:12px}.active .navcount{background:#add748}.sidehelp{margin-top:auto;padding:19px 16px;background:#22382e;border-radius:13px}.sidehelp p{font-size:14px;color:#bbc9c0;line-height:1.6}.sidehelp button{padding:10px 0;background:transparent;color:var(--lime);font-size:14px;font-weight:700}.sidefoot{border-top:1px solid #2b3e34;margin-top:22px;padding-top:22px;color:#9aac9f;font-size:12px}.shell{margin-left:258px}.topbar{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.crumb{font-size:14px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:600}.topright{display:flex;align-items:center;gap:20px}.switch{background:#f0f3ed;padding:5px;display:flex;border-radius:9px}.switch button{font-size:13px;border-radius:6px;background:transparent;color:var(--muted);padding:8px 12px}.switch button.selected{background:white;color:var(--ink);box-shadow:0 2px 4px #17292312}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e7eddf;font-size:13px;font-weight:800}.iconbtn{display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:10px;min-width:40px;height:40px}.main{max-width:1500px;margin:auto;padding:38px 42px 30px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 30px;gap:18px}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.3;margin:0 0 9px}h2{font-size:18px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0 0 6px}p{line-height:1.6}.sub{font-size:14px;color:var(--muted);margin:0}.btn{background:var(--ink);color:white;border-radius:9px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700}.btn.lime{background:var(--lime);color:var(--ink)}.btn.light{background:white;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:9px 13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:21px 23px}.stathead{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.stathead svg{color:#6f8474}.stat strong{font-size:31px;letter-spacing:-1px;display:block;margin:13px 0 6px}.stat small{font-size:12px;color:var(--muted)}.stat.highlight{background:#e8f1db;border-color:#d7e5c5}.columns{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 25px;border-bottom:1px solid var(--line)}.textbtn{background:transparent;color:var(--muted);font-size:13px;font-weight:600}.ticket{padding:24px 25px;border-bottom:1px solid var(--line);cursor:pointer}.ticket:last-child{border:0}.ticket:hover{background:#fafcf7}.ticketrow{display:flex;align-items:center;gap:15px}.deviceicon{width:50px;height:50px;background:#f0f3ec;border:1px solid #e7ece1;border-radius:12px;display:grid;place-items:center;color:#53684e;flex-shrink:0}.deviceicon svg{width:27px;height:27px}.tickettitle{flex:1;min-width:0}.tickettitle p{font-size:13px;color:var(--muted);margin:4px 0 0}.badge{font-size:12px;font-weight:700;border-radius:6px;padding:6px 9px;display:inline-block;white-space:nowrap}.amber{background:#fff1d8;color:#9c701c}.green{background:#e7f2da;color:#4b6d27}.blue{background:#e6eef8;color:#476786}.gray{background:#edf0ec;color:#68756e}.ticketbottom{margin:20px 0 0 65px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.progress{display:flex;gap:5px;margin:17px 0 0 65px}.progress span{height:4px;background:#e9ede6;border-radius:4px;flex:1}.progress span.done{background:#92b966}.quotealert{margin:19px 0 0 65px;padding:13px;background:#f5f8ee;border:1px solid #e5edda;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.quotealert strong{font-size:14px}.helpblock{background:#d1f575;border-radius:14px;padding:25px;position:relative;overflow:hidden}.helpblock .circle{height:49px;width:49px;background:#172923;border-radius:12px;color:var(--lime);display:grid;place-items:center;margin-bottom:26px}.helpblock h2{font-size:24px;max-width:220px;line-height:1.3}.helpblock p{font-size:14px;color:#51663b;margin:12px 0 22px}.helpblock .btn{width:100%}.asidecol{display:grid;gap:22px;align-content:start}.event{display:flex;gap:13px;padding:19px 23px;border-bottom:1px solid var(--line)}.event:last-child{border:0}.eventicon{background:#f0f3ec;width:33px;height:33px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.eventicon svg{width:16px;height:16px}.event p{font-size:13px;line-height:1.6;margin:0}.event small{font-size:12px;color:var(--muted)}.bottomdevices{margin-top:24px}.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px}.devicecard{border:1px solid var(--line);border-radius:10px;padding:20px;cursor:pointer}.devicecard:hover{border-color:#a8c47c}.devicecard .deviceicon{margin-bottom:16px}.devicecard p{font-size:13px;color:var(--muted);margin:4px 0 16px}.devicefoot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.footer{display:flex;justify-content:space-between;color:#879187;font-size:12px;margin-top:25px;gap:10px}.demolabel{display:flex;align-items:center;gap:6px}.demolabel:before{content:'';width:6px;height:6px;border-radius:50%;background:#829c64}.tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.tools input{max-width:330px}.field{display:block;width:100%;border:1px solid #dce3d7;border-radius:8px;background:white;padding:12px 14px;color:var(--ink);outline:none}.field:focus{border-color:#8eaf59;box-shadow:0 0 0 3px #b9d48933}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}textarea{min-height:105px;resize:vertical}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:9px 14px;border-radius:8px;background:white;border:1px solid var(--line);font-size:13px;color:var(--muted)}.filters button.on{background:var(--ink);color:white}.detailgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.section{padding:25px;border-bottom:1px solid var(--line)}.section:last-child{border:0}.section p{font-size:14px}.timeline{display:flex;justify-content:space-between;gap:9px;margin-top:23px}.step{font-size:12px;color:#889181;flex:1}.step:before{content:'';display:block;height:5px;background:#e5eadf;border-radius:4px;margin-bottom:13px}.step.done:before{background:#98bd65}.step.done{color:#4c6835}.priceitem{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.total{font-size:20px;font-weight:800;padding:17px 0;display:flex;justify-content:space-between}.actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.chat{display:flex;flex-direction:column;gap:15px;max-height:370px;overflow:auto;padding:23px}.bubble{max-width:88%;padding:14px 17px;background:#f0f3ec;border-radius:12px 12px 12px 0;font-size:14px;line-height:1.6}.bubble.mine{background:#e9f5d4;align-self:flex-end;border-radius:12px 12px 0 12px}.bubble small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.chatform{padding:18px;border-top:1px solid var(--line);display:flex;gap:10px}.chatform input{min-width:0}.chatform button{flex-shrink:0}.detailmeta{display:grid;gap:20px;padding:24px;font-size:14px}.detailmeta small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.notification{padding:23px;border-bottom:1px solid var(--line);display:flex;gap:17px}.notification p{margin:5px 0;font-size:14px;color:var(--muted)}.empty{padding:50px;text-align:center;color:var(--muted)}.modalback{position:fixed;inset:0;background:#11231e80;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modalbox{background:white;border-radius:17px;padding:30px;width:550px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 70px #0b231e40}.modaltitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modalbox h2{font-size:22px}.twofields{display:grid;grid-template-columns:1fr 1fr;gap:14px}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#172923;color:white;padding:15px 24px;border-radius:12px;z-index:50;box-shadow:0 5px 30px #0003;display:none;font-size:14px}.invoice{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:18px;padding:25px;border-bottom:1px solid var(--line)}.invoice small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.mobilebrand{display:none}.notice{padding:14px 18px;background:#eff4e7;border-radius:10px;font-size:13px;color:#5b7050;margin-bottom:22px}.clientrow{display:flex;align-items:center;gap:16px;padding:22px 25px;border-bottom:1px solid var(--line)}.clientrow .grow{flex:1}.clientrow p{font-size:13px;color:var(--muted);margin:5px 0}.calendarcard{padding:23px;border:1px solid var(--line);border-radius:12px;background:white}.calendarcard .day{font-size:32px;font-weight:800;color:#6a943e}.settings{max-width:720px}.settings .section{padding:25px}.filehint{font-size:12px;color:var(--muted);margin-top:8px}.notes{background:#fff8e6;padding:16px;border-radius:8px;font-size:14px;white-space:pre-wrap}.back{margin-bottom:22px}.allgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.menuToggle{display:none}@media(min-width:1550px){.main{padding-top:45px}.ticket{padding-top:29px;padding-bottom:29px}}@media(max-width:1200px){aside{width:220px;padding:28px 17px}.shell{margin-left:220px}.topbar{padding:0 25px}.main{padding:30px 25px}.columns{grid-template-columns:minmax(0,1fr) 270px}.stats{gap:12px}.stat{padding:18px}.detailgrid{grid-template-columns:minmax(0,1fr) 290px}.ticketrow{flex-wrap:wrap}.ticketrow .badge{margin-left:65px}.quotealert{margin-left:0}.devices{gap:12px;padding:17px}.devicecard{padding:15px}}@media(max-width:950px){.columns,.detailgrid{grid-template-columns:1fr}.asidecol{grid-template-columns:1fr 1fr}.helpblock h2{max-width:none}.allgrid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.devices{grid-template-columns:1fr}.devicecard{display:grid;grid-template-columns:50px 1fr;gap:8px 16px}.devicecard .deviceicon{grid-row:1/4;margin:0}.devicecard p{margin:0}.devicefoot{grid-column:2}.timeline{flex-wrap:wrap}.step{min-width:65px}}@media(max-width:700px){aside{display:none;width:250px;box-shadow:0 0 0 100vw #14272288}.menuopen aside{display:flex}.shell{margin-left:0}.topbar{height:74px;padding:0 18px}.crumb{display:none}.menuToggle{display:flex}.mobilebrand{display:block;font-size:14px;font-weight:800}.topright{gap:9px}.topright>.avatar{display:none}.switch button{font-size:12px;padding:8px}.main{padding:26px 18px}.heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}h1{font-size:27px}.heading>.btn{width:100%}.stats{gap:11px;margin-bottom:20px}.stat{padding:17px}.stathead{font-size:12px}.stathead svg{width:17px}.stat strong{font-size:27px}.columns{gap:20px}.asidecol{grid-template-columns:1fr}.helpblock .circle{margin-bottom:15px}.helpblock{padding:23px}.panelhead{padding:20px}.ticket{padding:20px}.ticketrow .badge{margin-left:65px}.ticketbottom{margin-left:0;gap:12px;font-size:12px}.progress{margin-left:0}.quotealert{flex-wrap:wrap}.devices{padding:15px}.footer{flex-direction:column}.allgrid{grid-template-columns:1fr}.detailgrid{gap:20px}.section{padding:20px}.invoice{grid-template-columns:1fr auto;padding:20px}.twofields{grid-template-columns:1fr;gap:0}.modalbox{padding:23px}.modalback{padding:12px}.chatform{padding:14px}.chatform .btn{padding:12px}.timeline{gap:8px}.step{font-size:11px}.clientrow{flex-wrap:wrap}.tools input{max-width:none}.topbar .iconbtn{width:36px;min-width:36px}#toast{width:calc(100% - 35px);text-align:center;bottom:18px}}

/* Ajťák na Kolečkách: brand colors from the official website. */
:root{--ink:#1a1b1c;--muted:#73767a;--lime:#6ffa09;--orange:#fb840a;--bg:#f5f6f7;--line:#e6e7e8;--brand-gradient:linear-gradient(90deg,#fb840a 0%,#6ffa09 100%)}
aside{background:#1a1b1c}.brandmark{background:var(--brand-gradient);color:#1a1b1c}.brand small{color:#c9c9c9}.navlabel{color:#a6a6a6}nav button{color:#c9c9c9}nav button.active{background:var(--brand-gradient);color:#1a1b1c;font-weight:800}nav button:hover:not(.active){background:#303132}.navcount{background:#373839}.active .navcount{background:#1a1b1c15}.sidehelp{background:linear-gradient(145deg,#31312d,#242823);border:1px solid #44453b}.sidehelp p{color:#c9c9c9}.sidehelp button{color:#6ffa09}.sidefoot{border-color:#3c3d3e;color:#b4b5b7}
.topbar{border-top:3px solid transparent;border-image:var(--brand-gradient) 1;border-bottom:1px solid var(--line)}.avatar{background:#fff0de;color:#8d4600}.switch{background:#eeeef0}.switch button.selected{box-shadow:0 2px 4px #1a1b1c15;border-bottom:2px solid #fb840a;padding-bottom:6px}
.btn{background:#1a1b1c}.btn:hover{box-shadow:0 3px 12px #1a1b1c22}.btn.lime{background:var(--brand-gradient);color:#1a1b1c}.btn.light:hover{border-color:#fb840a;box-shadow:none}button:focus-visible,a:focus-visible{outline-color:#c55e00}.field:focus{border-color:#fb840a;box-shadow:0 0 0 3px #fb840a20}
.stat{border-top:3px solid #fb840a}.stat:nth-child(2){border-top-color:#6ffa09}.stat:nth-child(3){border-top-color:#fb840a}.stat:nth-child(4){border-top-color:#6ffa09}.stat:nth-child(1) .stathead svg{color:#bc5900}.stat:nth-child(2) .stathead svg{color:#387b00}.stat:nth-child(4) .stathead svg{color:#387b00}.stat.highlight{background:linear-gradient(125deg,#fff0dd,#f3ffe8);border-color:#eadbc6;border-top-color:#fb840a}.stat.highlight strong{color:#a64e00}
.helpblock{background:linear-gradient(135deg,#fb840a 0%,#d7cb0a 53%,#6ffa09 100%);color:#1a1b1c}.helpblock .circle{background:#1a1b1c;color:#6ffa09}.helpblock p{color:#353818}.helpblock .btn{color:white;background:#1a1b1c}.helpblock h2{font-weight:800}
.deviceicon{background:#fff3e5;border-color:#ffe1bc;color:#ac5400}.devicecard:nth-child(2) .deviceicon{background:#eeffe2;border-color:#d9f4c5;color:#3a790b}.devicecard:nth-child(3) .deviceicon{background:#f3f3f4;border-color:#e5e5e7;color:#53565a}.devicecard:hover{border-color:#fb840a}.ticket:hover{background:#fffcf8}.progress span{background:#eceeed}.progress span.done{background:linear-gradient(90deg,#fb840a,#b8cf13)}.progress span.done:nth-child(n+3){background:#65d716}.ticket .quotealert{background:linear-gradient(100deg,#fff2e1,#f3ffe9);border-color:#eddcc1}.quotealert strong{color:#9e4900}.quotealert .btn.light{border-color:#e7bf8c}.amber{background:#fff0db;color:#9c4c00}.green{background:#eaffdb;color:#357200}.blue{background:#e7edf5;color:#426386}.gray{background:#eff0f1;color:#666b70}
.eventicon{background:#fff0dc;color:#a64e00}.event:nth-child(3n) .eventicon{background:#eaffdb;color:#3e790b}.step:before{background:#eceeed}.step.done:before{background:var(--brand-gradient)}.step.done{color:#555a4a}.bubble{background:#f0f1f2}.bubble.mine{background:#eeffdf;border:1px solid #d9f2c8}.notice{background:linear-gradient(100deg,#fff1de,#f3ffe9);color:#665333;border:1px solid #eee1ca}.notes{background:#fff2de}.demolabel:before{background:#fb840a}.filters button.on{background:#1a1b1c;border-color:#1a1b1c}.calendarcard .day{color:#bd5b00}
@media(max-width:700px){aside{box-shadow:0 0 0 100vw #1a1b1c88}.topbar{border-top-width:3px}}
/* SOS dispatch */
nav button.nav-sos{color:#fb840a;border:1px solid #704323;margin-top:7px}nav button.nav-sos.active{color:#1a1b1c}.sos-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,#1a1b1c,#303523);padding:24px;border-radius:14px;color:white;margin-bottom:25px;border:1px solid #4b4d3a}.sos-banner-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;background:var(--brand-gradient);color:#1a1b1c}.sos-banner h2{font-size:19px}.sos-banner p{color:#c9c9c9;font-size:14px;margin:7px 0 0}.sos-banner>.btn{margin-left:auto;white-space:nowrap;background:var(--brand-gradient);color:#1a1b1c}.sos-title{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:25px}.sos-title h1{margin-top:10px}.sos-chip{padding:12px 15px;background:#fff0dc;border:1px solid #f3cf98;color:#9c4c00;border-radius:10px;font-size:13px;display:flex;gap:8px;align-items:center}.dispatch-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.dispatch-aside{display:grid;gap:20px;align-content:start}.urgency-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.urgency-options label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:16px;margin:0;font-size:14px;cursor:pointer}.urgency-options label:has(input:checked){border-color:#fb840a;background:#fff4e7}.urgency-options input,.route-option input,.consent input{accent-color:#a65000;width:17px;height:17px;flex-shrink:0}.urgency-options small,.route-option small{display:block;font-size:12px;line-height:1.6;margin-top:7px;color:var(--muted)}.route-options{display:grid;gap:10px;margin-top:20px}.route-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:15px;margin:0;cursor:pointer}.route-option.chosen{border-color:#fb840a;background:linear-gradient(110deg,#fff2e3,#f5ffeb)}.route-editor{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.route-editor summary,.dispatch-settings summary{font-size:14px;font-weight:700;cursor:pointer}.triplefields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.triplefields label{font-size:12px}.sos-price-eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}.sos-price{font-size:37px;font-weight:800;letter-spacing:-1px;margin:12px 0 6px}.sos-rule{padding:15px;border-radius:10px;background:linear-gradient(110deg,#fff1db,#efffe2);margin:18px 0;font-size:13px}.sos-rule p{font-size:12px;line-height:1.6;margin-bottom:0;color:#655842}.consent{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.6;margin:0 0 20px;font-weight:500}.sos-submit{width:100%;background:var(--brand-gradient);color:#1a1b1c}.dispatch-settings{margin-bottom:24px}.dispatch-settings>summary{padding:21px}.dispatch-settings .section{border-top:1px solid var(--line)}.sos-banner .btn{flex-shrink:0}@media(max-width:1000px){.dispatch-grid{grid-template-columns:1fr}.dispatch-aside{grid-template-columns:1fr 1fr}.sos-banner{flex-wrap:wrap}.sos-banner>.btn{margin-left:72px}.sos-title{flex-wrap:wrap}}@media(max-width:700px){.dispatch-aside{grid-template-columns:1fr}.urgency-options{grid-template-columns:1fr}.sos-banner{gap:14px;padding:20px}.sos-banner>div:nth-child(2){flex:1}.sos-banner>.btn{width:100%;margin-left:0}.sos-banner h2{font-size:17px}.sos-title h1{font-size:26px}.sos-chip{font-size:12px}.triplefields{gap:8px}.triplefields .field{padding:10px 8px}.sos-price{font-size:34px}}
/* Expanded client portal */
aside{overflow-y:auto}.sidehelp{margin-top:30px;flex-shrink:0}.brand,.sidefoot{flex-shrink:0}.topbar{min-height:88px;height:auto;padding-top:15px;padding-bottom:15px}.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-symbol{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0dd,#eaffd7);color:#ac5400;margin-bottom:22px;font-size:27px}.share-link{font-size:14px;border:1px solid var(--line);padding:14px;border-radius:9px;background:#f7f8f6;overflow-wrap:anywhere;margin:18px 0}.review-stars{color:#b65a00;letter-spacing:3px;font-size:20px}.rating-input{padding:0;border:0;margin:24px 0;display:flex;gap:8px;flex-wrap:wrap}.rating-input legend{font-size:14px;font-weight:600;margin-bottom:13px}.rating-input label{margin:0}.rating-input input{position:absolute;opacity:0}.rating-input span{display:block;background:#f3f4f1;border:1px solid var(--line);border-radius:8px;padding:12px 15px;color:#766848;cursor:pointer}.rating-input input:checked+span{background:var(--brand-gradient);color:#1a1b1c;border-color:#fb840a;font-weight:800}.rating-input input:focus-visible+span{outline:3px solid #c55e00;outline-offset:2px}.family-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#1a1b1c;color:white;padding:30px;border-radius:14px;margin-bottom:22px}.family-hero .eyebrow{color:#b9bcae}.family-hero h2{font-size:25px;margin-top:10px}.family-hero p{font-size:14px;color:#c9c9c9;max-width:550px;margin-bottom:0}.family-discount{display:flex;align-items:center;gap:17px;flex-shrink:0}.family-discount strong{font-size:45px;background:var(--brand-gradient);background-clip:text;color:transparent}.family-discount span{font-size:13px;color:#d2d4c7;line-height:1.6}.family-price{margin:23px 0 0;padding:18px;border-radius:10px;background:linear-gradient(100deg,#fff1dc,#eeffdf);font-size:15px}.public-welcome{background:#1a1b1c;color:white;padding:38px;border-radius:16px;margin-bottom:25px;border-top:4px solid #fb840a}.public-welcome .eyebrow{color:#6ffa09}.public-welcome h1{font-size:35px;margin-top:14px}.public-welcome p{color:#c9c9c9;max-width:650px}.public-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.public-service{padding:25px;text-align:left;color:var(--ink)}.public-service p{font-size:14px;color:var(--muted)}.public-service:hover{border-color:#fb840a}.qr-label{text-align:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:20px}.qr-image{width:220px;max-width:100%;margin:0 auto 15px}.qr-image svg{width:100%;height:auto;fill:initial;stroke:none;stroke-width:0}.qr-label p{font-size:14px;font-weight:700}.qr-label small{color:var(--muted);font-size:13px}.device-maint-text{font-size:12px;color:#7a6b56;margin-top:13px;line-height:1.5}.date-widget{width:100%}.date-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dce3d7;background:white;border-radius:10px;text-align:left;color:#1a1b1c;min-height:51px}.date-trigger:hover{border-color:#fb840a}.date-trigger>svg{color:#b65a00;width:20px;height:20px}.date-trigger>span:first-of-type{font-size:14px;font-weight:600;flex:1}.date-hint{color:var(--muted);font-size:12px}.calendar-back{position:fixed;inset:0;z-index:100;background:#1a1b1c88;backdrop-filter:blur(5px);display:grid;place-items:center;padding:16px}.calendar-box{background:white;width:400px;max-width:100%;border-radius:18px;padding:25px;box-shadow:0 25px 90px #0004;max-height:95vh;overflow:auto}.calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-top small{font-size:12px;color:#a55200}.calendar-top h2{font-size:22px;margin-top:6px}.calendar-quick{display:flex;gap:9px;margin-bottom:20px}.calendar-quick button{border:1px solid #f0d4ac;background:#fff5e6;color:#94500b;border-radius:8px;padding:8px 15px;font-size:13px;font-weight:700}.calendar-month{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:17px;text-transform:capitalize}.calendar-month button{font-size:23px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-grid .weeklabel{text-align:center;color:var(--muted);font-size:12px;padding:5px 0 10px}.calendar-grid button{border-radius:9px;background:transparent;padding:11px 0;font-size:14px;font-weight:600;color:#454849;aspect-ratio:1;min-height:36px}.calendar-grid button:hover{background:#fff0da}.calendar-grid button.today{box-shadow:inset 0 0 0 1px #fb840a;color:#a04b00}.calendar-grid button.selected{background:var(--brand-gradient);color:#1a1b1c;font-weight:800;box-shadow:0 3px 10px #fb840a22}.calendar-time{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:17px}.calendar-time label{margin:0;font-size:13px;color:var(--muted)}.calendar-time>div{display:flex;gap:8px;align-items:center}.calendar-time select{font:600 15px Manrope,system-ui;background:#f4f5f1;border:1px solid var(--line);border-radius:8px;padding:9px}.calendar-chosen{text-align:center;background:#f5f7f0;border-radius:8px;padding:12px;font-size:14px;color:#59664e;margin:20px 0 15px}.calendar-box>.btn{width:100%}.public-welcome .btn.light{background:#fff}.public-welcome .actions{margin-top:22px}
@media(max-width:1100px){.crumb{display:none}.topright{margin-left:auto}.switch button{font-size:12px;padding-left:10px;padding-right:10px}.family-hero{flex-wrap:wrap}.public-services{grid-template-columns:1fr}.portal-two{grid-template-columns:1fr}}@media(max-width:700px){.topbar{min-height:74px;padding:12px}.mobilebrand{display:none}.topright{gap:6px;margin:0;flex:1;justify-content:flex-end}.switch{gap:0;padding:3px}.switch button{font-size:11px;padding:8px 7px}.topright>.iconbtn{display:none}.menuToggle{margin-right:6px}.family-hero{padding:23px}.family-hero h2{font-size:23px}.family-discount strong{font-size:38px}.public-welcome{padding:25px}.public-welcome h1{font-size:28px}.date-trigger{padding:12px;gap:8px}.date-hint{display:none}.device-maint-text{grid-column:2;margin-top:0}.calendar-box{padding:20px}.calendar-grid button{padding:9px 0}.clientrow{padding:20px}}
/* Shop, made-to-order PCs and buyback */
.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.shop-tabs button{padding:10px 13px;font-size:13px;border:1px solid var(--line);border-radius:9px;background:white;color:#62686a;display:flex;align-items:center;gap:7px}.shop-tabs button.on{background:#1a1b1c;color:white;border-color:#1a1b1c}.shop-tabs .cart-tab{margin-left:auto;color:#1a1b1c}.cart-tab b{background:#effcde;border-radius:5px;padding:2px 6px}.shop-hero{background:linear-gradient(120deg,#1a1b1c,#303a25);color:white;border-radius:14px;padding:28px 30px;margin-bottom:25px;display:flex;gap:25px;align-items:center;justify-content:space-between}.shop-hero .eyebrow{color:#6ffa09}.shop-hero h2{font-size:26px;margin-top:12px}.shop-hero p{font-size:14px;color:#c9c9c9;max-width:620px;margin-bottom:0}.shop-hero .btn{flex-shrink:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.product-visual{width:100%;height:165px;background:linear-gradient(135deg,#f0f3eb,#f7f8f6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;color:#5d6a56}.product-visual>svg{width:55px;height:55px;stroke-width:1.2;color:#444b40}.product-visual>span{font-size:12px;font-weight:800;letter-spacing:2px}.product-visual>small{font-size:12px;color:#767e72}.product-card:nth-child(3n+2) .product-visual{background:linear-gradient(135deg,#fff2dd,#f7f5ee)}.product-card:nth-child(3n+3) .product-visual{background:linear-gradient(135deg,#eaffda,#f6f9f2)}.product-copy{padding:22px}.product-copy h2{margin-top:15px;font-size:18px}.product-title{padding:0;background:transparent;color:#1a1b1c;text-align:left;font-size:18px;font-weight:800}.product-copy p{font-size:13px;color:#6d7673;line-height:1.8;margin:10px 0}.product-grade{font-size:12px;color:#8a8171;padding-top:4px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px}.product-bottom strong{font-size:22px;letter-spacing:-.5px}.product-bottom .btn{font-size:12px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product-visual.large{height:100%;min-height:380px;border-radius:15px;border:1px solid var(--line)}.product-visual.large>svg{width:100px;height:100px}.cart-row{display:flex;align-items:center;gap:15px;padding:23px;border-bottom:1px solid var(--line)}.cart-row .grow{flex:1}.cart-row p{font-size:13px;color:var(--muted);margin:6px 0 0}.cart-row strong{font-size:15px}.quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.quantity button{background:#f6f7f3;color:#424d3a;min-width:30px;height:35px;font-size:18px}.quantity b{font-size:13px;padding:0 10px}.shop-form-panel{max-width:850px}.shop-form-panel .consent{margin-top:24px}.commerce-text{white-space:pre-wrap}.shop-tabs button:hover{border-color:#fb840a}.product-card:hover{border-color:#dec7a4}.cart-row>.iconbtn{min-width:34px;width:34px;height:34px}.cart-row .deviceicon{width:42px;height:42px}.shop-form-panel .btn{margin-top:8px}@media(max-width:1200px){.product-grid{grid-template-columns:repeat(2,1fr)}.cart-row{flex-wrap:wrap}.cart-row .grow{min-width:150px}.shop-tabs .cart-tab{margin-left:0}.product-bottom{flex-wrap:wrap}}@media(max-width:700px){.product-grid{grid-template-columns:1fr}.shop-hero{padding:23px;flex-direction:column;align-items:flex-start}.shop-hero h2{font-size:23px}.shop-hero .btn{width:100%}.product-detail{grid-template-columns:1fr}.product-visual.large{min-height:230px}.product-copy{padding:20px}.product-bottom{flex-wrap:nowrap}.shop-tabs{gap:6px}.shop-tabs button{font-size:12px;padding:9px 10px}.cart-row{padding:18px;gap:12px}.cart-row .grow{min-width:130px}.product-visual{height:150px}.product-visual.large>svg{width:75px;height:75px}}
.login-surface{max-width:1100px;margin:0 auto;padding:35px 22px}.login-brand{font-size:23px;font-weight:800;margin-bottom:30px}.auth-role{align-self:center;font-size:12px;padding:0 12px;color:#707875}.signout{font-size:12px;color:#555f58;text-decoration:none}.topright{flex-wrap:wrap}.login-surface a{text-decoration:none}
.switch.account-identity{background:transparent;padding:0}.auth-identity{display:flex;flex-direction:column;text-align:right;gap:3px;max-width:240px}.auth-identity strong{font-size:13px;overflow-wrap:anywhere}.auth-identity>span{font-size:12px;color:var(--muted)}@media(max-width:700px){.auth-identity{max-width:160px}.auth-identity strong{font-size:12px}}