/* Commission Portal v0.18.5 – unified Operations Light presentation layer.
 * Presentation only: no workflow, API, payment, QVC, Graph or Axelor semantics.
 */
:root{
  --ce-brand:#f05a00;
  --ce-brand-dark:#c94b00;
  --ce-brand-soft:#fff5ed;
  --ce-ink:#182230;
  --ce-ink-strong:#101828;
  --ce-muted:#667085;
  --ce-subtle:#98a2b3;
  --ce-line:#e4e7ec;
  --ce-line-strong:#d0d5dd;
  --ce-page-bg:#f4f6f8;
  --ce-surface:#fff;
  --ce-surface-soft:#f8fafc;
  --ce-radius-control:10px;
  --ce-radius-card:14px;
  --ce-radius-panel:18px;
  --ce-shadow-card:0 1px 2px rgba(16,24,40,.03),0 7px 22px rgba(16,24,40,.045);
  --ce-shadow-float:0 24px 64px rgba(16,24,40,.20);
  --ce-focus:0 0 0 3px rgba(240,90,0,.16);
}

body.commission-portal-body,
.ce-auth-body{
  color:var(--ce-ink);
  background:var(--ce-page-bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.commission-portal-body button,
body.commission-portal-body input,
body.commission-portal-body select,
body.commission-portal-body textarea,
.ce-auth-body button,
.ce-auth-body input,
.ce-auth-body select,
.ce-auth-body textarea{font-family:inherit}
body.commission-portal-body :focus-visible,
.ce-auth-body :focus-visible{outline:2px solid var(--ce-brand);outline-offset:2px}
body.commission-portal-body .btn:focus-visible{box-shadow:var(--ce-focus)}

/* Shared surfaces, controls and typography. */
.boss-main.commission-exchange .card{
  border-color:var(--ce-line);
  border-radius:var(--ce-radius-panel);
  background:var(--ce-surface);
  box-shadow:var(--ce-shadow-card);
}
.boss-main.commission-exchange .btn{
  min-height:40px;
  border-radius:var(--ce-radius-control);
  font-size:12px;
  font-weight:750;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.boss-main.commission-exchange .btn:hover:not(:disabled){transform:translateY(-1px)}
.boss-main.commission-exchange .btn-primary{
  border-color:var(--ce-brand);
  background:var(--ce-brand);
  color:#fff;
  box-shadow:0 6px 14px rgba(240,90,0,.16);
}
.boss-main.commission-exchange .btn-primary:hover:not(:disabled){border-color:var(--ce-brand-dark);background:var(--ce-brand-dark)}
.boss-main.commission-exchange .ce-eyebrow{
  font-size:10px;
  font-weight:850;
  letter-spacing:.095em;
  color:var(--ce-brand);
}
.boss-main.commission-exchange input,
.boss-main.commission-exchange select,
.boss-main.commission-exchange textarea{font-size:13px}
.boss-main.commission-exchange input:focus,
.boss-main.commission-exchange select:focus,
.boss-main.commission-exchange textarea:focus{outline:0;border-color:var(--ce-brand);box-shadow:var(--ce-focus)}

/* Portal shell. */
body.commission-portal-body .boss-main.commission-exchange>.boss-wrap{padding:16px}
.boss-main.commission-exchange .ce-portal-layout{grid-template-columns:232px minmax(0,1fr);gap:16px}
.boss-main.commission-exchange .ce-portal-sidebar{
  top:16px;
  height:calc(100vh - 32px);
  padding:16px 12px 12px;
  border-color:var(--ce-line);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(16,24,40,.065);
}
.boss-main.commission-exchange .ce-portal-brand{gap:10px;padding:0 4px 15px}
.boss-main.commission-exchange .ce-portal-brand-mark{width:40px;height:40px;border-radius:12px;box-shadow:0 5px 12px rgba(240,90,0,.17)}
.boss-main.commission-exchange .ce-portal-brand-copy strong{font-size:14px;letter-spacing:-.01em}
.boss-main.commission-exchange .ce-portal-brand-copy small{font-size:11px}
.boss-main.commission-exchange .ce-portal-scope{margin:12px 2px 7px;padding:10px 11px;border-radius:11px;background:var(--ce-surface-soft)}
.boss-main.commission-exchange .ce-portal-scope span,
.boss-main.commission-exchange .ce-portal-nav-heading{font-size:10px}
.boss-main.commission-exchange .ce-portal-scope strong{font-size:12px}
.boss-main.commission-exchange .ce-portal-nav{gap:4px;margin-top:10px}
.boss-main.commission-exchange .ce-portal-nav-item{min-height:41px;padding:0 10px;border-radius:10px;color:#475467}
.boss-main.commission-exchange .ce-portal-nav-item>span{font-size:12px;font-weight:750}
.boss-main.commission-exchange .ce-portal-nav-item:hover{transform:none;border-color:#eaecf0;background:#f8fafc}
.boss-main.commission-exchange .ce-portal-nav-item.is-active{
  border-color:#fed7aa;
  background:var(--ce-brand-soft);
  color:#c2410c;
  box-shadow:inset 3px 0 0 var(--ce-brand);
}
.boss-main.commission-exchange .ce-portal-nav-item.is-active em,
.boss-main.commission-exchange .ce-portal-nav-item.is-active small{background:#ffedd5;color:#c2410c}
.boss-main.commission-exchange .ce-portal-profile{grid-template-columns:36px minmax(0,1fr) 34px 34px;gap:7px;padding-top:11px}
.boss-main.commission-exchange .ce-portal-profile-copy strong{font-size:12px}
.boss-main.commission-exchange .ce-portal-profile-copy small{font-size:10px}
.boss-main.commission-exchange .ce-portal-profile>a,
.boss-main.commission-exchange .ce-portal-logout-form button{width:34px;height:34px;border-radius:9px}

/* Main agency-order page. */
.boss-main.commission-exchange .ce-page{gap:16px}
.boss-main.commission-exchange .ce-hero{gap:20px;padding:20px 22px}
.boss-main.commission-exchange .ce-hero-copy{gap:4px}
.boss-main.commission-exchange .ce-hero h1{font-size:clamp(27px,2.4vw,34px);line-height:1.08;letter-spacing:-.035em}
.boss-main.commission-exchange .ce-hero p{font-size:13px;line-height:1.5}
.boss-main.commission-exchange .ce-sync-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px}
.boss-main.commission-exchange .ce-sync-meta .ce-updated{margin:0;font-size:11px}
.boss-main.commission-exchange .ce-sync-state{margin:0;font-size:11px}
.boss-main.commission-exchange .ce-office-card{min-width:280px;padding:12px 14px;border-radius:14px;box-shadow:none;background:var(--ce-surface-soft)}
.boss-main.commission-exchange .ce-office-flag{width:38px;height:30px}
.boss-main.commission-exchange .ce-office-picker>span{font-size:10px!important}
.boss-main.commission-exchange .ce-office-picker select{font-size:13px}
.boss-main.commission-exchange .ce-office-picker small{font-size:10px}

/* KPI hierarchy: exact business order is preserved by the existing markup. */
.boss-main.commission-exchange .ce-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.boss-main.commission-exchange .ce-kpi{
  min-height:84px;
  grid-template-columns:40px minmax(0,1fr) 16px;
  gap:11px;
  padding:14px 15px;
  border-radius:14px;
  box-shadow:none;
}
.boss-main.commission-exchange .ce-kpi:hover{transform:none;border-color:#d0d5dd;box-shadow:0 5px 14px rgba(16,24,40,.055)}
.boss-main.commission-exchange .ce-kpi.is-active{border-color:#fdba74;background:#fffaf5;box-shadow:inset 0 3px 0 var(--ce-brand)}
.boss-main.commission-exchange .ce-kpi-icon{width:40px;height:40px;border-radius:11px}
.boss-main.commission-exchange .ce-kpi-icon svg{width:19px;height:19px}
.boss-main.commission-exchange .ce-kpi-copy{gap:5px}
.boss-main.commission-exchange .ce-kpi-copy span{font-size:12px;line-height:1.25;white-space:normal;overflow:visible}
.boss-main.commission-exchange .ce-kpi-copy strong{font-size:25px;letter-spacing:-.025em}
.boss-main.commission-exchange .ce-kpi>svg{width:16px;height:16px}
.boss-main.commission-exchange .ce-kpi-attention{
  grid-column:1/-1;
  min-height:62px;
  grid-template-columns:38px minmax(0,1fr) 16px;
  border-color:#fecdca;
  background:#fffafa;
}
.boss-main.commission-exchange .ce-kpi-attention .ce-kpi-icon{width:38px;height:38px}
.boss-main.commission-exchange .ce-kpi-attention .ce-kpi-copy{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.boss-main.commission-exchange .ce-kpi-attention .ce-kpi-copy strong{font-size:22px}

/* Filter bar and list. */
.boss-main.commission-exchange .ce-workspace{border-radius:18px}
.boss-main.commission-exchange .ce-toolbar{
  grid-template-columns:minmax(260px,1fr) 210px 148px 148px auto auto;
  gap:10px;
  padding:14px 16px;
  background:#fbfcfd;
}
.boss-main.commission-exchange .ce-search,
.boss-main.commission-exchange .ce-control select,
.boss-main.commission-exchange .ce-control input{height:42px;border-radius:10px;background:#fff}
.boss-main.commission-exchange .ce-search input{font-size:13px}
.boss-main.commission-exchange .ce-control>span{font-size:10px;letter-spacing:.055em}
.boss-main.commission-exchange .ce-refresh,
.boss-main.commission-exchange .ce-export{height:42px}
.boss-main.commission-exchange .ce-message{font-size:12px;line-height:1.45}
.boss-main.commission-exchange .ce-table-wrap{background:#fff}
.boss-main.commission-exchange .ce-table th{
  padding-top:11px!important;
  padding-bottom:11px!important;
  border-bottom-color:var(--ce-line)!important;
  background:#f8fafc;
  color:#475467;
  font-size:10px;
  font-weight:850;
  letter-spacing:.055em;
}
.boss-main.commission-exchange .ce-table td{
  padding-top:13px!important;
  padding-bottom:13px!important;
  border-bottom-color:#edf0f3!important;
}
.boss-main.commission-exchange .ce-table tbody tr:hover{background:#fafbfc}
.boss-main.commission-exchange .ce-table tbody tr.is-selected{background:#fff8f3;box-shadow:inset 3px 0 0 var(--ce-brand)}
.boss-main.commission-exchange .ce-cell-stack{gap:4px}
.boss-main.commission-exchange .ce-cell-stack strong{font-size:13px;line-height:1.3}
.boss-main.commission-exchange .ce-cell-stack span{font-size:11px;line-height:1.35}
.boss-main.commission-exchange .ce-order-leading{gap:10px}
.boss-main.commission-exchange .ce-order-indicators{gap:6px;max-width:76px}
.boss-main.commission-exchange .ce-invoice-indicator,
.boss-main.commission-exchange .ce-document-indicator{width:29px;height:29px;border-radius:8px}
.boss-main.commission-exchange .ce-document-indicator:hover,
.boss-main.commission-exchange .ce-document-indicator:focus-visible{transform:none;box-shadow:0 3px 8px rgba(16,24,40,.08)}
.boss-main.commission-exchange .ce-document-indicator>span{right:-5px;top:-6px;min-width:17px;height:17px;font-size:9px}
.boss-main.commission-exchange .ce-order-attention{font-size:10px}
.boss-main.commission-exchange .ce-financial-pair{gap:8px}
.boss-main.commission-exchange .ce-financial-line span,
.boss-main.commission-exchange .ce-table-breakdown-label,
.boss-main.commission-exchange .ce-table-breakdown-pct{font-size:11px}
.boss-main.commission-exchange .ce-financial-line strong,
.boss-main.commission-exchange .ce-table-breakdown-row strong{font-size:12px;font-variant-numeric:tabular-nums}
.boss-main.commission-exchange .ce-table-breakdown{gap:7px}
.boss-main.commission-exchange .ce-row-actions .btn{height:35px;min-height:35px;padding:0 13px}
.boss-main.commission-exchange .ce-pagination{padding:12px 16px;font-size:12px;background:#fbfcfd}

/* Order drawer. */
.boss-main.commission-exchange .ce-drawer-backdrop{background:rgba(16,24,40,.38);backdrop-filter:blur(2px)}
.boss-main.commission-exchange .ce-drawer{
  width:min(660px,100vw);
  border-left-color:var(--ce-line);
  box-shadow:-22px 0 58px rgba(16,24,40,.18);
}
.boss-main.commission-exchange .ce-drawer-head{
  position:relative;
  z-index:2;
  padding:19px 22px 17px;
  background:rgba(255,255,255,.98);
  box-shadow:0 1px 0 var(--ce-line);
}
.boss-main.commission-exchange .ce-drawer-head>div{min-width:0}
.boss-main.commission-exchange .ce-drawer-head h2{margin:7px 0 4px;font-size:23px;line-height:1.15;letter-spacing:-.025em}
.boss-main.commission-exchange .ce-drawer-head p{font-size:12px}
.boss-main.commission-exchange .ce-drawer-status{font-size:10px;letter-spacing:.045em}
.boss-main.commission-exchange .ce-drawer-body{padding:18px 20px 28px;background:#f7f9fb;scrollbar-gutter:stable}
.boss-main.commission-exchange .ce-drawer-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  padding:13px 18px 15px;
  background:#fff;
  box-shadow:0 -1px 0 var(--ce-line),0 -8px 24px rgba(16,24,40,.035);
}
.boss-main.commission-exchange .ce-drawer-footer .btn{height:40px;min-height:40px;padding:0 13px}
.boss-main.commission-exchange .ce-drawer-footer .ce-confirm{margin-left:auto}
.boss-main.commission-exchange .ce-detail-loading{min-height:320px}
.boss-main.commission-exchange .ce-drawer-body>.ce-message,
.boss-main.commission-exchange .ce-drawer-body>.ce-quality-warning,
.boss-main.commission-exchange .ce-drawer-body>.ce-upcoming-note,
.boss-main.commission-exchange .ce-drawer-body>.ce-waiting-payment-note,
.boss-main.commission-exchange .ce-drawer-body>.ce-missing-payment-warning,
.boss-main.commission-exchange .ce-drawer-body>.ce-payment-review-warning,
.boss-main.commission-exchange .ce-drawer-body>.ce-payment-completed-note{margin:0 0 12px;border-radius:13px;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.boss-main.commission-exchange .ce-section{
  margin:12px 0 0;
  padding:16px;
  border:1px solid var(--ce-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.025);
}
.boss-main.commission-exchange .ce-section h3{margin:0 0 13px;font-size:14px;line-height:1.3;letter-spacing:-.01em}
.boss-main.commission-exchange .ce-overview-section{margin-top:0}
.boss-main.commission-exchange .ce-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}
.boss-main.commission-exchange .ce-detail-row{
  grid-template-columns:20px minmax(92px,.8fr) minmax(110px,1.2fr);
  gap:8px;
  min-width:0;
  padding:5px 0;
}
.boss-main.commission-exchange .ce-detail-row span{font-size:11px}
.boss-main.commission-exchange .ce-detail-row strong,
.boss-main.commission-exchange .ce-detail-link{font-size:12px}
.boss-main.commission-exchange .ce-detail-row strong{line-height:1.35}
.boss-main.commission-exchange .ce-breakdown{gap:9px}
.boss-main.commission-exchange .ce-breakdown-row{padding:2px 0;font-size:12px}
.boss-main.commission-exchange .ce-breakdown-total{margin-top:6px;padding-top:12px;font-size:13px}
.boss-main.commission-exchange .ce-invoice-card{padding:10px 11px;border-radius:10px;background:#fbfcfd}
.boss-main.commission-exchange .ce-selfservice-card{border-radius:12px}
.boss-main.commission-exchange .ce-section-heading{margin-bottom:13px}
.boss-main.commission-exchange .ce-section-heading h3{margin-bottom:4px}
.boss-main.commission-exchange .ce-section-heading p{font-size:11px;line-height:1.5}

/* QVC document evidence cards. */
.boss-main.commission-exchange .ce-document-list{gap:10px}
.boss-main.commission-exchange .ce-document-card{
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  padding:13px;
  border-radius:12px;
  background:#fbfcfd;
}
.boss-main.commission-exchange .ce-document-card-icon{width:42px;height:42px;border-radius:11px}
.boss-main.commission-exchange .ce-document-card-copy{gap:4px}
.boss-main.commission-exchange .ce-document-card-copy>.ce-document-type{
  width:max-content;
  max-width:100%;
  color:#667085;
  font-size:9px;
  font-weight:850;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.boss-main.commission-exchange .ce-document-card-copy>strong{font-size:13px;line-height:1.35}
.boss-main.commission-exchange .ce-document-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:1px}
.boss-main.commission-exchange .ce-document-meta>span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border:1px solid #e4e7ec;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font-size:10px;
  line-height:1;
}
.boss-main.commission-exchange .ce-document-card-copy>.ce-document-filemeta{color:#98a2b3;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.boss-main.commission-exchange .ce-document-evidence-note{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:5px;
  padding:7px 8px;
  border:1px solid #e4e7ec;
  border-radius:8px;
  background:#f8fafc;
  color:#667085;
  font-size:10px;
  line-height:1.4;
}
.boss-main.commission-exchange .ce-document-evidence-note svg{width:14px;height:14px;flex:0 0 auto;margin-top:1px}
.boss-main.commission-exchange .ce-document-matches{gap:5px;margin-top:5px}
.boss-main.commission-exchange .ce-document-match{padding:7px 8px;border:1px solid #edf0f3;background:#fff;font-size:10px}
.boss-main.commission-exchange .ce-document-match strong{font-size:10px;font-variant-numeric:tabular-nums}
.boss-main.commission-exchange .ce-document-open{align-self:center;min-height:36px;height:36px}

/* Activity and comments. */
.boss-main.commission-exchange .ce-activity{gap:12px}
.boss-main.commission-exchange .ce-activity-item{grid-template-columns:30px minmax(0,1fr)}
.boss-main.commission-exchange .ce-activity-copy strong{font-size:12px}
.boss-main.commission-exchange .ce-activity-copy span,
.boss-main.commission-exchange .ce-activity-copy em{font-size:11px}
.boss-main.commission-exchange .ce-comment-box{font-size:12px;line-height:1.55}

/* Action and payment-request modals. */
.boss-main.commission-exchange .ce-modal-backdrop,
.ce-payment-request-backdrop,
.ce-user-modal-backdrop,
.ce-pr-modal-backdrop,
.ce-im-modal-backdrop{background:rgba(16,24,40,.55);backdrop-filter:blur(3px)}
.boss-main.commission-exchange .ce-modal{
  width:min(590px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:22px 24px 24px;
  border-radius:18px;
  box-shadow:var(--ce-shadow-float);
}
.boss-main.commission-exchange .ce-modal-head h2{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}
.boss-main.commission-exchange .ce-modal-head p{font-size:12px;line-height:1.5}
.boss-main.commission-exchange .ce-comment-field,
.boss-main.commission-exchange .ce-status-target-field{margin-top:16px}
.boss-main.commission-exchange .ce-comment-field>span,
.boss-main.commission-exchange .ce-status-target-field>span{font-size:11px}
.boss-main.commission-exchange .ce-comment-field textarea{min-height:126px;font-size:13px;line-height:1.5}
.boss-main.commission-exchange .ce-comment-field small{font-size:10px}
.boss-main.commission-exchange .ce-modal-actions{
  margin:20px -24px -24px;
  padding:14px 24px;
  border-top:1px solid var(--ce-line);
  background:#fbfcfd;
}
.ce-payment-request-modal{border-radius:18px;box-shadow:var(--ce-shadow-float)}
.ce-payment-request-modal .ce-modal-head{padding:18px 21px;border-bottom:1px solid var(--ce-line);background:#fff}
.ce-payment-request-modal .ce-modal-head h2{margin:4px 0;font-size:21px;letter-spacing:-.02em}
.ce-payment-request-modal .ce-modal-head p{font-size:12px}
.ce-payment-request-modal-body{padding:18px 20px;background:#f7f9fb}
.ce-payment-request-meta>div{padding:11px 12px;border-radius:10px}
.ce-payment-request-meta span{font-size:10px}
.ce-payment-request-meta strong{font-size:12px}
.ce-payment-request-modal>.ce-modal-actions{margin:0;padding:14px 20px;border-top:1px solid var(--ce-line);background:#fff}

/* Unified administration pages. */
.ce-users-page,.ce-pr-page,.ce-im-page,.ce-profile-page{gap:16px}
.ce-users-hero,.ce-pr-hero,.ce-im-hero,.ce-profile-hero{padding:20px 22px;border-radius:18px!important}
.ce-users-hero h1,.ce-pr-hero h1,.ce-im-hero h1,.ce-profile-hero h1{margin:4px 0 5px;font-size:27px;line-height:1.15;letter-spacing:-.03em}
.ce-users-hero p,.ce-pr-hero p,.ce-im-hero p,.ce-profile-hero p{font-size:12px;line-height:1.55}
.ce-user-kpis,.ce-pr-kpis,.ce-im-kpis{gap:12px}
.ce-user-kpis article,.ce-pr-kpis article,.ce-im-kpis article{min-height:105px;padding:16px;border-radius:14px!important;box-shadow:none!important}
.ce-user-kpis span,.ce-pr-kpis span,.ce-im-kpis article span{font-size:10px!important;letter-spacing:.055em!important}
.ce-user-kpis strong,.ce-pr-kpis strong,.ce-im-kpis strong{font-size:25px!important;letter-spacing:-.02em}
.ce-user-kpis small,.ce-pr-kpis small,.ce-im-kpis small{font-size:11px!important;line-height:1.35}
.ce-users-card,.ce-pr-card,.ce-im-section,.ce-profile-card{border-radius:18px!important}
.ce-users-card-head,.ce-pr-card-head,.ce-im-section-head{padding:16px 18px;background:#fbfcfd}
.ce-users-card-head h2,.ce-pr-card-head h2,.ce-im-section-head h2,.ce-profile-card>header h2{font-size:16px}
.ce-users-card-head p,.ce-pr-card-head p,.ce-im-section-head p,.ce-profile-card>header p{font-size:11px;line-height:1.5}
.ce-users-table th,.ce-pr-table th,.ce-im-table th{background:#f8fafc!important;color:#475467!important;font-size:10px!important;letter-spacing:.05em}
.ce-users-table td,.ce-pr-table td,.ce-im-table td{font-size:12px}
.ce-users-table td>small,.ce-pr-table td>small,.ce-im-table td>small{font-size:10px!important}
.ce-user-identity strong,.ce-pr-customer strong,.ce-pr-recipient strong,.ce-pr-template-summary strong{font-size:12px}
.ce-user-identity span,.ce-pr-customer span,.ce-pr-recipient span,.ce-pr-template-summary span{font-size:11px}
.ce-user-identity small,.ce-pr-customer small{font-size:10px}
.ce-user-badge,.ce-pr-badge{font-size:10px}
.ce-user-modal,.ce-pr-modal,.ce-im-modal{border-radius:18px;box-shadow:var(--ce-shadow-float)}
.ce-user-modal>header,.ce-pr-modal>header,.ce-im-modal>header{padding:18px 20px 15px;background:#fff}
.ce-user-modal>header h2,.ce-pr-modal>header h2,.ce-im-modal>header h2{font-size:20px}
.ce-user-modal>header p,.ce-pr-modal>header p,.ce-im-modal>header p{font-size:11px;line-height:1.5}
.ce-user-modal form,.ce-invite-result-body,.ce-pr-modal form,.ce-im-modal form{padding:19px 20px;gap:14px}
.ce-user-modal label,.ce-pr-modal label,.ce-im-modal label{font-size:11px}
.ce-user-modal label small,.ce-pr-modal label small,.ce-im-modal label small{font-size:10px!important}
.ce-user-modal footer,.ce-pr-modal footer,.ce-im-modal footer{position:sticky;bottom:0;margin:0;padding:14px 20px;border-top:1px solid var(--ce-line);background:#fff}
.ce-im-office-grid{gap:12px;padding:18px}
.ce-im-office-card{border-radius:14px;padding:16px;box-shadow:none}
.ce-im-office-head h3{font-size:17px}
.ce-im-office-head p{font-size:11px}
.ce-im-badge,.ce-im-status{font-size:10px}
.ce-profile-card{padding:20px}
.ce-profile-card dl>div{padding:10px 0}
.ce-profile-card dt,.ce-profile-card dd{font-size:12px}

/* Login, invitation and profile authentication surfaces. */
.ce-auth-body{background:radial-gradient(circle at 16% 14%,rgba(240,90,0,.075),transparent 32%),linear-gradient(145deg,#f8fafc 0%,#eef2f5 100%)}
.ce-auth-shell{gap:64px}
.ce-auth-mark{width:54px;height:54px;border-radius:16px;box-shadow:0 12px 28px rgba(240,90,0,.20)}
.ce-auth-brand strong{font-size:22px}
.ce-auth-brand span{font-size:12px}
.ce-auth-card{padding:34px;border-radius:22px;box-shadow:0 22px 60px rgba(16,24,40,.11)}
.ce-auth-card h1{font-size:31px}
.ce-auth-card p{font-size:13px}
.ce-auth-card label{font-size:11px}
.ce-auth-card input,.ce-auth-card button{min-height:46px;border-radius:11px;font-size:13px}
.ce-auth-card footer span{font-size:10px}

@media (max-width:1279px){
  .boss-main.commission-exchange .ce-portal-layout{grid-template-columns:minmax(0,1fr)}
  .boss-main.commission-exchange .ce-portal-sidebar{top:auto;height:auto;border-radius:16px}
  .boss-main.commission-exchange .ce-portal-nav{grid-template-columns:repeat(5,minmax(134px,1fr))}
  .boss-main.commission-exchange .ce-portal-nav-item.is-active{box-shadow:inset 0 3px 0 var(--ce-brand)}
  .boss-main.commission-exchange .ce-toolbar{grid-template-columns:minmax(240px,1fr) 190px 145px 145px auto auto}
}
@media (max-width:1050px){
  .boss-main.commission-exchange .ce-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .boss-main.commission-exchange .ce-kpi-attention{grid-column:1/-1}
  .boss-main.commission-exchange .ce-detail-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .boss-main.commission-exchange .ce-hero{align-items:flex-start}
  .boss-main.commission-exchange .ce-toolbar{grid-template-columns:1fr 1fr}
  .boss-main.commission-exchange .ce-search{grid-column:1/-1}
  .boss-main.commission-exchange .ce-drawer{width:min(620px,100vw)}
  .boss-main.commission-exchange .ce-document-card{grid-template-columns:42px minmax(0,1fr)}
  .boss-main.commission-exchange .ce-document-open{grid-column:1/-1;width:100%;justify-content:center}
}
@media (max-width:720px){
  body.commission-portal-body .boss-main.commission-exchange>.boss-wrap{padding:10px}
  .boss-main.commission-exchange .ce-hero{padding:18px}
  .boss-main.commission-exchange .ce-hero h1{font-size:27px}
  .boss-main.commission-exchange .ce-sync-meta{display:grid;gap:5px}
  .boss-main.commission-exchange .ce-kpis{gap:10px}
  .boss-main.commission-exchange .ce-kpi{min-height:78px}
  .boss-main.commission-exchange .ce-toolbar{padding:13px}
  .boss-main.commission-exchange .ce-table tbody tr{padding:14px;border-radius:14px;box-shadow:0 2px 9px rgba(16,24,40,.045)}
  .boss-main.commission-exchange .ce-drawer{width:100vw}
  .boss-main.commission-exchange .ce-drawer-body{padding:14px 14px 24px}
  .boss-main.commission-exchange .ce-drawer-footer{display:grid;grid-template-columns:1fr;padding:12px 14px}
  .boss-main.commission-exchange .ce-drawer-footer .btn{width:100%;margin:0}
  .boss-main.commission-exchange .ce-section{padding:14px}
  .boss-main.commission-exchange .ce-detail-grid{grid-template-columns:1fr}
  .boss-main.commission-exchange .ce-detail-row{grid-template-columns:20px minmax(88px,.85fr) minmax(100px,1.15fr)}
  .boss-main.commission-exchange .ce-detail-row strong{grid-column:auto;text-align:right}
  .boss-main.commission-exchange .ce-detail-link{grid-column:auto;justify-content:flex-end;text-align:right}
  .boss-main.commission-exchange .ce-modal-backdrop{padding:10px}
  .boss-main.commission-exchange .ce-modal{max-height:calc(100vh - 20px);padding:20px;border-radius:16px}
  .boss-main.commission-exchange .ce-modal-actions{margin:18px -20px -20px;padding:13px 20px}
  .ce-users-hero,.ce-pr-hero,.ce-im-hero,.ce-profile-hero{padding:18px}
  .ce-user-modal,.ce-pr-modal,.ce-im-modal{border-radius:0}
}
@media (max-width:560px){
  .boss-main.commission-exchange .ce-kpis{grid-template-columns:1fr}
  .boss-main.commission-exchange .ce-kpi-attention{grid-column:auto}
  .boss-main.commission-exchange .ce-kpi-attention .ce-kpi-copy{display:grid;gap:4px}
  .boss-main.commission-exchange .ce-toolbar{grid-template-columns:1fr}
  .boss-main.commission-exchange .ce-search{grid-column:auto}
  .boss-main.commission-exchange .ce-office-card{min-width:0}
  .boss-main.commission-exchange .ce-drawer-head{padding:16px 15px 14px}
  .boss-main.commission-exchange .ce-drawer-head h2{font-size:20px}
  .boss-main.commission-exchange .ce-detail-row{grid-template-columns:20px 1fr}
  .boss-main.commission-exchange .ce-detail-row strong,
  .boss-main.commission-exchange .ce-detail-link{grid-column:2;text-align:left;justify-content:flex-start}
  .boss-main.commission-exchange .ce-document-card{grid-template-columns:38px minmax(0,1fr)}
  .boss-main.commission-exchange .ce-document-card-icon{width:38px;height:38px}
  .boss-main.commission-exchange .ce-document-open{grid-column:1/-1}
  .boss-main.commission-exchange .ce-document-match{display:grid;gap:3px}
  .ce-auth-card{padding:26px 20px;border-radius:19px}
}
@media (prefers-reduced-motion:reduce){
  .boss-main.commission-exchange *,
  .ce-auth-body *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* v0.18.6 – Order drawer information hierarchy and action stack. */
.boss-main.commission-exchange .ce-overview-section .ce-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.boss-main.commission-exchange .ce-detail-grid-single{
  grid-template-columns:minmax(0,1fr)!important;
}
.boss-main.commission-exchange .ce-commission-invoicing-section .ce-detail-row{
  grid-template-columns:20px minmax(150px,.72fr) minmax(160px,1.28fr);
}

/* Available workflow actions are presented as a full-width Axelor-style stack. */
.boss-main.commission-exchange .ce-drawer-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  max-height:42vh;
  padding:14px 18px 16px;
  overflow-y:auto;
}
.boss-main.commission-exchange .ce-drawer-footer[hidden],
.boss-main.commission-exchange .ce-drawer-footer .btn[hidden]{
  display:none!important;
}
.boss-main.commission-exchange .ce-drawer-footer .btn{
  width:100%;
  min-height:48px;
  height:auto;
  margin:0;
  padding:11px 16px;
  justify-content:center;
  border-radius:10px;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
}
.boss-main.commission-exchange .ce-drawer-footer .ce-confirm{
  margin-left:0;
}

/* QVC documents: compact evidence panel instead of a nested form-like card. */
.boss-main.commission-exchange .ce-documents-heading{
  margin-bottom:14px;
}
.boss-main.commission-exchange .ce-documents-title-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.boss-main.commission-exchange .ce-documents-title-line h3{
  margin:0;
}
.boss-main.commission-exchange .ce-document-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:22px;
  padding:0 8px;
  border:1px solid #d0d5dd;
  border-radius:999px;
  background:#f8fafc;
  color:#475467;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.boss-main.commission-exchange .ce-document-list{
  gap:12px;
}
.boss-main.commission-exchange .ce-document-card{
  display:block;
  padding:0;
  overflow:hidden;
  border:1px solid #dfe4ea;
  border-radius:13px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.025);
}
.boss-main.commission-exchange .ce-document-card-head{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
}
.boss-main.commission-exchange .ce-document-card-icon{
  width:44px;
  height:44px;
  border-radius:11px;
}
.boss-main.commission-exchange .ce-document-card-title{
  display:grid;
  gap:3px;
  min-width:0;
}
.boss-main.commission-exchange .ce-document-type{
  color:#667085;
  font-size:10px;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.boss-main.commission-exchange .ce-document-card-title>strong{
  color:#101828;
  font-size:16px;
  line-height:1.3;
  letter-spacing:-.01em;
  overflow-wrap:anywhere;
}
.boss-main.commission-exchange .ce-document-open{
  align-self:center;
  grid-column:auto;
  width:auto;
  min-height:38px;
  height:38px;
  padding:0 12px;
  background:#fff;
}
.boss-main.commission-exchange .ce-document-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #eaecf0;
  border-bottom:1px solid #eaecf0;
  background:#f8fafc;
}
.boss-main.commission-exchange .ce-document-facts>div{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px 12px;
  border-right:1px solid #eaecf0;
}
.boss-main.commission-exchange .ce-document-facts>div:last-child{
  border-right:0;
}
.boss-main.commission-exchange .ce-document-facts span{
  color:#98a2b3;
  font-size:10px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.boss-main.commission-exchange .ce-document-facts strong{
  color:#344054;
  font-size:11px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.boss-main.commission-exchange .ce-document-matches{
  display:grid;
  gap:7px;
  margin:0;
  padding:12px 14px 0;
}
.boss-main.commission-exchange .ce-document-match{
  display:grid;
  grid-template-columns:minmax(108px,.7fr) minmax(0,1.3fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid #e4e7ec;
  border-left:3px solid #98a2b3;
  border-radius:9px;
  background:#fff;
}
.boss-main.commission-exchange .ce-document-card.is-qvc_inspection_invoice .ce-document-match{border-left-color:#6172f3}
.boss-main.commission-exchange .ce-document-card.is-qvc_debit_memo .ce-document-match{border-left-color:#d92d20}
.boss-main.commission-exchange .ce-document-card.is-qvc_remittance_advice .ce-document-match{border-left-color:#7a5af8}
.boss-main.commission-exchange .ce-document-match span{
  color:#667085;
  font-size:10px;
  font-weight:750;
  line-height:1.3;
}
.boss-main.commission-exchange .ce-document-match strong{
  min-width:0;
  color:#344054;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.boss-main.commission-exchange .ce-document-match em{
  color:#101828;
  font-size:12px;
  font-style:normal;
  font-weight:850;
  line-height:1.35;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.boss-main.commission-exchange .ce-document-evidence-note{
  margin:10px 14px 0;
}
.boss-main.commission-exchange .ce-document-filemeta{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:12px;
  padding:9px 14px;
  border-top:1px solid #f0f2f5;
  background:#fbfcfd;
  color:#98a2b3;
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.boss-main.commission-exchange .ce-document-filemeta svg{
  width:13px;
  height:13px;
  flex:0 0 auto;
}

@media (max-width:720px){
  .boss-main.commission-exchange .ce-document-card-head{
    grid-template-columns:40px minmax(0,1fr);
  }
  .boss-main.commission-exchange .ce-document-card-icon{
    width:40px;
    height:40px;
  }
  .boss-main.commission-exchange .ce-document-open{
    grid-column:1/-1;
    width:100%;
    justify-content:center;
  }
  .boss-main.commission-exchange .ce-document-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .boss-main.commission-exchange .ce-document-facts>div:nth-child(2){border-right:0}
  .boss-main.commission-exchange .ce-document-facts>div:nth-child(-n+2){border-bottom:1px solid #eaecf0}
  .boss-main.commission-exchange .ce-document-match{
    grid-template-columns:1fr;
    gap:3px;
  }
  .boss-main.commission-exchange .ce-document-match em{
    white-space:normal;
  }
}
@media (max-width:560px){
  .boss-main.commission-exchange .ce-overview-section .ce-detail-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .boss-main.commission-exchange .ce-commission-invoicing-section .ce-detail-row{
    grid-template-columns:20px minmax(0,1fr);
  }
  .boss-main.commission-exchange .ce-commission-invoicing-section .ce-detail-row strong{
    grid-column:2;
    text-align:left;
  }
}


/* v0.18.7 – KPI-aligned sidebar and calmer table indicator column. */
.boss-main.commission-exchange .ce-portal-nav{gap:5px}
.boss-main.commission-exchange .ce-portal-nav-item{min-height:39px;padding:0 10px}
.boss-main.commission-exchange .ce-portal-nav-item>span{font-size:11.5px}
.boss-main.commission-exchange .ce-portal-nav-item-attention{border-color:#fecdca;background:#fffafa}
.boss-main.commission-exchange .ce-table{min-width:1040px}
.boss-main.commission-exchange .ce-table:not(.has-payment-balance):not(.is-all-offices){min-width:940px}
.boss-main.commission-exchange .ce-table.is-all-offices:not(.has-payment-balance){min-width:1040px}
.boss-main.commission-exchange .ce-table th.ce-icons-column{width:84px!important;padding-left:14px!important;padding-right:8px!important}
.boss-main.commission-exchange .ce-table td.ce-icons-column{width:84px;padding-left:14px!important;padding-right:8px!important}
.boss-main.commission-exchange .ce-table th.ce-icons-column[aria-label]{color:transparent}
.boss-main.commission-exchange .ce-table td.ce-order-column{padding-left:6px!important}
.boss-main.commission-exchange .ce-row-indicators{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.boss-main.commission-exchange .ce-row-indicators .ce-order-documents{display:flex;align-items:center;gap:6px}
.boss-main.commission-exchange .ce-order-documents[aria-label]{margin:0}
.boss-main.commission-exchange .ce-row-flag,.boss-main.commission-exchange .ce-invoice-indicator,.boss-main.commission-exchange .ce-document-indicator{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px}
.boss-main.commission-exchange .ce-row-flag{border:1px solid #fedf89;background:#fffaeb;color:#b54708}
.boss-main.commission-exchange .ce-row-flag svg{width:15px;height:15px}
.boss-main.commission-exchange .ce-order-attention{display:none}
.boss-main.commission-exchange .ce-order-leading{display:block}
.boss-main.commission-exchange .ce-table th.ce-order-column{width:16%!important}
.boss-main.commission-exchange .ce-table th.ce-customer-column{width:22%!important}
.boss-main.commission-exchange .ce-table th.ce-financial-cell{width:18%!important}
.boss-main.commission-exchange .ce-table th.ce-commission-cell{width:28%!important}
.boss-main.commission-exchange .ce-table th.ce-payment-balance-column{width:12%!important}
.boss-main.commission-exchange .ce-table th.ce-action-col{width:8%!important}
.boss-main.commission-exchange .ce-table.is-all-offices th.ce-office-column{width:10%!important}
@media (max-width:1279px){.boss-main.commission-exchange .ce-portal-nav{grid-template-columns:repeat(4,minmax(148px,1fr))}}
@media (max-width:860px){.boss-main.commission-exchange .ce-table td.ce-icons-column{grid-column:1/-1;justify-content:flex-start!important;align-items:center}.boss-main.commission-exchange .ce-table td.ce-icons-column::before{content:none}.boss-main.commission-exchange .ce-table td.ce-order-column,.boss-main.commission-exchange .ce-table td.ce-customer-column,.boss-main.commission-exchange .ce-table td.ce-commission-cell,.boss-main.commission-exchange .ce-table td.ce-action-col{grid-column:1/-1}.boss-main.commission-exchange .ce-table td.ce-financial-cell,.boss-main.commission-exchange .ce-table td.ce-payment-balance-column{align-items:center}.boss-main.commission-exchange .ce-table td.ce-order-column .ce-cell-stack,.boss-main.commission-exchange .ce-table td.ce-customer-column .ce-cell-stack{max-width:68%;text-align:right}}


/* v0.18.8 – compact KPI navigation, protected profile rail and no-wrap table indicators. */
.boss-main.commission-exchange .ce-portal-navigation-scroll{
  flex:1 1 auto;
  min-height:0;
  margin-right:-5px;
  padding-right:5px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#d0d5dd transparent;
}
.boss-main.commission-exchange .ce-portal-navigation-scroll::-webkit-scrollbar{width:6px}
.boss-main.commission-exchange .ce-portal-navigation-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#d0d5dd}
.boss-main.commission-exchange .ce-portal-nav-item[hidden]{display:none!important}
.boss-main.commission-exchange .ce-portal-profile{flex:0 0 auto;background:#fff}

/* Keep every order indicator on one horizontal line. */
.boss-main.commission-exchange .ce-table{min-width:1160px}
.boss-main.commission-exchange .ce-table:not(.has-payment-balance):not(.is-all-offices){min-width:1060px}
.boss-main.commission-exchange .ce-table.is-all-offices:not(.has-payment-balance){min-width:1160px}
.boss-main.commission-exchange .ce-table th.ce-icons-column{
  width:194px!important;
  min-width:194px;
  padding-left:14px!important;
  padding-right:10px!important;
}
.boss-main.commission-exchange .ce-table td.ce-icons-column{
  width:194px;
  min-width:194px;
  padding-left:14px!important;
  padding-right:10px!important;
  white-space:nowrap;
}
.boss-main.commission-exchange .ce-row-indicators{
  display:inline-flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:6px;
  min-width:max-content;
  white-space:nowrap;
}
.boss-main.commission-exchange .ce-row-indicators .ce-order-documents{
  display:inline-flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:6px;
  min-width:max-content;
}
.boss-main.commission-exchange .ce-row-indicators>*{flex:0 0 auto}

@media (max-width:1279px){
  .boss-main.commission-exchange .ce-portal-navigation-scroll{
    flex:0 0 auto;
    min-height:auto;
    margin:0;
    padding:0;
    overflow:visible;
  }
}
@media (max-width:860px){
  .boss-main.commission-exchange .ce-table td.ce-icons-column{
    width:auto;
    min-width:0;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .boss-main.commission-exchange .ce-row-indicators{max-width:100%}
}


/* v0.18.9 – Foreign-office action wording and aligned icon rail. */
.boss-main.commission-exchange .ce-drawer-footer .btn{
  display:grid;
  grid-template-columns:22px minmax(0,260px);
  justify-content:center;
  align-items:center;
  column-gap:10px;
  text-align:left;
}
.boss-main.commission-exchange .ce-drawer-footer .btn>svg{
  grid-column:1;
  justify-self:center;
  width:20px;
  height:20px;
}
.boss-main.commission-exchange .ce-drawer-footer .btn>span{
  grid-column:2;
  min-width:0;
  text-align:left;
}
@media (max-width:420px){
  .boss-main.commission-exchange .ce-drawer-footer .btn{
    grid-template-columns:22px minmax(0,1fr);
    justify-content:stretch;
    padding-left:22px;
    padding-right:22px;
  }
}


/* v0.18.10 – centered action labels with a stable shared icon axis. */
.boss-main.commission-exchange .ce-drawer-footer .btn{
  display:grid;
  grid-template-columns:22px minmax(0,360px) 22px;
  justify-content:center;
  align-items:center;
  column-gap:10px;
  text-align:center;
}
.boss-main.commission-exchange .ce-drawer-footer .btn>svg{
  grid-column:1;
  justify-self:center;
  width:20px;
  height:20px;
}
.boss-main.commission-exchange .ce-drawer-footer .btn>span{
  grid-column:2;
  min-width:0;
  text-align:center;
  overflow-wrap:anywhere;
}
@media (max-width:520px){
  .boss-main.commission-exchange .ce-drawer-footer .btn{
    grid-template-columns:22px minmax(0,1fr) 22px;
    justify-content:stretch;
    padding-left:18px;
    padding-right:18px;
  }
}

/* v0.19.3 – QPL debit-note evidence and line-level allocation detail. */
.boss-main.commission-exchange .ce-document-card.is-qvc_qpl_debit_note .ce-document-match{border-left-color:#0e9384}
.boss-main.commission-exchange .ce-document-match-reference{
  display:grid;
  min-width:0;
  gap:2px;
}
.boss-main.commission-exchange .ce-document-match-reference small{
  color:#667085;
  font-size:10px;
  font-weight:650;
  line-height:1.35;
  overflow-wrap:anywhere;
}

/* v0.20.0 - operational QVC evidence hierarchy. */
.boss-main.commission-exchange .ce-document-card.is-qvc_chargeback_invoice .ce-document-match{border-left-color:#d92d20}
.boss-main.commission-exchange .ce-document-card.is-qvc_delivery_rating .ce-document-match{border-left-color:#2e90fa}
.boss-main.commission-exchange .ce-document-card.is-qvc_chargeback_reversal .ce-document-match{border-left-color:#17b26a}
.boss-main.commission-exchange .ce-document-evidence-note.is-negative{border-color:#fecdca;background:#fef3f2;color:#912018}
.boss-main.commission-exchange .ce-document-evidence-note.is-positive{border-color:#abefc6;background:#ecfdf3;color:#05603a}