/* data-fix.css -- session 344 (briefs/session-344-brief.md C): the Data to Fix page (data-fix.js). Its rows are the Dashboard's own
   (dayboard.css .db-frow, .db-dcrow), so the page root carries .dayboard; this file adds the page's tiles, chips and section cards. The
   tiles follow the Dashboard tiles' look (.db-hc): 12px corners, the line, the shadow, the 12.5px label and the 42px number. */
.dfx .head{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}
.dfx .head .actions{display:flex;align-items:center}
.dfx .dfx-owner{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--db-text);flex-wrap:wrap}
.dfx .dfx-owner select{font:inherit;font-weight:500;font-size:13px;padding:6px 10px;border:1px solid var(--db-line-2);border-radius:8px;background:var(--db-surface);color:var(--db-ink);cursor:pointer;max-width:100%}
.dfx .dfx-owner select:hover{border-color:var(--db-b5)}
.dfx .dfx-owner select:focus-visible{outline:2px solid var(--yellow,#FFD13A);outline-offset:1px}
.dfx .dfx-omsg{font-size:12px;color:var(--db-muted);font-weight:500}
.dfx .dfx-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 16px}
@media (max-width:980px){.dfx .dfx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.dfx .dfx-tiles{grid-template-columns:minmax(0,1fr)}}
.dfx .dfx-tile{background:var(--db-surface);border:1px solid var(--db-line-2);border-radius:12px;box-shadow:var(--db-sh);padding:15px 16px 14px;min-width:0}
.dfx .dfx-tile.dfx-t-soon{background:#FFF5CC;border-color:#F3DF9A}
.dfx .dfx-tlab{font-size:12.5px;font-weight:550;color:var(--db-muted)}
.dfx .dfx-t-soon .dfx-tlab{color:#7A5312}
.dfx .dfx-tnum{font-size:42px;font-weight:700;letter-spacing:-.045em;line-height:1;margin-top:5px;color:var(--db-ink)}
.dfx .dfx-tnum small{font-size:15px;font-weight:650;letter-spacing:0;margin-left:2px}
.dfx .dfx-tnum.dfx-orange{color:#D96A18}
.dfx .dfx-tline{font-size:12px;color:var(--db-muted);margin-top:6px;line-height:1.4;overflow-wrap:anywhere}
.dfx .dfx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.dfx .dfx-chip:focus-visible{outline:2px solid var(--db-b5);outline-offset:2px}
.dfx .dfx-msg{margin:0 0 10px;font-size:13px}
.dfx .dfx-msg:empty{display:none}
.dfx .dfx-sec{background:var(--db-surface);border:1px solid var(--db-line-2);border-radius:14px;box-shadow:var(--db-sh);overflow:hidden;margin-bottom:16px}
.dfx .dfx-sh{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--db-line)}
.dfx .dfx-sh h2{margin:0;font-size:16px;font-weight:750;color:var(--db-ink);letter-spacing:-.01em}
.dfx .dfx-sn{font-size:12px;font-weight:800;color:var(--db-ink);background:rgba(255,255,255,.75);border-radius:999px;padding:1px 9px}
.dfx .dfx-sl{font-size:12.5px;color:var(--db-text);flex:1 1 320px;min-width:0}
.dfx .dfx-s-soon .dfx-sh{background:#FFF5CC}
.dfx .dfx-s-deep .dfx-sh{background:var(--db-p1)}
.dfx .dfx-s-properties .dfx-sh{background:var(--db-b1)}
.dfx .dfx-s-cleaners .dfx-sh{background:var(--db-g1)}
.dfx .dfx-s-appointments .dfx-sh{background:var(--db-refresh-1)}
.dfx .dfx-s-linens .dfx-sh{background:var(--db-linen-1)}
.dfx .dfx-s-gi .dfx-sh{background:var(--db-a1)}
.dfx .dfx-s-slack .dfx-sh{background:var(--db-amb-bg)}   /* session 357: Slack posts that failed */
.dfx .dfx-slackrow{cursor:default}
.dfx .dfx-rows>.db-dcrow,.dfx .dfx-r>.db-dcrow{padding-left:16px;padding-right:16px}
.dfx .dfx-r>.db-dcgroup{margin-left:16px;margin-right:16px}
.dfx .dfx-r .db-dcrev{grid-column:1/-1}
.dfx .dfx-glab{display:inline-block;margin:9px 16px 0;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--db-text);background:var(--db-surface-2);border-radius:999px;padding:2px 8px}
.dfx .dfx-glab+.db-frow,.dfx .dfx-glab+.db-dcrow{border-top:0}
.dfx .dfx-stale .db-since{color:#D96A18;font-weight:650}
.dfx .dfx-more{padding:10px 16px;border-top:1px solid var(--db-surface-2)}
.dfx .dfx-none{background:var(--db-g1);color:var(--db-on-g);border-radius:12px;padding:14px 16px;font-weight:600;font-size:14px}
.dfx .head .actions .dfx-owner{flex-wrap:nowrap;white-space:nowrap}
.dfx .head .actions .dfx-owner select{width:auto;min-width:0;display:inline-block}