.survey-panel{--survey-orange:#e84a0c;--survey-dark:#3f484f;--survey-line:#cbd7dd;color:#31434d}
.survey-heading{align-items:flex-start}.survey-heading p{margin:5px 0 0;color:#71818a;font-size:12px}.survey-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.survey-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.survey-flow span{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--survey-line);background:#fff;color:#6b7c85;font-size:10px;font-weight:900;text-transform:uppercase}.survey-flow b{display:grid;place-items:center;width:28px;height:28px;background:#e9eef1}.survey-flow .active{border-color:var(--survey-orange);color:#263b46}.survey-flow .active b{background:var(--survey-orange);color:#fff}
#survey-form{display:grid;gap:14px}.survey-card{border:1px solid var(--survey-line);background:#fff}.survey-card>header{display:flex;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid #dbe3e7;background:#f9fafb}.survey-card>header>span{display:grid;place-items:center;width:38px;height:38px;background:var(--survey-dark);color:#fff;font-size:11px;font-weight:900}.survey-card>header>div{display:grid;gap:3px;min-width:0}.survey-card>header b{font-size:16px}.survey-card>header small{color:#76858d;font-size:10px}.survey-card>header>.pbtn{margin-left:auto}
.survey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:17px}.survey-grid label,.survey-opening-grid label{display:grid;gap:6px;color:#475c67;font-size:11px;font-weight:900}.survey-span-2{grid-column:1/-1}.survey-grid input,.survey-grid select,.survey-grid textarea,.survey-opening-grid input,.survey-opening-grid select,.survey-opening-grid textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px 11px;border:1px solid #b8c6cd;background:#fff;color:#263b46;font:inherit;font-size:13px}.survey-grid textarea,.survey-opening-grid textarea{resize:vertical}
.survey-openings{display:grid;gap:12px;padding:16px;background:#f3f6f7}.survey-opening{border:1px solid #bccbd2;background:#fff;box-shadow:0 5px 14px rgba(45,65,75,.05)}.survey-opening>header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--survey-dark);color:#fff}.survey-opening>header span{display:grid;place-items:center;width:32px;height:32px;background:var(--survey-orange);font-size:10px;font-weight:900}.survey-opening>header div{display:grid;gap:2px}.survey-opening>header b{font-size:14px}.survey-opening>header small{color:#dfe6e9;font-size:9px}.survey-remove{margin-left:auto;border:1px solid #ffffff70;background:transparent;color:#fff;padding:7px 9px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.survey-opening-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:14px}.survey-opening-grid .wide{grid-column:span 2}.survey-opening-grid .full{grid-column:1/-1}.survey-opening-notice{grid-column:1/-1;padding:10px 12px;border-left:4px solid #79909b;background:#f1f5f6;color:#5a6c75;font-size:10px;line-height:1.45}.survey-photo-slot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px dashed #9fb0b9;background:#fafcfc;color:#60727c;font-size:10px}.survey-photo-slot input{min-height:auto;border:0;padding:0;font-size:10px}
.survey-opening-incomplete{border:2px solid #c33b2e;box-shadow:0 0 0 4px rgba(195,59,46,.09)}
.survey-drawing{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:16px;padding:15px;border:1px solid #c9d5db;background:#f7fafb}.survey-drawing-canvas{position:relative;display:grid;place-items:center;min-height:210px;padding:24px;background:#fff}.survey-frame-shape{position:relative;width:118px;height:156px;border:10px solid #52636c;background:linear-gradient(145deg,#dff2f8,#b9dce8)}.survey-frame-shape:before,.survey-frame-shape:after{content:"";position:absolute;inset:0}.survey-frame-shape:before{background:linear-gradient(34deg,transparent 49.5%,#738b96 50%,transparent 50.7%)}.survey-frame-shape:after{background:linear-gradient(146deg,transparent 49.5%,#738b96 50%,transparent 50.7%)}.survey-frame-shape i{position:absolute;right:8px;top:47%;width:5px;height:23px;background:#263f50}.survey-frame-shape b{display:none}.survey-dim{position:absolute;color:#e84a0c;font-size:10px;font-weight:900}.survey-dim-w{bottom:19px;left:50%;transform:translateX(-50%)}.survey-dim-h{left:18px;top:50%;transform:translateY(-50%) rotate(-90deg)}.survey-drawing-canvas small{position:absolute;right:8px;bottom:6px;color:#839098;font-size:7px}.survey-drawing-values{display:grid;align-content:center;gap:9px}.survey-drawing-values b{font-size:14px;color:#344a55}.survey-drawing-values span{padding:8px 10px;border-left:3px solid #90a2ab;background:#fff;color:#596b74;font-size:10px;font-weight:800}
.survey-category-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #d1dce1;background:#fbfcfc}.survey-category-fields>b{grid-column:1/-1;padding-bottom:7px;border-bottom:1px solid #dde5e8;color:#e84a0c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.survey-category-fields.is-hidden{display:none!important}
.subframe-adaptation{grid-column:1/-1;border:2px solid #e84a0c;background:#fff}.subframe-adaptation.is-hidden{display:none!important}.subframe-adaptation>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:#3f484f;color:#fff}.subframe-adaptation>header div{display:grid;gap:3px}.subframe-adaptation>header small{color:#ffb18d;font-size:8px;font-weight:900;letter-spacing:.12em}.subframe-adaptation>header b{font-size:15px}.subframe-adaptation>header span{color:#dce3e6;font-size:9px}.subframe-adaptation>header em{padding:7px 9px;border:1px solid #ffb18d;color:#fff;font-size:8px;font-style:normal;font-weight:900}.subframe-layout{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:15px;padding:15px}.subframe-diagram{position:relative;min-height:360px;overflow:hidden;border:1px solid #c7d2d7;background:#f9fbfb}.subframe-wall{position:absolute;top:40px;bottom:40px;width:52px;background-color:#d6d8d7;background-image:radial-gradient(#7d8588 1px,transparent 1px);background-size:9px 9px}.subframe-wall.left{left:28px}.subframe-wall.right{right:28px}.subframe-opening{position:absolute;inset:70px 80px;border:6px solid #15944b;border-left-width:12px;border-right-width:12px}.subframe-opening i{position:absolute;left:-20px;width:18px;height:9px;border:3px solid #15944b;background:#fff}.subframe-opening i:nth-child(1){top:12%}.subframe-opening i:nth-child(2){top:36%}.subframe-opening i:nth-child(3){top:62%}.subframe-opening i:nth-child(4){top:86%}.subframe-diagram .measure{position:absolute;display:grid;place-items:center;min-width:25px;padding:3px 5px;border-radius:3px;background:#e84a0c;color:#fff;font-size:8px;font-weight:900}.subframe-diagram .m-l{top:47px;left:50%;transform:translateX(-50%)}.subframe-diagram .m-h{right:42px;top:50%;transform:rotate(-90deg)}.subframe-diagram .m-d1{top:82px;right:82px}.subframe-diagram .m-d2{top:112px;right:30px}.subframe-diagram .m-d3{left:42px;top:48%}.subframe-diagram .m-d4{top:135px;right:88px}.subframe-diagram .m-h1{left:83px;top:112px}.subframe-diagram .m-h2{left:83px;top:168px}.subframe-diagram .m-h3{left:83px;top:227px}.subframe-diagram .m-h4{left:83px;top:286px}.subframe-diagram>small{position:absolute;right:8px;bottom:7px;color:#7b898f;font-size:7px}.subframe-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.subframe-notes{margin:0 15px 15px}.subframe-adaptation input,.subframe-adaptation textarea{border-color:#aebcc2!important}.subframe-adaptation input:focus,.subframe-adaptation textarea:focus{outline:2px solid #e84a0c33;border-color:#e84a0c!important}
.custom-armored-sheet{grid-column:1/-1;border:2px solid var(--survey-orange);background:#fff}.custom-armored-sheet.is-hidden{display:none!important}.custom-armored-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:var(--survey-dark);color:#fff}.custom-armored-sheet>header div{display:grid;gap:3px}.custom-armored-sheet>header small{color:#ffb18d;font-size:8px;font-weight:900;letter-spacing:.12em}.custom-armored-sheet>header b{font-size:15px}.custom-armored-sheet>header span{color:#dce3e6;font-size:9px}.custom-armored-sheet>header em{padding:7px 9px;border:1px solid #ffb18d;color:#fff;font-size:8px;font-style:normal;font-weight:900}.custom-armored-layout{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:15px;padding:15px}.custom-armored-diagram{position:relative;min-height:300px;overflow:hidden;border:1px solid #c7d2d7;background:#f9fbfb}.custom-wall{position:absolute;top:38px;bottom:44px;width:45px;background:repeating-linear-gradient(45deg,#d5dadd 0 3px,#f1f3f4 3px 7px)}.custom-wall.left{left:28px}.custom-wall.right{right:28px}.custom-door{position:absolute;inset:64px 72px 62px;border:8px solid #e84a0c;border-bottom-width:12px;background:#fff}.custom-door:before{content:"";position:absolute;inset:8px;border:4px solid #e5b900}.custom-door i{position:absolute;right:13px;top:48%;width:5px;height:20px;background:#3f484f}.custom-measure{position:absolute;left:50%;transform:translateX(-50%);z-index:2;padding:3px 5px;background:#fff;color:#31434d;font-size:7px;font-weight:900;white-space:nowrap}.cm-d{top:35px}.cm-a{top:72px}.cm-b{bottom:48px}.cm-c{bottom:24px}.custom-armored-diagram>small{position:absolute;right:8px;bottom:5px;color:#78868d;font-size:7px}.custom-armored-fields{border:1px solid #c9d5da}.custom-armored-table-head,.custom-armored-row{display:grid;grid-template-columns:minmax(145px,1.6fr) repeat(2,minmax(90px,1fr));align-items:center}.custom-armored-table-head{background:#edf2f4;color:#3d515b;font-size:9px;text-transform:uppercase}.custom-armored-table-head b{padding:9px}.custom-armored-row{border-top:1px solid #dce4e7}.custom-armored-row>span{display:grid;gap:2px;padding:8px;color:#5d6e76;font-size:8px}.custom-armored-row>span b{color:var(--survey-orange);font-size:11px}.custom-armored-row label{padding:5px}.custom-armored-row input{min-height:36px!important;padding:7px!important}.custom-armored-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px;border-top:1px solid #dce4e7;background:#f8fafb}.custom-armored-options .custom-check{display:flex;align-items:center;gap:8px}.custom-armored-options .custom-check input{width:18px;min-height:18px;padding:0;accent-color:var(--survey-orange)}.custom-armored-reference{margin:0 15px 15px;border:1px solid #c9d5da}.custom-armored-reference>b{display:block;padding:9px 10px;background:#3f484f;color:#fff;font-size:10px;text-transform:uppercase}.custom-armored-reference>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce4e7}.custom-armored-reference span{padding:6px 8px;color:#52656f;font-size:8px;font-weight:800}.custom-armored-reference>div:nth-of-type(1){background:#edf2f4;text-transform:uppercase}.custom-armored-reference>small{display:block;padding:8px 10px;border-top:1px solid #dce4e7;color:#6d7c83;font-size:8px}.custom-armored-notes{margin:0 15px 15px}.custom-armored-sheet input:focus,.custom-armored-sheet select:focus,.custom-armored-sheet textarea:focus{outline:2px solid #e84a0c33;border-color:#e84a0c!important}
.survey-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 16px 0}.survey-checks label{display:flex;align-items:flex-start;gap:7px;padding:10px;background:#f2f5f6;color:#4f636d;font-size:10px;font-weight:800}.survey-checks input{accent-color:var(--survey-orange)}
.survey-sticky-actions{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:14px;padding:12px 15px;border:1px solid var(--survey-line);background:#fff;box-shadow:0 -8px 24px rgba(35,55,65,.09)}.survey-sticky-actions>span{margin-right:auto;color:#74838b;font-size:10px;font-weight:800}
.survey-share-result{display:grid;grid-template-columns:1fr minmax(280px,1.5fr);align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;border:1px solid #9fc9ad;background:#f2faf4}.survey-share-result.is-hidden,.survey-archive.is-hidden{display:none!important}.survey-share-result div{display:grid;gap:4px}.survey-share-result b{color:#245d37;font-size:13px}.survey-share-result small{color:#61766a;font-size:9px}.survey-share-result input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #88ae95;background:#fff;color:#294d35;font:inherit;font-size:11px}
.survey-archive{margin:0 0 14px;border:1px solid var(--survey-line);background:#fff}.survey-archive>header{display:grid;gap:3px;padding:13px 15px;border-bottom:1px solid var(--survey-line);background:#f3f6f7}.survey-archive>header b{font-size:14px}.survey-archive>header small{color:#71818a;font-size:9px}.survey-archive-list,#survey-archive-list{display:grid;gap:8px;padding:12px}.survey-archive button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;width:100%;padding:11px 12px;border:1px solid #cbd7dd;background:#fff;color:#344a55;text-align:left;cursor:pointer}.survey-archive button b{font-size:11px}.survey-archive button span{font-size:9px}.survey-archive button small{grid-column:2;grid-row:1/3;color:#72818a;font-size:8px}
.survey-photo-preview{display:flex;flex-wrap:wrap;gap:8px;width:100%}.survey-photo-preview>span{position:relative;width:86px;height:70px;overflow:hidden;border:1px solid #bac8ce;background:#eef3f5}.survey-photo-preview img{width:100%;height:100%;object-fit:cover}.survey-photo-preview button{position:absolute;right:3px;top:3px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#263b46;color:#fff;font-size:16px;line-height:20px;cursor:pointer}
.survey-abacus-wrap{overflow-x:auto;padding:15px}.survey-abacus{width:100%;min-width:760px;border-collapse:collapse}.survey-abacus th,.survey-abacus td{padding:9px 8px;border:1px solid #cbd7dd;color:#40545f;font-size:9px;text-align:left;vertical-align:top}.survey-abacus th{background:#3f484f;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.survey-abacus td:first-child{font-weight:900;color:#e84a0c}
body.public-survey-mode .temporary-logout,body.public-survey-mode #piazz-app>*:not(#management-view),body.public-survey-mode #management-view>.management-topbar,body.public-survey-mode #management-view>.management-tabs{display:none!important}body.public-survey-mode #management-view{display:block!important;max-width:1180px;margin:0 auto;padding:24px max(14px,4vw)!important}body.public-survey-mode #management-view>[data-management-panel]{display:none!important}body.public-survey-mode #management-view>[data-management-panel="surveys"]{display:block!important}body.public-survey-mode{background:#eef2f3}body.public-survey-mode .survey-heading:before{content:"T&T · RILIEVO MISURE";display:block;grid-column:1/-1;margin-bottom:12px;padding:10px 13px;background:#3f484f;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}
@media(max-width:900px){.survey-opening-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-checks{grid-template-columns:repeat(2,1fr)}.survey-category-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.subframe-layout,.custom-armored-layout{grid-template-columns:1fr}}
@media(max-width:640px){.survey-heading{display:grid!important}.survey-heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.survey-flow{grid-template-columns:repeat(2,1fr)}.survey-grid,.survey-opening-grid{grid-template-columns:1fr}.survey-span-2,.survey-opening-grid .wide,.survey-opening-grid .full{grid-column:auto}.survey-card>header{align-items:flex-start;flex-wrap:wrap}.survey-card>header>.pbtn{width:100%;margin-left:0}.survey-checks{grid-template-columns:1fr}.survey-sticky-actions{display:grid;grid-template-columns:1fr 1fr}.survey-sticky-actions>span{grid-column:1/-1;margin:0}.survey-sticky-actions .pbtn{width:100%}.survey-drawing{grid-template-columns:1fr}.survey-category-fields{grid-template-columns:1fr}.survey-category-fields>b{grid-column:auto}.survey-photo-slot{display:grid}.subframe-adaptation{grid-column:auto}.subframe-adaptation>header{align-items:flex-start;flex-direction:column}.subframe-layout{padding:10px}.subframe-diagram{min-height:320px}.subframe-fields{grid-template-columns:1fr}.subframe-notes{margin:0 10px 10px}.survey-share-result{grid-template-columns:1fr}.survey-archive button{grid-template-columns:1fr}.survey-archive button small{grid-column:1;grid-row:auto}.survey-heading-actions .pbtn{font-size:9px;padding:9px 6px}body.public-survey-mode #management-view{padding:12px!important}}
@media(max-width:640px){.custom-armored-sheet{grid-column:auto}.custom-armored-sheet>header{align-items:flex-start;flex-direction:column}.custom-armored-layout{padding:10px}.custom-armored-table-head,.custom-armored-row{grid-template-columns:minmax(110px,1.35fr) repeat(2,minmax(70px,1fr))}.custom-armored-options{grid-template-columns:1fr}.custom-armored-reference{margin:0 10px 10px;overflow-x:auto}.custom-armored-reference>div{min-width:360px}.custom-armored-reference>small{min-width:340px}.custom-armored-notes{margin:0 10px 10px}}
@media print{body.printing-survey>#previso-app-shell>*:not(#management-view){display:none!important}body.printing-survey #management-view>*:not([data-management-panel="surveys"]){display:none!important}body.printing-survey [data-management-panel="surveys"]{display:block!important;padding:0!important}body.printing-survey .survey-heading-actions,body.printing-survey .survey-flow,body.printing-survey .survey-sticky-actions,body.printing-survey .survey-remove,body.printing-survey #survey-add-opening,body.printing-survey .survey-share-result,body.printing-survey .survey-archive,body.printing-survey .survey-photo-preview button{display:none!important}body.printing-survey .survey-card{break-inside:avoid;margin-bottom:4mm}body.printing-survey .survey-opening{break-inside:avoid}body.printing-survey .survey-grid input,body.printing-survey .survey-grid select,body.printing-survey .survey-grid textarea,body.printing-survey .survey-opening-grid input,body.printing-survey .survey-opening-grid select,body.printing-survey .survey-opening-grid textarea{border:0;border-bottom:1px solid #aab7bd;padding:3px 0;min-height:22px}body.printing-survey .management-shell{padding:7mm!important}.survey-abacus-wrap{overflow:visible;padding:3mm}.survey-abacus{min-width:0}.survey-abacus th,.survey-abacus td{padding:2mm;font-size:7pt}}
