/* v3.1 – più colori, ambiti facoltativi e frecce leggibili */
.field-inline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.field-inline .input-label{margin-bottom:8px}
.filter-area{--area-color:#4780ed;background:color-mix(in srgb,var(--area-color) 11%,white)!important;color:#26314d!important;border:1px solid color-mix(in srgb,var(--area-color) 45%,white)!important}
.filter-area .ui-icon{color:var(--area-color)}
.filter-area.active{box-shadow:0 0 0 2px var(--area-color)!important;border-color:var(--area-color)!important}
.filter-none{border-style:dashed}.filter-none.active{color:#141064;border-color:#141064;background:#e8edff}
.task-metas .area-badge{background:color-mix(in srgb,var(--area-color) 13%,white);color:#273149;border:1px solid color-mix(in srgb,var(--area-color) 36%,white);}
.task-metas .area-badge svg{color:var(--area-color)}
.area-management-icon{display:inline-flex;padding:7px;border-radius:9px;margin-right:9px;background:color-mix(in srgb,var(--area-color) 13%,white);color:var(--area-color)}
.area-management-icon svg{width:17px;height:17px}
.inline-link{border:0;background:transparent;font:inherit;font-weight:800;color:#2957cb;text-decoration:underline;text-underline-offset:2px;padding:1px 2px;cursor:pointer}
.color-row{align-items:center}
.color-row select{flex:1;min-width:0}
.custom-color-wrap{display:flex;gap:12px;align-items:center;margin-top:10px;padding:10px 12px;background:#f4f6fc;border:1px solid #e3e8f4;border-radius:12px;font-size:12px;color:#505c78}
.custom-color-wrap input[type=color]{width:56px;min-width:56px;height:45px;min-height:45px;padding:4px;cursor:pointer}
.custom-color-wrap label{font-weight:700}
.sync-error-detail{color:#a72934;font-weight:650;word-break:break-word}
/* Freccia di apertura: pulsante visibile e accessibile su mobile. */
.task-side .task-open{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:1px solid #d1dbef;background:#f0f4ff;border-radius:10px;color:#141064;font-size:30px;font-weight:750;line-height:1;padding:0 0 3px;opacity:1;box-shadow:0 2px 7px #14106414}
.task-side .task-open:focus-visible,.cal-navigation button:focus-visible,.filter:focus-visible{outline:3px solid #4780ed;outline-offset:2px}
.cal-navigation button{display:grid;place-items:center;min-width:38px;min-height:38px;color:#141064;font-size:24px;line-height:1;background:#f3f6ff;border:1px solid #c9d3ed}
/* Freccia nei selettori della form: contrasto indipendente dal browser. */
.sheet select{appearance:none;-webkit-appearance:none;padding-right:37px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23141064' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:19px 19px}
.sheet select:disabled{background-color:#f3f4f9}
@media(max-width:760px){.task-side .task-open{width:32px;height:34px;font-size:28px}.bottom-page{padding:6px 5px}.bottom-page span{font-size:21px}.bottom-page{font-size:9px}.sheet select{padding-right:35px;background-position:right 9px center}.custom-color-wrap{flex-wrap:wrap}}