.swipe-task>.row{grid-template-columns:35px minmax(0,1fr) 44px}
.critical-toggle{width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #e6e0e8;background:#f7f5f8;align-self:start;justify-content:center}
.critical-toggle .ui-icon{filter:grayscale(1);opacity:.45}
.critical-toggle:hover{background:#fff0ec}
.critical-toggle.critical-on{background:#ffe0d8;border-color:#e69c8c;box-shadow:0 0 0 2px #fff1ec}
.critical-toggle.critical-on .ui-icon{filter:none;opacity:1}
.priority-heading,.task-group-heading{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;margin:18px 0 10px;font-weight:600}
.priority-heading{color:#b63020}.priority-heading .ui-icon{width:19px;height:19px}
.task-group-heading{color:var(--tag-ink,#b63020)}.task-group-heading .ui-icon{width:17px;height:17px}
.description-toggle{margin-top:14px;padding:8px 12px;min-height:40px;background:#eee5ff;color:#513a70;font-size:14px}
.description-toggle .ui-icon{width:18px;height:18px}
#taskName{min-height:48px;white-space:nowrap}
#taskDescription{min-height:140px;line-height:1.6;resize:vertical}
@media(max-width:700px){.swipe-task>.row{grid-template-columns:30px minmax(0,1fr) 44px;column-gap:10px}.priority-heading,.task-group-heading{font-size:13px;margin-top:16px}.critical-toggle{align-self:start}.title{font-size:18px}}
/* A bare lightning icon; keep the touch target and keyboard focus indicator. */
.critical-toggle,.critical-toggle.critical-on{border:0;background:transparent;box-shadow:none;border-radius:0}
.critical-toggle:hover,.critical-toggle.critical-on:hover{background:transparent;box-shadow:none}
.critical-toggle .ui-icon{width:25px;height:25px;filter:grayscale(1);opacity:.35}
.critical-toggle.critical-on .ui-icon{filter:none;opacity:1}