*{box-sizing:border-box}html,body{margin:0;background:#f6f7f9;color:#182230;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}.shell{max-width:620px;margin:auto;padding:18px 16px 110px}.brand{font-size:14px;font-weight:800;letter-spacing:.02em;margin:4px 0 22px}.top{display:flex;justify-content:space-between;color:#667085;font-size:12px;font-weight:700}.track{height:5px;background:#e7eaf0;border-radius:10px;margin:10px 0 28px;overflow:hidden}.bar{height:100%;background:#176b87;transition:.2s}.card{background:#fff;border:1px solid #e3e7ed;border-radius:18px;padding:20px;box-shadow:0 2px 8px #1018280a}.eyebrow{color:#176b87;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font-size:28px;letter-spacing:-.6px;margin:7px 0 7px}p{color:#667085;margin:0 0 22px;line-height:1.45}.field{margin:0 0 17px}label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}input,select,textarea{width:100%;min-height:50px;border:1px solid #ccd2da;border-radius:12px;padding:12px;font:inherit;font-size:16px;background:#fff;color:#182230}textarea{min-height:90px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{min-height:52px;border:1px solid #d8dde5;border-radius:12px;background:#fff;padding:10px;font-weight:700;color:#344054}.choice.on{border:2px solid #176b87;background:#f0f8fa;color:#12566c}.mini{font-size:12px;color:#667085;margin-top:5px}.window{border:1px solid #e3e7ed;background:#f8fafb;border-radius:14px;padding:14px;margin:12px 0}.windowhead{display:flex;justify-content:space-between;font-weight:800;margin-bottom:12px}.remove{border:0;background:none;color:#b42318;font-weight:700}.add{width:100%;min-height:48px;border:1px dashed #8aa9b5;background:#f4fafb;color:#12566c;border-radius:12px;font-weight:800}.nav{position:fixed;left:0;right:0;bottom:0;background:#ffffffee;backdrop-filter:blur(12px);border-top:1px solid #e3e7ed;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;gap:10px}.navin{display:flex;gap:10px;max-width:588px;width:100%;margin:auto}.back,.next{min-height:52px;border-radius:13px;font-weight:800;font-size:15px}.back{width:34%;background:#fff;border:1px solid #ccd2da}.next{flex:1;border:0;background:#176b87;color:#fff}.summary{display:grid;gap:10px}.summary div{padding:12px;background:#f8fafb;border-radius:11px}.load{font-size:34px;font-weight:850;color:#12566c}.roomdone{padding:12px;border:1px solid #d7e8dd;background:#f3faf5;border-radius:12px;margin:10px 0}.secondary{width:100%;min-height:48px;border:1px solid #ccd2da;background:#fff;border-radius:12px;font-weight:800;margin-top:10px}@media(max-width:420px){.shell{padding-left:12px;padding-right:12px}.card{padding:17px}.choices{grid-template-columns:1fr}h1{font-size:26px}}
.photo-input{padding:10px;height:auto}.photo-preview{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin:8px 0}.remove-photo{border:0;background:none;color:#b42318;font-weight:700;padding:4px 0 10px}
.pdf-button{margin-top:20px;border-style:solid;background:#176b87;color:white}.pdf-help{font-size:12px;margin:8px 0 0;text-align:center}
@page{size:A4;margin:15mm}
@media print{html,body{background:white!important;color:#182230!important;margin:0!important;padding:0!important;font-size:10pt!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.shell{max-width:none!important;margin:0!important;padding:0!important}.brand,.top,.track,.eyebrow,.card>h1,.card>p,.nav,.pdf-button,.pdf-help{display:none!important}.card{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:white!important}.summary{display:block!important;margin:0 0 14mm!important;padding:0!important}.summary h2{font-size:16pt;color:#12566c;margin:0 0 4mm;border-bottom:1px solid #b9cbd1;padding-bottom:2mm}.summary h3{font-size:11pt;margin:5mm 0 2mm;color:#12566c}.summary div{background:white!important;border-radius:0!important;padding:2mm 0!important;break-inside:avoid;overflow-wrap:anywhere}.window{background:white!important;border:1px solid #cdd8de!important;border-radius:0!important;margin:3mm 0!important;padding:3mm!important;break-inside:avoid}.window div{padding:1mm 0!important}.windowhead{margin-bottom:2mm!important}.photo-preview{max-height:85mm!important;width:auto!important;max-width:100%!important;object-fit:contain!important;break-inside:avoid}.load{font-size:19pt!important}.summary+ .summary{break-before:page}button{display:none!important}}
/* PDF cover: hidden in the interactive survey, shown as its own A4 print page. */
.report-cover{display:none}
@media print{
.report-cover{display:flex!important;flex-direction:column;box-sizing:border-box;height:267mm;min-height:267mm;max-height:267mm;break-after:page;page-break-after:always;padding:4mm 1mm 2mm;background:#fff;color:#182230;overflow:hidden}
.cover-brand{display:flex;justify-content:space-between;align-items:center;font-size:10pt;font-weight:800;letter-spacing:.1em;color:#12566c;border-bottom:1px solid #b7cdd5;padding-bottom:5mm}
.cover-brand span:last-child{font-size:8pt;color:#667085;letter-spacing:.06em}
.cover-main{padding-top:24mm}.cover-kicker{font-size:9pt;letter-spacing:.15em;color:#176b87;font-weight:700}.cover-main h1{font-size:31pt!important;line-height:1.12!important;letter-spacing:-.03em!important;margin:5mm 0 4mm!important;color:#182230}.cover-main p{font-size:11pt!important;color:#667085!important;margin:0 0 10mm!important}.cover-photo{display:block;width:100%;height:91mm;object-fit:cover;border-radius:0;break-inside:avoid}
.cover-details{display:grid;grid-template-columns:1fr 1fr;gap:8mm 10mm;margin-top:auto;padding:9mm 0;border-top:1px solid #cbd5db}.cover-details div{min-width:0}.cover-details .cover-address{grid-column:1/-1}.cover-details small{display:block;font-size:8pt;font-weight:700;letter-spacing:.1em;color:#667085;margin-bottom:2mm}.cover-details strong{display:block;font-size:11pt;line-height:1.35;font-weight:650;overflow-wrap:anywhere}
.cover-footer{display:flex;justify-content:space-between;gap:5mm;border-top:1px solid #cbd5db;padding-top:5mm;font-size:8pt;letter-spacing:.05em;color:#667085}
}
.profile-figure{margin:18px 0;padding:14px;border:1px solid #dce5e9;border-radius:12px;background:#fff;break-inside:avoid}.profile-figure figcaption{font-weight:700;margin-bottom:8px;color:#12566c}.profile-figure svg{display:block;width:100%;height:auto}.profile-legend{font-size:12px;line-height:1.6;margin:8px 0;color:#475467}.profile-figure .muted{font-size:11px;line-height:1.45}@media print{.profile-figure{margin:4mm 0!important;padding:3mm!important;break-inside:avoid;page-break-inside:avoid}.profile-figure svg{max-height:80mm}.profile-figure .profile-legend{font-size:8pt}}
/* Installer calculation cards: readable labels and clear result hierarchy. */
.calc-card{padding:15px!important}.calc-card .windowhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.calc-tag{font-size:11px;font-weight:700;color:#12566c;background:#eaf3f6;border-radius:20px;padding:3px 9px}.calc-subtitle{font-size:12px;color:#667085;margin-bottom:10px}.calc-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;line-height:1.5}.calc-row span{color:#475467}.calc-row strong{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.calc-separator{border-top:1px solid #dce5e9;margin:9px 0}.calc-total{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#edf5f7;border-radius:8px;padding:10px 12px;margin-top:10px;font-weight:750}.calc-total strong{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.calc-assumptions{font-size:11px;color:#667085;line-height:1.5;margin-top:9px}
@media print{.summary .calc-card{padding:3mm!important;border-radius:2mm!important}.summary .calc-card .calc-row{display:flex!important;justify-content:space-between!important;gap:5mm;font-size:9pt}.summary .calc-card .calc-row span{color:#475467!important}.summary .calc-card .calc-separator{border-top:1px solid #dce5e9!important;margin:2mm 0!important;padding:0!important}.summary .calc-card .calc-total{display:flex!important;justify-content:space-between!important;align-items:center!important;background:#edf5f7!important;border-radius:1.5mm!important;padding:2mm 3mm!important;margin-top:2mm!important}.summary .calc-card .calc-total strong{font-size:12pt!important}.summary .calc-card .calc-assumptions{font-size:8pt!important;color:#667085!important}.summary .calc-card .calc-tag{background:#eaf3f6!important;padding:1mm 2mm!important}.summary .calc-card .calc-subtitle{font-size:9pt!important;color:#667085!important}}
/* Room overview first, detailed workings second. */
.report-section-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:#176b87;margin-bottom:9px}.room-overview-hero{background:#edf5f7;border-radius:12px;padding:16px;margin:13px 0}.room-overview-hero .load{margin:5px 0}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.overview-grid>div{border:1px solid #dce5e9;border-radius:9px;padding:10px;font-size:13px}.room-overview .calc-row{padding:5px 0}.room-overview .calc-total{margin-bottom:12px}
@media print{.summary.room-overview{break-before:page;page-break-before:always}.summary.room-technical{break-before:page;page-break-before:always}.room-overview .report-section-label,.room-technical .report-section-label{font-size:8pt!important;color:#176b87!important;letter-spacing:.1em}.summary .room-overview-hero{background:#edf5f7!important;border-radius:2mm!important;padding:4mm!important;margin:3mm 0!important}.summary .overview-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2mm!important;margin:3mm 0!important}.summary .overview-grid>div{border:1px solid #dce5e9!important;border-radius:1.5mm!important;padding:2mm!important;font-size:9pt!important}.room-overview .profile-figure{margin:3mm 0!important}.room-overview .profile-figure svg{max-height:65mm}}
.overview-equipment{margin-top:12px;padding-top:10px;border-top:1px solid #c9dfe5;font-size:14px}.overview-equipment b{font-size:17px}
@media print{.summary .overview-equipment{margin-top:3mm!important;padding-top:2mm!important;border-top:1px solid #c9dfe5!important;font-size:10pt!important}}
#customerReportPrint{display:none}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.customer-cover,.customer-room{display:none}
@media print{
body.customer-report-mode .shell,body.customer-report-mode .nav{display:none!important}
body.customer-report-mode #customerReportPrint{display:block!important}
body.customer-report-mode .customer-cover,body.customer-report-mode .customer-room{display:block!important}
.customer-cover,.customer-room{box-sizing:border-box;width:100%;min-height:270mm;padding:12mm 14mm;background:#fff;color:#17313a;break-after:page;page-break-after:always}
.customer-cover{position:relative}
.customer-cover h1{font-size:28pt;margin:10mm 0 8mm;line-height:1.05}
.customer-details{display:grid;grid-template-columns:1fr 1fr;gap:5mm 10mm;padding:6mm 0;border-top:1px solid #d8e3e7;border-bottom:1px solid #d8e3e7}
.customer-details small{display:block;font-size:7.5pt;letter-spacing:.08em;color:#60767d;margin-bottom:1mm}.customer-details strong{font-size:11pt}
.customer-property{margin:7mm 0 5mm}.customer-property h2{margin-bottom:2mm}
.customer-system-hero,.customer-room-hero{display:grid;grid-template-columns:1fr 1fr;gap:4mm;background:#edf5f7;border-radius:4mm;padding:5mm;margin:5mm 0}
.customer-system-hero span,.customer-room-hero span{display:block;font-size:8pt;color:#60767d;margin-bottom:1mm}.customer-system-hero strong,.customer-room-hero strong{font-size:17pt;line-height:1.1}
.customer-equipment{display:flex;justify-content:space-between;border-bottom:1px solid #e0e7ea;padding:2.5mm 0;font-size:10pt}.customer-equipment.outdoor{margin-top:2mm;border-top:1px solid #cbd8dd}
.customer-small{font-size:8pt;color:#60767d;margin:2mm 0 5mm}.customer-install{font-size:9pt;line-height:1.5;margin:5mm 0}
.customer-note{font-size:8pt;line-height:1.4;color:#60767d;border-top:1px solid #d8e3e7;padding-top:3mm;margin-top:5mm}
.customer-room h2{font-size:23pt;margin:2mm 0 4mm}.customer-room .overview-grid{margin:4mm 0;gap:3mm}.customer-room .overview-grid>div{padding:3mm;font-size:9pt}
.customer-room h3{font-size:12pt;margin:5mm 0 2mm}.customer-room .profile-figure{margin:2mm 0!important}.customer-room .profile-figure svg{max-height:72mm!important}.customer-room .calc-row{font-size:9pt;padding:1.5mm 0}
.customer-room:last-child{break-after:auto;page-break-after:auto}
}
@media(max-width:600px){.report-actions{grid-template-columns:1fr}}
/* Final survey view: customer report is the default on-screen result. */
.card>#customerReportPrint,.card>.customer-cover,.card>.customer-room{display:block}
.card>.customer-cover,.card>.customer-room{min-height:auto;padding:18px 0;break-after:auto}
#technicalReportSource,#technicalReportPrint{display:none}
@media print{
body.technical-report-mode .shell{display:none!important}
body.technical-report-mode #technicalReportPrint{display:block!important}
body.technical-report-mode #technicalReportPrint .report-cover{display:flex!important}
body.technical-report-mode #technicalReportPrint .summary{display:block!important}
body.customer-report-mode #technicalReportSource{display:none!important}
}
/* Customer report visual polish */
.customer-cover{padding:24px!important}
.customer-cover>h1{margin:0 0 22px!important;font-size:38px;line-height:1.05;letter-spacing:-.03em}
.customer-cover .customer-details{background:#f4f8f9;border:1px solid #dce8eb;border-radius:14px;padding:16px;gap:12px 20px}
.customer-cover .customer-details>div{min-width:0}
.customer-cover .customer-details small{display:block;margin-bottom:4px;color:#657b83;font-size:11px;letter-spacing:.06em}
.customer-cover .customer-details strong{display:block;font-size:15px;line-height:1.3}
.customer-cover .customer-property{margin:20px 0 14px;padding:16px;background:#fff;border:1px solid #e1e9ec;border-radius:14px}
.customer-cover .customer-property h2{margin:0 0 8px;font-size:22px}
.customer-cover .customer-property p{margin:0;line-height:1.45}
.customer-cover .customer-system-hero{margin:14px 0;padding:16px;border:1px solid #cfe2e7;border-radius:14px}
.customer-cover>h3{margin:20px 0 8px}
.customer-cover .customer-equipment{padding:10px 12px;background:#f7fafb;border-bottom:1px solid #e0e9ec}
.customer-cover .customer-equipment:first-of-type{border-radius:12px 12px 0 0}
.customer-cover .customer-equipment.outdoor{margin-top:8px;background:#eef6f8;border:1px solid #d1e4e9;border-radius:12px}
.customer-cover .customer-small{padding:10px 12px;background:#f7fafb;border-radius:10px;line-height:1.4}
.customer-cover .customer-install{padding:14px 16px;background:#f4f8f9;border-radius:12px;line-height:1.55}
.customer-cover .customer-note{padding:12px 14px;background:#fafbfb;border:1px solid #e5eaec;border-radius:10px}
@media(max-width:600px){
.customer-cover{padding:20px!important}.customer-cover>h1{font-size:34px!important;margin-bottom:18px!important}
.customer-cover .customer-details{grid-template-columns:1fr 1fr!important}
.customer-cover .customer-system-hero{grid-template-columns:1fr 1fr!important}
}
@media print{
.customer-cover{padding:12mm 14mm!important}
.customer-cover>h1{font-size:28pt!important;margin:0 0 7mm!important}
.customer-cover .customer-details{padding:5mm!important;border-radius:3mm!important}
.customer-cover .customer-property{padding:4mm!important;margin:5mm 0 4mm!important;border-radius:3mm!important}
.customer-cover .customer-system-hero{padding:5mm!important;margin:4mm 0!important}
.customer-cover .customer-equipment{padding:2.5mm 3mm!important}
.customer-cover .customer-small{padding:2.5mm 3mm!important}
.customer-cover .customer-install{padding:3.5mm 4mm!important}
.customer-cover .customer-note{padding:3mm!important}
}
/* Seasonal April-August cooling profile */
.seasonal-peak{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:10px 0 4px;padding:10px 12px;background:#f4f8f9;border-radius:10px}
.seasonal-peak span{color:#5d737b;font-size:13px}
.seasonal-legend{display:flex;flex-wrap:wrap;gap:7px 14px;margin:2px 0 8px;font-size:12px}
.seasonal-legend span{display:inline-flex;align-items:center;gap:5px}
.seasonal-legend i{width:18px;height:3px;border-radius:2px;display:inline-block}
.seasonal-legend small{color:#71858c}
@media(max-width:600px){.seasonal-peak{align-items:flex-start;flex-direction:column;gap:2px}.seasonal-legend{gap:6px 10px}.seasonal-legend small{display:none}}
@media print{.seasonal-peak{break-inside:avoid}.seasonal-profile{break-inside:avoid}.seasonal-legend{font-size:9pt}}
/* Compact on-site equipment recommendation */
.recommendation-value{font-size:clamp(25px,5vw,34px);font-weight:800;line-height:1.15;color:#176b87;margin:12px 0 8px}
/* Equipment cards shared by the customer and technical reports */
.report-recommendations{margin:16px 0}
.report-recommendations h3{font-size:19px;line-height:1.25;margin:0 0 10px;color:#1b2938}
.report-recommendation{display:flex;flex-direction:column;gap:5px;margin:0 0 9px;padding:14px 16px;background:#f7f9fa;border:1px solid #dce4e9;border-radius:14px;break-inside:avoid;page-break-inside:avoid}
.report-recommendation b{font-size:16px;color:#1b2938}
.report-recommendation strong{display:block;font-size:27px;line-height:1.18;color:#176b87}
.report-recommendation span{font-size:14px;color:#283441}
@media print{
.report-recommendations{margin:4mm 0}
.report-recommendations h3{font-size:14pt;margin:0 0 2mm}
.report-recommendation{margin:0 0 2mm;padding:3mm 4mm;border-radius:3mm;background:#f7f9fa!important}
.report-recommendation b{font-size:10pt}
.report-recommendation strong{font-size:18pt}
.report-recommendation span{font-size:9pt}
.summary .report-recommendation{padding:3mm 4mm;background:#f7f9fa!important}
}
/* BuDi survey welcome cover */
.welcome-shell{max-width:720px;margin:0 auto;padding:clamp(16px,4vw,32px) 16px 120px}
.welcome-card{overflow:hidden;background:#fff;border:1px solid #e8e6ed;border-radius:26px;box-shadow:0 12px 36px #28105b0c}
.welcome-topline{display:flex;justify-content:space-between;gap:12px;padding:21px 28px;border-bottom:1px solid #eeeaf4;color:#51416f;font-size:11px;font-weight:800;letter-spacing:.13em}
.welcome-topline span{color:#776b88}
.welcome-logo-wrap{padding:28px 28px 18px;background:#fff}
.welcome-logo{display:block;width:min(100%,540px);height:auto;margin:auto}
.welcome-content{padding:4px clamp(24px,6vw,48px) 38px}
.welcome-kicker{color:#5900d9;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.welcome-content h1{font-size:clamp(32px,6vw,48px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 15px;max-width:560px}
.welcome-lead{font-size:17px;line-height:1.55;color:#485062;margin-bottom:25px}
.welcome-features{display:grid;gap:0;border-top:1px solid #e8e3f0;border-bottom:1px solid #e8e3f0}
.welcome-features>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:15px 0;line-height:1.4}
.welcome-features>div+div{border-top:1px solid #f0edf4}
.welcome-features strong{font-size:14px;color:#251838}
.welcome-features span{font-size:14px;color:#5f6675}
.welcome-note{font-size:12px;line-height:1.5;color:#777282;margin:21px 0 0}
.welcome-nav .navin{max-width:688px}.welcome-nav .next{background:#5900d9;font-size:17px;min-height:58px}
.welcome-nav .next:focus-visible{outline:3px solid #351074;outline-offset:3px}
@media(max-width:480px){.welcome-shell{padding:12px 12px 110px}.welcome-card{border-radius:20px}.welcome-topline{padding:16px 18px;font-size:9px}.welcome-logo-wrap{padding:18px 14px 8px}.welcome-content{padding:8px 22px 30px}.welcome-content h1{font-size:34px}.welcome-lead{font-size:16px}.welcome-features>div{display:block;padding:13px 0}.welcome-features strong{display:block;margin-bottom:4px}}
@media print{.welcome-shell,.welcome-nav{display:none!important}}
/* BuDi purple identity across the interactive V2 survey */
@media screen{
.shell .brand,.shell .eyebrow,.shell .report-section-label{color:#5900d9}
.shell .bar,.nav .next,.shell .pdf-button{background:#5900d9;color:#fff}
.shell .track{background:#eee7fb}
.shell .card{border-color:#e5ddf2}
.shell input,.shell select,.shell textarea{border-color:#cbbbe8}
.shell input:focus,.shell select:focus,.shell textarea:focus{border-color:#5900d9;outline:3px solid #e8dafa;outline-offset:1px}
.shell .window,.shell .roomdone,.shell .profile-figure,.shell .overview-grid>div,.shell .report-recommendation{border-color:#e3d9f0}
.shell .choice.on{border-color:#5900d9;background:#f5efff;color:#4500a5}
.shell .choice:focus-visible,.shell button:focus-visible,.nav button:focus-visible{outline:3px solid #c7a8fa;outline-offset:2px}
.shell .add{border-color:#ac86e6;background:#f7f2ff;color:#5100c7}
.nav .back,.shell .secondary{border-color:#b799e5;color:#5100c7}
.nav .next:hover,.shell .pdf-button:hover{background:#4b00ba}
.shell .add:hover,.nav .back:hover,.shell .secondary:hover{background:#efe5ff}
.shell .load,.shell .recommendation-value,.shell .report-recommendation strong,.shell .profile-figure figcaption{color:#5900d9}
.shell .calc-tag{background:#f0e8fb;color:#5100c7}
.shell .calc-total,.shell .room-overview-hero,.shell .customer-system-hero,.shell .customer-room-hero{background:#f4effc}
}
/* Matching report actions with readable labels */
@media screen{
.shell .report-actions .pdf-button{background:#f7f2ff;color:#5100c7;border:2px solid #ac86e6;font-weight:800}
.shell .report-actions .pdf-button:hover{background:#efe5ff;color:#4500a5}
}
/* Consistent cards on the on-screen customer summary */
@media screen{
.shell .customer-cover .customer-details,
.shell .customer-cover .customer-property,
.shell .customer-cover .customer-system-hero,
.shell .customer-cover .report-recommendation{
width:100%;margin:12px 0;padding:16px;background:#f8f6fc;
border:1px solid #e3d9f0;border-radius:14px;box-shadow:none;
}
.shell .customer-cover .customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.shell .customer-cover .customer-details>div{min-width:0;overflow-wrap:anywhere}
.shell .customer-cover .customer-details small,
.shell .customer-cover .customer-system-hero span{display:block;margin:0 0 5px;color:#6b6179;font-size:12px;line-height:1.3;letter-spacing:.04em}
.shell .customer-cover .customer-details strong{display:block;color:#182230;font-size:16px;line-height:1.35}
.shell .customer-cover .customer-system-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.shell .customer-cover .customer-system-hero>div{min-width:0;overflow-wrap:anywhere}
.shell .customer-cover .customer-system-hero strong{display:block;color:#5900d9;font-size:clamp(22px,5vw,28px);line-height:1.18}
.shell .customer-cover .customer-property h2{margin:0 0 8px}
.shell .customer-cover .customer-property p{margin:0;color:#586276}
.shell .customer-cover .report-recommendation{gap:6px}
@media(max-width:480px){
.shell .customer-cover .customer-details,
.shell .customer-cover .customer-system-hero{grid-template-columns:1fr 1fr}
.shell .customer-cover .customer-details{gap:14px 12px}
.shell .customer-cover .customer-system-hero strong{font-size:21px}
}
}
/* Customer report window schedule and survey photographs */
.customer-windows{margin:18px 0}.customer-window-card{display:flex;flex-direction:column;gap:5px;background:#f8f6fc;border:1px solid #e3d9f0;border-radius:14px;padding:16px;margin:10px 0;break-inside:avoid}
.customer-window-card span{font-size:14px;line-height:1.45;color:#475467}
.customer-photo-grid{display:grid;gap:18px}.customer-photo{margin:0;border:1px solid #e3d9f0;border-radius:14px;padding:12px;break-inside:avoid}
.customer-photo img{display:block;width:100%;max-height:380px;object-fit:contain}.customer-photo figcaption{font-size:14px;font-weight:700;margin-top:10px;color:#5100c7}
@media print{
.customer-window-card{padding:3mm;margin:2mm 0;border-radius:2mm}.customer-window-card span{font-size:9pt}
.customer-photo-section{break-before:page;page-break-before:always;min-height:0}
.customer-photo-grid{display:block}.customer-photo{padding:3mm;margin:0 0 5mm;break-inside:avoid;page-break-inside:avoid}
.customer-photo img{max-height:95mm;width:100%;object-fit:contain}.customer-photo figcaption{font-size:10pt}
}
.compass-visual{display:flex;align-items:center;gap:20px;margin:14px 0;padding:16px;border:1px solid #d9c4fa;border-radius:16px;background:#faf7ff}
.compass-visual[hidden]{display:none}
.compass-dial{position:relative;flex:none;width:136px;height:136px;border:3px solid #b18bea;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px #f4edff}
.compass-dial>span{position:absolute;font-size:13px;font-weight:800;color:#6e598c;line-height:1}
.compass-dial .compass-n{top:6px;left:50%;transform:translateX(-50%);color:#5100c7}
.compass-dial .compass-s{bottom:6px;left:50%;transform:translateX(-50%)}
.compass-dial .compass-e{right:7px;top:50%;transform:translateY(-50%)}
.compass-dial .compass-w{left:7px;top:50%;transform:translateY(-50%)}
.compass-needle{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);transition:transform .15s ease-out}
.compass-result{display:grid;gap:2px;min-width:0}.compass-result span{color:#667085;font-size:13px}.compass-result strong{color:#5100c7;font-size:clamp(21px,5vw,29px);line-height:1.15}
@media(max-width:380px){.compass-visual{gap:12px;padding:12px}.compass-dial{width:116px;height:116px}}
.save-toolbar{max-width:960px;margin:0 auto 105px;padding:12px 18px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#667085;font-size:14px}
.save-toolbar button{width:auto;min-width:170px;padding:12px 18px}
.saved-actions{margin:0 0 24px}.saved-actions button{width:100%;margin-bottom:8px}
.saved-library h2{font-size:clamp(24px,5vw,34px);margin:0 0 10px}.saved-library>p{margin:0 0 20px}
.saved-item{display:flex;flex-direction:column;gap:8px;border:1px solid #d9c4fa;border-radius:16px;padding:18px;margin:12px 0;background:#faf7ff}
.saved-item strong{font-size:20px}.saved-item span{overflow-wrap:anywhere}.saved-item small{color:#667085}.saved-item button{margin-top:4px}
.saved-library #closeSaved{width:100%;margin-top:18px}
.welcome-nav .navin{display:flex;gap:12px}.welcome-nav .navin button{flex:1;min-width:0}
@media(max-width:480px){.welcome-nav .navin{flex-direction:column}.save-toolbar{margin-bottom:115px}.save-toolbar button{width:100%}}
.saved-library input[type=password]{width:100%;min-height:52px;border:1px solid #c9a4f5;border-radius:12px;padding:12px 14px;font:inherit;margin:8px 0 14px}
.saved-library #signIn,.saved-library #signOut{width:100%;margin:6px 0 12px}
.saved-library #uploadDevice{width:100%;margin-bottom:16px}
.saved-library #cloudMessage{min-height:20px}
.save-toolbar #accountButton{min-width:145px}
@media(max-width:480px){.save-toolbar #accountButton{width:100%}}
/* Keep the Clerk account form inside the BuDi card on narrow screens. */
#clerkAccount{width:100%;max-width:440px;margin:0 auto;min-width:0}
#clerkAccount .cl-rootBox,#clerkAccount .cl-cardBox,#clerkAccount .cl-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
#clerkAccount .cl-cardBox{box-shadow:none}
#clerkAccount .cl-card{border:1px solid #dfcef8;border-radius:16px;box-shadow:none}
#clerkAccount .cl-formButtonPrimary{background:#5900d9;color:#fff}
#clerkAccount .cl-formButtonPrimary:hover{background:#4900b3}
@media(max-width:600px){
.saved-library{min-width:0}
#clerkAccount{max-width:100%}
#clerkAccount .cl-card{padding:20px 16px}
}
/* Signed-in workspace */
.dashboard{padding-bottom:32px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 28px}.dashboard-logo{width:160px;max-width:45%;height:auto}.dashboard-label{color:#68728a;font-size:13px}.dashboard-intro h1{margin:0 0 8px;font-size:34px}.dashboard-intro p{color:#68728a;margin:0 0 24px}.dashboard-start{display:flex;align-items:center;gap:24px;justify-content:space-between;background:#5900d9;color:white;padding:26px;border-radius:22px;margin-bottom:20px}.dashboard-start h2{margin:0 0 8px;font-size:22px}.dashboard-start p{margin:0;color:#eee4ff}.dashboard-start .next{background:white;color:#5900d9;min-width:160px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.dashboard-tile{text-align:left;background:white;border:1px solid #e0d3f4;border-radius:20px;padding:22px;color:#18212f;display:flex;flex-direction:column;gap:12px;font:inherit;cursor:pointer}.dashboard-tile strong{font-size:18px}.dashboard-tile span{font-size:14px;line-height:1.5;color:#68728a}.dashboard-tile .dashboard-tile-link{color:#5900d9;font-weight:700;margin-top:auto}.dashboard-tile:hover,.dashboard-recent-item:hover{border-color:#5900d9}.dashboard button:focus-visible{outline:3px solid #a781e8;outline-offset:4px}.dashboard-resume{width:100%}.dashboard-recent{background:white;border:1px solid #e0d3f4;border-radius:20px;padding:22px}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-section-title h2{font-size:21px;margin:0 0 14px}.dashboard-section-title>span{color:#68728a;font-size:13px}.dashboard-recent-item{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;background:white;border:1px solid #eee7f7;border-radius:12px;padding:16px;margin-top:12px;font:inherit;text-align:left;color:#5900d9;cursor:pointer}.dashboard-recent-item strong,.dashboard-recent-item small{display:block;overflow-wrap:anywhere}.dashboard-recent-item strong{color:#18212f}.dashboard-recent-item small{color:#68728a;margin-top:4px;font-size:13px}.dashboard-recent-item>span:last-child{white-space:nowrap;font-size:13px;font-weight:700}
@media(max-width:600px){.dashboard-header{margin-bottom:22px}.dashboard-logo{width:140px}.dashboard-intro h1{font-size:30px}.dashboard-start{display:block;padding:22px}.dashboard-start .next{width:100%;margin-top:20px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-tile{padding:20px}.dashboard-recent{padding:20px}}
.dashboard-survey-choices{display:flex;flex-wrap:wrap;gap:12px}.dashboard-survey-choices .next{min-width:150px}@media(max-width:600px){.dashboard-survey-choices{display:grid;grid-template-columns:1fr;width:100%;margin-top:18px}.dashboard-start .dashboard-survey-choices .next{margin-top:0}}
/* BuDi PDF layout: flowing A4 sections, without full-page section minimums. */
.budi-report-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px;margin-bottom:24px;border-bottom:3px solid #5900d6}
.budi-report-brand img{width:170px;height:auto;max-height:90px;object-fit:contain}
.budi-report-brand span{color:#5900d6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@page{size:A4;margin:14mm 14mm 16mm}
@media print{
#customerReportPrint,#technicalReportPrint{color:#182230!important;font-family:Arial,sans-serif!important;font-size:10pt!important;line-height:1.5!important}
.budi-report-brand{padding:0 0 4mm!important;margin:0 0 6mm!important;break-inside:avoid}
.budi-report-brand img{width:48mm!important;max-height:25mm!important}
.budi-report-brand span{font-size:8pt!important;color:#5900d6!important}
#customerReportPrint .customer-cover,#technicalReportPrint .customer-cover,
#customerReportPrint .customer-room,#technicalReportPrint .customer-room,
#technicalReportPrint .summary{height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0 0 7mm!important;break-before:auto!important;page-break-before:auto!important;break-after:auto!important;page-break-after:auto!important;break-inside:auto!important;page-break-inside:auto!important;overflow:visible!important}
#technicalReportPrint .summary div{break-inside:auto!important;page-break-inside:auto!important;overflow-wrap:anywhere}
#technicalReportPrint .report-cover{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0 0 8mm!important;break-after:auto!important;page-break-after:auto!important;overflow:visible!important}
.cover-main{padding-top:4mm!important}.cover-main h1{font-size:27pt!important}.cover-main p{margin-bottom:5mm!important}.cover-photo{height:65mm!important;object-fit:contain!important}.cover-details{margin-top:5mm!important}.cover-footer{margin-top:5mm!important}.cover-brand{display:none!important}
#customerReportPrint h1,#technicalReportPrint h1{color:#24103d!important;font-size:26pt!important;line-height:1.15!important;margin:0 0 6mm!important;break-after:avoid!important}
#customerReportPrint h2,#technicalReportPrint h2{color:#5900d6!important;font-size:17pt!important;line-height:1.2!important;margin:6mm 0 3mm!important;padding:0 0 2mm!important;border-bottom:1px solid #dfd1f3!important;break-after:avoid!important;page-break-after:avoid!important}
#customerReportPrint h3,#technicalReportPrint h3{color:#38234f!important;font-size:11pt!important;margin:4mm 0 2mm!important;break-after:avoid!important}
.customer-details{background:#f6f1fd!important;border:1px solid #e4d7f7!important;padding:4mm!important;border-radius:3mm!important;gap:3mm 6mm!important;break-inside:avoid}
.customer-details small,.report-section-label,.cover-kicker{color:#5900d6!important}
.customer-system-hero,.customer-room-hero,#technicalReportPrint .room-overview-hero{background:#f2eafd!important;border:1px solid #dfcdf8!important;border-radius:3mm!important;padding:4mm!important;margin:4mm 0!important;break-inside:avoid}
.customer-system-hero strong,.customer-room-hero strong{color:#5900d6!important;font-size:17pt!important}
.customer-install{padding:3mm!important;background:#faf8fd!important;border:1px solid #e9e0f5!important;border-radius:2mm!important;margin:3mm 0!important;break-inside:auto!important}
.customer-small{font-size:9pt!important;color:#475467!important;margin:1.5mm 0!important;break-inside:avoid!important}
.customer-note{font-size:8pt!important;color:#667085!important;line-height:1.45!important;padding:2mm 0!important;margin:3mm 0!important;break-inside:avoid}
.report-recommendation,#technicalReportPrint .summary .report-recommendation{background:#f6f1fd!important;border:1px solid #dfcdf8!important;padding:3mm!important;break-inside:avoid!important}
.report-recommendation strong{color:#5900d6!important}
.overview-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2mm!important;break-inside:avoid!important}
.overview-grid>div{background:#faf8fd!important;border:1px solid #e4d7f7!important;padding:2.5mm!important;border-radius:2mm!important}
.profile-figure{border:1px solid #e4d7f7!important;border-radius:2mm!important;padding:3mm!important;break-inside:avoid!important}
.profile-figure figcaption{color:#5900d6!important}.profile-figure svg{width:100%!important;max-height:62mm!important}
.calc-card{border:1px solid #e4d7f7!important;border-radius:2mm!important;padding:3mm!important;break-inside:avoid!important}
.calc-total,#technicalReportPrint .summary .calc-total{background:#f2eafd!important;color:#5900d6!important}
.calc-row{break-inside:avoid!important}
.customer-photo-section{break-before:auto!important;page-break-before:auto!important}
.customer-photo-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3mm!important;align-items:start!important}
.customer-photo{padding:2mm!important;margin:0!important;border:1px solid #e4d7f7!important;border-radius:2mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
.customer-photo img{height:58mm!important;max-height:58mm!important;object-fit:contain!important;width:100%!important}
.customer-photo figcaption{font-size:8pt!important;line-height:1.3!important;margin-top:2mm!important;color:#5900d6!important}
.photo-preview{max-height:65mm!important;object-fit:contain!important}
}
/* Compact app-style workspace shortcuts. */
.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dashboard-tile{aspect-ratio:1;align-items:center;justify-content:center;text-align:center;padding:18px 10px;gap:14px;border-radius:22px;box-shadow:0 3px 12px rgba(49,15,93,.04);transition:background .15s,border-color .15s}
.dashboard-tile strong{font-size:15px;line-height:1.3;max-width:130px}
.dashboard-tile .dashboard-app-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;border-radius:17px;background:#f0e6ff;color:#5900d9}
.dashboard-app-icon svg{width:32px;height:32px}
.dashboard-tile:hover{background:#fbf8ff}
.dashboard-tile:active{background:#f0e6ff}
@media(max-width:600px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-tile{padding:14px 6px;gap:10px;border-radius:18px}.dashboard-tile strong{font-size:12px}.dashboard-tile .dashboard-app-icon{width:46px;height:46px;border-radius:14px}.dashboard-app-icon svg{width:27px;height:27px}}
@media(max-width:350px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Readable summary results on screen and in exported reports. */
.report-company>strong{display:block;margin:8px 0;font-size:17px}
.report-company-details{display:grid;gap:5px;white-space:pre-line;overflow-wrap:anywhere;line-height:1.5}
.report-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.report-comparison>div{padding:14px;border:1px solid #e5daf5;border-radius:12px;background:#faf8fd}
.report-comparison span,.report-comparison small{display:block;color:#667085;font-size:13px;line-height:1.5}
.report-comparison strong{display:block;margin:7px 0;font-size:22px;color:#5900d6}
@media screen{
.summary-view{padding:24px;line-height:1.55}
.summary-view .customer-cover{padding:0!important}
.summary-view .customer-cover>h1{font-size:30px!important;line-height:1.15;margin:0 0 8px!important}
.summary-view .report-subtitle{margin:0 0 24px;color:#667085;font-size:15px}
.summary-view .customer-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#faf8fd;padding:18px}
.summary-view .customer-details strong{font-size:15px;overflow-wrap:anywhere}
.summary-view .customer-property{background:white;border-color:#e5daf5}
.summary-view .customer-property h2{font-size:19px}
.summary-view .customer-system-hero,.summary-view .customer-room-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:#f2eafd;border:1px solid #dfcdf8;border-radius:16px;margin:20px 0}
.summary-view .customer-system-hero span,.summary-view .customer-room-hero span{display:block;font-size:13px;color:#667085;line-height:1.4;margin-bottom:8px}
.summary-view .customer-system-hero strong,.summary-view .customer-room-hero strong{display:block;font-size:25px;line-height:1.15;color:#5900d6;overflow-wrap:anywhere}
.summary-view h3{font-size:18px;line-height:1.35;margin:24px 0 12px}
.summary-view .report-recommendation{padding:18px;margin:10px 0;border:1px solid #e5daf5;border-radius:14px;background:#faf8fd}
.summary-view .report-recommendation>b{display:block;font-size:15px;color:#475467}
.summary-view .report-recommendation>strong{display:block;margin:6px 0;font-size:23px;color:#5900d6}
.summary-view .report-recommendation>span{display:block;font-size:14px;line-height:1.5;color:#667085}
.summary-view .report-recommendation .muted{margin-top:14px;padding-top:12px;border-top:1px solid #e5daf5;font-size:13px}
.summary-view .report-recommendations>p{font-size:13px;line-height:1.55;margin:16px 0;color:#667085}
.summary-view .customer-install{background:#faf8fd;border:1px solid #e5daf5;padding:16px;border-radius:14px}
.summary-view .customer-install h3{margin:0 0 12px}
.summary-view .customer-install>div{display:grid;gap:4px;margin:12px 0}
.summary-view .customer-install>div>span{display:block}
.summary-view .report-company{background:white!important;padding:16px!important;margin-top:24px!important}
.summary-view .report-company .report-section-label{font-size:11px}
.summary-view .report-company-details{font-size:13px;color:#667085}
.summary-view .customer-room{padding:24px 0;margin-top:24px;border-top:1px solid #e5daf5;min-height:0}
.summary-view .customer-room>h2{font-size:26px;line-height:1.2;margin:8px 0 18px}
.summary-view .report-section-label{font-size:11px;letter-spacing:.1em;color:#5900d6}
.summary-view .overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.summary-view .overview-grid>div{padding:14px;font-size:14px;line-height:1.5;border-radius:12px}
.summary-view .customer-small,.summary-view .customer-note{font-size:13px;line-height:1.55;color:#667085;margin:14px 0}
.summary-view .customer-window-card{display:grid;gap:5px;padding:14px;border:1px solid #e5daf5;border-radius:12px;margin:10px 0;font-size:14px}
.summary-view .customer-window-card span{display:block}
.summary-view .calc-row,.summary-view .calc-total{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0;line-height:1.4;font-size:14px}
.summary-view .calc-row{border-bottom:1px solid #eee8f5}
.summary-view .calc-row strong,.summary-view .calc-total strong{white-space:nowrap;flex-shrink:0}
.summary-view .calc-total{padding:14px;border-radius:12px;margin-top:12px;background:#f2eafd;color:#5900d6;font-weight:700}
.summary-view .report-actions{margin-top:24px;gap:12px}
}
@media screen and (max-width:600px){
.summary-view{padding:20px}
.summary-view .customer-details{grid-template-columns:1fr!important;gap:16px}
.summary-view .customer-system-hero{grid-template-columns:1fr!important;gap:18px}
.summary-view .customer-room-hero{gap:14px;padding:16px}
.summary-view .customer-room-hero strong{font-size:23px}
.summary-view .customer-cover>h1{font-size:28px!important}
.summary-view .customer-details>div:nth-child(2){padding-bottom:14px;border-bottom:1px solid #e5daf5}
}
@media print{
.report-company-details{font-size:9pt}
.report-comparison strong{font-size:15pt}
.report-comparison span,.report-comparison small{font-size:8pt}
.report-comparison>div{padding:3mm;break-inside:avoid}
}
/* Future workspace tools remain visibly labelled and unavailable. */
.dashboard-tile.dashboard-coming-soon{gap:8px;cursor:default;opacity:1;background:#faf8fd;border-color:#e5daf5}
.dashboard-coming-soon .dashboard-app-icon{background:#eee7f7;color:#80659e}
.dashboard-tile .dashboard-soon-label{color:#80659e;font-size:11px;font-weight:600;line-height:1.3}
@media(max-width:600px){.dashboard-tile.dashboard-coming-soon{gap:6px}.dashboard-coming-soon .dashboard-app-icon{width:38px;height:38px}.dashboard-coming-soon .dashboard-app-icon svg{width:24px;height:24px}}
.fault-checker>button:first-child{margin-bottom:24px}
.fault-guidance{padding:16px;border:1px solid #e1d3f7;background:#f6f1fd;border-radius:14px;margin:20px 0}
.fault-guidance strong{color:#5900d6}.fault-guidance p{margin:6px 0 0;line-height:1.55;font-size:14px}
.fault-checker .muted{font-size:13px;line-height:1.5}
.fault-checker .next{width:100%}.fault-checker button:disabled{opacity:.65;cursor:wait}
.fault-result{margin-top:28px;padding-top:24px;border-top:1px solid #e1d3f7;line-height:1.6;overflow-wrap:anywhere}
.fault-result h2{font-size:20px;margin:24px 0 10px;color:#5900d6}
.fault-result p{margin:8px 0}
.fault-result a{color:#5900d6;text-decoration:underline}
.fault-citation{display:inline;font-size:12px;font-weight:600}
.fault-result li{margin:8px 0}
#faultStatus{color:#5900d6;font-size:14px;line-height:1.5}
/* Compact saved survey list and branded save dialog. */
.survey-list{border-top:1px solid #e2d8f1}
.survey-list-row{position:relative;overflow:hidden;border-bottom:1px solid #e2d8f1;background:#b32939}
.survey-row-content{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) 32px;gap:14px;padding:18px 8px;background:#fff;transition:transform .18s ease;touch-action:pan-y}
.survey-list-row.is-open .survey-row-content{transform:translateX(-88px)}
.survey-row-date{font-size:13px;font-weight:600;color:#697386;line-height:1.5;padding-top:2px}
.survey-row-details{min-width:0;display:grid;gap:5px}
.survey-row-details strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.survey-row-details span{font-size:13px;color:#697386;overflow-wrap:anywhere}
.survey-row-details small{font-size:12px;color:#5900d6}
.survey-row-links{display:flex;gap:22px;margin-top:5px}
.survey-row-links button,.survey-row-options{background:none;border:0;color:#5900d6;font-weight:700;font-size:14px;padding:8px 0;cursor:pointer;min-height:40px}
.survey-row-options{align-self:start;letter-spacing:2px}
.survey-delete-action{position:absolute;right:0;top:0;height:100%;width:88px;background:#b32939;color:#fff;border:0;font-size:14px;font-weight:700;cursor:pointer}
.survey-swipe-hint{font-size:12px;margin-top:12px}
.survey-save-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:440px;border:1px solid #d8c9ef;border-radius:24px;padding:26px;background:#fff;color:#182231;box-shadow:0 20px 70px #23103d40;max-height:85dvh;overflow:auto}
.survey-save-dialog::backdrop{background:#1a102d66}
.survey-save-dialog h2{font-size:25px;margin:0 0 10px}
.survey-save-dialog p{font-size:15px;color:#697386;line-height:1.5;margin:0 0 22px}
.survey-save-dialog label{display:block;font-size:15px;font-weight:700;margin:0 0 8px}
.survey-save-dialog input{box-sizing:border-box;width:100%;border:2px solid #b999f0;border-radius:12px;padding:14px;font-size:17px;background:#faf7ff;color:#182231}
.survey-save-dialog input:focus{outline:3px solid #5900d622;border-color:#5900d6}
.survey-save-actions{display:flex;gap:12px;margin-top:22px}
.survey-save-actions button{flex:1;margin:0;padding:14px;border-radius:12px;font-size:16px}
.survey-save-dialog .survey-save-message{margin-top:12px;color:#a12424}
@media(max-width:400px){.survey-row-content{grid-template-columns:76px minmax(0,1fr) 28px;gap:10px}.survey-row-date{font-size:12px}}
@media(prefers-reduced-motion:reduce){.survey-row-content{transition:none}}
@media print{.survey-save-dialog{display:none!important}}
.room-jump-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.room-jump-links button{font-size:13px;padding:9px 12px;margin:0;width:auto}
#roomsOverview .window{padding:16px;margin:14px 0}
#roomsOverview .window h3{margin:0 0 8px;font-size:18px}
#roomsOverview>button{margin-top:12px;width:100%}
.room-reuse summary{cursor:pointer;font-weight:700;color:#5900d6;min-height:30px}
.room-reuse label{display:block;margin:12px 0;line-height:1.5}
.room-reuse input[type=checkbox]{width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0 8px 0 0;accent-color:#5900d6}
.room-reuse p{font-size:14px;line-height:1.5}
.room-reuse button{margin:12px 0 0}
@media print{#roomsOverviewButton,.room-reuse{display:none!important}}
/* Inline survey validation */
.survey-validation{padding:16px 18px;margin:0 0 20px;background:#fff2f2;border:1px solid #e9a3a3;border-radius:14px;color:#8c2020;font-size:1rem;line-height:1.5}
.field-error{margin:8px 0 0;color:#a02020;font-size:.95rem;line-height:1.4}
[data-key][aria-invalid="true"]{border:2px solid #bd3434;background:#fffafa}
@media print{.survey-validation,.field-error{display:none}}
/* Tap-to-select answers throughout the survey */
.survey-choices{border:0;padding:0;margin:0;min-width:0}
.survey-choices legend{font-weight:700;font-size:1rem;line-height:1.45;margin-bottom:12px;padding:0;color:#1d2939}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.choice-field .choice-option{display:block;position:relative;margin:0;cursor:pointer;font-weight:600;min-width:0}
.choice-option input[type="radio"]{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}
.choice-option span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;box-sizing:border-box;padding:12px 14px;border:1.5px solid #d8c8ee;border-radius:13px;background:#fff;color:#422866;font-size:.95rem;line-height:1.35;overflow-wrap:anywhere;transition:background .12s,border-color .12s}
.choice-option input:checked+span{background:#5900d6;border-color:#5900d6;color:#fff;box-shadow:0 2px 6px #5900d620}
.choice-option input:focus-visible+span{outline:3px solid #b58be8;outline-offset:3px}
.choice-field:has([aria-invalid="true"]) .choice-grid{outline:2px solid #bd3434;outline-offset:5px;border-radius:10px}
.choice-field select[hidden]{display:none!important}
@media(min-width:700px){.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.choice-option span{transition:none}}
/* Final survey review */
.survey-review{margin-top:30px;padding:22px;border:1px solid #dfd1f2;border-radius:18px;background:#faf7ff}
.survey-review h2{margin-top:0}
.review-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid #e7dcf3}
.review-row>div{min-width:0}.review-row strong,.review-row span{display:block}.review-row span{margin-top:5px;color:#667085;font-size:.95rem;line-height:1.4}
.review-row button{flex-shrink:0;width:auto!important;margin:0!important;padding:10px 14px!important;font-size:.9rem!important}
@media(max-width:420px){.survey-review{padding:16px}.review-row{align-items:flex-start;flex-wrap:wrap}}
@media print{.survey-review{display:none}}
/* Compact property library and property workspace. */
.property-list{border:1px solid #e3d8f3;border-radius:16px;overflow:hidden;margin:18px 0 24px}
.property-list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px;background:#fff;border:0;border-bottom:1px solid #eee7f7;font:inherit;text-align:left;color:#182230;cursor:pointer}
.property-list-row:last-child{border-bottom:0}.property-list-row:hover{background:#faf7ff}
.property-list-row strong,.property-list-row small{display:block;overflow-wrap:anywhere}
.property-list-row strong{font-size:18px}.property-list-row small{font-size:14px;color:#68728a;margin-top:5px}
.property-list-row>span:last-child{font-size:30px;color:#5900d6}.property-list-row:focus-visible{outline:3px solid #a781e8;outline-offset:-3px}
.property-detail-header{margin:24px 0}.property-detail-header h1{overflow-wrap:anywhere;margin-bottom:10px}
.property-detail-header p{margin:6px 0}.property-details{background:#faf7ff;border:1px solid #e3d8f3;border-radius:16px;padding:20px;margin-bottom:22px}
.property-details small{color:#68728a}.property-details p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 20px}
.property-details>div:last-child p{margin-bottom:0}
.property-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
.property-start{display:block;margin:20px 0 28px}.property-start h2{color:white;margin-top:0}
.property-start .dashboard-survey-choices{margin-top:16px}
.property-start .next{background:white;color:#5900d6}
/* Colour-coded workspace tools */
.tool-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.tool-toolbar h2{margin:0;font-size:20px}.tool-toolbar .secondary{width:auto;margin:0;padding:10px 16px;min-height:44px}
.dashboard .colourful-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px;margin:22px 0}
.colourful-tools .dashboard-tile{border:0;background:transparent;box-shadow:none;padding:0;align-items:center;text-align:center;gap:10px;min-width:0;border-radius:16px;color:#263046}
.colourful-tools .dashboard-app-icon{width:76px;height:76px;border-radius:21px;background:var(--tool-colour);color:white;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px #ffffff55,0 5px 12px #18212f14}
.colourful-tools .dashboard-app-icon svg{width:38px;height:38px;color:white;stroke-width:1.8}
.colourful-tools .dashboard-tile strong{font-size:13px;line-height:1.3;font-weight:650;max-width:115px;color:#263046}.colourful-tools .dashboard-coming-soon{opacity:1}.colourful-tools .dashboard-soon-label{font-size:10px;color:#68728a}.colourful-tools .dashboard-coming-soon .dashboard-app-icon{opacity:.65}
.tools-arranging .dashboard-tile{touch-action:none;user-select:none;cursor:grab;outline:1px dashed #cfc1e6;outline-offset:5px}.tools-arranging .tool-dragging{opacity:.65;transform:scale(1.06);cursor:grabbing}.colourful-tools .dashboard-tile:focus-visible{outline:3px solid #a781e8;outline-offset:5px}
@media(min-width:650px){.dashboard .colourful-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.colourful-tools .dashboard-app-icon{width:88px;height:88px;border-radius:24px}.colourful-tools .dashboard-tile strong{font-size:15px;max-width:140px}}
/* BuDi workspace backdrop and centred brand */
body:has(.dashboard){background:#f2eafb}
.dashboard .dashboard-header{justify-content:center;flex-direction:column;margin:10px 0 26px;gap:0}
.dashboard .dashboard-logo{width:260px;max-width:72%;height:auto;mix-blend-mode:multiply}
.dashboard .dashboard-intro{text-align:center}
.dashboard .dashboard-intro h1{color:#32145a}
.dashboard .dashboard-intro p{color:#746187}
@media(min-width:650px){.dashboard .dashboard-logo{width:310px;max-width:55%}}
/* Shared BuDi styling with recognisable tool accents */
body[data-budi-tool]{background:#f2eafb;--tool-accent:#6742d9;--tool-tint:#f3edfc}
body[data-budi-tool="clients"]{--tool-accent:#1477db;--tool-tint:#edf5ff}
body[data-budi-tool="basic"]{--tool-accent:#0c8f89;--tool-tint:#eaf8f6}
body[data-budi-tool="analysis"]{--tool-accent:#b52e64;--tool-tint:#fff0f6}
body[data-budi-tool="fault"]{--tool-accent:#be4725;--tool-tint:#fff2eb}
body[data-budi-tool="reports"]{--tool-accent:#a65d08;--tool-tint:#fff6e8}
body[data-budi-tool="company"]{--tool-accent:#7760ae;--tool-tint:#f3effa}
body[data-budi-tool="account"]{--tool-accent:#52647d;--tool-tint:#eef2f7}
body[data-budi-tool="plan"]{--tool-accent:#946420;--tool-tint:#fbf5ea}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .eyebrow{color:var(--tool-accent)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .card h1{color:var(--tool-accent)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .next{background:var(--tool-accent);color:white;border-color:var(--tool-accent)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .secondary{color:var(--tool-accent);border-color:var(--tool-accent);background:white}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .window{background:var(--tool-tint);border-color:color-mix(in srgb,var(--tool-accent) 22%,white)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .choice-option input:checked+span{background:var(--tool-accent);color:white;border-color:var(--tool-accent)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) input:focus,body[data-budi-tool]:not([data-budi-tool="dashboard"]) textarea:focus,body[data-budi-tool]:not([data-budi-tool="dashboard"]) select:focus{outline-color:var(--tool-accent);border-color:var(--tool-accent)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .property-start{background:var(--tool-accent)}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .property-start .next{background:white;color:var(--tool-accent)}
@media print{body[data-budi-tool]{background:white}}
/* BuDi global alignment pass */
:root{
--budi-content-width:620px;
--budi-gutter:16px;
--budi-card-pad:20px;
--budi-field-gap:17px;
}
.shell{
width:100%;
max-width:var(--budi-content-width);
margin-left:auto;
margin-right:auto;
}
.shell>*,
.card>*,
.window>*,
.field,
.survey-choices,
.choice-grid,
.property-details,
.property-list,
.saved-library,
.fault-checker{
min-width:0;
}
.card,
.window,
.property-details,
.property-list,
.survey-review,
.dashboard-start,
.dashboard-recent{
width:100%;
}
.field,
.field>label,
.field>input,
.field>select,
.field>textarea,
.field>.choice-grid,
.field>.survey-choices,
.survey-choices>.choice-grid{
width:100%;
max-width:100%;
}
input,select,textarea,button{
box-sizing:border-box;
}
.field input,
.field select,
.field textarea{
display:block;
margin-left:0;
margin-right:0;
}
.window,
.roomdone,
.survey-review,
.property-details,
.property-list{
margin-left:0;
margin-right:0;
}
.windowhead,
.review-row,
.tool-toolbar,
.dashboard-section-title{
width:100%;
}
.choice-grid,
.dashboard-grid,
.property-dashboard,
.overview-grid,
.report-comparison,
.customer-details,
.customer-system-hero,
.customer-room-hero{
align-items:stretch;
}
.choice-grid>*,
.dashboard-grid>*,
.property-dashboard>*,
.overview-grid>*,
.report-comparison>*,
.customer-details>*,
.customer-system-hero>*,
.customer-room-hero>*{
min-width:0;
}
.dashboard,
.dashboard-header,
.dashboard-intro,
.dashboard-start,
.dashboard-grid,
.dashboard-recent,
.property-detail-header,
.property-list-toolbar,
.tool-toolbar,
.saved-library{
width:100%;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.dashboard-start>*,
.dashboard-header>*,
.tool-toolbar>*,
.property-list-toolbar>*{
min-width:0;
}
.property-list-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.property-list-toolbar .secondary,
.tool-toolbar .secondary{
flex:0 0 auto;
}
.save-toolbar{
width:100%;
box-sizing:border-box;
}
.survey-row-content{
width:100%;
box-sizing:border-box;
}
.survey-row-links{
flex-wrap:wrap;
}
.summary-view,
.customer-cover,
.customer-room{
width:100%;
max-width:100%;
box-sizing:border-box;
}
.calc-row,
.calc-total,
.customer-equipment{
width:100%;
}
.calc-row>span,
.calc-total>span,
.customer-equipment>span,
.customer-equipment>div{
min-width:0;
}
@media(max-width:600px){
:root{
--budi-gutter:12px;
--budi-card-pad:17px;
}
.shell{
padding-left:var(--budi-gutter);
padding-right:var(--budi-gutter);
}
.card{
padding-left:var(--budi-card-pad);
padding-right:var(--budi-card-pad);
}
.dashboard-start,
.dashboard-recent,
.property-details,
.survey-review{
padding-left:17px;
padding-right:17px;
}
.dashboard-grid.property-dashboard{
grid-template-columns:1fr;
}
.property-list-toolbar,
.tool-toolbar{
align-items:stretch;
flex-direction:column;
}
.property-list-toolbar .secondary,
.tool-toolbar .secondary{
width:100%;
}
.survey-row-content{
padding-left:10px;
padding-right:10px;
}
.customer-cover .customer-details,
.customer-cover .customer-system-hero,
.customer-cover .customer-room-hero,
.report-comparison,
.overview-grid{
grid-template-columns:1fr!important;
}
}
@media(max-width:420px){
.choice-grid{
grid-template-columns:1fr;
}
.review-row{
width:100%;
}
.review-row button{
max-width:100%;
}
}
@media print{
.shell,.card,.window,.summary-view,.customer-cover,.customer-room{
width:auto!important;
max-width:none!important;
}
}
/* BuDi consistent survey button sizing */
.choice-grid{
align-items:stretch;
}
.choice-field .choice-option{
height:100%;
}
.choice-option span{
height:100%;
min-height:78px;
padding:12px 12px;
}
@media(min-width:700px){
.choice-option span{min-height:66px}
}
@media(max-width:420px){
.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-option span{
min-height:82px;
font-size:.93rem;
line-height:1.3;
}
}
/* Keep native iPhone date controls within the same field edges. */
@media screen{
.field input[type="date"],.field input[type="datetime-local"],.field input[type="time"]{
-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;
width:100%;min-width:0;max-width:100%;min-inline-size:0;
inline-size:100%;max-inline-size:100%;height:50px;overflow:hidden;
}
.field input::-webkit-date-and-time-value{min-width:0;text-align:left;margin:0;}
.field input::-webkit-datetime-edit{padding:0;min-width:0;}
#fgReportFilters{width:100%;min-width:0;margin-top:20px;}
#fgReportFilters>.next,#fgCsv,#fgPrint,#fgCertificates{
display:flex;align-items:center;justify-content:center;width:100%;
box-sizing:border-box;min-height:52px;padding:14px 16px;margin:12px 0;
font:inherit;font-weight:800;font-size:15px;line-height:1.35;
}
}
/* Guided heat pump servicing */
body[data-budi-tool="service"]{--tool-accent:#258fa9;--tool-tint:#edf8fb}
#serviceFields>.survey-choices{display:block;margin:26px 0}
#serviceFields .choice-option{display:block;position:relative;margin:0;cursor:pointer}
.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 0}.service-actions button{width:100%;margin:0;min-height:52px}
#serviceStatus{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-weight:600}
.service-report-section{margin:28px 0;border-top:1px solid #dae9ed;padding-top:12px}.service-report-section dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #e7eef0;break-inside:avoid}.service-report-section dt{font-weight:600}.service-report-section dd{margin:0;overflow-wrap:anywhere}
@media(max-width:480px){.service-report-section dl>div{grid-template-columns:1fr;gap:5px}}
/* Dashboard icons share fixed rows, regardless of label length or status. */
.dashboard .colourful-tools{
--dashboard-icon-size:76px;
align-items:start;
}
.dashboard .colourful-tools .dashboard-tile{
display:grid;
grid-template-rows:var(--dashboard-icon-size) minmax(2.6em,auto) 1.3em;
justify-content:center;
justify-items:center;
align-content:start;
align-items:start;
aspect-ratio:auto;
height:100%;
padding:0;
gap:10px;
}
.dashboard .colourful-tools .dashboard-app-icon{
width:var(--dashboard-icon-size);
height:var(--dashboard-icon-size);
margin:0;
}
.dashboard .colourful-tools .dashboard-tile strong{
display:block;
width:100%;
min-height:2.6em;
margin:0;
line-height:1.3;
overflow-wrap:normal;
}
.dashboard .colourful-tools .dashboard-soon-label{
grid-row:3;
margin:0;
line-height:1.3;
}
.dashboard .tool-toolbar{
flex-direction:row;
align-items:center;
}
.dashboard .tool-toolbar .secondary{
width:auto;
margin:0;
}
@media(min-width:650px){
.dashboard .colourful-tools{--dashboard-icon-size:88px}
}
/* Dashboard polish, step 1: soft depth on tool tiles only.
Keep the existing colour identity, icon geometry and grid untouched. */
.dashboard .colourful-tools .dashboard-app-icon{
background:
linear-gradient(135deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.07) 38%,rgba(255,255,255,0) 65%),
linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.12) 100%),
var(--tool-colour);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.50),
inset 1px 0 0 rgba(255,255,255,.14),
inset 0 -1px 0 rgba(0,0,0,.12),
0 2px 4px rgba(44,20,73,.06),
0 8px 18px -5px rgba(44,20,73,.20);
}
/* Dashboard polish, step 3: softer lavender backdrop with restrained light behind tools. */
body:has(.dashboard){
background:
radial-gradient(circle at 50% 16%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.62) 18%,rgba(255,255,255,0) 46%),
radial-gradient(circle at 18% 42%,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 30%),
linear-gradient(180deg,#f8f4ff 0%,#f3ecfc 46%,#eee6f8 100%);
background-attachment:fixed;
}
.dashboard{
position:relative;
isolation:isolate;
}
.dashboard .colourful-tools{
position:relative;
z-index:0;
}
.dashboard .colourful-tools::before{
content:"";
position:absolute;
z-index:-1;
pointer-events:none;
inset:-24px -18px -30px;
border-radius:42px;
background:
radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.78) 0%,rgba(255,255,255,.40) 38%,rgba(244,236,255,.18) 61%,rgba(244,236,255,0) 78%);
filter:blur(5px);
}
@media(max-width:600px){
body:has(.dashboard){
background:
radial-gradient(circle at 50% 13%,rgba(255,255,255,.90) 0%,rgba(255,255,255,.58) 20%,rgba(255,255,255,0) 44%),
linear-gradient(180deg,#f8f4ff 0%,#f3ecfc 50%,#eee6f8 100%);
}
.dashboard .colourful-tools::before{
inset:-18px -10px -24px;
border-radius:32px;
filter:blur(4px);
}
}
/* Dashboard polish, step 4: tighter header and faster path to the tools. */
.dashboard{
padding-top:8px;
}
.dashboard .dashboard-header{
margin:2px 0 12px;
}
.dashboard .dashboard-logo{
width:225px;
max-width:64%;
}
.dashboard .dashboard-intro h1{
margin:0 0 4px;
font-size:30px;
line-height:1.1;
}
.dashboard .dashboard-intro p{
margin:0 0 12px;
font-size:14px;
line-height:1.4;
}
.dashboard .dashboard-resume{
margin:2px 0 10px;
}
.dashboard .tool-toolbar{
margin-top:10px;
}
.dashboard .colourful-tools{
margin-top:14px;
}
@media(max-width:600px){
.dashboard{
padding-top:4px;
}
.dashboard .dashboard-header{
margin:0 0 8px;
}
.dashboard .dashboard-logo{
width:205px;
max-width:62%;
}
.dashboard .dashboard-intro h1{
font-size:27px;
}
.dashboard .dashboard-intro p{
margin-bottom:10px;
font-size:13px;
}
.dashboard .tool-toolbar{
margin-top:8px;
}
.dashboard .colourful-tools{
margin-top:12px;
}
}
@media(min-width:650px){
.dashboard .dashboard-logo{
width:250px;
max-width:48%;
}
}
/* Dashboard polish, step 5: balanced tool rhythm and a purpose-built arrange control. */
.dashboard .tool-toolbar{
min-height:44px;
padding:0 2px;
}
.dashboard .tool-toolbar h2{
font-size:19px;
line-height:1.2;
letter-spacing:-.01em;
}
.dashboard .tool-toolbar #arrangeTools{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
min-width:108px;
min-height:38px;
padding:8px 14px;
border:1px solid rgba(89,0,217,.16);
border-radius:999px;
background:rgba(255,255,255,.72);
color:#4c2b73;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(49,15,93,.07);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
font-size:13px;
font-weight:750;
line-height:1;
transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;
}
.dashboard .tool-toolbar #arrangeTools::before{
content:"";
width:14px;
height:14px;
margin-right:7px;
background:
radial-gradient(circle,#6f4b98 1.5px,transparent 1.7px) 0 0/7px 7px;
opacity:.9;
}
.dashboard .tool-toolbar #arrangeTools:hover{
background:rgba(255,255,255,.92);
border-color:rgba(89,0,217,.28);
box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(49,15,93,.10);
}
.dashboard .tool-toolbar #arrangeTools:active{
transform:scale(.97);
box-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(49,15,93,.08);
}
.dashboard .tools-arranging + #arrangeHint,
.dashboard #arrangeHint{
margin:8px 2px 0;
font-size:12px;
line-height:1.35;
}
.dashboard .colourful-tools{
row-gap:22px;
column-gap:14px;
}
.dashboard .colourful-tools .dashboard-tile{
grid-template-rows:var(--dashboard-icon-size) 2.7em 1.3em;
gap:8px;
}
.dashboard .colourful-tools .dashboard-tile strong{
display:flex;
align-items:flex-start;
justify-content:center;
min-height:2.7em;
max-width:118px;
margin:0 auto;
}
@media(max-width:600px){
.dashboard .tool-toolbar{
min-height:40px;
}
.dashboard .tool-toolbar #arrangeTools{
min-width:102px;
min-height:36px;
padding:8px 12px;
font-size:12px;
}
.dashboard .colourful-tools{
row-gap:20px;
column-gap:10px;
}
.dashboard .colourful-tools .dashboard-tile{
gap:7px;
}
}
@media(min-width:650px){
.dashboard .colourful-tools{
row-gap:26px;
column-gap:20px;
}
.dashboard .colourful-tools .dashboard-tile strong{
max-width:140px;
}
}
/* Property hub */
.property-back-compact{
width:auto!important;
min-width:0;
padding:10px 14px;
margin:0 0 12px;
border-radius:14px;
}
.property-hub-header{
margin:0 0 18px;
padding:18px 20px;
border:1px solid #e4d8f4;
border-radius:22px;
background:linear-gradient(180deg,#fff 0%,#fbf8ff 100%);
box-shadow:0 8px 24px rgba(72,37,120,.05);
}
.property-hub-header h1{
margin:4px 0 6px;
font-size:30px;
line-height:1.08;
}
.property-hub-address,.property-hub-customer{margin:4px 0!important}
.property-hub-address{color:#4b5567}
.property-hub-customer{color:#6c7485;font-size:14px}
.property-hub-section{
margin:18px 0 24px;
padding:0;
}
.property-hub-section-head{
margin:0 0 12px;
}
.property-hub-section-head h2{
margin:0 0 4px;
font-size:19px;
color:#202938;
}
.property-hub-section-head p{
margin:0;
color:#737b8c;
font-size:13px;
}
.property-hub-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
margin:0!important;
}
.property-hub-tile{
aspect-ratio:auto!important;
min-height:132px;
padding:16px 12px!important;
border-radius:18px!important;
gap:10px!important;
}
.property-hub-tile strong{
font-size:14px!important;
max-width:140px!important;
}
.property-hub-tile .dashboard-app-icon{
width:50px!important;
height:50px!important;
border-radius:15px!important;
}
.property-hub-tile .dashboard-app-icon svg{
width:28px!important;
height:28px!important;
}
@media(max-width:600px){
.property-hub-header{padding:16px;margin-bottom:16px}
.property-hub-header h1{font-size:26px}
.dashboard-grid.property-dashboard.property-hub-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.property-hub-tile{
min-height:122px;
padding:14px 10px!important;
}
}
.property-summary-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:0 0 22px;
}
.property-summary-card{
min-width:0;
padding:14px 15px;
border:1px solid #e4d9f2;
border-radius:16px;
background:#fff;
box-shadow:0 4px 14px rgba(61,31,105,.035);
}
.property-summary-card small{
display:block;
margin-bottom:7px;
color:#747c8c;
font-size:11px;
line-height:1.25;
text-transform:uppercase;
letter-spacing:.04em;
}
.property-summary-card strong{
display:block;
color:#221b2e;
font-size:23px;
line-height:1.1;
overflow-wrap:anywhere;
}
.property-summary-card .property-summary-date{
font-size:14px;
line-height:1.3;
}
.property-summary-card.is-loading strong{color:#9f93ae}
@media(max-width:600px){
.property-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
.property-summary-card{padding:13px}
.property-summary-card strong{font-size:21px}
.property-summary-card .property-summary-date{font-size:13px}
}
.property-quick-actions{
margin:0 0 24px;
padding:16px;
border:1px solid #e1d5f2;
border-radius:18px;
background:#fbf9fe;
}
.property-quick-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.property-quick-action{
width:100%!important;
min-height:48px;
margin:0!important;
padding:11px 12px!important;
border-radius:14px!important;
font-size:13px!important;
}
@media(max-width:700px){
.property-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.property-history-list{
position:relative;
display:flex;
flex-direction:column;
gap:10px;
margin-top:16px;
}
.property-history-item{
position:relative;
display:grid;
grid-template-columns:14px minmax(0,1fr) auto;
gap:12px;
align-items:center;
width:100%;
margin:0;
padding:14px 15px;
text-align:left;
background:#fff;
border:1px solid #e4daf1;
border-radius:16px;
color:#202938;
}
.property-history-item:hover{border-color:#b89bdf;background:#fcfaff}
.property-history-dot{
width:10px;
height:10px;
border-radius:999px;
background:#7b3fc6;
box-shadow:0 0 0 4px #f0e7fb;
}
.property-history-main{min-width:0}
.property-history-main small,
.property-history-main strong,
.property-history-main>span{display:block}
.property-history-main small{color:#7a8190;font-size:11px;margin-bottom:4px}
.property-history-main strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.property-history-main>span{margin-top:4px;color:#697181;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.property-history-arrow{font-size:22px;color:#7b3fc6}
.property-history-tabs{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin:14px 0 18px;
padding:4px;
background:#f3eef9;
border-radius:14px;
}
.property-history-tabs button{
margin:0;
width:100%;
padding:10px 12px;
border:0;
border-radius:11px;
background:transparent;
color:#655875;
font:inherit;
font-size:13px;
font-weight:700;
}
.property-history-tabs button.is-active{
background:#fff;
color:#4e1a88;
box-shadow:0 2px 8px rgba(63,32,103,.08);
}
.property-report-summary{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:0 0 20px;
}
.property-report-summary>div{
padding:13px;
border:1px solid #e6dcef;
border-radius:14px;
background:#fff;
}
.property-report-summary small{
display:block;
color:#777f8e;
font-size:10px;
line-height:1.25;
text-transform:uppercase;
margin-bottom:6px;
}
.property-report-summary strong{
display:block;
font-size:21px;
color:#261d31;
}
.property-report-group{
margin:0 0 24px;
}
.property-report-group-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.property-report-group-head h3{
margin:0;
font-size:17px;
}
.property-report-group-head span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:28px;
height:28px;
padding:0 8px;
border-radius:999px;
background:#f0e7fb;
color:#6533a1;
font-size:12px;
font-weight:700;
}
@media(max-width:600px){
.property-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.system-record-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:18px;
}
.system-record-actions button{
width:100%!important;
margin:0!important;
}
@media(max-width:520px){
.system-record-actions{grid-template-columns:1fr}
}
.company-logo-preview{
padding:16px;
background:#fff;
border:1px solid #dacbed;
border-radius:12px;
margin-bottom:16px;
min-height:92px;
display:flex;
align-items:center;
justify-content:center;
}
.company-logo-preview img{
max-width:100%;
max-height:110px;
object-fit:contain;
}
.company-branding-toggle{
display:flex!important;
align-items:center;
gap:12px;
margin:16px 0;
width:100%;
}
.company-branding-toggle input{
flex:0 0 auto;
width:22px!important;
height:22px!important;
margin:0!important;
}
.company-branding-toggle span{
min-width:0;
line-height:1.35;
}
.company-cert-section{
margin-top:28px;
}
.company-cert-section>h3{
margin-top:0;
}
.company-engineers-head{
margin-top:32px;
}
.company-engineers-head h3{
margin:0 0 10px;
}
.company-engineers-head p{
margin-bottom:18px;
}
.company-cert-actions{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-top:18px;
}
.company-cert-actions button{
width:100%!important;
margin:0!important;
}
.account-footer-actions{
margin-top:30px;
padding-top:24px;
border-top:1px solid #e2d8ef;
}
.account-footer-actions .secondary{
margin:0 0 14px;
}
.account-footer-actions #cloudMessage{
margin:0 0 14px;
}
@media(min-width:620px){
.company-cert-actions{
grid-template-columns:1fr 1fr;
}
}
.brand-colour-picker{
margin:22px 0 18px;
padding:0;
border:0;
}
.brand-colour-picker legend{
margin-bottom:10px;
font-size:13px;
font-weight:800;
}
.brand-colour-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.brand-colour-option{
display:flex!important;
align-items:center;
gap:9px;
margin:0!important;
padding:10px;
border:1px solid #ded5e9;
border-radius:12px;
background:#fff;
font-size:12px;
font-weight:700;
}
.brand-colour-option input{
position:absolute;
opacity:0;
pointer-events:none;
}
.brand-colour-option:has(input:checked){
border:2px solid #7760ae;
padding:9px;
background:#faf8fd;
}
.brand-colour-swatch{
width:22px;
height:22px;
flex:0 0 22px;
border-radius:999px;
background:var(--swatch);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);
}
#customerReportPrint,
#technicalReportPrint{
--report-accent:#5900d6;
}
#customerReportPrint .budi-report-brand,
#technicalReportPrint .budi-report-brand{
border-bottom-color:var(--report-accent)!important;
}
#customerReportPrint .budi-report-brand span,
#technicalReportPrint .budi-report-brand span,
#customerReportPrint .report-section-label,
#technicalReportPrint .report-section-label,
#customerReportPrint .customer-details small,
#technicalReportPrint .customer-details small,
#customerReportPrint .cover-kicker,
#technicalReportPrint .cover-kicker,
#customerReportPrint .report-recommendation strong,
#technicalReportPrint .report-recommendation strong,
#customerReportPrint .report-comparison strong,
#technicalReportPrint .report-comparison strong{
color:var(--report-accent)!important;
}
#customerReportPrint .report-recommendation,
#technicalReportPrint .report-recommendation{
background:color-mix(in srgb,var(--report-accent) 7%,white)!important;
border-color:color-mix(in srgb,var(--report-accent) 22%,white)!important;
}
@media(max-width:520px){
.brand-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Servicing hub */
.service-launch-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin:22px 0 30px;
}
.service-launch-card{
width:100%;
min-height:126px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:20px;
border:1px solid #ddcff0;
border-radius:20px;
background:#fff;
color:#18212f;
text-align:left;
font:inherit;
box-shadow:0 8px 24px rgba(41,24,77,.05);
}
.service-launch-copy{
display:flex;
flex-direction:column;
gap:8px;
min-width:0;
}
.service-launch-copy strong{
font-size:20px;
line-height:1.2;
}
.service-launch-copy small{
color:#68728a;
font-size:14px;
line-height:1.45;
}
.service-launch-arrow{
flex:0 0 auto;
font-size:34px;
line-height:1;
color:#5900d9;
}
.service-unassigned{
margin-top:28px;
}
.service-unassigned>h2{
margin-bottom:6px;
}
.service-record-row{
border:1px solid #e3d9f0;
border-radius:16px;
margin:12px 0;
overflow:hidden;
}
.service-record-row .survey-row-content{
grid-template-columns:minmax(0,1fr) 32px;
gap:12px;
padding:16px;
}
.service-record-row .survey-row-details{
min-width:0;
}
.service-record-row .survey-row-details>small{
display:block;
color:#68728a;
margin-bottom:5px;
}
.service-record-row .survey-row-details>strong{
display:block;
font-size:17px;
color:#18212f;
}
.service-record-row .survey-row-links{
margin-top:10px;
}
@media(max-width:600px){
.service-launch-grid{
grid-template-columns:1fr;
gap:12px;
}
.service-launch-card{
min-height:0;
padding:18px;
border-radius:16px;
}
.service-launch-copy strong{
font-size:18px;
}
.service-launch-copy small{
font-size:13px;
}
}
.service-customer-actions{
display:grid;
gap:12px;
margin:22px 0;
}
.service-customer-actions .service-launch-card{
min-height:0;
}
/* Property history rows keep their own full-width layout while reusing swipe delete. */
.property-history-wrap{
margin:10px 0;
border:1px solid #e3d9f0;
border-radius:16px;
overflow:hidden;
}
.property-history-wrap .property-history-content{
display:grid!important;
grid-template-columns:minmax(0,1fr) 36px!important;
gap:8px!important;
padding:0!important;
width:100%;
background:#fff;
}
.property-history-wrap .property-history-item{
width:100%;
min-width:0;
margin:0;
border:0;
border-radius:0;
}
.property-history-wrap .survey-row-options{
width:36px;
min-width:36px;
align-self:center;
justify-self:center;
padding:8px 0;
}
.property-history-wrap.is-open .property-history-content{
transform:translateX(-88px);
}
@media(max-width:600px){
.property-history-wrap .property-history-content{
grid-template-columns:minmax(0,1fr) 34px!important;
}
}
/* AC service step 1 */
.ac-service-details,
.ac-asset-confirm{
margin:18px 0;
padding:18px;
border:1px solid #e3d9f0;
border-radius:16px;
background:#fff;
}
.ac-service-details{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.ac-service-details .field{
margin:0;
}
.ac-readonly-value{
min-height:48px;
padding:13px 14px;
border:1px solid #e5e7eb;
border-radius:12px;
background:#f8f9fb;
color:#18212f;
line-height:1.45;
}
.ac-asset-confirm .property-details{
margin-top:14px;
}
.ac-confirm-toggle{
margin-top:18px!important;
padding-top:16px;
border-top:1px solid #ece6f4;
}
@media(max-width:600px){
.ac-service-details{
grid-template-columns:1fr;
padding:16px;
}
.ac-asset-confirm{
padding:16px;
}
}
.ac-asset-edit-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin-top:14px;
}
.ac-asset-edit-grid .field{
margin:0;
}
.ac-next-due{
margin:16px 0 0;
}
@media(max-width:600px){
.ac-asset-edit-grid{
grid-template-columns:1fr;
}
}
/* AC service step 2 */
.ac-service-section{
margin:18px 0;
padding:18px;
border:1px solid #e3d9f0;
border-radius:16px;
background:#fff;
}
.ac-service-section>h2{
margin:0 0 8px;
}
.ac-service-check{
margin:16px 0;
}
.ac-service-check legend{
margin-bottom:9px;
font-weight:750;
}
.ac-service-check .choice-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.ac-service-check .choice-option span{
min-height:54px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
@media(max-width:520px){
.ac-service-section{
padding:16px;
}
.ac-service-check .choice-grid{
grid-template-columns:1fr 1fr;
}
}
/* Budi pressure / temperature slider, interface preview */
.pt-page{max-width:820px;margin:0 auto;padding:12px 0 36px}
.pt-page>h1{margin:14px 0 8px;letter-spacing:-.035em}
.pt-intro{color:var(--muted,#637288);line-height:1.55;margin-bottom:22px}
.pt-card{background:var(--card,#fff);border:1px solid rgba(110,133,160,.22);border-radius:25px;padding:clamp(18px,4vw,34px);box-shadow:0 14px 46px rgba(19,47,77,.07)}
.pt-card .field{max-width:420px}.pt-card select{width:100%;min-height:48px}
.pt-readouts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 34px}
.pt-readout{padding:19px 16px;border-radius:18px;background:linear-gradient(150deg,#f3f8fc,#e9f4f5);border:1px solid #e0e9f1;min-width:0}
.pt-readout>span{display:block;color:#5a6977;font-size:13px;margin-bottom:11px}
.pt-readout strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(26px,5.2vw,39px);color:#142e43;font-weight:750}
.pt-readout small{font-size:14px;font-weight:600;color:#506579}
.pt-slide-head{display:flex;justify-content:space-between;letter-spacing:.11em;font-weight:750;color:#657789;font-size:11px;margin-bottom:18px}
.pt-scale{position:relative;height:94px;margin:0 10px}
.pt-scale-ticks{position:absolute;inset:10px 0 22px;background:repeating-linear-gradient(90deg,#93acbc 0 1px,transparent 1px 2%);opacity:.45;mask-image:linear-gradient(0deg,#000,transparent 75%)}
.pt-scale-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#627386;font-size:12px;font-variant-numeric:tabular-nums}
.pt-scale-marker{position:absolute;top:1px;bottom:21px;left:var(--pt-position);width:3px;border-radius:3px;background:#1496a1;box-shadow:0 0 0 5px rgba(20,150,161,.12);transform:translateX(-50%);pointer-events:none}
.pt-range{display:block;width:100%;accent-color:#1597a2;min-height:44px;cursor:ew-resize;touch-action:pan-y}
.pt-hint{font-size:13px;line-height:1.55;color:#596b79;margin:10px 0 20px}
.pt-status{border-radius:15px;padding:15px 17px;background:rgba(22,138,154,.07);border:1px solid rgba(22,138,154,.16);display:flex;gap:9px;flex-direction:column;font-size:13px;line-height:1.5}
.pt-status strong{color:#147e8c}.pt-status span{color:#526574}
@media(max-width:480px){.pt-readouts{gap:9px}.pt-readout{padding:14px 11px}.pt-readout strong{font-size:27px}.pt-card{border-radius:21px}}
/* Full screen refrigerant slide rule */
body:has(.pt-fullscreen){overflow:hidden}
.pt-fullscreen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;max-width:none;margin:0;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 20%,#173b51 0%,#0b2032 70%);color:#f4f8fb;box-sizing:border-box;overflow:auto}
.pt-fullscreen .pt-topbar{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:9px 6px 13px;flex-shrink:0}
.pt-back{border:1px solid #668093;border-radius:11px;background:#ffffff12;color:white;padding:10px 13px;font-size:17px;white-space:nowrap;cursor:pointer}
.pt-brand{font-size:21px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}
.pt-brand span{display:block;font-size:9px;letter-spacing:.15em;font-weight:600;color:#a1c2d0}
.pt-gas-wrap{display:flex;gap:9px;align-items:center;font-size:11px;color:#9ec3ce;white-space:nowrap}
.pt-gas-wrap select{font-size:17px;min-width:104px;background:#f4fbff;color:#132c3d;padding:8px 22px 8px 11px;border-radius:11px;max-width:160px}
.pt-rotate-hint{display:block;flex-shrink:0;text-align:center;color:#bbd2da;font-size:12px;margin:6px 0 12px}
.pt-instrument{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:none;width:100%;margin:0 auto}
.pt-instrument-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 11px}
.pt-instrument-head strong{font-size:21px;display:block;line-height:1.1}
.pt-tiny{display:block;font-size:10px;letter-spacing:.16em;color:#9db6c7}
.pt-instrument-legend{font-size:11px;color:#a6c4cf}
.pt-colour-dot{display:inline-block;width:7px;height:7px;background:#16b8bd;border-radius:50%;margin-right:6px}
.pt-ruler-frame{position:relative;width:100%;height:clamp(210px,42vh,380px);overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;border:9px solid #b5cbd2;border-radius:14px;background:linear-gradient(180deg,#eef2e8,#fffdf1 48%,#dce7e6 49%,#f4f6ef);box-shadow:inset 0 0 0 2px #8197a1,0 18px 55px #0006;box-sizing:border-box}
.pt-ruler-frame.pt-dragging{cursor:grabbing}
.pt-ruler-movable{position:absolute;inset:0;pointer-events:none}
.pt-ruler-row{height:50%;position:relative;border-bottom:2px solid #aabcc0}
.pt-ruler-row.pt-temp-row{border-bottom:0;background:#e4edf0}
.pt-row-name{position:absolute;left:11px;top:9px;font-size:9px;letter-spacing:.1em;color:#496375;z-index:3;font-weight:700}
.pt-ruler-ticks{position:absolute;inset:0}
.pt-tick-major,.pt-tick-minor{position:absolute;bottom:14px;transform:translateX(-50%);width:1px;height:40%;background:#435968}
.pt-tick-major{height:55%;width:2px}
.pt-tick-major span{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);font-size:clamp(12px,2vw,18px);font-weight:650;color:#244456;font-variant-numeric:tabular-nums}
.pt-tick-minor{height:20%;background:#8195a1}
.pt-ruler-temp{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:400px;color:#66808c;font-size:clamp(11px,2vw,15px)}
.pt-fixed-pointer{position:absolute;inset:0;z-index:5;pointer-events:none}
.pt-pointer-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#dc554c;transform:translateX(-50%);box-shadow:0 0 1px #cf3c38}
.pt-pointer-head,.pt-pointer-foot{position:absolute;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent}
.pt-pointer-head{top:0;border-top:16px solid #d94c45}
.pt-pointer-foot{bottom:0;border-bottom:16px solid #d94c45}
.pt-drag-note{text-align:center;font-size:12px;color:#9eb8c5;margin:12px 0 2px}
.pt-bottom-bar{display:flex;align-items:center;justify-content:center;gap:26px;border-top:1px solid #355468;padding:12px 6px 8px;flex-shrink:0;flex-wrap:wrap}
.pt-measure>span{display:block;color:#a4c0cc;font-size:10px;letter-spacing:.11em;font-weight:700;margin-bottom:3px}
.pt-measure strong{font-size:clamp(22px,4vw,34px);color:#fff;font-variant-numeric:tabular-nums}
.pt-measure small{font-size:13px;color:#b2cdd7}
.pt-preview-note{flex-basis:100%;font-size:10px;color:#94afbb;text-align:center}
@media(orientation:landscape){.pt-fullscreen{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(2px,env(safe-area-inset-bottom))}.pt-fullscreen .pt-topbar{padding:2px 6px 5px}.pt-rotate-hint{display:none}.pt-ruler-frame{height:clamp(135px,46vh,320px)}.pt-bottom-bar{padding:5px 6px 2px}.pt-instrument-head{padding-bottom:5px}.pt-drag-note{margin:5px 0}.pt-brand span{font-size:8px}}
@media(max-width:490px) and (orientation:portrait){.pt-brand{font-size:17px}.pt-brand span{font-size:7px}.pt-gas-wrap>span{display:none}.pt-gas-wrap select{min-width:94px;font-size:14px}.pt-fullscreen .pt-topbar{gap:8px}.pt-instrument-legend{display:none}.pt-bottom-bar{gap:18px}.pt-ruler-frame{height:35vh}}
.pt-phase-switch{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0 12px;color:#b9d6de;font-size:12px}
.pt-phase-switch button{padding:8px 12px;border:1px solid #537489;background:#17354a;color:#d7e8ed;border-radius:10px;cursor:pointer;font-size:12px}
.pt-phase-switch button.selected{background:#147f94;color:white;border-color:#2fc2ca}
.pt-temp-ticks .pt-tick-temperature{border-color:#147f94;background:#147f94}
.pt-temp-ticks .pt-tick-temperature span{color:#1a6276}
/* BuDi purple: P/T tool colour pass only */
.pt-fullscreen{background:radial-gradient(ellipse at 50% 20%,#2a1746 0%,#160f2d 70%)}
.pt-colour-dot{background:#7c4dff}
.pt-ruler-frame{border-color:#c9b8ec;background:linear-gradient(180deg,#f6f2fb,#fffdfd 48%,#ebe5f5 49%,#f7f4fb);box-shadow:inset 0 0 0 2px #8d7ab8,0 18px 55px #0006}
.pt-temp-ticks .pt-tick-temperature{border-color:#7c4dff;background:#7c4dff}
.pt-temp-ticks .pt-tick-temperature span{color:#5c33c7}
.pt-phase-switch{color:#d6c8f3}
.pt-phase-switch button{border-color:#6f56a8;background:#26193f;color:#e8defd}
.pt-phase-switch button.selected{background:#7c4dff;color:#fff;border-color:#a98cff}
.pt-back{border-color:#8d75bf}
.pt-gas-wrap{color:#d6c8f3}
.pt-gas-wrap select{background:#f8f4ff;color:#24173d}
.pt-measure>span{color:#d0c1ef}
.pt-measure small{color:#d9cdf3}
.pt-preview-note,.pt-drag-note,.pt-rotate-hint,.pt-instrument-legend,.pt-tiny{color:#cbbce8}
.pt-bottom-bar{border-top-color:#584475}
/* Landscape instrument uses the available viewport, with clean readable scales. */
.pt-ruler-row{overflow:hidden}
.pt-ruler-row .pt-tick-major,.pt-ruler-row .pt-tick-minor{bottom:8px;height:27%;max-height:42px}
.pt-ruler-row .pt-tick-major{height:42%;max-height:60px}
.pt-ruler-row .pt-tick-major span{bottom:auto;top:-27px;font-size:clamp(12px,1.7vw,17px);line-height:1;white-space:nowrap}
.pt-ruler-row .pt-row-name{top:6px;left:9px;background:rgba(250,247,255,.87);padding:3px 5px;border-radius:4px}
.pt-ruler-row.pt-temp-row .pt-tick-major span{color:#5933a1}
.pt-ruler-row.pt-temp-row{background:linear-gradient(180deg,#f2edf9,#e8e0f5)}
@media(orientation:landscape){
.pt-fullscreen{height:100dvh;min-height:0;overflow:hidden;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
.pt-fullscreen .pt-topbar{min-height:0;gap:12px;padding:2px 5px 3px}
.pt-fullscreen .pt-topbar .pt-back{padding:5px 9px;font-size:14px}
.pt-fullscreen .pt-gas-wrap select{padding:5px 22px 5px 9px;font-size:14px}
.pt-fullscreen .pt-brand{font-size:18px}
.pt-phase-switch{padding:2px 0 4px;gap:6px;font-size:11px;flex-shrink:0}
.pt-phase-switch button{padding:5px 10px}
.pt-instrument{flex:1 1 0;min-height:0;justify-content:stretch}
.pt-instrument-head{padding:2px 5px 5px;flex-shrink:0}
.pt-instrument-head strong{font-size:16px}
.pt-tiny{font-size:9px}
.pt-ruler-frame{flex:1 1 0;height:auto;min-height:120px;max-height:none;border-width:6px}
.pt-ruler-row .pt-tick-major span{top:-24px}
.pt-drag-note{margin:2px 0;font-size:10px;flex-shrink:0}
.pt-bottom-bar{gap:18px;padding:5px 4px 1px;flex-shrink:0}
.pt-measure strong{font-size:clamp(21px,3vw,30px)}
.pt-measure>span{font-size:9px}
.pt-preview-note{font-size:9px}
}
/* Landscape: slide rule is the screen, not a panel surrounded by dashboard UI. */
@media (orientation:landscape){
.pt-fullscreen{height:100dvh;width:100vw;max-width:none;inset:0;overflow:hidden;padding:0;background:#c9b8ec}
.pt-fullscreen .pt-rotate-hint,.pt-fullscreen .pt-instrument-head,.pt-fullscreen .pt-drag-note,.pt-fullscreen .pt-bottom-bar{display:none!important}
.pt-fullscreen .pt-instrument{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;display:block;min-height:0;max-width:none}
.pt-fullscreen .pt-ruler-frame{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}
.pt-fullscreen .pt-topbar{position:absolute;z-index:10010;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(7px,env(safe-area-inset-top));width:auto;margin:0;padding:0;display:flex;justify-content:space-between;pointer-events:none}
.pt-fullscreen .pt-topbar>*{pointer-events:auto}
.pt-fullscreen .pt-brand,.pt-fullscreen .pt-gas-wrap>span{display:none}
.pt-fullscreen .pt-topbar .pt-back{padding:4px 9px;background:rgba(35,17,66,.86);color:white;font-size:12px;border-radius:8px}
.pt-fullscreen .pt-gas-wrap{margin-left:auto}
.pt-fullscreen .pt-gas-wrap select{font-size:12px;min-width:80px;max-width:125px;padding:4px 16px 4px 8px;border-radius:8px;border:1px solid #947bb5;box-shadow:0 2px 6px #0002}
.pt-fullscreen .pt-topbar{gap:6px}
.pt-fullscreen .pt-ruler-row .pt-row-name{top:48px}
.pt-fullscreen .pt-ruler-row .pt-tick-major span{font-size:clamp(17px,2.4vw,26px);top:-37px}
.pt-fullscreen .pt-ruler-row .pt-tick-major{height:53%;max-height:none}
.pt-fullscreen .pt-ruler-row .pt-tick-minor{height:34%;max-height:none}
.pt-fullscreen .pt-fixed-pointer .pt-pointer-line{width:3px}
}
@media(orientation:landscape){
.pt-fullscreen .pt-phase-switch{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:10010;display:flex;flex-wrap:nowrap;gap:4px;padding:0;background:rgba(36,19,61,.85);border-radius:9px}
.pt-fullscreen .pt-phase-switch>span{display:none}
.pt-fullscreen .pt-phase-switch button{padding:6px 8px;font-size:11px}
}
/* BuDi maker's mark integrated into the physical slide-rule surface. */
.pt-ruler-frame{isolation:isolate}
.pt-rule-brand{position:absolute;z-index:4;right:clamp(18px,4vw,65px);bottom:clamp(12px,3vh,32px);pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;line-height:.91;color:#5100ce;opacity:.56;text-shadow:0 1px 0 #ffffffb8;filter:drop-shadow(0 1px 1px #4c258b16);user-select:none;transform:rotate(-.5deg)}
.pt-rule-brand span{display:block;font-weight:850;font-size:clamp(12px,2vw,22px);letter-spacing:-.065em;white-space:nowrap;margin-left:2px;margin-bottom:2px}
.pt-rule-brand strong{display:block;font-weight:950;font-size:clamp(30px,6.3vw,77px);letter-spacing:-.095em;white-space:nowrap}
.pt-ruler-frame .pt-ruler-row{z-index:1}
@media(orientation:portrait){.pt-rule-brand{right:12px;bottom:8px;opacity:.40}.pt-rule-brand span{font-size:12px}.pt-rule-brand strong{font-size:31px}}
@media(orientation:landscape){.pt-rule-brand{right:max(22px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));opacity:.55}}
/* Give the BuDi wordmark natural spacing instead of compressed lettering. */
.pt-rule-brand strong{letter-spacing:-.06em;font-weight:850;font-kerning:normal}
.pt-rule-brand span{letter-spacing:-.025em}
/* Thermistor checker */
.therm-tool{max-width:850px;margin:0 auto;padding-bottom:35px}
.therm-tool>h1{margin:15px 0 8px}
.therm-card{margin-top:20px;padding:clamp(18px,4vw,32px);border-radius:20px}
.therm-card .field{margin-bottom:18px}
.therm-card select,.therm-card input{width:100%;box-sizing:border-box;min-height:48px}
.therm-result{background:linear-gradient(125deg,#32205f,#6742d9);border-radius:18px;color:white;padding:25px 22px;margin:22px 0;box-shadow:0 9px 22px #6742d930}
.therm-result>span{display:block;color:#e4d9ff;font-size:13px;margin-bottom:6px}
.therm-result strong{display:block;font-size:clamp(36px,8vw,58px);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.therm-meta{display:grid;grid-template-columns:1fr auto;gap:9px 16px;font-size:13px;color:#596779;padding:14px 0;border-bottom:1px solid #d9dfe8}
.therm-meta strong{color:#31215d}
.therm-card h3{margin:23px 0 12px}
.therm-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.therm-reference>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f4f1fc;border:1px solid #e5ddf5;border-radius:11px;padding:11px 12px;font-size:13px}
.therm-reference strong{color:#482b92;font-variant-numeric:tabular-nums}
.therm-disclaimer{font-size:12px;line-height:1.65;margin-top:22px}
@media(max-width:460px){.therm-reference{grid-template-columns:1fr}}
/* BuDi unified app theme — icon accents remain category-specific, workflow stays purple. */
:root{--budi-primary:#5900d9;--budi-primary-deep:#30105c;--budi-primary-hover:#4600aa;--budi-focus:#ae8cfa;--budi-surface-tint:#f8f5ff}
.shell .dashboard-tile{border-color:#e4d9f4}
.shell .dashboard-tile:hover,.shell .dashboard-tile:focus-visible{border-color:#b8a1e9;background:#faf7ff}
.shell .dashboard-tile .dashboard-app-icon{background:var(--tool-colour,#6742d9)!important}
.shell .dashboard-tile .dashboard-app-icon svg{color:#fff}
.shell .dashboard-tile strong,.shell .dashboard-tile small{color:var(--budi-primary-deep)}
.shell .window h2,.shell .window h3,.shell .card h2,.shell .card h3{color:var(--budi-primary-deep)}
.shell .next,.shell button.next,.shell .pdf-button{background:var(--budi-primary);border-color:var(--budi-primary);color:#fff}
.shell .next:hover,.shell button.next:hover,.shell .pdf-button:hover{background:var(--budi-primary-hover)}
.shell .secondary,.shell .btn-secondary{color:var(--budi-primary);border-color:#c9b5eb}
.shell input:focus-visible,.shell select:focus-visible,.shell textarea:focus-visible,.shell button:focus-visible{outline:3px solid var(--budi-focus);outline-offset:2px}
.budi-scan-notice{padding:12px 14px;border-radius:11px;margin:11px 0;font-size:13px;font-weight:700;line-height:1.45}
.budi-scan-ok{color:#126440;background:#eafaf1;border:1px solid #a4e5bf}
.budi-scan-fail{color:#a01e31;background:#fff0f2;border:1px solid #f0a2af}
/* Approved BuDi dashboard (2026-10). Scoped exclusively to the dashboard. */
body:has(.shell.dashboard){background:#190d2d!important}
.shell.dashboard{max-width:900px;background:linear-gradient(160deg,#281140,#1b0c31 55%,#27134c)!important;color:#fff!important;padding:0 0 max(20px,env(safe-area-inset-bottom));min-height:100dvh;overflow:hidden}
.dashboard .budi-dashboard-hero{position:relative;background:linear-gradient(175deg,#fff 60%,#f8f4ff 100%);color:#2d164c;padding:18px 16px 34px;border-radius:0 0 50% 8% / 0 0 12% 3%;box-shadow:0 15px 28px #7c2af128;z-index:1}
.dashboard .budi-dashboard-hero .dashboard-header{margin:0 0 8px!important}
.dashboard .budi-dashboard-hero .dashboard-logo{mix-blend-mode:multiply;filter:none;width:220px;max-width:68%}
.dashboard .budi-dashboard-hero .dashboard-intro h1{color:#30105c!important;font-size:29px}
.dashboard .budi-dashboard-hero .dashboard-intro p{color:#63517a!important;font-size:13px}
.dashboard .budi-dashboard-tools{background:radial-gradient(ellipse 75% 40% at 50% 3%,#4a2369 0%,transparent 80%),linear-gradient(150deg,#291440,#170b2b 65%,#2a1550);padding:24px 18px 8px;min-height:65vh}
.dashboard .budi-dashboard-tools .tool-toolbar{margin:0 2px 20px;gap:10px}
.dashboard .budi-dashboard-tools .tool-toolbar h2{color:#fff!important;font-size:22px}
.dashboard .budi-dashboard-tools #arrangeTools{border:1px solid #7d51be!important;background:#ffffff0c!important;color:#eee0ff!important;box-shadow:inset 0 1px #ffffff12!important;border-radius:22px!important;min-height:38px!important;padding:7px 13px!important;font-size:12px!important}
.dashboard .budi-dashboard-tools #arrangeTools:before{content:"⠿";font-size:17px;margin-right:7px}
.dashboard .budi-dashboard-tools .colourful-tools{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;row-gap:17px;margin:0 0 18px;align-items:start}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-tile{grid-template-rows:82px minmax(32px,auto) 17px;gap:5px;color:#fff!important}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-app-icon{width:82px;height:82px;border-radius:22px!important;position:relative;overflow:hidden;border:1px solid #ffffff65!important;background:linear-gradient(155deg,#ffffff4c 0%,#ffffff12 28%,#00000030 100%),var(--tool-colour)!important;box-shadow:inset 0 2px 1px #ffffff7a,inset 0 -4px 11px #00000025,0 6px 12px #00000072,0 0 16px color-mix(in srgb,var(--tool-colour) 45%,transparent)!important}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-app-icon:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:38%;border-radius:20px 20px 35px 35px;background:linear-gradient(#ffffff2c,transparent)}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-app-icon svg{width:41px;height:41px;position:relative;z-index:1;stroke-width:2.15;filter:drop-shadow(0 2px 2px #00000055)}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-tile strong{color:#fff!important;font-size:13px;line-height:1.23;font-weight:650;text-shadow:0 1px 5px #09031777}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-soon-label{color:#e0d0ff!important;font-size:10px;border-radius:14px;background:#693aa466;padding:2px 8px;align-self:start}
.dashboard .budi-dashboard-tools .colourful-tools .dashboard-tile:focus-visible{outline:3px solid #c8a7ff;outline-offset:2px}
.dashboard .budi-dashboard-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;padding:13px 5px max(9px,env(safe-area-inset-bottom));border-top:1px solid #8d5dbd55;border-radius:26px 26px 0 0;background:#1f1037aa;box-shadow:0 -6px 30px #3b206c34;margin-top:12px}
.dashboard .budi-dashboard-bottom-nav button{min-height:55px;background:none;border:0;color:#c9b7e4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600}
.dashboard .budi-dashboard-bottom-nav button span{font-size:24px;line-height:26px}
.dashboard .budi-dashboard-bottom-nav .budi-bottom-active{color:#b683ff}
.dashboard .budi-dashboard-bottom-nav button:focus-visible{outline:2px solid #c8a7ff;border-radius:12px}
@media(min-width:650px){.dashboard .budi-dashboard-tools{padding:26px 40px}.dashboard .budi-dashboard-tools .colourful-tools{column-gap:16px;row-gap:22px}.dashboard .budi-dashboard-tools .colourful-tools .dashboard-tile{grid-template-rows:92px minmax(36px,auto) 19px}.dashboard .budi-dashboard-tools .colourful-tools .dashboard-app-icon{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){.dashboard .budi-dashboard-tools .dashboard-app-icon{transition:none!important}}
/* Dashboard corrections: dark backdrop, prominent arc, no stray white focus/hover tiles. */
.shell.dashboard{background:#160b27!important}
.dashboard .budi-dashboard-hero{
padding:20px 15px 58px!important;
border-radius:0 0 50% 50% / 0 0 20% 20%!important;
box-shadow:0 10px 15px #5019a940!important;
background:linear-gradient(175deg,#fff 72%,#f7f1ff)!important;
overflow:hidden;
}
.dashboard .budi-dashboard-tools{
background:radial-gradient(ellipse 95% 50% at 50% -25%,#34174e 0%,transparent 68%),linear-gradient(160deg,#210e35 0%,#150a27 62%,#1e0d38 100%)!important;
padding-top:28px!important;
}
.dashboard .budi-dashboard-tools #toolGrid .dashboard-tile,
.dashboard .budi-dashboard-tools #toolGrid .dashboard-tile:hover,
.dashboard .budi-dashboard-tools #toolGrid .dashboard-tile:focus,
.dashboard .budi-dashboard-tools #toolGrid .dashboard-tile:focus-visible,
.dashboard .budi-dashboard-tools #toolGrid .dashboard-tile:active{
background:transparent!important;
background-color:transparent!important;
box-shadow:none!important;
border:0!important;
border-radius:12px!important;
outline:none;
}
.dashboard .budi-dashboard-tools #toolGrid .dashboard-tile:focus-visible .dashboard-app-icon{outline:3px solid #d0adff;outline-offset:4px}
.dashboard .budi-dashboard-hero .budi-tagline{margin:6px auto 7px;color:#5b3193;letter-spacing:.11em;font-size:11px;font-weight:760;text-align:center;text-transform:uppercase}
.dashboard .budi-dashboard-hero .dashboard-intro{margin-top:4px}
/* Brand slogan without altering the existing embedded logo or application logic. */
.dashboard .budi-dashboard-hero .dashboard-header::after{content:"Smarter cooling together";display:block;text-align:center;color:#5b3193;font-weight:750;letter-spacing:.09em;font-size:11px;text-transform:uppercase;margin-top:4px}
/* BuDi unified workflow theme v1 — all tools use purple, icon colors only on dashboard. */
:root{
--budi-ui-ink:#211831;--budi-ui-plum:#30105c;--budi-ui-purple:#5900d9;
--budi-ui-page:#f8f5fe;--budi-ui-border:#d9cbed;--budi-ui-card:#fff;
--budi-ui-muted:#665a78;--budi-ui-radius:14px;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]){
--tool-accent:var(--budi-ui-purple)!important;
--tool-tint:var(--budi-ui-page)!important;
background:var(--budi-ui-page)!important;
color:var(--budi-ui-ink);
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell{
color:var(--budi-ui-ink);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell h1,
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell h2,
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell h3,
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell .eyebrow{
color:var(--budi-ui-plum)!important;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell .window,
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell .card,
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell .form-section{
background:var(--budi-ui-card)!important;
border-color:var(--budi-ui-border)!important;
border-radius:var(--budi-ui-radius);
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
border-color:var(--budi-ui-border);
border-radius:11px;
font-family:inherit;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible{
outline:3px solid #b998ef!important;
outline-offset:1px;
border-color:var(--budi-ui-purple)!important;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell :is(.next,.calculate-btn,.pdf-button){
background:var(--budi-ui-purple)!important;
border-color:var(--budi-ui-purple)!important;
color:white!important;
border-radius:12px;
min-height:46px;
font-weight:700;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell :is(.secondary,.btn-secondary,.back){
background:#fff!important;
color:var(--budi-ui-purple)!important;
border-color:#bda4e3!important;
border-radius:12px;
min-height:44px;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell :is(.choice-option input:checked+span,.choice.selected){
background:var(--budi-ui-purple)!important;
border-color:var(--budi-ui-purple)!important;
color:white!important;
}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell .muted{color:var(--budi-ui-muted)}
/* Commissioning uses a standalone overlay. Harmonise its controls, preserving red/green statuses. */
#budiCommissioningOverlay{background:var(--budi-ui-page)!important;color:var(--budi-ui-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#budiCommissioningOverlay .bc-card{border-color:var(--budi-ui-border)!important;background:#fff!important}
#budiCommissioningOverlay h1,#budiCommissioningOverlay h2{color:var(--budi-ui-plum)!important}
#budiCommissioningOverlay .bc-btn.bc-primary{background:var(--budi-ui-purple)!important;border-color:var(--budi-ui-purple)!important;color:#fff!important}
#budiCommissioningOverlay .bc-btn:not(.bc-primary){border-color:#bda4e3!important;color:var(--budi-ui-purple)!important;background:#fff!important}
#budiCommissioningOverlay :is(input,select,textarea){border-color:var(--budi-ui-border)!important;border-radius:11px!important}
#budiCommissioningOverlay :is(input,select,textarea):focus-visible{outline:3px solid #b998ef!important;border-color:var(--budi-ui-purple)!important}
@media print{
body[data-budi-tool]:not([data-budi-tool="dashboard"]){background:white!important}
body[data-budi-tool]:not([data-budi-tool="dashboard"]) .shell .window{background:white!important}
}
/* BuDi button copy: short action labels, explanatory text below controls. */
.budi-plan-price-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;margin:8px 0 6px}
.budi-plan-price-details p{margin:0;color:#63586f;font-size:13px;line-height:1.35}
.shell .service-actions button{padding:11px 8px;min-width:0;min-height:48px;font-size:14px;line-height:1.25;overflow-wrap:normal}
@media(max-width:360px){.shell .service-actions{gap:8px}.shell .service-actions button{font-size:13px}}
/* Company details mobile width regression repair — keep all account content within viewport. */
body[data-budi-tool="company"],body[data-budi-tool="account"]{overflow-x:clip}
body[data-budi-tool="company"] #app,body[data-budi-tool="account"] #app{width:100%;max-width:100%;min-width:0;overflow-x:clip}
body[data-budi-tool="company"] #app>.shell,body[data-budi-tool="account"] #app>.shell{width:100%;max-width:620px;min-width:0;margin-inline:auto;padding-inline:16px;box-sizing:border-box}
body[data-budi-tool="company"] #app>.shell>.card,body[data-budi-tool="account"] #app>.shell>.card,
body[data-budi-tool="company"] .saved-library,body[data-budi-tool="account"] .saved-library,
body[data-budi-tool="company"] #clerkAccount,body[data-budi-tool="account"] #clerkAccount,
body[data-budi-tool="company"] #clerkAccount>*,body[data-budi-tool="account"] #clerkAccount>*{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body[data-budi-tool="company"] #app :is(input,select,textarea,button,img){max-width:100%;box-sizing:border-box}
body[data-budi-tool="company"] #app :is(.window,.field,.company-logo-preview,.company-cert-section){min-width:0;max-width:100%}
body[data-budi-tool="company"] #app :is(h1,h2,h3,p,label){overflow-wrap:anywhere}
@media(max-width:600px){body[data-budi-tool="company"] #app>.shell>.card,body[data-budi-tool="account"] #app>.shell>.card{padding:18px 16px}}
/* Quick-entry highlights upcoming question without focusing/opening iOS picker. */
.shell .budi-next-field{outline:2px solid #a980e9;outline-offset:5px;border-radius:9px;transition:outline-color .2s}
/* iOS Safari: form controls at 16px+ avoid automatic focus zoom; preserve user pinch zoom. */
@media (pointer:coarse){input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}}