.date-navigation,.operation-head,.task-filters{display:flex;align-items:center;gap:10px}
.date-navigation strong{min-width:190px;text-align:center;text-transform:capitalize}
.operations-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,.8fr);gap:24px;margin-top:28px}
.operations-grid>div,.operations-grid>aside{min-width:0;padding:22px;background:#fff;border:1px solid var(--crm-line)}
.operation-head{justify-content:space-between;margin-bottom:18px}.operation-head h2{font:600 30px var(--serif);margin:0}
.calendar{border:1px solid var(--crm-line)}.calendar>header,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}
.calendar>header span{padding:10px;text-align:center;background:var(--green);color:#fff;font-size:9px;text-transform:uppercase}
.calendar-day{min-height:120px;padding:8px;border-right:1px solid var(--crm-line);border-bottom:1px solid var(--crm-line)}
.calendar-day.is-outside{background:#f7f5f3;color:#aaa}.calendar-day>strong{font-size:11px}
.calendar-event{display:block;width:100%;margin-top:5px;padding:5px;border:0;border-left:3px solid var(--pink);background:#eef1ef;text-align:left;color:var(--green);font-size:9px}
.task-filters{overflow:auto;margin-bottom:14px}.task-filters button{padding:8px;border:1px solid var(--crm-line);background:#fff;font-size:9px;white-space:nowrap}.task-filters button.active{background:var(--green);color:#fff}
.task-card{padding:14px;margin-bottom:10px;border:1px solid var(--crm-line);border-left:4px solid #88af9c}.task-card.is-overdue{border-left-color:#b24b4b}.task-card h3{margin:0 0 6px;font-size:13px}.task-card p{margin:4px 0;font-size:10px;color:#697475}.task-card footer{display:flex;gap:6px;margin-top:10px}.task-card select{min-height:34px;padding:4px;font-size:10px}.small-dialog{width:min(820px,94vw)}
@media(max-width:950px){.operations-grid{grid-template-columns:1fr}.calendar-day{min-height:95px}.crm-header nav a{font-size:10px}}
@media(max-width:620px){.crm-title .date-navigation{margin-top:18px}.operation-head{flex-wrap:wrap}.operation-head .button{width:auto}.calendar{width:100%;overflow-x:auto}.calendar>header,.calendar-days{min-width:700px}.operations-grid>div,.operations-grid>aside{padding:14px}.calendar-day{min-height:90px}}