/* THE DASHBOARD LOOK, SHARED (03/10/2026 - see design-refs/README.md): the header, figure tiles, cards, tables and pills used on
   Customer Feedback and Customer Reviews. The same rules as the Appliances pages carry inline. */
body.fd-look{background:var(--sd-bg, #F4F3F5);color:var(--sd-ink, #26242A);font-family:Inter,system-ui,sans-serif}
body.fd-look main{max-width:1500px;margin:0 auto;padding:16px 24px 30px}
body.fd-look .fd-head{display:flex;align-items:center;gap:14px;margin:4px 0 14px;flex-wrap:wrap}
body.fd-look .fd-title{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--sd-ink, #26242A)}
body.fd-look .fd-tagline{font-size:12px;color:var(--sd-ink-3, #8E8A93);margin-top:2px}
body.fd-look .fd-right{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.fd-look .fd-right label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-ink-3, #8E8A93);font-weight:700;display:flex;flex-direction:column;gap:3px}
body.fd-look .fd-right select{font:inherit;font-size:12.5px;padding:0 10px;height:34px;border:1px solid var(--sd-line, #E5E3E7);border-radius:8px;background:#fff;color:var(--sd-ink, #26242A);min-width:150px}
body.fd-look .fd-pill{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.06em;border:1px solid var(--sd-line, #E5E3E7);background:#fff;color:var(--sd-ink-2, #565259);white-space:nowrap;align-self:flex-end}
body.fd-look .fd-pill.ok{color:var(--sd-green, #1E7B4F);background:var(--sd-green-tint, #E7F3EC);border-color:var(--sd-green-tint, #E7F3EC)}body.fd-look .fd-pill.warn{color:var(--sd-cat-elec-deep, #96660A);background:var(--sd-cat-elec-soft, #FAF0DA);border-color:var(--sd-cat-elec-soft, #FAF0DA)}body.fd-look .fd-pill.blue{color:var(--sd-blue, #5683B8);background:var(--sd-blue-tint, #E4ECF5);border-color:var(--sd-blue-tint, #E4ECF5)}
body.fd-look .fd-date{display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid var(--sd-line, #E5E3E7);border-radius:8px;background:#fff;font-size:12px;font-weight:600;color:var(--sd-ink-2, #565259);white-space:nowrap;align-self:flex-end}
body.fd-look .fd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 12px}
body.fd-look .fd-kpi{background:#fff;border:1px solid var(--sd-line, #E5E3E7);border-top:3px solid var(--sd-blue, #5683B8);border-radius:12px;padding:12px 14px;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.fd-look .fd-kpi.green{border-top-color:var(--sd-green, #1E7B4F)}body.fd-look .fd-kpi.red{border-top-color:var(--sd-red, #B23A2E)}body.fd-look .fd-kpi.amber{border-top-color:var(--sd-cat-elec, #C68A0D)}body.fd-look .fd-kpi.purple{border-top-color:var(--sd-cat-motor, #6E6B80)}body.fd-look .fd-kpi.blue{border-top-color:var(--sd-blue, #5683B8)}
body.fd-look .fd-kpi small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-ink-3, #8E8A93);font-weight:700}
body.fd-look .fd-kpi b{display:block;font-size:24px;font-weight:800;margin:4px 0 6px;letter-spacing:-.02em;color:var(--sd-ink, #26242A)}
body.fd-look .fd-kpi em{font-style:normal;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;color:var(--sd-ink-3, #8E8A93);background:var(--sd-bg, #F4F3F5);display:inline-block}
body.fd-look .fd-kpi em.up{color:var(--sd-green, #1E7B4F);background:var(--sd-green-tint, #E7F3EC)}body.fd-look .fd-kpi em.down{color:var(--sd-red, #B23A2E);background:var(--sd-red-tint, #FBE9E7)}
body.fd-look .fd-card{background:#fff;border:1px solid var(--sd-line, #E5E3E7);border-radius:12px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.fd-look .fd-chead{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}
body.fd-look .fd-chead h3{margin:0;font-size:14px;font-weight:800;color:var(--sd-ink, #26242A)}
body.fd-look .fd-sub{font-size:11px;color:var(--sd-ink-3, #8E8A93);margin-top:2px}
body.fd-look .fd-tools{margin-left:auto;display:flex;gap:8px;align-items:center}
body.fd-look .fd-tools input{font:inherit;font-size:12.5px;padding:0 10px;height:32px;border:1px solid var(--sd-line, #E5E3E7);border-radius:8px;background:#fff;min-width:240px}
/* the by-engineer chart in the card */
body.fd-look .fb-chart{margin:0;border:0;padding:0;background:none;box-shadow:none}
body.fd-look .fbc-head{font-size:11px;color:var(--sd-ink-3, #8E8A93);margin:0 0 8px;font-weight:600}
body.fd-look .fbc-row{display:grid;grid-template-columns:170px minmax(0,1fr) 60px;gap:10px;align-items:center;padding:4px 0;font-size:12.5px}
body.fd-look .fbc-name{font-weight:600;color:var(--sd-ink, #26242A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.fd-look .fbc-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#EEF2F7}
body.fd-look .fbc-good,body.fd-look .fbc-seen{background:var(--sd-green, #1E7B4F)}body.fd-look .fbc-bad{background:var(--sd-red, #B23A2E)}body.fd-look .fbc-tap{background:var(--sd-cat-elec, #C68A0D)}
body.fd-look .fbc-row.dim{opacity:.35}
body.fd-look .fbc-key{font-weight:400;color:var(--sd-ink-3, #8E8A93);margin-left:8px}body.fd-look .fbc-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 8px;vertical-align:middle}body.fd-look .k-seen{background:var(--sd-green, #1E7B4F)}body.fd-look .k-tap{background:var(--sd-cat-elec, #C68A0D)}
/* the table in the card */
body.fd-look table.list-table th{font-size:10.5px !important;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-ink-3, #8E8A93) !important;background:var(--sd-panel-alt, #FAFAFB) !important;border-bottom:1px solid var(--sd-line, #E5E3E7);font-weight:700;position:static}
body.fd-look table.list-table{table-layout:auto}
body.fd-look table.list-table th{white-space:nowrap;padding:8px 10px}
body.fd-look table.list-table td{padding:9px 10px;border-bottom:1px solid #F1F2F4;font-size:12.5px;vertical-align:middle;white-space:nowrap}
body.fd-look table.list-table td.words,body.fd-look table.list-table td.feedback,body.fd-look table.list-table td.notes{white-space:normal}
body.fd-look table.list-table tr:hover td{background:#FAFBFC}
body.fd-look .st{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
body.fd-look .st.ok{background:var(--sd-green-tint, #E7F3EC);color:var(--sd-green-deep, #155C3B)}body.fd-look .st.no{background:var(--sd-red-tint, #FBE9E7);color:var(--sd-red-deep, #8C2B21)}body.fd-look .st.in{background:var(--sd-blue-tint, #E4ECF5);color:#1E40AF}body.fd-look .st.warn{background:var(--sd-cat-elec-soft, #FAF0DA);color:var(--sd-cat-elec-deep, #96660A)}body.fd-look .st.grey{background:var(--sd-bg, #F4F3F5);color:var(--sd-ink-2, #565259)}
body.fd-look .none{color:var(--sd-ink-3, #8E8A93);font-size:13px}
body.fd-look .words{max-width:520px;white-space:normal}
@media (max-width:760px){ body.fd-look main{padding:12px} body.fd-look .fd-right{margin-left:0} body.fd-look .fbc-row{grid-template-columns:110px minmax(0,1fr) 44px} }