.ec-panel{margin-top:24px}.ec-filters,.ec-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.ec-filters label,.ec-fields label{display:grid;gap:7px}.ec-panel select,.ec-panel input,.ec-dialog input,.ec-dialog select{min-height:44px;padding:10px;border:1px solid #d9dfe6;border-radius:8px;background:white;max-width:100%;font:inherit}.ec-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.ec-metrics article{border:1px solid #e2e7ed;padding:18px;border-radius:14px;min-width:0}.ec-metrics article>strong{font-size:30px}.ec-metrics small{color:#677586;font-size:12px}.ec-metrics details{margin-top:12px}.ec-counts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.ec-counts div{display:grid;gap:8px;padding:14px;background:#f5f7f9;border-radius:12px}.ec-counts b{font-size:24px}.ec-counts span{font-size:12px}.ec-list{border-top:1px solid #e3e7eb;padding:18px 0;margin-top:16px}.ec-list summary{cursor:pointer;font-weight:700;min-height:32px}.ec-list>div{padding:14px 0;border-bottom:1px solid #e3e7eb}.ec-panel p{line-height:1.8}.ec-dialog{border:0;border-radius:18px;padding:24px;width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto;color:#172638;direction:rtl}.ec-dialog::backdrop{background:#0f1b2d99}.ec-dialog header,.ec-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ec-fields{display:grid;gap:16px;margin:20px 0}.ec-dialog [role=alert]{color:#a22525}.ec-panel button,.ec-dialog button{min-height:44px}.ec-panel article,.ec-panel p{overflow-wrap:anywhere}.mobile-day{display:none}@media(max-width:650px){.ec-metrics{grid-template-columns:1fr}.ec-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-filters>*{flex:1 1 130px}.ec-actions .btn{flex:1 1 130px}.ec-panel{padding:16px!important}.task-calendar .week-calendar,.task-calendar .month-calendar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0!important}.month-weekdays{display:none!important}.month-day.outside,.month-day:not(:has(.calendar-task-chip)){display:none}.month-day{min-height:0!important}.mobile-day{display:inline}.calendar-day,.month-day{width:100%;min-width:0!important}.calendar-day-body{min-height:50px!important}}