.page-layout-editor{z-index:18;color:#173f5b;justify-content:flex-end;align-items:center;gap:9px;margin:8px 20px;display:flex;position:relative}.page-layout-editor.compact{min-height:42px}.page-layout-toggle{color:#0b648f;background:#fff;border:1px solid #b9d5e7;border-radius:11px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:inline-flex;box-shadow:0 7px 18px #0b42680d}.page-layout-toggle span{color:#0878b8;background:#e7f5fe;border-radius:8px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.page-layout-toggle b{font-size:12px}.page-layout-editor.editing{background:linear-gradient(135deg,#eaf7ff,#fff);border:1px solid #9fc9e2;border-radius:14px;flex-wrap:wrap;justify-content:flex-start;padding:12px;box-shadow:0 10px 30px #0b426814}.page-layout-editor.editing>.page-layout-toggle{color:#fff;background:#087bc0;border-color:#087bc0;margin-left:auto}.page-layout-editor-copy{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.page-layout-editor-copy p,.page-layout-editor-copy b,.page-layout-editor-copy small{margin:0;display:block}.page-layout-editor-copy small{color:#607d91;margin-top:3px;font-size:11px}.page-layout-editor-copy>button{white-space:nowrap}.page-layout-editor-controls{border-top:1px solid #c9dce8;grid-template-columns:minmax(240px,1.4fr) auto minmax(190px,1fr) minmax(190px,1fr) auto;gap:9px;padding-top:10px;flex:0 0 100%!important;align-items:end!important;display:grid!important}.page-layout-editor-controls label{color:#31566e;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;font-size:10px;font-weight:900;display:grid}.page-layout-editor-controls label:first-child{grid-template-columns:1fr}.page-layout-editor-controls select{color:#173f5b;min-height:40px;font:inherit;text-transform:none;background:#fff;border:1px solid #abc7d9;border-radius:9px;padding:0 10px}.page-layout-editor-controls input[type=range]{accent-color:#087ab8;grid-column:1;width:100%}.page-layout-editor-controls output{color:#0872ad;text-align:right;grid-area:1/2/3;min-width:48px}.page-layout-editor-controls>span{gap:5px;display:flex}.page-layout-editor-controls>span button{color:#0b648f;background:#fff;border:1px solid #9fc4db;border-radius:9px;place-items:center;width:42px;height:40px;font-size:20px;font-weight:900;display:grid}.page-layout-editor-controls button:disabled,.page-layout-editor-controls input:disabled{opacity:.4}.page-layout-surface.layout-editing .page-layout-panel{outline-offset:3px;cursor:pointer;outline:2px dashed #54a3d2;transition:outline-color .15s,box-shadow .15s;position:relative}.page-layout-surface.layout-editing .page-layout-panel:hover{outline-color:#087bc0;box-shadow:0 0 0 5px #dff3ff}.page-layout-surface.layout-editing .page-layout-panel:before{z-index:16;content:"Clicca per personalizzare";color:#fff;letter-spacing:.04em;pointer-events:none;background:#073d65;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;top:6px;left:6px}.page-layout-panel{min-width:0;container-type:inline-size}.page-layout-panel>*{max-width:100%}@container (width<=520px){.page-layout-panel .form-grid,.page-layout-panel .finance-kpis,.page-layout-panel .counter-kpis,.page-layout-panel .management-grid{grid-template-columns:1fr!important}.page-layout-panel .table-wrap{overflow:auto}.page-layout-panel h2{font-size:max(18px,min(7cqw,28px))}}@media (max-width:900px){.page-layout-editor{margin:6px 10px}.page-layout-editor.compact{min-height:38px;position:relative}.page-layout-toggle{min-height:38px;padding:6px 10px}.page-layout-editor.editing{flex-direction:column;align-items:stretch}.page-layout-editor.editing>.page-layout-toggle{justify-content:center;width:100%;margin:0}.page-layout-editor-copy{flex-direction:column;align-items:stretch}.page-layout-editor-copy>button{width:100%}.page-layout-editor-controls{grid-template-columns:1fr 1fr}.page-layout-editor-controls label:first-child,.page-layout-editor-controls>button{grid-column:1/-1}.page-layout-editor-controls>span{justify-content:stretch}.page-layout-editor-controls>span button{flex:1;width:100%}.page-layout-surface .page-layout-panel{flex-basis:100%!important;grid-column:1/-1!important;min-height:0!important}}@media (max-width:520px){.page-layout-editor-controls{grid-template-columns:1fr}.page-layout-editor-controls label,.page-layout-editor-controls label:first-child,.page-layout-editor-controls>span,.page-layout-editor-controls>button{grid-column:1}.page-layout-editor-controls output{min-width:54px}}
