.myday-hero { align-items: flex-start; gap: 20px; flex-wrap: wrap; }
.myday-controls { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; }
.myday-switch { display: flex; gap: 6px; }
.myday-switch .btn { min-height: 40px; white-space: nowrap; }
.myday-switch .btn.primary { background: #077974; border-color: #077974; }
.myday-switch .btn:hover { border-color: #077974; }
.myday-member { display: flex; align-items: center; gap: 8px; width: 100%; }
.myday-member label { font-weight: 600; color: var(--text, #163148); white-space: nowrap; }
.myday-member select { min-height: 40px; min-width: 0; max-width: 270px; flex: 1; border: 1px solid var(--line, #dfe6ee); border-radius: 7px; background: white; color: var(--text, #163148); padding: 8px; font: inherit; }
.myday-page :is(button,select):focus-visible { outline: 2px solid #077974; outline-offset: 3px; }
.myday-page .metric strong { font-variant-numeric: tabular-nums; }
.myday-error-actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 640px) {
  .myday-controls { width: 100%; }
  .myday-switch { width: 100%; }
  .myday-switch .btn { flex: 1; min-height: 44px; }
  .myday-member select { max-width: none; min-height: 44px; }
}


.myday-page button.metric { appearance: none; width: 100%; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.myday-page button.metric:hover { background: #f0f8f7; }
.myday-page button.metric[aria-pressed="true"] { background: #e5f3f1; outline: 2px solid #077974; outline-offset: 2px; }
.myday-filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 16px; min-height: 40px; }
.myday-filter-bar p { margin: 0; color: var(--text, #163148); }
.myday-page [hidden] { display: none !important; }

/* Fit sales tables to their container without hiding fields or actions. */
body :is(#dealTable,#leadDeleteTable){container-type:inline-size}
body :is(#dealTable,#leadDeleteTable) .table-wrap{overflow:visible}
body :is(#dealTable,#leadDeleteTable) table{width:100%;min-width:0;table-layout:fixed}
body :is(#dealTable,#leadDeleteTable) :is(th,td){min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;padding:12px 8px;vertical-align:top}
body #dealTable :is(th,td):first-child{width:23%;min-width:0;max-width:none}
body #dealTable :is(th,td):nth-child(2){width:11%}
body #dealTable :is(th,td):nth-child(7),body #dealTable :is(th,td):nth-child(8){width:7%}
body #dealTable :is(th,td):last-child{width:10%}
body #leadDeleteTable :is(th,td):first-child{width:19%}
body #leadDeleteTable:has(#leadDeleteAll) :is(th,td):first-child{width:34px}
body #leadDeleteTable:has(#leadDeleteAll) :is(th,td):nth-child(2){width:19%}
body :is(#dealTable,#leadDeleteTable) :is(.deal-sort,.lead-sort,time,.status){white-space:normal}
body :is(#dealTable,#leadDeleteTable) td>div{flex-wrap:wrap;min-width:0}
body :is(#dealTable,#leadDeleteTable) td .btn{white-space:normal;max-width:100%;margin:2px 2px 2px 0}
body :is(#dealTable,#leadDeleteTable) td small{white-space:normal;overflow-wrap:anywhere}
@container (max-width:900px){
  body :is(#dealTable,#leadDeleteTable) :is(table,thead,tbody){display:block}
  body :is(#dealTable,#leadDeleteTable) tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
  body :is(#dealTable,#leadDeleteTable) :is(th,td):nth-child(n){display:block;width:auto;min-width:0;max-width:none;border:0;padding:10px 12px}
  body #leadDeleteTable:has(#leadDeleteAll) :is(th,td):nth-child(n){width:auto;min-width:0;max-width:none}
  body :is(#dealTable,#leadDeleteTable) thead tr{display:flex;flex-wrap:wrap;padding:8px;gap:4px}
  body :is(#dealTable,#leadDeleteTable) thead th:nth-child(n){padding:2px}
  body :is(#dealTable,#leadDeleteTable) thead th:not(:has(button,input)){display:none}
  body :is(#dealTable,#leadDeleteTable) thead button{min-height:44px;padding:6px 8px;border:1px solid var(--line);border-radius:6px}
  body :is(#dealTable,#leadDeleteTable) td::before{content:attr(data-field-label);display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px}
  body #dealTable td:first-child,body #leadDeleteTable:not(:has(#leadDeleteAll)) td:first-child,body #leadDeleteTable:has(#leadDeleteAll) td:nth-child(2){grid-column:1/-1}
  body :is(#dealTable,#leadDeleteTable) td:last-child,body :is(#dealTable,#leadDeleteTable) td[colspan]{grid-column:1/-1}
  body :is(#dealTable,#leadDeleteTable) td .btn{min-height:44px}
}