/* Deliberately scoped to the customer dossier. The shared navigation and all
   other pages continue to use their existing styles. */
.app[data-view="customer-detail"] #customer-detail-view { background:#f6f8fa; overflow:auto; padding:14px 20px 22px; }
#customer-detail.customer-dossier-v2 { color:#172b3a; font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; gap:14px; height:auto; min-height:100%; }
#customer-detail.customer-dossier-v2 .customer-profile-topbar { flex:none; min-height:34px; }
#customer-detail.customer-dossier-v2 .customer-profile-crumb { font-size:14px; color:#485968; }
#customer-detail.customer-dossier-v2 .customer-profile-actions .detail-button { font-size:14px; min-height:34px; border-radius:5px; box-shadow:none; }
#customer-detail.customer-dossier-v2 .dossier-identity { display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; padding:14px 18px; border:1px solid #dde5eb; border-radius:7px; background:#fff; }
#customer-detail.customer-dossier-v2 .dossier-identity .customer-profile-headcard { flex:1 1 560px; background:none; border:0; box-shadow:none; padding:0; min-width:0; }
#customer-detail.customer-dossier-v2 .customer-profile-headcard h2 { font-size:23px; font-weight:650; }
#customer-detail.customer-dossier-v2 .customer-profile-headcard .customer-detail-avatar { background:#dcebe6!important; color:#23645d; border-radius:7px; width:56px; height:56px; box-shadow:none; }
#customer-detail.customer-dossier-v2 .customer-profile-head-row2 { font-size:15px; color:#46596b; line-height:1.55; }
#customer-detail.customer-dossier-v2 .customer-profile-head-meta,
#customer-detail.customer-dossier-v2 .customer-profile-instance { display:none; }
#customer-detail.customer-dossier-v2 .dossier-identity .customer-ai-work-entry { flex:0 1 auto; padding:0; margin:0; border:0; background:none; gap:12px; box-shadow:none; }
#customer-detail.customer-dossier-v2 .customer-ai-work-entry > span { display:none; }
#customer-detail.customer-dossier-v2 .customer-ai-work-entry strong,
#customer-detail.customer-dossier-v2 .customer-ai-work-entry .detail-button { font-size:14px; }
#customer-detail.customer-dossier-v2 .customer-ai-work-entry .detail-button { background:none; border:0; padding:4px 8px; min-height:30px; box-shadow:none; }
#customer-detail.customer-dossier-v2 .dossier-columns { display:grid; grid-template-columns:minmax(0,1.67fr) minmax(370px,1fr); align-items:start; gap:14px; flex:none; min-height:0; height:auto; overflow:visible; }
#customer-detail.customer-dossier-v2 .customer-profile-col-main,
#customer-detail.customer-dossier-v2 .dossier-sidebar { display:flex; flex-direction:column; gap:14px; min-width:0; height:auto; max-height:none; overflow:visible; padding:0; background:none; border:0; }
#customer-detail.customer-dossier-v2 .customer-profile-card,
#customer-detail.customer-dossier-v2 .customer-overview-card { border:1px solid #dde5eb; border-radius:7px; box-shadow:none; background:#fff; margin:0; min-height:0; height:auto; max-height:none; overflow:visible; }
#customer-detail.customer-dossier-v2 .customer-profile-card-head { min-height:48px; padding:12px 17px 9px; gap:9px; align-items:center; border-bottom:1px solid #e8edf1; margin:0 14px; }
#customer-detail.customer-dossier-v2 .customer-profile-card-head h3 { font-size:20px; font-weight:650; line-height:1.4; margin:0; color:#172b3a; }
#customer-detail.customer-dossier-v2 .customer-profile-count { font-size:15px; background:#edf3f5; padding:1px 7px; color:#334f5b; }
#customer-detail.customer-dossier-v2 .dossier-followup-label { font-size:14px; color:#425969; }
#customer-detail.customer-dossier-v2 .customer-profile-card-sp { flex:1; }
#customer-detail.customer-dossier-v2 .customer-profile-card-body { padding:11px 29px 15px; min-height:0; max-height:none; overflow:visible; }
#customer-detail.customer-dossier-v2 .dossier-section-icon { color:#176363; display:inline-flex; align-items:center; flex:none; }
#customer-detail.customer-dossier-v2 .detail-section-body { max-height:none; overflow:visible; }
#customer-detail.customer-dossier-v2 .customer-profile-mini { font-size:14px; min-height:30px; border-radius:5px; padding:4px 8px; color:#176363; background:none; border:0; box-shadow:none; }
#customer-detail.customer-dossier-v2 .customer-profile-mini:hover { background:#edf4f3; }
#customer-detail.customer-dossier-v2 .customer-overview-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
#customer-detail.customer-dossier-v2 .customer-overview-field,
#customer-detail.customer-dossier-v2 .customer-overview-readonly-field,
#customer-detail.customer-dossier-v2 .customer-overview-field.is-wide { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:start; gap:12px; padding:6px 0; border:0; border-bottom:1px solid #edf0f3; border-radius:0; background:none; min-height:34px; }
#customer-detail.customer-dossier-v2 .customer-overview-field:last-child { border-bottom:0; }
#customer-detail.customer-dossier-v2 .customer-overview-field-head { width:auto; display:flex; align-items:center; justify-content:space-between; min-height:25px; }
#customer-detail.customer-dossier-v2 .customer-overview-label { font-size:17px; font-weight:400; color:#4b5b69; line-height:1.5; }
#customer-detail.customer-dossier-v2 .customer-overview-value { color:#172b3a; font-size:18px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
#customer-detail.customer-dossier-v2 [data-dossier-field-id] { cursor:text; border:1px solid transparent; border-radius:4px; padding:1px 6px; margin:-2px -7px; min-height:28px; }
#customer-detail.customer-dossier-v2 [data-dossier-field-id]:hover { background:#f0f6f6; border-color:#d3e3e3; }
#customer-detail.customer-dossier-v2 [data-dossier-field-id]:focus-visible { outline:2px solid #1f7a7a; outline-offset:1px; }
#customer-detail.customer-dossier-v2 [data-dossier-field-id].is-direct-editing { background:none; border-color:transparent; cursor:default; }
#customer-detail.customer-dossier-v2 .dossier-field-form { display:block; margin:0; min-width:0; }
#customer-detail.customer-dossier-v2 .dossier-field-form .detail-field { margin:0; padding:0; gap:0; }
#customer-detail.customer-dossier-v2 .dossier-field-form .detail-field > label:not(.important-toggle) { display:none; }
#customer-detail.customer-dossier-v2 .dossier-field-form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { box-sizing:border-box; width:100%; max-width:100%; border:1px solid #79a9a4; border-radius:4px; background:#fff; color:#172b3a; font:inherit; font-size:18px; line-height:1.5; padding:4px 7px; min-height:34px; }
#customer-detail.customer-dossier-v2 .dossier-field-form textarea { min-height:80px; resize:vertical; }
#customer-detail.customer-dossier-v2 .dossier-field-form input[type="checkbox"] { width:18px; height:18px; }
#customer-detail.customer-dossier-v2 .dossier-field-feedback { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:4px; font-size:12px; line-height:1.4; color:#536b75; }
#customer-detail.customer-dossier-v2 .dossier-field-feedback button { background:none; border:0; padding:2px 4px; font:inherit; color:#176363; cursor:pointer; }
#customer-detail.customer-dossier-v2 .dossier-field-feedback [hidden] { display:none; }
#customer-detail.customer-dossier-v2 .dossier-field-feedback button:disabled { color:#7f8d94; cursor:default; }
#customer-detail.customer-dossier-v2 .dossier-field-form.has-error :is(input,textarea,select) { border-color:#bd5144; }
#customer-detail.customer-dossier-v2 .dossier-field-form.has-error [data-dossier-field-status] { color:#a33b30; }
#customer-detail.customer-dossier-v2 .dossier-field-saved { display:inline-block; font-size:12px; font-weight:400; color:#236d5c; margin-left:12px; }
#customer-detail.customer-dossier-v2 .customer-overview-field-edit { opacity:0; color:#176363; }
#customer-detail.customer-dossier-v2 .customer-overview-field:hover .customer-overview-field-edit,
#customer-detail.customer-dossier-v2 .customer-overview-field:focus-within .customer-overview-field-edit { opacity:1; }
#customer-detail.customer-dossier-v2 .customer-overview-field.is-editing { display:block; }
#customer-detail.customer-dossier-v2 .customer-chip { font-size:15px; font-weight:500; }
#customer-detail.customer-dossier-v2 .customer-overview-value .customer-chip { background:none; border:0; padding:0; box-shadow:none; color:inherit; font-size:inherit; font-weight:400; }
#customer-detail.customer-dossier-v2 .dossier-more-actions { position:relative; font-size:14px; }
#customer-detail.customer-dossier-v2 .dossier-more-actions > summary { list-style:none; border:1px solid #dce5e9; border-radius:5px; background:white; padding:6px 12px; cursor:pointer; }
#customer-detail.customer-dossier-v2 .dossier-more-actions > summary::-webkit-details-marker { display:none; }
#customer-detail.customer-dossier-v2 .dossier-more-actions[open] { z-index:20; }
#customer-detail.customer-dossier-v2 .dossier-more-actions > div { position:absolute; right:0; top:calc(100% + 5px); min-width:180px; display:flex; flex-direction:column; gap:5px; background:white; padding:8px; border:1px solid #d7e1e6; border-radius:6px; box-shadow:0 6px 20px #24384314; }
#customer-detail.customer-dossier-v2 .dossier-group-customer_note .customer-overview-field { display:block; }
#customer-detail.customer-dossier-v2 .dossier-group-customer_note .customer-overview-field-head { margin-bottom:4px; }
#customer-detail.customer-dossier-v2 .dossier-group-customer_note .customer-overview-value { background:#f3f7f9; border-radius:5px; padding:8px 10px; }
#customer-detail.customer-dossier-v2 .customer-profile-timeline { gap:12px; }
#customer-detail.customer-dossier-v2 .customer-profile-tl-meta { color:#516475; font-size:15px; line-height:1.5; }
#customer-detail.customer-dossier-v2 .customer-profile-tl-text { color:#172b3a; font-size:17px; line-height:1.5; max-height:none; overflow:visible; -webkit-line-clamp:unset; display:block; }
#customer-detail.customer-dossier-v2 .customer-profile-tl-meta b { font-weight:500; color:#172b3a; }
#customer-detail.customer-dossier-v2 .customer-profile-sum-more { font-size:16px; margin-top:9px; }
#customer-detail.customer-dossier-v2 .customer-profile-file { padding:9px 0; align-items:center; }
#customer-detail.customer-dossier-v2 .customer-profile-file-name { font-size:16px; color:#172b3a; font-weight:400; }
#customer-detail.customer-dossier-v2 .customer-profile-file-preview { font-size:14px; }
#customer-detail.customer-dossier-v2 .dossier-file-size { color:#536879; font-size:14px; white-space:nowrap; }
#customer-detail.customer-dossier-v2 .dossier-comment-compose { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:8px 0 0; }
#customer-detail.customer-dossier-v2 .dossier-comment-compose textarea { min-height:38px; max-height:180px; resize:vertical; border:1px solid #cedde5; border-radius:5px; font:inherit; font-size:16px; line-height:1.5; padding:7px 10px; width:100%; }
#customer-detail.customer-dossier-v2 .dossier-comment-compose button { align-self:start; background:#176363; color:#fff; min-height:38px; font-size:15px; border-radius:5px; }
#customer-detail.customer-dossier-v2 .dossier-comment-compose [data-comment-status] { grid-column:1/-1; font-size:13px; color:#465f6e; }
#customer-detail.customer-dossier-v2 .customer-profile-file-icon { background:none; border:1px solid #dce4e8; color:#465865; font-size:10px; border-radius:3px; width:25px; height:28px; }
#customer-detail.customer-dossier-v2 .customer-profile-sum-empty,
#customer-detail.customer-dossier-v2 .customer-profile-comment-entry { font-size:16px; color:#586b7b; }
#customer-detail.customer-dossier-v2 .customer-public-pool-protection-bar { padding:7px 10px; }
#customer-detail.customer-dossier-v2 .customer-public-pool-request-slot { margin:0; }
@media (max-width:1100px) {
  #customer-detail.customer-dossier-v2 .dossier-columns { grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr); }
  #customer-detail.customer-dossier-v2 .customer-overview-field { grid-template-columns:130px minmax(0,1fr); gap:8px; }
}
@media (max-width:767px) {
  #customer-detail.customer-dossier-v2 .dossier-columns { display:block; }
  #customer-detail.customer-dossier-v2 .dossier-sidebar { margin-top:14px; }
  #customer-detail.customer-dossier-v2 .customer-overview-field { grid-template-columns:110px minmax(0,1fr); }
  #customer-detail.customer-dossier-v2 .customer-overview-label { font-size:15px; }
  #customer-detail.customer-dossier-v2 .customer-overview-value { font-size:16px; }
}