:root {
  color-scheme: light;
  --bg: #f6f8fb;
  --panel: #ffffff;
  --line: #e7ebf1;
  --text: #3b414b;
  --muted: #8e97a4;
  --blue: #5e8fe5;
  --green: #71b85f;
  --orange: #dda54d;
  --red: #e87979;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 0; background: var(--bg); color: var(--text); font: 13px/1.5 Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
#dashboard-view { min-width: 0; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.page-shell { max-width: 1680px; margin: 0 auto; padding: 18px 20px 48px; }
.notice-bar { min-height: 56px; display: flex; align-items: center; gap: 11px; padding: 0 20px; background: #edf5ff; border-radius: 7px; color: #4c5c72; font-size: 15px; }.shield { width: 28px; height: 28px; display: grid; place-items: center; color: #fff; background: #5c97db; border-radius: 8px; font-size: 12px; }.user-box { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; color: #4c5c72; font-size: 13px; }.logout-button { height: 30px; padding: 0 10px; border: 1px solid #c5d6ef; border-radius: 6px; background: #fff; color: #5e7eae; }
.top-cards { display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; margin-top: 18px; }.info-card { min-height: 136px; padding: 20px 28px; border-radius: 7px; }.work-order-card { background: #f1f8e9; color: var(--green); }.usage-card { background: #fff8e8; color: var(--orange); }.card-title { display: flex; justify-content: space-between; align-items: center; font-size: 24px; font-weight: 700; margin-bottom: 12px; }.close-mark { color: #a8b8a0; font-weight: 400; }.card-metrics { display: flex; flex-wrap: wrap; gap: 9px 24px; font-size: 15px; }.card-metrics b { font-weight: 500; }.lead-strip { display: flex; flex-wrap: wrap; gap: 14px 30px; padding: 13px 7px 0; color: #6f7680; font-size: 14px; }.lead-strip b { color: var(--green); font-size: 19px; font-weight: 500; }.settle-note { margin: 9px 7px 16px; color: #9299a2; font-size: 12px; }
.control-panel, .table-card, .feed-card, .agent-card { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }.control-panel { padding: 18px 24px 13px; }.filter-row, .action-row { display: flex; align-items: center; gap: 14px; }.filter-row { flex-wrap: wrap; }.action-row { margin-top: 15px; }.filter-row select, .date-field, .search-field { height: 42px; border: 1px solid #dfe4eb; border-radius: 6px; background: #fff; color: #7c838e; }.filter-row select { min-width: 160px; padding: 0 12px; }.date-field { display: flex; align-items: center; gap: 12px; padding: 0 14px; }.date-field input { width: 122px; border: 0; outline: 0; color: #7b838d; }.date-field em { font-style: normal; color: #a8afb8; }.search-field { display: flex; align-items: center; min-width: 255px; overflow: hidden; }.search-field select { min-width: 105px; border: 0; border-right: 1px solid var(--line); border-radius: 0; }.search-field input { flex: 1; min-width: 120px; height: 40px; padding: 0 12px; border: 0; outline: 0; }.primary-button, .plain-button, .action-button, .reset-test { height: 38px; padding: 0 16px; border-radius: 6px; }.primary-button { border: 1px solid #7ca7ea; color: #fff; background: #76a2e9; }.plain-button, .action-button, .reset-test { color: #6f8fc8; border: 1px solid #bad0f4; background: #f7fbff; }.action-button { min-width: 126px; font-size: 14px; }.muted-action { color: #caa35e; border-color: #ead7ae; background: #fffbf3; }.reset-test { margin-left: auto; padding: 0 10px; color: #a5aab3; border-color: #e2e5e9; background: #fff; font-size: 11px; }.action-hint { display: inline-flex; align-items: center; gap: 7px; color: var(--green); margin-left: auto; }.action-hint i, .live-label i { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(113,184,95,.14); }
.table-card { margin-top: 18px; overflow: hidden; }.table-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px 14px; }.table-toolbar h1 { margin: 0; font-size: 18px; }.table-toolbar p { margin: 4px 0 0; color: var(--muted); }.result-count { color: #9ba3ae; }.table-scroll { overflow-x: auto; }.table-scroll table { min-width: 1880px; width: 100%; border-collapse: collapse; }.table-scroll th { padding: 13px 12px; color: #8a929e; font-weight: 500; white-space: nowrap; background: #fafbfd; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.table-scroll td { padding: 14px 12px; white-space: nowrap; border-bottom: 1px solid #f0f2f5; color: #636b76; }.table-scroll tr:hover td { background: #fbfdff; }.table-scroll input[type="checkbox"] { width: 16px; height: 16px; }.account-info { display: flex; align-items: center; gap: 10px; }.account-icon { width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; color: #6c9be5; background: #edf4ff; border-radius: 9px; font-size: 10px; font-weight: 700; }.account-icon img { width: 100%; height: 100%; object-fit: cover; }.account-info strong, .account-info small, .subline { display: block; }.account-info small, .subline { margin-top: 3px; color: #9da5b0; font-size: 11px; }.date-stack { display: block; line-height: 1.7; }.date-stack small { display: block; color: #9da5b0; }.status { display: inline-flex; align-items: center; gap: 7px; color: var(--red); }.status.online { color: var(--green); }.status i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); }.status.online i { background: var(--green); }.allow-tag { padding: 3px 7px; border-radius: 4px; font-size: 11px; }.allow-tag.allowed { color: #67a85a; background: #edf8e9; }.allow-tag.blocked { color: #c47a7a; background: #fff0f0; }.version { color: #93a0ad; font-size: 11px; }.row-actions { display: flex; gap: 6px; }.row-actions button { padding: 5px 8px; color: #6e96d8; border: 1px solid #c6d8f5; border-radius: 5px; background: #f7fbff; font-size: 11px; }.row-actions button:hover { background: #eaf3ff; }.empty-table { padding: 42px; text-align: center; color: var(--muted); }.hidden { display: none !important; }
.bottom-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; margin-top: 18px; }.feed-card, .agent-card { padding: 20px 24px; }.section-title { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }.section-title h2 { margin: 0; font-size: 16px; }.section-title p { margin: 4px 0 0; color: var(--muted); }.live-label { display: flex; align-items: center; gap: 8px; color: var(--green); font-size: 11px; letter-spacing: .1em; }.event-feed { max-height: 220px; overflow: auto; }.event-item { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f0f2f5; }.event-dot { width: 25px; height: 25px; display: grid; place-items: center; color: var(--green); background: #eff9ec; border-radius: 7px; }.event-item strong, .event-item small { display: block; }.event-item small { margin-top: 2px; color: var(--muted); }.empty-feed { padding: 28px; text-align: center; color: var(--muted); }.api-tag { padding: 4px 8px; color: #8a73c0; background: #f2ecff; border-radius: 5px; font-size: 11px; }.agent-card code { display: block; margin-top: 11px; color: #628bd2; font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }.agent-card pre { margin: 6px 0 0; padding: 9px 10px; color: #8a939f; background: #fafbfd; border: 1px solid var(--line); border-radius: 5px; white-space: pre-wrap; font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.proxy-cell, .fp-cell { min-width: 148px; }.proxy-badge, .fp-badge { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 999px; font-size: 11px; }.proxy-badge.none { color: #8a929c; background: #f3f5f7; }.proxy-badge.http, .proxy-badge.https { color: #4d7cc8; background: #eef4ff; }.proxy-badge.socks5 { color: #6a7a3f; background: #f4f7e8; }.proxy-badge.ok { box-shadow: inset 0 0 0 1px #b7d7a8; }.proxy-cell small, .fp-cell small { display: block; margin-top: 4px; color: #9aa3ae; font-size: 11px; }.fp-badge { color: #5b6470; background: #f4f6f8; }
.env-overlay { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 28px 18px; background: rgba(24, 31, 42, .42); }.env-dialog { width: min(1180px, 100%); max-height: calc(100vh - 48px); display: flex; flex-direction: column; background: #f7f8fa; border-radius: 10px; box-shadow: 0 24px 80px rgba(20, 28, 40, .28); overflow: hidden; }.env-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 28px 8px; }.env-header h2 { margin: 0; font-size: 22px; font-weight: 650; color: #2f3540; }.env-header-actions { display: flex; align-items: center; gap: 12px; color: #9aa3ae; font-size: 12px; }.env-exit { height: 32px; padding: 0 14px; border: 1px solid #d7dde6; border-radius: 6px; background: #fff; color: #5d6570; }.env-tabs { display: flex; gap: 28px; padding: 6px 28px 0; border-bottom: 1px solid #e6ebf1; }.env-tab { height: 42px; padding: 0; border: 0; background: transparent; color: #7b838e; font-size: 15px; }.env-tab.active { color: #3d7de3; box-shadow: inset 0 -2px 0 #3d7de3; }
.env-body { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; min-height: 0; padding: 18px 22px; overflow: hidden; }.env-main { min-height: 0; overflow: auto; padding-right: 8px; }.env-panel { display: flex; flex-direction: column; gap: 4px; }.fp-banner { margin: 0 0 10px; color: #8b939e; font-size: 13px; }.fp-row { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 16px; padding: 14px 4px; border-bottom: 1px solid #eef1f5; }.fp-label { padding-top: 6px; color: #4d5560; font-size: 14px; }.fp-control { min-width: 0; }.fp-hint { margin: 8px 0 0; color: #9aa3ae; font-size: 12px; }.pill-group { display: flex; flex-wrap: wrap; gap: 8px; }.pill-group button { height: 32px; padding: 0 16px; border: 1px solid #d7dde6; border-radius: 6px; background: #fff; color: #5f6772; }.pill-group button.active { color: #fff; border-color: #3d7de3; background: #3d7de3; }
.env-input, .env-select { width: 100%; height: 38px; padding: 0 12px; border: 1px solid #d7dde6; border-radius: 6px; background: #fff; color: #3b414b; outline: 0; }.env-input:focus, .env-select:focus, .env-textarea:focus { border-color: #8db0e8; box-shadow: 0 0 0 3px rgba(61, 125, 227, .12); }.env-textarea { height: auto; padding: 10px 12px; resize: vertical; }.field-grid { display: grid; grid-template-columns: 1fr 140px; gap: 10px; }.switch-line { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: #5c6570; font-size: 13px; }.switch-line input { width: 16px; height: 16px; accent-color: #3d7de3; }.check-button { height: 34px; padding: 0 16px; border: 1px solid #b7d0f5; border-radius: 6px; background: #f4f8ff; color: #3d7de3; }.proxy-result { margin-top: 10px; padding: 12px 14px; border: 1px solid #e4e9f0; border-radius: 8px; background: #fff; color: #5b6470; line-height: 1.7; }.proxy-result.ok { border-color: #c8e2bc; background: #f6fbf3; color: #4f7a43; }.proxy-result.fail { border-color: #f0cfcf; background: #fff7f7; color: #b46565; }
.env-preview { padding: 18px 16px; background: #fff; border: 1px solid #e7ebf1; border-radius: 8px; overflow: auto; }.env-preview h3 { margin: 0 0 14px; font-size: 16px; }.preview-os { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }.preview-os strong, .preview-os small { display: block; }.preview-os small { margin-top: 3px; color: #8b939e; }.os-art { width: 54px; height: 36px; border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }.os-art.mac { background: linear-gradient(180deg, #7ec8ff 0%, #d7b08a 58%, #6aa35a 100%); }.os-art.win { background: linear-gradient(135deg, #0b63ce, #58a6ff); }.os-art.android { background: linear-gradient(135deg, #3ddc84, #137333); }.os-art.ios { background: linear-gradient(180deg, #111, #666); }.preview-ua { padding: 10px 0 12px; border-top: 1px solid #eef1f5; border-bottom: 1px solid #eef1f5; }.preview-ua span { color: #8b939e; font-size: 12px; }.preview-ua p { margin: 6px 0 0; color: #5c6570; font-size: 12px; line-height: 1.55; word-break: break-all; }.preview-list { margin: 8px 0 0; }.preview-list div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f2f4f7; color: #6a727c; font-size: 13px; }.preview-list b { font-weight: 500; color: #3f4650; }
.env-footer { display: flex; justify-content: center; gap: 16px; padding: 16px 20px 22px; background: #fff; border-top: 1px solid #eef1f5; }.env-cancel, .env-random, .env-apply { min-width: 132px; height: 40px; border-radius: 6px; font-size: 15px; }.env-cancel { border: 1px solid #d7dde6; background: #fff; color: #5d6570; }.env-random { border: 0; background: #67b85b; color: #fff; }.env-apply { border: 0; background: #3d7de3; color: #fff; }.env-random:hover { background: #5aaa4f; }.env-apply:hover { background: #326dcc; }
.login-body { min-width: 0; display: grid; place-items: center; min-height: 100vh; }.login-card { width: min(420px, calc(100vw - 32px)); padding: 28px 28px 22px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 16px 50px rgba(31, 45, 66, .08); }.login-brand { color: var(--blue); font-size: 12px; letter-spacing: .12em; }.login-card h1 { margin: 8px 0 6px; font-size: 26px; }.login-card p { margin: 0 0 18px; color: var(--muted); }.login-card label { display: grid; gap: 6px; margin-bottom: 12px; color: #6a727c; }.login-card input { height: 40px; padding: 0 12px; border: 1px solid #d7dde6; border-radius: 6px; }.login-card .primary-button { width: 100%; margin-top: 6px; }.login-error { color: var(--red); }.login-switch { display: block; margin: 16px auto 0; border: 0; background: transparent; color: var(--blue); cursor: pointer; font-size: 12px; }
@media (max-width: 1360px) { body { min-width: 0; }.page-shell { padding-left: 14px; padding-right: 14px; }.top-cards { grid-template-columns: 1fr 1fr; }.filter-row { gap: 9px; }.filter-row select { min-width: 135px; }.action-row { gap: 8px; }.env-body { grid-template-columns: 1fr; }.env-preview { max-height: 280px; } }
.admin-home { margin-top: 18px; }
.admin-hero { padding: 8px 4px 18px; }
.admin-hero h1 { margin: 0 0 8px; font-size: 28px; color: #2f3540; }
.admin-hero p { margin: 0; color: var(--muted); font-size: 14px; max-width: 720px; }
.admin-create-box { display: flex; align-items: flex-end; gap: 12px; padding: 20px 22px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.inventory-box { margin-top: 12px; flex-wrap: wrap; }
.inventory-count { color: #5d6570; font-size: 13px; padding-bottom: 10px; }
.talk-tag { display: inline-flex; padding: 2px 7px; border-radius: 999px; font-size: 11px; }
.talk-tag.done { color: #4f8a44; background: #eef8ea; }
.talk-tag.staff { color: #3d7de3; background: #eef4ff; }
.talk-tag.customer { color: #8a6a2d; background: #fff6e4; }
.talk-tag.none { color: #8a929c; background: #f3f5f7; }
.inventory-mode, .work-order-timezone, .work-order-org { height: 34px; padding: 0 8px; border: 1px solid #d7dde6; border-radius: 6px; background: #fff; }
.admin-create-box label { flex: 1; display: grid; gap: 8px; color: #5d6570; font-size: 13px; }
.admin-create-box input, .admin-create-box select { height: 44px; padding: 0 12px; border: 1px solid #d7dde6; border-radius: 6px; background: #fff; }
.admin-create-box .primary-button { height: 44px; min-width: 140px; }
.admin-section-title { display: flex; justify-content: space-between; align-items: center; margin: 22px 4px 12px; }
.admin-section-title h2 { margin: 0; font-size: 18px; }
.admin-section-title span { color: var(--muted); }
.admin-order-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.admin-order-card { padding: 18px 18px 16px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.admin-order-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.admin-order-card h3 { margin: 0; font-size: 16px; }
.admin-order-card p { margin: 8px 0 14px; color: var(--muted); }
.admin-order-status { padding: 3px 8px; border-radius: 999px; font-size: 11px; }
.admin-order-status.on { color: #4f8a44; background: #eef8ea; }
.admin-order-status.off { color: #a66; background: #fff0f0; }
.admin-order-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-order-actions .primary-button, .admin-order-actions .plain-button { height: 34px; padding: 0 12px; }
a.primary-button, a.plain-button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.empty-admin { padding: 36px 16px; text-align: center; color: var(--muted); background: #fff; border: 1px dashed #d7dde6; border-radius: 10px; }
.dashboard-nav { display: flex; align-items: center; gap: 14px; margin: 18px 0 4px; }
.dashboard-nav strong { font-size: 16px; }
.dashboard-nav .action-hint { margin-left: auto; }
.report-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin: 10px 0 16px; }
.report-header h1 { margin: 0 0 8px; font-size: 26px; color: #2f3540; }
.report-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; color: #7a828c; font-size: 13px; }
.report-meta b { color: #3b414b; font-weight: 600; }
.report-header-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.stat-card { padding: 16px 18px 14px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.stat-card span { color: #8a929e; font-size: 12px; }
.stat-card b { display: block; margin: 6px 0 4px; color: #2f3540; font-size: 28px; font-weight: 650; line-height: 1.1; }
.stat-card small { color: #9aa3ae; font-size: 12px; }
.stat-card.accent { background: #f3f8ff; border-color: #d5e4f8; }
.stat-card.accent b { color: #3d7de3; }
.stat-card.inventory { background: #f7f8fa; }
.report-table table { min-width: 1100px; }
.report-table th,
.report-table td { text-align: center; vertical-align: middle; }
.report-table th:first-child,
.report-table td:first-child,
.report-table .employee-group td { text-align: left; }
.leads-card { margin-top: 18px; }
.lead-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.lead-tabs { display: flex; gap: 6px; padding: 3px; background: #f4f6f8; border-radius: 8px; }
.lead-tab { height: 30px; padding: 0 12px; border: 0; border-radius: 6px; background: transparent; color: #6b7380; }
.lead-tab.active { background: #fff; color: #3d7de3; box-shadow: 0 1px 3px rgba(31, 45, 66, .08); }
#lead-search { height: 34px; width: 180px; padding: 0 10px; border: 1px solid #d7dde6; border-radius: 6px; }
.lead-tag { display: inline-flex; padding: 2px 7px; border-radius: 999px; font-size: 11px; }
.lead-tag.realtime { color: #4f8a44; background: #eef8ea; }
.lead-tag.fill { color: #8a6a2d; background: #fff6e4; }
.lead-tag.duplicate { color: #a66; background: #fff0f0; }
.account-icon { position: relative; flex: 0 0 36px; }
.avatar-initials { position: absolute; inset: 0; display: grid; place-items: center; }
.account-icon img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 0; }
.account-icon img.is-ready { opacity: 1; }
.avatar-privacy-tag { display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: 4px; color: #8a6a2d; background: #fff6e4; font-size: 10px; line-height: 16px; }
.account-info.compact .account-icon { width: 28px; height: 28px; border-radius: 8px; font-size: 10px; }
.report-bottom { grid-template-columns: .9fr 1.2fr; }
.env-card { padding: 20px 24px; }
.env-card .table-scroll table { min-width: 720px; }
.event-dot.fill { color: #8a6a2d; background: #fff6e4; }
.work-order-credentials { margin: 14px 0 0; padding: 14px 16px; white-space: pre-wrap; background: #f3f8ff; border: 1px solid #c9ddf7; border-radius: 8px; color: #35527a; font-size: 14px; }
.viewer-open-note { margin: 8px 0 0; color: #8a6a2d; font-size: 12px; }
body.viewer-mode #admin-home,
body.viewer-mode #back-to-admin,
body.viewer-mode #reset-today-button { display: none !important; }
body.viewer-mode #dashboard-view { display: block; }
.agent-download-box { margin-bottom: 12px; }
.agent-download-hint { margin: 0 0 16px; color: var(--muted); font-size: 13px; }
.release-summary-grid { margin-bottom: 18px; }
.release-summary-grid .stat-card b { font-size: 22px; word-break: break-word; }
.release-table table { min-width: 980px; }
.release-device-table table { min-width: 860px; }
.coverage-state, .reconciliation-state { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: 999px; font-size: 12px; white-space: nowrap; }
.coverage-state.online, .reconciliation-state.matched { color: #3f7d38; background: #eef8ea; }
.coverage-state.recent { color: #8a6a2d; background: #fff6e4; }
.coverage-state.offline { color: #7b838e; background: #f1f3f6; }
.reconciliation-state.system_shortfall { color: #ae4f4f; background: #fff0f0; }
.reconciliation-state.system_excess, .reconciliation-state.account_ambiguous { color: #8a6a2d; background: #fff6e4; }
.reconciliation-state.account_not_found { color: #6b5aa6; background: #f4eefe; }
.reconciliation-state.missing_submission { color: #55708f; background: #edf4fb; }
.reconciliation-table table { min-width: 1120px; }
.reconciliation-summary { margin: 0 24px 14px; padding: 10px 12px; border: 1px solid #dbe5f3; border-radius: 7px; color: #4d617e; background: #f5f9ff; font-size: 13px; }
.reconciliation-metrics { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 10px; margin: 0 24px 16px; }
.reconciliation-metrics article { padding: 11px 13px; border: 1px solid #e3e9f1; border-radius: 8px; background: #fbfcfe; }
.reconciliation-metrics span, .reconciliation-metrics small { display: block; color: var(--muted); font-size: 11px; }
.reconciliation-metrics b { display: block; margin: 4px 0 2px; color: #25324a; font-size: 20px; }
.reconciliation-pending { color: #55708f; font-weight: 650; }
.sync-failed { max-width: 280px; color: #ae4f4f; white-space: normal; }
.reconciliation-gap { font-weight: 700; font-variant-numeric: tabular-nums; }
.table-subline { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.compact-field { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.compact-field input { height: 32px; padding: 0 8px; border: 1px solid #d7dde6; border-radius: 6px; color: var(--text); background: #fff; }
.release-distribution-table table { min-width: 620px; }
.release-failures-table table { min-width: 900px; }
.release-table .table-toolbar,
.release-distribution-table .table-toolbar,
.release-failures-table .table-toolbar { padding-bottom: 12px; }
.release-table .table-toolbar h1,
.release-distribution-table .table-toolbar h1,
.release-failures-table .table-toolbar h1 { font-size: 16px; }
.release-table .table-toolbar p,
.release-distribution-table .table-toolbar p,
.release-failures-table .table-toolbar p { margin-top: 4px; }
.release-note { max-width: 300px; white-space: normal !important; line-height: 1.5; }
.cell-edit, button.allow-tag { height: auto; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.cell-edit { color: #3d7de3; text-decoration: underline; text-underline-offset: 2px; }
.cell-edit:hover { color: #245fb8; }
.employee-chip-bar { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 24px 14px; }
.employee-chip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px; border: 1px solid #e1e6ee; border-radius: 999px; background: #fff; color: #5d6570; }
.employee-chip small { color: #9aa3ae; font-size: 11px; }
.employee-chip.active { color: #3d7de3; border-color: #c5d8f5; background: #f3f8ff; }
.employee-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border: 0; border-radius: 999px; font-size: 12px; line-height: 24px; }
.employee-tag.tone-0 { color: #3d7de3; background: #eef4ff; }
.employee-tag.tone-1 { color: #4f8a44; background: #eef8ea; }
.employee-tag.tone-2 { color: #8a6a2d; background: #fff6e4; }
.employee-tag.tone-3 { color: #7a5aa6; background: #f4eefe; }
.employee-tag.tone-4 { color: #b46565; background: #fff0f0; }
.employee-tag.tone-5 { color: #2f7d7a; background: #e8f6f5; }
.employee-tag.empty { color: #8a929c; background: #f3f5f7; }
button.employee-tag { cursor: pointer; }
button.employee-tag:hover { box-shadow: inset 0 0 0 1px currentColor; }
.employee-group td { padding: 8px 12px; background: #f7f9fc; color: #6b7380; font-size: 12px; }
.employee-group span { margin-left: 8px; color: #9aa3ae; }
.report-table tr[data-account-id] { cursor: pointer; }
.report-table tr.selected td { background: #f3f8ff; }
.lead-account-hint { display: flex; align-items: center; gap: 8px; margin: 0; color: #5d6570; font-size: 12px; }
.lead-account-hint .plain-button { height: 28px; padding: 0 10px; }
@media (max-width: 1280px) { .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-header { flex-direction: column; align-items: flex-start; } }
.overview-stats { margin-bottom: 14px; }
.overview-table { margin: 0 0 8px; }
.overview-table .table-scroll table { min-width: 860px; }
.overview-table .plain-button { height: 30px; padding: 0 10px; }
.danger-button { height: 34px; padding: 0 12px; border-radius: 6px; color: #b46565; border: 1px solid #f0cfcf; background: #fff7f7; }
.danger-button:hover { background: #ffefef; }
.agent-ver { color: #5d6570; font-variant-numeric: tabular-nums; }
.agent-ver.stale { color: #8a6a2d; }
.agent-ver em { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 4px; font-style: normal; font-size: 10px; line-height: 16px; color: #8a6a2d; background: #fff6e4; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.account-note { display: inline-block; margin-top: 4px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; padding: 1px 6px; border-radius: 4px; border: 1px solid #d7e3f4; background: #f7fbff; color: #5e7eae; font-size: 10px; line-height: 16px; vertical-align: top; }
.account-note.has { color: #8a6a2d; border-color: #ead7ae; background: #fffbf3; }
.account-note.empty { color: #9aa3ae; border-style: dashed; background: transparent; }
.ads-pitcher { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 4px; color: #3d7de3; background: #eef4ff; font-size: 10px; line-height: 16px; }
.board-cards { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 14px; margin: 14px 0 8px; }
.board-card { min-height: 132px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.board-card h3 { margin: 0 0 10px; font-size: 16px; }
.board-card.green { background: #f3f8ec; border-color: #dce8c8; }
.board-card.orange { background: #fff8eb; border-color: #f3e2c0; }
.board-card.blue { background: #f3f8ff; border-color: #d7e6f8; }
.board-row { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #606266; }
.board-row + .board-row { margin-top: 10px; }
.board-row b { color: #303133; font-weight: 650; }
.board-meta { margin: 0 2px 14px; }
.board-meta-inline { margin-left: auto; color: #7a828c; font-size: 13px; }
.board-meta-inline b { color: #3b414b; }
.board-table-wrap { padding-bottom: 0; overflow: visible; }
.board-table-wrap .action-row { margin-top: 10px; padding-bottom: 12px; }
.board-table-wrap .table-scroll { margin: 0 -24px; border-top: 1px solid var(--line); overflow: visible; }
.board-table-wrap .table-scroll table { border-collapse: separate; border-spacing: 0; }
.board-table-wrap .table-scroll th { position: sticky; top: 0; z-index: 4; background: #fafbfd; box-shadow: 0 1px 0 var(--line); }
.board-table-wrap .health { margin-left: 0; }
.health { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; height: 32px; padding: 0 12px; border-radius: 4px; border: 1px solid #c2e7b0; background: #f0f9eb; color: #529b2e; }
.health i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(103, 194, 58, .16); }
.health.bad { border-color: #fbc4c4; background: #fef0f0; color: #c45656; }
.health.bad i { box-shadow: 0 0 0 4px rgba(245, 108, 108, .14); }
.action-button.latest { color: #529b2e; border-color: #c2e7b0; background: #f0f9eb; }
.agent-ver-line { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; }
.row-link { color: #409eff; background: none; border: 0; padding: 0; }
.modal { position: fixed; inset: 0; z-index: 50; display: none; place-items: center; padding: 18px; background: rgba(17, 24, 36, .42); }
.modal.show { display: grid; }
.dialog { width: min(1180px, 100%); max-height: calc(100vh - 36px); overflow: auto; background: #fff; border-radius: 8px; }
.dialog-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 16px 18px 8px; }
.dialog-head h2 { margin: 0; font-size: 18px; }
.dialog-head .meta { margin: 6px 0 0; color: #909399; }
.dialog-close { width: 32px; height: 32px; border: 0; background: transparent; color: #909399; font-size: 22px; }
.dialog-body { padding: 0 18px 18px; }
.dialog-body .lead-toolbar { margin-bottom: 12px; }
.toast { position: fixed; right: 18px; bottom: 18px; z-index: 60; display: none; min-width: 240px; padding: 12px 14px; border-radius: 8px; background: #1f2a37; color: #fff; box-shadow: 0 10px 30px rgba(17, 24, 36, .18); }
.toast.show { display: block; }
.toast b { display: block; margin-bottom: 4px; }
.toast small { color: #c9d3de; }
.lead-pop { position: fixed; right: 18px; bottom: 18px; z-index: 60; display: none; width: min(320px, calc(100vw - 28px)); padding: 12px 14px; border-radius: 8px; background: #fff; color: #303133; border: 1px solid #e4e7ed; box-shadow: 0 12px 32px rgba(17, 24, 36, .16); }
.lead-pop.show { display: block; }
.lead-pop > b { display: block; margin-bottom: 8px; color: #529b2e; font-size: 14px; }
.lead-pop-rows { display: grid; gap: 4px; }
.lead-pop-rows div { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 1.4; }
.lead-pop-rows span { color: #909399; flex: 0 0 56px; }
.lead-pop-rows em { font-style: normal; color: #303133; text-align: right; word-break: break-all; }
@media (max-width: 1100px) {
  body { min-width: 0; }
  #dashboard-view { min-width: 0; }
  .board-cards { grid-template-columns: 1fr; }
  .page-shell { padding: 10px; }
  .dialog { max-height: 100vh; border-radius: 0; }
  .modal { padding: 0; }
}
#leads-modal .dialog { width: min(1480px, calc(100vw - 20px)); }
#leads-modal .leads-table { overflow-x: auto; }
#leads-modal .leads-table table { min-width: 1180px; width: 100%; table-layout: fixed; }
#leads-modal .leads-table th,
#leads-modal .leads-table td { padding: 8px 6px; white-space: normal; font-size: 12px; line-height: 1.35; vertical-align: middle; }
#leads-modal .leads-table th:nth-child(1),
#leads-modal .leads-table td:nth-child(1),
#leads-modal .leads-table th:nth-child(4),
#leads-modal .leads-table td:nth-child(4) { width: 16%; }
#leads-modal .leads-table th:nth-child(2),
#leads-modal .leads-table td:nth-child(2) { width: 7%; }
#leads-modal .leads-table th:nth-child(3),
#leads-modal .leads-table td:nth-child(3) { width: 13%; }
#leads-modal .leads-table th:nth-child(5),
#leads-modal .leads-table td:nth-child(5),
#leads-modal .leads-table th:nth-child(6),
#leads-modal .leads-table td:nth-child(6),
#leads-modal .leads-table th:nth-child(7),
#leads-modal .leads-table td:nth-child(7) { width: 8%; text-align: center; }
#leads-modal .leads-table th:nth-child(8),
#leads-modal .leads-table td:nth-child(8) { width: 7%; text-align: center; }
#leads-modal .leads-table th:nth-child(9),
#leads-modal .leads-table td:nth-child(9) { width: 7%; }
#leads-modal .leads-table th:nth-child(10),
#leads-modal .leads-table td:nth-child(10) { width: 13%; }
#leads-modal .account-info { gap: 6px; min-width: 0; }
#leads-modal .account-info strong,
#leads-modal .account-info small { display: block; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; line-height: 1.35; }
#leads-modal .lead-note { max-width: none; white-space: normal; overflow-wrap: anywhere; }
#leads-modal .lead-note .account-note,
#leads-modal .lead-note .ads-pitcher { display: inline-block; margin: 0 4px 2px 0; max-width: 100%; }
#leads-modal .lead-time { font-variant-numeric: tabular-nums; white-space: normal; line-height: 1.35; }
#leads-modal .employee-tag { height: 20px; padding: 0 6px; font-size: 11px; line-height: 20px; }
.yn-tag { display: inline-flex; min-width: 28px; justify-content: center; padding: 1px 6px; border-radius: 3px; font-size: 11px; }
.yn-tag.yes { color: #529b2e; background: #f0f9eb; }
.yn-tag.no { color: #c45656; background: #fef0f0; }
.lead-tag.import { color: #3d7de3; background: #eef4ff; }
.dup-count { display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-variant-numeric: tabular-nums; }
.dup-eye { display: inline-flex; width: 18px; height: 18px; padding: 0; border: 0; background: transparent; color: #3d7de3; cursor: pointer; }
.dup-eye svg { width: 16px; height: 16px; fill: currentColor; }
.dup-eye:hover { color: #1d4ed8; }
#empty-dup.global-hit { color: #3d7de3; font-weight: 600; }
#dup-modal { z-index: 70; }
#dup-modal .dialog { width: min(1180px, calc(100vw - 20px)); }
#dup-modal .dup-table { overflow-x: hidden; }
#dup-modal .dup-table table { min-width: 0; width: 100%; table-layout: fixed; }
#dup-modal .dup-table th,
#dup-modal .dup-table td { padding: 8px 6px; white-space: normal; font-size: 12px; line-height: 1.35; vertical-align: middle; }
#dup-modal .dup-table th:nth-child(1),
#dup-modal .dup-table td:nth-child(1),
#dup-modal .dup-table th:nth-child(3),
#dup-modal .dup-table td:nth-child(3) { width: 18%; }
#dup-modal .dup-table th:nth-child(2),
#dup-modal .dup-table td:nth-child(2),
#dup-modal .dup-table th:nth-child(5),
#dup-modal .dup-table td:nth-child(5) { width: 8%; text-align: center; }
#dup-modal .dup-table th:nth-child(4),
#dup-modal .dup-table td:nth-child(4) { width: 14%; }
#dup-modal .dup-table th:nth-child(6),
#dup-modal .dup-table td:nth-child(6),
#dup-modal .dup-table th:nth-child(7),
#dup-modal .dup-table td:nth-child(7) { width: 8%; }
#dup-modal .dup-table th:nth-child(8),
#dup-modal .dup-table td:nth-child(8) { width: 16%; }
#dup-modal .account-info { gap: 6px; min-width: 0; }
#dup-modal .account-info strong,
#dup-modal .account-info small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#dup-modal .lead-time { font-variant-numeric: tabular-nums; white-space: nowrap; }
.agent-log-table table { min-width: 920px; }
.agent-log-summary { max-width: 360px; overflow: hidden; text-overflow: ellipsis; }
.agent-log-table a.plain-button { height: 28px; padding: 0 8px; font-size: 11px; }
.agent-incident-table table { min-width: 1280px; }
.agent-incident-message { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: normal !important; }
.health-center { margin: 0 0 8px; }
.alert-center-table { margin-top: 12px; }
.alert-center-table table { min-width: 1050px; }
.alert-level { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 650; white-space: nowrap; }
.alert-level.bad { color: #ae4f4f; background: #fff0f0; }
.alert-level.warn { color: #8a6a2d; background: #fff6e4; }
.alert-level.info { color: #55708f; background: #edf4fb; }
.health-banner { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 10px; background: #eef8ea; }
.health-banner strong { font-size: 16px; }
.health-banner span { color: #6b7380; }
.health-banner.ok { background: #eef8ea; border-color: #d5e8cc; color: #4f8a44; }
.health-banner.warn { background: #fff6e4; border-color: #ead7ae; color: #8a6a2d; }
.health-banner.bad { background: #fff0f0; border-color: #f0cfcf; color: #b46565; }
.health-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 12px 0; }
.health-card { padding: 14px 16px 12px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.health-card span { color: #8a929e; font-size: 12px; }
.health-card b { display: block; margin: 6px 0 4px; color: #2f3540; font-size: 20px; font-weight: 650; line-height: 1.2; }
.health-card small { color: #9aa3ae; font-size: 12px; }
.health-card.warn { background: #fffbf3; border-color: #ead7ae; }
.health-card.bad { background: #fff7f7; border-color: #f0cfcf; }
.health-fail-table { margin-top: 0; }
.health-fail-table table { min-width: 720px; }
.health-client-table table { min-width: 1120px; }
.health-issue-state { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: 999px; font-size: 12px; white-space: nowrap; }
.health-issue-state.warn { color: #8a6a2d; background: #fff6e4; }
.health-issue-state.bad { color: #ae4f4f; background: #fff0f0; }
.health-issue-reasons { min-width: 220px; max-width: 360px; color: #5d6a7e; line-height: 1.55; }
.health-online { color: #379b70; font-weight: 650; }
.health-offline { color: #8993a2; }
.instant-chat-toggle { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border: 1px solid #d7e3f4; border-radius: 6px; background: #f7fbff; color: #5e7eae; font-size: 12px; }
.instant-chat-toggle.on { color: #4f8a44; border-color: #c8e2bc; background: #f6fbf3; }
.instant-chat-toggle input { width: 14px; height: 14px; accent-color: #67a85a; }
.port-chat-identity { display: inline-flex; align-items: center; gap: 8px; color: #5e7eae; font-size: 13px; }
.port-chat-identity input { width: 148px; height: 32px; padding: 0 10px; border: 1px solid #d7e3f4; border-radius: 6px; background: #fff; color: #3b414b; }
.table-scroll td.account-name-cell { white-space: normal; vertical-align: top; min-width: 240px; }
.port-chat { margin-top: 8px; width: min(268px, 100%); border: 1px solid #e4e9f0; border-radius: 8px; background: #f8fafc; overflow: hidden; }
.port-chat-log { max-height: 120px; overflow: auto; padding: 6px 8px; }
.port-chat-item { margin: 0 0 6px; line-height: 1.4; }
.port-chat-item:last-child { margin-bottom: 0; }
.port-chat-item strong { color: #3d7de3; font-size: 11px; font-weight: 600; }
.port-chat-item time { margin-left: 6px; color: #9aa3ae; font-size: 10px; font-weight: 400; }
.port-chat-item p { margin: 2px 0 0; color: #4a5160; font-size: 12px; word-break: break-word; }
.port-chat-empty { color: #9aa3ae; font-size: 11px; }
.port-chat-form { display: flex; gap: 4px; padding: 6px; border-top: 1px solid #eef1f5; background: #fff; }
.port-chat-form input { flex: 1; min-width: 0; height: 28px; padding: 0 8px; border: 1px solid #d7dde6; border-radius: 5px; background: #fff; color: #3b414b; }
.port-chat-form button { height: 28px; padding: 0 8px; border: 1px solid #bad0f4; border-radius: 5px; background: #f7fbff; color: #6f8fc8; font-size: 12px; }
.port-chat-form button:hover { background: #eaf3ff; }
.date-range-hint { color: #5e7eae; font-size: 12px; }

/* Workspace redesign: the existing component styles above remain available for the
   operational controls; this layer changes only the shell, hierarchy and density. */
:root {
  --workspace-bg: #f5f7fb;
  --workspace-panel: #fff;
  --workspace-ink: #182235;
  --workspace-muted: #8a94a6;
  --workspace-line: #e7ebf2;
  --workspace-navy: #111827;
  --workspace-navy-2: #18243a;
  --workspace-blue: #557ee8;
  --workspace-green: #28a879;
}
body { background: var(--workspace-bg); color: var(--workspace-ink); }
.workspace-root { min-height: 100vh; }
.workspace-shell { min-height: 100vh; display: grid; grid-template-columns: 248px minmax(0, 1fr); background: var(--workspace-bg); transition: grid-template-columns .2s ease; }
body.viewer-mode #dashboard-view { display: grid !important; }
.workspace-shell.sidebar-collapsed { grid-template-columns: 74px minmax(0, 1fr); }
.workspace-sidebar { position: relative; z-index: 4; display: flex; flex-direction: column; min-height: 100vh; padding: 25px 13px 17px; color: #d8e2f0; background: linear-gradient(180deg, var(--workspace-navy-2), var(--workspace-navy)); box-shadow: 8px 0 28px rgba(19, 30, 52, .06); }
.sidebar-brand { display: flex; align-items: center; gap: 10px; min-height: auto; padding: 0 11px 26px; overflow: hidden; white-space: nowrap; }
.sidebar-brand img { width: 38px; height: 38px; flex: 0 0 38px; object-fit: cover; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: #03050f; box-shadow: 0 7px 18px rgba(91,92,226,.3); }
.sidebar-brand strong, .sidebar-brand small { display: block; }
.sidebar-brand strong { color: #fff; font-size: 14px; letter-spacing: .04em; }
.sidebar-brand small { margin-top: 1px; color: #73829b; font-size: 9px; }
.sidebar-user { display: flex; align-items: center; gap: 10px; margin: 26px 8px 20px; padding: 10px; border: 1px solid rgba(173, 197, 231, .1); border-radius: 10px; background: rgba(255,255,255,.045); overflow: hidden; white-space: nowrap; }
.sidebar-avatar { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #667eea, #3f6bc8); font-size: 12px; }
.sidebar-user b, .sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; }
.sidebar-user b { color: #eef4ff; font-size: 12px; }
.sidebar-user small { margin-top: 2px; color: #7889a2; font-size: 10px; }
.sidebar-nav { display: grid; gap: 4px; }
.nav-caption { margin: 13px 12px 5px; color: #64738d; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.side-link { display: flex; align-items: center; gap: 10px; width: 100%; height: 38px; padding: 0 11px; border: 0; border-radius: 9px; color: #9eacc1; background: transparent; text-align: left; white-space: nowrap; }
.side-link:hover { color: #fff; background: rgba(255,255,255,.06); }
.side-link.active { color: #fff; background: linear-gradient(90deg, rgba(86, 126, 232, .96), rgba(86, 126, 232, .72)); box-shadow: 0 8px 18px rgba(44, 78, 174, .22); }
.side-icon { display: grid; place-items: center; width: 21px; height: 21px; flex: 0 0 21px; border-radius: 6px; color: currentColor; font-size: 11px; line-height: 1; }
.sidebar-spacer { flex: 1; min-height: 24px; }
.sidebar-footer, .board-health-mini { display: flex; align-items: center; gap: 8px; min-width: 0; color: #8391a7; font-size: 11px; }
.sidebar-footer { padding: 14px 10px 0; border-top: 1px solid rgba(190, 210, 238, .1); white-space: nowrap; }
.health-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #32c18a; box-shadow: 0 0 0 4px rgba(50,193,138,.12); }
.health-dot.amber { background: #f2b95d; box-shadow: 0 0 0 4px rgba(242,185,93,.12); }
.health-dot.blue { background: #6d95f2; box-shadow: 0 0 0 4px rgba(109,149,242,.12); }
.health-dot.bad { background: #f17f86; box-shadow: 0 0 0 4px rgba(241,127,134,.12); }
.sidebar-collapse, .mobile-sidebar-toggle { border: 0; color: #9eacc1; background: transparent; }
.sidebar-collapse { position: absolute; z-index: 2; top: 27px; right: -12px; display: grid; place-items: center; width: 24px; height: 24px; margin: 0; border: 1px solid #dfe4ec; border-radius: 50%; background: #fff; color: #627087; font-size: 18px; line-height: 1; box-shadow: 0 4px 12px rgba(17,24,39,.12); }
.sidebar-collapse:hover { color: #5b5ce2; border-color: #c8caf5; }
.workspace-shell.sidebar-collapsed .sidebar-brand div, .workspace-shell.sidebar-collapsed .sidebar-user div, .workspace-shell.sidebar-collapsed .sidebar-user, .workspace-shell.sidebar-collapsed .nav-caption, .workspace-shell.sidebar-collapsed .side-link:not(.active)::after, .workspace-shell.sidebar-collapsed .side-link, .workspace-shell.sidebar-collapsed .sidebar-footer > span:not(.health-dot), .workspace-shell.sidebar-collapsed .board-health-mini div { opacity: 0; width: 0; padding-left: 0; padding-right: 0; overflow: hidden; }
.workspace-shell.sidebar-collapsed .sidebar-user { margin-left: 10px; margin-right: 10px; border-color: transparent; background: transparent; }
.workspace-shell.sidebar-collapsed .side-link { justify-content: center; gap: 0; }
.workspace-shell.sidebar-collapsed .side-link.active { opacity: 1; width: 48px; padding: 0; margin: 0 auto; }
.workspace-shell.sidebar-collapsed .side-icon { opacity: 1; }
.workspace-shell.sidebar-collapsed .sidebar-footer { justify-content: center; }
.workspace-shell.sidebar-collapsed .sidebar-collapse { margin-left: 0; transform: rotate(180deg); }
.workspace-shell.sidebar-collapsed .side-link { opacity: 1; width: 48px; margin: 0 auto; padding: 0; justify-content: center; gap: 0; font-size: 0; }
.workspace-shell.sidebar-collapsed .side-link:not(.active) { opacity: 1; width: 48px; }
.workspace-shell.sidebar-collapsed .side-icon { width: 32px; height: 32px; flex-basis: 32px; font-size: 13px; }
.workspace-shell.sidebar-collapsed .board-order-chip { padding-left: 0; padding-right: 0; text-align: center; }
.workspace-shell.sidebar-collapsed .board-order-chip b, .workspace-shell.sidebar-collapsed .board-order-chip small, .workspace-shell.sidebar-collapsed .board-order-chip span { display: none; }
.workspace-main { min-width: 0; min-height: 100vh; }
.workspace-topbar { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; gap: 16px; min-height: 82px; padding: 14px 34px; border-bottom: 1px solid rgba(225, 230, 239, .82); background: rgba(255,255,255,.92); backdrop-filter: blur(14px); }
.workspace-topbar h1 { margin: 3px 0 0; color: var(--workspace-ink); font-size: 21px; font-weight: 700; }
.breadcrumb { color: #a0aabe; font-size: 11px; }
.topbar-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; min-width: 0; }
.topbar-notice { display: inline-flex; align-items: center; gap: 7px; max-width: 420px; color: #8490a4; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topbar-notice .shield { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border-radius: 7px; color: #fff; background: #6e8fea; font-size: 9px; }
.mobile-sidebar-toggle { display: none; width: 30px; height: 30px; font-size: 18px; }
.workspace-content { width: min(1720px, 100%); margin: 0 auto; padding: 30px 34px 70px; }
.workspace-content.board-content { padding-top: 28px; }
.admin-page, .board-page { display: none; }
.admin-page.active, .board-page.active { display: block; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.page-heading h2 { margin: 4px 0 6px; color: var(--workspace-ink); font-size: 25px; letter-spacing: -.02em; }
.page-heading p { margin: 0; color: var(--workspace-muted); font-size: 13px; }
.eyebrow { display: block; color: var(--workspace-blue); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.heading-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.page-count { color: #95a0b2; font-size: 12px; white-space: nowrap; }
.surface-card { background: var(--workspace-panel); border: 1px solid var(--workspace-line); border-radius: 14px; box-shadow: 0 8px 30px rgba(27, 43, 72, .035); }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px 16px; }
.section-heading h3 { margin: 0; color: #243049; font-size: 15px; }
.section-heading p { margin: 5px 0 0; color: var(--workspace-muted); font-size: 12px; }
.section-heading-spaced { margin-top: 28px; padding-left: 0; padding-right: 0; }
.stat-grid { gap: 14px; }
.admin-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.board-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.stat-card { min-height: 118px; padding: 19px 20px 16px; border-color: var(--workspace-line); border-radius: 13px; }
.stat-card b { margin-top: 9px; color: #1d2a42; font-size: 29px; }
.stat-card.accent { background: #f2f6ff; border-color: #dbe5fd; }
.stat-card.accent b { color: #4b72db; }
.stat-card.success { background: #f0fbf7; border-color: #d5f0e5; }
.stat-card.success b { color: #209f72; }
.stat-card.warning { background: #fff9ef; border-color: #f6e7c9; }
.stat-card.warning b { color: #c98d32; }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 18px; }
.overview-panel, .overview-side { min-width: 0; overflow: hidden; }
.compact-table { border-top: 1px solid var(--workspace-line); }
.compact-table table { min-width: 760px !important; }
.compact-table th, .compact-table td { padding: 14px 16px; }
.status-summary { display: grid; gap: 2px; padding: 4px 24px 14px; }
.status-summary > div { display: grid; grid-template-columns: 12px 1fr; column-gap: 9px; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0f2f6; }
.status-summary b { color: #33405a; font-size: 13px; }
.status-summary small { grid-column: 2; color: #9aa4b3; font-size: 11px; }
.overview-tip { margin: 6px 24px 24px; padding: 14px; border-radius: 10px; background: #f8faff; }
.overview-tip strong { color: #52627d; font-size: 12px; }
.overview-tip p { margin: 5px 0 0; color: #8c98aa; font-size: 11px; line-height: 1.6; }
.form-row { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; padding: 0 24px 24px; }
.form-row label { display: grid; gap: 7px; min-width: 180px; flex: 1; color: #7d899d; font-size: 11px; }
.form-row label.wide-field { flex: 1.6; }
.form-row input, .form-row select, .form-row textarea, .inline-form input { width: 100%; min-height: 40px; padding: 0 12px; border: 1px solid #dfe5ee; border-radius: 8px; color: #33405a; background: #fff; outline: 0; }
.form-row textarea { padding-top: 9px; resize: vertical; }
.form-row input:focus, .form-row select:focus, .form-row textarea:focus, .inline-form input:focus { border-color: #9bb5f4; box-shadow: 0 0 0 3px rgba(85,126,232,.1); }
.form-row .primary-button { min-height: 40px; }
.create-work-order, .client-release-form, .utility-card { margin-bottom: 14px; overflow: hidden; }
.utility-card .section-heading { padding-bottom: 12px; }
.inline-form { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 0 24px 22px; }
.inline-form input { flex: 1 1 360px; }
.inline-form .plain-button, .inline-form .danger-button { min-height: 38px; }
.table-card-wide { overflow: hidden; }
.table-toolbar-inline { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 22px; border-bottom: 1px solid var(--workspace-line); }
.table-toolbar-inline input { width: min(290px, 100%); height: 36px; padding: 0 11px; border: 1px solid #dfe5ee; border-radius: 8px; color: #33405a; outline: 0; }
.table-toolbar-inline input:focus { border-color: #9bb5f4; }
.admin-account-table, .environment-table { min-width: 1180px !important; }
.admin-account-table th, .environment-table th { background: #fbfcfe; }
.admin-account-table th, .admin-account-table td, .environment-table th, .environment-table td { padding: 13px 14px; }
.admin-account-table td, .environment-table td { vertical-align: middle; }
.admin-account-table .account-info, .environment-table .account-info { min-width: 180px; }
.admin-account-table .status-detail { max-width: 180px; }
.compact-action { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; height: 30px; padding: 0 9px; font-size: 11px; }
.environment-table .proxy-cell, .environment-table .fp-cell { min-width: 150px; }
.environment-table .row-actions, .admin-account-table .row-actions { flex-wrap: wrap; }
.environment-table .fp-cell { white-space: nowrap; }
.release-center .stat-grid { margin-bottom: 14px; }
.release-lower-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.release-table .table-toolbar, .release-lower-grid .table-toolbar { padding: 18px 22px 13px; }
.release-table .table-toolbar h3, .release-lower-grid .table-toolbar h3 { margin: 0; color: #243049; font-size: 15px; }
.release-table .table-toolbar p, .release-lower-grid .table-toolbar p { margin: 4px 0 0; color: var(--workspace-muted); font-size: 12px; }
.release-table table { min-width: 980px !important; }
.release-lower-grid table { min-width: 600px !important; }
.section-spaced { margin-top: 14px; }
.incident-table { min-width: 1280px !important; }
.log-table { min-width: 920px !important; }
.health-center .health-banner { border-radius: 12px; }
.health-center .table-card-wide { margin-top: 14px; }
@media (max-width: 900px) {
  .reconciliation-metrics { grid-template-columns: repeat(2, minmax(120px, 1fr)); margin-right: 14px; margin-left: 14px; }
}
.board-shell { grid-template-columns: 220px minmax(0, 1fr); }
.board-shell.sidebar-collapsed { grid-template-columns: 74px minmax(0, 1fr); }
.board-shell .workspace-sidebar { position: sticky; top: 0; align-self: start; height: 100vh; max-height: 100vh; overflow-y: auto; padding: 25px 13px 17px; }
.board-shell .sidebar-collapse { position: absolute; z-index: 2; top: 27px; right: -12px; display: grid; place-items: center; margin: 0; border: 1px solid #dfe4ec; border-radius: 50%; background: #fff; color: #627087; font-size: 18px; line-height: 1; box-shadow: 0 4px 12px rgba(17,24,39,.12); }
.board-shell .sidebar-collapse:hover { color: #5b5ce2; border-color: #c8caf5; }
.board-shell .sidebar-brand { min-height: auto; padding: 0 11px 26px; }
.board-shell .sidebar-brand img { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: #03050f; box-shadow: 0 7px 18px rgba(91,92,226,.3); }
.board-shell .sidebar-brand strong { font-size: 14px; letter-spacing: .04em; }
.board-shell .sidebar-brand small { margin-top: 1px; color: #73829b; font-size: 9px; }
.board-shell .board-order-chip { margin: 0 5px 14px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; background: rgba(255,255,255,.045); }
.board-order-chip span, .board-order-chip b, .board-order-chip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-order-chip span { color: #708099; font-size: 10px; }
.board-order-chip b { margin-top: 4px; color: #f3f7ff; font-size: 13px; }
.board-order-chip small { margin-top: 4px; color: #8694aa; font-size: 10px; }
.board-shell .nav-caption { margin: 0 11px 8px; color: #67758d; font-size: 9px; letter-spacing: .12em; }
.board-shell .side-link { height: 38px; padding: 0 11px; border-radius: 9px; gap: 10px; color: #96a4ba; }
.board-shell .side-link:hover, .board-shell .side-link.active { color: #fff; background: rgba(104,106,244,.18); }
.board-shell .side-link.active { box-shadow: inset 3px 0 #7779ff; }
.board-shell .side-icon { width: 21px; height: 21px; border-radius: 6px; color: #8190a8; font-size: 11px; }
.board-shell .side-link.active .side-icon { background: #696bf2; color: #fff; }
.board-sidebar-access-label { margin: 24px 11px 8px; color: #67758d; font-size: 9px; letter-spacing: .12em; }
.board-sidebar-access { margin: 10px 5px 16px; padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(255,255,255,.045); }
.board-sidebar-access span, .board-sidebar-access strong { display: block; }
.board-sidebar-access span { color: #78869d; font-size: 10px; }
.board-sidebar-access strong { margin-top: 4px; color: #f2f5ff; font-size: 12px; }
.board-sidebar-access p { display: flex; align-items: center; gap: 5px; margin: 8px 0 0; color: #76d4bc; font-size: 10px; }
.board-sidebar-access i, .board-sidebar-health i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.board-sidebar-health { margin: 0 5px 16px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; background: rgba(255,255,255,.04); }
.board-sidebar-health-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #edf1fb; font-size: 10px; font-weight: 650; }
.board-sidebar-health-title b { color: #76d4bc; font-size: 9px; font-weight: 650; white-space: nowrap; }
.board-sidebar-health-title b.warn { color: #f0bb62; }
.board-sidebar-health-title b.bad { color: #f17f86; }
.board-sidebar-health-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 9px; color: #8190a8; font-size: 9px; }
.board-sidebar-health-line span { display: flex; align-items: center; gap: 6px; min-width: 0; }
.board-sidebar-health-line b { color: #c6d0e0; font-size: 9px; font-weight: 550; white-space: nowrap; }
.board-sidebar-health-line i.warn { background: #d7902f; }
.board-sidebar-health-line i.bad { background: #d45d6d; }
.board-sidebar-footnote { padding: 11px 10px 0; border-top: 1px solid rgba(255,255,255,.08); color: #74829a; font-size: 10px; line-height: 1.45; }
.board-shell .sidebar-footer { padding: 11px 10px 0; border-top: 0; }
.board-shell .sidebar-footer > span:not(.health-dot) { overflow: hidden; text-overflow: ellipsis; }
.board-shell.sidebar-collapsed .sidebar-brand { justify-content: center; padding: 0; }
.board-shell.sidebar-collapsed .board-order-chip { margin: 0 5px 14px; padding: 0; border-color: transparent; background: transparent; text-align: center; }
.board-shell.sidebar-collapsed .board-sidebar-access-label, .board-shell.sidebar-collapsed .board-sidebar-access, .board-shell.sidebar-collapsed .board-sidebar-health, .board-shell.sidebar-collapsed .board-sidebar-footnote { display: none; }
.board-shell.sidebar-collapsed .side-link { width: 48px; margin: 0 auto; padding: 0; justify-content: center; gap: 0; font-size: 0; }
.board-shell.sidebar-collapsed .side-link:not(.active) { opacity: 1; width: 48px; }
.board-shell.sidebar-collapsed .side-link .side-icon { width: 32px; height: 32px; font-size: 13px; }
.board-shell.sidebar-collapsed .sidebar-footer { justify-content: center; }
.board-shell.sidebar-collapsed .sidebar-footer > span:not(.health-dot) { display: none; }
.board-shell.sidebar-collapsed .sidebar-collapse { margin-left: 0; }
.board-meta-pill { display: inline-flex; gap: 7px; align-items: center; height: 31px; padding: 0 10px; border: 1px solid #e0e7f1; border-radius: 8px; background: #fff; color: #96a0b0; font-size: 11px; }
.board-meta-pill b { color: #40516e; font-weight: 600; }
.pitcher-panel { overflow: hidden; }
.pitcher-table { min-width: 720px !important; }
.pitcher-table th, .pitcher-table td { padding: 10px 14px; }
.rank-number { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; color: #8792a3; background: #f1f3f7; font-size: 11px; font-weight: 700; }
.rank-number.top { color: #fff; background: #557ee8; }
.sort-caption { color: #557ee8; font-size: 11px; }
.rate-pill { display: inline-flex; padding: 4px 9px; border-radius: 999px; color: #4785d9; background: #eff4ff; font-size: 11px; }
.pitcher-name, .lead-pitcher strong { color: #3c5fbe; font-weight: 650; }
.pitcher-cell { min-width: 170px; }
.pitcher-cell > strong, .pitcher-cell > small { display: block; }
.pitcher-cell > small { margin: 3px 0 4px; color: #96a0b0; font-size: 10px; }
.pitcher-cell .employee-tag { height: 20px; padding: 0 6px; font-size: 10px; line-height: 20px; }
.board-summary-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid var(--workspace-line); border-radius: 12px; background: var(--workspace-line); }
.board-summary-strip > div { padding: 11px 14px; background: #fff; }
.board-summary-strip span, .board-summary-strip b { display: block; }
.board-summary-strip span { color: #96a0b0; font-size: 11px; }
.board-summary-strip b { margin-top: 5px; color: #30405c; font-size: 20px; }
.board-info-tip { position: relative; display: inline-flex; align-items: center; vertical-align: middle; }
.board-info-tip > button { display: inline-grid; place-items: center; width: 16px; height: 16px; padding: 0; border: 1px solid #c7d2e4; border-radius: 50%; color: #7890b1; background: #f7f9fc; font-size: 10px; font-weight: 700; line-height: 1; }
.board-info-tip > button:hover, .board-info-tip.open > button { color: #fff; border-color: var(--workspace-blue); background: var(--workspace-blue); }
.board-info-popover { position: fixed; z-index: 90; display: none !important; width: min(320px, calc(100vw - 24px)); padding: 11px 13px; border: 1px solid #dce4f0; border-radius: 10px; color: #69778e; background: #fff; box-shadow: 0 14px 34px rgba(38, 58, 92, .16); font-size: 11px; font-weight: 400; line-height: 1.65; text-align: left; white-space: normal; }
.board-info-tip.open .board-info-popover { display: block !important; }
.board-info-popover strong { display: block; margin-bottom: 3px; color: #344563; font-size: 12px; }
.board-health-panel, .board-definition-panel { margin-top: 16px; overflow: visible; }
.board-health-panel .section-heading, .board-definition-panel .section-heading { padding-bottom: 15px; }
.board-health-overall { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 172px; padding: 8px 11px; border: 1px solid #d5eee4; border-radius: 9px; color: #22966d; background: #f2fbf7; }
.board-health-overall i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(40, 168, 121, .12); }
.board-health-overall b { font-size: 11px; font-weight: 700; }
.board-health-overall small { width: 100%; margin-left: 13px; color: #7d988e; font-size: 10px; }
.board-health-overall.warn { border-color: #f0dfbd; color: #b27b28; background: #fffaf0; }
.board-health-overall.warn i { box-shadow: 0 0 0 4px rgba(201, 141, 50, .12); }
.board-health-overall.warn small { color: #9c8967; }
.board-health-overall.bad { border-color: #f1d0d3; color: #c45e68; background: #fff6f7; }
.board-health-overall.bad i { box-shadow: 0 0 0 4px rgba(196, 94, 104, .12); }
.board-health-overall.bad small { color: #9f7b80; }
.board-health-summary { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; margin: 0 24px 14px; border: 1px solid var(--workspace-line); border-radius: 10px; overflow: hidden; background: var(--workspace-line); }
.board-health-summary > div { min-width: 0; padding: 11px 12px; background: #fbfcfe; }
.board-health-summary span, .board-health-summary b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-health-summary span { color: #8793a7; font-size: 10px; }
.board-health-summary span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #3bb88d; }
.board-health-summary span i.warn { background: #d39a3d; }
.board-health-summary span i.bad { background: #d66c76; }
.board-health-summary span i.info { background: #6e93e7; }
.board-health-summary b { margin-top: 5px; color: #344563; font-size: 12px; font-weight: 650; }
.board-health-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 0 24px 16px; }
.board-health-card { min-height: 78px; padding: 10px 11px 9px; border: 1px solid #e5eaf2; border-radius: 9px; background: #fff; }
.board-health-card > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.board-health-card strong { color: #53627b; font-size: 11px; font-weight: 600; }
.board-health-card b { color: #2f9c75; font-size: 12px; font-weight: 700; text-align: right; }
.board-health-card p { margin: 5px 0 0; color: #8b97aa; font-size: 10px; line-height: 1.45; }
.board-health-card.warn { border-color: #f0e0c1; background: #fffaf1; }
.board-health-card.warn b { color: #b27b28; }
.board-health-card.bad { border-color: #f1d2d5; background: #fff7f8; }
.board-health-card.bad b { color: #c45e68; }
.board-health-card.info { border-color: #dce6fb; background: #f8faff; }
.board-health-card.info b { color: #5a7fd2; }
.board-definition-panel .section-heading { padding-bottom: 13px; }
.board-definition-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 0 24px; }
.board-definition-item { display: flex; gap: 10px; min-width: 0; padding: 10px 12px; border: 1px solid #e6ebf3; border-radius: 9px; background: #fbfcfe; }
.board-definition-item > span { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border-radius: 8px; color: #557ee8; background: #edf3ff; font-size: 12px; font-weight: 800; }
.board-definition-item strong, .board-definition-item small { display: block; }
.board-definition-item strong { color: #3d4c67; font-size: 12px; }
.board-definition-item small { margin-top: 4px; color: #8a96a9; font-size: 10px; line-height: 1.55; }
.board-definition-notes { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 10px 24px 14px; color: #8995a8; font-size: 10px; }
.board-definition-notes b { color: #5d6d87; }
.board-account-panel, .realtime-panel { overflow: hidden; }
.board-filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--workspace-line); }
.quick-sort, .board-tools, .board-account-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.quick-sort > span { margin-right: 4px; color: #8b96a8; font-size: 11px; }
.quick-sort-button { height: 32px; padding: 0 11px; border: 1px solid #e0e6ef; border-radius: 7px; color: #748199; background: #fff; font-size: 11px; }
.quick-sort-button:hover, .quick-sort-button.active { color: #4f72d2; border-color: #b9c9f4; background: #f2f6ff; }
.board-tools select, .board-tools input { height: 34px; padding: 0 9px; border: 1px solid #e0e6ef; border-radius: 7px; color: #748199; background: #fff; outline: 0; font-size: 11px; }
.board-tools input { width: 190px; }
.board-tools .primary-button, .board-tools .plain-button { height: 34px; padding: 0 11px; font-size: 11px; }
.board-account-actions { padding: 9px 18px; color: #8d98aa; font-size: 10px; }
.board-account-actions > span:first-child { margin-right: auto; }
.board-account-actions .result-count { color: #9aa4b4; }
.account-table-scroll { border-top: 0; }
.account-status-table { min-width: 1080px !important; }
.account-status-table th, .account-status-table td { padding: 8px 11px; }
.account-status-table th { background: #fbfcfe; }
.account-status-table td { vertical-align: middle; }
.account-status-table .account-name-cell { min-width: 220px; }
.account-status-table .account-info { min-width: 0; gap: 7px; }
.account-status-table .account-info strong { color: #2e3d58; }
.account-status-table .account-info small { color: #8b96a8; }
.account-status-table .account-note { display: block; width: fit-content; max-width: 210px; }
.metric-cell { min-width: 64px; text-align: center; }
.metric-cell strong, .metric-cell small { display: block; }
.metric-cell strong { color: #2f3d57; font-size: 17px; font-variant-numeric: tabular-nums; }
.metric-cell small { margin-top: 3px; color: #9aa4b4; font-size: 10px; }
.metric-cell.valid strong { color: #279e74; }
.metric-cell.duplicate strong { color: #c68732; }
.metric-cell.dual { min-width: 132px; }
.metric-cell.dual strong { font-size: 15px; white-space: nowrap; }
.metric-cell.inventory strong { color: #5a7fd2; }
.board-row-actions { min-width: 158px; justify-content: flex-start; }
.board-row-actions .primary-button { min-height: 32px; height: 32px; padding: 0 11px; color: #fff; border: 0; background: #557ee8; font-size: 11px; }
.board-row-actions .plain-button { min-height: 32px; height: 32px; padding: 0 9px; font-size: 11px; }
.realtime-table-scroll { border-top: 0; }
.realtime-table { min-width: 0 !important; width: 100%; table-layout: fixed; }
.realtime-table th, .realtime-table td { padding: 9px 10px; white-space: normal; }
.realtime-table th:nth-child(1), .realtime-table td:nth-child(1) { width: 12%; }
.realtime-table th:nth-child(2), .realtime-table td:nth-child(2) { width: 8%; }
.realtime-table th:nth-child(3), .realtime-table td:nth-child(3) { width: 15%; }
.realtime-table th:nth-child(4), .realtime-table td:nth-child(4) { width: 17%; }
.realtime-table th:nth-child(5), .realtime-table td:nth-child(5) { width: 6%; text-align: center; }
.realtime-table th:nth-child(6), .realtime-table td:nth-child(6) { width: 6%; text-align: center; }
.realtime-table th:nth-child(7), .realtime-table td:nth-child(7) { width: 7%; text-align: center; }
.realtime-table th:nth-child(8), .realtime-table td:nth-child(8) { width: 7%; text-align: center; }
.realtime-table th:nth-child(9), .realtime-table td:nth-child(9) { width: 5%; text-align: center; }
.realtime-table th:nth-child(10), .realtime-table td:nth-child(10) { width: 17%; }
.realtime-table th { background: #fbfcfe; }
.realtime-table td { vertical-align: middle; }
.realtime-table .account-info { min-width: 0; gap: 6px; }
.realtime-table .account-info > div:last-child { min-width: 0; }
.realtime-table .account-info strong, .realtime-table .account-info small { white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.realtime-table .account-info strong, .realtime-table .account-info small { max-height: none; overflow: visible; }
.realtime-table .lead-note { max-width: none; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.realtime-table .lead-note .account-note, .realtime-table .lead-note .ads-pitcher { display: inline; margin: 0 3px 0 0; white-space: normal; }
.realtime-table .lead-time { min-width: 0; white-space: normal; line-height: 1.35; }
.account-status-table .pitcher-cell { min-width: 150px; white-space: normal; }
.account-status-table .pitcher-cell .ads-pitcher { margin-left: 0; line-height: 1.55; }
.account-status-table .account-last-seen { display: block; margin-top: 6px; color: #a0aabc; font-size: 10px; line-height: 1.4; }
.account-status-table .account-last-seen small { margin-top: 1px; color: #a0aabc; font-size: 10px; }
.account-status-table .account-info > div:last-child { min-width: 0; }
.account-status-table .account-info strong, .account-status-table .account-info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.realtime-table .account-info strong { color: #2e3d58; }
.lead-subline { display: block; margin-top: 4px; color: #9ba5b4; font-size: 10px; }
.lead-pitcher strong, .lead-pitcher small { display: block; }
.lead-pitcher small { margin-top: 4px; color: #9ba5b4; font-size: 10px; }
.lead-time { min-width: 150px; color: #52617a !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lead-quality { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.quality-pill { display: inline-flex; min-width: 28px; justify-content: center; padding: 3px 6px; border-radius: 5px; font-size: 10px; }
.quality-pill.valid { color: #228e67; background: #eaf8f2; }
.quality-pill.duplicate { color: #b87929; background: #fff4df; }
.quality-pill.muted { color: #a4adba; background: #f3f5f7; }
.realtime-panel .lead-toolbar { padding: 17px 22px; border-bottom: 1px solid var(--workspace-line); }
.realtime-panel .lead-toolbar #lead-search { width: 220px; height: 34px; border-color: #e0e6ef; }
.realtime-panel .lead-account-hint { width: 100%; order: 5; }
.topbar-health { margin-left: 0; height: 32px; padding: 0 10px; border-radius: 8px; font-size: 11px; }
.topbar-health i { width: 7px; height: 7px; }
.environment-modal .dialog { width: min(1180px, calc(100vw - 30px)); }
.env-dialog-new { max-height: calc(100vh - 30px); }
.environment-form-body { padding: 4px 24px 0; overflow: auto; }
.environment-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.environment-columns > section, .fingerprint-section { padding: 15px 0 20px; }
.environment-columns h3, .fingerprint-section h3 { margin: 0 0 14px; color: #26354f; font-size: 14px; }
.env-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.env-form-grid label { display: grid; gap: 6px; color: #7e899b; font-size: 11px; }
.env-span-2 { grid-column: span 2; }
.env-inline-actions { display: flex; align-items: center; gap: 8px; padding-top: 19px; }
.env-inline-actions .proxy-result { margin: 0; padding: 7px 9px; font-size: 11px; white-space: nowrap; }
.fingerprint-section { border-top: 1px solid #edf0f5; }
.fingerprint-section .section-heading { padding: 0 0 14px; }
.fingerprint-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.env-dialog-new .env-footer { margin: 0 -24px; }
.muted-text { color: #a3adba; font-size: 11px; }
@media (max-width: 1200px) {
  .workspace-content { padding-left: 22px; padding-right: 22px; }
  .workspace-topbar { padding-left: 22px; padding-right: 22px; }
  .overview-grid { grid-template-columns: 1fr; }
  .admin-kpis, .board-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .board-filter-bar { align-items: flex-start; flex-direction: column; }
  .board-tools { width: 100%; }
  .board-health-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-left: 16px; margin-right: 16px; }
  .board-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 16px; padding-right: 16px; }
  .board-definition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 820px) {
  .workspace-shell, .workspace-shell.sidebar-collapsed { display: block; }
  .workspace-sidebar { position: fixed; inset: 0 auto 0 0; width: 230px; min-height: 100vh; transform: translateX(-102%); transition: transform .2s ease; }
  .board-shell .workspace-sidebar { position: fixed; width: 230px; }
  .workspace-shell:not(.sidebar-collapsed) .workspace-sidebar { transform: translateX(0); box-shadow: 18px 0 40px rgba(16, 27, 48, .22); }
  .workspace-shell.sidebar-collapsed .workspace-sidebar { width: 230px; }
  .workspace-main { min-height: 100vh; }
  .mobile-sidebar-toggle { display: block; }
  .workspace-topbar { min-height: 70px; padding: 12px 16px; }
  .topbar-notice { display: none; }
  .workspace-content { padding: 22px 14px 48px; }
  .page-heading { align-items: flex-start; flex-direction: column; margin-bottom: 18px; }
  .heading-actions { justify-content: flex-start; }
  .release-lower-grid, .environment-columns { grid-template-columns: 1fr; }
  .board-summary-strip { grid-template-columns: repeat(2, 1fr); }
  .board-health-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-left: 16px; margin-right: 16px; }
  .board-health-grid { grid-template-columns: 1fr; padding-left: 16px; padding-right: 16px; }
  .board-definition-grid { grid-template-columns: 1fr; }
  .board-definition-notes { padding-left: 16px; padding-right: 16px; }
  .board-tools input { flex: 1; width: auto; }
  .environment-form-body { padding-left: 16px; padding-right: 16px; }
  .env-dialog-new .env-footer { margin-left: -16px; margin-right: -16px; }
}
@media (max-width: 540px) {
  .admin-kpis, .board-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }
  .stat-card { min-height: 104px; padding: 14px; }
  .stat-card b { font-size: 23px; }
  .stat-card small { font-size: 10px; }
  .quick-sort { width: 100%; }
  .quick-sort-button { flex: 1; padding-left: 5px; padding-right: 5px; }
  .board-tools select { flex: 1; }
  .board-tools .primary-button, .board-tools .plain-button { flex: 1; }
  .board-account-actions { align-items: flex-start; }
  .board-account-actions > span:first-child { width: 100%; }
  .section-heading, .table-toolbar-inline { padding-left: 16px; padding-right: 16px; }
  .form-row, .inline-form { padding-left: 16px; padding-right: 16px; }
  .env-form-grid, .fingerprint-grid { grid-template-columns: 1fr; }
  .env-span-2 { grid-column: auto; }
  .env-inline-actions { padding-top: 0; }
}

/* Dense board presentation: keep the lower panels useful without making the data feel cramped. */
.board-content .overview-grid { gap: 12px; }
.board-content .page-heading { margin-bottom: 16px; }
.board-content .board-kpis { margin-bottom: 12px; }
.board-content .board-summary-strip, .board-content .board-health-panel, .board-content .board-definition-panel { margin-top: 12px; }
.board-content .board-health-summary { margin-bottom: 10px; }
.board-content .board-health-card p { max-height: none; overflow: visible; }
.board-content .account-status-table .employee-group td { padding-top: 6px; padding-bottom: 6px; }
.board-content .account-status-table .account-last-seen { margin-top: 3px; line-height: 1.25; }
.board-content .account-status-table .account-last-seen small { margin-top: 0; }

@media (max-width: 1200px) {
  .realtime-table { min-width: 920px !important; }
}