/* BredaNet Assistenza 3.2.1 — correzioni isolate e nuove panoramiche. */

/* Login: una sola immagine di sfondo, continua anche dietro la colonna destra. */
.login-v22-shell{background:url('/static/login-network-bg.png') center/cover no-repeat!important;}
.login-v22-visual{background:linear-gradient(145deg,rgba(4,26,47,.84),rgba(8,72,115,.68))!important;}
.login-v22-panel{background:transparent!important;}
.login-v22-panel .login-v22-card,.login-v22-panel>.login-status-panel,.login-v22-panel>.network-login-status{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}

/* Pagine rete clienti: niente canvas orizzontale enorme. */
.v315-admin-pages,.v314-admin-pages,.v311-admin-pages{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important;}
.v315-admin-pages>* ,.v315-admin-pages .v30-card,.v315-admin-pages .v311-source-grid,.v315-admin-pages .v314-admin-allowed-grid,.v315-admin-pages .v307-admin-sec-layout{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.v315-admin-pages .table-wrap{max-width:100%!important;min-width:0!important;overflow-x:auto!important;}
.v315-admin-pages .v314-admin-allowed-grid,.v315-admin-pages .v307-admin-sec-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;}
.v315-admin-pages svg,.v315-admin-pages canvas{max-width:100%!important;}

/* Navigazione La mia rete: sette voci principali + sottosezione Sicurezza. */
.v321-network-tabs{overflow-x:auto;scrollbar-width:thin;}
.v321-security-tabs{display:flex;gap:.45rem;flex-wrap:wrap;padding:.65rem 0 1rem;border-bottom:1px solid var(--line,#dbe6ef);margin-bottom:1rem;}
.v321-security-tabs a{display:inline-flex;align-items:center;padding:.62rem .9rem;border:1px solid #d6e3ef;border-radius:10px;text-decoration:none;font-weight:700;color:#405a73;background:#fff;}
.v321-security-tabs a[aria-current="page"]{color:#0879ec;border-color:#96c7ff;background:#eef7ff;}

/* Panoramiche Documentazione/Sicurezza. */
.v321-documentation-overview .v314-doc-overview,.v321-security-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:1.2rem;}
.v321-documentation-overview .v314-doc-overview>a,.v321-security-overview>a{display:flex;gap:1rem;align-items:flex-start;text-decoration:none;color:inherit;background:#fff;border:1px solid #d8e3ec;border-radius:20px;padding:1.35rem;box-shadow:0 8px 25px rgba(17,52,86,.04);min-width:0;}
.v321-documentation-overview .v314-doc-overview>a:hover,.v321-security-overview>a:hover{transform:translateY(-1px);border-color:#b9d4ec;box-shadow:0 12px 30px rgba(17,52,86,.08);}
.v321-documentation-overview h2,.v321-security-overview h2{margin:.15rem 0 .45rem;font-size:1.22rem;}
.v321-documentation-overview p,.v321-security-overview p{margin:0 0 .8rem;color:#5d7186;line-height:1.45;}
.v321-documentation-overview strong,.v321-security-overview strong{color:#0879ec;}
.v321-doc-icon,.v321-security-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:#edf6ff;color:#0879ec;}
.v321-security-icon svg{width:24px;height:24px;}
.v321-security-overview .tone-red .v321-security-icon{background:#fff0f0;color:#d43b3b;}.v321-security-overview .tone-green .v321-security-icon{background:#eaf9f2;color:#07945d;}

/* Apparati clienti. */
.v321-device-legend{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;}.v321-device-legend h2,.v321-device-legend p{margin:.15rem 0;}
.v321-device-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:.8rem;margin-bottom:1rem;}.v321-device-toolbar label{margin:0;}.v321-device-filters{display:flex;border:1px solid #d6e3ef;border-radius:11px;overflow:hidden;background:#f8fbfe;}.v321-device-filters a{padding:.68rem .9rem;text-decoration:none;color:#496079;font-weight:700;white-space:nowrap;}.v321-device-filters a.active{background:#0879ec;color:#fff;}
.v321-device-client-grid{display:grid;gap:.85rem;margin-bottom:1.2rem;}.v321-device-client-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:1rem;align-items:center;text-decoration:none;color:inherit;background:#fff;border:1px solid #d9e4ed;border-radius:18px;padding:1rem 1.15rem;box-shadow:0 5px 18px rgba(17,52,86,.035);}.v321-device-client-card:hover{border-color:#a9cce9;box-shadow:0 10px 24px rgba(17,52,86,.07);}.v321-device-client-card.has-problem{border-left:4px solid #ed8b2c;}.v321-device-client-card.selected{outline:2px solid #268df0;outline-offset:1px;}
.v321-device-avatar{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#eaf3ff;color:#0879ec;font-size:1.15rem;font-weight:800;}.v321-device-client-title{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;}.v321-device-client-title h2{font-size:1.08rem;margin:0;}.v321-device-client-title>span{font-size:.76rem;padding:.28rem .55rem;border-radius:999px;background:#eef4fa;color:#496079;font-weight:700;}.v321-device-stats{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.55rem;color:#607387;font-size:.87rem;}.v321-device-stats b{color:#19334c;}.v321-device-stats .ok b{color:#07945d;}.v321-device-stats .bad b{color:#d53a3a;}.v321-device-stats .warn b,.v321-device-stats .check b{color:#d57712;}.v321-device-alert,.v321-device-ok{margin:.45rem 0 0;font-size:.82rem;font-weight:700;}.v321-device-alert{color:#bc5d08;}.v321-device-ok{color:#078653;}.v321-device-open{font-weight:800;color:#0879ec;white-space:nowrap;}

@media(max-width:1050px){.v321-documentation-overview .v314-doc-overview,.v321-security-overview{grid-template-columns:1fr;}.v315-admin-pages .v314-admin-allowed-grid,.v315-admin-pages .v307-admin-sec-layout{grid-template-columns:1fr!important;}.v321-device-toolbar{grid-template-columns:1fr;}.v321-device-client-card{grid-template-columns:52px minmax(0,1fr);}.v321-device-open{grid-column:2;}}
@media(max-width:640px){.v321-device-client-card{grid-template-columns:44px minmax(0,1fr);padding:.85rem;}.v321-device-avatar{width:44px;height:44px}.v321-device-stats{gap:.35rem .65rem}.v321-device-open{grid-column:1/-1}.v321-device-legend{align-items:flex-start;flex-direction:column}.v321-security-tabs{flex-wrap:nowrap;overflow-x:auto}.v321-security-tabs a{white-space:nowrap}}
.v321-doc-icon svg{width:24px;height:24px;}