@font-face {
  font-family: "Onest";
  src: url("/fonts/onest/Onest-Variable.ttf?v=workspace-onest-20260916") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --workspace-blue: #1688d4;
  --workspace-blue-soft: color-mix(in srgb, var(--workspace-blue) 12%, transparent);
  --workspace-green: #2e9f65;
  --workspace-red: #d85b5b;
  --workspace-amber: #d49a4a;
  --font-sans: "Onest", sans-serif !important;
  --font-mono: "Onest", sans-serif !important;
}

#cleanCrmApp,
#cleanCrmApp *,
#crm-dropdown-portal,
#crm-dropdown-portal *,
.workspace-layer,
.workspace-layer *,
.workspace-modal-layer,
.workspace-modal-layer *,
.workspace-notification-tray,
.workspace-notification-tray * {
  --font-sans: "Onest", sans-serif !important;
  --font-mono: "Onest", sans-serif !important;
}

html,
body,
#cleanCrmApp,
#crm-dropdown-portal,
.workspace-layer,
.workspace-modal-layer,
.workspace-notification-tray,
.bichmi-v2 {
  font-family: var(--font-sans, "Onest", "Segoe UI", Arial, sans-serif) !important;
}
button,
input,
select,
textarea,
option {
  font-family: inherit !important;
}
.clean-block-technical-id { font-family: "Onest", sans-serif !important; }

.clean-topbar-actions > .atmosphere-toggle,
.clean-topbar-actions > .atmosphere-background-select,
.clean-topbar-actions > .clean-auth-widget,
.clean-topbar-actions > .clean-mode { display: none !important; }

.workspace-top-actions { display: flex; align-items: center; gap: 8px; }
.workspace-quick-task,
.workspace-notification-button,
.workspace-profile-button {
  border: 1px solid var(--border);
  color: var(--text);
  background: var(--surface, #fff);
  font: inherit;
  cursor: pointer;
}
.workspace-quick-task { min-height: 38px; padding: 0 13px; border-radius: 8px; color: var(--workspace-blue); font-size: 12px; font-weight: 750; }
.workspace-notification-button { width: 38px; height: 38px; border-radius: 10px; position: relative; font-size: 20px; }
.workspace-notification-button b,
.workspace-nav-badge { position: absolute; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: #e25252; color: #fff; font-size: 10px; line-height: 17px; text-align: center; }
.workspace-notification-button b { top: -5px; right: -4px; }
.workspace-count-nav { display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; }
.workspace-count-nav .workspace-nav-badge { position: static; flex: 0 0 auto; }
.workspace-profile-button { min-width: 210px; max-width: 290px; min-height: 42px; padding: 4px 7px 4px 4px; border-radius: 10px; display: flex; align-items: center; gap: 9px; text-align: left; }
.workspace-profile-button > span:nth-child(2) { display: grid; min-width: 0; flex: 1; }
.workspace-profile-button b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.workspace-profile-button small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.workspace-profile-button > i { color: var(--muted); font-style: normal; }
.workspace-profile-avatar,
.workspace-avatar { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; background: var(--workspace-blue-soft); color: var(--workspace-blue); font-size: 11px; font-weight: 800; }
.workspace-profile-avatar img,
.workspace-avatar img { width: 100%; height: 100%; object-fit: cover; }
.workspace-profile-avatar.is-large { width: 48px; height: 48px; border-radius: 14px; font-size: 15px; }
.workspace-avatar.is-small { width: 27px; height: 27px; border-radius: 8px; }

.workspace-profile-avatar.has-presence,
.workspace-avatar.has-presence,
.bichmi-v2__avatar.has-presence { position: relative; overflow: visible; }
.workspace-profile-avatar.has-presence img,
.workspace-avatar.has-presence img,
.bichmi-v2__avatar.has-presence img { border-radius: inherit; }
.workspace-profile-avatar.has-presence::after,
.workspace-avatar.has-presence::after,
.bichmi-v2__avatar.has-presence::after {
  content: '';
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 3;
  width: 9px;
  height: 9px;
  border: 2px solid var(--surface, #fff);
  border-radius: 999px;
  background: #d85555;
  box-shadow: 0 1px 4px rgba(0,0,0,.28);
}
.bichmi-v2__avatar.has-presence::after { right: -5px; bottom: -8px; }
.bichmi-v2__avatar.has-presence > i { display: none; }
.is-presence-online::after { background: #39b86d !important; }
.is-presence-away::after { background: #e3a53e !important; }
.is-presence-offline::after { background: #d85555 !important; }
.bichmi-v2__author:is(.is-presence-online,.is-presence-away,.is-presence-offline)::after {
  content: '';
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-radius: 999px;
  display: inline-block;
  vertical-align: 1px;
  background: #d85555;
  box-shadow: 0 0 0 2px rgba(255,255,255,.06);
}
.bichmi-v2__author.is-presence-online::after { background: #39b86d; }
.bichmi-v2__author.is-presence-away::after { background: #e3a53e; }
html[data-ui-mode="atmosphere"] .has-presence::after,
#cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .has-presence::after { border-color: #111a18; }

.workspace-layer,
.workspace-modal-layer { position: fixed; inset: 0; z-index: 10020; pointer-events: none; }
.workspace-layer__scrim,
.workspace-modal-scrim { position: absolute; inset: 0; border: 0; background: rgba(2, 8, 12, .2); opacity: 0; transition: opacity .18s ease; }
.workspace-drawer { position: absolute; top: 0; right: 0; width: min(460px, 96vw); height: 100%; color: var(--text); background: color-mix(in srgb, var(--surface, #fff) 96%, transparent); border-left: 1px solid var(--border); box-shadow: -20px 0 70px rgba(1, 8, 14, .22); transform: translateX(105%); transition: transform .22s cubic-bezier(.2, .8, .2, 1); overflow: auto; backdrop-filter: blur(18px); }
.workspace-layer.is-open { pointer-events: auto; }
.workspace-layer.is-open .workspace-layer__scrim { opacity: 1; }
.workspace-layer.is-open .workspace-drawer { transform: translateX(0); }
.workspace-drawer__head { padding: 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.workspace-drawer__head > div { display: flex; align-items: center; gap: 12px; min-width: 0; }
.workspace-drawer__head span { display: grid; }
.workspace-drawer__head b { font-size: 14px; }
.workspace-drawer__head small { color: var(--muted); font-size: 11px; }
.workspace-drawer__head > button,
.workspace-task-composer header > button { width: 34px; height: 34px; border: 1px solid var(--border); background: transparent; color: var(--text); border-radius: 9px; cursor: pointer; font-size: 21px; }
.workspace-profile-tabs { padding: 12px 20px 0; display: flex; gap: 5px; }
.workspace-profile-tabs button,
.workspace-task-scopes button { border: 1px solid transparent; background: transparent; color: var(--muted); border-radius: 7px; padding: 7px 10px; cursor: pointer; font: inherit; font-size: 12px; }
.workspace-profile-tabs button.is-active,
.workspace-task-scopes button.is-active { color: var(--workspace-blue); background: var(--workspace-blue-soft); border-color: color-mix(in srgb, var(--workspace-blue) 24%, transparent); }
.workspace-profile-content { padding: 16px 20px 28px; }
.workspace-profile-form { display: grid; gap: 13px; }
.workspace-profile-card { border: 1px solid var(--border); background: var(--surface-soft); border-radius: 12px; padding: 14px; display: grid; gap: 12px; }
.workspace-profile-card h3 { margin: 0; font-size: 13px; }
.workspace-profile-form label,
.workspace-task-composer label { color: var(--muted); display: grid; gap: 6px; font-size: 11px; font-weight: 650; }
.workspace-profile-form input,
.workspace-profile-form select,
.workspace-task-composer input,
.workspace-task-composer select,
.workspace-task-composer textarea,
.workspace-comment-form textarea { width: 100%; min-height: 38px; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 8px; padding: 8px 10px; font: inherit; font-size: 12px; outline: none; }
.workspace-profile-form input:focus,
.workspace-profile-form select:focus,
.workspace-task-composer :is(input, select, textarea):focus,
.workspace-comment-form textarea:focus { border-color: color-mix(in srgb, var(--workspace-blue) 70%, var(--border)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--workspace-blue) 25%, transparent); }
.workspace-segmented { display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border: 1px solid var(--border); background: var(--surface); border-radius: 8px; }
.workspace-segmented button { height: 31px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-size: 11px; }
.workspace-segmented button.is-active { background: var(--workspace-blue-soft); color: var(--workspace-blue); font-weight: 750; }
.workspace-check { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 8px !important; }
.workspace-check input { width: 16px; min-height: 16px; }
.workspace-primary,
.workspace-secondary { min-height: 38px; border-radius: 8px; padding: 0 14px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 750; }
.workspace-primary { border: 1px solid #1379b8; background: linear-gradient(180deg, #269be3, #1680c3); color: #fff; }
.workspace-secondary { border: 1px solid var(--border); background: var(--surface); color: var(--text); }

.workspace-team { display: grid; gap: 14px; }
.workspace-team-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-team-heading span { display: grid; }
.workspace-team-heading b { font-size: 14px; }
.workspace-team-heading small,
.workspace-team-note { color: var(--muted); font-size: 10px; line-height: 1.5; }
.workspace-team-heading input { width: 135px; }
.workspace-presence-legend { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--muted); font-size: 10px; }
.workspace-presence-legend span { display: flex; align-items: center; gap: 5px; }
.workspace-presence-legend i { width: 8px; height: 8px; border-radius: 3px; }
.workspace-presence-list { display: grid; gap: 8px; }
.workspace-presence-row { padding: 12px; border: 1px solid var(--border); background: var(--surface-soft); border-radius: 11px; display: grid; gap: 9px; }
.workspace-presence-person { display: flex; align-items: center; gap: 9px; }
.workspace-presence-person > span:last-child { display: grid; min-width: 0; }
.workspace-presence-person b { font-size: 12px; }
.workspace-presence-person small { color: var(--muted); display: flex; align-items: center; gap: 5px; font-size: 10px; }
.workspace-presence-person small i { width: 7px; height: 7px; border-radius: 999px; background: #7c8993; }
.workspace-presence-person small i.is-active { background: #3bbd78; box-shadow: 0 0 0 3px rgba(59, 189, 120, .13); }
.workspace-presence-person small i.is-reading { background: #62aee0; }
.workspace-presence-bar { height: 8px; border-radius: 999px; background: var(--border); display: flex; overflow: hidden; }
.workspace-presence-bar i { display: block; height: 100%; }
.workspace-presence-bar .is-active,
.workspace-presence-legend .is-active { background: #2e9f65; }
.workspace-presence-bar .is-reading,
.workspace-presence-legend .is-reading { background: #4b9fd5; }
.workspace-presence-bar .is-idle,
.workspace-presence-legend .is-idle { background: #78838c; }
.workspace-presence-legend .is-background { background: #435b69; }
.workspace-presence-dayline { position: relative; height: 16px; border: 1px solid var(--border); border-radius: 5px; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), color-mix(in srgb, var(--muted) 20%, transparent) calc(25% - 1px), color-mix(in srgb, var(--muted) 20%, transparent) 25%), var(--surface); overflow: hidden; }
.workspace-presence-dayline > span { position: absolute; top: 0; height: 100%; z-index: 1; }
.workspace-presence-dayline > .is-active { background: #2e9f65; }
.workspace-presence-dayline > .is-reading { background: #4b9fd5; }
.workspace-presence-dayline > .is-background { background: #435b69; }
.workspace-presence-dayline > .is-idle { background: #78838c; }
.workspace-presence-hours { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; font-variant-numeric: tabular-nums; margin-top: -6px; }
.workspace-presence-time { display: flex; justify-content: space-between; align-items: baseline; }
.workspace-presence-time b { font-size: 11px; }
.workspace-presence-time span { color: var(--muted); font-size: 9px; }

#cleanCrmApp.workspace-route-tasks .clean-page { display: block !important; padding: 0 !important; }
#cleanCrmApp.workspace-route-tasks .clean-page > :not(#workspaceTasksPage) { display: none !important; }
#cleanCrmApp.workspace-route-tasks .page-scroll { background: var(--bg); }
.workspace-tasks-page { min-height: calc(100vh - 82px); color: var(--text); padding: 22px; }
.workspace-tasks-hero { border: 1px solid var(--border); background: linear-gradient(135deg, var(--surface), var(--surface-soft)); border-radius: 14px; padding: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.workspace-tasks-hero small { color: var(--workspace-blue); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.workspace-tasks-hero h2 { margin: 4px 0 2px; font-size: 24px; }
.workspace-tasks-hero p { margin: 0; color: var(--muted); font-size: 11px; }
.workspace-task-metrics { display: flex; align-items: center; gap: 9px; }
.workspace-task-metrics > span { min-width: 82px; min-height: 48px; border: 1px solid var(--border); background: var(--surface); border-radius: 10px; padding: 7px 10px; display: grid; color: var(--muted); font-size: 9px; }
.workspace-task-metrics > span b { color: var(--text); font-size: 17px; }
.workspace-task-metrics > span.is-danger b { color: var(--workspace-red); }
.workspace-task-metrics > .workspace-primary { flex-shrink: 0; white-space: nowrap; }
.workspace-task-toolbar { padding: 13px 2px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-task-scopes { display: flex; flex-wrap: wrap; gap: 3px; }
.workspace-task-search { min-width: 260px; border: 1px solid var(--border); background: var(--surface); border-radius: 9px; padding: 0 10px; display: flex; align-items: center; gap: 6px; }
.workspace-task-search span { color: var(--muted); }
.workspace-task-search input { width: 100%; height: 36px; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 11px; }
.workspace-task-layout { display: grid; grid-template-columns: minmax(280px, 34%) minmax(0, 1fr); gap: 13px; min-height: 620px; }
.workspace-task-list { align-content: start; display: grid; gap: 8px; }
.workspace-task-card { width: 100%; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 11px; padding: 12px; cursor: pointer; text-align: left; display: grid; gap: 8px; transition: border-color .15s ease, transform .15s ease, background .15s ease; }
.workspace-task-card:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--workspace-blue) 48%, var(--border)); }
.workspace-task-card.is-selected { border-color: var(--workspace-blue); background: color-mix(in srgb, var(--workspace-blue) 6%, var(--surface)); box-shadow: inset 3px 0 0 var(--workspace-blue); }
.workspace-task-card__top,
.workspace-task-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.workspace-task-card__top b { color: var(--workspace-blue); font-size: 10px; }
.workspace-task-card__top i { padding: 3px 6px; border-radius: 999px; background: var(--surface-soft); color: var(--muted); font-size: 8px; font-style: normal; }
.workspace-task-card__top i.is-urgent { background: rgba(216, 91, 91, .12); color: var(--workspace-red); }
.workspace-task-card strong { font-size: 12px; line-height: 1.35; }
.workspace-task-card__people { color: var(--muted); font-size: 9px; }
.workspace-task-card time { color: var(--muted); font-size: 9px; }
.workspace-task-card time.is-overdue { color: var(--workspace-red); font-weight: 750; }
.workspace-status { width: max-content; padding: 4px 7px; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 750; }
.workspace-status.is-new { background: rgba(75, 159, 213, .13); color: #4b9fd5; }
.workspace-status.is-in_progress { background: rgba(212, 154, 74, .13); color: var(--workspace-amber); }
.workspace-status.is-review { background: rgba(151, 102, 205, .13); color: #9f76cd; }
.workspace-status.is-done { background: rgba(46, 159, 101, .13); color: var(--workspace-green); }
.workspace-status.is-cancelled { background: rgba(120, 131, 140, .13); color: var(--muted); }
.workspace-task-detail { min-width: 0; border: 1px solid var(--border); background: var(--surface); border-radius: 13px; overflow: hidden; }
.workspace-empty-detail { min-height: 580px; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.workspace-empty-detail > span { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: var(--workspace-blue-soft); color: var(--workspace-blue); font-size: 25px; }
.workspace-empty-detail h3 { margin: 13px 0 5px; font-size: 15px; }
.workspace-empty-detail p { max-width: 430px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.workspace-task-sheet { min-height: 100%; }
.workspace-task-sheet > header { padding: 18px 20px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; gap: 16px; }
.workspace-task-sheet > header span { color: var(--workspace-blue); font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.workspace-task-sheet > header h2 { margin: 4px 0 0; font-size: 18px; line-height: 1.35; }
.workspace-task-meta { padding: 13px 20px; border-bottom: 1px solid var(--border); background: var(--surface-soft); display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.workspace-task-meta span { display: grid; gap: 3px; }
.workspace-task-meta small { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.workspace-task-meta b { font-size: 10px; }
.workspace-task-description,
.workspace-task-section { padding: 16px 20px; border-bottom: 1px solid var(--border); }
.workspace-task-description h3,
.workspace-task-section h3 { margin: 0 0 9px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.workspace-task-description p { margin: 0; font-size: 11px; line-height: 1.55; }
.workspace-members { display: flex; flex-wrap: wrap; gap: 7px; }
.workspace-member { border: 1px solid var(--border); background: var(--surface-soft); border-radius: 9px; padding: 5px 8px 5px 5px; display: flex; align-items: center; gap: 7px; }
.workspace-member > span:last-child { display: grid; }
.workspace-member b { font-size: 9px; }
.workspace-member small { color: var(--muted); font-size: 8px; }
.workspace-entity-links { display: flex; flex-wrap: wrap; gap: 7px; }
.workspace-entity-link { min-width: 180px; border: 1px solid color-mix(in srgb, var(--workspace-blue) 25%, var(--border)); background: var(--workspace-blue-soft); color: var(--text); border-radius: 9px; padding: 8px 10px; display: grid; gap: 2px; text-decoration: none; }
.workspace-entity-link span { color: var(--workspace-blue); font-size: 8px; text-transform: uppercase; }
.workspace-entity-link b { font-size: 9px; }
.workspace-task-actions { padding: 13px 20px; border-bottom: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 7px; }
.workspace-task-actions button { min-height: 34px; border-radius: 8px; padding: 0 12px; cursor: pointer; font: inherit; font-size: 10px; font-weight: 750; }
.workspace-task-actions .is-primary { border: 1px solid #177fbe; background: #1688d4; color: white; }
.workspace-task-actions .is-success { border: 1px solid #268555; background: #2e9f65; color: white; }
.workspace-task-actions .is-warning { border: 1px solid rgba(212, 154, 74, .5); background: rgba(212, 154, 74, .12); color: var(--workspace-amber); }
.workspace-task-actions .is-quiet { border: 1px solid var(--border); background: var(--surface); color: var(--muted); }
.workspace-task-history > div { display: grid; }
.workspace-task-event { display: grid; grid-template-columns: 12px 1fr; gap: 8px; }
.workspace-task-event > i { width: 7px; height: 7px; margin-top: 5px; border-radius: 999px; background: var(--workspace-blue); box-shadow: 0 0 0 3px var(--workspace-blue-soft); }
.workspace-task-event > div { padding: 0 0 13px 10px; border-left: 1px solid var(--border); }
.workspace-task-event > div > span { display: flex; justify-content: space-between; gap: 8px; }
.workspace-task-event b { font-size: 9px; }
.workspace-task-event time { color: var(--muted); font-size: 8px; }
.workspace-task-event p { margin: 4px 0 0; font-size: 10px; line-height: 1.45; }
.workspace-comment-form { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 7px; margin-top: 4px; }
.workspace-comment-form textarea { resize: vertical; }
.workspace-comment-form button { min-height: 38px; border: 1px solid #177fbe; background: #1688d4; color: #fff; border-radius: 8px; padding: 0 12px; cursor: pointer; }

.workspace-modal-layer.is-open { pointer-events: auto; }
.workspace-modal-layer.is-open .workspace-modal-scrim { opacity: 1; }
.workspace-task-composer { position: absolute; top: 50%; left: 50%; width: min(620px, calc(100vw - 28px)); max-height: calc(100vh - 40px); overflow-x: hidden; overflow-y: auto; transform: translate(-50%, -48%) scale(.98); opacity: 0; border: 1px solid var(--border); background: color-mix(in srgb, var(--surface, #fff) 97%, transparent); color: var(--text); border-radius: 15px; box-shadow: 0 24px 90px rgba(1, 8, 14, .35); transition: opacity .17s ease, transform .17s ease; backdrop-filter: blur(18px); }
.workspace-modal-layer.is-open .workspace-task-composer { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.workspace-task-composer header { padding: 17px 19px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.workspace-task-composer header small { color: var(--workspace-blue); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.workspace-task-composer header h2 { margin: 3px 0 0; font-size: 18px; }
.workspace-task-composer form { box-sizing: border-box; min-width: 0; padding: 17px 19px 19px; display: grid; gap: 13px; }
.workspace-task-composer :is(input,select,textarea),
.workspace-task-composer .workspace-form-grid > label { box-sizing: border-box; min-width: 0; }
.workspace-task-composer textarea { resize: vertical; }
.workspace-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.workspace-form-hint { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.workspace-task-composer footer { padding-top: 4px; display: flex; justify-content: flex-end; gap: 8px; }
.workspace-context-chip { border: 1px solid color-mix(in srgb, var(--workspace-blue) 28%, var(--border)); background: var(--workspace-blue-soft); border-radius: 9px; padding: 8px 9px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; }
.workspace-context-chip span { color: var(--workspace-blue); font-size: 8px; text-transform: uppercase; }
.workspace-context-chip b { font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-context-chip button { border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 17px; }
.workspace-link-picker { border: 1px solid var(--border); background: color-mix(in srgb, var(--surface-soft) 78%, transparent); border-radius: 12px; padding: 11px; display: grid; gap: 9px; }
.workspace-link-picker__head > span { display: grid; gap: 2px; }
.workspace-link-picker__head b { font-size: 11px; }
.workspace-link-picker__head small { color: var(--muted); font-size: 9px; }
.workspace-context-list { display: grid; gap: 6px; }
.workspace-link-search { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 7px; }
.workspace-link-search > :is(select,input) { min-height: 36px !important; }
.workspace-link-results { max-height: 208px; border: 1px solid var(--border); background: var(--surface); border-radius: 9px; padding: 4px; overflow: auto; box-shadow: 0 10px 28px rgba(2,10,18,.12); }
.workspace-link-results[hidden] { display: none; }
.workspace-link-results > button { width: 100%; min-height: 46px; border: 0; border-radius: 7px; background: transparent; color: var(--text); display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 2px 10px; padding: 7px 8px; text-align: left; cursor: pointer; }
.workspace-link-results > button:hover { background: var(--workspace-blue-soft); }
.workspace-link-results > button > span { min-width: 0; display: flex; align-items: center; gap: 7px; }
.workspace-link-results > button > span b { flex: 0 0 auto; color: var(--workspace-blue); font-size: 8px; text-transform: uppercase; }
.workspace-link-results > button > span strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.workspace-link-results > button > small { grid-column: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 9px; }
.workspace-link-results > button > i { grid-column: 2; grid-row: 1 / 3; color: var(--workspace-blue); font-size: 9px; font-style: normal; font-weight: 750; }
.workspace-link-state { margin: 0; padding: 11px; color: var(--muted); font-size: 10px; text-align: center; }
.workspace-link-state.is-error { color: var(--workspace-red); }

.workspace-notification-tray { position: fixed; top: 76px; right: 12px; z-index: 10010; width: min(360px, calc(100vw - 24px)); max-height: min(74vh, 650px); overflow-y: auto; display: grid; align-content: start; gap: 8px; pointer-events: none; transform: translateX(calc(100% + 24px)); transition: transform .22s cubic-bezier(.2, .8, .2, 1); }
.workspace-notification-tray.is-expanded { transform: translateX(0); pointer-events: auto; }
.workspace-notification { position: relative; border: 1px solid color-mix(in srgb, var(--workspace-blue) 35%, var(--border)); background: color-mix(in srgb, var(--surface, #fff) 94%, transparent); border-radius: 12px; overflow: hidden; box-shadow: 0 14px 44px rgba(1, 8, 14, .24); backdrop-filter: blur(16px); transition: opacity .2s ease, transform .2s ease; }
.workspace-notification.is-leaving { opacity: 0; transform: translateX(110%); }
.workspace-notification__body { width: 100%; padding: 12px 38px 12px 13px; border: 0; background: transparent; color: var(--text); cursor: pointer; text-align: left; display: grid; gap: 4px; }
.workspace-notification__body small { color: var(--workspace-blue); font-size: 8px; font-weight: 800; }
.workspace-notification__body b { font-size: 11px; }
.workspace-notification__body span { color: var(--muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-notification__body time { color: var(--muted); font-size: 8px; }
.workspace-notification__close { position: absolute; top: 7px; right: 7px; z-index: 1; width: 26px; height: 26px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 17px; }
.workspace-notification.is-request-chat { border-color: color-mix(in srgb, var(--workspace-blue) 55%, var(--border)); }
.workspace-notification.is-request-chat .workspace-notification__body { padding-right: 15px; }
.workspace-notification.is-request-chat .workspace-notification__body span { font-size: 11px; }

.workspace-notification-layer { z-index: 10050; }
.workspace-notification-drawer { width: min(560px, 100vw); display: flex; flex-direction: column; overflow: hidden; }
.workspace-notification-drawer .workspace-drawer__head { flex: 0 0 auto; padding: 22px 24px 18px; }
.workspace-notification-drawer .workspace-drawer__head b { font-size: 19px; line-height: 1.2; }
.workspace-notification-drawer .workspace-drawer__head small { margin-top: 3px; font-size: 12px; }
.workspace-notification-drawer__icon { width: 42px; height: 42px; display: grid !important; place-items: center; border-radius: 12px; color: var(--workspace-blue); background: var(--workspace-blue-soft); }
.workspace-notification-drawer__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.workspace-notification-drawer__tabs { flex: 0 0 auto; display: flex; gap: 8px; padding: 16px 24px 14px; border-bottom: 1px solid var(--border); }
.workspace-notification-drawer__tabs button { border: 1px solid var(--border); background: var(--surface-soft); color: var(--muted); padding: 10px 17px; border-radius: 10px; font-size: 13px; font-weight: 750; cursor: pointer; transition: background .18s, border-color .18s, color .18s; }
.workspace-notification-drawer__tabs button:hover { color: var(--text); border-color: var(--workspace-blue); }
.workspace-notification-drawer__tabs button.is-active { background: var(--workspace-blue-soft); border-color: color-mix(in srgb, var(--workspace-blue) 45%, var(--border)); color: var(--workspace-blue); }
.workspace-notification-drawer__list { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px 24px 24px; display: grid; align-content: start; gap: 10px; }
.workspace-notification-feed-card { width: 100%; display: grid; gap: 7px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); color: var(--text); text-align: left; cursor: pointer; transition: border-color .18s, background .18s, transform .18s, box-shadow .18s; }
.workspace-notification-feed-card:hover { border-color: color-mix(in srgb, var(--workspace-blue) 48%, var(--border)); background: color-mix(in srgb, var(--workspace-blue) 6%, var(--surface-soft)); transform: translateY(-1px); box-shadow: 0 9px 26px rgba(0,0,0,.09); }
.workspace-notification-feed-card.is-unread { border-left: 3px solid var(--workspace-blue); }
.workspace-notification-feed-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--workspace-blue); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .045em; }
.workspace-notification-feed-card__top time { color: var(--muted); font-size: 10px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.workspace-notification-feed-card strong { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.workspace-notification-feed-card__summary { color: var(--muted); font-size: 12px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.workspace-notification-feed-card__action { color: var(--workspace-blue); font-size: 11px; font-weight: 750; }
.workspace-notification-feed-card__body { display: grid; gap: 7px; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.workspace-notification-feed-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workspace-notification-feed-card__action { padding: 0; border: 0; background: none; text-align: left; cursor: pointer; }
.workspace-notification-feed-card__read { flex-shrink: 0; padding: 5px 9px; border: 1px solid var(--border); border-radius: 6px; background: transparent; color: var(--workspace-blue); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.workspace-notification-feed-card__read:hover { background: color-mix(in srgb, var(--workspace-blue) 10%, transparent); border-color: var(--workspace-blue); }
.workspace-notification-feed-card__read:disabled { opacity: .6; cursor: wait; }
.workspace-notification-feed-card button:focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: 3px; }
.workspace-notification-drawer__empty { padding: 48px 20px; color: var(--muted); text-align: center; font-size: 13px; }
.workspace-notification-drawer__empty.is-error { color: var(--workspace-red); }
.workspace-notification-drawer__empty button, .workspace-notification-drawer__more { display: block; margin: 14px auto 0; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-soft); color: var(--text); padding: 9px 15px; font-size: 12px; cursor: pointer; }
.workspace-notification-drawer__footer { flex: 0 0 auto; border-top: 1px solid var(--border); padding: 15px 24px 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.workspace-notification-drawer__footer > div { min-width: 180px; flex: 1 1 auto; display: grid; gap: 3px; }
.workspace-notification-drawer__footer b { font-size: 12px; }
.workspace-notification-drawer__footer small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.workspace-notification-drawer__footer button { border: 1px solid color-mix(in srgb, var(--workspace-blue) 48%, var(--border)); border-radius: 9px; background: var(--workspace-blue-soft); color: var(--workspace-blue); padding: 9px 12px; font-size: 11px; font-weight: 750; cursor: pointer; }
.workspace-notification-drawer__footer button:disabled { opacity: .48; cursor: not-allowed; }
.workspace-notification-drawer__footer .workspace-notification-drawer__help { flex-basis: 100%; background: transparent; border: 0; padding: 3px 0; text-align: left; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) { .workspace-notification-drawer { width: 100vw; } .workspace-notification-drawer .workspace-drawer__head, .workspace-notification-drawer__tabs, .workspace-notification-drawer__list, .workspace-notification-drawer__footer { padding-left: 16px; padding-right: 16px; } }
@media (prefers-reduced-motion: reduce) { .workspace-notification-drawer, .workspace-notification-feed-card { transition-duration: .01ms !important; } }
.workspace-toast-host { position: fixed; left: 50%; bottom: 20px; z-index: 10080; transform: translateX(-50%); display: grid; gap: 7px; pointer-events: none; }
.workspace-toast { max-width: 520px; padding: 10px 14px; border: 1px solid rgba(58, 189, 121, .35); background: rgba(8, 26, 20, .94); color: #dff9eb; border-radius: 10px; box-shadow: 0 12px 38px rgba(0, 0, 0, .28); opacity: 0; transform: translateY(8px); transition: .2s ease; font-size: 11px; }
.workspace-toast.is-error { border-color: rgba(216, 91, 91, .42); background: rgba(38, 15, 17, .96); color: #ffe3e3; }
.workspace-toast.is-visible { opacity: 1; transform: translateY(0); }
.workspace-empty,
.workspace-loading { padding: 24px; color: var(--muted); text-align: center; font-size: 11px; }

#cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .workspace-tasks-page,
#cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .workspace-drawer,
#cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .workspace-task-composer,
#cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .workspace-notification {
  --workspace-blue: #66b9ed;
}

@media (max-width: 1050px) {
  .workspace-profile-button { min-width: 44px; width: 44px; }
  .workspace-profile-button > span:nth-child(2), .workspace-profile-button > i { display: none; }
  .workspace-task-layout { grid-template-columns: 310px minmax(0, 1fr); }
}
@media (max-width: 780px) {
  .workspace-quick-task { width: 38px; padding: 0; font-size: 0; }
  .workspace-quick-task::after { content: '+'; font-size: 20px; }
  .workspace-tasks-page { padding: 12px; }
  .workspace-tasks-hero { align-items: stretch; flex-direction: column; }
  .workspace-task-metrics { flex-wrap: wrap; }
  .workspace-task-layout { grid-template-columns: 1fr; }
  .workspace-task-toolbar { align-items: stretch; flex-direction: column; }
  .workspace-task-search { min-width: 0; }
  .workspace-task-meta { grid-template-columns: 1fr; }
  .workspace-form-grid { grid-template-columns: 1fr; }
}

/* Workspace visual system: restrained in the regular CRM and glass-like in atmosphere. */
.workspace-top-actions { gap: 7px; }
.workspace-quick-task,
.workspace-notification-button,
.workspace-profile-button { transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.workspace-quick-task:hover,
.workspace-notification-button:hover,
.workspace-profile-button:hover { transform: translateY(-1px); }
.workspace-quick-task { height: 40px; padding: 0 14px; }
.workspace-notification-button,
.workspace-profile-button { width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 3px; justify-content: center; }
.workspace-notification-button > span { width: 20px; height: 20px; display: grid; place-items: center; }
.workspace-notification-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.workspace-profile-button { border-radius: 11px; }
.workspace-profile-button .workspace-profile-avatar { width: 32px; height: 32px; border-radius: 8px; }
.workspace-avatar.is-tiny { width: 23px; height: 23px; border: 2px solid var(--surface, #fff); border-radius: 7px; font-size: 8px; }
.workspace-avatar-stack { min-width: 24px; display: inline-flex; align-items: center; }
.workspace-avatar-stack .workspace-avatar + .workspace-avatar { margin-left: -7px; }

.workspace-drawer { width: min(480px, 96vw); }
.workspace-drawer__head { padding: 22px 22px 18px; }
.workspace-profile-tabs { padding: 12px 22px 0; }
.workspace-profile-content { padding: 17px 22px 30px; }
.workspace-profile-card { padding: 16px; gap: 14px; }
.workspace-profile-form input,
.workspace-profile-form select,
.workspace-task-composer input,
.workspace-task-composer select,
.workspace-task-composer textarea,
.workspace-comment-form textarea,
.workspace-reason-dialog textarea { min-height: 40px; }
.workspace-team-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.workspace-team-metrics > span { min-width: 0; border: 1px solid var(--border); background: var(--surface-soft); border-radius: 10px; padding: 9px; display: grid; gap: 2px; color: var(--muted); font-size: 8px; line-height: 1.25; }
.workspace-team-metrics b { color: var(--text); font-size: 14px; }
.workspace-presence-breakdown { display: flex; flex-wrap: wrap; gap: 5px 10px; color: var(--muted); font-size: 8px; }
.workspace-presence-breakdown span { display: inline-flex; align-items: center; gap: 4px; }
.workspace-presence-breakdown i { width: 6px; height: 6px; border-radius: 999px; }
.workspace-presence-breakdown .is-active { background: #2e9f65; }
.workspace-presence-breakdown .is-reading { background: #4b9fd5; }
.workspace-presence-breakdown .is-idle { background: #78838c; }
.workspace-presence-breakdown .is-background { background: #435b69; }
.workspace-presence-route { color: var(--muted); font-size: 8px; }

.workspace-tasks-page { max-width: 1720px; margin: 0 auto; padding: 20px clamp(16px, 2vw, 30px) 30px; }
.workspace-tasks-hero { min-height: 112px; padding: 20px 22px; }
.workspace-tasks-hero h2 { font-size: 26px; letter-spacing: -.02em; }
.workspace-tasks-hero p { max-width: 680px; margin-top: 4px; line-height: 1.45; }
.workspace-task-metrics > span { min-width: 86px; }
.workspace-task-toolbar { padding: 14px 0 12px; }
.workspace-task-toolbar__right { display: flex; align-items: center; gap: 8px; }
.workspace-task-status-filter { min-height: 38px; border: 1px solid var(--border); background: var(--surface); border-radius: 9px; padding: 0 8px 0 10px; display: flex; align-items: center; gap: 7px; }
.workspace-task-status-filter > span { color: var(--muted); font-size: 9px; }
.workspace-task-status-filter select { min-width: 108px; height: 34px; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 10px; }
.workspace-task-layout { grid-template-columns: minmax(300px, 35%) minmax(0, 1fr); gap: 12px; min-height: calc(100dvh - 245px); }
.workspace-task-list { max-height: calc(100dvh - 245px); padding-right: 4px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.workspace-task-card { position: relative; padding: 13px 14px; gap: 8px; overflow: hidden; }
.workspace-task-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent; transition: background .16s ease; }
.workspace-task-card.is-selected::before { background: var(--workspace-blue); }
.workspace-task-card.is-selected { box-shadow: none; }
.workspace-task-card > strong { font-size: 12px; }
.workspace-task-card__link { max-width: 100%; color: var(--workspace-blue); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.workspace-task-card__people { min-width: 0; display: flex; align-items: center; gap: 7px; }
.workspace-task-card__people > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-task-card time { padding: 3px 6px; border-radius: 999px; }
.workspace-task-card time.is-warning { color: var(--workspace-amber); background: color-mix(in srgb, var(--workspace-amber) 12%, transparent); }
.workspace-task-card time.is-danger { color: var(--workspace-red); background: color-mix(in srgb, var(--workspace-red) 12%, transparent); }
.workspace-task-detail { max-height: calc(100dvh - 245px); overflow: auto; scrollbar-width: thin; }
.workspace-empty-detail { min-height: min(620px, calc(100dvh - 248px)); }
.workspace-empty-detail > span { font-size: 0; }
.workspace-empty-detail > span::after { content: '✓'; font-size: 25px; }
.workspace-empty-detail p { max-width: 560px; }
.workspace-empty-detail ol { width: min(500px, 100%); margin: 22px 0; padding: 0; display: grid; gap: 8px; list-style: none; text-align: left; }
.workspace-empty-detail li { border: 1px solid var(--border); background: var(--surface-soft); border-radius: 10px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 10px; }
.workspace-empty-detail li b { width: 24px; height: 24px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: var(--workspace-blue-soft); color: var(--workspace-blue); }
.workspace-task-sheet > header { align-items: flex-start; }
.workspace-task-sheet > header > div:first-child { min-width: 0; }
.workspace-task-sheet > header h2 { overflow-wrap: anywhere; }
.workspace-task-head-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 7px; }
.workspace-task-head-actions > button { height: 30px; border: 1px solid var(--border); background: var(--surface-soft); color: var(--text); border-radius: 7px; padding: 0 9px; cursor: pointer; font: inherit; font-size: 9px; }
.workspace-due { width: max-content; margin-top: 8px; padding: 4px 7px; border-radius: 999px; display: block; color: var(--muted); background: var(--surface-soft); font-size: 8px !important; letter-spacing: 0 !important; }
.workspace-due.is-warning { color: var(--workspace-amber); background: color-mix(in srgb, var(--workspace-amber) 12%, transparent); }
.workspace-due.is-danger { color: var(--workspace-red); background: color-mix(in srgb, var(--workspace-red) 12%, transparent); }
.workspace-action-note { color: var(--muted); font-size: 9px; }
.workspace-task-event > div { min-width: 0; }
.workspace-task-event p { white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace-comment-form textarea { max-height: 140px; resize: vertical; }

.workspace-assignment { border: 1px solid var(--border); background: var(--surface-soft); border-radius: 11px; padding: 13px; display: grid; gap: 10px; }
.workspace-assignment h3 { margin: 0; font-size: 12px; }
.workspace-assignment p { margin: -5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.workspace-reason-dialog { position: absolute; top: 50%; left: 50%; width: min(500px, calc(100vw - 28px)); color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 15px; box-shadow: 0 24px 90px rgba(1, 8, 14, .35); opacity: 0; transform: translate(-50%, -48%) scale(.98); transition: opacity .17s ease, transform .17s ease; overflow: hidden; }
.workspace-modal-layer.is-open .workspace-reason-dialog { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.workspace-reason-dialog header { padding: 17px 19px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.workspace-reason-dialog header small { color: var(--workspace-amber); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.workspace-reason-dialog header h2 { margin: 3px 0 0; font-size: 17px; }
.workspace-reason-dialog header button { width: 34px; height: 34px; border: 1px solid var(--border); background: transparent; color: var(--text); border-radius: 9px; cursor: pointer; font-size: 21px; }
.workspace-reason-dialog form { padding: 17px 19px 19px; display: grid; gap: 12px; }
.workspace-reason-dialog form p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.workspace-reason-dialog textarea { width: 100%; border: 1px solid var(--border); background: var(--surface-soft); color: var(--text); border-radius: 9px; padding: 10px; outline: none; resize: vertical; font: inherit; font-size: 11px; }
.workspace-reason-dialog footer { display: flex; justify-content: flex-end; gap: 8px; }

.workspace-notification-tray { top: 74px; right: 16px; width: min(385px, calc(100vw - 32px)); }
.workspace-notification { border-radius: 13px; }
.workspace-notification::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--workspace-blue); }
.workspace-notification__body { padding: 13px 40px 13px 15px; }
.workspace-notification__body b { font-size: 12px; line-height: 1.35; }
.workspace-notification__body span { font-size: 10px; }

/* Regular mode */
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-top-actions,
html:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-layer,
html:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-modal-layer,
html:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-notification-tray {
  --workspace-blue: #176b55;
  --workspace-blue-soft: #e8f2ef;
  --workspace-amber: #b9791f;
  --workspace-red: #b64b45;
}
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-quick-task { border-color: #b9d7ce; background: #f1faf7; color: #176b55; }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) :is(.workspace-notification-button,.workspace-profile-button):hover { border-color: #9ab8af; background: #f7fbfa; box-shadow: 0 6px 18px rgba(25, 65, 52, .1); }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-tasks-page { --workspace-blue: #176b55; --workspace-blue-soft: #e8f2ef; --workspace-amber: #b9791f; --workspace-red: #b64b45; }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-tasks-hero { background: #fff; box-shadow: 0 5px 20px rgba(23, 33, 43, .055); }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-task-card,
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-task-detail { box-shadow: 0 4px 15px rgba(23, 33, 43, .04); }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-task-card:hover { background: #fbfdfc; }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-task-card.is-selected { background: #eef6f3; border-color: #7fac9f; }

/* Atmospheric mode */
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-top-actions,.workspace-tasks-page),
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-layer,.workspace-modal-layer,.workspace-notification-tray) {
  --workspace-blue: #e0a651;
  --workspace-blue-soft: rgba(224, 166, 81, .13);
  --workspace-green: #75c997;
  --workspace-red: #ef8c82;
  --workspace-amber: #e4ad5b;
  --surface: rgba(8, 15, 12, .82);
  --surface-soft: rgba(15, 24, 18, .68);
  --text: #fff7e7;
  --muted: #c2baa8;
  --border: rgba(226, 175, 94, .24);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-tasks-page { background: linear-gradient(180deg, rgba(3, 9, 7, .12), rgba(3, 9, 7, .24)); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-quick-task,.workspace-notification-button,.workspace-profile-button) { border-color: rgba(231, 183, 102, .32); background: rgba(8, 15, 12, .48); color: #fff4df; box-shadow: inset 0 1px rgba(255,255,255,.045); backdrop-filter: blur(12px) saturate(112%); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-quick-task,.workspace-notification-button,.workspace-profile-button):hover { border-color: rgba(244, 194, 108, .66); background: rgba(43, 34, 20, .64); box-shadow: 0 8px 28px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.07); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-profile-avatar { background: linear-gradient(145deg, rgba(231, 171, 77, .28), rgba(76, 131, 104, .22)); color: #ffe5b8; box-shadow: inset 0 0 0 1px rgba(244, 194, 108, .3); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-tasks-hero,.workspace-task-card,.workspace-task-detail,.workspace-task-status-filter) { border-color: rgba(226, 175, 94, .24); background: rgba(7, 14, 11, .62); color: #fff7e7; box-shadow: inset 0 1px rgba(255,255,255,.04), 0 10px 32px rgba(0,0,0,.16); backdrop-filter: blur(12px) saturate(108%); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-tasks-hero { background: linear-gradient(135deg, rgba(9, 18, 14, .78), rgba(37, 28, 15, .44)); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-card:hover { border-color: rgba(238, 187, 101, .54); background: rgba(32, 28, 18, .68); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-card.is-selected { border-color: rgba(238, 187, 101, .72); background: linear-gradient(135deg, rgba(50, 38, 19, .72), rgba(9, 20, 16, .72)); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-task-meta,.workspace-member,.workspace-empty-detail li,.workspace-assignment,.workspace-task-head-actions>button) { border-color: rgba(226, 175, 94, .2); background: rgba(255,255,255,.035); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-task-search,.workspace-task-status-filter) { border-color: rgba(226, 175, 94, .22); background: rgba(5, 12, 9, .56); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-task-search input,.workspace-task-status-filter select) { color: #fff7e7; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-status-filter option { color: #fff7e7; background: #121810; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-primary { border-color: rgba(241, 188, 96, .65); background: linear-gradient(180deg, #b97b2e, #8f5b1f); color: #fffaf1; box-shadow: inset 0 1px rgba(255,255,255,.15); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-avatar.is-tiny { border-color: #172017; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-layer__scrim,
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-modal-scrim { background: rgba(0, 5, 3, .42); backdrop-filter: blur(2px); }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-drawer,.workspace-task-composer,.workspace-reason-dialog,.workspace-notification) { --workspace-blue: #e0a651; --workspace-blue-soft: rgba(224,166,81,.13); --workspace-green:#75c997; --workspace-red:#ef8c82; --workspace-amber:#e4ad5b; --surface:rgba(8,15,12,.92); --surface-soft:rgba(21,29,21,.8); --text:#fff7e7; --muted:#c2baa8; --border:rgba(226,175,94,.25); border-color:rgba(226,175,94,.3); background:rgba(6,13,10,.88); color:#fff7e7; box-shadow:-20px 0 70px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.04); backdrop-filter:blur(18px) saturate(112%); }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-profile-card,.workspace-presence-row,.workspace-team-metrics>span,.workspace-assignment) { border-color:rgba(226,175,94,.22); background:rgba(255,255,255,.035); }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-profile-form input,.workspace-profile-form select,.workspace-task-composer input,.workspace-task-composer select,.workspace-task-composer textarea,.workspace-comment-form textarea,.workspace-reason-dialog textarea) { border-color:rgba(226,175,94,.24); background:rgba(4,10,8,.64); color:#fff7e7; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-profile-form option,.workspace-task-composer option) { color:#fff7e7; background:#121810; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-secondary { border-color:rgba(226,175,94,.23); background:rgba(255,255,255,.035); color:#fff7e7; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-primary { border-color:rgba(241,188,96,.65); background:linear-gradient(180deg,#b97b2e,#8f5b1f); color:#fffaf1; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-notification::before { background:#e0a651; }

@media (max-width: 1380px) {
  .workspace-task-toolbar { align-items: stretch; flex-direction: column; }
  .workspace-task-scopes { flex-wrap: nowrap; }
  .workspace-task-toolbar__right { width: 100%; }
  .workspace-task-search { flex: 1; min-width: 0; }
}
@media (max-width: 1180px) {
  .workspace-tasks-hero { align-items: stretch; flex-direction: column; }
  .workspace-task-metrics { flex-wrap: wrap; }
  .workspace-task-layout { grid-template-columns: minmax(280px, 38%) minmax(0, 1fr); }
}
@media (max-width: 860px) {
  .workspace-task-toolbar { align-items: stretch; flex-direction: column; }
  .workspace-task-scopes { flex-wrap: wrap; }
  .workspace-task-toolbar__right { width: 100%; }
  .workspace-task-search { flex: 1; }
  .workspace-task-layout { grid-template-columns: 1fr; }
  .workspace-task-list,.workspace-task-detail { max-height: none; }
  .workspace-empty-detail { min-height: 420px; }
}
@media (max-width: 620px) {
  .workspace-task-toolbar__right { align-items: stretch; flex-direction: column; }
  .workspace-task-status-filter { justify-content: space-between; }
  .workspace-task-metrics > span { flex: 1; }
  .workspace-task-meta { grid-template-columns: 1fr 1fr; }
  .workspace-team-metrics { grid-template-columns: 1fr; }
  .workspace-profile-content { padding-inline: 14px; }
  .workspace-link-search { grid-template-columns: 1fr; }
}

/* Task and colleague panels follow the CRM's right-side drawer pattern. */
.workspace-task-composer {
  top: 0;
  right: 0;
  left: auto;
  width: min(740px, 100vw);
  height: 100dvh;
  max-height: none;
  border-radius: 16px 0 0 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 1;
  transform: translateX(105%);
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
}
.workspace-modal-layer.is-open .workspace-task-composer { transform: translateX(0); }
.workspace-task-composer header { flex: 0 0 auto; padding: 20px 24px; }
.workspace-task-composer form { flex: 1 1 auto; align-content: start; overflow-y: auto; padding: 20px 24px 24px; scrollbar-width: thin; }
.workspace-task-composer footer { position: sticky; bottom: -24px; z-index: 2; margin: 4px -24px -24px; padding: 16px 24px; border-top: 1px solid var(--border); background: var(--surface); }
.workspace-task-composer header h2 { font-size: 23px; }
.workspace-task-composer header small { font-size: 11px; }
.workspace-task-composer label { font-size: 13px; }
.workspace-task-composer :is(input,select,textarea) { font-size: 14px; min-height: 44px; }
.workspace-task-composer textarea { line-height: 1.5; }
.workspace-task-composer .workspace-primary,
.workspace-task-composer .workspace-secondary { min-height: 42px; font-size: 13px; }
.workspace-link-picker__head b { font-size: 14px; }
.workspace-link-picker__head small,
.workspace-task-composer .workspace-form-hint { font-size: 12px; }

/* Task files and optional CRM links share the same typography in both themes. */
.workspace-link-picker { display: block; }
.workspace-link-picker__head { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }
.workspace-link-picker__head::-webkit-details-marker { display: none; }
.workspace-link-picker__head::after { content: '⌄'; color: var(--muted); font-size: 20px; transform: rotate(0); transition: transform .18s ease; }
.workspace-link-picker[open] .workspace-link-picker__head::after { transform: rotate(180deg); }
.workspace-link-picker__head + .workspace-context-list { margin-top: 11px; }
.workspace-link-picker .workspace-link-search { margin-top: 9px; }
.workspace-file-picker { border: 1px solid var(--border); background: var(--surface-soft); border-radius: 12px; padding: 14px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; }
.workspace-file-picker > div:first-child { display: grid; gap: 3px; }
.workspace-file-picker b { color: var(--text); font-size: 14px; }
.workspace-file-picker small { color: var(--muted); font-size: 12px; }
.workspace-selected-files, .workspace-existing-files { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; }
.workspace-existing-files { color: var(--muted); align-items: center; font-size: 12px; }
.workspace-file-chip { min-width: 0; max-width: 100%; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); padding: 7px 9px; }
.workspace-file-chip b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.workspace-file-chip small { flex: 0 0 auto; color: var(--muted); font-size: 11px; }
.workspace-file-chip button { border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 18px; line-height: 1; }
.workspace-task-crm { padding: 11px 20px; border-bottom: 1px solid var(--border); background: var(--surface-soft); display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.workspace-task-crm > span { color: var(--muted); font-size: 12px; font-weight: 650; }
.workspace-task-crm .workspace-entity-link { min-width: 0; padding: 6px 9px; }
.workspace-task-crm > button { border: 0; background: transparent; color: var(--workspace-blue); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.workspace-task-files, .workspace-task-event-files { display: flex; flex-wrap: wrap; gap: 9px; }
.workspace-task-event-files { margin-top: 8px; }
.workspace-task-file { width: min(210px, 100%); min-width: 0; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); color: var(--text); text-decoration: none; padding: 6px; display: flex; align-items: center; gap: 9px; font: inherit; text-align: left; cursor: pointer; }
.workspace-task-file img { width: 51px; height: 48px; border-radius: 7px; object-fit: cover; flex: 0 0 auto; }
.workspace-task-file > span:last-child { min-width: 0; display: grid; gap: 3px; }
.workspace-task-file b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.workspace-task-file small { color: var(--muted); font-size: 11px; }
.workspace-task-file__icon { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: var(--workspace-blue-soft); color: var(--workspace-blue); font-size: 10px; font-weight: 800; }
.workspace-comment-form { grid-template-columns: 38px minmax(0, 1fr) auto; }
.workspace-comment-attach { width: 38px; padding: 0 !important; background: var(--surface-soft) !important; color: var(--workspace-blue) !important; border-color: var(--border) !important; font-size: 20px !important; }
.workspace-comment-files { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.workspace-comment-files:empty { display: none; }
.workspace-task-image-viewer { position: fixed; z-index: 100000; inset: 0; background: rgba(4,8,13,.94); display: grid; grid-template-rows: auto minmax(0,1fr); padding: 16px; color: white; font-family: var(--font-sans, Onest, sans-serif); }
.workspace-task-image-viewer header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.workspace-task-image-viewer header b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.workspace-task-image-viewer header span { display: flex; align-items: center; gap: 13px; }
.workspace-task-image-viewer a, .workspace-task-image-viewer button { color: #fff; font: inherit; font-size: 13px; }
.workspace-task-image-viewer button { border: 1px solid #576775; border-radius: 8px; background: #18242b; padding: 4px 10px; font-size: 21px; cursor: pointer; }
.workspace-task-image-viewer > img { align-self: center; justify-self: center; max-width: 100%; max-height: calc(100vh - 78px); object-fit: contain; }
.workspace-context-chip span { font-size: 11px; }
.workspace-context-chip b { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.workspace-link-results > button > span b { font-size: 10px; }
.workspace-link-results > button > span strong { font-size: 13px; }
.workspace-link-results > button > small { font-size: 11px; }

/* The task page uses the available CRM width and readable type sizes. */
.workspace-tasks-page { box-sizing: border-box; width: 100%; max-width: none; font-size: 14px; }
.workspace-tasks-hero small { font-size: 11px; }
.workspace-tasks-hero p { max-width: 880px; font-size: 14px; }
.workspace-task-metrics > span { min-width: 96px; font-size: 12px; }
.workspace-task-metrics > span b { font-size: 20px; }
.workspace-task-scopes button { font-size: 13px; padding: 9px 12px; }
.workspace-task-status-filter > span { font-size: 12px; }
.workspace-task-status-filter select { font-size: 13px; }
.workspace-task-search input { font-size: 13px; }
.workspace-task-card__top b { font-size: 12px; }
.workspace-task-card__top i { font-size: 11px; }
.workspace-task-card strong { font-size: 16px; }
.workspace-task-card__link { font-size: 12px; line-height: 1.4; }
.workspace-task-card__people,
.workspace-task-card time { font-size: 12px; }
.workspace-status { font-size: 11px; }
.workspace-task-sheet > header span { font-size: 12px; }
.workspace-task-sheet > header h2 { font-size: 22px; }
.workspace-task-sheet > header small { font-size: 12px; }
.workspace-task-meta small { font-size: 11px; }
.workspace-task-meta b { font-size: 13px; }
.workspace-task-description h3,
.workspace-task-section h3 { font-size: 12px; }
.workspace-task-description p { font-size: 14px; }
.workspace-member b { font-size: 13px; }
.workspace-member small { font-size: 11px; }
.workspace-entity-link span { font-size: 11px; }
.workspace-entity-link b { font-size: 14px; overflow-wrap: anywhere; }
.workspace-task-actions button { font-size: 13px; }
.workspace-task-event b { font-size: 13px; }
.workspace-task-event time { font-size: 11px; }
.workspace-task-event p { font-size: 13px; }
.workspace-empty-detail h3 { font-size: 18px; }
.workspace-empty-detail p,
.workspace-empty-detail li { font-size: 13px; }
.workspace-comment-form textarea { font-size: 14px; }
.workspace-task-section__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.workspace-task-section__head h3 { margin: 0; }
.workspace-task-section__head .workspace-secondary { min-height: 34px; font-size: 12px; }
.workspace-user-name { width: fit-content; padding: 0; border: 0; background: transparent; color: var(--text); font: inherit; font-size: 13px; font-weight: 700; text-align: left; cursor: pointer; }
.workspace-user-trigger,
[data-workspace-user]:not(.workspace-profile-button),
.bichmi-v2__author { cursor: pointer; }
.workspace-user-trigger:hover,
.workspace-user-name:hover { color: var(--workspace-blue); }

/* Context actions keep the source record attached when a task is created. */
.workspace-create-from-entity { min-height: 28px; width: fit-content; padding: 3px 9px; border: 1px solid color-mix(in srgb, var(--workspace-blue) 40%, var(--border)); border-radius: 7px; background: var(--workspace-blue-soft); color: var(--workspace-blue); font: inherit; font-size: 11px; font-weight: 750; white-space: nowrap; cursor: pointer; }
.workspace-create-from-entity:hover { border-color: var(--workspace-blue); }
.workspace-request-task-action { box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 100%; min-height: 34px; margin-top: auto; padding: 7px 10px; font-size: 12px; line-height: 1.3; white-space: normal; text-align: center; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.workspace-request-task-action:hover { background: color-mix(in srgb, var(--workspace-blue-soft) 75%, var(--workspace-blue) 25%); box-shadow: 0 3px 12px color-mix(in srgb, var(--workspace-blue) 14%, transparent); }
.workspace-request-task-action:focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: 2px; }
.workspace-create-from-entity.is-compact { width: 24px; min-width: 24px; height: 24px; min-height: 24px; padding: 0; font-size: 17px; line-height: 1; }
.request-number-line > .workspace-create-from-entity { margin-left: 4px; vertical-align: middle; }
.request-direct-summary__number > .workspace-create-from-entity { margin-top: 6px; }
.co-object-actions > .workspace-create-from-entity { margin-left: auto; }
.obj-info-group > .workspace-create-from-contract { margin-top: 7px; }
.dispatch-status-stack > .workspace-create-from-entity { align-self: flex-start; }

/* The colleague drawer is a compact, navigable view of assignments. */
.workspace-user-drawer { width: min(540px, 96vw); }
.workspace-user-content { padding: 18px 20px 28px; display: grid; gap: 16px; }
.workspace-user-presence { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; }
.workspace-user-presence i { width: 10px; height: 10px; border-radius: 50%; background: #d85555; }
.workspace-user-presence.is-online i { background: #39b86d; }
.workspace-user-presence.is-away i { background: #e3a53e; }
.workspace-user-field { display: grid; gap: 3px; padding: 11px 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); }
.workspace-user-field small { color: var(--muted); font-size: 11px; }
.workspace-user-field b { font-size: 14px; overflow-wrap: anywhere; }
.workspace-user-message { min-height: 44px; font-size: 14px; }
.workspace-user-tasks { display: grid; gap: 13px; }
.workspace-user-tasks header small { color: var(--workspace-blue); font-size: 11px; font-weight: 800; letter-spacing: .05em; }
.workspace-user-tasks h3 { margin: 4px 0 0; font-size: 19px; }
.workspace-user-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.workspace-user-stats span { min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-soft); color: var(--muted); font-size: 11px; display: grid; }
.workspace-user-stats b { color: var(--text); font-size: 20px; }
.workspace-user-overdue { margin: 0; color: var(--workspace-red); font-size: 12px; }
.workspace-user-task-list { display: grid; gap: 8px; }
.workspace-user-task-list > a { padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); color: var(--text); text-decoration: none; display: grid; gap: 6px; }
.workspace-user-task-list > a:hover { border-color: var(--workspace-blue); }
.workspace-user-task-list > a > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.workspace-user-task-list > a > span b { color: var(--workspace-blue); font-size: 12px; }
.workspace-user-task-list > a strong { font-size: 14px; }
.workspace-user-task-list > a small { color: var(--muted); font-size: 12px; }
@media (max-width: 620px) {
  .workspace-task-composer { width: 100vw; border-radius: 0; }
  .workspace-task-composer header { padding: 16px; }
  .workspace-task-composer form { padding: 16px; }
  .workspace-task-composer footer { margin: 4px -16px -16px; padding: 12px 16px; }
  .workspace-user-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Main CRM navigation can recede to a slim, persistent icon rail. */
#cleanCrmApp .clean-sidebar { transition: width .66s cubic-bezier(.25,.1,.25,1), padding .66s cubic-bezier(.25,.1,.25,1), background-color .32s ease, box-shadow .4s ease; }
#cleanCrmApp .clean-sidebar #cleanMenu .workspace-rail-link { display: flex; align-items: center; justify-content: flex-start; gap: 9px; }
#cleanCrmApp .workspace-rail-icon { width: 18px; height: 18px; display: inline-grid; place-items: center; flex: 0 0 18px; }
#cleanCrmApp .workspace-rail-icon svg { width: 18px; height: 18px; display: block; }
#cleanCrmApp .workspace-rail-link .workspace-nav-badge { margin-left: auto; }
#cleanCrmApp .workspace-sidebar-toggle {
  position: absolute; top: 16px; right: 10px; z-index: 4;
  width: 31px; height: 31px; padding: 0; display: grid; place-items: center;
  border: 1px solid var(--border); border-radius: 9px;
  background: var(--surface-soft); color: var(--text);
  cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease;
}
#cleanCrmApp .workspace-sidebar-toggle:hover { border-color: var(--workspace-blue); background: var(--workspace-blue-soft); color: var(--workspace-blue); }
#cleanCrmApp .workspace-sidebar-toggle:focus-visible,
#cleanCrmApp .workspace-rail-link:focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: 2px; }
#cleanCrmApp .workspace-sidebar-toggle svg { width: 17px; height: 17px; transform: rotate(180deg); transition: transform .26s ease; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-toggle { border-color: rgba(232,190,119,.32); background: rgba(8,14,12,.56); color: #f5e2bf; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-toggle:hover { border-color: rgba(245,201,120,.72); background: rgba(61,43,20,.7); }
@media (min-width: 721px) {
  #cleanCrmApp { transition: grid-template-columns .48s cubic-bezier(.22,.8,.2,1); }
  #cleanCrmApp.workspace-sidebar-collapsed { grid-template-columns: 64px minmax(0,1fr) !important; }
  #cleanCrmApp.workspace-sidebar-collapsed > .clean-sidebar { width: 64px !important; min-width: 64px; padding: 20px 8px; overflow-x: hidden; }
  #cleanCrmApp.workspace-sidebar-collapsed .clean-brand { width: 48px; height: 30px; overflow: hidden; white-space: nowrap; font-size: 0; text-align: center; }
  #cleanCrmApp.workspace-sidebar-collapsed .clean-brand::before { content: 'Н'; display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid currentColor; border-radius: 9px; font-size: 18px; font-weight: 800; line-height: 1; }
  #cleanCrmApp.workspace-sidebar-collapsed .clean-independent { display: none; }
  #cleanCrmApp.workspace-sidebar-collapsed .workspace-sidebar-toggle { top: 58px; right: 17px; }
  #cleanCrmApp.workspace-sidebar-collapsed .workspace-sidebar-toggle svg { transform: rotate(0); }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu { width: 48px; min-width: 0; margin-top: 55px; grid-template-columns: minmax(0,1fr); gap: 5px; }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .clean-menu-group { display: none; }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-rail-link { position: relative; width: 48px; min-width: 0; min-height: 42px; padding: 0; justify-content: center; gap: 0; border-radius: 10px; font-size: 0; line-height: 1; }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-rail-icon,
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-rail-icon svg { width: 20px; height: 20px; flex-basis: 20px; }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-nav-badge { position: absolute; top: -2px; right: -3px; margin: 0; font-size: 10px; line-height: 17px; }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-rail-link:is([href="#/clients-objects"],[href="#/dispatcher"],[href="#/journal"]) { margin-top: 12px; }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-rail-link:hover { background: var(--workspace-blue-soft); color: var(--workspace-blue); }
  #cleanCrmApp.workspace-sidebar-collapsed #cleanMenu .workspace-rail-link.active { background: var(--workspace-blue-soft); color: var(--workspace-blue); box-shadow: inset 2px 0 currentColor; }
  #cleanCrmApp.workspace-sidebar-collapsed .clean-main { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #cleanCrmApp, #cleanCrmApp .clean-sidebar, #cleanCrmApp .workspace-sidebar-toggle svg { transition-duration: .01ms !important; }
}

/* The logo, controls, section slots and links keep the same vertical positions. */
#cleanCrmApp .clean-sidebar > .clean-brand,
#cleanCrmApp .clean-sidebar > .clean-independent,
#cleanCrmApp .workspace-sidebar-toggle { display: none !important; }
#cleanCrmApp .clean-sidebar { padding: 20px 8px !important; overflow-x: hidden; }
#cleanCrmApp .workspace-sidebar-brand { position: absolute; top: 12px; left: 8px; z-index: 3; width: 224px; height: 56px; display: flex; align-items: center; overflow: hidden; text-decoration: none; }
#cleanCrmApp .workspace-sidebar-brand__wordmark { width: 205px; height: auto; max-height: 56px; object-fit: contain; object-position: left center; }
#cleanCrmApp .workspace-sidebar-brand__mark,
#cleanCrmApp .workspace-sidebar-brand__wordmark.is-light { display: none; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-brand__wordmark.is-color { display: none; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-brand__wordmark.is-light { display: block; }
#cleanCrmApp .workspace-sidebar-modes { position: absolute; top: 93px; left: 9px; z-index: 3; display: flex; gap: 3px; }
#cleanCrmApp .workspace-sidebar-modes button { width: 23px; height: 23px; padding: 2px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-soft); color: var(--muted); cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
#cleanCrmApp .workspace-sidebar-modes button svg { width: 16px; height: 16px; }
#cleanCrmApp .workspace-sidebar-modes button:hover,
#cleanCrmApp .workspace-sidebar-modes button.is-active { color: var(--workspace-blue); border-color: var(--workspace-blue); background: var(--workspace-blue-soft); }
#cleanCrmApp .workspace-sidebar-modes button:focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: 2px; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-modes button { border-color: rgba(230,188,115,.25); background: rgba(8,17,15,.58); color: #d5c9ac; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-modes button:is(:hover,.is-active) { border-color: #ebc783; color: #ffdf9c; background: rgba(73,51,22,.58); }
#cleanCrmApp .clean-sidebar #cleanMenu { width: 100%; min-width: 0; margin-top: 104px; grid-template-columns: minmax(0,1fr); gap: 4px; align-content: start; }
#cleanCrmApp .clean-sidebar #cleanMenu .clean-menu-group { box-sizing: border-box; display: block; width: auto; height: 20px; min-height: 20px; margin: 5px 0 2px; padding: 2px 14px 0; overflow: hidden; white-space: nowrap; line-height: 16px; }
#cleanCrmApp .clean-sidebar #cleanMenu .workspace-rail-link,
#cleanCrmApp.workspace-sidebar-collapsed .clean-sidebar #cleanMenu .workspace-rail-link { box-sizing: border-box; position: relative; width: 100%; min-width: 0; height: 42px; min-height: 42px; max-height: 42px; margin: 0; padding: 0 10px 0 14px; display: flex; align-items: center; justify-content: flex-start; gap: 9px; overflow: hidden; white-space: nowrap; line-height: 1; }
#cleanCrmApp .clean-sidebar #cleanMenu .workspace-rail-icon,
#cleanCrmApp.workspace-sidebar-collapsed .clean-sidebar #cleanMenu .workspace-rail-icon { width: 20px; height: 20px; flex: 0 0 20px; }
#cleanCrmApp .clean-sidebar #cleanMenu .workspace-rail-icon svg { width: 20px; height: 20px; }
#cleanCrmApp.workspace-sidebar-collapsed .clean-sidebar #cleanMenu .workspace-rail-link { font-size: 0; gap: 0; }
#cleanCrmApp.workspace-sidebar-collapsed .clean-sidebar #cleanMenu .clean-menu-group { font-size: 0; }
#cleanCrmApp.workspace-sidebar-collapsed .workspace-sidebar-brand { width: 48px; }
#cleanCrmApp.workspace-sidebar-collapsed .workspace-sidebar-brand__wordmark { display: none !important; }
#cleanCrmApp.workspace-sidebar-collapsed .workspace-sidebar-brand__mark { display: block; width: 38px; height: 38px; margin-left: 5px; object-fit: contain; }
#cleanCrmApp.workspace-sidebar-collapsed .clean-sidebar #cleanMenu .workspace-nav-badge { position: absolute; top: -2px; right: -3px; font-size: 10px; }
#cleanCrmApp .clean-sidebar #cleanMenu .workspace-rail-link:is([href="#/clients-objects"],[href="#/dispatcher"],[href="#/journal"]) { margin-top: 0; }
@media (min-width: 721px) {
  #cleanCrmApp.workspace-sidebar-collapsed { grid-template-columns: 64px minmax(0,1fr) !important; }
  #cleanCrmApp.workspace-sidebar-collapsed > .clean-sidebar { width: 64px !important; min-width: 0 !important; }
  #cleanCrmApp:not(.workspace-sidebar-collapsed) { grid-template-columns: 240px minmax(0,1fr) !important; }
  #cleanCrmApp:not(.workspace-sidebar-collapsed) > .clean-sidebar { width: 240px !important; min-width: 0 !important; }
  #cleanCrmApp.workspace-sidebar-peek { grid-template-columns: 64px minmax(0,1fr) !important; }
  #cleanCrmApp.workspace-sidebar-peek > .clean-sidebar { position: fixed; top: 0; left: 0; z-index: 1600; width: 240px !important; min-width: 0 !important; height: 100dvh; box-shadow: 15px 0 36px rgba(0,0,0,.22); }
  #cleanCrmApp.workspace-sidebar-peek > .clean-main { grid-column: 2; grid-row: 1; }
  #cleanCrmApp.workspace-sidebar-auto { grid-template-columns: 64px minmax(0,1fr) !important; }
  #cleanCrmApp.workspace-sidebar-auto > .clean-sidebar { position: fixed; top: 0; left: 0; z-index: 1600; width: 64px !important; min-width: 0 !important; height: 100dvh; }
  #cleanCrmApp.workspace-sidebar-auto.workspace-sidebar-peek > .clean-sidebar { width: 240px !important; box-shadow: 15px 0 36px rgba(0,0,0,.22); }
  #cleanCrmApp.workspace-sidebar-auto > .clean-main { grid-column: 2; grid-row: 1; }
}
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) > .clean-sidebar {
  background: rgba(249, 252, 252, .96) !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  border-right: 1px solid rgba(80, 111, 105, .19);
  color: #273e4b !important;
}
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .clean-sidebar #cleanMenu .workspace-rail-link { color: #2b4150 !important; }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .clean-sidebar #cleanMenu .workspace-rail-link:is(:hover,.active) { color: #176b55 !important; background: #e8f2ef !important; }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .clean-sidebar #cleanMenu .clean-menu-group { color: #758792 !important; }
#cleanCrmApp:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-sidebar-modes button { color: #365766 !important; background: #f3f8f6 !important; border-color: #cbdad6 !important; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) > .clean-sidebar {
  background: rgba(8, 14, 18, .48) !important;
  backdrop-filter: blur(20px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.12) !important;
  border-right: 1px solid rgba(235,201,142,.19);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]).workspace-sidebar-auto > .clean-sidebar {
  background: linear-gradient(155deg, rgba(9, 15, 20, .62), rgba(8, 13, 17, .54)) !important;
  background-color: transparent !important;
  backdrop-filter: blur(24px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.12) !important;
  border-right: 1px solid rgba(235,201,142,.26);
}
@media (prefers-reduced-motion: reduce) {
  #cleanCrmApp .workspace-sidebar-brand, #cleanCrmApp .workspace-sidebar-modes button { transition-duration: .01ms !important; }
}

/* Tasks follow the same full-width row and expandable detail pattern as requests. */
#cleanCrmApp .workspace-tasks-page {
  --workspace-blue: #137f81;
  --workspace-blue-soft: rgba(18, 143, 145, .12);
  --task-border: rgba(37, 123, 132, .24);
  padding: 16px clamp(14px, 2vw, 28px) 28px;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-tasks-page {
  --workspace-blue: #75d5d8;
  --workspace-blue-soft: rgba(62, 177, 186, .15);
  --surface: rgba(10, 24, 30, .72);
  --surface-soft: rgba(15, 40, 46, .54);
  --text: #eef8f7;
  --muted: #a9c5c5;
  --border: rgba(91, 174, 181, .27);
  --task-border: rgba(91, 174, 181, .31);
  background: linear-gradient(125deg, rgba(11, 37, 43, .22), rgba(3, 10, 17, .12));
}
#cleanCrmApp .workspace-tasks-hero,
#cleanCrmApp .workspace-task-board {
  border: 1px solid var(--task-border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: 0 8px 28px rgba(5, 25, 31, .08);
  backdrop-filter: blur(14px) saturate(1.08);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-tasks-hero,
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-board {
  background: linear-gradient(135deg, rgba(11, 29, 36, .77), rgba(14, 37, 42, .68));
  border-color: var(--task-border);
  color: var(--text);
}
#cleanCrmApp .workspace-task-board { overflow: hidden; }
#cleanCrmApp .workspace-task-board__head,
#cleanCrmApp .workspace-task-row {
  display: grid;
  grid-template-columns: minmax(112px,.65fr) minmax(260px,2fr) minmax(165px,1.1fr) minmax(125px,.7fr) minmax(125px,.7fr);
  align-items: center;
  column-gap: 14px;
}
#cleanCrmApp .workspace-task-board__head {
  min-height: 42px;
  padding: 8px 18px;
  background: var(--surface-soft);
  border-bottom: 1px solid var(--task-border);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}
#cleanCrmApp .workspace-task-list { display: block; }
#cleanCrmApp .workspace-task-entry + .workspace-task-entry { border-top: 1px solid var(--task-border); }
#cleanCrmApp .workspace-task-row {
  box-sizing: border-box;
  width: 100%;
  min-height: 76px;
  padding: 11px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  font: inherit;
  transition: background-color .2s ease, box-shadow .2s ease;
}
#cleanCrmApp .workspace-task-row:hover,
#cleanCrmApp .workspace-task-entry.is-open > .workspace-task-row {
  background: var(--workspace-blue-soft);
  box-shadow: inset 3px 0 0 var(--workspace-blue);
}
#cleanCrmApp .workspace-task-row:focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: -3px; }
#cleanCrmApp .workspace-task-row__number,
#cleanCrmApp .workspace-task-row__title,
#cleanCrmApp .workspace-task-row__people,
#cleanCrmApp .workspace-task-row__state { min-width: 0; display: flex; align-items: center; gap: 8px; }
#cleanCrmApp .workspace-task-row__number,
#cleanCrmApp .workspace-task-row__title { flex-direction: column; align-items: flex-start; gap: 3px; }
#cleanCrmApp .workspace-task-row__number b { font-size: 13px; color: var(--workspace-blue); }
#cleanCrmApp .workspace-task-row__number i { font-size: 10px; font-weight: 750; font-style: normal; color: var(--muted); }
#cleanCrmApp .workspace-task-row__number i.is-urgent { color: var(--workspace-red); }
#cleanCrmApp .workspace-task-row__title strong { max-width: 100%; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
#cleanCrmApp .workspace-task-row__title small { max-width: 100%; color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cleanCrmApp .workspace-task-row__people > span:last-child { min-width: 0; color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cleanCrmApp .workspace-task-row__due { font-size: 12px; color: var(--muted); }
#cleanCrmApp .workspace-task-row__due.is-overdue { color: var(--workspace-red); font-weight: 750; }
#cleanCrmApp .workspace-task-row__state { justify-content: space-between; }
#cleanCrmApp .workspace-task-row__chevron { font-size: 20px; color: var(--muted); transition: transform .2s ease; }
#cleanCrmApp .workspace-task-entry.is-open .workspace-task-row__chevron { transform: rotate(180deg); }
#cleanCrmApp .workspace-task-expanded {
  display: grid; grid-template-rows: 1fr; padding: 12px; overflow: hidden;
  border-top: 1px solid var(--task-border);
  background: color-mix(in srgb, var(--surface-soft) 45%, transparent);
  opacity: 1;
  transition: grid-template-rows .28s cubic-bezier(.4, 0, .2, 1),
    padding .28s cubic-bezier(.4, 0, .2, 1), opacity .18s ease, border-color .28s ease;
}
#cleanCrmApp .workspace-task-expanded__content { min-height: 0; overflow: hidden; }
#cleanCrmApp .workspace-task-expanded.is-collapsed {
  grid-template-rows: 0fr; padding-top: 0; padding-bottom: 0;
  border-top-color: transparent; opacity: 0; pointer-events: none;
}
#cleanCrmApp .workspace-task-sheet { min-height: 0; border: 1px solid var(--task-border); border-radius: 11px; overflow: hidden; background: var(--surface); }
#cleanCrmApp .workspace-task-sheet > header { background: var(--surface-soft); }
#cleanCrmApp .workspace-task-expanded-grid { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(380px, 1.1fr); }
#cleanCrmApp .workspace-task-main { min-width: 0; border-right: 1px solid var(--task-border); }
#cleanCrmApp .workspace-task-meta { background: color-mix(in srgb, var(--surface-soft) 70%, transparent); }
#cleanCrmApp .workspace-task-history { min-width: 0; min-height: 520px; display: flex; flex-direction: column; }
#cleanCrmApp .workspace-task-history > h3 { margin: 0; padding: 15px 18px; border-bottom: 1px solid var(--task-border); font-size: 14px; }
#cleanCrmApp .workspace-task-stepper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; padding: 10px 12px; border-bottom: 1px solid var(--task-border); background: var(--surface-soft); }
#cleanCrmApp .workspace-task-stepper.is-legacy { display: block; padding: 14px 18px; color: var(--muted); font-size: 12px; }
#cleanCrmApp .workspace-task-step { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 12px; border: 1px solid var(--task-border); border-radius: 8px; color: var(--muted); }
#cleanCrmApp .workspace-task-step > span { width: 23px; height: 23px; display: grid; place-items: center; flex: none; border-radius: 50%; background: var(--surface); font-size: 11px; font-weight: 800; }
#cleanCrmApp .workspace-task-step b { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cleanCrmApp .workspace-task-step.is-past { color: var(--workspace-blue); background: var(--workspace-blue-soft); }
#cleanCrmApp .workspace-task-step.is-current { color: #f4ffff; border-color: #0b777b; background: linear-gradient(135deg,#159897,#126e83); }
#cleanCrmApp .workspace-task-step.is-current > span { color: #126e83; }
#cleanCrmApp .workspace-task-bichmi { flex: 1 1 auto; min-height: 520px; height: min(68vh, 740px); overflow: hidden; }
#cleanCrmApp .workspace-task-bichmi > .bichmi-v2 { width: 100%; height: 100%; min-width: 0; border: 0; border-radius: 0; }
#cleanCrmApp .workspace-task-checklist { margin-top: 10px; padding: 11px; border: 1px solid var(--task-border); border-radius: 9px; background: var(--surface-soft); }
#cleanCrmApp .workspace-task-checklist__head { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 7px; font-size: 13px; }
#cleanCrmApp .workspace-task-checklist__item { display: flex; align-items: center; gap: 9px; padding: 7px 0; border-top: 1px solid var(--task-border); font-size: 12px; }
#cleanCrmApp .workspace-task-checklist__item input { accent-color: #159897; }
#cleanCrmApp .workspace-task-checklist__item.is-done > span { text-decoration: line-through; opacity: .7; }
#cleanCrmApp .workspace-task-checklist__item small { margin-left: auto; color: var(--muted); font-size: 10px; }
#cleanCrmApp .workspace-task-approvals { display: flex; flex-wrap: wrap; gap: 7px; }
#cleanCrmApp .workspace-task-approvals > span { display: grid; gap: 3px; padding: 8px 10px; border: 1px solid var(--task-border); border-radius: 8px; background: var(--surface-soft); font-size: 11px; }
#cleanCrmApp .workspace-task-approvals small { color: var(--muted); }
#cleanCrmApp .workspace-task-approvals .is-approved { border-color: rgba(21,152,151,.65); }
#cleanCrmApp .workspace-task-audit { padding: 13px 20px; border-bottom: 1px solid var(--task-border); }
#cleanCrmApp .workspace-task-audit summary { cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 700; }
#cleanCrmApp .workspace-task-audit .workspace-task-event { margin-top: 8px; }
#cleanCrmApp .workspace-task-audit .workspace-task-event__bubble { max-width: 100%; }
#cleanCrmApp .workspace-task-member-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
#cleanCrmApp .workspace-task-member-groups fieldset { min-width: 0; margin: 0; padding: 8px; border: 1px solid var(--task-border); border-radius: 9px; }
#cleanCrmApp .workspace-task-member-groups legend { padding: 0 4px; font-size: 11px; font-weight: 700; }
#cleanCrmApp .workspace-task-member-list { max-height: 134px; overflow: auto; display: grid; gap: 3px; }
#cleanCrmApp .workspace-task-person { display: flex; align-items: center; gap: 7px; font-size: 11px; }
#cleanCrmApp .workspace-task-person input { width: auto; accent-color: #159897; }
#cleanCrmApp .workspace-checklist-editor { display: grid; gap: 7px; margin: 8px 0; padding: 9px; border: 1px solid var(--task-border); border-radius: 9px; }
#cleanCrmApp .workspace-checklist-editor__head, #cleanCrmApp .workspace-checklist-editor__item { display: flex; align-items: center; gap: 6px; }
#cleanCrmApp .workspace-checklist-editor__head > input, #cleanCrmApp .workspace-checklist-editor__item > input { min-width: 0; flex: 1; }
#cleanCrmApp .workspace-checklist-editor__head > button, #cleanCrmApp .workspace-checklist-editor__item > button { width: 30px; height: 30px; flex: none; border: 1px solid var(--task-border); border-radius: 7px; background: var(--surface-soft); color: var(--text); }
#cleanCrmApp .workspace-checklist-editor__item { margin: 5px 0; }
#cleanCrmApp .workspace-checklist-editor__item > label { display: flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 10px; }
#cleanCrmApp .workspace-checklist-editor__item > label input { width: auto; }
#cleanCrmApp .workspace-task-history > .workspace-task-messages { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 10px; max-height: 600px; min-height: 250px; overflow-y: auto; padding: 16px 18px; }
#cleanCrmApp .workspace-task-event { display: flex; width: 100%; }
#cleanCrmApp .workspace-task-event.is-mine { justify-content: flex-end; }
#cleanCrmApp .workspace-task-event__bubble { max-width: min(82%, 560px); padding: 10px 12px; border: 1px solid var(--task-border); border-radius: 12px; background: var(--surface-soft); overflow-wrap: anywhere; }
#cleanCrmApp .workspace-task-event.is-mine .workspace-task-event__bubble { background: var(--workspace-blue-soft); }
#cleanCrmApp .workspace-task-event.is-system .workspace-task-event__bubble { opacity: .82; }
#cleanCrmApp .workspace-task-event__bubble > span { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
#cleanCrmApp .workspace-task-event__bubble b { color: var(--workspace-blue); }
#cleanCrmApp .workspace-task-event__bubble p { margin: 6px 0 0; font-size: 13px; line-height: 1.45; }
#cleanCrmApp .workspace-comment-form { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: end; gap: 8px; margin: auto 0 0; padding: 12px; border-top: 1px solid var(--task-border); }
#cleanCrmApp .workspace-comment-form textarea { box-sizing: border-box; min-height: 42px; height: 42px; max-height: 126px; padding: 10px 12px; resize: vertical; border: 1px solid var(--task-border); border-radius: 13px; background: var(--surface-soft); color: var(--text); }
#cleanCrmApp .workspace-comment-form button { min-height: 42px; border-radius: 10px; }
#cleanCrmApp .workspace-comment-form .workspace-comment-attach { padding: 0; background: var(--surface-soft); border-color: var(--task-border); color: var(--workspace-blue); font-size: 25px; }
#cleanCrmApp .workspace-comment-form button[type="submit"],
#cleanCrmApp .workspace-task-actions .is-primary,
#cleanCrmApp .workspace-tasks-page .workspace-primary { border: 1px solid #0b777b; background: linear-gradient(150deg, #159897, #126e83); color: #fff; box-shadow: 0 4px 14px rgba(7, 91, 103, .2); }
#cleanCrmApp .workspace-task-actions .is-warning { border-color: rgba(62,177,186,.46); background: var(--workspace-blue-soft); color: var(--workspace-blue); }
#cleanCrmApp .workspace-task-actions button:hover,
#cleanCrmApp .workspace-comment-form button:hover,
#cleanCrmApp .workspace-tasks-page .workspace-primary:hover { filter: brightness(1.12); }
#cleanCrmApp .workspace-empty-detail { min-height: 250px; }
#cleanCrmApp .workspace-tasks-page :is(input,select,textarea):focus-visible { outline: 2px solid var(--workspace-blue); outline-offset: 1px; }
@media (max-width: 1100px) {
  #cleanCrmApp .workspace-task-board__head,
  #cleanCrmApp .workspace-task-row { grid-template-columns: 105px minmax(180px,2fr) minmax(116px,.8fr) minmax(115px,.7fr); }
  #cleanCrmApp .workspace-task-board__head > :nth-child(3),
  #cleanCrmApp .workspace-task-row__people { display: none; }
  #cleanCrmApp .workspace-task-expanded-grid { grid-template-columns: 1fr; }
  #cleanCrmApp .workspace-task-main { border-right: 0; border-bottom: 1px solid var(--task-border); }
}
@media (max-width: 650px) {
  #cleanCrmApp .workspace-task-stepper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #cleanCrmApp .workspace-task-member-groups { grid-template-columns: 1fr; }
  #cleanCrmApp .workspace-task-board__head,
  #cleanCrmApp .workspace-task-row { grid-template-columns: 78px minmax(0,1fr) 96px; gap: 8px; padding-left: 10px; padding-right: 10px; }
  #cleanCrmApp .workspace-task-board__head > :nth-child(4),
  #cleanCrmApp .workspace-task-row__due { display: none; }
  #cleanCrmApp .workspace-task-row__title strong { font-size: 13px; }
  #cleanCrmApp .workspace-task-row__number b { font-size: 11px; }
  #cleanCrmApp .workspace-task-expanded { padding: 6px; }
  #cleanCrmApp .workspace-task-meta { grid-template-columns: 1fr 1fr; }
}

/* The chat icon's teal and blue palette carries through the CRM controls. */
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-top-actions,.workspace-tasks-page),
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-layer,.workspace-modal-layer,.workspace-notification-tray) {
  --workspace-blue: #79d7d7;
  --workspace-blue-soft: rgba(43, 165, 174, .17);
  --workspace-amber: #b9c7a5;
  --surface: rgba(10, 27, 33, .85);
  --surface-soft: rgba(17, 42, 47, .72);
  --text: #edf7f5;
  --muted: #a9c4c4;
  --border: rgba(93, 174, 178, .3);
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-drawer,.workspace-task-composer,.workspace-reason-dialog,.workspace-notification) {
  --workspace-blue: #79d7d7;
  --workspace-blue-soft: rgba(43, 165, 174, .17);
  --workspace-amber: #b9c7a5;
  --surface: rgba(10, 27, 33, .9);
  --surface-soft: rgba(17, 42, 47, .76);
  --text: #edf7f5;
  --muted: #a9c4c4;
  --border: rgba(93, 174, 178, .3);
  border-color: rgba(93, 174, 178, .36);
  background: linear-gradient(155deg, rgba(12, 29, 36, .91), rgba(10, 24, 31, .91));
  color: var(--text);
  backdrop-filter: blur(20px) saturate(1.08);
}
html:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) :is(.workspace-drawer,.workspace-task-composer,.workspace-reason-dialog,.workspace-notification) {
  --workspace-blue: #167b82;
  --workspace-blue-soft: rgba(33, 143, 150, .12);
  --border: rgba(37, 121, 130, .23);
  background: #f6fbfa;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-quick-task,.workspace-notification-button,.workspace-profile-button) {
  border-color: rgba(101, 184, 190, .38);
  background: rgba(12, 29, 36, .59);
  color: #eaf8f5;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-quick-task,.workspace-notification-button,.workspace-profile-button):hover {
  border-color: #80d4d4;
  background: rgba(23, 67, 72, .73);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-profile-avatar {
  background: linear-gradient(145deg, rgba(30, 121, 132, .5), rgba(16, 93, 87, .34));
  color: #d9f5ef;
  box-shadow: inset 0 0 0 1px rgba(104, 201, 201, .38);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-modes button {
  border-color: rgba(86, 177, 182, .38);
  background: rgba(12, 44, 52, .7);
  color: #a8d9d9;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-sidebar-modes button:is(:hover,.is-active) {
  border-color: #75d3d2;
  color: #dff9f3;
  background: linear-gradient(140deg, #166c79, #148c81);
  box-shadow: 0 2px 12px rgba(10, 117, 121, .28);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) > .clean-sidebar,
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]).workspace-sidebar-auto > .clean-sidebar {
  border-right-color: rgba(83, 171, 180, .32);
  background: linear-gradient(155deg, rgba(10, 31, 38, .61), rgba(9, 24, 31, .53)) !important;
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-profile-card,.workspace-presence-row,.workspace-team-metrics>span,.workspace-assignment,.workspace-link-picker,.workspace-file-picker) {
  border-color: rgba(84, 171, 177, .28);
  background: rgba(31, 77, 81, .13);
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-profile-form input,.workspace-profile-form select,.workspace-task-composer input,.workspace-task-composer select,.workspace-task-composer textarea,.workspace-comment-form textarea,.workspace-reason-dialog textarea) {
  border-color: rgba(91, 178, 183, .32);
  border-radius: 12px;
  background: rgba(8, 26, 33, .7);
  color: #eef8f7;
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-profile-form option,.workspace-task-composer option) { background: #122c32; color: #eef8f7; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-secondary {
  border-color: rgba(91, 178, 183, .34);
  background: rgba(30, 72, 78, .22);
  color: #e5f6f4;
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-primary,
html:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-task-composer .workspace-primary {
  border: 1px solid #147e83;
  background: linear-gradient(145deg, #179b95, #176e83);
  color: white;
  box-shadow: 0 5px 16px rgba(5, 91, 103, .19);
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-notification::before { background: #52bdbc; }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.workspace-notification-drawer__icon,.workspace-segmented button.is-active,.workspace-notification-drawer__tabs button.is-active) {
  color: #79d7d7;
  border-color: rgba(79, 174, 180, .45);
  background: rgba(30, 111, 121, .24);
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-notification-drawer__footer button { border-color: rgba(79,174,180,.45); color: #79d7d7; background: rgba(30,111,121,.2); }
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-composer :is(input,textarea,select):focus,
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-profile-form :is(input,select):focus { outline: none; border-color: #78d4d3; box-shadow: 0 0 0 2px rgba(64, 174, 183, .18); }
.workspace-task-composer { border-radius: 0; }
.workspace-task-composer :is(input,select,textarea) { border-radius: 12px; }
.workspace-task-composer :is(input,select,textarea):focus { outline: none; border-color: var(--workspace-blue); box-shadow: 0 0 0 2px var(--workspace-blue-soft); }
.workspace-profile-drawer { display: flex; flex-direction: column; overflow: hidden; }
.workspace-profile-drawer .workspace-profile-content { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow-y: auto; }
.workspace-profile-drawer .workspace-profile-form { align-content: start; }
.workspace-profile-footer { flex: 0 0 auto; margin-top: auto; padding: 12px 20px max(12px, env(safe-area-inset-bottom)); border-top: 1px solid var(--border); background: var(--surface); }
.workspace-profile-footer .workspace-logout { display: block; width: 100%; min-height: 42px; }
.workspace-message-task-menu { position: fixed; z-index: 100010; width: 220px; padding: 5px; border: 1px solid rgba(85,170,177,.45); border-radius: 11px; background: #102b33; box-shadow: 0 12px 35px rgba(0,0,0,.28); }
.workspace-message-task-menu button { width: 100%; padding: 10px 11px; border: 0; border-radius: 7px; background: transparent; color: #e9f7f5; text-align: left; font: inherit; font-size: 12px; cursor: pointer; }
.workspace-message-task-menu button:hover { background: rgba(57,162,169,.24); }

/* The legacy page tokens still painted filters and table dividers in amber. */
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .clean-page {
  --color-background-primary: rgba(9, 27, 33, .48) !important;
  --color-background-secondary: rgba(12, 37, 43, .48) !important;
  --color-background-info: rgba(25, 104, 113, .28) !important;
  --color-border-secondary: rgba(105, 179, 186, .38) !important;
  --color-border-tertiary: rgba(103, 177, 183, .23) !important;
  --color-border-info: rgba(117, 209, 211, .62) !important;
  --color-text-secondary: #cadbd7 !important;
  --color-text-tertiary: #a8c4c2 !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .crm-select-trigger {
  border-color: rgba(105, 179, 186, .38) !important;
  background: rgba(14, 40, 47, .68) !important;
  color: #e7f5f1 !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .crm-select-trigger:is(:hover,:focus-visible,[aria-expanded="true"]) {
  border-color: #72c9cd !important;
  background: rgba(25, 76, 83, .76) !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .journal-card {
  border-color: rgba(103, 177, 183, .23) !important;
  background: rgba(9, 28, 34, .48) !important;
  backdrop-filter: blur(12px) saturate(1.07);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.journal-card-head,.journal-table-head) {
  border-color: rgba(103, 177, 183, .23) !important;
  background: rgba(16, 48, 54, .45) !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .journal-table-row {
  border-bottom-color: rgba(103, 177, 183, .19) !important;
  background: rgba(8, 27, 33, .34) !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .journal-table-row:is(:hover,.selected) {
  background: rgba(29, 100, 110, .32) !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) :is(.journal-search,.journal-reset,.journal-event-expanded,.journal-expanded-meta-item,.journal-change-block) {
  border-color: rgba(103, 177, 183, .28) !important;
  background-color: rgba(11, 37, 44, .48) !important;
}
/* Keep object types and dispatcher warnings distinct without amber outlines. */
#cleanCrmApp .crm-object-type-badge--chm {
  border-color: #709db8 !important;
  background: rgba(57, 104, 132, .19) !important;
  color: #426e8c !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .crm-object-type-badge--chm { color: #acd6e8 !important; }
#cleanCrmApp .dispatch-badge--requires-driver {
  border-color: #c97887 !important;
  background: rgba(166, 67, 88, .13) !important;
  color: #ad5165 !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .dispatch-badge--requires-driver { color: #f0aeb6 !important; }

/* Tasks use the same compact list and inset detail language as requests. */
#cleanCrmApp .workspace-tasks-page { padding: 8px clamp(12px, 1.3vw, 20px) 24px; }
#cleanCrmApp .workspace-tasks-hero,
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-tasks-hero {
  min-height: 0; margin: 0 0 8px; padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; backdrop-filter: none;
  align-items: center; justify-content: flex-end;
}
#cleanCrmApp .workspace-task-metrics { gap: 7px; }
#cleanCrmApp .workspace-task-metrics > span {
  min-width: 104px; min-height: 43px; padding: 5px 11px;
  border-color: var(--task-border); background: var(--surface);
  border-radius: 9px; box-shadow: none; backdrop-filter: blur(12px);
}
#cleanCrmApp .workspace-task-metrics > span b { font-size: 17px; }
#cleanCrmApp .workspace-task-toolbar {
  min-height: 56px; margin-bottom: 8px; padding: 7px 10px;
  border: 1px solid var(--task-border); border-radius: 10px;
  background: var(--surface); backdrop-filter: blur(14px) saturate(1.08);
  flex-wrap: wrap;
}
#cleanCrmApp .workspace-task-toolbar__right { flex: 1 1 auto; justify-content: flex-end; }
#cleanCrmApp .workspace-task-search { flex: 1 1 230px; max-width: 380px; min-height: 38px; }
#cleanCrmApp .workspace-task-status-filter { flex: 0 0 auto; }
#cleanCrmApp .workspace-task-toolbar .workspace-primary { flex: 0 0 auto; min-height: 38px; padding-inline: 14px; white-space: nowrap; font-size: 12px; }
#cleanCrmApp .workspace-task-board { border-radius: 10px; }
#cleanCrmApp .workspace-task-board__head { min-height: 36px; padding-block: 6px; }
#cleanCrmApp .workspace-task-row { min-height: 61px; padding-top: 8px; padding-bottom: 8px; }

/* The current workflow stage owns the accent, including the list border. */
#cleanCrmApp .workspace-task-entry { --task-stage: #3285a4; --task-stage-soft: rgba(50,133,164,.11); position: relative; }
#cleanCrmApp .workspace-task-entry[data-stage="new"] { --task-stage: #397eaa; --task-stage-soft: rgba(57,126,170,.12); }
#cleanCrmApp .workspace-task-entry[data-stage="in_progress"] { --task-stage: #138e91; --task-stage-soft: rgba(19,142,145,.13); }
#cleanCrmApp .workspace-task-entry[data-stage="review"] { --task-stage: #7370af; --task-stage-soft: rgba(115,112,175,.13); }
#cleanCrmApp .workspace-task-entry[data-stage="done"] { --task-stage: #288d6d; --task-stage-soft: rgba(40,141,109,.13); }
#cleanCrmApp .workspace-task-entry[data-stage="cancelled"] { --task-stage: #838d97; --task-stage-soft: rgba(131,141,151,.12); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-entry[data-stage="new"] { --task-stage: #75b9dc; --task-stage-soft: rgba(67,143,184,.17); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-entry[data-stage="in_progress"] { --task-stage: #6bd5d3; --task-stage-soft: rgba(64,171,177,.18); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-entry[data-stage="review"] { --task-stage: #b4a7e1; --task-stage-soft: rgba(131,113,187,.18); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-entry[data-stage="done"] { --task-stage: #80d1a6; --task-stage-soft: rgba(76,160,121,.18); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-entry[data-stage="cancelled"] { --task-stage: #a8b7bb; --task-stage-soft: rgba(131,141,151,.14); }
#cleanCrmApp .workspace-task-entry::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 3px; background: var(--task-stage); opacity: .75; pointer-events: none; }
#cleanCrmApp .workspace-task-entry.is-open::before { width: 4px; opacity: 1; }
#cleanCrmApp .workspace-task-row:hover,
#cleanCrmApp .workspace-task-entry.is-open > .workspace-task-row {
  background: var(--task-stage-soft); box-shadow: inset 0 -1px 0 var(--task-stage);
}
#cleanCrmApp .workspace-task-entry .workspace-task-row__number b { color: var(--task-stage); }
#cleanCrmApp .workspace-task-entry .workspace-status { color: var(--task-stage); background: var(--task-stage-soft); border: 1px solid color-mix(in srgb, var(--task-stage) 38%, transparent); }
#cleanCrmApp .workspace-task-entry.is-open .workspace-task-expanded { background: color-mix(in srgb, var(--task-stage) 5%, var(--surface-soft)); }
#cleanCrmApp .workspace-task-entry .workspace-task-sheet {
  border: 1px solid color-mix(in srgb, var(--task-stage) 42%, var(--task-border));
  border-left: 3px solid var(--task-stage); border-radius: 9px;
  background: var(--surface); box-shadow: 0 7px 24px rgba(5,25,31,.09);
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-entry .workspace-task-sheet { backdrop-filter: blur(16px) saturate(1.08); }
#cleanCrmApp .workspace-task-sheet > header { align-items: center; padding: 12px 15px; }
#cleanCrmApp .workspace-task-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 10px; }
#cleanCrmApp .workspace-task-title span { color: var(--task-stage); font-size: 16px; font-weight: 750; letter-spacing: 0; text-transform: none; }
#cleanCrmApp .workspace-task-title span::after { content: '·'; margin-left: 10px; color: var(--muted); }
#cleanCrmApp .workspace-task-title h2 { margin: 0; font-size: 16px; font-weight: 700; }
#cleanCrmApp .workspace-task-head-actions > button { min-height: 32px; padding-inline: 11px; font-size: 12px; }
#cleanCrmApp .workspace-task-stepper { padding: 8px 12px; gap: 7px; background: var(--surface-soft); }
#cleanCrmApp .workspace-task-step { min-height: 36px; padding: 5px 9px; }
#cleanCrmApp .workspace-task-step.is-past { color: var(--task-stage); background: var(--task-stage-soft); }
#cleanCrmApp .workspace-task-step.is-current { color: var(--text); border-color: var(--task-stage); background: var(--task-stage-soft); box-shadow: inset 0 -2px 0 var(--task-stage); }
#cleanCrmApp .workspace-task-step.is-current > span { color: var(--surface); background: var(--task-stage); }
#cleanCrmApp .workspace-task-step-note { margin: 0; padding: 7px 15px; color: var(--muted); background: var(--surface-soft); border-bottom: 1px solid var(--task-border); font-size: 11px; }
#cleanCrmApp .workspace-task-meta { padding: 10px 15px; }
#cleanCrmApp .workspace-task-description,
#cleanCrmApp .workspace-task-section { padding: 12px 15px; }
#cleanCrmApp .workspace-task-crm { padding: 10px 15px; }
#cleanCrmApp .workspace-task-audit { padding: 11px 15px; }
#cleanCrmApp .workspace-task-actions { padding: 11px 15px; }
#cleanCrmApp .workspace-task-history > h3 { padding: 12px 15px; }
#cleanCrmApp .workspace-task-main { border-right-color: var(--task-border); }
#cleanCrmApp .workspace-task-checklist { margin-top: 7px; padding: 8px 10px; }
#cleanCrmApp .workspace-task-checklist__item { padding: 5px 0; }
#cleanCrmApp .workspace-task-checklist__item input { accent-color: var(--task-stage); }

/* Request-style vertical accordion keeps task materials in one predictable place. */
#cleanCrmApp .workspace-task-quick-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 15px; border-bottom: 1px solid var(--task-border); }
#cleanCrmApp .workspace-task-quick-actions button { min-height: 32px; font-size: 12px; }
#cleanCrmApp .workspace-task-inspector { min-width: 0; min-height: 510px; display: flex; }
#cleanCrmApp .workspace-task-accordion { min-width: 0; width: 100%; display: flex; border-left: 1px solid var(--task-border); }
#cleanCrmApp .workspace-task-accordion__item { min-width: 0; flex: 0 0 37px; display: flex; overflow: hidden; border-right: 1px solid var(--task-border); }
#cleanCrmApp .workspace-task-accordion__item.is-open { flex: 1 1 auto; }
#cleanCrmApp .workspace-task-accordion__trigger {
  width: 37px; min-width: 37px; padding: 11px 4px; border: 0; border-right: 1px solid var(--task-border);
  background: var(--surface-soft); color: var(--muted); font: inherit; font-size: 11px; font-weight: 750;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}
#cleanCrmApp .workspace-task-accordion__trigger > span { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
#cleanCrmApp .workspace-task-accordion__trigger:hover { color: var(--task-stage); background: var(--task-stage-soft); }
#cleanCrmApp .workspace-task-accordion__item.is-open > .workspace-task-accordion__trigger {
  color: var(--task-stage); background: var(--task-stage-soft); box-shadow: inset -2px 0 0 var(--task-stage);
}
#cleanCrmApp .workspace-task-accordion__trigger:focus-visible { outline: 2px solid var(--task-stage); outline-offset: -3px; }
#cleanCrmApp .workspace-task-accordion__panel { min-width: 0; flex: 1 1 auto; overflow: hidden; }
#cleanCrmApp .workspace-task-accordion__item.is-open > .workspace-task-accordion__panel { display: flex; flex-direction: column; }
#cleanCrmApp .workspace-task-accordion__panel[hidden] { display: none; }
#cleanCrmApp .workspace-task-accordion__panel .workspace-task-bichmi { height: min(68vh, 740px); min-height: 510px; flex: 1 1 auto; }
#cleanCrmApp .workspace-task-inspector-content { width: 100%; min-width: 0; padding: 15px; overflow-y: auto; scrollbar-width: thin; display: grid; align-content: start; gap: 12px; }
#cleanCrmApp .workspace-task-inspector-content h3 { margin: 0; padding-bottom: 10px; border-bottom: 1px solid var(--task-border); font-size: 14px; }
#cleanCrmApp .workspace-task-inspector-events { display: grid; gap: 8px; }
#cleanCrmApp .workspace-task-inspector-events .workspace-task-event__bubble { max-width: 100%; }
#cleanCrmApp .workspace-task-inspector-content .workspace-entity-links { display: grid; gap: 8px; }
#cleanCrmApp .workspace-task-inspector-content .workspace-task-files { align-content: start; }
#cleanCrmApp .workspace-task-inspector-content > .workspace-secondary { width: fit-content; min-height: 34px; font-size: 12px; }
@media (max-width: 1100px) {
  #cleanCrmApp .workspace-task-accordion { border-left: 0; }
  #cleanCrmApp .workspace-task-inspector { min-height: 460px; }
  #cleanCrmApp .workspace-task-accordion__panel .workspace-task-bichmi { min-height: 460px; }
}
@media (max-width: 650px) {
  #cleanCrmApp .workspace-task-accordion__item { flex-basis: 31px; }
  #cleanCrmApp .workspace-task-accordion__trigger { width: 31px; min-width: 31px; font-size: 10px; }
  #cleanCrmApp .workspace-task-inspector-content { padding: 11px; }
}
@media (max-width: 1100px) {
  #cleanCrmApp .workspace-task-toolbar__right { justify-content: stretch; }
  #cleanCrmApp .workspace-task-search { max-width: none; }
  #cleanCrmApp .workspace-task-main { border-right: 0; border-bottom: 1px solid var(--task-border); }
}
@media (max-width: 1380px) {
  #cleanCrmApp .workspace-task-toolbar__right { width: 100%; flex: 0 1 auto; }
}
@media (max-width: 650px) {
  #cleanCrmApp .workspace-tasks-hero { justify-content: stretch; }
  #cleanCrmApp .workspace-task-metrics { width: 100%; }
  #cleanCrmApp .workspace-task-metrics > span { min-width: 0; flex: 1; }
  #cleanCrmApp .workspace-task-toolbar__right { flex-wrap: wrap; }
  #cleanCrmApp .workspace-task-search { flex-basis: 100%; }
  #cleanCrmApp .workspace-task-status-filter { flex: 1; }
  #cleanCrmApp .workspace-task-head-actions { flex-wrap: wrap; justify-content: flex-end; }
}

/* The task details set the row height; the adjacent chat fills only that row. */
#cleanCrmApp .workspace-task-list,
#cleanCrmApp .workspace-task-detail { max-height: none; overflow: visible; padding-right: 0; overscroll-behavior: auto; }
#cleanCrmApp .workspace-task-expanded-grid { min-height: 0; align-items: stretch; }
#cleanCrmApp .workspace-task-inspector { position: relative; display: block; min-height: 0; }
#cleanCrmApp .workspace-task-accordion { position: absolute; inset: 0; height: 100%; min-height: 0; }
#cleanCrmApp .workspace-task-accordion__item,
#cleanCrmApp .workspace-task-accordion__panel { min-height: 0; }
#cleanCrmApp .workspace-task-accordion__panel .workspace-task-bichmi {
  height: 100%;
  min-height: 0;
  max-height: none;
  flex: 1 1 auto;
}
#cleanCrmApp .workspace-task-bichmi > .bichmi-v2 { min-height: 0; }

/* Keep the accordion in place while its tabs exchange the available width. */
#cleanCrmApp .workspace-task-accordion__item {
  flex: 0 1 37px;
  transition: flex-grow .28s cubic-bezier(.4, 0, .2, 1);
}
#cleanCrmApp .workspace-task-accordion__item.is-open { flex: 1 1 37px; }
#cleanCrmApp .workspace-task-accordion__panel {
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .16s ease, visibility 0s linear .16s;
}
#cleanCrmApp .workspace-task-accordion__item.is-open > .workspace-task-accordion__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .2s ease .04s, visibility 0s;
}
@media (max-width: 650px) {
  #cleanCrmApp .workspace-task-accordion__item { flex-basis: 31px; }
  #cleanCrmApp .workspace-task-accordion__item.is-open { flex-basis: 31px; }
}
@media (prefers-reduced-motion: reduce) {
  #cleanCrmApp .workspace-task-accordion__item,
  #cleanCrmApp .workspace-task-accordion__panel,
  #cleanCrmApp .workspace-task-expanded { transition: none; }
}
@media (max-width: 1100px) {
  #cleanCrmApp .workspace-task-inspector { height: clamp(300px, 48dvh, 460px); }
}
#cleanCrmApp .workspace-task-row__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; width: 100%; min-width: 0; }
#cleanCrmApp .workspace-task-row__heading strong { flex: 1 1 auto; min-width: 0; overflow-wrap: normal; word-break: normal; white-space: normal; }
#cleanCrmApp .workspace-task-row__countdown { flex: 0 0 auto; max-width: 120px; color: var(--workspace-blue); font-size: 11px; font-style: normal; font-weight: 650; line-height: 1.25; text-align: right; white-space: normal; }
#cleanCrmApp .workspace-task-row__countdown.is-warning { color: var(--workspace-amber); }
#cleanCrmApp .workspace-task-row__countdown.is-danger { color: var(--workspace-red); }
#cleanCrmApp .workspace-task-row__title small { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: break-word; word-break: normal; }
#cleanCrmApp .workspace-task-row__people { flex-direction: column; align-items: flex-start; gap: 4px; }
#cleanCrmApp .workspace-task-row__people > span:last-child { width: 100%; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: normal; word-break: normal; }
#cleanCrmApp .workspace-task-row__people .workspace-avatar-stack { flex: 0 0 auto; gap: 4px; }
#cleanCrmApp .workspace-task-row__people .workspace-avatar-stack .workspace-avatar + .workspace-avatar { margin-left: 0; }
#cleanCrmApp .workspace-task-row__due { line-height: 1.35; }

/* Each stage keeps its own meaning and colour, independent of the task border. */
#cleanCrmApp .workspace-task-sheet > header { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto; gap: 14px; }
#cleanCrmApp .workspace-task-sheet > header .workspace-task-stepper { min-width: 0; padding: 0; border: 0; background: none; }
#cleanCrmApp .workspace-task-step[data-step="new"] { --step-color: #68abd5; }
#cleanCrmApp .workspace-task-step[data-step="in_progress"] { --step-color: #41b8bc; }
#cleanCrmApp .workspace-task-step[data-step="review"] { --step-color: #aa8cdb; }
#cleanCrmApp .workspace-task-step[data-step="done"] { --step-color: #70caa1; }
#cleanCrmApp .workspace-task-step { border-color: color-mix(in srgb, var(--step-color) 34%, var(--task-border)); background: color-mix(in srgb, var(--step-color) 7%, var(--surface-soft)); color: var(--step-color); }
#cleanCrmApp .workspace-task-step.is-future { opacity: .72; }
#cleanCrmApp .workspace-task-step.is-past { color: var(--step-color); border-color: color-mix(in srgb, var(--step-color) 45%, var(--task-border)); background: color-mix(in srgb, var(--step-color) 13%, var(--surface-soft)); }
#cleanCrmApp .workspace-task-step.is-current { color: var(--step-color); border-color: var(--step-color); background: color-mix(in srgb, var(--step-color) 17%, var(--surface-soft)); box-shadow: inset 0 -2px 0 var(--step-color); }
#cleanCrmApp .workspace-task-step.is-current > span { color: var(--surface); background: var(--step-color); }
#cleanCrmApp .workspace-task-creator { display: flex; align-items: center; gap: 8px; min-width: 0; }
#cleanCrmApp .workspace-task-creator .workspace-avatar { flex: 0 0 auto; }
#cleanCrmApp .workspace-task-creator .workspace-user-name { min-width: 0; font-size: 11px; font-weight: 500; text-align: left; white-space: normal; overflow-wrap: normal; word-break: normal; }

@media (max-width: 1100px) {
  #cleanCrmApp .workspace-task-sheet > header { grid-template-columns: minmax(0, 1fr) auto; }
  #cleanCrmApp .workspace-task-sheet > header .workspace-task-stepper { grid-column: 1 / -1; grid-row: 2; }
  #cleanCrmApp .workspace-task-sheet > header .workspace-task-head-actions { grid-column: 2; grid-row: 1; }
}
@media (max-width: 650px) {
  #cleanCrmApp .workspace-task-sheet > header { grid-template-columns: 1fr; }
  #cleanCrmApp .workspace-task-sheet > header .workspace-task-stepper,
  #cleanCrmApp .workspace-task-sheet > header .workspace-task-head-actions { grid-column: 1; grid-row: auto; }
  #cleanCrmApp .workspace-task-row__heading { display: block; }
  #cleanCrmApp .workspace-task-row__countdown { display: block; max-width: none; margin-top: 3px; text-align: left; }
}

/* Compact task creation follows the request drawer's glass and teal controls. */
#cleanCrmApp .workspace-task-stepper { grid-template-columns: repeat(var(--task-step-count, 4), minmax(0, 1fr)); }
.workspace-task-composer {
  top: 12px;
  right: 12px;
  width: min(590px, calc(100vw - 24px));
  height: auto;
  max-height: calc(100dvh - 24px);
  border-radius: 15px;
  backdrop-filter: blur(30px) saturate(1.3);
  -webkit-backdrop-filter: blur(30px) saturate(1.3);
}
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) .workspace-task-composer {
  background: linear-gradient(145deg, rgba(20, 51, 58, .76), rgba(9, 29, 36, .78));
  box-shadow: -22px 0 65px rgba(0, 7, 12, .38), inset 1px 0 rgba(172, 241, 237, .1);
}
html:not([data-ui-mode="atmosphere"]):not([data-ui-mode="watersphere"]) .workspace-task-composer {
  background: linear-gradient(145deg, rgba(248, 253, 252, .86), rgba(231, 246, 245, .82));
}
.workspace-task-composer header { padding: 13px 19px; background: rgba(30, 103, 109, .08); }
.workspace-task-composer header h2 { font-size: 19px; }
.workspace-task-composer form { gap: 9px; padding: 14px 19px 18px; }
.workspace-task-essential { display: grid; gap: 9px; }
.workspace-task-composer label { font-size: 11px; }
.workspace-task-composer :is(input,select,textarea) { min-height: 38px; font-size: 12px; }
.workspace-task-composer textarea { min-height: 68px; max-height: 170px; line-height: 1.4; }
.workspace-task-composer .workspace-form-grid { gap: 8px; }
.workspace-task-composer footer { bottom: -18px; margin: 4px -19px -18px; padding: 11px 19px; background: color-mix(in srgb, var(--surface) 74%, transparent); backdrop-filter: blur(20px); }
.workspace-task-composer .workspace-primary,
.workspace-task-composer .workspace-secondary { min-height: 36px; font-size: 11px; }
.workspace-task-composer :is(.workspace-link-picker,.workspace-task-optional,.workspace-member-picker) { border: 1px solid var(--border); border-radius: 10px; background: color-mix(in srgb, var(--surface-soft) 67%, transparent); }
.workspace-task-composer :is(.workspace-link-picker,.workspace-task-optional) { padding: 0; display: block; }
.workspace-task-composer :is(.workspace-link-picker__head,.workspace-task-optional>summary,.workspace-member-picker>summary) { min-height: 45px; padding: 8px 11px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }
.workspace-task-composer :is(.workspace-task-optional>summary,.workspace-member-picker>summary)::-webkit-details-marker { display: none; }
.workspace-task-composer :is(.workspace-task-optional>summary,.workspace-member-picker>summary)::after { content: '⌄'; color: var(--muted); font-size: 17px; transition: transform .18s ease; }
.workspace-task-composer :is(.workspace-task-optional,.workspace-member-picker)[open]>summary::after { transform: rotate(180deg); }
.workspace-task-composer :is(.workspace-link-picker__head,.workspace-task-optional>summary,.workspace-member-picker>summary) > span { min-width: 0; display: grid; gap: 2px; }
.workspace-task-composer :is(.workspace-link-picker__head,.workspace-task-optional>summary,.workspace-member-picker>summary) b { color: var(--text); font-size: 11px; }
.workspace-task-composer :is(.workspace-link-picker__head,.workspace-task-optional>summary,.workspace-member-picker>summary) small { color: var(--muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-task-composer .workspace-link-picker > :not(summary) { margin-inline: 11px; }
.workspace-task-composer .workspace-link-picker > :last-child { margin-bottom: 11px; }
#workspaceTaskComposer .workspace-task-member-groups { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 8px; }
.workspace-member-picker { min-width: 0; }
.workspace-member-picker__options { padding: 0 9px 9px; }
.workspace-member-picker .workspace-task-member-list { max-height: 172px; overflow: auto; padding-top: 3px; }
#workspaceTaskComposer .workspace-member-picker .workspace-task-person { min-height: 31px; padding: 4px 6px; border-radius: 6px; cursor: pointer; line-height: 1.3; display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 500; }
.workspace-member-picker .workspace-task-person:hover { background: var(--workspace-blue-soft); }
#workspaceTaskComposer .workspace-member-picker .workspace-task-person input { min-height: 15px; width: 15px; height: 15px; margin: 0; padding: 0; flex: 0 0 auto; accent-color: #159897; }
.workspace-member-picker .workspace-task-person span { overflow-wrap: anywhere; }
.workspace-member-picker .workspace-task-person.is-none { border-bottom: 1px solid var(--border); border-radius: 0; margin-bottom: 3px; color: var(--workspace-blue); }
.workspace-task-optional__content { padding: 0 11px 11px; display: grid; gap: 8px; }
.workspace-task-optional__content>p { margin: 0; color: var(--muted); font-size: 10px; }
#workspaceTaskComposer .workspace-checklist-editor { margin: 0; padding: 7px; display: grid; gap: 7px; border: 1px solid var(--border); border-radius: 8px; background: color-mix(in srgb, var(--surface-soft) 68%, transparent); }
#workspaceTaskComposer .workspace-checklist-editor__head,
#workspaceTaskComposer .workspace-checklist-editor__item { min-width: 0; display: flex; align-items: center; gap: 6px; }
#workspaceTaskComposer .workspace-checklist-editor__head > input,
#workspaceTaskComposer .workspace-checklist-editor__item > input { min-width: 0; flex: 1 1 auto; }
#workspaceTaskComposer .workspace-checklist-editor__item { display: grid; grid-template-columns: minmax(0, 1fr) auto 28px; }
#workspaceTaskComposer .workspace-checklist-editor__item > label { padding-inline: 2px; display: flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 10px; }
#workspaceTaskComposer .workspace-checklist-editor__item > label input { min-height: 15px; width: 15px; height: 15px; margin: 0; accent-color: #159897; }
#workspaceTaskComposer :is(.workspace-checklist-editor__head>button,.workspace-checklist-editor__item>button) { width: 28px; height: 28px; flex: 0 0 auto; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-soft); color: var(--text); cursor: pointer; }
.workspace-task-files-picker .workspace-file-picker { padding: 9px; }
.workspace-task-files-picker .workspace-file-picker b { font-size: 11px; }
.workspace-task-files-picker .workspace-file-picker small { font-size: 10px; }
@media (max-width: 620px) {
  .workspace-task-composer { top: 0; right: 0; width: 100vw; max-height: 100dvh; border-radius: 0; }
  .workspace-task-composer form { padding-inline: 14px; }
  .workspace-task-composer footer { margin-inline: -14px; padding-inline: 14px; }
  #workspaceTaskComposer .workspace-task-member-groups { grid-template-columns: 1fr; }
}

/* The CRM shell adds 12px/16px to non-request pages, beyond this page's viewport min-height. */
#cleanCrmApp.workspace-route-tasks #cleanPage { padding: 0 !important; }
/* Farm launcher stays outside the CRM root so switching views keeps React mounted. */
.workspace-farm-launcher{position:fixed;z-index:100002;left:8px;bottom:64px;min-width:35px;height:36px;border:1px solid rgba(122,192,151,.55);border-radius:11px;background:rgba(12,40,35,.81);color:#e8fff3;font-size:18px;cursor:pointer;box-shadow:0 7px 24px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.workspace-farm-launcher[hidden]{display:none!important}
.workspace-farm-launcher b{position:absolute;right:-7px;top:-8px;min-width:17px;height:17px;border-radius:12px;padding:0 3px;background:#e6b756;color:#17251d;font:700 11px/17px system-ui}
.workspace-farm-launcher.needs-care{animation:farm-leaf-glow 2.8s ease-in-out infinite}
.workspace-farm-launcher.is-active{border-color:#e7c87d;background:rgba(31,64,47,.92)}
@keyframes farm-leaf-glow{50%{box-shadow:0 0 17px rgba(140,230,162,.85)}}
@media(prefers-reduced-motion:reduce){.workspace-farm-launcher.needs-care{animation:none}}

/* Task list uses the shared request palette; no separate teal/dark theme. */
#cleanCrmApp #workspaceTasksPage {
  --surface: var(--color-background-primary);
  --surface-soft: var(--color-background-secondary);
  --text: inherit;
  --muted: var(--color-text-secondary);
  --border: var(--color-border-secondary);
  --task-border: var(--color-border-tertiary);
  --workspace-blue: var(--color-text-info);
  --workspace-blue-soft: var(--color-background-info);
  background: transparent;
  font-family: var(--font-sans);
}
#cleanCrmApp #workspaceTasksPage .workspace-tasks-hero {
  flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px; margin: 0; padding: 4px 2px 9px;
  color: var(--muted); font-size: 11px;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-metrics { flex-wrap: wrap; gap: 14px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-metrics > span {
  display: inline-flex; align-items: baseline; gap: 5px; min-height: 0; min-width: 0;
  padding: 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none;
  font-size: 11px; color: var(--muted);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-metrics > span b { font-size: 13px; font-weight: 600; }
#cleanCrmApp #workspaceTasksPage .workspace-task-toolbar {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 12px;
  border-radius: var(--border-radius-lg); background: var(--surface); box-shadow: none;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-scopes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-scope-group { display: inline-flex; flex-wrap: wrap; gap: 3px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-scope-group + .workspace-task-scope-group {
  padding-left: 16px; border-left: 1px solid var(--border);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-scopes button {
  min-height: 32px; padding: 6px 12px; border: 1px solid transparent;
  border-radius: var(--border-radius-md); background: transparent; color: var(--muted);
  box-shadow: none; font: inherit; font-size: 12px; font-weight: 500; white-space: nowrap;
  cursor: pointer; transition: background-color .16s, border-color .16s, color .16s;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-scopes button:hover { background: var(--surface-soft); color: var(--text); border-color: var(--task-border); }
#cleanCrmApp #workspaceTasksPage .workspace-task-scopes button.is-active {
  background: var(--color-background-info); color: var(--workspace-blue); border-color: var(--color-border-info);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-scopes button:focus-visible { outline: 2px solid var(--color-border-info); outline-offset: 2px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-toolbar__right {
  width: 100%; display: flex; gap: 10px; align-items: center; justify-content: flex-start;
  padding-top: 10px; border-top: 1px solid var(--task-border);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-search {
  flex: 1 1 260px; min-width: 120px; max-width: none; min-height: 34px;
  border-radius: var(--border-radius-md); background: var(--surface-soft);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-search input { height: 32px; font-size: 12px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-search:focus-within { outline: 1px solid var(--color-border-info); }
#cleanCrmApp #workspaceTasksPage .workspace-task-search input::placeholder { color: var(--muted); opacity: .85; }
#cleanCrmApp #workspaceTasksPage .workspace-task-status-filter { min-height: 34px; border-radius: var(--border-radius-md); background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-status-filter select { height: 32px; font-size: 12px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-status-filter > span { font-size: 11px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-toolbar .workspace-primary {
  min-height: 34px; border-radius: var(--border-radius-md); box-shadow: none;
  background: var(--color-background-info); border: 1px solid var(--color-border-info); color: var(--workspace-blue);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-board { border-radius: var(--border-radius-lg); background: var(--surface); box-shadow: none; }
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head { text-transform: none; letter-spacing: 0; font-weight: 500; background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-row__title strong { font-size: 13px; font-weight: 600; color: var(--text); }
#cleanCrmApp #workspaceTasksPage .workspace-task-row__number b { color: var(--text); font-weight: 600; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row__title small { font-size: 11px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row:hover { background: var(--surface-soft); box-shadow: none; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry.is-open > .workspace-task-row { background: color-mix(in srgb, var(--task-stage) 6%, transparent); box-shadow: inset 0 -1px 0 var(--task-border); }
#cleanCrmApp #workspaceTasksPage .workspace-task-expanded { background: transparent; padding: 10px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-sheet { background: transparent; box-shadow: none; backdrop-filter: none; border-radius: var(--border-radius-lg); border-left-width: 1px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-sheet > header,
#cleanCrmApp #workspaceTasksPage .workspace-task-meta { background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-title :is(span,h2) { color: var(--text); font-size: 14px; font-weight: 600; }
#cleanCrmApp #workspaceTasksPage .workspace-task-step { color: var(--muted); font-weight: 500; background: transparent; }
#cleanCrmApp #workspaceTasksPage .workspace-task-step.is-future { opacity: 1; }
#cleanCrmApp #workspaceTasksPage .workspace-task-step.is-current { color: var(--text); background: var(--task-stage-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step.is-current > span { color: var(--text); background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage :is(.workspace-task-description,.workspace-task-section) h3 { font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--muted); }
#cleanCrmApp #workspaceTasksPage .workspace-task-accordion__trigger { color: var(--muted); font-weight: 500; background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-accordion__item.is-open > .workspace-task-accordion__trigger { color: var(--text); background: var(--task-stage-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-inspector-content h3 { font-size: 12px; font-weight: 600; }
@media (max-width: 650px) {
  #cleanCrmApp #workspaceTasksPage .workspace-tasks-hero { flex-wrap: wrap; gap: 6px 12px; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-metrics { width: auto; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-scopes { gap: 6px; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-scope-group + .workspace-task-scope-group { border: 0; padding-left: 0; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-scopes button { padding-inline: 8px; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-toolbar__right { flex-wrap: wrap; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-search { flex-basis: 100%; }
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage {
  --workspace-blue: #cadbd7;
}

/* Task overview rows. Expanded task retains its original sheet and material accordion. */
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head,
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured {
  grid-template-columns: minmax(340px, 2.7fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(125px, .9fr) minmax(105px, .65fr);
  gap: 14px; padding-inline: 16px;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head > span { display: block; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured { min-height: 90px; padding-block: 12px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-overview {
  min-width: 0; display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 4px 12px; align-items: start;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-overview > :not(.workspace-task-badges) { grid-column: 2; }
#cleanCrmApp #workspaceTasksPage .workspace-task-overview > strong { font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--text); }
#cleanCrmApp #workspaceTasksPage .workspace-task-badges { grid-column: 1; grid-row: 1 / 4; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-badges > b { color: var(--muted); font-size: 10px; font-weight: 500; }
#cleanCrmApp #workspaceTasksPage :is(.workspace-task-priority,.workspace-task-ownership) {
  display: inline-flex; padding: 3px 7px; border: 1px solid var(--task-border); border-radius: 5px;
  color: var(--muted); background: var(--surface-soft); font-size: 10px; line-height: 1.2; font-weight: 500; font-style: normal;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-ownership.is-mine { color: var(--workspace-blue); border-color: var(--color-border-info); background: var(--color-background-info); }
#cleanCrmApp #workspaceTasksPage .workspace-task-priority.is-high { color: var(--workspace-amber); border-color: color-mix(in srgb,var(--workspace-amber) 40%,transparent); background: color-mix(in srgb,var(--workspace-amber) 8%,transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-priority.is-urgent { color: var(--workspace-red); border-color: color-mix(in srgb,var(--workspace-red) 40%,transparent); background: color-mix(in srgb,var(--workspace-red) 8%,transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-reason-preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--muted); font-size: 11px; line-height: 1.4; }
#cleanCrmApp #workspaceTasksPage .workspace-task-link-chips { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
#cleanCrmApp #workspaceTasksPage .workspace-task-link-chip { max-width: 100%; border: 1px solid var(--task-border); border-radius: 5px; padding: 2px 6px; color: var(--muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cleanCrmApp #workspaceTasksPage .workspace-task-no-link { color: var(--muted); font-size: 11px; }
#cleanCrmApp #workspaceTasksPage :is(.workspace-task-assignees,.workspace-task-author,.workspace-task-deadline) { display: grid; min-width: 0; gap: 6px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-person-cell { display: flex; gap: 8px; align-items: center; min-width: 0; }
#cleanCrmApp #workspaceTasksPage .workspace-task-person-cell > span:last-child { min-width: 0; display: grid; gap: 3px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-person-cell b { font-size: 11px; line-height: 1.4; font-weight: 500; color: var(--text); overflow-wrap: anywhere; }
#cleanCrmApp #workspaceTasksPage .workspace-task-person-cell small,
#cleanCrmApp #workspaceTasksPage .workspace-task-deadline time { color: var(--muted); font-size: 10px; line-height: 1.4; }
#cleanCrmApp #workspaceTasksPage .workspace-task-deadline .workspace-task-row__countdown { max-width: none; text-align: left; }
#cleanCrmApp #workspaceTasksPage .workspace-task-due-result { color: var(--muted); font-size: 11px; line-height: 1.4; }
#cleanCrmApp #workspaceTasksPage .workspace-task-due-result.is-overdue { color: var(--workspace-red); }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured .workspace-task-row__state { display: flex; gap: 8px; }
@media (max-width: 1100px) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-board__head { display: none; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--structured { grid-template-columns: repeat(3,minmax(0,1fr)) 110px; gap: 10px; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-overview { grid-column: 1 / -1; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--structured [data-column]::before { content: attr(data-column); color: var(--muted); font-size: 10px; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-four-blocks { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--structured { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #cleanCrmApp #workspaceTasksPage .workspace-task-overview { grid-template-columns: 90px minmax(0,1fr); }
  #cleanCrmApp #workspaceTasksPage .workspace-task-four-blocks { grid-template-columns: minmax(0,1fr); }
}

/* Readable task summary: strong essentials, secondary description and links. */
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head,
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured {
  grid-template-columns: minmax(310px,2.5fr) minmax(160px,1.1fr) minmax(160px,1.1fr) minmax(180px,1.15fr) minmax(110px,.7fr);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head { font-size: 12px; color: var(--text); }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured { padding-block: 14px; align-items: center; }
#cleanCrmApp #workspaceTasksPage .workspace-task-overview { display: flex; flex-direction: column; gap: 7px; align-items: stretch; }
#cleanCrmApp #workspaceTasksPage .workspace-task-badges { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-badges > b { color: var(--text); font-size: 13px; font-weight: 700; margin-right: 3px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-overview > strong { font-size: 15px; font-weight: 650; line-height: 1.35; }
#cleanCrmApp #workspaceTasksPage .workspace-task-reason-preview { font-size: 12px; line-height: 1.45; }
#cleanCrmApp #workspaceTasksPage :is(.workspace-task-priority,.workspace-task-ownership,.workspace-task-link-chip) { font-size: 11px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-link-chip { color: var(--text); background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-person-cell b { font-size: 13px; line-height: 1.4; font-weight: 600; overflow-wrap: normal; }
#cleanCrmApp #workspaceTasksPage .workspace-task-person-cell small { font-size: 11px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-deadline time { order: -1; color: var(--text); font-size: 13px; line-height: 1.45; font-weight: 600; }
#cleanCrmApp #workspaceTasksPage .workspace-task-due-result { font-size: 12px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-deadline .workspace-task-row__countdown { font-size: 12px; font-weight: 600; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured .workspace-status { font-size: 12px; font-weight: 600; padding: 5px 10px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--structured .workspace-task-row__chevron { font-size: 20px; color: var(--text); }
@media (max-width: 1200px) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-board__head { display: none; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--structured { grid-template-columns: repeat(3,minmax(0,1fr)) 110px; gap: 12px 16px; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-overview { grid-column: 1 / -1; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--structured [data-column]::before { content: attr(data-column); color: var(--muted); font-size: 11px; }
}
@media (max-width: 650px) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--structured { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
/* Tasks use regular weight throughout, including embedded chat and task forms. */
#workspaceTasksPage,
#workspaceTasksPage *,
#workspaceTasksPage *::before,
#workspaceTasksPage *::after,
#workspaceTaskComposer,
#workspaceTaskComposer *,
#cleanCrmApp:has(#workspaceTasksPage) #cleanTitle,
#cleanCrmApp:has(#workspaceTasksPage) .workspace-quick-task {
  font-weight: 400 !important;
}
/* Five-field task summary; full details remain inside the original expanded sheet. */
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head,
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple {
  display: grid;
  grid-template-columns: minmax(250px,2.1fr) minmax(160px,1fr) minmax(155px,1fr) minmax(155px,1fr) minmax(160px,1fr);
  gap: 20px;
  padding: 14px 16px;
  align-items: center;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple { min-height: 64px; border-left-color: transparent; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple > span { min-width: 0; font-size: 13px; line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple .workspace-task-simple-title { font-size: 14px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple .is-overdue { color: var(--workspace-red); }
@media (max-width: 1100px) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-board { overflow-x: auto; }
  #cleanCrmApp #workspaceTasksPage .workspace-task-board__head,
  #cleanCrmApp #workspaceTasksPage .workspace-task-row--simple { min-width: 1020px; }
}
#cleanCrmApp #workspaceTasksPage .workspace-task-crm-links { background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-crm-links .workspace-entity-links { display: grid; gap: 7px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-crm-links .workspace-entity-link { min-width: 0; background: transparent; padding: 7px 9px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-crm-links .workspace-entity-link span { color: var(--muted); text-transform: none; }
#cleanCrmApp #workspaceTasksPage .workspace-task-crm-links .workspace-entity-link b { font-size: 12px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-crm-links .workspace-form-hint { margin: 0; }
#cleanCrmApp #workspaceTasksPage .workspace-task-management { position: relative; }
#cleanCrmApp #workspaceTasksPage .workspace-task-management > summary { list-style: none; padding: 8px 11px; border: 1px solid var(--border); border-radius: var(--border-radius-md); background: var(--surface-soft); color: var(--text); cursor: pointer; white-space: nowrap; font-size: 12px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-management > summary::after { content: ' ⌄'; }
#cleanCrmApp #workspaceTasksPage .workspace-task-management > div { position: absolute; right: 0; top: calc(100% + 5px); z-index: 20; width: 220px; display: grid; gap: 4px; padding: 6px; border: 1px solid var(--border); border-radius: var(--border-radius-md); background: var(--surface); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
#cleanCrmApp #workspaceTasksPage .workspace-task-management button { padding: 9px 10px; border: 0; border-radius: 4px; background: transparent; color: var(--text); font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
#cleanCrmApp #workspaceTasksPage .workspace-task-management button:hover { background: var(--surface-soft); }
#workspaceTaskComposer .workspace-task-material-fields { margin: 0; padding: 0; border: 0; min-width: 0; }
#workspaceTaskComposer .workspace-task-material-fields[hidden] { display: none; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-management > div { background: #10252b; }

/* Clear title and description hierarchy inside the expanded task. */
#cleanCrmApp #workspaceTasksPage .workspace-task-title span::after { content: none; }
#cleanCrmApp #workspaceTasksPage .workspace-task-context { margin: 14px 15px; border: 1px solid var(--task-border); border-radius: var(--border-radius-md); overflow: hidden; }
#cleanCrmApp #workspaceTasksPage .workspace-task-context__title { padding: 12px 14px; border-bottom: 1px solid var(--task-border); background: var(--surface-soft); }
#cleanCrmApp #workspaceTasksPage .workspace-task-context h3 { margin: 0 0 7px; font-size: 11px; color: var(--muted); text-transform: none; letter-spacing: 0; }
#cleanCrmApp #workspaceTasksPage .workspace-task-context h2 { margin: 0; font-size: 17px; line-height: 1.45; color: var(--text); overflow-wrap: anywhere; }
#cleanCrmApp #workspaceTasksPage .workspace-task-context .workspace-task-description { padding: 14px; border: 0; background: color-mix(in srgb, var(--task-stage) 5%, var(--surface)); }
#cleanCrmApp #workspaceTasksPage .workspace-task-context .workspace-task-description p { margin: 0; color: var(--text); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-context .workspace-task-description { background: rgba(11,31,40,.8); }

/* Status below task number; each stage retains its own readable semantic color. */
#cleanCrmApp #workspaceTasksPage .workspace-task-title { flex-direction: column; align-items: flex-start; gap: 6px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-title .workspace-status { padding: 3px 9px; font-size: 11px; line-height: 1.35; color: var(--task-stage); border: 1px solid color-mix(in srgb, var(--task-stage) 65%, transparent); background: color-mix(in srgb, var(--task-stage) 16%, var(--surface)); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step { color: var(--step-color); border: 1px solid color-mix(in srgb, var(--step-color) 58%, var(--task-border)); background: color-mix(in srgb, var(--step-color) 7%, var(--surface)); box-shadow: none; }
#cleanCrmApp #workspaceTasksPage .workspace-task-step > span { color: var(--step-color); background: color-mix(in srgb, var(--step-color) 16%, var(--surface)); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step.is-current { color: var(--text); border-color: var(--step-color); background: color-mix(in srgb, var(--step-color) 22%, var(--surface)); box-shadow: inset 0 -3px 0 var(--step-color); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step.is-current > span { color: #fff; background: var(--step-color); }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-stage="new"] { --task-stage: #2175b8; --task-stage-soft: color-mix(in srgb, #2175b8 14%, transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step[data-step="new"] { --step-color: #2175b8; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-stage="new"] { --task-stage: #71c0ff; --task-stage-soft: color-mix(in srgb, #71c0ff 20%, transparent); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-step[data-step="new"] { --step-color: #71c0ff; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-stage="in_progress"] { --task-stage: #b56b08; --task-stage-soft: color-mix(in srgb, #b56b08 14%, transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step[data-step="in_progress"] { --step-color: #b56b08; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-stage="in_progress"] { --task-stage: #f3bf64; --task-stage-soft: color-mix(in srgb, #f3bf64 20%, transparent); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-step[data-step="in_progress"] { --step-color: #f3bf64; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-stage="review"] { --task-stage: #7652b5; --task-stage-soft: color-mix(in srgb, #7652b5 14%, transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step[data-step="review"] { --step-color: #7652b5; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-stage="review"] { --task-stage: #bfa0ff; --task-stage-soft: color-mix(in srgb, #bfa0ff 20%, transparent); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-step[data-step="review"] { --step-color: #bfa0ff; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-stage="done"] { --task-stage: #1d8b64; --task-stage-soft: color-mix(in srgb, #1d8b64 14%, transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step[data-step="done"] { --step-color: #1d8b64; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-stage="done"] { --task-stage: #65d7a2; --task-stage-soft: color-mix(in srgb, #65d7a2 20%, transparent); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-step[data-step="done"] { --step-color: #65d7a2; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-stage="cancelled"] { --task-stage: #697884; --task-stage-soft: color-mix(in srgb, #697884 14%, transparent); }
#cleanCrmApp #workspaceTasksPage .workspace-task-step[data-step="cancelled"] { --step-color: #697884; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-stage="cancelled"] { --task-stage: #b5c2cd; --task-stage-soft: color-mix(in srgb, #b5c2cd 20%, transparent); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-step[data-step="cancelled"] { --step-color: #b5c2cd; }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-step.is-current > span { color: #10222b; }

/* Unread tasks and chats use the same quiet pulse as collapsed requests. */
#cleanCrmApp #workspaceTasksPage .workspace-task-accordion__item.has-unread > .workspace-task-accordion__trigger,
#cleanCrmApp [data-workspace-nav].has-unread {
  animation: workspace-unread-pulse 4.2s ease-in-out infinite;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-accordion__item.has-unread > .workspace-task-accordion__trigger,
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) [data-workspace-nav].has-unread {
  animation-name: workspace-unread-pulse-atmosphere;
}
#cleanCrmApp #workspaceTasksPage .workspace-task-unread {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  min-width: 20px; height: 20px; padding: 0 5px; margin-left: 8px;
  border-radius: 4px 4px 1.5px 4px; background: #318fff; color: #fff;
  font-size: 11px; font-style: normal; line-height: 1; vertical-align: middle;
  box-shadow: 0 0 0 1px rgba(255,255,255,.6);
}
#cleanCrmApp #workspaceTasksPage .workspace-task-accordion__trigger { position: relative; }
#cleanCrmApp #workspaceTasksPage .workspace-task-accordion__trigger .workspace-task-unread {
  position: absolute; top: 12px; left: 50%; transform: translateX(-50%); margin: 0;
}
@keyframes workspace-unread-pulse {
  0%, 100% { background-color: color-mix(in srgb,var(--color-background-primary,var(--surface)) 98%,#7ab3f0); box-shadow: inset 0 1px 0 rgba(135,124,211,.16),inset 0 -1px 0 rgba(135,124,211,.16); }
  50% { background-color: color-mix(in srgb,var(--color-background-primary,var(--surface)) 90%,#7ab3f0); box-shadow: inset 0 1px 0 rgba(135,124,211,.52),inset 0 -1px 0 rgba(135,124,211,.52); }
}
@keyframes workspace-unread-pulse-atmosphere {
  0%, 100% { background-color: rgba(29,51,69,.12); box-shadow: inset 0 1px 0 rgba(171,158,235,.2),inset 0 -1px 0 rgba(171,158,235,.2); }
  50% { background-color: rgba(42,88,121,.36); box-shadow: inset 0 1px 0 rgba(171,158,235,.6),inset 0 -1px 0 rgba(171,158,235,.6); }
}
@media (prefers-reduced-motion: reduce) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-accordion__item.has-unread > .workspace-task-accordion__trigger,
  #cleanCrmApp [data-workspace-nav].has-unread {
    animation: none; background-color: color-mix(in srgb,var(--surface) 94%,#7ab3f0);
    box-shadow: inset 0 1px 0 rgba(135,124,211,.4),inset 0 -1px 0 rgba(135,124,211,.4);
  }
  #cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-accordion__item.has-unread > .workspace-task-accordion__trigger,
  #cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) [data-workspace-nav].has-unread {
    background-color: rgba(42,88,121,.24);
  }
}

/* Whole-row signals: urgent deadlines, unread chat, newly received tasks.
   Keep the text readable; animate the surface and edge, including open rows. */
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-task-alert="urgent"] { --task-alert-color: #e87321; --task-alert-peak: #e44937; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-task-alert="chat"] { --task-alert-color: #2887e5; --task-alert-peak: #2887e5; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-task-alert="new"] { --task-alert-color: #20a66e; --task-alert-peak: #20a66e; }
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-task-alert] > .workspace-task-row {
  animation: workspace-task-signal 4.2s ease-in-out infinite;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-task-alert] > .workspace-task-row {
  animation-name: workspace-task-signal-atmosphere;
}
@keyframes workspace-task-signal {
  0%, 100% {
    background-color: color-mix(in srgb,var(--surface) 94%,var(--task-alert-color));
    box-shadow: inset 3px 0 0 color-mix(in srgb,var(--task-alert-color) 55%,transparent),inset 0 1px 0 color-mix(in srgb,var(--task-alert-color) 25%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--task-alert-color) 25%,transparent);
  }
  50% {
    background-color: color-mix(in srgb,var(--surface) 78%,var(--task-alert-peak));
    box-shadow: inset 3px 0 0 var(--task-alert-peak),inset 0 1px 0 color-mix(in srgb,var(--task-alert-peak) 65%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--task-alert-peak) 65%,transparent);
  }
}
@keyframes workspace-task-signal-atmosphere {
  0%, 100% {
    background-color: color-mix(in srgb,var(--task-alert-color) 9%,transparent);
    box-shadow: inset 3px 0 0 color-mix(in srgb,var(--task-alert-color) 55%,transparent),inset 0 1px 0 color-mix(in srgb,var(--task-alert-color) 25%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--task-alert-color) 25%,transparent);
  }
  50% {
    background-color: color-mix(in srgb,var(--task-alert-peak) 30%,transparent);
    box-shadow: inset 3px 0 0 var(--task-alert-peak),inset 0 1px 0 color-mix(in srgb,var(--task-alert-peak) 65%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--task-alert-peak) 65%,transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  #cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-task-alert] > .workspace-task-row {
    animation: none; background-color: color-mix(in srgb,var(--surface) 88%,var(--task-alert-color));
    box-shadow: inset 3px 0 0 var(--task-alert-color);
  }
  #cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-entry[data-task-alert] > .workspace-task-row {
    background-color: color-mix(in srgb,var(--task-alert-color) 20%,transparent);
  }
}

/* A deadline pulses only three times or until opened; its reason stays visible. */
#cleanCrmApp #workspaceTasksPage .workspace-task-entry[data-task-alert="urgent"] > .workspace-task-row { animation-iteration-count: 3; }
#cleanCrmApp #workspaceTasksPage .workspace-task-board__head,
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple {
  grid-template-columns: minmax(220px,2fr) minmax(145px,1fr) minmax(135px,1fr) minmax(135px,1fr) minmax(145px,1fr) 122px;
  gap: 12px;
}
#cleanCrmApp #workspaceTasksPage .has-deadline-alert [data-column="Крайний срок"],
#cleanCrmApp #workspaceTasksPage .has-deadline-alert [data-column="Крайний срок"] time,
#cleanCrmApp #workspaceTasksPage .has-deadline-alert [data-task-due] {
  color: #b95600; font-weight: 700 !important;
}
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .has-deadline-alert [data-column="Крайний срок"],
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .has-deadline-alert [data-column="Крайний срок"] time,
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .has-deadline-alert [data-task-due] { color: #ffb458; }
#cleanCrmApp #workspaceTasksPage .workspace-task-row--simple .workspace-task-alerts { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
#cleanCrmApp #workspaceTasksPage .workspace-task-attention { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border: 1px solid color-mix(in srgb,currentColor 40%,transparent); border-radius: 5px; font-size: 11px; line-height: 1.3; white-space: nowrap; color: #a65408; background: color-mix(in srgb,#e87321 9%,var(--surface)); }
#cleanCrmApp #workspaceTasksPage .workspace-task-attention svg { width: 14px; height: 14px; flex: none; }
#cleanCrmApp #workspaceTasksPage .workspace-task-attention.is-overdue { color: #c33629; background: color-mix(in srgb,#e44937 10%,var(--surface)); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-attention { color: #ffc078; background: rgba(232,115,33,.13); }
#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) #workspaceTasksPage .workspace-task-attention.is-overdue { color: #ff8b80; background: rgba(228,73,55,.14); }
#cleanCrmApp #workspaceTasksPage .workspace-task-chat-state { margin: auto; width: min(100%,420px); padding: 28px; text-align: center; box-sizing: border-box; }
#cleanCrmApp #workspaceTasksPage .workspace-task-chat-state h3 { margin: 0 0 12px; color: var(--text); font-size: 16px; line-height: 1.5; }
#cleanCrmApp #workspaceTasksPage .workspace-task-chat-state p { margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.6; }