/* IDP CRM - front-end only */
.yoe-repbar{position:fixed;top:0;left:0;right:0;z-index:9999;background:#fff;border-bottom:1px solid #e5e5e5;}
.yoe-repbar-inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;justify-content:flex-end;}
.replicator-header{text-align:right;white-space:nowrap;font-weight:600;}
.replicator-header a{font-weight:700;}
.replicator-header .yoe-rep-link{text-decoration:underline;}
.replicator-header .yoe-sep{margin:0 8px;opacity:0.6;}
body{padding-top:60px;}
@media (max-width:600px){body{padding-top:70px;}.replicator-header{white-space:normal;}}

/* Simple feature UI */
.yoe-card{border:1px solid #e5e5e5;border-radius:12px;padding:16px;background:#fff;max-width:560px;}
.yoe-alert{background:#fff4f4;border:1px solid #ffd0d0;padding:10px 12px;border-radius:10px;margin-bottom:12px;}
.yoe-success{background:#f4fff7;border:1px solid #bfeccc;padding:10px 12px;border-radius:10px;margin-bottom:12px;}
.yoe-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer;text-decoration:none;}
.yoe-link{text-decoration:underline;}



.yoe-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;line-height:1.4;margin-left:6px;border:1px solid rgba(0,0,0,.15)}
.yoe-badge-overdue{font-weight:600}
.yoe-badge-today{font-weight:600}

.yoe-kpis{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px 0}
.yoe-kpi{flex:1 1 150px;min-width:140px;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;background:#fff}
.yoe-kpi-label{font-size:12px;opacity:.75}
.yoe-kpi-value{font-size:22px;font-weight:700;margin-top:2px}
.yoe-leads-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:8px 0 12px 0}
.yoe-leads-filters label{display:flex;flex-direction:column;font-size:12px;gap:6px}
.yoe-leads-filters select{min-width:170px}
.yoe-leads-filters input[type=text]{min-width:220px}
.yoe-checkbox{flex-direction:row !important;align-items:center;gap:8px}

.yoe-kpi-link{text-decoration:none;display:block;flex:1 1 150px;min-width:140px}
.yoe-kpi-link.is-active .yoe-kpi{box-shadow:0 0 0 2px rgba(0,0,0,.25)}

/* Mobile-first lead cards */
.yoe-leads-cards{display:none;margin-top:12px}
.yoe-lead-card{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}
.yoe-lead-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.yoe-lead-card-name{font-weight:700}
.yoe-lead-card-date{font-size:12px;opacity:.75;white-space:nowrap}
.yoe-lead-card-meta{display:grid;gap:6px;margin-top:10px;font-size:14px}
.yoe-lead-card-msg{margin-top:10px;padding:10px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(0,0,0,.02)}
.yoe-lead-card-actions{margin-top:10px;font-size:14px}
.yoe-dot{opacity:.5;padding:0 6px}
@media (max-width: 680px){
  table.widefat{display:none}
  .yoe-leads-cards{display:block}
}

.yoe-inline{font-size:13px;padding:4px 6px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:#fff;max-width:170px}
.yoe-inline-followup{max-width:160px}
.yoe-inline-saved{margin-left:8px;font-size:12px;opacity:.75}
.yoe-inline-saved.is-saving{opacity:.6}
.yoe-inline-saved.is-error{opacity:1}

/* Notes + Logs */
.yoe-backlinks{margin:0 0 10px 0}
.yoe-backlinks-bottom{margin-top:16px}
.yoe-muted{font-size:12px;opacity:.75}
.yoe-notes-wrap{margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}
.yoe-notes-wrap textarea{min-height:90px}
.yoe-note-entry{padding:10px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(0,0,0,.02);margin-top:10px}
.yoe-note-entry-meta{font-size:12px;opacity:.75;margin-bottom:6px}
.yoe-note-entry-text{white-space:pre-wrap}

/* Lead Actions panel (rep lead detail) */
.yoe-lead-actions-panel{margin-top:14px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff}
.yoe-lead-actions__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.yoe-lead-actions__title{font-weight:800}
.yoe-lead-actions__status{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.yoe-lead-actions__status label{display:flex;flex-direction:column;gap:6px;font-size:12px}
.yoe-lead-actions__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;align-items:start}
.yoe-lead-actions__actions{display:flex;gap:8px;flex-wrap:wrap}
.yoe-lead-actions__notes textarea{width:100%}
.yoe-lead-actions__log{margin-top:12px;border-top:1px solid rgba(0,0,0,.08);padding-top:10px}
.yoe-lead-actions__log-title{font-weight:800;margin-bottom:8px}
@media (max-width: 680px){
  .yoe-lead-actions__grid{grid-template-columns:1fr}
  .yoe-lead-actions__head{align-items:flex-start;flex-direction:column}
}

/* Rep Dashboard layout hardening (prevents KPI overflow on some themes) */
/* Use more of the page width, but keep a sane max-width for readability */
.yoe-wrap{max-width:1240px;width:100%;margin:0 auto;padding:0 18px;box-sizing:border-box}

/* Dashboard and lead detail should use the full available content width */
/*
  Keep Rep UI readable.
  Earlier builds set dashboard/lead wrappers to max-width:none which makes pages feel
  stretched on wide screens and can break alignment.
*/
.yoe-wrap--dashboard{max-width:1240px;width:100%;}
.yoe-wrap--lead{max-width:1100px;width:100%;}

/* Full-bleed wrapper: breaks out of narrow theme/page-builder containers */
/* Keep dashboard pages aligned with the theme container (avoid full-bleed stretch) */
.yoe-fullbleed{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.yoe-wrap .yoe-card{max-width:100%;width:100%;margin:20px auto}
.yoe-wrap .yoe-kpis{flex-wrap:wrap !important;white-space:normal;max-width:100%}
.yoe-kpi-row{flex-wrap:wrap !important;max-width:100%}
/* Remove the old max-width cap that caused the KPI row to overflow/squeeze */
.yoe-wrap .yoe-kpi-link{flex:1 1 220px;min-width:180px;max-width:none}

/* Lead detail: keep the edit form and actions panel clean and responsive */
.yoe-lead-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:100%}
.yoe-lead-edit-grid label{display:block;margin:0 0 6px;font-weight:600}
.yoe-lead-edit-grid input[type="text"],
.yoe-lead-edit-grid input[type="email"],
.yoe-lead-edit-grid textarea{width:100%;box-sizing:border-box}
.yoe-lead-edit-grid .yoe-field input[type="text"],
.yoe-lead-edit-grid .yoe-field input[type="email"],
.yoe-lead-edit-grid .yoe-field textarea,
.yoe-lead-edit-grid .yoe-field select{
  width:100% !important;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
}
.yoe-lead-edit-grid .yoe-field textarea{min-height:120px;resize:vertical}
.yoe-field{margin:0}

@media (max-width: 900px){
  .yoe-lead-edit-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .yoe-wrap .yoe-kpi-link{flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px);max-width:none}
}


/* Rep Dashboard Profile Editor */
.yoe-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:980px}
.yoe-form input,.yoe-form textarea,.yoe-form select{width:100%;box-sizing:border-box;padding:8px}
.yoe-notice{padding:10px 12px;border-radius:8px;margin:10px 0}
.yoe-notice-success{background:#e7f7ec;border:1px solid #bfe7c9}
@media(max-width:780px){.yoe-form-grid{grid-template-columns:1fr}}


.yoe-thankyou-wrap{max-width:720px;margin:30px auto;padding:18px;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff}
.yoe-thankyou-wrap h2{margin:0 0 10px 0}
.yoe-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.18);background:#f7f7f7;cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap}
.yoe-btn--sm{padding:8px 12px;border-radius:10px;font-size:14px}

/* Lead Actions: quick action buttons (Call / Text / Email) */
.yoe-btn-row{display:flex !important;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 4px}

/* Rep Dashboard tabs */
.yoe-tabs{display:flex;gap:10px;margin:14px 0 0 0}
.yoe-tab{display:inline-block;padding:8px 12px;border:1px solid rgba(0,0,0,.16);border-radius:12px;text-decoration:none;background:#fff}
.yoe-tab:hover{border-color:rgba(0,0,0,.28)}
.yoe-tab.is-active{background:#f3f4f6;border-color:rgba(0,0,0,.28);font-weight:600}


/* Email-from-system panel (Rep Dashboard lead view) */
.yoe-emailbox{margin-top:10px;padding-top:8px;border-top:1px solid #eee}
.yoe-emailbox .yoe-emailbox-fields .yoe-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.yoe-emailbox .yoe-emailbox-fields .yoe-field span{font-size:12px;opacity:.85}
.yoe-emailbox input,.yoe-emailbox textarea{width:100%;max-width:100%}
.yoe-email-log{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.yoe-email-log-item{padding:10px;border:1px solid #eee;border-radius:8px;background:#fff}
.yoe-email-log-meta{font-size:12px;opacity:.75;margin-bottom:4px}
.yoe-email-log-preview{font-size:12px;opacity:.9;margin-top:4px}

.yoe-btn--disabled{opacity:.45;pointer-events:none;}
.yoe-btn--danger{background:#b91c1c;border-color:#b91c1c;color:#fff}
.yoe-btn--danger:hover{filter:brightness(0.95)}


/* v3.2 Rep Portal Foundation */
.yoe-portal-hero{display:flex;gap:16px;align-items:center;margin:10px 0 14px;padding:12px;border:1px solid rgba(0,0,0,.10);border-radius:16px;background:#fafafa}
.yoe-portal-photo{width:84px;height:84px;border-radius:999px;overflow:hidden;flex:0 0 84px;background:#e5e7eb;border:1px solid rgba(0,0,0,.10)}
.yoe-portal-photo img{width:100%;height:100%;object-fit:cover;display:block}
.yoe-portal-main{min-width:0;flex:1}
.yoe-portal-main p{margin:0 0 8px 0;word-break:break-word}
.yoe-field-wide{grid-column:1 / -1}
.yoe-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.yoe-tool-card{border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;padding:14px;min-width:0}
.yoe-tool-card h4{margin:0 0 6px 0}
.yoe-tool-card code{display:block;white-space:normal;word-break:break-word;margin:8px 0;padding:8px 10px;border-radius:10px;background:#f3f4f6;border:1px solid rgba(0,0,0,.08)}
@media(max-width:760px){.yoe-portal-hero{align-items:flex-start}.yoe-tools-grid{grid-template-columns:1fr}.yoe-portal-photo{width:64px;height:64px;flex-basis:64px}}

/* v3.15.0 Resource Library */
.idp-crm-resources{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  margin:18px 0;
}
.idp-crm-resource-card{
  background:#fff;
  border:1px solid #dfe3e8;
  border-radius:14px;
  padding:16px;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.idp-crm-resource-card h3{
  margin:10px 0 8px;
  font-size:1.1rem;
  line-height:1.3;
}
.idp-crm-resource-meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.idp-crm-resource-meta span{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:999px;
  background:#eef6ff;
  color:#0f4c81;
  font-size:12px;
  font-weight:700;
}
.idp-crm-resource-description{color:#374151;}
.idp-crm-resource-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:10px;
  background:var(--idp-crm-primary,#049DD9);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
}
.idp-crm-resource-button:hover{filter:brightness(.95);}
.idp-crm-empty{padding:14px;border:1px dashed #ccd0d4;border-radius:10px;background:#fff;}
@media(max-width:782px){
  .idp-crm-resource-library-wrap .idp-crm-grid-2{grid-template-columns:1fr !important;}
}