:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#17202a;background:#f4f6f8}
*{box-sizing:border-box}button,input,select{font:inherit}body{margin:0;display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#17261f;color:#fff;padding:28px 18px}.brand{display:flex;flex-direction:column;padding:0 10px 26px}.brand strong{font-size:25px;letter-spacing:3px}.brand span{font-size:12px;color:#aac3b5;margin-top:7px}.sidebar nav{display:grid;gap:8px}.sidebar button{border:0;background:transparent;color:#c8d7cf;padding:13px 14px;border-radius:10px;text-align:left;font-size:15px;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:#2f4f40;color:#fff}main{padding:0 42px 42px;min-width:0}main>header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2df;color:#65726b}.header-actions{display:flex;align-items:center;gap:14px}.feishu-login{background:#3370ff;color:#fff;text-decoration:none;padding:8px 13px;border-radius:8px;font-size:14px}.page{display:none}.page.active{display:block}.hero{margin-top:44px;padding:42px;border-radius:20px;background:linear-gradient(135deg,#214c3a,#3d725c);color:#fff;box-shadow:0 20px 50px #224b3920}.hero small{color:#bed8ca}.hero h1{font-size:36px;margin:14px 0 10px}.hero p{margin:0;color:#d9e9e0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.cards article,.org-card,.transfer-panel,.placeholder{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:24px}.cards span,.page-title small,.transfer-panel small{display:block;color:#718078;font-size:13px}.cards strong{display:block;font-size:21px;margin:10px 0}.cards p,.page-title p,.transfer-panel p,.placeholder p{color:#6a756f;line-height:1.6;margin:0}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin:38px 0 20px}.page-title h1,.placeholder h1{margin:6px 0 5px}.secondary,.transfer-panel button,.dev-login button{border:0;border-radius:9px;padding:10px 15px;cursor:pointer}.secondary{background:#e3ebe7;color:#254838}.notice{padding:13px 16px;background:#fff8df;border:1px solid #eadca8;border-radius:10px;color:#735f19;margin-bottom:16px}.notice.ok{background:#eaf5ef;border-color:#c5dfd0;color:#28513e}.notice.error{background:#fff0ef;border-color:#ebc6c3;color:#8a342e}.org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.org-card h2{margin:5px 0 18px}.org-manager,.team-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.org-card select,.transfer-panel input,.transfer-panel select{width:100%;border:1px solid #d7dfdb;border-radius:8px;padding:9px;background:#fff}.org-manager select,.team-head select{max-width:190px}.team-box{border-top:1px solid #e8ecea;padding-top:16px;margin-top:16px}.team-members{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.team-members span{background:#eef3f0;border-radius:999px;padding:6px 10px;font-size:13px;color:#526058}.transfer-panel{margin-top:18px;display:grid;grid-template-columns:280px 1fr;gap:30px}.transfer-panel h2{margin:6px 0}.transfer-panel form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.transfer-panel label{display:grid;gap:6px;font-size:13px;color:#5f6b65}.transfer-panel button{background:#2f604a;color:#fff;align-self:end}.placeholder{margin-top:38px}.dev-login{position:fixed;right:18px;bottom:18px;background:#17261f;color:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 32px #0003}.dev-login input{width:62px;padding:6px;border-radius:6px;border:0}.dev-login button{padding:6px 10px}@media(max-width:900px){.org-grid{grid-template-columns:1fr}.transfer-panel{grid-template-columns:1fr}}@media(max-width:800px){body{display:block}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}main{padding:0 18px 28px}.cards{grid-template-columns:1fr}.hero{padding:28px}.hero h1{font-size:28px}.transfer-panel form{grid-template-columns:1fr}}

.organization-panel{display:none}.organization-panel.active{display:block}.directory-panel,.support-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:22px}.directory-actions{display:flex;gap:10px;min-width:min(520px,55%)}.directory-actions input,#assignmentTimelineSearch{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.directory-actions button{border:0;border-radius:9px;padding:10px 15px;background:#2f604a;color:#fff;cursor:pointer}.directory-table{width:100%;border-collapse:collapse;margin-top:16px}.directory-table th,.directory-table td{text-align:left;padding:13px 10px;border-top:1px solid #e7ece9;vertical-align:middle;font-size:13px}.directory-table th{font-size:12px;color:#718078;white-space:nowrap}.date-stack{display:grid;gap:3px}.date-stack small{color:#7a867f}.assignment-type{display:inline-block;border-radius:999px;padding:5px 8px;font-size:12px;background:#e7f4ec;color:#286247}.assignment-type.support{background:#e8effc;color:#365b9a}.danger-link-button{border:0;border-radius:7px;padding:7px 9px;background:#fff0ef;color:#8b3c35;cursor:pointer}.support-panel{display:grid;grid-template-columns:260px 1fr;gap:28px}.support-panel h2{margin:6px 0}.support-panel p{margin:0;color:#6a756f;line-height:1.6}.support-panel small{color:#718078}.support-panel form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.support-panel label{display:grid;gap:6px;color:#5f6b65;font-size:13px}.support-panel label.wide{grid-column:1/-1}.support-panel input,.support-panel select{width:100%;border:1px solid #d7dfdb;border-radius:8px;padding:9px;background:#fff}.support-panel button{border:0;border-radius:9px;padding:10px 15px;background:#2f604a;color:#fff;cursor:pointer;align-self:end}.timeline-panel{margin-top:18px}.timeline-panel #assignmentTimelineSearch{max-width:400px}.employee-form-grid{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.employee-form-grid label{display:grid;gap:7px;color:#56635c;font-size:13px}.employee-form-grid input,.employee-form-grid select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.employee-form-grid input:disabled{background:#f1f3f2;color:#748078}
@media(max-width:900px){.support-panel{grid-template-columns:1fr}.directory-actions{min-width:0;width:100%}}@media(max-width:800px){.directory-actions{flex-direction:column}.support-panel form,.employee-form-grid{grid-template-columns:1fr}.support-panel label.wide{grid-column:auto}.timeline-panel #assignmentTimelineSearch{max-width:none}}

.traffic-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.traffic-summary article,.submit-panel,.runtime-panel,.traffic-table-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px}.traffic-summary article{padding:17px 19px}.traffic-summary span{display:block;color:#728078;font-size:13px}.traffic-summary strong{display:block;font-size:28px;margin-top:6px;color:#1f3e30}.traffic-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.submit-panel,.runtime-panel,.traffic-table-panel{padding:22px}.submit-panel small,.runtime-panel small,.table-toolbar small,.detail-head small,.trend-card small{color:#718078}.submit-panel h2,.runtime-panel h2,.table-toolbar h2{margin:5px 0 7px}.submit-panel p,.runtime-panel p{color:#6a756f;margin:0;line-height:1.55}.submit-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.submit-panel label{display:grid;gap:6px;color:#58655e;font-size:13px}.submit-panel .wide{grid-column:1/-1}.submit-panel textarea,.submit-panel input,.submit-panel select,.traffic-filters input,.traffic-filters select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff;resize:vertical}.submit-panel .check-field{display:flex;align-items:center;gap:8px}.submit-panel .check-field input{width:auto}.submit-panel button{border:0;border-radius:9px;padding:11px 16px;background:#2f604a;color:#fff;cursor:pointer}.runtime-meter{height:9px;border-radius:999px;background:#e8eeeb;overflow:hidden;margin:22px 0 18px}.runtime-meter span{display:block;width:0;height:100%;background:#3f8062;transition:width .25s}.runtime-meter span.bad{background:#b95a4f}.runtime-panel dl{display:grid;gap:10px;margin:0}.runtime-panel dl div{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding-top:10px}.runtime-panel dt{color:#6d7972}.runtime-panel dd{margin:0;font-weight:700}.traffic-table-panel{margin-top:18px}.table-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.traffic-filters{display:flex;gap:10px;min-width:min(480px,50%)}.table-scroll{overflow:auto}.traffic-table,.mini-table{width:100%;border-collapse:collapse;margin-top:16px}.traffic-table th,.traffic-table td,.mini-table th,.mini-table td{text-align:left;padding:13px 10px;border-top:1px solid #e7ece9;vertical-align:middle}.traffic-table th,.mini-table th{font-size:12px;color:#718078;white-space:nowrap}.traffic-table td{font-size:14px}.video-cell,.owner-cell{display:grid;gap:4px;min-width:150px}.video-cell strong,.owner-cell strong{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-cell span,.owner-cell span,.traffic-table td small{display:block;color:#7b8780;font-size:12px}.metric-line{white-space:nowrap}.metric-line b{font-size:18px}.metric-line span{color:#2f7756}.status-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf2ef;color:#536058;font-size:12px;white-space:nowrap}.status-pill.monitoring{background:#e5f4ec;color:#266044}.status-pill.pending{background:#e8effc;color:#365b9a}.status-pill.takeover{background:#fff0db;color:#8a5b16}.status-pill.rate_limited,.status-pill.error{background:#fff0ef;color:#93453d}.status-pill.deleted{background:#f5e8e7;color:#7e3732}.comment-on{margin-top:5px;color:#8a4b76!important}.row-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:140px}.row-actions button{border:0;border-radius:7px;padding:6px 9px;background:#e7efeb;color:#28503e;cursor:pointer;font-size:12px}.row-actions .danger-link{background:#f7eceb;color:#8a3c35}.empty-cell{text-align:center!important;color:#89948e!important;padding:25px!important}dialog{width:min(1050px,calc(100vw - 36px));max-height:90vh;border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#10201999}.detail-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #e6ebe8}.detail-head h2{margin:4px 0 0}.detail-head button{border:0;background:#edf1ef;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.detail-loading,#trafficDetailBody{padding:24px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-metrics article{background:#f3f7f5;border-radius:12px;padding:16px}.detail-metrics span{display:block;color:#718078;font-size:12px}.detail-metrics strong{display:block;font-size:24px;margin-top:5px}.detail-meta{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;color:#69766f;font-size:13px}.detail-meta a{color:#286549}.trend-card{border:1px solid #e4eae7;border-radius:13px;padding:16px}.trend-card>div{display:flex;justify-content:space-between}.trend-card canvas{display:block;width:100%;height:180px;margin-top:8px}.trend-card p{font-size:12px;color:#7c8781;margin:0}.detail-columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.4fr);gap:16px;margin-top:16px}.detail-columns>section{border:1px solid #e4eae7;border-radius:13px;padding:16px}.detail-columns h3{margin:0 0 10px}.comment-hit-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.comment-hit-list li{display:grid;gap:4px;background:#faf5f8;border-radius:9px;padding:10px}.comment-hit-list li strong{color:#8c3e70}.comment-hit-list li small{color:#818b85}
@media(max-width:1100px){.traffic-summary{grid-template-columns:repeat(3,1fr)}.traffic-workspace{grid-template-columns:1fr}.detail-columns{grid-template-columns:1fr}}@media(max-width:800px){.traffic-summary{grid-template-columns:repeat(2,1fr)}.submit-panel form{grid-template-columns:1fr}.submit-panel .wide{grid-column:auto}.table-toolbar{align-items:stretch;flex-direction:column}.traffic-filters{min-width:0;width:100%;flex-direction:column}.detail-metrics{grid-template-columns:repeat(2,1fr)}}

.traffic-scope-panel,.traffic-keyword-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:22px;margin-bottom:18px}.traffic-keyword-panel{margin-top:18px}.traffic-scope-hint{max-width:520px;margin:0;color:#718078;font-size:13px;line-height:1.5;text-align:right}.traffic-team-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.traffic-team-cards article{border:1px solid #e1e9e5;border-radius:12px;padding:15px;background:#f5f8f6}.traffic-team-cards article>span{display:block;color:#64726a;font-size:12px}.traffic-team-cards article>strong{display:block;font-size:23px;color:#234d39;margin:7px 0}.traffic-team-cards article>strong small{font-size:12px;color:#718078}.traffic-team-cards article>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.traffic-team-cards em{font-style:normal;color:#77837c;text-align:right}.traffic-scope-table{width:100%;border-collapse:collapse;margin-top:12px}.traffic-scope-table th,.traffic-scope-table td{text-align:left;padding:12px 10px;border-top:1px solid #e7ece9;vertical-align:middle;font-size:13px}.traffic-scope-table th{font-size:12px;color:#718078;white-space:nowrap}.keyword-create-form{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.4fr) minmax(150px,.7fr) auto;gap:12px;align-items:end;margin:18px 0}.keyword-create-form label{display:grid;gap:6px;color:#58655e;font-size:13px}.keyword-create-form input,.keyword-create-form select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.keyword-create-form button{border:0;border-radius:9px;padding:11px 16px;background:#2f604a;color:#fff;cursor:pointer}.readonly-text{font-size:12px;color:#7b8780}
@media(max-width:1000px){.traffic-team-cards{grid-template-columns:repeat(2,1fr)}.keyword-create-form{grid-template-columns:1fr 1fr}}@media(max-width:800px){.traffic-team-cards{grid-template-columns:1fr}.traffic-scope-hint{text-align:left}.keyword-create-form{grid-template-columns:1fr}}

.traffic-settings-panel,.traffic-operations-panel,.traffic-audit-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:22px}.traffic-settings-panel,.traffic-operations-panel{margin-top:18px}.traffic-setting-scope{display:grid;gap:5px;color:#58655e;font-size:12px;min-width:230px}.traffic-setting-scope select,.traffic-settings-grid input,.traffic-settings-grid select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.traffic-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.traffic-settings-grid label{display:grid;gap:6px;border:1px solid #e4eae7;border-radius:11px;padding:13px}.traffic-settings-grid label>span{font-size:13px;color:#435249}.traffic-settings-grid label>small{color:#7b8780;font-size:11px}.traffic-settings-grid label.readonly{background:#f7f9f8}.traffic-setting-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;color:#718078;font-size:12px}.traffic-setting-actions button,.traffic-retry{border:0;border-radius:8px;padding:9px 13px;background:#2f604a;color:#fff;cursor:pointer}.traffic-setting-actions button:disabled,.traffic-retry:disabled{opacity:.55;cursor:not-allowed}.traffic-health-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.traffic-health-cards article{background:#f4f8f6;border:1px solid #e1e9e5;border-radius:12px;padding:15px}.traffic-health-cards span,.traffic-health-cards small{display:block;color:#718078;font-size:12px}.traffic-health-cards strong{display:block;color:#234d39;font-size:24px;margin:5px 0}.traffic-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.traffic-log-scroll{max-height:380px}.push-status{white-space:nowrap;font-size:12px}.push-status.failed{color:#98433b}.push-status.deferred_dnd{color:#87601b}.date-stack{display:grid;gap:3px;white-space:nowrap}.date-stack small{color:#7b8780}
.traffic-audit-grid{grid-template-columns:1fr}
@media(max-width:1100px){.traffic-settings-grid{grid-template-columns:repeat(2,1fr)}.traffic-health-cards{grid-template-columns:repeat(2,1fr)}.traffic-audit-grid{grid-template-columns:1fr}}@media(max-width:800px){.traffic-settings-grid,.traffic-health-cards{grid-template-columns:1fr}.traffic-setting-scope{min-width:0;width:100%}.traffic-setting-actions{align-items:stretch;flex-direction:column}.traffic-setting-actions button{width:100%}}

.traffic-tabs{display:flex;gap:5px;margin:0 0 18px;padding:5px;background:#e4ebe7;border:1px solid #dbe4df;border-radius:13px;width:max-content;max-width:100%;overflow:auto}.traffic-tabs button{border:0;background:transparent;color:#5d6b64;border-radius:9px;padding:10px 17px;white-space:nowrap;cursor:pointer}.traffic-tabs button.active{background:#fff;color:#214c3a;font-weight:650;box-shadow:0 2px 9px #1d392b1c}.traffic-panel{display:none}.traffic-panel.active{display:block}.traffic-panel .traffic-scope-panel,.traffic-panel .traffic-keyword-panel,.traffic-panel .traffic-settings-panel,.traffic-panel .traffic-operations-panel,.traffic-panel .traffic-table-panel{margin-top:0}.traffic-submit-layout,.traffic-runtime-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:18px}.traffic-help-card,.traffic-runtime-guide{background:linear-gradient(145deg,#214c3a,#356a52);color:#fff;border-radius:16px;padding:24px}.traffic-help-card small,.traffic-runtime-guide small{color:#bdd6c8}.traffic-help-card h2,.traffic-runtime-guide h2{margin:7px 0 10px}.traffic-help-card p,.traffic-runtime-guide p{margin:0;color:#d6e6dd;line-height:1.65}.traffic-help-card ol{margin:20px 0 0;padding-left:21px;display:grid;gap:12px;color:#e5f0ea}.traffic-runtime-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);margin-bottom:18px}.traffic-runtime-guide{display:flex;flex-direction:column;justify-content:center}.traffic-panel .runtime-panel{padding:22px}.traffic-panel[data-traffic-panel="operations"] .traffic-audit-grid{margin-bottom:0}
@media(max-width:1000px){.traffic-submit-layout,.traffic-runtime-layout{grid-template-columns:1fr}}@media(max-width:800px){.traffic-tabs{width:100%}.traffic-tabs button{flex:1}.traffic-panel .traffic-summary{grid-template-columns:repeat(2,1fr)}}

.table-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:min(620px,60%)}.table-toolbar-actions .payroll-filters,.table-toolbar-actions .expense-filters{min-width:0;flex:1}.table-toolbar-actions>.secondary{white-space:nowrap}
@media(max-width:900px){.table-toolbar-actions{width:100%;min-width:0;align-items:stretch;flex-direction:column}.table-toolbar-actions .payroll-filters,.table-toolbar-actions .expense-filters{width:100%}}

.traffic-analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:18px;margin-top:18px}.traffic-analytics-grid.traffic-analytics-lower{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-analytics-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:22px;min-width:0}.traffic-analytics-panel .table-toolbar select{border:1px solid #d4ded8;border-radius:8px;padding:8px;background:#fff;color:#506058}.traffic-trend-chart{height:230px;display:flex;align-items:flex-end;gap:6px;padding:20px 4px 0;border-bottom:1px solid #dfe7e3;overflow:hidden}.traffic-trend-column{height:100%;display:flex;flex:1;min-width:18px;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.traffic-trend-column small{font-size:10px;color:#7b8780;white-space:nowrap;transform:rotate(-38deg);transform-origin:top center;margin-top:5px}.traffic-trend-bars{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.traffic-trend-bars i{display:block;width:29%;min-height:3px;border-radius:4px 4px 0 0}.traffic-trend-bars i.likes{background:#3f8062}.traffic-trend-bars i.comments{background:#c47b50}.traffic-trend-bars i.shares{background:#6d83b8}.traffic-trend-legend{display:flex;gap:16px;margin-top:14px;color:#718078;font-size:12px}.traffic-trend-legend span{display:flex;align-items:center;gap:5px}.traffic-trend-legend i{display:inline-block;width:9px;height:9px;border-radius:3px}.traffic-trend-legend i.likes{background:#3f8062}.traffic-trend-legend i.comments{background:#c47b50}.traffic-trend-legend i.shares{background:#6d83b8}.traffic-ranking-list{display:grid;gap:5px;margin-top:12px}.traffic-ranking-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;border-top:1px solid #edf0ee;padding:11px 0}.rank-number{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#edf3ef;color:#35654d;font-size:12px}.traffic-ranking-main{display:grid;gap:4px;min-width:0}.traffic-ranking-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traffic-ranking-main small,.traffic-ranking-value small{color:#7b8780;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traffic-ranking-value{text-align:right;display:grid;gap:4px}.traffic-ranking-value b{color:#2f7756;white-space:nowrap}.traffic-comment-stream{display:grid;gap:8px;margin-top:12px;max-height:300px;overflow:auto}.traffic-comment-item{border:1px solid #e4eae7;border-radius:10px;padding:11px 12px;background:#fafcfb}.traffic-comment-item.unread{background:#fff8ee;border-color:#f0d9b7}.traffic-comment-item>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.traffic-comment-item strong{color:#8b4d77}.traffic-comment-item small{color:#7b8780;font-size:11px}.traffic-comment-item p{margin:7px 0 0;color:#4f5e55;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px){.traffic-analytics-grid,.traffic-analytics-grid.traffic-analytics-lower{grid-template-columns:1fr}}@media(max-width:800px){.traffic-trend-chart{gap:2px}.traffic-trend-column small{font-size:9px}.traffic-analytics-panel{padding:17px}}

.organization-structure-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e2e8e5;border-radius:14px;padding:16px 18px;margin-bottom:16px}.organization-structure-actions>div:first-child{display:grid;gap:4px}.organization-structure-actions small{color:#718078}.organization-structure-actions>div:last-child{display:flex;gap:8px}.organization-structure-actions button,.organization-node-head button,.team-node-head button{border:0;border-radius:8px;padding:8px 11px;background:#e7efeb;color:#28503e;cursor:pointer}.organization-structure-actions button{background:#2f604a;color:#fff}.organization-node-head,.team-node-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.organization-node-head h2{margin:5px 0 18px}.organization-node-head button,.team-node-head button{font-size:12px;background:#f4ece9;color:#8a443b}.org-card.inactive,.team-box.inactive{opacity:.68;background:#f5f6f5}.org-card.inactive .organization-node-head button,.team-box.inactive .team-node-head button{background:#e7efeb;color:#28503e}.team-node-head{align-items:center}.team-head{margin-top:10px}.organization-node-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px}.organization-node-form label{display:grid;gap:7px;color:#56635c;font-size:13px}.organization-node-form input,.organization-node-form select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}
.team-products{display:grid;gap:7px;margin-top:11px;padding-top:10px;border-top:1px dashed #e1e6e3}.team-products>small{color:#8a938e;font-size:10px}.team-products>div{display:flex;flex-wrap:wrap;gap:6px}.team-products button,.team-products span{border:1px solid #dfd2b5;border-radius:8px;padding:5px 8px;background:#fbf5e9;color:#765e32;font-size:10px}.team-products button{cursor:pointer}.team-products button:hover{border-color:#bea36c;background:#f5ead4}.organization-product-dialog{width:min(680px,calc(100vw - 32px));padding:0}.organization-product-body{padding:22px}.organization-product-detail{display:grid;grid-template-columns:180px 1fr;gap:18px}.organization-product-detail>img,.organization-product-placeholder{width:180px;height:180px;border-radius:14px;object-fit:cover;background:#f1f4f2}.organization-product-placeholder{display:grid;place-items:center;color:#89948e}.organization-product-detail>div{display:grid;align-content:start;gap:9px}.organization-product-detail span{color:#a17d42;font-size:11px}.organization-product-detail strong{color:#244c39;font-size:23px}.organization-product-detail p{margin:0;color:#5e6c65;line-height:1.65;white-space:pre-wrap}.organization-product-detail small{color:#7e8983}.organization-product-detail a{width:max-content;color:#2f604a;font-size:12px}@media(max-width:600px){.organization-product-detail{grid-template-columns:1fr}.organization-product-detail>img,.organization-product-placeholder{width:100%;height:200px}}
@media(max-width:800px){.organization-structure-actions{align-items:stretch;flex-direction:column}.organization-structure-actions>div:last-child button{flex:1}.organization-node-form{grid-template-columns:1fr}}

.payroll-actions{display:flex;align-items:flex-end;gap:9px}.payroll-actions label{display:grid;gap:5px;color:#68756e;font-size:12px}.payroll-actions select{min-width:150px;border:1px solid #d4ded8;border-radius:9px;padding:9px;background:#fff}.payroll-actions button{border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.payroll-actions #recalculatePayroll{background:#2f604a;color:#fff}.payroll-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.payroll-summary article,.payroll-table-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:20px}.payroll-summary article.total{background:#214c3a;color:#fff;border-color:#214c3a}.payroll-summary span{display:block;color:#718078;font-size:13px}.payroll-summary .total span,.payroll-summary .total small{color:#c9ddd3}.payroll-summary strong{display:block;font-size:28px;margin:6px 0}.payroll-summary small{color:#849089}.payroll-filters{display:flex;gap:10px;min-width:min(480px,50%)}.payroll-filters input,.payroll-filters select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.payroll-progress{height:7px;border-radius:999px;background:#e8eeeb;overflow:hidden;margin:18px 0 4px}.payroll-progress span{display:block;height:100%;width:0;background:#3f8062;transition:width .25s}.payroll-table{width:100%;border-collapse:collapse}.payroll-table th,.payroll-table td{text-align:left;padding:13px 10px;border-top:1px solid #e7ece9;vertical-align:middle;white-space:nowrap}.payroll-table th{font-size:12px;color:#718078}.payroll-table td{font-size:13px}.payroll-person{display:grid;gap:4px}.payroll-person span,.missing-items{display:block;color:#7c8881;font-size:11px;white-space:normal;max-width:180px}.salary-total{font-size:15px;color:#1e4b36}.payroll-incomplete{background:#fffdf8}.payroll-state{display:inline-block;border-radius:999px;padding:5px 8px;font-size:12px}.payroll-state.complete{background:#e7f4ec;color:#286247}.payroll-state.incomplete{background:#fff0dc;color:#855717}.payroll-detail-button{border:0;border-radius:7px;padding:7px 10px;background:#e7efeb;color:#28503e;cursor:pointer}.salary-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:linear-gradient(135deg,#214c3a,#3e725d);color:#fff;border-radius:14px;padding:24px}.salary-hero span,.salary-hero small{display:block;color:#d2e3da}.salary-hero strong{display:block;font-size:34px;margin:6px 0}.salary-identity{display:grid;text-align:right;gap:4px}.salary-breakdown{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.salary-breakdown article{background:#f2f6f4;border-radius:11px;padding:14px}.salary-breakdown span{display:block;color:#718078;font-size:12px}.salary-breakdown strong{display:block;margin-top:6px;font-size:16px}.salary-detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}.salary-detail-grid>section,.salary-section{border:1px solid #e3e9e6;border-radius:13px;padding:17px}.salary-detail-grid h3,.salary-section h3{margin:0 0 12px}.salary-facts{display:grid;gap:9px;margin:0}.salary-facts div{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding-top:9px}.salary-facts dt{color:#718078}.salary-facts dd{margin:0;font-weight:700}.salary-kpi-list{display:grid;gap:9px}.salary-kpi-list>div{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:4px 12px;background:#f7f8f7;border-radius:9px;padding:10px}.salary-kpi-list small{grid-column:1/-1;color:#7a867f}.salary-section{margin-top:14px}.management-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.management-cards article{display:grid;grid-template-columns:1fr auto;gap:4px 12px;background:#f2f6f4;border-radius:10px;padding:12px}.management-cards span{grid-column:1/-1;color:#748078;font-size:12px}.management-cards b{color:#245a40}
.payroll-tabs{display:flex;gap:8px;margin:0 0 14px;padding:5px;background:#e8eeeb;border-radius:12px;width:max-content}.payroll-tabs button{border:0;background:transparent;color:#5d6b64;border-radius:9px;padding:9px 16px;cursor:pointer}.payroll-tabs button.active{background:#fff;color:#234d39;box-shadow:0 2px 8px #1e3a2d18}.payroll-panel{display:none}.payroll-panel.active{display:block}.payroll-help{max-width:520px;margin:0;color:#718078;font-size:13px;line-height:1.5;text-align:right}.payroll-input-table input{width:90px;border:1px solid #d4ded8;border-radius:7px;padding:8px}.payroll-input-table .attendance-note{width:180px}.payroll-input-table input:disabled{background:#f1f3f2;color:#748078}.attendance-result{display:grid;gap:3px}.attendance-result small{color:#7a867f}.attendance-result.yes b{color:#286247}.attendance-result.no b{color:#94483e}.attendance-result.pending b{color:#855717}.autosave-state{font-size:12px;color:#748078}.autosave-state.saving{color:#855717}.autosave-state.saved{color:#286247}.autosave-state.error{color:#9a3e36}.performance-count{display:grid;gap:4px}.performance-count small{color:#7a867f}.performance-edit{border:0;border-radius:7px;padding:7px 10px;background:#e7efeb;color:#28503e;cursor:pointer}.performance-edit:disabled{cursor:not-allowed;opacity:.55}.performance-form-body{padding:24px;display:grid;gap:18px}.performance-person-card{display:flex;justify-content:space-between;gap:20px;padding:16px;border-radius:12px;background:#f2f6f4}.performance-person-card span{color:#718078}.performance-person-card div:last-child{text-align:right}.performance-exception-fields{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.performance-field{display:grid;gap:7px;color:#56635c;font-size:13px}.performance-field select,.performance-field textarea{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.performance-field textarea{min-height:78px;resize:vertical}.performance-kpi-editor{display:grid;gap:10px}.performance-kpi-editor h3{margin:0}.performance-kpi-row{display:grid;grid-template-columns:minmax(180px,1fr) 180px 110px;gap:14px;align-items:center;padding:12px;border:1px solid #e3e9e6;border-radius:10px}.performance-kpi-row span{display:grid;gap:4px}.performance-kpi-row small{color:#7a867f}.performance-kpi-row select{border:1px solid #d4ded8;border-radius:8px;padding:9px;background:#fff}.performance-kpi-row b{text-align:right;color:#28503e}.performance-kpi-row.disabled{opacity:.5}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e6ebe8}.dialog-actions span{margin-right:auto;color:#718078;font-size:12px}.dialog-actions button{border:0;border-radius:9px;padding:10px 16px;cursor:pointer}.dialog-actions .primary{background:#2f604a;color:#fff}
@media(max-width:1100px){.payroll-summary{grid-template-columns:repeat(2,1fr)}.salary-breakdown{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.payroll-actions{width:100%;flex-wrap:wrap}.payroll-actions label{flex:1}.page-title{align-items:stretch;flex-direction:column;gap:16px}.payroll-filters{min-width:0;width:100%;flex-direction:column}.salary-hero{align-items:flex-start;flex-direction:column}.salary-identity{text-align:left}.salary-breakdown{grid-template-columns:repeat(2,1fr)}.salary-detail-grid{grid-template-columns:1fr}.management-cards{grid-template-columns:1fr}}
@media(max-width:800px){.payroll-tabs{width:100%;overflow:auto}.payroll-tabs button{white-space:nowrap;flex:1}.payroll-help{text-align:left}.performance-exception-fields{grid-template-columns:1fr}.performance-kpi-row{grid-template-columns:1fr}.performance-kpi-row b{text-align:left}}

.payroll-actions input{min-width:140px;border:1px solid #d4ded8;border-radius:9px;padding:8px;background:#fff}.payroll-actions #togglePayrollLock{background:#8a5b16;color:#fff}.payroll-actions #togglePayrollLock.unlock{background:#e7efeb;color:#28503e}.monthly-missing-summary,.group-period-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.monthly-missing-summary article,.group-period-summary article{background:#f3f7f5;border:1px solid #e3eae6;border-radius:11px;padding:13px 15px}.monthly-missing-summary span,.group-period-summary span{display:block;color:#718078;font-size:12px}.monthly-missing-summary strong,.group-period-summary strong{display:inline-block;font-size:22px;margin-top:5px;color:#234d39}.monthly-missing-summary small{margin-left:4px;color:#7d8982}.matrix-state{display:inline-block;border:0;border-radius:999px;padding:5px 8px;font-size:12px;white-space:nowrap}.matrix-state.complete{background:#e7f4ec;color:#286247}.matrix-state.issue{background:#fff0dc;color:#855717;cursor:help}.group-period-list{display:grid;gap:16px}.group-data-card{border:1px solid #dfe7e3;border-radius:14px;overflow:hidden}.group-data-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 20px;background:#f3f7f5}.group-data-head h3{margin:4px 0}.group-data-head p{margin:0;color:#718078;font-size:12px}.group-data-head>div:last-child{display:grid;gap:5px;text-align:right}.group-data-head>div:last-child strong{font-size:20px;color:#234d39}.group-data-head>div:last-child small{color:#718078}.group-periods{display:grid;gap:14px;padding:16px}.period-editor{border:1px solid #e3e9e6;border-radius:12px;padding:16px}.period-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.period-title>div{display:grid;gap:4px}.period-title span{color:#718078;font-size:12px}.period-title>div:last-child{text-align:right}.period-title b{font-size:17px;color:#245a40}.period-finance-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.period-finance-inputs label,.period-finance-inputs>div{display:grid;gap:6px;color:#66736c;font-size:12px}.period-finance-inputs input,.period-member-row input{width:100%;border:1px solid #d4ded8;border-radius:8px;padding:9px;background:#fff}.period-finance-inputs input:disabled,.period-member-row input:disabled{background:#f1f3f2;color:#748078}.period-finance-inputs>div{padding:9px 12px;background:#f5f7f6;border-radius:8px}.period-member-table{border-top:1px solid #e8ecea}.period-member-head,.period-member-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,.65fr) minmax(180px,.8fr);gap:12px;align-items:center;padding:10px}.period-member-head{color:#718078;font-size:12px}.period-member-row{border-top:1px solid #edf0ee}.period-member-row>span{display:grid;gap:3px}.period-member-row small{color:#7a867f}.period-member-row b{text-align:right;color:#28503e;font-size:13px}.period-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:13px}.period-actions span{margin-right:auto;color:#718078;font-size:12px}.period-actions span.error{color:#9a3e36}.period-actions button{border:0;border-radius:9px;padding:9px 13px;background:#2f604a;color:#fff;cursor:pointer}.period-actions button:disabled{opacity:.5;cursor:not-allowed}.monthly-matrix-table td{white-space:nowrap}.payroll-lock-body{padding:24px;display:grid;gap:16px}.payroll-lock-body p{margin:0;padding:15px;border-radius:11px;background:#f2f6f4;color:#42534a;line-height:1.6}.payroll-lock-body label{display:grid;gap:7px;color:#56635c;font-size:13px}.payroll-lock-body textarea{width:100%;min-height:100px;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff;resize:vertical}
@media(max-width:1000px){.monthly-missing-summary,.group-period-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.period-title,.group-data-head{align-items:flex-start;flex-direction:column}.group-data-head>div:last-child,.period-title>div:last-child{text-align:left}.period-finance-inputs{grid-template-columns:1fr}.period-member-head{display:none}.period-member-row{grid-template-columns:1fr}.period-member-row b{text-align:left}.monthly-missing-summary,.group-period-summary{grid-template-columns:1fr 1fr}}

.expense-page-actions{display:flex;gap:9px;flex-wrap:wrap}.expense-page-actions button{border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.expense-page-actions #openClaimForm,.expense-page-actions #openAdvanceForm{background:#2f604a;color:#fff}.expense-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.expense-summary article,.expense-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:20px}.expense-summary article.total{background:#214c3a;color:#fff;border-color:#214c3a}.expense-summary span{display:block;color:#718078;font-size:13px}.expense-summary .total span,.expense-summary .total small{color:#c9ddd3}.expense-summary strong{display:block;font-size:28px;margin:6px 0}.expense-summary small{color:#849089}.expense-panel{display:none}.expense-panel.active{display:block}.expense-filters{display:flex;gap:10px;min-width:min(480px,50%)}.expense-filters input,.expense-filters select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.expense-table{width:100%;border-collapse:collapse;margin-top:16px}.expense-table th,.expense-table td{text-align:left;padding:13px 10px;border-top:1px solid #e7ece9;vertical-align:middle}.expense-table th{font-size:12px;color:#718078;white-space:nowrap}.expense-table td{font-size:13px}.expense-primary,.expense-person,.expense-content{display:grid;gap:4px;min-width:135px}.expense-primary span,.expense-person span,.expense-content span{color:#7c8881;font-size:11px}.expense-content strong{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-amount{font-size:16px;color:#23513b}.expense-status{display:grid;gap:4px}.expense-status span{width:max-content;border-radius:999px;padding:5px 8px;background:#fff0dc;color:#855717;font-size:12px}.expense-status span.done{background:#e7f4ec;color:#286247}.expense-status span.rejected{background:#fff0ef;color:#93453d}.expense-status small{color:#7c8881}.expense-row-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:120px}.expense-row-actions button{border:0;border-radius:7px;padding:7px 9px;background:#e7efeb;color:#28503e;cursor:pointer;font-size:12px}.expense-row-actions .reject{background:#fff0ef;color:#8b3c35}.expense-row-actions .withdraw{background:#f1f2f1;color:#606a65}.expense-form-grid{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.expense-form-grid label,.expense-action-body label{display:grid;gap:7px;color:#56635c;font-size:13px}.expense-form-grid label.wide{grid-column:1/-1}.expense-form-grid input,.expense-form-grid select,.expense-form-grid textarea,.expense-action-body textarea{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.expense-form-grid textarea,.expense-action-body textarea{min-height:86px;resize:vertical}.expense-form-grid small{color:#7a867f}.expense-action-body{padding:24px;display:grid;gap:16px}.expense-action-body p{margin:0;padding:15px;border-radius:11px;background:#f2f6f4;color:#42534a;line-height:1.6}.action-dialog{width:min(620px,calc(100vw - 36px))}.dialog-actions .danger{background:#9a4038;color:#fff}
.expense-config-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.expense-config-card{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:20px}.expense-config-table{width:100%;border-collapse:collapse;margin-top:15px;min-width:760px}.expense-config-table th,.expense-config-table td{padding:10px 8px;border-top:1px solid #e7ece9;text-align:left;vertical-align:middle}.expense-config-table th{font-size:12px;color:#718078;white-space:nowrap}.expense-config-table input:not([type="checkbox"]){width:100%;min-width:90px;border:1px solid #d4ded8;border-radius:7px;padding:8px;background:#fff}.expense-config-table td:nth-child(6) input{min-width:180px}.expense-config-switch{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#68756e;font-size:12px}.expense-config-switch input{accent-color:#2f604a}.expense-config-actions{display:flex;align-items:center;gap:10px;margin-top:15px;color:#718078;font-size:12px}.expense-config-actions span{margin-right:auto}.expense-config-actions button{border:0;border-radius:8px;padding:9px 13px;background:#2f604a;color:#fff;cursor:pointer}.expense-config-actions button:disabled{opacity:.5;cursor:not-allowed}.expense-config-card .table-toolbar button{border:0;border-radius:8px;padding:8px 11px;background:#e7efeb;color:#28503e;cursor:pointer}.product-config-table{min-width:0}.product-config-table input:not([type="checkbox"]){min-width:180px}
@media(max-width:1000px){.expense-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.expense-page-actions{width:100%}.expense-page-actions button{flex:1}.expense-filters{min-width:0;width:100%;flex-direction:column}.expense-form-grid{grid-template-columns:1fr}.expense-form-grid label.wide{grid-column:auto}}
@media(max-width:1000px){.expense-config-grid{grid-template-columns:1fr}}@media(max-width:800px){.expense-config-actions{align-items:stretch;flex-wrap:wrap}.expense-config-actions span{width:100%}}

.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-summary article,.admin-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:20px}.admin-summary article.total{background:#214c3a;color:#fff;border-color:#214c3a}.admin-summary span{display:block;color:#718078;font-size:13px}.admin-summary .total span,.admin-summary .total small{color:#c9ddd3}.admin-summary strong{display:block;font-size:28px;margin:6px 0}.admin-summary small{color:#849089}.admin-panel{display:none}.admin-panel.active{display:block}.admin-filters{display:flex;gap:10px;min-width:min(500px,52%)}.admin-filters input,.admin-filters select,.admin-audit-search{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.admin-audit-search{max-width:360px}.admin-table{width:100%;border-collapse:collapse;margin-top:16px}.admin-table th,.admin-table td{text-align:left;padding:13px 10px;border-top:1px solid #e7ece9;vertical-align:middle}.admin-table th{font-size:12px;color:#718078;white-space:nowrap}.admin-table td{font-size:13px}.admin-identity,.admin-org,.admin-account{display:grid;gap:4px;min-width:125px}.admin-identity span,.admin-org span,.admin-account span{font-size:11px;color:#7c8881}.admin-account b.bound{color:#286247}.admin-account b.unbound{color:#855717}.capability-badges{display:flex;flex-wrap:wrap;gap:5px;max-width:420px}.capability-badges span{padding:5px 8px;border-radius:999px;background:#e8efeb;color:#28503e;font-size:11px}.capability-badges span.admin{background:#fff0dc;color:#855717}.edit-grants{border:0;border-radius:7px;padding:7px 10px;background:#e7efeb;color:#28503e;cursor:pointer}.edit-grants:disabled{opacity:.5;cursor:not-allowed}.admin-status{display:inline-block;border-radius:999px;padding:5px 8px;background:#e7f4ec;color:#286247;font-size:12px}.admin-status.inactive{background:#f1f2f1;color:#68726d}.audit-detail{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#66736c}.grant-dialog-body{padding:24px;display:grid;gap:18px}.grant-employee-card{display:flex;justify-content:space-between;gap:18px;padding:16px;border-radius:12px;background:#f2f6f4}.grant-employee-card div{display:grid;gap:4px}.grant-employee-card div:last-child{text-align:right}.grant-employee-card span{color:#718078;font-size:12px}.grant-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grant-option{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:14px;border:1px solid #dfe7e3;border-radius:11px;cursor:pointer}.grant-option:has(input:checked){background:#edf5f1;border-color:#8db5a1}.grant-option input{margin-top:3px}.grant-option span{display:grid;gap:4px}.grant-option small{color:#718078;line-height:1.45}.grant-option em{font-style:normal;color:#8b4e18;font-size:11px}.grant-option.disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1000px){.admin-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.admin-filters{min-width:0;width:100%;flex-direction:column}.admin-audit-search{max-width:none}.grant-catalog{grid-template-columns:1fr}.grant-employee-card{flex-direction:column}.grant-employee-card div:last-child{text-align:left}}
.admin-rules-grid{display:grid;grid-template-columns:1fr;gap:18px}.admin-rule-card{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:21px}.admin-rule-date,.admin-rule-role{display:grid;gap:5px;color:#68756e;font-size:12px}.admin-rule-date input,.admin-rule-role select{border:1px solid #d4ded8;border-radius:8px;padding:8px;background:#fff}.admin-rules-table input{width:100px;border:1px solid #d4ded8;border-radius:7px;padding:7px}.admin-rules-table input[type=checkbox]{width:auto}.admin-rule-actions{display:flex;align-items:center;gap:10px;margin-top:15px;color:#718078;font-size:12px}.admin-rule-actions span{margin-right:auto}.admin-rule-actions button{border:0;border-radius:8px;padding:9px 13px;background:#2f604a;color:#fff;cursor:pointer}.admin-rule-actions button.secondary{background:#e7efeb;color:#28503e}.admin-kpi-list{display:grid;gap:8px;margin-top:16px}.admin-kpi-row{display:grid;grid-template-columns:minmax(120px,1fr) 100px minmax(130px,1.2fr) auto;gap:8px;align-items:center}.admin-kpi-row input{width:100%;border:1px solid #d4ded8;border-radius:7px;padding:8px}.admin-kpi-row input[type=checkbox]{width:auto}.admin-kpi-row button{border:0;background:#f7eceb;color:#8a3c35;border-radius:7px;padding:7px 9px;cursor:pointer}.admin-kpi-row small{grid-column:1/-1;color:#9a4038;font-size:11px}.admin-rules-table td,.admin-rules-table th{white-space:nowrap}.performance-rate-config{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.performance-rate-config>label{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;padding:11px;border:1px solid #dce5e0;border-radius:8px}.performance-rate-config>label>span{grid-column:1/-1;color:#718078;font-size:12px}.performance-rate-config input{width:100%;min-width:0;border:1px solid #d4ded8;border-radius:7px;padding:8px}.performance-rate-config label>div{display:flex;align-items:center;gap:5px}.performance-rate-config label>div b{font-size:12px;color:#718078}
.storage-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.storage-status-grid h3{margin:0 0 8px;color:#28503e}.storage-status-grid p{margin:7px 0;color:#66736c;line-height:1.55}.storage-backup-list{display:grid;gap:8px}.storage-backup-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e2e8e5;border-radius:10px;background:#f8fbf9}.storage-backup-row div{display:grid;gap:3px;min-width:0;margin-right:auto}.storage-backup-row strong{color:#28503e;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-backup-row small{color:#7b8781}.storage-backup-row button{border:0;border-radius:7px;padding:7px 10px;background:#fff0ef;color:#8b3c35;cursor:pointer;white-space:nowrap}.storage-summary{margin-top:18px}.storage-summary article.total{background:#214c3a;color:#fff;border-color:#214c3a}
@media(max-width:1000px){.admin-rules-grid{grid-template-columns:1fr}}@media(max-width:800px){.admin-rule-actions{align-items:stretch;flex-wrap:wrap}.admin-rule-actions span{width:100%}.admin-kpi-row{grid-template-columns:1fr 1fr}.admin-kpi-row input:first-child{grid-column:1/-1}.admin-kpi-row input:nth-child(3){grid-column:1/-1}}
@media(max-width:800px){.storage-status-grid{grid-template-columns:1fr}}

.dashboard-title{margin-bottom:14px}.dashboard-identity{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 22px}.dashboard-identity span{background:#edf3ef;border:1px solid #dce8e1;border-radius:999px;padding:7px 11px;color:#52645a;font-size:12px}.dashboard-identity b{color:#245a40}.dashboard-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:22px 0 12px}.dashboard-section-title h2{margin:5px 0 0}.dashboard-section-title small,.dashboard-panel-head small{color:#718078}.text-button{border:0;background:transparent;color:#2f7756;padding:5px 0;cursor:pointer;font-size:13px}.dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-summary article{background:#fff;border:1px solid #e2e8e5;border-radius:15px;padding:17px 19px}.dashboard-summary span{display:block;color:#718078;font-size:13px}.dashboard-summary strong{display:block;font-size:28px;color:#234d39;margin:6px 0}.dashboard-summary small,.dashboard-muted{color:#849089;font-size:11px}.dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.dashboard-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:21px}.dashboard-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.dashboard-panel-head h2{margin:5px 0 0}.dashboard-panel-body{margin-top:18px}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-kpis div{background:#f3f7f5;border-radius:11px;padding:13px}.dashboard-kpis span{display:block;color:#718078;font-size:11px}.dashboard-kpis strong{display:block;margin-top:6px;color:#245a40;font-size:17px;white-space:nowrap}.dashboard-progress{height:7px;background:#e7eeea;border-radius:999px;overflow:hidden;margin:18px 0 7px}.dashboard-progress i{display:block;height:100%;background:#3f8062;border-radius:999px}.dashboard-unavailable{background:#f7f9f8;border-radius:10px;padding:15px;color:#68756e;font-size:13px;line-height:1.5}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-shortcuts button{border:1px solid #dfe8e3;background:#fff;border-radius:13px;padding:16px;text-align:left;cursor:pointer;display:grid;gap:6px}.dashboard-shortcuts button:hover{border-color:#8db5a1;background:#f7fbf8}.dashboard-shortcuts strong{color:#28503e}.dashboard-shortcuts span{color:#718078;font-size:12px;line-height:1.4}
.monthly-card-identity{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:12px;background:#f3f7f5;border:1px solid #e1e9e5;border-radius:13px;padding:16px;margin:24px}.monthly-card-identity>div{display:grid;gap:4px;border-right:1px solid #dfe8e3;padding-right:12px}.monthly-card-identity>div:last-child{border-right:0}.monthly-card-identity small,.monthly-card-identity span{color:#718078;font-size:12px}.monthly-card-identity strong{color:#245a40}.monthly-card-notes{margin-bottom:24px}.monthly-card-notes .salary-facts dd{max-width:65%;text-align:right;white-space:normal}
.payroll-trial-body{padding:24px;display:grid;gap:18px}.payroll-trial-guard{padding:13px 15px;border-radius:10px;background:#fff8e8;border:1px solid #f0d9aa;color:#76591e;font-size:13px;line-height:1.5}.payroll-trial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payroll-trial-grid label,.payroll-trial-kpis label{display:grid;gap:6px;color:#58655e;font-size:13px}.payroll-trial-grid label:first-child{grid-column:1/-1}.payroll-trial-grid input,.payroll-trial-grid select,.payroll-trial-kpis select{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff}.payroll-trial-kpis{border:1px solid #e2e8e5;border-radius:12px;padding:16px}.payroll-trial-kpis h3{margin:0 0 5px}.payroll-trial-kpis p{margin:0 0 13px;color:#718078;font-size:12px}.payroll-trial-kpis>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payroll-trial-kpis label{border:1px solid #e5ebe8;border-radius:9px;padding:10px}.payroll-trial-kpis label span{font-size:12px;color:#66736c}.payroll-trial-result{border:1px solid #dce8e1;border-radius:12px;padding:16px;background:#f7fbf8}.payroll-trial-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.payroll-trial-result-head small{display:block;color:#718078}.payroll-trial-result-head strong{display:block;color:#245a40;font-size:27px;margin-top:5px}.payroll-trial-result-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.payroll-trial-result-grid div{background:#fff;border-radius:8px;padding:10px}.payroll-trial-result-grid span{display:block;color:#718078;font-size:11px}.payroll-trial-result-grid b{display:block;margin-top:5px;color:#28503e;font-size:14px}.payroll-trial-result>.dashboard-muted{display:block;line-height:1.5}
@media(max-width:1000px){.dashboard-summary{grid-template-columns:repeat(2,1fr)}.dashboard-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.dashboard-columns{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:1fr}.dashboard-section-title{align-items:flex-start;flex-direction:column}.dashboard-shortcuts{grid-template-columns:1fr}.monthly-card-identity{grid-template-columns:1fr;margin:17px}.monthly-card-identity>div{border-right:0;border-bottom:1px solid #dfe8e3;padding:0 0 10px}.monthly-card-identity>div:last-child{border-bottom:0;padding-bottom:0}.payroll-trial-grid{grid-template-columns:1fr}.payroll-trial-grid label:first-child{grid-column:auto}.payroll-trial-kpis>div{grid-template-columns:1fr}.payroll-trial-result-grid{grid-template-columns:repeat(2,1fr)}}

/* 藏风社视觉系统 2.0：统一经营中台 */
:root{
  --zf-ink:#15211d;
  --zf-muted:#68756f;
  --zf-deep:#0d211b;
  --zf-deep-2:#173a30;
  --zf-green:#275f4d;
  --zf-green-2:#3d7c64;
  --zf-gold:#c6a66e;
  --zf-gold-soft:#eadfc9;
  --zf-canvas:#f2f4f3;
  --zf-surface:#ffffff;
  --zf-line:#e2e7e4;
  --zf-shadow:0 14px 38px rgba(20,43,34,.075);
  --zf-shadow-hover:0 20px 48px rgba(20,43,34,.13);
  font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--zf-ink);
  background:var(--zf-canvas);
}
html{background:var(--zf-canvas);scroll-behavior:smooth}
body{
  grid-template-columns:268px minmax(0,1fr);
  background:
    radial-gradient(circle at 92% 0,rgba(198,166,110,.12),transparent 27rem),
    linear-gradient(180deg,#f7f8f7 0,#f1f3f2 55%,#eef1ef 100%);
  color:var(--zf-ink);
  letter-spacing:.01em;
}
button,a,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(198,166,110,.28);outline-offset:2px}
button:not(:disabled){cursor:pointer}
button:not(:disabled):active{transform:translateY(1px)}
:where(input,select,textarea){
  color:var(--zf-ink)!important;
  border-color:#d8dfdb!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(19,42,33,.025);
}
:where(input,select,textarea):hover{border-color:#b7c7bf!important}
:where(input,select,textarea):focus{border-color:var(--zf-green-2)!important;box-shadow:0 0 0 4px rgba(61,124,100,.11)!important;outline:0}
::selection{background:rgba(198,166,110,.3);color:var(--zf-deep)}

.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  padding:30px 20px 24px;
  background:
    radial-gradient(circle at 15% 0,rgba(198,166,110,.14),transparent 18rem),
    linear-gradient(165deg,#132b24 0,#0b1d18 64%,#091712 100%);
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:18px 0 44px rgba(8,25,19,.08);
}
.brand{
  position:relative;
  min-height:56px;
  justify-content:center;
  padding:0 8px 28px 68px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.brand::before{
  content:"藏";
  position:absolute;
  left:6px;
  top:0;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(234,223,201,.5);
  border-radius:15px;
  color:#f3e8d4;
  background:linear-gradient(145deg,rgba(198,166,110,.24),rgba(255,255,255,.055));
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 24px rgba(0,0,0,.17);
  font-family:"STSong","Songti SC",serif;
  font-size:23px;
}
.brand strong{font-family:"STSong","Songti SC","PingFang SC",serif;font-size:26px;font-weight:700;letter-spacing:5px;color:#fff}
.brand span{margin-top:5px;color:#9eafa8;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.sidebar nav{gap:7px}
.sidebar button{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:48px;
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:13px;
  color:#bac8c2;
  font-size:14px;
  font-weight:560;
  letter-spacing:.03em;
}
.sidebar button::before{width:22px;color:#82958d;font-size:17px;text-align:center}
.sidebar button[data-page="dashboard"]::before{content:"▦"}
.sidebar button[data-page="traffic"]::before{content:"◫"}
.sidebar button[data-page="payroll"]::before{content:"¥"}
.sidebar button[data-page="expenses"]::before{content:"◇"}
.sidebar button[data-page="organization"]::before{content:"◉"}
.sidebar button[data-page="admin"]::before{content:"⚙";font-size:15px}
.sidebar button:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.05);color:#fff;transform:translateX(2px)}
.sidebar button.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(66,120,96,.72),rgba(45,87,70,.66));
  border-color:rgba(234,223,201,.13);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.13);
}
.sidebar button.active::before{color:#ead8b8}

main{padding:0 48px 64px;min-width:0}
main>header{
  position:sticky;
  top:0;
  z-index:30;
  height:78px;
  margin:0 -48px;
  padding:0 48px;
  border-bottom:1px solid rgba(215,222,218,.8);
  background:rgba(247,248,247,.82);
  color:#69766f;
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
}
main>header>span{color:#415048;font-size:13px;font-weight:650;letter-spacing:.08em}
.header-actions{gap:16px}
.header-actions b{font-size:11px;font-weight:580;letter-spacing:.12em;color:#86928c}
.feishu-login{border-radius:10px;padding:9px 15px;box-shadow:0 7px 18px rgba(51,112,255,.18)}
.page{padding-top:1px}
.page-title{margin:38px 0 22px;align-items:flex-end}
.page-title small{color:#8b7a5c!important;font-size:11px!important;font-weight:700;letter-spacing:.14em}
.page-title h1,.placeholder h1{margin:7px 0 6px;font-family:"STSong","Songti SC","PingFang SC",serif;font-size:32px;line-height:1.2;letter-spacing:.025em;color:#17231f}
.page-title p{max-width:760px;color:#728079;font-size:13px;line-height:1.7}
#payroll>.page-title{display:block}
#payroll .payroll-actions{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  margin-top:20px;
  padding:15px;
  gap:10px;
  border:1px solid #e0e6e3;
  border-radius:15px;
  background:rgba(255,255,255,.8);
  box-shadow:0 8px 24px rgba(20,43,34,.045);
}
#payroll .payroll-actions label{flex:1 1 155px;min-width:145px}
#payroll .payroll-actions :where(select,input){width:100%;min-width:0}
#payroll .payroll-actions button{flex:0 0 auto;min-height:39px;white-space:nowrap}
#payroll .payroll-actions #recalculatePayroll{background:linear-gradient(135deg,#356f59,#214c3d);box-shadow:0 7px 18px rgba(28,77,59,.16)}
#payroll .payroll-actions #togglePayrollLock{background:linear-gradient(135deg,#a67b35,#7f5a20);box-shadow:0 7px 18px rgba(128,88,28,.18)}
.secondary{
  border:1px solid #dce3df!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.82)!important;
  color:#315244!important;
  box-shadow:0 5px 14px rgba(20,43,34,.055);
}
.secondary:hover{border-color:#b9cbc2!important;background:#fff!important;box-shadow:0 8px 20px rgba(20,43,34,.09);transform:translateY(-1px)}
.primary{border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:linear-gradient(135deg,#356f59,#214c3d)!important;color:#fff!important;box-shadow:0 8px 20px rgba(28,77,59,.18)}
.primary:hover{box-shadow:0 11px 26px rgba(28,77,59,.25);transform:translateY(-1px)}

#dashboard .dashboard-title{
  position:relative;
  overflow:hidden;
  min-height:190px;
  align-items:center;
  margin-top:30px;
  padding:34px 36px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:25px;
  background:
    radial-gradient(circle at 88% 22%,rgba(198,166,110,.28),transparent 19rem),
    radial-gradient(circle at 60% 120%,rgba(67,132,105,.25),transparent 22rem),
    linear-gradient(135deg,#102a22 0,#163c30 58%,#1d4b3c 100%);
  box-shadow:0 24px 54px rgba(19,56,43,.18);
}
#dashboard .dashboard-title::after{
  content:"藏风社";
  position:absolute;
  right:30px;
  bottom:-36px;
  color:rgba(255,255,255,.035);
  font-family:"STSong","Songti SC",serif;
  font-size:112px;
  letter-spacing:.08em;
  pointer-events:none;
}
#dashboard .dashboard-title>div{position:relative;z-index:1}
#dashboard .dashboard-title small{color:#d7bd8e!important}
#dashboard .dashboard-title h1{color:#fff;font-size:38px}
#dashboard .dashboard-title p{color:#c4d4cd}
#dashboard .dashboard-title .secondary{position:relative;z-index:2;border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:none;backdrop-filter:blur(8px)}
#dashboard .dashboard-title .secondary:hover{background:rgba(255,255,255,.16)!important}
.dashboard-identity{margin:-10px 0 22px;padding:0 12px;position:relative;z-index:2}
.dashboard-identity span{border-color:#dce4e0;background:rgba(255,255,255,.92);box-shadow:0 5px 16px rgba(20,43,34,.055);color:#5b6962}
.dashboard-identity b{color:#8a6b3c}
.dashboard-section-title{margin:27px 0 13px}
.dashboard-section-title small,.dashboard-panel-head small{color:#9a835d!important;font-weight:650;letter-spacing:.08em}
.dashboard-section-title h2,.dashboard-panel-head h2{font-family:"STSong","Songti SC","PingFang SC",serif;color:#1d2b26;letter-spacing:.02em}
.text-button{color:#356f59;font-weight:650}
.text-button:hover{color:#8a6b3c}

:where(.dashboard-summary,.traffic-summary,.payroll-summary,.expense-summary,.admin-summary,.monthly-missing-summary,.group-period-summary,.traffic-health-cards)>article{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(220,227,223,.95)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 25px rgba(20,43,34,.052);
}
:where(.dashboard-summary,.traffic-summary,.payroll-summary,.expense-summary,.admin-summary,.monthly-missing-summary,.group-period-summary,.traffic-health-cards)>article::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#356f59,#c6a66e);
  opacity:.82;
}
:where(.dashboard-summary,.traffic-summary,.payroll-summary,.expense-summary,.admin-summary)>article:hover{border-color:#cddbd4!important;box-shadow:var(--zf-shadow-hover);transform:translateY(-2px)}
:where(.dashboard-summary,.traffic-summary,.payroll-summary,.expense-summary,.admin-summary)>article strong{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
:where(.expense-summary,.admin-summary)>article.total{background:linear-gradient(145deg,#173a30,#245542)!important;border-color:transparent!important;color:#fff}
:where(.expense-summary,.admin-summary)>article.total::before{background:linear-gradient(90deg,#c6a66e,#eadfc9)}

:where(.dashboard-panel,.traffic-analytics-panel,.traffic-table-panel,.submit-panel,.runtime-panel,.traffic-scope-panel,.traffic-keyword-panel,.traffic-settings-panel,.traffic-operations-panel,.traffic-audit-panel,.directory-panel,.support-panel,.org-card,.transfer-panel,.expense-panel,.admin-panel,.admin-rule-card,.expense-config-card,.placeholder){
  border:1px solid rgba(222,228,225,.96)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--zf-shadow);
}
.dashboard-panel{padding:24px}
.dashboard-panel:hover{border-color:#cbd9d2!important;box-shadow:var(--zf-shadow-hover)}
.dashboard-kpis div{border:1px solid #e7ebe9;background:linear-gradient(145deg,#f8faf9,#f3f6f4);padding:14px}
.dashboard-kpis strong{color:#264f40}
.dashboard-progress{height:8px;background:#e7ece9}
.dashboard-progress i{background:linear-gradient(90deg,#2f6a54,#c0a36f)}
.dashboard-shortcuts{gap:14px}
.dashboard-shortcuts button{
  position:relative;
  min-height:94px;
  padding:19px 20px 19px 54px;
  border-color:#e0e6e3;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 7px 22px rgba(20,43,34,.045);
}
.dashboard-shortcuts button::before{position:absolute;left:20px;top:20px;color:#ad8d57;font-size:20px}
.dashboard-shortcuts button:nth-child(1)::before{content:"◫"}
.dashboard-shortcuts button:nth-child(2)::before{content:"◉"}
.dashboard-shortcuts button:nth-child(3)::before{content:"¥"}
.dashboard-shortcuts button:nth-child(4)::before{content:"◇"}
.dashboard-shortcuts button:hover{border-color:#bfcfc7;background:#fff;box-shadow:var(--zf-shadow-hover);transform:translateY(-2px)}
.dashboard-shortcuts strong{color:#1f493a;font-size:15px}

.traffic-tabs,.payroll-tabs{
  gap:4px;
  padding:5px;
  border:1px solid #dfe5e2;
  border-radius:14px;
  background:rgba(231,236,233,.82);
  box-shadow:inset 0 1px 3px rgba(20,43,34,.045);
}
.traffic-tabs button,.payroll-tabs button{min-height:40px;border-radius:10px;color:#64716b;font-size:13px}
.traffic-tabs button.active,.payroll-tabs button.active{
  color:#244f3e;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,43,34,.1);
  font-weight:680;
}
.traffic-tabs button.active::after,.payroll-tabs button.active::after{content:"";display:block;width:18px;height:2px;margin:5px auto -5px;border-radius:2px;background:#b8965f}

.notice{
  position:relative;
  overflow:hidden;
  padding:14px 17px 14px 20px;
  border-color:#e7d8b7;
  border-radius:12px;
  background:#fffaf0;
  box-shadow:0 5px 16px rgba(70,54,25,.035);
}
.notice::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#c6a66e}
.notice.ok{border-color:#cfe2d8;background:#f0f8f4;color:#285642}
.notice.ok::before{background:#3d7c64}
.notice.error{border-color:#eccbc8;background:#fff5f4;color:#873d36}
.notice.error::before{background:#b8564c}

.registration-page-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}
.registration-export-action{display:grid;justify-items:end;gap:6px}
.registration-export-action>span{max-width:430px;color:#748078;font-size:11px;line-height:1.4;text-align:right}
.registration-export-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.registration-export-buttons button{min-height:40px;padding:10px 14px;cursor:pointer;white-space:nowrap}
.registration-page-actions button:disabled{cursor:not-allowed;opacity:.58}.registration-page-actions button[aria-busy="true"]{cursor:wait}

.table-scroll{border-radius:13px}
:where(.traffic-table,.mini-table,.directory-table,.expense-table,.admin-table,.expense-config-table,.traffic-scope-table){
  border-collapse:separate;
  border-spacing:0;
}
:where(.traffic-table,.mini-table,.directory-table,.expense-table,.admin-table,.expense-config-table,.traffic-scope-table) th{
  border-top:0;
  border-bottom:1px solid #dfe6e2;
  background:#f6f8f7;
  color:#74817a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}
:where(.traffic-table,.mini-table,.directory-table,.expense-table,.admin-table,.expense-config-table,.traffic-scope-table) td{border-top:0;border-bottom:1px solid #edf0ee}
:where(.traffic-table,.mini-table,.directory-table,.expense-table,.admin-table,.expense-config-table,.traffic-scope-table) tbody tr:last-child td{border-bottom:0}
:where(.traffic-table,.mini-table,.directory-table,.expense-table,.admin-table,.expense-config-table,.traffic-scope-table) tbody tr:hover td{background:#fafcfb}
.status-pill,.admin-status,.assignment-type,.expense-status span{border:1px solid transparent;font-weight:620}
.status-pill.monitoring,.admin-status,.assignment-type{border-color:#cde4d8;background:#eaf6ef;color:#286248}
.status-pill.pending{border-color:#d4e0f5;background:#eff4fc}
.status-pill.takeover,.status-pill.alert{border-color:#edd9af;background:#fff7e8}
.row-actions button,.expense-row-actions button,.edit-grants{border:1px solid #dde7e2;background:#eef4f1;color:#285744}
.row-actions button:hover,.expense-row-actions button:hover,.edit-grants:hover{border-color:#bfd2c8;background:#e4efe9;transform:translateY(-1px)}

dialog{
  border:1px solid rgba(255,255,255,.55);
  border-radius:22px;
  background:#fbfcfb;
  box-shadow:0 38px 110px rgba(7,25,18,.38);
}
dialog::backdrop{background:rgba(7,22,17,.64);backdrop-filter:blur(6px)}
.detail-head{padding:24px 28px;border-bottom-color:#e4e9e6;background:linear-gradient(180deg,#fff,#fafbfa)}
dialog>.detail-head,dialog>form>.detail-head{position:sticky;top:0;z-index:20;border-radius:21px 21px 0 0;box-shadow:0 1px 0 #e4e9e6}
.detail-head h2{font-family:"STSong","Songti SC","PingFang SC",serif;color:#1d3028}
.detail-head button{background:#eef2f0;color:#405048}
.detail-head button:hover{background:#e4ebe7}
.traffic-daily-limit{
  width:max-content;
  max-width:100%;
  margin-top:10px!important;
  padding:7px 10px;
  border:1px solid #ead9b8;
  border-radius:8px;
  background:#fff9ed;
  color:#775c29!important;
  font-size:12px;
}
.traffic-submit-context{display:grid;grid-template-columns:1fr 1fr;gap:11px;grid-column:1/-1}.traffic-submit-context label{display:grid;gap:6px;color:#5d6d64;font-size:12px}.traffic-submit-context select{width:100%;height:39px;border:1px solid #d4ded8;border-radius:9px;padding:7px 10px;background:#fff;color:#2e483b}.traffic-submit-context select:disabled{background:#f3f6f4;color:#6f7b75}@media(max-width:700px){.traffic-submit-context{grid-template-columns:1fr}}
.traffic-setting-group-title{
  display:flex;
  grid-column:1/-1;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:5px;
  padding:11px 13px;
  border-left:3px solid #c8ac77;
  border-radius:6px;
  background:#f7f4ed;
}
.traffic-setting-group-title strong{color:#2c493b}
.traffic-setting-group-title span{color:#7a7468;font-size:12px}
.advance-detail-dialog{width:min(1040px,calc(100vw - 36px))}
.advance-detail-body{padding:24px}
.advance-detail-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.advance-detail-summary article{
  min-width:0;
  padding:15px;
  border:1px solid #e2e9e5;
  border-radius:12px;
  background:#f6f9f7;
}
.advance-detail-summary span,.advance-detail-summary small{display:block;color:#738078;font-size:11px}
.advance-detail-summary strong{display:block;margin:6px 0;color:#244b38;font-size:16px;overflow-wrap:anywhere}
.advance-detail-description{margin-top:14px;padding:15px;border:1px solid #e5eae7;border-radius:12px;background:#fff}
.advance-detail-description p{margin:7px 0 0;color:#59665f;line-height:1.65;white-space:pre-wrap}
.advance-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.advance-detail-columns>section{min-width:0;padding:16px;border:1px solid #e2e8e5;border-radius:13px;background:#fff}
.advance-detail-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.advance-detail-section-head span{color:#7b8780;font-size:12px}
.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.receipt-card{display:grid;gap:7px;min-width:0;padding:10px;border:1px solid #e3e9e6;border-radius:10px;background:#f8faf9;color:#314b3e;text-decoration:none}
.receipt-card:hover{border-color:#c6d8ce;background:#f1f7f4}
.receipt-card img{width:100%;height:132px;border-radius:7px;object-fit:cover;background:#e8eeeb}
.receipt-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.receipt-card small,.receipt-card span{color:#7a867f;font-size:11px}
.receipt-card.unavailable{background:#faf5f4}
.receipt-file-icon{display:grid!important;height:132px;place-items:center;border-radius:7px;background:#eee7d9;color:#725b31!important;font-size:22px!important;font-weight:750}
.approval-timeline{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.approval-timeline li{padding:11px;border-left:3px solid #c6ad7c;border-radius:8px;background:#f8f7f3}
.approval-timeline li>div{display:flex;justify-content:space-between;gap:10px}
.approval-timeline li span{color:#346149;font-size:12px}
.approval-timeline li p{margin:6px 0;color:#58655e;font-size:12px}
.approval-timeline li small{color:#7c8781}
.dev-login{
  right:20px;
  bottom:20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(11,31,24,.9);
  box-shadow:0 16px 36px rgba(5,18,13,.28);
  backdrop-filter:blur(12px);
}
.dev-login span{color:#c6d3cd;font-size:12px}
.dev-login select{width:250px;max-width:42vw;border:0;border-radius:9px;background:#fff;color:#27352f;padding:7px 9px}
.dev-login button{background:#d9c49e;color:#24372f;font-weight:700}

*{scrollbar-width:thin;scrollbar-color:#aab8b1 transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#aab8b1;background-clip:padding-box}

@media(max-width:1100px){
  body{grid-template-columns:232px minmax(0,1fr)}
  .sidebar{padding-inline:15px}
  main{padding-inline:30px}
  main>header{margin-inline:-30px;padding-inline:30px}
}
@media(max-width:800px){
  body{display:block}
  .sidebar{position:relative;height:auto;padding:18px}
  .brand{min-height:48px;margin-bottom:10px;padding:0 8px 18px 60px}
  .brand::before{width:42px;height:42px;border-radius:13px}
  .sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sidebar button{justify-content:center;min-height:42px;padding:9px;font-size:12px}
  .sidebar button::before{display:none}
  main{padding:0 16px 36px}
  main>header{height:62px;margin:0 -16px;padding:0 16px}
  .header-actions b{display:none}
  .page-title{align-items:flex-start;flex-direction:column;gap:16px;margin-top:26px}
  .page-title h1{font-size:27px}
  #dashboard .dashboard-title{min-height:0;padding:28px 24px}
  #dashboard .dashboard-title h1{font-size:30px}
  #dashboard .dashboard-title::after{font-size:72px}
  .dashboard-identity{margin:12px 0 20px;padding:0}
  .traffic-setting-group-title{align-items:flex-start;flex-direction:column;gap:4px}
  .advance-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advance-detail-columns{grid-template-columns:1fr}
}
/* Traffic analytics recovery insights */
.traffic-analytics-insights{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.traffic-funnel{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:150px}.traffic-funnel-row{display:grid;gap:6px;text-align:center}.traffic-funnel-row strong{font-size:24px;color:#2f604a}.traffic-funnel-row span{font-size:12px;color:#718078;white-space:nowrap}.traffic-funnel-arrow{color:#b5c2bb;font-size:22px}.traffic-submission-chart{height:150px;display:flex;align-items:flex-end;gap:4px;padding:12px 0 24px;border-bottom:1px solid #dfe7e3}.traffic-submission-column{height:100%;display:flex;flex:1;min-width:10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.traffic-submission-column i{display:block;width:70%;min-height:3px;border-radius:4px 4px 0 0;background:#c47b50}.traffic-submission-column small{font-size:9px;color:#7b8780;white-space:nowrap;transform:rotate(-38deg);transform-origin:top center}.traffic-breakdown-table{display:grid;gap:4px;margin-top:10px}.traffic-breakdown-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;border-top:1px solid #edf0ee;padding:10px 0}.traffic-breakdown-row>b{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#edf3ef;color:#35654d;font-size:11px}.traffic-breakdown-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.traffic-breakdown-row>small{color:#7b8780;font-size:10px;white-space:nowrap}
/* Traffic detail metadata editing */
.traffic-detail-edit{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:10px;align-items:end;margin:16px 0;padding:14px;border:1px solid #e2e8e5;border-radius:11px;background:#fafcfb}.traffic-detail-edit label{display:grid;gap:5px;color:#58655e;font-size:12px}.traffic-detail-edit input,.traffic-detail-edit textarea{width:100%;border:1px solid #d4ded8;border-radius:8px;padding:8px;background:#fff;font:inherit;font-size:12px}.traffic-detail-save-state{font-size:12px;color:#2f7756;white-space:nowrap}@media(max-width:800px){.traffic-detail-edit{grid-template-columns:1fr}.traffic-detail-edit button{width:max-content}}

/* Data registration: system traffic fields remain visually distinct from later manual inputs. */
.registration-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.registration-summary article,.registration-table-panel{background:#fff;border:1px solid #e2e8e5;border-radius:16px}.registration-summary article{padding:17px 19px}.registration-summary span{display:block;color:#718078;font-size:13px}.registration-summary strong{display:block;margin:7px 0 4px;font-size:26px;color:#234d39}.registration-summary small{color:#849089;font-size:11px}.registration-table-panel{padding:22px}.registration-toolbar{margin-bottom:0}.registration-filters{display:flex;flex-wrap:wrap;gap:10px}.registration-filters label{display:grid;gap:5px;color:#68756e;font-size:12px}.registration-filters select{min-width:132px;border:1px solid #d7dfdb;border-radius:8px;padding:8px;background:#fff;color:#2c4538}.registration-grid-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0 17px}.registration-hint{flex:1;margin:0;padding:11px 13px;border-radius:9px;background:#f4f8f5;color:#60736a;font-size:12px;line-height:1.5}.registration-fill-tools{display:flex;align-items:center;gap:8px;white-space:nowrap}.registration-fill-tools span{color:#6f7e76;font-size:12px}.registration-fill-tools button{padding:8px 11px;font-size:12px}.registration-fill-tools button:disabled{opacity:.45;cursor:not-allowed}.registration-table{width:100%;min-width:2460px;border-collapse:separate;border-spacing:0}.registration-table th{position:sticky;top:0;z-index:4;background:#edf3ef;color:#53665b;text-align:left;font-size:12px;font-weight:650;padding:10px 9px;border:1px solid #dfe7e2;border-width:0 1px 1px 0;white-space:nowrap}.registration-table td{height:47px;padding:6px 8px;border:1px solid #e7ece9;border-width:0 1px 1px 0;color:#425249;font-size:12px;vertical-align:middle;background:#fff}.registration-table tr:hover td{box-shadow:inset 0 0 0 999px #f9fbfa80}.registration-table a{display:block;max-width:230px;color:#246c4b;font-weight:650;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-table a:hover{text-decoration:underline}.registration-table td small{display:block;margin-top:3px;color:#8a9690}.registration-table .registration-system-cell{background:#f3f5f4;color:#5f6c65}.registration-table .registration-manual-cell{background:#fff}.registration-table .registration-select-cell{width:42px;min-width:42px;text-align:center}.registration-table .registration-link-cell{max-width:250px}.registration-table .registration-number{text-align:right;font-variant-numeric:tabular-nums}.registration-table input[data-registration-field],.registration-table select[data-registration-field]{width:100%;min-width:95px;height:32px;border:1px solid transparent;border-radius:5px;padding:5px 7px;background:transparent;color:#30493c;font:inherit}.registration-table input[data-registration-field]:focus,.registration-table select[data-registration-field]:focus{outline:2px solid #c7a96b;border-color:#b69a5f;background:#fffdf8}.registration-table input.saving,.registration-table select.saving{background:#fff8e7}.registration-table input.saved,.registration-table select.saved{background:#eaf6ee}.registration-table input.save-error,.registration-table select.save-error{background:#fff0ee;border-color:#d68b82}.registration-screenshot-cell{min-width:92px}.registration-screenshot-cell button{display:flex;align-items:center;gap:5px;border:1px dashed #c5d4cb;border-radius:6px;padding:4px 7px;background:#f8fbf9;color:#2e684a;cursor:pointer}.registration-screenshot-cell img{width:38px;height:30px;border-radius:4px;object-fit:cover}.registration-entry-status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#fff4dd;color:#85671d;font-size:12px;white-space:nowrap}.registration-scroll{max-height:calc(100vh - 270px);min-height:260px;border:1px solid #e0e7e3;border-radius:10px}#registrationSummary[hidden]{display:none!important}@media(max-width:1000px){.registration-grid-tools{align-items:stretch;flex-direction:column}.registration-fill-tools{justify-content:flex-end}}@media(max-width:800px){.registration-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-table-panel{padding:15px}.registration-toolbar{align-items:flex-start;flex-direction:column}.registration-filters{width:100%}.registration-filters label{flex:1}.registration-filters select{width:100%;min-width:0}.registration-fill-tools{flex-wrap:wrap;justify-content:flex-start}}
.registration-manual-summary{display:grid;gap:4px;min-width:122px}.registration-manual-summary span{color:#596a61;font-size:11px;white-space:nowrap}.registration-actions{display:grid;gap:7px;justify-items:start}.registration-actions button{border:1px solid #c8ddd0;border-radius:8px;padding:6px 10px;background:#f3f8f5;color:#276044;font-weight:650;font-size:12px;cursor:pointer}.registration-actions button:hover{background:#e5f0e9}.registration-edit-dialog{width:min(680px,calc(100vw - 32px));border:0;border-radius:18px;padding:0;background:#fff;box-shadow:0 28px 80px #14281d38}.registration-edit-dialog form{padding:23px}.registration-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.registration-edit-grid label{display:grid;gap:6px;color:#596b62;font-size:12px}.registration-edit-grid input,.registration-edit-grid select,.registration-edit-grid textarea{width:100%;border:1px solid #d7e0da;border-radius:8px;padding:9px 10px;background:#fff;color:#2d4739;font:inherit}.registration-edit-grid textarea{resize:vertical}.registration-edit-grid .wide{grid-column:1/-1}.registration-screenshot-hint{margin:15px 0 0;padding:10px 12px;border-radius:9px;background:#f8f3e9;color:#76643d;font-size:12px;line-height:1.5}@media(max-width:800px){.registration-edit-grid{grid-template-columns:1fr}}
.registration-edit-grid img{width:100%;max-height:120px;object-fit:cover;border:1px solid #d8e3dc;border-radius:8px}
.registration-summary button{position:relative;min-height:108px;padding:18px 16px 16px 68px;border:1px solid #e8eaf0;border-radius:16px;background:#fff;text-align:left;box-shadow:0 8px 28px rgba(32,38,55,.06);cursor:pointer}.registration-summary button::before{content:"补";position:absolute;left:18px;top:18px;display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#fff4dc;color:#ad741c;font-size:12px;font-weight:760}.registration-summary button:hover{border-color:#ddd9f5;box-shadow:0 12px 34px rgba(80,64,158,.12);transform:translateY(-2px)}
.registration-filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin:15px 0 10px;padding:12px;border:1px solid #e6e4f3;border-radius:12px;background:#faf9ff}.registration-filter-bar label{display:grid;gap:5px;min-width:125px;color:#697286;font-size:11px}.registration-filter-bar select,.registration-filter-bar input{height:34px;border:1px solid #dfe2ea;border-radius:8px;padding:6px 8px;background:#fff;color:#394155}.registration-sort-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:11px 12px;border:1px solid #ece9f7;border-radius:12px;background:#fff}.registration-sort-panel>div:first-child{display:grid;gap:3px;margin-right:auto}.registration-sort-panel>div:first-child strong{color:#394155;font-size:12px}.registration-sort-panel>div:first-child small{color:#8b92a2;font-size:10px}.registration-sort-panel button{padding:7px 10px;font-size:11px}.registration-sort-panel #registrationSortRows{display:flex;flex-wrap:wrap;gap:7px}.registration-sort-row{display:flex;align-items:center;gap:5px;padding:4px 5px;border:1px solid #dfdcf2;border-radius:9px;background:#f7f5ff}.registration-sort-row b{display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:#6858d8;color:#fff;font-size:10px}.registration-sort-row select{height:28px;border:0;background:transparent;color:#4c5263;font-size:11px}.registration-sort-row button{border:0;background:transparent;color:#9a6570;font-size:16px;cursor:pointer}.registration-date-stack{display:grid;gap:2px;min-width:82px}.registration-date-stack strong{color:#41495b;font-variant-numeric:tabular-nums}.registration-date-stack small{margin:0!important;color:#8d95a4!important;font-variant-numeric:tabular-nums}.registration-date-stack.pending strong{color:#a7792a}.registration-pending-dialog{width:min(1420px,calc(100vw - 36px));max-height:88vh;border:0;border-radius:18px;padding:0;background:#fff;box-shadow:0 28px 80px rgba(26,31,43,.24)}.registration-pending-dialog::backdrop{background:rgba(23,27,36,.38);backdrop-filter:blur(3px)}.registration-pending-dialog .detail-head{padding:20px 22px}.registration-pending-dialog .registration-scroll{max-height:65vh;margin:0 22px 22px}.registration-pending-table{min-width:1380px}.registration-pending-summary{display:flex;align-items:center;gap:12px;margin:0 22px 13px;padding:11px 13px;border-radius:10px;background:#fff8e8;color:#775c27}.registration-pending-summary strong{font-size:15px}.registration-pending-summary span{font-size:11px}.registration-missing-cell{min-width:150px}.registration-missing-cell span{display:inline-flex;margin:2px;padding:3px 6px;border-radius:999px;background:#fff0e8;color:#a45f32;font-size:9px}
@media(max-width:800px){.registration-filter-bar label{flex:1 1 145px}.registration-sort-panel{align-items:flex-start;flex-direction:column}.registration-sort-panel #registrationSortRows{width:100%}}
.registration-sort-row .registration-sort-remove{display:grid;width:28px;height:28px;place-items:center;border:1px solid transparent;border-radius:7px;padding:0;background:transparent;color:#8794a8;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.registration-sort-row .registration-sort-remove svg{width:15px;height:15px;fill:currentColor}.registration-sort-row .registration-sort-remove:hover{border-color:#f0d5d2;background:#fff3f2;color:#b54f47}.registration-sort-row .registration-sort-remove:focus-visible{border-color:#6f96ec;outline:2px solid #dce7ff;outline-offset:1px}

/* Team-owned registration video type catalogs. */
.registration-video-type-dialog{width:min(820px,calc(100vw - 36px));max-height:88vh;padding:0}.video-type-config-body{display:grid;gap:15px;padding:22px}.video-type-config-body>label{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;color:#586b61;font-size:12px}.video-type-config-body>label select{height:38px;border:1px solid #d7e0da;border-radius:9px;padding:7px 10px;background:#fff;color:#2d4739}.video-type-config-list{display:grid;gap:8px;max-height:48vh;overflow:auto}.video-type-config-row{display:grid;grid-template-columns:30px minmax(180px,1fr) auto 38px 38px auto;align-items:center;gap:8px;padding:9px;border:1px solid #e2e8e5;border-radius:11px;background:#fafcfb}.video-type-order{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#edf3ef;color:#315c46;font-size:11px;font-weight:750}.video-type-config-row>input[type="text"]{width:100%;height:36px;border:1px solid #d5dfd9;border-radius:8px;padding:7px 9px;background:#fff;color:#2e4539;font:inherit}.video-type-config-row>label{display:flex;align-items:center;gap:5px;color:#65756c;font-size:12px;white-space:nowrap}.video-type-config-row button{height:34px;padding:6px 9px}.video-type-config-row button.danger{color:#914f47;border-color:#e4cbc7;background:#fff7f6}.video-type-empty{margin:0;padding:24px;border:1px dashed #cfdad4;border-radius:11px;color:#7c8982;text-align:center}.video-type-config-body .dialog-actions{display:flex;align-items:center;gap:10px}.video-type-config-body .dialog-actions span{flex:1;color:#7b8780;font-size:11px}
@media(max-width:700px){.video-type-config-row{grid-template-columns:30px minmax(0,1fr) auto}.video-type-config-row>label{grid-column:2}.video-type-config-row button{grid-row:2}.video-type-config-body .dialog-actions{align-items:stretch;flex-direction:column}.video-type-config-body .dialog-actions button{width:100%}}

/* Internal product selection center. */
.product-library{display:grid;gap:17px}.product-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border:1px solid #dfe8e3;border-radius:17px;background:linear-gradient(135deg,#fff,#f4f8f5)}.product-library-head small{color:#a0783e;letter-spacing:.06em}.product-library-head h2{margin:5px 0 7px;color:#1f4735;font-family:"STSong","Songti SC",serif;font-size:25px}.product-library-head p{max-width:760px;margin:0;color:#718078;font-size:12px;line-height:1.65}.product-library-head>div:last-child{display:flex;gap:9px}.product-library-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-library-summary article{padding:15px 17px;border:1px solid #e1e8e4;border-radius:13px;background:#fff}.product-library-summary span{display:block;color:#78857e;font-size:11px}.product-library-summary strong{display:block;margin-top:6px;color:#27503c;font-size:24px}.product-library-tools{display:flex;gap:9px}.product-library-tools input{flex:1}.product-library-tools input,.product-library-tools select{height:39px;border:1px solid #d6e0da;border-radius:9px;padding:7px 11px;background:#fff;color:#334a3e}.product-library-list{display:grid;gap:14px}.product-library-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px;border:1px solid #dfe7e2;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(26,55,41,.045)}.product-library-image{display:grid;align-content:start;gap:7px}.product-library-image button{display:grid;width:150px;height:150px;place-items:center;overflow:hidden;border:1px dashed #bfcfc6;border-radius:13px;background:#f3f7f5;color:#5c7568;cursor:pointer}.product-library-image button:hover{border-color:#b4965e;background:#fffaf0}.product-library-image img{width:100%;height:100%;object-fit:cover}.product-library-image small{color:#8a9690;font-size:9px;text-align:center}.product-library-main{display:grid;gap:11px;min-width:0}.product-library-main>label{display:grid;gap:5px;color:#6c7b73;font-size:11px}.product-library-main input,.product-library-main textarea{width:100%;border:1px solid #d7e0db;border-radius:8px;padding:8px 9px;background:#fff;color:#30473b;font:inherit}.product-library-main textarea{resize:vertical}.product-library-fields{display:grid;grid-template-columns:1.2fr .8fr .55fr .55fr;gap:9px}.product-library-fields.two{grid-template-columns:1fr 1fr}.product-library-fields label{display:grid;gap:5px;color:#6c7b73;font-size:11px}.product-library-state span{display:flex;align-items:center;height:36px;gap:7px;padding:0 10px;border:1px solid #d7e0db;border-radius:8px;color:#315d47}.product-library-state input{width:auto}.product-team-picker{display:grid;gap:7px;padding:11px;border:1px solid #e6e8de;border-radius:10px;background:#fcfbf6}.product-team-picker>strong{color:#4a5d53;font-size:12px}.product-team-picker>div{display:flex;flex-wrap:wrap;gap:7px}.product-team-picker label{position:relative}.product-team-picker label input{position:absolute;opacity:0}.product-team-picker label span{display:inline-flex;padding:6px 9px;border:1px solid #d8e1dc;border-radius:8px;background:#fff;color:#627269;font-size:10px;cursor:pointer}.product-team-picker label input:checked+span{border-color:#bda36e;background:#f9f2e4;color:#765e30}.product-team-picker>small{color:#8b938f;font-size:9px}.product-assignment-history{color:#6d7973;font-size:10px}.product-assignment-history summary{cursor:pointer}.product-assignment-history div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.product-assignment-history span{padding:5px 7px;border-radius:7px;background:#f2f5f3}.product-library-save{position:sticky;bottom:12px;z-index:5;padding:12px 14px;border:1px solid #dce5df;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(18,44,31,.12);backdrop-filter:blur(8px)}
@media(max-width:900px){.product-library-head{flex-direction:column}.product-library-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-library-card{grid-template-columns:1fr}.product-library-image{justify-items:center}.product-library-fields,.product-library-fields.two{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.product-library-summary{grid-template-columns:1fr 1fr}.product-library-fields,.product-library-fields.two{grid-template-columns:1fr}.product-library-tools{flex-direction:column}}

/* Payroll read counts are server-derived from data registration. */
.period-read-source{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.period-read-source button{border:1px solid #c8ddd0;border-radius:8px;padding:8px 9px;background:#f3f8f5;color:#276044;cursor:pointer;white-space:nowrap}.payroll-read-source-body{padding:22px}.read-source-summary{display:flex;align-items:baseline;gap:12px;padding:14px 16px;border-radius:11px;background:#f3f7f5}.read-source-summary span,.read-source-summary small{color:#718078;font-size:12px}.read-source-summary strong{font-size:24px;color:#234d39}.read-source-list{display:grid;gap:9px;margin-top:14px}.read-source-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid #e3e9e6;border-radius:10px}.read-source-list article div{display:grid;gap:4px;min-width:0}.read-source-list article strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-source-list article span{color:#7a867f;font-size:11px}.read-source-list article b{color:#234d39}.read-source-list article a{color:#2f604a;font-size:12px}@media(max-width:800px){.read-source-list article{grid-template-columns:1fr auto}.read-source-list article a{grid-column:1/-1}.period-read-source{grid-template-columns:1fr}}

/* Data registration review and daily marketing-cost linkage. */
.registration-cost{display:grid;gap:3px;min-width:125px}.registration-cost strong{color:#234d39}.registration-cost span,.registration-cost small{color:#77847d;font-size:11px}.registration-actions .submit-review{background:#f8f2e6;border-color:#decda7;color:#735a28}.registration-review-note{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9a443b;font-size:11px}.registration-review-dialog{width:min(620px,calc(100vw - 32px))}.registration-review-body{display:grid;gap:15px;padding:22px}.registration-review-body p{margin:0;padding:14px;border-radius:10px;background:#f3f7f5;color:#40534a;line-height:1.6}.registration-review-body label{display:grid;gap:7px;color:#596b62;font-size:12px}.registration-review-body textarea{width:100%;border:1px solid #d7e0da;border-radius:8px;padding:10px;background:#fff;resize:vertical;font:inherit}#rejectRegistrationReview{color:#8b443c;border-color:#e5c7c3;background:#fff6f5}

/* Daily advance totals and agency fees are server-derived. */
.expense-form-grid input[readonly]{background:#f1f5f2;border-color:#dbe4de;color:#1f4c38;font-weight:700;cursor:not-allowed}

/* Time-based like trend charts. */
.traffic-trend-chart{height:auto;min-height:270px;display:block;padding:12px 0 0;border-bottom:0;overflow:visible}.traffic-like-trend{display:block;width:100%;height:260px}.traffic-like-grid line{stroke:#e2e8e5;stroke-width:1}.traffic-like-grid text,.traffic-like-x-labels text{fill:#74817a;font-size:10px}.traffic-like-axis{stroke:#809087;stroke-width:1}.traffic-like-line{fill:none;stroke:#2f604a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.traffic-like-points circle{fill:#fff;stroke:#2f604a;stroke-width:2;vector-effect:non-scaling-stroke}.traffic-like-points circle.latest{fill:#c47b50}.traffic-like-latest text{fill:#243f32;font-size:11px;font-weight:700}.traffic-trend-readout{display:flex;gap:6px;overflow-x:auto;padding:5px 4px 10px}.traffic-trend-readout span{display:grid;min-width:70px;gap:3px;padding:7px 9px;border:1px solid #e1e8e4;border-radius:7px;background:#fafcfb}.traffic-trend-readout time{color:#78857e;font-size:9px}.traffic-trend-readout b{color:#294d3b;font-size:11px;font-variant-numeric:tabular-nums}.trend-card canvas{height:240px}.traffic-detail-trend-points{display:flex;gap:7px;overflow-x:auto;margin-top:12px;padding-bottom:3px}.traffic-detail-trend-points span{display:grid;min-width:128px;gap:4px;padding:8px 10px;border:1px solid #e1e8e4;border-radius:7px;background:#fafcfb}.traffic-detail-trend-points time{color:#78857e;font-size:9px}.traffic-detail-trend-points b{color:#294d3b;font-size:11px;font-variant-numeric:tabular-nums}
.traffic-ranking-date-filter{display:flex;align-items:center;gap:7px}.traffic-ranking-date-filter input,.traffic-ranking-date-filter select{border:1px solid #d4ded8;border-radius:8px;padding:8px;background:#fff;color:#506058}.traffic-submission-chart{height:178px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:stretch;gap:8px;padding:8px 0 24px;border-bottom:1px solid #dfe7e3}.traffic-submission-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:16px 0 1px;text-align:right;color:#74817a;font-size:9px}.traffic-submission-bars{display:flex;align-items:flex-end;gap:4px;min-width:0;border-left:1px solid #dfe7e3}.traffic-submission-column{position:relative;height:100%;display:flex;flex:1;min-width:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.traffic-submission-column>b{color:#5e6e65;font-size:9px;font-variant-numeric:tabular-nums}.traffic-submission-column i{display:block;width:70%;min-height:3px;border-radius:4px 4px 0 0;background:#c47b50}.traffic-submission-column small{font-size:9px;color:#7b8780;white-space:nowrap;transform:rotate(-38deg);transform-origin:top center}.traffic-monitor-trend{display:block;width:100%;height:260px;margin-top:8px}.traffic-monitor-grid line{stroke:#e2e8e5;stroke-width:1}.traffic-monitor-grid text,.traffic-monitor-labels text{fill:#74817a;font-size:9px}.traffic-monitor-axis{stroke:#809087;stroke-width:1}.traffic-monitor-line{fill:none;stroke:#2f604a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.traffic-monitor-points circle{fill:#fff;stroke:#2f604a;stroke-width:2;cursor:pointer;vector-effect:non-scaling-stroke}.traffic-monitor-points circle:hover,.traffic-monitor-points circle:focus{fill:#d9e9e1;outline:none}.traffic-monitor-points circle.selected{fill:#c47b50;stroke-width:3}.traffic-node-metrics{margin-top:12px}.traffic-node-metrics article{border:1px solid #e3eae6}.submit-panel select:disabled{background:#f1f4f2;color:#4d5d54;opacity:1}
.traffic-summary button{display:grid;gap:5px;padding:17px 19px;border:1px solid #e2e8e5;border-radius:16px;background:#fff;text-align:left;box-shadow:0 8px 24px rgba(29,47,38,.05);cursor:pointer}.traffic-summary button:hover{border-color:#c7d8cf;box-shadow:0 12px 30px rgba(29,47,38,.09);transform:translateY(-1px)}.traffic-summary button span{color:#728078;font-size:13px}.traffic-summary button strong{font-size:28px;color:#1f3e30}.traffic-summary button small{color:#849089;font-size:10px}.traffic-summary-dialog{width:min(1040px,calc(100vw - 36px))}.traffic-summary-dialog-body,.registration-anomaly-body{padding:22px}.traffic-dashboard-detail-list{display:grid;gap:9px}.traffic-dashboard-detail-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid #e2e8e5;border-radius:10px;background:#fafcfb}.traffic-dashboard-detail-list article div{display:grid;gap:4px}.traffic-dashboard-detail-list small{color:#7b8780}.traffic-dashboard-detail-list b{color:#285f47;font-size:20px}.traffic-comment-detail{display:grid;gap:4px;max-width:420px}.traffic-comment-detail strong{color:#8b4d77}.traffic-comment-detail span{white-space:normal;line-height:1.45}.traffic-comment-detail small{color:#7b8780}.registration-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.registration-summary button[data-open-registration-anomalies]::before{content:"异";background:#fff0ef;color:#a34a42}.registration-anomaly-dialog{width:min(1040px,calc(100vw - 36px))}

/* Organization editor and explicit relationship management. */
.organization-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.organization-summary article{padding:16px 18px;border:1px solid #e1e8e4;border-radius:8px;background:#fff}.organization-summary span,.organization-summary small{display:block;color:#78857e;font-size:11px}.organization-summary strong{display:block;margin:5px 0;color:#254b38;font-size:24px}.organization-editor-dialog{width:min(760px,calc(100vw - 36px))}.organization-node-form textarea,.employee-form-grid textarea{width:100%;border:1px solid #d4ded8;border-radius:9px;padding:10px;background:#fff;resize:vertical;font:inherit}.organization-node-form .wide,.employee-form-grid .wide{grid-column:1/-1}.organization-project-meta,.team-responsibility{display:flex;align-items:center;gap:9px;color:#6f7d75;font-size:12px}.organization-project-meta strong,.team-responsibility strong{color:#314b3e}.organization-project-meta small{margin-left:auto;color:#87918c}.organization-node-description{margin:10px 0 0;color:#69766f;font-size:12px;line-height:1.6;white-space:pre-wrap}.organization-empty-node{padding:18px;border:1px dashed #d8e1dc;border-radius:8px;color:#7a867f;text-align:center}.team-node-head>div{display:grid;gap:3px}.team-node-head small{color:#8a958f;font-size:10px}.team-responsibility{margin-top:10px}.team-members button{border:0;border-radius:7px;padding:6px 9px;background:#eef3f0;color:#526058;font-size:13px;cursor:pointer}.team-members button:disabled{cursor:default}.team-member-manager{margin:0 24px 22px;padding-top:18px;border-top:1px solid #e2e8e5}.team-member-manager-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.team-member-manager-head>div{display:grid;gap:4px}.team-member-manager-head small,.team-member-manager-head>span{color:#7b8780;font-size:11px}.team-dialog-members{display:grid;gap:7px;margin-top:12px}.team-dialog-members>div{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e2e8e5;border-radius:8px}.team-dialog-members>div span{flex:1}.team-dialog-members button,.team-member-add button{border:0;border-radius:7px;padding:7px 9px;background:#e7efeb;color:#28503e;cursor:pointer}.team-dialog-members button:last-child{background:#fff0ef;color:#8b443c}.team-dialog-members p{margin:0;color:#7b8780}.team-member-add{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:8px;margin-top:12px}.team-member-add select,.team-member-add input{min-width:0;border:1px solid #d4ded8;border-radius:8px;padding:9px;background:#fff}.team-member-add button{background:#2f604a;color:#fff}.standalone-card{border-color:#d7dfda}.standalone-card>.organization-node-head h2{color:#4f6359}
@media(max-width:900px){.organization-summary{grid-template-columns:1fr}.team-member-add{grid-template-columns:1fr}.organization-node-form .wide,.employee-form-grid .wide{grid-column:auto}}

/* Payroll grouping and direct incomplete-data handling. */
.payroll-group-heading td{padding:10px 12px!important;border-top:2px solid #d2ded7!important;background:#edf3ef}.payroll-group-heading strong{color:#244e3b}.payroll-group-heading span{margin-left:12px;color:#718078;font-size:12px}.payroll-summary article[role=button]{cursor:pointer}.salary-formula-explanation dd{max-width:68%;text-align:right;font-weight:600;line-height:1.5}.performance-rate-config{grid-template-columns:repeat(4,minmax(0,1fr))}
.commission-explanation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.commission-explanation-head h3{margin-bottom:5px}.commission-explanation-head p{margin:0;color:#718078;line-height:1.55}.commission-eligibility{flex:0 0 auto;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.commission-eligibility.eligible{background:#e6f3eb;color:#286247}.commission-eligibility.ineligible{background:#f0f1f2;color:#69736e}.commission-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.commission-summary>div{background:#f3f6f4;border-radius:9px;padding:12px}.commission-summary span{display:block;color:#718078;font-size:12px}.commission-summary strong{display:block;margin-top:5px;font-size:17px}.commission-tier-table tfoot td{border-top:2px solid #d8e2dc;text-align:right}.commission-empty{border-left:3px solid #aab5af;background:#f6f7f6;color:#596660;padding:11px 13px;line-height:1.55}

/* Desktop traffic scope and compact registration columns. */
.traffic-title-actions{display:flex;align-items:flex-end;gap:9px}.traffic-title-actions label{display:grid;gap:5px;color:#68756e;font-size:12px}.traffic-title-actions select{min-width:190px;border:1px solid #d4ded8;border-radius:9px;padding:9px;background:#fff}.registration-table{min-width:1880px}.registration-table input[data-registration-field],.registration-table select[data-registration-field]{min-width:0}.registration-table th:nth-child(2),.registration-table td:nth-child(2){width:95px}.registration-table th:nth-child(3),.registration-table td:nth-child(3){width:115px}.registration-table th:nth-child(4),.registration-table td:nth-child(4){width:190px}.registration-table th:nth-child(5),.registration-table td:nth-child(5){width:115px}.registration-table th:nth-child(6),.registration-table td:nth-child(6){width:105px}.registration-table [data-registration-field=wechat_name]{width:105px}.registration-table [data-registration-field=wechat_id]{width:115px}.registration-table [data-registration-field=video_type]{width:120px}.registration-table [data-registration-field=settlement_amount]{width:82px}.registration-table [data-registration-field=note]{width:150px}.registration-table [data-registration-field=dou_plus_eligible]{width:88px}.registration-table [data-registration-field=manual_reads]{width:100%}.registration-table th:nth-child(n+12):nth-child(-n+16),.registration-table td:nth-child(n+12):nth-child(-n+16){width:88px;min-width:88px;max-width:88px}.registration-table th:nth-child(n+17),.registration-table td:nth-child(n+17){width:78px}
body.commercial-mode .registration-table th:nth-child(n+11):nth-child(-n+15),body.commercial-mode .registration-table td:nth-child(n+11):nth-child(-n+15){width:88px;min-width:88px;max-width:88px}body.commercial-mode .registration-table th:nth-child(n+16),body.commercial-mode .registration-table td:nth-child(n+16){width:78px;min-width:78px;max-width:78px}
.registration-table{min-width:1960px}.registration-table .registration-col-date{width:96px;min-width:96px;max-width:96px}.registration-table .registration-col-creator{width:116px;min-width:116px;max-width:116px}.registration-table .registration-col-link,.registration-table .registration-col-account{width:180px;min-width:180px;max-width:180px}.registration-table .registration-col-product{width:110px;min-width:110px;max-width:110px}.registration-table .registration-col-contact,.registration-table .registration-col-screenshot{width:112px;min-width:112px;max-width:112px}.registration-table .registration-col-video-type,.registration-table .registration-col-dou-plus{width:120px;min-width:120px;max-width:120px}.registration-table .registration-col-metric{width:76px;min-width:76px;max-width:76px}.registration-table .registration-col-status{width:88px;min-width:88px;max-width:88px}.registration-table .registration-col-note{width:190px;min-width:190px;max-width:190px}.registration-table .registration-col-note [data-registration-field="note"]{width:100%}.registration-table .registration-col-contact [data-registration-field="contact"],.registration-table .registration-col-video-type [data-registration-field="video_type"],.registration-table .registration-col-dou-plus [data-registration-field="dou_plus_eligible"]{width:100%}.registration-account-info{display:grid;min-width:0;gap:3px}.registration-account-info strong,.registration-account-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-account-info small{margin:0!important;color:#8895a8!important;font-variant-numeric:tabular-nums}.registration-account-info .registration-risk-pill{justify-self:start}.traffic-video-title-link{max-width:300px;overflow:hidden;color:#354a6d;font-weight:750;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.traffic-video-title-link:hover{color:#315dcc;text-decoration:underline}.traffic-video-title-link:focus-visible{border-radius:4px;outline:2px solid #6f96ec;outline-offset:2px}
body.commercial-mode .registration-table .registration-col-date{width:96px!important;min-width:96px!important;max-width:96px!important}body.commercial-mode .registration-table .registration-col-creator{width:116px!important;min-width:116px!important;max-width:116px!important}body.commercial-mode .registration-table .registration-col-link,body.commercial-mode .registration-table .registration-col-account{width:180px!important;min-width:180px!important;max-width:180px!important}body.commercial-mode .registration-table .registration-col-contact,body.commercial-mode .registration-table .registration-col-screenshot{width:112px!important;min-width:112px!important;max-width:112px!important}body.commercial-mode .registration-table .registration-col-video-type,body.commercial-mode .registration-table .registration-col-dou-plus{width:120px!important;min-width:120px!important;max-width:120px!important}body.commercial-mode .registration-table .registration-col-metric{width:76px!important;min-width:76px!important;max-width:76px!important}body.commercial-mode .registration-table .registration-col-status{width:88px!important;min-width:88px!important;max-width:88px!important}body.commercial-mode .registration-table .registration-col-note{width:190px!important;min-width:190px!important;max-width:190px!important}

/* Registration workstation: keep controls stable while wide data stays scrollable. */
.registration-summary-expanded{grid-template-columns:repeat(4,minmax(0,1fr))}.registration-summary button[data-open-registration-risks]{display:grid;gap:5px;padding:17px 19px;border:1px solid #e2e8e5;border-radius:16px;background:#fff;text-align:left;box-shadow:0 8px 24px rgba(29,47,38,.05);cursor:pointer}.registration-summary button[data-open-registration-risks]:hover{border-color:#cbb7d7;box-shadow:0 12px 26px rgba(66,39,82,.1)}.registration-summary button[data-open-registration-risks="warning"]::before{content:"预";background:#fff0df;color:#a46225}.registration-summary button[data-open-registration-risks="suspended"]::before{content:"控";background:#f1e9f7;color:#714688}.registration-filter-bar{position:sticky;top:0;z-index:12;box-shadow:0 8px 16px rgba(33,51,42,.05)}.registration-sort-panel{position:sticky;top:72px;z-index:11;box-shadow:0 8px 16px rgba(33,51,42,.04)}.registration-screenshot-list{display:flex;align-items:center;gap:4px;min-width:92px}.registration-screenshot-preview{padding:0!important;border:1px solid #d8e1dc!important;background:#fff!important}.registration-screenshot-preview:hover{border-color:#a47eaf!important}.registration-screenshot-add{white-space:nowrap}.registration-risk-pill{display:inline-flex;width:max-content;margin-top:4px;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:700;white-space:nowrap}.registration-risk-pill.warning{background:#fff0df;color:#a45d21}.registration-risk-pill.suspended{background:#eee5f5;color:#643e7e}.registration-table tr.registration-risk-warning td{background:#fff8ed}.registration-table tr.registration-risk-warning td.registration-system-cell{background:#fff2df}.registration-table tr.registration-risk-suspended td{background:#f7f0fb}.registration-table tr.registration-risk-suspended td.registration-system-cell{background:#f0e5f7}.registration-image-dialog{width:min(1200px,calc(100vw - 36px));max-height:92vh}.registration-image-viewer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;background:#19241f}.registration-image-viewer img{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}.registration-image-viewer button{height:42px;min-width:42px}.registration-table-panel:fullscreen,.registration-table-panel.registration-fullscreen-fallback{display:flex;position:fixed;z-index:10000;inset:0;flex-direction:column;gap:0;box-sizing:border-box;width:100vw;height:100vh;margin:0;padding:18px;background:#f5f8f6;overflow:hidden}.registration-table-panel:fullscreen .registration-toolbar,.registration-table-panel:fullscreen .registration-filter-bar,.registration-table-panel:fullscreen .registration-sort-panel,.registration-table-panel:fullscreen .registration-grid-tools,.registration-table-panel.registration-fullscreen-fallback .registration-toolbar,.registration-table-panel.registration-fullscreen-fallback .registration-filter-bar,.registration-table-panel.registration-fullscreen-fallback .registration-sort-panel,.registration-table-panel.registration-fullscreen-fallback .registration-grid-tools{flex:0 0 auto}.registration-table-panel:fullscreen .registration-filter-bar,.registration-table-panel:fullscreen .registration-sort-panel,.registration-table-panel.registration-fullscreen-fallback .registration-filter-bar,.registration-table-panel.registration-fullscreen-fallback .registration-sort-panel{position:static;margin-top:10px;box-shadow:none}.registration-table-panel:fullscreen .registration-scroll,.registration-table-panel.registration-fullscreen-fallback .registration-scroll{flex:1;min-height:0;max-height:none;margin-top:0;overflow:auto}body.registration-fullscreen-open{overflow:hidden}.registration-risk-rules-scroll{max-height:330px}@media(max-width:800px){.registration-summary-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-filter-bar,.registration-sort-panel{position:static}.registration-image-viewer{grid-template-columns:1fr;justify-items:center}.registration-image-viewer button{grid-row:2}.registration-image-viewer #registrationImagePrev{grid-column:1}.registration-image-viewer #registrationImageNext{grid-column:1}}

/* Finishing touches for the desktop operational workflow. */
.dashboard-month-control{display:flex;align-items:end;gap:12px}.dashboard-month-control label{display:grid;gap:5px;color:#68756e;font-size:12px}.dashboard-month-control select{min-width:126px;border:1px solid #d4ded8;border-radius:8px;padding:8px 10px;background:#fff;color:#30493c}.traffic-scope-panel>.table-scroll{max-height:360px;overflow:auto;border:1px solid #e0e7e3;border-radius:10px}.traffic-scope-panel .traffic-scope-table{margin-top:0}.traffic-scope-panel .traffic-scope-table th{position:sticky;top:0;z-index:2;background:#f6f8f7}.salary-breakdown article small{display:block;margin-top:4px;color:#7b8780;font-size:10px;line-height:1.35}.post-performance-scroll{max-height:440px}.boss-detail-body{overflow:auto}.boss-detail-dialog{overflow:auto}@media(max-width:900px){.dashboard-month-control{align-items:stretch;flex-direction:column}.dashboard-month-control select{width:100%}.traffic-scope-panel>.table-scroll{max-height:300px}}

/* Keep registration risk cards aligned with the other summary cards. */
.registration-summary button[data-open-registration-risks]{display:block;min-height:108px;padding:18px 16px 16px 68px}
body.commercial-mode .registration-tabs{display:none}
body.commercial-mode .commercial-product-center{display:none;margin-top:0;padding:26px;border:1px solid #e2e8f3;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(23,47,93,.06)}body.commercial-mode .commercial-product-center.active{display:block}body.commercial-mode .commercial-product-center .boss-panel{display:block;background:transparent;border:0;padding:0}body.commercial-mode .commercial-product-center .product-library{margin:0}.commercial-product-page-title{margin-bottom:20px}

/* 驭风商用版：以监控、数据资产和企业服务为主线。 */
body.commercial-mode{background:#f7f8fc;color:#1d2635;grid-template-columns:248px 1fr}body.commercial-mode .sidebar{background:linear-gradient(180deg,#101a31,#17274a);padding:24px 14px}body.commercial-mode .brand{padding:4px 10px 26px;flex-direction:row;gap:10px;align-items:center}body.commercial-mode .brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#5b8cff;color:#fff;font-style:normal;font-weight:800}body.commercial-mode .brand strong{font-size:22px;letter-spacing:2px}body.commercial-mode .brand span{color:#9bb0d3;margin-top:3px;letter-spacing:.8px}body.commercial-mode .sidebar nav{gap:5px}body.commercial-mode .nav-section{font-size:11px;color:#7e95bd;padding:18px 12px 6px;letter-spacing:1px}body.commercial-mode .sidebar button{color:#c1cde3;border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px}body.commercial-mode .sidebar button i{width:18px;color:#85a9ff;font-style:normal;text-align:center}body.commercial-mode .sidebar button.active,body.commercial-mode .sidebar button:hover{background:#283d68;color:#fff}body.commercial-mode .sidebar button.commercial-locked{color:#91a0bd;position:relative}body.commercial-mode .sidebar button.commercial-locked::after{content:'标准版起';font-size:10px;color:#a9c4ff;background:#314b7c;border-radius:999px;padding:2px 6px;margin-left:auto}body.commercial-mode .sidebar-footer{border-color:#30436a}body.commercial-mode main{padding:0 38px 42px}body.commercial-mode main>header{border-color:#e5e9f2}body.commercial-mode .breadcrumb{color:#71809a}.commercial-page{padding-top:2px}.commercial-upgrade-card{max-width:820px;margin:58px auto;background:radial-gradient(circle at top right,#537fcf 0,#263d70 38%,#172645 100%);border-radius:24px;padding:56px;color:#fff;box-shadow:0 25px 65px #20355b38}.commercial-eyebrow{color:#b8ceff;letter-spacing:2px;font-size:12px;font-weight:700}.commercial-upgrade-card h1{font-size:32px;margin:16px 0 12px}.commercial-upgrade-card p{max-width:560px;color:#d8e3ff;line-height:1.75}.commercial-upgrade-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.commercial-upgrade-points span{padding:7px 11px;background:#ffffff18;border:1px solid #ffffff2e;border-radius:999px;font-size:13px}.commercial-upgrade-card .primary{background:#fff;color:#21365f;border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.billing-content{display:grid;gap:18px}.billing-hero{background:linear-gradient(135deg,#1a2d54,#315e9c);color:#fff;border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px}.billing-hero small,.billing-hero p{color:#c9d9f5}.billing-hero h2{margin:6px 0;font-size:27px}.billing-usage{min-width:260px;background:#ffffff10;border:1px solid #ffffff20;border-radius:13px;padding:16px}.billing-usage strong{font-size:24px;display:block}.billing-progress{height:8px;background:#ffffff2c;border-radius:99px;overflow:hidden;margin:12px 0 7px}.billing-progress span{display:block;height:100%;background:#91c6ff;border-radius:inherit}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.billing-card{background:#fff;border:1px solid #e3e8f3;border-radius:15px;padding:20px}.billing-card h3{margin:0 0 8px;font-size:16px}.billing-card p,.billing-card small{color:#71809a;line-height:1.55}.billing-card strong{font-size:23px;color:#273d67}.billing-card .primary{border:0;border-radius:8px;padding:9px 12px;background:#315e9c;color:#fff;cursor:pointer}.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-plan{border:1px solid #e1e7f2;border-radius:13px;padding:16px;background:#fff}.billing-plan.current{border:2px solid #4f7fcb;background:#f6f9ff}.billing-plan h3{margin:0 0 6px}.billing-plan strong{font-size:21px;color:#243b67}.billing-plan ul{padding-left:18px;color:#687893;font-size:12px;line-height:1.8}.billing-order-table{width:100%;border-collapse:collapse}.billing-order-table th,.billing-order-table td{padding:10px;border-top:1px solid #edf0f5;text-align:left;font-size:13px}.billing-order-table th{color:#74829a}@media(max-width:900px){body.commercial-mode{display:block}.billing-hero{grid-template-columns:1fr}.billing-grid,.billing-plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){body.commercial-mode main{padding:0 18px 28px}.billing-grid,.billing-plan-grid{grid-template-columns:1fr}.commercial-upgrade-card{padding:32px 26px}.commercial-upgrade-card h1{font-size:26px}}

/* 驭风官网视觉同步：浅底、明快蓝、克制层级与更清晰的增长路径。 */
body.commercial-mode{background:#f6f8fc;color:#10172a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body.commercial-mode .sidebar{background:#fff;border-right:1px solid #e5e9f1;box-shadow:none}
body.commercial-mode .yufeng-brand-mark{width:34px;height:34px;filter:drop-shadow(0 7px 12px rgba(49,87,213,.16))}
body.commercial-mode .brand strong{color:#10172a;font-family:inherit;font-size:20px;font-weight:800;letter-spacing:.12em}
body.commercial-mode .brand span{color:#758096;font-size:10px;letter-spacing:.04em;text-transform:none}
body.commercial-mode .nav-section{color:#8490a7;font-size:10px;font-weight:800;letter-spacing:.12em}
body.commercial-mode .sidebar button{color:#536079;font-size:14px;font-weight:650}
body.commercial-mode .sidebar button i{color:#60749d;font-weight:800}
body.commercial-mode .sidebar button.active,body.commercial-mode .sidebar button:hover{background:#edf2ff;color:#2346bd}
body.commercial-mode .sidebar button.active i,body.commercial-mode .sidebar button:hover i{color:#3157d5}
body.commercial-mode .sidebar button.commercial-locked::after{background:#e9efff;color:#3157d5}
body.commercial-mode .sidebar-footer{border-color:#e6eaf1;color:#67748b}
body.commercial-mode .sidebar-footer strong{color:#3b4860}
body.commercial-mode .sidebar-footer small{color:#8591a5}
body.commercial-mode main>header{height:72px;border-color:#e5e9f1;background:rgba(255,255,255,.82);backdrop-filter:blur(14px)}
body.commercial-mode main{padding:0 42px 52px}
body.commercial-mode .header-profile{border-color:#e1e6ef;background:#fff}
body.commercial-mode .header-profile strong{color:#33425a}
body.commercial-mode .header-profile small{color:#8591a5}
body.commercial-auth-pending #dashboard>:not(.commercial-auth-gate){display:none!important}
body.commercial-auth-pending .page:not(#dashboard){display:none!important}
.commercial-auth-gate{display:grid;justify-items:center;align-content:center;min-height:calc(100vh - 150px);max-width:760px;margin:0 auto;padding:58px 42px;text-align:center}
.commercial-auth-gate-mark{display:grid;width:72px;height:72px;place-items:center;border:1px solid #d9e4fb;border-radius:22px;background:linear-gradient(145deg,#fff,#eef3ff);box-shadow:0 18px 42px rgba(49,87,213,.14)}
.commercial-auth-gate-mark img{width:42px;height:42px}
.commercial-auth-gate-eyebrow{margin-top:23px;color:#537ce1;font-size:11px;font-weight:800;letter-spacing:.16em}
.commercial-auth-gate h1{margin:10px 0 0;color:#263b5c;font-size:34px;letter-spacing:-.05em}
.commercial-auth-gate>p{max-width:610px;margin:15px 0 0;color:#7184a1;font-size:14px;line-height:1.8}
.commercial-auth-gate-status{margin-top:24px;border:1px solid #dce5f5;border-radius:10px;padding:11px 15px;background:#f6f9ff;color:#536783;font-size:13px}
.commercial-auth-gate-action{margin-top:20px;border-radius:9px;padding:11px 18px;background:#416fde;color:#fff;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 9px 22px rgba(49,87,213,.2)}
.commercial-auth-gate>small{margin-top:15px;color:#8a98ad;font-size:12px}
body.commercial-mode .page-title small{color:#3157d5;font-size:11px;font-weight:800;letter-spacing:.1em}
body.commercial-mode .page-title h1{font-size:30px;letter-spacing:-.05em}
body.commercial-mode .secondary{border:1px solid #d7ddeb;background:#fff;color:#465169;font-weight:700}
body.commercial-mode .primary,.commercial-dashboard-head .primary{border:0;border-radius:10px;background:#3157d5;color:#fff;box-shadow:0 9px 22px rgba(49,87,213,.2);font-weight:800}
body.commercial-mode .primary:hover,.commercial-dashboard-head .primary:hover{background:#2346bd}
.commercial-dashboard-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:38px;overflow:hidden;margin:38px 0 20px;border:1px solid #dce3f1;border-radius:24px;padding:42px 46px;background:linear-gradient(135deg,#fff 0%,#f1f5ff 100%);box-shadow:0 18px 48px rgba(36,58,118,.09)}
.commercial-dashboard-head::after{position:absolute;right:-90px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(80,117,235,.18),rgba(80,117,235,0) 68%);content:""}
.commercial-dashboard-head>div{position:relative;z-index:1}.commercial-dashboard-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce4f4;border-radius:999px;padding:7px 11px;background:#fff;color:#56627a;font-size:12px;font-weight:750}.commercial-dashboard-eyebrow i{width:6px;height:6px;border-radius:50%;background:#3157d5;box-shadow:0 0 0 4px rgba(49,87,213,.1)}
.commercial-dashboard-head h1{max-width:700px;margin:19px 0 0;color:#10172a;font-size:clamp(32px,4vw,46px);line-height:1.18;letter-spacing:-.06em}.commercial-dashboard-head h1 em{display:block;color:#3157d5;font-style:normal}.commercial-dashboard-head p{max-width:610px;margin:18px 0 0;color:#536079;font-size:15px;line-height:1.8}.commercial-dashboard-head-actions{display:flex;gap:10px;margin-top:25px}.commercial-dashboard-head-actions button{padding:11px 16px}.commercial-dashboard-head aside{position:relative;z-index:1;display:grid;align-content:center;justify-items:center;gap:8px;min-height:170px;border:1px solid #dce5fa;border-radius:18px;background:rgba(255,255,255,.72);color:#243b67;text-align:center;box-shadow:0 12px 30px rgba(34,61,120,.08)}.commercial-dashboard-head aside img{width:54px;height:54px}.commercial-dashboard-head aside strong{font-size:15px}.commercial-dashboard-head aside span{color:#71809a;font-size:12px}
.commercial-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.commercial-dashboard-metrics article{border:1px solid #e2e7f0;border-radius:16px;padding:20px;background:#fff;box-shadow:0 7px 20px rgba(31,48,88,.035)}.commercial-dashboard-metrics span,.commercial-dashboard-metrics small{display:block;color:#7b879c;font-size:12px}.commercial-dashboard-metrics strong{display:block;margin:9px 0 6px;color:#172f8f;font-size:25px;letter-spacing:-.04em}
.commercial-dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.commercial-dashboard-actions button{display:grid;grid-template-columns:34px 1fr;gap:3px 11px;align-items:center;border:1px solid #e1e7f0;border-radius:16px;padding:17px;background:#fff;color:#33425a;text-align:left;box-shadow:0 7px 20px rgba(31,48,88,.03);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.commercial-dashboard-actions button:hover{border-color:#aac0f7;box-shadow:0 12px 27px rgba(48,82,160,.11);transform:translateY(-2px)}.commercial-dashboard-actions i{display:grid;grid-row:span 2;width:34px;height:34px;place-items:center;border-radius:10px;background:#e9efff;color:#3157d5;font-size:13px;font-style:normal;font-weight:800}.commercial-dashboard-actions strong{font-size:15px}.commercial-dashboard-actions span{color:#78859a;font-size:12px;line-height:1.45}.commercial-dashboard-actions b{grid-column:2;color:#3157d5;font-size:12px}
.commercial-dashboard-guide{display:grid;grid-template-columns:.9fr 1.6fr;gap:34px;align-items:center;margin-top:18px;border-radius:18px;padding:27px 30px;background:#172f8f;color:#fff;box-shadow:0 18px 40px rgba(23,47,143,.16)}.commercial-dashboard-guide small{color:#b9caff;font-size:11px;font-weight:800;letter-spacing:.1em}.commercial-dashboard-guide h2{margin:8px 0 0;font-size:23px;letter-spacing:-.04em}.commercial-dashboard-guide p{margin:7px 0 0;color:#cad7ff;font-size:13px}.commercial-dashboard-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.commercial-dashboard-guide li{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;border-left:1px solid rgba(255,255,255,.2);padding-left:15px}.commercial-dashboard-guide b{grid-row:span 2;color:#96b2ff;font-size:16px}.commercial-dashboard-guide strong{font-size:13px}.commercial-dashboard-guide span{color:#c8d6ff;font-size:11px;line-height:1.4}
.commercial-product-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.commercial-product-head small{display:block;color:#3157d5;font-size:11px;font-weight:800;letter-spacing:.1em}.commercial-product-head h2{margin:6px 0;color:#10172a;font-size:26px;letter-spacing:-.05em}.commercial-product-head p{max-width:660px;margin:0;color:#68758b;line-height:1.65}.commercial-product-tip{border-radius:999px;padding:8px 12px;background:#edf2ff;color:#3157d5;font-size:12px;font-weight:700}
body.commercial-mode .organization-tabs{border-bottom-color:#e5e9f1}body.commercial-mode .organization-tabs button{color:#71809a}body.commercial-mode .organization-tabs button.active{border-color:#3157d5;color:#3157d5;font-weight:800}body.commercial-mode .organization-summary article{border-color:#e1e7f0}body.commercial-mode .organization-summary strong{color:#172f8f}
@media(max-width:980px){.commercial-dashboard-head{grid-template-columns:1fr;padding:34px}.commercial-dashboard-head aside{display:none}.commercial-dashboard-actions{grid-template-columns:1fr 1fr}.commercial-dashboard-guide{grid-template-columns:1fr}.commercial-dashboard-guide ol{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body.commercial-mode main{padding:0 18px 32px}.commercial-dashboard-head{margin-top:22px;padding:27px 23px}.commercial-dashboard-head h1{font-size:32px}.commercial-dashboard-head-actions{display:grid;grid-template-columns:1fr}.commercial-dashboard-actions,.commercial-dashboard-metrics,.commercial-dashboard-guide ol{grid-template-columns:1fr}.commercial-dashboard-guide{padding:24px}.commercial-product-head{display:grid}.commercial-product-tip{width:max-content}}
@media(max-width:640px){.commercial-auth-gate{min-height:520px;padding:46px 18px}.commercial-auth-gate h1{font-size:28px}}

/* 让流量监控、数据登记、数据分析与官网采用同一套界面语言。 */
body.commercial-mode .traffic-panel,body.commercial-mode .traffic-summary button,body.commercial-mode .traffic-table-panel,body.commercial-mode .registration-table-panel,body.commercial-mode .registration-summary button,body.commercial-mode .analytics-card,body.commercial-mode .directory-panel,body.commercial-mode .transfer-panel,body.commercial-mode .org-card{border-color:#e1e7f0!important;background:#fff!important;box-shadow:0 7px 20px rgba(31,48,88,.035)!important}
body.commercial-mode .traffic-summary button:hover,body.commercial-mode .registration-summary button:hover{border-color:#b7c9f5!important;box-shadow:0 13px 28px rgba(49,87,213,.1)!important}
body.commercial-mode .traffic-summary button strong,body.commercial-mode .registration-summary strong,body.commercial-mode .organization-summary strong{color:#172f8f!important}
body.commercial-mode .traffic-summary button span,body.commercial-mode .registration-summary span,body.commercial-mode .traffic-panel small,body.commercial-mode .registration-table-panel small{color:#758096!important}
body.commercial-mode .traffic-tabs,body.commercial-mode .registration-tabs,body.commercial-mode .organization-tabs{border-color:#e5e9f1!important}
body.commercial-mode .traffic-tabs button.active,body.commercial-mode .registration-tabs button.active{border-color:#3157d5!important;color:#3157d5!important}
body.commercial-mode .traffic-tabs button:hover,body.commercial-mode .registration-tabs button:hover{color:#3157d5!important}
body.commercial-mode .traffic-table thead th,body.commercial-mode .registration-table thead th,body.commercial-mode .directory-table thead th{background:#f7f9fd!important;color:#71809a!important}
body.commercial-mode .traffic-table td,body.commercial-mode .registration-table td,body.commercial-mode .directory-table td{border-color:#eef1f6!important}
body.commercial-mode .traffic-table tr:hover td,body.commercial-mode .registration-table tr:hover td,body.commercial-mode .directory-table tr:hover td{background:#fbfcff!important}
body.commercial-mode .traffic-panel input,body.commercial-mode .traffic-panel select,body.commercial-mode .registration-table-panel input,body.commercial-mode .registration-table-panel select,body.commercial-mode .directory-panel input{border-color:#dce3ee!important;color:#34425b!important}
body.commercial-mode .traffic-panel button:not(.secondary),body.commercial-mode .registration-table-panel button:not(.secondary),body.commercial-mode .organization-structure-actions button:not(.secondary),body.commercial-mode .product-library button.primary{background:#3157d5!important;color:#fff!important}
body.commercial-mode .commercial-personnel-field,body.commercial-mode .commercial-product-field{display:none!important}
body.commercial-mode .traffic-like-line,body.commercial-mode .traffic-monitor-line{stroke:#3157d5!important}
body.commercial-mode .traffic-like-points circle,body.commercial-mode .traffic-monitor-points circle{stroke:#3157d5!important}
body.commercial-mode .traffic-monitor-points circle.selected{fill:#68c4ff!important}
body.commercial-mode .team-members button{background:#edf2ff!important;color:#3157d5!important}
body.commercial-mode .team-products button{border-color:#d8e3fb!important;background:#f6f9ff!important;color:#3157d5!important}
body.commercial-mode .organization-node-head h2,body.commercial-mode .team-node-head strong{color:#172f8f!important}
body.commercial-mode .product-library-summary article{border-color:#e1e7f0!important;background:#f9fbff!important}
body.commercial-mode .product-library-summary strong{color:#172f8f!important}

/* 商业工作台收敛为专业后台：深色导航、浅灰底和清晰白色信息卡。 */
body.commercial-mode{background:#f3f6fc;color:#263b5c}
body.commercial-mode .sidebar{background:#10284d;border-right:0;box-shadow:none}
body.commercial-mode .brand strong{color:#fff;font-size:20px;letter-spacing:.08em}
body.commercial-mode .brand span{color:#8fa5c6;font-size:10px}
body.commercial-mode .yufeng-brand-mark{width:36px;height:36px;filter:none}
body.commercial-mode .nav-section{color:#6f8db6}
body.commercial-mode .sidebar button{color:#a9bfdf;border-radius:8px}
body.commercial-mode .sidebar button i{color:#84a9e9}
body.commercial-mode .sidebar button.active,body.commercial-mode .sidebar button:hover{background:#274a7d;color:#fff;transform:none}
body.commercial-mode .sidebar button.active i,body.commercial-mode .sidebar button:hover i{color:#a6c5ff}
body.commercial-mode .sidebar button.commercial-locked::after{background:#284b79;color:#a9c6fa}
body.commercial-mode .sidebar-footer{border-color:#244269;color:#91a9ca}
body.commercial-mode .sidebar-footer strong{color:#d9e7ff}
body.commercial-mode .sidebar-footer small{color:#7892b6}
body.commercial-mode main>header{border-color:#e1e7f0;background:#f8faff;backdrop-filter:none}
body.commercial-mode main{padding:0 42px 52px}
body.commercial-mode .header-profile{border:0;background:transparent}
body.commercial-mode .page-title{margin:34px 0 18px}
body.commercial-mode .page-title h1{color:#263b5c;font-size:28px;font-weight:720;letter-spacing:-.045em}
body.commercial-mode .page-title p{color:#7184a1;font-size:13px}
body.commercial-mode .page-title small{color:#537ce1}
body.commercial-mode .notice{border-color:#d9e5fb;background:#f5f8ff;color:#6d84aa;border-radius:8px;box-shadow:none}
body.commercial-mode .secondary{border-color:#d7e0ed;background:#fff;color:#60738f;box-shadow:none}
.commercial-dashboard-head{display:block;overflow:visible;margin:34px 0 16px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.commercial-dashboard-head::after{display:none}.commercial-dashboard-head>div{max-width:820px}.commercial-dashboard-eyebrow{border:0;border-radius:0;padding:0;background:transparent;color:#537ce1;font-size:11px;letter-spacing:.08em}.commercial-dashboard-eyebrow i{display:none}
.commercial-dashboard-head h1{max-width:none;margin:10px 0 0;color:#263b5c;font-size:29px;font-weight:720;line-height:1.25;letter-spacing:-.05em}.commercial-dashboard-head h1 em{display:inline;color:#263b5c}.commercial-dashboard-head p{margin:8px 0 0;color:#7184a1;font-size:13px;line-height:1.7}.commercial-dashboard-head-actions{margin-top:17px}.commercial-dashboard-head-actions .primary{border-radius:8px;padding:9px 13px;background:#416fde;box-shadow:none}.commercial-dashboard-head aside{display:none}
.commercial-dashboard-metrics{gap:12px;margin:14px 0}.commercial-dashboard-metrics article{min-height:106px;border-color:#e0e7f0;border-radius:12px;padding:17px;background:#fff;box-shadow:none}.commercial-dashboard-metrics span,.commercial-dashboard-metrics small{color:#8191aa;font-size:11px}.commercial-dashboard-metrics strong{margin:9px 0 5px;color:#283c60;font-size:25px;font-weight:760}
.commercial-dashboard-actions{gap:12px}.commercial-dashboard-actions button{border-color:#e0e7f0;border-radius:12px;padding:17px;background:#fff;box-shadow:none}.commercial-dashboard-actions button:hover{border-color:#b9cdef;box-shadow:none;transform:none;background:#fbfcff}.commercial-dashboard-actions i{border-radius:8px;background:#ebf1ff;color:#416fde}.commercial-dashboard-actions strong{color:#354a6d}.commercial-dashboard-actions span{color:#8191aa}.commercial-dashboard-actions b{color:#547ce0}
.commercial-dashboard-guide{display:grid;grid-template-columns:.72fr 1.8fr;gap:22px;margin-top:14px;border:1px solid #e0e7f0;border-radius:12px;padding:21px 23px;background:#fff;color:#354a6d;box-shadow:none}.commercial-dashboard-guide small{color:#537ce1}.commercial-dashboard-guide h2{color:#354a6d;font-size:17px}.commercial-dashboard-guide p{color:#8191aa;font-size:12px}.commercial-dashboard-guide ol{gap:0}.commercial-dashboard-guide li{border-color:#e5eaf2}.commercial-dashboard-guide b{color:#537ce1;font-size:14px}.commercial-dashboard-guide strong{color:#425779;font-size:12px}.commercial-dashboard-guide span{color:#8191aa;font-size:11px}
body.commercial-mode .traffic-panel,body.commercial-mode .traffic-summary button,body.commercial-mode .traffic-table-panel,body.commercial-mode .registration-table-panel,body.commercial-mode .registration-summary button,body.commercial-mode .analytics-card,body.commercial-mode .directory-panel,body.commercial-mode .transfer-panel,body.commercial-mode .org-card{border-color:#e0e7f0!important;border-radius:12px!important;box-shadow:none!important}
body.commercial-mode .traffic-table thead th,body.commercial-mode .registration-table thead th,body.commercial-mode .directory-table thead th{background:#fafbfe!important}
body.commercial-mode .billing-hero{border:1px solid #e0e7f0;border-radius:12px;background:#fff;color:#354a6d;box-shadow:none}.billing-hero small,.billing-hero p{color:#8191aa}.billing-hero h2,.billing-usage strong{color:#354a6d}.billing-usage{border-color:#e0e7f0;background:#f8faff}.billing-progress{background:#e9eef6}.billing-progress span{background:#547ce0}.billing-card,.billing-plan{border-color:#e0e7f0;border-radius:12px;box-shadow:none}.billing-plan.current{border-color:#8fafea;background:#f7f9ff}

/* 流量看板：固定四列、统一白卡，避免指标区被通用按钮样式染成整片蓝色。 */
body.commercial-mode .traffic-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:14px 0 18px!important}
body.commercial-mode .traffic-summary>article,body.commercial-mode .traffic-summary>button{display:block!important;min-height:112px!important;margin:0!important;border:1px solid #e0e7f0!important;border-radius:12px!important;padding:17px 19px!important;background:#fff!important;color:#354a6d!important;box-shadow:none!important;text-align:left!important}
body.commercial-mode .traffic-summary>article::before,body.commercial-mode .traffic-summary>button::before{display:none!important}
body.commercial-mode .traffic-summary>article:hover,body.commercial-mode .traffic-summary>button:hover{border-color:#bdcfee!important;background:#fbfcff!important;box-shadow:none!important;transform:none!important}
body.commercial-mode .traffic-summary>article span,body.commercial-mode .traffic-summary>button span{color:#8191aa!important;font-size:12px!important}
body.commercial-mode .traffic-summary>article strong,body.commercial-mode .traffic-summary>button strong{display:block!important;margin:9px 0 0!important;color:#283c60!important;font-size:26px!important}
body.commercial-mode .traffic-summary>button small{display:block!important;margin-top:7px!important;color:#9aa8bb!important;font-size:10px!important}
body.commercial-mode .traffic-panel button:not(.secondary){background:initial!important;color:initial!important}
body.commercial-mode .traffic-panel .submit-panel button,body.commercial-mode .traffic-panel .keyword-create-form button,body.commercial-mode .traffic-panel .traffic-setting-actions button{background:#416fde!important;color:#fff!important}
body.commercial-mode .traffic-scope-panel{margin:0!important;border-color:#e0e7f0!important;border-radius:12px!important;padding:22px!important;background:#fff!important;box-shadow:none!important}
body.commercial-mode .traffic-scope-panel .table-toolbar h2{color:#354a6d!important}.traffic-scope-hint{color:#8191aa!important}
@media(max-width:1000px){body.commercial-mode .traffic-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){body.commercial-mode .traffic-summary{grid-template-columns:1fr!important}}

/* 套餐页使用后台数据布局，而不是宣传页卡片堆叠。 */
.billing-platform-provider{width:100%;min-width:0;max-width:100%;overflow:hidden;border:1px solid #dce5f3;border-radius:16px;background:#fff;box-shadow:none}.billing-platform-provider header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e8edf5;padding:20px 24px;background:#fafbfe}.billing-platform-provider header>div{min-width:0}.billing-platform-provider header small{color:#416fde;font-size:10px;font-weight:800;letter-spacing:.1em}.billing-platform-provider header h2{margin:5px 0;color:#283c60;font-size:18px}.billing-platform-provider header p{margin:0;color:#71829d;font-size:12px;line-height:1.6}.billing-platform-provider header>span{flex:none;border:1px solid #d3def1;border-radius:999px;padding:6px 10px;background:#f3f7ff;color:#5274be;font-size:10px;font-weight:750}.billing-platform-provider-state{display:grid;min-width:0;gap:5px;padding:18px 24px;background:#f7f9fc}.billing-platform-provider-state strong{color:#526681;font-size:13px}.billing-platform-provider-state span{color:#8191aa;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.billing-platform-provider-state.warning{background:#fff9ed}.billing-platform-provider-state.warning strong{color:#8a6424}.billing-platform-provider-identity{min-width:0;padding:20px 24px}.billing-platform-provider-identity>strong{display:block;color:#273d66;font-size:17px;overflow-wrap:anywhere}.billing-platform-provider-identity>span{display:block;margin-top:5px;color:#71829d;font-size:11px;overflow-wrap:anywhere}.billing-platform-provider-identity dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}.billing-platform-provider-identity dl>div{min-width:0;border:1px solid #e4eaf3;border-radius:10px;padding:11px 13px;background:#fafbfe}.billing-platform-provider-identity dt{color:#8997aa;font-size:10px}.billing-platform-provider-identity dd{margin:5px 0 0;color:#405574;font-size:12px;font-weight:700;overflow-wrap:anywhere}@media(max-width:700px){.billing-platform-provider header{align-items:flex-start;flex-direction:column}.billing-platform-provider-identity dl{grid-template-columns:1fr}}
.billing-status-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.billing-current-plan,.billing-current-quota,.billing-service-grid>article,.billing-orders{border:1px solid #e0e7f0;border-radius:12px;background:#fff;box-shadow:none}.billing-current-plan{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.billing-current-plan span,.billing-current-quota>span,.billing-service-grid span,.billing-section-head small,.billing-current-plan p{color:#8191aa;font-size:12px}.billing-current-plan h2{margin:7px 0 5px;color:#283c60;font-size:24px}.billing-current-plan p{margin:0}.billing-current-plan>b{border-radius:999px;padding:7px 10px;background:#edf3ff;color:#416fde;font-size:11px}.billing-current-quota{padding:20px 24px}.billing-current-quota strong{display:block;margin:9px 0;color:#283c60;font-size:30px;letter-spacing:-.04em}.billing-current-quota em{color:#7184a1;font-size:14px;font-style:normal;font-weight:600}.billing-current-quota p{margin:8px 0 0;color:#8191aa;font-size:11px}.billing-progress{height:7px;border-radius:999px;background:#e9eef6;overflow:hidden}.billing-progress span{display:block;height:100%;border-radius:inherit;background:#547ce0}.billing-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.billing-service-grid>article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:18px}.billing-service-grid i{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#edf3ff;color:#416fde;font-size:13px;font-style:normal;font-weight:800}.billing-service-grid strong{display:block;margin-top:5px;color:#354a6d;font-size:14px;line-height:1.45}.billing-service-grid p{margin:7px 0 10px;color:#8191aa;font-size:12px;line-height:1.55}.billing-service-grid button{border:0;border-radius:7px;padding:7px 10px;background:#416fde;color:#fff;font-size:12px;cursor:pointer}.billing-service-grid small{color:#8191aa;font-size:11px}.billing-comparison{margin-top:27px}.billing-section-head{margin-bottom:13px}.billing-section-head h2{margin:5px 0;color:#354a6d;font-size:20px}.billing-section-head p{margin:0;color:#8191aa;font-size:12px}.billing-plan-grid{gap:12px}.billing-plan{position:relative;min-height:232px;border-color:#e0e7f0;border-radius:12px;padding:18px;background:#fff}.billing-plan.current{border:1px solid #8fafea;background:#f8faff}.billing-plan-label{display:block;color:#8191aa;font-size:10px}.billing-plan.current .billing-plan-label{color:#416fde}.billing-plan h3{margin:7px 0;color:#354a6d;font-size:16px}.billing-plan>strong{display:block;color:#283c60;font-size:19px}.billing-plan-quota{display:block;margin-top:5px;color:#8191aa;font-size:11px}.billing-plan ul{display:grid;gap:6px;margin:15px 0;padding:0;list-style:none;color:#61738e;font-size:12px}.billing-plan li{display:flex;gap:6px;align-items:center}.billing-plan li i{color:#547ce0;font-style:normal}.billing-plan-foot{position:absolute;right:18px;bottom:16px;left:18px;border-top:1px solid #edf0f5;padding-top:11px;color:#8191aa;font-size:11px}.billing-plan.current .billing-plan-foot span{color:#416fde;font-weight:700}.billing-orders{margin-top:20px;padding:20px}.billing-order-table{margin-top:10px}.billing-order-table th,.billing-order-table td{border-color:#edf0f5;color:#61738e}.billing-order-table th{background:#fafbfe;color:#8191aa}@media(max-width:1000px){.billing-status-grid,.billing-service-grid{grid-template-columns:1fr}.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.billing-current-plan{align-items:flex-start;flex-direction:column}.billing-plan-grid{grid-template-columns:1fr}}

/* 驭风企业规则：先选官方模式，高版本才显示可选的预设参数。 */
body.commercial-mode .traffic-settings-panel{border-color:#e0e7f0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.traffic-mode-selector{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:center;margin-bottom:4px;border:1px solid #e0e7f0;border-radius:12px;padding:18px 20px;background:#fafbfe}.traffic-mode-selector small{display:block;color:#537ce1;font-size:11px;font-weight:800;letter-spacing:.08em}.traffic-mode-selector strong{display:block;margin-top:5px;color:#354a6d;font-size:15px}.traffic-mode-selector p{margin:6px 0 0;color:#8191aa;font-size:12px;line-height:1.5}.traffic-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.traffic-mode-options button{display:grid;gap:5px;border:1px solid #dfe6f1!important;border-radius:9px!important;padding:12px!important;background:#fff!important;color:#5e718e!important;text-align:left!important;cursor:pointer}.traffic-mode-options button:hover{border-color:#a9c1ef!important;background:#f7f9ff!important}.traffic-mode-options button.active{border-color:#587fe0!important;background:#eef3ff!important;color:#315dcc!important;box-shadow:inset 0 0 0 1px #587fe0}.traffic-mode-options b{font-size:13px}.traffic-mode-options span{font-size:11px;color:#8191aa;line-height:1.4}.traffic-settings-grid .traffic-mode-selector+.traffic-setting-group-title{margin-top:12px}body.commercial-mode .traffic-settings-grid label select{border-color:#dce3ee;background:#fff;color:#405574}@media(max-width:900px){.traffic-mode-selector{grid-template-columns:1fr}.traffic-mode-options{grid-template-columns:1fr}}
body.commercial-mode [data-organization-tab="timeline"],body.commercial-mode [data-organization-panel="timeline"]{display:none!important}

/* 套餐与额度：强调当前套餐、额度保障与升级收益。 */
body.commercial-mode .billing-content{gap:20px;padding-top:8px}
body.commercial-mode .billing-status-grid{gap:16px}
body.commercial-mode .billing-current-plan,body.commercial-mode .billing-current-quota{border-color:#dce5f3;border-radius:16px}
body.commercial-mode .billing-current-plan{position:relative;overflow:hidden;padding:27px 29px;background:linear-gradient(135deg,#ffffff 0%,#f4f7ff 100%)}
body.commercial-mode .billing-current-plan::after{content:'';position:absolute;right:-38px;bottom:-58px;width:180px;height:180px;border:30px solid #dce8ff;border-radius:50%;opacity:.55;pointer-events:none}
body.commercial-mode .billing-current-plan>div,body.commercial-mode .billing-current-plan>aside,body.commercial-mode .billing-current-plan>b{position:relative;z-index:1}
body.commercial-mode .billing-current-plan>b{border:1px solid #c7d8ff;background:#eef4ff;color:#315dcc}
body.commercial-mode .billing-current-quota{padding:25px 29px;background:#17284a;color:#fff}
body.commercial-mode .billing-current-quota>span,body.commercial-mode .billing-current-quota p,body.commercial-mode .billing-current-quota em{color:#b8c9e7}
body.commercial-mode .billing-current-quota strong{color:#fff;font-size:34px}
body.commercial-mode .billing-current-quota .billing-progress{background:#ffffff2b}
body.commercial-mode .billing-current-quota .billing-progress span{background:#70a3ff}
body.commercial-mode .billing-service-grid{gap:16px;margin-top:0}
body.commercial-mode .billing-service-grid>article{position:relative;grid-template-columns:42px 1fr;min-height:170px;border-color:#dde6f2;border-radius:16px;padding:22px;overflow:hidden}
body.commercial-mode .billing-service-grid>article i{width:42px;height:42px;border-radius:12px;background:#edf3ff;color:#3f6fd8}
body.commercial-mode .billing-service-grid>article strong{font-size:15px;color:#273d66}
body.commercial-mode .billing-service-grid>article p{max-width:320px;color:#71829d}
body.commercial-mode .billing-service-grid .quota-continuity-card{border-color:#cbd9f6;background:#f7faff}
body.commercial-mode .billing-service-grid .quota-continuity-card::after{content:'30';position:absolute;right:16px;bottom:-18px;color:#e0eaff;font-size:92px;font-weight:850;line-height:1}
body.commercial-mode .billing-service-grid .quota-continuity-card>*,body.commercial-mode .billing-service-grid .upgrade-math-card>*{position:relative;z-index:1}
body.commercial-mode .billing-service-grid .quota-continuity-card b{color:#365fc5}
body.commercial-mode .billing-service-grid .upgrade-math-card{border-color:#d5e0f4;background:linear-gradient(145deg,#fff 0%,#f4f7fe 100%)}
body.commercial-mode .billing-service-grid .upgrade-math-card::after{content:'↑';position:absolute;right:20px;bottom:3px;color:#d8e5fd;font-family:Arial,sans-serif;font-size:112px;font-weight:700;line-height:1}
body.commercial-mode .billing-service-grid button{margin-top:1px;border:1px solid #416fde;border-radius:8px;background:#416fde;font-weight:700}
body.commercial-mode .billing-comparison{margin-top:12px;padding:30px;border:1px solid #dfe6f1;border-radius:18px;background:#fff}
body.commercial-mode .billing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
body.commercial-mode .billing-section-head small{color:#416fde;font-weight:800;letter-spacing:.11em}
body.commercial-mode .billing-section-head h2{font-size:24px;color:#20375f}
body.commercial-mode .billing-section-head p{max-width:650px;color:#71819b;font-size:13px;line-height:1.7}
body.commercial-mode .billing-plan-grid{align-items:stretch;gap:14px}
body.commercial-mode .billing-plan{display:flex;min-height:382px;flex-direction:column;border:1px solid #dfe6f1;border-radius:15px;padding:20px;background:#fff}
body.commercial-mode .billing-plan.featured{border:2px solid #5c83e4;box-shadow:0 12px 30px rgba(62,104,193,.14);transform:translateY(-7px)}
body.commercial-mode .billing-plan.current{border-color:#426fd3;background:#f7faff;box-shadow:inset 0 0 0 1px #d8e5ff}
body.commercial-mode .billing-plan-popular{position:absolute;top:-11px;left:18px;border-radius:999px;padding:5px 10px;background:#416fde;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em}
body.commercial-mode .billing-plan-top{min-height:92px}
body.commercial-mode .billing-plan-label{color:#8090a9;font-size:11px}
body.commercial-mode .billing-plan h3{margin:8px 0 6px;color:#253b64;font-size:18px}
body.commercial-mode .billing-plan-top p{margin:0;color:#8290a7;font-size:11px;line-height:1.5}
body.commercial-mode .billing-plan-price{margin:12px 0 14px;padding:12px 0;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}
body.commercial-mode .billing-plan-price strong{font-size:23px;color:#20385f}
body.commercial-mode .billing-plan-price small{display:block;margin-top:5px;color:#5274be;font-size:11px}
body.commercial-mode .billing-plan ul{margin:0;padding:0;list-style:none;color:#5e718e;font-size:12px}
body.commercial-mode .billing-plan li{padding:3px 0}
body.commercial-mode .billing-plan li i{display:inline-grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#eaf1ff;color:#416fde;font-size:10px}
body.commercial-mode .billing-plan-foot{position:static;margin-top:auto;padding-top:14px;border-top:1px solid #edf1f7;color:#416fde}
body.commercial-mode .billing-plan-foot small{display:block;margin-top:4px;color:#8b99ad;font-weight:400}
@media(max-width:1000px){body.commercial-mode .billing-plan.featured{transform:none}body.commercial-mode .billing-comparison{padding:22px}}

/* 套餐总览只展示企业真实拥有的权益；营销比较进入独立采买页面。 */
body.commercial-mode .billing-current-plan{min-height:184px;align-items:flex-start}
body.commercial-mode .billing-current-entitlements{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
body.commercial-mode .billing-current-entitlements li{border:1px solid #d5e1f6;border-radius:999px;padding:6px 10px;background:#fff;color:#4c6387;font-size:11px;font-weight:650}
body.commercial-mode .billing-quota-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:16px}
body.commercial-mode .billing-quota-grid>article{border:1px solid #dce5f3;border-radius:16px;box-shadow:none}
body.commercial-mode .billing-quota-grid .quota-status-card{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:22px;background:#f7faff}
body.commercial-mode .billing-quota-grid .quota-status-card i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e7efff;color:#3f6fd8;font-size:13px;font-style:normal;font-weight:800}
body.commercial-mode .billing-quota-grid .quota-status-card span{color:#8191aa;font-size:12px}
body.commercial-mode .billing-quota-grid .quota-status-card strong{display:block;margin-top:5px;color:#273d66;font-size:15px;line-height:1.45}
body.commercial-mode .billing-quota-grid .quota-status-card p{margin:7px 0 0;color:#71829d;font-size:12px;line-height:1.55}
body.commercial-mode .billing-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){body.commercial-mode .billing-quota-grid,body.commercial-mode .billing-service-grid{grid-template-columns:minmax(0,1fr)}}

/* CDK 是套餐页中的受控并行开通通道，保留正常采买与订单链路。 */
body.commercial-mode .billing-cdk{border:1px solid #dce5f3;border-radius:16px;padding:24px;background:#fff}
body.commercial-mode .billing-cdk-state{flex:none;border:1px solid #cfdbf2;border-radius:999px;padding:7px 11px;background:#f3f7ff;color:#416fde;font-size:11px;font-weight:800}
body.commercial-mode .billing-cdk-blocked{margin:-5px 0 18px;border:1px solid #eadca8;border-radius:10px;padding:11px 13px;background:#fff8df;color:#735f19;font-size:12px;line-height:1.55}
body.commercial-mode .billing-cdk-layout{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(520px,1.18fr);gap:18px;align-items:start}
body.commercial-mode .billing-cdk-form,body.commercial-mode .billing-cdk-history{min-width:0;border:1px solid #e0e7f1;border-radius:13px;background:#fafbfe}
body.commercial-mode .billing-cdk-form{display:grid;gap:14px;padding:18px}
body.commercial-mode .billing-cdk-form>label{display:grid;gap:7px;color:#566b8d;font-size:12px;font-weight:750}
body.commercial-mode .billing-cdk-form>label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body.commercial-mode .billing-cdk-form input[type="text"],body.commercial-mode #commercialCdkCode{min-width:0;width:100%;border:1px solid #d5deed;border-radius:9px;padding:10px 11px;background:#fff;color:#294268;font:700 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;outline:none}
body.commercial-mode #commercialCdkCode:focus{border-color:#5978df;box-shadow:0 0 0 3px rgba(49,87,213,.12)}
body.commercial-mode #commercialCdkCode:disabled{background:#f0f2f6;color:#9aa5b5}
body.commercial-mode .billing-cdk-form>label button{border:1px solid #416fde;border-radius:9px;padding:9px 13px;background:#416fde;color:#fff;font-size:12px;font-weight:750;cursor:pointer}
body.commercial-mode .billing-cdk-form button:disabled{cursor:not-allowed;opacity:.55}
body.commercial-mode .billing-cdk-form>label>small{color:#8a98ad;font-size:10px;font-weight:500;line-height:1.5}
body.commercial-mode .billing-cdk-preview{min-height:116px}
body.commercial-mode .billing-cdk-preview article{display:grid;gap:11px;border:1px solid #ccdaf4;border-radius:11px;padding:15px;background:#f3f7ff}
body.commercial-mode .billing-cdk-preview article>span{color:#416fde;font-size:10px;font-weight:850;letter-spacing:.08em}
body.commercial-mode .billing-cdk-preview h3{margin:0;color:#273f69;font-size:18px}
body.commercial-mode .billing-cdk-preview dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #dce6f8;border-bottom:1px solid #dce6f8}
body.commercial-mode .billing-cdk-preview dl>div{min-width:0;padding:10px 7px}
body.commercial-mode .billing-cdk-preview dt{color:#8696ae;font-size:9px}
body.commercial-mode .billing-cdk-preview dd{margin:4px 0 0;color:#38537f;font-size:11px;font-weight:750;overflow-wrap:anywhere}
body.commercial-mode .billing-cdk-preview label{display:flex;align-items:flex-start;gap:8px;color:#5c7090;font-size:11px;line-height:1.45}
body.commercial-mode .billing-cdk-preview label input{flex:none;margin-top:1px}
body.commercial-mode .billing-cdk-preview button{justify-self:start;border:0;border-radius:8px;padding:8px 12px;background:#416fde;color:#fff;font-size:11px;font-weight:750;cursor:pointer}
body.commercial-mode .billing-cdk-status{min-height:18px;margin:0;color:#73839b;font-size:11px;line-height:1.5}
body.commercial-mode .billing-cdk-status.success{color:#16805b}body.commercial-mode .billing-cdk-status.error{color:#a34b43}
body.commercial-mode .billing-cdk-history{overflow:hidden;background:#fff}
body.commercial-mode .billing-cdk-history>header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e7ecf4;padding:14px 16px}
body.commercial-mode .billing-cdk-history>header strong{color:#354a6d;font-size:13px}body.commercial-mode .billing-cdk-history>header small{color:#8b98ab;font-size:10px}
body.commercial-mode .billing-cdk-history table{width:100%;min-width:640px;border-collapse:collapse}
body.commercial-mode .billing-cdk-history th,body.commercial-mode .billing-cdk-history td{border-top:1px solid #edf0f5;padding:10px 12px;color:#61738e;font-size:11px;text-align:left;white-space:nowrap}
body.commercial-mode .billing-cdk-history th{border-top:0;background:#fafbfe;color:#8191aa;font-size:10px}
@media(max-width:1180px){body.commercial-mode .billing-cdk-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
  body.commercial-mode .billing-content,
  body.commercial-mode .billing-current-plan,
  body.commercial-mode .billing-quota-grid,
  body.commercial-mode .billing-quota-grid>article{
    min-width:0;
    max-width:100%;
  }
  body.commercial-mode .billing-current-plan>div,
  body.commercial-mode .billing-quota-grid .quota-status-card>div{
    min-width:0;
  }
  body.commercial-mode .billing-current-plan>b,
  body.commercial-mode .billing-current-entitlements li,
  body.commercial-mode .billing-current-quota strong,
  body.commercial-mode .billing-current-quota p,
  body.commercial-mode .billing-quota-grid .quota-status-card strong,
  body.commercial-mode .billing-quota-grid .quota-status-card p{
    max-width:100%;
    overflow-wrap:anywhere;
    white-space:normal;
  }
}

/* 模块上滚动滚轮时只交给页面：横向表格和评论列表仍可在需要时独立滚动。 */
body.commercial-mode .traffic-panel,body.commercial-mode .traffic-analytics-panel,body.commercial-mode .traffic-scope-panel{overscroll-behavior:auto}
body.commercial-mode .registration-table [data-registration-field=wechat_name],body.commercial-mode .registration-table [data-registration-field=wechat_id],body.commercial-mode .registration-table [data-registration-field=settlement_amount]{display:none}
body.commercial-mode .registration-table [data-registration-field=contact]{width:170px}
body.commercial-mode .traffic-analytics-panel,body.commercial-mode .traffic-scope-panel{touch-action:pan-y}

/* 工作台内的自动盯盘路径：保留官网信息结构，适配成后台可快速浏览的操作引导。 */
body.commercial-mode .commercial-dashboard-guide{grid-template-columns:1fr;gap:16px;padding:23px 25px}
body.commercial-mode .commercial-dashboard-guide h2{font-size:20px}
body.commercial-mode .commercial-dashboard-guide ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden}
body.commercial-mode .commercial-dashboard-guide li{min-height:116px;align-content:start;grid-template-columns:1fr;padding:14px;border:0;border-right:1px solid #e5eaf2;background:#fff}
body.commercial-mode .commercial-dashboard-guide li:last-child{border-right:0}
body.commercial-mode .commercial-dashboard-guide b{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#edf3ff;color:#416fde;font-size:10px}
body.commercial-mode .commercial-dashboard-guide strong{margin-top:12px;color:#354a6d;font-size:13px}
body.commercial-mode .commercial-dashboard-guide span{margin-top:5px;color:#8191aa;font-size:11px;line-height:1.5}
body.commercial-mode .traffic-settings-grid .traffic-setting-group-title+.traffic-mode-selector{margin-top:-2px}
/* 提交页保持录入效率：宽屏下扩大主体，仍限制在适宜阅读宽度。 */
body.commercial-mode .traffic-submit-layout.single .submit-panel{width:min(1180px,100%);max-width:none;padding:28px 30px}
body.commercial-mode .traffic-submit-layout.single .submit-panel form{max-width:1080px}
body.commercial-mode .traffic-submit-layout.single .submit-panel textarea{min-height:160px}
body.commercial-mode .traffic-submit-layout.single .traffic-submit-policy{max-width:100%}
@media(max-width:700px){body.commercial-mode .traffic-submit-layout.single .submit-panel{padding:20px}}
@media(max-width:1150px){body.commercial-mode .commercial-dashboard-guide ol{grid-template-columns:repeat(3,minmax(0,1fr))}body.commercial-mode .commercial-dashboard-guide li:nth-child(3){border-right:0}body.commercial-mode .commercial-dashboard-guide li:nth-child(n+4){border-top:1px solid #e5eaf2}}
@media(max-width:700px){body.commercial-mode .commercial-dashboard-guide ol{grid-template-columns:1fr}body.commercial-mode .commercial-dashboard-guide li,body.commercial-mode .commercial-dashboard-guide li:nth-child(3){border-right:0;border-bottom:1px solid #e5eaf2}body.commercial-mode .commercial-dashboard-guide li:last-child{border-bottom:0}}

/* 驭风三大业务模块最终适配：保留藏风社高密度工作流，统一商业版视觉与只读反馈。 */
body.commercial-mode .notice.readonly{
  border-color:#f0d6a1;
  background:#fff9eb;
  color:#805d20;
}
body.commercial-mode .module-read-only .registration-table-panel,
body.commercial-mode .module-read-only .traffic-settings-panel,
body.commercial-mode .module-read-only .submit-panel{
  border-color:#ead9b6!important;
}
body.commercial-mode .module-write-disabled{
  border-radius:10px;
  background:#fafbfe;
}
body.commercial-mode .module-write-disabled textarea,
body.commercial-mode .module-write-disabled select,
body.commercial-mode .module-write-disabled input,
body.commercial-mode .traffic-mode-options button:disabled{
  cursor:not-allowed!important;
  opacity:.62;
}
body.commercial-mode .traffic-tabs{
  border-color:#dfe6f2!important;
  background:#e9eef7!important;
}
body.commercial-mode .traffic-tabs button{
  color:#647590!important;
}
body.commercial-mode .traffic-tabs button.active{
  border:0!important;
  background:#fff!important;
  color:#315dcc!important;
  box-shadow:0 2px 9px rgba(36,61,111,.09)!important;
}
body.commercial-mode .traffic-analytics-panel,
body.commercial-mode .traffic-keyword-panel,
body.commercial-mode .traffic-settings-panel,
body.commercial-mode .traffic-operations-panel,
body.commercial-mode .traffic-audit-panel,
body.commercial-mode .traffic-panel .runtime-panel,
body.commercial-mode .traffic-panel .submit-panel{
  border-color:#e0e7f0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.commercial-mode .traffic-team-cards article,
body.commercial-mode .traffic-health-cards article{
  border-color:#e1e7f0!important;
  background:#f8faff!important;
}
body.commercial-mode .traffic-team-cards article>strong,
body.commercial-mode .traffic-health-cards strong,
body.commercial-mode .traffic-ranking-value b,
body.commercial-mode .metric-line span{
  color:#315dcc!important;
}
body.commercial-mode .traffic-runtime-guide{
  border:1px solid #284a78;
  background:linear-gradient(145deg,#10284d,#1e4272);
}
body.commercial-mode .traffic-audit-grid,
body.commercial-mode .traffic-audit-panel{
  min-width:0;
  max-width:100%;
}
body.commercial-mode .traffic-audit-panel .table-scroll{
  max-width:100%;
}
body.commercial-mode .traffic-setting-group-title{
  border-left-color:#547ce0;
  background:#f3f6fc;
}
body.commercial-mode .traffic-setting-group-title strong{
  color:#354a6d;
}
body.commercial-mode .traffic-retry{
  background:#416fde!important;
}
body.commercial-mode .registration-summary>article,
body.commercial-mode .registration-summary>button{
  min-height:108px;
  border:1px solid #e0e7f0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.commercial-mode .registration-summary>article{
  padding:18px 19px 18px 68px;
}
body.commercial-mode .registration-summary strong{
  color:#283c60!important;
}
body.commercial-mode .registration-summary>button:hover{
  border-color:#bdcfee!important;
  background:#fbfcff!important;
  box-shadow:none!important;
  transform:none!important;
}
body.commercial-mode .registration-filter-bar,
body.commercial-mode .registration-sort-panel,
body.commercial-mode .registration-hint{
  border-color:#e1e7f0;
  background:#f8faff;
  box-shadow:none;
}
body.commercial-mode .registration-table th{
  border-color:#e4e9f1;
  background:#f4f7fc!important;
  color:#687b98!important;
}
body.commercial-mode .registration-table td{
  border-color:#edf0f5!important;
  color:#405574;
}
body.commercial-mode .registration-table .registration-system-cell{
  background:#f7f9fc;
  color:#657792;
}
body.commercial-mode .registration-table input[data-registration-field]:focus,
body.commercial-mode .registration-table select[data-registration-field]:focus{
  outline:2px solid #b9cdf8;
  border-color:#6f96ec!important;
  background:#fff;
}
body.commercial-mode .registration-table-panel:fullscreen,
body.commercial-mode .registration-table-panel.registration-fullscreen-fallback{
  background:#f3f6fc;
}

@media(max-width:720px){
  body.commercial-mode .traffic-title-actions,
  body.commercial-mode .registration-page-actions{
    width:100%;
    align-items:stretch;
    flex-wrap:wrap;
  }
  body.commercial-mode .traffic-title-actions label,
  body.commercial-mode .traffic-title-actions select,
  body.commercial-mode .traffic-title-actions button,
  body.commercial-mode .registration-page-actions button{
    min-width:0;
    flex:1 1 150px;
  }
  body.commercial-mode .traffic-tabs{
    justify-content:flex-start;
  }
  body.commercial-mode .traffic-tabs button{
    flex:0 0 auto;
  }
  body.commercial-mode .registration-filter-bar label{
    min-width:0;
    flex:1 1 calc(50% - 6px);
  }
  body.commercial-mode .registration-filter-bar select,
  body.commercial-mode .registration-filter-bar input{
    width:100%;
    min-width:0;
  }
  body.commercial-mode .registration-filter-bar #clearRegistrationFilters{
    flex:1 1 100%;
  }
  body.commercial-mode .registration-sort-panel{
    align-items:stretch;
  }
  body.commercial-mode .registration-sort-panel>div:first-child{
    width:100%;
  }
  body.commercial-mode .registration-sort-panel #registrationSortRows{
    width:100%;
  }
  body.commercial-mode .registration-sort-row{
    flex:1 1 210px;
  }
  body.commercial-mode .registration-table-panel,
  body.commercial-mode .registration-scroll{
    min-width:0;
    max-width:100%;
  }
}
@media(max-width:600px){
  body.commercial-mode .traffic-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.commercial-mode .traffic-summary>article,
  body.commercial-mode .traffic-summary>button,
  body.commercial-mode .registration-summary>article,
  body.commercial-mode .registration-summary>button{
    min-height:102px!important;
    padding:15px!important;
  }
  body.commercial-mode .registration-summary>article,
  body.commercial-mode .registration-summary>button{
    padding-left:58px!important;
  }
  body.commercial-mode .registration-summary>article::before,
  body.commercial-mode .registration-summary>button::before{
    left:14px;
    top:15px;
    width:34px;
    height:34px;
  }
}
@media(max-width:340px){
  body.commercial-mode .traffic-summary,
  body.commercial-mode .registration-summary-expanded{
    grid-template-columns:1fr!important;
  }
}

/* Final narrow-screen safeguards for the three customer workspaces. */
body.commercial-mode .module-write-disabled button:disabled{
  opacity:.55;
  cursor:not-allowed!important;
}
@media(max-width:1000px){
  .traffic-analytics-grid.traffic-analytics-insights{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:800px){
  .registration-image-viewer{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .registration-image-viewer img{
    grid-column:1/-1;
    grid-row:1;
  }
  .registration-image-viewer #registrationImagePrev{
    grid-column:1;
    grid-row:2;
    justify-self:end;
  }
  .registration-image-viewer #registrationImageNext{
    grid-column:2;
    grid-row:2;
    justify-self:start;
  }
}
@media(max-width:640px){
  body.commercial-mode main{
    padding:0 18px 32px;
  }
}

/* Registration date range: one control, two-click selection and a viewport-safe calendar. */
.registration-date-range{
  position:relative;
  display:grid;
  gap:5px;
  min-width:210px;
  color:#697286;
  font-size:11px;
}
.registration-date-range-trigger{
  display:flex;
  width:100%;
  height:34px;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-radius:8px!important;
  padding:6px 10px!important;
  background:#fff!important;
  color:#394155!important;
  text-align:left;
}
.registration-date-range-trigger b{
  min-width:0;
  overflow:hidden;
  font-size:12px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.registration-date-range-trigger i{
  color:#7f8ca1;
  font-size:15px;
  font-style:normal;
  line-height:1;
  transition:transform .16s ease;
}
.registration-date-range-trigger[aria-expanded="true"]{
  border-color:#6f96ec!important;
  outline:2px solid #dce7ff;
}
.registration-date-range-trigger[aria-expanded="true"] i{
  transform:rotate(180deg);
}
.registration-date-range-trigger:focus-visible{
  border-color:#6f96ec!important;
  outline:3px solid #dce7ff;
  outline-offset:1px;
}
.registration-date-range-popup{
  position:fixed;
  z-index:90;
  top:auto;
  right:auto;
  display:grid;
  width:min(360px,calc(100vw - 64px));
  max-width:calc(100vw - 64px);
  max-height:calc(100vh - 24px);
  overflow:auto;
  gap:16px;
  border:1px solid #dfe6f1;
  border-radius:14px;
  padding:18px;
  background:#fff;
  box-shadow:0 22px 58px rgba(29,46,82,.2);
}
.registration-date-range-popup[hidden]{
  display:none;
}
.registration-date-range-head,
.registration-date-range-foot{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.registration-date-range-head>div:first-child{
  display:grid;
  min-width:0;
  gap:3px;
}
.registration-date-range-head strong{
  color:#314563;
  font-size:14px;
}
.registration-date-range-head small{
  color:#8390a5!important;
  font-size:10px!important;
  line-height:1.45;
}
.registration-date-range-head>div:last-child{
  display:flex;
  flex:0 0 auto;
  gap:6px;
}
.registration-date-range-head>div:last-child button{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:8px!important;
  padding:0!important;
  font-size:20px;
  line-height:1;
}
.registration-calendar-months{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  min-width:0;
}
.registration-calendar-month{
  display:grid;
  min-width:0;
  gap:10px;
}
.registration-calendar-title{
  color:#354a6d;
  font-size:13px;
  font-weight:750;
  text-align:center;
}
.registration-calendar-weekdays,
.registration-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  min-width:0;
}
.registration-calendar-weekdays{
  color:#94a0b2;
  font-size:10px;
  text-align:center;
}
.registration-calendar-weekdays span{
  display:grid;
  height:24px;
  place-items:center;
}
.registration-calendar-grid{
  gap:2px 0;
}
.registration-calendar-day,
body.commercial-mode .registration-table-panel button.registration-calendar-day{
  display:grid!important;
  width:100%;
  min-width:0;
  aspect-ratio:1;
  place-items:center;
  border:0!important;
  border-radius:8px!important;
  padding:0!important;
  background:transparent!important;
  color:#405574!important;
  box-shadow:none!important;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
}
.registration-calendar-day:hover,
body.commercial-mode .registration-table-panel button.registration-calendar-day:hover{
  background:#edf3ff!important;
  color:#315dcc!important;
}
.registration-calendar-day:focus-visible,
body.commercial-mode .registration-table-panel button.registration-calendar-day:focus-visible{
  position:relative;
  z-index:2;
  outline:2px solid #6f96ec;
  outline-offset:1px;
}
.registration-calendar-day.outside,
body.commercial-mode .registration-table-panel button.registration-calendar-day.outside{
  color:#b7bfcb!important;
}
.registration-calendar-day.today,
body.commercial-mode .registration-table-panel button.registration-calendar-day.today{
  box-shadow:inset 0 0 0 1px #90acec!important;
  color:#315dcc!important;
}
.registration-calendar-day.in-range,
body.commercial-mode .registration-table-panel button.registration-calendar-day.in-range{
  border-radius:0!important;
  background:#edf3ff!important;
  color:#315dcc!important;
}
.registration-calendar-day.range-start,
.registration-calendar-day.range-end,
.registration-calendar-day[aria-selected="true"],
body.commercial-mode .registration-table-panel button.registration-calendar-day.range-start,
body.commercial-mode .registration-table-panel button.registration-calendar-day.range-end,
body.commercial-mode .registration-table-panel button.registration-calendar-day[aria-selected="true"]{
  border-radius:8px!important;
  background:#416fde!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(65,111,222,.22)!important;
}
.registration-calendar-day.is-empty{
  visibility:hidden;
  pointer-events:none;
}
.registration-calendar-day:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.registration-date-range-foot{
  border-top:1px solid #edf0f5;
  padding-top:13px;
}
.registration-date-range-foot>span{
  min-width:0;
  color:#71809a;
  font-size:11px;
  line-height:1.45;
}
.registration-date-range-foot button{
  flex:0 0 auto;
  padding:7px 10px!important;
  font-size:11px;
}

@media(max-width:720px){
  body.commercial-mode .registration-date-range{
    min-width:0;
    flex:1 1 calc(50% - 6px);
  }
}
@media(max-width:600px){
  .registration-date-range-popup{
    position:fixed;
    top:50%;
    right:12px;
    left:12px;
    width:auto;
    max-width:none;
    max-height:calc(100dvh - 24px);
    overflow:auto;
    transform:translateY(-50%);
  }
  .registration-calendar-months{
    grid-template-columns:minmax(0,1fr);
  }
  .registration-calendar-month:nth-child(n+2){
    display:none;
  }
  .registration-calendar-day{
    max-height:42px;
  }
}
@media(max-width:460px){
  body.commercial-mode .registration-date-range{
    flex-basis:100%;
    width:100%;
  }
  .registration-date-range-popup{
    gap:13px;
    padding:15px;
  }
  .registration-date-range-head{
    align-items:flex-start;
  }
  .registration-date-range-head small{
    max-width:185px;
  }
  .registration-date-range-foot{
    align-items:flex-start;
  }
}

/* Nested dashboard lists may scroll independently, but must hand a vertical
   wheel gesture back to the page when they reach either boundary. */
body.commercial-mode .traffic-scope-scroll,
body.commercial-mode .traffic-analytics-panel > .traffic-ranking-list,
body.commercial-mode .traffic-analytics-panel > .traffic-comment-stream,
body.commercial-mode .traffic-analytics-panel > .traffic-breakdown-table{
  overscroll-behavior-y:auto;
}

/* Keep dense traffic insights usable without widening or clipping a 390px
   workspace. Daily bars scroll horizontally; ordinary vertical wheel input
   continues to scroll the page. */
.traffic-submission-bars{
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-y:auto;
}
.traffic-submission-column{
  flex:1 0 20px;
}
@media(max-width:600px){
  .traffic-funnel{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:center;
    gap:16px 10px;
  }
  .traffic-funnel-arrow{
    display:none;
  }
  .traffic-funnel-row{
    min-width:0;
    padding:10px 6px;
    border-radius:8px;
    background:#f8faff;
  }
}
@media(max-width:1100px){.rankings-interaction-structure{grid-template-columns:repeat(2,minmax(0,1fr))}.rankings-structure-title{grid-column:1/-1}}

/* Phase 2 desktop-only commercial message centre and enterprise settings. */
.commercial-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
body.commercial-mode .commercial-page-actions .primary,
body.commercial-mode .enterprise-settings-panel .primary{border:0;border-radius:8px;padding:10px 14px;background:#416fde;color:#fff;font-weight:750;cursor:pointer;box-shadow:none}
body.commercial-mode .commercial-page-actions button:disabled,
body.commercial-mode .enterprise-settings-panel button:disabled{opacity:.5;cursor:not-allowed}
.commercial-message-layout{display:grid;grid-template-columns:150px minmax(220px,.78fr) minmax(270px,1.22fr);min-height:590px;overflow:hidden;border:1px solid #e0e7f0;border-radius:12px;background:#fff}
.commercial-message-filters{border-right:1px solid #e7ebf2;padding:17px 13px;background:#fafbfe}
.commercial-message-filters>strong{display:block;margin:2px 10px 12px;color:#536784;font-size:12px}
.commercial-message-filters>button{display:flex;width:100%;min-height:40px;align-items:center;justify-content:space-between;border:0;border-radius:8px;padding:0 10px;background:transparent;color:#687b96;font-size:12px;text-align:left;cursor:pointer}
.commercial-message-filters>button:hover,.commercial-message-filters>button.active{background:#eaf0ff;color:#315dcc;font-weight:750}
.commercial-message-filters>button:disabled{opacity:.45;cursor:not-allowed}
.commercial-message-filters>button span{display:flex;align-items:center;gap:8px}
.commercial-message-dot{width:7px;height:7px;border-radius:50%;background:#8290a5}
.commercial-message-dot--all,.commercial-message-dot--growth{background:#3f72e2}.commercial-message-dot--anomaly{background:#d66d55}.commercial-message-dot--quota{background:#7b62ce}.commercial-message-dot--order{background:#2e9a75}.commercial-message-dot--member{background:#5084c9}.commercial-message-dot--system{background:#8290a5}
.commercial-message-unread{display:flex;align-items:center;gap:8px;margin:17px 10px 0;border-top:1px solid #e6eaf1;padding-top:16px;color:#687b96;font-size:12px;cursor:pointer}
.commercial-message-unread input{accent-color:#416fde}
.commercial-message-list-column{display:flex;min-width:0;max-height:650px;flex-direction:column;border-right:1px solid #e7ebf2;background:#fff}.commercial-message-list{min-height:0;flex:1 1 auto;overflow-y:auto;background:#fff}.commercial-message-pagination{display:flex;min-height:58px;flex:none;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f5;padding:10px 14px;color:#8191aa;font-size:11px;line-height:1.45}.commercial-message-pagination>span{min-width:0}.commercial-message-pagination button{flex:none;border:1px solid #cad8f2;border-radius:7px;padding:7px 10px;background:#edf3ff;color:#315dcc;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}.commercial-message-pagination button:hover{border-color:#a9c0eb;background:#e4edff}.commercial-message-pagination button:disabled{opacity:.5;cursor:not-allowed}.commercial-message-pagination .commercial-message-pagination-error{color:#a34b43}.commercial-message-pagination.is-complete{justify-content:center;color:#8a98ad}
.commercial-message-item{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr);gap:11px;border:0;border-bottom:1px solid #edf0f5;padding:15px 14px;background:#fff;color:inherit;text-align:left;cursor:pointer}
.commercial-message-item:hover,.commercial-message-item.active{background:#f6f8ff}
.commercial-message-item.unread{box-shadow:inset 3px 0 #416fde}
.commercial-message-type{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;background:#edf1f6;color:#64758d;font-size:12px;font-style:normal;font-weight:850}
.commercial-message-type--growth{background:#e8f7f0;color:#20835f}.commercial-message-type--anomaly{background:#fff0ed;color:#b95349}.commercial-message-type--quota{background:#f0edff;color:#7058c5}.commercial-message-type--order{background:#e9f7f3;color:#277f67}.commercial-message-type--member{background:#eaf0ff;color:#416fde}
.commercial-message-item>span:last-child{min-width:0}.commercial-message-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8996aa;font-size:11px}.commercial-message-item-meta b{color:#60738f}.commercial-message-item strong{display:block;margin-top:6px;overflow:hidden;color:#344a6c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.commercial-message-item small{display:-webkit-box;margin-top:5px;overflow:hidden;color:#8290a5;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.commercial-message-item em{display:block;margin-top:7px;color:#6e82a2;font-size:10px;font-style:normal}
.commercial-message-detail{min-width:0;padding:25px 27px;background:#fff}
.commercial-message-detail>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;border-bottom:1px solid #edf0f5;padding-bottom:18px}.commercial-message-detail h2{margin:5px 0 0;color:#2e4263;font-size:20px;line-height:1.42}.commercial-message-detail header span{color:#8391a6;font-size:11px}.commercial-message-severity{border-radius:999px;padding:5px 8px;background:#edf2ff;color:#416fde;font-size:10px;font-weight:750}.commercial-message-body{margin-top:22px}.commercial-message-body>span{display:block;color:#8492a7;font-size:11px}.commercial-message-body p{margin:8px 0 0;color:#536784;font-size:13px;line-height:1.85;white-space:pre-wrap}.commercial-message-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:21px 0 0}.commercial-message-detail-facts div{border:1px solid #e6ebf3;border-radius:9px;padding:12px;background:#fafbfe}.commercial-message-detail-facts dt{color:#8795a9;font-size:10px}.commercial-message-detail-facts dd{margin:5px 0 0;color:#455a7a;font-size:12px}.commercial-message-detail footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;border-top:1px solid #edf0f5;padding-top:17px}
.commercial-surface-state{display:grid;min-height:190px;place-items:center;padding:28px;color:#8795a9;font-size:12px;text-align:center;line-height:1.7}
.enterprise-settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px;align-items:start}
.enterprise-settings-nav{display:grid;gap:4px;border:1px solid #e0e7f0;border-radius:12px;padding:9px;background:#fff}
.enterprise-settings-nav button{display:flex;min-height:41px;align-items:center;border:0;border-radius:8px;padding:0 11px;background:transparent;color:#687b96;font-size:12px;text-align:left;cursor:pointer}
.enterprise-settings-nav button:hover,.enterprise-settings-nav button.active{background:#eaf0ff;color:#315dcc;font-weight:750}
.enterprise-settings-content{display:grid;min-width:0;gap:15px}
.enterprise-settings-panel{min-width:0;border:1px solid #e0e7f0;border-radius:12px;padding:22px;background:#fff}
.enterprise-settings-panel>header,.enterprise-connection-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f5;padding-bottom:16px}
.enterprise-settings-panel header small,.enterprise-directory-head small,.enterprise-connection-card header small{color:#537ce1;font-size:10px;font-weight:800;letter-spacing:.1em}.enterprise-settings-panel h2,.enterprise-directory-head h2,.enterprise-connection-card h2{margin:5px 0 0;color:#354a6d;font-size:18px}.enterprise-settings-panel header p,.enterprise-directory-head p,.enterprise-connection-card header p{margin:5px 0 0;color:#8191aa;font-size:12px;line-height:1.55}
.enterprise-settings-avatar{display:grid;width:43px;height:43px;flex:none;place-items:center;border-radius:12px;background:#edf3ff;color:#416fde;font-size:17px;font-weight:850}
.enterprise-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.enterprise-profile-form label{display:grid;gap:7px;color:#60738f;font-size:12px}.enterprise-profile-form input,.enterprise-profile-form select,.enterprise-profile-form textarea,.enterprise-directory-head input{width:100%;border:1px solid #dce3ee;border-radius:8px;padding:10px;background:#fff;color:#405574;resize:vertical}.enterprise-profile-form input:disabled,.enterprise-profile-form select:disabled,.enterprise-profile-form textarea:disabled,.enterprise-directory-head input:disabled{background:#f5f7fa;color:#8795a9}.enterprise-form-wide{grid-column:1/-1}.enterprise-profile-form footer,#enterpriseNotificationForm>footer{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0f5;padding-top:16px;color:#8191aa;font-size:11px}
.enterprise-connection-card{border:0;padding:0}.enterprise-connection-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:#edf1f6;color:#687b96;font-size:10px;font-weight:750}.enterprise-connection-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.enterprise-connection-badge.connected{background:#e8f7f0;color:#21815f}.enterprise-connection-badge.warning{background:#fff2e8;color:#a96332}
.enterprise-connection-overview{display:flex;align-items:center;gap:12px;margin-top:18px}.enterprise-connection-overview>span{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#3370ff;color:#fff;font-size:14px;font-weight:850}.enterprise-connection-overview>div{min-width:0}.enterprise-connection-overview strong,.enterprise-connection-overview small{display:block}.enterprise-connection-overview strong{color:#354a6d;font-size:14px}.enterprise-connection-overview small{margin-top:5px;color:#8191aa;font-size:11px;line-height:1.5}.enterprise-connection-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;overflow:hidden;border:1px solid #e6ebf3;border-radius:9px}.enterprise-connection-facts div{padding:12px;background:#fafbfe}.enterprise-connection-facts div+div{border-left:1px solid #e6ebf3}.enterprise-connection-facts dt{color:#8795a9;font-size:10px}.enterprise-connection-facts dd{margin:5px 0 0;color:#455a7a;font-size:11px}
#enterpriseFeishuAccessNotice{margin-top:18px}.enterprise-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.enterprise-access-summary article{border:1px solid #e2e8f1;border-radius:10px;padding:15px;background:#fafbfe}.enterprise-access-summary span,.enterprise-access-summary small{display:block;color:#8191aa;font-size:10px}.enterprise-access-summary strong{display:block;margin:7px 0 4px;color:#354a6d;font-size:22px}
.enterprise-directory-card{margin-top:15px;border:1px solid #e2e8f1;border-radius:11px;padding:18px;background:#fff}.enterprise-directory-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:end}.enterprise-directory-table{width:100%;border-collapse:collapse;margin-top:14px}.enterprise-directory-table th,.enterprise-directory-table td{border-top:1px solid #edf0f5;padding:12px 10px;color:#536784;font-size:12px;text-align:left;vertical-align:middle}.enterprise-directory-table th{background:#fafbfe;color:#8191aa;font-size:10px;white-space:nowrap}.enterprise-directory-person strong,.enterprise-directory-person small{display:block}.enterprise-directory-person strong{color:#354a6d}.enterprise-directory-person small{margin-top:4px;color:#8996aa;font-size:10px}.enterprise-directory-departments{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.enterprise-directory-departments span{border-radius:999px;padding:3px 6px;background:#eef2f8;color:#6f819b;font-size:9px}.enterprise-directory-link{display:grid;gap:6px;min-width:185px}.enterprise-directory-link select{width:100%;border:1px solid #dce3ee;border-radius:7px;padding:7px;background:#fff;color:#405574;font-size:11px}.enterprise-directory-state{display:grid;gap:4px}.enterprise-directory-state strong{color:#425779}.enterprise-directory-state small{color:#8996aa;font-size:10px}.enterprise-directory-actions{display:flex;gap:6px;justify-content:flex-end}.enterprise-directory-actions button{border:1px solid #cad8f2;border-radius:7px;padding:7px 9px;background:#edf3ff;color:#315dcc;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.enterprise-directory-actions button.danger{border-color:#edd1cd;background:#fff2f0;color:#a34b43}.enterprise-directory-actions button:disabled{opacity:.45;cursor:not-allowed}.enterprise-directory-foot{border-top:1px solid #edf0f5;margin-top:6px;padding:13px 9px 0;color:#8996aa;font-size:10px;line-height:1.55}
#enterpriseNotificationForm{margin-top:17px}.enterprise-preference-table{overflow:hidden;border:1px solid #e5eaf2;border-radius:10px}.enterprise-preference-head,.enterprise-preference-row{display:grid;grid-template-columns:1.25fr .42fr .48fr 1.2fr;gap:12px;align-items:center;padding:12px 14px}.enterprise-preference-head{background:#fafbfe;color:#8191aa;font-size:10px}.enterprise-preference-row{border-top:1px solid #edf0f5;color:#60738f;font-size:11px}.enterprise-preference-row>span:first-child{display:flex;align-items:center;gap:9px}.enterprise-preference-toggle{display:flex;align-items:center;justify-content:center;gap:7px}.enterprise-preference-toggle>span{display:none}.enterprise-preference-row input{accent-color:#416fde}.enterprise-preference-row small{color:#8996aa;line-height:1.45}#enterpriseNotificationForm>footer{margin-top:16px}

/* 窄屏仅做可靠重排：设置页与消息中心不再被桌面多栏挤成不可用窄条。 */
@media(max-width:720px){
  body.commercial-mode main>header{height:auto;min-height:72px;align-items:stretch;flex-direction:column;gap:10px;margin:0;padding:12px 0}
  body.commercial-mode main>header .breadcrumb{width:100%;flex:none}
  body.commercial-mode main>header .header-actions{width:100%;align-items:stretch;flex-direction:column}
  .commercial-session-controls{width:100%;align-items:stretch;flex-direction:column}
  .commercial-tenant-picker{grid-template-columns:72px minmax(0,1fr)}
  .commercial-logout{width:100%}
  #settings,#messages,.enterprise-settings-content,.enterprise-settings-panel,.commercial-message-layout,.commercial-message-list-column,.commercial-message-detail{min-width:0;max-width:100%}
  .enterprise-settings-layout{grid-template-columns:minmax(0,1fr)}
  .enterprise-settings-nav{display:flex;max-width:100%;gap:7px;overflow-x:auto;padding:8px;scrollbar-width:thin}
  .enterprise-settings-nav button{min-height:36px;flex:0 0 auto;padding:0 12px;white-space:nowrap}
  .enterprise-settings-panel{padding:17px}
  .enterprise-settings-panel>header,.enterprise-connection-card>header{align-items:flex-start;flex-direction:column;gap:11px}
  .enterprise-settings-avatar,.enterprise-connection-badge{align-self:flex-start}
  .enterprise-profile-form{grid-template-columns:minmax(0,1fr)}
  .enterprise-form-wide,.enterprise-profile-form footer,#enterpriseNotificationForm>footer{grid-column:auto}
  .enterprise-profile-form footer,#enterpriseNotificationForm>footer{align-items:stretch;flex-direction:column}
  .enterprise-profile-form footer button,#enterpriseNotificationForm>footer button{width:100%}
  .enterprise-connection-overview{align-items:flex-start}
  .enterprise-connection-facts{grid-template-columns:minmax(0,1fr)}
  .enterprise-connection-facts div+div{border-top:1px solid #e6ebf3;border-left:0}
  .enterprise-access-summary{grid-template-columns:minmax(0,1fr)}
  .enterprise-directory-card{padding:13px}
  .enterprise-directory-head{grid-template-columns:minmax(0,1fr)}
  .enterprise-directory-table{min-width:720px}
  .enterprise-preference-head{display:none}
  .enterprise-preference-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px}
  .enterprise-preference-row>span:first-child,.enterprise-preference-row>small{grid-column:1/-1}
  .enterprise-preference-toggle{min-width:0;justify-content:space-between;border:1px solid #e5eaf2;border-radius:8px;padding:9px 10px;background:#fafbfe;color:#667894}
  .enterprise-preference-toggle>span{display:block;font-size:10px}
  .commercial-message-layout{grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}
  .commercial-message-filters{display:flex;max-width:100%;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid #e7ebf2;padding:10px;scrollbar-width:thin}
  .commercial-message-filters>strong{display:none}
  .commercial-message-filters>button{width:auto;min-height:36px;flex:0 0 auto;border:1px solid #e2e7ef;padding:0 11px;background:#fff;white-space:nowrap}
  .commercial-message-unread{min-height:36px;flex:0 0 auto;margin:0;border:1px solid #e2e7ef;border-radius:8px;padding:0 11px;background:#fff;white-space:nowrap}
  .commercial-message-list-column{max-height:none;border-right:0;border-bottom:1px solid #e7ebf2}
  .commercial-message-list{max-height:360px}
  .commercial-message-detail{padding:19px 17px}
  .commercial-message-detail>header{grid-template-columns:38px minmax(0,1fr)}
  .commercial-message-severity{grid-column:2;justify-self:start}
  .commercial-message-detail-facts{grid-template-columns:minmax(0,1fr)}
  .commercial-message-detail footer{align-items:stretch;flex-direction:column}
  .commercial-message-detail footer button{width:100%}
}
@media(max-width:420px){
  .enterprise-settings-panel{padding:14px}
  .enterprise-connection-overview{display:grid;grid-template-columns:43px minmax(0,1fr)}
  .commercial-message-detail h2{font-size:18px}
}
.commercial-nav-count{display:grid;min-width:20px;height:20px;margin-left:auto;place-items:center;border-radius:999px;padding:0 6px;background:#d94f4a;color:#fff;font-size:10px;font-style:normal;font-weight:800}
body.commercial-mode main>header{margin:0 -42px;padding:0 42px}body.commercial-mode .breadcrumb,body.commercial-mode .header-actions,body.commercial-mode .header-profile,body.commercial-mode .header-profile>div{min-width:0}body.commercial-mode .breadcrumb{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.commercial-mode .header-actions{flex:0 1 auto}.commercial-session-transition main>.page{visibility:hidden}
.commercial-session-controls{display:flex;align-items:center;gap:10px;position:relative}.commercial-session-controls[hidden]{display:none}.commercial-tenant-picker{display:grid;grid-template-columns:auto minmax(170px,230px);align-items:center;gap:8px;color:#6b7771;font-size:12px}.commercial-tenant-picker select{width:100%;border:1px solid #d6dfda;border-radius:9px;background:#fff;color:#263a31;padding:8px 32px 8px 10px}.commercial-tenant-picker select:disabled{color:#536159;background:#f5f7f6}.commercial-logout{border:1px solid #d6dfda;border-radius:9px;background:#fff;color:#45564d;padding:8px 12px;cursor:pointer}.commercial-logout:hover{border-color:#9db0a6;color:#203f31}.commercial-logout:disabled{cursor:wait;opacity:.55}.commercial-session-status{position:absolute;right:0;top:calc(100% + 7px);max-width:340px;padding:6px 9px;border-radius:7px;background:#edf4f0;color:#385447;font-size:11px;line-height:1.4;box-shadow:0 8px 20px #1835281f;z-index:20}.commercial-session-status:empty{display:none}.commercial-session-status[data-state="error"]{background:#fff0ef;color:#8a342e}.commercial-session-status[data-state="ok"]{background:#eaf5ef;color:#28513e}.commercial-session-transition main>.page{pointer-events:none;opacity:.34}.commercial-session-transition .sidebar nav{pointer-events:none}.commercial-session-transition .commercial-session-controls{z-index:25}

/* 数据排行：把增长、登记状态和对象排行收敛成一套稳定的经营视图。 */
.rankings-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.rankings-page-actions{display:flex;flex:none;align-items:center;gap:12px;color:#8996aa;font-size:11px}
body.commercial-mode .rankings-page-actions button{border:1px solid #d6e0ee;border-radius:8px;padding:9px 13px;background:#fff;color:#536783;cursor:pointer}
.rankings-filter-panel{display:grid;gap:15px;margin:14px 0;border:1px solid #e0e7f0;border-radius:12px;padding:17px 18px;background:#fff}
.rankings-range-presets{display:flex;flex-wrap:wrap;gap:7px}
.rankings-range-presets button,.rankings-leaderboard-tabs button{border:1px solid transparent;border-radius:7px;padding:8px 12px;background:#f2f5fa;color:#667894;font-size:12px;font-weight:700;cursor:pointer}
.rankings-range-presets button:hover,.rankings-leaderboard-tabs button:hover{border-color:#c9d7ef;background:#f7f9ff;color:#315dcc}
.rankings-range-presets button.active,.rankings-leaderboard-tabs button.active{border-color:#b9ccf4;background:#eaf0ff;color:#315dcc}
.rankings-filter-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:1px solid #edf0f5;padding-top:14px}
.rankings-filter-controls label,.rankings-metric-picker,.rankings-leaderboard-actions label{display:grid;gap:6px;color:#8191aa;font-size:10px}
.rankings-filter-controls select,.rankings-filter-controls input,.rankings-metric-picker select,.rankings-leaderboard-actions select{min-width:170px;border:1px solid #dce3ee;border-radius:8px;padding:9px 10px;background:#fff;color:#405574;font:inherit}
.rankings-custom-range{display:flex;gap:9px}
.rankings-date-range{position:relative;display:grid;min-width:250px;gap:6px;color:#8191aa;font-size:10px}
body.commercial-mode .rankings-date-range-trigger{height:36px;border:1px solid #dce3ee!important;border-radius:8px!important;padding:7px 10px!important;background:#fff!important;color:#405574!important}
.rankings-date-range-popup{z-index:180}
.rankings-scope-copy{display:grid;min-width:230px;justify-items:end;gap:3px;margin-left:auto;text-align:right}
.rankings-scope-copy span,.rankings-scope-copy small{color:#8996aa;font-size:10px}
.rankings-scope-copy strong{color:#405574;font-size:13px}
.rankings-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.rankings-core-grid article{position:relative;min-height:112px;overflow:hidden;border:1px solid #e0e7f0;border-radius:12px;padding:18px 19px;background:#fff}
.rankings-core-grid article::after{position:absolute;right:-24px;bottom:-38px;width:96px;height:96px;border:18px solid #edf3ff;border-radius:50%;content:""}
.rankings-core-grid article.locked::after{border-color:#f1eefc}
.rankings-core-grid span,.rankings-core-grid small{position:relative;z-index:1;display:block;color:#8191aa;font-size:11px}
.rankings-core-grid strong{position:relative;z-index:1;display:block;margin:9px 0 6px;color:#283c60;font-size:27px;letter-spacing:-.04em}
.rankings-chart-panel,.rankings-leaderboard-panel{margin-top:14px;border:1px solid #e0e7f0;border-radius:12px;background:#fff}
.rankings-chart-panel,.rankings-leaderboard-panel{min-width:0;max-width:100%;overflow:hidden}
.rankings-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.rankings-section-head small{color:#537ce1;font-size:10px;font-weight:800;letter-spacing:.08em}
.rankings-section-head h2{margin:5px 0 0;color:#354a6d;font-size:18px}
.rankings-section-head>span{color:#8996aa;font-size:11px}
.dashboard-attention-dialog{width:min(1080px,calc(100vw - 36px));color:#20304b}.dashboard-attention-dialog-body{min-height:210px;max-height:64vh;padding:20px 24px;overflow:auto}.dashboard-attention-dialog-body table{width:100%;margin:0;border-collapse:collapse}.dashboard-attention-dialog-body th,.dashboard-attention-dialog-body td{padding:12px 10px;border-bottom:1px solid #e7ebf2;text-align:left;vertical-align:middle}.dashboard-attention-dialog-body th{color:#7c889d;font-size:10px;font-weight:650;white-space:nowrap}.dashboard-attention-dialog-body td{color:#43516a;font-size:11px}.dashboard-attention-dialog-body td strong,.dashboard-attention-dialog-body td small{display:block}.dashboard-attention-dialog-body td small{margin-top:3px;color:#8994a6;font-size:9px}.dashboard-attention-dialog-body .attention-missing-tags{display:flex;flex-wrap:wrap;gap:5px}.dashboard-attention-dialog-body .attention-missing-tags span{padding:4px 7px;border-radius:6px;background:#fff1e4;color:#9a602f;font-size:9px}.dashboard-attention-dialog-body .attention-risk-state{display:inline-flex;padding:4px 7px;border-radius:6px;background:#f8ecd9;color:#986417;font-size:9px;font-weight:750}.dashboard-attention-dialog-body .attention-risk-state.suspended{background:#fae8e9;color:#a33f45}.dashboard-attention-dialog-body .attention-comment{display:grid;max-width:390px;gap:3px}.dashboard-attention-dialog-body .attention-comment strong{color:#7a476b}.dashboard-attention-dialog-body .attention-open-link{color:#315bb1;font-weight:700;text-decoration:none}.dashboard-attention-dialog-body .attention-open-link:hover{text-decoration:underline}.dashboard-attention-dialog-foot{display:flex;position:sticky;bottom:0;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid #e4e9f1;background:#fff}.dashboard-attention-dialog-foot span{color:#7d899c;font-size:10px}.dashboard-attention-dialog-foot button{min-height:36px;padding:0 15px;border:0;border-radius:8px;background:#315bb1;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.dashboard-attention-dialog-foot button:disabled{cursor:not-allowed;opacity:.55}
.rankings-chart-panel{padding:21px 22px}
.rankings-metric-picker,.rankings-leaderboard-actions label{grid-template-columns:auto 160px;align-items:center;gap:8px}
.rankings-metric-picker select,.rankings-leaderboard-actions select{min-width:0}
.rankings-leaderboard-actions>span{display:inline-flex;border:1px solid #dce4f1;border-radius:999px;padding:7px 10px;background:#f8faff;color:#7184a1;font-size:10px;font-weight:700}
.rankings-bar-chart{display:grid;min-width:0;grid-template-columns:145px minmax(0,1fr);gap:18px;align-items:stretch;margin-top:20px}
.rankings-chart-summary{display:grid;align-content:center;border:1px solid #e5eaf2;border-radius:10px;padding:16px;background:#f8faff}
.rankings-chart-summary span,.rankings-chart-summary small{color:#8191aa;font-size:10px}
.rankings-chart-summary strong{display:block;margin:7px 0;color:#315dcc;font-size:25px}
.rankings-chart-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-y:auto;padding-bottom:4px}
.rankings-bars{display:grid;min-width:max(100%,calc(var(--rankings-bar-count) * 43px));height:224px;grid-template-columns:repeat(var(--rankings-bar-count),minmax(34px,1fr));gap:7px;border-bottom:1px solid #e6ebf3;padding:0 3px}
.rankings-bar-column{display:grid;min-width:0;grid-template-rows:25px 168px 29px;gap:2px;text-align:center}
.rankings-bar-column>b{overflow:hidden;color:#526b9f;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.rankings-bar-column>b.muted{color:transparent}
.rankings-bar-column>span{display:flex;align-items:flex-end;justify-content:center;border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(239,244,253,.18),rgba(239,244,253,.78))}
.rankings-bar-column>span>i{display:block;width:min(24px,68%);min-height:0;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#72a3ff,#416fde);box-shadow:0 4px 10px rgba(65,111,222,.16)}
.rankings-bar-column.unavailable>b{color:#9ba7b9}.rankings-bar-column.unavailable>span{background:repeating-linear-gradient(135deg,#f7f9fc,#f7f9fc 7px,#eef2f7 7px,#eef2f7 14px)}.rankings-bar-column.unavailable>span>i{display:none}
.registration-table-panel.registration-loading .registration-scroll{cursor:progress}.registration-table-panel.registration-loading .registration-scroll a,.registration-table-panel.registration-loading .registration-scroll button,.registration-table-panel.registration-loading .registration-scroll input,.registration-table-panel.registration-loading .registration-scroll select{pointer-events:none}
.rankings-bar-column>small{overflow:hidden;color:#8795aa;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.rankings-chart-zero{grid-column:2;margin:2px 0 0;color:#8996aa;font-size:10px}
.rankings-interaction-structure{display:grid;grid-template-columns:minmax(190px,1.2fr) repeat(4,minmax(120px,1fr));gap:9px;margin-top:18px;border-top:1px solid #edf0f5;padding-top:17px}
.rankings-structure-title,.rankings-interaction-structure article{border:1px solid #e6ebf3;border-radius:9px;padding:13px;background:#fafbfe}
.rankings-structure-title{display:grid;align-content:center}.rankings-structure-title small,.rankings-structure-title span{color:#8996aa;font-size:9px;line-height:1.45}.rankings-structure-title strong{margin:4px 0;color:#405574;font-size:14px}
.rankings-interaction-structure article span,.rankings-interaction-structure article small{display:block;color:#8191aa;font-size:9px}.rankings-interaction-structure article strong{display:block;margin:6px 0;color:#354a6d;font-size:17px}.rankings-interaction-structure article>div{height:5px;margin:7px 0 5px;overflow:hidden;border-radius:99px;background:#e8edf5}.rankings-interaction-structure article>div i{display:block;height:100%;border-radius:inherit;background:#547ce0}.rankings-interaction-structure article.collects>div i{background:#7c6ed2}.rankings-interaction-structure article.comments>div i{background:#2d9a79}.rankings-interaction-structure article.shares>div i{background:#d58b4f}
.rankings-leaderboard-panel{padding:21px 22px}
.rankings-leaderboard-head{align-items:center}
.rankings-leaderboard-tabs{display:flex;gap:7px;margin-top:16px;border-bottom:1px solid #edf0f5;padding-bottom:12px}
.rankings-leaderboard-tabs button[hidden]{display:none}
.rankings-leaderboard-scroll{width:100%;min-width:0;max-width:100%;margin-top:2px;overflow-x:auto;overflow-y:visible}
.rankings-leaderboard-table{width:100%;min-width:980px;border-collapse:collapse}
.rankings-leaderboard-table th,.rankings-leaderboard-table td{border-bottom:1px solid #edf0f5;padding:13px 11px;color:#536784;font-size:12px;text-align:left;vertical-align:middle}
.rankings-leaderboard-table th{background:#fafbfe;color:#8191aa;font-size:10px;font-weight:700;white-space:nowrap}
.rankings-leaderboard-table tbody tr:hover td{background:#fbfcff}
.rankings-leaderboard-table th:first-child,.rankings-leaderboard-table td:first-child{width:72px;text-align:center}
.rankings-object{display:grid;min-width:220px;gap:4px}.rankings-object strong,.rankings-video-link{max-width:460px;overflow:hidden;color:#354a6d;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.rankings-object small{color:#8996aa;font-size:10px}.rankings-video-object .rankings-video-published{color:#6f819e;font-variant-numeric:tabular-nums}.rankings-video-link{text-decoration:none}.rankings-video-link:hover{color:#315dcc;text-decoration:underline}.rankings-video-link:focus-visible{border-radius:4px;outline:2px solid #6f96ec;outline-offset:2px}.rankings-account-object small{font-variant-numeric:tabular-nums}.rankings-employee-cell{min-width:140px;color:#536784;line-height:1.45}.rankings-leaderboard-table[data-board="videos"]{min-width:1120px}.rankings-leaderboard-table[data-board="videos"] th:nth-child(2),.rankings-leaderboard-table[data-board="videos"] td:nth-child(2){min-width:320px}.rankings-leaderboard-table[data-board="videos"] th:last-child,.rankings-leaderboard-table[data-board="videos"] td:last-child{width:96px;text-align:center}.rankings-video-detail{border:1px solid #cbd8ee;border-radius:7px;padding:7px 10px;background:#fff;color:#315dcc;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.rankings-video-detail:hover{border-color:#8eaae2;background:#f3f7ff}.rankings-video-detail:focus-visible{outline:3px solid rgba(80,124,218,.2);outline-offset:2px}.rankings-video-detail:disabled{cursor:not-allowed;opacity:.45}.rankings-leaderboard-table[data-board="accounts"] th:nth-child(2),.rankings-leaderboard-table[data-board="accounts"] td:nth-child(2){min-width:230px}
.rankings-position{display:inline-grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#eef2f8;color:#70809a;font-size:11px}.rankings-position.top{background:#eaf0ff;color:#315dcc}
.rankings-growth{color:#287f66}
.rankings-leaderboard-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;color:#8996aa;font-size:10px}
body.commercial-mode .rankings-leaderboard-foot button{border:1px solid #d2def0;border-radius:7px;padding:7px 11px;background:#fff;color:#536783;cursor:pointer}

/* 团队管理：明确飞书身份、驭风准入和业务范围三条独立状态。 */
.organization-title-actions{display:flex;align-items:center;gap:9px}
.organization-scope-badge{border:1px solid #d8e3f5;border-radius:999px;padding:7px 10px;background:#f6f9ff;color:#6079ad;font-size:10px;font-weight:700;white-space:nowrap}
body.commercial-mode .organization-title-actions .primary,body.commercial-mode #organization .directory-actions button{border:0;border-radius:8px;padding:10px 14px;background:#416fde;color:#fff;font-weight:750;cursor:pointer}
body.commercial-mode #organization .organization-structure-actions{border-color:#e0e7f0;border-radius:12px;background:#fff}
body.commercial-mode #organization .organization-summary article{border-color:#e0e7f0;border-radius:12px;background:#fff}
.team-member-source-contract{display:flex;align-items:flex-start;gap:12px;margin-top:14px;border:1px solid #dce6f6;border-radius:9px;padding:12px 14px;background:#f7f9ff;color:#60738f;font-size:11px;line-height:1.6}
.team-member-source-contract strong{flex:none;color:#315dcc}.team-member-source-contract span{min-width:0}
.team-member-person,.team-member-state{display:grid;gap:4px}.team-member-person strong,.team-member-state strong{color:#405574;font-size:12px}.team-member-person span,.team-member-state small,.team-member-subcopy{color:#8996aa;font-size:10px;line-height:1.4}
.team-member-state{position:relative;padding-left:13px}.team-member-state::before{position:absolute;top:5px;left:0;width:6px;height:6px;border-radius:50%;background:#93a0b3;content:""}.team-member-state.ready::before{background:#2f9a75}.team-member-state.warning::before{background:#d7924e}.team-member-state.paused::before{background:#c65d55}
.team-member-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.team-member-actions button{border:1px solid #cad8f2;border-radius:7px;padding:7px 9px;background:#edf3ff;color:#315dcc;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.team-member-actions button.secondary{background:#fff;color:#60738f}
.organization-editor-dialog input:disabled,.organization-editor-dialog select:disabled,.organization-editor-dialog textarea:disabled{background:#f3f5f4;color:#7b8780;cursor:not-allowed}
.organization-management-grant-dialog{width:min(860px,calc(100vw - 36px))}.organization-management-grant-person{display:grid;gap:4px;margin:20px 24px 0;padding:14px 16px;border:1px solid #dce5e0;border-radius:9px;background:#f7faf8}.organization-management-grant-person strong{color:#264a39}.organization-management-grant-person span{color:#718078;font-size:12px}.organization-management-grant-contract{margin:12px 24px 0}.organization-management-grant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 24px 22px}.organization-management-grant-grid fieldset{min-width:0;margin:0;border:1px solid #dce5e0;border-radius:10px;padding:14px}.organization-management-grant-grid legend{padding:0 6px;color:#2f604a;font-weight:700}.organization-management-grant-grid fieldset>p{margin:0 0 12px;color:#7b8780;font-size:11px;line-height:1.5}.organization-management-grant-options{display:grid;gap:8px;max-height:300px;overflow:auto}.organization-management-grant-option{display:flex;align-items:flex-start;gap:9px;border:1px solid #e1e8e4;border-radius:8px;padding:10px;background:#fff;cursor:pointer}.organization-management-grant-option input{margin-top:3px}.organization-management-grant-option span{display:grid;gap:3px;min-width:0}.organization-management-grant-option strong{color:#354f42;font-size:12px}.organization-management-grant-option small{color:#7b8780;font-size:10px;line-height:1.4}.organization-management-grant-option.inherited{border-color:#d4e0f6;background:#f5f8ff;cursor:default}.organization-management-grant-option.inherited strong{color:#315dcc}.organization-management-grant-empty{margin:0;color:#7b8780;font-size:12px}.organization-management-grant-hint{flex:1;color:#69766f;font-size:11px}.organization-management-grant-hint.error{color:#a33d35}
body.commercial-mode #organization .directory-table{min-width:940px}
body.commercial-mode #organization .directory-table th:nth-child(1){width:15%}body.commercial-mode #organization .directory-table th:nth-child(2){width:14%}body.commercial-mode #organization .directory-table th:nth-child(3){width:19%}body.commercial-mode #organization .directory-table th:nth-child(4){width:17%}body.commercial-mode #organization .directory-table th:nth-child(5){width:20%}body.commercial-mode #organization .directory-table th:nth-child(6){width:15%;text-align:right}

/* 工作台采买中心：只展示服务端目录和报价，支付未启用时保持不可下单。 */
.commercial-purchase-dialog{width:min(1080px,calc(100vw - 48px));max-height:90vh;overflow:hidden;border-radius:18px;background:#f7f9fc;color:#354a6d}.commercial-purchase-dialog[open]{display:flex;flex-direction:column}
.commercial-purchase-head{background:#fff}.commercial-purchase-head p{margin:6px 0 0;color:#8191aa;font-size:12px}.commercial-purchase-head small{color:#416fde;font-weight:800;letter-spacing:.08em}
.commercial-purchase-head,.commercial-purchase-actions{flex:none}.commercial-purchase-body{min-height:0;flex:1;overflow:auto;padding:22px 24px}.commercial-purchase-body>.notice{margin:0 0 15px}
.commercial-purchase-tabs{display:flex;gap:7px;border:1px solid #dfe6f1;border-radius:11px;padding:5px;background:#eef2f8}
.commercial-purchase-tabs button{flex:1;border:0;border-radius:8px;padding:10px 14px;background:transparent;color:#71819b;font-size:12px;font-weight:750;cursor:pointer}.commercial-purchase-tabs button.active{background:#fff;color:#315dcc;box-shadow:0 3px 10px #243a6515}.commercial-purchase-tabs button:disabled{cursor:not-allowed;opacity:.48}
.commercial-purchase-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:16px;margin-top:16px}
.commercial-purchase-products,.commercial-purchase-quote{min-width:0;border:1px solid #dfe6f1;border-radius:14px;padding:19px;background:#fff}
.commercial-purchase-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6;padding-bottom:13px}.commercial-purchase-section-head span{color:#2a4067;font-size:14px;font-weight:800}.commercial-purchase-section-head small{color:#8a98ad;font-size:10px}
.commercial-purchase-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.commercial-purchase-option{display:grid;min-height:126px;align-content:start;gap:5px;border:1px solid #e0e7f1;border-radius:11px;padding:15px;background:#fbfcfe;color:#536784;text-align:left;cursor:pointer}.commercial-purchase-option:hover{border-color:#b8caed;background:#f8faff}.commercial-purchase-option.active{border-color:#527de0;background:#f2f6ff;box-shadow:inset 0 0 0 1px #b9cdf8}.commercial-purchase-option:disabled{cursor:not-allowed;opacity:.48}.commercial-purchase-option>span{color:#8191aa;font-size:10px}.commercial-purchase-option>strong{color:#2c4269;font-size:15px}.commercial-purchase-option>b{color:#315dcc;font-size:18px}.commercial-purchase-option>small{color:#8191aa;font-size:10px;line-height:1.45}
.commercial-purchase-cycle{display:grid;gap:7px;margin-top:15px;color:#71819b;font-size:11px}.commercial-purchase-cycle select{width:100%;border:1px solid #d8e1ee;border-radius:8px;padding:10px;background:#fff;color:#405574}.commercial-purchase-cycle>small{color:#7d8ca3;font-size:9px;line-height:1.55}.commercial-purchase-cycle[hidden]{display:none}
.commercial-purchase-quote-state{min-height:184px;margin-top:15px}.commercial-purchase-money{border:1px solid #dbe5f5;border-radius:11px;padding:17px;background:linear-gradient(145deg,#f8faff,#eef4ff)}.commercial-purchase-money>span,.commercial-purchase-money>small{display:block;color:#7184a1;font-size:10px}.commercial-purchase-money>strong{display:block;margin:7px 0;color:#20385f;font-size:30px}.commercial-purchase-money>strong em{font-size:13px;font-style:normal}.commercial-purchase-money del{margin-left:8px;color:#9aa6b8;font-size:12px;font-weight:500}.commercial-purchase-money>p{margin:8px 0 0;color:#657996;font-size:11px;line-height:1.55}
.commercial-purchase-benefits{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.commercial-purchase-benefits li{border-radius:999px;padding:5px 8px;background:#edf3ff;color:#57709c;font-size:9px}
.commercial-purchase-blocked{border:1px solid #eadfca;border-radius:10px;padding:14px;background:#fffaf1;color:#865f2c;font-size:11px;line-height:1.6}.commercial-purchase-blocked strong{display:block;margin-bottom:4px;font-size:13px}
.commercial-purchase-safety{display:flex;gap:10px;margin-top:14px;border-top:1px solid #edf1f6;padding-top:14px}.commercial-purchase-safety>i{display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:50%;background:#e8f6ef;color:#23815f;font-style:normal}.commercial-purchase-safety p{margin:0}.commercial-purchase-safety strong,.commercial-purchase-safety span{display:block}.commercial-purchase-safety strong{color:#465c7d;font-size:11px}.commercial-purchase-safety span{margin-top:4px;color:#8795a9;font-size:9px;line-height:1.55}
.commercial-purchase-actions{background:#fff}.commercial-purchase-actions .secondary{border:1px solid #d7e0ec;background:#fff;color:#627590}.commercial-purchase-actions .primary:disabled{cursor:not-allowed;background:#aab6c9;color:#eef1f6}.commercial-purchase-actions span{max-width:610px;line-height:1.45}
.commercial-purchase-lifecycle{display:grid;gap:3px;border-top:1px solid #dbe5f5;padding-top:10px}.commercial-purchase-lifecycle b{color:#315dcc;font-size:10px}
.commercial-purchase-option.upgrade{border-color:#bfd9ce;background:#f7fcf9}.commercial-purchase-option.upgrade:hover,.commercial-purchase-option.upgrade.active{border-color:#3f9b72;background:#eff9f4;box-shadow:inset 0 0 0 1px #b9dfcd}.commercial-purchase-option.upgrade>span,.commercial-purchase-option.upgrade>b{color:#21805b}.commercial-purchase-option.upgrade>b{font-size:13px;line-height:1.45}.commercial-upgrade-quote{display:grid;gap:12px;margin-top:12px;border:1px solid #cfe3d9;border-radius:12px;padding:15px;background:#f7fcf9}.commercial-upgrade-quote>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.commercial-upgrade-quote>header>div{min-width:0}.commercial-upgrade-quote>header small,.commercial-upgrade-quote>header strong,.commercial-upgrade-quote>header span{display:block}.commercial-upgrade-quote>header small{color:#23815f;font-size:8px;font-weight:850;letter-spacing:.08em}.commercial-upgrade-quote>header strong{margin-top:4px;color:#294f42;font-size:13px}.commercial-upgrade-quote>header span{margin-top:4px;color:#6d857c;font-size:9px;line-height:1.45}.commercial-upgrade-quote>header>b{flex:none;border-radius:999px;padding:5px 7px;background:#dff2e8;color:#23815f;font-size:8px}.commercial-upgrade-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid #dcebe4;border-radius:9px;background:#fff}.commercial-upgrade-timeline>div{min-width:0;padding:9px 10px}.commercial-upgrade-timeline>div:nth-child(even){border-left:1px solid #e6efe9}.commercial-upgrade-timeline>div:nth-child(n+3){border-top:1px solid #e6efe9}.commercial-upgrade-timeline dt,.commercial-upgrade-pricing dt{color:#83968e;font-size:8px}.commercial-upgrade-timeline dd,.commercial-upgrade-pricing dd{margin:4px 0 0;color:#3f5e53;font-size:9px;font-weight:750;overflow-wrap:anywhere}.commercial-upgrade-quota{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.commercial-upgrade-quota article{min-width:0;border-radius:8px;padding:9px;background:#fff}.commercial-upgrade-quota article.result{background:#e6f5ed}.commercial-upgrade-quota span,.commercial-upgrade-quota strong{display:block}.commercial-upgrade-quota span{color:#81938b;font-size:8px}.commercial-upgrade-quota strong{margin-top:4px;color:#36574a;font-size:11px}.commercial-upgrade-quota article.result strong{color:#187a59}.commercial-upgrade-quota-note{margin:0;color:#71877d;font-size:8px;line-height:1.6}.commercial-upgrade-pricing{border-top:1px solid #dcebe4;padding-top:11px}.commercial-upgrade-pricing>strong{color:#294f42;font-size:10px}.commercial-upgrade-pricing>dl{display:grid;gap:6px;margin:8px 0 0}.commercial-upgrade-pricing>dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.commercial-upgrade-pricing>dl>div.total{border-top:1px solid #dcebe4;padding-top:7px}.commercial-upgrade-pricing>dl>div.total dt,.commercial-upgrade-pricing>dl>div.total dd{color:#187a59;font-size:10px;font-weight:800}.commercial-upgrade-pricing>p{margin:8px 0 0;color:#71877d;font-size:8px;line-height:1.55}
.commercial-purchase-dialog.payment-stage .commercial-purchase-tabs,.commercial-purchase-dialog.payment-stage .commercial-purchase-products{display:none}.commercial-purchase-dialog.payment-stage .commercial-purchase-layout{grid-template-columns:minmax(0,760px);justify-content:center}.commercial-purchase-dialog.payment-stage .commercial-purchase-quote{width:100%}.commercial-purchase-dialog.payment-stage .commercial-purchase-quote-state{min-height:280px}
.commercial-payment-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;border:1px solid #dbe5f5;border-radius:12px;padding:17px;background:linear-gradient(145deg,#f8faff,#eef4ff)}.commercial-payment-order>span,.commercial-payment-order>small{color:#7485a0;font-size:10px}.commercial-payment-order>strong{color:#2b4269;font-size:15px}.commercial-payment-order>b{grid-row:1 / span 2;grid-column:2;align-self:center;color:#315dcc;font-size:24px}.commercial-payment-order>small{grid-column:1 / -1}
.commercial-payment-channel-list{display:grid;gap:9px;margin-top:13px}.commercial-payment-channel-list>span{color:#71819b;font-size:10px;font-weight:750}.commercial-payment-channel{display:grid;gap:4px;border:1px solid #dfe6f1;border-radius:10px;padding:12px 14px;background:#fff;color:#3c5275;text-align:left;cursor:pointer}.commercial-payment-channel:hover,.commercial-payment-channel.active{border-color:#527de0;background:#f2f6ff;box-shadow:inset 0 0 0 1px #bfd0f5}.commercial-payment-channel strong{font-size:12px}.commercial-payment-channel small{color:#8191aa;font-size:10px}
.commercial-payment-development,.commercial-payment-result{display:grid;gap:6px;margin-top:13px;border:1px solid #eadfca;border-radius:10px;padding:14px;background:#fffaf1}.commercial-payment-development strong,.commercial-payment-result strong{color:#805b28;font-size:13px}.commercial-payment-development span,.commercial-payment-result span{color:#876f50;font-size:11px;line-height:1.6}.commercial-payment-development em{color:#9c7d55;font-size:9px;font-style:normal}.commercial-payment-result.success{border-color:#cae7da;background:#f2fbf7}.commercial-payment-result.success strong{color:#187a59}.commercial-payment-result.success span{color:#55786a}.commercial-payment-result.pending{border-color:#d8e5f6;background:#f5f8ff}.commercial-payment-result.pending strong{color:#315dcc}.commercial-payment-result.pending span{color:#607698}.commercial-payment-result.error{border-color:#ecd4d0;background:#fff5f3}.commercial-payment-result.error strong{color:#a34b43}.commercial-payment-result.error span{color:#86625f}
.commercial-buyer-subject{display:grid;gap:12px;margin-top:12px;border:1px solid #d9e3f2;border-radius:11px;padding:15px;background:#f8faff}.commercial-buyer-subject.verified{border-color:#cfe7dc;background:#f3faf7}.commercial-buyer-subject-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.commercial-buyer-subject-head span,.commercial-buyer-subject-head strong{display:block}.commercial-buyer-subject-head span{color:#8090a8;font-size:9px}.commercial-buyer-subject-head strong{margin-top:3px;color:#344c73;font-size:12px}.commercial-buyer-subject-head button,.commercial-buyer-subject form button{border:0;border-radius:8px;padding:8px 10px;background:#315dcc;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.commercial-buyer-subject button:disabled{cursor:not-allowed;opacity:.55}.commercial-buyer-subject dl{display:grid;grid-template-columns:1.25fr 1fr .8fr;margin:0;border:1px solid #e2e8f1;border-radius:9px;background:#fff}.commercial-buyer-subject dl div{min-width:0;padding:10px}.commercial-buyer-subject dl div+div{border-left:1px solid #edf1f6}.commercial-buyer-subject dt{color:#8b98aa;font-size:8px}.commercial-buyer-subject dd{overflow:hidden;margin:4px 0 0;color:#465b7a;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.commercial-buyer-subject>p{margin:0;color:#7485a0;font-size:9px;line-height:1.6}.commercial-buyer-subject>p.commercial-buyer-subject-error{color:#a34b43}.commercial-buyer-subject form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.commercial-buyer-subject form label{display:grid;gap:5px;color:#6b7d98;font-size:9px}.commercial-buyer-subject form input{min-width:0;border:1px solid #d8e1ee;border-radius:8px;padding:9px 10px;background:#fff;color:#354a6d}.commercial-buyer-subject form input:focus{border-color:#527de0;box-shadow:0 0 0 3px #527de018;outline:none}.commercial-buyer-subject form button{min-height:36px}

/* 添加视频成功后，短暂标记并定位本次新增的监控记录。 */
.traffic-table tr.traffic-row-created td{animation:traffic-row-created 3.6s ease-out}
@keyframes traffic-row-created{0%,35%{background:#eaf1ff;box-shadow:inset 3px 0 #416fde}100%{background:transparent;box-shadow:inset 3px 0 transparent}}

/* 商业工作台首页：按真实角色、责任范围和当天事项组织的日常驾驶舱。 */
body.commercial-mode .commercial-dashboard-command{display:grid;gap:14px;margin:34px 0 0;color:#354a6d}
body.commercial-mode .commercial-dashboard-command-head{position:static;display:flex;height:auto;align-items:flex-end;justify-content:space-between;gap:28px;margin:0;border:0;padding:0 0 6px;background:transparent;color:inherit}
body.commercial-mode .commercial-dashboard-command-head>div:first-child{min-width:0;max-width:840px}
body.commercial-mode .commercial-dashboard-command-head>div:last-child{display:flex;flex:none;gap:9px}
body.commercial-mode .commercial-dashboard-command-head button{min-height:38px;padding:9px 14px}
body.commercial-mode .commercial-dashboard-scope{display:inline-flex;align-items:center;border:1px solid #d4e1f7;border-radius:999px;padding:6px 10px;background:#f4f7ff;color:#416fde;font-size:10px;font-weight:800;letter-spacing:.04em}
body.commercial-mode .commercial-dashboard-command-head h1{margin:10px 0 0;color:#263b5c;font-size:30px;font-weight:760;line-height:1.25;letter-spacing:-.045em}
body.commercial-mode .commercial-dashboard-command-head p{margin:7px 0 0;color:#7184a1;font-size:13px;line-height:1.65}
body.commercial-mode .commercial-dashboard-command>.notice{margin:0}
body.commercial-mode .commercial-dashboard-service{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #dce5f3;border-radius:13px;padding:17px 19px;background:#fff}
body.commercial-mode .commercial-dashboard-service>i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#edf3ff;color:#416fde;font-size:13px;font-style:normal;font-weight:850}
body.commercial-mode .commercial-dashboard-service strong,body.commercial-mode .commercial-dashboard-service span{display:block}
body.commercial-mode .commercial-dashboard-service strong{color:#354a6d;font-size:13px}
body.commercial-mode .commercial-dashboard-service span{margin-top:4px;color:#8191aa;font-size:11px;line-height:1.55}
body.commercial-mode .commercial-dashboard-service>button{border:1px solid #cbd9f2;border-radius:8px;padding:8px 11px;background:#f5f8ff;color:#315dcc;font-size:11px;font-weight:750;white-space:nowrap}
body.commercial-mode .commercial-dashboard-service.success{border-color:#cce5da;background:#f5fbf8}body.commercial-mode .commercial-dashboard-service.success>i{background:#e3f5ec;color:#258060}
body.commercial-mode .commercial-dashboard-service.warning{border-color:#eadcae;background:#fffaf0}body.commercial-mode .commercial-dashboard-service.warning>i{background:#fff0cc;color:#94631c}
body.commercial-mode .commercial-dashboard-service.expired,body.commercial-mode .commercial-dashboard-service.restricted{border-color:#edcfca;background:#fff7f5}body.commercial-mode .commercial-dashboard-service.expired>i,body.commercial-mode .commercial-dashboard-service.restricted>i{background:#fbe7e4;color:#a34b43}
body.commercial-mode .commercial-dashboard-service.neutral{background:#f9fbfe}
body.commercial-mode .commercial-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.commercial-mode .commercial-dashboard-kpis article{position:relative;min-width:0;min-height:116px;overflow:hidden;border:1px solid #e0e7f0;border-radius:12px;padding:18px 19px;background:#fff}
body.commercial-mode .commercial-dashboard-kpis article::after{position:absolute;right:-27px;bottom:-43px;width:104px;height:104px;border:19px solid #edf3ff;border-radius:50%;content:""}
body.commercial-mode .commercial-dashboard-kpis article.warning{border-color:#ebdcc0;background:#fffaf3}body.commercial-mode .commercial-dashboard-kpis article.warning::after{border-color:#f7ead4}
body.commercial-mode .commercial-dashboard-kpis article.locked{border-color:#e1dcf2;background:#faf8ff}body.commercial-mode .commercial-dashboard-kpis article.locked::after{border-color:#efebfa}
body.commercial-mode .commercial-dashboard-kpis span,body.commercial-mode .commercial-dashboard-kpis strong,body.commercial-mode .commercial-dashboard-kpis small{position:relative;z-index:1;display:block}
body.commercial-mode .commercial-dashboard-kpis span,body.commercial-mode .commercial-dashboard-kpis small{overflow:hidden;color:#8191aa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
body.commercial-mode .commercial-dashboard-kpis strong{margin:9px 0 6px;color:#283c60;font-size:26px;line-height:1.15;letter-spacing:-.04em}

body.commercial-mode .commercial-dashboard-workgrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:14px;align-items:stretch}
body.commercial-mode .commercial-dashboard-panel{min-width:0;border:1px solid #e0e7f0;border-radius:13px;padding:19px 20px;background:#fff}
body.commercial-mode .commercial-dashboard-panel>header,body.commercial-mode .commercial-dashboard-shortcuts>header,body.commercial-mode .commercial-dashboard-onboarding>header{position:static;display:flex;height:auto;align-items:flex-end;justify-content:space-between;gap:18px;margin:0;border:0;border-bottom:1px solid #edf0f5;padding:0 0 14px;background:transparent;color:inherit}
body.commercial-mode .commercial-dashboard-panel header small,body.commercial-mode .commercial-dashboard-shortcuts header small,body.commercial-mode .commercial-dashboard-onboarding header small{display:block;color:#537ce1;font-size:9px;font-weight:850;letter-spacing:.1em}
body.commercial-mode .commercial-dashboard-panel header h2,body.commercial-mode .commercial-dashboard-shortcuts header h2,body.commercial-mode .commercial-dashboard-onboarding header h2{margin:5px 0 0;color:#354a6d;font-size:17px}
body.commercial-mode .commercial-dashboard-panel>header>span,body.commercial-mode .commercial-dashboard-shortcuts>header>span,body.commercial-mode .commercial-dashboard-onboarding>header>span{flex:none;color:#8996aa;font-size:10px}
body.commercial-mode .commercial-dashboard-panel>header>button{border:0;background:transparent;color:#416fde;font-size:11px;font-weight:750}
body.commercial-mode .commercial-dashboard-attention-panel{align-self:start;border-top:3px solid #d7e3f8;padding-top:17px}
body.commercial-mode .commercial-dashboard-attention-panel>header small{color:#8c6732}
body.commercial-mode .commercial-dashboard-attention,body.commercial-mode .commercial-dashboard-activities{display:grid;gap:8px;margin-top:13px}
body.commercial-mode .commercial-dashboard-attention-item{display:grid;width:100%;min-width:0;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e5eaf2;border-radius:10px;padding:11px 12px;background:#fbfcfe;color:#536784;text-align:left;cursor:pointer}
body.commercial-mode .commercial-dashboard-attention-item:hover{border-color:#b9cdef;background:#f7f9ff}
body.commercial-mode .commercial-dashboard-attention-item>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#edf3ff;color:#416fde;font-size:10px;font-style:normal;font-weight:850}
body.commercial-mode .commercial-dashboard-attention-item.warning>i{background:#fff0d7;color:#98631e}body.commercial-mode .commercial-dashboard-attention-item.danger>i{background:#fae9e6;color:#a34b43}
body.commercial-mode .commercial-dashboard-attention-item>span{min-width:0}
body.commercial-mode .commercial-dashboard-attention-item strong{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#405574;font-size:12px}
body.commercial-mode .commercial-dashboard-attention-item strong>b{min-width:25px;border-radius:999px;padding:3px 7px;background:#fff0d7;color:#98631e;font-size:10px;text-align:center}
body.commercial-mode .commercial-dashboard-attention-item.danger strong>b{background:#fae9e6;color:#a34b43}
body.commercial-mode .commercial-dashboard-attention-item small{display:block;overflow:hidden;margin-top:4px;color:#8996aa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
body.commercial-mode .commercial-dashboard-attention-item>em{color:#5877b6;font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}
body.commercial-mode .commercial-dashboard-attention-clear{display:grid;min-height:92px;grid-template-columns:34px minmax(0,1fr);gap:11px;align-content:center;align-items:center;border:1px dashed #d8e3dc;border-radius:10px;padding:14px;background:#f8fbf9}
body.commercial-mode .commercial-dashboard-attention-clear>i{display:grid;width:32px;height:32px;border-radius:50%;background:#e4f4ec;color:#27805f;font-size:12px;font-style:normal;place-items:center}
body.commercial-mode .commercial-dashboard-attention-clear strong,body.commercial-mode .commercial-dashboard-attention-clear small{display:block}body.commercial-mode .commercial-dashboard-attention-clear strong{color:#547164;font-size:12px}body.commercial-mode .commercial-dashboard-attention-clear small{margin-top:4px;color:#83968d;font-size:10px;line-height:1.5}
body.commercial-mode .commercial-dashboard-attention-clear.partial{border-color:#eadfc8;background:#fffaf3}body.commercial-mode .commercial-dashboard-attention-clear.partial>i{background:#fff0d7;color:#98631e}
body.commercial-mode .commercial-dashboard-attention-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding:10px 2px 0;color:#8191aa;font-size:9px}
body.commercial-mode .commercial-dashboard-attention-summary span{display:inline-flex;align-items:center;gap:6px;color:#648171;font-weight:750}body.commercial-mode .commercial-dashboard-attention-summary i{display:grid;width:16px;height:16px;border-radius:50%;background:#e6f4ed;color:#27805f;font-size:8px;font-style:normal;place-items:center}
body.commercial-mode .commercial-dashboard-activity{display:grid;width:100%;min-width:0;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e7ebf2;border-radius:10px;padding:11px 12px;background:#fbfcfe;color:#536784;text-align:left}
body.commercial-mode .commercial-dashboard-activity:hover{border-color:#bfd0ef;background:#f7f9ff}
body.commercial-mode .commercial-dashboard-activity>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#edf3ff;color:#416fde;font-size:10px;font-style:normal;font-weight:850}
body.commercial-mode .commercial-dashboard-activity span{min-width:0}
body.commercial-mode .commercial-dashboard-activity strong,body.commercial-mode .commercial-dashboard-activity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.commercial-mode .commercial-dashboard-activity strong{color:#405574;font-size:12px}
body.commercial-mode .commercial-dashboard-activity small{margin-top:4px;color:#8996aa;font-size:10px}
body.commercial-mode .commercial-dashboard-activity>time{color:#97a3b4;font-size:9px;white-space:nowrap}
body.commercial-mode .commercial-dashboard-activity.unread{border-color:#cddbf5;background:#f4f7ff}body.commercial-mode .commercial-dashboard-activity.unread strong{color:#315dcc}
body.commercial-mode .commercial-dashboard-empty{display:grid;min-height:154px;align-content:center;justify-items:center;gap:7px;border:1px dashed #dce3ee;border-radius:10px;padding:20px;background:#fafbfe;text-align:center}
body.commercial-mode .commercial-dashboard-empty>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#edf3ff;color:#416fde;font-size:12px;font-style:normal}
body.commercial-mode .commercial-dashboard-empty strong{color:#60738f;font-size:12px}
body.commercial-mode .commercial-dashboard-empty span{max-width:420px;color:#8996aa;font-size:10px;line-height:1.55}

body.commercial-mode .commercial-dashboard-onboarding{margin-top:0;border:1px solid #dce5f3;border-radius:13px;padding:20px;background:#fff}
body.commercial-mode .commercial-dashboard-onboarding header p{margin:5px 0 0;color:#8191aa;font-size:11px;line-height:1.55}
body.commercial-mode .commercial-dashboard-onboarding ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:15px 0 0;padding:0;overflow:hidden;border:1px solid #e5eaf2;border-radius:10px;list-style:none}
body.commercial-mode .commercial-dashboard-onboarding li{display:grid;min-width:0;min-height:92px;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:start;align-content:center;border-right:1px solid #e5eaf2;padding:13px;background:#fff}
body.commercial-mode .commercial-dashboard-onboarding li:last-child{border-right:0}
body.commercial-mode .commercial-dashboard-onboarding li>i{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#edf3ff;color:#416fde;font-size:10px;font-style:normal;font-weight:850}
body.commercial-mode .commercial-dashboard-onboarding li strong,body.commercial-mode .commercial-dashboard-onboarding li small{display:block}
body.commercial-mode .commercial-dashboard-onboarding li strong{color:#425779;font-size:12px}body.commercial-mode .commercial-dashboard-onboarding li small{margin-top:5px;color:#8191aa;font-size:10px;line-height:1.45}
body.commercial-mode .commercial-dashboard-onboarding li>button{align-self:center;border:1px solid #cbd9f2;border-radius:7px;padding:7px 9px;background:#f4f7ff;color:#315dcc;font-size:10px;font-weight:750;white-space:nowrap}
body.commercial-mode .commercial-dashboard-onboarding li.done>i,body.commercial-mode .commercial-dashboard-onboarding li.complete>i{background:#e5f5ed;color:#21815f}
body.commercial-mode .commercial-dashboard-onboarding li.locked>i,body.commercial-mode .commercial-dashboard-onboarding li.upcoming>i{background:#eef1f5;color:#8b98aa}
body.commercial-mode .commercial-dashboard-onboarding li.problem>i{background:#fae9e6;color:#a34b43}
body.commercial-mode .commercial-dashboard-purchase-progress{border-color:#d4e0f4;background:linear-gradient(145deg,#fff,#f8faff)}
body.commercial-mode .commercial-dashboard-purchase-progress ol{grid-template-columns:repeat(5,minmax(0,1fr))}
body.commercial-mode .commercial-dashboard-purchase-progress li{min-height:74px;grid-template-columns:26px minmax(0,1fr);align-items:center}
body.commercial-mode .commercial-dashboard-purchase-progress dl{display:grid;grid-template-columns:1.2fr 1fr 1fr;margin:13px 0 0;overflow:hidden;border:1px solid #e3e9f2;border-radius:9px;background:#fff}
body.commercial-mode .commercial-dashboard-purchase-progress dl>div{min-width:0;padding:11px 13px}body.commercial-mode .commercial-dashboard-purchase-progress dl>div+div{border-left:1px solid #edf1f6}
body.commercial-mode .commercial-dashboard-purchase-progress dt{color:#8996aa;font-size:9px}body.commercial-mode .commercial-dashboard-purchase-progress dd{overflow:hidden;margin:4px 0 0;color:#405574;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
body.commercial-mode .commercial-dashboard-purchase-progress footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;border-top:1px solid #e8edf4;padding-top:13px}
body.commercial-mode .commercial-dashboard-purchase-progress footer small{color:#8795aa;font-size:10px;line-height:1.5}
body.commercial-mode .commercial-dashboard-purchase-progress footer button{flex:none;border:0;border-radius:8px;padding:9px 12px;background:#416fde;color:#fff;font-size:11px;font-weight:800}
body.commercial-mode .commercial-dashboard-shortcuts{border:1px solid #e0e7f0;border-radius:13px;padding:20px;background:#fff}
body.commercial-mode .commercial-dashboard-shortcuts>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
body.commercial-mode .commercial-dashboard-shortcuts>div>button{display:grid;min-width:0;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e4e9f1;border-radius:10px;padding:13px;background:#fbfcfe;color:#536784;text-align:left}
body.commercial-mode .commercial-dashboard-shortcuts>div>button:hover{border-color:#b9cdef;background:#f6f9ff}
body.commercial-mode .commercial-dashboard-shortcuts i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#edf3ff;color:#416fde;font-size:10px;font-style:normal;font-weight:850}
body.commercial-mode .commercial-dashboard-shortcuts strong,body.commercial-mode .commercial-dashboard-shortcuts small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.commercial-mode .commercial-dashboard-shortcuts strong{color:#405574;font-size:12px}body.commercial-mode .commercial-dashboard-shortcuts small{margin-top:4px;color:#8996aa;font-size:9px}
body.commercial-mode .commercial-dashboard-shortcuts b{color:#6c86b8;font-size:10px;white-space:nowrap}
@media(max-width:1050px){body.commercial-mode .commercial-dashboard-workgrid{grid-template-columns:1fr}body.commercial-mode .commercial-dashboard-attention-panel{grid-row:1}body.commercial-mode .commercial-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.commercial-mode .commercial-dashboard-command-head{align-items:flex-start;flex-direction:column}body.commercial-mode .commercial-dashboard-command-head>div:last-child{width:100%}body.commercial-mode .commercial-dashboard-kpis{grid-template-columns:1fr}body.commercial-mode .commercial-dashboard-attention-summary{align-items:flex-start;flex-direction:column}body.commercial-mode .commercial-dashboard-attention-item{grid-template-columns:32px minmax(0,1fr)}body.commercial-mode .commercial-dashboard-attention-item>em{grid-column:2}}
/* 2026-08 工作台收口：客户巡查语义、详情趋势与统一商业动作。 */
.traffic-patrol-status{grid-column:1/-1;display:flex;align-items:center;gap:10px;border:1px solid #dbe5e0;border-radius:11px;padding:10px 12px;background:#f8fbf9;color:#52685d}.traffic-patrol-status>i{width:10px;height:10px;flex:none;border-radius:50%;background:#9aa7a0;box-shadow:0 0 0 4px #eef2f0}.traffic-patrol-status span,.traffic-patrol-status strong,.traffic-patrol-status small{display:block}.traffic-patrol-status strong{font-size:12px}.traffic-patrol-status small{margin-top:2px;color:#7b8b83;font-size:10px}.traffic-patrol-status.running>i{background:#2f9b6b;box-shadow:0 0 0 4px #def3e8}.traffic-patrol-status.paused>i{background:#c98735;box-shadow:0 0 0 4px #f9ead6}
.traffic-row-patrol{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe7e3;border-radius:999px;padding:5px 9px;background:#f7faf8;color:#53665c;font-size:12px;white-space:nowrap}.traffic-row-patrol>i{width:7px;height:7px;flex:none;border-radius:50%;background:#9aa7a0;box-shadow:0 0 0 3px #edf2ef}.traffic-row-patrol.monitoring>i{background:#2f9b6b;box-shadow:0 0 0 3px #def3e8}.traffic-row-patrol.pending>i{background:#c98735;box-shadow:0 0 0 3px #f9ead6}.traffic-row-patrol.stopped>i,.traffic-row-patrol.expired>i,.traffic-row-patrol.deleted>i{background:#9aa7a0;box-shadow:0 0 0 3px #edf0ef}body.commercial-mode .traffic-row-patrol{border-color:#dfe6f1;background:#f8faff;color:#5f7290}body.commercial-mode .traffic-row-patrol.monitoring>i{background:#3e75dc;box-shadow:0 0 0 3px #e2ebff}
body.commercial-mode .traffic-anomaly-intro{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:20px;margin-bottom:16px;border:1px solid #dfe6f1;border-radius:15px;padding:21px;background:#fff}body.commercial-mode .traffic-anomaly-intro>div:first-child small{color:#7488a8;font-size:10px;font-weight:800;letter-spacing:.1em}body.commercial-mode .traffic-anomaly-intro h2{margin:6px 0;color:#334b70}body.commercial-mode .traffic-anomaly-intro p{margin:0;color:#71819a;font-size:11px;line-height:1.65}.traffic-anomaly-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.traffic-anomaly-types>span{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 9px;align-content:center;border:1px solid #e5eaf2;border-radius:10px;padding:12px;background:#fafbfe}.traffic-anomaly-types i{grid-row:1/3;display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#edf3ff;color:#416fde;font-size:10px;font-style:normal;font-weight:800}.traffic-anomaly-types b{color:#425778;font-size:11px}.traffic-anomaly-types small{color:#8996aa;font-size:9px;line-height:1.4}
body.commercial-mode .traffic-account-risk-rules{margin-bottom:16px;border:1px solid #dfe6f1;border-radius:14px;padding:18px;background:#fff}body.commercial-mode .traffic-account-risk-rules .admin-rule-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}body.commercial-mode .traffic-account-risk-rules .admin-rule-actions span{color:#71819a;font-size:10px}body.commercial-mode .traffic-anomaly-scope-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;border:1px solid #dce5f3;border-radius:12px;padding:14px 16px;background:#f7f9fd}body.commercial-mode .traffic-anomaly-scope-note strong{color:#405779;font-size:12px}body.commercial-mode .traffic-anomaly-scope-note span{color:#7b899e;font-size:10px;line-height:1.5;text-align:right}
.traffic-latest-summary{display:grid;grid-template-columns:minmax(170px,.58fr) minmax(0,1.42fr);gap:16px;align-items:center;margin:2px 0 16px;border:1px solid #dfe7e3;border-radius:13px;padding:14px 16px;background:#f7faf8}.traffic-latest-summary>div small,.traffic-latest-summary>div strong{display:block}.traffic-latest-summary>div small{color:#7b8881;font-size:10px}.traffic-latest-summary>div strong{margin-top:4px;color:#40564b;font-size:12px}.traffic-latest-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.traffic-latest-summary dl>div{padding:2px 13px;border-left:1px solid #dfe6e2}.traffic-latest-summary dt{color:#7b8881;font-size:10px}.traffic-latest-summary dd{margin:4px 0 0;color:#234c39;font-size:18px;font-weight:800}.traffic-trend-card{overflow:visible}.traffic-trend-plot{position:relative;min-height:180px}.traffic-monitor-trend{display:block;width:100%;height:auto;min-height:180px;touch-action:pan-y}.traffic-trend-cursor{stroke:#315dcc;stroke-width:1.2;stroke-dasharray:4 4;pointer-events:none}.traffic-trend-tooltip{position:absolute;z-index:3;top:42px;width:204px;transform:translateX(-50%);border:1px solid #c9d8ef;border-radius:10px;padding:10px 11px;background:#fff;box-shadow:0 12px 30px rgba(31,53,89,.18);pointer-events:none}.traffic-trend-tooltip.estimated{border-style:dashed}.traffic-trend-tooltip>span{display:flex;justify-content:space-between;gap:8px;color:#5e708b;font-size:10px}.traffic-trend-tooltip>span b{color:#315dcc}.traffic-trend-tooltip.estimated>span b{color:#9a6817}.traffic-trend-tooltip dl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0 0}.traffic-trend-tooltip dt{color:#8b98aa;font-size:9px}.traffic-trend-tooltip dd{margin:2px 0 0;color:#344c71;font-size:12px;font-weight:800}#trafficDetailDialog #trafficDetailBody{max-height:calc(90vh - 82px);overflow:auto;overscroll-behavior:contain}.traffic-monitor-points circle:focus{outline:none;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 3px #315dcc)}
body.commercial-mode .enterprise-monitoring-panel>header{margin-bottom:16px}body.commercial-mode .enterprise-monitoring-rules{border:1px solid #dfe6f1;border-radius:13px;padding:18px;background:#fafbfe}body.commercial-mode .enterprise-monitoring-rules .traffic-settings-panel{padding:0;border:0;background:transparent}body.commercial-mode .enterprise-monitoring-rules .traffic-setting-scope{display:none!important}
body.commercial-mode .billing-current-plan{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:stretch;padding:26px}body.commercial-mode .billing-current-plan>div,body.commercial-mode .billing-current-plan>aside{min-width:0}body.commercial-mode .billing-current-plan>aside{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:14px;border-left:1px solid #e5eaf2;padding-left:22px}body.commercial-mode .billing-current-plan>aside>b{align-self:flex-start}.billing-entitlements-title{display:block;margin-top:18px;color:#405779;font-size:11px}.billing-current-benefit-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;margin-top:11px}.billing-current-benefit-groups>section{min-width:0;border-top:1px solid #e6ecf5;padding-top:10px}.billing-current-benefit-groups h4{margin:0;color:#7184a1;font-size:10px;font-weight:800;letter-spacing:.08em}.billing-current-benefit-groups .billing-current-entitlements{grid-template-columns:minmax(0,1fr)!important}.billing-current-entitlements{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px!important;margin-top:10px!important}.billing-current-benefits-empty{margin-top:10px!important;color:#8191aa}.billing-renew-action{border:0;border-radius:9px;padding:11px 15px;background:#315dcc;color:#fff;font-weight:800;cursor:pointer}
body.commercial-mode .billing-cdk-center{border:1px solid #dce5f3;border-radius:17px;padding:24px;background:#f7f9fd}body.commercial-mode .billing-cdk-center>.billing-section-head{margin-bottom:16px}body.commercial-mode .billing-cdk-center-content{display:grid;gap:16px}body.commercial-mode .billing-cdk-center .billing-referral,body.commercial-mode .billing-cdk-center .billing-cdk{margin:0;border-color:#e0e7f1;box-shadow:none}
.billing-referral-share-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto;gap:16px;align-items:center;margin:12px 0;border:1px solid #cddaf0;border-radius:13px;padding:16px;background:linear-gradient(135deg,#17284b,#315dcc);color:#fff}.billing-referral-share-brand{display:flex;gap:11px;align-items:center}.billing-referral-share-brand>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#fff;color:#315dcc;font-style:normal;font-weight:900}.billing-referral-share-brand strong,.billing-referral-share-brand small,.billing-referral-share-offer span,.billing-referral-share-offer strong,.billing-referral-share-offer small{display:block}.billing-referral-share-brand small,.billing-referral-share-offer small{margin-top:4px;color:#cbd8f4;font-size:9px}.billing-referral-share-offer>span{color:#a9c3ff;font-size:9px;font-weight:800}.billing-referral-share-offer strong{margin-top:3px;font-size:15px}.billing-referral-share-actions{display:flex;gap:7px}.billing-referral-share-actions button{border:1px solid #ffffff45;border-radius:8px;padding:9px 11px;background:#fff;color:#294b9b;font-size:10px;font-weight:800}.billing-referral-share-actions .secondary{background:#ffffff18;color:#fff}
.billing-referral-share-card.is-preview{background:linear-gradient(135deg,#263754,#48658f);filter:saturate(.82)}.billing-referral-share-card.is-preview button:disabled,.billing-referral-share-preview button:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:1050px){body.commercial-mode .traffic-anomaly-intro{grid-template-columns:1fr}.billing-referral-share-card{grid-template-columns:1fr 1fr}.billing-referral-share-actions{grid-column:1/-1}.traffic-latest-summary{grid-template-columns:1fr}.traffic-latest-summary dl>div:first-child{border-left:0}}
@media(max-width:760px){.traffic-anomaly-types,.traffic-latest-summary dl{grid-template-columns:1fr 1fr}body.commercial-mode .billing-current-plan{grid-template-columns:1fr}body.commercial-mode .billing-current-plan>aside{border-left:0;border-top:1px solid #e5eaf2;padding:16px 0 0}.billing-current-benefit-groups,.billing-current-entitlements{grid-template-columns:1fr!important}.billing-referral-share-card{grid-template-columns:1fr}}

/* 桌面工作台的横向尺寸只由视口决定；宽表格在自己的滚动容器内滚动。 */
html{max-width:100%;overflow-x:clip}body{grid-template-columns:230px minmax(0,1fr);max-width:100%;overflow-x:clip}body.commercial-mode{grid-template-columns:248px minmax(0,1fr)}main,.page,.commercial-page,.billing-content,.billing-cdk-center,.billing-referral,.billing-cdk,.rankings-page,.registration-page{min-width:0;max-width:100%}.table-scroll,.rankings-leaderboard-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}

/* Nested business-card headers must not inherit the sticky application topbar geometry. */
body.commercial-mode .billing-platform-provider>header,
body.commercial-mode .billing-referral-orders>header,
body.commercial-mode .billing-cdk-history>header{position:static;top:auto;z-index:auto;height:auto;margin:0;background:transparent;color:inherit;backdrop-filter:none;-webkit-backdrop-filter:none}

/* 营业执照上传核验：文件不落浏览器存储，核验后只展示服务端匹配主体。 */
.commercial-invoice-license-field input[type="file"]{padding:8px;background:#fff;cursor:pointer}.commercial-invoice-license-field input[type="file"]::file-selector-button{margin-right:11px;border:0;border-radius:7px;padding:8px 11px;background:#edf3ff;color:#315dcc;font-size:10px;font-weight:800;cursor:pointer}.commercial-invoice-license-field input[type="file"]:disabled{cursor:wait;opacity:.65}.commercial-invoice-license-status{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dfe6f1;border-radius:10px;padding:11px 12px;background:#fff}.commercial-invoice-license-status>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#edf1f6;color:#71819b;font-size:10px;font-style:normal;font-weight:850}.commercial-invoice-license-status p{margin:0}.commercial-invoice-license-status strong,.commercial-invoice-license-status span{display:block}.commercial-invoice-license-status strong{color:#465b7b;font-size:11px}.commercial-invoice-license-status span{margin-top:3px;color:#8795a9;font-size:10px;line-height:1.45}.commercial-invoice-license-status.loading{border-color:#d4e1f7;background:#f7f9ff}.commercial-invoice-license-status.loading>i{background:#e7efff;color:#315dcc;animation:commercial-invoice-license-pulse 1.2s ease-in-out infinite}.commercial-invoice-license-status.success{border-color:#cce5da;background:#f4faf7}.commercial-invoice-license-status.success>i{background:#dff3e9;color:#21805b}.commercial-invoice-license-status.error{border-color:#edd5d1;background:#fff7f5}.commercial-invoice-license-status.error>i{background:#fae9e6;color:#a34b43}.commercial-invoice-body input[readonly]{border-color:#dfe6f1;background:#f1f4f8;color:#526682;font-weight:750;cursor:not-allowed}.commercial-invoice-actions .primary:disabled{cursor:not-allowed;opacity:.52}@keyframes commercial-invoice-license-pulse{50%{opacity:.45;transform:scale(.92)}}

/* 企业历史订单内的人工开票申请与电子票交付。 */
.billing-invoice-service-note{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:13px;border:1px solid #d8e5f6;border-radius:10px;padding:12px 14px;background:#f7faff}.billing-invoice-service-note strong{color:#354f77;font-size:12px}.billing-invoice-service-note span{max-width:680px;color:#7485a0;font-size:11px;line-height:1.55;text-align:right}.billing-invoice-service-note.warning{border-color:#eadfca;background:#fffaf1}.billing-invoice-state{display:inline-flex;border-radius:999px;padding:5px 8px;background:#fff2d8;color:#9a6817;font-size:10px;font-weight:750;white-space:nowrap}.billing-invoice-state.success{background:#e9f7f0;color:#16805b}.billing-invoice-state.muted{background:#eef1f6;color:#748198}.billing-table-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.billing-table-action{border:1px solid #cad8f2;border-radius:7px;padding:7px 9px;background:#edf3ff;color:#315dcc;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.billing-table-action.primary{border-color:#315dcc;background:#315dcc;color:#fff}.billing-table-action.danger{border-color:#edd1cd;background:#fff2f0;color:#a34b43}.billing-table-hint{color:#8b97aa;font-size:10px}.billing-order-table td strong{color:#354a6d}.commercial-invoice-dialog{width:min(720px,calc(100vw - 40px));color:#354a6d}.commercial-invoice-dialog form{display:flex;max-height:90vh;flex-direction:column}.commercial-invoice-head{flex:none;background:#fff}.commercial-invoice-head p{max-width:560px;margin:6px 0 0;color:#8191aa;font-size:11px;line-height:1.55}.commercial-invoice-body{display:grid;min-height:0;gap:14px;overflow:auto;padding:22px 26px;background:#f8fafd}.commercial-invoice-order-summary{display:grid;grid-template-columns:1.2fr .8fr 1fr;margin:0;border:1px solid #dfe6f1;border-radius:11px;background:#fff}.commercial-invoice-order-summary div{padding:13px 15px}.commercial-invoice-order-summary div+div{border-left:1px solid #edf1f6}.commercial-invoice-order-summary dt{color:#8997aa;font-size:10px}.commercial-invoice-order-summary dd{margin:5px 0 0;color:#30466c;font-size:12px;font-weight:750}.commercial-invoice-body>label{display:grid;gap:7px;color:#60738f;font-size:12px;font-weight:700}.commercial-invoice-body>label input{width:100%;border:1px solid #d8e1ee;border-radius:9px;padding:11px 12px;background:#fff;color:#354a6d}.commercial-invoice-body>label input:focus{border-color:#5978df;box-shadow:0 0 0 3px rgba(49,87,213,.12);outline:none}.commercial-invoice-body>label small{color:#8a98ad;font-size:10px;font-weight:500;line-height:1.5}.commercial-invoice-security-note{display:flex;gap:10px;border:1px solid #d8e9e1;border-radius:10px;padding:12px;background:#f4faf7}.commercial-invoice-security-note>i{display:grid;width:23px;height:23px;flex:none;place-items:center;border-radius:50%;background:#e1f3e9;color:#23815f;font-size:11px;font-style:normal}.commercial-invoice-security-note p{margin:0}.commercial-invoice-security-note strong,.commercial-invoice-security-note span{display:block}.commercial-invoice-security-note strong{color:#416254;font-size:11px}.commercial-invoice-security-note span{margin-top:3px;color:#748b81;font-size:10px;line-height:1.5}.commercial-invoice-form-status{min-height:18px;margin:0;color:#71819b;font-size:11px}.commercial-invoice-form-status.success{color:#16805b}.commercial-invoice-form-status.error{color:#a34b43}.commercial-invoice-actions{flex:none;background:#fff}.commercial-invoice-actions .secondary{border:1px solid #d7e0ec;background:#fff;color:#627590}
/* 阅读数确实无法从代发账号获取时，主登记表显示明确状态而不是空白。 */
.registration-unavailable-readings{display:grid;gap:3px;min-width:96px}
.registration-unavailable-value{display:inline-flex;width:max-content;border:1px solid #eadfca;border-radius:999px;padding:4px 7px;background:#fff8ea;color:#8a662d;font-size:10px;font-weight:750}
.registration-unavailable-readings small{max-width:150px;overflow:hidden;color:#9a8b70;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}

/* 采买中心保持稳定的视口占位，切换套餐/付款阶段时不再上下跳动。 */
.commercial-purchase-dialog{position:fixed;inset:50% auto auto 50%;width:min(1080px,calc(100vw - 48px));height:min(760px,calc(100vh - 40px));min-height:min(560px,calc(100vh - 40px));margin:0;transform:translate(-50%,-50%);}
.commercial-purchase-dialog .commercial-purchase-body{min-height:0;overflow:auto;overscroll-behavior:contain}
@media(max-width:700px){.commercial-purchase-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);min-height:0}.commercial-purchase-dialog .commercial-purchase-body{padding:16px}.commercial-purchase-layout{grid-template-columns:1fr}.commercial-purchase-options{grid-template-columns:1fr}}

/* 发票申请在窄屏内保持单列，订单摘要与操作区不挤压横向页面。 */
@media(max-width:600px){
  .billing-invoice-service-note{display:grid;gap:6px}
  .billing-invoice-service-note span{text-align:left}
  .billing-orders{padding:16px}
  .commercial-invoice-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}
  .commercial-invoice-head{padding:18px}
  .commercial-invoice-body{padding:18px}
  .commercial-invoice-order-summary{grid-template-columns:1fr}
  .commercial-invoice-order-summary div+div{border-top:1px solid #edf1f6;border-left:0}
  .commercial-invoice-actions{align-items:stretch;flex-direction:column}
  .commercial-invoice-actions button{width:100%}
}

/* 套餐页紧凑版：减少信息卡的垂直浪费，保持所有业务信息与操作不变。 */
body.commercial-mode .billing-content{gap:14px;padding-top:4px}

/* 服务提供方在桌面端横向组织，身份与状态无需独占一整行。 */
body.commercial-mode .billing-platform-provider{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);border-radius:14px}
body.commercial-mode .billing-platform-provider>header{min-width:0;border-bottom:0;padding:16px 20px;background:#fafbfe}
body.commercial-mode .billing-platform-provider>header h2{margin:4px 0;font-size:17px}
body.commercial-mode .billing-platform-provider>header p{font-size:11px;line-height:1.5}
body.commercial-mode .billing-platform-provider-identity{display:grid;grid-template-columns:minmax(210px,.86fr) minmax(0,1.14fr);grid-template-rows:auto auto;column-gap:18px;align-items:center;min-width:0;border-left:1px solid #e8edf5;padding:16px 20px}
body.commercial-mode .billing-platform-provider-identity>strong{grid-column:1;font-size:15px}
body.commercial-mode .billing-platform-provider-identity>span{grid-column:1;margin-top:3px;font-size:10px}
body.commercial-mode .billing-platform-provider-identity dl{grid-column:2;grid-row:1 / span 2;gap:8px;margin:0}
body.commercial-mode .billing-platform-provider-identity dl>div{padding:9px 11px;border-radius:8px}
body.commercial-mode .billing-platform-provider-identity dd{margin-top:4px;font-size:11px}

/* 当前套餐：权益保持完整，但改为三组并行、每组双列；续费操作固定在顶部。 */
body.commercial-mode .billing-current-plan{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:20px;padding:20px 22px;border-radius:14px}
body.commercial-mode .billing-current-plan>aside{align-self:start;justify-content:flex-start;gap:12px;padding-left:18px}
body.commercial-mode .billing-current-plan>aside>b{font-size:11px;line-height:1.45}
body.commercial-mode .billing-current-plan>aside .billing-renew-action{width:100%;padding:10px 12px;font-size:12px}
body.commercial-mode .billing-current-plan h2{margin:5px 0 3px;font-size:22px}
body.commercial-mode .billing-current-plan p{font-size:11px}
body.commercial-mode .billing-current-plan::after{right:-28px;bottom:-45px;width:120px;height:120px;border-width:20px;opacity:.32}
body.commercial-mode .billing-entitlements-title{margin-top:14px;font-size:10px}
body.commercial-mode .billing-current-benefit-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;margin-top:9px}
body.commercial-mode .billing-current-benefit-groups>section{padding-top:8px}
body.commercial-mode .billing-current-benefit-groups h4{font-size:9px}
body.commercial-mode .billing-current-benefit-groups .billing-current-entitlements{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 8px!important;margin-top:7px!important}
body.commercial-mode .billing-current-entitlements li{min-width:0;border-radius:7px;padding:5px 7px;background:#fff;font-size:10px;line-height:1.25;overflow-wrap:anywhere}

/* 额度与服务动作卡片保持同一节奏，减少装饰性高度。 */
body.commercial-mode .billing-quota-grid{gap:12px}
body.commercial-mode .billing-quota-grid>article{border-radius:14px}
body.commercial-mode .billing-current-quota{padding:18px 22px}
body.commercial-mode .billing-current-quota strong{margin:7px 0;font-size:29px}
body.commercial-mode .billing-quota-grid .quota-status-card{gap:11px;padding:18px 20px}
body.commercial-mode .billing-quota-grid .quota-status-card i{width:36px;height:36px;border-radius:10px}
body.commercial-mode .billing-quota-grid .quota-status-card strong{font-size:13px}
body.commercial-mode .billing-quota-grid .quota-status-card p{margin-top:5px;font-size:11px}
body.commercial-mode .billing-service-grid{gap:12px}
body.commercial-mode .billing-service-grid>article{min-height:142px;grid-template-columns:36px minmax(0,1fr);gap:10px;border-radius:14px;padding:17px 19px}
body.commercial-mode .billing-service-grid>article i{width:36px;height:36px;border-radius:10px}
body.commercial-mode .billing-service-grid>article strong{margin-top:3px;font-size:14px}
body.commercial-mode .billing-service-grid>article p{margin:5px 0 8px;font-size:11px;line-height:1.5}
body.commercial-mode .billing-service-grid .quota-continuity-card::after{right:14px;bottom:-14px;font-size:74px}
body.commercial-mode .billing-service-grid .upgrade-math-card::after{right:17px;bottom:0;font-size:88px}

/* 推荐奖励与 CDK 区域：保留完整流程，以更紧凑的间距承载长表格和说明。 */
body.commercial-mode .billing-cdk-center{gap:0;padding:18px;border-radius:14px}
body.commercial-mode .billing-cdk-center>.billing-section-head{margin-bottom:12px}
body.commercial-mode .billing-cdk-center>.billing-section-head h2{margin:4px 0;font-size:21px}
body.commercial-mode .billing-cdk-center>.billing-section-head p{font-size:11px;line-height:1.5}
body.commercial-mode .billing-cdk-center-content{gap:12px}
body.commercial-mode .billing-referral{gap:12px;padding:18px;border-radius:14px}
body.commercial-mode .billing-referral>.billing-section-head{margin-bottom:0}
body.commercial-mode .billing-referral>.billing-section-head h2{margin:4px 0;font-size:20px}
body.commercial-mode .billing-referral>.billing-section-head p{font-size:11px;line-height:1.5}
body.commercial-mode .billing-referral-metrics article{padding:11px 13px}
body.commercial-mode .billing-referral-metrics strong{margin:4px 0;font-size:20px}
body.commercial-mode .billing-referral-notice{padding:9px 11px;font-size:10px;line-height:1.45}
body.commercial-mode .billing-referral-share{gap:14px;padding:12px 14px}
body.commercial-mode .billing-referral-share strong{margin:3px 0;font-size:11px}
body.commercial-mode .billing-referral-share-card{gap:12px;margin:0;padding:12px 14px}
body.commercial-mode .billing-referral-share-card .billing-referral-share-brand>i{width:34px;height:34px;border-radius:9px}
body.commercial-mode .billing-referral-rules>div{grid-template-columns:92px minmax(0,1fr);gap:8px;padding:9px 11px}
body.commercial-mode .billing-referral-rules dd{font-size:10px;line-height:1.45}
body.commercial-mode .billing-referral-orders>header{padding:11px 13px}
body.commercial-mode .billing-referral-orders th,body.commercial-mode .billing-referral-orders td{padding:8px 10px;font-size:10px}
body.commercial-mode .billing-referral-redeem{gap:12px;padding-top:14px}
body.commercial-mode .billing-referral-redeem>.billing-section-head h2{margin:4px 0;font-size:20px}
body.commercial-mode .billing-referral-redeem>.billing-section-head p{font-size:11px;line-height:1.5}
body.commercial-mode .billing-referral-redeem .billing-cdk-form{gap:10px;padding:14px}
body.commercial-mode .billing-referral-redeem>.billing-cdk-preview{padding:14px}
body.commercial-mode .billing-cdk{padding:18px}
body.commercial-mode .billing-cdk-layout{gap:12px}
body.commercial-mode .billing-cdk-form{gap:10px;padding:14px}
body.commercial-mode .billing-cdk-history>header{padding:11px 13px}
body.commercial-mode .billing-cdk-history th,body.commercial-mode .billing-cdk-history td{padding:8px 10px;font-size:10px}

@media(max-width:1180px){
  body.commercial-mode .billing-platform-provider{grid-template-columns:1fr}
  body.commercial-mode .billing-platform-provider>header{border-bottom:1px solid #e8edf5}
  body.commercial-mode .billing-platform-provider-identity{border-left:0}
}
@media(max-width:760px){
  body.commercial-mode .billing-content{grid-template-columns:minmax(0,1fr)}
  body.commercial-mode .billing-platform-provider-identity{display:block}
  body.commercial-mode .billing-platform-provider-identity dl{margin-top:12px}
  body.commercial-mode .billing-current-plan{grid-template-columns:1fr;gap:14px}
  body.commercial-mode .billing-current-plan>aside{border-top:1px solid #e5eaf2;border-left:0;padding:14px 0 0}
  body.commercial-mode .billing-current-benefit-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  body.commercial-mode .billing-current-benefit-groups{grid-template-columns:1fr}
  body.commercial-mode .billing-current-benefit-groups .billing-current-entitlements{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Platform-only invoice delivery callout. */
.commercial-invoice-delivery-note{display:flex;gap:10px;border:1px solid #d8e5f6;border-radius:10px;padding:12px;background:#f7faff}.commercial-invoice-delivery-note>i{display:grid;width:23px;height:23px;flex:none;place-items:center;border-radius:50%;background:#e7efff;color:#315dcc;font-size:14px;font-style:normal;font-weight:800}.commercial-invoice-delivery-note p{margin:0}.commercial-invoice-delivery-note strong,.commercial-invoice-delivery-note span{display:block}.commercial-invoice-delivery-note strong{color:#385887;font-size:11px}.commercial-invoice-delivery-note span{margin-top:3px;color:#7485a0;font-size:10px;line-height:1.5}

/* Flagship retention & anomaly center */
.retention-monitoring-page{--retention-ink:#172c27;--retention-green:#1f6a50;--retention-mint:#dff4ea;--retention-line:#dfe9e4;--retention-red:#b44747;--retention-amber:#b17828;color:var(--retention-ink)}
.retention-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:18px;margin-bottom:16px}
.retention-hero-copy{position:relative;overflow:hidden;padding:32px 34px;border-radius:22px;background:linear-gradient(132deg,#173d31 0%,#245c48 57%,#2e7659 100%);box-shadow:0 18px 42px rgba(28,75,58,.16);color:#fff}
.retention-hero-copy:after{position:absolute;right:-78px;bottom:-108px;width:290px;height:290px;border:42px solid rgba(255,255,255,.055);border-radius:50%;content:""}
.retention-kicker{display:flex;position:relative;z-index:1;align-items:center;gap:10px}.retention-kicker span{padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.11);font-size:11px;font-weight:800}.retention-kicker small{color:#b8d9ca;font-size:10px;letter-spacing:.16em}
.retention-hero-copy h1{position:relative;z-index:1;margin:14px 0 8px;font-size:32px;letter-spacing:-.03em}.retention-hero-copy>p{position:relative;z-index:1;max-width:760px;margin:0;color:#d5e9df;font-size:14px;line-height:1.8}
.retention-definition{display:flex;position:relative;z-index:1;align-items:flex-start;gap:10px;margin-top:22px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(7,29,22,.22);color:#dcece4;font-size:12px;line-height:1.65}.retention-definition i{display:grid;flex:0 0 22px;height:22px;border-radius:50%;background:#d8f2e5;color:#1e674d;font-style:normal;font-weight:900;place-items:center}.retention-definition strong{display:block;margin-bottom:1px;color:#fff}
.retention-hero-status{display:flex;flex-direction:column;justify-content:center;padding:25px;border:1px solid #d9e7e0;border-radius:22px;background:linear-gradient(145deg,#fff,#f3f9f6);box-shadow:0 15px 34px rgba(29,69,52,.08)}.retention-hero-status>span{width:max-content;padding:5px 8px;border-radius:7px;background:#e1f1e9;color:#2a6a51;font-size:10px;font-weight:800;letter-spacing:.08em}.retention-hero-status>strong{margin:14px 0 5px;font-size:23px}.retention-hero-status>small{color:#6f8078;font-size:11px}.retention-coverage-line{height:8px;margin:22px 0 8px;overflow:hidden;border-radius:99px;background:#dfeae5}.retention-coverage-line span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b7b5d,#55a37f);transition:width .35s ease}.retention-hero-status>b{color:#45645a;font-size:11px}
.retention-filter-bar{display:flex;align-items:center;gap:12px;margin:16px 0;padding:10px;border:1px solid var(--retention-line);border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(24,55,44,.05)}.retention-period-tabs,.retention-view-tabs,.retention-anomaly-tabs{display:flex;gap:4px;padding:4px;border-radius:11px;background:#edf3f0}.retention-period-tabs button,.retention-view-tabs button,.retention-anomaly-tabs button{border:0;border-radius:8px;background:transparent;color:#66766f;font-weight:650;cursor:pointer;white-space:nowrap}.retention-period-tabs button{padding:9px 16px}.retention-period-tabs button.active,.retention-view-tabs button.active,.retention-anomaly-tabs button.active{background:#fff;color:#215b46;box-shadow:0 3px 10px rgba(24,65,49,.1)}.retention-filter-bar>label{display:flex;align-items:center;gap:8px;margin-left:auto;color:#718078;font-size:11px}.retention-filter-bar select{min-width:150px;border:1px solid #d7e2dd;border-radius:9px;padding:9px;background:#fff}.retention-filter-bar>button{margin-left:auto}.retention-filter-bar>label:not([hidden])+button{margin-left:0}
.retention-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.retention-metric-grid article{position:relative;overflow:hidden;min-height:122px;padding:20px;border:1px solid var(--retention-line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(27,58,47,.055)}.retention-metric-grid article:before{position:absolute;top:19px;right:19px;width:9px;height:9px;border-radius:50%;background:#8fb0a2;box-shadow:0 0 0 5px #edf4f1;content:""}.retention-metric-grid article.primary{border-color:#c9e4d8;background:linear-gradient(145deg,#eefaf4,#fff)}.retention-metric-grid article.primary:before{background:#2c8061;box-shadow:0 0 0 5px #dcefe6}.retention-metric-grid article.danger:before{background:#b84e4e;box-shadow:0 0 0 5px #fae9e9}.retention-metric-grid article.pending:before{background:#b27a2b;box-shadow:0 0 0 5px #fbf0de}.retention-metric-grid span,.retention-metric-grid small{display:block;color:#75827c;font-size:11px}.retention-metric-grid strong{display:block;margin:10px 0 7px;color:#173c31;font-size:29px;line-height:1}.retention-metric-grid article.danger strong{color:#9c3f3f}.retention-metric-grid article.pending strong{color:#946223}
.retention-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.retention-card{padding:22px;border:1px solid var(--retention-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(25,57,46,.055)}.retention-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.retention-card-head small{display:block;margin-bottom:4px;color:#829088;font-size:10px;letter-spacing:.04em}.retention-card-head h2{margin:0;font-size:18px}.retention-card-head>span{padding:6px 9px;border-radius:8px;background:#eff5f2;color:#527064;font-size:10px;font-weight:700}
.retention-trend{display:flex;align-items:flex-end;gap:8px;min-height:236px;padding:18px 6px 2px;overflow-x:auto;border-bottom:1px solid #e4ece8;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#edf2f0 55px)}.retention-trend-column{display:grid;flex:1 0 34px;min-width:34px;justify-items:center;gap:5px}.retention-trend-stack{display:flex;flex-direction:column;justify-content:flex-end;width:19px;height:150px;overflow:hidden;border-radius:6px;background:#edf2f0}.retention-trend-stack span{display:block;width:100%;min-height:0}.retention-trend-stack .pending{background:#e0ad5f}.retention-trend-stack .retained{background:#48a47e}.retention-trend-stack .lost{background:#c65d5d}.retention-trend-column strong{font-size:9px}.retention-trend-column small{color:#87928d;font-size:9px}.retention-legend{display:flex;justify-content:flex-end;gap:15px;padding-top:14px;color:#68776f;font-size:10px}.retention-legend span:before{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:2px;content:""}.retention-legend .retained:before{background:#48a47e}.retention-legend .lost:before{background:#c65d5d}.retention-legend .pending:before{background:#e0ad5f}
.retention-watch-list{display:grid;gap:9px}.retention-watch-list button{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;width:100%;padding:13px;border:1px solid #e2e9e6;border-radius:13px;background:#fbfcfc;color:inherit;text-align:left;cursor:pointer}.retention-watch-list button.clear{cursor:default}.retention-watch-list button>b{display:grid;width:38px;height:38px;border-radius:10px;background:#e7f2ed;color:#2e7458;font-size:15px;place-items:center}.retention-watch-list button.danger>b{background:#fae8e8;color:#a34040}.retention-watch-list button.pending>b{background:#fbefdc;color:#996827}.retention-watch-list button.warning>b{background:#f2e8f7;color:#724687}.retention-watch-list button span{display:grid;gap:3px}.retention-watch-list button span strong{font-size:12px}.retention-watch-list button span small{color:#78867f;font-size:10px;line-height:1.4}.retention-watch-list button>i{color:#8d9993;font-style:normal}
.retention-performance-card{margin-bottom:16px}.retention-performance-head{align-items:center}.retention-view-tabs button{padding:8px 15px}.retention-performance-list{display:grid;gap:8px}.retention-performance-row{display:grid;grid-template-columns:28px minmax(180px,1fr) minmax(130px,.7fr) minmax(250px,1fr) minmax(105px,.55fr);align-items:center;gap:14px;padding:13px 14px;border:1px solid #e5ece8;border-radius:13px;background:#fcfdfd}.retention-rank{display:grid;width:26px;height:26px;border-radius:8px;background:#edf3f0;color:#5b6e65;font-size:10px;font-weight:800;place-items:center}.retention-entity{display:grid;min-width:0;gap:3px}.retention-entity strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.retention-entity small{color:#849089;font-size:9px}.retention-rate{display:grid;grid-template-columns:54px minmax(62px,1fr);align-items:center;gap:8px}.retention-rate>strong{font-size:14px}.retention-rate>div{height:6px;overflow:hidden;border-radius:99px;background:#e8efec}.retention-rate>div span{display:block;height:100%;border-radius:inherit;background:#45a17a}.retention-performance-row dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.retention-performance-row dl div{display:grid;grid-template-columns:auto auto;justify-content:start;gap:5px}.retention-performance-row dt{color:#89948f;font-size:9px}.retention-performance-row dd{margin:0;color:#365448;font-size:10px;font-weight:800}.retention-performance-row dd.loss{color:#ac4848}.retention-change{justify-self:end;padding:5px 7px;border-radius:7px;background:#f1f4f3;color:#78857f;font-size:9px;font-weight:700;white-space:nowrap}.retention-change.up{background:#e4f3eb;color:#277254}.retention-change.down{background:#fae9e9;color:#a84646}
.retention-anomaly-card{margin-bottom:28px}.retention-anomaly-head{align-items:center}.retention-anomaly-tabs{overflow-x:auto}.retention-anomaly-tabs button{display:flex;align-items:center;gap:6px;padding:8px 12px}.retention-anomaly-tabs b{display:grid;min-width:19px;height:19px;padding:0 4px;border-radius:99px;background:#dfe8e4;color:#596a62;font-size:9px;place-items:center}.retention-anomaly-tabs button.active b{background:#dcefe6;color:#246348}.retention-anomaly-list{display:grid;gap:9px}.retention-anomaly-row{display:grid;grid-template-columns:38px minmax(220px,1.4fr) minmax(200px,.75fr) auto;align-items:center;gap:13px;padding:14px 15px;border:1px solid #e4ebe8;border-radius:14px;background:#fcfdfd}.retention-anomaly-row.losses{border-left:3px solid #bd5353}.retention-anomaly-row.pending{border-left:3px solid #c08a39}.retention-anomaly-row.accounts{border-left:3px solid #7b568d}.retention-anomaly-mark{display:grid;width:36px;height:36px;border-radius:11px;background:#f7e4e4;color:#a33f3f;font-size:11px;font-weight:900;place-items:center}.retention-anomaly-row.pending .retention-anomaly-mark{background:#f9edd9;color:#9a6825}.retention-anomaly-row.accounts .retention-anomaly-mark{background:#f1e8f5;color:#704681}.retention-anomaly-main{display:grid;min-width:0;gap:3px}.retention-anomaly-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.retention-anomaly-main small,.retention-anomaly-main p{margin:0;color:#7c8983;font-size:9px}.retention-anomaly-evidence{display:grid;gap:3px;color:#526a60;font-size:10px}.retention-anomaly-evidence small{color:#8b9691;font-size:9px}.retention-empty-state{display:grid;justify-items:center;gap:5px;padding:34px;border:1px dashed #d8e3de;border-radius:14px;background:#fafcfb;text-align:center}.retention-empty-state b{display:grid;width:38px;height:38px;border-radius:50%;background:#e3f2eb;color:#287052;place-items:center}.retention-empty-state strong{font-size:12px}.retention-empty-state span{color:#84918a;font-size:10px}
@media(max-width:1180px){.retention-hero{grid-template-columns:1fr}.retention-hero-status{min-height:170px}.retention-overview-grid{grid-template-columns:1fr}.retention-performance-row{grid-template-columns:28px minmax(160px,1fr) minmax(120px,.7fr) minmax(220px,1fr)}.retention-change{grid-column:2/-1;justify-self:start}.retention-anomaly-row{grid-template-columns:38px minmax(220px,1fr) minmax(180px,.7fr)}.retention-anomaly-row>button,.retention-anomaly-row>.readonly-text{grid-column:2/-1;justify-self:start}}
@media(max-width:800px){.retention-hero-copy{padding:25px 22px}.retention-hero-copy h1{font-size:27px}.retention-filter-bar{align-items:stretch;flex-direction:column}.retention-period-tabs{width:100%;overflow-x:auto}.retention-period-tabs button{flex:1;padding:9px 11px}.retention-filter-bar>label{justify-content:space-between;width:100%;margin:0}.retention-filter-bar select{flex:1}.retention-filter-bar>button{width:100%;margin:0}.retention-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retention-performance-head,.retention-anomaly-head{align-items:stretch;flex-direction:column}.retention-view-tabs{width:max-content}.retention-performance-row{grid-template-columns:28px minmax(0,1fr)}.retention-rate,.retention-performance-row dl,.retention-change{grid-column:2}.retention-performance-row dl{grid-template-columns:repeat(3,max-content)}.retention-anomaly-row{grid-template-columns:38px minmax(0,1fr)}.retention-anomaly-evidence,.retention-anomaly-row>button,.retention-anomaly-row>.readonly-text{grid-column:2}.retention-card{padding:17px}.retention-anomaly-tabs{width:100%}}

/* Retention monitoring decision-center redesign */
.retention-monitoring-page{--retention-ink:#17223a;--retention-brand:#3156b5;--retention-blue-soft:#eef3ff;--retention-green:#237a5b;--retention-red:#b9474d;--retention-amber:#a96c19;--retention-purple:#7251a3;--retention-line:#dfe5ef;color:var(--retention-ink)}
.retention-monitoring-page .retention-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-bottom:14px;padding:24px 26px 18px;border:0;border-radius:20px;background:linear-gradient(125deg,#15213d 0%,#223867 62%,#3157a7 100%);box-shadow:0 16px 38px rgba(29,47,91,.18);color:#fff}
.retention-monitoring-page .retention-hero-copy{position:static;overflow:visible;padding:0;border-radius:0;background:none;box-shadow:none}.retention-monitoring-page .retention-hero-copy:after{display:none}.retention-monitoring-page .retention-kicker span{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.1)}.retention-monitoring-page .retention-kicker small{color:#aebee5}.retention-monitoring-page .retention-hero-copy h1{margin:10px 0 5px;font-size:28px}.retention-monitoring-page .retention-hero-copy>p{max-width:790px;color:#d4ddf3;font-size:13px;line-height:1.65}
.retention-hero-actions{display:flex;align-items:flex-start;gap:8px}.retention-hero-actions button{min-height:36px;padding:0 14px;border-radius:9px;font-size:11px;font-weight:750;cursor:pointer}.retention-rules-button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}.retention-refresh-button{border:1px solid #fff;background:#fff;color:#203c7c}.retention-hero-proof{display:grid;grid-column:1/-1;grid-template-columns:auto auto minmax(160px,1fr);align-items:center;gap:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.retention-hero-proof>span{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:2px 7px}.retention-hero-proof>span:first-child{grid-template-columns:auto auto}.retention-hero-proof i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#61d5a8;box-shadow:0 0 0 5px rgba(97,213,168,.12)}.retention-hero-proof strong,.retention-hero-proof b{color:#fff;font-size:11px}.retention-hero-proof small{grid-column:2;color:#aebbd8;font-size:9px}.retention-hero-proof>span:nth-child(2) small{grid-column:1/-1}.retention-monitoring-page .retention-coverage-line{height:6px;margin:0;background:rgba(255,255,255,.14)}.retention-monitoring-page .retention-coverage-line span{background:linear-gradient(90deg,#62d3ac,#a2e7ce)}
.retention-monitoring-page>.notice{margin:0 0 12px;padding:8px 12px;border-radius:9px;font-size:10px}.retention-monitoring-page .retention-filter-bar{gap:14px;margin:0 0 12px;padding:9px 10px;border-color:var(--retention-line);border-radius:12px;box-shadow:none}.retention-filter-copy{display:grid;gap:1px;padding:0 6px}.retention-filter-copy strong{font-size:11px}.retention-filter-copy span{color:#8a94a7;font-size:9px}.retention-monitoring-page .retention-period-tabs,.retention-monitoring-page .retention-view-tabs,.retention-monitoring-page .retention-anomaly-tabs{background:#f1f4f9}.retention-monitoring-page .retention-period-tabs button,.retention-monitoring-page .retention-view-tabs button,.retention-monitoring-page .retention-anomaly-tabs button{color:#657086}.retention-monitoring-page .retention-period-tabs button.active,.retention-monitoring-page .retention-view-tabs button.active,.retention-monitoring-page .retention-anomaly-tabs button.active{color:#274a9b;box-shadow:0 3px 10px rgba(38,70,145,.1)}.retention-monitoring-page .retention-filter-bar>label{margin-left:auto;color:#6f7b91}.retention-monitoring-page .retention-filter-bar select{border-color:#d7deea}
.retention-monitoring-page .retention-metric-grid{grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin-bottom:12px}.retention-monitoring-page .retention-metric-grid article{min-height:108px;padding:17px 18px;border-color:var(--retention-line);border-radius:14px;box-shadow:0 7px 20px rgba(27,39,70,.045)}.retention-monitoring-page .retention-metric-grid article:before{top:16px;right:16px;width:7px;height:7px;background:#7b8aa8;box-shadow:0 0 0 4px #edf0f5}.retention-monitoring-page .retention-metric-grid article.primary{border-color:#cfd9f1;background:linear-gradient(145deg,#edf3ff,#fff)}.retention-monitoring-page .retention-metric-grid article.primary:before{background:var(--retention-brand);box-shadow:0 0 0 4px #dfe8fb}.retention-monitoring-page .retention-metric-grid article.danger:before{background:var(--retention-red)}.retention-monitoring-page .retention-metric-grid article.pending:before{background:var(--retention-amber)}.retention-monitoring-page .retention-metric-grid article.risk:before{background:var(--retention-purple);box-shadow:0 0 0 4px #eee8f7}.retention-monitoring-page .retention-metric-grid span,.retention-monitoring-page .retention-metric-grid small{color:#778298}.retention-monitoring-page .retention-metric-grid strong{margin:10px 0 6px;color:#1e2b46;font-size:26px}.retention-monitoring-page .retention-metric-grid strong em{margin-left:4px;color:#8a94a7;font-size:12px;font-style:normal;font-weight:650}.retention-monitoring-page .retention-metric-grid article.danger strong{color:var(--retention-red)}.retention-monitoring-page .retention-metric-grid article.pending strong{color:var(--retention-amber)}.retention-monitoring-page .retention-metric-grid article.risk strong{color:var(--retention-purple)}
.retention-monitoring-page .retention-card{padding:19px;border-color:var(--retention-line);border-radius:15px;box-shadow:0 8px 24px rgba(26,39,69,.045)}.retention-monitoring-page .retention-card-head{margin-bottom:14px}.retention-monitoring-page .retention-card-head small{color:#8893a6}.retention-monitoring-page .retention-card-head h2{font-size:17px}.retention-monitoring-page .retention-card-head>span{background:#eef3ff;color:#4260a4}
.retention-decision-card{margin-bottom:12px;border-top:3px solid #365db8!important}.retention-decision-brief{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.retention-decision-brief button{display:grid;position:relative;min-height:112px;padding:13px;border:1px solid #e3e8f1;border-radius:11px;background:#fafbfe;color:inherit;text-align:left}.retention-decision-brief button:not(:disabled){cursor:pointer}.retention-decision-brief button>span{width:max-content;margin-bottom:10px;padding:3px 7px;border-radius:6px;background:#edf1f7;color:#657086;font-size:9px;font-weight:800}.retention-decision-brief button>strong{font-size:12px;line-height:1.45}.retention-decision-brief button>small{margin-top:5px;color:#778298;font-size:9px;line-height:1.5}.retention-decision-brief button>i{align-self:end;margin-top:8px;color:#365bb2;font-size:9px;font-style:normal;font-weight:750}.retention-decision-brief button.danger{border-color:#f0d6d8;background:#fffafa}.retention-decision-brief button.danger>span{background:#fae8e9;color:#a53f45}.retention-decision-brief button.pending{border-color:#efdfc4;background:#fffdf8}.retention-decision-brief button.pending>span{background:#f8ecd8;color:#9a641b}.retention-decision-brief button.risk{border-color:#e5dbef;background:#fdfbff}.retention-decision-brief button.risk>span{background:#f0eaf6;color:#6e4c96}.retention-decision-brief button.healthy>span{background:#e8f4ef;color:#29745a}
.retention-monitoring-page .retention-anomaly-card{margin-bottom:12px;border-top:3px solid #202f51}.retention-monitoring-page .retention-anomaly-tabs b{background:#e3e8f1}.retention-monitoring-page .retention-anomaly-tabs button.active b{background:#e2eaff;color:#2d50a4}.retention-anomaly-guidance{margin:-2px 0 12px;padding:9px 11px;border-radius:9px;background:#f4f6fa;color:#5e6a80;font-size:10px;line-height:1.5}.retention-monitoring-page .retention-anomaly-row{border-color:#e3e8f0;background:#fcfdff}.retention-monitoring-page .retention-anomaly-row.losses{border-left-color:var(--retention-red)}.retention-monitoring-page .retention-anomaly-row.pending{border-left-color:var(--retention-amber)}.retention-monitoring-page .retention-anomaly-row.accounts{border-left-color:var(--retention-purple)}.retention-monitoring-page .retention-anomaly-main small,.retention-monitoring-page .retention-anomaly-main p{color:#7a8599}.retention-monitoring-page .retention-anomaly-evidence{color:#536179}.retention-monitoring-page .retention-empty-state{border-color:#dbe2ed;background:#fafbfe}.retention-monitoring-page .retention-empty-state b{background:#e8f4ef;color:#267257}
.retention-monitoring-page .retention-performance-card{margin-bottom:12px}.retention-monitoring-page .retention-performance-row{border-color:#e4e9f1;background:#fcfdff}.retention-monitoring-page .retention-rank{background:#eef1f6;color:#637087}.retention-monitoring-page .retention-entity small{color:#828da0}.retention-monitoring-page .retention-rate>div{background:#e8ecf3}.retention-monitoring-page .retention-rate>div span{background:#4369c1}.retention-monitoring-page .retention-performance-row dd{color:#3f4e68}.retention-monitoring-page .retention-performance-row dd.loss{color:var(--retention-red)}.retention-monitoring-page .retention-change.up{background:#e7f4ef;color:#28755a}.retention-monitoring-page .retention-change.down{background:#fae9ea;color:#a54147}
.retention-support-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:12px;margin-bottom:12px}.retention-monitoring-page .retention-trend{min-height:164px;padding-top:8px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#edf0f5 38px)}.retention-monitoring-page .retention-trend-stack{height:92px;background:#e9edf3}.retention-monitoring-page .retention-trend-stack .retained{background:#3f9c78}.retention-monitoring-page .retention-trend-stack .lost{background:#c45157}.retention-monitoring-page .retention-trend-stack .pending{background:#d99a3e}.retention-monitoring-page .retention-legend{padding-top:10px}.retention-rule-card{display:flex;flex-direction:column;background:linear-gradient(150deg,#f3f6ff,#fff)!important}.retention-rule-icon{display:grid;width:35px;height:35px;margin-bottom:12px;border-radius:10px;background:#dfe8fb;color:#3154aa;font-size:12px;font-weight:900;place-items:center}.retention-rule-card>small{color:#73809a;font-size:9px;letter-spacing:.08em}.retention-rule-card h2{margin:4px 0 7px;font-size:17px}.retention-rule-card p{margin:0;color:#657189;font-size:10px;line-height:1.65}.retention-rule-card ul{display:grid;gap:5px;margin:13px 0;padding:0;list-style:none}.retention-rule-card li{color:#43526d;font-size:10px}.retention-rule-card li:before{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#496bc0;vertical-align:middle;content:""}.retention-rule-card button{align-self:flex-start;margin-top:auto;padding:8px 12px;border:0;border-radius:8px;background:#2f54ad;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.retention-monitoring-page>.retention-definition{margin:0;padding:11px 13px;border:1px solid #dce3ee;border-radius:11px;background:#f7f9fc;color:#5f6b80;font-size:10px}.retention-monitoring-page>.retention-definition i{width:23px;height:23px;background:#e2e9f8;color:#3154a6;font-size:9px}.retention-monitoring-page>.retention-definition strong{color:#263755}
@media(max-width:1180px){.retention-monitoring-page .retention-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.retention-decision-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.retention-support-grid{grid-template-columns:1fr}.retention-rule-card button{margin-top:10px}}
@media(max-width:800px){.retention-monitoring-page .retention-hero{grid-template-columns:1fr;padding:21px 19px 16px}.retention-hero-actions{grid-row:2}.retention-hero-proof{grid-row:3;grid-template-columns:1fr;gap:10px}.retention-monitoring-page .retention-filter-bar{align-items:stretch;flex-direction:column}.retention-filter-copy{padding:0}.retention-monitoring-page .retention-filter-bar>label{margin:0}.retention-monitoring-page .retention-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retention-decision-brief{grid-template-columns:1fr}.retention-monitoring-page .retention-anomaly-head,.retention-monitoring-page .retention-performance-head{align-items:stretch;flex-direction:column}.retention-monitoring-page .retention-card{padding:16px}.retention-monitoring-page .retention-anomaly-tabs{width:100%}}
@media(max-width:520px){.retention-hero-actions{display:grid;grid-template-columns:1fr 1fr}.retention-monitoring-page .retention-period-tabs button{padding:8px 9px}.retention-monitoring-page .retention-metric-grid{grid-template-columns:1fr 1fr}.retention-monitoring-page .retention-metric-grid article.primary{grid-column:1/-1}.retention-monitoring-page .retention-metric-grid article{min-height:101px}.retention-monitoring-page .retention-anomaly-tabs button{flex:1;justify-content:center;padding:8px}.retention-monitoring-page .retention-anomaly-row{grid-template-columns:34px minmax(0,1fr)}.retention-monitoring-page .retention-anomaly-evidence,.retention-monitoring-page .retention-anomaly-row>button,.retention-monitoring-page .retention-anomaly-row>.readonly-text{grid-column:2}.retention-monitoring-page .retention-performance-row dl{grid-template-columns:repeat(3,1fr);width:100%}}
.retention-monitoring-page .retention-metric-grid article.featured{border-color:#cfd9f1;background:linear-gradient(145deg,#edf3ff,#fff)}.retention-monitoring-page .retention-metric-grid article.featured:before{background:var(--retention-brand);box-shadow:0 0 0 4px #dfe8fb}
@media(max-width:520px){.retention-monitoring-page .retention-metric-grid article.featured{grid-column:1/-1}}
.retention-monitoring-page .retention-card{min-width:0}.retention-monitoring-page .retention-trend{max-width:100%}
@media(max-width:1180px){.retention-support-grid{grid-template-columns:minmax(0,1fr)}}

/* Retention overview final two-state layout and account-risk subpage. */
.retention-monitoring-page .retention-hero-proof{grid-template-columns:auto auto;justify-content:start}
.retention-monitoring-page #retentionOverviewView>.notice,.retention-risk-view>.notice{margin:0 0 12px;padding:9px 12px;border-radius:9px;font-size:10px}
.retention-monitoring-page .retention-metric-grid--compact{grid-template-columns:1.25fr 1fr 1fr}
.retention-monitoring-page .retention-metric-grid--compact article{min-height:112px}
.retention-performance-controls{display:flex;align-items:center;gap:12px}.retention-performance-controls>span{color:#7a869b;font-size:9px;white-space:nowrap}
.retention-performance-columns{display:grid;grid-template-columns:28px minmax(180px,1fr) minmax(130px,.7fr) minmax(220px,1fr) minmax(175px,.55fr);gap:14px;margin:0 14px 8px;padding:0 0 8px;border-bottom:1px solid #edf0f5;color:#8a94a7;font-size:9px}.retention-performance-columns span:last-child{text-align:right}
.retention-monitoring-page .retention-performance-row{grid-template-columns:28px minmax(180px,1fr) minmax(130px,.7fr) minmax(220px,1fr) minmax(175px,.55fr)}
.retention-monitoring-page .retention-performance-row dl{grid-template-columns:repeat(2,minmax(92px,1fr));gap:9px}.retention-monitoring-page .retention-performance-row dl div{display:grid;gap:2px}.retention-monitoring-page .retention-performance-row dt{font-size:9px}.retention-monitoring-page .retention-performance-row dd{font-size:11px}
.retention-trend-card--wide{margin-bottom:12px}.retention-trend-card--wide .retention-trend{min-height:190px}.retention-trend-card--wide .retention-trend-stack{height:116px}
.retention-monitoring-page #retentionOverviewView>.retention-definition{margin:0;padding:11px 13px;border:1px solid #dce3ee;border-radius:11px;background:#f7f9fc;color:#5f6b80;font-size:10px}.retention-monitoring-page #retentionOverviewView>.retention-definition i{width:23px;height:23px;background:#e2e9f8;color:#3154a6;font-size:9px}.retention-monitoring-page #retentionOverviewView>.retention-definition strong{color:#263755}

.retention-risk-view{min-width:0;padding-bottom:24px}.retention-risk-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px;padding:25px 27px;border-radius:18px;background:linear-gradient(125deg,#17213a,#253a6a 65%,#3b5795);box-shadow:0 14px 34px rgba(30,47,88,.15);color:#fff}.retention-risk-header>div{display:grid;gap:4px}.retention-risk-header #backRetentionOverview{justify-self:start;margin-bottom:11px;padding:0;border:0;background:transparent;color:#cbd7f3;font-size:10px;cursor:pointer}.retention-risk-header small{color:#aebddd;font-size:9px;letter-spacing:.08em}.retention-risk-header h1{margin:2px 0 1px;font-size:26px}.retention-risk-header p{max-width:760px;margin:0;color:#d3dcf1;font-size:11px;line-height:1.6}.retention-risk-header>.secondary{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff}
.retention-risk-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.retention-risk-summary article{position:relative;min-height:105px;padding:17px 18px;border:1px solid #dfe5ef;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(27,39,70,.045)}.retention-risk-summary article:after{position:absolute;top:17px;right:17px;width:8px;height:8px;border-radius:50%;background:#526b9d;box-shadow:0 0 0 4px #e8edf6;content:""}.retention-risk-summary article.warning:after{background:#b57b24;box-shadow:0 0 0 4px #faeedb}.retention-risk-summary article.suspended:after{background:#b9474d;box-shadow:0 0 0 4px #fae8e9}.retention-risk-summary span,.retention-risk-summary small{display:block;color:#7a869a;font-size:10px}.retention-risk-summary strong{display:block;margin:9px 0 5px;color:#1d2c49;font-size:26px}.retention-risk-summary .warning strong{color:#9b681d}.retention-risk-summary .suspended strong{color:#a53f45}
.retention-risk-team-card{margin-bottom:12px;padding:18px 20px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(26,39,69,.045)}.retention-risk-team-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.retention-risk-team-head small{color:#7c879a;font-size:9px;letter-spacing:.04em}.retention-risk-team-head h2{margin:4px 0 3px;color:#1f2d49;font-size:18px}.retention-risk-team-head p{margin:0;color:#7a8699;font-size:9px;line-height:1.55}.retention-risk-team-head>span{padding:6px 8px;border-radius:7px;background:#eef3fd;color:#536b9f;font-size:9px;font-weight:700;white-space:nowrap}.retention-risk-team-columns,.retention-risk-team-row{display:grid;grid-template-columns:44px minmax(190px,1fr) minmax(170px,.75fr) minmax(210px,.8fr) 78px;align-items:center;gap:12px}.retention-risk-team-columns{margin:0 12px 7px;padding:0 0 7px;border-bottom:1px solid #edf0f5;color:#8a94a7;font-size:9px}.retention-risk-team-columns span:last-child{text-align:right}.retention-risk-team-list{display:grid;gap:7px}.retention-risk-team-row{width:100%;padding:12px;border:1px solid #e4e8f0;border-left:3px solid #c18a35;border-radius:11px;background:#fcfdff;color:inherit;text-align:left}.retention-risk-team-row:not(:disabled){cursor:pointer}.retention-risk-team-row:not(:disabled):hover,.retention-risk-team-row.active{border-color:#b8c9ea;background:#f8faff;box-shadow:0 5px 14px rgba(38,65,120,.06)}.retention-risk-team-row.suspended{border-left-color:#bd4c52}.retention-risk-team-row.clear{border-left-color:#91aa9e}.retention-risk-team-row:disabled{cursor:default;opacity:.82}.retention-risk-team-rank{display:grid;width:28px;height:28px;border-radius:8px;background:#eef1f6;color:#637087;font-size:10px;font-weight:800;place-items:center}.retention-risk-team-name{display:grid;min-width:0;gap:3px}.retention-risk-team-name strong{overflow:hidden;color:#25334f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.retention-risk-team-name small{color:#838ea1;font-size:9px}.retention-risk-team-rate{display:grid;grid-template-columns:50px minmax(70px,1fr);align-items:center;gap:8px}.retention-risk-team-rate>strong{color:#34445f;font-size:13px}.retention-risk-team-rate>div{height:6px;overflow:hidden;border-radius:999px;background:#e9edf4}.retention-risk-team-rate>div span{display:block;height:100%;border-radius:inherit;background:#c18a35}.retention-risk-team-row.suspended .retention-risk-team-rate>div span{background:#bd4c52}.retention-risk-team-row.clear .retention-risk-team-rate>div span{background:#6f9d88}.retention-risk-team-state{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.retention-risk-team-state div{display:grid;gap:2px}.retention-risk-team-state dt{color:#8994a6;font-size:8px}.retention-risk-team-state dd{margin:0;color:#986417;font-size:11px;font-weight:800}.retention-risk-team-state .suspended dd{color:#a33f45}.retention-risk-team-action{justify-self:end;color:#4262a4;font-size:9px;font-weight:750;white-space:nowrap}.retention-risk-team-row:disabled .retention-risk-team-action{color:#71877c}
.retention-risk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:8px;border:1px solid #dfe5ef;border-radius:12px;background:#fff}.retention-risk-tabs{display:flex;gap:4px;padding:4px;border-radius:9px;background:#f1f4f9}.retention-risk-tabs button{display:flex;align-items:center;gap:6px;padding:8px 13px;border:0;border-radius:7px;background:transparent;color:#68748a;font-size:10px;font-weight:750;cursor:pointer}.retention-risk-tabs button.active{background:#fff;color:#284c9e;box-shadow:0 3px 10px rgba(38,70,145,.1)}.retention-risk-tabs b{display:grid;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#e0e5ee;color:#667287;font-size:9px;place-items:center}.retention-risk-tabs button.active b{background:#e3eaff;color:#2e50a4}.retention-risk-filters{display:flex;align-items:center;gap:7px}.retention-risk-filters input,.retention-risk-filters select{min-height:34px;border:1px solid #d8dfeb;border-radius:8px;background:#fff;color:#2f3b51;font-size:10px}.retention-risk-filters input{width:230px;padding:0 10px}.retention-risk-filters select{min-width:140px;padding:0 9px}
.retention-risk-panel{display:none;min-width:0;padding:15px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(26,39,69,.045)}.retention-risk-panel.active{display:block}.retention-risk-list{display:grid;gap:8px}.retention-risk-row{display:grid;grid-template-columns:38px minmax(180px,1fr) minmax(180px,.8fr) minmax(190px,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid #e3e8f1;border-left:3px solid #c18a35;border-radius:12px;background:#fcfdff}.retention-risk-row.suspended{border-left-color:#bd4c52}.retention-risk-mark{display:grid;width:36px;height:36px;border-radius:10px;background:#faeedb;color:#9d681c;font-size:11px;font-weight:900;place-items:center}.retention-risk-row.suspended .retention-risk-mark{background:#fae8e9;color:#a43e45}.retention-risk-account,.retention-risk-trigger,.retention-risk-evidence{display:grid;min-width:0;gap:3px}.retention-risk-account strong,.retention-risk-evidence strong{overflow:hidden;color:#1f2d47;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.retention-risk-account small,.retention-risk-account span,.retention-risk-trigger span,.retention-risk-trigger small,.retention-risk-evidence span,.retention-risk-evidence small{color:#7c879b;font-size:9px}.retention-risk-trigger>span{width:max-content;padding:3px 6px;border-radius:5px;background:#f8ecd9;color:#976417;font-weight:750}.retention-risk-row.suspended .retention-risk-trigger>span{background:#fae8e9;color:#a33f45}.retention-risk-trigger strong{color:#394963;font-size:11px}.retention-risk-actions{display:flex;justify-content:flex-end;gap:6px}.retention-risk-actions button,.retention-risk-detail-footer button{min-height:31px;padding:0 9px;border:1px solid #3156b5;border-radius:7px;background:#3156b5;color:#fff;font-size:9px;font-weight:750;cursor:pointer}.retention-risk-actions button.secondary{border-color:#d3dae7;background:#fff;color:#4a5870}.retention-risk-actions .readonly-text{font-size:9px;white-space:nowrap}
.retention-risk-row.focused{border-color:#6f8ed2;background:#f3f7ff;box-shadow:0 0 0 3px rgba(70,101,173,.14),0 10px 24px rgba(38,65,120,.1);animation:retention-risk-focus-pulse .9s ease-out}
@keyframes retention-risk-focus-pulse{0%{box-shadow:0 0 0 0 rgba(70,101,173,.32),0 10px 24px rgba(38,65,120,.08)}100%{box-shadow:0 0 0 3px rgba(70,101,173,.14),0 10px 24px rgba(38,65,120,.1)}}
.retention-rule-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:12px;padding:17px 18px;border:1px solid #dce4f2;border-radius:12px;background:linear-gradient(135deg,#f3f6fd,#fbfcff)}.retention-rule-intro small{color:#7180a0;font-size:9px;letter-spacing:.08em}.retention-rule-intro h2{margin:4px 0;font-size:16px}.retention-rule-intro p{margin:0;color:#68758c;font-size:10px}.retention-rule-intro ol{display:flex;align-items:center;gap:21px;margin:0;padding:0;list-style:none}.retention-rule-intro li{display:flex;position:relative;align-items:center;gap:6px;color:#55647e;font-size:9px;white-space:nowrap}.retention-rule-intro li:not(:last-child):after{position:absolute;right:-15px;color:#9ba8bd;content:"→"}.retention-rule-intro li b{display:grid;width:23px;height:23px;border-radius:7px;background:#dfe8fb;color:#3156b5;place-items:center}
.retention-risk-panel #bossRegistrationRiskRulesWidget{border:0;background:transparent;box-shadow:none}.retention-risk-panel #bossRegistrationRiskRulesWidget>.table-toolbar{padding-top:0}.registration-risk-policy-fields{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(190px,.45fr) 1fr;align-items:end;gap:10px;margin:10px 0 13px;padding:13px;border:1px solid #dfe5ef;border-radius:10px;background:#f8f9fc}.registration-risk-policy-fields label{display:grid;gap:5px;color:#5f6c82;font-size:9px}.registration-risk-policy-fields select{min-height:34px;border:1px solid #d4dce9;border-radius:8px;background:#fff;padding:0 9px;color:#293851;font-size:10px}.registration-risk-policy-fields p{margin:0;color:#788398;font-size:9px;line-height:1.55}
.retention-risk-dialog{width:min(920px,calc(100vw - 32px));max-height:88vh;padding:0;border:0;border-radius:15px;box-shadow:0 28px 80px rgba(15,26,51,.28);color:#17223a}.retention-risk-dialog::backdrop{background:rgba(17,28,51,.48);backdrop-filter:blur(2px)}.retention-risk-dialog>.detail-head{position:sticky;top:0;z-index:2;padding:17px 20px;border-bottom:1px solid #e1e6ef;background:#fff}.retention-risk-dialog>.detail-head small{color:#7b879b;font-size:9px}.retention-risk-dialog>.detail-head h2{margin:3px 0 0}.retention-risk-dialog>.detail-head button{border:1px solid #d7deea;border-radius:7px;background:#fff;padding:7px 10px;color:#526079;cursor:pointer}.retention-risk-dialog #retentionAccountRiskDialogBody{padding:18px 20px}.retention-risk-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.retention-risk-detail-summary article{padding:12px;border:1px solid #e1e6ef;border-radius:10px;background:#fafbfe}.retention-risk-detail-summary span,.retention-risk-detail-summary small{display:block;color:#7b8699;font-size:9px}.retention-risk-detail-summary strong{display:block;margin-top:5px;color:#24334f;font-size:15px}.retention-risk-detail-summary strong.warning{color:#9b681d}.retention-risk-detail-summary strong.suspended{color:#a53f45}.retention-risk-detail-identity{display:grid;gap:3px;margin:10px 0;padding:11px 13px;border-radius:9px;background:#eef3fd}.retention-risk-detail-identity strong{font-size:11px}.retention-risk-detail-identity span{color:#687791;font-size:9px}.retention-risk-history{display:grid;gap:7px}.retention-risk-history>header{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:6px 0}.retention-risk-history>header small,.retention-risk-history>header>span{color:#7c879a;font-size:9px}.retention-risk-history h3{margin:2px 0 0;font-size:15px}.retention-risk-history>article{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(210px,.55fr);align-items:center;gap:11px;padding:10px 11px;border:1px solid #e4e8f0;border-radius:9px}.retention-risk-history>article>span{padding:4px 5px;border-radius:5px;background:#e8f3ee;color:#2b7258;font-size:9px;font-weight:750;text-align:center}.retention-risk-history>article>span.warning{background:#f8ecd9;color:#986417}.retention-risk-history>article>span.suspended{background:#fae8e9;color:#a23e44}.retention-risk-history>article>div{display:grid;min-width:0;gap:2px}.retention-risk-history>article>div strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.retention-risk-history>article>div small{color:#7e899c;font-size:9px}.retention-risk-history dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.retention-risk-history dl div{display:grid;gap:2px}.retention-risk-history dt{color:#8490a3;font-size:8px}.retention-risk-history dd{margin:0;color:#34445f;font-size:10px;font-weight:750}.retention-risk-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px;padding:11px 12px;border-radius:9px;background:#fff7f7}.retention-risk-detail-footer span{color:#7e6769;font-size:9px}.retention-risk-detail-footer button{border-color:#ae4148;background:#ae4148}

@media(max-width:1180px){.retention-monitoring-page .retention-performance-row,.retention-performance-columns{grid-template-columns:28px minmax(160px,1fr) minmax(120px,.7fr) minmax(190px,1fr)}.retention-performance-columns span:last-child{display:none}.retention-monitoring-page .retention-change{grid-column:2/-1;justify-self:start}.retention-risk-row{grid-template-columns:38px minmax(180px,1fr) minmax(170px,.8fr) minmax(180px,1fr)}.retention-risk-actions{grid-column:2/-1;justify-content:flex-start}.retention-rule-intro{grid-template-columns:1fr}.retention-rule-intro ol{justify-content:flex-start}}
@media(max-width:800px){.retention-monitoring-page .retention-metric-grid--compact{grid-template-columns:1fr 1fr}.retention-monitoring-page .retention-metric-grid--compact .featured{grid-column:1/-1}.retention-performance-controls{align-items:flex-start;flex-direction:column;gap:7px}.retention-performance-columns{display:none}.retention-monitoring-page .retention-performance-row{grid-template-columns:28px minmax(0,1fr)}.retention-monitoring-page .retention-rate,.retention-monitoring-page .retention-performance-row dl,.retention-monitoring-page .retention-change{grid-column:2}.retention-risk-header{align-items:flex-start;flex-direction:column;padding:21px 19px}.retention-risk-summary{grid-template-columns:1fr 1fr}.retention-risk-summary article:first-child{grid-column:1/-1}.retention-risk-toolbar{align-items:stretch;flex-direction:column}.retention-risk-tabs{overflow-x:auto}.retention-risk-tabs button{flex:1;justify-content:center;white-space:nowrap}.retention-risk-filters{display:grid;grid-template-columns:1fr 1fr}.retention-risk-filters input{width:auto}.retention-risk-row{grid-template-columns:36px minmax(0,1fr)}.retention-risk-trigger,.retention-risk-evidence,.retention-risk-actions{grid-column:2}.registration-risk-policy-fields{grid-template-columns:1fr 1fr}.registration-risk-policy-fields p{grid-column:1/-1}.retention-risk-detail-summary{grid-template-columns:1fr 1fr}.retention-risk-history>article{grid-template-columns:38px minmax(0,1fr)}.retention-risk-history dl{grid-column:2}.retention-risk-history>header{align-items:flex-start;flex-direction:column}.retention-risk-detail-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.retention-risk-team-head{align-items:flex-start;flex-direction:column}.retention-risk-team-columns{display:none}.retention-risk-team-row{grid-template-columns:34px minmax(0,1fr) minmax(150px,.8fr)}.retention-risk-team-rate{grid-column:3}.retention-risk-team-state{grid-column:2}.retention-risk-team-action{grid-column:3;grid-row:2}}
@media(max-width:520px){.retention-monitoring-page .retention-hero-proof{grid-template-columns:1fr}.retention-monitoring-page .retention-metric-grid--compact{grid-template-columns:1fr}.retention-monitoring-page .retention-metric-grid--compact .featured{grid-column:auto}.retention-risk-summary{grid-template-columns:1fr}.retention-risk-summary article:first-child{grid-column:auto}.retention-risk-tabs button{padding:8px 9px}.retention-risk-filters{grid-template-columns:1fr}.retention-rule-intro ol{align-items:flex-start;flex-direction:column;gap:8px}.retention-rule-intro li:not(:last-child):after{display:none}.registration-risk-policy-fields{grid-template-columns:1fr}.registration-risk-policy-fields p{grid-column:auto}.retention-risk-detail-summary{grid-template-columns:1fr}.retention-risk-detail-footer button{width:100%}}
@media(max-width:620px){.retention-risk-team-card{padding:15px}.retention-risk-team-row{grid-template-columns:32px minmax(0,1fr)}.retention-risk-team-rate,.retention-risk-team-state,.retention-risk-team-action{grid-column:2}.retention-risk-team-action{grid-row:auto;justify-self:start}}
.retention-risk-dialog>.detail-head button{flex:none;min-width:58px;line-height:1;white-space:nowrap}

/* Retention follow-up: prominent governance navigation and complete day axis. */
.retention-monitoring-page .retention-hero-actions{align-items:flex-start;gap:9px}
.retention-monitoring-page .retention-hero-actions button{height:54px;min-height:54px;border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:0 8px 22px rgba(10,22,52,.14);backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.retention-monitoring-page .retention-hero-actions button:hover{transform:translateY(-1px)}
.retention-monitoring-page .retention-rules-button{display:grid;grid-template-columns:32px minmax(128px,1fr) 16px;align-items:center;gap:10px;min-width:224px;padding:0 13px;background:rgba(255,255,255,.15);color:#fff;text-align:left}
.retention-monitoring-page .retention-rules-button>b{display:grid;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.16);color:#dce7ff;font-size:11px;place-items:center}
.retention-monitoring-page .retention-rules-button>span{display:grid;gap:2px}
.retention-monitoring-page .retention-rules-button strong{color:#fff;font-size:11px;line-height:1.25}
.retention-monitoring-page .retention-rules-button small{color:#b9c7e8;font-size:9px;font-weight:600}
.retention-monitoring-page .retention-rules-button i{color:#cbd8f4;font-size:13px;font-style:normal}
.retention-monitoring-page .retention-rules-button:hover{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.21)}
.retention-monitoring-page .retention-refresh-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:104px;padding:0 13px;background:rgba(11,27,61,.16);color:#e5ecfb}
.retention-monitoring-page .retention-refresh-button b{font-size:15px;font-weight:500;line-height:1}
.retention-monitoring-page .retention-refresh-button span{font-size:10px;font-weight:750;white-space:nowrap}
.retention-monitoring-page .retention-refresh-button:hover{border-color:rgba(255,255,255,.34);background:rgba(11,27,61,.27)}
.retention-risk-header #backRetentionOverview{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin-bottom:12px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;cursor:pointer}
.retention-risk-header #backRetentionOverview:hover{background:rgba(255,255,255,.17)}
.retention-risk-header #backRetentionOverview strong{font-size:10px}
@media(max-width:800px){.retention-monitoring-page .retention-hero-actions{display:grid;grid-template-columns:1fr auto}.retention-monitoring-page .retention-rules-button{min-width:0}.retention-monitoring-page .retention-trend-column{flex-basis:32px;min-width:32px}}
@media(max-width:520px){.retention-monitoring-page .retention-hero-actions{grid-template-columns:1fr}.retention-monitoring-page .retention-rules-button,.retention-monitoring-page .retention-refresh-button{width:100%}}