/* Le mie attività DM v2 — layout mobile-first; palette del logo originale */
:root{--area-work:#EF7B35;--area-personal:#2DAD78}
.brand-img{height:42px;width:42px;object-fit:contain;border-radius:10px;background:white;flex:none}
.top-logo{height:43px;width:43px;object-fit:contain;background:white;border-radius:10px;flex:none;padding:3px}
.sidebar-brand{align-items:center}.top-brand{align-items:center}
.viewtabs-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible;margin-bottom:18px}
.viewtabs-five .viewtab{font-size:12px;white-space:normal;min-height:56px;line-height:1.25;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.viewtabs-five .viewtab span{margin:0;font-size:10px;min-width:18px;height:18px}
.progress-card{border:1px solid #d8e1f7;border-radius:18px;padding:17px 19px;background:linear-gradient(120deg,#fff,#f5f8ff);box-shadow:var(--shadow);margin-bottom:23px}
.progress-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.progress-top strong{display:block;color:var(--navy);font-size:16px}
.progress-top small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.progress-top b{font-size:27px;color:var(--navy);font-variant-numeric:tabular-nums}
.progress-blue{background:#e3e9f5;height:12px;margin-top:14px}.progress-blue span{background:var(--blue)}
.progress-bottom{display:flex;justify-content:space-between;font-size:12px;font-weight:650;color:#66718d;margin-top:12px}
.under-progress{margin:18px 2px;color:var(--muted);font-size:12px}
.filter-dot{width:7px;height:7px;border-radius:999px;display:inline-block;margin-right:5px;vertical-align:middle}
.task::before{background:var(--task-color,#4780ed);width:5px}.task.done::before{background:var(--task-color,#4780ed)}
.task-side{display:flex;align-items:center;gap:6px;align-self:center}
.quick-move{border:1px solid #d7def0;background:#f7f9ff;color:var(--navy);padding:7px 8px;font-size:11px;font-weight:750;border-radius:8px;white-space:nowrap}
.lavoro-pill{background:#ffe8d7;color:#9a4100}.personale-pill{background:#e1f7e8;color:#126b3d}
.label-pill{font-weight:700}.task-priority{font-weight:700;color:#ce4144}
.cal-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce4f7;border-radius:13px;padding:4px;background:white;margin:0 0 12px}
.cal-mode button{border:0;background:transparent;border-radius:10px;padding:11px;color:#596378;font-weight:700}
.cal-mode button.active{background:#254fce;color:white;box-shadow:0 3px 8px rgba(20,16,100,.15)}
.cal-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 15px}.cal-navigation strong{color:var(--navy);font-size:15px;text-align:center;text-transform:capitalize}
.cal-navigation button{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:10px;color:var(--navy);font-size:16px;font-weight:700}
.cal-navigation button[data-cal-today]{font-size:11px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}
.cal-week-label{text-align:center;padding:12px 1px;color:#576280;font-size:12px;font-weight:750;background:#f5f7ff;border-bottom:1px solid var(--line)}
.cal-day{position:relative;min-width:0;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;background:#fff;padding:6px 4px 4px;cursor:pointer}
.cal-day:nth-child(7n){border-right:0}.cal-day.outside{background:#fafbfe;opacity:.55}
.cal-day.selected{background:#edf2ff}.cal-day.today .cal-day-number{background:var(--blue);color:white}
.cal-day-number{background:transparent;border:0;display:grid;place-items:center;width:29px;height:29px;border-radius:999px;color:var(--navy);font-size:12px;font-weight:750;margin:0 auto 5px}
.cal-task-chip{background:var(--task-color);color:#fff;border:0;border-radius:5px;padding:5px 3px;display:block;width:100%;margin:0 0 3px;text-align:left;font-size:10px;line-height:1.25;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cal-task-chip small{font-size:9px;font-weight:500;display:block}
.cal-task-chip.completed{opacity:.55;text-decoration:line-through}
.cal-task-count{display:none}.cal-more{font-size:10px;color:#647189}
.week-grid .cal-day{min-height:130px}.month-grid .cal-day{min-height:90px}
.month-grid .cal-task-chip{padding:4px 3px;font-size:9px}.month-grid .cal-task-chip small{display:none}.month-grid .cal-mini-pills{display:none}
.cal-mini-pills{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin:4px 0}.cal-mini-pills i{height:6px;width:6px;border-radius:999px}.cal-mini-pills small{font-size:9px}
.cal-legend{display:flex;gap:10px 13px;flex-wrap:wrap;margin:16px 0 22px;color:#596378;font-size:12px}.cal-legend span{white-space:nowrap}.cal-legend i{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:5px}
.cal-agenda{margin-top:17px}.cal-agenda h3,.cal-flex h3{font-size:16px;text-transform:capitalize;color:var(--navy)}.cal-agenda .task{margin-bottom:9px}.cal-flex{margin-top:22px}
.plan-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.plan-slots label{padding:12px 6px;text-align:center;display:flex;justify-content:center;min-height:47px}
.plan-slots label span{font-size:12px}.plan-slots label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.plan-slots .calendar-plan-choice{grid-column:span 3;min-height:44px}
.reminder-fields{display:grid;grid-template-columns:1.65fr .7fr 1fr;gap:7px}.reminder-fields input{padding:10px 5px;text-align:center}.reminder-fields select{padding:10px 4px;font-size:13px}
.color-row{display:flex;align-items:center;gap:10px}.color-peek{width:30px;height:30px;border:3px solid white;box-shadow:0 0 0 1px #d9deeb;border-radius:50%;flex:none}
@media(max-width:760px){
 .top-brand{gap:8px}.top-logo{height:36px;width:36px}
 .viewtabs-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .viewtabs-five .viewtab{font-size:10px;min-height:58px;padding:8px 1px;letter-spacing:-.15px}
 .viewtabs-five .viewtab span{font-size:10px}
 .progress-card{padding:15px;margin-bottom:20px}
 .cal-navigation strong{font-size:13px}
 .calendar-grid{border-radius:11px}
 .cal-day{padding:5px 2px}.cal-day-number{font-size:12px;width:26px;height:26px}
 .week-grid .cal-day{min-height:104px}.month-grid .cal-day{min-height:59px}
 .cal-week-label{font-size:10px;padding:10px 0}
 .cal-task-chip{font-size:9px;padding:4px 2px}.cal-task-chip small{font-size:8px}
 .month-grid .cal-task-chip{display:none}.month-grid .cal-mini-pills{display:flex}
 .task-side{gap:2px}.quick-move{font-size:10px;padding:5px}
 .plan-slots label span{font-size:12px}.reminder-fields{grid-template-columns:1.5fr .65fr 1fr}
 .reminder-fields select{font-size:12px}
}
@media(max-width:360px){.viewtabs-five .viewtab{font-size:9px}.content{padding-left:10px;padding-right:10px}.task{gap:7px}.quick-move{font-size:9px}}