.task-controls{display:flex;align-items:center;gap:8px}
.task-controls>form{margin:0}
.task-owner{display:inline-flex;margin-left:8px;padding:2px 7px;border-radius:12px;background:#eff3ed;color:#76847a;font-size:9px;vertical-align:1px}
.task-manage{position:relative}
.task-manage summary{width:34px;height:34px;display:grid;place-items:center;list-style:none;border:1px solid #e3e8e2;border-radius:10px;background:#fff;color:#78857b;cursor:pointer;font-size:17px;line-height:1}
.task-manage summary::-webkit-details-marker{display:none}
.task-manage[open] summary{border-color:#b9cbbd;color:var(--green)}
.task-manage-panel{position:absolute;z-index:10;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 48px));padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}
.task-manage-panel form{display:grid;gap:8px}
.task-manage-panel form+form{margin-top:12px;padding-top:11px;border-top:1px solid #f0f2ef}
.task-manage-panel label{display:grid;gap:6px;color:#58645d;font-size:10px;font-weight:600}
.task-manage-panel input{width:100%;height:38px;padding:0 10px;border:1px solid #dfe5df;border-radius:8px;outline:none;font-size:12px}
.task-manage-panel input:focus{border-color:#6d9a7c;box-shadow:0 0 0 3px #47825916}
.task-manage-panel .button{min-height:34px;justify-self:start;font-size:10px}
.task-manage-panel .danger-button{min-height:32px}
.employee-add-task{margin-top:18px}
.employee-role{margin:2px 0 5px;color:var(--green2);font-size:12px;font-weight:600}
@media(max-width:700px){.task-controls{gap:6px}.task-manage summary{width:32px;height:32px}.task-owner{margin-left:5px;font-size:8px}.task-manage-panel{right:-2px}}