:root{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#243d59;background:#f3f6f9;font-size:13px}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:flex;height:100vh;min-height:580px;background:#f3f6f9}.sidebar{width:190px;flex:0 0 190px;background:#fff;border-right:1px solid #e5ebf2;display:flex;flex-direction:column;padding:18px 12px 12px}.brand{padding:4px 10px 24px;display:flex;flex-direction:column;gap:3px}.brand strong{font-size:19px;letter-spacing:.3px;color:#0093d7}.brand small{font-size:11px;color:#8394a8}.navcaption{font-size:11px;color:#92a1b2;padding:0 10px 6px}.navitem{display:flex;gap:11px;align-items:center;min-height:36px;padding:9px 10px;border-radius:7px;font-size:12px;color:#35516f;margin-bottom:2px}.navitem:hover,.navitem.active{background:#e4f3fc;color:#008ccf}.navitem.active{font-weight:700}.navicon{font-size:17px;width:16px;line-height:12px}.muted{color:#8697aa!important}.navitem.muted{opacity:.75;cursor:default}.sep{height:1px;background:#e8edf2;margin:11px 0}.sidebar-foot{margin-top:auto;border-top:1px solid #e8edf2;padding:12px 5px 3px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:#0093d7;color:#fff;display:grid;place-items:center;font-weight:700}.sidebar-foot>div:last-child{display:flex;flex-direction:column;gap:3px}.sidebar-foot strong{font-size:12px}.sidebar-foot small{font-size:11px;color:#8c9caf}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:50px;flex:0 0 50px;background:white;border-bottom:1px solid #e4ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.crumb{font-size:12px;color:#8b9aad}.crumb span{color:#a6b5c4;padding:0 10px}.crumb b{color:#2c425d}.topright{display:flex;align-items:center;gap:13px}.pill{font-size:11px;padding:5px 9px;background:#eef3f8;border-radius:20px;color:#738ba2}.blue-pill{background:#e2f3fc;color:#0093d7}.warn-pill{background:#fff0ee;color:#cb4945}.text-btn{border:0;background:transparent;color:#758ba4;font-size:12px}.viewport{padding:14px 16px 10px;overflow:auto;flex:1}.info-banner{padding:9px 12px;border:1px solid #d9e7f3;border-radius:6px;color:#55708c;background:#edf4f9;font-size:11px}.flash{padding:10px 13px;border-radius:6px;margin:8px 0;font-size:12px}.flash.success{background:#eaf7ef;color:#158259}.flash.error{background:#feeeee;color:#c33e3e}.heading{margin:14px 0 11px;display:flex;align-items:center;justify-content:space-between;gap:15px}.heading h1{font-size:20px;color:#1d3855;margin:0}.heading p{font-size:11px;color:#8295aa;margin:5px 0 0}.segmented{display:flex;gap:2px;padding:3px;border:1px solid #e0e7ef;border-radius:7px;background:#fff;white-space:nowrap}.seg{padding:6px 10px;border-radius:5px;font-size:11px;color:#66819c}.seg.selected{background:#0093d7;color:white}.panel{background:#fff;border:1px solid #e3eaf1;border-radius:9px;padding:14px;margin:0;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.panel-head>b,.panel-head>div>b{font-size:13px;color:#2a4260}.panel-head h2{font-size:17px;color:#284360;margin:0 0 3px}.panel-head span{font-size:11px}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.metric{background:#f4f7f9;border-radius:6px;padding:13px 11px;min-height:89px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.metric span{color:#7387a0;font-size:11px}.metric strong{font-size:27px;color:#213a57;font-weight:700}.metric strong.blue{color:#0093d7}.metric strong.warn{color:#cb4340}.two-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;margin-top:12px;align-items:start}.table-scroll{width:100%;overflow:auto}.table-scroll table,table{border-collapse:collapse;width:100%}th{background:#f8fafc;text-align:left;color:#7a8da2;font-size:11px;font-weight:500;white-space:nowrap}th,td{padding:11px 9px;border-bottom:1px solid #edf1f5}td{font-size:12px}th:first-child,td:first-child{padding-left:6px}tbody tr:hover{background:#fcfdff}.blue-link{color:#0093d7;font-weight:600}.blue-link:hover{text-decoration:underline}.danger-link,.danger{color:#cb4340!important}.danger-link{font-weight:600}.success{color:#13876a}.warning{color:#ad701c}.track{height:6px;background:#e0eaf2;border-radius:100px;overflow:hidden;margin-top:6px}.track>span{background:#0093d7;height:100%;border-radius:100px;display:block}.track.large{height:8px;margin-top:12px}.hint{font-size:11px;line-height:1.55;color:#8799ae;margin:10px 0 0}.small{font-size:10px;color:#6e8196}.tight{gap:5px!important}.stack{display:flex;flex-direction:column;max-height:320px;overflow:auto}.task-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f6f8fa;padding:10px;border-radius:6px}.task-row:hover,.related-task:hover,.pending-card:hover{background:#e9f5fc}.task-row>div{display:flex;flex-direction:column;gap:4px}.task-row strong{font-size:12px;font-weight:600}.task-row small{font-size:10px;color:#8094a7}.task-row .right{align-items:end;white-space:nowrap;font-size:11px}.staff-layout,.customer-layout{display:flex;align-items:stretch;gap:12px}.employee-list,.customer-list{flex:0 0 215px;align-self:flex-start}.employee-item,.customer-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f7f9fb;border-radius:6px;margin-top:6px;border:1px solid transparent}.employee-item:hover,.customer-item:hover,.selected-emp{background:#e4f3fc!important;border-color:#c1e3f6!important}.small-avatar{width:28px;height:28px;flex:0 0 28px;font-size:12px}.employee-item>div{display:flex;flex-direction:column;gap:5px}.employee-item strong,.customer-item strong{font-size:12px}.employee-item small,.customer-item small{color:#8295aa;font-size:10px}.employee-list .micro{font-size:11px;color:#496681}.subtle-label{font-size:11px;color:#7d94a9;font-weight:600}.staff-main,.customer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal{padding:14px;background:#f4f7fa;border-radius:6px}.goal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.goal-head span{font-size:12px;color:#60758e}.goal-head strong{font-size:16px}.goal small{display:block;color:#7f93a9;margin-top:8px}.edit-panel{display:flex;align-items:end;flex-wrap:wrap;gap:10px;background:#edf7fc;border-radius:6px;padding:13px;margin-top:13px}.edit-panel label{display:flex;flex-direction:column;gap:6px;color:#647d96;font-size:11px}.edit-panel input,.edit-panel select{min-width:120px}.task-form label:nth-of-type(2){flex:1}.tasks-table{max-height:290px;overflow:auto}.btn{display:inline-block;background:#fff;border:1px solid #dce5ed;border-radius:6px;color:#3d5c7b;padding:8px 12px;white-space:nowrap;font-size:11px;font-weight:600;text-align:center}.btn:hover{filter:brightness(.98)}.btn.primary{background:#0093d7;color:#fff;border-color:#0093d7}.btn.outline{background:#fff;color:#55708b}.btn.wide{width:100%}.button-group{display:flex;gap:8px}.mini-btn{font-size:11px;border:1px solid #dbe5ef;border-radius:5px;padding:5px 9px;background:white;color:#627f9d}.customer-list{flex-basis:235px}.customer-item{flex-direction:column;align-items:flex-start;gap:6px}.customer-item .stage{font-size:10px;color:#008ccf}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.micro-card{background:#f4f7fa;padding:11px;border-radius:6px;display:flex;flex-direction:column;gap:10px;min-height:65px}.micro-card small,.detail-grid small,.meta small{font-size:11px;color:#8799ad}.micro-card strong{font-size:12px;line-height:1.45}.wide-seg{width:max-content;margin-bottom:15px}.detail-content{min-height:135px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:6px 2px 16px}.detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid>div{display:flex;flex-direction:column;gap:7px}.detail-grid strong{font-size:13px}.related-task{display:flex;justify-content:space-between;gap:10px;background:#f6f8fa;margin:6px 0;padding:10px;border-radius:6px}.related-task strong{font-size:12px}.timeline{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.timeline-item{display:flex;align-items:center;gap:12px;font-size:12px}.timeline-item small{margin-left:auto;color:#8496a9}.source{color:#68849f;font-size:11px}.communication-layout{display:flex;align-items:stretch;gap:10px}.comm-clients{flex:0 0 190px}.communication-center{flex:1;min-width:0}.comm-side{flex:0 0 185px;display:flex;flex-direction:column;gap:13px;align-self:flex-start}.source-segs{width:max-content;max-width:100%;overflow:auto;margin-bottom:12px}.events-scroll{max-height:335px;min-height:240px;overflow:auto}.event{background:#f4f7fa;padding:13px;margin-bottom:9px;border-radius:7px;display:flex;flex-direction:column;gap:7px}.event-head{display:flex;justify-content:space-between;gap:8px}.event-head strong{font-size:11px;color:#0093d7}.event-head small,.event>small{font-size:10px;color:#8a9bad}.event>b{font-size:12px}.event p{font-size:11px;color:#5d7790;line-height:1.5;margin:0}.meta{display:flex;flex-direction:column;gap:4px}.meta strong{font-size:12px}.pending-card{padding:9px;border-radius:6px;background:#f5f8fa;display:flex;flex-direction:column;gap:6px}.pending-card strong{font-size:11px}.pending-card small{font-size:10px}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.three-cols+.panel{margin-top:12px}.task-detail{max-width:880px}.finish-form label{display:flex;flex-direction:column;gap:7px}.finish-form button{margin-top:12px}input,textarea,select{border:1px solid #d8e3ee;background:#fff;border-radius:6px;color:#28415d;padding:9px 10px;outline:none;max-width:100%}input:focus,textarea:focus,select:focus{border-color:#0093d7;box-shadow:0 0 0 2px #e0f3fc}.finish-form textarea{max-width:700px}.empty{text-align:center;color:#899bae;padding:24px 8px}.right{text-align:right}footer{margin:18px 0 5px;color:#9eacb9;font-size:10px;display:flex;justify-content:space-between}.login-screen{height:100vh;min-height:570px;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#e6f3fb,#f7f9fc)}.login-card{width:380px;background:#fff;border:1px solid #e1eaf2;border-radius:12px;box-shadow:0 18px 50px #5c829822;padding:34px}.login-brand{font-weight:800;font-size:24px;letter-spacing:1px;color:#0093d7}.login-card p{color:#8799ac;font-size:12px;margin:7px 0 20px}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:12px}.login-card input{width:100%;font-size:13px}.login-tip{margin-top:22px;font-size:10px;color:#94a5b5;text-align:center}@media (max-width:1150px){.metrics{grid-template-columns:repeat(3,1fr)}.two-cols{grid-template-columns:1fr}.communication-layout{flex-wrap:wrap}.comm-clients{flex-basis:220px}.comm-side{flex-basis:100%;flex-direction:row}.sidebar{width:170px;flex-basis:170px}}@media (max-width:720px){.app{height:auto;min-height:100vh}.sidebar{width:64px;flex-basis:64px;padding:10px 5px}.brand small,.brand strong,.navcaption,.navitem:not(.active),.sidebar-foot,.navitem.active{font-size:0}.navitem .navicon{font-size:20px}.viewport{padding:12px}.topbar{padding:0 10px}.metrics{grid-template-columns:repeat(2,1fr)}.staff-layout,.customer-layout{flex-wrap:wrap}.employee-list,.customer-list{flex-basis:100%}.communication-center{flex-basis:100%}.heading{flex-wrap:wrap}.four-grid{grid-template-columns:repeat(2,1fr)}}
/* V1.1 unified page adjustments */
.form-details{margin-top:12px;padding:10px 12px;border:1px solid #e2eaf1;border-radius:7px;background:#fbfdff}
.form-details summary{cursor:pointer;font-size:12px;color:#286080;font-weight:600}
.form-details:target{border-color:#0093d7;background:#edf8ff}
.staff-tasks{margin-top:12px}
.logout-form{margin-left:auto}.logout-form button{font-size:11px}
.login-screen h2{font-size:17px;margin:0 0 18px;color:#243d59}
.customer-list,.comm-clients{max-height:470px;overflow:auto}
.customer-item{display:flex;flex-direction:column;align-items:flex-start}
.panel .segmented a{display:block}
.table-scroll{overflow:auto}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* WHITE STAG V1.2 — compact API diagnostics */
.api-warning {font-size:12px;line-height:1.8;background:#eaf5fa;border:1px solid #cfe5f0;border-radius:9px;padding:10px 13px;margin-bottom:12px;color:#385877}
.api-warning.api-red {background:#fff7f2;border-color:#efcfbd;color:#924826}
.api-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 14px}
.api-card {min-width:0;padding:17px 18px}
.api-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:0 0 14px}
.api-title h2 {font-size:17px;color:#173751;margin:0 0 4px}
.api-title .muted{font-size:12px}
.api-meta{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px 10px;align-items:center;font-size:12px;margin-bottom:16px}
.api-meta>span:nth-child(odd){color:#7c91a5}
.api-meta code {overflow-wrap:anywhere;font-size:11px}
.api-btn{display:inline-block;background:#0093d7;color:white;border:0;border-radius:7px;padding:10px 15px;font-weight:600;font-size:12px;cursor:pointer}
.api-btn:hover{background:#007fba}
.api-btn.secondary-api-btn{background:#edf5f9;color:#0878b1;border:1px solid #cfdfec}
.api-actions{display:flex;gap:10px;flex-wrap:wrap}
.api-results {margin-top:14px;border-top:1px solid #e5ebf2;padding-top:12px}
.api-results h3{font-size:13px;color:#173751;margin:0 0 10px}
.api-result{padding:9px 0;border-bottom:1px solid #eef2f6;font-size:11px}
.api-result>div{display:flex;justify-content:space-between;align-items:center;gap:8px}
.api-result>div span{color:#8091a3;font-size:10px}
.api-result p{margin:5px 0;color:#506782;line-height:1.65}
.api-success{color:#0b806a}.api-warning-text{color:#b26e1c}
.api-settings{margin-top:15px;border-top:1px solid #e6edf3;padding-top:12px}
.api-settings summary{cursor:pointer;color:#087fba;font-size:12px;font-weight:600}
.api-settings form{display:grid;gap:10px;margin:12px 0}
.api-settings label{display:grid;gap:4px;font-size:11px;color:#60778d}
.api-settings input{padding:9px;border:1px solid #dbe4ee;border-radius:6px;min-width:0}
.api-steps{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}
.api-steps>span{background:#eef4f8;border-radius:7px;color:#385a77;font-size:12px;padding:8px 10px}
@media(max-width:1100px){.api-grid{grid-template-columns:1fr}}
/* V1.3 in-app API binding and safety controls */
.api-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-latest{background:#f2f8fb;border:1px solid #e0ebf3;border-radius:8px;padding:10px 12px;margin-bottom:14px;font-size:11px}.api-latest>strong{margin-right:10px}.api-latest p{color:#57718b;line-height:1.6;margin:6px 0 0}.api-history,.api-danger-zone{margin-top:12px;border-top:1px solid #e4ebf2;padding-top:11px}.api-history summary,.api-danger-zone summary{font-size:11px;color:#61819e;cursor:pointer}.api-danger-zone summary{color:#bc5953}.api-danger-zone form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}.api-danger-zone label{font-size:11px;display:flex;gap:8px;align-items:center}.api-danger-zone input{max-width:none}.api-danger-btn{background:#b34e4a}.api-danger-btn:hover{background:#993c3a}.api-card .hint{font-size:11px;line-height:1.5}.api-actions .api-btn{font-size:11px}.api-settings input{width:100%}
@media(max-width:700px){.api-form-grid{grid-template-columns:1fr}}

/* WHITE STAG V1.4 Cordys read-only snapshot */
.crm-heading h1{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.crm-real-tag{display:inline-block;background:#e6f6fc;color:#0085c3;border:1px solid #aee1f4;font-size:10px;padding:4px 7px;border-radius:5px;vertical-align:middle}
.crm-sync-header,.crm-sources-quick{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}
.crm-hint{font-size:11px;color:#66809a;line-height:1.65;margin:6px 0 0}
.crm-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.crm-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.crm-status-grid>div{background:#f4f8fb;border:1px solid #e8edf3;padding:13px;border-radius:7px;display:flex;flex-direction:column;gap:8px}
.crm-status-grid small{color:#718da5;font-size:11px}.crm-status-grid strong{font-size:20px;color:#0093d7}
.crm-subhead{margin-top:18px}.crm-inline{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eff2f6;font-size:12px}
.crm-inline b{color:#254e70}
@media(max-width:1220px){.crm-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-sync-header,.crm-sources-quick{flex-direction:column;align-items:flex-start}}
/* WHITE STAG V1.5: persistent employee directory and compact follow-up records */
.binding-grid{display:grid;grid-template-columns:minmax(220px,31%) minmax(0,1fr);gap:18px;align-items:start}
.binding-list{min-width:0;border-right:1px solid #e7edf3;padding-right:14px}
.binding-person{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2eaf2;border-radius:8px;margin-top:9px;color:#33536e;background:#fff}
.binding-person:hover,.binding-selected{background:#edf8fe;border-color:#8bd0f0}
.binding-avatar{display:flex;align-items:center;justify-content:center;background:#d6edfc;color:#0093d7;border-radius:9px;width:38px;height:38px;flex:0 0 38px;font-weight:700}
.binding-person-txt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.binding-person-txt b{font-size:13px}.binding-person-txt small{font-size:11px;color:#8599ad}
.binding-status{font-size:10px;color:#098973;background:#ebf8f1;padding:4px 7px;border-radius:999px}
.binding-off{background:#f2f3f5;color:#8d97a3}.binding-editor h2{font-size:17px;margin:0 0 15px}
.binding-form{display:grid;gap:10px}.binding-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#607b95}
.binding-form input,.binding-form textarea{width:100%;font-size:13px;font-weight:400}
.binding-source-title{font-size:13px;font-weight:700;color:#0093d7;padding-top:13px;margin-top:3px;border-top:1px solid #e8edf3}
.binding-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:16px;border-top:1px solid #e8edf3;padding-top:15px}
.binding-danger{max-width:340px;font-size:11px;color:#b34e4a}.binding-danger summary{cursor:pointer}.binding-danger form{display:grid;gap:8px;padding:8px 0}
.binding-danger label{display:flex;gap:8px;align-items:center;color:#526a80}.binding-danger input{width:auto}
.crm-latest-panel{margin-top:12px}.crm-follow-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.crm-follow-filter label{font-size:11px;color:#788fa4;display:grid;gap:4px}.crm-follow-filter input,.crm-follow-filter select{min-width:120px;padding:8px 10px;font-size:12px}
.crm-follow-table{width:100%;min-width:820px}.crm-follow-table td{vertical-align:top;line-height:1.5}.crm-nowrap{white-space:nowrap}
.crm-follow-content{min-width:240px;max-width:490px;word-break:break-word}
.crm-follow-detail{position:relative;min-width:50px}.crm-follow-detail summary{cursor:pointer;color:#008bc4;font-size:11px}
.crm-follow-full{background:#f1f7fc;border:1px solid #d8eaf3;border-radius:7px;padding:11px;min-width:210px;max-width:400px;white-space:normal;overflow-wrap:anywhere}
.crm-follow-full p{white-space:pre-wrap;font-size:11px;line-height:1.7;margin:7px 0}.crm-follow-full small{color:#7891a6}
@media(max-width:850px){.binding-grid{grid-template-columns:1fr}.binding-list{border-right:0;border-bottom:1px solid #e7edf3;padding-right:0;padding-bottom:15px}}

.crm-method-map{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid #edf2f6;font-size:11px}.crm-method-map code{min-width:175px;color:#6f859d}.crm-method-map input{width:190px}.crm-method-map span{color:#8495a6}

/* V1.6: original desktop sections, compact 9 KPIs and tiny integration indicators */
.v16-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v16-api-indicator{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;color:#6a8095;font-size:10px}
.v16-api-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a0b0bd}
.v16-api-indicator i.up{background:#0a9f72}.v16-api-indicator i.pending{background:#eaa71a}.v16-api-indicator i.down{background:#c85f5f}
.v16-sync-info{font-size:10px;color:#74899d;margin:0 0 12px;line-height:1.6}
.v16-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v16-kpi{min-height:82px;padding:13px 15px;display:flex;flex-direction:column;justify-content:space-between}
.v16-kpi-top{display:flex;justify-content:space-between;align-items:baseline;gap:5px}
.v16-kpi-top span{font-size:12px;font-weight:600;color:#536f86}.v16-kpi-top strong{font-size:24px;font-weight:700;color:#153e5a}
.v16-kpi>small{font-size:10px;color:#8397a8;line-height:1.3}
@media(max-width:750px){.v16-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}