.main-content:has(.customer-profile-page.active){height:100dvh;min-height:0;padding-top:18px;padding-bottom:18px;overflow:hidden}.customer-profile-page{height:100%;min-height:0;width:100%;background:#fff;color:#234b3b;padding-bottom:0;border:1px solid #dfe9e3;border-radius:14px;overflow:hidden;flex-direction:column}.customer-profile-page.active{display:flex}.customer-profile-page[hidden]{display:none}.customer-profile-mode{overflow:hidden}.profile-header{position:relative;z-index:30;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 22px;background:#fff;border-bottom:1px solid #e1e9e4;flex-shrink:0}.profile-title span{font-size:10px;color:#7d9286;letter-spacing:.8px}.profile-title h1{font-size:24px;line-height:1.3;margin:3px 0;color:#153d2f}.profile-title p{font-size:12px;color:#71877a}.profile-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #e5ece8;padding:16px 22px;gap:0;background:#fbfdfc;flex-shrink:0}.profile-facts dl{padding:0 20px;border-left:1px solid #e5ece8;min-width:0}.profile-facts dl:first-child{border-left:0;padding-left:0}.profile-facts dt{font-size:11px;color:#82948a;margin-bottom:6px}.profile-facts dd{font-size:13px;font-weight:600;color:#284f3e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-state{display:inline-flex;padding:4px 8px;border-radius:5px;background:#dff2e8;color:#167057;font-size:12px}.profile-sections{display:flex;gap:24px;padding:0 22px;border-bottom:1px solid #e5ece8;flex-shrink:0}.profile-sections button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 0 11px;color:#71877a;font-size:13px;cursor:pointer}.profile-sections button.active{color:#00544e;border-bottom-color:#00544e;font-weight:700}.profile-content{padding:18px 22px;flex:1;min-height:0;overflow:auto}.profile-activity{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;margin:0}.profile-filters{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;align-self:start}.profile-filters button{border:0;background:transparent;color:#5e7669;border-radius:7px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;font-size:12px;cursor:pointer}.profile-filters button.active{background:#e9f4ee;color:#00544e;font-weight:700}.profile-filters small{font-size:10px;color:#8da096}.profile-timeline{min-width:0;border-left:1px solid #dbe8e1}.profile-event{display:grid;grid-template-columns:110px 78px minmax(0,1fr);gap:14px;padding:15px 0 18px 20px;border-bottom:1px solid #e6ece9;position:relative}.profile-event:before{content:'';position:absolute;left:-5px;top:22px;width:9px;height:9px;border-radius:50%;background:#4b9d7e;border:2px solid #fff}.profile-event>time{font-size:10px;color:#7d9185;line-height:1.6}.profile-event-type{align-self:start;justify-self:start;border-radius:5px;padding:4px 7px;background:#e6f3ec;color:#176a50;font-size:10px;font-weight:700}.type-业务{background:#fff0d8;color:#a96713}.type-提醒{background:#fff6cb;color:#8c7114}.type-寄样成交{background:#eef0ff;color:#6153a4}.type-流转\/状态{background:#edf1ef;color:#5c6f65}.profile-event-main{min-width:0}.profile-event-main header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.profile-event-main strong{font-size:13px;color:#224938}.profile-event-main small{font-size:10px;color:#85988d}.profile-event-main p{font-size:13px;color:#3d5d4d;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.profile-base,.profile-files{margin:0}.profile-base>h2,.profile-files h2,.profile-inquiries h2{font-size:17px;color:#173f31}.profile-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:16px 0 24px;border-top:1px solid #e4ebe7;border-bottom:1px solid #e4ebe7}.profile-field-grid>div{padding:14px;border-left:1px solid #e8eeea;border-top:1px solid #eef2ef}.profile-field-grid>div:nth-child(4n+1){border-left:0}.profile-field-grid>div:nth-child(-n+4){border-top:0}.profile-field-grid dt,.profile-inquiries dt{font-size:10px;color:#81958a;margin-bottom:5px}.profile-field-grid dd{font-size:13px;color:#315443;overflow-wrap:anywhere}.profile-inquiries>h2,.profile-files>header{display:flex;align-items:center;gap:8px}.profile-inquiries h2 span,.profile-files>header span{font-size:10px;color:#82958a;font-weight:400}.profile-inquiries article{padding:15px 0;border-bottom:1px solid #e5ece8}.profile-inquiries article>header{display:flex;gap:12px;align-items:center}.profile-inquiries article>header span{font-size:10px;color:#70877a}.profile-inquiries article>p{font-size:13px;line-height:1.7;color:#3d5d4d;margin:9px 0;white-space:pre-wrap}.profile-inquiries article>dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-inquiries article>dl>div{min-width:0}.profile-inquiries dd{font-size:11px;color:#466453;overflow-wrap:anywhere}.profile-files>header{justify-content:space-between;margin-bottom:13px}.profile-empty,.profile-loading,.profile-unavailable{padding:64px 20px;text-align:center;color:#799083}.profile-unavailable h1{color:#244d3c;margin-bottom:9px}.profile-unavailable p{margin-bottom:18px}.profile-loading{font-size:14px}
.profile-content-activity,.profile-content-files{overflow:hidden}.profile-activity{grid-template-columns:150px minmax(360px,.9fr) minmax(420px,1.1fr);gap:18px;height:100%;min-height:0}.profile-filters{max-height:100%;overflow:auto}.profile-timeline{height:100%;min-height:0;overflow:auto;padding-right:4px}.profile-attachment-pane{min-width:0;min-height:0;height:100%;border:1px solid #dce8e1;border-radius:10px;background:#f7faf8;overflow:hidden}.profile-preview-empty{height:100%;min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;padding:28px;text-align:center;color:#789084}.profile-preview-empty .ph{font-size:34px;color:#8faaa0}.profile-preview-empty strong{font-size:14px;color:#365a49}.profile-preview-empty p{max-width:250px;font-size:11px;line-height:1.7}.profile-attachment-pane:has(.attachment-inline-host:not([hidden])) .profile-preview-empty{display:none}.profile-attachment-pane>.attachment-inline-host{height:100%;min-height:0;margin:0;border:0;border-radius:0}.profile-files{height:100%;min-height:0;display:flex;flex-direction:column}.profile-files-layout{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:18px;flex:1;min-height:0}.profile-file-browser{min-width:0;overflow:auto;padding-right:4px}.profile-file-browser .attachment-file-list{display:grid;grid-template-columns:1fr;margin-top:0}.profile-file-browser .attachment-file-button{width:100%;max-width:none}
.profile-timeline{border-left:0}.profile-event{grid-template-columns:42px 110px 78px minmax(0,1fr);gap:12px;padding:15px 0 18px;align-items:start}.profile-event:before{display:none}.profile-event-rail{align-self:stretch;min-height:54px;display:flex;flex-direction:column;align-items:center}.profile-event-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e3f1eb;color:#176a50;box-shadow:0 0 0 5px #f7faf8}.profile-event-icon .ph{font-size:17px}.profile-event-connector{width:1px;flex:1;min-height:18px;margin-top:8px;background:#cadbd2}.profile-event:last-child .profile-event-connector{visibility:hidden}.profile-event[data-profile-type="提醒"] .profile-event-icon{background:#fff0c9;color:#9b7717}.profile-event[data-profile-type="寄样成交"] .profile-event-icon{background:#e3f1eb;color:#176a50}.profile-event[data-profile-type="业务"] .profile-event-icon{background:#e7eef8;color:#356c8c}.profile-event[data-profile-type="流转/状态"] .profile-event-icon{background:#edf1ef;color:#60736a}
@media(max-width:900px){.profile-header{grid-template-columns:auto minmax(0,1fr);padding:14px 18px}.profile-header>[data-profile-edit]{grid-column:2;justify-self:start}.profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 18px}.profile-facts dl{border:0;padding:10px 8px}.profile-sections{padding:0 18px;overflow-x:auto}.profile-content{padding:16px 18px}.profile-activity{grid-template-columns:1fr}.profile-filters{position:static;flex-direction:row;overflow-x:auto}.profile-filters button{min-width:max-content;gap:8px}.profile-event{grid-template-columns:42px 92px 72px minmax(0,1fr)}.profile-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-field-grid>div:nth-child(4n+1){border-left:1px solid #e8eeea}.profile-field-grid>div:nth-child(2n+1){border-left:0}.profile-field-grid>div:nth-child(-n+4){border-top:1px solid #eef2ef}.profile-field-grid>div:nth-child(-n+2){border-top:0}.profile-inquiries article>dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.profile-header{position:static;display:flex;flex-wrap:wrap;gap:10px}.profile-title{width:calc(100% - 52px)}.profile-title h1{font-size:22px}.profile-header>[data-profile-back]{width:40px;padding:0;font-size:0}.profile-header>[data-profile-back] .ph{font-size:18px}.profile-header>[data-profile-edit]{margin-left:50px}.profile-facts{grid-template-columns:1fr 1fr}.profile-event{grid-template-columns:36px minmax(0,1fr);gap:7px 10px;padding-left:0}.profile-event-rail{grid-column:1;grid-row:1/4}.profile-event>time{grid-column:2;order:1}.profile-event-type{grid-column:2;order:2}.profile-event-main{grid-column:2;order:3}.profile-event-icon{width:30px;height:30px}.profile-field-grid,.profile-inquiries article>dl{grid-template-columns:1fr}.profile-field-grid>div{border-left:0!important;border-top:1px solid #eef2ef!important}.profile-field-grid>div:first-child{border-top:0!important}}
@media(max-width:900px){.profile-content-activity,.profile-content-files{overflow:auto}.profile-activity{height:auto;min-height:0}.profile-filters,.profile-timeline{max-height:none;height:auto;overflow:visible}.profile-attachment-pane{height:auto;min-height:420px}.profile-files{height:auto}.profile-files-layout{grid-template-columns:1fr;min-height:0}.profile-file-browser{overflow:visible}.profile-attachment-pane>.attachment-inline-host{min-height:420px}}