body.partneros-app-body {
  margin: 0 !important;
  background: #0b1220;
  overflow: hidden;
  --partneros-admin-offset: var(--wp-admin--admin-bar--height, 0px);
}

body.partneros-app-body .partneros-frontend-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(14,165,233,.14), transparent 22%),
    linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
}

body.partneros-app-body .partneros-frontend-canvas {
  min-height: calc(100vh - var(--partneros-admin-offset, 0px));
}

body.partneros-app-body .partneros-frontend-gate {
  min-height: calc(100vh - var(--partneros-admin-offset, 0px));
  display: grid;
  place-items: center;
  padding: 48px 24px;
}

body.partneros-app-body .partneros-frontend-gate__card {
  width: min(100%, 520px);
  border-radius: 24px;
  padding: 32px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(148,163,184,.22);
  box-shadow: 0 40px 120px rgba(2,6,23,.35), 0 12px 36px rgba(2,6,23,.18);
}

body.partneros-app-body .partneros-frontend-gate__eyebrow {
  font: 600 11px/1.2 "Geist", system-ui, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 12px;
}

body.partneros-app-body .partneros-frontend-gate__title {
  margin: 0 0 12px;
  font: 400 42px/1.02 "Instrument Serif", Georgia, serif;
  letter-spacing: -.03em;
  color: #0f172a;
}

body.partneros-app-body .partneros-frontend-gate__copy {
  margin: 0 0 24px;
  font: 400 15px/1.7 "Geist", system-ui, sans-serif;
  color: #475569;
}

body.partneros-app-body .partneros-frontend-gate__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  background: #2563eb;
  color: #ffffff;
  text-decoration: none;
  font: 600 14px/1 "Geist", system-ui, sans-serif;
  box-shadow: 0 16px 32px rgba(37,99,235,.24);
}

@media screen and (max-width: 782px) {
  body.partneros-app-body {
    --partneros-admin-offset: var(--wp-admin--admin-bar--height, 46px);
  }
}

#partneros-root *, #partneros-root *::before, #partneros-root *::after {box-sizing: border-box; margin: 0; padding: 0;}
#partneros-root {--bg:#f5f4f1; --bg2:#efede9; --surface:#fff; --surface2:#f9f8f6;
  --border:#e4e1db; --border2:#d6d2cb;
  --ink:#1a1916; --ink2:#6b6760; --ink3:#a8a49e; --ink4:#c8c4be;
  --accent:#1d4ed8; --accent-bg:#eff3fe;
  --green:#0f766e; --green-bg:#f0fdf9;
  --amber:#b45309; --amber-bg:#fffbeb;
  --red:#b91c1c; --red-bg:#fef2f2;
  --purple:#7c3aed; --purple-bg:#f5f3ff;
  --r:6px; --r2:4px;
  --sh:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --sh2:0 4px 16px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.04);}
#partneros-root {font-family:"Geist",sans-serif; background:var(--bg); color:var(--ink); font-size:13px; line-height:1.5;}
#partneros-root ::-webkit-scrollbar {width:4px; height:4px;}
#partneros-root ::-webkit-scrollbar-track {background:transparent;}
#partneros-root ::-webkit-scrollbar-thumb {background:var(--border2); border-radius:99px;}
#partneros-root .login-screen {position:fixed; inset:0; top:32px; background:var(--bg);
  display:flex; align-items:center; justify-content:center;
  z-index:1000; flex-direction:column; gap:0;}
#partneros-root .login-screen.hidden {display:none;}
#partneros-root .login-card {background:var(--surface); border:1px solid var(--border);
  border-radius:10px; width:380px;
  box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);
  overflow:hidden;}
#partneros-root .login-header {padding:32px 32px 24px;
  border-bottom:1px solid var(--border);
  text-align:center;}
#partneros-root .login-logo {font-family:"Instrument Serif",serif;
  font-size:24px; color:var(--ink); letter-spacing:-.3px;
  margin-bottom:4px;}
#partneros-root .login-tagline {font-size:12px; color:var(--ink3);}
#partneros-root .login-body {padding:28px 32px;}
#partneros-root .login-title {font-size:14px; font-weight:600; color:var(--ink); margin-bottom:6px;}
#partneros-root .login-sub {font-size:12px; color:var(--ink3); margin-bottom:22px; line-height:1.6;}
#partneros-root .ms-btn {width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
  padding:11px 16px; border-radius:var(--r); border:1px solid var(--border2);
  background:var(--surface); cursor:pointer; font-size:13px;
  font-family:"Geist",sans-serif; font-weight:500; color:var(--ink);
  transition:all .15s; margin-bottom:16px;}
#partneros-root .ms-btn:hover {background:var(--bg2); border-color:var(--border2); box-shadow:0 2px 8px rgba(0,0,0,.06);}
#partneros-root .ms-btn:active {transform:translateY(1px);}
#partneros-root .ms-logo {display:flex; gap:2px; flex-wrap:wrap; width:18px; height:18px; flex-shrink:0;}
#partneros-root .ms-logo span {width:8px; height:8px; border-radius:1px;}
#partneros-root .login-divider {display:flex; align-items:center; gap:10px; margin-bottom:16px;}
#partneros-root .login-divider-line {flex:1; height:1px; background:var(--border);}
#partneros-root .login-divider-txt {font-size:11px; color:var(--ink3); white-space:nowrap;}
#partneros-root .login-msg {padding:10px 13px; border-radius:var(--r); font-size:12px;
  margin-bottom:14px; display:none; line-height:1.55;}
#partneros-root .login-msg.error {background:var(--red-bg); color:var(--red); border:1px solid #fecaca; display:block;}
#partneros-root .login-msg.success {background:var(--green-bg); color:var(--green); border:1px solid #bbf7d0; display:block;}
#partneros-root .login-msg.info {background:var(--accent-bg); color:var(--accent); border:1px solid #bfdbfe; display:block;}
#partneros-root .login-footer {padding:16px 32px;
  border-top:1px solid var(--border);
  background:var(--surface2);
  text-align:center;
  font-size:11px; color:var(--ink3);}
#partneros-root .auth-panel {max-width:560px;}
#partneros-root .auth-email-row {display:flex; gap:8px; align-items:center;}
#partneros-root .auth-email-row .fc {flex:1;}
#partneros-root .shell {display:flex; height:calc(100vh - 32px);}
#partneros-root .sidebar {width:212px; min-width:212px; background:var(--surface); border-right:1px solid var(--border); display:flex; flex-direction:column;}
#partneros-root .sb-brand {padding:20px 18px 15px; border-bottom:1px solid var(--border);}
#partneros-root .brand-name {font-family:"Instrument Serif",serif; font-size:19px; color:var(--ink); letter-spacing:-.2px;}
#partneros-root .brand-tag {font-family:"Geist Mono",monospace; font-size:9px; color:var(--ink3); letter-spacing:.1em; text-transform:uppercase; margin-top:2px;}
#partneros-root .sb-nav {flex:1; overflow-y:auto; padding:10px 8px;}
#partneros-root .nav-grp {margin-bottom:18px;}
#partneros-root .nav-grp-lbl {font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ink3); padding:0 10px; margin-bottom:4px;}
#partneros-root .nav-item {display:flex; align-items:center; gap:9px; padding:7px 10px; border-radius:var(--r2); cursor:pointer; color:var(--ink2); font-size:13px; transition:background .12s,color .12s; margin-bottom:1px; user-select:none;}
#partneros-root .nav-item:hover {background:var(--bg2); color:var(--ink);}
#partneros-root .nav-item.active {background:var(--accent-bg); color:var(--accent); font-weight:500;}
#partneros-root .nav-item svg {flex-shrink:0; opacity:.6;}
#partneros-root .nav-item.active svg {opacity:1;}
#partneros-root .nav-chip {margin-left:auto; background:var(--accent); color:#fff; font-size:9px; font-family:"Geist Mono",monospace; padding:1px 5px; border-radius:99px; line-height:1.6;}
#partneros-root .sb-foot {padding:10px 8px; border-top:1px solid var(--border);}
#partneros-root .user-pill {display:flex; align-items:center; gap:9px; padding:7px 10px; border-radius:var(--r2); cursor:pointer;}
#partneros-root .user-pill:hover {background:var(--bg2);}
#partneros-root .avatar {width:26px; height:26px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; flex-shrink:0;}
#partneros-root .user-name {font-size:12px; color:var(--ink2); font-weight:500; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#partneros-root .role-chip {font-size:9px; font-family:"Geist Mono",monospace; padding:1px 5px; border-radius:3px; white-space:nowrap;}
#partneros-root .main {flex:1; display:flex; flex-direction:column; overflow:hidden;}
#partneros-root .topbar {height:52px; background:var(--surface); border-bottom:1px solid var(--border); display:flex; align-items:center; padding:0 24px; gap:14px; flex-shrink:0;}
#partneros-root .topbar-title {font-family:"Instrument Serif",serif; font-size:16px; color:var(--ink);}
#partneros-root .topbar-spacer {flex:1;}
#partneros-root .search-box {display:flex; align-items:center; gap:7px; background:var(--bg2); border:1px solid var(--border); border-radius:var(--r); padding:6px 11px; width:210px;}
#partneros-root .search-box:focus-within {border-color:var(--accent);}
#partneros-root .search-box input {background:none; border:none; outline:none; font-size:12px; color:var(--ink); font-family:"Geist",sans-serif; width:100%;}
#partneros-root .search-box input::placeholder {color:var(--ink3);}
#partneros-root .btn {display:inline-flex; align-items:center; gap:5px; padding:6px 13px; border-radius:var(--r); border:1px solid transparent; cursor:pointer; font-size:12px; font-family:"Geist",sans-serif; font-weight:500; transition:all .12s; white-space:nowrap;}
#partneros-root .btn-primary {background:var(--accent); color:#fff; border-color:var(--accent);}
#partneros-root .btn-primary:hover {background:#1e40af;}
#partneros-root .btn-secondary {background:var(--surface); color:var(--ink2); border-color:var(--border);}
#partneros-root .btn-secondary:hover {background:var(--bg2); color:var(--ink);}
#partneros-root .btn-danger {background:var(--red-bg); color:var(--red); border-color:#fecaca;}
#partneros-root .btn-danger:hover {background:#fee2e2;}
#partneros-root .btn-sm {padding:4px 10px; font-size:11px;}
#partneros-root .del-btn {font-size:11px; color:var(--red); cursor:pointer; padding:2px 7px; border-radius:var(--r2); border:1px solid #fecaca; background:none; font-family:"Geist",sans-serif; transition:all .12s;}
#partneros-root .del-btn:hover {background:var(--red-bg);}
#partneros-root .content {flex:1; overflow:hidden; display:flex;}
#partneros-root .view {display:none; flex:1; overflow:hidden; flex-direction:column;}
#partneros-root .view.active {display:flex; animation:fadeUp .18s ease;}
@keyframes fadeUp {from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)}}
#partneros-root .split {display:flex; flex:1; overflow:hidden;}
#partneros-root .list-col {width:298px; min-width:298px; border-right:1px solid var(--border); display:flex; flex-direction:column; background:var(--surface);}
#partneros-root .lc-head {padding:14px 16px; border-bottom:1px solid var(--border); display:flex; flex-direction:column; gap:9px; flex-shrink:0;}
#partneros-root .lc-top {display:flex; align-items:center; justify-content:space-between;}
#partneros-root .lc-label {font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3);}
#partneros-root .list-scroll {flex:1; overflow-y:auto;}
#partneros-root .li {padding:11px 16px; border-bottom:1px solid var(--border); cursor:pointer; display:flex; align-items:center; gap:11px; transition:background .1s;}
#partneros-root .li:hover {background:var(--bg2);}
#partneros-root .li.sel {background:var(--accent-bg); border-left:2px solid var(--accent);}
#partneros-root .li.sel .li-name {color:var(--accent);}
#partneros-root .li-ico {width:30px; height:30px; border-radius:var(--r2); background:var(--bg2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0;}
#partneros-root .li-body {flex:1; min-width:0;}
#partneros-root .li-name {font-size:13px; font-weight:500; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#partneros-root .li-sub {font-size:11px; color:var(--ink3); margin-top:1px;}
#partneros-root .detail-col {flex:1; overflow-y:auto; background:var(--bg);}
#partneros-root .d-empty {height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px;}
#partneros-root .d-empty-ico {width:42px; height:42px; border:1.5px dashed var(--border2); border-radius:var(--r); display:flex; align-items:center; justify-content:center;}
#partneros-root .d-empty-txt {font-size:12px; color:var(--ink3);}
#partneros-root .d-body {padding:28px 32px;}
#partneros-root .d-hd {display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:26px; gap:16px;}
#partneros-root .d-hd-l {flex:1;}
#partneros-root .eyebrow {font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); margin-bottom:5px;}
#partneros-root .d-title {font-family:"Instrument Serif",serif; font-size:24px; color:var(--ink); letter-spacing:-.3px; line-height:1.2;}
#partneros-root .d-sub {font-size:12px; color:var(--ink2); margin-top:5px;}
#partneros-root .d-actions {display:flex; gap:7px; flex-shrink:0; align-items:flex-start; flex-wrap:wrap; justify-content:flex-end;}
#partneros-root .sec {margin-bottom:26px;}
#partneros-root .sec-title {font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); margin-bottom:11px; padding-bottom:7px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between;}
#partneros-root .badge {display:inline-flex; align-items:center; font-size:10px; font-weight:500; padding:2px 7px; border-radius:3px; white-space:nowrap;}
#partneros-root .b-green {background:var(--green-bg);  color:var(--green);}
#partneros-root .b-blue {background:var(--accent-bg); color:var(--accent);}
#partneros-root .b-amber {background:var(--amber-bg);  color:var(--amber);}
#partneros-root .b-gray {background:var(--bg2); border:1px solid var(--border); color:var(--ink2);}
#partneros-root .b-purple {background:var(--purple-bg); color:var(--purple);}
#partneros-root .b-red {background:var(--red-bg);    color:var(--red);}
#partneros-root .info-grid {display:grid; grid-template-columns:1fr 1fr; gap:8px;}
#partneros-root .info-grid-3 {grid-template-columns:1fr 1fr 1fr;}
#partneros-root .info-cell {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:11px 13px;}
#partneros-root .info-lbl {font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); margin-bottom:3px;}
#partneros-root .info-val {font-size:13px; color:var(--ink); display:flex; align-items:center; gap:6px;}
#partneros-root .prog-wrap {margin-bottom:14px;}
#partneros-root .prog-bar {height:3px; background:var(--border); border-radius:99px; overflow:hidden;}
#partneros-root .prog-fill {height:100%; background:linear-gradient(90deg,var(--accent),#6366f1); border-radius:99px; transition:width .4s ease;}
#partneros-root .prog-lbl {font-size:10px; font-family:"Geist Mono",monospace; color:var(--ink3); margin-top:5px;}
#partneros-root .steps {display:flex; flex-direction:column; gap:6px;}
#partneros-root .step-row {display:flex; align-items:center; gap:12px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:11px 14px;}
#partneros-root .step-row.s-done {border-color:#bbf7d0; background:#f0fdf9;}
#partneros-root .step-row.s-active {border-color:#bfdbfe; background:#eff6ff;}
#partneros-root .step-ind {width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; flex-shrink:0; font-family:"Geist Mono",monospace;}
#partneros-root .ind-done {background:var(--green);  color:#fff;}
#partneros-root .ind-active {background:var(--accent); color:#fff;}
#partneros-root .ind-pend {background:var(--bg2); border:1px solid var(--border2); color:var(--ink3);}
#partneros-root .step-body {flex:1;}
#partneros-root .step-name {font-size:13px; font-weight:500; color:var(--ink);}
#partneros-root .step-meta {font-size:11px; color:var(--ink3); margin-top:1px;}
#partneros-root .step-cta {font-size:11px; color:var(--accent); cursor:pointer; font-weight:500; padding:3px 9px; border-radius:var(--r2); border:1px solid #bfdbfe; background:var(--accent-bg); transition:all .12s; white-space:nowrap;}
#partneros-root .step-cta:hover {background:var(--accent); color:#fff; border-color:var(--accent);}
#partneros-root .feed {display:flex; flex-direction:column;}
#partneros-root .feed-row {display:flex; gap:11px; padding:9px 0; border-bottom:1px solid var(--border);}
#partneros-root .feed-row:last-child {border:none;}
#partneros-root .feed-dot {width:6px; height:6px; border-radius:50%; background:var(--accent); margin-top:5px; flex-shrink:0;}
#partneros-root .feed-text {font-size:12px; color:var(--ink2); line-height:1.55;}
#partneros-root .feed-time {font-size:10px; font-family:"Geist Mono",monospace; color:var(--ink3); margin-top:2px;}
#partneros-root .note-field {width:100%; min-height:80px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:10px 12px; font-size:12px; font-family:"Geist",sans-serif; color:var(--ink); resize:vertical; outline:none; line-height:1.6;}
#partneros-root .note-field:focus {border-color:var(--accent);}
#partneros-root .dash-body {flex:1; overflow-y:auto; padding:24px 28px;}
#partneros-root .kpi-row {display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px;}
#partneros-root .kpi {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:18px 20px;}
#partneros-root .kpi-lbl {font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); margin-bottom:8px;}
#partneros-root .kpi-val {font-family:"Instrument Serif",serif; font-size:34px; color:var(--ink); line-height:1;}
#partneros-root .kpi-note {font-size:11px; color:var(--ink3); margin-top:5px;}
#partneros-root .dash-grid {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
#partneros-root .dash-card {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:18px 20px;}
#partneros-root .dash-card.full {grid-column:1/-1;}
#partneros-root .dc-head {display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
#partneros-root .dc-title {font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink2);}
#partneros-root .dash-lnk {font-size:11px; color:var(--accent); cursor:pointer;}
#partneros-root .dash-lnk:hover {text-decoration:underline;}
#partneros-root .board-wrap {flex:1; overflow-x:auto; padding:20px 24px; display:flex; gap:12px; align-items:flex-start;}
#partneros-root .board-col {min-width:218px; max-width:218px;}
#partneros-root .board-col-hd {padding:9px 12px; border-radius:var(--r) var(--r) 0 0; margin-bottom:8px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--border); border-bottom:none; background:var(--surface);}
#partneros-root .board-col-name {font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;}
#partneros-root .board-col-ct {font-size:10px; font-family:"Geist Mono",monospace; color:var(--ink3);}
#partneros-root .board-cards {display:flex; flex-direction:column; gap:7px;}
#partneros-root .board-card {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:12px 13px; cursor:pointer; transition:box-shadow .12s,transform .12s;}
#partneros-root .board-card:hover {box-shadow:var(--sh2); transform:translateY(-1px);}
#partneros-root .board-card-name {font-size:12px; font-weight:500; color:var(--ink); margin-bottom:3px;}
#partneros-root .board-card-meta {font-size:11px; color:var(--ink3);}
#partneros-root .board-card-foot {display:flex; align-items:center; justify-content:space-between; margin-top:9px;}
#partneros-root .board-empty {padding:16px 12px; text-align:center; color:var(--ink3); font-size:11px;}
#partneros-root .filter-bar {display:flex; flex-wrap:wrap; gap:5px; padding:8px 10px; border-bottom:1px solid var(--border); background:var(--surface2);}
#partneros-root .filter-pill {display:inline-flex; align-items:center; gap:4px; padding:3px 9px; border-radius:99px; border:1px solid var(--border); background:none; font-size:11px; font-family:"Geist",sans-serif; color:var(--ink2); cursor:pointer; transition:all .12s; white-space:nowrap;}
#partneros-root .filter-pill:hover {background:var(--bg2); color:var(--ink);}
#partneros-root .filter-pill.on {background:var(--accent); color:#fff; border-color:var(--accent);}
#partneros-root .filter-pill.on svg {stroke:#fff;}
#partneros-root .sort-row {display:flex; align-items:center; gap:6px; padding:6px 10px 8px; border-bottom:1px solid var(--border); background:var(--surface2);}
#partneros-root .sort-lbl {font-size:10px; color:var(--ink3); letter-spacing:.06em; text-transform:uppercase; font-weight:600;}
#partneros-root .sort-sel {background:none; border:none; font-size:11px; font-family:"Geist",sans-serif; color:var(--ink2); cursor:pointer; outline:none; padding:2px 4px;}
#partneros-root .sort-sel:hover {color:var(--ink);}
#partneros-root .result-count {font-size:10px; color:var(--ink3); padding:5px 16px 2px; font-family:"Geist Mono",monospace;}
#partneros-root .doc-row {display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border);}
#partneros-root .doc-row:last-child {border:none;}
#partneros-root .doc-icon {width:30px; height:30px; border-radius:var(--r2); background:var(--bg2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
#partneros-root .doc-icon svg {stroke:var(--ink3);}
#partneros-root .doc-body {flex:1; min-width:0;}
#partneros-root .doc-name {font-size:12px; font-weight:500; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#partneros-root .doc-meta {font-size:10px; color:var(--ink3); margin-top:1px; font-family:"Geist Mono",monospace;}
#partneros-root .doc-del {font-size:10px; color:var(--ink3); cursor:pointer; padding:2px 6px; border-radius:var(--r2); border:none; background:none; font-family:"Geist",sans-serif;}
#partneros-root .doc-del:hover {background:var(--red-bg); color:var(--red);}
#partneros-root .forecast-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:14px;}
#partneros-root .forecast-cell {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:11px 13px;}
#partneros-root .forecast-lbl {font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); margin-bottom:4px;}
#partneros-root .forecast-val {font-family:"Instrument Serif",serif; font-size:20px; color:var(--ink); line-height:1;}
#partneros-root .forecast-sub {font-size:10px; color:var(--ink3); margin-top:3px;}
#partneros-root .forecast-inp {width:100%; background:var(--bg2); border:1px solid var(--border); border-radius:var(--r2); padding:5px 8px; font-size:12px; font-family:"Geist",sans-serif; color:var(--ink); outline:none; margin-top:6px;}
#partneros-root .forecast-inp:focus {border-color:var(--accent);}
#partneros-root .country-dash {flex:1; overflow-y:auto; padding:24px 28px;}
#partneros-root .cd-header {margin-bottom:20px;}
#partneros-root .cd-kpis {display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:18px;}
#partneros-root .cd-kpi {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:14px 16px;}
#partneros-root .cd-kpi-lbl {font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); margin-bottom:6px;}
#partneros-root .cd-kpi-val {font-family:"Instrument Serif",serif; font-size:26px; color:var(--ink); line-height:1;}
#partneros-root .cd-grid {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
#partneros-root .cd-card {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:16px 18px;}
#partneros-root .cd-card-title {font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink2); margin-bottom:12px;}
#partneros-root .cd-flag-sel {display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px;}
#partneros-root .cd-flag-btn {padding:5px 12px; border-radius:var(--r); border:1px solid var(--border); background:var(--surface); font-size:12px; font-family:"Geist",sans-serif; cursor:pointer; transition:all .12s; color:var(--ink2);}
#partneros-root .cd-flag-btn:hover {background:var(--bg2); color:var(--ink);}
#partneros-root .cd-flag-btn.active {background:var(--accent-bg); border-color:#bfdbfe; color:var(--accent); font-weight:500;}
#partneros-root .pm-grid {display:grid; grid-template-columns:1fr 1fr; gap:8px;}
#partneros-root .pm {background:var(--surface2); border:1px solid var(--border); border-radius:var(--r); padding:12px; cursor:pointer; transition:border-color .12s;}
#partneros-root .pm:hover {border-color:var(--accent);}
#partneros-root .pm-name {font-size:12px; font-weight:500; color:var(--ink); margin-bottom:2px;}
#partneros-root .pm-meta {font-size:11px; color:var(--ink3); margin-bottom:7px;}
#partneros-root .cchips {display:flex; flex-wrap:wrap; gap:8px;}
#partneros-root .cchip {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:10px 14px; cursor:pointer; transition:border-color .12s; min-width:100px;}
#partneros-root .cchip:hover {border-color:var(--accent);}
#partneros-root .cchip-fl {font-size:16px; margin-bottom:3px;}
#partneros-root .cchip-name {font-size:12px; font-weight:500; color:var(--ink);}
#partneros-root .cchip-sub {font-size:10px; color:var(--ink3); margin-top:1px;}
#partneros-root .kpi-targets {display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
#partneros-root .kpi-target {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:13px 15px;}
#partneros-root .kpi-target-lbl {font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); margin-bottom:6px;}
#partneros-root .kpi-target-val {font-family:"Instrument Serif",serif; font-size:22px; color:var(--ink); line-height:1;}
#partneros-root .kpi-target-sub {font-size:10px; color:var(--ink3); margin-top:3px;}
#partneros-root .kpi-target-bar {margin-top:8px;}
#partneros-root .rev-table {width:100%; border-collapse:collapse;}
#partneros-root .rev-table th {text-align:left; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); padding:6px 10px; border-bottom:1px solid var(--border); background:var(--bg2);}
#partneros-root .rev-table td {padding:9px 10px; font-size:12px; color:var(--ink); border-bottom:1px solid var(--border); vertical-align:middle;}
#partneros-root .rev-table tr:last-child td {border:none;}
#partneros-root .rev-table tr:hover td {background:var(--bg2);}
#partneros-root .rev-table .mono {font-family:"Geist Mono",monospace; font-size:11px;}
#partneros-root .trend-up {color:var(--green);  font-size:10px; font-family:"Geist Mono",monospace;}
#partneros-root .trend-down {color:var(--red);    font-size:10px; font-family:"Geist Mono",monospace;}
#partneros-root .trend-flat {color:var(--ink3);   font-size:10px; font-family:"Geist Mono",monospace;}
#partneros-root .spark {display:inline-flex; align-items:flex-end; gap:2px; height:24px;}
#partneros-root .spark-bar {width:5px; border-radius:1px 1px 0 0; background:var(--accent); opacity:.5;}
#partneros-root .spark-bar.last {opacity:1;}
#partneros-root .bar-chart {display:flex; align-items:flex-end; gap:4px; height:60px;}
#partneros-root .bar-chart-bar {flex:1; border-radius:2px 2px 0 0; background:var(--accent); opacity:.6; min-width:6px; transition:opacity .15s; cursor:default;}
#partneros-root .bar-chart-bar:hover {opacity:1;}
#partneros-root .admin-body {flex:1; overflow-y:auto; padding:28px 32px;}
#partneros-root .admin-sec {margin-bottom:36px; max-width:820px;}
#partneros-root .admin-sec-hd {display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--border);}
#partneros-root .admin-sec-title {font-family:"Instrument Serif",serif; font-size:17px; color:var(--ink);}
#partneros-root .admin-table {width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--border); border-radius:var(--r); overflow:hidden;}
#partneros-root .admin-table th {text-align:left; padding:9px 14px; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); background:var(--bg2); border-bottom:1px solid var(--border);}
#partneros-root .admin-table td {padding:10px 14px; font-size:12px; color:var(--ink); border-bottom:1px solid var(--border); vertical-align:middle;}
#partneros-root .admin-table tr:last-child td {border:none;}
#partneros-root .admin-table tr:hover td {background:var(--bg2);}
#partneros-root .perm-grid {display:flex; flex-wrap:wrap; gap:6px;}
#partneros-root .perm-tag {font-size:10px; font-family:"Geist Mono",monospace; padding:2px 6px; border-radius:3px; border:1px solid var(--border); color:var(--ink2); background:var(--bg2);}
#partneros-root .perm-tag.on {background:var(--accent-bg); border-color:#bfdbfe; color:var(--accent);}
#partneros-root .tabs {display:flex; border-bottom:1px solid var(--border); background:var(--surface); padding:0 32px; flex-shrink:0;}
#partneros-root .tab {padding:11px 14px; font-size:12px; color:var(--ink3); cursor:pointer; border-bottom:2px solid transparent; transition:all .12s; margin-bottom:-1px; user-select:none;}
#partneros-root .tab:hover {color:var(--ink2);}
#partneros-root .tab.active {color:var(--accent); border-bottom-color:var(--accent); font-weight:500;}
#partneros-root .tab-pane {display:none; flex:1; overflow-y:auto;}
#partneros-root .tab-pane.active {display:block;}
#partneros-root .overlay {position:fixed; inset:0; background:rgba(20,18,15,.42); backdrop-filter:blur(3px); z-index:200; display:none; align-items:center; justify-content:center;}
#partneros-root .overlay.open {display:flex; animation:bgin .15s ease;}
@keyframes bgin {from{opacity:0} to{opacity:1}}
#partneros-root .modal {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--sh2); width:480px; max-height:84vh; overflow-y:auto; animation:mup .18s ease;}
#partneros-root .modal-wide {width:600px;}
@keyframes mup {from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)}}
#partneros-root .m-hd {padding:18px 22px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between;}
#partneros-root .m-title {font-family:"Instrument Serif",serif; font-size:16px; color:var(--ink);}
#partneros-root .m-x {width:26px; height:26px; border-radius:var(--r2); display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--ink3); font-size:14px; transition:background .12s;}
#partneros-root .m-x:hover {background:var(--bg2); color:var(--ink);}
#partneros-root .m-body {padding:20px 22px;}
#partneros-root .m-foot {padding:14px 22px; border-top:1px solid var(--border); display:flex; justify-content:flex-end; gap:8px;}
#partneros-root .fr {margin-bottom:14px;}
#partneros-root .fr:last-child {margin-bottom:0;}
#partneros-root .fr-lbl {display:block; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); margin-bottom:5px;}
#partneros-root .fc {width:100%; background:var(--bg2); border:1px solid var(--border); border-radius:var(--r); padding:8px 11px; font-size:13px; font-family:"Geist",sans-serif; color:var(--ink); outline:none; transition:border-color .12s;}
#partneros-root .fc:focus {border-color:var(--accent); background:var(--surface);}
#partneros-root select.fc option {background:var(--surface);}
#partneros-root .fr2 {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
#partneros-root .fr3 {display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px;}
#partneros-root .form-hint {font-size:10px; color:var(--ink3); margin-top:4px;}
#partneros-root .divider {height:1px; background:var(--border); margin:16px 0;}
#partneros-root .perm-list {display:grid; grid-template-columns:1fr 1fr; gap:8px;}
#partneros-root .perm-item {display:flex; align-items:center; gap:8px; padding:8px 10px; background:var(--bg2); border:1px solid var(--border); border-radius:var(--r2); cursor:pointer;}
#partneros-root .perm-item input[type=checkbox] {width:14px; height:14px; accent-color:var(--accent); flex-shrink:0; cursor:pointer;}
#partneros-root .perm-item-label {font-size:12px; color:var(--ink2); cursor:pointer;}
#partneros-root .perm-item-desc {font-size:10px; color:var(--ink3); margin-top:1px;}
#partneros-root .empty-blk {padding:24px 16px; text-align:center;}
#partneros-root .empty-blk p {font-size:12px; color:var(--ink3);}
#partneros-root [data-tip] {position:relative;}
#partneros-root [data-tip]:hover::after {content:attr(data-tip); position:absolute; bottom:calc(100% + 5px); left:50%; transform:translateX(-50%); background:var(--ink); color:#fff; font-size:10px; padding:3px 7px; border-radius:var(--r2); white-space:nowrap; pointer-events:none; z-index:10; font-family:"Geist",sans-serif;}
#partneros-root .task-row {display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--border);}
#partneros-root .task-row:last-child {border:none;}
#partneros-root .task-check {width:16px; height:16px; border-radius:3px; border:1.5px solid var(--border2); background:none; cursor:pointer; flex-shrink:0; margin-top:1px; display:flex; align-items:center; justify-content:center; transition:all .12s;}
#partneros-root .task-check.done {background:var(--green); border-color:var(--green);}
#partneros-root .task-check.done::after {content:"✓"; color:#fff; font-size:9px; font-weight:700;}
#partneros-root .task-check.overdue {border-color:var(--red);}
#partneros-root .task-body {flex:1; min-width:0;}
#partneros-root .task-title {font-size:12px; color:var(--ink); font-weight:500;}
#partneros-root .task-title.done-txt {text-decoration:line-through; color:var(--ink3);}
#partneros-root .task-meta {display:flex; align-items:center; gap:8px; margin-top:3px; flex-wrap:wrap;}
#partneros-root .task-due {font-size:10px; font-family:"Geist Mono",monospace; color:var(--ink3);}
#partneros-root .task-due.overdue {color:var(--red); font-weight:600;}
#partneros-root .task-assignee {font-size:10px; color:var(--ink3);}
#partneros-root .task-del {font-size:10px; color:var(--ink3); cursor:pointer; padding:1px 5px; border-radius:var(--r2); border:none; background:none; font-family:"Geist",sans-serif; transition:all .12s; margin-left:auto; flex-shrink:0;}
#partneros-root .task-del:hover {background:var(--red-bg); color:var(--red);}
#partneros-root .tasks-wrap {flex:1; overflow-y:auto; padding:24px 28px; max-width:860px;}
#partneros-root .task-filter-row {display:flex; gap:8px; margin-bottom:20px; align-items:center;}
#partneros-root .task-filter-btn {padding:5px 12px; border-radius:99px; border:1px solid var(--border); background:none; font-size:11px; font-family:"Geist",sans-serif; color:var(--ink2); cursor:pointer; transition:all .12s;}
#partneros-root .task-filter-btn:hover {background:var(--bg2);}
#partneros-root .task-filter-btn.active {background:var(--accent); color:#fff; border-color:var(--accent);}
#partneros-root .task-group {margin-bottom:24px;}
#partneros-root .task-group-title {font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); margin-bottom:10px; padding-bottom:7px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between;}
#partneros-root .task-group-ct {font-family:"Geist Mono",monospace; color:var(--ink4); font-weight:400;}
#partneros-root .task-card {background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:12px 14px; margin-bottom:7px; display:flex; align-items:flex-start; gap:11px;}
#partneros-root .task-card.overdue-card {border-color:#fecaca; background:var(--red-bg);}
#partneros-root .task-card.done-card {opacity:.6;}
#partneros-root .task-card-body {flex:1;}
#partneros-root .task-card-title {font-size:13px; font-weight:500; color:var(--ink); margin-bottom:3px;}
#partneros-root .task-card-title.done-txt {text-decoration:line-through; color:var(--ink3);}
#partneros-root .task-card-meta {font-size:11px; color:var(--ink3); display:flex; gap:10px; flex-wrap:wrap;}
#partneros-root .task-card-partner {color:var(--accent); cursor:pointer;}
#partneros-root .task-card-partner:hover {text-decoration:underline;}
#partneros-root .contacts-table {width:100%; border-collapse:collapse;}
#partneros-root .contacts-table th {text-align:left; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); padding:6px 10px; border-bottom:1px solid var(--border); background:var(--bg2);}
#partneros-root .contacts-table td {padding:9px 10px; font-size:12px; color:var(--ink); border-bottom:1px solid var(--border); vertical-align:middle;}
#partneros-root .contacts-table tr:last-child td {border:none;}
#partneros-root .contacts-table tr:hover td {background:var(--bg2);}
#partneros-root .primary-tag {font-size:9px; font-family:"Geist Mono",monospace; color:var(--accent); background:var(--accent-bg); border:1px solid #bfdbfe; padding:1px 5px; border-radius:3px; margin-left:5px;}


#partneros-root {
  --partneros-admin-offset: 0px;
  --bg: #f3f6fb;
  --bg2: #edf2f8;
  --surface: #ffffff;
  --surface2: #f8fafc;
  --border: #dbe4ee;
  --border2: #c7d3e0;
  --ink: #0f172a;
  --ink2: #334155;
  --ink3: #64748b;
  --ink4: #94a3b8;
  --accent: #2563eb;
  --accent-bg: #eff6ff;
  --green: #0f766e;
  --green-bg: #ecfdf5;
  --amber: #b45309;
  --amber-bg: #fffbeb;
  --red: #b91c1c;
  --red-bg: #fef2f2;
  --purple: #7c3aed;
  --purple-bg: #f5f3ff;
  --r: 16px;
  --r2: 12px;
  --sh: 0 1px 2px rgba(15, 23, 42, .06), 0 10px 30px rgba(15, 23, 42, .05);
  --sh2: 0 18px 40px rgba(15, 23, 42, .10), 0 6px 14px rgba(15, 23, 42, .06);
  width: 100%;
  height: 100%;
  min-height: inherit;
  position: relative;
  isolation: isolate;
  background: var(--bg);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.55;
}

#partneros-root,
#partneros-root :where(button, input, select, textarea, table, th, td, svg, p, h1, h2, h3, h4, h5, h6, span, div, small, strong, label, a) {
  font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#partneros-root :where(input, select, textarea, button) {
  max-width: none;
}

#partneros-root :where(a) {
  color: inherit;
}

#partneros-root .login-screen,
#partneros-root .overlay {
  top: var(--partneros-admin-offset, 0px);
}

#partneros-root .login-screen {
  height: calc(100vh - var(--partneros-admin-offset, 0px));
  min-height: 680px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 26%),
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 22%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 18%, #f4f7fb 100%);
}

#partneros-root .login-card {
  width: min(460px, calc(100vw - 32px));
  border-radius: 24px;
  border: 1px solid rgba(148,163,184,.22);
  box-shadow: 0 32px 90px rgba(15, 23, 42, .16), 0 10px 24px rgba(15, 23, 42, .08);
}

#partneros-root .login-header {
  padding: 36px 36px 28px;
  background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
}

#partneros-root .login-tagline,
#partneros-root .login-sub,
#partneros-root .login-divider-txt,
#partneros-root .login-footer {
  color: var(--ink3);
}

#partneros-root .shell {
  display: flex;
  height: 100%;
  min-height: 100%;
  background: var(--bg);
}

body.partneros-app-body #partneros-root .shell {
  height: calc(100vh - var(--partneros-admin-offset, 0px));
  min-height: calc(100vh - var(--partneros-admin-offset, 0px));
}

#partneros-root .sidebar {
  width: 272px;
  min-width: 272px;
  background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
  border-right: 1px solid rgba(148, 163, 184, .16);
  color: #e2e8f0;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
}

#partneros-root .sb-brand {
  padding: 24px 22px 20px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
}

#partneros-root .sb-brand svg polygon {
  fill: #ffffff;
}

#partneros-root .brand-name {
  color: #f8fafc;
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.03em;
}

#partneros-root .brand-tag {
  color: rgba(226, 232, 240, .66);
  letter-spacing: .18em;
}

#partneros-root .sb-nav {
  padding: 14px 10px;
}

#partneros-root .nav-grp {
  margin-bottom: 20px;
}

#partneros-root .nav-grp-lbl {
  padding: 0 12px;
  margin-bottom: 8px;
  color: rgba(148, 163, 184, .72);
}

#partneros-root .nav-item {
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 4px;
  border-radius: 14px;
  color: rgba(226, 232, 240, .82);
}

#partneros-root .nav-item svg {
  opacity: .9;
}

#partneros-root .nav-item:hover {
  background: rgba(255,255,255,.06);
  color: #ffffff;
}

#partneros-root .nav-item.active {
  background: linear-gradient(135deg, rgba(37,99,235,.22), rgba(59,130,246,.18));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(96,165,250,.20);
}

#partneros-root .nav-chip {
  background: rgba(255,255,255,.14);
  color: #ffffff;
}

#partneros-root .sb-foot {
  padding: 12px 10px 14px;
  border-top: 1px solid rgba(148, 163, 184, .14);
}

#partneros-root .user-pill:hover {
  background: rgba(255,255,255,.05);
}

#partneros-root .avatar {
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,.14);
  color: #ffffff;
}

#partneros-root .user-name {
  color: #e2e8f0;
}

#partneros-root .main {
  min-width: 0;
  background: var(--bg);
}

#partneros-root .content,
#partneros-root .view,
#partneros-root .split,
#partneros-root .detail-col,
#partneros-root .list-scroll,
#partneros-root .dash-body,
#partneros-root .tasks-wrap,
#partneros-root .admin-body,
#partneros-root .tab-pane {
  min-width: 0;
  min-height: 0;
}

#partneros-root .topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 72px;
  padding: 0 28px 0 32px;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(219, 228, 238, .92);
}

#partneros-root .topbar-title {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 32px;
  letter-spacing: -.035em;
}

#partneros-root .search-box {
  width: min(340px, 32vw);
  min-width: 260px;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #d9e3ee;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

#partneros-root .search-box input {
  font-size: 13px;
}

#partneros-root .btn {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

#partneros-root .btn-primary {
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  border-color: #2563eb;
  box-shadow: 0 14px 28px rgba(37,99,235,.18);
}

#partneros-root .btn-primary:hover {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
}

#partneros-root .btn-secondary {
  background: rgba(255,255,255,.88);
}

#partneros-root .split {
  background: var(--bg);
}

#partneros-root .list-col {
  width: 360px;
  min-width: 360px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 100%);
  border-right: 1px solid rgba(219,228,238,.9);
}

#partneros-root .lc-head {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 18px 18px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.95) 100%);
  backdrop-filter: blur(10px);
}

#partneros-root .lc-label {
  color: var(--ink3);
}

#partneros-root .list-scroll {
  padding: 12px;
}

#partneros-root .li {
  margin: 0 0 10px;
  padding: 14px;
  border: 1px solid rgba(219,228,238,.92);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}

#partneros-root .li:hover {
  background: #ffffff;
  border-color: #cdd8e5;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

#partneros-root .li.sel {
  border-left: 1px solid #93c5fd;
  background: linear-gradient(180deg, #eff6ff 0%, #eef4ff 100%);
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.25), 0 10px 24px rgba(37,99,235,.08);
}

#partneros-root .li-ico {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #f8fafc;
}

#partneros-root .li-name {
  font-size: 14px;
  font-weight: 600;
}

#partneros-root .li-sub {
  font-size: 12px;
}

#partneros-root .detail-col {
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.05), transparent 22%),
    linear-gradient(180deg, #f8fbff 0%, #f3f6fb 100%);
}

#partneros-root .d-body {
  padding: 32px 36px 96px;
}

#partneros-root .d-hd {
  gap: 24px;
  margin-bottom: 30px;
}

#partneros-root .eyebrow {
  margin-bottom: 8px;
}

#partneros-root .d-title {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: clamp(36px, 3vw, 48px);
  line-height: 1.02;
  letter-spacing: -.045em;
}

#partneros-root .d-sub {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink2);
}

#partneros-root .d-actions {
  gap: 10px;
}

#partneros-root .sec {
  margin-bottom: 18px;
  padding: 18px 18px 20px;
  border: 1px solid rgba(219,228,238,.92);
  border-radius: 22px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 8px 28px rgba(15, 23, 42, .05);
}

#partneros-root .sec-title {
  margin-bottom: 16px;
  padding-bottom: 10px;
  font-size: 11px;
}

#partneros-root .info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#partneros-root .info-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#partneros-root .info-cell,
#partneros-root .dash-card,
#partneros-root .kpi,
#partneros-root .task-card,
#partneros-root .board-card,
#partneros-root .board-col-hd,
#partneros-root .cchip,
#partneros-root .pm,
#partneros-root .modal,
#partneros-root .admin-table,
#partneros-root .step-row {
  border-radius: 18px;
  border-color: rgba(219,228,238,.92);
  box-shadow: 0 6px 20px rgba(15, 23, 42, .05);
}

#partneros-root .info-cell {
  padding: 16px 18px;
}

#partneros-root .info-lbl,
#partneros-root .kpi-lbl,
#partneros-root .dc-title,
#partneros-root .task-group-title,
#partneros-root .admin-table th,
#partneros-root .contacts-table th,
#partneros-root .rev-table th {
  color: var(--ink3);
}

#partneros-root .info-val {
  font-size: 15px;
  font-weight: 500;
}

#partneros-root .prog-wrap {
  margin-bottom: 16px;
}

#partneros-root .prog-bar {
  height: 6px;
  background: #dbe4ee;
}

#partneros-root .prog-fill {
  background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
}

#partneros-root .step-row {
  padding: 14px 16px;
}

#partneros-root .dash-body {
  padding: 28px 32px 80px;
}

#partneros-root .kpi-row {
  gap: 14px;
}

#partneros-root .kpi {
  padding: 20px 22px;
}

#partneros-root .kpi-val {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 42px;
}

#partneros-root .dash-grid {
  gap: 14px;
}

#partneros-root .dash-card {
  padding: 20px 22px;
}

#partneros-root .board-wrap {
  padding: 24px 28px 40px;
  gap: 16px;
}

#partneros-root .board-col {
  min-width: 260px;
  max-width: 260px;
}

#partneros-root .board-cards {
  gap: 10px;
}

#partneros-root .board-card {
  padding: 14px 15px;
}

#partneros-root .tasks-wrap {
  max-width: 1080px;
  padding: 28px 32px 80px;
}

#partneros-root .task-card {
  padding: 14px 16px;
  margin-bottom: 10px;
}

#partneros-root .task-filter-btn {
  border-radius: 999px;
  min-height: 34px;
  padding: 0 14px;
}

#partneros-root .tabs {
  position: sticky;
  top: 0;
  z-index: 15;
  padding: 0 32px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}

#partneros-root .tab {
  padding: 14px 16px;
}

#partneros-root .admin-body {
  padding: 28px 32px 80px;
}

#partneros-root .admin-sec {
  max-width: 980px;
}

#partneros-root .admin-table,
#partneros-root .contacts-table,
#partneros-root .rev-table {
  overflow: hidden;
  border-radius: 18px;
}

#partneros-root .fc,
#partneros-root .note-field {
  min-height: 44px;
  padding: 0 14px;
  background: #ffffff;
  border: 1px solid #d9e3ee;
  border-radius: 14px;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .02);
}

#partneros-root textarea.fc,
#partneros-root .note-field {
  min-height: 96px;
  padding: 12px 14px;
}

#partneros-root .overlay {
  padding: 24px;
  align-items: flex-start;
}

#partneros-root .modal {
  margin-top: max(32px, var(--partneros-admin-offset, 0px));
  width: min(720px, calc(100vw - 48px));
  max-height: calc(100vh - var(--partneros-admin-offset, 0px) - 64px);
}

#partneros-root .m-hd,
#partneros-root .m-foot {
  padding-left: 24px;
  padding-right: 24px;
}

#partneros-root .m-body {
  padding: 22px 24px;
}

#partneros-root .empty-blk {
  padding: 32px 18px;
}

#partneros-root .d-empty {
  color: var(--ink3);
}

#partneros-root .d-empty-ico {
  width: 56px;
  height: 56px;
  border-radius: 18px;
}

#partneros-root .badge {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
}

#partneros-root [data-context="admin"] .shell {
  height: 100%;
}

@media (max-width: 1440px) {
  #partneros-root .sidebar {
    width: 248px;
    min-width: 248px;
  }

  #partneros-root .list-col {
    width: 320px;
    min-width: 320px;
  }
}

@media (max-width: 1180px) {
  #partneros-root .topbar {
    height: 64px;
    padding-inline: 20px;
  }

  #partneros-root .topbar-title {
    font-size: 26px;
  }

  #partneros-root .search-box {
    width: 240px;
    min-width: 220px;
  }

  #partneros-root .d-body,
  #partneros-root .dash-body,
  #partneros-root .tasks-wrap,
  #partneros-root .admin-body {
    padding-inline: 24px;
  }

  #partneros-root .info-grid-3,
  #partneros-root .kpi-targets,
  #partneros-root .kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  #partneros-root .sidebar {
    width: 88px;
    min-width: 88px;
  }

  #partneros-root .sb-brand,
  #partneros-root .sb-foot {
    padding-inline: 10px;
  }

  #partneros-root .brand-tag,
  #partneros-root .brand-name,
  #partneros-root .nav-grp-lbl,
  #partneros-root .user-name,
  #partneros-root .role-chip,
  #partneros-root #currentRoleChip {
    display: none !important;
  }

  #partneros-root .nav-item {
    justify-content: center;
  }

  #partneros-root .nav-chip {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 8px;
    padding: 1px 4px;
  }

  #partneros-root .list-col {
    width: 290px;
    min-width: 290px;
  }
}

@media (max-width: 840px) {
  #partneros-root .search-box {
    display: none;
  }

  #partneros-root .info-grid,
  #partneros-root .info-grid-3,
  #partneros-root .kpi-targets,
  #partneros-root .kpi-row,
  #partneros-root .dash-grid,
  #partneros-root .fr2,
  #partneros-root .fr3,
  #partneros-root .perm-list {
    grid-template-columns: 1fr;
  }
}


#partneros-root {
  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --brand-sidebar-bg: #0f172a;
  --brand-sidebar-text: #e2e8f0;
  --brand-app-bg: #f3f6fb;
  --brand-panel-bg: #ffffff;
}

#partneros-root,
#partneros-root :where(button, input, select, textarea, table, th, td, svg, p, h1, h2, h3, h4, h5, h6, span, div, small, strong, label, a) {
  font-family: var(--font-sans) !important;
}

#partneros-root .brand-name,
#partneros-root .d-title,
#partneros-root .kpi-val,
#partneros-root .forecast-val,
#partneros-root .cd-kpi-val,
#partneros-root .kpi-target-val,
#partneros-root .admin-sec-title,
#partneros-root .m-title,
#partneros-root .topbar-title {
  font-family: var(--font-serif) !important;
}

#partneros-root .brand-tag,
#partneros-root .prog-lbl,
#partneros-root .feed-time,
#partneros-root .result-count,
#partneros-root .doc-meta,
#partneros-root .task-due,
#partneros-root .role-chip,
#partneros-root .nav-chip,
#partneros-root .primary-tag,
#partneros-root .trend-up,
#partneros-root .trend-down,
#partneros-root .trend-flat,
#partneros-root .task-group-ct,
#partneros-root .step-ind {
  font-family: var(--font-mono) !important;
}

#partneros-root { background: var(--brand-app-bg); }
#partneros-root .shell,
#partneros-root .detail-col,
#partneros-root .dash-body,
#partneros-root .country-dash,
#partneros-root .board-wrap,
#partneros-root .tasks-wrap,
#partneros-root .admin-body { background: var(--bg); }
#partneros-root .sidebar { background: linear-gradient(180deg, var(--brand-sidebar-bg) 0%, color-mix(in srgb, var(--brand-sidebar-bg) 92%, black 8%) 100%); color: var(--brand-sidebar-text); }
#partneros-root .brand-name,
#partneros-root .nav-item,
#partneros-root .user-name { color: var(--brand-sidebar-text); }
#partneros-root .brand-tag,
#partneros-root .nav-grp-lbl,
#partneros-root .sb-foot,
#partneros-root .user-pill { color: color-mix(in srgb, var(--brand-sidebar-text) 70%, transparent); }
#partneros-root .nav-item:hover,
#partneros-root .nav-item.active { background: rgba(255,255,255,.08); color: #ffffff; }
#partneros-root .nav-chip { background: var(--accent); }
#partneros-root .dash-card,
#partneros-root .kpi,
#partneros-root .info-cell,
#partneros-root .modal,
#partneros-root .login-card,
#partneros-root .admin-sec,
#partneros-root .step-row,
#partneros-root .task-card,
#partneros-root .board-card,
#partneros-root .list-col,
#partneros-root .topbar,
#partneros-root .lc-head,
#partneros-root .filter-bar,
#partneros-root .sort-row,
#partneros-root .contacts-table th,
#partneros-root .info-cell,
#partneros-root .fc,
#partneros-root .note-field { background: var(--brand-panel-bg); }

#partneros-root .partneros-brand-logo-img { max-width: 220px; max-height: 46px; display:block; object-fit: contain; }
#partneros-root .partneros-brand-logo-sidebar { max-width: 42px; max-height: 42px; display:block; object-fit: contain; flex-shrink:0; }
#partneros-root #loginBrandLogoWrap { display:flex; align-items:center; justify-content:center; min-height:46px; }

/* PartnerOS 1.6 — onboarding + documents */
#partneros-root .onb-toolbar {display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
#partneros-root .onb-summary-bar {display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px;}
#partneros-root .onb-summary-chip {display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:var(--surface2); border:1px solid var(--border); color:var(--ink2); font-size:11px;}
#partneros-root .onb-step-actions {display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-left:auto;}
#partneros-root .onb-step-note {margin-top:8px; padding:9px 10px; border-radius:12px; background:var(--surface2); border:1px solid var(--border); color:var(--ink2); font-size:11px; line-height:1.55;}
#partneros-root .onb-step-docs {margin-top:6px; color:var(--accent); font-size:10px; font-weight:600; letter-spacing:.02em;}
#partneros-root .doc-row {align-items:flex-start;}
#partneros-root .doc-row-head {display:flex; align-items:flex-start; justify-content:space-between; gap:10px; flex-wrap:wrap;}
#partneros-root .doc-pill-row {display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
#partneros-root .doc-pill {display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; background:var(--accent-bg); color:var(--accent); font-size:10px; font-weight:600; border:1px solid rgba(37,99,235,.14);}
#partneros-root .doc-pill-step {background:rgba(15,118,110,.10); color:#0f766e; border-color:rgba(15,118,110,.16);}
#partneros-root .doc-note {margin-top:6px; color:var(--ink2); font-size:11px; line-height:1.55;}
#partneros-root .doc-links {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:8px;}
#partneros-root .doc-link {font-size:11px; font-weight:600; color:var(--accent); text-decoration:none;}
#partneros-root .doc-link:hover {text-decoration:underline;}
#partneros-root .doc-link.muted {color:var(--ink3); cursor:default; text-decoration:none;}
#partneros-root .doc-actions {display:flex; align-items:center; gap:6px; margin-left:auto;}
#partneros-root .input-with-action {display:flex; align-items:center; gap:8px;}
#partneros-root .input-with-action .fc {flex:1;}
@media (max-width: 1100px) {
  #partneros-root .onb-step-actions {width:100%; margin-left:0;}
  #partneros-root .doc-actions {width:100%; margin-left:0; justify-content:flex-start;}
  #partneros-root .input-with-action {flex-direction:column; align-items:stretch;}
}