#treventi-configurator .tc-project-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 22px}
#treventi-configurator .tc-share-box,#treventi-configurator .tc-import{border:1px solid var(--line);padding:22px;margin:24px 0;background:var(--white)}
#treventi-configurator .tc-import h3{font-weight:400;font-size:26px;line-height:1.2;margin:0 0 12px}
#treventi-configurator .tc-share-box input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px;font:inherit;font-size:16px}
#treventi-configurator .tc-share-box .tc-actions{margin-top:14px}
#treventi-configurator .tc-filomuro-note{padding:14px 16px;border-left:2px solid #89765e;background:#eee8df;line-height:1.5;font-size:13px}
#treventi-configurator [hidden]{display:none!important}
#treventi-configurator .tc-import{max-width:1340px;margin:0 auto 25px}
@media(max-width:760px){
 /* Keep the live door visible while the mobile choices scroll beneath it. */
 #treventi-configurator .tc-preview{position:sticky;top:0;z-index:5;grid-template-columns:minmax(0,118px) minmax(0,1fr);padding:10px 0 12px;background:var(--paper);border-bottom:1px solid var(--line)}
 #treventi-configurator .tc-preview-unselected{display:grid}
 #treventi-configurator .tc-preview-unselected .tc-scene{aspect-ratio:720/760}
 #treventi-configurator .tc-controls{scroll-margin-top:var(--tc-preview-offset,240px)}
 #treventi-configurator .tc-controls :is(input,textarea,select,button,summary,[tabindex="-1"]){scroll-margin-top:var(--tc-preview-offset,240px)}
 #treventi-configurator .tc-project-button{font-size:11px;padding:7px 9px;border:1px solid var(--line);white-space:normal;min-height:38px}
 #treventi-configurator .tc-project-button span{margin-left:4px;font-size:11px}
 #treventi-configurator .tc-top{flex-wrap:wrap}
 #treventi-configurator .tc-top-right{gap:8px;flex-wrap:wrap}
 #treventi-configurator .tc-project-tools{display:grid;grid-template-columns:1fr}
 #treventi-configurator .tc-project-tools>button{width:100%;white-space:normal;min-height:44px}
 #treventi-configurator .tc-share-box{padding:17px}
 #treventi-configurator .tc-import{margin:0 5% 25px;padding:17px}
 #treventi-configurator .tc-footer>span:nth-child(2){display:block}
 #treventi-configurator .tc-actions{flex-wrap:wrap}
}



/* Direct project requests */
#treventi-configurator .tc-enquiry{margin:24px 0;padding:24px;background:#f5f3ed;border:1px solid #d9d5ca;border-radius:8px}
#treventi-configurator .tc-enquiry h3{margin:0 0 10px;font-size:21px;line-height:1.3}
#treventi-configurator .tc-enquiry p{line-height:1.55}
#treventi-configurator .tc-enquiry fieldset{border:0;margin:0;padding:0;min-width:0}
#treventi-configurator .tc-enquiry textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:90px;font:inherit}
#treventi-configurator .tc-enquiry-consent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;margin:18px 0;font-size:14px;line-height:1.5;cursor:pointer}
#treventi-configurator .tc-enquiry-consent input{appearance:auto;min-width:18px;width:18px;height:18px;margin:2px 0 0;accent-color:#242b23}
#treventi-configurator .tc-enquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#treventi-configurator .tc-enquiry-error{color:#a4251f;font-weight:600}
#treventi-configurator .tc-enquiry-error:empty{display:none}
#treventi-configurator .tc-enquiry-success{border-color:#7d9474;background:#f0f5ec}
#treventi-configurator .tc-enquiry :focus-visible{outline:2px solid #3b5136;outline-offset:3px}
#treventi-configurator .tc-enquiry [disabled]{cursor:wait;opacity:.65}
@media(max-width:600px){#treventi-configurator .tc-enquiry{padding:18px 14px}#treventi-configurator .tc-enquiry .tc-fields{grid-template-columns:1fr}#treventi-configurator .tc-enquiry button[type=submit]{width:100%}}


/* Usability review: draft 0.9.0 */
#treventi-configurator{--muted:#625b52}
#treventi-configurator .tc-measure-intro{padding:20px;background:#eee8df;border-left:2px solid #89765e;margin-bottom:20px}
#treventi-configurator .tc-measure-intro h3{font-size:20px;line-height:1.3;font-weight:400}
#treventi-configurator .tc-measure-intro p{font-size:15px;margin:12px 0;line-height:1.5}
#treventi-configurator .tc-measure-guide{border:1px solid var(--line);padding:15px 18px;margin-bottom:22px}
#treventi-configurator .tc-measure-guide summary{cursor:pointer;font-size:16px}
#treventi-configurator .tc-measure-guide>p{margin-top:15px;font-size:15px}
#treventi-configurator .tc-measure-guide svg{display:block;width:100%;max-width:460px;height:auto;margin:16px auto}
#treventi-configurator .tc-measure-guide ul{padding-left:20px;font-size:14px;line-height:1.6}
#treventi-configurator .tc-measure-guide li+li{margin-top:9px}
#treventi-configurator .tc-preview-banner{margin:0 auto 28px;padding:12px 4.5%;max-width:1480px;background:#e7e2d8;color:#39372f;font-size:14px;line-height:1.5}
#treventi-configurator .tc-bottom{flex-wrap:wrap;gap:12px}
#treventi-configurator .tc-bottom #tc-review-add{width:100%;min-height:44px}
#treventi-configurator .tc-item-actions{flex-wrap:wrap;gap:10px 18px}
#treventi-configurator .tc-item-actions button{min-height:44px;text-align:left;line-height:1.4}
#treventi-configurator .tc-project-button{max-width:250px;white-space:normal}
#treventi-configurator .tc-enquiry-success h4{font-size:18px;font-weight:400;margin:22px 0 8px}
#treventi-configurator .tc-enquiry-heading{scroll-margin-top:20px}
@media(max-width:760px){#treventi-configurator .tc-bottom #tc-next{flex:1;white-space:normal;justify-content:space-between;text-align:left}#treventi-configurator .tc-measure-intro{padding:16px}#treventi-configurator .tc-project-button{max-width:200px}#treventi-configurator .tc-bottom:has(#tc-review-add){position:static}#treventi-configurator #tc-skip-measurements{width:100%;white-space:normal}}


/* Customer journey: saved selections, readable steps and inspectable preview. */
#treventi-configurator .tc-scene-button{display:block;border:0;padding:0;width:100%;cursor:zoom-in;color:var(--ink);font:inherit}
#treventi-configurator .tc-scene-button:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
#treventi-configurator .tc-enlarge-hint{position:absolute;right:8px;bottom:8px;background:var(--paper);padding:4px 8px;font-size:23px;line-height:1}
#treventi-configurator .tc-preview-top>span{font-size:12px;letter-spacing:.06em;line-height:1.5}
#treventi-configurator .tc-project-selected{border-left:3px solid var(--wine);padding-left:14px;background:#722c3c06}
#treventi-configurator .tc-item-select{padding:0;border:0;background:transparent;cursor:pointer;align-self:start}
#treventi-configurator .tc-item-select:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
#treventi-configurator .tc-door-number{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}
#treventi-configurator .tc-item-actions [data-preview-door][aria-pressed=true]{font-weight:600;color:var(--wine)}
#treventi-configurator .tc-draft-notice{margin:0 0 24px;padding:18px;border:1px solid #c9b5a4;background:#f1e9df;font-size:14px;line-height:1.5}
#treventi-configurator .tc-draft-notice p+p{margin-top:8px}
#treventi-configurator .tc-draft-notice button{margin-top:14px}
#treventi-configurator .tc-start-reassurance{padding:14px 16px;background:#eee8df;margin-bottom:20px;font-size:15px;line-height:1.5}
#treventi-configurator .tc-term{margin:0 0 18px;font-size:14px;line-height:1.6;border-bottom:1px solid var(--line);padding-bottom:14px}
#treventi-configurator .tc-term summary{cursor:pointer;min-height:30px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}
#treventi-configurator .tc-term p{margin:10px 0 0;max-width:56ch}
#treventi-configurator .tc-steps-toggle{display:none}
#treventi-configurator .tc-door-dialog{color:var(--ink);background:var(--paper);padding:20px;border:1px solid var(--line);width:780px;max-width:94vw;max-height:95vh;max-height:95dvh;box-sizing:border-box;margin:auto;overflow:auto;position:fixed;inset:0;z-index:1000;font-family:inherit}
#treventi-configurator .tc-door-dialog::backdrop{background:#1a1818b8}
#treventi-configurator .tc-door-dialog .tc-dialog-close{display:block;margin:0 0 12px auto;min-height:44px}
#treventi-configurator .tc-dialog-image{height:min(65vh,700px);height:min(65dvh,700px);width:100%}
#treventi-configurator .tc-dialog-image svg{width:100%;height:100%;display:block}
#treventi-configurator .tc-door-dialog>p{margin:12px 0 0}
@media(max-width:760px){
 #treventi-configurator .tc-progress-top{font-size:14px;text-transform:none;letter-spacing:0;line-height:1.5;gap:12px}
 #treventi-configurator .tc-steps-toggle{display:block;min-height:44px;margin-bottom:16px;text-decoration:underline;text-underline-offset:4px;font-size:14px}
 #treventi-configurator .tc-progress{display:none}
 #treventi-configurator .tc-progress.tc-progress-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
 #treventi-configurator .tc-progress button{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px;background:#fff5}
 #treventi-configurator .tc-progress button small{font-size:14px;margin:0}
 #treventi-configurator .tc-progress button span{font-size:13px}
 #treventi-configurator .tc-preview-top>span{font-size:11px;letter-spacing:.04em}
 #treventi-configurator .tc-preview-empty{grid-column:1/-1;min-height:80px}
 #treventi-configurator .tc-door-dialog{padding:14px}
}