:root{font-family:Inter,Arial,sans-serif;color:#202735;background:#f3f6f8;font-size:16px;--teal:#087f83;--line:#dce2e7;--muted:#647180}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #18a9aa;outline-offset:3px}button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;font-size:.875rem;font-weight:600}button:hover:not(:disabled){border-color:#70afb1;background:#f3fbfb}a{color:var(--teal)}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover:not(:disabled){background:#06686b;color:white}.quiet{border:0;background:transparent}.full{width:100%}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.8125rem;line-height:1.5}.tag{display:inline-block;border-radius:6px;padding:5px 9px;background:#e5f4f2;color:#09676a;font-size:.75rem;font-weight:700}.topbar{height:60px;background:#171d28;color:white;display:flex;align-items:center;gap:24px;padding:0 23px}.brand{font-weight:800;letter-spacing:2px;font-size:26px;display:flex;align-items:center;gap:8px}.brand img{width:106px;height:34px;object-fit:contain}.topbar .search{flex:1;background:#222936;border:1px solid #39404b;border-radius:9px;color:#b6bdc8;padding:10px 14px;font-size:.875rem}.topbar button{background:#262e3b;color:#fff;border-color:#3b4351}.store{font-size:.875rem}.demo-label{color:#a0dedc;font-size:.75rem;letter-spacing:1px}.shell{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:calc(100vh - 60px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 12px;display:flex;flex-direction:column;gap:7px}.nav{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:13px 12px;font-size:.875rem}.nav.active{background:#e7f4f4;color:#087779}.nav.inactive{color:#9298a0}.nav svg{flex-shrink:0}.sidefoot{margin-top:auto;padding:25px 12px 0;color:#69717c;font-size:.75rem;line-height:1.8}.workspace{padding:26px 32px 32px;min-width:0;max-width:1600px;width:100%;margin:auto;align-self:start}.tour{display:flex;align-items:center;gap:18px;border:1px solid #b6dedd;background:linear-gradient(110deg,#e9f8f5,#f7fcfc);border-radius:13px;padding:17px 20px;margin-bottom:25px}.stepnumber{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:700;flex-shrink:0}.tour h2{font-size:1rem;margin:0 0 5px}.tour p{font-size:.875rem;line-height:1.5;margin:0;color:#436263}.tour .reset{margin-left:auto}.steps{display:flex;gap:5px;margin-top:10px}.steps span{width:25px;height:3px;background:#c8dfdf;border-radius:3px}.steps .done{background:#12888b}h1{font-size:1.65rem;letter-spacing:-.7px;margin:0 0 7px}h2{font-size:1.125rem;margin:0 0 18px}h3{font-size:1rem;margin:0 0 8px}p{line-height:1.6}.pagehead{margin-bottom:23px}.breadcrumb{margin-bottom:19px;font-size:.8125rem;color:#75808b}.breadcrumb button{padding:0;color:var(--teal)}.catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.tile{padding:0;overflow:hidden;text-align:center;border-radius:12px;box-shadow:0 2px 3px #17263105;position:relative;background:white}.tile.available{border-color:#90c7c6}.tile.available:hover{transform:translateY(-3px);box-shadow:0 7px 18px #17263112}.tile strong{display:block;padding:16px 8px;font-size:.8125rem}.tile.locked{color:#8a8e94}.tile.locked .product-image{filter:grayscale(1);opacity:.48}.product-image{width:100%;aspect-ratio:186/91;background-image:url('./assets/catalog.png');background-size:634.4086% 702.1978%;background-repeat:no-repeat;background-color:#dad8d2}.tile .try{position:absolute;right:8px;top:8px;background:white;color:#087477;padding:4px 7px;font-size:.75rem;border-radius:5px;box-shadow:0 1px 5px #0001}.catalog-note{margin:18px 0;font-size:.8125rem;color:#687380}.builder{display:grid;grid-template-columns:250px minmax(280px,1fr) 280px;gap:19px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:13px;padding:22px;box-shadow:0 2px 3px #17263103}.product-overview{overflow:hidden;padding:0}.product-overview .product-image{aspect-ratio:1.7}.product-copy{padding:22px}.product-copy p{font-size:.875rem;color:var(--muted);margin:9px 0 18px}.details{margin:0}.details div{padding:10px 0;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;gap:14px;font-size:.8125rem}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right}.field{margin:0 0 19px}.field>label,.field>legend{display:block;font-size:.875rem;font-weight:700;margin-bottom:9px}.field{border:0;padding:0;min-width:0}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{font-weight:500;padding:9px 11px;font-size:.8125rem}.pill.selected{border-color:#168b8e;background:#e9f7f5;color:#066d70;box-shadow:inset 0 0 0 1px #168b8e}.field select,.field input,textarea{width:100%;padding:11px 12px;border:1px solid #cdd6df;border-radius:8px;background:#fff;color:#202735;font-size:.875rem}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price{font-size:2rem;font-weight:800;letter-spacing:-1px;margin:8px 0}.pricing-table{width:100%;border-collapse:collapse;font-size:.8125rem}.pricing-table th{color:var(--muted);font-size:.75rem;text-align:left;font-weight:500;padding:8px}.pricing-table td{padding:0}.pricing-table button{border:0;border-radius:6px;width:100%;padding:10px 8px;display:flex;justify-content:space-between;font-size:.8125rem;font-weight:500}.pricing-table button.selected{background:#e8f5f4;color:#087779;font-weight:700}.pricing-table td:first-child{width:100%}.summary-total{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.summary-total .primary{margin:16px 0 8px}.error{color:#b33131;font-size:.8125rem;line-height:1.5}.back{margin-bottom:12px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px}.cartline{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:21px 0;align-items:start}.cartline:first-child{padding-top:0}.cartline .thumb{width:98px;flex-shrink:0;overflow:hidden;border-radius:8px}.cartline .linecontent{flex:1;min-width:0}.cartline p{font-size:.8125rem;color:var(--muted);margin:5px 0}.cartline .lineprice{font-weight:700;white-space:nowrap}.customer{background:#f6f9fb;padding:15px;border-radius:9px;margin:13px 0 22px}.avatar{width:36px;height:36px;border-radius:50%;background:#dbeae8;color:#266768;display:grid;place-items:center;font-size:.8125rem;font-weight:700}.totals{margin:20px 0}.totals>div{display:flex;justify-content:space-between;margin:12px 0;font-size:.875rem}.totals .grand{border-top:1px solid var(--line);padding-top:17px;font-size:1.125rem;font-weight:700}.email-shell{max-width:880px;margin:auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.mailbar{background:#eef2f6;padding:15px 23px;color:#677280;font-size:.8125rem;border-bottom:1px solid var(--line)}.mailmeta{padding:23px 30px;border-bottom:1px solid var(--line)}.mailmeta h2{font-size:1.2rem}.mailbody{background:#f5f7f9;padding:28px}.email{max-width:660px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.emailbrand{padding:22px 28px;background:#172331;color:#fff;font-size:23px;letter-spacing:2px;font-weight:700}.emailcontent{padding:28px}.emailcontent h2{font-size:1.4rem;margin-bottom:12px}.emailcontent p{font-size:.875rem}.email .cartline .thumb{display:none}.emailfooter{padding:17px 28px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.nextscene{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:23px auto;max-width:880px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}.column{background:#eaf0f4;border-radius:12px;padding:12px;min-height:330px}.colhead{padding:6px 3px 17px;display:flex;justify-content:space-between;font-weight:700;font-size:.875rem}.colhead span{font-size:.75rem;border-radius:5px;background:#dce5ed;padding:3px 7px}.job{width:100%;text-align:left;padding:16px;margin-bottom:11px;border-radius:10px;box-shadow:0 2px 3px #23304408}.job.mine{border:2px solid #269599}.job .id{font-size:.75rem;color:#75818c;margin-bottom:10px}.job strong{display:block;margin:8px 0;font-size:.875rem}.job p{font-size:.8125rem;color:#697581;font-weight:400;line-height:1.4}.jobfoot{border-top:1px solid #edf0f3;padding-top:12px;display:flex;justify-content:space-between;gap:8px;font-size:.75rem}.tag.blue{background:#e9effb;color:#405e95}.tag.orange{background:#fff1df;color:#915919}.tag.purple{background:#f0eafb;color:#715098}dialog{border:1px solid var(--line);border-radius:17px;padding:0;width:min(620px,calc(100% - 30px));max-height:88vh;box-shadow:0 25px 100px #10283140;color:#202735}dialog::backdrop{background:#13263277;backdrop-filter:blur(3px)}.modalhead{padding:23px 25px;border-bottom:1px solid var(--line)}.modalbody{padding:25px}.modalbody .tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.modalbody .tabs button{border:0}.modalbody .tabs button.selected{background:#e6f3f2;color:#086e71}.cutscene{text-align:center;padding:45px 30px}.cutscene .scene-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e4f5f1;color:#087b7e;margin:0 auto 24px}.cutscene h2{font-size:1.6rem;letter-spacing:-.6px;margin-bottom:12px}.cutscene p{color:#667584;max-width:430px;margin:0 auto 25px}.cutscene .primary{min-width:180px}.end{max-width:740px;text-align:center;margin:35px auto;padding:45px}.end h1{font-size:2.1rem;line-height:1.25;max-width:560px;margin:22px auto 14px}.end p{color:var(--muted);max-width:500px;margin:0 auto 25px}.end .row{justify-content:center}.end a{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:12px 18px;font-weight:600;font-size:.875rem}.end a.primary{color:white}.recap{display:flex;justify-content:center;gap:18px;margin:28px 0;color:#117c7e;font-size:.8125rem}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);padding:14px 20px;border-radius:10px;background:#1a3039;color:#fff;box-shadow:0 5px 30px #0002;z-index:100;font-size:.875rem;transition:transform .2s;max-width:90vw}#toast.visible{transform:translateX(-50%) translateY(0)}.view{animation:arrive .25s ease-out}.sticky{position:sticky;top:20px}.mobile-nav{display:none}.empty{text-align:center;padding:45px}.note{background:#f4f7f9;border-radius:8px;padding:13px;font-size:.8125rem;color:#687480;line-height:1.5}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.catalog{gap:20px}.workspace{padding:32px 42px}}@media(max-width:1150px){.builder{grid-template-columns:minmax(280px,1fr) 280px}.product-overview{display:none}.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{padding:22px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{gap:12px;padding:0 16px}.topbar .search,.store{display:none}.topbar .brand{margin-right:auto}.workspace{padding:16px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tour{padding:14px;gap:11px}.tour .reset{padding:8px;font-size:.75rem}.builder{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.cart-layout{grid-template-columns:1fr}.mobile-nav{display:flex;gap:10px;margin-bottom:16px}.sticky{position:static}.cartline .thumb{width:75px}}@media(max-width:580px){.demo-label{font-size:.75rem}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.builder{grid-template-columns:1fr}.tour{align-items:start}.tour .reset{font-size:0;padding:5px}.tour .reset svg{width:18px}.tour h2{font-size:.9375rem}.tour p{font-size:.8125rem}.stepnumber{width:30px;height:30px}.pagehead{align-items:start}.pagehead .row{flex-wrap:wrap}.panel{padding:18px}.board{grid-template-columns:1fr}.column{min-height:120px}.mailbody{padding:12px}.mailmeta{padding:20px}.emailcontent{padding:20px}.nextscene{align-items:start;flex-direction:column}.cartline{flex-wrap:wrap;gap:12px}.cartline .thumb{display:none}.end{padding:24px 17px}.end h1{font-size:1.65rem}.recap{flex-direction:column;gap:10px}.end .row{flex-direction:column}.end a{width:100%}.inputs{gap:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Compact tablet layout and production colors, aligned with the Quotr references. */
:root{--teal:#467f83}.workspace{padding:20px 24px}.tour{padding:12px 16px;margin-bottom:18px}.tour p{font-size:.8125rem}.tour .steps{margin-top:7px}.pagehead{margin-bottom:16px}h1{font-size:1.45rem}.builder{grid-template-columns:190px minmax(0,1fr) 250px;gap:14px}.builder .panel{padding:17px}.builder .product-overview{padding:0}.product-copy{padding:17px}.product-copy p{font-size:.8125rem}.builder .field{margin-bottom:12px}.builder .field>label,.builder .field>legend{margin-bottom:6px}.builder .field input,.builder .field select{padding:9px 10px}.builder .pill{padding:8px 10px}.builder .panel>h2{margin-bottom:14px}.builder .summary-total{margin-top:12px;padding-top:12px}.builder .price{font-size:1.75rem}.builder .price+.small{font-size:.75rem}.builder .error:empty{display:none}.builder .primary{margin-top:12px}.builder .field select{font-size:.8125rem}.builder .inputs{gap:10px}.builder .panel:nth-child(2){display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.builder .panel:nth-child(2)>h2,.builder .panel:nth-child(2)>h3,.builder .panel:nth-child(2)>.inputs,.builder .panel:nth-child(2)>.field:first-of-type{grid-column:1/-1}.builder .panel:nth-child(2)>fieldset:has(.pills){grid-column:1/-1}.builder .pricing-table button{padding:8px}.builder .product-copy .details div{font-size:.75rem}.eyebrow{font-size:.75rem;letter-spacing:1.2px;font-weight:600;color:#52858b;display:block;margin-bottom:5px}.transaction-bar{padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:14px}.transaction-bar>strong{display:block;margin-bottom:6px}.expanded-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:15px;padding:15px}.item-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.item-heading h3{margin:0}.item-metrics{display:flex;gap:8px}.item-metrics>div{min-width:55px;padding:7px 9px;background:#f4f8fa;border-radius:7px}.item-metrics span{display:block;font-size:.75rem;color:#627686;letter-spacing:.6px;margin-bottom:4px}.item-metrics strong{font-size:.8125rem}.expanded-item>details>summary{font-size:.8125rem;color:#467f83;padding:13px 0;cursor:pointer;margin-top:5px;border-top:1px solid #edf1f4}.item-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-card{border:1px solid #d5e3e6;border-radius:10px;padding:15px;background:#fff;margin-bottom:12px;min-width:0}.detail-card h3{font-size:.875rem;padding:0 0 11px;margin:0 0 12px;border-bottom:1px solid #e2edef}.detail-card h4{font-size:.75rem;font-weight:600;letter-spacing:1px;color:#4c9997;text-transform:uppercase;margin:0 0 12px}.detail-card p{margin:10px 0}.detail-card>p:last-child{margin-bottom:0}.spec-list{margin:9px 0 0}.spec-list>div{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,1.3fr);gap:12px;padding:7px 0;font-size:.75rem;line-height:1.5;border-bottom:1px solid #f0f3f5}.spec-list>div:last-child{border:0}.spec-list dt{color:#657785}.spec-list dd{margin:0;overflow-wrap:anywhere}.readonly-select{padding:10px 11px;border:1px solid #d8e2e6;border-radius:7px;background:#f9fcfc;font-size:.8125rem;display:flex;justify-content:space-between}.item-actions{padding-top:4px}.item-actions button{font-size:.75rem;padding:7px 12px}.revenue{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;min-width:160px}.revenue .eyebrow{font-size:.75rem;color:#385e7b}.revenue>strong{font-size:.9375rem}.board{gap:10px}.column{padding:9px;min-height:140px;border:1px solid #0002;box-shadow:0 2px 4px #172c3d19}.bucket-0{background:#63a5a8}.bucket-1{background:#477f82}.bucket-2{background:#507fa5}.bucket-3{background:#526eb0}.colhead{color:#fff;font-size:.8125rem;padding:2px 2px 12px;align-items:start;gap:8px}.colhead small{font-size:.75rem;display:block;margin-top:5px;font-weight:400;color:#fff;line-height:1.4}.colhead>span{background:#f3f9fa;color:#507583}.job{background:#edf7f7;border:1px solid #ffffffb3;padding:12px;box-shadow:none}.job:hover:not(:disabled){background:#fff;border-color:#fff}.job.mine{border:2px solid #b8f3ed;box-shadow:0 0 0 1px #f1fffe}.bucket-1 .job{background:#e9f3f4}.bucket-2 .job{background:#edf4f9}.bucket-3 .job{background:#f0f2fa}.job .id{font-size:.75rem;letter-spacing:.7px;margin:0}.job strong{font-size:.8125rem;line-height:1.4}.job .job-name{color:#2c4248;font-weight:600;font-size:.75rem}.job .tag{font-size:.75rem;padding:3px 5px}.status-pill{display:inline-block;font-size:.75rem;border:1px solid #c6dde1;border-radius:20px;padding:3px 7px;color:#497a83;background:#f9fdfd;font-weight:600}.job-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #cce1e4;padding-top:8px}.job-meta span{font-size:.75rem;letter-spacing:.6px;color:#547078}.job-meta strong{font-size:.75rem;font-weight:500;margin:3px 0}.badges{gap:5px;margin:8px 0}.jobfoot{border-color:#cce1e4;align-items:end;padding-top:9px}.jobfoot strong{margin:0}.jobfoot .eyebrow{font-size:.75rem}.jobfoot u{font-size:.75rem;color:#3c7780}.empty-bucket{background:#f0f5fa;border-radius:9px;padding:25px 10px;text-align:center;font-size:.8125rem}.empty-bucket p{font-size:.75rem;color:#687b88}.completed-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:10px;font-size:.8125rem}.job-dialog{width:min(1160px,calc(100vw - 34px));max-height:94vh;background:#eff4f6}.job-dialog .modalhead{background:white;padding:16px 20px}.job-dialog .modalhead h2{font-size:1.1rem}.job-dialog .modalbody{padding:0 18px 10px}.job-dialog .tabs{position:sticky;top:0;z-index:2;padding:12px 0;background:#eff4f6;overflow-x:auto;gap:4px;flex-wrap:nowrap}.job-dialog .tabs button{font-size:.8125rem;padding:8px 13px;white-space:nowrap}.job-dialog .tabs button.selected{background:#dceeed}.payment-badge{font-size:.75rem;padding:3px 7px;border:1px solid #dde4e9;background:#f9fbfc;border-radius:15px}.job-overview{display:grid;grid-template-columns:1.12fr 1.05fr .92fr;gap:12px;align-items:start}.job-overview>div{min-width:0}.job-overview .detail-card{border-color:#a7cece}.job-overview .detail-card h3{background:#e8f4f3;margin:-15px -15px 12px;padding:10px 14px;border-radius:9px 9px 0 0}.job-overview .avatar{width:31px;height:31px;font-size:.75rem;flex-shrink:0}.job-overview strong{font-size:.8125rem}.job-item{padding-bottom:13px;border-bottom:1px solid #e0ebec;margin-bottom:13px}.job-item:last-child{border:0;margin-bottom:0}.job-item summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:.8125rem}.job-item summary:before{content:'▾';color:#648b8d}.job-item summary strong{margin-right:auto}.job-item .spec-list{margin-top:4px}.production-note{border-radius:7px;background:#f8fafc;padding:11px;margin-top:10px;font-size:.75rem;line-height:1.5}.production-note h4{color:#8b71c0;font-size:.75rem;margin-bottom:6px}.job-progress{background:white;margin:13px 18px 0;padding:13px 16px;border:1px solid #e0e7ec;border-radius:10px;font-size:.8125rem}.stage-track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-top:15px}.stage-step{text-align:center;position:relative;color:#82919b}.stage-step:after{content:'';height:1px;background:#dfe6e8;position:absolute;left:calc(50% + 19px);right:calc(-50% + 19px);top:14px}.stage-step:last-child:after{display:none}.stage-step>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d9e1e6;border-radius:50%;background:#fff;margin:0 auto 6px;font-size:.75rem}.stage-step small{font-size:.75rem;line-height:1.3;display:block}.stage-step.reached{color:#419d94}.stage-step.reached>span{background:#66b3aa;color:white;border-color:#66b3aa}.stage-step.current>span{box-shadow:0 0 0 4px #e5f5f1}.job-actions{padding:13px 18px;background:#fff;border-top:1px solid #dbe5e9;position:sticky;bottom:0;z-index:3}.job-actions button{font-size:.8125rem}.empty-files{border:1px dashed #cfdde5;background:#f8fafc;border-radius:8px;padding:16px;font-size:.75rem;color:#657580;line-height:1.6}.file-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f3}.file-row>div{min-width:0}.file-row strong{font-size:.75rem;overflow-wrap:anywhere}.file-row small{display:block;color:#71808c;font-size:.75rem;margin-top:5px}.detail-card textarea{font-size:.8125rem;background:#fbfcfd;line-height:1.6}.detail-card button{padding:8px 10px;font-size:.75rem}.payment-total{background:#eaf5f3;border-radius:8px;padding:12px;margin:12px 0}.payment-total>strong:last-child{color:#439d95;font-size:1.125rem}.activity-entry{display:flex;gap:10px;font-size:.8125rem;padding:12px 0;border-bottom:1px solid #e8edef}.activity-entry svg{color:#5da69e}.checkout-dialog{width:min(790px,calc(100vw - 30px));background:#f5f8fa;max-height:94vh}.checkout-dialog .modalhead{background:white;padding:17px 22px}.checkout-body{padding:16px 22px}.typing-guide{display:flex;align-items:center;gap:10px;background:#e8f5f2;color:#417a77;border:1px solid #bfddda;padding:10px 12px;border-radius:8px;font-size:.8125rem;margin-bottom:18px}.typing-guide button{margin-left:auto;padding:5px;font-size:.75rem}.typing-dot{width:7px;height:7px;background:#53a49d;border-radius:50%;flex-shrink:0;animation:pulse 1s infinite}.customer-form .field{margin-bottom:13px}.customer-form .field label{font-weight:500;font-size:.8125rem;margin-bottom:6px}.customer-form input{background:white}.customer-form input::placeholder{color:#a5afb7}.customer-form .autofilling{outline:2px solid #6aaca8;box-shadow:0 0 0 4px #e0f1ee}.customer-form .autofilled{background:#fbfefe;border-color:#b6d8d4}.customer-form select:disabled{opacity:1;color:#627781;background:#fff}.customer-form select.autofilled{color:#233c46}.email-copy{display:flex;gap:10px;padding:13px;background:#fff;border:1px solid #dbe5ea;border-radius:8px;margin:0 0 17px}.email-copy input{width:16px;align-self:start;accent-color:#63aaa2}.email-copy strong{font-size:.8125rem;font-weight:500}.email-copy small{display:block;color:#71808c;font-size:.75rem;margin-top:5px}.customer-form h3{font-size:.875rem}.address-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px}.checkout-footer{position:sticky;bottom:0;padding:14px 22px;background:white;border-top:1px solid #dfe7ec;display:flex;align-items:center;justify-content:space-between;gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{50%{opacity:.35}}@media(min-width:1450px){.workspace{padding:22px 28px}}@media(max-width:1200px){.builder{grid-template-columns:minmax(0,1fr) 245px}.builder .product-overview{display:none}.shell{grid-template-columns:158px minmax(0,1fr)}.sidebar{padding-left:8px;padding-right:8px}.nav{font-size:.8125rem;padding:12px 9px}.workspace{padding:18px}.board{grid-template-columns:repeat(4,minmax(0,1fr))}.colhead{font-size:.75rem}.cart-layout{grid-template-columns:minmax(0,1fr) 265px;gap:13px}.item-heading{flex-wrap:wrap}.item-metrics{width:100%;justify-content:space-between}.item-metrics>div{flex:1}.item-expanded-grid{grid-template-columns:1fr 1fr;gap:9px}}@media(max-width:950px){.job-overview{grid-template-columns:1fr 1fr}.job-overview>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-layout{grid-template-columns:1fr}.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.shell{grid-template-columns:1fr}.workspace{padding:14px}.builder{grid-template-columns:minmax(0,1fr) 225px}.builder .panel:nth-child(2){grid-template-columns:1fr}.builder .panel:nth-child(2)>*{grid-column:1}.stage-track{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:12px}.stage-step:nth-child(5):after{display:none}.job-progress .row{align-items:start}.job-actions{flex-wrap:wrap}.job-actions>.small{display:none}}@media(max-width:580px){.builder{grid-template-columns:1fr}.builder .panel:nth-child(2){grid-template-columns:1fr 1fr}.builder .panel:nth-child(2)>.field:first-of-type,.builder .panel:nth-child(2)>h2,.builder .panel:nth-child(2)>h3,.builder .panel:nth-child(2)>.inputs,.builder .panel:nth-child(2)>fieldset:has(.pills){grid-column:1/-1}.builder .panel:nth-child(2)>.field{grid-column:auto}.item-expanded-grid{grid-template-columns:1fr}.job-overview{grid-template-columns:1fr}.job-overview>div:last-child{display:block;grid-column:auto}.job-dialog{width:calc(100vw - 14px);max-height:97vh}.job-dialog .modalbody{padding:0 10px 8px}.job-dialog .modalhead{padding:13px}.job-progress{margin:10px 10px 0;padding:12px 10px}.job-actions{padding:10px;justify-content:flex-end}.job-actions button{padding:9px;font-size:.75rem}.board{grid-template-columns:1fr 1fr}.job{padding:9px}.column{padding:7px}.job .id{font-size:.75rem}.job .tag{font-size:.75rem}.job-meta{display:block}.colhead small{font-size:.75rem}.checkout-dialog{width:calc(100vw - 16px)}.checkout-body{padding:14px}.customer-form>.inputs{grid-template-columns:1fr}.checkout-footer{padding:12px;flex-direction:column;align-items:stretch}.checkout-footer>.row{justify-content:flex-end}.typing-guide{flex-wrap:wrap}.address-row{grid-template-columns:1.5fr .7fr 1fr;gap:8px}.completed-row{flex-direction:column;align-items:start}.item-metrics{gap:5px}.item-metrics>div{min-width:0;padding:7px}.spec-list>div{font-size:.75rem}.pagehead>.row{justify-content:flex-end}}@media(max-width:390px){.board{grid-template-columns:1fr}.builder .panel:nth-child(2){grid-template-columns:1fr}.builder .panel:nth-child(2)>*{grid-column:1!important}}

/* Keep catalog artwork flush with the top, including rows with wrapped labels. */
.catalog .tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.catalog .tile .product-image{flex:0 0 auto}
.catalog .tile strong{flex:1;display:flex;align-items:center;justify-content:center;width:100%}