/* Square Metre Calculator 1.2.7 — approved navy / neon-red template.
   Scoped to the Floor Levelling Sydney brand. Other site themes are unchanged. */
.spc-planner[data-theme="neon"]{
  --spc-paper:#061521;--spc-card:#081b29;--spc-deep:#03111d;
  --spc-bgsoft:#0b2230;--spc-text:#fff;--spc-mut:#d1dae4;
  --spc-edge:#536879;--spc-ink:#fff;--spc-accent:#FF0000;
  --spc-panel-gap:clamp(14px,1.3cqw,24px);
  --spc-ui:clamp(14px,1.16cqw,20px);--spc-small:clamp(12px,.94cqw,16px);
  background:#061521!important;color:#fff!important;
  background-image:none!important;color-scheme:dark;
  padding:clamp(16px,1.25cqw,25px)!important;
}
.spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"]{
  --spc-paper:#061521;--spc-card:#081b29;--spc-deep:#03111d;--spc-bgsoft:#0b2230;
  --spc-plan-paper:#061521;--spc-plan-room:#091c29;--spc-plan-ink:#fff;
  --spc-text:#fff;--spc-mut:#d1dae4;--spc-edge:#536879;--spc-ink:#fff;
  background-color:#061521!important;
}
:is(#main,body) .spc-planner[data-theme="neon"] :is(h1,h2,h3,h4,p,small,legend,label,summary,output,th,td,figcaption,li,button){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.spc-planner[data-theme="neon"] :is(.spc-board,.spc-editor,.spc-scale,.spc-section,.spc-material,.spc-helpbar,.spc-project-stats,.spc-patches,.spc-dialog,.spc-upload-stage){
  color:#fff!important;background-color:#081b29!important;
  border:1px solid #667486;border-radius:16px;
}
.spc-planner[data-theme="neon"] :is(.spc-section,.spc-editor,.spc-project-stats,.spc-helpbar){background-image:linear-gradient(135deg,#0b2130 0%,#041420 72%)!important}
:is(#main,body) .spc-planner[data-theme="neon"] :is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea){
  background:#071623!important;background-image:none!important;border:1px solid #627586!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;
  border-radius:8px!important;
}
:is(#main,body) .spc-planner[data-theme="neon"] select :is(option,optgroup){background:#071623!important;color:#fff!important}
:is(#main,body) .spc-planner[data-theme="neon"] :is(input,textarea)::placeholder{color:#ced8e2!important;-webkit-text-fill-color:#ced8e2!important}
.spc-planner[data-theme="neon"] :is(.spc-board,.spc-editor,.spc-section) :is(button:not(.spc-select-item),.spc-select-trigger){border-radius:9px}
.spc-planner[data-theme="neon"] :is(button,summary){transition:border-color .16s,box-shadow .16s,background-color .16s,transform .16s}
.spc-planner[data-theme="neon"] button:hover:not(:disabled){border-color:#FF2338!important;box-shadow:0 0 9px #ff001a5f}
.spc-planner[data-theme="neon"] :is(button,input,select,textarea):focus-visible{outline:2px solid #ff172d!important;outline-offset:2px}
/* Vivid neon buttons are intentional, not a hover-only effect. */
.spc-planner[data-theme="neon"] :is(.spc-neon-button,.spc-download,.spc-full-room,.spc-save .spc-primary){
  position:relative;border:2px solid #FF071F!important;border-radius:13px!important;
  box-shadow:inset 0 0 8px #ff082480,0 0 5px #ff032e,0 0 19px #ed062b80!important;
  background:linear-gradient(180deg,#12202c,#071420 78%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important;
}
.spc-planner[data-theme="neon"] :is(.spc-neon-button,.spc-download,.spc-full-room,.spc-save .spc-primary):hover:not(:disabled){
  box-shadow:inset 0 0 11px #ff0824b8,0 0 9px #ff032e,0 0 28px #ff1246ad!important;
}
.spc-planner[data-theme="neon"] :is(.spc-neon-button,.spc-download,.spc-full-room,.spc-save .spc-primary):disabled{box-shadow:none!important;opacity:.45}
/* Full-width user-supplied hero artwork, with intact editable heading and benefits. */
.spc-planner[data-theme="neon"] .spc-title{
  position:relative;isolation:isolate;min-height:clamp(370px,28cqw,525px);
  display:flex!important;align-items:center!important;margin:-4px 0 0!important;
  padding:clamp(28px,2.4cqw,48px)!important;gap:0!important;border:0!important;
  border-radius:17px 17px 0 0;background-color:#071522!important;
  background-image:url('neon-hero.webp')!important;
  background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important;
}
.spc-planner[data-theme="neon"] .spc-hero-copy{position:relative;z-index:1;max-width:58%;min-width:0}
.spc-planner[data-theme="neon"] .spc-eyebrow{display:none}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-title :is(h1,h2){
  font-size:clamp(45px,5.8cqw,105px)!important;line-height:.98!important;
  letter-spacing:-.038em!important;text-wrap:balance;
}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-hero-red{
  color:#ff0707!important;-webkit-text-fill-color:#ff0707!important;
}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-title p{
  margin-top:clamp(17px,1.55cqw,29px)!important;max-width:650px;
  font-size:clamp(14px,1.28cqw,23px)!important;color:#e8edf3!important;
  -webkit-text-fill-color:#e8edf3!important;
}
.spc-planner[data-theme="neon"] .spc-hero-benefits{gap:8px clamp(11px,1.6cqw,25px);margin-top:23px!important;font-weight:700}
.spc-planner[data-theme="neon"] .spc-hero-benefits li+li{padding-left:clamp(8px,1.3cqw,20px);border-left:1px solid #81909b}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-hero-benefits li span{color:#ff0707!important;-webkit-text-fill-color:#ff0707!important}
.spc-planner[data-theme="neon"] .spc-hero-plan{display:none}
/* Four entry modes – image on right with a left-side navy fade. */
.spc-planner[data-theme="neon"] .spc-start{padding:0!important;margin:0 0 clamp(18px,1.5cqw,29px);background:#061521}
.spc-planner[data-theme="neon"] .spc-ways{gap:clamp(8px,.85cqw,15px)!important}
.spc-planner[data-theme="neon"] .spc-ways button{
  isolation:isolate;min-height:clamp(99px,7.2cqw,135px)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  padding:12px clamp(10px,1.2cqw,22px)!important;overflow:hidden;
  border:1px solid #7b8d9b!important;border-radius:10px!important;
  background:linear-gradient(90deg,#101e2a,#0c1926)!important;
}
.spc-planner[data-theme="neon"] .spc-ways button::before{
  content:"";position:absolute;inset:0 0 0 38%;z-index:0;
  opacity:.87;background-position:center;background-size:cover;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%);
}
.spc-planner[data-theme="neon"] .spc-ways button[data-act="new"]::before{background-image:url('neon-real-scale.webp')}
.spc-planner[data-theme="neon"] .spc-ways button[data-act="upload"]::before{background-image:url('neon-blueprint.webp')}
.spc-planner[data-theme="neon"] .spc-ways button[data-act="example"]::before{background-image:url('neon-example.webp')}
.spc-planner[data-theme="neon"] .spc-ways button :is(img,svg){display:none}
.spc-planner[data-theme="neon"] .spc-ways button[data-act="quick"] svg{display:block;position:absolute;right:7px;top:14px;width:60px;height:60px;padding:0;color:#fff;stroke:#fff}
.spc-planner[data-theme="neon"] .spc-ways button span{position:relative;z-index:1;width:85%;max-width:85%;padding:0}
.spc-planner[data-theme="neon"] .spc-ways b{font-size:clamp(14px,1.24cqw,22px);max-width:14em;line-height:1.13}
.spc-planner[data-theme="neon"] .spc-ways small{font-size:clamp(11px,.92cqw,15px);margin-top:8px;color:#e4e8ee!important}
.spc-planner[data-theme="neon"] .spc-ways button[data-act="quick"] span{max-width:74%}
.spc-planner[data-theme="neon"] .spc-ways button[data-active="true"]{border-color:#ff0018!important;box-shadow:0 0 0 1px #ff1836,0 0 17px #f103314d!important}
/* Single framed workspace from first mockup, the 3D SVG stays interactive. */
.spc-planner[data-theme="neon"] .spc-model-shell{
  padding:clamp(16px,1.4cqw,27px);border:1px solid #FF1241;border-radius:20px;
  background:radial-gradient(ellipse at 0 0,#58102056,transparent 34%),radial-gradient(ellipse at 100% 100%,#b5002855,transparent 32%),linear-gradient(138deg,#0c1523,#080f1d 77%);
  box-shadow:inset 0 1px 0 #a64b6b38,0 0 18px #ff10201f;
  margin:0!important;
}
.spc-model-shell{display:contents}
.spc-planner[data-theme="neon"] .spc-model-shell{display:block}
.spc-shell-title{display:none}
.spc-planner[data-theme="neon"] .spc-shell-title{display:flex;gap:27px;align-items:center;padding:0 8px clamp(15px,1.15cqw,24px)}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-shell-title h3{
  font-size:clamp(23px,2.7cqw,45px)!important;line-height:1.08!important;white-space:nowrap;
}
.spc-planner[data-theme="neon"] .spc-shell-title p{
  font-size:clamp(12px,1.04cqw,18px);border-left:2px solid #FF0000;padding:7px 0 7px 22px;
  color:#ebf2f9!important;-webkit-text-fill-color:#ebf2f9!important;
}
.spc-planner[data-theme="neon"] .spc-workspace-heading{display:none}
.spc-planner[data-theme="neon"] .spc-workspace{
  grid-template-columns:minmax(0,1.9fr) minmax(335px,.91fr);gap:clamp(13px,1.1cqw,21px);
  min-height:clamp(620px,47cqw,790px)!important;
}
.spc-planner[data-theme="neon"] .spc-board{
  overflow:hidden;min-height:580px!important;
  border:1px solid #a9728d!important;background:#101724!important;
  background-image:radial-gradient(ellipse at 50% 70%,#151a2e,transparent 75%),linear-gradient(135deg,#121828,#0a121f)!important;
  box-shadow:inset 0 0 18px #ed123021;
}
.spc-planner[data-theme="neon"] .spc-board .spc-drawing[data-ui="plan"]{min-height:380px;flex:1 1 440px}
.spc-planner[data-theme="neon"] .spc-editor{
  min-height:580px;max-height:none;display:flex;flex-direction:column;
  padding:clamp(15px,1.25cqw,23px);background:#0b1625!important;
  background-image:linear-gradient(145deg,#101c2b,#080e1a 80%)!important;
}
.spc-planner[data-theme="neon"] .spc-editor>.spc-service{
  display:flex;align-items:center;gap:10px;flex:none;margin:0 -2px 10px!important;
  padding-bottom:14px;border-bottom:1px solid #5d6c7b;font-weight:650;
}
.spc-planner[data-theme="neon"] .spc-editor>.spc-service .spc-combobox{flex:1;min-width:0}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-editor h3{font-size:clamp(24px,1.95cqw,37px)!important}
.spc-planner[data-theme="neon"] .spc-room.current{border-left:0}
.spc-planner[data-theme="neon"] .spc-room .spc-room-head{padding-block:12px}
.spc-planner[data-theme="neon"] .spc-room-heading>input{accent-color:#FF0013}
.spc-planner[data-theme="neon"] .spc-room :is(.spc-room-fields,.spc-name-row,.spc-edit-actions){font-size:var(--spc-small)}
.spc-planner[data-theme="neon"] .spc-edit-actions [data-act="add"]{
  border:2px solid #ff052c!important;box-shadow:inset 0 0 5px #ff004733,0 0 8px #ff083640;
  background:linear-gradient(180deg,#081a2a,#0c1624)!important;text-align:center;font-weight:750;
}
.spc-planner[data-theme="neon"] .spc-edit-actions [data-act="arrange"]{
  min-height:42px;border:0!important;border-bottom:1px solid #5c7180!important;background:transparent!important;
  font-weight:600;text-align:left;
}
.spc-planner[data-theme="neon"] .spc-edit-actions [data-act="arrange"]::after{content:"›";float:right;font-size:25px;line-height:16px}
.spc-planner[data-theme="neon"] .spc-total{background:transparent!important;border-top:1px solid #6b7680;margin-top:auto}
.spc-planner[data-theme="neon"] .spc-total button{
  background:#ff0000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#ff0000!important;box-shadow:0 0 13px #ff00184a;font-size:clamp(16px,1.15cqw,22px)
}
.spc-planner[data-theme="neon"] .spc-toggle button[aria-pressed="true"]{
  background:#ff0000!important;color:#fff!important;border-color:#ff0000!important;
  box-shadow:0 0 12px #ff001f67;
}
.spc-planner[data-theme="neon"] .spc-board :is(.spc-toggle button,.spc-toolset button,.spc-view-actions button){
  background:#091522!important;border-color:#8195a7!important;color:#fff!important;
}
.spc-planner[data-theme="neon"] .spc-board .spc-toggle button[aria-pressed="true"]{background:#ff0000!important;border-color:#ff0000!important}
.spc-planner[data-theme="neon"] .spc-live-preview i{background:#ff0014;box-shadow:0 0 7px #ff0000}
.spc-planner[data-theme="neon"] .spc-view-help{font-size:clamp(11px,.85cqw,14px);margin-top:auto!important}
.spc-planner[data-theme="neon"] .spc-board-foot{padding-top:8px}
/* Compact result strip with very strong PDF action. */
.spc-planner[data-theme="neon"] .spc-project-stats{
  grid-template-columns:1fr .9fr 1.1fr auto;gap:clamp(12px,1.55cqw,25px);
  padding:clamp(17px,1.25cqw,24px);margin-top:var(--spc-panel-gap);
}
.spc-planner[data-theme="neon"] .spc-stat+.spc-stat{border-left:1px solid #617888}
.spc-planner[data-theme="neon"] .spc-stat>svg{stroke:#ff0000;stroke-width:2.8}
.spc-planner[data-theme="neon"] .spc-stat strong{font-size:clamp(30px,2.5cqw,51px)}
.spc-planner[data-theme="neon"] .spc-project-stats>button{font-size:clamp(16px,1.3cqw,24px);padding:8px 19px;white-space:nowrap;display:flex;align-items:center;gap:10px}
.spc-planner[data-theme="neon"] .spc-project-stats>button svg{width:28px;height:28px;stroke:#fff;flex:none}
/* Real scale and measurement schedule row. */
.spc-planner[data-theme="neon"] .spc-overview{grid-template-columns:1.04fr 1fr;gap:var(--spc-panel-gap)}
.spc-planner[data-theme="neon"] .spc-scale{
  display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(185px,.78fr);grid-template-rows:auto minmax(220px,1fr);
  gap:clamp(15px,1.4cqw,27px);min-height:clamp(500px,34cqw,640px)!important;
  padding:clamp(16px,1.55cqw,28px)!important;overflow:hidden!important;
}
.spc-planner[data-theme="neon"] .spc-scale-heading{display:contents!important}
.spc-planner[data-theme="neon"] .spc-scale-heading>div:first-child{grid-column:1;grid-row:1;position:relative;z-index:1}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-scale-heading h3{
  font-size:clamp(28px,3.1cqw,60px)!important;line-height:.98!important;
}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-scale-heading h3 span{
  display:block;color:#ff0000!important;-webkit-text-fill-color:#ff0000!important;
}
.spc-planner[data-theme="neon"] .spc-scale-heading p{max-width:25em;margin-top:13px!important;line-height:1.4;font-size:var(--spc-small)}
.spc-planner[data-theme="neon"] .spc-scale-benefits{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:17px;font-size:clamp(11px,.85cqw,15px);font-weight:650}
.spc-planner[data-theme="neon"] .spc-scale-benefits span{color:#f5f6f8!important}
.spc-planner[data-theme="neon"] .spc-scale-controls{
  grid-column:2;grid-row:1 / span 2;width:auto!important;max-width:none!important;
  margin:0!important;padding:10px 7px 0 21px!important;
  border:0!important;border-left:1px solid #5a7180!important;
  background:transparent!important;backdrop-filter:none;display:flex!important;flex-direction:column;gap:24px!important;
}
.spc-planner[data-theme="neon"] .spc-scale select{background:#061420!important}
.spc-planner[data-theme="neon"] .spc-scale-controls label{font-size:clamp(14px,1cqw,18px)}
.spc-planner[data-theme="neon"] .spc-scale-controls .spc-range{margin:0!important}
.spc-planner[data-theme="neon"] .spc-scale-controls input[type="range"]{accent-color:#FF0000;cursor:pointer}
.spc-planner[data-theme="neon"] .spc-quick-lengths small{font-size:var(--spc-small);display:block;margin-bottom:9px}
.spc-planner[data-theme="neon"] .spc-quick-lengths>div{display:flex;flex-wrap:wrap;gap:5px}
.spc-planner[data-theme="neon"] .spc-quick-lengths button{min-height:36px;padding:5px 9px;font-size:clamp(11px,.85cqw,15px);border:1px solid #778b9b;background:#091825}
.spc-planner[data-theme="neon"] .spc-full-room{margin-top:auto;min-height:56px;font-size:clamp(16px,1.15cqw,21px)}
.spc-planner[data-theme="neon"] .spc-scene{
  grid-column:1;grid-row:2;min-height:230px;position:relative;inset:auto;z-index:0;
  background-color:#071522!important;background-position:61% center!important;background-size:cover!important;
}
.spc-planner[data-theme="neon"] .spc-ruler{position:absolute!important;left:35px;right:calc(37% + 25px);bottom:48px;z-index:2}
.spc-planner[data-theme="neon"] .spc-visual-note{grid-column:1;grid-row:2;z-index:3;align-self:end;font-size:10px;padding:0 0 3px 6px;color:#fff!important;text-shadow:0 1px 5px #000}
.spc-planner[data-theme="neon"] .spc-measurements{padding:clamp(18px,1.5cqw,29px);min-width:0}
.spc-planner[data-theme="neon"] .spc-measurements::before{
  content:"";display:block;position:absolute;top:0;right:0;width:45%;height:125px;
  opacity:.38;background:url('neon-blueprint.webp') center/cover;pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,#000 90%);
}
.spc-planner[data-theme="neon"] .spc-measurements{position:relative;overflow:hidden}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-measurements h3{font-size:clamp(27px,2.5cqw,46px)!important;position:relative}
.spc-planner[data-theme="neon"] :is(.spc-measurements h3,.spc-photos h3,.spc-save h3)::after{
  content:"";display:block;width:60px;height:5px;background:#ff0000;border-radius:6px;margin:13px 0 0;
  box-shadow:0 0 8px #ff000065;
}
.spc-planner[data-theme="neon"] .spc-section-intro{max-width:38em;font-size:var(--spc-small)!important;line-height:1.4}
.spc-planner[data-theme="neon"] .spc-schedule-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 14px;position:relative}
.spc-planner[data-theme="neon"] .spc-schedule-actions button{font-size:clamp(12px,.93cqw,17px);min-height:39px;padding:6px 13px}
.spc-planner[data-theme="neon"] .spc-table-wrap{position:relative;overflow-x:auto;min-width:0;scrollbar-color:#596674 #061522}
.spc-planner[data-theme="neon"] .spc-measurements table{font-size:clamp(12px,.99cqw,17px);width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;border:1px solid #5e8294;border-radius:12px;overflow:hidden}
.spc-planner[data-theme="neon"] .spc-measurements :is(th,td){padding:9px 7px;background:#071824;border-bottom:1px solid #486879;white-space:nowrap}
.spc-planner[data-theme="neon"] .spc-measurements th{background:#061a27;font-size:clamp(11px,.82cqw,14px);font-weight:700}
.spc-planner[data-theme="neon"] .spc-measurements table tr:last-child td{border-bottom:0}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-measurements input[type="number"]{
  width:100%;min-width:64px;max-width:125px;height:36px;min-height:36px!important;
  padding:5px 7px!important;border-radius:6px!important;font-size:clamp(13px,1cqw,17px);text-align:center;
}
.spc-planner[data-theme="neon"] .spc-measurements .spc-table-name{
  text-align:left;padding:3px 2px;min-height:28px;border:0;background:transparent!important;
  font-weight:700;font-size:inherit;white-space:normal;
}
.spc-planner[data-theme="neon"] .spc-measurements .spc-table-actions{white-space:nowrap}
.spc-planner[data-theme="neon"] .spc-measurements .spc-table-actions button{
  border:0;background:transparent!important;padding:2px 6px;min-height:25px;font-size:21px;
}
.spc-planner[data-theme="neon"] .spc-measurements .spc-subtotal{
  margin:16px 0 0;border:1px solid #ff0029;border-radius:11px;
  background:linear-gradient(100deg,#091827 20%,#2e0714 66%,#ff0014 100%);
  display:flex;align-items:center;gap:10px;padding:9px 15px;
}
.spc-planner[data-theme="neon"] .spc-measurements .spc-subtotal b{
  font-size:clamp(28px,2.3cqw,44px);margin-left:auto;color:#fff!important;
}
.spc-planner[data-theme="neon"] .spc-schedule-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:15px}
.spc-planner[data-theme="neon"] .spc-schedule-foot button{font-size:var(--spc-small);min-height:38px}
/* Keep material/depth estimator for floor levelling; decorate service-specific work choices. */
.spc-planner[data-theme="neon"] .spc-material{
  margin-top:var(--spc-panel-gap);overflow:hidden;background:#071521!important;
}
.spc-planner[data-theme="neon"] .spc-material-picture{background-color:#081825!important;min-height:clamp(270px,25cqw,435px)}
.spc-planner[data-theme="neon"] .spc-material-picture>div{
  padding:clamp(19px,1.65cqw,32px);min-height:140px;
  background:linear-gradient(180deg,#081622f2,#07152399,transparent)!important;
}
:is(#main,body) .spc-planner[data-theme="neon"] .spc-material-picture h3{font-size:clamp(26px,2.55cqw,46px)!important}
.spc-planner[data-theme="neon"] .spc-material-picture h3::after{content:"";display:block;width:65px;height:5px;background:#f00;border-radius:5px;margin-top:10px}
.spc-planner[data-theme="neon"] .spc-work{padding:clamp(18px,1.6cqw,30px);background:linear-gradient(140deg,#071825,#03111c)}
.spc-planner[data-theme="neon"] .spc-work h4{margin-bottom:12px!important}
.spc-planner[data-theme="neon"] .spc-work .spc-option{display:flex;gap:12px;align-items:center;border:1px solid #718494;border-radius:11px;margin-bottom:10px;padding:13px 11px;background:#061723}
.spc-planner[data-theme="neon"] .spc-work .spc-option:has(input:checked){border:2px solid #ff0b28;box-shadow:0 0 12px #ff032b80,inset 0 0 6px #ff032e38}
.spc-planner[data-theme="neon"] .spc-work .spc-option input{accent-color:#ff0000;min-width:21px;min-height:21px}
.spc-planner[data-theme="neon"] .spc-work .spc-subtotal{border-color:#ff002c;background:linear-gradient(90deg,#071826,#3e1020)!important}
.spc-planner[data-theme="neon"] .spc-work .spc-depth input{background:#091926!important}
/* Photograph pin board and project card from supplied template graphics. */
.spc-planner[data-theme="neon"] .spc-project-bottom{grid-template-columns:1.02fr 1fr}
.spc-planner[data-theme="neon"] .spc-photos{position:relative;overflow:hidden}
.spc-planner[data-theme="neon"] .spc-photos .spc-row{position:relative;z-index:1}
.spc-planner[data-theme="neon"] .spc-photos .spc-photo-grid{margin-top:23px}
.spc-planner[data-theme="neon"] .spc-photo-grid .spc-add-photo{
  border:2px dashed #ff2440;min-height:145px;padding:14px;
  background:linear-gradient(150deg,#0a1b29,#160e20)!important;box-shadow:inset 0 0 22px #ff001316;
  font-size:clamp(14px,1.07cqw,19px);font-weight:750;color:#fff;
}
.spc-planner[data-theme="neon"] .spc-photo-grid .spc-add-photo b{
  color:#fff;background:#ff0000;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
}
.spc-planner[data-theme="neon"] .spc-save{position:relative;isolation:isolate;overflow:hidden}
.spc-planner[data-theme="neon"] .spc-save::before{
  content:"";position:absolute;z-index:-1;right:0;top:0;width:65%;height:128px;
  background:url('neon-blueprint.webp') center/cover;opacity:.46;
  mask-image:linear-gradient(90deg,transparent,#000 90%);
}
.spc-planner[data-theme="neon"] .spc-save>label{margin-top:34px}
.spc-planner[data-theme="neon"] .spc-save .spc-actions button{min-height:48px;font-size:clamp(13px,.98cqw,17px)}
.spc-planner[data-theme="neon"] .spc-save>small{margin-top:16px;max-width:580px;line-height:1.5}
.spc-planner[data-theme="neon"] .spc-helpbar{border-color:#627c8b!important}
.spc-planner[data-theme="neon"] .spc-helpbar h3{white-space:nowrap}
.spc-planner[data-theme="neon"] .spc-helpbar summary::marker{color:#ff0000}
.spc-planner[data-theme="neon"] .spc-helpbar summary:hover{color:#fff;text-shadow:0 0 5px #f13}
.spc-planner[data-theme="neon"] .spc-dialog{
  background:#081a29!important;color:#fff!important;border:1px solid #ff142c!important;
  box-shadow:0 20px 80px #0009,0 0 25px #ff001a4a;
}
.spc-planner[data-theme="neon"] .spc-dialog::backdrop{background:#000c}
.spc-planner[data-theme="neon"] .spc-dialog-box{padding:clamp(18px,2cqw,28px)}
.spc-planner[data-theme="neon"] .spc-dialog p{color:#f0f4f6!important;line-height:1.6}
.spc-planner[data-theme="neon"] .spc-fullroom-img{width:100%;max-height:min(58vh,620px);height:auto;object-fit:cover;border-radius:11px;margin-bottom:12px}
.spc-planner[data-theme="neon"] .spc-combobox .spc-select-trigger{background:#071523!important;border:1px solid #718293!important}
.spc-planner[data-theme="neon"] .spc-combobox.is-open .spc-select-trigger{border-color:#f00!important}
.spc-planner[data-theme="neon"] .spc-combobox .spc-select-list{background:#071623!important;border-color:#ff0b24!important;box-shadow:0 0 15px #ff000031,0 12px 25px #0009}
.spc-planner[data-theme="neon"] .spc-combobox .spc-select-item{background:#071623!important;border-color:transparent!important}
.spc-planner[data-theme="neon"] .spc-combobox .spc-select-item:is(:hover,[aria-selected="true"]){background:#202031!important;border-color:#ff072d!important}
.spc-planner[data-theme="neon"] .spc-validation{background:#2c0d19!important;color:#fff!important}
/* Respect the original *very basic* form, including its deliberately white fields. */
.spc-planner[data-theme="neon"].spc-quick-active .spc-quick{background:#061521!important}
/* Tablet and small laptop: separate user-facing controls stay readable. */
@container spc (max-width:1120px){
 .spc-planner[data-theme="neon"] .spc-workspace{grid-template-columns:minmax(0,1.44fr) minmax(290px,1fr)}
 .spc-planner[data-theme="neon"] .spc-scale{grid-template-columns:1fr;grid-template-rows:auto auto minmax(250px,1fr)}
 .spc-planner[data-theme="neon"] .spc-scale-heading>div:first-child{grid-column:1;grid-row:1}
 .spc-planner[data-theme="neon"] .spc-scale-controls{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap;border-left:0!important;border-top:1px solid #5a7180!important;padding:15px 0 0!important;gap:10px!important}
 .spc-planner[data-theme="neon"] .spc-scale-controls>label{flex:1 1 150px}
 .spc-planner[data-theme="neon"] .spc-quick-lengths{flex:1 1 140px}
 .spc-planner[data-theme="neon"] .spc-full-room{margin:0;min-height:44px;flex:1 1 145px}
 .spc-planner[data-theme="neon"] .spc-scene{grid-column:1;grid-row:3}
 .spc-planner[data-theme="neon"] .spc-ruler{left:35px;right:35px;bottom:50px}
 .spc-planner[data-theme="neon"] .spc-visual-note{grid-column:1;grid-row:3}
 .spc-planner[data-theme="neon"] .spc-project-stats{grid-template-columns:1fr 1fr}
 .spc-planner[data-theme="neon"] .spc-project-stats>button{justify-content:center}
}
@container spc (max-width:840px){
 .spc-planner[data-theme="neon"] .spc-title{min-height:340px;padding:23px!important}
 .spc-planner[data-theme="neon"] .spc-hero-copy{max-width:62%}
 .spc-planner[data-theme="neon"] .spc-workspace{grid-template-columns:1fr;gap:15px}
 .spc-planner[data-theme="neon"] .spc-board{min-height:500px!important}
 .spc-planner[data-theme="neon"] .spc-editor{min-height:0}
 .spc-planner[data-theme="neon"] .spc-overview,.spc-planner[data-theme="neon"] .spc-project-bottom{grid-template-columns:1fr}
 .spc-planner[data-theme="neon"] .spc-schedule-actions{gap:7px}
 .spc-planner[data-theme="neon"] .spc-measurements table{min-width:620px}
}
@container spc (max-width:640px){
 .spc-planner[data-theme="neon"]{padding:10px!important}
 .spc-planner[data-theme="neon"] .spc-title{display:flex!important;min-height:0;padding:21px 17px 14px!important;flex-direction:column!important;align-items:stretch!important;background-image:none!important;border-radius:12px}
 .spc-planner[data-theme="neon"] .spc-hero-copy{max-width:100%}
 :is(#main,body) .spc-planner[data-theme="neon"] .spc-title :is(h1,h2){font-size:clamp(39px,9cqw,58px)!important}
 .spc-planner[data-theme="neon"] .spc-title p{font-size:14px!important;line-height:1.35}
 .spc-planner[data-theme="neon"] .spc-hero-benefits{font-size:11px;gap:8px;margin-top:15px!important}
 .spc-planner[data-theme="neon"] .spc-hero-benefits li+li{padding-left:0;border:0}
 .spc-planner[data-theme="neon"] .spc-hero-plan{display:block;margin:12px 0 0;width:100%;height:175px;max-width:none;min-height:0;background:url('neon-hero.webp') right center/auto 220px no-repeat;opacity:.98}
 .spc-planner[data-theme="neon"] .spc-hero-plan svg{display:none}
 .spc-planner[data-theme="neon"] .spc-start{margin-bottom:15px}
 .spc-planner[data-theme="neon"] .spc-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spc-planner[data-theme="neon"] .spc-ways button{min-height:132px!important;display:flex!important;flex-direction:column-reverse!important;justify-content:flex-end!important;align-items:stretch!important;padding:0 0 10px!important}
 .spc-planner[data-theme="neon"] .spc-ways button::before{inset:0 0 auto 0;height:75px;mask-image:linear-gradient(180deg,#000,transparent 98%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 98%)}
 .spc-planner[data-theme="neon"] .spc-ways button span{width:100%;max-width:none;padding:73px 10px 0;min-height:100%}
 .spc-planner[data-theme="neon"] .spc-ways b{font-size:clamp(12px,3.25cqw,15px)}
 .spc-planner[data-theme="neon"] .spc-ways small{font-size:11px;line-height:1.25;margin-top:4px;display:block}
 .spc-planner[data-theme="neon"] .spc-ways button[data-act="quick"] svg{top:7px;right:7px;width:43px;height:43px}
 .spc-planner[data-theme="neon"] .spc-model-shell{padding:10px;border-radius:13px}
 .spc-planner[data-theme="neon"] .spc-shell-title{display:block;padding:7px 5px 13px}
 .spc-planner[data-theme="neon"] .spc-shell-title h3{font-size:24px!important;white-space:normal}
 .spc-planner[data-theme="neon"] .spc-shell-title p{border:0;padding:5px 0 0;font-size:12px;line-height:1.4}
 .spc-planner[data-theme="neon"] .spc-board{min-height:410px!important}
 .spc-planner[data-theme="neon"] .spc-board .spc-drawing[data-ui="plan"]{min-height:310px;flex-basis:310px}
 .spc-planner[data-theme="neon"] .spc-editor{padding:15px!important}
 .spc-planner[data-theme="neon"] .spc-editor>.spc-service{font-size:13px}
 .spc-planner[data-theme="neon"] .spc-project-stats{padding:13px;gap:14px 9px}
 .spc-planner[data-theme="neon"] .spc-project-stats>button{grid-column:1 / -1;min-height:52px}
 .spc-planner[data-theme="neon"] .spc-stat strong{font-size:24px}
 .spc-planner[data-theme="neon"] .spc-scale{padding:14px!important;min-height:470px!important}
 .spc-planner[data-theme="neon"] .spc-scale-controls{display:flex!important;flex-direction:column;align-items:stretch}
 .spc-planner[data-theme="neon"] .spc-scale-controls>label{flex:auto}
 .spc-planner[data-theme="neon"] .spc-full-room{margin-top:0}
 .spc-planner[data-theme="neon"] .spc-scene{min-height:220px}
 .spc-planner[data-theme="neon"] .spc-ruler{left:25px;right:25px;bottom:48px}
 .spc-planner[data-theme="neon"] .spc-measurements{padding:14px}
 .spc-planner[data-theme="neon"] .spc-measurements h3{font-size:26px!important}
 .spc-planner[data-theme="neon"] .spc-schedule-actions button{flex:1 1 43%;font-size:12px}
 .spc-planner[data-theme="neon"] .spc-project-bottom{grid-template-columns:1fr}
 .spc-planner[data-theme="neon"] .spc-helpbar{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){.spc-planner[data-theme="neon"] *{transition:none!important}}
/* Final colour/contrast overrides: legacy graphite rules carried !important text and
   input colours with a higher selector weight. Keep the approved navy, NOT faded purple. */
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-hero-red,
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-scale-heading h3 span,
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-title .spc-hero-red{
  color:#ff0000!important;-webkit-text-fill-color:#ff0000!important;
}
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea){
  background-color:#071724!important;background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#597486!important;
}
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-select-trigger{
  background:#071724!important;border-color:#637c8a!important;color:#fff!important;
}
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-select-item{
  background:#071724!important;color:#fff!important;
}
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-scale-controls{
  background:transparent!important;background-image:none!important;
}
:is(#main,body) .spc-planner[data-theme="neon"][data-palette="graphite"][data-mode="dark"] .spc-quick :is(.spc-basic-field input[data-quick-field][type="number"],.spc-basic-total-label input[data-ui="quickTotal"]){
  background:#fff!important;color:#202020!important;-webkit-text-fill-color:#202020!important;
}
.spc-planner:not([data-theme="neon"]) :is(.spc-schedule-actions,.spc-schedule-foot,.spc-quick-lengths,.spc-scale-benefits,.spc-full-room,.spc-visual-note){display:none!important}
@container spc (max-width:640px){
 .spc-planner[data-theme="neon"] .spc-scale-controls>label{flex:0 0 auto!important}
 .spc-planner[data-theme="neon"] .spc-full-room{flex:0 0 auto!important;min-height:52px!important;height:auto!important}
 .spc-planner[data-theme="neon"] .spc-scale-controls{gap:16px!important}
}
/* Use the same user-provided scene immediately on mobile and desktop; do not
   require the lazy scene observer to visit an offscreen section first. */
.spc-planner[data-theme="neon"][data-service="levelling"] .spc-scene{
  background-image:url('neon-real-scale.webp')!important;
}
@container spc (max-width:640px){
 .spc-planner[data-theme="neon"] .spc-scale-controls{
   justify-content:flex-start!important;align-content:flex-start!important;
   align-items:stretch!important;height:auto!important;min-height:0!important;
 }
 .spc-planner[data-theme="neon"] .spc-scale{grid-template-rows:auto auto minmax(220px,1fr);gap:13px}
 .spc-planner[data-theme="neon"] .spc-quick-lengths{flex:0 0 auto!important}
 .spc-planner[data-theme="neon"] .spc-quick-lengths>div{justify-content:flex-start}
}