@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-slate:#3d5a6b;--color-slate-dark:#2c3e4a;--color-slate-light:#e8eef2;--color-status-new-bg:#f3f4f6;--color-status-new-text:#374151;--color-status-reg-bg:#ede9fe;--color-status-reg-text:#5b21b6;--color-status-wip-bg:#dbeafe;--color-status-wip-text:#1e3a8a;--color-status-close-bg:#fef3c7;--color-status-close-text:#78350f;--color-status-done-bg:#d1fae5;--color-status-done-text:#064e3b;--color-status-exp-bg:#fee2e2;--color-status-exp-text:#7f1d1d;--color-type-reclamo-bg:#dbeafe;--color-type-reclamo-text:#1e40af;--color-type-nc-bg:#fef3c7;--color-type-nc-text:#92400e;--color-type-ac-bg:#d1fae5;--color-type-ac-text:#065f46;--color-type-om-bg:#ede9fe;--color-type-om-text:#5b21b6;--color-type-apprz-bg:#f3f4f6;--color-type-apprz-text:#374151;--color-danger-bg:#fdecea;--color-danger-text:#7f1d1d;--color-danger-border:#c0392b;--color-warning-bg:#fffbeb;--color-warning-text:#78350f;--color-success-bg:#f0fdf4;--color-success-text:#15803d;--color-border:#e5e7eb;--color-border-dashed:#c5d4dd;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-text-label:#4a6b7c;--color-bg:#fff;--color-bg-page:#f7f8fa;--color-bg-row-hover:#f8fafb;--font-base:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-hero:26px;--text-section:16px;--text-body:13px;--text-label:9px;--text-badge:9px;--text-caption:10px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:20px;--space-xl:32px;--space-2xl:48px;--radius-sm:3px;--radius-md:4px;--radius-pill:99px}.app-layout{min-height:100vh;font-family:var(--font-base);font-size:var(--text-body);color:var(--color-text);background:var(--color-bg-page);display:flex}.sidebar{background:var(--color-bg);border-right:1px solid var(--color-border);flex-shrink:0;width:230px}.sidebar-top{border-bottom:1px solid var(--color-border);padding:14px 20px}.sidebar-logo-name{letter-spacing:-.5px;color:var(--color-slate-dark);font-size:16px;font-weight:700}.sidebar-logo-sub{color:var(--color-text-muted);margin-top:1px;font-size:10px}.nav-group{padding:16px 0 8px}.nav-group+.nav-group{border-top:1px solid var(--color-border);margin-top:8px}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:0 20px 6px;font-size:9px;font-weight:600}.nav-item{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:10px;padding:7px 20px;font-size:12px;text-decoration:none;transition:background .1s;display:flex}.nav-item:hover{background:var(--color-slate-light);color:var(--color-slate-dark)}.nav-item.is-active{background:var(--color-slate-light);color:var(--color-slate-dark);border-left:3px solid var(--color-slate);padding-left:17px;font-weight:500}.page-hero{background:var(--color-slate);padding:20px var(--space-xl) 54px;position:relative}.page-hero-title{font-size:var(--text-hero);color:#fff;letter-spacing:-.3px;font-weight:300}.page-hero-sub{color:#ffffffa6;margin-top:4px;font-size:12px}.page-hero-actions{top:20px;right:var(--space-xl);gap:var(--space-sm);display:flex;position:absolute}.hero-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;align-items:center;gap:6px;padding:7px 14px;font-size:12px;display:inline-flex}.hero-btn:hover{background:#ffffff1a}.hero-cards{bottom:-22px;left:var(--space-xl);gap:14px;display:flex;position:absolute}.hero-card{border-radius:var(--radius-md);background:#fff;min-width:110px;padding:10px 16px;box-shadow:0 2px 8px #0000001a}.hero-card-num{color:var(--color-slate-dark);font-size:24px;font-weight:300;line-height:1}.hero-card-num.is-danger{color:#b91c1c}.hero-card-num.is-warning{color:#92400e}.hero-card-num.is-success{color:#065f46}.hero-card-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);margin-top:3px;font-size:8px;font-weight:600}.page-content{padding:40px var(--space-xl) 100px}.section-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden}.section-card-header{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 18px;display:flex}.section-card-title{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-label);font-size:10px;font-weight:600}.section-card-body{padding:18px}.field-label{font-size:var(--text-label);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-label);margin-bottom:3px;font-weight:600}.field-value{color:var(--color-text);font-size:13px}.field-value.is-link{color:var(--color-slate);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.field-value.is-danger{color:#b91c1c;font-weight:500}.field-value.is-bold{font-weight:500}.field-value.is-muted{color:var(--color-text-muted)}.field-grid{gap:14px 24px;display:grid}.field-grid.cols-2{grid-template-columns:1fr 1fr}.field-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.field-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.divider{background:var(--color-border);height:1px;margin:14px 0}.sub-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:8px;margin:14px 0 8px;font-size:9px;font-weight:600;display:flex}.sub-label:after{content:"";background:var(--color-border);flex:1;height:1px}.badge{border-radius:var(--radius-sm);font-size:var(--text-badge);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:2px 7px;font-weight:700;display:inline-flex}.badge-status-new{background:var(--color-status-new-bg);color:var(--color-status-new-text)}.badge-status-reg{background:var(--color-status-reg-bg);color:var(--color-status-reg-text)}.badge-status-wip{background:var(--color-status-wip-bg);color:var(--color-status-wip-text)}.badge-status-close{background:var(--color-status-close-bg);color:var(--color-status-close-text)}.badge-status-done{background:var(--color-status-done-bg);color:var(--color-status-done-text)}.badge-status-exp{background:var(--color-status-exp-bg);color:var(--color-status-exp-text)}.badge-type-reclamo{background:var(--color-type-reclamo-bg);color:var(--color-type-reclamo-text)}.badge-type-nc{background:var(--color-type-nc-bg);color:var(--color-type-nc-text)}.badge-type-ac{background:var(--color-type-ac-bg);color:var(--color-type-ac-text)}.badge-type-om{background:var(--color-type-om-bg);color:var(--color-type-om-text)}.badge-type-apprz{background:var(--color-type-apprz-bg);color:var(--color-type-apprz-text)}.badge-fondato{color:#065f46;background:#d1fae5}.badge-infondato,.badge-maggiore{color:#7f1d1d;background:#fee2e2}.badge-minore{color:#92400e;background:#fef3c7}.stepper{margin-bottom:16px;display:flex}.stepper-step{color:#9ca3af;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);background:#f3f4f6;flex:1;padding:7px 12px 7px 22px;font-size:11px;font-weight:500;position:relative}.stepper-step:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);padding-left:12px}.stepper-step.is-done{color:#065f46;background:#d1fae5}.stepper-step.is-active{background:var(--color-slate);color:#fff}.stepper-step.is-pending{color:#9ca3af;background:#f3f4f6}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table thead tr{background:var(--color-slate-dark)}.data-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 12px;font-size:9px;font-weight:600}.data-table thead th:hover{color:#fff}.data-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg-row-hover)}.data-table td{vertical-align:middle;padding:9px 12px}.cell-id{color:var(--color-slate);font-size:11px;font-weight:700}.cell-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cell-sub{color:var(--color-text-muted);margin-top:1px;font-size:10px}.cell-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.cell-date{color:var(--color-text-muted);white-space:nowrap;font-size:10px}.cell-date.is-expired{color:#b91c1c;font-weight:600}.cell-date.is-warning{color:#92400e}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.alert.is-danger{background:var(--color-danger-bg);border-left:3px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.alert.is-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:3px solid #d97706}.alert.is-info{background:var(--color-slate-light);border-left:3px solid var(--color-slate);color:#374151;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.btn{font-size:12px;font-family:var(--font-base);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.btn.is-outline{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.btn.is-outline:hover{background:var(--color-slate-light)}.btn.is-primary{border:1px solid var(--color-slate);background:var(--color-slate);color:#fff}.btn.is-sm{padding:4px 10px;font-size:11px}.page-footer{background:var(--color-slate-dark);padding:12px var(--space-xl);z-index:100;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.footer-btn{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 18px;font-size:12px;display:inline-flex}.footer-btn.is-outline{color:#fff;background:0 0;border:1px solid #fff6}.footer-btn.is-outline:hover{background:#ffffff1a}.footer-btn.is-primary{color:var(--color-slate-dark);background:#fff;border:1px solid #fff;font-weight:600}.footer-btn.is-primary:hover{background:#f0f0f0}.form-input{width:100%;font-size:12px;font-family:var(--font-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);padding:8px 12px}.form-input.is-required{border-color:#e5e7eb}.form-hint{color:var(--color-text-muted);margin-top:3px;font-size:10px}.follower-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:4px;margin:2px;padding:3px 9px;font-size:11px;display:inline-flex}.follower-chip-remove{color:var(--color-text-muted);cursor:pointer;font-size:10px}.follower-chip-remove:hover{color:#dc2626}.follower-chip-add{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:4px;margin:2px;padding:3px 9px;font-size:11px;display:inline-flex}.follower-chip-add:hover{border-color:var(--color-slate);color:var(--color-slate)}.log-item{border-bottom:1px solid var(--color-border);gap:12px;padding:10px 0;display:flex}.log-item:last-child{border-bottom:none}.log-avatar{background:var(--color-slate-light);width:28px;height:28px;color:var(--color-slate);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:9px;font-weight:700;display:flex}.log-avatar.is-system{color:#15803d;background:#f0fdf4}.log-name{color:var(--color-text);font-size:11px;font-weight:600}.log-tag{letter-spacing:.05em;text-transform:uppercase;background:var(--color-slate-light);color:var(--color-slate);border-radius:2px;margin-left:5px;padding:1px 5px;font-size:8px;font-weight:700;display:inline-block}.log-tag.is-status{color:#15803d;background:#f0fdf4}.log-tag.is-email{color:#1e40af;background:#eff6ff}.log-text{color:var(--color-text-muted);margin-top:2px;font-size:11px;line-height:1.5}.log-date{color:var(--color-text-muted);margin-top:2px;font-size:10px}.upload-zone{border:1px dashed var(--color-border-dashed);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:var(--color-slate-light);padding:24px 16px;transition:border-color .15s}.upload-zone:hover{border-color:var(--color-slate)}.upload-zone-text{color:var(--color-text-muted);font-size:11px}.upload-zone-link{color:var(--color-slate)}.upload-zone-hint{color:var(--color-text-muted);margin-top:4px;font-size:10px}.pagination{justify-content:center;align-items:center;gap:4px;padding:14px;display:flex}.pagination-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:11px;display:flex}.pagination-btn.is-active{background:var(--color-slate-dark);border-color:var(--color-slate-dark);color:#fff;font-weight:700}.pagination-btn:hover:not(.is-active){background:var(--color-slate-light)}.corr-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;margin-bottom:6px;padding:8px 12px;display:flex}.corr-row:hover{background:var(--color-slate-light)}.corr-id{color:var(--color-slate);min-width:90px;font-size:11px;font-weight:700}.filter-bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.filter-bar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px;font-weight:700}.filter-tag{background:var(--color-slate-light);border-radius:var(--radius-sm);color:var(--color-slate-dark);border:1px solid #c5d4dd;align-items:center;gap:4px;padding:2px 9px;font-size:10px;display:inline-flex}.filter-tag-remove{cursor:pointer;opacity:.5}.filter-tag-remove:hover{opacity:1}.filter-add{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:3px;padding:2px 9px;font-size:10px;display:inline-flex}.filter-add:hover{border-color:var(--color-slate);color:var(--color-slate)}@media (width<=1200px){.hero-cards{flex-wrap:wrap;margin-top:14px;position:relative;bottom:auto;left:auto}.page-hero{padding-bottom:20px}}@media (width<=900px){.stepper-step{min-width:0;padding:7px 8px;font-size:0}.stepper-step.is-active{font-size:10px}}.page-footer{flex-shrink:0}.data-table{min-width:700px}.badge{flex-shrink:0}@font-face{font-family:DINPro-Regular;src:url(/fonts/DINPro%20Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-slate:#4f6b78;--color-slate-dark:#1a365a;--color-slate-light:#edf2f5;--color-text:#0c1e29;--color-text-label:#607d8b;--color-text-muted:#607d8b;--color-bg-page:#f9f9f9;--color-bg-row-hover:#4f91c314;--font-base:"DINPro-Regular", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{height:100%}.app-wrapper{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-layout{flex:1;min-height:0;overflow:hidden}.sidebar{height:100%;overflow-y:auto}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.topbar,.topbar *{font-family:DINPro-Regular,Rubik,sans-serif}.topbar{border-bottom:1px solid var(--color-border);z-index:100;box-sizing:border-box;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px 0 16px;display:flex;box-shadow:0 1px 6px #0000000f}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-pittogramma{object-fit:contain;width:auto;height:36px}.topbar-brand-name{color:#1a365a;letter-spacing:.08em;text-transform:uppercase;font-family:DINPro-Regular,Rubik,sans-serif;font-size:15px;font-weight:700}.topbar-brand-sep{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.topbar-app-name{color:#1a365a;letter-spacing:.01em;font-size:13px;font-weight:500}.topbar-user{position:relative}.topbar-user-trigger{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;transition:background .15s;display:flex}.topbar-user-trigger:hover{background:var(--color-bg-row-hover)}.topbar-user-info{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.topbar-user-name{color:#1a365a;white-space:nowrap;font-size:12px;font-weight:600}.topbar-user-role{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px;font-weight:500}.topbar-avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#6c8ea0 0%,#4f6b78 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.topbar-chevron{color:var(--color-text-muted);flex-shrink:0}.topbar-dropdown{border:1px solid var(--color-border);z-index:500;background:#fff;border-radius:8px;min-width:220px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.topbar-dropdown-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:8px 14px 6px;font-size:9px;font-weight:600}.topbar-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;width:100%;padding:9px 14px;transition:background .12s;display:flex}.topbar-dropdown-item:hover{background:var(--color-bg-row-hover)}.topbar-dropdown-item.is-active{background:#4f6b7814;border-left:3px solid #4f6b78;padding-left:11px}.topbar-dropdown-item-name{color:#1a365a;font-size:12px;font-weight:500}.topbar-dropdown-item-role{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px;font-weight:500}.sidebar-logo-name{letter-spacing:.03em;font-family:DINPro-Regular,Rubik,sans-serif}.page-hero{box-sizing:border-box;background:linear-gradient(135deg,#6c8ea0 0%,#4f6b78 100%);min-height:130px}.hero-btn{letter-spacing:.02em;font-family:Rubik,sans-serif;font-weight:500;transition:all .2s}.hero-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;background:#ffffff2e!important}.nav-item.is-active{border-left-color:#1a365a;font-weight:600;color:#1a365a!important}.nav-item:hover{color:#1a365a;background:#4f6b7814!important}.field-label,.section-card-title{color:#607d8b;letter-spacing:.06em}.nav-group-label{color:#a3b8c5;letter-spacing:.1em}.field-value.is-link{color:#4f6b78}.data-table thead th{color:#607d8b;letter-spacing:.06em;background:#f8fafc;font-weight:600}.form-input:focus{border-color:#4f6b78;outline:none;box-shadow:0 0 0 2px #4f6b7826}.btn.is-primary{background:#4f6b78;border-color:#4f6b78}.btn.is-primary:hover{background:#1a365a;border-color:#1a365a}
