/* Youmongus Replicator - 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 #1d4ed8;background:#2563eb;color:#fff;cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance: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-block;padding:10px 14px;border-radius:10px;border:1px solid #1d4ed8;background:#2563eb;color:#fff;cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none;}
.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)}


/* iOS readability + force primary CTA blue */
.yoe-btn, .yoe-btn:visited, .yoe-btn:active{color:#fff !important;}
button.yoe-btn, input.yoe-btn, input[type=submit].yoe-btn{background:#2563eb !important;border-color:#1d4ed8 !important;color:#fff !important;-webkit-appearance:none;appearance:none;}
button.yoe-btn:hover, input[type=submit].yoe-btn:hover{filter:brightness(0.95);}
button.yoe-btn:focus, input[type=submit].yoe-btn:focus{outline:2px solid rgba(37,99,235,0.35);outline-offset:2px;}