.tasks-period summary,.tasks-period select,.tasks-period input{height:38px;border:1px solid #cfdad5;border-radius:6px;background:#fff;color:#21352a;font:inherit;font-size:13px;padding:0 10px}.tasks-period select{max-width:175px}.tasks-period summary:focus-visible,.tasks-period select:focus-visible{outline:2px solid #008755;outline-offset:2px}.tasks-period{position:relative}.tasks-period summary{display:flex;align-items:center;gap:7px;cursor:pointer}.tasks-period>div{position:absolute;right:0;top:44px;z-index:9;display:grid;gap:12px;padding:16px;background:#fff;border:1px solid #cfdad5;border-radius:8px;box-shadow:0 5px 20px #122a2020}.tasks-period label{display:grid;gap:3px}.tasks-period>.task-period-panel{width:560px;max-width:calc(100vw - 48px);padding:0;gap:0;overflow:hidden;color:#21352a}.task-period-preset{padding:14px 18px;background:#edf7f2;border-bottom:1px solid #dbe8e1;font-weight:600;font-size:13px}.task-period-preset select{width:100%;margin-top:5px}.task-period-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:22px}.task-period-calendar{min-width:0}.task-period-calendar label{font-size:13px;font-weight:600;gap:8px}.task-period-calendar input{box-sizing:border-box;width:100%}.task-period-month{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:13px}.task-period-panel button{border:0;background:transparent;color:inherit;cursor:pointer;border-radius:5px;font:inherit}.task-period-month button{display:flex;padding:6px}.task-period-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:13px;gap:2px 0}.task-period-days>span{padding:8px 0;color:#667c70}.task-period-days>button{height:32px;padding:0;font-size:13px}.task-period-days>button.in-range{background:#e7f5ee;border-radius:0}.task-period-days>button.selected{background:#00895f;color:#fff;border-radius:5px;font-weight:600}.task-period-panel button:hover{background:#d4eddf;color:#005c40}.task-period-panel button:focus-visible{outline:2px solid #00895f;outline-offset:-2px}.task-period-panel footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #dbe8e1}.task-period-panel footer button{padding:9px 20px;font-size:13px}.task-period-panel footer .task-period-apply{background:#00895f;color:#fff}.task-period-panel footer button:disabled{opacity:.45;cursor:default}.task-period-panel p{margin:0 16px 12px;color:#b42332;font-size:13px}@media(max-width:620px){.task-period-calendars{gap:10px;padding:10px}}