.staff-preview-banner,.role-explainer,.integration-health,.peeringdb-banner,.mmr-port-card,.client-as-hero{border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.staff-preview-banner{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:13px 16px;background:#17132b;color:#fff}.staff-preview-banner>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#6d22e9}.staff-preview-banner svg{width:20px}.staff-preview-banner div{flex:1}.staff-preview-banner strong,.staff-preview-banner small{display:block}.staff-preview-banner small{margin-top:4px;color:#bcb5d4}.staff-preview-banner button{border:1px solid #746a96;border-radius:9px;background:#282040;color:#fff;padding:9px 12px;font-weight:800}
.role-explainer{display:flex;gap:14px;align-items:center;margin-bottom:16px;padding:16px 18px;background:#f2edff;border-color:#d9cafb}.role-explainer>span{color:#6c20ec}.role-explainer svg{width:28px;height:28px}.role-explainer strong{color:#27184c}.role-explainer p{margin:4px 0 0;color:#6f6685;font-size:.78rem}.role-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.role-card{padding:18px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.role-card.super{background:linear-gradient(145deg,#17112a,#2b1552);color:#fff}.role-card>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.65rem}.role-card>div:first-child span{color:#8a6ee8;font-weight:900}.role-card>div:first-child b{color:#8290a1}.role-card.super>div:first-child b,.role-card.super p{color:#bbb1d6}.role-card h3{margin:16px 0 7px}.role-card p{min-height:38px;color:var(--muted);font-size:.75rem;line-height:1.5}.role-card button,.small-action{margin:12px 6px 0 0;border:1px solid #d6c7fa;border-radius:8px;background:#f5f1ff;color:#5921c8;padding:8px 10px;font-size:.7rem;font-weight:850}.role-card.super button{border-color:#664b94;background:#332055;color:#fff}.role-tags{display:flex;flex-wrap:wrap;gap:6px}.role-tags i{border-radius:999px;background:#eee9fa;color:#6233bd;padding:5px 8px;font-size:.62rem;font-style:normal;font-weight:850}.role-card.super .role-tags i{background:#3c285d;color:#d9cbff}.staff-table{margin-top:0}
.permission-title{margin:20px 0 10px;color:#26384f}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:380px;overflow:auto}.permission-matrix section{padding:12px;border:1px solid #e1e7ef;border-radius:11px;background:#fafcff}.permission-matrix section>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.permission-matrix section>div strong{font-size:.74rem}.permission-matrix section>div button{border:0;background:none;color:#6c20ec;font-size:.62rem;font-weight:800}.permission-matrix label{display:flex;align-items:center;gap:8px;padding:6px 0;color:#53657a;font-size:.68rem}.permission-matrix input{accent-color:#6c20ec}.modal-admin-tabs{display:flex;gap:5px;margin-bottom:16px;border-bottom:1px solid #e1e7ef}.modal-admin-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:9px 10px;color:#718096;font-size:.68rem}.modal-admin-tabs .active{border-color:#6c20ec;color:#5520bd;font-weight:850}.split-actions span{flex:1}
.permission-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 12px;border:1px solid #ded5f7;border-radius:10px;background:#f7f4ff;color:#635978;font-size:.68rem}.permission-tools b{color:#6120db}.permission-tools>div{display:flex;gap:6px}.permission-tools button{border:1px solid #d7c8fa;border-radius:7px;background:#fff;color:#5d23c8;padding:6px 8px;font-size:.62rem;font-weight:800}.permission-tools button:disabled,.permission-matrix button:disabled{cursor:not-allowed;opacity:.45}.protected-role-note{margin-bottom:14px;padding:11px 13px;border-left:3px solid #6c20ec;border-radius:8px;background:#f4efff;color:#5e5278;font-size:.7rem;line-height:1.45}.permission-matrix input{width:16px;height:16px}.permission-matrix label:has(input:checked){color:#291b49;font-weight:750}
.integration-health{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:17px}.integration-health>div:first-child{display:flex;align-items:center;gap:13px}.router-pulse{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#112a24;color:#43d3a1;font-weight:950;box-shadow:inset 0 0 0 1px #2e6659}.integration-health small,.integration-health strong,.integration-health p{display:block}.integration-health small{color:#7e8da0;font-size:.62rem}.integration-health strong{margin-top:3px;color:#223b56}.integration-health p{margin:3px 0 0;color:#738296;font-size:.68rem}.integration-facts{display:flex;gap:24px}.integration-facts span b{margin-top:5px;font-size:.72rem}.green-text{color:#138361!important}.ipam-live-table small{display:block;margin-top:4px}.probe-result{display:inline-grid;grid-template-columns:8px 1fr;column-gap:7px;align-items:center}.probe-result i{width:8px;height:8px;border-radius:50%;background:#9aa8b7}.probe-result b{font-size:.68rem}.probe-result small{grid-column:2;color:#7f8b99;font-size:.59rem}.probe-result.online i{background:#18aa79;box-shadow:0 0 0 4px #e5f8f2}.probe-result.free i{background:#277fd2;box-shadow:0 0 0 4px #e7f3ff}.probe-result.quarantine i{background:#e49b2d}.probe-result.testing i,.probe-spinner{background:#7b36e7;animation:enterprise-pulse .8s infinite}@keyframes enterprise-pulse{50%{opacity:.3;transform:scale(.75)}}
.juniper-preflight{margin-bottom:14px;padding:14px;border:1px solid #bfe7d9;border-radius:12px;background:#effbf7}.juniper-preflight>div{display:flex;align-items:center;gap:10px}.probe-spinner{width:10px;height:10px;border-radius:50%}.juniper-preflight>div>div{flex:1}.juniper-preflight strong,.juniper-preflight small{display:block}.juniper-preflight small{margin-top:3px;color:#5c7b71;font-size:.65rem}.juniper-preflight ul{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0;padding:0;list-style:none}.juniper-preflight li{border-radius:7px;background:#fff;padding:7px;color:#356457;font-size:.65rem}.juniper-preflight p{margin:0;color:#6e817a;font-size:.62rem;line-height:1.45}
.invoice-lines-editor{margin:14px 0;padding:12px;border:1px solid #e0e6ee;border-radius:11px;background:#fafcff}.invoice-line-head,.invoice-line{display:grid;grid-template-columns:2.5fr .45fr .7fr .65fr .75fr;gap:7px;align-items:center}.invoice-line-head{padding:0 4px 7px;color:#7c8999;font-size:.55rem;font-weight:900}.invoice-line input,.invoice-line select{width:100%;height:35px;border:1px solid #dbe3ec;border-radius:7px;background:#fff;padding:0 8px;font-size:.65rem}.invoice-line b{text-align:right;font-size:.7rem}.invoice-lines-editor>button{margin-top:9px;border:0;background:none;color:#6426d6;font-size:.65rem;font-weight:850}.invoice-lines-editor>button svg{width:14px;vertical-align:middle}.invoice-totals{display:flex;justify-content:flex-end;gap:18px;margin:0 0 14px}.invoice-totals span{text-align:right}.invoice-totals small,.invoice-totals b,.invoice-totals strong{display:block}.invoice-totals small{color:#7f8b9a;font-size:.58rem}.invoice-totals b,.invoice-totals strong{margin-top:4px}.invoice-totals strong{color:#5e21cd;font-size:1rem}
.peeringdb-banner{display:flex;align-items:center;gap:15px;margin-bottom:16px;padding:17px}.peer-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eef3ff;color:#275ac2;font-weight:950}.peeringdb-banner div{flex:1}.peeringdb-banner small,.peeringdb-banner strong{display:block}.peeringdb-banner small{color:#617797;font-size:.61rem}.peeringdb-banner strong{margin-top:4px}.peeringdb-banner p{margin:4px 0 0;color:#718096;font-size:.72rem}.peer-state{display:inline-flex;align-items:center;gap:7px;color:#177b5e;font-size:.68rem;font-weight:850}.peer-state i{width:8px;height:8px;border-radius:50%;background:#14a576;box-shadow:0 0 0 4px #e4f7f0}
.client-as-hero{display:flex;justify-content:space-between;gap:24px;margin-bottom:16px;padding:21px;background:linear-gradient(135deg,#141027,#271150);color:#fff}.client-as-hero small{color:#a69cbc;font-size:.62rem}.client-as-hero h2{margin:6px 0 3px;font-size:2.2rem}.client-as-hero p{margin:0;color:#c5bdd8;font-size:.75rem}.as-health{display:grid;min-width:300px;gap:8px}.as-health span{padding:11px;border:1px solid #513779;border-radius:10px;background:#21183a}.as-health b,.as-health small{display:block}.as-health span i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#43d3a1}.as-health b{font-size:.75rem}.as-health small{margin-top:4px}.peer-table,.prefix-table{margin-top:16px}.peer-table .panel-head,.prefix-table .panel-head{padding:17px}.prefix-table{margin-bottom:18px}
.mmr-port-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px;background:linear-gradient(135deg,#111d2d,#173753);color:#fff}.mmr-port-card>div{display:flex;align-items:center;gap:14px}.port-orbit{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:2px solid #39d1c2;background:#0e2933;color:#6ff1e4;font-size:1.1rem;font-weight:950;box-shadow:0 0 0 7px #19394a}.mmr-port-card small,.mmr-port-card h2,.mmr-port-card p{display:block}.mmr-port-card small{color:#8daabd;font-size:.6rem}.mmr-port-card h2{margin:4px 0}.mmr-port-card p{margin:0;color:#a9bdcb;font-size:.69rem}.mmr-port-card>div:last-child span{padding:8px 12px;border-left:1px solid #35546a}.mmr-port-card>div:last-child b{display:block;margin-top:4px}.mmr-port-card button{border:0;border-radius:9px;background:#6e28e7;color:#fff;padding:10px 12px;font-weight:850}.upgrade-path{display:flex;align-items:center;gap:8px;margin-bottom:16px}.upgrade-path span{flex:1;border:1px solid #dce4ee;border-radius:10px;background:#f8fafc;padding:12px;text-align:center;font-weight:900}.upgrade-path .current{border-color:#7941dc;background:#f2edff;color:#5b20c3}.upgrade-path small{display:block;margin-top:4px;color:#8190a0;font-size:.58rem;font-weight:650}.upgrade-path svg{width:18px}.compact-upload{margin-top:13px;padding:14px}.compact-upload span svg{width:20px}
[hidden]{display:none!important}
@media(max-width:1050px){.role-card-grid{grid-template-columns:1fr}.integration-health,.mmr-port-card,.client-as-hero{align-items:flex-start;flex-direction:column}.integration-facts,.mmr-port-card>div:last-child{width:100%;flex-wrap:wrap}.as-health{width:100%;min-width:0}}
@media(max-width:700px){.permission-matrix,.juniper-preflight ul{grid-template-columns:1fr}.integration-facts{display:grid;grid-template-columns:1fr 1fr}.upgrade-path{display:grid;grid-template-columns:1fr 1fr}.upgrade-path>i{display:none}.mmr-port-card>div{align-items:flex-start}.mmr-port-card>div:last-child{flex-direction:column}.mmr-port-card>div:last-child span{border-left:0;padding:4px 0}}

/* Preventivi: richieste del sito e lavorazione commerciale */
.quote-flow{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;margin-bottom:20px;padding:19px 22px;border:1px solid #cee0eb;border-radius:16px;background:linear-gradient(110deg,#f0faff,#faf6ff)}.quote-flow>span{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#168ee8,#7350dd);color:#fff;box-shadow:0 10px 25px rgba(39,119,207,.22)}.quote-flow svg{width:22px}.quote-flow strong{display:block;color:#26384c;font:750 14px 'Manrope'}.quote-flow p{margin:5px 0 0;color:#6c7e8e;font-size:10px;line-height:1.55}.quote-flow>b{padding:9px 12px;border-radius:999px;background:#fff;color:#4f65a2;font-size:8px;letter-spacing:.08em}.quotes-panel .data-table td{vertical-align:middle}.quote-email-state{display:flex;align-items:center;gap:6px;color:#287a61;font-size:9px;line-height:1.35}.quote-email-state svg{width:14px;flex:0 0 auto}.quotes-empty{padding:32px;text-align:center;color:#748698}.quote-detail-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.quote-detail-head>div{padding:13px;border:1px solid #e3e6ee;border-radius:11px;background:#f8f9fc}.quote-detail-head small,.quote-detail-head strong,.quote-detail-head span{display:block}.quote-detail-head small{color:#9599a8;font-size:7px;font-weight:850;letter-spacing:.08em}.quote-detail-head strong{margin-top:7px;color:#303348;font-size:10px}.quote-detail-head span{margin-top:4px;color:#737688;font-size:8px}.quote-message{margin:12px 0;padding:15px;border-left:4px solid #258ac9;border-radius:9px;background:#f2f8fc}.quote-message small{color:#668096;font-size:7px;font-weight:850}.quote-message p{margin:6px 0 0!important;color:#30485b!important;font-size:10px!important;line-height:1.6}.quote-email-summary{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid #bfe3d4;border-radius:10px;background:#effaf5;color:#227858}.quote-email-summary>svg{width:18px}.quote-email-summary strong,.quote-email-summary small{display:block}.quote-email-summary strong{font-size:9px}.quote-email-summary small{margin-top:3px;color:#5b8172;font-size:8px}
@media(max-width:900px){.quote-flow{grid-template-columns:48px 1fr}.quote-flow>b{grid-column:1/-1;width:max-content}.quote-detail-head{grid-template-columns:1fr}}