/* 客户需求表单：复用 ODOC / 商务业绩设计语言 */
#page-customer-forms { color:#202b46; }
#page-customer-forms.active { display:flex!important; flex-direction:column; width:100%; height:auto; min-height:100%; overflow:visible; }
.content-scroll:has(#page-customer-forms.active) { overflow-y:auto!important; padding-bottom:18px!important; }
.customer-forms-page-head { flex:0 0 auto; align-items:flex-start; min-height:58px; margin-bottom:10px; }
.customer-forms-heading-copy { min-width:0; }
.customer-form-title-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.customer-form-title-row h1 { margin:0; }
.customer-forms-page-head p { max-width:780px; margin:4px 0 0; line-height:1.45; }
.customer-forms-status-capsule { display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:3px 10px; color:#5f56d9; background:#f2f0ff; border:1px solid #dcd8ff; border-radius:999px; font-size:12px; font-weight:700; white-space:nowrap; }
.customer-forms-status-capsule.ready { color:#07875d; background:#ecf9f3; border-color:#c8eedf; }
.customer-forms-status-capsule.stale { color:#b56105; background:#fff7e8; border-color:#f9dfb5; }
.customer-forms-status-capsule.error { color:#c2414c; background:#fff1f2; border-color:#fecdd3; }

.customer-form-kpis { flex:0 0 auto; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; margin:0 0 12px!important; }
.customer-form-kpi { display:flex!important; grid-template-columns:none!important; align-items:center!important; gap:13px!important; min-height:96px!important; padding:14px 16px!important; overflow:hidden; border-color:#e3e8f2!important; border-radius:12px!important; box-shadow:0 5px 16px rgba(33,47,82,.045)!important; }
.customer-form-kpi .performance-kpi-icon { display:grid!important; place-items:center!important; grid-column:auto!important; grid-row:auto!important; place-self:auto!important; flex:0 0 46px!important; width:46px!important; height:46px!important; color:#7463f5!important; background:#efeaff!important; border-radius:50%!important; font-size:20px!important; line-height:1!important; }
.customer-form-kpi .performance-kpi-icon i { display:block; font-size:20px!important; line-height:1!important; }
.customer-form-kpi > div:last-child { display:grid!important; min-width:0; gap:2px; }
.customer-form-kpi > div:last-child > span { font-size:12px!important; font-weight:750!important; }
.customer-form-kpi > div:last-child > strong { margin:1px 0 0!important; font-size:23px!important; }
.customer-form-kpi > div:last-child > small { margin-top:5px!important; overflow:hidden; font-size:11px!important; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-kpi.cyan .performance-kpi-icon { color:#138e9c!important; background:#e8f8fa!important; }
.customer-form-kpi.green .performance-kpi-icon { color:#079b61!important; background:#e8f8f0!important; }
.customer-form-kpi.orange .performance-kpi-icon { color:#ed8432!important; background:#fff0e2!important; }
.customer-form-kpi strong { font-variant-numeric:tabular-nums; }

.customer-forms-workspace { display:flex; flex:0 0 auto; flex-direction:column; min-height:0; gap:12px; }
.customer-forms-view-tabs { display:flex; flex:0 0 auto; gap:8px; min-width:0; }
.customer-forms-view-tabs button { display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:9px; flex:1 1 0; min-width:0; min-height:62px; padding:10px 13px; color:#526079; background:#fff; border:1px solid #e1e6f0; border-radius:12px; box-shadow:0 4px 14px rgba(28,39,71,.04); text-align:left; cursor:pointer; transition:.18s ease; }
.customer-forms-view-tabs button > i { grid-row:1 / 3; display:grid; place-items:center; width:34px; height:34px; color:#665cf6; background:#f0efff; border-radius:9px; font-size:16px; }
.customer-forms-view-tabs button > span { overflow:hidden; color:#2e3a59; font-size:13px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.customer-forms-view-tabs button > small { overflow:hidden; color:#8a94a8; font-size:10.5px; text-overflow:ellipsis; white-space:nowrap; }
.customer-forms-view-tabs button:hover { background:#fafaff; border-color:#d8d4ff; }
.customer-forms-view-tabs button.active { background:#f3f1ff; border-color:#d8d4ff; box-shadow:0 4px 12px rgba(94,82,230,.11); }
.customer-forms-view-tabs button.active > i { color:#fff; background:#665cf6; }
.customer-forms-view-tabs button.active > span { color:#4b42c7; }
.customer-forms-filter-card { flex:0 0 auto; padding:0!important; overflow:visible; border:1px solid #e1e6f0!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(28,39,71,.045)!important; }
.customer-forms-filter-card .customer-forms-filterbar { border-radius:12px!important; }
.customer-forms-view-panel { min-width:0; min-height:0; }
.customer-forms-view-panel.active { display:block; flex:1 1 auto; min-height:0; }
#customerFormsInsightsPanel.active { display:block; flex:0 0 auto; }
#customerFormsInsightsPanel.active .customer-form-insight-content { min-height:0; overflow:visible; }
#customerFormsDetailsPanel.active { display:flex; flex-direction:column; }
#customerFormsDetailsPanel.active .customer-form-list-card { flex:1 1 auto; }
.customer-form-insight-status { display:flex; align-items:center; gap:8px; flex:0 0 auto; min-height:40px; margin:0; padding:9px 13px; color:#5a6080; background:#f8f9fd; border:1px solid #e2e6f0; border-radius:10px; font-size:12px; }
.customer-insight-form-tabs { display:flex; align-items:center; gap:7px; margin:0 0 9px; padding:5px; overflow:auto; background:#f5f6fb; border:1px solid #e0e5ef; border-radius:11px; scrollbar-width:thin; }
.customer-insight-form-tabs button { display:inline-flex; flex:1 0 auto; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:7px 14px; color:#66738a; background:transparent; border:0; border-radius:7px; font-size:12px; font-weight:780; white-space:nowrap; cursor:pointer; transition:.18s ease; }
.customer-insight-form-tabs button:hover { color:#4e46cf; background:#fff; }
.customer-insight-form-tabs button.active { color:#fff; background:#6758f5; box-shadow:0 3px 8px rgba(103,88,245,.24); }
.customer-insight-form-tabs button:focus-visible { outline:0; box-shadow:0 0 0 3px rgba(103,88,245,.24); }
.customer-insight-form-tabs button small { padding:1px 5px; color:inherit; background:rgba(255,255,255,.18); border-radius:999px; font-size:10px; font-weight:750; line-height:1.35; }
.customer-insight-form-tabs button:not(.active) small { color:#7c879b; background:#e9edf5; }
.customer-form-insight-status > i { color:#665cf6; font-size:15px; }
.customer-form-insight-status.ready { color:#0c7957; background:#effaf5; border-color:#ccebdd; }
.customer-form-insight-status.ready > i { color:#079b61; }
.customer-form-insight-status.error { color:#b43b47; background:#fff3f4; border-color:#fecdd3; }
.customer-form-insight-status.error > i { color:#cc4b57; }
.customer-form-insight-status.empty { color:#6c7487; background:#f8f9fb; }
.customer-form-insight-content { min-height:0; padding-top:12px; overflow:visible; }
.customer-form-insight-state { display:grid; place-items:center; align-content:center; gap:8px; min-height:330px; padding:42px 20px; color:#8b95a8; background:#fff; border:1px solid #e1e6f0; border-radius:12px; text-align:center; }
.customer-form-insight-state strong { color:#47546c; font-size:14px; }
.customer-form-insight-state span { max-width:420px; font-size:12px; line-height:1.55; }
.customer-form-insight-state > i { color:#a1aabc; font-size:31px; }
.customer-form-insight-state.error > i { color:#d65c67; }
.customer-form-insight-state .btn { margin-top:4px; }
.customer-insight-scope-strip { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; padding:12px 14px; color:#525f78; background:#fff; border:1px solid #e1e6f0; border-radius:12px; box-shadow:0 4px 14px rgba(28,39,71,.04); }
.customer-insight-scope-strip > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; min-width:0; }
.customer-insight-scope-strip span { color:#35415e; font-size:13px; font-weight:800; }
.customer-insight-scope-strip span i { margin-right:4px; color:#665cf6; }
.customer-insight-scope-strip strong { padding:3px 8px; color:#5d54d2; background:#f1efff; border-radius:6px; font-size:10.5px; }
.customer-insight-scope-strip p { max-width:430px; margin:0; color:#788399; font-size:11px; line-height:1.5; }
.customer-insight-scope-strip p i { color:#7d74e9; }
.customer-insight-grid { display:grid; grid-template-columns:minmax(0,1.48fr) minmax(300px,.82fr); gap:12px; padding-bottom:2px; }
.customer-insight-card { min-width:0; overflow:hidden; border:1px solid #e1e6f0!important; border-radius:12px!important; box-shadow:0 4px 14px rgba(28,39,71,.045)!important; }
.customer-insight-card-wide { grid-column:1; }
.customer-insight-card-side { grid-column:2; }
.customer-insight-demand-card { grid-column:1; }
.customer-insight-budget-area-card { grid-column:1 / -1; }
.customer-insight-options-card { grid-column:1 / -1; }
.customer-insight-tags-card { grid-column:1; }
.customer-insight-decision-card { grid-column:2; }
.customer-insight-card .octal-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-height:0; padding:15px 16px 12px; border-bottom:1px solid #edf0f5; }
.customer-insight-card .octal-card-head h3 { margin:0; color:#27344f; font-size:clamp(14px,.4vw + 8px,16px); line-height:1.4; }
.customer-insight-card .octal-card-head p { margin:4px 0 0; color:#78859a; font-size:clamp(11px,.28vw + 6px,12px); font-weight:550; line-height:1.55; }
.customer-insight-head-badge { display:inline-flex; align-items:center; gap:4px; flex:0 0 auto; padding:4px 7px; color:#6258df; background:#f2f0ff; border-radius:6px; font-size:10px; font-weight:800; white-space:nowrap; }
.customer-insight-bars,.customer-insight-demand-map { display:grid; gap:11px; padding:14px 16px 16px; }
.customer-insight-bar-row { display:grid; grid-template-columns:minmax(122px,.72fr) minmax(160px,1.5fr) minmax(106px,.58fr); align-items:center; gap:12px; min-width:0; }
.customer-insight-bar-label { display:grid; gap:3px; min-width:0; }
.customer-insight-bar-label strong,.customer-insight-bar-label small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-insight-bar-label strong { color:#3d4964; font-size:clamp(12px,.34vw + 7px,13px); line-height:1.4; }
.customer-insight-bar-label small { color:#78859a; font-size:clamp(10.5px,.26vw + 6px,11.5px); font-weight:600; }
.customer-insight-bar-track { height:10px; overflow:hidden; background:#edf0f6; border-radius:999px; }
.customer-insight-bar-track i { display:block; min-width:7px; height:100%; background:linear-gradient(90deg,#776cf0,#a098fb); border-radius:inherit; }
.customer-insight-demand-map .customer-insight-bar-track i { background:linear-gradient(90deg,#3984d8,#76a9ed); }
.customer-insight-bar-value { display:flex; align-items:baseline; justify-content:flex-end; gap:7px; min-width:0; color:#65718a; font-variant-numeric:tabular-nums; white-space:nowrap; }
.customer-insight-bar-value strong { color:#35415e; font-size:clamp(12.5px,.34vw + 7px,13.5px); }
.customer-insight-bar-value span { color:#675ce7; font-size:clamp(11.5px,.3vw + 7px,12.5px); font-weight:850; }
.customer-insight-quality-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#e9edf4; }
.customer-insight-quality-grid > div { display:grid; align-content:center; min-height:95px; gap:5px; padding:13px 14px; background:#fff; }
.customer-insight-quality-grid i { color:#665cf6; font-size:16px; }
.customer-insight-quality-grid span { color:#717e94; font-size:clamp(11px,.3vw + 6px,12px); font-weight:750; }
.customer-insight-quality-grid strong { color:#27344f; font-size:clamp(21px,.8vw + 10px,26px); font-variant-numeric:tabular-nums; }
.customer-insight-quality-grid > div.warning i,.customer-insight-quality-grid > div.warning strong { color:#c77a13; }
.customer-insight-pill-list { display:flex; flex-wrap:wrap; gap:8px; padding:14px 16px; }
.customer-insight-pill { display:inline-flex; align-items:center; min-height:29px; max-width:100%; padding:5px 8px; overflow:hidden; color:#4e5b73; background:#f8f9fc; border:1px solid #e0e5ee; border-radius:7px; font-size:11px; line-height:1.35; text-overflow:ellipsis; }
.customer-insight-pill.purple { color:#5c53d5; background:#f4f2ff; border-color:#dfdbff; }
.customer-insight-pill.blue { color:#3173bb; background:#f0f7ff; border-color:#d8e8fb; }
.customer-insight-card-foot { display:flex; align-items:flex-start; gap:7px; padding:0 16px 15px; color:#8590a4; font-size:10.5px; line-height:1.5; }
.customer-insight-card-foot i { margin-top:1px; color:#7d74e9; }
.customer-budget-area-matrix { display:grid; min-width:760px; padding:14px 16px 16px; overflow-x:auto; font-variant-numeric:tabular-nums; }
.customer-budget-area-row { display:grid; grid-template-columns:minmax(154px,1.35fr) 74px repeat(4,minmax(104px,1fr)); border:1px solid #e4e8f0; border-top:0; background:#fff; }
.customer-budget-area-row:first-child { border-top:1px solid #e4e8f0; border-radius:8px 8px 0 0; }
.customer-budget-area-row:last-child { border-radius:0 0 8px 8px; }
.customer-budget-area-header { color:#77839a; background:#f7f9fd; font-size:11px; font-weight:800; }
.customer-budget-area-header > span { display:grid; align-items:center; min-height:34px; padding:7px 9px; border-right:1px solid #e4e8f0; }
.customer-budget-area-header > span:last-child { border-right:0; }
.customer-budget-area-budget,.customer-budget-area-total,.customer-budget-area-cell { display:grid; align-content:center; min-height:58px; padding:8px 9px; border-right:1px solid #e4e8f0; }
.customer-budget-area-cell:last-child { border-right:0; }
.customer-budget-area-budget strong { color:#36425e; font-size:clamp(12px,.35vw + 7px,13px); font-weight:800; }
.customer-budget-area-total { justify-items:center; gap:1px; color:#5148d7; background:#fbfaff; }
.customer-budget-area-total strong,.customer-budget-area-cell strong { font-size:clamp(14px,.45vw + 8px,16px); line-height:1.2; }
.customer-budget-area-total small,.customer-budget-area-cell small { color:#7a879b; font-size:10.5px; font-weight:650; }
.customer-budget-area-cell { grid-template-columns:minmax(0,1fr) auto; column-gap:7px; color:#3f4c66; }
.customer-budget-area-cell > span { display:none; }
.customer-budget-area-cell small { grid-column:1 / -1; }
.customer-insight-decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#e9edf4; }
.customer-insight-decision-grid > div { display:grid; align-content:center; min-height:118px; gap:5px; padding:14px; background:#fff; }
.customer-insight-decision-grid span { color:#717e94; font-size:clamp(11px,.3vw + 6px,12px); font-weight:750; }
.customer-insight-decision-grid strong { color:#28354f; font-size:clamp(21px,.8vw + 10px,26px); font-variant-numeric:tabular-nums; }
.customer-insight-decision-grid small { color:#78859a; font-size:clamp(10.5px,.26vw + 6px,11.5px); font-weight:600; line-height:1.55; }
.customer-insight-decision-grid > div.warning strong { color:#c27a18; }
/* The option count is data-dependent.  CSS multi-columns form a responsive
   masonry layout: short cards naturally fill gaps below long cards, and the
   browser rebalances whenever a new cached insight or viewport size arrives. */
.customer-insight-option-grid { column-count:3; column-gap:10px; column-fill:balance; padding:14px 16px 2px; }
.customer-insight-option-group { display:inline-block; box-sizing:border-box; break-inside:avoid-column; width:100%; min-width:0; margin:0 0 10px; padding:11px; background:#fbfcff; border:1px solid #e4e8f0; border-radius:9px; vertical-align:top; }
.customer-insight-option-group.purple { background:#fbfaff; border-color:#e6e1ff; }
.customer-insight-option-group.blue { background:#f9fcff; border-color:#dceaf9; }
.customer-insight-option-group.green { background:#f8fdfb; border-color:#d9f0e4; }
.customer-insight-option-group.orange { background:#fffaf4; border-color:#f6e3cf; }
.customer-insight-option-group.slate { background:#fafbfc; border-color:#e4e8ee; }
.customer-insight-option-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding-bottom:9px; border-bottom:1px solid rgba(218,224,235,.8); }
.customer-insight-option-head > div { min-width:0; }
.customer-insight-option-head h4 { min-width:0; margin:0; overflow:hidden; color:#3d4964; font-size:clamp(12.5px,.42vw + 7px,14px); font-weight:800; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.customer-insight-option-head small { display:block; overflow:hidden; margin-top:3px; color:#78859a; font-size:clamp(10.5px,.28vw + 6px,11.5px); font-weight:600; line-height:1.48; text-overflow:ellipsis; white-space:nowrap; }
.customer-insight-option-head span { flex:0 0 auto; color:#6f7d95; font-size:clamp(10.5px,.3vw + 6px,11.5px); font-variant-numeric:tabular-nums; font-weight:700; white-space:nowrap; }
.customer-insight-option-group > p { margin:11px 0 0; color:#738097; font-size:11.5px; line-height:1.6; }
.customer-insight-option-tags { display:flex; flex-wrap:wrap; gap:7px; margin:11px 0 0; padding:0; list-style:none; }
.customer-insight-option-tags li { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:3px 8px; width:100%; min-width:0; padding:8px 9px; color:#69758a; background:#fff; border:1px solid #e4e8f0; border-radius:7px; font-size:12px; font-variant-numeric:tabular-nums; line-height:1.45; }
.customer-insight-option-tags strong { min-width:0; overflow:hidden; color:#37445d; font-size:clamp(12px,.34vw + 7px,13px); font-weight:750; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.customer-insight-option-tags span { color:#5148d7; font-size:clamp(11.5px,.3vw + 7px,12.5px); font-weight:750; white-space:nowrap; }
.customer-insight-option-tags small { grid-column:1 / -1; color:#7c8799; font-size:clamp(10.5px,.26vw + 6px,11.5px); font-weight:600; line-height:1.45; }
.customer-insight-option-tags li.long-tail { background:#f5f3ff; border-style:dashed; border-color:#d8d2ff; }
.customer-insight-option-tags li.long-tail strong,.customer-insight-option-tags li.long-tail span { color:#6258d8; }
.customer-insight-long-tail-detail { display:grid; grid-column:1 / -1; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:2px 6px; width:100%; padding:0; color:inherit; background:transparent; border:0; font:inherit; text-align:left; cursor:pointer; }
.customer-insight-long-tail-detail small { grid-column:1 / -1; }
.customer-insight-long-tail-detail:hover strong,.customer-insight-long-tail-detail:hover span { color:#4d43ca; text-decoration:underline; }
.customer-insight-long-tail-detail:focus-visible { outline:2px solid #8277f4; outline-offset:3px; border-radius:4px; }
.customer-form-insight-empty { display:grid; justify-items:center; gap:6px; min-height:150px; padding:22px; color:#8a94a8; text-align:center; }
.customer-form-insight-empty i { color:#a1aabc; font-size:26px; }
.customer-form-insight-empty strong { color:#536078; font-size:12px; }
.customer-form-insight-empty span { font-size:10.5px; }

.customer-form-list-card { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; padding:0!important; overflow:hidden; border:1px solid #e1e6f0!important; border-radius:12px!important; box-shadow:0 6px 20px rgba(31,45,77,.05)!important; }
.customer-forms-filterbar { display:flex!important; flex:0 0 auto; align-items:center!important; flex-wrap:nowrap!important; gap:0!important; min-height:62px!important; margin:0!important; padding:9px 12px!important; overflow:visible!important; background:#fff!important; border:0!important; border-bottom:1px solid #e5e9f2!important; border-radius:0!important; box-shadow:none!important; }
.customer-forms-filterbar > .performance-filter-group,
.customer-forms-filterbar > label { display:flex!important; align-items:center!important; align-self:stretch!important; min-height:42px!important; margin:0!important; padding:0 12px!important; border-left:1px solid #e5e9f1!important; }
.customer-forms-filterbar > .performance-filter-group:first-child { padding-left:0!important; border-left:0!important; }
.customer-form-search-group { flex:1 1 360px!important; min-width:220px!important; }
.customer-form-search { position:relative; display:block!important; width:100%; min-width:0; padding:0!important; border:0!important; }
.customer-form-search input { box-sizing:border-box; width:100%; height:40px; padding:0 14px 0 38px; color:#37445d; background:#fff; border:1px solid #dfe4ed; border-radius:8px; font-size:13px; }
.customer-form-search input:focus { outline:0; border-color:#776cef; box-shadow:0 0 0 3px rgba(119,108,239,.11); }
.customer-form-search > i { position:absolute; z-index:1; top:50%; left:13px; color:#9aa3b3; font-size:13px; transform:translateY(-50%); }
.customer-form-type-control { flex:0 0 auto!important; }
.customer-form-type-control select { width:174px!important; min-width:174px!important; }
.customer-form-period-group { flex:0 1 auto!important; min-width:0!important; }
.customer-form-period-group .performance-segments { flex-wrap:nowrap!important; }
.customer-form-period-group .performance-segments button { padding:0 10px!important; }
.customer-form-date-range { display:flex; flex:0 0 auto; align-items:center; gap:7px; margin-left:8px; }
.customer-form-date-range[hidden] { display:none!important; }
.customer-form-date-range span { color:#8a94a8; font-size:12px; }
.customer-form-date-range input { width:124px; min-height:38px; padding:0 8px; color:#34415f; background:#fff; border:1px solid #dfe4ee; border-radius:8px; font-size:12px; }
.form-date-preset-btn { color:#4f5d78; background:transparent; border:0; font-weight:700; cursor:pointer; }
.form-date-preset-btn:hover { color:#655be7; background:#f4f2ff; }
.form-date-preset-btn.active { color:#fff; background:#665cf6; box-shadow:0 4px 10px rgba(102,92,246,.2); }
.customer-form-reset { flex:0 0 auto; margin-left:10px; white-space:nowrap; }

.customer-forms-table-wrap { flex:1 1 auto; min-width:0; min-height:0; overflow-x:hidden!important; overflow-y:auto!important; background:#fff; scrollbar-gutter:stable; }
.customer-forms-table { width:100%!important; min-width:0!important; table-layout:fixed; }
.customer-forms-table th { position:sticky; top:0; z-index:3; height:46px; padding:10px 12px!important; color:#53617b!important; background:#f6f8fc!important; border-bottom:1px solid #dfe5ef!important; font-size:12px!important; font-weight:800!important; text-align:left; white-space:nowrap; }
.customer-forms-table td { padding:13px 12px!important; color:#34425f; border-bottom:1px solid #edf0f5!important; font-size:13px!important; line-height:1.45; vertical-align:middle!important; }
.customer-forms-table tbody tr.customer-form-data-row:hover td { background:#fafaff; }
.customer-forms-table .col-time { width:7.5%; min-width:82px; }
.customer-forms-table .col-customer { width:9%; }
.customer-forms-table .col-project { width:9.5%; }
.customer-forms-table .col-form { width:11.5%; }
.customer-forms-table .col-summary { width:auto; }
.customer-forms-table .col-team { width:9%; }
.customer-forms-table .col-action { width:154px; text-align:center; }
.customer-form-time { display:grid; gap:2px; color:#47546c; font-variant-numeric:tabular-nums; }
.customer-form-time strong { color:#202b46; font-size:13px; }
.customer-form-time span { color:#8993a7; font-size:11px; }
.customer-form-customer { display:grid; gap:3px; }
.customer-form-customer strong { overflow:hidden; color:#17213a; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-customer span,.customer-form-project span,.customer-form-team span { color:#8893a8; font-size:11.5px; }
.customer-form-project,.customer-form-team { display:grid; gap:3px; min-width:0; }
.customer-form-project strong { overflow:hidden; color:#34425f; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-type { display:grid; justify-items:start; gap:6px; }
.customer-tag-pill { display:inline-flex; align-items:center; max-width:100%; padding:3px 8px; overflow:hidden; color:#3975cf; background:#edf5ff; border-radius:7px; font-size:11.5px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.form-item-count-badge { display:inline-flex; align-items:center; gap:4px; padding:2px 7px; color:#6c56d9; background:#f2efff; border-radius:6px; font-size:11px; font-weight:750; }
.customer-form-summary-cell { min-width:0; }
.customer-form-summary-preview { display:flex; align-items:center; gap:6px; min-width:0; }
.customer-form-summary-preview > span { overflow:hidden; color:#526079; font-size:12.5px; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-expand-btn { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; padding:0; color:#7369eb; background:#f4f2ff; border:0; border-radius:6px; cursor:pointer; }
.customer-form-expand-btn:hover { background:#e9e6ff; }
.customer-form-expand-btn i { transition:transform .18s ease; }
.customer-form-data-row.expanded .customer-form-expand-btn i { transform:rotate(180deg); }
.customer-form-row-actions { display:grid; grid-template-columns:minmax(60px,1fr) minmax(70px,1fr); gap:6px; width:100%; }
.customer-form-row-actions .btn { min-width:0; padding-right:8px!important; padding-left:8px!important; white-space:nowrap; }
.customer-form-expanded-row td { padding:0!important; background:#fafbff!important; }
.customer-form-expanded-panel { display:grid; grid-template-columns:160px minmax(0,1fr) auto; gap:16px; align-items:start; padding:15px 18px 17px 166px; border-left:3px solid #766cf5; }
.customer-form-expanded-heading { display:grid; gap:3px; }
.customer-form-expanded-heading strong { color:#293651; font-size:13px; }
.customer-form-expanded-heading span { color:#8b95a8; font-size:11px; }
.customer-form-evidence-list { display:flex; flex-wrap:wrap; gap:8px; }
.customer-form-evidence { display:inline-flex; align-items:center; gap:5px; min-height:30px; padding:5px 9px; color:#43516b; background:#fff; border:1px solid #e1e5ef; border-radius:7px; font-size:12px; }
.customer-form-evidence b { color:#766bef; font-size:11px; }
.customer-form-expanded-panel > button { align-self:center; }
.customer-form-state { display:grid; justify-items:center; gap:7px; min-height:250px; padding:50px 20px; color:#8b95a8; text-align:center; }
.customer-form-state strong { color:#47546c; font-size:14px; }
.customer-form-state span { font-size:12px; }
.customer-form-state > i { color:#a1aabc; font-size:32px; }
.customer-form-state.error > i { color:#d65c67; }
.customer-forms-error-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; color:#b43b47; background:#fff3f4; border:1px solid #fecdd3; border-radius:9px; }
#page-customer-forms .pagination-bar { flex:0 0 auto; min-height:48px; padding:8px 14px!important; background:#fff; border-top:1px solid #edf0f5; }

.customer-form-detail-modal { display:flex; flex-direction:column; width:1080px; max-width:95vw; max-height:92vh; padding:0!important; overflow:hidden; border-radius:16px!important; }
.customer-form-long-tail-modal { display:flex; flex-direction:column; width:min(760px,94vw); max-height:86vh; padding:0!important; overflow:hidden; border-radius:16px!important; }
.customer-form-long-tail-body { min-height:0; padding:16px 20px 20px; overflow:auto; background:#f7f8fc; }
.customer-form-long-tail-note { margin:0 0 12px; color:#748099; font-size:12px; line-height:1.55; }
.customer-form-long-tail-list { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.customer-form-long-tail-list li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; padding:10px 12px; background:#fff; border:1px solid #e2e6ef; border-radius:9px; }
.customer-form-long-tail-list strong { overflow:hidden; color:#3d4964; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-long-tail-list span { color:#6258d8; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.customer-form-long-tail-list small { grid-column:1 / -1; color:#8c96a9; font-size:10px; }
.customer-form-modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:19px 22px!important; background:#fff; border-bottom:1px solid #e3e7ef; }
.customer-form-modal-title-row { display:flex; align-items:center; gap:9px; margin-bottom:5px; }
.customer-form-modal-title-row h3 { margin:0; color:#1d2942; font-size:19px; font-weight:800; }
.customer-form-modal-badge { padding:4px 9px; color:#675dde; background:#efedff; border-radius:6px; font-size:11px; font-weight:750; }
.customer-form-modal-head p { margin:0; color:#7f899d; font-size:12.5px; }
.customer-form-modal-actions { display:flex; align-items:center; gap:10px; }
.customer-form-detail-content { flex:1; padding:0!important; overflow:auto; background:#f6f8fc!important; }
.customer-form-overview-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#e4e8f0; border-bottom:1px solid #e1e5ed; }
.customer-form-overview-item { display:grid; gap:4px; min-width:0; padding:13px 18px; background:#fff; }
.customer-form-overview-item span { color:#8a94a8; font-size:10.5px; font-weight:700; }
.customer-form-overview-item strong { overflow:hidden; color:#27344f; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-detail-layout { display:grid; grid-template-columns:205px minmax(0,1fr); min-height:520px; }
.customer-form-category-nav { position:sticky; top:0; align-self:start; padding:20px 14px; }
.customer-form-category-nav > span { display:block; margin:0 8px 9px; color:#949daf; font-size:10px; font-weight:800; letter-spacing:.08em; }
.customer-form-category-nav button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:38px; margin:2px 0; padding:7px 9px; color:#5a667d; background:transparent; border:0; border-radius:8px; font-size:12px; text-align:left; cursor:pointer; }
.customer-form-category-nav button:hover,.customer-form-category-nav button.active { color:#5f55df; background:#eceaff; }
.customer-form-category-nav b { display:grid; place-items:center; min-width:21px; height:21px; color:#7d74e9; background:#fff; border-radius:99px; font-size:10px; }
.customer-form-document { min-width:0; padding:22px 28px 36px; background:#fff; border-left:1px solid #e3e7ef; }
.form-detail-section { scroll-margin-top:12px; }
.form-detail-section + .form-detail-section { margin-top:25px; }
.form-detail-section-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 9px; padding-bottom:9px; color:#202d47; border-bottom:1px solid #e4e8f0; font-size:14px; font-weight:800; }
.form-detail-section-title span { color:#98a1b2; font-size:11px; font-weight:650; }
.form-detail-qa-card { display:grid; grid-template-columns:minmax(190px,38%) minmax(0,1fr); gap:22px; padding:13px 2px; background:#fff; border:0; border-bottom:1px solid #eef0f4; border-radius:0; }
.form-detail-q-title { color:#5f6b81; font-size:12.5px; font-weight:700; line-height:1.55; }
.form-detail-q-title b { margin-right:6px; color:#9aa3b3; font-size:10px; }
.form-detail-a-val { color:#202c45; font-size:13.5px; font-weight:600; line-height:1.65; white-space:pre-wrap; word-break:break-word; }
.customer-form-modal-foot { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 22px!important; background:#fff; border-top:1px solid #e3e7ef; }
.customer-form-sibling-links { display:flex; align-items:center; gap:7px; min-width:0; overflow:auto; }
.customer-form-sibling-links > span { color:#8b95a8; font-size:11px; white-space:nowrap; }
.customer-form-sibling-links button { min-height:30px; padding:4px 9px; color:#665ce4; background:#f2f0ff; border:1px solid #dedaff; border-radius:7px; font-size:11px; white-space:nowrap; cursor:pointer; }
.customer-form-evidence-board { margin:16px 18px 0; overflow:hidden; background:#fff; border:1px solid #e1e6f0; border-radius:11px; }
.customer-form-evidence-board-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:14px 16px; border-bottom:1px solid #e9edf4; }
.customer-form-evidence-board-head > div { min-width:0; }
.customer-form-evidence-board-head span { display:flex; align-items:center; gap:5px; color:#6a61df; font-size:10.5px; font-weight:850; letter-spacing:.03em; }
.customer-form-evidence-board-head span i { font-size:13px; }
.customer-form-evidence-board-head h4 { margin:4px 0 0; color:#293651; font-size:14px; }
.customer-form-evidence-board-head p { max-width:390px; margin:1px 0 0; color:#8590a4; font-size:11px; line-height:1.5; }
.customer-form-evidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#e7ebf2; }
.customer-form-evidence-card { min-width:0; min-height:146px; padding:13px; background:#fff; }
.customer-form-evidence-card > div { display:flex; align-items:center; gap:6px; margin-bottom:9px; color:#526079; font-size:12px; }
.customer-form-evidence-card > div i { color:#665cf6; font-size:15px; }
.customer-form-evidence-card.rule > div i { color:#3282d2; }
.customer-form-evidence-card.caution > div i { color:#d58825; }
.customer-form-evidence-card ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.customer-form-evidence-card li { display:grid; gap:2px; min-width:0; }
.customer-form-evidence-card li strong,.customer-form-evidence-card li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-evidence-card li strong { color:#647087; font-size:10.5px; }
.customer-form-evidence-card li span { color:#35415e; font-size:11.5px; font-weight:700; }
.customer-form-evidence-empty { margin:0; color:#8d97a9; font-size:11px; line-height:1.55; }

.customer-form-sync-modal { display:flex; flex-direction:column; width:min(920px,94vw)!important; max-width:94vw!important; max-height:90vh; padding:0!important; overflow:hidden; border-radius:16px!important; }
.customer-form-sync-head { display:flex; align-items:center; justify-content:space-between; min-height:96px; padding:18px 22px!important; background:#fbfbfe!important; }
.customer-form-sync-emblem { color:#168a73!important; background:#e8f8f3!important; }
.customer-form-sync-head p { margin:5px 0 0; color:#7e899d; font-size:12px; }
.customer-form-sync-body { display:grid; gap:16px; padding:20px 22px!important; overflow:auto; background:#f7f8fc!important; }
.customer-form-sync-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; background:#fff; border:1px solid #e1e6ef; border-radius:12px; }
.customer-form-sync-status > div { display:grid; gap:6px; min-width:0; padding:14px 16px; }
.customer-form-sync-status > div + div { border-left:1px solid #e7eaf1; }
.customer-form-sync-status span { color:#8993a7; font-size:11px; font-weight:700; }
.customer-form-sync-status strong { overflow:hidden; color:#26334e; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.customer-form-sync-settings { padding:18px; background:#fff; border:1px solid #e1e6ef; border-radius:12px; }
.customer-form-sync-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.customer-form-sync-section-head h4 { margin:0; color:#1f2b44; font-size:15px; }
.customer-form-sync-section-head p { margin:4px 0 0; color:#8993a7; font-size:11.5px; }
.customer-form-sync-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.customer-form-sync-grid > label { display:grid; gap:6px; min-width:0; }
.customer-form-sync-grid > label[hidden] { display:none!important; }
.customer-form-sync-grid > label > span { color:#59667e; font-size:11px; font-weight:750; }
.customer-form-sync-grid input,.customer-form-sync-grid select { box-sizing:border-box; width:100%; height:40px; padding:0 11px; color:#34415f; background:#fff; border:1px solid #dfe4ee; border-radius:8px; font-size:13px; }
.customer-form-sync-grid input:disabled,.customer-form-sync-grid select:disabled { color:#99a2b3; background:#f6f7fa; }
.customer-form-sync-note { display:flex; align-items:flex-start; gap:8px; margin-top:14px; padding:11px 12px; color:#666f83; background:#f7f6ff; border:1px solid #e1ddff; border-radius:8px; font-size:11.5px; line-height:1.55; }
.customer-form-sync-note i { margin-top:2px; color:#665cf6; }
.customer-form-sync-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 22px!important; }
.customer-form-sync-foot > div { display:flex; gap:8px; }

.page-ai-analysis-modal.customer-form-ai-modal { display:flex; flex-direction:column; width:min(94vw,1900px)!important; max-width:none!important; height:min(94vh,1080px)!important; max-height:none!important; padding:0!important; overflow:hidden; border-radius:20px!important; }
.page-ai-analysis-head.customer-form-ai-head { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:116px!important; padding:20px clamp(24px,2vw,38px)!important; background:linear-gradient(122deg,#fff 0%,#f8f7ff 52%,#f1f7ff 100%)!important; }
.customer-form-ai-emblem { color:#675ce7!important; background:#efedff!important; }
.customer-form-ai-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px clamp(24px,2vw,38px); background:rgba(255,255,255,.94); border-bottom:1px solid #e0e5ee; }
.customer-form-ai-angle-buttons { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.customer-form-ai-angle-buttons > span { margin-right:3px; color:#7f899d; font-size:11px; font-weight:800; }
.customer-form-ai-angle { display:inline-flex; align-items:center; gap:5px; min-height:32px; padding:5px 10px; color:#536078; background:#f8f9fc; border:1px solid #dfe5f1; border-radius:8px; font-size:11px; cursor:pointer; transition:.18s ease; }
.customer-form-ai-angle:hover,.customer-form-ai-angle.active { color:#fff; background:#665cf6; border-color:#665cf6; }
.customer-form-ai-angle:focus-visible,.customer-forms-view-tabs button:focus-visible { outline:0; box-shadow:0 0 0 3px rgba(102,92,246,.23); }
.customer-form-ai-deterministic-meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; min-height:42px; padding:8px clamp(24px,2vw,38px); color:#63708a; background:#fbfcff; border-bottom:1px solid #e4e8f0; font-size:11px; }
.customer-form-ai-deterministic-meta span { display:inline-flex; align-items:center; gap:4px; min-width:0; }
.customer-form-ai-deterministic-meta i { color:#7167e8; }
.customer-form-ai-body { flex:1; padding:clamp(20px,2.25vw,42px)!important; overflow:auto; background:linear-gradient(180deg,#f2f5fa 0%,#edf2f8 100%)!important; font-size:inherit; line-height:inherit; scrollbar-color:#9c94e9 #e4e9f2; scrollbar-width:thin; }
.customer-form-ai-body > * { max-width:none; margin-left:0; margin-right:0; }
.customer-form-ai-body .page-ai-ready { min-height:100%; }
.customer-form-ai-foot { min-height:62px!important; padding:11px clamp(24px,2vw,38px)!important; background:rgba(255,255,255,.94)!important; border-top:1px solid #e0e5ee!important; }

@media (max-width:1280px) {
    .page-ai-analysis-modal.customer-form-ai-modal { width:96vw!important; height:94vh!important; }
    .customer-form-ai-head { min-height:104px!important; }
}

@media (max-width:1180px) {
    .customer-insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .customer-insight-card-wide,.customer-insight-demand-card,.customer-insight-budget-area-card,.customer-insight-options-card { grid-column:1 / -1; }
    .customer-insight-card-side,.customer-insight-tags-card,.customer-insight-decision-card { grid-column:auto; }
    .customer-insight-decision-grid { grid-template-columns:1fr; }
    .customer-insight-decision-grid > div { min-height:88px; }
    .customer-insight-option-grid { column-count:2; }
}

@media (max-width:880px) {
    .customer-insight-grid { grid-template-columns:1fr; }
    .customer-insight-card-wide,.customer-insight-card-side,.customer-insight-demand-card,.customer-insight-budget-area-card,.customer-insight-options-card,.customer-insight-tags-card,.customer-insight-decision-card { grid-column:auto; }
    .customer-insight-decision-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .customer-form-evidence-grid { grid-template-columns:1fr; }
    .customer-form-evidence-card { min-height:0; }
}

@media (max-height:820px) and (min-width:761px) {
    .customer-forms-page-head { min-height:48px; margin-bottom:8px; }
    .customer-forms-page-head p { display:none; }
    .customer-form-kpis { margin-bottom:8px!important; }
    .customer-form-kpi { min-height:78px!important; padding:10px 14px!important; }
    .customer-form-kpi .performance-kpi-icon { flex-basis:40px!important; width:40px!important; height:40px!important; font-size:18px!important; }
    .customer-form-kpi > div:last-child > strong { font-size:20px!important; }
    .customer-form-kpi > div:last-child > small { margin-top:2px!important; }
    .customer-forms-filterbar { min-height:56px!important; padding-top:6px!important; padding-bottom:6px!important; }
}

@media (max-width:1180px) {
    .customer-forms-filterbar { flex-wrap:wrap!important; gap:8px!important; }
    .customer-forms-filterbar > .performance-filter-group,.customer-forms-filterbar > label { padding:0!important; border-left:0!important; }
    .customer-form-search-group { flex-basis:calc(100% - 198px)!important; }
    .customer-form-period-group { flex:1 1 100%!important; }
}
@media (max-width:1400px) and (min-width:761px) {
    .customer-forms-page-head .octal-head-actions { display:grid; grid-template-columns:repeat(2,max-content); }
}
@media (max-width:760px) {
    .customer-forms-workspace { gap:9px; }
    .customer-forms-view-tabs { gap:7px; }
    .customer-forms-view-tabs button { grid-template-columns:28px minmax(0,1fr); min-height:54px; padding:8px 9px; column-gap:7px; }
    .customer-forms-view-tabs button > i { width:28px; height:28px; border-radius:8px; font-size:13px; }
    .customer-forms-view-tabs button > span { font-size:12px; }
    .customer-forms-view-tabs button > small { display:none; }
    .customer-form-insight-status { min-height:36px; padding:8px 10px; }
    .customer-insight-form-tabs { gap:5px; margin-bottom:8px; padding:4px; }
    .customer-insight-form-tabs button { flex:0 0 auto; min-height:32px; padding:6px 10px; font-size:11.5px; }
    .customer-form-insight-content { padding-top:9px; }
    .customer-insight-scope-strip { display:grid; gap:8px; margin-bottom:9px; padding:10px 11px; }
    .customer-insight-scope-strip span { font-size:11.5px; }
    .customer-insight-scope-strip p { font-size:10.5px; }
    .customer-insight-grid { gap:9px; }
    .customer-insight-card .octal-card-head { padding:12px; }
    .customer-insight-bars,.customer-insight-demand-map { gap:9px; padding:11px 12px 13px; }
    .customer-insight-bar-row { grid-template-columns:minmax(0,1fr) 72px; gap:6px 10px; }
    .customer-insight-bar-label { grid-column:1; }
    .customer-insight-bar-track { grid-column:1; grid-row:2; }
    .customer-insight-bar-value { grid-column:2; grid-row:1 / 3; display:grid; justify-items:end; gap:1px; }
    .customer-insight-quality-grid { grid-template-columns:1fr 1fr; }
    .customer-insight-quality-grid > div { min-height:82px; padding:11px; }
    .customer-insight-quality-grid strong { font-size:19px; }
    .customer-insight-decision-grid { grid-template-columns:1fr; }
    .customer-insight-decision-grid > div { min-height:76px; }
    .customer-insight-option-grid { column-count:1; padding:11px 12px 2px; }
    .customer-insight-option-group { margin-bottom:8px; }
    .customer-insight-option-group { padding:10px; }
    .customer-insight-option-head { align-items:flex-start; gap:8px; }
    .customer-insight-option-head h4 { overflow:visible; font-size:13.5px; text-overflow:clip; white-space:normal; }
    .customer-insight-option-head small { overflow:visible; font-size:11.5px; text-overflow:clip; white-space:normal; }
    .customer-insight-option-head span { padding-top:1px; font-size:11px; }
    .customer-insight-option-tags li { gap:4px 8px; padding:9px 10px; font-size:12px; }
    .customer-insight-option-tags strong { overflow:visible; font-size:12.5px; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; }
    .customer-insight-option-tags span { font-size:11.5px; }
    .customer-insight-option-tags small { font-size:10.5px; }
    .customer-insight-pill-list { padding:11px 12px; }
    .customer-insight-card-foot { padding:0 12px 12px; }
    .customer-budget-area-matrix { min-width:0; gap:8px; padding:11px 12px 13px; overflow:visible; }
    .customer-budget-area-header { display:none; }
    .customer-budget-area-row { grid-template-columns:1fr; overflow:hidden; border:1px solid #e1e6ef; border-radius:8px!important; }
    .customer-budget-area-budget { min-height:0; padding:10px 11px 7px; border:0; background:#fbfaff; }
    .customer-budget-area-total { display:flex; align-items:baseline; justify-content:flex-start; min-height:0; padding:0 11px 9px; border:0; background:#fbfaff; }
    .customer-budget-area-cell { grid-template-columns:minmax(0,1fr) auto; min-height:48px; padding:8px 11px; border:0; border-top:1px solid #edf0f5; }
    .customer-budget-area-cell > span { display:block; color:#66738a; font-size:11px; font-weight:750; }
    .customer-budget-area-cell small { grid-column:2; color:#7d8799; }
    .customer-form-evidence-board { margin:10px 10px 0; }
    .customer-form-evidence-board-head { display:grid; gap:7px; padding:12px; }
    .customer-form-evidence-board-head p { max-width:none; }
    .customer-forms-page-head .octal-head-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .customer-form-kpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
    .customer-form-kpi { min-height:94px!important; padding:10px!important; gap:8px!important; }
    .customer-form-kpi .performance-kpi-icon { flex-basis:34px!important; width:34px!important; height:34px!important; border-radius:10px!important; font-size:15px!important; }
    .customer-form-kpi .performance-kpi-icon i { font-size:15px!important; }
    .customer-form-kpi > div:last-child > span { font-size:11px!important; }
    .customer-form-kpi > div:last-child > strong { font-size:19px!important; }
    .customer-form-kpi > div:last-child > small { display:-webkit-box; margin-top:3px!important; overflow:hidden; white-space:normal; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    #page-customer-forms.active { height:auto; min-height:100%; overflow:visible; }
    .content-scroll:has(#page-customer-forms.active) { overflow-y:auto!important; }
    .customer-form-list-card { min-height:560px; }
    .customer-forms-table thead { display:none; }
    .customer-forms-table,.customer-forms-table tbody { display:block; width:100%; }
    .customer-forms-table tr.customer-form-data-row { display:grid; grid-template-columns:96px minmax(0,1fr); margin:10px; overflow:hidden; background:#fff; border:1px solid #e1e6ef; border-radius:11px; box-shadow:0 3px 12px rgba(31,42,68,.04); }
    .customer-forms-table tr.customer-form-data-row > td { display:block; min-width:0; padding:10px!important; background:#fff!important; border:0!important; }
    .customer-forms-table tr.customer-form-data-row > td:nth-child(1) { grid-column:1; grid-row:1 / span 2; border-right:1px solid #edf0f5!important; }
    .customer-forms-table tr.customer-form-data-row > td:nth-child(2) { grid-column:2; grid-row:1; padding-bottom:5px!important; }
    .customer-forms-table tr.customer-form-data-row > td:nth-child(3) { grid-column:2; grid-row:2; padding-top:5px!important; }
    .customer-forms-table tr.customer-form-data-row > td:nth-child(4),
    .customer-forms-table tr.customer-form-data-row > td:nth-child(5),
    .customer-forms-table tr.customer-form-data-row > td:nth-child(6),
    .customer-forms-table tr.customer-form-data-row > td:nth-child(7) { grid-column:1 / -1; border-top:1px solid #edf0f5!important; }
    .customer-form-type { display:flex; align-items:center; justify-content:space-between; }
    .customer-form-team { grid-template-columns:1fr 1fr; }
    .customer-form-row-actions { grid-template-columns:1fr 1fr; }
    .customer-form-row-actions .btn { min-height:40px; }
    .customer-form-expanded-row { display:block; margin:0 10px 10px; }
    .customer-form-expanded-panel { grid-template-columns:1fr; padding:14px; }
    .customer-forms-filterbar { align-items:stretch!important; }
    .customer-form-search-group,.customer-form-search,.customer-form-type-control,.customer-form-date-range { flex:1 1 100%!important; width:100%!important; }
    .customer-form-type-control select { width:100%!important; min-width:0!important; }
    .customer-form-period-group .performance-segments { width:100%; overflow-x:auto; }
    .customer-form-date-range input { min-width:0; width:50%; }
    .customer-form-detail-modal { width:100vw; max-width:100vw; height:100vh; max-height:100vh; border-radius:0!important; }
    .page-ai-analysis-modal.customer-form-ai-modal { width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; height:calc(100dvh - 16px)!important; max-height:calc(100dvh - 16px)!important; border-radius:16px!important; }
    .customer-form-modal-head { padding:14px 16px!important; }
    .customer-form-modal-actions .btn { font-size:0; }
    .customer-form-modal-actions .btn i { font-size:14px; }
    .customer-form-overview-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .customer-form-detail-layout { grid-template-columns:1fr; }
    .customer-form-category-nav { position:sticky; top:0; z-index:2; display:flex; gap:5px; padding:8px 12px; overflow:auto; background:#f6f8fc; border-bottom:1px solid #e3e7ef; }
    .customer-form-category-nav > span { display:none; }
    .customer-form-category-nav button { flex:0 0 auto; width:auto; margin:0; }
    .customer-form-document { padding:16px; border-left:0; }
    .form-detail-qa-card { grid-template-columns:1fr; gap:5px; }
    .customer-form-ai-toolbar { align-items:flex-start; flex-direction:column; padding:10px 14px; }
    .customer-form-ai-angle-buttons { flex-wrap:nowrap; max-width:100%; overflow:auto; }
    .customer-form-ai-angle { flex:0 0 auto; }
    .customer-form-ai-deterministic-meta { align-items:flex-start; gap:5px 9px; min-height:0; padding:8px 14px; font-size:10px; }
    .customer-form-ai-foot > span { display:none; }
    .customer-form-sync-modal { width:100vw!important; max-width:100vw!important; height:100dvh; max-height:100dvh; border-radius:0!important; }
    .customer-form-sync-status,.customer-form-sync-grid { grid-template-columns:1fr; }
    .customer-form-sync-status > div + div { border-top:1px solid #e7eaf1; border-left:0; }
    .customer-form-sync-foot { align-items:stretch; flex-direction:column; }
    .customer-form-sync-foot > button,.customer-form-sync-foot > div,.customer-form-sync-foot > div > button { flex:1; width:100%; }
}

/* Keep the customer-form report on the exact Business Performance AI modal
   breakpoints while retaining the customer-specific angle toolbar. */
@media (max-width:900px) {
    .page-ai-analysis-modal.customer-form-ai-modal { width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; height:calc(100dvh - 16px)!important; max-height:calc(100dvh - 16px)!important; border-radius:16px!important; }
    .customer-form-ai-head { min-height:96px!important; padding:16px 18px!important; }
    .customer-form-ai-toolbar { padding:9px 16px; }
    .customer-form-ai-body { padding:14px!important; }
}
@media (max-width:600px) {
    .page-ai-analysis-modal.customer-form-ai-modal { width:100vw!important; max-width:100vw!important; height:100dvh!important; max-height:none!important; border-radius:0!important; }
    .customer-form-ai-head { min-height:88px!important; padding:13px 14px!important; }
    .customer-form-ai-toolbar { padding:8px 14px; }
    .customer-form-ai-body { padding:8px!important; }
}