/*
 * Wings Logic CRM 2.20 — reviewed TRIQ-inspired interface
 * Final visual layer: calm, white-first, balanced and deliberately minimal.
 */

:root{
  --wl218-ink:#19304a;
  --wl218-ink-2:#294761;
  --wl218-muted:#66798e;
  --wl218-subtle:#8291a3;
  --wl218-blue:#155fd8;
  --wl218-blue-deep:#0b3c83;
  --wl218-green:#087e62;
  --wl218-orange:#c46a2d;
  --wl218-red:#b83c47;
  --wl218-line:#dfe7f1;
  --wl218-line-strong:#cdd9e7;
  --wl218-bg:#f7faff;
  --wl218-white:#fff;
  --wl218-blue-soft:#edf4ff;
  --wl218-green-soft:#edf8f3;
  --wl218-orange-soft:#fff4e8;
  --wl218-red-soft:#fff0f1;
  --wl218-shadow:0 16px 40px -30px rgba(29,65,103,.42);
  --wl218-font:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}

body .wlcrm-app,
body .wlcrm-login-page,
body .wlcrm-security-gate{
  font-family:var(--wl218-font)!important;
  color:var(--wl218-ink)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body .wlcrm-app{
  width:min(1840px,calc(100% - 20px))!important;
  max-width:1840px!important;
  margin:10px auto 24px!important;
  overflow:hidden!important;
  border:1px solid var(--wl218-line)!important;
  border-radius:18px!important;
  background:var(--wl218-white)!important;
  box-shadow:var(--wl218-shadow)!important;
  font-size:13px!important;
}

/* Header */
body .wlcrm-app .wlcrm-header{
  grid-template-columns:minmax(260px,.95fr) minmax(620px,2.3fr) 150px!important;
  gap:18px!important;
  min-height:106px!important;
  padding:12px 18px!important;
  border:0!important;
  border-bottom:1px solid var(--wl218-line)!important;
  background:linear-gradient(115deg,#fff 0%,#fbfdff 70%,#f2f7ff 100%)!important;
  color:var(--wl218-ink)!important;
  box-shadow:none!important;
}
body .wlcrm-app .wlcrm-brand-area{align-items:center!important;gap:18px!important}
body .wlcrm-app .wlcrm-brand-area>div{position:relative;padding-left:15px!important}
body .wlcrm-app .wlcrm-brand-area>div:before{content:"";position:absolute;left:0;top:4px;width:4px;height:38px;border-radius:8px;background:linear-gradient(180deg,var(--wl218-blue),var(--wl218-green))}
body .wlcrm-app .wlcrm-header .wlcrm-brand-area strong{color:var(--wl218-ink)!important;font-size:24px!important;font-weight:650!important;letter-spacing:.7px!important;line-height:1.05!important}
body .wlcrm-app .wlcrm-header .wlcrm-brand-area>div span{margin-top:5px!important;color:var(--wl218-muted)!important;font-size:11px!important;font-weight:450!important;line-height:1.2!important}
body .wlcrm-app .wlcrm-pi-link{
  align-self:center!important;
  min-width:146px!important;
  height:40px!important;
  margin:0 0 0 auto!important;
  padding:0 15px!important;
  border:1px solid #efcfb0!important;
  border-radius:9px!important;
  background:var(--wl218-orange-soft)!important;
  color:#934a1d!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:600!important;
}
body .wlcrm-app .wlcrm-pi-link span,body .wlcrm-app .wlcrm-pi-link b{color:#934a1d!important;font-size:10.5px!important;font-weight:600!important}
body .wlcrm-app .wlcrm-pi-link:hover{transform:translateY(-1px)!important;border-color:#dda46d!important;background:#ffead6!important;box-shadow:0 8px 20px -14px #a5542455!important}

body .wlcrm-app .wlcrm-attendance{
  min-height:80px!important;
  padding:9px 12px!important;
  border:1px solid var(--wl218-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--wl218-ink)!important;
  box-shadow:0 9px 24px -22px rgba(20,67,118,.7)!important;
}
body .wlcrm-app .wlcrm-attendance-top{min-height:24px!important}
body .wlcrm-app .wlcrm-attendance-top b{color:var(--wl218-ink)!important;font-size:11px!important;font-weight:650!important}
body .wlcrm-app .wlcrm-attendance-top span{padding:3px 8px!important;border-radius:999px!important;background:#eef2f6!important;color:#586a7d!important;font-size:8.5px!important;font-weight:600!important}
body .wlcrm-app .wlcrm-attendance-top strong{color:var(--wl218-green)!important;font-size:17px!important;font-weight:650!important;font-variant-numeric:tabular-nums}
body .wlcrm-app .wlcrm-att-buttons{gap:7px!important}
body .wlcrm-app .wlcrm-att-buttons button{height:31px!important;min-height:31px!important;border:1px solid var(--wl218-line-strong)!important;border-radius:7px!important;background:#f7f9fc!important;color:#53667b!important;font-size:8.5px!important;font-weight:600!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-att-buttons #wlcrm-check-in{border-color:#b9dfd2!important;background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important}
body .wlcrm-app .wlcrm-att-buttons button:hover{border-color:#9eb5ce!important;background:#fff!important;transform:none!important}
body .wlcrm-app .wlcrm-att-stats{color:var(--wl218-subtle)!important;font-size:7.5px!important}
body .wlcrm-app .wlcrm-att-stats b{color:var(--wl218-ink-2)!important;font-weight:600!important}
body .wlcrm-app .wlcrm-user{display:grid!important;gap:7px!important;width:150px!important;min-width:150px!important;max-width:150px!important}
body .wlcrm-app .wlcrm-connection{border:1px solid #c6e5da!important;border-radius:8px!important;background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-logout{width:100%!important;min-height:36px!important;border:1px solid #efc8cb!important;border-radius:8px!important;background:var(--wl218-red-soft)!important;color:#a53640!important;box-shadow:none!important;font-size:10px!important;font-weight:600!important}
body .wlcrm-app .wlcrm-logout:after{content:"↗"!important;margin-left:7px!important;font-size:11px!important}
body .wlcrm-app .wlcrm-logout:hover{transform:none!important;border-color:#df9fa5!important;background:#ffe5e7!important;color:#8f2832!important;box-shadow:none!important}

/* Minimal navigation with consistent monochrome icons */
body .wlcrm-app .wlcrm-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
  gap:5px!important;
  padding:7px 10px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid var(--wl218-line)!important;
  background:#fbfcfe!important;
}
body .wlcrm-app .wlcrm-tabs button,
body .wlcrm-app .wlcrm-tabs button[data-tab="communications"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:7px 8px!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#566a80!important;
  box-shadow:none!important;
  font-family:var(--wl218-font)!important;
  font-size:10px!important;
  font-weight:550!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  transition:background .18s,border-color .18s,color .18s!important;
}
body .wlcrm-app .wlcrm-tabs button{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14v14H5zM8 9h8v2H8zm0 4h6v2H8z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button:before{content:"";flex:0 0 14px;width:14px;height:14px;background:currentColor;opacity:.82;mask:var(--wl218-icon) center/contain no-repeat;-webkit-mask:var(--wl218-icon) center/contain no-repeat}
body .wlcrm-app .wlcrm-tabs button[data-tab="followups"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 5h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="form"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="records"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 3a6.5 6.5 0 1 0 3.96 11.65L19.8 21 21 19.8l-6.35-6.34A6.5 6.5 0 0 0 9.5 3zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="communications"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v14H7l-4 3zm2 2v11l1.2-1H19V6zm2 3h10v2H7zm0 4h7v2H7z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="email-campaigns"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2zm2 2v1l8 5 8-5V7l-8 5zm0 3.3V17h16v-6.7l-8 5z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="attendance-report"],body .wlcrm-app .wlcrm-tabs button[data-tab="my-attendance"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h4v18H3V4h4zm12 8H5v10h14zM5 6v2h14V6z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="data-review"],body .wlcrm-app .wlcrm-tabs button[data-tab="security"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5.2-3.4 9.4-8 11-4.6-1.6-8-5.8-8-11V5zm0 2.1L6 6.3V11c0 4 2.4 7.4 6 8.8 3.6-1.4 6-4.8 6-8.8V6.3z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="users"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 10c5 0 8 2.4 8 6v2H4v-2c0-3.6 3-6 8-6z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="templates"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h10l4 4v16H5zm2 2v16h10V8h-4V4zm2 8h6v2H9zm0 4h6v2H9z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button[data-tab="holidays"]{--wl218-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h2v2h8V2h2v2h3v18H3V4h3zm13 8H5v10h14z'/%3E%3C/svg%3E")}
body .wlcrm-app .wlcrm-tabs button:hover{transform:none!important;border-color:var(--wl218-line)!important;background:#fff!important;color:var(--wl218-blue)!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-tabs button.active,
body .wlcrm-app .wlcrm-tabs button.active:hover,
body .wlcrm-app .wlcrm-tabs button.active:focus{transform:none!important;border-color:#bfd2ee!important;background:var(--wl218-blue-soft)!important;color:var(--wl218-blue-deep)!important;box-shadow:inset 0 -2px var(--wl218-blue)!important}

/* Holiday strip and page surfaces */
body .wlcrm-app .wlcrm-holiday-card{min-height:38px!important;margin:0!important;padding:7px 13px!important;border:0!important;border-bottom:1px solid var(--wl218-line)!important;border-radius:0!important;background:#fffaf4!important;color:#78512f!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-holiday-icon{color:var(--wl218-orange)!important}
body .wlcrm-app .wlcrm-panel{padding:14px 16px!important;background:var(--wl218-bg)!important}
body .wlcrm-app .wlcrm-panel>form,
body .wlcrm-app .wlcrm-review-block,
body .wlcrm-app .wlcrm-sender-admin,
body .wlcrm-app .wlcrm-email-settings,
body .wlcrm-app .wlcrm-security-settings,
body .wlcrm-app .wlcrm-template-editor,
body .wlcrm-app .wlcrm-template-library{border-color:var(--wl218-line)!important;background:#fff!important;box-shadow:none!important}

body .wlcrm-app h2,body .wlcrm-app h3,body .wlcrm-app h4{color:var(--wl218-ink)!important;font-family:var(--wl218-font)!important;font-weight:620!important;letter-spacing:-.2px!important}
body .wlcrm-app p{color:var(--wl218-muted)!important}
body .wlcrm-app .wlcrm-section-title,
body .wlcrm-app .wlcrm-report-title{
  margin:11px 0 7px!important;
  padding:7px 10px!important;
  border:1px solid var(--wl218-line)!important;
  border-left:3px solid var(--wl218-blue)!important;
  border-radius:8px!important;
  background:#f8fbff!important;
  color:var(--wl218-ink)!important;
  font-size:12px!important;
  font-weight:620!important;
  line-height:1.25!important;
}
body .wlcrm-app .wlcrm-section-title:nth-of-type(4n+2){border-left-color:var(--wl218-green)!important;background:#f6fcf9!important}
body .wlcrm-app .wlcrm-section-title:nth-of-type(4n+3){border-left-color:var(--wl218-orange)!important;background:#fffaf5!important}

/* Calm page headers */
body .wlcrm-app .wlcrm-page-hero,
body .wlcrm-app .wlcrm-report-heading,
body .wlcrm-app .wlcrm-my-attendance-hero,
body .wlcrm-app .social-hero,
body .wlcrm-app .wlcrm-campaign-hero{
  border:1px solid var(--wl218-line)!important;
  border-left:4px solid var(--wl218-blue)!important;
  border-radius:13px!important;
  background:linear-gradient(115deg,#fff,#f3f7fd)!important;
  color:var(--wl218-ink)!important;
  box-shadow:none!important;
}
body .wlcrm-app .wlcrm-page-hero span,
body .wlcrm-app .wlcrm-report-heading>div:first-child span,
body .wlcrm-app .social-hero>div:first-child span,
body .wlcrm-app .wlcrm-campaign-hero>div>span{color:var(--wl218-blue)!important;font-weight:650!important;letter-spacing:1.2px!important}
body .wlcrm-app .wlcrm-page-hero h3,
body .wlcrm-app .wlcrm-report-heading h3,
body .wlcrm-app .social-hero h3,
body .wlcrm-app .wlcrm-campaign-hero h2{color:var(--wl218-ink)!important;font-weight:620!important}
body .wlcrm-app .wlcrm-page-hero p,
body .wlcrm-app .wlcrm-report-heading p,
body .wlcrm-app .social-hero p,
body .wlcrm-app .wlcrm-campaign-hero p{color:var(--wl218-muted)!important}
body .wlcrm-app .wlcrm-campaign-health{border-color:#cfe3dc!important;background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important}
body .wlcrm-app .wlcrm-campaign-health b,body .wlcrm-app .wlcrm-campaign-health span,body .wlcrm-app .wlcrm-campaign-health small{color:var(--wl218-green)!important}

/* Forms */
body .wlcrm-app label,body .wlcrm-app fieldset{color:#4c6075!important;font-family:var(--wl218-font)!important;font-size:10.5px!important;font-weight:550!important;letter-spacing:0!important}
body .wlcrm-app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body .wlcrm-app select,
body .wlcrm-app textarea{
  border:1px solid var(--wl218-line-strong)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--wl218-ink)!important;
  box-shadow:inset 0 1px 2px rgba(25,48,74,.025)!important;
  font-family:var(--wl218-font)!important;
  font-size:11.5px!important;
  font-weight:450!important;
  outline:0!important;
}
body .wlcrm-app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body .wlcrm-app select{height:36px!important;min-height:36px!important}
body .wlcrm-app input:focus,body .wlcrm-app select:focus,body .wlcrm-app textarea:focus{border-color:#78a5e7!important;box-shadow:0 0 0 3px rgba(21,95,216,.10)!important}
body .wlcrm-app input[readonly],body .wlcrm-app input:disabled,body .wlcrm-app select:disabled,body .wlcrm-app textarea:disabled{background:#f3f6f9!important;color:#78899a!important}
body .wlcrm-app input[type="checkbox"],body .wlcrm-app input[type="radio"]{accent-color:var(--wl218-blue)!important}
body .wlcrm-app small{color:var(--wl218-subtle)!important;font-weight:450!important}

/* Buttons */
body .wlcrm-app button,
body .wlcrm-app a.wlcrm-button{
  min-height:34px!important;
  border:1px solid var(--wl218-line-strong)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#38536d!important;
  box-shadow:none!important;
  font-family:var(--wl218-font)!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:background .16s,border-color .16s,color .16s,transform .16s!important;
}
body .wlcrm-app button:hover{transform:translateY(-1px)!important;border-color:#aebfd3!important;background:#f8fbff!important;color:var(--wl218-blue-deep)!important;box-shadow:none!important}
body .wlcrm-app button.primary,
body .wlcrm-app .email-btn,
body .wlcrm-app .social-primary{
  border-color:var(--wl218-blue)!important;
  background:var(--wl218-blue)!important;
  color:#fff!important;
  box-shadow:0 7px 18px -13px rgba(21,95,216,.8)!important;
}
body .wlcrm-app button.primary:hover,body .wlcrm-app .email-btn:hover{border-color:#0e50be!important;background:#0e50be!important;color:#fff!important}
body .wlcrm-app .whatsapp-btn{border-color:#8ac8b3!important;background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important}
body .wlcrm-app button.danger,body .wlcrm-app .danger{border-color:#e5aeb3!important;background:var(--wl218-red-soft)!important;color:#a53640!important}
body .wlcrm-app button:disabled{transform:none!important;opacity:.52!important}
body .wlcrm-app .wlcrm-actions,body .wlcrm-app .wlcrm-toolbar{gap:7px!important}

/* Cards and communications */
body .wlcrm-app .wlcrm-assignment-box,
body .wlcrm-app .wlcrm-initial-call,
body .wlcrm-app .wlcrm-lead-attachments,
body .wlcrm-app .wlcrm-comm-card,
body .wlcrm-app .wlcrm-filter-panel,
body .wlcrm-app .wlcrm-followup-head,
body .wlcrm-app .wlcrm-live-heading,
body .wlcrm-app .wlcrm-template-editor,
body .wlcrm-app .wlcrm-template-library{
  border:1px solid var(--wl218-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body .wlcrm-app .wlcrm-card-scanner{border:1px solid #c9ddef!important;border-left:4px solid var(--wl218-green)!important;border-radius:10px!important;background:#f5fbf8!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-card-head h3{color:var(--wl218-ink)!important}
body .wlcrm-app .wlcrm-card-head p{color:var(--wl218-muted)!important}
body .wlcrm-app .wlcrm-card-head span{background:#e0f2ea!important;color:var(--wl218-green)!important}
body .wlcrm-app .wlcrm-card-head button{border-color:#b9dcca!important;background:#fff!important;color:var(--wl218-green)!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-comm-card-title>span{border-radius:8px!important;background:var(--wl218-blue-soft)!important;color:var(--wl218-blue)!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-comm-card.whatsapp .wlcrm-comm-card-title>span{background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important}
body .wlcrm-app .wlcrm-comm-card.email>label:nth-of-type(1),body .wlcrm-app .wlcrm-comm-card.email>label:nth-of-type(2),body .wlcrm-app .wlcrm-comm-card.email .wlcrm-email-from-label{border-color:var(--wl218-line)!important;background:#fafcff!important}

/* Tables */
body .wlcrm-app .wlcrm-table-wrap{overflow:auto!important;border:1px solid var(--wl218-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
body .wlcrm-app table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:var(--wl218-ink)!important}
body .wlcrm-app thead th,
body .wlcrm-app .wlcrm-campaign-table th,
body .wlcrm-app .wlcrm-queue-table th,
body .wlcrm-app .wlcrm-candidate-table th{
  padding:9px 10px!important;
  border:0!important;
  border-bottom:1px solid var(--wl218-line-strong)!important;
  background:#f0f5fb!important;
  color:#3c5872!important;
  font-family:var(--wl218-font)!important;
  font-size:9.5px!important;
  font-weight:650!important;
  letter-spacing:.15px!important;
  text-transform:none!important;
}
body .wlcrm-app tbody td{padding:9px 10px!important;border-color:#e8eef5!important;background:#fff!important;color:#344d65!important;font-size:10.5px!important;line-height:1.45!important;vertical-align:middle!important}
body .wlcrm-app tbody tr:nth-child(even) td{background:#fbfcfe!important}
body .wlcrm-app tbody tr:hover td{background:#f3f7fc!important}
body .wlcrm-app .wlcrm-records-table button,body .wlcrm-app .wlcrm-row-actions button{min-height:28px!important;padding:5px 8px!important;font-size:9px!important}

/* Status language */
body .wlcrm-app [class*="status"],
body .wlcrm-app [class*="badge"]{font-family:var(--wl218-font)!important;font-weight:600!important;letter-spacing:0!important}
body .wlcrm-app .wlcrm-followup-stats span{border:1px solid var(--wl218-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-followup-stats .overdue{border-color:#efd0d3!important;background:var(--wl218-red-soft)!important;color:#9d313b!important}
body .wlcrm-app .wlcrm-followup-stats .today{border-color:#efd8bb!important;background:var(--wl218-orange-soft)!important;color:#96501f!important}
body .wlcrm-app .wlcrm-followup-stats .tomorrow{border-color:#c7d9f3!important;background:var(--wl218-blue-soft)!important;color:#1555ad!important}
body .wlcrm-app .wlcrm-followup-stats .upcoming{border-color:#c7e1d8!important;background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important}

/* Campaign workspace */
body .wlcrm-app .wlcrm-campaign-panel{--cmp-ink:var(--wl218-ink);--cmp-blue:var(--wl218-blue);--cmp-purple:var(--wl218-blue-deep);--cmp-green:var(--wl218-green);--cmp-red:var(--wl218-red);--cmp-line:var(--wl218-line);background:var(--wl218-bg)!important}
body .wlcrm-app .wlcrm-campaign-nav{border-color:var(--wl218-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-campaign-nav button{background:transparent!important;color:var(--wl218-muted)!important}
body .wlcrm-app .wlcrm-campaign-nav button.active{background:var(--wl218-blue-soft)!important;color:var(--wl218-blue-deep)!important;box-shadow:inset 0 -2px var(--wl218-blue)!important}
body .wlcrm-app .wlcrm-campaign-step{border-color:var(--wl218-line)!important;background:#fff!important}
body .wlcrm-app .wlcrm-campaign-step>span{background:var(--wl218-blue-soft)!important;color:var(--wl218-blue)!important}
body .wlcrm-app .wlcrm-campaign-step.wlcrm-step-two>span{background:var(--wl218-green-soft)!important;color:var(--wl218-green)!important}
body .wlcrm-app .wlcrm-campaign-step.wlcrm-step-three>span{background:var(--wl218-orange-soft)!important;color:var(--wl218-orange)!important}
body .wlcrm-app .wlcrm-campaign-step.wlcrm-step-four>span{background:#f2efff!important;color:#6847ae!important}
body .wlcrm-app .wlcrm-candidate-filters,body .wlcrm-app .wlcrm-schedule-grid,body .wlcrm-app .wlcrm-stage-card{border-color:var(--wl218-line)!important;background:#fff!important;box-shadow:none!important}
body .wlcrm-app .wlcrm-schedule-cell>input,body .wlcrm-app .wlcrm-schedule-cell>select,body .wlcrm-app .wlcrm-time-inputs input{height:38px!important;min-height:38px!important;margin:0!important}
body .wlcrm-app .wlcrm-weekdays,body .wlcrm-app .wlcrm-schedule-check{height:38px!important;min-height:38px!important}

/* Modals */
body .wlcrm-app .wlcrm-modal{background:rgba(19,39,62,.38)!important;backdrop-filter:blur(5px)}
body .wlcrm-app .wlcrm-modal-card{overflow:hidden!important;border:1px solid var(--wl218-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 28px 70px -30px rgba(16,46,78,.65)!important}
body .wlcrm-app .wlcrm-modal-head{min-height:54px!important;padding:10px 14px!important;border-bottom:1px solid var(--wl218-line)!important;background:#fbfcfe!important;color:var(--wl218-ink)!important}
body .wlcrm-app .wlcrm-modal-head h3{color:var(--wl218-ink)!important;font-size:15px!important}
body .wlcrm-app .wlcrm-modal-head button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:8px!important;background:#fff!important;color:#60748a!important;font-size:18px!important}

/* Login */
body .wlcrm-login-page{background:linear-gradient(135deg,#f7faff,#fff 58%,#f1f7ff)!important}
body .wlcrm-login-shell{border:1px solid var(--wl218-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 28px 70px -42px rgba(20,57,94,.55)!important}
body .wlcrm-login-brand{background:linear-gradient(145deg,#f2f7ff,#fff)!important;color:var(--wl218-ink)!important}
body .wlcrm-login-brand h1,body .wlcrm-login-brand strong{color:var(--wl218-ink)!important}
body .wlcrm-login-brand p,body .wlcrm-login-brand span{color:var(--wl218-muted)!important}
body .wlcrm-login-form-card{border-left:1px solid var(--wl218-line)!important;background:#fff!important}
body .wlcrm-login-form-card input{border-color:var(--wl218-line-strong)!important;border-radius:9px!important;background:#fff!important;color:var(--wl218-ink)!important}
body .wlcrm-login-form-card input[type="submit"]{border-color:var(--wl218-blue)!important;background:var(--wl218-blue)!important;color:#fff!important;font-family:var(--wl218-font)!important;font-weight:600!important}

/* 2.20 — responsive geometry, restored controls and readable states.
 * Keep geometry together so earlier version-specific grids cannot leak through.
 */
body .wlcrm-app, body .wlcrm-app *, body .wlcrm-modal * {box-sizing:border-box}
body .wlcrm-app .wlcrm-header{
  display:grid!important;grid-template-columns:300px minmax(0,1fr) 132px!important;
  gap:16px!important;padding:14px 18px!important;min-height:108px!important;
}
body .wlcrm-app .wlcrm-header>*{min-width:0!important;grid-row:auto!important;grid-column:auto!important}
body .wlcrm-app .wlcrm-brand-area{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-content:center!important}
body .wlcrm-app .wlcrm-pi-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;min-width:132px!important;height:38px!important}
body .wlcrm-app .wlcrm-attendance{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important;height:auto!important}
body .wlcrm-app .wlcrm-attendance-top{grid-template-columns:minmax(0,1fr) auto auto!important}
body .wlcrm-app #wlcrm-att-name{overflow-wrap:anywhere}
body .wlcrm-app #wlcrm-att-status{color:#586a7d!important;background:#eef2f6!important}
body .wlcrm-app #wlcrm-att-status.status-working{color:#087e62!important;background:#edf8f3!important}
body .wlcrm-app #wlcrm-att-status.status-break{color:#96501f!important;background:#fff4e8!important}
body .wlcrm-app #wlcrm-att-status.status-checked_out{color:#1555ad!important;background:#edf4ff!important}
body .wlcrm-app .wlcrm-user{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important}
body .wlcrm-app .wlcrm-connection,body .wlcrm-app .wlcrm-logout{width:100%!important;min-width:0!important;max-width:none!important;height:36px!important;min-height:36px!important;max-height:none!important;margin:0!important}
body .wlcrm-app .wlcrm-connection.offline{color:#a53640!important;background:#fff0f1!important;border-color:#efc8cb!important}
body .wlcrm-app .wlcrm-connection.unstable,body .wlcrm-app .wlcrm-connection.checking{color:#96501f!important;background:#fff4e8!important;border-color:#efd8bb!important}

/* Top-level navigation retains every permission-filtered item. */
body .wlcrm-app .wlcrm-tabs{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;gap:3px!important;padding:8px 14px 3px!important;background:#fff!important}
body .wlcrm-app .wlcrm-tabs button,body .wlcrm-app .wlcrm-tabs button[data-tab="communications"]{
  position:relative!important;flex-direction:column!important;gap:7px!important;min-height:68px!important;
  padding:9px 7px!important;border:0!important;border-bottom:3px solid transparent!important;
  border-radius:8px 8px 0 0!important;color:#314c69!important;font-size:10.5px!important;font-weight:500!important;
}
body .wlcrm-app .wlcrm-tabs button:before{flex-basis:18px;width:18px;height:18px;opacity:1}
body .wlcrm-app .wlcrm-tabs button.active,body .wlcrm-app .wlcrm-tabs button.active:hover,body .wlcrm-app .wlcrm-tabs button.active:focus{
  border-color:transparent!important;border-bottom-color:#155fd8!important;background:#edf4ff!important;color:#155fd8!important;box-shadow:none!important;
}
body .wlcrm-app .wlcrm-merged-tabs button.active{background:#edf4ff!important;color:#0b3c83!important;border-color:#bfd2ee!important}
body .wlcrm-app :is(button,a,input,select,textarea):focus-visible,body .wlcrm-modal :is(button,a,input,select,textarea):focus-visible{outline:2px solid #155fd8!important;outline-offset:3px!important}
body .wlcrm-app [hidden],body .wlcrm-modal[hidden],body .wlcrm-modal [hidden]{display:none!important}

/* Holiday navigation works with merged Templates & Holidays. */
body .wlcrm-app .wlcrm-holiday-card{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 14px!important;margin:12px 16px!important;padding:9px 12px!important;min-height:42px!important;border:1px solid #f1dcc2!important;border-radius:9px!important;background:#fffaf4!important}
body .wlcrm-app .wlcrm-holiday-card>div:first-child{display:flex!important;align-items:center!important;gap:7px!important}
body .wlcrm-app #wlcrm-upcoming-holidays{display:flex!important;flex:1 1 250px!important;flex-wrap:wrap!important;gap:6px 12px!important;min-width:0!important;color:#596c82!important;font-size:11px!important}
body .wlcrm-app #wlcrm-upcoming-holidays>*{white-space:normal!important}
body .wlcrm-app #wlcrm-view-all-holidays{min-height:30px!important;margin-left:auto!important;border:0!important;background:transparent!important;color:#155fd8!important;font-size:11px!important}
body .wlcrm-app .wlcrm-holiday-icon{display:inline-block;width:16px;height:16px;border:1.5px solid #c46a2d;border-radius:3px;border-top-width:4px}

/* Follow-up overview: explicit tracks, separate accessible toolbar. */
body .wlcrm-app #wlcrm-tab-followups{padding:0 16px 16px!important;background:#f7faff!important}
body .wlcrm-app .wlcrm-followup-head{display:grid!important;grid-template-columns:minmax(210px,.7fr) minmax(0,1.4fr) 180px!important;align-items:center!important;gap:14px!important;min-height:0!important;padding:16px!important;margin:0 0 12px!important;border-radius:12px!important}
body .wlcrm-app .wlcrm-followup-head>*{grid-column:auto!important;grid-row:auto!important;min-width:0!important}
body .wlcrm-app .wlcrm-followup-head>div:first-child{display:block!important;white-space:normal!important}
body .wlcrm-app .wlcrm-followup-head h3{margin:0!important;font-size:21px!important;line-height:1.2!important;white-space:normal!important}
body .wlcrm-app .wlcrm-followup-head>div:first-child p{display:block!important;margin:5px 0 0!important;font-size:11px!important;line-height:1.5!important}
body .wlcrm-app .wlcrm-followup-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
body .wlcrm-app .wlcrm-followup-stats span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:70px!important;padding:9px 6px!important;font-size:10.5px!important;line-height:1.2!important}
body .wlcrm-app .wlcrm-followup-stats b{display:block!important;width:auto!important;height:auto!important;background:transparent!important;color:inherit!important;font-size:24px!important;font-weight:650!important;line-height:1!important}
body .wlcrm-app .wlcrm-followup-head>label{display:grid!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:0!important;white-space:normal!important}
body .wlcrm-app .wlcrm-followup-head>label select{width:100%!important;min-width:0!important;height:36px!important;margin:0!important}
body .wlcrm-app .wlcrm-followup-tools{grid-column:1/-1!important;grid-row:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;min-width:0!important;white-space:normal!important;border-top:1px solid #e8eef5!important;padding-top:10px!important}
body .wlcrm-app .wlcrm-followup-tools>#wlcrm-followup-refresh{flex:0 0 auto!important;width:auto!important;min-width:105px!important;height:34px!important;margin:0!important}
body .wlcrm-app .wlcrm-followup-head .wlcrm-push-panel{display:flex!important;flex:0 1 auto!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;max-width:100%!important;height:auto!important;overflow:visible!important;padding:6px 9px!important;border:1px solid #dfe7f1!important;border-radius:8px!important;background:#f8fbff!important}
body .wlcrm-app .wlcrm-push-panel>div{min-width:0!important;flex:1 1 150px!important}
body .wlcrm-app .wlcrm-push-panel b{font-size:10.5px!important;color:#294761!important}
body .wlcrm-app .wlcrm-push-status{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important;color:#66798e!important}
body .wlcrm-app .wlcrm-push-status.error{color:#a53640!important}
body .wlcrm-app .wlcrm-push-panel button{height:30px!important;min-height:30px!important;padding:4px 9px!important;font-size:10px!important}
body .wlcrm-app .wlcrm-followup-table table{width:100%!important;min-width:1180px!important;table-layout:fixed!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(1){width:9%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(2){width:14%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(3){width:12%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(4){width:15%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(5){width:17%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(6){width:10%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(7){width:8%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(8){width:15%!important}
body .wlcrm-app .wlcrm-followup-table tbody td{height:auto!important;overflow-wrap:anywhere!important;font-size:11px!important}
body .wlcrm-app .wlcrm-followup-table .wlcrm-followup-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
body .wlcrm-app .wlcrm-followup-table button{height:auto!important;min-height:30px!important;padding:5px 7px!important;white-space:normal!important;line-height:1.3!important}
body .wlcrm-app .wlcrm-followup-table .record-call{background:#155fd8!important;color:#fff!important;border-color:#155fd8!important}

/* Two aligned delivery rows on desktop; readable stacked fields on mobile. */
body .wlcrm-app .wlcrm-schedule-grid{display:block!important;padding:12px!important}
body .wlcrm-app .wlcrm-schedule-row{display:grid!important;align-items:start!important;gap:10px!important}
body .wlcrm-app .wlcrm-schedule-row-primary{grid-template-columns:minmax(290px,1.6fr) repeat(4,minmax(0,1fr))!important}
body .wlcrm-app .wlcrm-schedule-row-secondary{grid-template-columns:1.15fr 1.15fr .95fr 1fr .85fr 1fr!important;margin-top:12px!important}
body .wlcrm-app .wlcrm-schedule-cell{grid-template-rows:28px 44px!important;gap:4px!important;height:76px!important;min-width:0!important}
body .wlcrm-app .wlcrm-schedule-label{height:28px!important;line-height:14px!important;white-space:normal!important;overflow:visible!important;display:flex!important;align-items:flex-end!important;font-size:10px!important}
body .wlcrm-app .wlcrm-schedule-cell>input,body .wlcrm-app .wlcrm-schedule-cell>select,body .wlcrm-app .wlcrm-time-inputs,body .wlcrm-app .wlcrm-time-inputs input,body .wlcrm-app .wlcrm-weekdays,body .wlcrm-app .wlcrm-schedule-check{height:44px!important;min-height:44px!important}
body .wlcrm-app .wlcrm-weekdays{display:flex!important;gap:3px!important;padding:5px!important;overflow:visible!important}
body .wlcrm-app .wlcrm-weekdays label{flex:1 1 0!important;padding:4px 2px!important;gap:2px!important;font-size:9px!important}
body .wlcrm-app .wlcrm-schedule-check{font-size:10px!important;line-height:1.3!important;overflow:visible!important;padding:6px!important}
body .wlcrm-app .wlcrm-time-inputs input{font-size:10px!important;padding:3px!important}
body .wlcrm-app .wlcrm-filter-field>label,body .wlcrm-app .wlcrm-filter-label{font-size:10px!important}
body .wlcrm-app .wlcrm-filter-field{grid-template-rows:16px 36px!important;height:56px!important}
body .wlcrm-app .wlcrm-filter-field>label{height:16px!important;line-height:16px!important}
body .wlcrm-app .wlcrm-filter-field>button{font-size:10px!important;padding:5px!important}

/* All modal placements share the theme, including body-mounted review dialogs. */
body .wlcrm-modal{font-family:var(--wl218-font)!important;color:var(--wl218-ink)!important;background:rgba(19,39,62,.38)!important;padding:12px!important}
body .wlcrm-modal .wlcrm-modal-card,body .wlcrm-app .wlcrm-modal-card{overflow:auto!important;overscroll-behavior:contain;max-height:calc(100dvh - 32px)!important;max-width:calc(100vw - 24px)!important;border:1px solid #dfe7f1!important;border-radius:14px!important;background:#fff!important}
body .wlcrm-modal .wlcrm-modal-head{position:sticky!important;top:0!important;z-index:5!important;gap:10px!important;min-height:54px!important;background:#fbfcfe!important;border-bottom:1px solid #dfe7f1!important;padding:10px 14px!important;color:#19304a!important}
body .wlcrm-modal .wlcrm-modal-head h3{color:#19304a!important;font-size:16px!important;margin:0!important}
body .wlcrm-modal .wlcrm-modal-head button,body .wlcrm-app .wlcrm-modal-head button{width:auto!important;min-width:32px!important;height:auto!important;min-height:32px!important;padding:6px 10px!important;background:#fff!important;color:#38536d!important;font:600 11px/1.3 var(--wl218-font)!important;border:1px solid #cdd9e7!important;border-radius:8px!important}
body .wlcrm-modal .wlcrm-modal-head button[id$="-close"]{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;font-size:22px!important}
body .wlcrm-modal label{font-family:var(--wl218-font)!important;color:#4c6075!important}
body .wlcrm-modal :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;font-family:var(--wl218-font)!important}
body .wlcrm-modal .wlcrm-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(min-width:1700px){
  body .wlcrm-app .wlcrm-header{grid-template-columns:300px minmax(0,1fr) 132px!important}
  body .wlcrm-app .wlcrm-attendance{display:grid!important;grid-template-columns:minmax(100px,1.3fr) 110px 95px repeat(3,minmax(74px,1fr)) repeat(4,48px)!important;align-items:center!important;gap:5px!important;min-height:78px!important}
  body .wlcrm-app .wlcrm-attendance-top,body .wlcrm-app .wlcrm-att-buttons,body .wlcrm-app .wlcrm-att-stats{display:contents!important}
  body .wlcrm-app .wlcrm-att-stats span{display:flex!important;flex-direction:column!important;align-items:center!important;border-top:0!important;border-left:1px solid #e8eef5!important;padding:4px!important}
  body .wlcrm-app .wlcrm-att-buttons button{width:100%!important;min-height:36px!important;height:auto!important}
}
@media(max-width:1199px){
  body .wlcrm-app .wlcrm-header{grid-template-columns:minmax(0,1fr) 132px!important}
  body .wlcrm-app .wlcrm-brand-area{flex-wrap:nowrap!important}
  body .wlcrm-app .wlcrm-attendance{grid-column:1/-1!important;grid-row:2!important}
  body .wlcrm-app .wlcrm-user{grid-column:2!important;grid-row:1!important}
  body .wlcrm-app .wlcrm-followup-head{grid-template-columns:minmax(0,1fr) 180px!important}
  body .wlcrm-app .wlcrm-followup-head>label{grid-column:2!important;grid-row:1!important}
  body .wlcrm-app .wlcrm-followup-stats{grid-column:1/-1!important;grid-row:2!important}
  body .wlcrm-app .wlcrm-followup-tools{grid-row:3!important}
  body .wlcrm-app .wlcrm-schedule-row-primary,body .wlcrm-app .wlcrm-schedule-row-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .wlcrm-app .wlcrm-weekday-cell{grid-column:1/-1!important}
}
@media(max-width:850px){
  body .wlcrm-app{width:calc(100% - 12px)!important;margin:6px auto!important;border-radius:12px!important}
  body .wlcrm-app .wlcrm-tabs{display:flex!important;overflow-x:auto!important;gap:4px!important;scrollbar-width:thin}
  body .wlcrm-app .wlcrm-tabs button,body .wlcrm-app .wlcrm-tabs button[data-tab="communications"]{flex:0 0 118px!important;min-width:118px!important}
  body .wlcrm-app .wlcrm-panel{padding:12px!important}
  body .wlcrm-app .wlcrm-brand-area{flex-wrap:wrap!important}
}
@media(max-width:600px){
  body .wlcrm-app{width:100%!important;margin:0!important;border:0!important;border-radius:0!important}
  body .wlcrm-app .wlcrm-header{padding:12px!important;gap:10px!important;grid-template-columns:minmax(0,1fr) 105px!important}
  body .wlcrm-app .wlcrm-header .wlcrm-brand-area strong{font-size:19px!important}
  body .wlcrm-app .wlcrm-header .wlcrm-brand-area>div span{font-size:10px!important}
  body .wlcrm-app .wlcrm-attendance{padding:8px!important}
  body .wlcrm-app .wlcrm-attendance-top{grid-template-columns:minmax(0,1fr) auto!important}
  body .wlcrm-app #wlcrm-att-timer{grid-column:2!important;grid-row:1/3!important;font-size:17px!important}
  body .wlcrm-app #wlcrm-att-status{grid-column:1!important;justify-self:start!important}
  body .wlcrm-app #wlcrm-tab-followups{padding:0 10px 12px!important}
  body .wlcrm-app .wlcrm-holiday-card{margin:10px!important}
  body .wlcrm-app .wlcrm-followup-head{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:12px!important}
  body .wlcrm-app .wlcrm-followup-head>label,body .wlcrm-app .wlcrm-followup-stats,body .wlcrm-app .wlcrm-followup-tools{grid-column:1!important;grid-row:auto!important}
  body .wlcrm-app .wlcrm-followup-stats{gap:5px!important}
  body .wlcrm-app .wlcrm-followup-stats span{font-size:9px!important;padding:8px 3px!important}
  body .wlcrm-app .wlcrm-followup-head .wlcrm-push-panel{flex:1 1 100%!important}
  body .wlcrm-app .wlcrm-schedule-row-primary,body .wlcrm-app .wlcrm-schedule-row-secondary{grid-template-columns:minmax(0,1fr)!important}
  body .wlcrm-app .wlcrm-schedule-cell{grid-template-rows:20px 44px!important;height:68px!important}
  body .wlcrm-app .wlcrm-schedule-label{height:20px!important}
  body .wlcrm-app .wlcrm-schedule-label-spacer{display:none!important}
  body .wlcrm-app .wlcrm-choice-cell{grid-template-rows:44px!important;height:44px!important}
  body .wlcrm-app .wlcrm-campaign-nav-help{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  body .wlcrm-app *,body .wlcrm-modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(max-width:360px){
  body .wlcrm-app .wlcrm-weekdays{flex-wrap:wrap!important;height:auto!important;min-height:60px!important}
  body .wlcrm-app .wlcrm-weekdays label{flex:0 0 calc(25% - 3px)!important}
  body .wlcrm-app .wlcrm-weekday-cell{grid-template-rows:20px auto!important;height:auto!important}
}