.board-controls{position:relative;flex:none;color:#25344c;font:11px/1.5 'Segoe UI','Malgun Gothic',sans-serif}
.board-edit-notice-host{display:none;flex:0 0 auto}
.board-editing>.board-edit-notice-host{display:block}
.board-edit-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:40px;padding:6px 16px;background:#fff6e6;border-bottom:1px solid #f0ddb8;color:#83560a;font:11px/1.5 'Segoe UI','Malgun Gothic',sans-serif}
.board-edit-notice p{margin:0;flex:1 1 320px}
.board-edit-notice strong{margin-right:8px;font-weight:800}
.board-edit-notice-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.board-edit-notice button{cursor:pointer;padding:4px 9px;border:1px solid #d6dfee;border-radius:5px;background:#fff;color:#344761;font:inherit;white-space:nowrap}
.board-edit-notice button:hover{border-color:#9eaee3}
.board-edit-notice button:focus-visible{outline:2px solid #435bcc;outline-offset:2px}
.board-edit-notice .board-edit-done{background:#344c91;border-color:#344c91;color:#fff;font-weight:700}
.board-controls button{cursor:pointer;background:#fff;border:1px solid #d6dfee;border-radius:5px;padding:3px 7px;color:#344761;font:inherit;white-space:nowrap}
.board-controls button:hover{border-color:#9eaee3;color:#435bcc}
.board-controls button:disabled{opacity:.4;cursor:default}
.board-controls button:focus-visible,.board-controls input:focus-visible{outline:2px solid #435bcc;outline-offset:2px}
.board-settings-trigger{height:36px;min-width:88px}.board-settings-trigger[aria-pressed=true]{background:#344c91;color:#fff}
.board-settings{position:absolute;right:0;top:33px;width:390px;max-width:94vw;max-height:calc(100dvh - 60px);overflow:auto;background:#fff;border:1px solid #b6c4da;border-radius:6px;box-shadow:0 14px 34px #1d2f4a33;z-index:100}
.board-settings>header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#e9eff8;font-weight:700;border-bottom:1px solid #c7d3e4}
.board-settings-label{display:block;font-size:10px;color:#5d6b82;margin:10px 10px 6px}
.board-settings-list{max-height:260px;overflow:auto;padding:0 10px;display:flex;flex-direction:column;gap:4px}
.board-settings-row{display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #e6ecf5;border-radius:5px;background:#fff}
.board-settings-row[draggable=true]{cursor:grab}.board-grip{color:#9aa6bb}.board-setting-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.board-settings-row button{font-size:10px;padding:1px 5px}.board-settings-row button[aria-pressed=true]{color:#315aae;background:#eaf0ff}
.board-settings>footer{display:flex;justify-content:space-between;margin-top:10px;padding:8px 10px;background:#fafbfe;border-top:1px solid #e6ecf5}
.board-settings>p{margin:0;padding:8px 10px;background:#fafbfe;color:#758299;font-size:10px}
.customer-detail.has-board-controls{height:100vh!important;height:100dvh!important;overflow:hidden!important}
.customer-detail.has-board-controls .dashboard-page{display:flex!important;flex:1 1 auto!important;min-width:0;min-height:0;max-width:100vw;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scrollbar-gutter:stable;scrollbar-color:#a5b5d0 #e5eaf2}
.customer-detail.has-board-controls .two-up-board{display:grid!important;grid-template-columns:none!important;grid-auto-columns:420px;grid-auto-flow:column;column-gap:12px;row-gap:0;width:max-content!important;min-width:max-content!important;height:var(--board-height);min-height:160px;flex:0 0 auto!important;column-width:auto!important;column-count:auto!important;padding:0;border:0;overflow:visible;background:#f2f4f9}
.two-up-board .board-contents{display:contents!important}
.two-up-board .section-heading{display:none}
.customer-detail.has-board-controls .two-up-board .board-widget{align-self:start;min-width:0;width:420px;height:auto;min-height:0;max-height:none;margin:0;box-sizing:border-box;border:1px solid #d5deeb;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #24365404}
.two-up-board .board-widget>.panel-header{background:#f8faff;border-bottom:1px solid #e3eaf3;min-height:39px}
.two-up-board .board-widget .panel-body{min-height:0;overflow:auto}
.customer-detail.has-board-controls .two-up-board .board-widget:not(.panel-card){overflow:auto}
.customer-detail.has-board-controls .two-up-board .board-widget .panel-card{max-height:none}
/* Card-only presentation: the board's placement and packing remain unchanged. */
.customer-detail.has-board-controls .board-widget .panel-card{border:0;border-radius:0;box-shadow:none;overflow:visible;height:auto}
.customer-detail.has-board-controls .board-widget .panel-header{position:sticky;top:0;z-index:3;flex-shrink:0;min-height:39px;padding:0 12px;background:#f8faff;border-bottom:1px solid #e3eaf3;border-radius:6px 6px 0 0}
.customer-detail.has-board-controls .board-widget .panel-heading-wrap{gap:7px}
.customer-detail.has-board-controls .board-widget .panel-header h3{font-size:13px;font-weight:750;color:#25344c}
.customer-detail.has-board-controls .board-widget .panel-eyebrow{font-size:10px;color:#8893a5}
.customer-detail.has-board-controls .board-widget .panel-body{overflow:visible}
.customer-detail.has-board-controls .board-widget .customer-read-widget{height:auto}
.customer-detail.has-board-controls .board-widget :is(.widget-content,.read-table-wrap){max-height:none;overflow:visible}
.customer-detail.has-board-controls .board-widget :is(.widget-table-wrap,.table-scroll){scrollbar-width:thin;scrollbar-color:#b4c0d2 transparent}
.customer-detail.has-board-controls .board-widget table{border-collapse:collapse;width:100%;font-size:11px}
.customer-detail.has-board-controls .board-widget :is(td,th){padding:7px 8px;border-bottom:1px solid #e9eef6;vertical-align:middle}
.customer-detail.has-board-controls .board-widget th{font-size:10px;font-weight:550;background:#f2f6fb;color:#6a7c92}
.customer-detail.has-board-controls .board-widget tbody tr:last-child td{border-bottom:0}
.customer-detail.has-board-controls .board-widget .read-table-wrap th{position:static}
.customer-detail.has-board-controls .board-widget :is(.read-note,.widget-limit){padding:8px 12px;background:#fcfdff;border-top:1px solid #edf0f5;color:#6b788d;font-size:10px;line-height:1.6}
.customer-detail.has-board-controls .board-widget :is(.read-message,.widget-message){padding:12px;color:#748399;font-size:12px;line-height:1.75}
.customer-detail.has-board-controls .board-widget .read-controls{padding:8px 12px;gap:8px;background:#fafbfe;font-size:11px;border-radius:0;border-bottom:1px solid #edf0f5}
.customer-detail.has-board-controls .board-widget .widget-records{padding:12px}
.customer-detail.has-board-controls .board-widget .widget-records li{padding:9px 10px;margin-bottom:8px;border:1px solid #e1e7f1;border-radius:5px;background:#fafbff}
.customer-detail.has-board-controls .board-widget .widget-records li:last-child{margin-bottom:0;border-bottom:1px solid #e1e7f1}
.customer-detail.has-board-controls .board-widget .widget-meta{font-size:10px;color:#6d7d94}
.customer-detail.has-board-controls .board-widget :is(.customer-workflow-shell,.customer-profile-workflow-widget,.memo-workflow-widget,.dashboard-read-shell)>:is(a,button){display:inline-flex;align-items:center;margin:5px 4px 5px 10px;padding:3px 7px;border:1px solid #d6dfee;border-radius:4px;background:#fcfdff;color:#435bcc;font-size:11px;line-height:1.5}
/* One vertical scroll owner lets a nested PanelCard header stick reliably. */
.customer-detail.has-board-controls .two-up-board .board-compressed:not(.panel-card){display:block;overflow:auto;scrollbar-width:thin;scrollbar-color:#b4c0d2 transparent}
.customer-detail.has-board-controls .two-up-board .board-compressed .dashboard-card-body,
.customer-detail.has-board-controls .two-up-board .board-compressed>.customer-workflow-shell{overflow:visible!important}
.customer-detail.has-board-controls .two-up-board .board-compressed.panel-card{display:flex;flex-direction:column;overflow:hidden}
.customer-detail.has-board-controls .two-up-board .board-compressed.panel-card>.panel-body{overflow:auto!important}
.two-up-board .board-widget.board-hidden{display:none!important}
.two-up-board .board-widget.board-pinned{position:sticky;left:0;z-index:12;border-color:#8ca7d8;box-shadow:8px 0 0 2px #f2f4f9}
.two-up-board.has-pinned-widgets:before{content:'';grid-column:1;grid-row:1 / -1;position:sticky;left:0;z-index:11;width:420px;height:100%;background:#f2f4f9;box-shadow:8px 0 0 2px #f2f4f9;pointer-events:none}
.two-up-board .board-pinned .panel-header:before{content:'📌';font-size:12px}
.board-editing .board-widget{outline:1px dashed #bcc7db;outline-offset:2px}
.board-editing .board-widget .panel-header{cursor:grab;user-select:none}
.board-editing .board-widget .panel-header:after{content:'⠿';color:#9aa8bf;font-size:18px}
.customer-detail.has-board-controls .dashboard-editor>.dashboard-toolbar,.customer-detail.has-board-controls .dashboard-editor>.dashboard-hint{display:none}
.customer-detail.has-board-controls .dashboard-card-body{height:auto;flex:0 0 auto;overflow:visible}
.customer-detail.has-board-controls .dashboard-card-body>.panel-card{height:auto;max-height:none}
.customer-detail.has-board-controls .board-compressed{display:flex;flex-direction:column}
.customer-detail.has-board-controls .board-compressed .dashboard-card-body,.customer-detail.has-board-controls .board-compressed>.panel-body,.customer-detail.has-board-controls .board-compressed>.customer-workflow-shell{min-height:0;flex:1 1 auto;overflow:auto!important}
.customer-detail.has-board-controls .board-measuring .board-widget,.customer-detail.has-board-controls .board-measuring .panel-card,.customer-detail.has-board-controls .board-measuring .panel-body,.customer-detail.has-board-controls .board-measuring .dashboard-card-body{height:auto!important;max-height:none!important;flex:none!important;overflow:visible!important}
.customer-detail .detail-header{height:76px;min-height:76px;padding:0 20px;gap:14px}
.customer-detail .detail-customer{font-size:23px;line-height:1.35;max-width:42vw;letter-spacing:-.5px}
.customer-detail .detail-customer small{font-size:12px}
.detail-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.detail-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:5px 11px;background:#edf3ff;border:1px solid #cbdaf3;border-radius:999px;font-size:12px;font-weight:750;line-height:1.4;color:#294e88;white-space:nowrap}
.detail-badge.service{background:#eaf5ee;border-color:#cce7d6;color:#247653}
@media(max-width:1100px){.customer-detail .detail-header{gap:9px;padding:0 12px}.customer-detail .detail-customer{font-size:20px;max-width:32vw}}
@media(max-width:1550px){.customer-detail .detail-actions>.fixture-label,.customer-detail .detail-actions>.refreshed-at{display:none}}
@media(max-width:760px){.customer-detail .detail-header{height:auto;min-height:104px;flex-wrap:wrap;padding:10px 12px;row-gap:8px}.customer-detail .detail-customer{max-width:calc(100vw - 100px);font-size:20px}.detail-badges{order:3}.customer-detail .detail-search{order:4}.customer-detail .detail-actions{order:5;margin-left:auto}}
@media(max-width:900px){.customer-detail.has-board-controls .two-up-board{grid-auto-columns:min(420px,calc(100vw - 28px))}.customer-detail.has-board-controls .two-up-board .board-widget{width:min(420px,calc(100vw - 28px))}.detail-actions .refreshed-at,.detail-actions .fixture-label{display:none}}