/* Licata in Comune 1.8.4 — Area di lavoro, OneSignal e raccolta differenziata */

/* Area di lavoro */
.work-area-head{align-items:flex-end}
.work-area-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}
.work-kpi{position:relative;display:grid;gap:4px;min-height:132px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--text);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.work-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--blue)}
.work-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#bed8f0}
.work-kpi span{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.work-kpi strong{font-size:2rem;line-height:1;color:var(--navy)}
.work-kpi small{margin-top:auto;color:var(--muted);line-height:1.35}
.work-kpi.is-unassigned::before{background:#d92d20}
.work-kpi.is-today::before{background:#026aa2}
.work-kpi.is-waiting::before{background:#7a5af8}
.work-kpi.is-warning::before{background:#dc6803}
.work-kpi.is-stale::before{background:#6941c6}
.work-queue-panel{padding:0;overflow:hidden}
.work-queue-panel>.panel-head{padding:20px 22px;border-bottom:1px solid var(--line)}
.work-queue-panel>.panel-head h2{margin:.2rem 0 0}
.work-queue-list{display:grid}
.work-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);color:var(--text);transition:background .15s ease}
.work-queue-row:last-child{border-bottom:0}
.work-queue-row:hover{background:#f6faff}
.work-queue-row>div:first-child{display:grid;gap:4px;min-width:0}
.work-queue-row strong{color:var(--navy)}
.work-queue-row span,.work-queue-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.work-queue-row small{color:var(--muted)}
.work-queue-flags{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
.attention-tag{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:.66rem;font-weight:850}
.attention-tag.is-reminder{background:#fff1e8;color:#b54708}
.attention-tag.is-stale{background:#f0ebff;color:#5925b0}
.dashboard-service-strip{margin-top:20px}

/* Profilo e notifiche push */
.profile-grid-v180{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.profile-grid-v180 .panel{height:100%}
.profile-grid-v180 dl,.push-health-panel dl{display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;gap:10px 16px;margin:0}
.profile-grid-v180 dt,.push-health-panel dt{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.profile-grid-v180 dd,.push-health-panel dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.push-profile-panel,.notification-preferences-panel,.push-devices-panel{grid-column:1/-1}
.push-profile-panel p{max-width:780px}
.push-status{min-height:24px;padding:10px 12px;border-radius:10px;background:#f4f7fa}
.push-status.is-loading{background:#edf4ff;color:#075f9b}
.push-status.is-success{background:#e7f7ef;color:#027a48}
.push-status.is-error{background:#fff0ef;color:#b42318}
.push-status.is-muted{background:#f4f6f8;color:var(--muted)}
.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.preference-grid .checkbox{align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f9fbfd}
.preference-grid .checkbox span{display:grid;gap:4px}
.preference-grid .checkbox small{font-weight:500;color:var(--muted);line-height:1.45}
.time-preference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.device-list{display:grid;gap:10px}
.device-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.device-row>div{display:grid;gap:4px}
.device-row small{color:var(--muted)}
.device-row.is-disabled{opacity:.62;background:#f6f7f8}
.push-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.push-health-panel code{display:inline-block;max-width:100%;padding:5px 8px;border-radius:7px;background:#edf2f7;overflow-wrap:anywhere}

/* Raccolta differenziata: guida essenziale alle frazioni */
.waste-chip-clothes{background:#f3eefb;color:#593b82;border-color:#d9c9ee}
.waste-guide-section{margin:2rem 0}
.waste-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.waste-guide-card{background:#fff;border:1px solid rgba(6,59,104,.14);border-radius:18px;padding:1.25rem;box-shadow:0 12px 30px rgba(20,45,70,.07)}
.waste-guide-card header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(6,59,104,.1)}
.waste-guide-card h3{margin:0;font-size:1.2rem}
.waste-guide-card header p{margin:.15rem 0 0;color:var(--muted,#617181);font-size:.92rem}
.waste-guide-symbol{font-size:1.2rem;line-height:1}
.waste-guide-organic .waste-guide-symbol{color:#8a5a2b}
.waste-guide-residual .waste-guide-symbol{color:#343a40}
.waste-guide-clothes .waste-guide-symbol{color:#6c4aa1}
.waste-guide-columns{display:grid;grid-template-columns:1fr;gap:1rem;padding-top:1rem}
.waste-guide-columns strong{display:block;margin-bottom:.45rem;font-size:.92rem}
.waste-guide-columns ul{margin:0;padding-left:1.15rem}
.waste-guide-columns li{margin:.36rem 0;line-height:1.45}
.waste-guide-no{padding-top:.9rem;border-top:1px dashed rgba(6,59,104,.18)}
.waste-guide-no strong{color:#8b2d2d}
.waste-guide-note{margin:1rem 0 0;padding:.8rem .9rem;border-radius:12px;background:#f3eefb;line-height:1.45}
.waste-guide-caution{margin:1rem 0 0;padding:.95rem 1rem;border-radius:14px;background:#eef5fa;border-left:4px solid #0b5f96}

@media(max-width:1200px){.work-area-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.waste-guide-grid{grid-template-columns:1fr}}
@media(max-width:900px){.profile-grid-v180{grid-template-columns:1fr}.profile-grid-v180 .push-profile-panel,.profile-grid-v180 .notification-preferences-panel,.profile-grid-v180 .push-devices-panel{grid-column:auto}.push-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preference-grid{grid-template-columns:1fr}.work-queue-row{grid-template-columns:1fr}.work-queue-flags{justify-content:flex-start}.work-queue-row span,.work-queue-row small{white-space:normal}}
@media(max-width:650px){.work-area-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.work-kpi{min-height:116px;padding:15px}.work-kpi strong{font-size:1.7rem}.time-preference-grid{grid-template-columns:1fr}.device-row{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.work-area-kpis,.push-kpi-grid{grid-template-columns:1fr}.profile-grid-v180 dl,.push-health-panel dl{grid-template-columns:1fr;gap:3px}.profile-grid-v180 dd,.push-health-panel dd{margin-bottom:10px}}