.task-privacy { display:flex; align-items:center; gap:9px; color:#748299; font-size:12px; line-height:1.7; margin:-5px 0 22px; flex-wrap:wrap; }
.task-privacy .icon { width:16px; height:16px; color:#9ca9bc; }
.page-head:has(.task-ticket-shortcut) { flex-wrap:wrap; }
.page-head:has(.task-ticket-shortcut) .actions { max-width:100%; flex-wrap:wrap; }
.task-tabs { display:flex; gap:8px; padding:17px 21px; border-bottom:1px solid #e7ecf3; flex-wrap:wrap; }
.task-tabs a { display:flex; align-items:center; gap:9px; padding:10px 14px; border-radius:9px; color:#69788f; font-weight:600; font-size:13px; }
.task-tabs a[aria-current=page] { color:#bd5368; background:#fff1f4; }
.task-tabs span { border-radius:6px; padding:2px 7px; background:#eef2f7; font-size:11px; }
.task-tabs a[aria-current=page] span { background:#f9dfe5; }
.task-filters { display:grid; grid-template-columns:minmax(170px,1.4fr) repeat(4,minmax(110px,1fr)) auto; gap:10px; padding:18px 23px; background:#fcfdff; border-bottom:1px solid #e7ecf3; }
.task-filters .input { width:100%; min-width:0; }
.task-row { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 138px 110px; gap:22px; padding:23px; align-items:center; border-bottom:1px solid #e9edf4; }
.task-row:hover { background:#fcfdff; }
.task-row-main { min-width:0; }.task-row-main>strong { display:block; color:#3a4b63; font-size:15px; line-height:1.7; overflow-wrap:anywhere; }
.task-row p { color:#8390a4; font-size:12px; line-height:1.7; margin:7px 0 0; }
.task-row-assignment { display:flex; flex-direction:column; gap:7px; min-width:0; }
.task-row-assignment strong { color:#61728a; font-size:13px; font-weight:500; line-height:1.7; }
.task-row-assignment span { color:#8a97a9; font-size:12px; line-height:1.6; }
.task-row-date { display:flex; flex-direction:column; gap:7px; color:#6b7b91; font-size:12px; line-height:1.7; }.task-row-date>span { font-size:11px; color:#8997a9; }.task-row-date strong { font-weight:500; }.task-row-date.overdue strong { color:#c05c70; }
.task-empty { padding:55px 25px; text-align:center; color:#7c8ba0; }.task-empty>.icon { width:32px; height:32px; color:#bdc8d7; margin-bottom:15px; }.task-empty h2 { color:#52647e; }.task-empty .btn { margin-top:12px; }
.task-list-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; }
.task-form { max-width:1200px; }.task-form .request-card { padding:0; }.task-form-body { padding:25px 28px; }.task-form .form-actions { margin:25px 0; }
.task-form>.panel { margin-bottom:22px; }
.task-detail-grid .message.note { background:#fbfcff; border-left-color:#e2e8f2; }
.task-detail-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr); gap:24px; align-items:start; }.task-detail-grid>* { min-width:0; }
.task-edit-body { padding:24px; }.task-edit-body .form-grid { grid-template-columns:1fr; gap:0; }.task-edit-help { margin:18px 0 0; line-height:1.8; }
.task-detail-grid .panel-head { align-items:flex-start; gap:15px; }.task-detail-grid .panel-head h2 { line-height:1.7; }.task-detail-grid .message-text { overflow-wrap:anywhere; }
@media(max-width:1200px){.task-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }.task-row { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:16px; }.task-detail-grid { grid-template-columns:1fr; }.task-edit-body .form-grid { grid-template-columns:1fr 1fr; gap:0 20px; }}
@media(max-width:600px){.task-filters { grid-template-columns:1fr; padding:16px; }.task-tabs { gap:4px; padding:13px; }.task-tabs a { padding:9px 8px; font-size:12px; gap:6px; }.task-row { padding:19px; gap:15px; }.task-row-main { grid-column:1/-1; }.task-row-assignment { grid-column:1/-1; }.task-row-main>strong { font-size:14px; }.task-row-date { min-width:0; }.task-list-footer { padding:16px; }.task-list-footer .actions { flex-wrap:wrap; }.task-form-body,.task-edit-body { padding:20px; }.task-edit-body .form-grid { grid-template-columns:1fr; gap:0; }.task-privacy { font-size:11px; }.task-form .panel-head { padding:20px; }}
@media print {.task-edit-body,.task-detail-grid aside,.task-tabs,.task-filters,.task-list-footer button { display:none; }.task-detail-grid { display:block; }}

.task-sharing { margin:20px 0 0; padding:16px; border:1px solid #e1e6ef; border-radius:12px; min-width:0; }
.task-sharing legend { font-size:13px; font-weight:600; padding:0 6px; color:#52647c; }
.task-share-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:8px 16px; margin-top:12px; }
.task-share-options .check { margin:0; overflow-wrap:anywhere; }
.task-sharing-refined { padding:18px; margin-top:20px; border-color:#e2e8f1; background:#fff; }
.task-sharing-refined legend { color:#4e627e; padding:0 8px; font-weight:600; }
.task-sharing-intro { display:flex; align-items:center; gap:11px; margin:1px 0 14px; }
.task-sharing-symbol { display:grid; place-items:center; width:34px; height:34px; background:#fbf1f4; border:1px solid #f3e3e9; border-radius:10px; color:#b37889; flex-shrink:0; }
.task-sharing-symbol .icon { width:17px; height:17px; }
.task-sharing-intro p { margin:0; color:#66788f; font-size:12px; line-height:1.8; }
.task-sharing-rules { display:flex; gap:9px; align-items:flex-start; padding:11px 12px; margin-bottom:18px; border-radius:9px; background:#f7f9fc; color:#78899e; }
.task-sharing-rules>.icon { width:15px; height:15px; flex-shrink:0; margin-top:3px; color:#92a2b7; }
.task-sharing-rules p { margin:0; font-size:11px; line-height:1.85; }
.task-share-group-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:10px; font-size:11px; color:#6b7f98; }
.task-share-group-heading>span { font-weight:600; }
.task-share-group-heading output { color:#8c9bb0; font-variant-numeric:tabular-nums; }
.task-sharing-refined .task-share-options { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:8px; margin:0; }
.task-share-options .task-share-person { display:flex; align-items:center; gap:10px; min-width:0; padding:12px 11px; border:1px solid #e6ebf2; border-radius:10px; background:#fff; cursor:pointer; transition:background .15s,border-color .15s; }
.task-share-person:hover { background:#fafbfd; border-color:#cfdbe9; }
.task-share-person:has(input:checked) { background:#fff7f9; border-color:#e5c5cf; }
.task-share-person:has(input:focus-visible) { outline:2px solid #bc8293; outline-offset:2px; }
.task-share-person input { width:16px; height:16px; flex-shrink:0; accent-color:#bd6c83; margin:0; }
.task-share-avatar { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; color:#7089a9; background:#eef3f9; font-size:10px; font-weight:600; flex-shrink:0; }
.task-share-identity { min-width:0; flex:1; }
.task-share-identity strong { display:block; font-size:12px; color:#4c617b; font-weight:550; line-height:1.7; overflow-wrap:anywhere; }
.task-share-identity small { display:block; font-size:10px; color:#8a99ad; line-height:1.7; margin-top:2px; }
.task-share-status { font-size:10px; padding:3px 6px; border-radius:5px; white-space:nowrap; align-self:flex-start; line-height:1.6; }
.task-share-status.active { color:#699685; background:#edf6f1; }
.task-share-status.inactive { color:#8c96a5; background:#f1f3f7; }
.task-share-person.is-inactive .task-share-avatar { color:#9aa6b7; background:#f1f3f7; }
.task-share-inactive { margin-top:15px; border-top:1px solid #e9edf3; padding-top:13px; }
.task-share-inactive summary { cursor:pointer; color:#7b8ca2; font-size:12px; line-height:1.8; }
.task-share-inactive-count { display:inline-block; font-size:10px; border:1px solid #e5eaf1; background:#f8fafd; border-radius:5px; padding:0 6px; margin-left:6px; }
.task-share-inactive-help { font-size:11px; color:#8997aa; line-height:1.8; margin:10px 0 12px; }
.task-sharing-save-hint { display:flex; align-items:flex-start; gap:7px; margin:16px 0 0; font-size:11px; color:#8b9aaf; line-height:1.7; }
.task-sharing-save-hint>.icon { width:14px; height:14px; margin-top:2px; flex-shrink:0; }
.task-share-empty { margin:0; font-size:12px; color:#8b9aaf; line-height:1.8; }
.task-edit-actions { margin-top:22px; padding-top:18px; border-top:1px solid #e9edf3; }
.task-edit-actions .btn { width:100%; justify-content:center; }
.task-edit-body .task-edit-help { display:flex; align-items:flex-start; gap:8px; font-size:11px; color:#8b99ac; margin:14px 0 0; line-height:1.9; }
.task-edit-help>.icon { width:14px; height:14px; flex-shrink:0; margin-top:3px; }
@media(max-width:600px) {
 .task-sharing-refined { padding:14px; }
 .task-share-options .task-share-person { gap:8px; padding:11px 9px; }
 .task-share-avatar { width:27px; height:27px; }
}

/* Task queue: restrained accents, labelled filters and aligned reading columns. */
.task-access-banner { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; margin:-4px 0 23px; font-size:12px; line-height:1.7; color:#66778e; }
.task-access-banner>span { display:flex; align-items:center; gap:9px; }
.task-access-banner .icon { width:16px; height:16px; color:#879ab2; flex-shrink:0; }
.task-access-banner details { max-width:530px; }
.task-access-banner summary { cursor:pointer; color:#748399; text-decoration:underline; text-decoration-color:#c9d2df; text-underline-offset:4px; }
.task-access-banner details p { margin:10px 0 0; padding:13px 16px; border:1px solid #e3e8ef; border-radius:10px; background:#fff; }
.task-stats .task-stat { padding:20px 22px; position:relative; }
.task-stats .stat-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.task-stat-icon { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; color:#6380a6; background:#eef4fb; flex-shrink:0; }
.task-stat-icon .icon { width:18px; height:18px; }
.task-stat.rose .task-stat-icon { color:#ba6276; background:#fdf0f3; }
.task-stat.green .task-stat-icon { color:#528f80; background:#edf7f3; }
.task-stat.amber .task-stat-icon { color:#b18a4f; background:#fbf5ea; }
.task-stats .stat-value { font-size:32px; line-height:1.2; margin:9px 0 7px; }
.task-stat-hint { display:block; color:#738197; font-size:12px; line-height:1.5; }
.task-stats .task-stat[aria-current=page] { border-color:#cfdae8; box-shadow:0 4px 15px #35557e06; }
.task-list-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:22px 23px 4px; }
.task-list-heading h2 { font-size:17px; margin:0; color:#34455c; letter-spacing:-.3px; }
.task-list-heading p { margin:6px 0 0; color:#748198; font-size:12px; line-height:1.6; }
.task-list-panel .task-tabs { padding:15px 23px; gap:6px; }
.task-list-panel .task-tabs a { padding:9px 13px; }
.task-filters-refined { grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px 16px; padding:20px 23px; background:#fcfdff; }
.task-filters-refined label { min-width:0; display:flex; flex-direction:column; gap:7px; }
.task-filters-refined label>span { font-size:12px; color:#62738a; font-weight:500; }
.task-search-field { grid-column:span 7; }
.task-sort-field { grid-column:span 3; }
.task-filter-button { grid-column:span 2; align-self:end; min-height:45px; }
.task-filter-field { grid-column:span 4; }
.task-search-input { position:relative; }
.task-search-input>.icon { position:absolute; left:13px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:#8d9cb0; pointer-events:none; }
.task-search-input .input { padding-left:39px; }
.task-column-head,.task-row-refined { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) 165px 110px; gap:22px; }
.task-column-head { display:grid; padding:11px 23px; font-size:11px; font-weight:600; letter-spacing:.2px; color:#8190a4; border-bottom:1px solid #e9edf4; background:#fff; }
.task-row-refined { transition:background .15s; padding:22px 23px; }
.task-row-refined:hover { background:#f8fafd; }
.task-row-refined:focus-visible { outline:2px solid #ce8190; outline-offset:-3px; border-radius:8px; }
.task-row-refined .task-row-main { display:flex; align-items:flex-start; gap:13px; }
.task-row-main>div { min-width:0; }
.task-row-refined .task-row-main strong { display:block; font-size:14px; line-height:1.6; margin-top:5px; color:#34465d; overflow-wrap:anywhere; }
.task-row-symbol { display:grid; place-items:center; width:36px; height:36px; border:1px solid #e7ecf4; border-radius:10px; color:#8397b1; background:#f7f9fc; flex-shrink:0; margin-top:3px; }
.task-row-symbol .icon { width:17px; height:17px; }
.task-row-refined .task-row-main p { margin-top:5px; color:#75859a; }
.task-row-refined .task-row-assignment strong { color:#52657e; font-weight:550; overflow-wrap:anywhere; }
.task-row-date>span { display:flex; align-items:center; gap:5px; }
.task-row-date>span .icon { width:13px; height:13px; }
.task-row-status { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.task-row-status>.icon { width:15px; height:15px; color:#acb8c9; }
.task-history-panel .panel-head { align-items:center; }
.task-detail-grid .task-history-panel .panel-head h2 { line-height:1.5; }
.task-history-panel .panel-head p { font-size:12px; margin:6px 0 0; color:#79889b; }
.task-history-count { padding:5px 10px; border-radius:7px; border:1px solid #e5eaf1; background:#f8fafd; color:#74849a; font-size:11px; white-space:nowrap; }
.task-timeline { list-style:none; margin:0; padding:6px 25px 24px; }
.task-timeline-event { position:relative; display:flex; align-items:flex-start; gap:15px; padding:0 0 25px; }
.task-timeline-event:last-child { padding-bottom:0; }
.task-timeline-event:not(:last-child)::before { content:""; position:absolute; top:35px; bottom:0; left:17px; width:1px; background:#e6ebf2; }
.task-event-icon { flex-shrink:0; display:grid; place-items:center; width:35px; height:35px; border-radius:11px; background:#fdf1f4; color:#b97587; border:1px solid #f4e3e9; }
.task-event-icon .icon { width:16px; height:16px; }
.task-timeline-event.blue .task-event-icon { color:#6c8bad; background:#f0f5fc; border-color:#e2ebf6; }
.task-timeline-event.green .task-event-icon { color:#5d9a87; background:#edf7f3; border-color:#dfefe8; }
.task-timeline-event.amber .task-event-icon { color:#af8a51; background:#fcf6eb; border-color:#f3e8d3; }
.task-timeline-event.muted .task-event-icon { color:#8995a6; background:#f3f5f8; border-color:#e5eaf0; }
.task-event-content { min-width:0; flex:1; padding-top:5px; }
.task-event-heading { display:flex; align-items:center; flex-wrap:wrap; gap:7px 10px; }
.task-event-heading h3 { margin:0; font-size:14px; font-weight:600; line-height:1.6; color:#40536c; overflow-wrap:anywhere; }
.task-event-source { font-size:10px; padding:2px 7px; border:1px solid #e6ebf2; background:#f8fafd; color:#7c8ba0; border-radius:5px; }
.task-event-source.cancelled { color:#927e67; background:#faf7f1; border-color:#eee5d7; }
.task-event-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 17px; margin-top:9px; color:#7d8ca1; font-size:12px; line-height:1.7; }
.task-event-meta>span,.task-event-meta time { display:inline-flex; align-items:center; gap:6px; }
.task-event-meta .icon { width:13px; height:13px; color:#9aa9bb; flex-shrink:0; }
.task-event-details { margin:9px 0 0; padding:10px 13px; border-radius:8px; background:#f8fafd; border:1px solid #edf0f5; font-size:12px; line-height:1.8; }
.task-event-details>div { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.task-event-details dt { color:#7a899d; min-width:85px; }
.task-event-details dd { margin:0; color:#506780; overflow-wrap:anywhere; min-width:0; }
.task-history-empty { display:flex; align-items:center; gap:12px; padding:4px 25px 25px; color:#8391a5; font-size:13px; }
.task-history-empty>.icon { width:22px; height:22px; color:#a2b0c1; }
@media(max-width:600px) {
 .task-history-panel .panel-head { flex-wrap:wrap; }
 .task-timeline { padding:3px 18px 22px; }
 .task-timeline-event { gap:12px; }
 .task-event-heading h3 { font-size:13px; }
 .task-event-meta { font-size:11px; gap:4px 12px; }
 .task-event-details { padding:9px 11px; }
 .task-event-details>div { gap:0 8px; }
}
@media(max-width:1250px) {
 .task-column-head { display:none; }
 .task-row-refined { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:15px 24px; }
 .task-row-refined .task-row-date { padding-left:49px; }
 .task-row-status { justify-content:flex-start; }
}
@media(max-width:850px) {
 .task-search-field { grid-column:span 12; }
 .task-sort-field { grid-column:span 8; }
 .task-filter-button { grid-column:span 4; }
 .task-filter-field { grid-column:span 12; }
 .task-stats .task-stat { padding:16px; }
 .task-stat-hint { font-size:11px; }
}
@media(max-width:600px) {
 .page-head:has(+ .task-access-banner) { flex-direction:column; gap:15px; }
 .page-head:has(+ .task-access-banner) .actions { align-items:flex-start; }
 .task-access-banner { margin-bottom:18px; font-size:11px; }
 .task-access-banner>span { align-items:flex-start; }
 .task-list-heading { padding:19px 16px 3px; }
 .task-list-panel .task-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:13px 12px; gap:5px; }
 .task-list-panel .task-tabs a { padding:8px; gap:6px; font-size:12px; justify-content:space-between; }
 .task-list-panel .task-tabs span { padding:2px 5px; }
 .task-filters-refined { padding:16px; gap:13px 10px; }
 .task-row-refined { padding:20px 16px; gap:14px; }
 .task-row-refined .task-row-assignment { padding-left:49px; gap:3px; }
 .task-row-refined .task-row-date { padding-left:0; }
 .task-stats .stat-top { font-size:12px; align-items:flex-start; }
 .task-stat-icon { width:27px; height:27px; border-radius:8px; }
 .task-stat-icon .icon { width:15px; height:15px; }
 .task-stats .stat-value { font-size:29px; }
 .task-row-status { justify-content:flex-end; }
 .task-row-status>.icon { display:none; }
}