.planner-controls{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (max-width:480px){.planner-controls{grid-template-columns:1fr}}.planner-zones{display:grid;gap:12px;margin-top:24px}.planner-zone-row{align-items:center;background:#f8fbff;border:1px solid #dce7f6;border-radius:16px;display:grid;gap:12px 16px;grid-template-columns:minmax(0,1.4fr) auto auto auto;padding:14px 18px}@media screen and (max-width:640px){.planner-zone-row{grid-template-columns:minmax(0,1fr) auto}}.planner-zone-row--off{background:#fff}.planner-zone-row__name{display:grid;gap:2px}.planner-zone-row__name strong{color:var(--text-color);font-size:16px}.planner-zone-row__name span{color:var(--text-color-secondary);font-size:13px}.planner-zone-row__clock{color:var(--text-color);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}@media screen and (max-width:640px){.planner-zone-row__clock{justify-self:end}}.planner-zone-row__day{color:var(--primary-color);font-size:12px;font-weight:700;white-space:nowrap}.planner-zone-row__badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.planner-zone-row__badge--working{background:#0052cc1f;color:var(--primary-color)}.planner-zone-row__badge--off{background:#f0f1f3;color:var(--text-color-secondary)}.planner-zone-row__remove{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:20px;line-height:1;padding:4px}.planner-zone-row__remove:hover{color:var(--text-color)}.planner-add{align-items:end;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.planner-add select{min-width:220px}.planner-verdict{border-radius:16px;font-weight:600;margin-top:24px;padding:16px 20px;text-align:center}.planner-verdict--good{background:#0052cc1a;color:var(--primary-color)}.planner-verdict--bad{background:#f8f9fa;color:var(--text-color-secondary)}