/* WarmWave Heating customer project portal v0.3.3; scoped to module only */
.wwq-wrap{--ww-blue:#286bb6;--ww-deep:#174d89;--ww-ink:#263c53;--ww-muted:#66798d;--ww-border:#dfe7f0;--ww-red:#cf333b;max-width:1180px;margin:25px auto 75px;color:var(--ww-ink);font-family:inherit;font-size:14px;line-height:1.55}
.wwq-wrap,.wwq-wrap *{box-sizing:border-box}.wwq-wrap [hidden]{display:none!important}
.wwq-wrap a{color:var(--ww-blue)}.wwq-wrap a:hover{color:var(--ww-deep)}
.wwq-hero{background:linear-gradient(115deg,#e66a0a 0%,#f28c24 70%,#ffa34d 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:15px;padding:31px 37px;margin:0 0 24px;box-shadow:0 8px 22px rgba(25,88,155,.14)}
.wwq-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#fff3e5;margin-bottom:8px}.wwq-wrap .wwq-hero h1{font-size:clamp(26px,3.4vw,36px);font-weight:800;color:#fff;line-height:1.2;margin:0 0 7px}.wwq-hero p{color:#fff7ed;font-size:14px;margin:0;max-width:610px}.wwq-hero-mark{font-size:45px;font-weight:900;opacity:.23;letter-spacing:-4px}.wwq-hero-mark span{color:#ff6d6d;letter-spacing:0;font-size:19px;vertical-align:top}
.wwq-panel,.wwq-project-head{background:#fff;border:1px solid var(--ww-border);border-radius:13px;box-shadow:0 3px 16px rgba(35,66,102,.045);padding:24px 28px;margin:0 0 21px}
.wwq-project-head{border-left:4px solid var(--ww-blue);display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 27px}.wwq-kicker{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#718397}.wwq-ref{color:var(--ww-blue);letter-spacing:0;margin-left:7px;overflow-wrap:anywhere}.wwq-wrap .wwq-project-head h2{font-size:clamp(21px,3vw,27px);line-height:1.25;font-weight:800;color:#183b61;margin:9px 0 4px}.wwq-project-head p{color:var(--ww-muted);margin:0}.wwq-status{border-radius:100px;background:#eaf4ff;color:#1e62a2;padding:7px 13px;font-size:12px;font-weight:800;white-space:nowrap;text-transform:capitalize}
.wwq-wrap h3{font-size:19px;font-weight:800;color:#1b446f;margin:0 0 13px}.wwq-wrap h4{font-size:16px;font-weight:750;color:#1b446f;margin:0 0 17px}.wwq-wrap p{line-height:1.65}.wwq-wrap .wwq-panel>p{color:var(--ww-muted)}.wwq-section-title{margin:27px 0 17px!important}.wwq-count{display:inline-block;border-radius:100px;background:#e8f2ff;color:#2369ac;padding:3px 10px;font-size:12px;vertical-align:middle;margin-left:7px}.wwq-version{display:inline-block;padding:5px 10px;border-radius:7px;background:#eaf3ff;color:#1d66a9;font-size:12px;font-weight:800;margin-right:7px}.wwq-wrap h4 small{font-size:12px;font-weight:400;color:#73869b}
.wwq-wrap .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border-radius:7px;padding:9px 15px;font-size:13px;font-weight:750;line-height:1.35;box-shadow:none;text-decoration:none;white-space:normal;margin:4px 8px 4px 0;transition:background .15s,border-color .15s}.wwq-wrap .btn-primary{background:var(--ww-blue);border:1px solid var(--ww-blue);color:#fff}.wwq-wrap .btn-primary:hover,.wwq-wrap .btn-primary:focus{background:var(--ww-deep);border-color:var(--ww-deep);color:#fff}.wwq-wrap .btn-outline-primary{background:#fff;border:1px solid #a8c5e3;color:var(--ww-deep)}.wwq-wrap .btn-outline-primary:hover{background:#f0f7ff;color:var(--ww-deep);border-color:var(--ww-blue)}.wwq-inline{display:inline-block}.wwq-muted{color:var(--ww-muted);font-size:13px}
.wwq-table-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;border:1px solid #e6edf4;border-radius:9px;margin-bottom:13px}.wwq-wrap table.table{border-collapse:collapse;width:100%;min-width:570px;margin:0;background:#fff}.wwq-wrap table.table thead{background:#f0f5fb}.wwq-wrap .table th{font-size:12px;font-weight:800;color:#45617d;padding:12px 13px;border:0;text-align:left}.wwq-wrap .table td{font-size:13px;color:#334c65;padding:12px 13px;border-top:1px solid #edf1f6;vertical-align:middle}.wwq-wrap .table td:last-child{font-weight:750}.wwq-product-cell{display:flex;align-items:center;gap:13px;min-width:210px}.wwq-product-image,.wwq-image-placeholder{display:block;width:65px;height:65px;flex:0 0 65px;border-radius:7px;object-fit:contain;background:#fff;border:1px solid #e5eaf0;padding:3px}.wwq-image-placeholder{display:grid;place-items:center;background:#f4f7fb;color:#a5b4c4;font-size:23px}.wwq-product-cell>span:last-child{font-weight:650;line-height:1.45}.wwq-product-reference{display:block;font-size:11px;color:#8292a4;margin-top:4px;font-weight:400}.wwq-edit-qty{width:75px;max-width:100%;height:36px;border:1px solid #b9cfe5;border-radius:6px;padding:5px 8px}.wwq-edit-hint{font-size:12px;color:#687f95;background:#f1f7fd;padding:10px 12px;border-radius:7px}.wwq-wrap .wwq-delete-form{display:inline-block}.wwq-wrap .wwq-delete-button{color:#bd2934;background:#fff;border:1px solid #efb9bd}.wwq-wrap .wwq-delete-button:hover{color:#fff;background:#bd2934;border-color:#bd2934}
.wwq-wrap .wwq-edit-form,.wwq-wrap .wwq-panel form{margin-bottom:10px}.wwq-wrap label{display:block;font-size:13px;font-weight:750;color:#39516b;margin:15px 0 6px}.wwq-wrap .form-control{width:100%;max-width:590px;height:43px;border:1px solid #cfdbe8;border-radius:7px;background:#fff;padding:9px 12px;color:#233c56}.wwq-wrap .form-control:focus,.wwq-wrap .wwq-edit-qty:focus{border-color:var(--ww-blue);outline:2px solid rgba(40,107,182,.13)}.wwq-wrap input[type=checkbox]{accent-color:var(--ww-blue);vertical-align:middle;margin-right:6px}.wwq-wrap input[type=file]{display:block;margin:9px 0 16px;max-width:100%}.wwq-wrap .wwq-panel ul{padding-left:19px}.wwq-wrap .wwq-panel li{padding:5px 0;overflow-wrap:anywhere}
.wwq-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.wwq-project-card{display:flex;gap:13px;align-items:flex-start;background:#fbfdff;border:1px solid #e0e8f1;border-radius:10px;padding:19px;text-decoration:none!important;transition:box-shadow .15s,transform .15s,border-color .15s}.wwq-project-card:hover{border-color:#78a8da;box-shadow:0 7px 18px rgba(27,82,140,.1);transform:translateY(-2px)}.wwq-project-icon{width:42px;height:42px;flex:0 0 42px;border-radius:9px;background:#e8f2ff;display:grid;place-items:center;color:var(--ww-blue);font-size:22px}.wwq-card-content{display:flex;flex-direction:column;min-width:0;gap:6px}.wwq-card-content small{color:#778da4;font-size:11px;overflow-wrap:anywhere}.wwq-card-content strong{font-size:15px;color:#234566;line-height:1.4}.wwq-card-open{font-size:12px;color:var(--ww-blue);font-weight:800;margin-top:7px}.wwq-create{border-top:3px solid var(--ww-blue)}.wwq-wrap .alert{border-radius:8px;padding:12px 16px;margin-bottom:18px}
@media(max-width:767px){.wwq-wrap{padding:0 12px;margin:15px auto 45px}.wwq-hero{padding:25px 20px;border-radius:11px}.wwq-hero-mark{display:none}.wwq-panel,.wwq-project-head{padding:19px 17px;border-radius:10px}.wwq-project-head{align-items:flex-start;flex-direction:column}.wwq-wrap .btn{width:auto}.wwq-wrap .wwq-panel>form:not(.wwq-inline){max-width:100%}.wwq-project-grid{grid-template-columns:1fr}.wwq-product-image,.wwq-image-placeholder{width:54px;height:54px;flex-basis:54px}}

/* Orange branded hero */
.wwq-hero{justify-content:flex-start;gap:25px;box-shadow:0 8px 22px rgba(198,89,13,.17)}
.wwq-hero-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:11px;padding:9px 13px;flex:0 0 auto;max-width:225px;min-height:74px;box-shadow:0 3px 12px rgba(89,43,9,.12)}
.wwq-hero-logo img{display:block;max-width:190px;width:100%;height:auto;max-height:75px;object-fit:contain}
.wwq-hero-content{flex:1;min-width:0}
@media(max-width:767px){.wwq-hero{flex-direction:column;align-items:flex-start;gap:18px}.wwq-hero-logo{max-width:190px;min-height:60px}.wwq-hero-logo img{max-width:160px;max-height:65px}}

/* v0.3.5 documents and comments */
.wwq-doc-list{display:flex;flex-direction:column;gap:10px;margin:15px 0 25px}.wwq-doc-row{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #e5eaf1;border-radius:12px;background:#fbfcff}.wwq-pdf-symbol{font-size:12px;font-weight:900;background:#fff1e4;color:#df7418;border-radius:8px;padding:11px 9px}.wwq-doc-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.wwq-doc-meta small{color:#718096}.wwq-doc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.wwq-doc-actions form{margin:0}.wwq-doc-actions .btn{margin:0;padding:7px 10px}.wwq-comment-thread{display:flex;flex-direction:column;gap:12px;margin:20px 0}.wwq-comment{border:1px solid #e6edf4;border-radius:12px;padding:16px;background:#f8fafc}.wwq-comment-designer{background:#fff7ed;border-color:#fbd9b2}.wwq-comment-by{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}.wwq-comment-by small{color:#7a8898}.wwq-role{font-size:11px;text-transform:capitalize;background:#e9eff8;padding:3px 8px;border-radius:20px}.wwq-comment-text{white-space:normal;overflow-wrap:anywhere;line-height:1.65}.wwq-comments textarea.form-control{max-width:100%;min-height:110px}@media(max-width:680px){.wwq-doc-row{flex-wrap:wrap}.wwq-doc-actions{width:100%}}

/* v0.3.7 checkout Save as New Quote */
.wwq-checkout-save{background:#fff8ef;border:1px solid #f6c88f;border-radius:12px;padding:18px 20px;margin:18px 0;box-shadow:0 4px 14px rgba(120,76,21,.06)}
.wwq-checkout-save .wwq-checkout-save-button{display:inline-flex;align-items:center;gap:9px;background:#ed861b;border-color:#ed861b;color:#fff;border-radius:9px;font-weight:750;padding:12px 18px;text-decoration:none}
.wwq-checkout-save .wwq-checkout-save-button:hover{background:#d8720b;border-color:#d8720b;color:#fff}
.wwq-checkout-save-icon{font-size:18px}.wwq-checkout-save small{display:block;color:#695743;margin-top:9px;line-height:1.5}

/* v0.3.8: one-click quote saving from checkout project selection */
.wwq-project-select-form { margin:0; text-align:left; }
.wwq-project-save-btn { margin-top:12px; white-space:normal; }
.wwq-project-select-form .wwq-card-content { display:flex; flex-direction:column; align-items:flex-start; }
/* v0.3.9 - project technical details */
.wwq-spec-fields{margin:16px 0 20px}.wwq-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wwq-spec-wide{grid-column:1/-1}.wwq-spec-fields label{display:block;font-weight:600;margin-bottom:6px}.wwq-spec-fields h4{margin:24px 0 8px}.wwq-floor-list{display:grid;gap:12px}.wwq-floor-row{display:grid;grid-template-columns:minmax(110px,.7fr) repeat(2,minmax(0,1fr));gap:14px;align-items:end;background:#fff9f1;border:1px solid #f3d6b3;border-radius:10px;padding:14px}.wwq-floor-label{align-self:center;color:#82440e}.wwq-spec-fields .form-control{width:100%;max-width:100%}.wwq-spec-fields textarea{min-height:70px}@media(max-width:680px){.wwq-spec-grid,.wwq-floor-row{grid-template-columns:1fr}.wwq-spec-wide{grid-column:auto}}

/* v0.4.0: project specification prominently visible on each project detail page */
.wwq-spec-panel{border:2px solid #f2c58b!important;background:linear-gradient(180deg,#fffaf4 0,#fff 170px)!important;scroll-margin-top:24px}
.wwq-spec-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.wwq-spec-panel-heading h3{margin:5px 0 10px!important;font-size:23px;color:#222}
.wwq-spec-panel-heading p{max-width:750px;line-height:1.6;margin:0}
.wwq-spec-tag{white-space:nowrap;background:#fff0d9;color:#8a470c;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:700}
.wwq-spec-subtitle{font-size:17px!important;color:#994c0b;margin:22px 0 14px!important;padding-bottom:8px;border-bottom:1px solid #f4d4af}
.wwq-spec-save-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#fff4e6;padding:15px;border-radius:10px;margin-top:22px}
.wwq-spec-save-bar span{font-size:13px;color:#704c2e}
.wwq-spec-save-bar .btn{background:#ef881d;border-color:#ef881d;color:#fff;font-weight:700}
.wwq-spec-fields .form-control:focus{border-color:#ef881d;box-shadow:0 0 0 2px rgba(239,136,29,.15)}
.wwq-spec-summary{display:grid;gap:6px}
@media(max-width:680px){.wwq-spec-panel-heading h3{font-size:20px}.wwq-spec-save-bar .btn{width:100%}}

.wwq-back-projects{display:inline-flex;align-items:center;gap:9px;margin:16px 0 12px;padding:9px 14px;border:1px solid #f0bf86;border-radius:9px;background:#fff8ef;color:#a9580d;font-weight:700;text-decoration:none!important}.wwq-back-projects:hover,.wwq-back-projects:focus{background:#f28c24;color:#fff}.wwq-back-projects span{font-size:22px;line-height:1}.wwq-floor-row{grid-template-columns:minmax(110px,.7fr) repeat(3,minmax(0,1fr))}.wwq-overlay-panel-field[hidden]{display:none!important}@media(max-width:850px){.wwq-floor-row{grid-template-columns:1fr 1fr}.wwq-floor-label{grid-column:1/-1}}@media(max-width:680px){.wwq-floor-row{grid-template-columns:1fr}.wwq-floor-label{grid-column:auto}}

/* v0.4.2: floor areas */
.wwq-floor-row{grid-template-columns:minmax(110px,.7fr) repeat(4,minmax(0,1fr))}
.wwq-floor-area{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.wwq-floor-row{grid-template-columns:repeat(2,minmax(0,1fr))}.wwq-floor-label{grid-column:1/-1}}
@media(max-width:680px){.wwq-floor-row{grid-template-columns:1fr}.wwq-floor-label{grid-column:auto}}

/* v0.4.4 — touch-friendly responsive project portal */
.wwq-wrap,.wwq-wrap *{box-sizing:border-box}
.wwq-wrap{min-width:0;max-width:1200px}
.wwq-wrap .wwq-panel,.wwq-wrap .wwq-project-head,.wwq-wrap .wwq-spec-fields,.wwq-wrap .wwq-spec-grid,.wwq-wrap .wwq-floor-row{min-width:0}
.wwq-wrap input,.wwq-wrap select,.wwq-wrap textarea{font-size:16px;max-width:100%}
.wwq-wrap .wwq-table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.wwq-wrap .wwq-table-scroll table{min-width:560px}
.wwq-wrap .wwq-doc-meta strong,.wwq-wrap .wwq-card-content strong{overflow-wrap:anywhere}
.wwq-wrap .wwq-floor-area{min-height:46px}
@media(max-width:767px){
 .wwq-wrap.container{width:100%;max-width:100%;padding:0 12px;margin:12px auto 36px}
 .wwq-wrap .wwq-hero{padding:19px 16px;gap:13px;border-radius:12px}
 .wwq-wrap .wwq-hero h1{font-size:clamp(23px,7vw,32px);line-height:1.2}
 .wwq-wrap .wwq-hero p{font-size:13px;line-height:1.5}
 .wwq-wrap .wwq-hero-logo{min-height:0;padding:7px 10px;max-width:175px}
 .wwq-wrap .wwq-hero-logo img{max-width:150px}
 .wwq-wrap .wwq-panel,.wwq-wrap .wwq-project-head{padding:16px 13px;margin-bottom:15px}
 .wwq-wrap .wwq-project-head h2{font-size:clamp(21px,6vw,29px);overflow-wrap:anywhere}
 .wwq-wrap .wwq-spec-panel-heading{gap:8px}
 .wwq-wrap .wwq-spec-panel-heading h3{font-size:20px}
 .wwq-wrap .wwq-spec-tag{white-space:normal}
 .wwq-wrap .wwq-spec-grid,.wwq-wrap .wwq-floor-row{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .wwq-wrap .wwq-floor-label{grid-column:auto!important}
 .wwq-wrap .wwq-floor-row{padding:13px 11px}
 .wwq-wrap .form-control,.wwq-wrap select,.wwq-wrap input[type=number],.wwq-wrap input[type=tel]{min-height:46px;width:100%;max-width:100%}
 .wwq-wrap .btn,.wwq-wrap button.btn,.wwq-wrap a.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.3}
 .wwq-wrap .wwq-project-spec-form .wwq-spec-save-bar{flex-direction:column;align-items:stretch}
 .wwq-wrap .wwq-project-spec-form .wwq-spec-save-bar .btn{width:100%}
 .wwq-wrap .wwq-project-grid{grid-template-columns:minmax(0,1fr)}
 .wwq-wrap .wwq-project-card{padding:15px 13px}
 .wwq-wrap .wwq-doc-row{align-items:flex-start;padding:12px;gap:10px}
 .wwq-wrap .wwq-doc-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .wwq-wrap .wwq-doc-actions .btn{width:100%}
 .wwq-wrap .wwq-doc-actions form{min-width:0}
 .wwq-wrap .wwq-comment{padding:12px}
 .wwq-wrap .wwq-back-projects{min-height:44px}
 .wwq-wrap .wwq-product-cell{min-width:190px}
 .wwq-wrap .wwq-section-title{overflow-wrap:anywhere}
 .wwq-wrap input[type=file]{width:100%;font-size:14px}
}
@media(max-width:380px){.wwq-wrap.container{padding:0 9px}.wwq-wrap .wwq-panel{padding:14px 11px}.wwq-wrap .wwq-doc-actions{grid-template-columns:1fr}}

/* v0.4.5: always-visible touch controls for floor area (native spinners may be hidden on phones) */
.wwq-wrap .wwq-area-stepper{display:flex;align-items:stretch;gap:7px;min-width:0}
.wwq-wrap .wwq-area-stepper .wwq-floor-area{flex:1 1 0;min-width:0;width:100%;text-align:center;min-height:48px;margin:0}
.wwq-wrap .wwq-area-step{flex:0 0 48px;width:48px;min-height:48px;border:1px solid #d97706;border-radius:9px;background:#ef881d;color:#fff;font-size:28px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wwq-wrap .wwq-area-step:hover,.wwq-wrap .wwq-area-step:focus-visible{background:#c86b0b;outline:2px solid #f9bb71;outline-offset:1px}
.wwq-wrap .wwq-area-step:active{background:#9a4c06}
.wwq-wrap .wwq-area-stepper .wwq-floor-area::-webkit-inner-spin-button,.wwq-wrap .wwq-area-stepper .wwq-floor-area::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.wwq-wrap .wwq-area-stepper .wwq-floor-area{-moz-appearance:textfield;appearance:textfield}
@media(max-width:380px){.wwq-wrap .wwq-area-step{flex-basis:44px;width:44px}}

/* v0.4.8 — phone-first readable, single-column project controls. CSS only. */
@media screen and (max-width: 767px) {
  .wwq-wrap {width:100%!important;max-width:100%!important;min-width:0!important;font-size:18px!important;line-height:1.55!important;}
  .wwq-wrap.container {padding-left:12px!important;padding-right:12px!important;}
  .wwq-wrap .wwq-hero {padding:22px 17px!important;}
  .wwq-wrap .wwq-hero h1 {font-size:30px!important;line-height:1.2!important;}
  .wwq-wrap .wwq-hero p,.wwq-wrap p,.wwq-wrap .wwq-muted,.wwq-wrap .wwq-spec-save-bar span {font-size:17px!important;line-height:1.55!important;}
  .wwq-wrap .wwq-panel,.wwq-wrap .wwq-project-head {width:100%!important;max-width:100%!important;padding:19px 15px!important;}
  .wwq-wrap .wwq-spec-panel-heading h3 {font-size:25px!important;line-height:1.3!important;}
  .wwq-wrap h3,.wwq-wrap .wwq-section-title {font-size:23px!important;line-height:1.35!important;}
  .wwq-wrap h4,.wwq-wrap .wwq-spec-subtitle {font-size:21px!important;line-height:1.4!important;}
  .wwq-wrap .wwq-spec-grid,.wwq-wrap .wwq-floor-list,.wwq-wrap .wwq-floor-row {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;width:100%!important;min-width:0!important;}
  .wwq-wrap .wwq-spec-grid > *, .wwq-wrap .wwq-floor-row > * {grid-column:1 / -1!important;width:100%!important;min-width:0!important;}
  .wwq-wrap .wwq-floor-row {padding:18px 14px!important;margin-bottom:6px!important;}
  .wwq-wrap .wwq-floor-label {font-size:21px!important;line-height:1.4!important;}
  .wwq-wrap label,.wwq-wrap .wwq-spec-fields label {display:block!important;font-size:18px!important;font-weight:700!important;line-height:1.45!important;margin:0 0 9px!important;}
  .wwq-wrap .wwq-spec-fields .form-control,.wwq-wrap input.form-control,.wwq-wrap select.form-control,.wwq-wrap textarea.form-control {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:56px!important;padding:12px 14px!important;font-size:18px!important;line-height:1.35!important;border-radius:10px!important;}
  .wwq-wrap textarea.form-control {min-height:120px!important;}
  .wwq-wrap .wwq-area-stepper {display:flex!important;width:100%!important;gap:9px!important;align-items:stretch!important;}
  .wwq-wrap .wwq-area-stepper .wwq-floor-area {flex:1 1 0!important;width:1%!important;min-width:0!important;font-size:21px!important;text-align:center!important;}
  .wwq-wrap .wwq-area-stepper .wwq-area-step {display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 56px!important;width:56px!important;min-height:56px!important;font-size:30px!important;padding:0!important;}
  .wwq-wrap .wwq-spec-save-bar {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
  .wwq-wrap .wwq-spec-save-bar .btn,.wwq-wrap .wwq-project-spec-form button[type=submit],.wwq-wrap .wwq-create button[type=submit] {display:flex!important;width:100%!important;min-height:56px!important;font-size:18px!important;}
  .wwq-wrap .wwq-back-projects,.wwq-wrap .wwq-doc-actions .btn,.wwq-wrap .wwq-project-save-btn {font-size:17px!important;min-height:52px!important;}
  .wwq-wrap .wwq-project-grid {grid-template-columns:minmax(0,1fr)!important;}
  .wwq-wrap .wwq-card-content strong,.wwq-wrap .wwq-comment-text {font-size:18px!important;line-height:1.5!important;}
  .wwq-wrap .wwq-doc-row {flex-wrap:wrap!important;}
  .wwq-wrap .wwq-doc-actions {width:100%!important;}
  .wwq-wrap .wwq-table-scroll {overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
}

/* v0.4.9: tablet/mobile-width layout; Warehouse can render a desktop-width viewport on phones. */
@media screen and (max-width: 1100px) {
  body .wwq-wrap {font-size:18px!important;line-height:1.55!important;max-width:100%!important;min-width:0!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-spec-grid,
  body .wwq-wrap .wwq-project-spec-form .wwq-floor-row,
  body .wwq-wrap .wwq-project-spec-form .wwq-spec-fields {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;gap:16px!important;width:100%!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-spec-grid > *,
  body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > *,
  body .wwq-wrap .wwq-project-spec-form .wwq-spec-fields > * {grid-column:1/-1!important;grid-row:auto!important;min-width:0!important;width:100%!important;max-width:none!important;}
  body .wwq-wrap .wwq-project-spec-form label {font-size:19px!important;line-height:1.4!important;font-weight:700!important;}
  body .wwq-wrap .wwq-project-spec-form input.form-control,
  body .wwq-wrap .wwq-project-spec-form select.form-control,
  body .wwq-wrap .wwq-project-spec-form textarea.form-control {font-size:19px!important;min-height:56px!important;width:100%!important;max-width:none!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-area-stepper {display:flex!important;gap:10px!important;width:100%!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-area-step {display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 58px!important;min-height:58px!important;font-size:30px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-area-stepper input {flex:1 1 0!important;min-width:0!important;width:1%!important;text-align:center!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-spec-save-bar {display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-spec-save-bar button {width:100%!important;min-height:56px!important;font-size:18px!important;}
  body .wwq-wrap .wwq-project-spec-form p,body .wwq-wrap .wwq-project-spec-form .wwq-muted {font-size:17px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-floor-label {font-size:21px!important;}
}
@media screen and (max-width: 767px) {
 body .wwq-wrap .wwq-hero {flex-direction:column!important;align-items:stretch!important;}
 body .wwq-wrap .wwq-panel {padding:18px 14px!important;}
 body .wwq-wrap .wwq-project-spec-form .wwq-floor-row {padding:16px 12px!important;}
}

/* v0.5.0 - mobile typography experiment: larger text and compact m2 stepper.
   Scoped to the customer project portal, preserving the stable Smarty/PHP code. */
@media screen and (max-width:1100px) {
  body .wwq-wrap {font-size:30px!important;line-height:1.45!important;}
  body .wwq-wrap p, body .wwq-wrap .wwq-muted,
  body .wwq-wrap .wwq-project-spec-form p, body .wwq-wrap .wwq-project-spec-form .wwq-muted,
  body .wwq-wrap .wwq-spec-save-bar span {font-size:28px!important;line-height:1.45!important;}
  body .wwq-wrap label, body .wwq-wrap .wwq-project-spec-form label {font-size:32px!important;line-height:1.3!important;overflow-wrap:anywhere;}
  body .wwq-wrap .wwq-project-spec-form input.form-control,
  body .wwq-wrap .wwq-project-spec-form select.form-control,
  body .wwq-wrap .wwq-project-spec-form textarea.form-control {font-size:30px!important;min-height:70px!important;line-height:1.25!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-floor-label {font-size:34px!important;}
  body .wwq-wrap h3, body .wwq-wrap .wwq-spec-panel-heading h3 {font-size:38px!important;line-height:1.25!important;}
  body .wwq-wrap h4, body .wwq-wrap .wwq-spec-subtitle {font-size:34px!important;line-height:1.3!important;}
  body .wwq-wrap .wwq-project-head h2 {font-size:38px!important;}
  body .wwq-wrap .wwq-hero h1 {font-size:40px!important;}
  body .wwq-wrap .wwq-hero p {font-size:26px!important;}
  body .wwq-wrap .btn, body .wwq-wrap .wwq-project-spec-form .wwq-spec-save-bar button {font-size:27px!important;min-height:64px!important;white-space:normal!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-area-stepper {width:100%!important;max-width:290px!important;gap:6px!important;margin-right:auto!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-area-stepper .wwq-area-step {flex:0 0 58px!important;width:58px!important;min-height:68px!important;font-size:36px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-area-stepper input.wwq-floor-area {flex:1 1 auto!important;width:0!important;min-width:0!important;max-width:162px!important;padding:8px 4px!important;text-align:center!important;font-size:30px!important;}
  body .wwq-wrap .wwq-comment-text,body .wwq-wrap .wwq-card-content strong {font-size:28px!important;}
}

/* v0.5.1 — distinct heating-design selector cards, desktop and mobile. */
body .wwq-wrap .wwq-project-spec-form .wwq-feature-card {
  box-sizing:border-box!important; min-width:0!important; width:100%!important;
  padding:20px!important; border:2px solid transparent!important; border-radius:16px!important;
  margin:8px 0 12px!important; box-shadow:0 3px 12px rgba(27,47,73,.055)!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-heat {background:#fff2e5!important;border-color:#f5b979!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-floors {background:#eaf3ff!important;border-color:#a7c9fa!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-controls {background:#eaf8ed!important;border-color:#a6dcb2!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-card > label {
  display:flex!important;align-items:center!important;gap:12px!important; margin:0 0 16px!important;
  font-weight:800!important;line-height:1.25!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-icon {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 50px!important;width:50px!important;height:50px!important;border-radius:13px!important;
  font-family:Arial,sans-serif!important;font-size:29px!important;line-height:1!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-heat .wwq-feature-icon {background:#fbd4a8!important;color:#a64b00!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-floors .wwq-feature-icon {background:#c6dfff!important;color:#1d56a5!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-controls .wwq-feature-icon {background:#c7edcf!important;color:#186b36!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-card select.form-control {
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  background-color:#fff!important;border:1.5px solid rgba(50,70,90,.2)!important;
  border-radius:10px!important;min-height:60px!important;
}
@media screen and (max-width:1100px){
  body .wwq-wrap .wwq-project-spec-form .wwq-feature-card {padding:22px 17px!important;margin:12px 0 16px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-feature-card > label {font-size:30px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-feature-card select.form-control {font-size:28px!important;min-height:72px!important;}
}
@media screen and (max-width:420px){
  body .wwq-wrap .wwq-project-spec-form .wwq-feature-card {padding:16px 12px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-feature-card > label {font-size:25px!important;}
  body .wwq-wrap .wwq-project-spec-form .wwq-feature-icon {flex-basis:44px!important;width:44px!important;height:44px!important;font-size:25px!important;}
}

/* v0.5.2 — colored thermostat and floor system cards */
body .wwq-wrap .wwq-project-spec-form .wwq-feature-thermostats{background:#f4edff!important;border-color:#c9b1f4!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-thermostats .wwq-feature-icon{background:#e1d0fc!important;color:#6c35a7!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-feature-thermostats input.form-control{background:#fff!important;border:1.5px solid #c9b1f4!important;border-radius:10px!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card{background:#eff6ff!important;border-color:#b6cff2!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card .wwq-feature-icon{background:#d3e6ff!important;color:#1e579c!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card.wwq-selected-clips{background:#fff3e6!important;border-color:#efb574!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card.wwq-selected-clips .wwq-feature-icon{background:#ffdcac!important;color:#99500c!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card.wwq-selected-sp16{background:#eaf3ff!important;border-color:#94bdfa!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card.wwq-selected-overlay{background:#e8f8f2!important;border-color:#8ed2b7!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card.wwq-selected-overlay .wwq-feature-icon{background:#c9efdf!important;color:#146e4d!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-system-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 14px!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-system-option{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;padding:11px 5px!important;border-radius:10px!important;font:700 13px/1.3 Arial,sans-serif!important;min-width:0!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-system-clips{background:#fff0db!important;color:#8d4d10!important;border:1px solid #f1ca95!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-system-sp16{background:#e1efff!important;color:#225d9c!important;border:1px solid #b2d2f7!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-system-overlay{background:#dcf5e9!important;color:#146e4d!important;border:1px solid #9bd9bc!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-system-symbol{font-size:27px!important;line-height:1!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-system-card select.form-control{background:#fff!important;width:100%!important;}
@media(max-width:1100px){body .wwq-wrap .wwq-project-spec-form .wwq-system-option{font-size:17px!important;padding:13px 5px!important;}body .wwq-wrap .wwq-project-spec-form .wwq-system-symbol{font-size:35px!important;}}
@media(max-width:450px){body .wwq-wrap .wwq-project-spec-form .wwq-system-options{grid-template-columns:minmax(0,1fr)!important;}body .wwq-wrap .wwq-project-spec-form .wwq-system-option{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:12px!important;padding:11px 15px!important;}}

/* v0.5.3: clickable heating system cards and clear selected state */
body .wwq-wrap .wwq-project-spec-form button.wwq-system-option{cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;font-family:inherit!important;line-height:1.3!important;transition:box-shadow .15s ease,transform .15s ease!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-system-option:focus-visible{outline:3px solid #153e75!important;outline-offset:3px!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-system-option.wwq-system-active{border-width:3px!important;box-shadow:0 0 0 2px rgba(15,40,70,.12),0 3px 10px rgba(15,40,70,.12)!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-system-clips.wwq-system-active{border-color:#b9680a!important;background:#ffe0b5!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-system-sp16.wwq-system-active{border-color:#1d62b1!important;background:#c7e0ff!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-system-overlay.wwq-system-active{border-color:#16784d!important;background:#c5efd9!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-system-option.wwq-system-active::after{content:'✓ Selected';font-size:.8em;font-weight:700;}

/* v0.5.4: Overlay finish choices, consistent with green Overlay Panels system card */
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-panel-field:not([hidden]){display:block!important;background:#e8f8f2!important;border:1.5px solid #8ed2b7!important;border-radius:12px!important;padding:12px!important;min-width:0!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-panel-field>label{display:flex!important;align-items:center!important;gap:10px!important;color:#146e4d!important;font-weight:700!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:35px!important;height:35px!important;border-radius:9px!important;background:#c9efdf!important;color:#146e4d!important;font-size:23px!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:10px 0 12px!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-overlay-option{appearance:none!important;-webkit-appearance:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:82px!important;padding:10px 8px!important;border:1.5px solid #9bd9bc!important;border-radius:10px!important;background:#dcf5e9!important;color:#146e4d!important;text-align:center!important;font:700 15px/1.35 Arial,sans-serif!important;cursor:pointer!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-symbol{font-size:28px!important;line-height:1!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-overlay-option.wwq-overlay-active{background:#c5efd9!important;border:3px solid #16784d!important;box-shadow:0 0 0 2px rgba(22,120,77,.1)!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-overlay-option.wwq-overlay-active::after{content:'✓ Selected';font-size:.8em!important;}
body .wwq-wrap .wwq-project-spec-form button.wwq-overlay-option:focus-visible{outline:3px solid #153e75!important;outline-offset:2px!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-panel-field select.wwq-overlay-panel{width:100%!important;background:#fff!important;border-color:#9bd9bc!important;}
@media(max-width:600px){body .wwq-wrap .wwq-project-spec-form .wwq-overlay-options{grid-template-columns:minmax(0,1fr)!important;}body .wwq-wrap .wwq-project-spec-form button.wwq-overlay-option{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;min-height:64px!important;font-size:18px!important;padding:12px 15px!important;}}

/* v0.5.5 — match My Projects / Create New Project to project details UI */
body .wwq-wrap .wwq-list-panel,body .wwq-wrap .wwq-create.wwq-spec-panel{border:1.5px solid #f2c58e!important;border-radius:14px!important;background:#fffdfb!important;padding:24px!important;}
body .wwq-wrap .wwq-list-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
body .wwq-wrap .wwq-list-heading-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:12px;background:#fff0db;color:#bd650e;font-size:29px;}
body .wwq-wrap .wwq-list-heading .wwq-section-title{margin:3px 0 6px!important;}
body .wwq-wrap .wwq-project-card{background:#fff!important;border:1.5px solid #f0d7b6!important;border-radius:13px!important;padding:20px!important;box-shadow:0 3px 12px rgba(100,60,20,.05)!important;}
body .wwq-wrap .wwq-project-card:hover,body .wwq-wrap .wwq-project-card:focus-visible{border-color:#e88a21!important;box-shadow:0 6px 20px rgba(224,122,20,.14)!important;}
body .wwq-wrap .wwq-project-icon{background:#fff0dc!important;color:#b9600b!important;border-radius:11px!important;}
body .wwq-wrap .wwq-card-content strong{font-size:20px!important;color:#263f60!important;}
body .wwq-wrap .wwq-card-open{color:#b9600b!important;font-size:16px!important;}
body .wwq-wrap .wwq-create.wwq-spec-panel .wwq-spec-panel-heading{margin-bottom:20px!important;}
body .wwq-wrap .wwq-create-form .wwq-create-identity{background:#fff5e9;border:1.5px solid #f2c58e;border-radius:12px;padding:18px;margin:0 0 24px;}
body .wwq-wrap .wwq-create-form .wwq-create-attachments{background:#f0f7ff;border:1.5px solid #b8d5f5;border-radius:12px;padding:18px;margin:24px 0;}
body .wwq-wrap .wwq-create-form .wwq-create-attachments input[type=file]{padding:12px;height:auto;min-height:56px;}
body .wwq-wrap .wwq-create-form>button[type=submit]{background:#ef881d!important;border-color:#ef881d!important;color:#fff!important;min-height:58px!important;font-weight:800!important;border-radius:9px!important;}
body .wwq-wrap .wwq-create-form .wwq-spec-fields{min-width:0;}
@media screen and (max-width:1100px){
 body .wwq-wrap .wwq-list-panel,body .wwq-wrap .wwq-create.wwq-spec-panel{padding:17px 13px!important;}
 body .wwq-wrap .wwq-create-form .wwq-spec-grid,body .wwq-wrap .wwq-create-form .wwq-floor-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important;}
 body .wwq-wrap .wwq-create-form .wwq-spec-grid>*,body .wwq-wrap .wwq-create-form .wwq-floor-row>*{grid-column:1/-1!important;min-width:0!important;width:100%!important;max-width:100%!important;}
 body .wwq-wrap .wwq-create-form .wwq-create-identity,body .wwq-wrap .wwq-create-form .wwq-create-attachments{padding:15px!important;}
 body .wwq-wrap .wwq-create-form label{font-size:clamp(19px,4.5vw,27px)!important;line-height:1.35!important;font-weight:700!important;}
 body .wwq-wrap .wwq-create-form input.form-control,body .wwq-wrap .wwq-create-form select.form-control,body .wwq-wrap .wwq-create-form textarea.form-control{font-size:clamp(18px,4.3vw,27px)!important;min-height:58px!important;width:100%!important;max-width:100%!important;}
 body .wwq-wrap .wwq-create-form .wwq-feature-card>label{font-size:clamp(19px,4.6vw,28px)!important;}
 body .wwq-wrap .wwq-create-form .wwq-area-stepper{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:300px!important;gap:7px!important;}
 body .wwq-wrap .wwq-create-form .wwq-area-stepper .wwq-area-step{flex:0 0 54px!important;min-height:60px!important;font-size:30px!important;}
 body .wwq-wrap .wwq-create-form .wwq-area-stepper input.wwq-floor-area{width:110px!important;min-width:0!important;flex:0 1 110px!important;text-align:center!important;}
 body .wwq-wrap .wwq-create-form>button[type=submit]{display:block!important;width:100%!important;font-size:24px!important;}
 body .wwq-wrap .wwq-list-heading-icon{flex-basis:46px;height:46px;}
 body .wwq-wrap .wwq-project-card{padding:17px!important;}
}
@media screen and (max-width:450px){body .wwq-wrap .wwq-create-form .wwq-system-options,body .wwq-wrap .wwq-create-form .wwq-overlay-options{grid-template-columns:minmax(0,1fr)!important;}body .wwq-wrap .wwq-create-form .wwq-system-option,body .wwq-wrap .wwq-create-form .wwq-overlay-option{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;min-height:62px!important;font-size:18px!important;}}

/* v0.5.6 mixed heating zones: separate heating systems on the same floor */
.wwq-wrap .wwq-floor-row .wwq-extra-zones,.wwq-wrap .wwq-floor-row .wwq-zone-footer{grid-column:1/-1!important;width:100%;min-width:0}
.wwq-wrap .wwq-extra-zones{display:flex;flex-direction:column;gap:16px}
.wwq-wrap .wwq-extra-zone{background:#eef6ff;border:2px solid #a9c8ed;border-radius:13px;padding:16px;margin:8px 0}
.wwq-wrap .wwq-extra-zone.wwq-zone-overlay-active{background:#e8f8f2;border-color:#8ed2b7}
.wwq-wrap .wwq-zone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#194d7b;font-size:18px}
.wwq-wrap .wwq-zone-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.wwq-wrap .wwq-zone-fields>div{min-width:0}
.wwq-wrap .wwq-zone-footer{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:14px 0 4px}
.wwq-wrap .wwq-add-zone{background:#e8f3ff;color:#17548a;border:2px solid #82b3e2;border-radius:9px;padding:12px 16px;font-weight:800;cursor:pointer}
.wwq-wrap .wwq-remove-zone{background:#fff;color:#ae3541;border:1px solid #e6b2b8;border-radius:7px;padding:7px 12px;cursor:pointer}
.wwq-wrap .wwq-zone-total{font-size:16px;font-weight:800;color:#194d7b}
@media(max-width:767px){.wwq-wrap .wwq-zone-fields{grid-template-columns:minmax(0,1fr)!important}.wwq-wrap .wwq-zone-fields>div{grid-column:1/-1;width:100%}.wwq-wrap .wwq-zone-fields label,.wwq-wrap .wwq-zone-total{font-size:21px!important}.wwq-wrap .wwq-zone-fields .form-control{font-size:21px!important;max-width:100%!important}.wwq-wrap .wwq-add-zone{width:100%;font-size:20px;min-height:55px}.wwq-wrap .wwq-zone-heading{font-size:22px}}

/* v0.5.7: clickable cards for every additional heating zone */
.wwq-wrap .wwq-extra-zone .wwq-zone-system-card,.wwq-wrap .wwq-extra-zone .wwq-zone-overlay{min-width:0;width:100%;padding:14px;border-radius:14px}
.wwq-wrap .wwq-extra-zone .wwq-zone-system-card{background:#eef5ff;border:2px solid #b9d2f7}
.wwq-wrap .wwq-extra-zone .wwq-zone-system-card.wwq-selected-clips{background:#fff0db;border-color:#f1bd7a}
.wwq-wrap .wwq-extra-zone .wwq-zone-system-card.wwq-selected-sp16{background:#e7f0ff;border-color:#9cc5f4}
.wwq-wrap .wwq-extra-zone .wwq-zone-system-card.wwq-selected-overlay{background:#e8f8f2;border-color:#8ed2b7}
.wwq-wrap .wwq-extra-zone .wwq-zone-overlay:not([hidden]){display:block;background:#e8f8f2;border:2px solid #8ed2b7}
.wwq-wrap .wwq-extra-zone .wwq-system-options,.wwq-wrap .wwq-extra-zone .wwq-overlay-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.wwq-wrap .wwq-extra-zone .wwq-overlay-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.wwq-wrap .wwq-extra-zone .wwq-system-option,.wwq-wrap .wwq-extra-zone .wwq-overlay-option{min-width:0;min-height:74px;cursor:pointer}
.wwq-wrap .wwq-extra-zone .wwq-zone-system-card select,.wwq-wrap .wwq-extra-zone .wwq-zone-overlay select{width:100%}
@media(max-width:767px){.wwq-wrap .wwq-extra-zone .wwq-zone-system-card,.wwq-wrap .wwq-extra-zone .wwq-zone-overlay{grid-column:1/-1;width:100%}.wwq-wrap .wwq-extra-zone .wwq-system-option,.wwq-wrap .wwq-extra-zone .wwq-overlay-option{font-size:16px!important}}

/* v0.5.8 — additional zones use the same full-width icon selector as the floor */
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-system-card{grid-column:1/-1!important;display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:5px 0!important}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:12px 0!important}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-option{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:112px!important;padding:14px 8px!important;font-size:17px!important;line-height:1.25!important;white-space:normal!important}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-symbol{font-size:30px!important}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-overlay{grid-column:1/-1!important;width:100%!important;box-sizing:border-box!important}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-system-card>.form-control,body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-system-card>select{width:100%!important;max-width:none!important}
@media(max-width:767px){body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-fields{grid-template-columns:minmax(0,1fr)!important}body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-fields>div{grid-column:1/-1!important}body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-option{font-size:18px!important;min-height:85px!important}}
@media(max-width:450px){body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-options{grid-template-columns:minmax(0,1fr)!important}body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-option{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;min-height:65px!important}}

/* v0.5.9 — prominent add-heating-zone action on desktop and mobile */
body .wwq-wrap .wwq-zone-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
body .wwq-wrap .wwq-add-zone{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;min-height:66px!important;padding:16px 24px!important;border:2px solid #1d68a9!important;border-radius:13px!important;background:#e8f3ff!important;color:#164e83!important;font-size:20px!important;line-height:1.3!important;font-weight:800!important;text-align:center!important;white-space:normal!important;box-shadow:0 3px 10px rgba(24,85,139,.13)!important;cursor:pointer!important;transition:background .15s,border-color .15s,transform .15s}
body .wwq-wrap .wwq-add-zone:hover,body .wwq-wrap .wwq-add-zone:focus-visible{background:#d4eaff!important;border-color:#12528b!important;transform:translateY(-1px)}
body .wwq-wrap .wwq-add-zone-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#1d68a9;color:#fff;font-family:Arial,sans-serif;font-size:32px;line-height:1;font-weight:700}
body .wwq-wrap .wwq-add-zone-label{display:block;max-width:100%}
@media(max-width:767px){body .wwq-wrap .wwq-zone-footer{flex-direction:column;align-items:stretch!important;gap:12px}body .wwq-wrap .wwq-add-zone{width:100%!important;min-height:78px!important;padding:15px 18px!important;font-size:21px!important}body .wwq-wrap .wwq-add-zone-icon{flex-basis:48px;width:48px;height:48px;font-size:35px}body .wwq-wrap .wwq-zone-total{font-size:19px!important;text-align:center}}

/* v0.6.0 UK postcode finder */
.wwq-address-finder {padding:16px; border:1px solid #b8d8f3; border-radius:12px; background:#f2f8ff;}
.wwq-postcode-row {display:flex; align-items:stretch; gap:10px; margin:8px 0;}
.wwq-postcode-row .wwq-postcode {min-width:0; flex:1;}
.wwq-find-address {background:#ef8b22!important; border:1px solid #d67814!important; color:#fff!important; font-weight:700; white-space:nowrap; padding:10px 20px;}
.wwq-address-status:not(:empty) {padding:7px 0; font-weight:600; color:#164e83;}
.wwq-address-results {margin:10px 0 15px;}
.wwq-address-results[hidden] {display:none!important;}
@media(max-width:767px) {.wwq-postcode-row {flex-direction:column;} .wwq-find-address {width:100%; min-height:54px; font-size:19px!important;} .wwq-address-finder {padding:14px;} .wwq-address-finder .form-control {width:100%;}}

/* v0.6.1 free UK postcode lookup */
.wwq-address-entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.wwq-address-entry>div{min-width:0}.wwq-address-results .wwq-town{margin-bottom:12px}.wwq-address-found{font-weight:600;color:#164e83;margin:6px 0}.wwq-apply-address{background:#ef8b22!important;color:#fff!important;font-weight:700;padding:12px 20px;margin:8px 0 14px;min-height:48px}@media(max-width:767px){.wwq-address-entry{grid-template-columns:1fr}.wwq-apply-address{width:100%;font-size:19px!important;min-height:54px}}

/* v0.6.2: explanation of mixed heating zones, placed immediately above Add Zone */
body .wwq-wrap .wwq-zone-help{display:flex;align-items:flex-start;gap:14px;padding:17px 20px;margin:18px 0 14px;background:#f0f7ff;border:1px solid #a8c9e8;border-left:5px solid #1d68a9;border-radius:12px;color:#19466e}
body .wwq-wrap .wwq-zone-help-icon{flex:0 0 36px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#d3e9ff;color:#17548a;font:700 25px/1 Arial,sans-serif}
body .wwq-wrap .wwq-zone-help-content{flex:1;min-width:0}
body .wwq-wrap .wwq-zone-help-content>strong{display:block;font-size:19px;line-height:1.35;margin-bottom:8px;color:#164e83}
body .wwq-wrap .wwq-zone-help-content p{font-size:16px;line-height:1.55;margin:0 0 9px;color:#285578}
body .wwq-wrap .wwq-zone-help-content p:last-child{margin-bottom:0}
@media(max-width:767px){body .wwq-wrap .wwq-zone-help{padding:17px 14px;gap:11px}body .wwq-wrap .wwq-zone-help-icon{flex-basis:32px;width:32px;height:32px;font-size:23px}body .wwq-wrap .wwq-zone-help-content>strong{font-size:22px}body .wwq-wrap .wwq-zone-help-content p{font-size:19px;line-height:1.55}}

/* v0.6.3: compact accessible heating-zone help, no narrow flex column */
body .wwq-wrap .wwq-zone-help-tip{position:relative;display:block;max-width:100%;width:fit-content;margin:18px 0 12px;overflow:visible;z-index:3}
body .wwq-wrap .wwq-zone-help-trigger{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 14px;border:1px solid #a8c9e8;border-radius:9px;background:#f0f7ff;color:#164e83;font-size:16px;font-weight:700;line-height:1.35;cursor:pointer;list-style:none;user-select:none}
body .wwq-wrap .wwq-zone-help-trigger::-webkit-details-marker{display:none}
body .wwq-wrap .wwq-zone-help-trigger::marker{content:''}
body .wwq-wrap .wwq-zone-help-trigger:hover,body .wwq-wrap .wwq-zone-help-trigger:focus-visible{background:#dcecff;border-color:#1d68a9}
body .wwq-wrap .wwq-zone-help-icon{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#d3e9ff;color:#17548a;font:700 20px/1 Arial,sans-serif}
body .wwq-wrap .wwq-zone-help-popup{position:absolute;left:0;bottom:calc(100% + 8px);width:min(550px,calc(100vw - 42px));max-width:calc(100vw - 42px);box-sizing:border-box;padding:18px 20px;background:#f0f7ff;border:1px solid #a8c9e8;border-left:5px solid #1d68a9;border-radius:12px;box-shadow:0 8px 24px rgba(18,63,109,.16);color:#19466e;z-index:50;overflow-wrap:break-word;word-break:normal}
body .wwq-wrap .wwq-zone-help-popup strong{display:block;font-size:18px;line-height:1.4;margin-bottom:8px;color:#164e83}
body .wwq-wrap .wwq-zone-help-popup p{font-size:16px;line-height:1.55;margin:0 0 10px;color:#285578}
body .wwq-wrap .wwq-zone-help-popup p:last-child{margin-bottom:0}
body .wwq-wrap .wwq-zone-help-tip:not([open]) .wwq-zone-help-popup{display:none}
@media(hover:hover) and (pointer:fine){body .wwq-wrap .wwq-zone-help-tip:hover .wwq-zone-help-popup,body .wwq-wrap .wwq-zone-help-tip:focus-within .wwq-zone-help-popup{display:block}}
@media(max-width:767px){body .wwq-wrap .wwq-zone-help-tip{width:100%;margin:16px 0 12px}body .wwq-wrap .wwq-zone-help-trigger{font-size:19px;width:100%;box-sizing:border-box}body .wwq-wrap .wwq-zone-help-popup{position:relative;left:auto;bottom:auto;width:100%;max-width:100%;margin-top:8px;box-shadow:none;padding:16px}body .wwq-wrap .wwq-zone-help-popup strong{font-size:20px}body .wwq-wrap .wwq-zone-help-popup p{font-size:18px}}

/* v0.6.4: Purple heating zone help tooltip */
body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-trigger{background:#f4edff;border:2px solid #b99aef;color:#613395;box-shadow:0 2px 8px rgba(97,51,149,.08)}
body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-trigger:hover,body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-trigger:focus-visible,body .wwq-wrap .wwq-zone-help-tip[open] .wwq-zone-help-trigger{background:#e9dcff;border-color:#8653ce;color:#502482}
body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-icon{background:#dfccff;color:#6635a6}
body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-popup{background:#f8f3ff;border:1px solid #c5a9ee;border-left:5px solid #8854c7;color:#543080;box-shadow:0 8px 24px rgba(92,47,142,.16)}
body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-popup strong{color:#582d91}
body .wwq-wrap .wwq-zone-help-tip .wwq-zone-help-popup p{color:#61447e}

/* Guest project submission */
.wwq-guest-intro{background:#fff4e8;border:1px solid #f3c48c;border-radius:12px;padding:18px;margin:14px 0 20px}.wwq-guest-intro h4{margin:0 0 10px;color:#8c4a08}.wwq-guest-contact{display:grid;gap:10px;margin:16px 0 24px}.wwq-guest-contact label{font-weight:700}.wwq-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* v0.6.6: clear, high-contrast guest project introduction */
body .wwq-wrap .wwq-create .wwq-create-hero{padding:20px 22px;background:linear-gradient(110deg,#fff0dc,#fff9f0);border:2px solid #f2b469;border-radius:14px;margin-bottom:24px!important;align-items:center}
body .wwq-wrap .wwq-create .wwq-create-hero .wwq-kicker{font-size:17px!important;letter-spacing:1.4px;color:#9b4c08;font-weight:900}
body .wwq-wrap .wwq-create .wwq-create-hero h3{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.18!important;color:#723700!important;margin:9px 0 13px!important}
body .wwq-wrap .wwq-create .wwq-create-hero p{font-size:clamp(19px,1.55vw,24px)!important;line-height:1.5!important;color:#5c432c!important;max-width:900px}
body .wwq-wrap .wwq-create .wwq-create-hero .wwq-spec-tag{font-size:17px!important;line-height:1.3!important;background:#f7cf98!important;border:1px solid #eaa657;color:#773d0b;padding:12px 17px;border-radius:12px;white-space:normal}
body .wwq-wrap .wwq-create .wwq-guest-intro{background:linear-gradient(130deg,#edf5ff,#f5f0ff)!important;border:2px solid #a9bff2!important;border-left:7px solid #356cb4!important;border-radius:16px!important;padding:25px 28px!important;margin:20px 0 30px!important;box-shadow:0 7px 22px rgba(45,85,150,.09)}
body .wwq-wrap .wwq-create .wwq-guest-intro-heading{display:flex;align-items:center;gap:15px;margin-bottom:14px}
body .wwq-wrap .wwq-create .wwq-guest-intro-icon{display:flex;flex:0 0 55px;align-items:center;justify-content:center;width:55px;height:55px;background:#d7e7ff;color:#1c549d;border-radius:13px;font-size:30px;font-weight:bold}
body .wwq-wrap .wwq-create .wwq-guest-intro h4{font-size:clamp(25px,2.1vw,33px)!important;line-height:1.25!important;color:#173f79!important;font-weight:800!important;margin:0!important}
body .wwq-wrap .wwq-create .wwq-guest-description{font-size:clamp(19px,1.45vw,23px)!important;line-height:1.55!important;color:#294b73!important;margin:0 0 22px!important;max-width:1100px}
body .wwq-wrap .wwq-create .wwq-guest-auth{padding-top:18px;border-top:1px solid #b6c9e8;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body .wwq-wrap .wwq-create .wwq-guest-auth>strong{font-size:clamp(18px,1.3vw,21px)!important;color:#233e62}
body .wwq-wrap .wwq-create .wwq-guest-auth-actions{display:flex;flex-wrap:wrap;gap:12px}
body .wwq-wrap .wwq-create .wwq-guest-auth-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:53px;padding:12px 22px;border-radius:10px;font-size:clamp(18px,1.3vw,21px)!important;line-height:1.2;font-weight:800!important;text-decoration:none!important;box-shadow:0 3px 8px rgba(0,0,0,.08);transition:filter .15s,transform .15s}
body .wwq-wrap .wwq-create .wwq-guest-auth-btn:hover{filter:brightness(.93);transform:translateY(-1px)}
body .wwq-wrap .wwq-create .wwq-guest-signin{background:#245da6!important;color:#fff!important;border:2px solid #245da6!important}
body .wwq-wrap .wwq-create .wwq-guest-register{background:#e47b14!important;color:#fff!important;border:2px solid #d76d08!important}
@media(max-width:767px){body .wwq-wrap .wwq-create .wwq-create-hero{padding:17px 15px!important}body .wwq-wrap .wwq-create .wwq-create-hero .wwq-kicker{font-size:16px!important}body .wwq-wrap .wwq-create .wwq-create-hero h3{font-size:34px!important}body .wwq-wrap .wwq-create .wwq-create-hero p{font-size:21px!important}body .wwq-wrap .wwq-create .wwq-create-hero .wwq-spec-tag{font-size:17px!important}body .wwq-wrap .wwq-create .wwq-guest-intro{padding:20px 16px!important}body .wwq-wrap .wwq-create .wwq-guest-intro h4{font-size:27px!important}body .wwq-wrap .wwq-create .wwq-guest-description{font-size:20px!important}body .wwq-wrap .wwq-create .wwq-guest-auth{display:block}body .wwq-wrap .wwq-create .wwq-guest-auth-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:13px}body .wwq-wrap .wwq-create .wwq-guest-auth-btn{width:100%;font-size:21px!important;min-height:60px}}

/* v0.6.7: Project contact belongs to Project Information, not heating source. */
body .wwq-wrap .wwq-project-phone-field{margin-top:18px;max-width:700px;}
body .wwq-wrap .wwq-project-phone-field label{display:block;margin-bottom:8px;font-weight:700;}
body .wwq-wrap .wwq-project-phone-field input{width:100%;max-width:100%;min-height:48px;}
body .wwq-wrap .wwq-project-contact-info{padding:18px;margin:0 0 22px;background:#fff5e9;border:1.5px solid #f2c58e;border-radius:12px;}
@media(max-width:680px){body .wwq-wrap .wwq-project-phone-field{max-width:100%;}body .wwq-wrap .wwq-project-contact-info{padding:15px;}}

/* v0.6.8: account and installer benefits in guest project introduction */
body .wwq-wrap .wwq-create .wwq-account-benefits{background:#fff;border:1px solid #cbd9ee;border-radius:12px;padding:18px 20px;margin:0 0 22px;color:#294b73}
body .wwq-wrap .wwq-create .wwq-account-benefits h5{font-size:clamp(21px,1.6vw,25px)!important;line-height:1.3;color:#173f79;font-weight:800;margin:0 0 10px}
body .wwq-wrap .wwq-create .wwq-account-benefits p{font-size:clamp(18px,1.3vw,21px)!important;line-height:1.55;margin:0 0 12px}
body .wwq-wrap .wwq-create .wwq-account-benefits p:last-child{margin-bottom:0}
body .wwq-wrap .wwq-create .wwq-installer-benefit{background:#fff5e9;border-left:4px solid #e47b14;border-radius:5px;padding:12px 14px;color:#6f430f}
@media(max-width:767px){body .wwq-wrap .wwq-create .wwq-account-benefits{padding:15px}body .wwq-wrap .wwq-create .wwq-account-benefits h5{font-size:23px!important}body .wwq-wrap .wwq-create .wwq-account-benefits p{font-size:19px!important}}

/* v0.6.12: thermostat count controls matching the floor area stepper */
.wwq-wrap .wwq-thermostat-stepper .wwq-thermostat-count{flex:1 1 0;min-width:0;width:100%;min-height:48px;margin:0;text-align:center;-moz-appearance:textfield;appearance:textfield}
.wwq-wrap .wwq-thermostat-stepper .wwq-thermostat-count::-webkit-inner-spin-button,.wwq-wrap .wwq-thermostat-stepper .wwq-thermostat-count::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}


/* v0.6.13 – distinct, more legible project tiles */
body .wwq-wrap .wwq-project-grid{gap:18px!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card{border:2px solid #8cb9e8!important;background:#f0f7ff!important;border-radius:18px!important;padding:22px!important;box-shadow:0 5px 16px rgba(34,88,150,.08)!important;align-items:flex-start!important;min-width:0}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n+2){border-color:#e8b67a!important;background:#fff5e8!important;box-shadow:0 5px 16px rgba(161,96,28,.08)!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n+3){border-color:#94d3b0!important;background:#effaf3!important;box-shadow:0 5px 16px rgba(30,117,72,.08)!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n){border-color:#c3afea!important;background:#f7f2ff!important;box-shadow:0 5px 16px rgba(96,60,151,.08)!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:hover,body .wwq-wrap .wwq-project-grid>.wwq-project-card:focus-visible{transform:translateY(-3px);filter:saturate(1.1);box-shadow:0 10px 24px rgba(32,58,91,.16)!important}
body .wwq-wrap .wwq-project-grid .wwq-project-icon{width:56px!important;height:56px!important;flex:0 0 56px!important;font-size:29px!important;background:#d8eaff!important;color:#235d9b!important;border:1px solid #a9cbed!important;border-radius:14px!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n+2) .wwq-project-icon{background:#ffe2bd!important;border-color:#edbd81!important;color:#a75b10!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n+3) .wwq-project-icon{background:#d5f1df!important;border-color:#9bd5af!important;color:#247347!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n) .wwq-project-icon{background:#e8dcff!important;border-color:#c6b0eb!important;color:#6c45a6!important}
body .wwq-wrap .wwq-project-grid .wwq-card-content{flex:1;gap:10px!important;min-width:0}
body .wwq-wrap .wwq-project-grid .wwq-card-content small{font-size:13px!important;font-weight:700!important;color:#53657e!important;letter-spacing:.02em!important}
body .wwq-wrap .wwq-project-grid .wwq-card-content strong{display:block!important;font-size:clamp(21px,2vw,26px)!important;line-height:1.28!important;font-weight:800!important;color:#183a62!important;overflow-wrap:anywhere}
body .wwq-wrap .wwq-project-grid .wwq-card-open{font-size:16px!important;font-weight:800!important;color:#155ca4!important;margin-top:5px!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n+2) .wwq-card-open{color:#a65208!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n+3) .wwq-card-open{color:#207449!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card:nth-child(4n) .wwq-card-open{color:#7143aa!important}
@media(max-width:600px){body .wwq-wrap .wwq-project-grid>.wwq-project-card{padding:17px!important;gap:12px!important}body .wwq-wrap .wwq-project-grid .wwq-project-icon{width:46px!important;height:46px!important;flex-basis:46px!important;font-size:24px!important}body .wwq-wrap .wwq-project-grid .wwq-card-content strong{font-size:21px!important}}

/* v0.6.15 — quote quantity stepper, desktop and mobile */
.wwq-qty-controls{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.wwq-qty-controls .wwq-edit-qty{width:66px!important;min-width:58px;max-width:80px;text-align:center;margin:0!important;appearance:textfield;-moz-appearance:textfield}
.wwq-qty-controls .wwq-edit-qty::-webkit-inner-spin-button,.wwq-qty-controls .wwq-edit-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.wwq-qty-step{display:inline-flex;align-items:center;justify-content:center;width:34px;height:38px;min-width:34px;padding:0;border:1px solid #9cb9e2;border-radius:8px;background:#eaf3ff;color:#174b91;font-size:23px;font-weight:700;line-height:1;cursor:pointer}
.wwq-qty-step:not(:disabled):hover{background:#d3e6ff;border-color:#3973b9}
.wwq-qty-step:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.wwq-qty-controls{gap:3px}.wwq-qty-controls .wwq-edit-qty{width:55px!important;min-width:50px}.wwq-qty-step{width:30px;min-width:30px;height:36px}}

/* v0.6.16 — stacked quantity +/- controls on the RIGHT of the input */
.wwq-qty-controls{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;vertical-align:middle!important}
.wwq-qty-controls .wwq-edit-qty{flex:0 0 72px!important;width:72px!important;min-width:60px!important;max-width:72px!important;margin:0!important;box-sizing:border-box!important}
.wwq-qty-controls .wwq-qty-buttons{display:inline-flex!important;flex-direction:column!important;gap:3px!important;flex-shrink:0!important;align-items:center!important}
.wwq-qty-controls .wwq-qty-step{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;float:none!important;width:30px!important;min-width:30px!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0!important;border-radius:6px!important;font-size:17px!important;line-height:1!important}
@media(max-width:600px){.wwq-qty-controls .wwq-edit-qty{width:58px!important;min-width:52px!important;max-width:58px!important;flex-basis:58px!important}.wwq-qty-controls .wwq-qty-step{width:28px!important;min-width:28px!important}}

/* v0.6.21: prominent, interactive project submission control */
body .wwq-wrap .wwq-create-form > .wwq-submit-project-button:not(:disabled){cursor:pointer!important;pointer-events:auto!important;transition:background .15s ease,transform .15s ease,box-shadow .15s ease!important;box-shadow:0 4px 14px rgba(198,92,4,.22)!important}
body .wwq-wrap .wwq-create-form > .wwq-submit-project-button:not(:disabled):hover{background:#d66b09!important;border-color:#d66b09!important;transform:translateY(-2px);box-shadow:0 7px 19px rgba(198,92,4,.3)!important}
body .wwq-wrap .wwq-create-form > .wwq-submit-project-button:focus-visible{outline:3px solid #2563eb!important;outline-offset:3px}
body .wwq-wrap .wwq-create-form > .wwq-submit-project-button:disabled{opacity:.55;cursor:not-allowed}
body .wwq-wrap .wwq-submit-progress{padding:12px 16px;background:#eaf4ff;color:#163f7b;border:1px solid #92baf2;border-radius:8px;font-weight:700}

/* v0.6.23: clearly distinguish customer and designer comments on desktop and mobile */
body .wwq-wrap .wwq-comment-thread .wwq-comment.wwq-comment-customer {
 background:#eaf4ff!important;border:2px solid #4b9be8!important;border-left:6px solid #2277cc!important;
 box-shadow:0 3px 12px rgba(27,91,156,.09)!important;color:#183650!important;
}
body .wwq-wrap .wwq-comment-thread .wwq-comment.wwq-comment-designer {
 background:#fff0dc!important;border:2px solid #f1a64a!important;border-left:6px solid #e47c16!important;
 box-shadow:0 3px 12px rgba(163,91,24,.09)!important;color:#503014!important;
}
body .wwq-wrap .wwq-comment-thread .wwq-comment-customer .wwq-role {
 background:#cfe6ff!important;color:#154f8b!important;border:1px solid #80b7ed!important;
 padding:4px 10px!important;border-radius:999px!important;font-weight:800!important;text-transform:uppercase;
}
body .wwq-wrap .wwq-comment-thread .wwq-comment-designer .wwq-role {
 background:#ffdcad!important;color:#8d4609!important;border:1px solid #e9a45d!important;
 padding:4px 10px!important;border-radius:999px!important;font-weight:800!important;text-transform:uppercase;
}
body .wwq-wrap .wwq-comment-thread .wwq-comment-by strong{font-size:16px!important}
@media(max-width:600px){body .wwq-wrap .wwq-comment-thread .wwq-comment{padding:14px!important}}

/* v0.6.46 — Project detail editor: keep additional zones full-width.
   The previous five-column floor grid squeezed nested zone cards into one track. */
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
  min-width:0!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > .wwq-floor-label,
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > .wwq-extra-zones,
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > .wwq-zone-footer{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > .wwq-floor-system-card,
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > .wwq-overlay-panel-field{
  grid-column:1/-1!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-floor-row > div,
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zones,
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone,
body .wwq-wrap .wwq-project-spec-form .wwq-zone-fields{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zones{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone{width:100%!important;margin:0!important;}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:14px!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-system-card,
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-overlay{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-system-options{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-system-option,
body .wwq-wrap .wwq-project-spec-form .wwq-overlay-option{
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  height:auto!important;
  min-width:0!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-option{
  min-height:86px!important;
  font-size:15px!important;
}
body .wwq-wrap .wwq-project-spec-form .wwq-zone-fields input,
body .wwq-wrap .wwq-project-spec-form .wwq-zone-fields select{min-width:0!important;max-width:100%!important;}
@media(max-width:767px){
  body .wwq-wrap .wwq-project-spec-form .wwq-floor-row,
  body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-zone-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .wwq-wrap .wwq-project-spec-form .wwq-system-options{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .wwq-wrap .wwq-project-spec-form .wwq-system-option,
  body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-system-option{
    min-height:58px!important;
    flex-direction:row!important;
    text-align:left!important;
    justify-content:flex-start!important;
    padding:10px 14px!important;
  }
  body .wwq-wrap .wwq-project-spec-form .wwq-extra-zone .wwq-overlay-options{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* v0.6.56 — collapsible project sections */
.wwq-wrap details.wwq-fold{padding:0!important;margin:16px 0;border:1px solid #dbe5ef;border-radius:14px;overflow:hidden;background:#fff}
.wwq-wrap details.wwq-fold>summary.wwq-fold-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;color:#173a68;user-select:none}
.wwq-wrap details.wwq-fold>summary::-webkit-details-marker{display:none}
.wwq-wrap .wwq-fold-summary>span:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.wwq-wrap .wwq-fold-summary strong{font-size:20px;line-height:1.3}
.wwq-wrap .wwq-fold-summary small{font-size:12px;color:#657e9b;font-weight:500}
.wwq-wrap .wwq-fold-chevron{font-size:26px;color:#e87819;transition:transform .15s ease}
.wwq-wrap details.wwq-fold[open]>.wwq-fold-summary .wwq-fold-chevron{transform:rotate(180deg)}
.wwq-wrap details.wwq-fold[open]>.wwq-fold-summary{border-bottom:1px solid #e4ebf4;background:#f8fbff}
.wwq-wrap .wwq-fold-body{padding:20px 24px}
.wwq-wrap .wwq-fold-summary:focus-visible{outline:3px solid #f28a28;outline-offset:-4px}
@media(max-width:600px){.wwq-wrap details.wwq-fold>summary.wwq-fold-summary{padding:15px}.wwq-wrap .wwq-fold-body{padding:14px}.wwq-wrap .wwq-fold-summary strong{font-size:17px}}

/* v0.6.57 — prominent navigation, project title and colour-coded quote history */
.wwq-wrap .wwq-project-nav{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 20px}
.wwq-wrap .wwq-project-nav .wwq-back-projects{margin:0!important;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 21px!important;border:3px solid #d47b21!important;border-radius:12px;background:#fff5e9;color:#874308!important;font-size:17px!important;font-weight:800;box-shadow:0 3px 9px rgba(77,56,35,.09)}
.wwq-wrap .wwq-project-nav .wwq-back-store{background:#2364ad;color:#fff!important;border-color:#2364ad!important}
.wwq-wrap .wwq-project-nav .wwq-back-projects:hover{background:#e87c1c!important;color:#fff!important;border-color:#b85a0a!important}
.wwq-wrap .wwq-project-head{border:3px solid #3469ad!important;border-left:7px solid #3469ad!important;background:#f5f9ff!important;padding:26px 29px!important;box-shadow:0 6px 20px rgba(37,82,137,.09)!important}
.wwq-wrap .wwq-project-head h2{font-size:clamp(28px,3.4vw,43px)!important;line-height:1.2!important;color:#123c72!important;font-weight:850!important;margin:10px 0!important;overflow-wrap:anywhere}
.wwq-wrap .wwq-project-head .wwq-kicker{font-size:13px!important;color:#345b8e!important}
.wwq-wrap .wwq-panel{border-width:3px!important;border-color:#cad9eb!important}
.wwq-wrap details.wwq-fold{border:3px solid #b9cce4!important;border-radius:15px!important}
.wwq-wrap .wwq-quote-fold.wwq-quote-colour-1{border-color:#326db6!important;background:#f7faff}
.wwq-wrap .wwq-quote-fold.wwq-quote-colour-2{border-color:#dc7a27!important;background:#fffaf4}
.wwq-wrap .wwq-quote-fold.wwq-quote-colour-3{border-color:#268778!important;background:#f5fcf9}
.wwq-wrap .wwq-quote-fold.wwq-quote-colour-4{border-color:#865cba!important;background:#faf7ff}
.wwq-wrap .wwq-quote-fold.wwq-quote-colour-5{border-color:#bb5677!important;background:#fff8fa}
.wwq-wrap .wwq-quote-colour-1 .wwq-version{background:#dceaff;color:#174e92}
.wwq-wrap .wwq-quote-colour-2 .wwq-version{background:#ffe8d0;color:#96500d}
.wwq-wrap .wwq-quote-colour-3 .wwq-version{background:#d8f4e9;color:#146d5b}
.wwq-wrap .wwq-quote-colour-4 .wwq-version{background:#ece0ff;color:#653b9c}
.wwq-wrap .wwq-quote-colour-5 .wwq-version{background:#ffe1eb;color:#973956}
.wwq-wrap .wwq-quote-fold[open]>.wwq-fold-summary{background:transparent!important;border-bottom-width:2px!important}
.wwq-wrap .wwq-quote-fold>.wwq-fold-body{background:#fff}
@media(max-width:650px){.wwq-wrap .wwq-project-nav .wwq-back-projects{flex:1 1 100%;min-width:0}.wwq-wrap .wwq-project-head{padding:20px 16px!important}}

/* v0.6.59 — WarmWave project dashboard refresh; scoped to project detail pages. */
.wwq-wrap .wwq-dashboard-head{position:relative;overflow:hidden;align-items:flex-start!important;min-height:190px;border:2px solid #f4b68d!important;border-left:5px solid #ef7414!important;background:linear-gradient(100deg,#fff 0%,#fffaf5 64%,#f3f7fc 100%)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(32,58,96,.08)!important}
.wwq-wrap .wwq-dashboard-head-content{position:relative;z-index:1;min-width:0}
.wwq-wrap .wwq-dashboard-head h2{font-family:Arial,sans-serif!important;font-size:clamp(27px,3.1vw,41px)!important;letter-spacing:-.025em;color:#122c52!important;max-width:950px}
.wwq-wrap .wwq-dashboard-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:16px;padding:10px 23px;background:#ef6b0b;color:white!important;border:2px solid #e3660c;border-radius:10px;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 5px 12px rgba(210,88,12,.15)}
.wwq-wrap .wwq-dashboard-edit-button:hover,.wwq-wrap .wwq-dashboard-edit-button:focus{background:#c95200;color:white!important;text-decoration:none}
.wwq-wrap .wwq-dashboard-metrics{display:grid;grid-template-columns:minmax(190px,1.8fr) repeat(4,minmax(90px,1fr));align-items:center;gap:0;background:#fff;border:2px solid #d8e1ec;border-radius:17px;padding:18px 20px;margin:0 0 23px;box-shadow:0 6px 20px rgba(29,59,94,.055)}
.wwq-wrap .wwq-metric-intro{display:flex;align-items:center;gap:12px;min-width:0}.wwq-wrap .wwq-metric-intro strong{display:block;color:#142f54;font:800 19px Arial,sans-serif}.wwq-wrap .wwq-metric-intro small,.wwq-wrap .wwq-metric small{display:block;color:#657994;font-size:12px;margin-top:5px}
.wwq-wrap .wwq-metric-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#fff0e4;color:#e66a0d;font-size:28px}
.wwq-wrap .wwq-metric{padding:7px 14px;border-left:1px solid #d7e1ee;min-width:0;text-align:center}.wwq-wrap .wwq-metric strong{display:block;color:#142e51;font:800 21px Arial,sans-serif;white-space:nowrap}
.wwq-wrap details.wwq-dashboard-editor{border:3px solid #f18b3d!important;border-left-width:6px!important;border-radius:18px!important;box-shadow:0 8px 25px rgba(24,61,97,.07)}
.wwq-wrap .wwq-dashboard-editor>.wwq-fold-summary{padding:23px 26px!important}.wwq-wrap .wwq-dashboard-editor .wwq-fold-summary strong{font:800 24px Arial,sans-serif}.wwq-wrap .wwq-dashboard-editor .wwq-fold-summary small:last-child{max-width:780px;line-height:1.5}
.wwq-wrap .wwq-dashboard-section-title{font:800 clamp(23px,2.6vw,29px) Arial,sans-serif!important;color:#152e54!important;margin:29px 0 12px!important}
.wwq-wrap .wwq-history-title{margin-top:32px!important}.wwq-wrap .wwq-history-description{margin-top:0}
.wwq-wrap details.wwq-quote-fold{box-shadow:0 7px 20px rgba(20,56,96,.045)!important;border-radius:17px!important}
.wwq-wrap .wwq-quote-fold>.wwq-fold-summary{display:flex!important;gap:14px;flex-wrap:wrap}
.wwq-wrap .wwq-quote-fold .wwq-quote-quick-total{display:flex;flex-direction:column;gap:3px;margin-left:auto;padding:9px 14px;border-radius:11px;background:rgba(48,109,182,.08);white-space:nowrap;text-align:center}
.wwq-wrap .wwq-quote-fold .wwq-quote-quick-total strong{font:800 18px Arial,sans-serif;color:#16355e}.wwq-wrap .wwq-quote-fold .wwq-quote-quick-total small{font-size:11px;color:#596e89}
.wwq-wrap .wwq-quote-fold.wwq-quote-colour-2 .wwq-quote-quick-total{background:#fff0e1}.wwq-wrap .wwq-quote-fold.wwq-quote-colour-3 .wwq-quote-quick-total{background:#e5f8ed}
.wwq-wrap .wwq-quote-fold .wwq-fold-chevron{margin-left:5px;align-self:center}
@media(max-width:960px){.wwq-wrap .wwq-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.wwq-wrap .wwq-metric-intro{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #e4ebf3}.wwq-wrap .wwq-metric:first-of-type{border-left:0}}
@media(max-width:600px){.wwq-wrap .wwq-dashboard-head{min-height:0}.wwq-wrap .wwq-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 10px}.wwq-wrap .wwq-metric:nth-child(2n){border-left:0}.wwq-wrap .wwq-metric strong{font-size:18px}.wwq-wrap .wwq-dashboard-editor>.wwq-fold-summary{padding:17px!important}.wwq-wrap .wwq-quote-fold .wwq-quote-quick-total{margin-left:0}.wwq-wrap .wwq-quote-fold .wwq-fold-summary>span:first-child{flex:1 1 100%}.wwq-wrap .wwq-dashboard-edit-button{width:100%}}

/* v0.6.60 — approved dashboard visual treatment. Decorative heating illustration uses CSS only. */
.wwq-wrap .wwq-dashboard-head{min-height:225px!important;border:3px solid #ef7c1d!important;border-left-width:5px!important;background:linear-gradient(105deg,#fff 0%,#fffaf6 57%,#f0f5fa 100%)!important;padding:30px 34px!important}
.wwq-wrap .wwq-dashboard-head-content{max-width:68%}
.wwq-wrap .wwq-dashboard-head .wwq-kicker{font:800 13px Arial,sans-serif!important;letter-spacing:.1em}
.wwq-wrap .wwq-dashboard-head .wwq-status{position:relative;z-index:2;border-radius:30px;padding:9px 18px;background:#fff0df;color:#b45100;font-weight:800}
.wwq-wrap .wwq-dashboard-art{position:absolute;right:0;bottom:0;top:0;width:34%;pointer-events:none;overflow:hidden;background:linear-gradient(120deg,transparent,#e9eff5 65%)}
.wwq-wrap .wwq-art-room{position:absolute;right:-7%;bottom:-65%;width:105%;height:155%;border:2px solid #d5dfe8;transform:rotate(-24deg) skew(8deg);border-radius:30px;background:repeating-linear-gradient(90deg,transparent 0 32px,#d9e1e9 33px 35px,transparent 36px 68px)}
.wwq-wrap .wwq-art-pipe{position:absolute;inset:19%;border:7px solid #f4781d;border-radius:70px;box-shadow:0 0 0 12px rgba(244,120,29,.08),inset 0 0 0 13px #eef3f8,inset 0 0 0 20px #f4781d}
.wwq-wrap .wwq-dashboard-metrics{border-width:2px!important;border-radius:20px!important;box-shadow:0 10px 26px rgba(23,56,93,.08)}
.wwq-wrap .wwq-dashboard-editor{background:#fffaf6!important}
.wwq-wrap .wwq-dashboard-editor>.wwq-fold-summary{background:linear-gradient(90deg,#fff8f2,#fff)!important}
.wwq-wrap .wwq-dashboard-editor>.wwq-fold-summary strong{color:#132e54!important}
.wwq-wrap .wwq-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:16px;border:1px solid #f6cba8;border-radius:14px;background:#fff5eb}
.wwq-wrap .wwq-editor-intro strong{font:800 19px Arial,sans-serif;color:#18365c}
.wwq-wrap .wwq-editor-intro p{margin:6px 0 0;color:#526b88}
.wwq-wrap .wwq-editor-step{white-space:nowrap;font:800 12px Arial,sans-serif;color:#b8570a;background:#ffe2ca;border-radius:30px;padding:9px 13px}
.wwq-wrap .wwq-quote-fold.wwq-latest-quote{border-color:#3675cc!important;background:#f4f8ff!important}
.wwq-wrap .wwq-quote-fold>.wwq-fold-summary{min-height:96px}
.wwq-wrap .wwq-quote-fold .wwq-quote-quick-total{border:1px solid rgba(37,85,150,.12)}
.wwq-wrap .wwq-dashboard-section-title:before{content:'★';display:inline-grid;place-items:center;margin-right:12px;width:38px;height:38px;border-radius:12px;background:#fff0e4;color:#ec6d10;font-size:23px;vertical-align:middle}
.wwq-wrap .wwq-history-title:before{content:'◷'}
@media(max-width:760px){.wwq-wrap .wwq-dashboard-head{padding:22px 18px!important}.wwq-wrap .wwq-dashboard-head-content{max-width:100%}.wwq-wrap .wwq-dashboard-art{opacity:.14;width:70%}.wwq-wrap .wwq-editor-intro{align-items:flex-start;flex-direction:column}.wwq-wrap .wwq-dashboard-head .wwq-status{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.wwq-wrap .wwq-fold-chevron{transition:none}}

/* v0.6.61 — strong red latest quote; understated blue historical quotes. */
.wwq-wrap details.wwq-quote-fold.wwq-latest-quote{
  border:3px solid #c93e43!important;
  background:#fff2f2!important;
  box-shadow:0 8px 24px rgba(169,45,55,.12)!important;
}
.wwq-wrap details.wwq-quote-fold.wwq-latest-quote>.wwq-fold-summary{
  background:#fff2f2!important;
}
.wwq-wrap .wwq-latest-quote .wwq-version{
  background:#fbd6d8!important;color:#a52b34!important;
}
.wwq-wrap .wwq-latest-quote .wwq-quote-quick-total{
  background:#f9dfe1!important;border:1px solid #e8a7ac!important;
}
.wwq-wrap .wwq-latest-quote .wwq-quote-quick-total strong{color:#a52b34!important}
.wwq-wrap details.wwq-quote-fold:not(.wwq-latest-quote){
  border:2px solid #b9d1ed!important;
  background:#f6f9fe!important;
  box-shadow:0 5px 14px rgba(42,89,145,.045)!important;
}
.wwq-wrap details.wwq-quote-fold:not(.wwq-latest-quote)>.wwq-fold-summary{
  background:#f6f9fe!important;
}
.wwq-wrap .wwq-quote-fold:not(.wwq-latest-quote) .wwq-version{
  background:#e2edfb!important;color:#3c679e!important;
}
.wwq-wrap .wwq-quote-fold:not(.wwq-latest-quote) .wwq-quote-quick-total{
  background:#edf4fd!important;border:1px solid #d5e4f6!important;
}
.wwq-wrap .wwq-quote-fold:not(.wwq-latest-quote) .wwq-quote-quick-total strong{color:#315b8f!important}

/* v0.6.63 project directory */
body .wwq-wrap .wwq-project-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:18px!important;align-items:stretch!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card{width:100%!important;min-height:175px!important;margin:0!important;box-sizing:border-box!important}
body .wwq-wrap .wwq-project-grid>.wwq-project-card[hidden]{display:none!important}
body .wwq-wrap .wwq-project-grid .wwq-card-content strong{font-size:clamp(18px,2vw,23px)!important;overflow-wrap:anywhere!important}
body .wwq-wrap .wwq-project-tools{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 24px}
body .wwq-wrap .wwq-project-tools label{flex:1 1 230px;font-weight:700;color:#183b66;font-size:14px}
body .wwq-wrap .wwq-project-tools input,body .wwq-wrap .wwq-project-tools select{display:block;width:100%;margin-top:7px;min-height:44px;border:1.5px solid #b9cde4;border-radius:9px;background:white;padding:9px 12px;color:#17365d}
body .wwq-wrap #wwq-project-empty{padding:16px;color:#65758a}

/* v0.6.66: quote actions – basket first, edit second, delete last */
.wwq-quote-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 6px}
.wwq-quote-actions form,.wwq-quote-edit-actions{margin:0!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wwq-quote-actions .wwq-quote-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border-radius:9px;font-size:14px;font-weight:800;line-height:1.3;box-shadow:0 3px 9px rgba(22,51,88,.12);transition:background .15s,border-color .15s,transform .15s}
.wwq-quote-actions .wwq-quote-action:hover{transform:translateY(-1px)}
.wwq-quote-actions .wwq-quote-basket{background:#e9670a;color:#fff;border:2px solid #c95100}
.wwq-quote-actions .wwq-quote-basket:hover{background:#c95100;color:#fff}
.wwq-quote-actions .wwq-quote-edit{background:#3568b4;color:#fff;border:2px solid #285492}
.wwq-quote-actions .wwq-quote-edit:hover{background:#285492;color:#fff}
.wwq-quote-actions .wwq-quote-delete{background:#fff5f5;color:#b42330;border:2px solid #d44b55}
.wwq-quote-actions .wwq-quote-delete:hover{background:#b42330;color:#fff}
.wwq-quote-actions .wwq-quote-cancel{border:2px solid #bac9dc;color:#35516f;background:#fff}
.wwq-quote-actions .wwq-action-icon{font-size:19px;font-weight:900;line-height:1}
.wwq-quote-actions .wwq-quote-edit-actions [hidden]{display:none!important}
@media(max-width:600px){.wwq-quote-actions{flex-direction:column;align-items:stretch}.wwq-quote-actions form,.wwq-quote-edit-actions{width:100%}.wwq-quote-actions .wwq-quote-action{width:100%}}

.wwq-quote-actions [hidden]{display:none!important}

/* v0.6.67 — visible Warehouse header shortcut for Quotes & Projects */
.wwq-header-projects-shortcut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex: 0 0 auto;
  padding: 0 9px;
  min-width: 80px;
  text-align: center;
}
.wwq-header-projects-shortcut .wwq-header-projects-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  padding: 5px 2px;
}
.wwq-header-projects-shortcut .wwq-header-projects-link i {
  color: #fff !important;
  font-size: 23px;
  line-height: 1.1;
}
.wwq-header-projects-shortcut .wwq-header-projects-link:hover,
.wwq-header-projects-shortcut .wwq-header-projects-link:focus {
  color: #ffe0c5 !important;
}
.wwq-header-projects-shortcut .wwq-header-projects-link:hover i,
.wwq-header-projects-shortcut .wwq-header-projects-link:focus i {
  color: #ffe0c5 !important;
}
@media (max-width: 575px) {
  .wwq-header-projects-shortcut { min-width: 58px; padding: 0 3px; }
  .wwq-header-projects-shortcut .wwq-header-projects-link { font-size: 11px; }
  .wwq-header-projects-shortcut .wwq-header-projects-link i { font-size: 21px; }
}

/* v0.6.68 — Warehouse sidebar/header shortcut, independent SVG icon */
#header .wwq-header-projects-shortcut,
.header-container .wwq-header-projects-shortcut {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  padding: 3px 7px;
  box-sizing: border-box;
}
#header .wwq-header-projects-link,
.header-container .wwq-header-projects-link {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  font: 600 13px/1.2 Arial, sans-serif;
  white-space: nowrap;
}
#header .wwq-header-projects-link svg,
.header-container .wwq-header-projects-link svg { display:block; width:25px; height:25px; stroke:#fff; }
#header .wwq-header-projects-link:hover,
.header-container .wwq-header-projects-link:hover { color:#ffe0c5 !important; }
@media(max-width:767px) {
  #header .wwq-header-projects-shortcut,
  .header-container .wwq-header-projects-shortcut { min-width:65px; padding:3px; }
  #header .wwq-header-projects-link,
  .header-container .wwq-header-projects-link { font-size:11px; }
}

/* v0.6.69: Warehouse mobile header has a WHITE background.  The desktop
   shortcut used white SVG/text, making it invisible but still clickable. */
@media (max-width: 767px) {
  #header .wwq-header-projects-shortcut,
  .header-container .wwq-header-projects-shortcut {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 75px;
    min-height: 85px;
    padding: 8px 5px !important;
    background: #fff !important;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
    z-index: 3;
  }
  #header .wwq-header-projects-shortcut .wwq-header-projects-link,
  .header-container .wwq-header-projects-shortcut .wwq-header-projects-link {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 500;
    white-space: normal;
    text-align: center;
    gap: 8px;
  }
  #header .wwq-header-projects-shortcut .wwq-header-projects-link svg,
  .header-container .wwq-header-projects-shortcut .wwq-header-projects-link svg {
    display: block !important;
    visibility: visible !important;
    stroke: #555 !important;
    color: #555 !important;
    width: 28px !important;
    height: 28px !important;
  }
  #header .wwq-header-projects-shortcut .wwq-header-projects-link:hover,
  .header-container .wwq-header-projects-shortcut .wwq-header-projects-link:hover {
    color: #ed6b0b !important;
  }
}

/* v0.6.77 – strong visual hierarchy for project submission steps */
body .wwq-wrap .wwq-create-form .wwq-create-identity.wwq-step-project-details {
  border:3px solid #d75b08!important;background:#fff0e2!important;border-radius:14px!important;
  box-shadow:0 2px 10px rgba(177,70,5,.09);padding:20px!important;margin:16px 0!important;
}
body .wwq-wrap .wwq-create-form .wwq-step-project-details .wwq-spec-subtitle {
  display:flex;align-items:center;gap:12px;border-bottom:2px solid #ef7014;padding-bottom:12px;
  color:#102743;font-size:clamp(19px,2vw,25px);font-weight:800;
}
body .wwq-wrap .wwq-create-form .wwq-form-step-number {
  display:inline-flex;flex:none;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:#e9680b;color:#fff;font:800 20px/1 Arial,sans-serif;
  box-shadow:0 2px 5px rgba(124,55,7,.2);
}
body .wwq-wrap .wwq-create-form .wwq-design-request-final {
  margin:18px 0 14px!important;padding:20px!important;border:3px solid #d75b08!important;
  border-radius:14px!important;background:#fff0e2!important;box-shadow:0 2px 10px rgba(177,70,5,.09);
}
body .wwq-wrap .wwq-create-form .wwq-design-request-heading {
  display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#102743;
  font-size:clamp(18px,2vw,24px);font-weight:800;
}
body .wwq-wrap .wwq-create-form .wwq-create-attachments:not(.wwq-designer-message) {
  border:3px solid #1673c7!important;background:#eaf4ff!important;border-radius:14px!important;
  box-shadow:0 2px 9px rgba(18,89,162,.07);
}
body .wwq-wrap .wwq-create-form .wwq-designer-message {
  border:3px solid #d75b08!important;background:#fff0e2!important;border-radius:14px!important;
}
body .wwq-wrap .wwq-create-form .wwq-create-attachments .wwq-spec-subtitle {
  border-bottom:2px solid #1673c7;padding-bottom:10px;color:#102743;font-weight:800;
}
@media(max-width:575px){
 body .wwq-wrap .wwq-create-form .wwq-design-request-heading{align-items:flex-start;}
 body .wwq-wrap .wwq-create-form .wwq-form-step-number{width:34px;height:34px;font-size:18px;}
}

/* v0.6.84: prominent shop return link above projects heading */
.wwq-list-top-nav{display:flex;justify-content:flex-start;margin:18px 0 20px}
.wwq-list-back-shop{display:inline-flex;align-items:center;gap:10px;padding:13px 21px;background:#c92b37;color:#fff!important;border:2px solid #a91d29;border-radius:10px;font-size:16px;font-weight:800;line-height:1.25;text-decoration:none!important;box-shadow:0 4px 12px rgba(160,25,40,.22)}
.wwq-list-back-shop:hover,.wwq-list-back-shop:focus{background:#a91d29;color:#fff!important;outline-offset:3px}
.wwq-list-back-shop span{font-size:22px;line-height:1}
@media(max-width:600px){.wwq-list-back-shop{padding:12px 17px;font-size:15px}}

/* v0.6.86 — compact Warehouse 4.7.1 mobile header navigation.
   Only mobile controls are affected; desktop and the VAT/logo rows remain unchanged. */
@media (max-width: 767px) {
  #header .col-mobile-btn,
  #header [class*="col-mobile-btn-"],
  .header-container .col-mobile-btn,
  .header-container [class*="col-mobile-btn-"] {
    min-height: 48px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  #header .col-mobile-btn i,
  #header [class*="col-mobile-btn-"] i,
  .header-container .col-mobile-btn i,
  .header-container [class*="col-mobile-btn-"] i {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }
  #header .col-mobile-btn svg,
  #header [class*="col-mobile-btn-"] svg,
  .header-container .col-mobile-btn svg,
  .header-container [class*="col-mobile-btn-"] svg {
    width: 16px !important;
    height: 16px !important;
  }
  #header .col-mobile-btn .mobile-btn-title,
  #header [class*="col-mobile-btn-"] .mobile-btn-title,
  #header .col-mobile-btn .btn-title,
  #header [class*="col-mobile-btn-"] .btn-title,
  .header-container .col-mobile-btn .mobile-btn-title,
  .header-container [class*="col-mobile-btn-"] .mobile-btn-title {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  #header .wwq-header-projects-shortcut,
  .header-container .wwq-header-projects-shortcut {
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 4px 3px !important;
  }
  #header .wwq-header-projects-shortcut .wwq-header-projects-link,
  .header-container .wwq-header-projects-shortcut .wwq-header-projects-link {
    font-size: 10px !important;
    line-height: 1.2 !important;
    gap: 3px !important;
    padding: 2px 0 !important;
  }
  #header .wwq-header-projects-shortcut .wwq-header-projects-link svg,
  .header-container .wwq-header-projects-shortcut .wwq-header-projects-link svg {
    width: 15px !important;
    height: 15px !important;
  }
}

/* v0.6.87: force four existing Warehouse navigation controls into ONE row. */
@media(max-width:767px) {
  #header .wwq-mobile-four-nav, .header-container .wwq-mobile-four-nav {
    display:flex!important; flex-flow:row nowrap!important; align-items:stretch!important;
    width:100%!important; max-width:100%!important; margin:0!important; padding:0!important;
    clear:both!important; box-sizing:border-box!important;
  }
  #header .wwq-mobile-four-nav > *, .header-container .wwq-mobile-four-nav > * {
    display:flex!important; flex:1 1 25%!important; width:25%!important; max-width:25%!important;
    min-width:0!important; float:none!important; margin:0!important; padding:3px 1px!important;
    justify-content:center!important; align-items:center!important; text-align:center!important;
    border-right:1px solid #eee!important; box-sizing:border-box!important;
  }
  #header .wwq-mobile-four-nav > * a, .header-container .wwq-mobile-four-nav > * a {
    width:100%!important; min-width:0!important; padding:5px 1px!important;
    white-space:normal!important; font-size:11px!important; line-height:1.2!important;
  }
  #header .wwq-mobile-four-nav .wwq-header-projects-link,
  .header-container .wwq-mobile-four-nav .wwq-header-projects-link {color:#555!important;}
  #header .wwq-mobile-four-nav .wwq-header-projects-link svg,
  .header-container .wwq-mobile-four-nav .wwq-header-projects-link svg {stroke:#555!important;}
}

/* v0.6.88: four mobile buttons in a single row on Android / Warehouse */
@media(max-width:767px){
#header .wwq-mobile-four-nav,.header-container .wwq-mobile-four-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:0!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;clear:both!important}
#header .wwq-mobile-four-nav>*,.header-container .wwq-mobile-four-nav>*{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;float:none!important;grid-column:auto!important;padding:5px 1px!important;margin:0!important;min-height:62px!important;border:1px solid #f1f1f1!important;box-sizing:border-box!important}
#header .wwq-mobile-four-nav a,.header-container .wwq-mobile-four-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:52px!important;font-size:11px!important;text-align:center!important;white-space:normal!important}
}

/* v0.6.89: reduce only the blue mobile logo strip; VAT switch and four icons stay intact. */
@media (max-width:767px) {
  #header .wwq-compact-mobile-logo-banner,
  .header-container .wwq-compact-mobile-logo-banner {
    min-height:0!important;height:auto!important;max-height:105px!important;
    padding-top:8px!important;padding-bottom:8px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  #header .wwq-compact-mobile-logo-image,
  .header-container .wwq-compact-mobile-logo-image {
    display:block!important;width:auto!important;max-width:85%!important;
    height:auto!important;max-height:82px!important;object-fit:contain!important;
    margin:0 auto!important;
  }
}

/* v0.6.90: half-height blue banner and compact basket on mobile only. */
@media (max-width:767px) {
 #header .wwq-compact-mobile-logo-banner,
 .header-container .wwq-compact-mobile-logo-banner {
   height:66px!important;max-height:66px!important;min-height:0!important;
   padding:3px 8px!important;overflow:hidden!important;
 }
 #header .wwq-compact-mobile-logo-image,
 .header-container .wwq-compact-mobile-logo-image {
   height:auto!important;max-height:58px!important;max-width:80%!important;
   width:auto!important;object-fit:contain!important;
 }
 #header .wwq-compact-mobile-basket,
 .header-container .wwq-compact-mobile-basket {
   min-height:46px!important;max-height:64px!important;height:auto!important;
   padding:3px 0!important;margin-top:0!important;margin-bottom:0!important;
 }
 #header .wwq-compact-mobile-basket a,
 .header-container .wwq-compact-mobile-basket a {
   min-height:42px!important;padding:2px!important;
   font-size:12px!important;line-height:1.15!important;
 }
 #header .wwq-compact-mobile-basket i,
 .header-container .wwq-compact-mobile-basket i {
   font-size:16px!important;line-height:1!important;
 }
 #header .wwq-compact-mobile-basket svg,
 .header-container .wwq-compact-mobile-basket svg {
   width:17px!important;height:17px!important;
 }
}

/* v0.6.91: further halve mobile blue logo banner (66px -> 33px). */
@media screen and (max-width:767px) {
 #header .wwq-compact-mobile-logo-banner,
 .header-container .wwq-compact-mobile-logo-banner {
   height:33px!important;max-height:33px!important;min-height:33px!important;
   padding:1px 5px!important;margin:0!important;overflow:hidden!important;
   box-sizing:border-box!important;
 }
 #header .wwq-compact-mobile-logo-image,
 .header-container .wwq-compact-mobile-logo-image {
   max-height:29px!important;height:auto!important;width:auto!important;
   max-width:90%!important;object-fit:contain!important;
 }
}