/* Partnerships — dashboard design, scoped under .crdts-dash.
   Page-private classes; the shared shell stays in dashboard.scoped.css. */

.crdts-dash h1,.crdts-dash h2,.crdts-dash h3,.crdts-dash h4,.crdts-dash p,.crdts-dash span,.crdts-dash a,.crdts-dash b,.crdts-dash strong,.crdts-dash small,.crdts-dash em,.crdts-dash i,.crdts-dash li,.crdts-dash ul,.crdts-dash ol,.crdts-dash button,.crdts-dash label,.crdts-dash input,.crdts-dash textarea,.crdts-dash select,.crdts-dash summary,.crdts-dash option:not(.material-symbols-outlined):not([class*="material-symbols"]):not(.material-symbols-rounded):not([class*="material-symbols-rounded"]){font-family:inherit}
.crdts-dash .material-symbols-outlined,.crdts-dash [class*="material-symbols"]{
  font-family:'Material Symbols Outlined'!important;font-weight:400;font-style:normal;
  line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;
  white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';
  -webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}

/* ============ partnerships — dashboard overview ============ */

.crdts-dash .pt-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.crdts-dash .pt-hero{grid-column:span 2;display:flex;flex-direction:column;gap:11px}
.crdts-dash .pt-hero h2{font-size:22px;margin:0;line-height:1.5;letter-spacing:-.4px}
.crdts-dash .pt-hero p{font-size:12px;color:#7d7a63;margin:0;line-height:1.9;max-width:430px}
.crdts-dash .pt-hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}
.crdts-dash .pt-hero-stats>div{background:#fff;border:1px solid #f2e7bd;border-radius:9px;
  padding:11px 16px;min-width:120px}
.crdts-dash .pt-hero-stats b{display:block;font-size:21px;font-weight:700;color:var(--ink);line-height:1.4}
.crdts-dash .pt-hero-stats span{font-size:10px;color:#a3a397;letter-spacing:.4px}

/* --- revenue wallet --- */

.crdts-dash .pt-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;margin-bottom:23px}
.crdts-dash .pt-money.earned{background:#f4f9f4;border-color:#dbe9db}
.crdts-dash .pt-money.earned>strong{color:#4e6b4f}
.crdts-dash .pt-money.earned .metric-top i{background:#e9f3e8;color:#5e7c60}
.crdts-dash .pt-money.waiting{background:#fff9e4;border-color:#f6edb9}
.crdts-dash .pt-money.waiting>strong{color:#b47915}
.crdts-dash .pt-money.waiting .metric-top i{background:#fff7d9;color:#c9a227}
.crdts-dash .pt-money.settled{background:#fcfcfa}
.crdts-dash .pt-money.settled>strong{color:var(--ink)}

/* --- recent transactions --- */

.crdts-dash .pt-rows{display:grid}
.crdts-dash .pt-row{display:flex;align-items:center;gap:11px;padding:12px 24px;
  border-bottom:1px solid #f2f2ec}
.crdts-dash .pt-row:last-child{border-bottom:none}
.crdts-dash .pt-row-ico{width:28px;height:28px;border-radius:8px;background:#f7f7f2;color:#898978;
  display:grid;place-items:center;flex-shrink:0}
.crdts-dash .pt-row-ico svg{width:14px;height:14px}
.crdts-dash .pt-row-main{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;flex:1}
.crdts-dash .pt-row-main b{font-size:12.5px;font-weight:500;color:#38382d;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.crdts-dash .pt-row-amt{font-size:12.5px;font-weight:700;color:#c94742;white-space:nowrap}
.crdts-dash .pt-row-amt.in{color:#648166}

/* --- muted empty / no-data box --- */

.crdts-dash .pt-note{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;
  background:#fff;border:1px solid var(--line);border-radius:11px;padding:28px 20px;
  font-size:12.5px;color:#a1a194;line-height:1.9}
.crdts-dash .pt-note>svg{width:30px;height:30px;color:#c3c3b2;stroke-width:1.4}

/* --- card grids: payouts, shared rewards, campaigns --- */

.crdts-dash .pt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.crdts-dash .pt-card{border:1px solid #e9e9df;background:#fff;border-radius:10px;padding:16px;
  display:flex;flex-direction:column;gap:11px;transition:border-color .2s,box-shadow .2s}
.crdts-dash .pt-card:hover{border-color:#f2e7bd;box-shadow:0 10px 30px #33330b08}
.crdts-dash .pt-card-top{display:flex;align-items:flex-start;gap:11px}
.crdts-dash .pt-card-ico{width:36px;height:36px;border-radius:9px;background:#fff6d8;color:#b48314;
  display:grid;place-items:center;flex-shrink:0}
.crdts-dash .pt-card-ico svg{width:17px;height:17px}
.crdts-dash .pt-card-logo{width:36px;height:36px;border-radius:9px;object-fit:cover;flex-shrink:0}
.crdts-dash .pt-card-id{min-width:0;flex:1}
.crdts-dash .pt-card-id b{display:block;font-size:12.5px;font-weight:600;color:#38382d;line-height:1.7;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crdts-dash .pt-card-id small{display:block;font-size:11px;color:#a1a194;margin-top:4px;line-height:1.7}
.crdts-dash .pt-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid #f0f0e8;padding-top:12px;font-size:11px;color:#a1a194}
.crdts-dash .pt-value{font-size:15px;font-weight:700;color:#cc4a05;white-space:nowrap}
.crdts-dash .pt-money-big{font-size:26px;font-weight:700;color:var(--ink);margin:0;line-height:1.3}
.crdts-dash .pt-money-big small{font-size:11px;font-weight:400;color:#8c8c7c;margin-inline-start:4px}
.crdts-dash .pt-desc{font-size:11.5px;color:#a1a18f;margin:0;line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crdts-dash .pt-linked{display:flex;align-items:center;gap:8px;border:1px solid #f2e7bd;
  background:#fffcf0;border-radius:8px;padding:9px 11px}
.crdts-dash .pt-linked svg{width:14px;height:14px;color:#b48314;flex-shrink:0}
.crdts-dash .pt-linked span{font-size:11.5px;color:#6c6c5e;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.crdts-dash .pt-linked b{font-size:12px;font-weight:700;color:#b48314;margin-inline-start:auto;
  white-space:nowrap}
.crdts-dash .pt-dates{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#b4b4a7}
.crdts-dash .pt-dates svg{width:12px;height:12px}

/* --- payout requests --- */

.crdts-dash .pt-requests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.crdts-dash .pt-request{border:1px solid var(--line);border-radius:11px;background:#fff;padding:15px 16px}

/* ============ partnerships — partner cards ============ */

.crdts-dash .pt-partners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.crdts-dash .pt-partner{border:1px solid #e9e9df;background:#fff;border-radius:11px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.crdts-dash .pt-partner.open{cursor:pointer}
.crdts-dash .pt-partner.open:hover{transform:translateY(-3px);box-shadow:0 10px 30px #33330b08}
.crdts-dash .pt-partner-cover{position:relative;height:96px;
  background:linear-gradient(120deg,#fff9d8,#fff5ab)}
.crdts-dash .pt-partner-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.crdts-dash .pt-partner-tags{position:absolute;inset-block-start:9px;inset-inline-end:9px;
  display:flex;gap:6px;z-index:1}
.crdts-dash .pt-tag{font-size:9.5px;padding:4px 8px;border-radius:4px;background:#fff;color:#8a8a78;
  border:1px solid var(--line)}
.crdts-dash .pt-tag.live{color:#648166;border-color:#dbe9db;background:#f4f9f4}
.crdts-dash .pt-tag.wait{color:#b47915;border-color:#f6edb9;background:#fff9e4}
.crdts-dash .pt-tag.bad{color:#c94742;border-color:#f0d5cb;background:#fff0ed}
.crdts-dash .pt-tag.in{color:#cc4a05;border-color:#f2e0cf;background:#fff2e6}
.crdts-dash .pt-partner-logo{position:absolute;inset-block-end:-24px;inset-inline-start:16px;
  width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #fff;
  box-shadow:0 4px 12px #1717141a;display:grid;place-items:center;overflow:hidden;color:#b4b4a7}
.crdts-dash .pt-partner-logo img{width:100%;height:100%;object-fit:cover}
.crdts-dash .pt-partner-logo svg{width:22px;height:22px}
.crdts-dash .pt-partner-body{padding:32px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.crdts-dash .pt-partner-name{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.6;margin:0}
.crdts-dash .pt-partner-meta{font-size:11px;color:#a1a194;margin:-5px 0 0}
.crdts-dash .pt-rates{display:grid;gap:8px}
.crdts-dash .pt-rate{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid #efefe7;background:#fcfcfa;border-radius:8px;padding:10px 12px}
.crdts-dash .pt-rate>span:first-child{font-size:10.5px;color:#a1a18f}
.crdts-dash .pt-rate-val{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  color:#cc4a05}
.crdts-dash .pt-rate-val svg{width:12px;height:12px;color:#b48314}
.crdts-dash .pt-acts{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px;
  border-top:1px solid #f0f0e8}
.crdts-dash .pt-acts>.primary-button,.crdts-dash .pt-acts>.secondary-button{flex:1;
  padding:9px 12px;font-size:12px}
.crdts-dash .pt-acts>.icon-action{flex-shrink:0}

/* ============ partnerships — full-page forms ============ */

.crdts-dash .pt-duo{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;
  border:1px solid #f6edb9;background:#fffcf0;border-radius:10px;padding:18px}
.crdts-dash .pt-duo-side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.crdts-dash .pt-duo-logo{width:46px;height:46px;border-radius:50%;background:#fff;
  border:1px solid #efefe7;display:grid;place-items:center;overflow:hidden;color:#b48314;flex-shrink:0}
.crdts-dash .pt-duo-logo img{width:100%;height:100%;object-fit:cover}
.crdts-dash .pt-duo-logo svg{width:20px;height:20px}
.crdts-dash .pt-duo-name{font-size:11.5px;font-weight:600;color:#38382d;max-width:116px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;text-align:center}
.crdts-dash .pt-duo-mid{display:flex;flex-direction:column;align-items:center;gap:6px;color:#b48314}
.crdts-dash .pt-duo-mid svg{width:22px;height:22px}
.crdts-dash .pt-duo-mid span{font-size:10px;font-weight:700}

.crdts-dash .pt-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.crdts-dash .pt-voucher{display:flex;align-items:center;gap:11px;margin-top:14px;
  border:1px solid #f6edb9;background:#fffcf0;border-radius:9px;padding:12px}
.crdts-dash .pt-voucher-ico{width:34px;height:34px;border-radius:9px;background:#fff6d8;color:#b48314;
  display:grid;place-items:center;flex-shrink:0}
.crdts-dash .pt-voucher-ico svg{width:16px;height:16px}
.crdts-dash .pt-voucher-body{min-width:0;flex:1}
.crdts-dash .pt-voucher-body b{display:block;font-size:12.5px;font-weight:600;color:#38382d;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crdts-dash .pt-voucher-body small{display:block;font-size:11px;color:#a1a194;margin-top:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crdts-dash .pt-voucher-amt{font-size:16px;font-weight:700;color:#b48314;white-space:nowrap}

.crdts-dash .pt-sum{margin-top:14px;border-top:1px solid #f0f0e8;padding-top:13px;display:grid;gap:9px}
.crdts-dash .pt-sum>div{display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:11.5px;color:#a1a194}
.crdts-dash .pt-sum b{font-size:12px;font-weight:600;color:#38382d}

/* ============ partnerships — breakpoints ============ */

@media(max-width:1200px){
.crdts-dash .pt-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.crdts-dash .pt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.crdts-dash .pt-partners{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
.crdts-dash .pt-money-grid{grid-template-columns:1fr}
}

@media(max-width:680px){
.crdts-dash .pt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.crdts-dash .pt-hero{grid-column:span 2}
.crdts-dash .pt-cards,.crdts-dash .pt-partners,.crdts-dash .pt-requests{grid-template-columns:1fr}
.crdts-dash .pt-row3{grid-template-columns:1fr}
.crdts-dash .pt-row{padding-inline:16px}
}

