/* 知遇系统 2026-10-25：紧凑侧栏、4 字导航、页面控件上提和高对比文字。 */

:root {
  --zhiyu-cream: #fff3df;
  --zhiyu-cream-strong: #fffaf1;
  --zhiyu-gold: #f2cc80;
  --zhiyu-wine-soft: rgba(255, 244, 225, .08);
  --zhiyu-wine-line: rgba(255, 232, 198, .18);
}

html[data-skin="wine"] {
  --gl-ink: #271c21;
  --gl-ink-2: #40343a;
  --gl-muted: #65545c;
}

@media (min-width: 901px) {
  .sidebar {
    width: 212px !important;
    padding: 12px 8px 10px !important;
  }

  main {
    width: calc(100% - 212px) !important;
    margin-left: 212px !important;
  }

  #nav-collapse-toggle {
    left: 212px !important;
  }

  body.nav-collapsed main {
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.nav-collapsed #nav-collapse-toggle {
    left: 0 !important;
  }
}

.sidebar .brand {
  gap: 9px !important;
  padding: 2px 5px 13px !important;
}

.sidebar .brand img {
  width: 44px !important;
  height: 44px !important;
  flex: none;
}

.sidebar .brand div span {
  font-size: 22px !important;
  line-height: 1.1;
}

.sidebar .brand div small {
  margin-top: 3px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

.sidebar .sidebar-nav {
  gap: 5px !important;
}

.sidebar .nav-primary,
.sidebar .nav-secondary {
  gap: 3px !important;
  padding: 22px 1px 8px !important;
}

.sidebar .nav-primary::before,
.sidebar .nav-secondary::before {
  top: 5px !important;
  left: 7px !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}

.sidebar .nav-primary button,
.sidebar .nav-secondary button {
  min-height: 32px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.sidebar .nav-primary button {
  padding-right: 14px !important;
  padding-left: 6px !important;
}

.sidebar .nav-secondary button {
  padding-right: 5px !important;
  padding-left: 14px !important;
}

.sidebar .nav-primary button::after,
.sidebar .nav-secondary button::before {
  opacity: .9;
}

.sidebar .skin-switch {
  gap: 5px !important;
  padding: 7px !important;
}

.sidebar .skin-switch button {
  min-height: 28px !important;
  padding: 4px 6px !important;
  font-size: 11px !important;
}

.sidebar .sidebar-foot {
  gap: 7px 8px !important;
  padding: 9px !important;
}

.global-page-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 0 8px !important;
  padding: 0 6px !important;
}

body.expense-page-title #global-page-header,
body.performance-page-title #global-page-header,
main:has(#app .raw-correction-compact) > #global-page-header {
  display: grid !important;
}

.global-page-header + #app .page-title-bar {
  display: none !important;
}

.page-heading {
  grid-column: 2;
  justify-self: center;
  width: 240px;
  max-width: 240px;
  min-width: 0;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}

.page-heading h1 {
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1.12 !important;
  white-space: nowrap;
}

.page-heading p {
  margin: 4px 0 0 !important;
  max-width: 240px !important;
  overflow: hidden;
  color: #4d3840 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page-toolbar-slot {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  pointer-events: none;
}

.page-toolbar-slot > * {
  pointer-events: auto;
}

.page-toolbar-slot > .toolbar,
.page-toolbar-slot > .base-toolbar,
.page-toolbar-slot > .page-toolbar-direct {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: flex !important;
  width: min(100%, 680px);
  max-width: min(100%, 680px);
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-x: auto;
  scrollbar-width: none;
  visibility: visible !important;
}

.page-toolbar-slot > .toolbar::-webkit-scrollbar,
.page-toolbar-slot > .base-toolbar::-webkit-scrollbar,
.page-toolbar-slot > .page-toolbar-direct::-webkit-scrollbar {
  display: none;
}

.page-toolbar-slot > .toolbar > *,
.page-toolbar-slot > .base-toolbar > *,
.page-toolbar-slot > .page-toolbar-direct > * {
  flex: none;
}

.page-toolbar-slot > .toolbar button,
.page-toolbar-slot > .base-toolbar button,
.page-toolbar-slot > .page-toolbar-direct button {
  min-height: 30px !important;
  padding: 3px 9px !important;
  font-size: 10px !important;
  white-space: nowrap;
}

.page-toolbar-slot > .toolbar input,
.page-toolbar-slot > .toolbar select,
.page-toolbar-slot > .base-toolbar input,
.page-toolbar-slot > .base-toolbar select,
.page-toolbar-slot > .page-toolbar-direct input,
.page-toolbar-slot > .page-toolbar-direct select {
  width: auto !important;
  min-width: 88px !important;
  min-height: 30px !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
}

.page-toolbar-slot .company-live-toolbar {
  display: contents !important;
}

.global-page-header .header-actions {
  grid-column: 3;
  justify-self: end;
  z-index: 4;
}

.page-toolbar-slot .company-live-title {
  grid-column: 1;
  justify-self: start;
  width: 210px;
  min-width: 0;
  max-width: 260px;
  padding: 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-toolbar-slot .company-live-title span {
  display: block;
  color: #6d4450 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  line-height: 1.2;
}

.page-toolbar-slot .company-live-title b {
  display: block;
  width: 100%;
  margin-top: 2px;
  overflow: hidden;
  color: #43252d !important;
  font-size: 11px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-toolbar-slot .company-live-controls {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  margin-right: 0;
}

.page-toolbar-slot .company-segmented {
  padding: 3px !important;
  gap: 2px !important;
}

.page-toolbar-slot .company-segmented button {
  min-width: 42px !important;
  min-height: 28px !important;
  padding: 3px 9px !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}

.page-toolbar-slot .company-live-date-controls {
  display: flex;
  align-items: center;
  gap: 4px;
}

.page-toolbar-slot .company-live-date-controls input {
  width: 122px !important;
  min-height: 30px !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
}

.page-toolbar-slot .company-live-date-controls button {
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.page-toolbar-slot .company-live-meta {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 2px;
  pointer-events: auto;
}

.page-toolbar-slot .company-live-meta time {
  color: #60434b !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

html[data-skin="wine"] .sidebar .nav-primary button,
html[data-skin="wine"] .sidebar .nav-secondary button {
  border-color: var(--zhiyu-wine-line) !important;
  background: var(--zhiyu-wine-soft) !important;
  color: var(--zhiyu-cream) !important;
  text-shadow: 0 1px 2px rgba(20, 4, 9, .55);
}

html[data-skin="wine"] .sidebar .nav-primary button:hover,
html[data-skin="wine"] .sidebar .nav-secondary button:hover {
  border-color: rgba(255, 231, 190, .36) !important;
  background: rgba(255, 244, 225, .14) !important;
  color: #fff !important;
}

html[data-skin="wine"] .sidebar .nav-primary button.selected,
html[data-skin="wine"] .sidebar .nav-secondary button.active {
  border-color: rgba(255, 224, 174, .52) !important;
  background: linear-gradient(135deg, #bd2442, #90182f) !important;
  color: #fff9ef !important;
  box-shadow: 0 5px 14px rgba(39, 5, 14, .28), inset 0 1px 0 rgba(255, 244, 220, .18) !important;
}

html[data-skin="wine"] .sidebar .nav-primary button::after,
html[data-skin="wine"] .sidebar .nav-secondary button::before {
  color: var(--zhiyu-gold) !important;
}

html[data-skin="wine"] .sidebar .brand div small,
html[data-skin="wine"] .sidebar .sidebar-foot,
html[data-skin="wine"] .sidebar .skin-switch {
  color: #ffe7c5 !important;
}

html[data-skin="wine"] .page-heading h1 {
  color: #2d1e23 !important;
}

html[data-skin="wine"] .page-heading p {
  color: #4a343c !important;
}

@media (max-width: 1280px) {
  .page-toolbar-slot .company-live-meta {
    display: none !important;
  }

  .page-toolbar-slot .company-live-controls {
    margin-right: 0;
  }

  .global-page-header .page-heading p {
    display: none;
  }

  .global-page-header .page-heading {
    width: 132px;
    max-width: 132px;
  }
}

@media (max-width: 1080px) and (min-width: 901px) {
  .page-toolbar-slot .company-live-title {
    width: 135px;
    max-width: 135px;
  }

  .page-toolbar-slot .company-segmented button {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}

@media (max-width: 900px) {
  .global-page-header {
    height: auto !important;
    min-height: 88px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto;
    align-content: center;
    padding: 7px 4px !important;
  }

  .global-page-header .page-heading {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
  }

  .global-page-header .header-actions {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
  }

  .page-heading h1 {
    font-size: 21px !important;
  }

  .page-heading p,
  .page-toolbar-slot .company-live-title {
    display: none;
  }

  .page-toolbar-slot {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 2;
    display: block;
    width: 100%;
    margin-top: 5px;
  }

  .page-toolbar-slot .company-live-controls {
    position: static;
    width: 100% !important;
    display: flex;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap;
  }

  .page-toolbar-slot .company-live-meta {
    display: none;
  }

  .page-toolbar-slot > .toolbar,
  .page-toolbar-slot > .base-toolbar,
  .page-toolbar-slot > .page-toolbar-direct {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
    justify-content: center;
    flex-wrap: wrap;
    overflow: visible;
  }

  .page-toolbar-slot > .channel-push-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-content: stretch;
    flex-wrap: nowrap;
    gap: 5px;
  }

  .page-toolbar-slot > .channel-push-toolbar input[type="date"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .page-toolbar-slot > .channel-push-toolbar button {
    justify-self: end;
  }

  .section-head.channel-push-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .section-head.channel-push-head > .channel-push-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .section-head.channel-push-head > .channel-push-toolbar input[type="date"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .section-head.channel-push-head > .channel-push-toolbar button {
    justify-self: end !important;
  }

}

@media (min-width: 901px) {
  .page-toolbar-slot {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    margin: 0 !important;
  }

  .page-toolbar-slot .company-live-title {
    display: block !important;
    width: 210px !important;
    max-width: 260px !important;
  }

  .page-toolbar-slot .company-live-controls {
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
  }

  .page-toolbar-slot .company-live-meta {
    display: inline-flex !important;
  }
}

/* 流量推送：渠道置顶，一行一条流量，保留原话、回复、反加/通过、有效无效和反馈截图。 */
.channel-push-simple{display:grid;gap:10px;min-width:0}
.channel-push-head-simple{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.channel-push-head-simple h2{margin:0;font-size:18px}
.channel-push-head-simple small{display:block;margin-top:3px;color:#735c65;font-size:11px}
.push-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.push-head-actions input{width:138px;min-width:0}
.channel-push-simple .push-channel-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}
.push-channel-tab{display:grid;grid-template-columns:auto auto;gap:1px 8px;align-items:center;min-width:112px;padding:8px 10px;border:1px solid #d8cbd1;border-radius:8px;background:#fffafc;color:#3f2d34;text-align:left;cursor:pointer}
.push-channel-tab b{font-size:13px}.push-channel-tab span{font-size:12px;font-weight:800;color:#b52346}.push-channel-tab small{grid-column:1/-1;color:#80646e;font-size:10px}
.push-channel-tab.active{border-color:#b52346;background:#fff0f4;box-shadow:inset 0 0 0 1px rgba(181,35,70,.14)}
.push-summary-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 11px;border:1px solid #ded3d8;border-radius:8px;background:#fff;color:#745d65;font-size:11px}
.push-summary-line b{color:#34232a;font-size:13px}.push-summary-line .good{color:#17835d}.push-summary-line .bad{color:#c52b4c}
.push-table-wrap{border-radius:8px;max-height:calc(100vh - 300px)}
.push-simple-table{min-width:1320px}
.push-simple-table th{position:sticky;top:0;z-index:2;background:#f8f1f4;color:#49343b}
.push-simple-table td{vertical-align:top;white-space:normal}
.push-simple-table th:nth-child(1),.push-simple-table td:nth-child(1){width:88px}
.push-simple-table th:nth-child(2),.push-simple-table td:nth-child(2){width:76px}
.push-simple-table th:nth-child(3),.push-simple-table td:nth-child(3){width:330px}
.push-simple-table th:nth-child(4),.push-simple-table td:nth-child(4){width:112px}
.push-simple-table th:nth-child(5),.push-simple-table td:nth-child(5){width:210px}
.push-simple-table th:nth-child(6),.push-simple-table td:nth-child(6){width:118px}
.push-simple-table th:nth-child(7),.push-simple-table td:nth-child(7){width:170px}
.push-simple-table th:nth-child(8),.push-simple-table td:nth-child(8){width:118px}
.push-simple-table th:nth-child(9),.push-simple-table td:nth-child(9){width:76px;text-align:center}
.push-channel-name b{display:block;color:#9e1f41;font-size:12px}.push-channel-name small{display:block;margin-top:4px;color:#8a737b;font-size:10px;white-space:nowrap}
.push-source-text{display:-webkit-box;overflow:hidden;max-width:360px;color:#3b2d32;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.push-customer-line{display:block;margin-top:5px;color:#816c74;font-size:10px}
.push-reply-name{font-size:12px;font-weight:800;color:#34242a}.push-reply-text{max-width:190px;margin-top:4px;color:#755f67;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.push-sales-select{display:block;margin-top:6px;max-width:118px;font-size:10px!important}
.push-feedback-input{width:100%;min-width:190px;font-size:10px!important}.push-feedback-status{margin-top:6px}.push-flow-count{display:block;padding-top:14px;color:#9e1f41;font-size:16px}
.push-result-line{display:flex;align-items:center;gap:4px;margin-bottom:5px}.push-result-line>span{width:26px;flex:none;color:#7d6670;font-size:10px}.push-result-line select{min-width:76px;max-width:88px;font-size:10px!important;padding:5px 4px!important}
.push-validity-buttons{display:flex;gap:3px}.push-validity-buttons button{min-width:36px;padding:5px 6px;border:1px solid #d9ccd2;border-radius:6px;background:#fff;color:#6e5961;font-size:10px;font-weight:800;cursor:pointer}.push-validity-buttons button.active{background:#2f6fed;border-color:#2f6fed;color:#fff}.push-validity-buttons button:last-child.active{background:#c52b4c;border-color:#c52b4c}.push-invalid-reason{display:block;max-width:120px;margin-top:5px;color:#c52b4c;font-size:10px;line-height:1.4}
.push-shot{display:block;width:104px;color:#a01e40;text-decoration:none}.push-shot img{display:block;width:104px;height:72px;border:1px solid #d8cbd1;border-radius:6px;object-fit:cover;background:#fbf7f8}.push-shot span{display:block;margin-top:3px;font-size:9px;font-weight:800}
.push-shot-upload,.push-shot-wait,.push-muted{display:inline-block;margin-top:5px;color:#8a737c;font-size:10px}.push-shot-upload{cursor:pointer;color:#2f6fed}.push-shot-upload input{display:none}.push-shot-wait{color:#b52346}
.push-feedback-invalid{display:inline-flex;margin-bottom:5px;padding:2px 6px;border-radius:999px;background:#b42346;color:#fff;font-size:10px;font-weight:800}
.push-allocation-panel{display:grid;gap:8px;padding:10px 12px;border:1px solid #e4d5da;border-radius:8px;background:#fffaf9}
.push-allocation-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.push-allocation-head b{display:block;font-size:13px}.push-allocation-head small{display:block;margin-top:2px;color:#806b73;font-size:10px}.push-allocation-head>span{flex:none;color:#9a354d;font-size:11px;font-weight:800;white-space:nowrap}
.push-allocation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.push-allocation-item{padding:8px 10px;border:1px solid #eadde1;border-radius:7px;background:#fff}.push-allocation-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.push-allocation-item b{font-size:13px}.push-allocation-item strong{color:#a01e40;font-size:15px}.push-allocation-item p{margin:4px 0 1px;color:#5f4a51;font-size:11px}.push-allocation-item small{display:block;color:#8a737c;font-size:9px;line-height:1.35}
.push-evidence-dialog{width:min(920px,92vw);max-height:90vh;padding:0;border:0;border-radius:10px;background:#fff;box-shadow:0 24px 80px rgba(39,10,18,.34)}.push-evidence-dialog::backdrop{background:rgba(24,5,11,.62)}.push-evidence-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eadde1}.push-evidence-dialog-head b{display:block;font-size:14px}.push-evidence-dialog-head small{display:block;margin-top:2px;color:#806b73;font-size:10px}.push-evidence-dialog-head button{width:32px;height:32px;border:0;border-radius:50%;background:#f5eaed;color:#6f2235;font-size:22px;line-height:1;cursor:pointer}.push-evidence-dialog-body{display:grid;place-items:center;min-height:180px;padding:12px;background:#f7f2f3}.push-evidence-dialog-body img{display:block;max-width:100%;max-height:72vh;object-fit:contain;border-radius:6px;background:#fff}.push-evidence-dialog-body p{margin:0;color:#806b73}
.push-feedback-pending{border:1px solid #e4c7d1;border-radius:8px;background:#fffafc;padding:11px}
.push-feedback-pending-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.push-feedback-pending-head h3{margin:0;font-size:14px;color:#7d1936}.push-feedback-pending-head small{display:block;margin-top:3px;color:#866b75;font-size:10px}.push-feedback-pending-head>b{padding:4px 8px;border-radius:999px;background:#f9e4eb;color:#a01e40;font-size:10px;white-space:nowrap}
.push-feedback-pending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.push-feedback-pending-grid article{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;padding:9px;border:1px solid #ead9df;border-radius:7px;background:#fff}.push-feedback-pending-meta b,.push-feedback-pending-meta span,.push-feedback-pending-meta em{display:block;overflow-wrap:anywhere}.push-feedback-pending-meta b{color:#3a2930;font-size:12px}.push-feedback-pending-meta span{margin-top:4px;color:#7b646c;font-size:10px}.push-feedback-pending-meta em{margin-top:6px;color:#bd2747;font-size:10px;font-style:normal;font-weight:800}.push-feedback-pending-grid details{grid-column:1/-1}.push-feedback-pending-grid summary{cursor:pointer;color:#735b65;font-size:10px}.push-feedback-pending-grid details p{margin:5px 0 0;color:#6f5961;font-size:10px;line-height:1.5;white-space:pre-wrap}

@media (max-width:900px){
  .channel-push-head-simple{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .push-head-actions{justify-content:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto auto}
  .push-head-actions input{width:100%}
  .push-head-actions button{padding:7px 8px;font-size:10px}
  .push-summary-line{gap:8px 12px;font-size:10px}
  .push-table-wrap{max-height:none}
  .push-simple-table{min-width:1320px}
  .push-feedback-pending-grid{grid-template-columns:minmax(0,1fr)}
  .push-feedback-pending-grid article{grid-template-columns:minmax(0,1fr)}
  .push-allocation-list{grid-template-columns:minmax(0,1fr)}
  .push-allocation-head{align-items:flex-start}
  .push-evidence-dialog{width:96vw;max-height:94vh}
}

.sidebar-company-slot{position:relative;padding:9px 6px 8px}
.global-company-switcher{position:relative;width:100%;color:#f6dfbf}
.company-switcher-trigger{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:47px;padding:7px 9px;border:1px solid rgba(255,215,140,.23);border-radius:9px;background:linear-gradient(145deg,rgba(31,10,15,.64),rgba(91,34,44,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.16);color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.company-switcher-trigger:hover{border-color:rgba(255,215,140,.46);background:linear-gradient(145deg,rgba(45,15,22,.74),rgba(105,41,51,.5))}
.company-switcher-trigger:active{transform:translateY(1px)}
.company-switcher-trigger:focus-visible{outline:2px solid rgba(255,215,140,.7);outline-offset:2px}
.global-company-switcher.open .company-switcher-trigger{border-color:rgba(255,215,140,.44);background:linear-gradient(145deg,rgba(255,226,138,.16),rgba(0,0,0,.12))}
.company-switcher-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,215,140,.18);border-radius:8px;background:rgba(255,215,140,.08);color:#ffd76b}
.company-switcher-icon svg{width:15px;height:15px}
.company-switcher-copy{display:grid;gap:1px;min-width:0}
.company-switcher-copy small{color:#dfc1a6;font-size:9px;font-weight:700;white-space:nowrap}
.company-switcher-copy b{overflow:hidden;color:#ffe8a8;font-size:14px;font-weight:900;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px rgba(255,215,140,.16)}
.company-switcher-chevron{display:grid;place-items:center;color:#cda88e;transition:transform .18s ease}
.company-switcher-chevron svg{width:14px;height:14px}
.global-company-switcher.open .company-switcher-chevron{transform:rotate(180deg)}
.company-switcher-menu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;min-width:220px;padding:6px;border:1px solid #e5d8c8;border-radius:10px;background:#fffdf9;box-shadow:0 16px 34px rgba(31,10,15,.28),0 3px 9px rgba(31,10,15,.16);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.global-company-switcher.open .company-switcher-menu{opacity:1;visibility:visible;transform:translateY(0)}
.company-switcher-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 8px;border-bottom:1px solid #eee4d8;color:#826d61;font-size:10px}
.company-switcher-menu-head span{color:#4c352e;font-weight:900}
.company-switcher-menu-head small{font-size:9px}
.company-switcher-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:4px;padding:8px;border:0;border-radius:7px;background:transparent;color:#4c3933;text-align:left;cursor:pointer}
.company-switcher-menu button:hover{background:#f6eee4}
.company-switcher-menu button.active{background:#f8eddc;color:#7c3c25}
.company-switcher-menu button>span{display:grid;min-width:0;gap:2px}
.company-switcher-menu button b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.company-switcher-menu button small{overflow:hidden;color:#9a857a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.company-switcher-check{width:15px;height:15px;flex:none;color:#8b512f}
.channel-roi-panel{margin:12px 0}
.channel-personal-roi{margin:12px 0;border-color:#d9c8b7;background:linear-gradient(180deg,#fffdf9,#fff)}
.channel-roi-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.channel-roi-summary-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.channel-roi-summary article{padding:10px 12px;border:1px solid #e3d9dd;border-radius:7px;background:#fbf9fa}
.channel-roi-summary span,.channel-roi-summary small{display:block;color:#806b73;font-size:10px}
.channel-roi-summary b{display:block;margin:3px 0;color:#35252c;font-size:18px}
.channel-roi-note{display:block;margin-top:4px;color:#8b747d;font-size:10px;line-height:1.45}
.channel-roi-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:999px;background:#f1ecee;color:#745e66;font-size:10px;font-weight:800;white-space:nowrap}
.channel-roi-status.good{background:#e8f6ef;color:#17623f}.channel-roi-status.warn{background:#fff3dd;color:#8b5b10}
.channel-roi-coverage{display:flex;align-items:center;gap:6px;min-width:110px}.channel-roi-coverage i{display:block;height:5px;flex:1;border-radius:999px;background:#eee6e9;overflow:hidden}.channel-roi-coverage i::after{content:'';display:block;width:var(--coverage,0%);height:100%;background:#2f6fed}
.personal-roi-table td{vertical-align:top}.personal-roi-table td small{display:block;margin-top:3px;color:#8c737c;font-size:9px;line-height:1.4}.personal-roi-rank{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#f7e8cf;color:#8f4d1d;font-size:11px}
.channel-roi-pending{margin-top:10px;padding:8px 10px;border:1px solid #e5dce0;border-radius:7px;background:#fcfafb}.channel-roi-pending summary{cursor:pointer;color:#6d555f;font-size:11px;font-weight:800}.channel-roi-pending>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px;margin-top:8px}.channel-roi-pending article{padding:8px;border:1px solid #eadfe3;border-radius:6px;background:#fff}.channel-roi-pending b,.channel-roi-pending span,.channel-roi-pending em{display:block;overflow-wrap:anywhere}.channel-roi-pending b{color:#37262d;font-size:11px}.channel-roi-pending span{margin-top:3px;color:#806b73;font-size:9px}.channel-roi-pending em{margin-top:4px;color:#ad4b24;font-size:9px;font-style:normal}.channel-roi-pending>small{display:block;margin-top:6px;color:#8c747d;font-size:9px}
.channel-settlement-panel{margin-top:14px}
.channel-settlement-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0 12px}
.channel-settlement-summary article{padding:10px 12px;border:1px solid #e8d9ce;border-radius:7px;background:linear-gradient(180deg,#fffcf8,#fbf5ed)}
.channel-settlement-summary span,.channel-settlement-summary small{display:block;color:#806c62;font-size:10px;line-height:1.45}
.channel-settlement-summary b{display:block;margin:3px 0;color:#3b2526;font-size:18px}
.channel-settlement-panel .company-live-table td small{display:block;margin-top:3px;color:#94786c;font-size:9px}
.company-finance-panel{display:grid;min-width:0;overflow:hidden;border:1px solid #e7d9ce;border-radius:8px;background:linear-gradient(180deg,#fffdf9,#fff9f2);box-shadow:0 8px 24px rgba(52,37,27,.06)}
.company-finance-panel .company-live-panel-head>span.good{background:#e8f6ef;color:#17623f}
.company-finance-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px}
.company-finance-summary article{min-width:0;padding:10px 12px;border:1px solid #eaded4;border-radius:7px;background:#fff}
.company-finance-summary article.positive{border-color:#cfe7da;background:#f2fbf6}
.company-finance-summary article.negative{border-color:#eed3ce;background:#fff6f3}
.company-finance-summary span,.company-finance-summary small{display:block;color:#806c62;font-size:10px;line-height:1.45}
.company-finance-summary b{display:block;margin:4px 0;color:#3b2526;font-size:18px;white-space:nowrap}
.company-finance-panel .company-live-table{max-height:340px}
.company-finance-panel .company-live-table table{min-width:1180px}
.company-finance-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px 11px;border-top:1px solid #eee2d7;color:#806c62;font-size:10px;line-height:1.45}
.company-finance-foot span{min-width:0}
.company-finance-foot strong{flex:none;color:#7f352e;font-size:12px;white-space:nowrap}
@media (max-width:900px){
  .sidebar-company-slot{padding:7px 2px 8px}
  .company-switcher-trigger{grid-template-columns:minmax(0,1fr) 14px;gap:4px;min-height:36px;padding:6px 5px}
  .company-switcher-icon,.company-switcher-copy small{display:none}
  .company-switcher-copy b{font-size:11px;text-align:center}
  .company-switcher-menu{left:7px;right:auto;width:206px;min-width:206px}
  .channel-roi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-roi-summary-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-settlement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-finance-foot{align-items:flex-start;flex-direction:column}
}
