/* Visual audit 2026-08-03: shared alignment, counter, control, and dark-menu guards. */
.layout.os-layout-v10 .workspace-tab {
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
}

.layout.os-layout-v10 .workspace-tab .icon {
  grid-row: 1;
  align-self: center;
}

.layout.os-layout-v10 .workspace-tab > span {
  align-self: center;
  line-height: 1.1;
}

.layout.os-layout-v10 .dashboss-range button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.layout.os-layout-v10 .dashboss-date-trigger {
  box-sizing: border-box;
  grid-template-rows: auto auto;
  align-content: center;
  justify-content: center;
  row-gap: 2px;
  padding: 4px 12px;
}

.layout.os-layout-v10 .dashboss-date-trigger strong,
.layout.os-layout-v10 .dashboss-date-trigger span {
  display: block;
  margin: 0;
  line-height: 1.08;
}

.ui-count-badge,
.workspace-filter-chip .ui-count-badge,
.inbox-person-item .ui-count-badge,
.channel-meta .ui-count-badge {
  box-sizing: border-box;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--teal) 11%, transparent);
  color: var(--teal);
  box-shadow: none;
  text-shadow: none;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

.workspace-status-filter {
  align-items: center;
}

.workspace-filter-chip {
  box-sizing: border-box;
  min-height: 38px;
  justify-content: space-between;
  gap: 9px;
  padding: 6px 7px 6px 11px;
  box-shadow: none;
  line-height: 1;
  white-space: nowrap;
}

.workspace-filter-chip.active {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 14%, transparent);
}

.workspace-row {
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.workspace-row > .badge {
  box-sizing: border-box;
  min-width: max-content;
  min-height: 24px;
  justify-self: end;
  align-self: center;
  padding: 4px 8px;
  line-height: 1;
  overflow: visible;
}

.inbox-composer-bar {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.inbox-composer-bar > .filter-select {
  flex: 1 1 150px;
  min-width: 120px;
}

.inbox-toggle {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 40px;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  line-height: 1;
  overflow: visible;
}

.inbox-toggle input {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 0;
}

.inbox-toggle span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.layout.os-layout-v10 .content:has(.task-workspace) > .page-header .module-tag {
  margin: 0;
}

.layout.os-layout-v10 .content:has(.task-workspace) > .page-header > div:first-child {
  align-content: center;
}

.layout.os-layout-v10 .task-card-actions {
  min-height: 36px;
  gap: 6px;
  overflow: visible;
}

.layout.os-layout-v10 .task-card-actions .btn {
  box-sizing: border-box;
  min-height: 36px;
  height: 36px;
  gap: 4px;
  padding: 0 7px;
  overflow: visible;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}

.layout.os-layout-v10 .task-card-actions .btn .icon {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] select,
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup {
  color-scheme: dark;
  color: #f4f7ff;
  background-color: #0b1125;
  text-shadow: none;
}

html[data-theme="dark"] select {
  border-color: rgba(164, 191, 238, 0.28);
}

html[data-theme="dark"] select:focus-visible {
  outline: 2px solid rgba(122, 162, 255, 0.72);
  outline-offset: 2px;
  border-color: rgba(122, 162, 255, 0.78);
  box-shadow: 0 0 0 4px rgba(122, 162, 255, 0.14);
}

html[data-theme="dark"] select option:checked {
  color: #ffffff;
  background: #24489a linear-gradient(0deg, #24489a 0%, #24489a 100%);
}

html[data-theme="dark"] select option:disabled,
html[data-theme="dark"] select optgroup:disabled {
  color: #72809d;
}

@media (max-width: 640px) {
  .workspace-row {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 10px;
  }

  .workspace-row-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }

  .workspace-status-filter {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-filter-chip {
    width: 100%;
  }

  .inbox-composer-bar > .filter-select {
    flex-basis: 100%;
  }
}

/* Recent task work: shared across Lite and Pro, independent of board paging. */
.task-recent-panel { background: var(--panel, #fff); border: 1px solid #dce4f2; border-radius: 14px; padding: 16px; margin: 12px 0 18px; }
.task-recent-heading, .task-recent-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.task-recent-heading > div:first-child { display: grid; gap: 4px; }
.task-recent-heading small, .task-recent-note, .task-recent-row small { color: #5d6d87; font-size: 11px; }
.task-recent-periods { display: flex; flex-wrap: wrap; gap: 6px; }
.task-recent-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0 8px; }
.task-recent-count { display: flex; align-items: center; gap: 10px; padding: 12px; background: #f6f8fc; border: 1px solid #e1e7f1; border-radius: 10px; color: #23344d; text-align: left; cursor: pointer; }
.task-recent-count strong { font-size: 24px; line-height: 1; }
.task-recent-count.active, .task-recent-count:hover { border-color: #244cdb; background: #edf2ff; }
.task-recent-results { margin-top: 14px; border-top: 1px solid #e1e7f1; padding-top: 12px; }
.task-recent-row { width: 100%; display: flex; justify-content: space-between; gap: 14px; border: 0; border-bottom: 1px solid #e9edf5; background: transparent; text-align: left; padding: 12px 0; cursor: pointer; color: inherit; }
.task-recent-row:hover { background: #f6f8fc; }
.task-recent-row > span { display: grid; gap: 6px; min-width: 0; }
.task-recent-row > span:last-child { justify-items: end; flex-shrink: 0; }
.task-recent-row strong { overflow-wrap: anywhere; }
.task-recent-badges { display: inline-flex; flex-wrap: wrap; gap: 4px; max-width: 100%; }
.task-card > .task-recent-badges:empty { display: none; }
@media (max-width: 600px) { .task-recent-count { flex-direction: column; align-items: flex-start; gap: 6px; padding: 10px; font-size: 12px; } .task-recent-panel { padding: 12px; } }
.finance-document-input { margin-top: 16px; padding: 14px; border: 1px dashed #a5b6d7; background: #f6f8fd; border-radius: 10px; }
.finance-document-input input[type="file"] { max-width: 100%; width: 100%; padding: 8px; }
.finance-document-panel { margin-top: 16px; }
.finance-document-panel .file-row-actions { display: flex; gap: 6px; }

/* A compact task footer: existing data and actions, no extra polling. */
.task-bottom-bar { position:fixed; left:var(--sidebar); right:0; bottom:0; z-index:8; min-height:52px; display:flex; align-items:center; gap:20px; padding:8px 20px max(8px,env(safe-area-inset-bottom)); background:var(--surface, #fff); color:var(--text); border-top:1px solid var(--line, #ccd8e8); box-shadow:0 -3px 12px #102b4910; }
.task-bottom-context {display:flex; flex-direction:column; font-size:13px;gap:2px;}
.task-bottom-context span,.task-bottom-stat span {font-size:12px;color:var(--muted,#536782);}
.task-bottom-stat {display:flex;align-items:baseline;gap:7px;border:0;border-radius:6px;background:transparent;color:inherit;padding:8px;cursor:pointer;}
.task-bottom-stat strong {font-size:16px;font-variant-numeric:tabular-nums;}
.task-bottom-stat:hover {background:var(--surface-2,#edf4ff);}
.task-bottom-actions {margin-left:auto;display:flex;gap:8px;}
body:has(.task-bottom-bar) .task-recent-panel {margin-bottom:80px;scroll-margin-top:150px;}
body:has(.drawer.open) .task-bottom-bar {visibility:hidden;}
@media(max-width:900px) {.task-bottom-bar {position:static;flex-wrap:wrap;gap:8px;padding:10px;border-radius:10px;}.task-bottom-actions {margin-left:0;}.task-bottom-context {margin-right:auto;}body:has(.task-bottom-bar) .task-recent-panel {margin-bottom:12px;}}
@media print {.task-bottom-bar {display:none;}}

/* Personal work dock: clear groups and quiet account context. */
.task-work-dock {gap:22px;padding:8px 18px;min-height:64px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 24px #1527470a;}
.work-dock-brand {display:flex;align-items:center;gap:10px;flex-shrink:0;background:none;border:0;text-align:left;cursor:pointer;color:var(--text);padding:0 20px 0 0;border-right:1px solid var(--line);}
.work-dock-mark {display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf4ff;color:#0066ef;}
.work-dock-brand strong {font-size:12px;letter-spacing:.04em;}.work-dock-os {color:#0066ef;}.work-dock-brand small {display:flex;gap:4px;align-items:center;font-size:11px;color:var(--muted);margin-top:3px;}.work-dock-brand small svg {width:11px;height:11px;}
.work-dock-tools {display:flex;align-items:center;gap:6px;}.work-dock-tool {display:flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;}.work-dock-tool>span {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef3ff;color:#285ee0;}.dock-note>span {background:#fff5df;color:#a56806;}.dock-reminder>span {background:#f1ebff;color:#7950c2;}.work-dock-tool:hover,.work-dock-brand:hover,.work-dock-report:hover {background:var(--surface-2);}
.work-dock-summary {margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap;}.work-dock-summary>span {font-size:11px;color:var(--muted);}.task-work-dock .task-bottom-stat {gap:5px;padding:6px;}.task-work-dock .task-bottom-stat strong {font-size:14px;}.work-dock-report {display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;}
.task-work-dock svg {width:16px;height:16px;}.work-dock-mark svg {width:20px;height:20px;}
@media (min-width:901px) and (max-width:1200px) {.task-work-dock {gap:8px;}.work-dock-summary>span {display:none;}.work-dock-tool {padding:7px;}.work-dock-brand {padding-right:8px;}}
@media(max-width:900px) {.task-work-dock {gap:10px;}.work-dock-summary {margin-left:0;}.work-dock-tools {flex-wrap:wrap;}.work-dock-report {margin-left:auto;}}

.account-security .panel-body {display:grid;gap:12px;}.account-security input {max-width:480px;}.account-security form {display:grid;gap:16px;}.account-security .account-mfa-status:empty {display:none;}.mfa-steps {padding-left:20px;line-height:1.7;}.account-security [data-mfa-secret] {font-family:monospace;letter-spacing:.05em;}

/* Shared CRM boards: remove the legacy fixed height that clipped owners. */
#app .layout.os-layout-v10 .kanban .deal-card {height:auto;min-height:0;max-height:none;grid-template-rows:none;display:flex;flex-direction:column;flex:0 0 auto;gap:10px;padding:14px;margin:0 0 12px;overflow:visible;border-radius:12px;border-top:3px solid var(--primary);background:var(--surface);box-shadow:0 2px 6px #102b4909;cursor:pointer;}
#app .layout.os-layout-v10 .kanban .deal-card h3 {font-size:14px;line-height:1.45;min-height:0;margin:0;color:var(--text);overflow-wrap:anywhere;}
#app .layout.os-layout-v10 .kanban .deal-card .badge-row {flex-wrap:wrap;gap:5px;overflow:visible;}
#app .layout.os-layout-v10 .kanban .deal-card .card-meta {display:flex;gap:8px;align-items:center;justify-content:space-between;overflow:visible;min-height:22px;}
#app .layout.os-layout-v10 .kanban .deal-card .card-meta :is(span,strong,small) {font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;}
#app .layout.os-layout-v10 .kanban .deal-card .assignee-stack {min-height:28px;flex-wrap:wrap;overflow:visible;}
#app .layout.os-layout-v10 .kanban .deal-card .assignee-stack small {font-size:11px;white-space:normal;}
#app .layout.os-layout-v10 .kanban .deal-column {padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;}
#app .layout.os-layout-v10 .kanban .column-title {font-size:13px;line-height:1.4;text-transform:none;color:var(--text);padding:6px 4px 12px;}
#app .layout.os-layout-v10 .kanban .crm-card-heading {display:flex;justify-content:space-between;align-items:center;height:20px;}
#app .layout.os-layout-v10 .kanban .crm-card-heading>span {font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--muted);}
#app .layout.os-layout-v10 .kanban .crm-card-open {display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--primary);}
#app .layout.os-layout-v10 .kanban .crm-card-company {display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere;}
#app .layout.os-layout-v10 .kanban .crm-card-value {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;}
#app .layout.os-layout-v10 .kanban .crm-card-value>strong {font-size:20px;line-height:1.3;color:var(--primary);font-variant-numeric:tabular-nums;}
#app .layout.os-layout-v10 .kanban .crm-card-probability {display:flex;justify-content:space-between;gap:8px;}
#app .layout.os-layout-v10 .kanban .crm-card-probability :is(span,strong) {font-size:11px;}
#app .layout.os-layout-v10 .kanban .crm-card-date>span {display:flex;align-items:center;gap:5px;}
#app .layout.os-layout-v10 .kanban .crm-card-owner {border-top:1px solid var(--line);padding-top:10px;}
#app .layout.os-layout-v10 .kanban .deal-card .badge {font-size:10px;}
#app .layout.os-layout-v10 .kanban .deal-card svg {width:14px;height:14px;flex-shrink:0;}

#app .layout.os-layout-v10 .kanban .deal-card small {font-size:11px;line-height:1.45;}
#app .layout.os-layout-v10 .kanban .workflow-column-summary :is(strong,span) {font-size:12px;}
#app .layout.os-layout-v10 .kanban .column-title {font-family:var(--font);letter-spacing:0;font-weight:700;}
.contact-company-hint {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);}

/* Shared footer lives outside module scrolling containers. */
#app .layout.os-layout-v10 > .task-work-dock {position:fixed;left:var(--sidebar);right:0;bottom:0;z-index:110;box-sizing:border-box;flex-wrap:nowrap;min-height:60px;border-radius:0;}
#app .layout.os-layout-v10 .main > .content {padding-bottom:88px;}
#app .layout.os-layout-v10 > .task-work-dock .work-dock-report {margin-left:auto;}
@media(max-width:900px) {
 #app .layout.os-layout-v10 > .task-work-dock {gap:6px;padding:6px 10px;min-height:54px;}
 #app .task-work-dock .work-dock-summary {display:none;}
 #app .task-work-dock .work-dock-tools {flex-wrap:nowrap;}
 #app .task-work-dock .work-dock-tool {padding:4px;}
}
@media(max-width:720px) {
 #app .layout.os-layout-v10 > .task-work-dock {left:0;bottom:calc(73px + env(safe-area-inset-bottom));}
 #app .layout.os-layout-v10 .main > .content {padding-bottom:155px;}
 #app .task-work-dock .work-dock-brand {padding-right:5px;gap:5px;}
 #app .task-work-dock .work-dock-mark {display:none;}
 #app .task-work-dock .work-dock-brand strong {font-size:10px;}
 #app .task-work-dock .work-dock-tool {font-size:10px;gap:3px;}
 #app .task-work-dock .work-dock-tool>span {width:20px;height:24px;}
 #app .task-work-dock .work-dock-report {display:none;}
 html[data-inbox-keyboard-open] #app .task-work-dock {display:none;}
}

.upload-folder-picker {display:flex;align-items:center;gap:8px;min-width:0;}
.upload-folder-picker select {flex:1;min-width:0;}
.upload-folder-picker .btn {white-space:nowrap;flex-shrink:0;}

/* Excel-style subtotals retain table column alignment and scroll with the grid. */
#app .data-table .record-subtotals td,#app .data-table .record-subtotals th {background:var(--surface-2,#edf4ff);border-top:2px solid var(--line,#ccd8e8);padding-top:12px;padding-bottom:12px;vertical-align:top;color:var(--text);font-size:13px;text-transform:none;letter-spacing:normal;}
.record-subtotals strong {display:block;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;}
.record-subtotals small {display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400;white-space:normal;}
@media(max-width:720px){#app .mobile-card-table .record-subtotals{display:block;}#app .mobile-card-table .record-subtotals tr{display:flex;flex-wrap:wrap;background:var(--surface-2);gap:10px;padding:12px;}#app .mobile-card-table .record-subtotals :is(td,th){display:block;border:0;padding:4px;flex:1 0 120px;}#app .mobile-card-table .record-subtotals td:empty,#app .mobile-card-table .record-subtotals .record-grid-row-number,#app .mobile-card-table .record-subtotals .select-col{display:none;}#app .record-subtotals [data-subtotal-column]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px;}}

.crm-board-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:12px;background:var(--surface);border-bottom:1px solid var(--line);}
.crm-board-overview>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surface-2);}
.crm-board-overview small,.crm-board-overview>div>span{font-size:11px;color:var(--muted);}.crm-board-overview strong{font-size:20px;line-height:1.3;color:var(--text);}.crm-board-overview strong>span{display:block;}
#app .layout.os-layout-v10 .crm-sales-board .deal-column{padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-2);}
.crm-stage-head{flex-shrink:0;padding:13px 12px 11px;border-top:3px solid var(--stage-tone);border-bottom:1px solid var(--line);background:var(--surface);}
.crm-stage-head .column-title{padding:0;margin:0 0 8px;}.crm-stage-head .column-title>span:first-child{display:flex;align-items:center;gap:7px;}.crm-stage-head i{height:7px;width:7px;border-radius:50%;background:var(--stage-tone);}.crm-stage-count{padding:3px 7px;border-radius:6px;background:var(--surface-2);}
.crm-stage-value{font-size:18px;font-weight:700;margin-bottom:4px;}.crm-stage-value>span{display:block;}.crm-stage-head small{font-size:10px;color:var(--muted);font-weight:400;}.crm-stage-head>small span{display:inline;}
.crm-stage-cards{min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:10px;flex:1;overscroll-behavior-y:contain;}
#app .layout.os-layout-v10 .crm-sales-board .deal-card{margin:0;gap:7px;padding:11px;border-top-width:2px;}.crm-sales-board .crm-card-heading{font-size:9px;}.crm-sales-board .crm-card-value strong{font-size:18px;}.crm-sales-board .crm-card-owner{padding-top:7px;}.crm-sales-board .empty-state{min-height:120px;padding:18px 10px;box-shadow:none;}
@media(max-width:720px){.crm-board-overview{grid-template-columns:repeat(2,minmax(0,1fr));}.crm-board-overview strong{font-size:16px;}}

/* Leads retain readable titles and owners while showing more work per screen. */
#app .layout.os-layout-v10 .crm-leads-compact { gap: 10px; padding: 10px; }
#app .layout.os-layout-v10 .crm-leads-compact .lead-column { flex-basis: 250px; width: 250px; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-stage-head { padding: 9px 10px; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-stage-head .column-title { padding: 0; margin-bottom: 4px; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-stage-value { font-size: 16px; margin-bottom: 2px; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-stage-cards { padding: 7px; gap: 7px; }
#app .layout.os-layout-v10 .crm-leads-compact .lead-card { padding: 9px; gap: 5px; border-radius: 9px; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-card-heading { height: auto; min-height: 22px; gap: 6px; align-items: flex-start; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-card-heading h3 { font-size: 14px; line-height: 1.3; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-card-open { width: 22px; height: 22px; flex-shrink: 0; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-card-value { padding: 1px 0; flex-wrap: wrap; gap: 4px; }
#app .layout.os-layout-v10 .crm-leads-compact .crm-card-value > strong { font-size: 16px; }
#app .layout.os-layout-v10 .crm-leads-compact .lead-card .card-meta { min-height: 18px; }
#app .layout.os-layout-v10 .crm-leads-compact .lead-card .assignee-stack { min-height: 24px; }
@media(min-width:721px) {
  #app .layout.os-layout-v10 [data-table-kind="leads"] .data-table tbody td { padding-top: 6px; padding-bottom: 6px; font-size: 12px; }
  #app .layout.os-layout-v10 [data-table-kind="leads"] .data-table .row-title strong { font-size: 13px; }
  #app .layout.os-layout-v10 [data-table-kind="leads"] .data-table tbody .avatar { width: 24px; height: 24px; min-width: 24px; }
}
@media(max-width:720px) {
  #app .layout.os-layout-v10 .crm-leads-compact .lead-column { flex-basis: min(250px, 82vw); width: min(250px, 82vw); }
}

/* Fit every Deals stage across a desktop board; wrap on smaller screens. */
#app .layout.os-layout-v10 .crm-deals-fit { display:grid; grid-template-columns:repeat(var(--crm-stage-count,6),minmax(0,1fr)); gap:8px; padding:10px; overflow-x:hidden; scrollbar-gutter:auto; align-items:stretch; }
#app .layout.os-layout-v10 .crm-deals-fit > .deal-column { width:auto; min-width:0; flex:none; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-stage-head { padding:9px 8px; }
#app .layout.os-layout-v10 .crm-deals-fit .column-title { padding:0; min-height:36px; gap:4px; }
#app .layout.os-layout-v10 .crm-deals-fit .column-title > span:first-child { min-width:0; overflow-wrap:anywhere; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-stage-count { flex-shrink:0; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-stage-value { font-size:16px; overflow-wrap:anywhere; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-stage-cards { padding:7px; gap:8px; }
#app .layout.os-layout-v10 .crm-deals-fit .deal-card { padding:8px; min-width:0; gap:6px; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-card-forecast { display:block; color:var(--muted); font-size:10px; line-height:1.3; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-card-value { flex-wrap:wrap; gap:4px; }
#app .layout.os-layout-v10 .crm-deals-fit .crm-card-value > strong { font-size:16px; overflow-wrap:anywhere; }
#app .layout.os-layout-v10 .crm-deals-fit .kanban-empty-drop { padding:12px 7px; min-width:0; overflow-wrap:anywhere; }
@media (min-width:721px) and (max-width:1099px) {
 #app .layout.os-layout-v10 .crm-deals-fit { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:720px) {
 #app .layout.os-layout-v10 .crm-deals-fit { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:6px; }
}
.project-board-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:12px; border-bottom:1px solid var(--line); }
.project-board-overview>div { display:flex; flex-direction:column; gap:3px; min-width:0; padding:11px 13px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); }
.project-board-overview small,.project-board-overview span { color:var(--muted); font-size:11px; }
.project-board-overview strong { color:var(--text); font-size:20px; font-variant-numeric:tabular-nums; }
#app .layout.os-layout-v10 .project-card .workflow-card-progress small { display:flex; align-items:center; gap:4px; white-space:normal; text-align:right; }
#app .layout.os-layout-v10 .project-card .project-deadline-overdue { color:#b42338; font-weight:700; }
@media(max-width:720px) { .project-board-overview { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Preserve touch scrolling on cards; drag only from the opportunity heading. */
[data-board-drag-handle] { touch-action: none; cursor: grab; user-select: none; }
body.is-board-dragging { user-select: none; }