[hidden]{display:none!important}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.card{margin-bottom:1.25rem}.metric{text-decoration:none;color:inherit;transition:box-shadow .15s}.metric:hover{box-shadow:0 0 0 2px #2563eb}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tabs a{padding:.8rem 1.2rem;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;color:#334155;text-decoration:none}.tabs a.selected{background:#173c70;color:white;border-color:#173c70}.filters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:end;border-bottom:1px solid #e2e8f0;padding-bottom:1.2rem}.filters label{flex:1 1 140px;margin:0}.filters input,.filters select{width:100%}.filters .check{flex-basis:140px}.filters .check input{width:auto}.ticket-row{gap:1rem;overflow-wrap:anywhere}.ticket-row>span:first-child{min-width:0}.ticket-row>span:last-child{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:end}.ticket-row.unread{border-left:4px solid #2563eb;padding-left:.8rem;background:#f0f6ff}.unread-banner{display:block;background:#173c70;color:white;padding:1rem 1.25rem;border-radius:.7rem;margin-bottom:1.25rem;text-decoration:none}.priority.urgente{color:#a31425;background:#ffe4e8}.priority.alta{color:#853b0a;background:#fff1d6}.priority{padding:.25rem .5rem;border-radius:.3rem}.dashboard-grid{align-items:start}[data-carousel] .notice{margin:0;min-height:190px;max-height:380px;overflow:auto}[data-carousel] p{white-space:pre-wrap;overflow-wrap:anywhere}.carousel-controls,.carousel-dots,.contact-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.carousel-controls button,.carousel-dots button{background:#e8eef7;color:#173c70;padding:.45rem .8rem;font-size:.875rem}.carousel-dots [aria-pressed=true]{background:#173c70;color:white}.ticket-detail>section,.print-report>section{max-width:1100px}.ticket-detail small,.print-report small{display:block}.ticket-detail li,.print-report li{margin-bottom:.65rem}.contact-card small{color:#526479}.contact-card p{margin:.3rem 0 1.5rem}.notice-manage form{margin-bottom:.5rem}.rich-editor{border:1px solid #b8c5d6;border-radius:.65rem;overflow:visible;background:white}.rich-editor .editor-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.35rem;padding:.65rem;background:#edf2f8;border-bottom:1px solid #cbd5e1;border-radius:.65rem .65rem 0 0}.rich-editor .editor-toolbar button,.rich-editor .editor-toolbar select,.rich-editor .upload-button{font-size:.875rem;line-height:1.3;min-height:32px;padding:.35rem .6rem;border:1px solid #b8c5d6;border-radius:.35rem;background:white;color:#1e3a5f;width:auto;margin:0;box-shadow:none}.rich-editor .editor-toolbar button:hover{background:#dce8f8}.rich-editor .editor-area{min-height:520px;padding:1.5rem;font-size:1rem;line-height:1.7;max-height:none;overflow-wrap:anywhere;outline:none}.rich-editor .editor-area:focus{box-shadow:inset 0 0 0 2px #2563eb}.rich-editor .editor-status{font-size:.875rem;padding:.4rem .8rem;color:#526479}.rich-editor .image-tools{display:flex;gap:.3rem;border-left:1px solid #b8c5d6;padding-left:.4rem;flex-wrap:wrap}.editor-preview{min-height:520px;padding:1.5rem;overflow-wrap:anywhere}.editor-fullscreen{position:fixed!important;inset:12px;z-index:1000;overflow:auto!important;border-radius:.65rem;box-shadow:0 0 0 20px #13253ccc}.editor-fullscreen .editor-area,.editor-fullscreen .editor-preview{min-height:calc(100vh - 180px)}body.editor-open{overflow:hidden}.editor-area img[data-size=small],.editor-preview img[data-size=small]{max-width:35%}.editor-area img[data-size=medium],.editor-preview img[data-size=medium]{max-width:65%}.editor-area img[data-size=large],.editor-preview img[data-size=large]{max-width:100%}.editor-preview img{height:auto}.guide-editor{max-width:none}.form-grid>.wide{min-width:0}.no-print{margin-bottom:1rem}
@media(max-width:760px){.rich-editor .editor-area,.editor-preview{min-height:420px;padding:1rem}.rich-editor .editor-toolbar{position:static}.editor-fullscreen{inset:0}.ticket-row{align-items:start}.ticket-row>span:last-child{max-width:110px}.filters label{flex-basis:100%}.editor-area img[data-size=small],.editor-preview img[data-size=small]{max-width:65%}.editor-area img[data-size=medium],.editor-preview img[data-size=medium]{max-width:85%}}
@media print{aside,.no-print,script{display:none!important}.shell,main{display:block!important;margin:0!important;padding:0!important;width:100%!important;background:white!important}.print-report .card{border:0;box-shadow:none;padding:0;margin:1rem 0}.print-report h2{break-after:avoid}.print-report .message,.print-report li{break-inside:avoid}a{color:black;text-decoration:none}body{font-size:11pt;background:white}}
/* v1.5.1 · profilo cliente */
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.account-layout>.profile-card,.account-layout>.management-card{grid-column:1/-1}
.profile-card{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.profile-card>div{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.profile-card>div h2,.profile-card>div p{margin:.15rem 0}
.profile-avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;border:4px solid #dcecff;background:#eaf4ff;color:#087fc5;display:grid;place-items:center;font-size:2.2rem;font-weight:800}
.profile-avatar.small{width:64px;height:64px;font-size:1.5rem;border-width:3px;margin-bottom:.6rem}
.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0 1.4rem}
.profile-details div{padding:.85rem 1rem;border:1px solid #d9e4ef;border-radius:12px;background:#f8fbfe}
.profile-details dt{font-size:.82rem;color:#607087;margin-bottom:.3rem}.profile-details dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.password-advice{padding:1rem;border-left:4px solid #168eea;background:#eef7ff;border-radius:8px;margin:1rem 0}.password-advice p{margin:.35rem 0 0}
[data-password-strength]{width:100%;height:10px;margin:.4rem 0}.account-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.3rem}.account-actions form{margin:0}
@media(max-width:850px){.account-layout{grid-template-columns:1fr}.profile-card{align-items:flex-start;flex-direction:column}.profile-details{grid-template-columns:1fr}}
.document-upload{margin-bottom:1.5rem}.document-section{margin:1.5rem 0}.document-section>h2{margin-bottom:.8rem}
.document-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;background:#fff;border:1px solid #d9e4ef;border-radius:14px;padding:1rem;margin:.7rem 0;box-shadow:0 4px 14px rgba(22,52,82,.04)}
.document-card h3,.document-card p{margin:.1rem 0 .35rem}.document-card small{display:block;color:#607087;margin-top:.25rem}.document-icon{width:52px;height:58px;border-radius:9px;background:#eaf4ff;color:#087fc5;font-size:.8rem;font-weight:800;display:grid;place-items:center;border:1px solid #cce5f8}.document-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.document-actions form{margin:0}.compact{padding:.65rem .85rem}
@media(max-width:700px){.document-card{grid-template-columns:auto 1fr}.document-actions{grid-column:1/-1}.document-actions .button,.document-actions form,.document-actions button{width:100%}}
body:has(.login){background:linear-gradient(90deg,rgba(245,251,255,.94),rgba(245,251,255,.70)),url('/static/login-network-bg.png') center/cover fixed no-repeat}
body:has(.login) .login-brand{background:rgba(255,255,255,.68);backdrop-filter:blur(7px);border-radius:20px;padding:2rem;box-shadow:0 16px 45px rgba(27,78,118,.10)}
body:has(.login) .login form.card{background:rgba(255,255,255,.93);backdrop-filter:blur(10px);box-shadow:0 18px 55px rgba(18,62,98,.18)}
.dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #dce6ef}.dashboard-summary div{padding:.7rem;border-radius:10px;background:#f4f9fd;display:flex;flex-direction:column}.dashboard-summary strong{font-size:1.3rem;color:#087fc5}.dashboard-summary span{font-size:.82rem;color:#607087}
.device-clients{margin-bottom:1.5rem}.device-client-card{min-height:100px}.traffic-options{border:1px solid #d9e4ef;border-radius:12px;padding:1rem}.traffic-options legend{font-weight:700;padding:0 .4rem}.traffic-options .check{display:inline-flex;margin:.3rem .8rem .3rem 0}.usage-card{grid-column:1/-1}
@media(max-width:650px){.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v1.6: menu compatto e aree operative più profonde verso il basso */
aside nav>a, .admin-nav summary, .admin-nav a{font-size:.94rem;padding:.62rem .75rem}
.admin-nav{margin:.25rem 0;color:#dbeafe}.admin-nav summary{cursor:pointer;font-weight:700;list-style:none}
.admin-nav summary::-webkit-details-marker{display:none}.admin-nav summary::after{content:'⌄';float:right}
.admin-nav>div{display:grid;border-left:2px solid rgba(255,255,255,.16);margin-left:.8rem;padding-left:.35rem}
.admin-nav a{color:#bfdbfe;text-decoration:none;border-radius:8px}.admin-nav a:hover{background:rgba(255,255,255,.08)}
.dashboard-grid>.card{height:560px;min-height:560px;overflow-y:auto}.dashboard-grid>.card:nth-child(2){overflow:hidden}.dashboard-grid>.card:nth-child(2)>[data-carousel]{height:calc(100% - 48px);display:grid;grid-template-rows:minmax(0,1fr) auto auto}.dashboard-grid>.card:nth-child(2) [data-slide]{height:100%;min-height:0;max-height:none;overflow-y:auto}
.device-clients{display:grid;grid-template-columns:1fr;gap:.75rem;max-width:100%}
.device-client-card{width:100%;min-height:88px;background:#fff;padding:1rem 1.25rem}
.export-options{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1rem 0}
.version-card{border-left:5px solid #1683e6}.version-card h2{margin-bottom:.2rem}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.device-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;padding:.8rem;border:1px solid #d9e3ee;border-radius:10px}
@media(max-width:760px){.dashboard-grid>.card{min-height:340px}.guide-editor .editor-area{min-height:520px}aside nav>a,.admin-nav summary,.admin-nav a{font-size:.9rem}}

/* Barra laterale v1.7: il menu scorre e l'account resta sempre raggiungibile. */
aside{height:100vh;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column}
aside>nav{flex:0 0 auto}
aside>.account{margin-top:auto;flex:0 0 auto;background:inherit;position:relative}
.admin-nav:not([open])>div{display:none}
.portal-version{text-align:center;color:#718096;font-size:.78rem;padding:1.4rem .5rem .3rem}
.login-help{display:block;text-align:center;margin:.9rem 0;color:#1268b3;font-size:.92rem}
.cloud-tabs{margin-bottom:1rem}.cloud-items.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:.8rem}.cloud-items.list{display:grid;gap:.5rem}.cloud-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.9rem;border:1px solid #d8e3ee;background:#fff;border-radius:12px;min-width:0}.cloud-item a{text-decoration:none}.cloud-icon{font-size:2rem}.cloud-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.cloud-actions form{margin:.4rem 0}.cloud-actions details{max-width:250px}.cloud-actions details>summary{cursor:pointer;color:#1268b3;font-weight:700}.cloud-actions input,.cloud-actions select{max-width:220px}.cloud-quota{height:12px;background:#e6edf5;border-radius:8px;overflow:hidden}.cloud-quota>div{height:100%;background:#1689e7}.breadcrumbs{overflow-wrap:anywhere}.contact-status{margin-bottom:1rem}
@media(max-width:760px){.dashboard-grid>.card{height:auto;min-height:400px}.cloud-items.grid{grid-template-columns:1fr}.cloud-item{grid-template-columns:auto minmax(0,1fr)}.cloud-actions{grid-column:1/-1;justify-content:flex-start}}

/* v1.7.1 */
.cloud-items{display:grid!important;grid-template-columns:1fr!important;gap:.55rem}.cloud-item{width:100%}
.text-editor{min-height:480px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.text-preview{min-height:280px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7fafc;border:1px solid #d8e3ee;border-radius:10px;padding:1rem}
.quick-actions{display:flex;gap:.7rem;flex-wrap:wrap}.dashboard-extra{margin-top:1.25rem}.maintenance{text-align:center;margin-top:10vh}
.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:.75rem;border-bottom:1px solid #dbe4ee}
.settings-nav{margin-top:.2rem}.settings-grid textarea{min-height:110px}

/* v1.8 */
.maintenance-alert{display:block;padding:1rem 1.2rem;margin-bottom:1rem;background:#fff4cf;border:1px solid #e9ba3e;border-left:5px solid #e59a00;border-radius:12px;color:#563b00;text-decoration:none;font-weight:750}
.maintenance-card{border-left:5px solid #1689e7}.maintenance-card.importante{border-left-color:#e59a00}.maintenance-card.urgente{border-left-color:#d12d3f}.maintenance-card .inline-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;margin-top:1rem}.maintenance-card form{margin:0}.recipient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.45rem}
.dashboard-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1.25rem}.dashboard-ops a{background:#fff;border:1px solid #d8e3ee;border-radius:12px;padding:1rem;text-decoration:none;color:inherit;display:flex;flex-direction:column}.dashboard-ops b{font-size:1.45rem;color:#087fc5}.dashboard-ops span{color:#607087;font-size:.88rem}
.guide-pdf-index{display:block;padding:.8rem 1rem;border:1px solid #d8e3ee;border-radius:10px;margin:.45rem 0;text-decoration:none}.guide-pdf-manager form{margin:1rem 0}.pdf-list{display:grid;gap:.4rem}
.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #d8e3ee}.service-row small{display:block;color:#607087;margin-top:.25rem}.service-row>div:last-child{display:flex;gap:.5rem;align-items:center}.service-row form{margin:0}
@media(max-width:760px){.dashboard-ops{grid-template-columns:1fr}.service-row{grid-template-columns:1fr}.service-row>div:last-child{justify-content:flex-start}.maintenance-card .section-title{display:block}.maintenance-card .section-title>span{display:block;margin-top:.5rem}}

/* v1.8.1 */
.live-grid{display:grid;gap:.75rem}.live-monitor{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(220px,auto);gap:1rem;align-items:center;background:#fff;border:1px solid #d8e3ee;border-radius:14px;padding:1rem 1.2rem}.live-monitor h3,.live-monitor p{margin:.15rem 0}.monitor-state{width:15px;height:15px;border-radius:50%;background:#9aa7b6;box-shadow:0 0 0 5px #edf1f5}.live-monitor.operativo .monitor-state{background:#24bd72;box-shadow:0 0 0 5px #daf7e8}.live-monitor.non-disponibile .monitor-state{background:#df334a;box-shadow:0 0 0 5px #ffe1e5}.live-monitor.manutenzione .monitor-state{background:#e8a21a;box-shadow:0 0 0 5px #fff1cf}.latency{text-align:right}.latency b{display:block;font-size:1.65rem}.latency small{display:block;color:#607087}.latency.good b{color:#15945a}.latency.warning b{color:#b87500}.latency.critical b{color:#c7243b}.diagnostic-files{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
@media(max-width:760px){.live-monitor{grid-template-columns:auto 1fr}.live-monitor .latency{grid-column:1/-1;text-align:left;padding-left:2rem}}

/* v1.8.2: stato rete organizzato, diagnostica e cronologia */
[data-refresh-countdown]{font-weight:650;color:#607087}
.network-group{margin:0 0 1rem;background:#fff;border:1px solid #d8e3ee;border-left:6px solid #28b96f;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px rgba(24,57,87,.045)}
.network-group.group-orange{border-left-color:#f08a24}.network-group.group-red{border-left-color:#d9354c}
.network-group>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;cursor:pointer;font-weight:800;list-style:none;background:#fbfdff}
.network-group>summary::-webkit-details-marker{display:none}.network-group>summary::after{content:'⌄';color:#607087}.network-group[open]>summary::after{content:'⌃'}
.network-group>summary small{font-weight:550;color:#607087}.network-group>.live-grid{padding:1rem;background:#f7fafc}
.live-monitor.quality-green .monitor-state{background:#25bd72;box-shadow:0 0 0 6px #d9f6e7}.live-monitor.quality-yellow .monitor-state{background:#e5b91f;box-shadow:0 0 0 6px #fff6ca}.live-monitor.quality-orange .monitor-state{background:#ef8120;box-shadow:0 0 0 6px #ffe8d2}.live-monitor.quality-red .monitor-state{background:#dc344c;box-shadow:0 0 0 6px #ffe0e5}
.latency.green b{color:#15945a}.latency.yellow b{color:#aa8400}.latency.orange b{color:#d76708}.latency.red b{color:#c7243b}.monitor-owner{display:block;color:#1268b3;font-weight:700;margin:.2rem 0}
.diagnostic-dropdown{position:relative}.diagnostic-dropdown>[data-diagnostic-toggle]{width:100%;text-align:left}.diagnostic-menu{position:relative;margin-top:.5rem;max-height:390px;overflow:auto;padding:.75rem;border:1px solid #ccdbea;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(26,63,94,.12);z-index:3}.diagnostic-menu .diagnostic-check{display:flex;padding:.55rem;border-radius:8px}.diagnostic-menu .diagnostic-check:hover{background:#eef6fd}.diagnostic-menu-actions{position:sticky;top:-.75rem;background:#fff;padding:.25rem 0 .6rem;z-index:1}.diagnostic-other{display:block;border-top:1px solid #d8e3ee;margin-top:.6rem;padding-top:.8rem}.selected-checks{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.selected-checks span{font-size:.82rem;background:#eaf4ff;color:#1268b3;border-radius:999px;padding:.35rem .6rem}
.news-dashboard-alert{display:inline-flex;margin-top:.7rem;padding:.55rem .8rem;border-radius:999px;background:#eaf4ff;color:#1268b3;text-decoration:none;font-weight:750}.news-counter,.news-new{display:inline-flex;align-items:center;border-radius:999px;font-weight:800}.news-counter{padding:.6rem .9rem;background:#eaf4ff;color:#1268b3}.news-new{font-size:.72rem;letter-spacing:.06em;padding:.3rem .55rem;background:#1689e7;color:#fff;margin-bottom:.5rem}.news-filters{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.4rem}.news-timeline{position:relative;margin-left:1rem;padding-left:2.2rem}.news-timeline::before{content:'';position:absolute;left:.25rem;top:.5rem;bottom:.5rem;width:4px;border-radius:4px;background:linear-gradient(#1689e7,#51c789,#edb636,#e66d52)}.news-item{position:relative;margin-bottom:1.25rem}.timeline-dot{position:absolute;left:-2.42rem;top:1.45rem;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#1689e7;box-shadow:0 0 0 3px #b9dcfa}.news-item:nth-child(4n+2) .timeline-dot{background:#41b979;box-shadow:0 0 0 3px #c9efdb}.news-item:nth-child(4n+3) .timeline-dot{background:#e4aa27;box-shadow:0 0 0 3px #f9e8b8}.news-item:nth-child(4n) .timeline-dot{background:#df654f;box-shadow:0 0 0 3px #f8d5ce}.news-card{background:#fff;border:1px solid #d8e3ee;border-radius:15px;padding:1.2rem 1.35rem;box-shadow:0 6px 20px rgba(25,57,86,.055)}.news-item.unread .news-card{border-color:#8bc5f2;background:linear-gradient(135deg,#fff,#f3f9ff)}.news-card h2,.news-card p{margin:.25rem 0 .7rem}.news-card form{margin:0}.account-overview{border-top:5px solid #1689e7}.profile-progress{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#eaf4ff;color:#087fc5;font-weight:850;font-size:1.15rem}.progress-track{height:12px;border-radius:8px;background:#e5edf5;overflow:hidden;margin:1rem 0}.progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#1689e7,#28bd73);border-radius:inherit}
@media(max-width:760px){.network-group>summary{align-items:flex-start;flex-direction:column}.network-group>summary::after{position:absolute;right:1rem}.news-timeline{margin-left:.25rem;padding-left:1.55rem}.timeline-dot{left:-1.78rem}.news-card{padding:1rem}.news-card .section-title{align-items:flex-start;flex-direction:column}.profile-progress{width:54px;height:54px}.live-monitor{grid-template-columns:auto minmax(0,1fr)}.live-monitor .latency{grid-column:2;text-align:left;padding-left:0}}

/* v1.8.2a: monitoraggio rapido amministratore */
.monitor-countdown{margin-top:.35rem;color:#607087;font-weight:650}.dashboard-network{margin:1rem 0 1.25rem;border-top:5px solid #1689e7}.dashboard-monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.2rem}.dashboard-monitor{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;border:1px solid #d8e3ee;border-radius:13px;background:#f8fbfe}.dashboard-monitor div{display:grid;gap:.12rem}.dashboard-monitor b{font-size:1.05rem}.dashboard-monitor span:not(.monitor-state){color:#607087;font-size:.88rem}.dashboard-monitor>strong{font-size:1.5rem;color:#15945a}.dashboard-monitor.quality-yellow>strong{color:#aa8400}.dashboard-monitor.quality-orange>strong{color:#d76708}.dashboard-monitor.quality-red>strong{color:#c7243b}.dashboard-monitor.quality-green .monitor-state{background:#25bd72;box-shadow:0 0 0 5px #d9f6e7}.dashboard-monitor.quality-yellow .monitor-state{background:#e5b91f;box-shadow:0 0 0 5px #fff6ca}.dashboard-monitor.quality-orange .monitor-state{background:#ef8120;box-shadow:0 0 0 5px #ffe8d2}.dashboard-monitor.quality-red .monitor-state{background:#dc344c;box-shadow:0 0 0 5px #ffe0e5}.dashboard-monitor.unconfigured .monitor-state{background:#9aa7b6}.network-alerts{display:grid;gap:.45rem}.network-alert{padding:.65rem .8rem;border-radius:9px;font-weight:650}.network-alert.success{background:#e2f7eb;color:#147446}.network-alert.warning{background:#fff2cf;color:#785400}.network-alert.danger{background:#ffe2e7;color:#9e2135}
@media(max-width:760px){.dashboard-monitor-grid{grid-template-columns:1fr}.dashboard-monitor{grid-template-columns:auto minmax(0,1fr)}.dashboard-monitor>strong{grid-column:2}}

/* Monitor Internet pubblico e avvisi importanti cliente */
.login-internet{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center;margin-top:1.25rem;padding:.85rem 1rem;border:1px solid rgba(20,105,180,.18);border-radius:13px;background:rgba(255,255,255,.76);text-align:left}.login-internet div{display:grid;gap:.1rem}.login-internet small{font-size:.72rem;font-weight:850;letter-spacing:.08em;color:#607087}.login-internet b{font-size:.96rem}.login-internet span:not(.monitor-state){font-weight:750;color:#15945a}.login-internet.quality-green .monitor-state{background:#25bd72;box-shadow:0 0 0 5px #d9f6e7}.login-internet.quality-yellow .monitor-state{background:#e5b91f;box-shadow:0 0 0 5px #fff6ca}.login-internet.quality-orange .monitor-state{background:#ef8120;box-shadow:0 0 0 5px #ffe8d2}.login-internet.quality-red .monitor-state{background:#dc344c;box-shadow:0 0 0 5px #ffe0e5}.login-internet.unavailable .monitor-state{background:#9aa7b6}
.client-header-actions{display:grid;align-self:start;justify-items:stretch;gap:.55rem;min-width:220px}.client-header-actions>.button{text-align:center}.client-important-list{display:grid;gap:.35rem}.client-important-list>small{text-align:center;font-size:.7rem;font-weight:850;letter-spacing:.06em;color:#607087}.client-important{display:flex;align-items:center;gap:.45rem;padding:.48rem .65rem;border-radius:9px;text-decoration:none;font-size:.8rem;font-weight:750;max-width:280px}.client-important.warning{background:#fff2cf;color:#785400}.client-important.danger{background:#ffe2e7;color:#9e2135}
@media(max-width:760px){.client-header-actions{width:100%;min-width:0}.client-important{max-width:none}}

/* v1.8.3: accesso, avvisi importanti, timeline e icone menu */
.nav-icon{display:inline-grid;width:1.55rem;text-align:center;margin-right:.35rem;color:#8fc9f6;font-size:1.05rem}
.login-v183{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-v183 .login-column{width:min(460px,100%)}
.login-logo{text-align:center;margin-bottom:1.25rem}.login-logo>span{display:block;font-size:3rem;line-height:1;font-weight:900;letter-spacing:-.06em;color:#13253b}.login-logo>span b{color:#168eea}.login-logo>small{font-size:1.1rem;color:#607087;font-weight:700}
.login-v183 form.card{padding:1.7rem 2rem}.login-v183 form.card h2{margin:.1rem 0 .35rem}.login-v183 form.card>p{margin-top:0;color:#607087}.login-v183 form.card>button{width:100%;margin-top:.5rem}
.login-status-panel{margin-top:1rem;background:rgba(255,255,255,.94);border:1px solid #d8e3ee;border-radius:15px;padding:.9rem 1rem;box-shadow:0 12px 35px rgba(18,62,98,.13)}.login-status-panel h3{font-size:.75rem;letter-spacing:.08em;color:#607087;margin:0 0 .55rem;text-transform:uppercase}
.login-status-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.6rem .25rem}.login-status-row+.login-status-row{border-top:1px solid #e2eaf2}.login-status-row div{display:grid}.login-status-row small{text-transform:uppercase;color:#607087;font-weight:800;font-size:.7rem}.login-status-row b{font-size:.92rem}.login-status-row strong{font-size:1.1rem;color:#15945a}.login-status-row.quality-yellow strong{color:#a78100}.login-status-row.quality-orange strong{color:#d76708}.login-status-row.quality-red strong{color:#c7243b}
.client-header-actions{min-width:min(720px,58vw);max-width:800px}.important-dashboard{width:100%;margin:.1rem 0 1.1rem}.important-dashboard>p{font-size:.72rem;font-weight:850;letter-spacing:.09em;color:#607087;margin:0 0 .45rem}.important-slide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.15rem;border:1px solid #e7bd58;border-radius:14px;background:linear-gradient(105deg,#fff9e9,#fffdf8);text-decoration:none;color:#1d2a3d;box-shadow:0 5px 16px rgba(31,66,96,.04)}.important-slide[hidden]{display:none}.important-slide.theme-red{border-color:#efa3ae;background:linear-gradient(105deg,#fff0f2,#fff8f9)}.important-slide.theme-blue{border-color:#9ccbed;background:linear-gradient(105deg,#edf7ff,#fbfdff)}.important-slide.theme-green{border-color:#9ed8b8;background:linear-gradient(105deg,#edf9f2,#fbfffd)}.important-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f4af15;color:#fff;font-size:1.45rem;font-weight:900}.theme-red .important-icon{background:#df334a}.theme-blue .important-icon{background:#1689e7}.theme-green .important-icon{background:#27ae69}.important-slide span:nth-child(2){display:grid;gap:.2rem}.important-slide b{font-size:1rem}.important-slide small{color:#46566c}.important-arrow{font-size:2rem}.important-controls{display:flex;justify-content:flex-end;align-items:center;gap:.45rem;margin-top:.45rem}.important-controls button{padding:.45rem .7rem;background:#edf3f8;color:#17334f}.important-controls span{font-size:.85rem;color:#607087;min-width:3.5rem;text-align:center}
.important-admin-list{display:grid;gap:.8rem}.important-admin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;background:#fff;border:1px solid #d8e3ee;border-left:5px solid #e9b42e;border-radius:14px}.important-admin.theme-red{border-left-color:#df334a}.important-admin.theme-blue{border-left-color:#1689e7}.important-admin.theme-green{border-left-color:#27ae69}.important-admin h3,.important-admin p{margin:.15rem 0 .4rem}.important-detail{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;margin-bottom:1rem;border:1px solid #e7bd58;border-radius:14px;background:#fff9e9}.important-detail.theme-red{border-color:#efa3ae;background:#fff0f2}.important-detail.theme-blue{border-color:#9ccbed;background:#edf7ff}.important-detail.theme-green{border-color:#9ed8b8;background:#edf9f2}
.network-timeline{position:relative;margin-left:1rem;padding-left:2.2rem}.network-timeline::before{content:'';position:absolute;left:.3rem;top:.5rem;bottom:.5rem;width:4px;border-radius:4px;background:linear-gradient(#1689e7,#e7b526,#ef8120,#dc344c)}.timeline-event{position:relative;margin-bottom:.8rem;padding:1rem 1.2rem;background:#fff;border:1px solid #d8e3ee;border-radius:13px}.timeline-event .timeline-dot{position:absolute;left:-2.42rem;top:1.35rem;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#1689e7;box-shadow:0 0 0 3px #b9dcfa}.timeline-event.severity-yellow .timeline-dot{background:#e5b91f;box-shadow:0 0 0 3px #fff0a5}.timeline-event.severity-orange .timeline-dot{background:#ef8120;box-shadow:0 0 0 3px #ffd7b4}.timeline-event.severity-red .timeline-dot{background:#dc344c;box-shadow:0 0 0 3px #ffc6cf}.timeline-event h3,.timeline-event p{margin:.15rem 0 .35rem}
@media(max-width:900px){.client-header-actions{min-width:0;max-width:none;width:100%}.important-admin{grid-template-columns:auto 1fr}.important-admin .document-actions{grid-column:1/-1}}
@media(max-width:600px){.login-v183{padding:1rem}.login-logo>span{font-size:2.45rem}.login-v183 form.card{padding:1.35rem}.important-slide{grid-template-columns:auto 1fr}.important-arrow{display:none}.important-controls{justify-content:center}.network-timeline{margin-left:.2rem;padding-left:1.5rem}.timeline-event .timeline-dot{left:-1.78rem}}

/* v1.9 */
.device-update-card{min-width:330px;max-width:480px;padding:15px 18px;border-radius:15px;text-decoration:none;display:flex;flex-direction:column;gap:5px;border:1px solid transparent;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.device-update-card.clear{background:#e9f8ef;border-color:#a9dfbd;color:#166534}.device-update-card.planned{background:#fff1dc;border-color:#f4bf74;color:#8a430b}.device-update-card small{color:inherit;opacity:.84}
.v19-admin-summary,.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin:18px 0}.v19-admin-summary a,.control-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.v19-admin-summary b,.control-card b{font-size:1.15rem;color:#0f172a}.v19-admin-summary small,.control-card small{color:#64748b}.update-list{display:grid;gap:14px}.device-update-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:6px solid #f59e0b}.device-update-row.status-completato{border-left-color:#22c55e}.device-update-row.status-annullato{border-left-color:#94a3b8}.privacy-note{background:#f8fafc;border-left:4px solid #64748b;padding:12px 15px;border-radius:8px}
.notification-list{padding:0;overflow:hidden}.notification-row{display:grid;grid-template-columns:160px 1fr auto;gap:18px;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;text-decoration:none;color:#334155}.notification-row.unread{background:#eff6ff;border-left:5px solid #1689e7}.notification-row span,.notification-row small{color:#64748b}.notification-row:last-child{border-bottom:0}
.table-wrap td small{display:block;color:#64748b;margin-top:4px}.status-badge.danger{background:#fee2e2;color:#991b1b}.inline-actions select{min-width:170px}
@media(max-width:760px){.device-update-card{min-width:0;width:100%;max-width:none}.device-update-row{align-items:flex-start;flex-direction:column}.notification-row{grid-template-columns:1fr;gap:5px}.v19-admin-summary,.control-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.v19-admin-summary,.control-grid{grid-template-columns:1fr}}

/* v1.9a - isolamento completo della pagina di accesso dal layout del portale */
html:has(.login-v183),body:has(.login-v183){margin:0!important;min-width:0!important;min-height:100%!important;background:#eaf3f9!important}
body:has(.login-v183) .shell{display:block!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;background:transparent!important}
body:has(.login-v183) main{display:block!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;background:transparent!important}
.login.login-v183{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:32px!important;box-sizing:border-box!important;background:linear-gradient(90deg,rgba(238,248,255,.82),rgba(238,248,255,.48)),url('/static/login-network-bg.png') center center/cover fixed no-repeat!important}
.login-v183 .login-column{display:block!important;width:460px!important;max-width:calc(100vw - 48px)!important;margin:0 auto!important;padding:0!important}
.login-v183 .login-logo{width:100%!important;margin:0 0 20px!important;text-align:center!important}
.login-v183 form.card{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px 32px!important;box-sizing:border-box!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(184,210,232,.9)!important;border-radius:18px!important;box-shadow:0 22px 60px rgba(18,62,98,.20)!important;backdrop-filter:blur(12px)}
.login-v183 form.card label{display:block!important;width:100%!important;margin:18px 0 0!important;box-sizing:border-box!important}
.login-v183 form.card input{display:block!important;width:100%!important;max-width:none!important;height:48px!important;margin:7px 0 0!important;padding:10px 13px!important;box-sizing:border-box!important}
.login-v183 .password-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;gap:8px!important;width:100%!important;margin-top:7px!important}
.login-v183 .password-field input{width:100%!important;min-width:0!important;margin:0!important}
.login-v183 .password-field button{width:auto!important;min-width:92px!important;height:48px!important;margin:0!important;padding:0 14px!important;white-space:nowrap!important}
.login-v183 form.card>button{display:block!important;width:100%!important;height:50px!important;margin:22px 0 0!important}
.login-v183 .login-help{display:block!important;margin:18px 0 0!important;text-align:center!important}
.login-v183 .login-status-panel{width:100%!important;margin:14px 0 0!important;box-sizing:border-box!important;background:rgba(255,255,255,.95)!important}
@media(max-width:600px){.login.login-v183{align-items:flex-start!important;padding:22px 16px!important;background-attachment:scroll!important}.login-v183 .login-column{width:100%!important;max-width:440px!important}.login-v183 form.card{padding:23px 20px!important}.login-v183 .password-field{grid-template-columns:1fr!important}.login-v183 .password-field button{width:100%!important}.login-v183 .login-logo>span{font-size:2.5rem!important}}

/* Riquadro firmware più ampio sulla Dashboard */
.device-update-card{width:min(620px,50vw)!important;min-width:520px!important;max-width:620px!important;min-height:170px!important;box-sizing:border-box!important;justify-content:center!important;padding:24px 28px!important}
.device-update-card b{font-size:1.08rem}.device-update-card small{font-size:.94rem;line-height:1.45}
@media(max-width:1050px){.device-update-card{width:100%!important;min-width:0!important;max-width:none!important;min-height:130px!important}}
@media(max-width:600px){.device-update-card{min-height:110px!important;padding:18px 20px!important}}

/* v1.9b - rifinitura login e impaginazione Dashboard clienti */
.login-v183 .login-column{width:420px!important;max-width:calc(100vw - 40px)!important}
.login-v183 form.card{padding:24px 27px!important}
.login-v183 .login-logo{margin-bottom:16px!important}
.login-v183 .login-status-panel{margin-top:12px!important}
.login-status-row.quality-green .monitor-state{background:#25bd72!important;box-shadow:0 0 0 5px #d9f6e7!important}
.login-status-row.quality-yellow .monitor-state{background:#e5b91f!important;box-shadow:0 0 0 5px #fff6ca!important}
.login-status-row.quality-orange .monitor-state{background:#ef8120!important;box-shadow:0 0 0 5px #ffe8d2!important}
.login-status-row.quality-red .monitor-state{background:#dc344c!important;box-shadow:0 0 0 5px #ffe0e5!important}

body:has(.client-header-actions),body:has(.client-header-actions) .shell,body:has(.client-header-actions) main{max-width:100%!important;overflow-x:hidden!important}
body:has(.client-header-actions) main{min-width:0!important}
header:has(> .client-header-actions){display:grid!important;grid-template-columns:minmax(230px,320px) minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:18px 28px!important;align-items:start!important;width:100%!important;min-width:0!important}
header:has(> .client-header-actions)>div:first-child{grid-column:1!important;grid-row:1!important;min-width:0!important}
header:has(> .client-header-actions)>.device-update-card{grid-column:2!important;grid-row:1!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:170px!important}
header:has(> .client-header-actions)>.news-dashboard-alert{grid-column:1/-1!important;grid-row:2!important;justify-self:end!important;width:auto!important;max-width:100%!important;margin:0!important;white-space:normal!important}
header:has(> .client-header-actions)>.client-header-actions{grid-column:1/-1!important;grid-row:3!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
.client-header-actions>.button{display:none!important}
.client-header-actions::before{content:'Per creare un nuovo ticket, vai alla pagina Ticket dal menu.';display:block!important;width:fit-content;max-width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #b9d9f2;border-radius:10px;background:#eef7ff;color:#245474;font-size:.9rem;font-weight:650;line-height:1.4}
header:has(> .client-header-actions) .important-dashboard{width:100%!important;min-width:0!important;margin:0!important}
header:has(> .client-header-actions) .important-slide{min-width:0!important}

@media(max-width:900px){
  header:has(> .client-header-actions){grid-template-columns:1fr!important;grid-template-rows:auto!important}
  header:has(> .client-header-actions)>div:first-child,
  header:has(> .client-header-actions)>.device-update-card,
  header:has(> .client-header-actions)>.news-dashboard-alert,
  header:has(> .client-header-actions)>.client-header-actions{grid-column:1!important;grid-row:auto!important}
  header:has(> .client-header-actions)>.news-dashboard-alert{justify-self:start!important}
}
@media(max-width:600px){.login-v183 .login-column{width:100%!important;max-width:400px!important}.login-v183 form.card{padding:21px 19px!important}}

/* v1.9c - rifiniture login e Dashboard clienti */
.login.login-v183{background-image:linear-gradient(90deg,rgba(238,248,255,.74),rgba(238,248,255,.30)),url('/static/login-network-bg.png?v=19c')!important}
.login-v183 .login-column{width:390px!important;max-width:calc(100vw - 36px)!important}
.login-v183 .login-logo{margin-bottom:12px!important}
.login-v183 form.card{padding:20px 24px!important}
.login-v183 form.card label{margin-top:13px!important}
.login-v183 form.card input,.login-v183 .password-field button{height:44px!important}
.login-v183 form.card>button{height:46px!important;margin-top:16px!important}
.login-v183 .login-help{margin-top:14px!important}
.login-v183 .login-status-panel{margin-top:10px!important;padding-top:8px!important;padding-bottom:8px!important}
.login-v183 .login-status-row{padding:.45rem .2rem!important}

body:has(.client-header-actions),body:has(.client-header-actions) .shell,body:has(.client-header-actions) main{overflow-x:clip!important}
body:has(.client-header-actions) aside{position:sticky!important;top:0!important;align-self:start!important;height:100vh!important;max-height:100vh!important}
header:has(> .client-header-actions)>.device-update-card{width:min(520px,100%)!important;max-width:520px!important;min-height:135px!important;padding:20px 23px!important;justify-self:end!important}
header:has(> .client-header-actions)>.client-header-actions{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:14px!important}
.client-header-actions::before{grid-column:1!important;grid-row:1!important;align-self:center!important;margin:0!important}
header:has(> .client-header-actions)>.news-dashboard-alert{grid-column:2!important;grid-row:2!important;align-self:start!important;justify-self:end!important;position:relative!important;z-index:2!important}
header:has(> .client-header-actions) .important-dashboard{grid-column:1/-1!important;grid-row:2!important;padding-top:55px!important}

@media(max-width:900px){
  header:has(> .client-header-actions)>div:first-child{grid-row:1!important}
  header:has(> .client-header-actions)>.device-update-card{width:100%!important;max-width:none!important;min-height:115px!important}
  header:has(> .client-header-actions)>.device-update-card{grid-row:2!important}
  header:has(> .client-header-actions)>.client-header-actions{grid-column:1!important;grid-row:3!important;grid-template-columns:1fr!important}
  header:has(> .client-header-actions)>.news-dashboard-alert{grid-column:1!important;grid-row:4!important;justify-self:start!important}
  header:has(> .client-header-actions) .important-dashboard{grid-column:1!important;grid-row:2!important;padding-top:0!important}
}
@media(max-width:600px){.login-v183 .login-column{max-width:370px!important}.login-v183 form.card{padding:18px!important}}
/* v1.10 - Guide, file cloud, timeline e installazione app */
.guide-search{margin:0 0 1rem;background:#fff;border:1px solid #d9e5ef;border-radius:14px;padding:1rem;box-shadow:0 6px 18px rgba(18,62,98,.04)}.guide-search label{display:block;font-weight:700}.guide-search input{display:block;width:100%;margin-top:.45rem}
.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;align-items:start}
.guide-list .guide-card{margin:0;min-height:150px;border:1px solid #d9e5ef;box-shadow:0 8px 24px rgba(18,62,98,.06)}
.guide-list .guide-card summary{display:grid;gap:.35rem;cursor:pointer;padding:1.15rem}.guide-list .guide-card summary span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#1689e7;font-weight:800}.guide-list .guide-card summary b{font-size:1.05rem}.guide-list .guide-content{padding:0 1.15rem 1.15rem;line-height:1.65}.guide-list .guide-actions{padding:0 1.15rem 1rem}
.document-card .document-preview{display:block;border-radius:10px;background:#eef7ff;color:#1269a4;padding:.6rem .8rem;text-decoration:none;font-weight:700}
.cloud-items.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem;padding:.5rem 0}.cloud-items.list .cloud-item{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;min-height:125px;padding:1rem;background:#fff;border:1px solid #dce7f0;border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.06);transition:transform .15s,box-shadow .15s}.cloud-items.list .cloud-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.1)}.cloud-items.list .cloud-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eef7ff;font-size:1.7rem}.cloud-items.list .cloud-actions{grid-column:1/-1;display:flex;gap:.4rem;flex-wrap:wrap}.cloud-items.list .cloud-actions details{width:100%}.cloud-items.list .cloud-actions button,.cloud-items.list .cloud-actions a{font-size:.82rem;padding:.5rem .7rem}.cloud-quota{height:11px;background:#e8eef4;border-radius:99px;overflow:hidden;margin-top:.8rem}.cloud-quota>div{height:100%;background:linear-gradient(90deg,#1689e7,#28b878);border-radius:inherit}.cloud-tabs{margin-bottom:1rem}
.timeline-current{margin-bottom:1.4rem}.timeline-current .timeline-event{padding:.75rem 1rem}.timeline-current .timeline-event h3,.timeline-current .timeline-event p{margin:.1rem 0 .2rem}.timeline-archive{border:1px solid #d8e3ee;border-radius:14px;background:#f8fbfe;padding:1rem}.timeline-archive>summary{cursor:pointer;font-weight:800;color:#245474}.timeline-archive .network-timeline{margin-top:1rem}.timeline-event.compact{padding:.6rem .85rem;margin-bottom:.55rem}.timeline-event.compact h3{font-size:.95rem}.timeline-event.compact p{font-size:.88rem}.timeline-event.compact small{font-size:.76rem}
@media(max-width:700px){.cloud-items.list{grid-template-columns:1fr}.guide-list{grid-template-columns:1fr}}