/* Portal UI: quiet surfaces, compact actions and content-led layouts.
   Loaded after component styles so every staff/client surface shares this scale. */
:root { --ink:#203442; --muted:#61717d; --line:#e4e8eb; --canvas:#f6f7f8; --teal:#087b83; --header-height:64px; --nav-width:200px; }
body { font-size:14px; line-height:1.55; background:var(--canvas); }
h1,h2,h3 { color:var(--ink); letter-spacing:-.025em; }
h1,.page-heading h1,.portal-page-heading h1 { font-size:28px; line-height:1.25; font-weight:750; }
h2,.section h2,.portal-panel h2 { font-size:20px; line-height:1.35; font-weight:700; }
h3,.section h3 { font-size:15px; line-height:1.4; font-weight:700; }
p { line-height:1.6; }
.eyebrow,.nav-title,.workspace-group-label { letter-spacing:.05em; font-size:10px; font-weight:650; }
button,.button,.files-upload { min-height:36px; padding:7px 12px; border-radius:5px; font-size:13px; font-weight:600; line-height:1.4; box-shadow:none; }
button.primary,.button.primary { box-shadow:none; }
button:hover,.button:hover { box-shadow:none; transform:none; }
button svg,.button svg { width:16px; height:16px; flex:none; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #087b83; outline-offset:3px; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea { border-radius:5px; border-color:#ccd5dc; font-size:14px; padding:8px 10px; box-shadow:none; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select { min-height:38px; }
input[type=checkbox],input[type=radio] { accent-color:var(--teal); }
.field { gap:6px; font-weight:500; font-size:13px; }
.field-hint,.muted { font-size:12px; color:var(--muted); }
.topbar { height:64px; padding:10px 24px; gap:24px; box-shadow:none; }
.topbar>a,.topbar img { width:152px; }
.workspace-label { font-size:11px; font-weight:500; }
.workspace-nav { padding:24px 12px; gap:4px; background:#fdfdfd; }
.workspace-nav a { min-height:38px; padding:8px 12px; border-radius:4px; font-size:13px; font-weight:550; }
.workspace-nav a[aria-current=page] { background:#eaf3f3; color:#075e65; box-shadow:none; }
.workspace-nav-group { margin-bottom:16px; }
.workspace-group-label { margin-bottom:6px; color:var(--muted); }
.practice-mark { border-radius:4px; box-shadow:none; }
#app { padding:30px 32px 56px; }
.page-heading { margin-bottom:24px; gap:16px; }
.page-heading p,.portal-page-heading p { margin-top:7px; color:var(--muted); font-size:13px; }
.panel { border:1px solid var(--line); border-radius:6px; box-shadow:none; }
.section,.portal-panel { padding:26px 28px; }
.client-heading .page-heading { margin:12px 0 24px; }
.client-heading .back { font-size:12px; }
.client-layout { grid-template-columns:170px minmax(0,1fr); gap:28px; }
.client-nav.panel { border:0; background:transparent; box-shadow:none; padding:0; border-radius:0; }
.client-nav a { min-height:34px; padding:7px 10px; border-radius:3px; font-size:12px; font-weight:550; border:0; }
.client-nav a[aria-current=page] { background:#e8eff0; color:#09616a; box-shadow:inset 2px 0 #087b83; }
.client-nav .nav-title { margin:0 0 6px; padding:0 10px; color:var(--muted); }
.client-nav .nav-group { margin-bottom:22px; }
.client-section-details,.client-section-services,.client-section-settings { border:0; border-radius:0; background:white; }
.client-detail-group { border:0; border-top:1px solid var(--line); border-radius:0; box-shadow:none; padding:25px 0 0; margin-top:26px; background:none; }
.client-detail-group>header { margin-bottom:18px; gap:0; }
.client-detail-group .detail-step { display:none; }
.client-detail-group header p { font-size:12px; margin:4px 0 0; }
.form-grid { gap:18px 24px; }
.contact-name-grid { gap:24px; }
.badge,.status-badge,.files-access { border-radius:4px; padding:3px 7px; font-size:11px; font-weight:550; box-shadow:none; }
.workspace-metrics,.client-metrics,.metrics { gap:0; background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; padding-bottom:20px; }
.metric,.client-metric { background:none; border:0; border-radius:0; box-shadow:none; border-right:1px solid var(--line); }
.metric:last-child,.client-metric:last-child { border-right:0; }
.client-views .button { border:0; background:none; border-radius:0; padding:8px 12px; border-bottom:2px solid transparent; }
.client-views .button[aria-current=page] { border-bottom-color:var(--teal); background:none; color:#075e65; }
.directory-panel { border-radius:5px; }
.toolbar { gap:10px; }
.client-table th,.task-table th { font-size:11px; letter-spacing:.02em; background:#fafbfc; color:#596a76; }
.client-table td,.task-table td { padding-top:13px; padding-bottom:13px; }
.client-table tbody tr:hover,.task-table tbody tr:hover { background:#f5f9fa; }
.service-card { border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; padding:20px 0; margin:0; background:none; }
.service-card.enabled { box-shadow:none;border:0; border-bottom:1px solid var(--line); background:none; }
.service-fields { gap:16px; }
.service-title h3 { font-size:14px; }
.price-detail { font-size:12px; }
.pricing-context,.pricing-summary { border-radius:4px; box-shadow:none; background:#f7f9fa; border-color:var(--line); }
.savebar { border-top:1px solid var(--line); background:#fff; box-shadow:0 -4px 12px #20344206; padding:14px 0; gap:10px; }
.savebar button { min-height:36px; }
.section-header,.loe-heading,.dashboard-heading,.files-heading { align-items:center; gap:16px; }
.loe-workflow,.loe-history-card,.onboarding-summary,.dashboard-editor,.payroll-employee { border-radius:0; box-shadow:none; border:0; border-top:1px solid var(--line); background:none; padding:20px 0; margin:16px 0; }
.loe-history-card { border-bottom:1px solid var(--line); margin:0; }
.loe-history-card + .loe-history-card { border-top:0; }
.loe-notice,.import-review { border-radius:4px; box-shadow:none; font-size:13px; }
.loe-actions,.pricing-actions,.files-toolbar,.files-detail-actions { gap:8px; }
.loe-editor,.onboarding-form details { border-radius:4px; box-shadow:none; }
.loe-pdf-viewer { border-radius:4px; }
.deadline { border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; padding:16px 0; margin:0; background:none; }
.deadline button,.deadline .button,[data-refresh-dashboard],[data-period],#payroll-back { border:0; background:transparent; color:#08717a; padding:6px 8px; }
.communication-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:6px; }
.communication-heading h2 { margin:0; }
.communication-actions { display:flex; gap:6px; flex-wrap:wrap; }
.communication-actions button { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 10px; border-color:transparent; background:transparent; color:#08717a; }
.communication-actions button:hover { background:#edf5f5; }
.communication-actions #compose-client-email { background:#087b83; color:white; }
.communication-intro { margin:8px 0 20px; color:var(--muted); font-size:13px; }
.communication-help { margin:0 0 20px; font-size:12px; color:var(--muted); }
.communication-help summary { cursor:pointer; width:fit-content; }
.communication-help p { max-width:70ch; }
#communication-editor:not([hidden]) { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:20px 0; margin:16px 0 24px; }
#communication-editor .onboarding-summary { border:0; margin:0; padding:0; }
#communication-editor h3 { margin:0 0 18px; }
#communication-editor .form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#communication-editor .field { margin-bottom:16px; }
#communication-editor .pricing-actions { margin-top:14px; }
#communications-history { gap:0; margin-top:20px; }
#communications-history .loe-history-card { padding:22px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:none; margin:0; }
#communications-history .loe-heading>strong { font-size:12px; padding:3px 8px; border-radius:4px; font-weight:600; }
#communications-history .loe-history-card .eyebrow { font-size:11px; letter-spacing:0; text-transform:none; color:#08717a; }
#communications-history .loe-history-card h3 { margin:5px 0 0; font-size:15px; }
#communications-history .loe-history-card>p { font-size:12px; color:var(--muted); margin:10px 0; }
#communications-history .loe-history-card>p strong { font-weight:550; }
#communications-history .loe-history-card details { border:0; padding:0; background:none; }
#communications-history summary { cursor:pointer; font-size:12px; color:#08717a; }
.email-format-toolbar { padding:5px; gap:2px; border-radius:4px 4px 0 0; background:#fafbfc; }
.email-format-toolbar button { min-height:30px; padding:4px 8px; border:0; border-radius:3px; }
.email-message-editor { min-height:180px; font-size:14px; border-radius:0 0 4px 4px; }
.files-folders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.files-folder { display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; background:none; min-height:76px; padding:16px 0; }
.files-folder-icon { width:30px;height:30px;background:none;border-radius:0;grid-row:1 / 3; }
.files-folder .files-access { grid-column:2;justify-self:start; }
.files-folder-arrow { position:static;grid-column:3;grid-row:1 / 3; }
.files-folder:hover { background:#f7fafb; transform:none; box-shadow:none; }
.files-dropzone { border-radius:4px; padding:20px; background:#f8fafb; }
.files-table-wrap,.files-requests { border-radius:4px; box-shadow:none; }
.files-toolbar button,.files-breadcrumb button,.files-detail-actions button { border:0; background:transparent; color:#08717a; }
.files-default-row { border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; padding:16px 0; }
.portal-layout { grid-template-columns:210px minmax(0,1fr); gap:40px; }
.portal-sidebar { border:0; border-right:1px solid var(--line); padding-right:24px; background:transparent; border-radius:0; box-shadow:none; }
.portal-identity { padding:0 0 24px; border:0; }
.portal-navigation a { border:0; border-radius:4px; padding:10px; min-height:42px; gap:10px; box-shadow:none; }
.portal-navigation a strong { font-size:13px; font-weight:600; }
.portal-navigation a small,.portal-nav-arrow { display:none; }
.portal-navigation a[aria-current=page] { background:#eaf3f3; box-shadow:inset 2px 0 #087b83; }
.portal-help { border:0; border-top:1px solid var(--line); border-radius:0; background:none; padding:24px 0; margin-top:28px; }
.portal-help>svg,.portal-card-icon,.portal-empty-icon { display:none; }
.portal-help strong { font-size:13px; }.portal-help p { font-size:12px; }
.portal-page-heading { margin-bottom:24px; }
.portal-page-heading .eyebrow { display:none; }
.portal-panel { border:0; border-radius:0; box-shadow:none; }
.portal-card-heading { gap:0; padding-bottom:20px; }
.portal-details { gap:0 32px; }
.portal-details>div { border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; padding:16px 0; }
.portal-details-note { border:0; border-top:1px solid var(--line); background:none; border-radius:0; padding:20px 0 0; }
.portal-details-note .button { border:0; color:#08717a; background:none; }
.portal-empty,.empty { padding:36px 16px; text-align:left; background:none; border:0; border-radius:0; }
.portal-empty h2,.empty h2 { font-size:17px; }
.dashboard-agenda>li { border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; box-shadow:none; padding:18px 0; }
.dashboard-date { background:#f0f4f5; border:0; border-radius:4px; }
.dashboard-note { font-size:12px; }
.portal-footer { background:transparent; border-top:1px solid var(--line); }
.portal-footer-heading>span:last-child { display:none; }
.portal-footer-company { font-size:11px; line-height:1.6; }
.onboarding-heading { text-align:left; margin:24px 0; }
.onboarding-heading .eyebrow { display:none; }
.onboarding-heading h1 { font-size:28px; }
.onboarding-steps { border-bottom:1px solid var(--line); padding-bottom:20px; gap:12px; }
.onboarding-steps li { font-size:12px; gap:8px; }
.onboarding-steps li>span { width:26px; height:26px; min-width:26px; font-size:12px; box-shadow:none; }
.onboarding-content { border:0; border-radius:0; padding:28px; box-shadow:none; }
.onboarding-content h2 { font-size:22px; }
.onboarding-content>p { font-size:14px; max-width:75ch; }
.onboarding-form { max-width:640px; }
.onboarding-form button,.onboarding-content .button { min-height:38px; }
.direct-debit-embed,.identity-check-embed { border-radius:4px; }
.login.panel { border-radius:8px; box-shadow:none; }
.login-entry button { min-height:42px; }
dialog { border:1px solid var(--line); border-radius:8px; box-shadow:0 18px 70px #20344222; padding:26px; max-width:min(720px,calc(100vw - 32px)); }
dialog::backdrop { background:#1c2e3b55; }
/* Client portal retains its navy, teal and coral identity with compact layouts. */
body.client-portal { background:#f1f7f6; }
.portal-sidebar { min-height:0;background:#183749;color:#fff;border:0;border-radius:10px;padding:22px 14px; }
.portal-identity { padding:0 12px 22px;border-bottom:1px solid #ffffff24; }
.portal-identity>strong { color:#fff;font-size:20px; }
.portal-identity .eyebrow { color:#9cdee0;letter-spacing:.05em; }
.portal-navigation a,.portal-navigation a:not([aria-current]) { color:#e0eef1;background:transparent;border-color:transparent; }
.portal-navigation a[aria-current] { color:#fff;background:#087f8e;border-color:transparent;box-shadow:inset 3px 0 #ff8a6c; }
.portal-navigation a:hover { background:#25495a; }
.portal-navigation a:not([aria-current]) svg { color:#91d8dc; }
.portal-help { color:#fff;border-top-color:#ffffff24;padding:20px 12px 0; }
.portal-help p { color:#d3e5e9; }
.portal-help a { color:#98e2e3; }
.portal-page-heading { background:#087f8e;color:#fff;border-radius:8px;padding:24px 28px;min-height:0;border-left:4px solid #ff8a6c; }
.portal-page-heading::before,.portal-page-heading::after { display:none; }
.portal-page-heading>div { max-width:100%; }
.portal-page-heading h1 { color:#fff;font-size:28px;margin:0 0 8px;letter-spacing:-.025em; }
.portal-page-heading p { color:#fff;max-width:65ch; }
.client-portal .portal-panel { border:1px solid #d5e7e6;border-radius:8px;box-shadow:none;padding:24px 28px;min-height:280px; }
.client-portal .portal-panel .onboarding-summary { background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0; }
.dashboard-date { background:#e5f3f3;color:#086e7b; }
.dashboard-action a { border:0;padding:6px 0;text-decoration:underline;text-underline-offset:3px; }
.client-record-open .client-content h2 { font-size:20px;font-weight:700; }
.client-record-open .client-content h3 { font-size:15px;font-weight:700; }
.client-section-loes { border:0;border-radius:0;background:transparent;padding:0; }
.client-section-loes .loe-record { border:0;border-top:1px solid var(--line);border-radius:0;background:#fff; }
.client-section-loes .loe-record-card .toolbar { background:transparent;border:0;padding:0;margin-top:16px; }
.client-section-loes .loe-record-card .toolbar button:not(.primary),.client-section-loes .loe-record-card .toolbar .button:not(.primary),.client-section-loes .loe-record-card>[data-onboarding-send] { border:0;background:transparent;color:#08717a;padding:6px 0;margin-right:16px; }
.client-section-loes .loe-record-card .loe-audit { border-bottom:0; }

.loe-workspace-grid .onboarding-summary { border:0;border-left:1px solid var(--line);border-radius:0;background:transparent; }
.admin-settings-grid { display:block;max-width:1000px; }
.admin-setting-card { display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 0;background:transparent;box-shadow:none; }
.admin-setting-card h2 { font-size:18px;margin:5px 0; }
.admin-setting-card strong { font-size:12px;color:#08717a; }
.admin-navigation { border-bottom:1px solid var(--line);padding-bottom:12px; }
.admin-navigation .button { border:0;background:transparent;color:var(--muted);border-radius:0; }
.admin-navigation .button.primary { color:#08717a;box-shadow:inset 0 -2px #087b83; }
.email-template-card { border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0; }
@media(max-width:1050px) { .client-layout { grid-template-columns:145px minmax(0,1fr);gap:20px; } #app { padding:24px 20px 40px; } .portal-layout { gap:24px;grid-template-columns:180px minmax(0,1fr); } }
@media(max-width:760px) {
 .topbar { height:60px;padding:10px 16px; }.topbar img,.topbar>a { width:136px; }
 #app { padding:20px 16px 32px; }
 .workspace-nav { position:static;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:8px 12px;gap:4px;border-right:0; }
 .workspace-nav-group { display:contents; }.workspace-group-label,.nav-section-label,.nav-footer { display:none; }
 .workspace-nav a { min-height:44px;padding:10px; }
 .client-layout,.portal-layout { display:block; }
 .client-record-open .client-nav { display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-bottom:20px; }
 .client-nav .nav-group { display:contents; }.client-nav .nav-title { display:none; }.client-nav a { white-space:nowrap;min-height:44px; }
 .section,.portal-panel,.onboarding-content { padding:20px 16px; }
 .portal-sidebar { border:0;padding:0;margin-bottom:20px; }.portal-identity,.portal-help { display:none; }
 .portal-navigation { display:flex;overflow-x:auto;gap:4px; }.portal-navigation a { flex:none;min-height:44px; }.portal-navigation svg { width:16px;height:16px; }
 .form-grid,.contact-name-grid,#communication-editor .form-grid,.files-folders { grid-template-columns:1fr; }
 button,.button,.files-upload,.communication-actions button { min-height:44px; }
 .communication-heading { align-items:flex-start; }.communication-actions { width:100%; }
 h1,.page-heading h1,.portal-page-heading h1 { font-size:25px; }
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea { font-size:16px; }
 .onboarding-steps { display:flex;overflow-x:auto; }.onboarding-steps li { flex:0 0 auto; }
 .savebar { flex-wrap:wrap;position:static; }.savebar #save-state { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; } }

/* Embedded Leads follows the staff workspace without changing the public site. */
.portal-leads .crm-header h1 { font-size:28px;letter-spacing:-.025em; }
.portal-leads .button { min-height:36px;padding:7px 12px;border-radius:5px;font-size:13px;box-shadow:none; }
.portal-leads .crm-toolbar,.portal-leads .crm-filters,.portal-leads .crm-table-wrap { border-radius:4px;box-shadow:none; }
.portal-leads .crm-toolbar { padding:20px 24px; }
.portal-leads .crm-toolbar h2 { font-size:18px; }
.portal-leads .crm-filters { padding:20px 24px; }
.portal-leads .crm-filters input,.portal-leads .crm-filters select,.portal-leads .crm-form-grid input,.portal-leads .crm-form-grid select { min-height:38px;border-radius:5px; }
.portal-leads .crm-modal-card { border-radius:8px;box-shadow:0 18px 70px #20344222; }
.tax-service-card { border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none; }
.tax-authorisation { border-radius:4px;box-shadow:none; }
@media(max-width:760px) {
 .portal-sidebar { padding:8px;background:#183749; }
 .portal-navigation { margin:0; }
 .portal-page-heading { padding:20px; }
 .client-portal .portal-panel { padding:20px 16px; }
 .portal-leads .button { min-height:44px; }
}

/* Tasks: a single work list with compact deadline views and text actions. */
.tasks-workspace { max-width:1440px; margin:auto; }
.tasks-workspace .task-heading { margin-bottom:24px; }
.tasks-workspace .task-refresh { display:inline-flex; align-items:center; justify-content:center; width:36px; min-height:36px; padding:0; border:0; background:transparent; color:#586b78; box-shadow:none; }
.tasks-workspace .task-refresh:hover { background:#e9f1f3; color:#087e8b; }
.task-views { display:flex; gap:28px; border-bottom:1px solid #dce4e9; overflow-x:auto; }
.task-views button { display:flex; gap:8px; align-items:center; flex-shrink:0; padding:12px 0; min-height:44px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; box-shadow:none; color:#647581; font-size:13px; font-weight:550; }
.task-views button span { font-size:12px; font-variant-numeric:tabular-nums; color:#647581; }
.task-views button[aria-pressed="true"] { color:#087e8b; border-bottom-color:#087e8b; }
.task-views button[data-task-view="overdue"] span { color:#b24436; }
.task-filters { display:flex; align-items:end; flex-wrap:wrap; gap:16px; padding:22px 0 16px; }
.task-filters label { display:flex; flex-direction:column; gap:6px; font-size:11px; font-weight:600; color:#657683; }
.task-filters .task-search-label { flex:1; min-width:220px; }
.task-filters input,.task-filters select { min-height:36px; font-size:13px; margin:0; background:#fff; }
.task-filters select { min-width:140px; }
.task-list-caption { display:flex; justify-content:space-between; padding:0 0 12px; color:#73818d; font-size:12px; }
.tasks-workspace .task-table { width:100%; min-width:820px; border-collapse:collapse; }
.tasks-workspace .task-table th { background:transparent; border-top:1px solid #dce4e9; font-size:11px; font-weight:600; }
.tasks-workspace .task-table td { padding:17px 12px; vertical-align:middle; background:transparent; border-bottom:1px solid #e7ecef; font-size:13px; }
.task-table td:first-child,.task-table th:first-child { padding-left:0; }
.task-table .task-client,.task-service-name { font-weight:600; }
.task-table small { display:block; color:#75838e; font-weight:400; font-size:11px; margin-top:5px; }
.task-table time { font-weight:550; font-variant-numeric:tabular-nums; }
.task-table .task-status { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#586d79; }
.task-status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.task-table .task-status.overdue,.task-table .task-status.danger { color:#b24436; }
.task-table .task-status.today,.task-table .task-status.warning { color:#9b6b15; }
.task-table .task-action { text-align:right; white-space:nowrap; }
.tasks-workspace .task-action button,.tasks-workspace .task-action a { border:0; padding:6px 0; background:transparent; box-shadow:none; color:#087e8b; font-size:12px; font-weight:600; min-height:32px; }
.tasks-workspace .task-action button:hover,.tasks-workspace .task-action a:hover { text-decoration:underline; }
.tasks-workspace button:focus-visible,.tasks-workspace a:focus-visible { outline:2px solid #087e8b; outline-offset:4px; }
.tasks-workspace .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:700px) { .task-views{gap:22px}.task-filters{gap:12px}.task-filters .task-search-label{flex-basis:100%}.task-filters label{flex:1}.task-filters select{min-width:0;width:100%}.tasks-workspace .task-action button,.tasks-workspace .task-action a{min-height:44px;display:inline-flex;align-items:center}.task-list-caption{font-size:11px} }

.tasks-workspace .task-table tr.task-overdue>td,.tasks-workspace .task-table tr.task-due-soon>td { border-top:0; border-left:0; border-right:0; border-bottom:1px solid #e7ecef; box-shadow:none; }
.task-table .task-status.due-soon { color:#9b6b15; }
@media(max-width:600px) {
 .task-filters label:not(.task-search-label) { flex:1 1 calc(50% - 12px); min-width:0; }
 .task-filters input { width:100%; min-width:0; }
 .tasks-workspace .task-table { min-width:0; }
 .task-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
 .task-table tbody { display:block; }
 .tasks-workspace .task-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:18px 0; border-bottom:1px solid #dce4e9; }
 .tasks-workspace .task-table tr>td { padding:0; border:0; overflow-wrap:anywhere; }
 .tasks-workspace .task-table tr.task-overdue>td,.tasks-workspace .task-table tr.task-due-soon>td { border:0; }
 .tasks-workspace .task-table .task-action { grid-column:1 / -1; text-align:left; }
 .task-table .task-deadline::before { content:"Deadline"; display:block; color:#657683; font-size:10px; font-weight:400; margin-bottom:4px; }
}