/* Admin dashboard final layout. Loaded after main.css to neutralize older stacked rules. */
html,body{min-height:100%}
body.admin-shell{
  display:grid!important;
  grid-template-columns:272px minmax(0,1fr)!important;
  min-height:100vh;
  width:100%;
  background:var(--soft);
}

/* Live Chat admin */
.live-chat-admin{
  display:grid;
  gap:16px;
}
.live-chat-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(135deg,#0d0866,#1b2848);
  color:#fff;
  box-shadow:0 18px 46px rgba(13,8,102,.16);
}
.live-chat-hero p,
.live-chat-hero h2,
.live-chat-hero span{
  margin:0;
}
.live-chat-hero p{
  color:#bdf265;
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.live-chat-hero h2{
  margin-top:6px;
  font-size:30px;
  font-weight:600;
}
.live-chat-hero span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:400;
}
.live-chat-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.live-chat-tabs a{
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:500;
}
.live-chat-tabs a.is-active,
.live-chat-tabs a:hover{
  background:#bdf265;
  color:#07101e;
}
.live-chat-grid{
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 320px;
  gap:14px;
  align-items:start;
}
.live-chat-list,
.live-chat-thread,
.live-chat-knowledge{
  border:1px solid #e6e9f2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(16,18,46,.045);
}
.live-chat-list,
.live-chat-knowledge{
  padding:14px;
}
.live-chat-list h3,
.live-chat-thread h3,
.live-chat-knowledge h3{
  margin:0 0 12px;
  color:#15162f;
  font-size:16px;
  font-weight:600;
}
.live-chat-row{
  position:relative;
  display:block;
  padding:12px;
  border:1px solid #edf0f7;
  border-radius:14px;
  color:#15162f;
}
.live-chat-row + .live-chat-row{
  margin-top:8px;
}
.live-chat-row.is-active,
.live-chat-row:hover{
  border-color:#bdf265;
  background:#f8ffe9;
}
.live-chat-row strong,
.live-chat-row span,
.live-chat-row p{
  display:block;
  margin:0;
}
.live-chat-row strong{
  font-size:14px;
  font-weight:600;
}
.live-chat-row span,
.live-chat-row p{
  color:#68708a;
  font-size:12px;
  line-height:1.45;
}
.live-chat-row em{
  position:absolute;
  right:10px;
  top:10px;
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:#0d0866;
  color:#fff;
  font-size:11px;
  font-style:normal;
}
.live-chat-thread{
  overflow:hidden;
}
.live-chat-thread__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border-bottom:1px solid #edf0f7;
}
.live-chat-thread__header p{
  margin:0;
  color:#68708a;
  font-size:13px;
}
.live-chat-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.live-chat-actions button,
.live-chat-reply button,
.live-chat-knowledge button{
  min-height:36px;
  padding:0 12px;
  border:1px solid #dfe5f0;
  border-radius:999px;
  background:#fff;
  color:#15162f;
  font-size:12px;
  font-weight:500;
  cursor:pointer;
}
.live-chat-actions button:hover,
.live-chat-reply button,
.live-chat-knowledge > form > button{
  border-color:#bdf265;
  background:#bdf265;
  color:#07101e;
}
.live-chat-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:12px 16px;
  border-bottom:1px solid #edf0f7;
}
.live-chat-meta span{
  padding:6px 9px;
  border-radius:999px;
  background:#f5f7fb;
  color:#68708a;
  font-size:12px;
}
.live-chat-messages{
  display:grid;
  gap:9px;
  max-height:520px;
  min-height:320px;
  overflow:auto;
  padding:16px;
  background:#f8f9fd;
}
.live-chat-message{
  max-width:78%;
  padding:10px 12px;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,18,46,.045);
}
.live-chat-message--agent{
  justify-self:end;
  background:#0d0866;
  color:#fff;
}
.live-chat-message--system{
  justify-self:center;
  background:#eef2f7;
}

/* Finance invoice builder */
.editor-panel--invoice .form-grid--invoice{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.editor-panel--invoice .field-title,
.editor-panel--invoice .field-payment_link,
.editor-panel--invoice .field-notes{
  grid-column:span 2;
}
.invoice-builder{
  display:grid;
  gap:16px;
  margin-top:20px;
  padding:18px;
  border:1px solid #e6e9f2;
  border-radius:16px;
  background:#fbfcff;
}
.invoice-builder__head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
}
.invoice-builder__head > div{
  margin-right:auto;
}
.invoice-builder__head p,
.invoice-builder__head h3{
  margin:0;
}
.invoice-builder__head p{
  color:#68708a;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.invoice-builder__head h3{
  font-size:18px;
  font-weight:600;
}
.invoice-client-preview{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid #dfe8f3;
  border-radius:12px;
  background:#fff;
}
.invoice-client-preview strong{
  font-size:15px;
  font-weight:600;
}
.invoice-client-preview div{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.invoice-client-preview span{
  padding:6px 9px;
  border-radius:999px;
  background:#f1f5f9;
  color:#4f5871;
  font-size:12px;
}
.invoice-lines-wrap{
  overflow:auto;
  border:1px solid #e6e9f2;
  border-radius:14px;
  background:#fff;
}
.invoice-builder-table{
  min-width:1080px!important;
  border-spacing:0;
}
.invoice-builder-table th,
.invoice-builder-table td{
  vertical-align:top;
}
.invoice-product-cell{
  min-width:210px;
}
.invoice-product-cell select{
  margin-bottom:8px;
}
.invoice-builder-table input,
.invoice-builder-table select,
.invoice-builder-table textarea{
  width:100%;
  min-height:40px;
  border:1px solid #dfe5f0;
  border-radius:10px;
  background:#fff;
  color:#15162f;
  font:inherit;
  padding:9px 10px;
}
.invoice-builder-table textarea{
  min-width:220px;
  resize:vertical;
}
.invoice-builder-table [data-line-total]{
  display:block;
  min-width:110px;
  padding-top:10px;
  font-weight:600;
  color:#0d0866;
}
.invoice-line-remove{
  white-space:nowrap;
}
.invoice-add-line{
  justify-self:start;
  border:0;
  background:transparent;
  color:#315dff;
  cursor:pointer;
  font-weight:600;
  padding:4px 0;
}
.invoice-total-preview{
  justify-self:end;
  display:grid;
  gap:10px;
  min-width:min(100%,360px);
  padding:16px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e6e9f2;
}
.invoice-total-preview div{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.invoice-total-preview div:last-child{
  padding-top:10px;
  border-top:1px solid #e6e9f2;
  font-size:18px;
}
.invoice-total-preview span{
  color:#68708a;
}
.invoice-total-preview strong{
  color:#111633;
  font-weight:650;
}
@media (max-width:900px){
  .editor-panel--invoice .form-grid--invoice{
    grid-template-columns:1fr!important;
  }
  .editor-panel--invoice .field-title,
  .editor-panel--invoice .field-payment_link,
  .editor-panel--invoice .field-notes{
    grid-column:auto;
  }
  .invoice-total-preview{
    justify-self:stretch;
  }
}

@media (max-width:1100px){
  body.admin-sidebar-open .admin-drawer-button{
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:130!important;
  }
}
.live-chat-message strong,
.live-chat-message p,
.live-chat-message small{
  display:block;
  margin:0;
}
.live-chat-message strong{
  color:#68708a;
  font-size:11px;
  font-weight:600;
}
.live-chat-message--agent strong{
  color:rgba(255,255,255,.72);
}
.live-chat-message p{
  margin-top:4px;
  font-size:13px;
  line-height:1.55;
}
.live-chat-message small{
  margin-top:5px;
  opacity:.65;
  font-size:11px;
}
.live-chat-reply{
  display:flex;
  align-items:flex-end;
  gap:10px;
  padding:14px;
  border-top:1px solid #edf0f7;
}
.live-chat-reply textarea{
  flex:1;
  min-height:46px;
  border-radius:14px;
}
.live-chat-reply button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:112px!important;
  max-width:140px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.live-chat-empty{
  padding:18px;
  border:1px dashed #dce2ee;
  border-radius:16px;
  color:#68708a;
  font-size:13px;
}
.live-chat-empty--large{
  margin:16px;
  text-align:center;
}
.live-chat-knowledge > form{
  display:grid;
  gap:8px;
}
.live-chat-knowledge input:not([type="checkbox"]):not([type="radio"]),
.live-chat-knowledge textarea{
  width:100%;
  min-height:38px;
  border-radius:12px;
  font-size:13px;
}
.live-chat-knowledge input[type="checkbox"]{
  width:16px;
  height:16px;
  flex:0 0 auto;
  accent-color:#3f7c18;
}
.live-chat-knowledge > form label:has(input[type="checkbox"]){
  display:flex;
  align-items:center;
  gap:8px;
  color:#15162f;
  font-size:13px;
}
.live-chat-knowledge textarea{
  min-height:76px;
}
.live-chat-kb-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.live-chat-kb-list article{
  padding:10px;
  border:1px solid #edf0f7;
  border-radius:13px;
}
.live-chat-kb-list strong,
.live-chat-kb-list span{
  display:block;
}
.live-chat-kb-list strong{
  font-size:13px;
  font-weight:600;
}
.live-chat-kb-list span{
  color:#68708a;
  font-size:12px;
}
.live-chat-kb-list button{
  margin-top:7px;
  color:#b91c1c;
}
@media (max-width:1200px){
  .live-chat-grid{
    grid-template-columns:260px minmax(0,1fr);
  }
  .live-chat-knowledge{
    grid-column:1 / -1;
  }
}
@media (max-width:760px){
  .live-chat-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .live-chat-grid{
    grid-template-columns:1fr;
  }
  .live-chat-thread__header,
  .live-chat-reply{
    flex-direction:column;
    align-items:stretch;
  }
  .live-chat-message{
    max-width:92%;
  }
}
.admin-sidebar{
  position:sticky!important;
  top:0!important;
  align-self:start;
  width:272px!important;
  height:100vh!important;
  min-height:100vh;
  overflow-y:auto;
  display:flex!important;
  flex-direction:column!important;
  gap:8px;
  padding:18px!important;
  background:linear-gradient(180deg,#070532,#0d0866 72%,#090641)!important;
  color:#fff;
  box-shadow:18px 0 55px rgba(13,8,102,.18);
  transform:none!important;
  z-index:10;
}
.admin-brand{
  display:grid!important;
  gap:8px;
  margin:0 0 18px!important;
  padding:10px 8px!important;
}
.admin-logo{
  width:184px!important;
  height:auto!important;
  max-height:44px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
.admin-brand small{font-size:12px;color:rgba(255,255,255,.58)}
.admin-brand{justify-content:center}
.nav-group{margin:10px 0 0}
.nav-group button{
  appearance:none;
  width:100%;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.48);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 10px;
  font-size:11px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.nav-group>div{display:grid;gap:3px}
.nav-group.is-collapsed>div{display:none}
.admin-sidebar a{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:9px 11px!important;
  border-radius:10px;
  color:rgba(255,255,255,.76)!important;
  font-size:14px!important;
  font-weight:500;
}
.admin-sidebar a:hover,.admin-sidebar a.is-active{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.nav-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
.admin-logout{margin-top:auto;border:1px solid rgba(255,255,255,.12)}
.admin-main{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  padding:28px clamp(24px,3vw,44px)!important;
}
.admin-topbar{
  position:sticky;
  top:0;
  z-index:4;
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin:0 0 24px!important;
  padding:18px 20px!important;
  background:var(--header-bg)!important;
  border:1px solid #e7e9f5!important;
  border-radius:18px!important;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 52px rgba(13,8,102,.08)!important;
}
.admin-topbar h1{font-size:clamp(32px,3vw,48px);margin:0}
.admin-topbar p{margin:0 0 4px;color:#707494;font-weight:500}
.admin-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.stat{
  min-height:138px;
  padding:22px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
  border:1px solid #e7e9f5!important;
  box-shadow:0 18px 55px rgba(13,8,102,.07)!important;
}
.stat span{font-size:42px!important;line-height:1;color:var(--brand)}
.stat p{margin:12px 0 0;font-weight:500;color:#6e728e}
.admin-panel{
  width:100%;
  margin-top:20px!important;
  padding:24px!important;
  border-radius:18px!important;
  border:1px solid #e7e9f5!important;
  background:var(--surface)!important;
  box-shadow:0 18px 55px rgba(13,8,102,.07)!important;
}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.panel-heading h2,.admin-panel h2{font-size:clamp(22px,2vw,30px);margin:0 0 8px}
.quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}
.quick-actions a{min-height:78px;border-radius:14px!important;font-weight:700}
.table-wrap{width:100%;overflow:auto}
table{width:100%!important;min-width:720px;border-collapse:separate;border-spacing:0}
th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--soft)}
th,td{padding:14px 16px!important;border-bottom:1px solid var(--line)!important}
tbody tr:hover{background:var(--soft)}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.admin-drawer-button{display:none}
@media (max-width:1100px){
  body.admin-shell{display:block!important}
  .admin-drawer-button{display:block!important}
  .admin-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    transform:translateX(-105%)!important;
    transition:transform .25s ease;
  }
  .admin-sidebar.is-open{transform:none!important}
  .admin-main{padding:22px!important}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:680px){
  .admin-grid,.quick-actions,.form-grid{grid-template-columns:1fr!important}
  .admin-topbar{position:relative;flex-direction:column;align-items:flex-start}
  table{min-width:620px}
}

/* .auth-body / .workspace-login intentionally removed — the premium
   auth screen design now lives entirely in main.css (.auth-body,
   .auth-shell, .auth-visual, .auth-form-side). Having a second,
   older .auth-body/.workspace-login definition here was silently
   overriding it, since admin.css loads after main.css. */

/* ===== Profile dropdown (admin topbar) ===== */
.profile-trigger{
  display:flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  padding:6px 14px 6px 6px;cursor:pointer;font:inherit;color:var(--ink);
}
.profile-avatar{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-weight:700;font-size:13px;
  overflow:hidden;
}
.profile-avatar--photo img{width:100%;height:100%;object-fit:cover;}
.profile-name{font-size:14px;font-weight:600;}
.admin-topbar{
  position:sticky;
  top:0;
  z-index:40;
}
.profile-dropdown{
  position:absolute;right:0;top:calc(100% + 8px);
  width:240px;background:var(--surface, #ffffff)!important;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 20px 50px rgba(13,8,102,.14);
  padding:8px;display:none;z-index:90;
}
.profile-dropdown.is-open{display:block;}
.profile-dropdown__header{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;}
.profile-dropdown__header strong{display:block;font-size:14px;}
.profile-dropdown__header small{color:var(--muted);font-size:12px;}
.profile-dropdown a{
  display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);
}
.profile-dropdown a:hover{background:var(--soft);}
.profile-menu{position:relative;}

.permission-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.permission-check{
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:10px 12px!important;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  font-size:13px!important;
  font-weight:600!important;
  color:var(--ink);
}
.permission-check input{
  width:16px!important;
  height:16px!important;
  accent-color:var(--brand);
}
@media (max-width:900px){
  .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .permission-grid{grid-template-columns:1fr}
}

/* ===== Email Campaigns ===== */
.campaign-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  align-items:center;
  gap:24px;
  margin-bottom:20px;
  padding:28px;
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 20%,rgba(189,242,101,.26),transparent 30%),
    linear-gradient(135deg,#070532,#19127a 58%,#2534b8);
  box-shadow:0 24px 70px rgba(13,8,102,.18);
  overflow:hidden;
}
.campaign-kicker{
  margin:0 0 8px;
  color:var(--esel-green,#bdf265);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.campaign-hero h2{
  margin:0;
  font-size:clamp(30px,4vw,54px);
  color:#fff;
}
.campaign-hero p{
  max-width:760px;
  margin:12px 0 0;
  color:rgba(255,255,255,.72);
  line-height:1.7;
}
.campaign-hero__limits{
  display:grid;
  gap:4px;
  padding:22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  text-align:center;
}
.campaign-hero__limits strong{font-size:56px;line-height:1;color:var(--esel-green,#bdf265)}
.campaign-hero__limits span{font-weight:700}
.campaign-hero__limits small{color:rgba(255,255,255,.62)}
.campaign-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:#eef2ff;
  color:#312e81;
}
.campaign-status--running{background:#dcfce7;color:#166534}
.campaign-status--completed{background:#dbeafe;color:#1d4ed8}
.campaign-status--paused{background:#fef3c7;color:#92400e}
.campaign-status--stopped,.campaign-status--failed{background:#fee2e2;color:#991b1b}
.campaign-progress{display:grid;gap:10px;margin:22px 0}
.campaign-progress__meta{display:flex;justify-content:space-between;gap:16px;color:var(--ink)}
.campaign-progress__meta strong{font-size:18px}
.campaign-progress__bar{
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:#e8ecf7;
}
.campaign-progress__bar span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--brand),var(--cyan),var(--esel-green,#bdf265));
  transition:width .28s ease;
}
.campaign-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.campaign-stats div{
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfcff);
}
.campaign-stats strong{display:block;font-size:32px;line-height:1;color:var(--brand)}
.campaign-stats span{display:block;margin-top:8px;color:var(--muted);font-weight:600}
.campaign-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.campaign-run-message{
  margin:0 0 20px;
  color:var(--muted);
  font-weight:600;
}
.campaign-columns{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:18px;
}
.campaign-box{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.campaign-box h3{
  margin:0;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  font-size:16px;
}
.mini-table,.campaign-log-list{
  display:grid;
  max-height:420px;
  overflow:auto;
}
.mini-table div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
}
.mini-table span{overflow:hidden;text-overflow:ellipsis}
.campaign-recipient{font-size:12px;text-transform:uppercase;color:var(--muted)}
.campaign-recipient--sent{color:#15803d}
.campaign-recipient--failed{color:#b91c1c}
.campaign-log{
  padding:13px 18px;
  border-bottom:1px solid var(--line);
}
.campaign-log strong{display:block;font-size:13px}
.campaign-log p{margin:6px 0 0;color:#b91c1c;font-size:12px}
.campaign-log small{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.campaign-log--success{background:#f0fdf4}
.campaign-log--error{background:#fff1f2}
.campaign-log--warning{background:#fffbeb}
.campaign-builder code{
  padding:2px 6px;
  border-radius:6px;
  background:#eef2ff;
  color:var(--brand);
}
.campaign-history{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.campaign-history a{
  display:grid;
  gap:10px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  color:var(--ink);
}
.campaign-history a:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 45px rgba(13,8,102,.1);
}
.campaign-history strong{font-size:16px}
.campaign-history small{color:var(--muted)}
@media (max-width:980px){
  .campaign-hero,.campaign-columns{grid-template-columns:1fr}
  .campaign-stats,.campaign-history{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .campaign-stats,.campaign-history{grid-template-columns:1fr}
  .campaign-hero{padding:22px}
}

/* ===== Premium refinement pass ===== */
.admin-grid{gap:16px;}
.stat{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  padding:22px 22px 20px;
  transition:transform .18s ease,box-shadow .18s ease;
}
.stat:before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand-2),var(--cyan));
  opacity:.85;
}
.stat:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(13,8,102,.12);}
.stat span{font-size:32px!important;letter-spacing:-0.02em;}
.stat p{margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:500;}

.admin-panel{
  border-radius:16px;
  transition:box-shadow .18s ease;
}
.panel-heading{padding:20px 22px;border-bottom:1px solid var(--line);}
.panel-heading h2{font-size:16px;margin:0;}
.panel-heading p{font-size:13px;margin:2px 0 0;}
.admin-panel > table,.admin-panel > .table-wrap{margin-top:0;}
.admin-panel form.filters{padding:16px 22px;border-bottom:1px solid var(--line);margin:0;}
th{padding:12px 16px!important;font-weight:600;}
tr:hover td{background:var(--soft);}
.bar-row{padding:12px 22px;}
.bar-row:first-child{border-top:none;}

/* Sidebar polish — stays dark in both themes (brand anchor), refined active state */
.admin-sidebar{padding:20px 16px;}
.nav-group{margin-top:10px;}
.nav-group button{opacity:.9;}
.admin-sidebar .nav-group a{
  position:relative;
  border-radius:10px;
  font-weight:500;
  transition:background .15s ease,color .15s ease;
}
.admin-sidebar a.is-active{
  background:rgba(255,255,255,.12);
  font-weight:600;
}
.admin-sidebar a.is-active:before{
  content:"";
  position:absolute;left:-16px;top:50%;transform:translateY(-50%);
  width:3px;height:18px;border-radius:2px;
  background:linear-gradient(180deg,var(--cyan),var(--brand-3));
}
.admin-logout{opacity:.75;}
.admin-logout:hover{opacity:1;}

.admin-topbar{border-bottom:1px solid var(--line);backdrop-filter:blur(14px);}
.admin-main{background:var(--soft);}
.admin-content,.admin-main > *{position:relative;}

.button{border-radius:10px!important;}
.button-small{border-radius:8px!important;}

/* Dashboard topbar notifications */
.admin-title-block p{
  font-size:14px;
}
.admin-topbar-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.notification-menu,.profile-menu{
  position:relative;
}
.notification-trigger{
  position:relative;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  color:#151932;
  box-shadow:0 12px 28px rgba(17,22,51,.06);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.notification-trigger:hover{
  transform:translateY(-1px);
  border-color:#bdf265;
  box-shadow:0 18px 36px rgba(189,242,101,.18);
}
.notification-trigger svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.notification-trigger span{
  position:absolute;
  right:-5px;
  top:-5px;
  display:grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border:2px solid #fff;
  border-radius:999px;
  background:#bdf265;
  color:#07110a;
  font-size:11px;
  font-weight:800;
}
.notification-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:min(390px,calc(100vw - 32px));
  max-height:min(620px,70vh);
  overflow:hidden;
  display:none;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 80px rgba(17,22,51,.18);
  z-index:30;
}
.notification-dropdown.is-open{
  display:block;
}
.notification-dropdown__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-bottom:1px solid #edf1f6;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.notification-dropdown__header strong{
  display:block;
  color:#151932;
  font-size:16px;
}
.notification-dropdown__header small{
  display:block;
  margin-top:3px;
  color:#68708a;
  font-size:12px;
}
.notification-dropdown__header button,
.notification-item button{
  border:0;
  background:transparent;
  color:#315b16;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.notification-list{
  display:grid;
  max-height:460px;
  overflow:auto;
}
.notification-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:14px 18px;
  border-bottom:1px solid #f0f3f8;
  background:#fff;
}
.notification-item a{
  color:inherit;
  text-decoration:none;
}
.notification-item span{
  display:inline-flex;
  margin-bottom:5px;
  padding:5px 8px;
  border-radius:999px;
  background:#ecffd5;
  color:#315b16;
  font-size:11px;
  font-weight:700;
}
.notification-item strong{
  display:block;
  color:#151932;
  font-size:14px;
  font-weight:600;
}
.notification-item p{
  margin:4px 0;
  color:#68708a;
  font-size:12px;
  line-height:1.45;
}
.notification-item small{
  color:#9aa1b5;
  font-size:11px;
}
.notification-item.is-read{
  opacity:.48;
}
.notification-item.is-read button{
  display:none;
}
.notification-empty{
  padding:22px;
  color:#68708a;
  font-weight:500;
}

/* Keep dashboard navigation lighter, per brand direction */
.nav-group button,
.admin-sidebar .nav-group a,
.admin-sidebar a,
.admin-sidebar a.is-active,
.admin-logout{
  font-weight:500!important;
}
@media (max-width:760px){
  .admin-topbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-topbar-actions{
    width:100%;
    justify-content:flex-start;
  }
  .notification-dropdown{
    left:0;
    right:auto;
  }
}
.flash{border-radius:10px;}

/* Empty state polish */
.empty-state{border-radius:14px;background:var(--surface);}

/* Reference-inspired dashboard refresh: visual only, PHP logic unchanged */
body.admin-shell{
  display:grid!important;
  grid-template-columns:264px minmax(0,1fr)!important;
  min-height:100vh;
  background:#f6f7fc!important;
  color:#10122e;
}
.admin-sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  width:264px!important;
  padding:24px 16px!important;
  background:#080a32!important;
  color:#fff;
  box-shadow:none!important;
  border-right:0!important;
}
.admin-brand{
  min-height:42px;
  padding:0 12px 20px!important;
  margin:0 0 24px!important;
}
.admin-logo{
  width:164px;
  max-height:52px;
  filter:brightness(0) invert(1);
}
.nav-group{
  margin-top:22px!important;
}
.nav-group button{
  padding:0 12px 8px!important;
  color:rgba(255,255,255,.36)!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
.admin-sidebar .nav-group a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  margin:2px 0!important;
  padding:11px 12px!important;
  border-radius:13px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:14px;
  border:0!important;
  transform:none!important;
}
.admin-sidebar .nav-group a:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
.admin-sidebar a.is-active{
  background:#5150d9!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(0,0,0,.2);
}
.admin-sidebar a.is-active:before{display:none}
.nav-icon{
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.admin-logout{
  margin-top:auto!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:13px!important;
  color:rgba(255,255,255,.7)!important;
}
.admin-main{
  width:100%;
  max-width:1500px!important;
  margin:0 auto;
  padding:0 32px 42px!important;
  background:#f6f7fc!important;
}
.admin-topbar{
  position:sticky!important;
  top:0!important;
  z-index:40;
  min-height:76px;
  margin:0 -32px 28px!important;
  padding:14px 32px!important;
  border:0!important;
  border-bottom:1px solid #e8e8f1!important;
  border-radius:0!important;
  background:rgba(246,247,252,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px);
}
.admin-topbar p{
  color:#7d7f94;
  font-size:12px;
  margin:0;
}
.admin-topbar h1{
  margin:0;
  color:#10122e;
  font-size:clamp(24px,2.6vw,34px)!important;
  line-height:1.05;
  letter-spacing:0;
}
.profile-trigger{
  border-radius:14px!important;
  border:1px solid #e5e6ed!important;
  background:#fff!important;
  box-shadow:none!important;
}
.profile-avatar{
  border-radius:10px!important;
  background:linear-gradient(135deg,#5150d9,#45c9ed)!important;
}
.profile-dropdown{
  border-radius:18px!important;
  border-color:#e5e6ed!important;
  box-shadow:0 24px 70px rgba(16,18,46,.14)!important;
}
.dashboard-hero{
  position:relative;
  overflow:hidden;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  margin-bottom:22px;
  border-radius:28px;
  background:#11144a;
  padding:34px 38px;
  color:#fff;
}
.dashboard-hero:before{
  content:"";
  position:absolute;
  right:-70px;
  top:-110px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:#3a4aef;
  filter:blur(48px);
  opacity:.72;
}
.dashboard-hero > div:first-child{
  position:relative;
  max-width:580px;
}
.dashboard-hero p{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#bdf7ff;
  font-size:13px;
  font-weight:600;
}
.dashboard-hero p span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#67e8f9;
}
.dashboard-hero h2{
  margin:22px 0 12px;
  color:#fff;
  font-size:clamp(34px,4vw,52px);
  line-height:1.02;
  letter-spacing:0;
}
.dashboard-hero small{
  display:block;
  max-width:520px;
  color:rgba(255,255,255,.64);
  font-size:15px;
  line-height:1.7;
}
.dashboard-hero .button{
  margin-top:24px;
  border-radius:14px!important;
  background:#fff!important;
  color:#16184a!important;
  box-shadow:none!important;
}
.dashboard-hero__preview{
  position:relative;
  width:300px;
  height:180px;
  align-self:flex-end;
  margin-bottom:-34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px 22px 0 0;
  background:#171a59;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  padding:22px;
}
.dashboard-hero__preview i{
  display:block;
  position:absolute;
  border-radius:12px;
  background:rgba(255,255,255,.14);
}
.dashboard-hero__preview i:nth-child(1){left:22px;top:22px;width:80px;height:10px}
.dashboard-hero__preview i:nth-child(2){left:22px;bottom:28px;width:82px;height:76px;background:rgba(104,105,233,.52)}
.dashboard-hero__preview i:nth-child(3){left:120px;bottom:28px;width:68px;height:48px;background:rgba(103,232,249,.4)}
.dashboard-hero__preview i:nth-child(4){right:24px;bottom:28px;width:72px;height:94px;background:rgba(255,255,255,.2)}
.admin-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.stat{
  min-height:158px;
  border-radius:22px!important;
  border:1px solid #e9e9f1!important;
  background:#fff!important;
  padding:20px!important;
  box-shadow:0 1px 0 rgba(16,18,46,.03)!important;
}
.stat:before{
  width:42px;
  height:42px;
  inset:20px auto auto 20px;
  border-radius:14px;
  background:#f1f0ff!important;
}
.stat:after{
  content:"";
  position:absolute;
  left:34px;
  top:34px;
  width:14px;
  height:14px;
  border-radius:4px;
  background:#5855d6;
}
.stat span{
  display:block;
  margin-top:58px;
  color:#10122e!important;
  font-size:34px!important;
  line-height:1;
}
.stat p{
  margin-top:7px!important;
  color:#737488!important;
  font-size:13px!important;
  font-weight:700!important;
}
.admin-panel{
  border-radius:22px!important;
  border:1px solid #e9e9f1!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(16,18,46,.03)!important;
  overflow:hidden;
}
.admin-panel h2{
  color:#10122e;
  font-size:20px!important;
  letter-spacing:0;
}
.panel-heading{
  border-bottom:1px solid #eeeef4!important;
  padding:22px 24px!important;
}
.quick-actions{
  padding:0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.quick-actions a{
  border:0!important;
  border-radius:16px!important;
  background:#f8f8fc!important;
  color:#10122e!important;
  min-height:86px;
  align-items:center;
}
.quick-actions a:hover{
  transform:translateY(-3px);
  background:#f1f0ff!important;
}
.bar-row{
  margin:0 24px;
  padding:15px 0!important;
  border-color:#eeeef4!important;
}
table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
th{
  background:#f8f8fc!important;
  color:#868799!important;
  font-size:12px;
}
td{
  color:#383a55;
  border-color:#eeeef4!important;
}
tr:hover td{background:#f8f8fc!important}
input,select,textarea{
  border-color:#e5e6ed!important;
  border-radius:14px!important;
  background:#fff!important;
}
.button{
  border-radius:14px!important;
  background:#5150d9!important;
  box-shadow:0 16px 36px rgba(81,80,217,.18)!important;
}
.button-ghost{
  background:#fff!important;
  color:#5150d9!important;
  border-color:#e5e6ed!important;
  box-shadow:none!important;
}
@media (max-width:1180px){
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-hero__preview{display:none}
}
@media (max-width:1100px){
  body.admin-shell{display:block!important}
  .admin-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:60;
    transform:translateX(-105%)!important;
    transition:transform .24s ease;
  }
  .admin-sidebar.is-open{transform:none!important}
  .admin-main{padding:0 20px 34px!important}
  .admin-topbar{margin:0 -20px 22px!important;padding:14px 20px!important}
  .admin-drawer-button{display:block!important;z-index:70}
}
@media (max-width:680px){
  .dashboard-hero{padding:28px 24px;border-radius:22px}
  .admin-grid,.quick-actions{grid-template-columns:1fr!important}
}

/* Unified EselMedia green style pass */
:root{
  --esel-green:#41f2a6;
  --esel-green-2:#16d9a1;
  --esel-green-soft:#e9fff5;
  --esel-blue:#11144a;
}
.admin-sidebar{
  background:linear-gradient(180deg,#070b2e,#05072f)!important;
}
.admin-sidebar a.is-active{
  background:linear-gradient(135deg,rgba(65,242,166,.22),rgba(255,255,255,.08))!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(65,242,166,.12)!important;
}
.admin-sidebar .nav-group a:hover{
  background:rgba(65,242,166,.08)!important;
}
.profile-avatar{
  background:linear-gradient(135deg,#0f7a61,var(--esel-green))!important;
  color:#06142e!important;
}
.dashboard-hero{
  background:linear-gradient(135deg,#070b2e,#11144a 58%,#0c5f52)!important;
}
.dashboard-hero:before{
  background:var(--esel-green)!important;
  opacity:.58;
}
.dashboard-hero p{
  color:#d9ffef!important;
}
.dashboard-hero p span{
  background:var(--esel-green)!important;
  box-shadow:0 0 18px rgba(65,242,166,.58);
}
.dashboard-hero .button{
  background:var(--esel-green)!important;
  color:#06142e!important;
}
.dashboard-hero__preview{
  background:#0c1745!important;
  border-color:rgba(65,242,166,.16)!important;
}
.dashboard-hero__preview i:nth-child(2){
  background:rgba(65,242,166,.34)!important;
}
.dashboard-hero__preview i:nth-child(3){
  background:rgba(52,217,245,.35)!important;
}
.stat:before{
  background:var(--esel-green-soft)!important;
}
.stat:after{
  background:#0fab7a!important;
}
.stat:hover{
  box-shadow:0 22px 60px rgba(22,217,161,.1)!important;
}
.quick-actions a:hover{
  background:var(--esel-green-soft)!important;
}
.button{
  background:linear-gradient(135deg,#0f7a61,var(--esel-green-2))!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(22,217,161,.18)!important;
}
.button-ghost{
  color:#0f7a61!important;
}
th{
  color:#61706d!important;
}
tr:hover td{
  background:#f2fff8!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(22,217,161,.68)!important;
  box-shadow:0 0 0 3px rgba(65,242,166,.16);
  outline:none;
}

/* Exact brand green + dashboard contrast correction */
:root{
  --esel-green:#bdf265;
  --esel-green-2:#9de83f;
  --esel-green-soft:#f4ffe0;
  --esel-green-ink:#07110a;
  --esel-green-deep:#314b0d;
}
.admin-sidebar a.is-active{
  background:linear-gradient(135deg,rgba(189,242,101,.22),rgba(255,255,255,.08))!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(189,242,101,.12)!important;
}
.admin-sidebar .nav-group a:hover{
  background:rgba(189,242,101,.08)!important;
}
.nav-group button{
  color:#f7f8ff!important;
}
.profile-avatar,
.admin-drawer-button{
  background:linear-gradient(135deg,var(--esel-green),var(--esel-green-2))!important;
  color:var(--esel-green-ink)!important;
}
.dashboard-hero{
  background:linear-gradient(135deg,#070b2e,#11144a 58%,#233d12)!important;
}
.dashboard-hero:before{
  background:var(--esel-green)!important;
  opacity:.62;
}
.dashboard-hero p{
  color:#f4ffe0!important;
}
.dashboard-hero p span{
  background:var(--esel-green)!important;
  box-shadow:0 0 18px rgba(189,242,101,.48);
}
.dashboard-hero .button,
.button,
.button-small{
  background:linear-gradient(135deg,var(--esel-green),var(--esel-green-2))!important;
  color:var(--esel-green-ink)!important;
  border-color:rgba(189,242,101,.42)!important;
  box-shadow:0 16px 36px rgba(189,242,101,.2)!important;
}
.button:hover,
.button-small:hover{
  box-shadow:0 22px 50px rgba(189,242,101,.25)!important;
}
.button-ghost{
  background:#fff!important;
  color:var(--esel-green-deep)!important;
  border-color:#dcebb8!important;
}
.dashboard-hero__preview{
  border-color:rgba(189,242,101,.18)!important;
}
.dashboard-hero__preview i:nth-child(2){
  background:rgba(189,242,101,.34)!important;
}
.stat:before,
.quick-actions a:hover{
  background:var(--esel-green-soft)!important;
}
.stat:after{
  background:var(--esel-green)!important;
}
.stat:hover{
  box-shadow:0 22px 60px rgba(189,242,101,.12)!important;
}
tr:hover td{
  background:#f8ffe8!important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(189,242,101,.76)!important;
  box-shadow:0 0 0 3px rgba(189,242,101,.18);
}

/* Readable hover states across dashboard controls */
.button-ghost:hover,
.quick-actions a:hover{
  background:var(--esel-green)!important;
  color:var(--esel-green-ink)!important;
  border-color:var(--esel-green)!important;
}
.profile-dropdown a:hover{
  background:var(--esel-green)!important;
  color:var(--esel-green-ink)!important;
}
.admin-sidebar .nav-group a:hover{
  color:#fff!important;
}

/* Team member cards */
.team-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:18px;
  margin-top:20px;
}
.team-card{
  overflow:hidden;
  border:1px solid #e5e9f0;
  border-top:5px solid #315d68;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 45px rgba(16,22,48,.08);
}
.team-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px 8px;
}
.team-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:7px 12px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.team-status:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
}
.team-status.is-active{
  background:#22c55e;
  color:#fff;
  box-shadow:0 10px 24px rgba(34,197,94,.25);
}
.team-status.is-inactive{
  background:#eef1f5;
  color:#657085;
}
.team-card__menu{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  color:#607089;
  font-size:24px;
  line-height:1;
}
.team-card__menu:hover{
  background:var(--esel-green)!important;
  color:var(--esel-green-ink)!important;
}
.team-card__identity{
  display:grid;
  justify-items:center;
  text-align:center;
  padding:8px 20px 18px;
}
.team-avatar{
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  overflow:hidden;
  border:5px solid #fff;
  border-radius:50%;
  background:#4589a7;
  color:#fff;
  box-shadow:0 14px 34px rgba(25,47,76,.18);
  font-size:46px;
  font-weight:500;
}
.team-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.team-card__identity h3{
  margin:16px 0 4px;
  color:#151b2d;
  font-size:21px;
}
.team-card__identity p{
  margin:0;
  color:#6b778c;
  font-size:14px;
}
.team-card__details{
  display:grid;
  gap:10px;
  margin:0 20px 18px;
  padding:16px;
  border-radius:18px;
  background:#f2f5f7;
}
.team-card__details div{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.team-card__details dt{
  color:#315d68;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.team-card__details dd{
  min-width:0;
  margin:0;
  color:#172033;
  font-size:14px;
  overflow-wrap:anywhere;
}
.team-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 20px 18px;
  border-top:1px solid #e5e9f0;
  color:#6b778c;
  font-size:13px;
}
.team-card__footer a{
  color:#315d68;
  font-weight:700;
  white-space:nowrap;
}
.team-card__footer a:hover{
  color:#111633;
}
.admin-note{
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid rgba(189,242,101,.45);
  border-radius:14px;
  background:rgba(189,242,101,.16);
  color:#1e2a14;
  font-size:14px;
  line-height:1.5;
}
.media-grid article.is-missing-media{
  border-color:#ffb4a8;
  background:#fff8f6;
}
.media-missing{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 12px;
  border-radius:999px;
  background:#ffe7e2;
  color:#9b1c13;
  font-weight:700;
  font-size:13px;
}
.media-replace{
  display:grid;
  gap:8px;
}
.media-replace input[type="file"]{
  width:100%;
  min-height:42px;
  padding:8px;
  border:1px dashed #ccd4e0;
  border-radius:12px;
  background:#f8fafc;
  font-size:12px;
}
.section-editor-grid{
  display:grid;
  gap:18px;
}
.section-editor-card{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 38px rgba(17,22,51,.05);
}
.section-editor-card h3{
  margin:0;
}
.section-editor-card textarea{
  min-height:110px;
}
.section-editor-card .field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
@media (max-width:760px){
  .section-editor-card .field-grid{
    grid-template-columns:1fr;
  }
}

/* Independent page builder */
.page-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:16px;
  padding:18px 22px 24px;
}
.page-card{
  display:grid;
  gap:12px;
  padding:20px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 38px rgba(17,22,51,.05);
}
.page-card__top,.page-card__actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.page-card__top{justify-content:space-between}
.page-card__top span{
  padding:7px 10px;
  border-radius:999px;
  background:#ecffd5;
  color:#315b16;
  font-size:12px;
  font-weight:700;
}
.page-card code{
  padding:6px 8px;
  border-radius:8px;
  background:#f5f7fb;
  color:#5d647a;
}
.page-card h3{margin:0;font-size:19px}
.page-card p{min-height:52px;margin:0;color:#68708a;font-size:13px;line-height:1.55}
.page-card__meta small{color:#7b8298}
.page-builder-heading{
  align-items:center;
}
.builder-kicker{
  display:inline-flex;
  margin-bottom:8px;
  padding:7px 10px;
  border:1px solid rgba(189,242,101,.45);
  border-radius:999px;
  background:rgba(189,242,101,.14);
  color:#315b16;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.builder-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.page-builder-layout{
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
  gap:22px;
  padding:22px;
}
.page-preview-panel{
  display:grid;
  gap:18px;
  align-content:start;
  position:sticky;
  top:22px;
}
.builder-tabs{
  display:grid;
  gap:12px;
}
.builder-tabs>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.builder-tab-buttons{
  display:flex;
  gap:8px;
  padding:6px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
}
.builder-tab-buttons label{
  flex:1;
  display:grid;
  place-items:center;
  min-height:40px;
  border-radius:999px;
  color:#5d647a;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
#preview-en:checked ~ .builder-tab-buttons label[for="preview-en"],
#preview-fr:checked ~ .builder-tab-buttons label[for="preview-fr"]{
  background:#bdf265;
  color:#07110a;
  box-shadow:0 10px 25px rgba(189,242,101,.22);
}
.builder-tab-content{display:none}
#preview-en:checked ~ .preview-en,
#preview-fr:checked ~ .preview-fr{display:block}
.browser-preview{
  overflow:hidden;
  border:1px solid #dfe6f1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 54px rgba(17,22,51,.1);
}
.browser-preview__bar{
  display:flex;
  align-items:center;
  gap:7px;
  padding:12px 14px;
  border-bottom:1px solid #e8edf5;
  background:#f8fafc;
}
.browser-preview__bar i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#cbd5e1;
}
.browser-preview__bar i:first-child{background:#ff6b6b}
.browser-preview__bar i:nth-child(2){background:#f9c74f}
.browser-preview__bar i:nth-child(3){background:#54d174}
.browser-preview__bar span{
  margin-left:6px;
  color:#647084;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.browser-preview iframe{
  display:block;
  width:100%;
  height:560px;
  border:0;
  background:#fff;
}
.builder-mini-map{
  display:grid;
  gap:10px;
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
}
.builder-mini-map h3{margin:0 0 6px;font-size:16px}
.builder-mini-map article{
  padding:14px;
  border:1px solid #edf1f6;
  border-radius:16px;
  background:#f8fafc;
}
.builder-mini-map span{
  display:block;
  margin-bottom:5px;
  color:#315b16;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.builder-mini-map strong{
  display:block;
  color:#151932;
  font-size:14px;
}
.builder-mini-map p{
  margin:6px 0 0;
  color:#68708a;
  font-size:12px;
  line-height:1.55;
}
.page-builder-form{
  gap:18px;
}
.builder-card{
  border-radius:22px;
}
.builder-card__title{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.builder-card__title>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border-radius:12px;
  background:#ecffd5;
  color:#315b16;
  font-size:12px;
  font-weight:800;
}
.builder-card__title h3{margin:0}
.builder-card__title p{margin:3px 0 0;color:#68708a;font-size:13px}
.builder-savebar{
  position:sticky;
  bottom:14px;
  z-index:3;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 50px rgba(17,22,51,.13);
  backdrop-filter:blur(14px);
}
@media (max-width:1180px){
  .page-builder-layout{
    grid-template-columns:1fr;
  }
  .page-preview-panel{
    position:static;
  }
}
@media (max-width:760px){
  .page-builder-layout{
    padding:16px;
  }
  .browser-preview iframe{
    height:440px;
  }
  .builder-actions{
    justify-content:flex-start;
  }
}

/* ===== Mailer Pro ===== */
.mailer-studio-hero{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);
  gap:24px;
  margin:22px;
  padding:32px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 24%, rgba(189,242,101,.22), transparent 28%),
    linear-gradient(135deg,#07092b 0%,#11184a 54%,#07112b 100%);
  box-shadow:0 24px 70px rgba(7,9,43,.22);
}
.mailer-studio-hero h2{margin:0;font-size:clamp(34px,5vw,66px);line-height:.95;color:#fff}
.mailer-studio-hero p{max-width:760px;color:rgba(255,255,255,.72)}
.mailer-studio-hero__cards{
  display:grid;
  gap:12px;
  align-content:center;
}
.mailer-studio-hero__cards span{
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#bdf265;
  font-weight:800;
}
.mailer-builder .panel-heading{border-bottom:1px solid #edf1f6}
.mailer-wizard{
  display:grid;
  gap:18px;
  padding:22px;
}
.mailer-step{
  position:relative;
  display:grid;
  gap:16px;
  padding:24px;
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 44px rgba(17,22,51,.05);
}
.mailer-step>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#ecffd5;
  color:#315b16;
  font-weight:900;
}
.mailer-step h3{margin:0;font-size:22px}
.mailer-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.mailer-editor-toolbar button{
  min-height:38px;
  padding:0 14px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#151932;
  font-weight:700;
  cursor:pointer;
}
.mailer-editor{
  min-height:260px;
  padding:20px;
  border:1px solid #dfe6f1;
  border-radius:20px;
  background:#fbfdff;
  color:#151932;
  line-height:1.65;
  outline:none;
}
.mailer-editor:focus{border-color:#bdf265;box-shadow:0 0 0 4px rgba(189,242,101,.22)}
.mailer-preview-step iframe{
  width:100%;
  height:420px;
  border:1px solid #dfe6f1;
  border-radius:22px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}
.mailer-preview-step iframe.is-mobile{
  max-width:390px;
  justify-self:center;
}
.mailer-preview-switch{
  display:flex;
  gap:8px;
}
.mailer-preview-switch button{
  padding:10px 14px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#fff;
  color:#151932;
  font-weight:800;
  cursor:pointer;
}
.mailer-test{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.mailer-test input{
  min-width:min(360px,100%);
  padding:14px 16px;
  border:1px solid #dfe6f1;
  border-radius:14px;
}
.mailer-stats{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.mailer-attachments-list{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:18px;
  padding:16px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#f8fafc;
}
.mailer-attachments-list h3{width:100%;margin:0;font-size:16px}
.mailer-attachments-list span{
  padding:8px 10px;
  border-radius:999px;
  background:#fff;
  color:#5d647a;
  font-weight:700;
}
.campaign-status--scheduled{background:#e0f2fe;color:#0369a1}
.campaign-status--draft{background:#f1f5f9;color:#334155}
.campaign-recipient--unsubscribed{color:#92400e}
@media (max-width:1100px){
  .mailer-studio-hero,.mailer-stats{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mailer-studio-hero{margin:14px;padding:22px}
  .mailer-wizard{padding:14px}
  .mailer-step{padding:18px}
}

/* ===== Tracking + Booking Management ===== */
.tracking-hero,.booking-admin-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:22px;
  margin:22px;
  padding:30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 18%, rgba(189,242,101,.28), transparent 28%),
    linear-gradient(135deg,#07092b,#10164b 62%,#07112b);
  color:#fff;
  box-shadow:0 24px 70px rgba(7,9,43,.2);
}
.tracking-hero h2,.booking-admin-hero h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:1;color:#fff}
.tracking-hero p,.booking-admin-hero p{max-width:720px;color:rgba(255,255,255,.7)}
.tracking-hero__status,.booking-admin-stats{
  display:grid;
  gap:12px;
  align-content:center;
}
.tracking-hero__status span,.booking-admin-stats article{
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.08);
}
.booking-admin-stats{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.booking-admin-stats strong{
  display:block;
  color:#bdf265;
  font-size:34px;
  line-height:1;
}
.booking-admin-stats span,.tracking-hero__status span{
  color:rgba(255,255,255,.8);
  font-weight:600;
}
.tracking-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.tracking-grid article{
  display:grid;
  gap:14px;
  padding:22px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
}
.tracking-grid h3{margin:0;font-size:22px}
.tracking-note{
  padding:18px;
  border-radius:18px;
  background:#ecffd5;
  color:#315b16;
}
.tracking-note p{margin:6px 0 0;color:#4b6b2d}
.booking-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:12px;
}
.booking-calendar article{
  min-height:150px;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
}
.booking-calendar article.is-today{
  border-color:#bdf265;
  box-shadow:0 0 0 4px rgba(189,242,101,.18);
}
.booking-calendar article>strong{
  display:block;
  margin-bottom:10px;
  color:#151932;
  font-size:13px;
}
.booking-empty-day{
  color:#9aa1b5;
  font-size:12px;
}
.booking-calendar-item{
  display:grid;
  gap:2px;
  margin-top:8px;
  padding:10px;
  border-radius:12px;
  background:#f8fafc;
  color:#151932;
  text-decoration:none;
  font-size:12px;
}
.booking-calendar-item span{color:#315b16;font-weight:800}
.booking-list{
  display:grid;
  gap:14px;
}
.booking-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);
  gap:18px;
  padding:20px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(17,22,51,.05);
}
.booking-card h3{margin:10px 0 4px;font-size:22px}
.booking-card p{margin:0;color:#68708a}
.booking-status{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:#f1f5f9;
  color:#334155;
  font-size:12px;
  font-weight:800;
}
.booking-status--confirmed{background:#dcfce7;color:#166534}
.booking-status--requested{background:#e0f2fe;color:#0369a1}
.booking-status--cancelled,.booking-status--no_show{background:#fee2e2;color:#991b1b}
.booking-status--completed{background:#ede9fe;color:#5b21b6}
.booking-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.booking-meta span{
  padding:8px 10px;
  border-radius:999px;
  background:#f8fafc;
  color:#5d647a;
  font-size:12px;
  font-weight:600;
}
.booking-notes{margin-top:12px!important}
.booking-card__actions{
  display:grid;
  gap:10px;
  align-content:start;
}
.booking-card__actions form{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.booking-card__actions input,.booking-card__actions select{
  min-height:40px;
  border:1px solid #dfe6f1;
  border-radius:10px;
  padding:0 10px;
}
@media (max-width:1100px){
  .tracking-hero,.booking-admin-hero,.tracking-grid,.booking-card{grid-template-columns:1fr}
  .booking-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .tracking-hero,.booking-admin-hero{margin:14px;padding:22px}
  .booking-admin-stats,.booking-calendar{grid-template-columns:1fr}
}

.design-approval-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin-bottom:24px;
  padding:30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 18%,rgba(189,242,101,.32),transparent 30%),
    linear-gradient(135deg,#080a2a,#111650 60%,#17205f);
  color:#fff;
  box-shadow:0 24px 70px rgba(8,10,42,.18);
}
.design-approval-hero--minimal{
  padding:26px 28px;
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 8%,rgba(189,242,101,.26),transparent 24%),
    linear-gradient(135deg,#080a2a,#111650 68%,#162358);
}
.design-approval-hero--minimal h2{
  max-width:760px;
  font-size:clamp(32px,3.4vw,52px);
}
.design-approval-hero--minimal p{
  max-width:760px;
  font-size:18px;
  line-height:1.65;
}
.design-approval-hero h2{margin:6px 0 10px;font-size:clamp(34px,4vw,58px);letter-spacing:-.03em}
.design-approval-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.74)}
.design-approval-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-bottom:22px;
}
.design-compose-grid{
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(360px,1.14fr);
  gap:18px;
  margin-bottom:22px;
}
.approval-section-panel{
  border-radius:24px;
  box-shadow:0 18px 54px rgba(17,22,51,.05);
}
.approval-board-list,.approval-items-grid{
  display:grid;
  gap:14px;
}
.approval-items-grid{
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  align-items:start;
  gap:20px;
}
.approval-board-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.approval-board-list strong{display:block;color:var(--ink)}
.approval-board-list p{margin:4px 0 0;color:var(--muted)}
.approval-status{
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:#f1f5f9;
  color:#334155;
  font-size:12px;
  font-weight:700;
}
.approval-status--approved,.approval-status--active{background:#eaffc7;color:#315b16}
.approval-status--revision-requested{background:#fff7ed;color:#9a3412}
.approval-status--archived{background:#fee2e2;color:#991b1b}
.approval-item-card{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 36px rgba(17,22,51,.05);
}
.approval-item-card--premium{
  display:block;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 34px rgba(17,22,51,.08);
}
.approval-preview{
  display:grid;
  place-items:center;
  min-height:190px;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(circle at 20% 20%,rgba(189,242,101,.22),transparent 26%),
    linear-gradient(135deg,#f7f9ff,#eef4ff);
  color:#516016;
  font-weight:700;
}
.approval-preview--large{
  width:100%;
  min-height:0;
  aspect-ratio:4/5;
  max-height:360px;
  border-radius:0;
  background:#f1f3f8;
}
.approval-preview img{
  display:block;
  width:100%;
  height:100%;
  max-height:360px;
  object-fit:contain;
}
.approval-file{
  display:inline-flex;
  padding:12px 14px;
  border-radius:999px;
  background:#080a2a;
  color:#bdf265;
  text-decoration:none;
}
.approval-item-topline{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.approval-item-topline>span:first-child{color:#4e7d1d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.approval-item-body h3{margin:12px 0 6px;font-size:24px}
.approval-item-card--premium .approval-item-body{
  padding:18px;
  align-self:start;
}
.approval-item-card--premium .approval-item-body h3{
  margin:12px 0 8px;
  font-size:19px;
  letter-spacing:-.02em;
}
.approval-card-client{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  background:#f4f6fb;
  color:#0f1735!important;
  font-weight:600;
}
.approval-item-body p{margin:0 0 10px;color:var(--muted)}
.approval-item-body blockquote{
  margin:12px 0;
  padding:14px;
  border-left:4px solid #bdf265;
  border-radius:14px;
  background:#f8fafc;
  color:#151932;
}
.approval-client-note{
  margin:12px 0;
  padding:12px;
  border-radius:14px;
  background:#ecfeff;
  color:#155e75;
}
.approval-client-note p{margin:4px 0 0;color:#155e75}
.approval-inline-form{
  display:grid;
  grid-template-columns:1fr 76px;
  gap:8px;
  align-items:center;
  margin:14px 0 8px;
}
.approval-inline-form input[type="text"],
.approval-inline-form .approval-check,
.approval-inline-form .button{
  grid-column:1/-1;
}
.approval-inline-form input,.approval-inline-form select{
  min-height:40px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 10px;
}
.approval-check{display:flex!important;align-items:center;gap:7px;margin:0!important;color:var(--muted);font-size:13px}
@media (max-width:1100px){
  .design-approval-grid,.design-compose-grid{grid-template-columns:1fr}
  .approval-inline-form{grid-template-columns:1fr 76px}
  .approval-inline-form input[type="text"],.approval-inline-form .button{grid-column:1/-1}
}
@media (max-width:700px){
  .design-approval-hero,.approval-board-list article{grid-template-columns:1fr}
}

/* Compact premium Design Approval dashboard */
.design-approval-hero--minimal{
  position:relative;
  min-height:auto;
  margin-bottom:16px;
  padding:18px 20px;
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 0,rgba(189,242,101,.18),transparent 26%),
    linear-gradient(135deg,#080a2a,#10164b);
  box-shadow:0 14px 34px rgba(8,10,42,.12);
}
.design-approval-hero--minimal .eyebrow{
  margin-bottom:5px;
  color:#bdf265;
  font-size:11px;
  letter-spacing:.12em;
}
.design-approval-hero--minimal h2{
  margin:0 0 5px;
  font-size:clamp(24px,2.3vw,34px);
  letter-spacing:-.02em;
}
.design-approval-hero--minimal p{
  max-width:680px;
  font-size:13px;
  line-height:1.55;
}
.design-compose-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.design-compose-grid .admin-panel,
.approval-section-panel{
  padding:16px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(17,22,51,.045);
}
.design-compose-grid .panel-heading,
.approval-section-panel .panel-heading{
  margin-bottom:12px;
  padding-bottom:10px;
}
.design-compose-grid .panel-heading h2,
.approval-section-panel .panel-heading h2{
  font-size:18px;
  margin-bottom:3px;
}
.design-compose-grid .panel-heading p,
.approval-section-panel .panel-heading p{
  font-size:12px;
}
.design-compose-grid .smart-form .form-grid{
  gap:10px;
}
.design-compose-grid .smart-form label{
  font-size:12px;
  gap:6px;
}
.design-compose-grid .smart-form input,
.design-compose-grid .smart-form select,
.design-compose-grid .smart-form textarea{
  min-height:40px;
  border-radius:12px;
  font-size:13px;
}
.design-compose-grid .smart-form textarea{
  min-height:70px;
}
.design-compose-grid .form-actions{
  margin-top:12px;
}
.design-compose-grid .button{
  min-height:38px;
  padding:9px 14px;
  border-radius:12px;
  font-size:13px;
}
.approval-board-list{
  gap:8px;
}
.approval-board-list article{
  grid-template-columns:minmax(0,1fr) auto auto auto;
  min-height:58px;
  padding:10px 12px;
  border-radius:14px;
  box-shadow:none;
}
.approval-board-list strong{
  font-size:14px;
}
.approval-board-list p{
  font-size:12px;
}
.approval-status{
  min-height:24px;
  padding:4px 8px;
  font-size:11px;
  font-weight:700;
}
.approval-items-grid{
  grid-template-columns:repeat(auto-fill,minmax(240px,320px));
  justify-content:start;
  align-items:start;
  gap:14px;
}
.approval-item-card--premium{
  width:100%;
  max-width:320px;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(17,22,51,.06);
}
.approval-preview--large{
  aspect-ratio:1.08/1;
  max-height:150px;
}
.approval-preview img{
  max-height:150px;
}
.approval-preview span{
  font-size:13px;
}
.approval-item-card--premium .approval-item-body{
  padding:12px;
}
.approval-item-card--premium .approval-item-body h3{
  margin:8px 0 6px;
  font-size:15px;
  line-height:1.2;
}
.approval-card-client{
  padding:4px 8px;
  font-size:10.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.approval-item-body p,
.approval-item-body blockquote,
.approval-client-note p{
  font-size:11.5px;
  line-height:1.45;
}
.approval-item-body > p:not(.approval-card-client),
.approval-item-body blockquote{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.approval-item-body blockquote,
.approval-client-note{
  margin:8px 0;
  padding:9px;
  border-radius:10px;
}
.approval-inline-form{
  grid-template-columns:minmax(0,1fr) 58px;
  gap:6px;
  margin-top:9px;
}
.approval-inline-form input,
.approval-inline-form select{
  min-height:32px;
  border-radius:9px;
  font-size:11.5px;
}
.approval-inline-form input[type="text"]{
  grid-column:1/-1;
}
.approval-inline-form .approval-check{
  grid-column:1/-1;
  min-height:28px;
  font-size:11.5px;
}
.approval-inline-form .button{
  grid-column:1/-1;
}
.approval-inline-form .button,
.approval-item-card--premium form:last-child .button{
  min-height:32px;
  padding:7px 10px;
  border-radius:9px;
  font-size:11.5px;
}
.approval-item-card--premium form:last-child{
  margin-top:6px;
}
@media (max-width:1100px){
  .design-compose-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .approval-board-list article{grid-template-columns:1fr}
  .approval-items-grid{grid-template-columns:1fr}
}

/* Compact inbox and booking polish */
.inquiry-studio{display:grid;gap:0}
.inquiry-heading{padding-bottom:18px;border-bottom:1px solid #eef2f7}
.inquiry-heading h2,
.booking-list-panel .panel-heading h2,
.booking-calendar-panel .panel-heading h2{font-size:clamp(22px,2vw,30px);font-weight:650}
.inquiry-heading p,
.booking-list-panel .panel-heading p,
.booking-calendar-panel .panel-heading p{color:#68708a;font-weight:400}
.inquiry-tabs{display:flex;gap:8px;padding:6px;border:1px solid #e4e9f2;border-radius:999px;background:#f8fafc}
.inquiry-tabs a{padding:9px 14px;border-radius:999px;color:#596176;text-decoration:none;font-size:13px;font-weight:500}
.inquiry-tabs a.is-active{background:#111433;color:#fff;box-shadow:0 10px 24px rgba(17,20,51,.12)}
.inquiry-filters{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(150px,.24fr) minmax(150px,.24fr) auto auto auto;gap:10px!important;border-bottom:1px solid #eef2f7!important}
.inquiry-list{display:grid;gap:12px;padding:18px 22px 22px}
.inquiry-card{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid #e5ebf4;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(17,22,51,.045)}
.inquiry-card__mark{width:8px;height:100%;min-height:72px;border-radius:999px;background:#e7ecf5}
.inquiry-card.is-unread .inquiry-card__mark{background:#bdf265;box-shadow:0 0 0 6px rgba(189,242,101,.16)}
.inquiry-card__top,.inquiry-meta{display:flex;flex-wrap:wrap;gap:8px}
.inquiry-card__top span,.inquiry-meta span{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:#f4f7fb;color:#596176;font-size:12px;font-weight:500}
.inquiry-card__top .inquiry-ref{background:#ecffd5;color:#315b16}
.inquiry-card h3{margin:10px 0 6px;font-size:18px;font-weight:650;color:#121633}
.inquiry-card p{margin:0 0 12px;color:#68708a;font-size:14px;line-height:1.55;font-weight:400}
.inquiry-card__side{display:grid;grid-template-columns:1fr;gap:8px;justify-items:end}
.inquiry-card__side small{color:#8b94aa;font-size:12px}
.inquiry-card__side form{margin:0}
.danger-soft{background:#fff1f2!important;color:#a6192e!important;box-shadow:none!important}
.booking-admin-hero{padding:24px;border-radius:22px}
.booking-admin-hero h2{font-size:clamp(28px,3vw,42px);font-weight:650}
.booking-admin-stats strong{font-size:26px;font-weight:650}
.booking-admin-stats span,.booking-meta span,.booking-status{font-weight:500}
.booking-card{border-radius:18px;box-shadow:0 10px 28px rgba(17,22,51,.045)}
.booking-card h3{font-size:19px;font-weight:650}
.booking-card__actions{grid-template-columns:1fr}

/* Persistent notification read state */
.notification-item.is-read{display:none}
.notification-list{-webkit-overflow-scrolling:touch}
@media (max-width:760px){
  .notification-menu{position:static}
  .notification-dropdown{position:fixed;left:12px!important;right:12px!important;top:76px;width:auto;max-height:calc(100vh - 96px);border-radius:18px;z-index:1000}
  .notification-dropdown__header{padding:14px}
  .notification-item{grid-template-columns:minmax(0,1fr);padding:13px 14px}
  .notification-item button{justify-self:start}
  .inquiry-filters{grid-template-columns:1fr!important}
  .inquiry-card{grid-template-columns:1fr}
  .inquiry-card__mark{width:100%;height:6px;min-height:6px}
  .inquiry-card__side{justify-items:start}
  .booking-card__actions form{display:grid;grid-template-columns:1fr}
}

/* Website logos module */
.logos-admin-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:22px;
  padding:20px;
  border:1px solid #e5ebf4;
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 18%,rgba(189,242,101,.25),transparent 28%),
    linear-gradient(135deg,#fff,#f8fafc);
  box-shadow:0 14px 36px rgba(17,22,51,.055);
}
.logos-admin-hero .eyebrow{
  margin:0 0 6px;
  color:#4e7d1d;
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.logos-admin-hero h2{
  margin:0;
  color:#121633;
  font-size:clamp(24px,2.2vw,34px);
  font-weight:650;
  letter-spacing:0;
}
.logos-admin-hero p{
  max-width:680px;
  margin:8px 0 0;
  color:#68708a;
  font-size:13px;
  font-weight:400;
}
.logos-admin-panel{
  margin:22px;
  padding:18px;
}
.logos-admin-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:14px;
}
.logo-admin-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #e5ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(17,22,51,.04);
}
.logo-admin-card__preview{
  display:grid;
  place-items:center;
  min-height:112px;
  padding:16px;
  border-radius:14px;
  background:
    linear-gradient(45deg,rgba(17,22,51,.035) 25%,transparent 25%,transparent 75%,rgba(17,22,51,.035) 75%),
    linear-gradient(45deg,rgba(17,22,51,.035) 25%,transparent 25%,transparent 75%,rgba(17,22,51,.035) 75%),
    #f8fafc;
  background-position:0 0,10px 10px;
  background-size:20px 20px;
}
.logo-admin-card__preview.is-favicon{
  min-height:86px;
}
.logo-admin-card__preview img{
  max-width:100%;
  max-height:78px;
  object-fit:contain;
}
.logo-admin-card__preview.is-favicon img{
  max-width:42px;
  max-height:42px;
}
.logo-admin-card__preview span{
  color:#8b94aa;
  font-size:12px;
  font-weight:500;
}
.logo-admin-card__body h3{
  margin:0 0 5px;
  color:#121633;
  font-size:15px;
  font-weight:650;
}
.logo-admin-card__body p{
  margin:0;
  color:#68708a;
  font-size:12px;
  line-height:1.45;
}
.logo-admin-card__body small{
  display:block;
  margin-top:8px;
  color:#98a1b6;
  font-size:10.5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.logo-upload{
  display:grid!important;
  gap:8px;
  margin:0!important;
  color:#121633;
  font-size:12px;
  font-weight:500!important;
}
.logo-upload span{
  color:#4e7d1d;
}
.logo-upload input{
  min-height:40px;
  border-radius:12px;
  font-size:12px;
}
.logos-admin-note{
  margin:16px 0;
  padding:13px 14px;
  border:1px solid rgba(189,242,101,.55);
  border-radius:14px;
  background:#f4ffe8;
}
.logos-admin-note strong{
  color:#315b16;
  font-size:13px;
  font-weight:650;
}
.logos-admin-note p{
  margin:4px 0 0;
  color:#4d633d;
  font-size:12px;
}
.logos-admin-meta{
  margin-top:12px;
}
@media (max-width:760px){
  .logos-admin-hero{
    align-items:flex-start;
    flex-direction:column;
    margin:14px;
  }
  .logos-admin-panel{
    margin:14px;
  }
  .logos-admin-grid{
    grid-template-columns:1fr;
  }
}

/* Growth Navigator leads */
.finder-admin-panel{
  display:grid;
  gap:0;
}
.finder-admin-heading{
  padding-bottom:16px;
  border-bottom:1px solid #eef2f7;
}
.finder-admin-heading h2{
  margin:0;
  font-size:clamp(22px,2vw,30px);
  font-weight:600;
}
.finder-admin-heading p{
  margin:4px 0 0;
  color:#68708a;
  font-size:13px;
  font-weight:400;
}
.finder-admin-filters{
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) minmax(170px,.25fr) auto auto;
  gap:10px!important;
  border-bottom:1px solid #eef2f7!important;
}
.finder-admin-list{
  display:grid;
  gap:12px;
  padding:18px 22px 22px;
}
.finder-admin-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:15px;
  border:1px solid #e5ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(17,22,51,.045);
}
.finder-admin-score{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:20px;
  background:#f4ffe8;
  color:#315b16;
}
.finder-admin-score strong{
  font-size:24px;
  font-weight:600;
  line-height:1;
}
.finder-admin-score span{
  color:#628540;
  font-size:11px;
}
.finder-admin-score.is-large{
  width:96px;
  height:96px;
}
.finder-admin-score.is-large strong{
  font-size:34px;
}
.finder-admin-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.finder-admin-meta span,
.finder-admin-service{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:#f4f7fb;
  color:#596176;
  font-size:11.5px;
  font-weight:500;
}
.finder-admin-service{
  margin-top:8px;
  background:#ecffd5;
  color:#315b16;
}
.finder-admin-card h3{
  margin:8px 0 3px;
  color:#121633;
  font-size:16px;
  font-weight:600;
}
.finder-admin-card p{
  margin:0;
  color:#68708a;
  font-size:12px;
}
.finder-admin-actions{
  display:grid;
  gap:8px;
  justify-items:end;
}
.finder-admin-actions small{
  color:#98a1b6;
  font-size:11px;
}
.finder-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:18px 22px 22px;
}
.finder-detail-main,
.finder-detail-card{
  padding:16px;
  border:1px solid #e5ebf4;
  border-radius:18px;
  background:#fff;
}
.finder-detail-main{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:16px;
  background:linear-gradient(135deg,#fff,#f8fafc);
}
.finder-detail-main h3,
.finder-detail-card h3{
  margin:8px 0 8px;
  color:#121633;
  font-size:17px;
  font-weight:600;
}
.finder-detail-main p,
.finder-detail-card p,
.finder-detail-card li{
  color:#68708a;
  font-size:13px;
  font-weight:400;
}
.finder-detail-card--wide{
  grid-column:1/-1;
}
.finder-answer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:10px;
}
.finder-answer-grid div{
  padding:11px;
  border-radius:14px;
  background:#f8fafc;
}
.finder-answer-grid small{
  display:block;
  color:#8b94aa;
  font-size:11px;
}
.finder-answer-grid span{
  display:block;
  margin-top:4px;
  color:#121633;
  font-size:13px;
}
.finder-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
@media (max-width:760px){
  .finder-admin-filters,
  .finder-admin-card,
  .finder-detail-grid{
    grid-template-columns:1fr!important;
  }
  .finder-admin-actions{
    justify-items:start;
  }
  .finder-detail-main{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Mailer compact polish */
.mailer-studio-hero{
  grid-template-columns:minmax(0,1fr) auto;
  margin:16px 22px;
  padding:22px 24px;
  border-radius:22px;
  box-shadow:0 16px 42px rgba(7,9,43,.14);
}
.mailer-studio-hero h2{
  font-size:clamp(24px,2.6vw,38px);
  line-height:1.08;
  font-weight:600;
}
.mailer-studio-hero p{
  max-width:620px;
  margin:8px 0 0;
  font-size:13px;
  line-height:1.55;
}
.mailer-studio-hero__cards{
  display:flex;
  gap:8px;
}
.mailer-studio-hero__cards span{
  padding:10px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:500;
}
.campaign-kicker{
  font-weight:600;
}
.mailer-builder .panel-heading h2,
.mailer-detail .panel-heading h2,
.list-panel .panel-heading h2{
  font-size:clamp(22px,2.2vw,32px);
  font-weight:600;
}
.mailer-builder .panel-heading p,
.mailer-detail .panel-heading p,
.list-panel .panel-heading p{
  font-size:13px;
  font-weight:400;
}
.mailer-wizard{
  gap:14px;
  padding:16px;
}
.mailer-step{
  gap:12px;
  padding:18px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(17,22,51,.035);
}
.mailer-step>span{
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:12px;
  font-weight:600;
}
.mailer-step h3{
  font-size:17px;
  font-weight:600;
}
.mailer-step label small{
  color:#7b849b;
  font-size:11px;
  font-weight:400;
}
.mailer-editor-toolbar button,
.mailer-preview-switch button,
.mailer-attachments-list span{
  font-weight:500;
}
.mailer-stats{
  gap:10px;
}
.mailer-stats div{
  padding:14px;
  border-radius:14px;
}
.mailer-stats strong{
  font-size:24px;
  font-weight:600;
}
.mailer-stats span{
  font-size:12px;
  font-weight:500;
}
.campaign-box h3{
  font-size:15px;
  font-weight:600;
}
.mini-table div span{
  font-size:13px;
  font-weight:500;
  word-break:break-word;
}
.campaign-log strong{
  font-size:13px;
  font-weight:600;
}
.campaign-log p,
.campaign-log small{
  font-size:12px;
}
@media (max-width:900px){
  .mailer-studio-hero{
    grid-template-columns:1fr;
    margin:14px;
    padding:18px;
  }
  .mailer-studio-hero__cards{
    flex-wrap:wrap;
  }
  .campaign-columns,
  .mailer-stats{
    grid-template-columns:1fr;
  }
}

/* Mailer visual restore: premium hero, lighter typography */
.mailer-studio-hero{
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.56fr)!important;
  align-items:center!important;
  gap:28px!important;
  margin:20px 0 26px!important;
  padding:34px 38px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(189,242,101,.2),transparent 28%),
    radial-gradient(circle at 62% 90%,rgba(70,111,255,.2),transparent 34%),
    linear-gradient(135deg,#07092b 0%,#11184d 58%,#162238 100%)!important;
  box-shadow:0 24px 70px rgba(7,9,43,.18)!important;
}
.mailer-studio-hero h2{
  font-size:clamp(42px,5vw,72px)!important;
  line-height:.94!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.mailer-studio-hero p{
  max-width:760px!important;
  margin-top:10px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:16px!important;
  font-weight:400!important;
}
.mailer-studio-hero__cards{
  display:grid!important;
  gap:14px!important;
  width:min(100%,420px)!important;
  justify-self:end!important;
}
.mailer-studio-hero__cards span{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  min-height:66px!important;
  padding:0 20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;
  color:var(--esel-green,#bdf265)!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:none!important;
}
.mailer-builder .panel-heading h2,
.mailer-detail .panel-heading h2,
.list-panel .panel-heading h2{
  font-size:24px!important;
  font-weight:600!important;
}
.mailer-builder .panel-heading p,
.mailer-detail .panel-heading p,
.list-panel .panel-heading p,
.campaign-run-message{
  font-weight:400!important;
}
@media (max-width:900px){
  .mailer-studio-hero{
    grid-template-columns:1fr!important;
    padding:24px!important;
    border-radius:22px!important;
  }
  .mailer-studio-hero h2{
    font-size:clamp(34px,13vw,54px)!important;
  }
  .mailer-studio-hero p{
    font-size:14px!important;
  }
  .mailer-studio-hero__cards{
    grid-template-columns:1fr!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}

/* Premium task board */
.task-workspace{
  display:grid;
  gap:16px;
}
.task-toolbar{
  position:sticky;
  top:76px;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(240px,1.2fr) repeat(5,minmax(132px,.55fr)) auto auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid #e6e9f2;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 50px rgba(16,18,46,.06);
  backdrop-filter:blur(18px);
}
.task-search{
  position:relative;
}
.task-search svg{
  position:absolute;
  left:12px;
  top:50%;
  width:17px;
  height:17px;
  transform:translateY(-50%);
  fill:none;
  stroke:#717792;
  stroke-width:2;
}
.task-search input{
  padding-left:38px!important;
}
.task-toolbar input,
.task-toolbar select{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:13px!important;
  background:#fbfcff!important;
}
.task-view-toggle{
  display:flex;
  min-height:40px;
  padding:4px;
  border:1px solid #e6e9f2;
  border-radius:13px;
  background:#f7f8fc;
}
.task-view-toggle button{
  border:0;
  border-radius:10px;
  padding:0 12px;
  background:transparent;
  color:#68708a;
  font-size:12px;
  font-weight:500;
  cursor:pointer;
}
.task-view-toggle button.is-active{
  background:#fff;
  color:#0d0866;
  box-shadow:0 8px 18px rgba(16,18,46,.08);
}
.task-new-button{
  min-height:40px!important;
  white-space:nowrap;
}
.task-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.task-summary-grid article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:70px;
  padding:14px 16px;
  border:1px solid #e8ebf3;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(16,18,46,.04);
}
.task-summary-grid span{
  color:#68708a;
  font-size:12px;
  font-weight:450;
}
.task-summary-grid strong{
  color:#0d0866;
  font-size:22px;
  font-weight:600;
}
.kanban-board{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:2px 2px 16px;
  min-height:620px;
  scroll-snap-type:x proximity;
}
.kanban-column{
  flex:0 0 318px;
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 250px);
  min-height:520px;
  border:1px solid #e4e8f2;
  border-radius:18px;
  background:#f8f9fd;
  overflow:hidden;
  scroll-snap-align:start;
}
.kanban-column>header{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:54px;
  padding:12px 14px;
  border-bottom:1px solid rgba(16,18,46,.06);
}
.kanban-column>header>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.kanban-column i{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:#fff;
}
.kanban-column svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.kanban-column strong{
  color:#151932;
  font-size:14px;
  font-weight:600;
}
.kanban-column header span{
  display:grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:#fff;
  color:#68708a;
  font-size:11px;
  font-weight:600;
}
.kanban-column header button,
.task-card__top button{
  border:0;
  background:transparent;
  color:#68708a;
  cursor:pointer;
}
.kanban-column--backlog header{background:#f1f3f7;color:#647084}
.kanban-column--todo header{background:#eef6ff;color:#2563eb}
.kanban-column--progress header{background:#f3efff;color:#6d28d9}
.kanban-column--waiting header{background:#fff5e8;color:#c76d10}
.kanban-column--review header{background:#fffbe8;color:#a16207}
.kanban-column--done header{background:#effbea;color:#3f7c18}
.kanban-dropzone{
  display:grid;
  gap:10px;
  align-content:start;
  min-height:0;
  overflow-y:auto;
  padding:12px;
  flex:1;
}
.kanban-dropzone.is-over{
  background:rgba(189,242,101,.12);
}
.task-card{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid #e4e8f2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 28px rgba(16,18,46,.055);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.task-card:hover{
  transform:translateY(-2px);
  border-color:rgba(13,8,102,.18);
  box-shadow:0 18px 42px rgba(16,18,46,.1);
}
.task-card.is-dragging{
  opacity:.62;
  transform:rotate(1deg) scale(.98);
}
.task-card[hidden]{
  display:none;
}
.task-card__top,
.task-card__badges,
.task-card__meta,
.task-card__footer{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.task-card__top{
  justify-content:space-between;
}
.task-label{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#315b16;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.task-card h3{
  margin:0;
  color:#151932;
  font-size:15px;
  font-weight:600;
  line-height:1.35;
}
.task-card p{
  margin:0;
  color:#68708a;
  font-size:12px;
  line-height:1.45;
}
.priority,
.task-card__badges span:last-child{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
}
.priority--urgent{background:#fee2e2;color:#b91c1c}
.priority--high{background:#ffedd5;color:#c2410c}
.priority--medium{background:#dbeafe;color:#1d4ed8}
.priority--low{background:#f1f5f9;color:#64748b}
.task-card__badges span:last-child{background:#f7f8fc;color:#68708a}
.task-progress{
  height:7px;
  border-radius:999px;
  background:#eef1f6;
  overflow:hidden;
}
.task-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0d0866,#bdf265);
}
.task-card__meta,
.task-card__footer{
  color:#68708a;
  font-size:11px;
}
.task-avatar{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#0d0866;
  color:#fff;
  font-size:10px;
  font-weight:600;
}
.kanban-empty{
  display:none;
  justify-items:center;
  gap:6px;
  padding:22px 14px;
  border:1px dashed #d8deeb;
  border-radius:16px;
  color:#8a91a5;
  text-align:center;
  font-size:12px;
}
.kanban-empty svg{
  width:28px;
  height:28px;
}
.kanban-dropzone:not(:has(.task-card:not([hidden]))) .kanban-empty{
  display:grid;
}
.kanban-add{
  margin:0 12px 12px!important;
  padding:10px 12px;
  border:1px dashed #d8deeb;
  border-radius:14px;
  color:#68708a!important;
  font-size:13px!important;
  text-align:center;
}
.kanban-add:hover{
  background:#f4ffe0;
  border-color:#bdf265;
  color:#315b16!important;
}
.task-workspace.is-list-view .kanban-board{
  display:grid;
  overflow:visible;
  min-height:auto;
}
.task-workspace.is-list-view .kanban-column{
  max-height:none;
  min-height:auto;
  flex:auto;
}
.task-workspace.is-list-view .kanban-dropzone{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  overflow:visible;
}
.task-drawer,
.task-modal{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  background:rgba(5,7,47,.38);
  backdrop-filter:blur(10px);
}
.task-drawer.is-open,
.task-modal.is-open{
  display:block;
}
.task-drawer__panel,
.task-modal__panel{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:min(620px,100%);
  overflow:auto;
  padding:28px;
  background:#fff;
  box-shadow:-30px 0 90px rgba(16,18,46,.22);
}
.task-modal__panel{
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  width:min(760px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  border-radius:24px;
  transform:translate(-50%,-50%);
}
.task-drawer__close{
  float:right;
  border:1px solid #e6e9f2;
  border-radius:999px;
  background:#fff;
  color:#68708a;
  padding:8px 12px;
  font-size:12px;
  cursor:pointer;
}
.task-drawer h2,
.task-modal h2{
  margin:6px 0 8px;
  color:#151932;
  font-size:28px;
  font-weight:600;
}
.task-drawer__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.task-drawer__grid .span-2{
  grid-column:1 / -1;
}
.task-drawer__grid label,
.task-toggle{
  font-size:12px;
  font-weight:500;
  color:#68708a;
}
.task-drawer__grid input,
.task-drawer__grid select,
.task-drawer__grid textarea{
  margin-top:7px;
  min-height:42px;
  border-radius:12px!important;
  font-size:13px;
}
.task-drawer__section{
  display:grid;
  gap:8px;
  padding:14px 0;
  border-top:1px solid #edf1f6;
}
.task-drawer__section strong{
  font-size:13px;
  font-weight:600;
}
.task-drawer__section p{
  margin:0;
  color:#68708a;
  font-size:13px;
}
.task-drawer__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.task-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:130;
  max-width:min(360px,calc(100vw - 36px));
  padding:12px 15px;
  border:1px solid rgba(189,242,101,.55);
  border-radius:14px;
  background:#10133a;
  color:#fff;
  font-size:13px;
  font-weight:500;
  box-shadow:0 20px 54px rgba(16,18,46,.22);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.task-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}
.task-toast[data-type="error"]{
  border-color:rgba(239,68,68,.38);
  background:#451313;
}
@media (max-width:1200px){
  .task-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .task-search{
    grid-column:1 / -1;
  }
  .task-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:700px){
  .task-toolbar,
  .task-summary-grid{
    grid-template-columns:1fr;
  }
  .kanban-board{
    min-height:560px;
  }
  .kanban-column{
    flex-basis:min(88vw,330px);
    max-height:calc(100vh - 210px);
  }
  .task-drawer__panel{
    padding:22px;
  }
  .task-drawer__grid{
    grid-template-columns:1fr;
  }
}

/* Dashboard responsive interaction pass */
:root{
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --brand-navy:#0d0866;
  --brand-green:#bdf265;
  --text-primary:#15162f;
  --text-secondary:#6f748e;
  --border-light:#e7e9f2;
  --surface:#ffffff;
  --background:#f7f8fc;
}
html,
body.admin-shell{
  max-width:100%;
}
body.admin-shell,
body.admin-shell *{
  box-sizing:border-box;
}
body.admin-shell{
  grid-template-columns:272px minmax(0,1fr)!important;
  background:var(--background)!important;
  color:var(--text-primary);
  font-weight:var(--font-weight-regular);
}
.admin-main,
.admin-main > *,
.admin-panel,
.task-workspace,
.task-toolbar,
.task-summary-grid,
.kanban-scroll-container{
  min-width:0;
  max-width:100%;
}
.admin-main{
  padding:22px clamp(18px,2.4vw,34px)!important;
}
.admin-topbar{
  min-width:0;
  margin-bottom:18px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
}
.admin-title-block{
  min-width:0;
}
.admin-title-block p{
  margin-bottom:2px!important;
  color:var(--text-secondary)!important;
  font-size:13px!important;
  font-weight:400!important;
}
.admin-topbar h1{
  font-size:clamp(26px,2.5vw,32px)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.1!important;
}
.admin-topbar-actions{
  flex:0 1 auto;
}
.button,
.admin-main button,
.admin-main select,
.admin-main input,
.admin-main textarea,
.admin-sidebar a,
.profile-name,
.notification-dropdown__header button,
.notification-item button{
  font-weight:500!important;
}
.button{
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:11px!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.button-small{
  min-height:36px!important;
  padding:8px 13px!important;
}
.admin-sidebar{
  width:272px!important;
  padding:18px 16px!important;
  gap:5px!important;
  z-index:90;
}
.admin-sidebar-close{
  display:none;
  position:absolute;
  right:12px;
  top:12px;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.admin-sidebar-overlay{
  display:none;
}
.admin-brand{
  margin-bottom:10px!important;
  padding:8px!important;
}
.admin-logo{
  width:164px!important;
  max-height:40px!important;
}
.nav-group{
  margin-top:7px!important;
}
.nav-group button{
  padding:7px 9px!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.06em!important;
}
.admin-sidebar a{
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.admin-sidebar a.is-active{
  font-weight:500!important;
  background:rgba(255,255,255,.11)!important;
}
.nav-icon{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
}
.stat,
.admin-panel,
.campaign-box,
.permission-check{
  box-shadow:0 12px 34px rgba(16,18,46,.045)!important;
}
.stat p,
.admin-panel p,
.campaign-box p,
td,
.mini-table div{
  font-weight:400!important;
}
.panel-heading h2,
.admin-panel h2{
  font-size:20px!important;
  font-weight:600!important;
}
.panel-heading p{
  color:var(--text-secondary)!important;
  font-size:13px!important;
  font-weight:400!important;
}
.task-workspace{
  width:100%;
  overflow:visible;
}
.task-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  top:72px!important;
  padding:10px!important;
  border-radius:16px!important;
}
.task-search{
  flex:1 1 240px;
  min-width:min(240px,100%);
}
.task-toolbar select,
.task-view-toggle{
  flex:0 1 150px;
  min-width:128px;
}
.task-new-button{
  flex:0 0 auto;
  margin-left:auto;
}
.task-toolbar input,
.task-toolbar select{
  min-height:38px!important;
  font-size:13px!important;
  font-weight:400!important;
}
.task-view-toggle{
  min-height:38px;
}
.task-view-toggle button{
  font-size:12px!important;
  font-weight:500!important;
}
.task-summary-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.task-summary-grid article{
  min-height:62px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
}
.task-summary-grid span{
  font-weight:400!important;
}
.task-summary-grid strong{
  font-size:20px!important;
  font-weight:600!important;
}
.kanban-scroll-container{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:12px;
  scrollbar-width:thin;
}
.kanban-board{
  display:grid!important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(270px,300px);
  gap:14px!important;
  width:max-content;
  min-width:100%;
  min-height:600px;
  overflow:visible!important;
  padding:0 2px 8px!important;
}
.task-workspace.is-list-view .kanban-scroll-container{
  overflow:visible;
}
.task-workspace.is-list-view .kanban-board{
  grid-auto-flow:row;
  grid-auto-columns:unset;
  width:100%;
  min-height:auto;
}
.task-workspace.is-list-view .kanban-column{
  max-height:none!important;
}
.kanban-column{
  width:auto!important;
  flex:auto!important;
  max-height:calc(100vh - 255px)!important;
  min-height:500px!important;
  border-radius:16px!important;
}
.kanban-column>header{
  min-height:50px!important;
  padding:11px 12px!important;
}
.kanban-column strong{
  font-size:13px!important;
  font-weight:500!important;
}
.kanban-dropzone{
  overflow-y:auto;
  overflow-x:visible;
  padding:10px!important;
}
.task-card{
  gap:8px!important;
  padding:13px!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(16,18,46,.05)!important;
}
.task-card h3{
  font-size:15px!important;
  font-weight:500!important;
}
.task-card p{
  font-size:12.5px!important;
  font-weight:400!important;
}
.task-label,
.priority,
.task-card__badges span:last-child{
  font-weight:500!important;
}
.task-card__meta,
.task-card__footer{
  font-size:11.5px!important;
  font-weight:400!important;
}
.task-progress{
  height:5px!important;
}
.task-avatar{
  width:26px!important;
  height:26px!important;
  font-weight:500!important;
}
.task-card-menu{
  position:relative;
  margin-left:auto;
}
.task-card-menu-trigger{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-left:auto;
  border:1px solid transparent!important;
  border-radius:10px;
  background:transparent!important;
  color:#707792!important;
  font-size:16px;
  cursor:pointer;
}
.task-card-menu-trigger:hover,
.task-card-menu-trigger[aria-expanded="true"]{
  border-color:#e3e8f2!important;
  background:#f7f9fd!important;
  color:var(--brand-navy)!important;
}
.task-card-menu-trigger:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.task-card-menu-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  z-index:150;
  width:230px;
  padding:8px;
  border:1px solid #e3e8f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 22px 70px rgba(16,18,46,.18);
}
.task-card-menu-dropdown[hidden]{
  display:none!important;
}
.task-card-menu-dropdown button,
.task-card-menu-dropdown a,
.task-card-menu-dropdown label,
.task-card-menu-dropdown select{
  width:100%;
  font-size:13px!important;
  font-weight:500!important;
}
.task-card-menu-dropdown button,
.task-card-menu-dropdown a{
  display:flex;
  align-items:center;
  min-height:34px;
  padding:8px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#15162f;
  text-align:left;
  cursor:pointer;
}
.task-card-menu-dropdown button:hover,
.task-card-menu-dropdown a:hover{
  background:#f4f7fb;
}
.task-card-menu-dropdown form{
  margin:4px 0;
}
.task-card-menu-dropdown label{
  display:block;
  margin:8px 2px 5px;
  color:#6f748e;
  font-size:11px!important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.task-card-menu-dropdown select{
  min-height:34px!important;
  border-radius:10px!important;
}
.task-card-menu-dropdown .danger{
  color:#b91c1c;
}
.task-drawer__panel{
  width:min(480px,100%)!important;
  padding:22px!important;
}
.task-drawer h2,
.task-modal h2{
  font-size:24px!important;
  font-weight:600!important;
}
.task-drawer__grid label,
.task-toggle{
  font-size:13px!important;
  font-weight:500!important;
}
.task-drawer__grid input,
.task-drawer__grid select,
.task-drawer__grid textarea{
  min-height:42px!important;
  font-weight:400!important;
}
.editor-panel--tasks{
  max-width:1100px;
  margin-inline:auto!important;
}
.editor-panel--tasks .panel-heading{
  padding:18px 20px!important;
}
.editor-panel--tasks .smart-form{
  padding:20px!important;
}
.editor-panel--tasks .form-grid{
  gap:14px!important;
}
.editor-panel--tasks .form-grid > label{
  color:var(--text-secondary)!important;
  font-size:13px!important;
  font-weight:500!important;
}
.editor-panel--tasks input,
.editor-panel--tasks select,
.editor-panel--tasks textarea{
  min-height:44px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:400!important;
}
.editor-panel--tasks textarea{
  min-height:120px!important;
}
.editor-panel--tasks .form-actions{
  position:sticky;
  bottom:0;
  z-index:5;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:18px -20px -20px!important;
  padding:14px 20px!important;
  border-top:1px solid var(--border-light);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
}
@media (max-width:1100px){
  body.admin-shell{
    display:block!important;
  }
  body.admin-sidebar-open{
    overflow:hidden;
  }
  .admin-drawer-button{
    position:fixed;
    left:14px;
    bottom:14px;
    z-index:120;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 15px;
    border:1px solid rgba(13,8,102,.14);
    border-radius:999px;
    background:#fff;
    color:var(--brand-navy);
    box-shadow:0 16px 44px rgba(13,8,102,.16);
  }
  .admin-sidebar{
    width:min(320px,86vw)!important;
    padding-top:54px!important;
  }
  .admin-sidebar-close{
    display:grid;
    place-items:center;
  }
  .admin-sidebar-overlay{
    position:fixed;
    inset:0;
    z-index:80;
    background:rgba(5,7,47,.42);
    backdrop-filter:blur(6px);
  }
  .admin-sidebar-overlay.is-open{
    display:block;
  }
}
@media (max-width:768px){
  .admin-main{
    padding:14px!important;
  }
  .admin-topbar{
    position:relative!important;
    align-items:flex-start!important;
    gap:12px!important;
  }
  .admin-title-block p{
    display:none;
  }
  .admin-topbar h1{
    font-size:25px!important;
  }
  .admin-topbar-actions{
    width:100%;
    justify-content:flex-start;
    gap:8px;
  }
  .admin-topbar-actions .button-small{
    font-size:0!important;
    width:40px;
    padding:0!important;
  }
  .admin-topbar-actions .button-small:before{
    content:"View";
    font-size:12px;
  }
  .notification-trigger,
  .profile-trigger{
    height:40px;
    min-height:40px;
  }
  .profile-name{
    display:none;
  }
  .notification-dropdown{
    position:fixed;
    left:12px;
    right:12px;
    top:76px;
    width:auto;
    max-height:calc(100vh - 96px);
  }
  .task-toolbar{
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .task-search,
  .task-toolbar select,
  .task-view-toggle,
  .task-new-button{
    width:100%;
    min-width:0;
    margin-left:0;
  }
  .task-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .kanban-board{
    grid-auto-columns:minmax(82vw,86vw);
    min-height:560px;
  }
  .kanban-column{
    max-height:calc(100vh - 230px)!important;
  }
  .task-card-menu-dropdown{
    position:fixed;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px;
    width:auto;
    border-radius:18px;
  }
  .task-drawer__panel,
  .task-modal__panel{
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
  }
  .task-modal__panel{
    inset:0!important;
    max-height:none!important;
    transform:none!important;
  }
  .editor-panel--tasks .form-grid{
    grid-template-columns:1fr!important;
  }
  .editor-panel--tasks .form-actions{
    justify-content:stretch;
  }
  .editor-panel--tasks .form-actions .button{
    flex:1;
  }
}

/* Task Board spacing cleanup: keep board close to the dashboard header. */
body.admin-shell .admin-main > .task-workspace{
  margin-top:0!important;
  padding-top:0!important;
}
.task-workspace{
  gap:14px!important;
}
.task-toolbar{
  margin-top:0!important;
  margin-bottom:0!important;
}
.task-summary-grid,
.kanban-scroll-container{
  margin-top:0!important;
}
.kanban-board{
  min-height:0!important;
}
.kanban-column{
  min-height:360px!important;
  max-height:calc(100vh - 220px)!important;
}
.kanban-dropzone{
  min-height:120px!important;
}
.task-board-empty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border:1px dashed #d8deeb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,18,46,.04);
}
.task-board-empty h3{
  margin:0 0 3px;
  color:#15162f;
  font-size:16px;
  font-weight:500;
}
.task-board-empty p{
  margin:0;
  color:#6f748e;
  font-size:13px;
  font-weight:400;
}
.finder-email-preview{
  margin-top:12px;
}
.finder-email-preview summary{
  cursor:pointer;
  color:#315b16;
  font-size:13px;
  font-weight:500;
}
.finder-email-preview iframe{
  width:100%;
  min-height:420px;
  margin-top:12px;
  border:1px solid #e7e9f2;
  border-radius:14px;
  background:#fff;
}
@media (max-width:768px){
  .task-board-empty{
    align-items:stretch;
    flex-direction:column;
  }
  .kanban-column{
    min-height:340px!important;
  }
}
@media (max-width:480px){
  .task-summary-grid{
    grid-template-columns:1fr!important;
  }
  .task-card__footer{
    gap:7px;
  }
}

/* Task Board functional containment fix */
body.admin-shell .admin-main{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.admin-shell .admin-main > .task-workspace,
body.admin-shell .admin-main > .task-workspace *{
  box-sizing:border-box;
}
.task-workspace{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.task-toolbar,
.task-summary-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.task-summary-grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
}
.kanban-scroll-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.kanban-board{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:14px!important;
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
.kanban-column{
  flex:0 0 300px!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
}
.kanban-column.is-collapsed{
  flex-basis:64px!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
}
.kanban-column.is-collapsed .kanban-dropzone,
.kanban-column.is-collapsed .kanban-add{
  display:none!important;
}
.kanban-column.is-collapsed > header{
  writing-mode:vertical-rl;
  min-height:360px!important;
  align-items:center;
}
.kanban-column header button,
.task-card-menu-trigger,
.task-column-menu-trigger{
  position:relative;
  z-index:5;
  pointer-events:auto;
}
.task-column-menu{
  position:relative;
  margin-left:auto;
}
.task-column-menu-trigger{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid transparent!important;
  border-radius:10px;
  background:transparent!important;
  color:#707792!important;
  cursor:pointer;
}
.task-column-menu-trigger:hover,
.task-column-menu-trigger[aria-expanded="true"]{
  border-color:#e3e8f2!important;
  background:#fff!important;
  color:var(--brand-navy,#0d0866)!important;
}
.task-column-menu-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  z-index:160;
  width:190px;
  padding:8px;
  border:1px solid #e3e8f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 22px 70px rgba(16,18,46,.18);
}
.task-column-menu-dropdown[hidden]{
  display:none!important;
}
.task-column-menu-dropdown a,
.task-column-menu-dropdown button{
  display:flex;
  align-items:center;
  width:100%;
  min-height:34px;
  padding:8px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#15162f;
  font-size:13px!important;
  font-weight:500!important;
  text-align:left;
  cursor:pointer;
}
.task-column-menu-dropdown a:hover,
.task-column-menu-dropdown button:hover{
  background:#f4f7fb;
}
.task-card{
  position:relative;
}
.task-card-menu{
  z-index:20;
}
.task-card-menu-dropdown{
  z-index:170;
}
@media (max-width:768px){
  body.admin-shell .admin-main{
    overflow:hidden!important;
  }
  .kanban-board{
    gap:12px!important;
  }
  .kanban-column{
    flex-basis:86vw!important;
    width:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
  }
  .task-card-menu-dropdown,
  .task-column-menu-dropdown{
    position:fixed;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px;
    width:auto;
    max-height:70vh;
    overflow:auto;
    border-radius:18px;
  }
}

/* Task Board repaired interactions: real list view, clean collapse, compact menus. */
.task-list-view[hidden],
.kanban-scroll-container[hidden]{
  display:none!important;
}
.task-list-view{
  width:100%;
  min-width:0;
}
.task-list-table-wrap{
  overflow:auto;
  border:1px solid #e6e9f2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(16,18,46,.05);
}
.task-list-table{
  width:100%;
  min-width:900px;
  border-collapse:separate;
  border-spacing:0;
}
.task-list-table th,
.task-list-table td{
  padding:13px 14px;
  border-bottom:1px solid #eef1f7;
  color:#15162f;
  font-size:13px;
  font-weight:400;
  text-align:left;
  vertical-align:middle;
}
.task-list-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#fbfcff;
  color:#68708a;
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.task-list-table tr:last-child td{
  border-bottom:0;
}
.task-list-table td>strong{
  display:block;
  margin-bottom:3px;
  font-size:14px;
  font-weight:500;
}
.task-list-table td>span{
  display:block;
  color:#68708a;
  font-size:12px;
  line-height:1.45;
}
.task-status-pill{
  display:inline-flex!important;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:#f4f7fb;
  color:#333a55!important;
  font-size:11px!important;
  font-weight:500!important;
}
.task-list-assignee{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  color:#15162f!important;
}
.task-list-assignee i{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#0d0866;
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:600;
}
.task-list-progress{
  display:inline-block;
  width:76px;
  height:6px;
  margin-right:7px;
  overflow:hidden;
  border-radius:999px;
  background:#eef1f6;
  vertical-align:middle;
}
.task-list-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0d0866,#bdf265);
}
.task-list-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.task-list-actions a,
.task-list-actions button{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 9px;
  border:1px solid #e4e8f2;
  border-radius:999px;
  background:#fff;
  color:#15162f;
  font-size:12px!important;
  font-weight:500!important;
  text-decoration:none;
  cursor:pointer;
}
.task-list-actions button{
  color:#b91c1c;
}
.task-list-actions a:hover,
.task-list-actions button:hover{
  border-color:#bdf265;
  background:#f7ffe9;
  color:#315b16;
}
.task-list-empty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border:1px dashed #d8deeb;
  border-radius:16px;
  background:#fff;
}
.task-list-empty h3{
  margin:0 0 4px;
  font-size:16px;
  font-weight:500;
}
.task-list-empty p{
  margin:0;
  color:#68708a;
  font-size:13px;
  font-weight:400;
}
.kanban-column-collapsed{
  display:none;
}
.kanban-column.is-collapsed{
  flex-basis:72px!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  min-height:360px!important;
}
.kanban-column.is-collapsed>header{
  display:none!important;
  writing-mode:horizontal-tb!important;
  min-height:0!important;
}
.kanban-column.is-collapsed .kanban-column-collapsed{
  display:flex!important;
  flex:1;
  align-items:center;
  flex-direction:column;
  gap:12px;
  padding:14px 8px;
  color:#15162f;
}
.kanban-column.is-collapsed .kanban-column-collapsed i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#fff;
}
.kanban-column.is-collapsed .kanban-column-collapsed strong{
  max-height:190px;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#15162f;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
}
.kanban-column.is-collapsed .kanban-column-collapsed span{
  display:grid;
  place-items:center;
  min-width:26px;
  height:26px;
  padding:0 7px;
  border-radius:999px;
  background:#fff;
  color:#68708a;
  font-size:11px;
  font-weight:600;
}
.kanban-column.is-collapsed .kanban-column-collapsed button{
  display:grid;
  place-items:center;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #e4e8f2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0d0866!important;
  cursor:pointer;
}
.kanban-column.is-collapsed .kanban-column-collapsed button:hover{
  border-color:#bdf265!important;
  background:#f7ffe9!important;
}
.kanban-column.is-collapsed .kanban-column-collapsed svg{
  width:16px;
  height:16px;
}
@media (max-width:768px){
  .kanban-column{
    flex-basis:calc(100vw - 40px)!important;
    width:calc(100vw - 40px)!important;
    min-width:calc(100vw - 40px)!important;
    max-width:360px!important;
  }
  .kanban-column.is-collapsed{
    flex-basis:70px!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
  }
  .task-column-menu-dropdown{
    position:fixed!important;
    left:auto!important;
    right:14px!important;
    top:82px!important;
    bottom:auto!important;
    width:210px!important;
    max-width:calc(100vw - 28px)!important;
    max-height:60vh!important;
    overflow:auto!important;
    border-radius:16px!important;
  }
  .task-column-menu-dropdown a,
  .task-column-menu-dropdown button{
    min-height:38px!important;
    padding:8px 10px!important;
  }
  .task-list-table-wrap{
    border-radius:16px;
  }
  .task-list-empty{
    align-items:stretch;
    flex-direction:column;
  }
}

/* Mobile dashboard header compact fix */
@media (max-width:700px){
  body.admin-shell{
    display:block!important;
    padding-bottom:72px;
  }
  .admin-main{
    width:100%!important;
    min-width:0!important;
    padding:14px 12px 24px!important;
  }
  .admin-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 18px!important;
  }
  .admin-title-block{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .admin-title-block p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  .admin-title-block h1{
    margin:2px 0 0!important;
    font-size:clamp(22px,7vw,30px)!important;
    line-height:1.05!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .admin-topbar-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
  }
  .admin-topbar-actions .button,
  .admin-topbar-actions .button-small,
  .admin-topbar-actions .button-ghost{
    width:auto!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .admin-topbar-actions .view-website-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .admin-topbar-actions .view-website-button:before{
    content:none!important;
  }
  .view-website-button svg{
    flex:0 0 15px!important;
    width:15px!important;
    height:15px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .view-website-button .button-label{
    display:inline-block!important;
    white-space:nowrap!important;
  }
  .notification-menu,
  .profile-menu{
    position:relative!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  .notification-trigger{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:999px!important;
  }
  .profile-trigger{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:auto!important;
    min-width:0!important;
    max-width:170px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 9px 0 6px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  .profile-avatar{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    font-size:11px!important;
  }
  .profile-avatar--photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .profile-name{
    display:block!important;
    min-width:0!important;
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1!important;
  }
  .profile-trigger svg{
    flex:0 0 12px!important;
  }
  .profile-dropdown{
    position:fixed!important;
    top:64px!important;
    right:12px!important;
    left:auto!important;
    width:256px!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    max-height:calc(100vh - 88px)!important;
    overflow:auto!important;
    padding:8px!important;
    border-radius:16px!important;
    transform:none!important;
    z-index:120!important;
  }
  .profile-dropdown__header{
    padding:10px!important;
  }
  .profile-dropdown__header strong,
  .profile-dropdown__header small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .profile-dropdown a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  .notification-dropdown{
    position:fixed!important;
    top:64px!important;
    right:12px!important;
    left:auto!important;
    width:min(340px,calc(100vw - 24px))!important;
    max-height:calc(100vh - 88px)!important;
    overflow:auto!important;
    z-index:119!important;
  }
  .admin-drawer-button{
    position:fixed!important;
    right:14px!important;
    bottom:14px!important;
    left:auto!important;
    top:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid #e2e6f0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0d0866!important;
    box-shadow:0 12px 30px rgba(13,8,102,.16)!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1!important;
    z-index:130!important;
  }
  .admin-drawer-button::before{
    content:"☰";
    margin-right:6px;
    font-size:15px;
    line-height:1;
  }
}

@media (max-width:390px){
  .admin-main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .admin-topbar{
    gap:6px!important;
  }
  .admin-topbar-actions{
    gap:5px!important;
  }
  .admin-topbar-actions .button-ghost{
    max-width:76px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .admin-topbar-actions .view-website-button{
    min-width:max-content!important;
    max-width:none!important;
    padding:0 10px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .admin-topbar-actions .view-website-button .button-label{
    display:inline-block!important;
  }
  .profile-trigger{
    max-width:126px!important;
  }
  .profile-name{
    max-width:54px!important;
  }
}

@media (max-width:360px){
  .admin-topbar-actions .view-website-button{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .admin-topbar-actions .view-website-button .button-label{
    display:none!important;
  }
}

@media (max-width:340px){
  .admin-topbar-actions .button-ghost:not(.view-website-button){
    max-width:64px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .profile-trigger{
    max-width:128px!important;
  }
  .profile-name{
    max-width:56px!important;
  }
}

/* Email Marketing SaaS module */
.mailer-hero-compact{
  grid-template-columns:minmax(0,1fr) minmax(220px,320px)!important;
  gap:18px!important;
  margin:14px 0 18px!important;
  padding:24px!important;
  border-radius:22px!important;
}
.mailer-hero-compact h2{
  margin:0!important;
  font-size:30px!important;
  line-height:1.08!important;
  font-weight:600!important;
}
.mailer-hero-compact p{
  margin:8px 0 0!important;
  max-width:640px!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
.mailer-hero-compact .mailer-studio-hero__cards{
  gap:8px!important;
}
.mailer-hero-compact .mailer-studio-hero__cards span{
  min-height:42px!important;
  padding:10px 13px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:500!important;
}
.email-marketing-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  overflow:auto;
}
.email-marketing-tabs a{
  flex:0 0 auto;
  padding:10px 14px;
  border:1px solid #e3e8f2;
  border-radius:999px;
  background:#fff;
  color:#151932;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.email-marketing-tabs a:hover,
.email-marketing-tabs a.is-active{
  border-color:#bdf265;
  background:#f4ffe7;
  transform:translateY(-1px);
}
.email-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.email-kpi-grid article,
.email-kpi-grid div{
  min-height:78px!important;
  padding:14px!important;
  border:1px solid #e5ebf4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(17,22,51,.04)!important;
}
.email-kpi-grid span{
  display:block!important;
  color:#68708a!important;
  font-size:12px!important;
  font-weight:500!important;
}
.email-kpi-grid strong{
  display:block!important;
  margin-top:8px!important;
  color:#0f1230!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:600!important;
}
.email-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.email-action-card{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  column-gap:10px;
  align-items:center;
  padding:13px;
  border:1px solid #e5ebf4;
  border-radius:16px;
  background:#fff;
  color:#151932;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(17,22,51,.04);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.email-action-card:hover{
  transform:translateY(-2px);
  border-color:#bdf265;
  box-shadow:0 18px 34px rgba(17,22,51,.07);
}
.email-action-card span{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#f2ffe1;
  color:#355b17;
  font-weight:600;
}
.email-action-card strong{
  font-size:15px;
  font-weight:600;
}
.email-action-card small{
  color:#68708a;
  font-size:12px;
}
.email-campaign-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:16px;
  align-items:start;
}
.email-wizard-card,
.email-summary-card,
.email-table-panel,
.email-detail-shell{
  border:1px solid #e5ebf4!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(17,22,51,.05)!important;
}
.email-wizard-card{
  display:grid!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden;
}
.email-section-heading{
  padding:20px 22px;
  border-bottom:1px solid #edf1f6;
}
.email-section-heading h2,
.email-detail-top h2{
  margin:0!important;
  font-size:20px!important;
  font-weight:600!important;
}
.email-section-heading span,
.email-section-heading p,
.email-detail-top p{
  color:#68708a!important;
  font-size:14px!important;
  font-weight:400!important;
}
.email-wizard-step{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  padding:20px 22px;
  border-bottom:1px solid #edf1f6;
}
.email-wizard-step h3{
  margin:0 0 4px!important;
  font-size:20px!important;
  font-weight:600!important;
}
.email-wizard-step p{
  margin:0 0 14px!important;
  color:#68708a!important;
  font-size:14px!important;
  font-weight:400!important;
}
.email-step-index span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:13px;
  background:#ecffd5;
  color:#315b16;
  font-size:13px;
  font-weight:600;
}
.email-wizard-step label{
  font-size:13px!important;
  font-weight:500!important;
}
.email-wizard-step input,
.email-wizard-step select,
.email-wizard-step textarea{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
.email-wizard-step textarea{
  padding-top:10px!important;
}
.mailer-editor-toolbar{
  gap:7px!important;
  margin-bottom:10px;
}
.mailer-editor-toolbar button,
.mailer-preview-switch button{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:500!important;
}
.mailer-editor,
.mailer-code-editor{
  min-height:230px!important;
  padding:16px!important;
  border:1px solid #dfe6f1!important;
  border-radius:16px!important;
  background:#fbfdff!important;
  color:#151932!important;
  font-size:14px!important;
}
.mailer-code-editor{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  line-height:1.6!important;
  background:#0b1024!important;
  color:#dbeafe!important;
}
.mailer-preview-step iframe{
  height:360px!important;
  border-radius:16px!important;
}
.email-summary-card{
  position:sticky;
  top:88px;
  padding:18px;
}
.email-summary-card h3{
  margin:4px 0 14px;
  font-size:18px;
  font-weight:600;
}
.email-summary-card dl{
  display:grid;
  gap:10px;
  margin:0 0 16px;
}
.email-summary-card div{
  padding:10px;
  border:1px solid #edf1f6;
  border-radius:12px;
  background:#f8fafc;
}
.email-summary-card dt{
  color:#68708a;
  font-size:12px;
  font-weight:500;
}
.email-summary-card dd{
  margin:4px 0 0;
  color:#151932;
  font-size:13px;
  font-weight:500;
}
.email-table-panel{
  padding:16px!important;
}
.email-table-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.email-search-row,
.email-toolbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.email-search-row input,
.email-search-row select{
  min-height:38px;
  padding:0 12px;
  border:1px solid #dfe6f1;
  border-radius:12px;
  background:#fff;
  font-size:13px;
}
.email-bulkbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.email-bulkbar span{
  color:#68708a;
  font-size:13px;
}
.email-table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid #edf1f6;
  border-radius:16px;
}
.email-data-table{
  width:100%;
  min-width:1080px;
  border-collapse:collapse;
  background:#fff;
}
.email-data-table th,
.email-data-table td{
  padding:10px 12px!important;
  border-bottom:1px solid #edf1f6!important;
  text-align:left!important;
  vertical-align:middle!important;
  font-size:13px!important;
}
.email-data-table th{
  color:#68708a!important;
  background:#f8fafc!important;
  font-weight:600!important;
}
.email-data-table td strong{
  display:block;
  color:#151932;
  font-size:13px;
  font-weight:600;
}
.email-data-table td small{
  display:block;
  margin-top:2px;
  color:#68708a;
  font-size:12px;
  font-weight:400;
}
.email-row-actions{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.email-row-actions form{
  margin:0;
}
.email-row-actions a,
.email-row-actions button{
  padding:0;
  border:0;
  background:transparent;
  color:#0d0866;
  font-size:12px;
  font-weight:500;
  text-decoration:none;
  cursor:pointer;
}
.email-row-actions .danger,
.email-row-actions button.danger{
  color:#b91c1c!important;
}
.email-avatar{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#ecffd5;
  color:#315b16;
  font-size:13px;
  font-weight:600;
}
.email-tag{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  background:#eef6ff;
  color:#24527a;
  font-size:12px;
  font-weight:500;
}
.email-detail-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.email-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.email-timeline{
  display:grid;
  gap:10px;
}
.email-timeline p{
  margin:0;
  color:#5d647a;
  font-size:13px;
}
.email-timeline span{
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:#bdf265;
}
.campaign-status{
  font-weight:500!important;
}
.campaign-progress{
  margin:14px 0!important;
}
.campaign-progress__meta strong{
  font-size:15px!important;
  font-weight:600!important;
}
.campaign-box{
  padding:16px!important;
  border-radius:16px!important;
}
.campaign-box h3{
  font-size:15px!important;
  font-weight:600!important;
}
@media (max-width:1180px){
  .email-campaign-shell,
  .mailer-hero-compact,
  .email-detail-grid{
    grid-template-columns:1fr!important;
  }
  .email-summary-card{
    position:static;
  }
  .email-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .email-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .mailer-hero-compact{
    padding:18px!important;
  }
  .mailer-hero-compact h2{
    font-size:26px!important;
  }
  .email-kpi-grid,
  .email-action-grid{
    grid-template-columns:1fr!important;
  }
  .email-wizard-step{
    grid-template-columns:1fr;
    padding:18px;
  }
  .email-table-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .email-search-row,
  .email-toolbar-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .email-data-table{
    min-width:920px;
  }
}

/* Restored modern dashboard notification controls */
.sound-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 14px!important;
  border:1px solid rgba(49,75,13,.16)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--esel-green-deep,#314b0d)!important;
  box-shadow:0 12px 28px rgba(13,8,102,.06)!important;
  font-size:13px!important;
  font-weight:600!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.sound-toggle [data-sound-icon]{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:var(--esel-green-soft,#f4ffe0);
  color:transparent;
  position:relative;
}
.sound-toggle [data-sound-icon]::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--esel-green,#bdf265);
  box-shadow:0 0 0 4px rgba(189,242,101,.22);
}
.sound-toggle[data-sound="off"] [data-sound-icon]::before{
  background:#94a3b8;
  box-shadow:0 0 0 4px rgba(148,163,184,.18);
}
.sound-toggle:hover{
  border-color:rgba(49,75,13,.28)!important;
  transform:translateY(-1px);
}
.toast-stack{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:grid;
  gap:12px;
  width:min(390px,calc(100vw - 32px));
  pointer-events:none;
}
.toast-notification{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  overflow:hidden;
  padding:16px 42px 17px 16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
  color:#172033;
  box-shadow:0 24px 70px rgba(13,8,102,.16),0 6px 20px rgba(15,23,42,.08);
  opacity:0;
  transform:translateX(24px) translateY(12px) scale(.98);
  transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1);
  pointer-events:auto;
}
.toast-notification.is-visible{
  opacity:1;
  transform:translateX(0) translateY(0) scale(1);
}
.toast-notification.is-leaving{
  opacity:0;
  transform:translateX(20px) translateY(8px) scale(.98);
}
.toast-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--esel-green,#bdf265),var(--esel-green-2,#9de83f));
  box-shadow:0 12px 26px rgba(157,232,63,.28);
  position:relative;
}
.toast-icon::before{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:999px;
  background:#fff;
}
.toast-icon::after{
  content:"";
  position:absolute;
  right:9px;
  top:9px;
  width:9px;
  height:9px;
  border:2px solid #fff;
  border-radius:999px;
  background:#16a34a;
}
.toast-copy{min-width:0}
.toast-copy strong{
  display:block;
  margin:0 0 5px;
  color:#102018;
  font-size:15px;
  font-weight:700;
  line-height:1.25;
}
.toast-copy p{
  margin:0 0 12px!important;
  color:#647084!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.toast-copy dl{
  display:grid;
  gap:7px;
  margin:0;
}
.toast-copy dl div{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:8px;
  align-items:baseline;
}
.toast-copy dt{
  color:#8a94a8;
  font-size:11px;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
}
.toast-copy dd{
  min-width:0;
  margin:0;
  color:#27354a;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.toast-close{
  position:absolute;
  top:10px;
  right:10px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:0;
  border-radius:999px;
  background:#f3f6fb;
  color:#647084;
  cursor:pointer;
  font-size:16px;
  line-height:1;
}
.toast-close:hover{
  background:#e9eef7;
  color:#172033;
}
.toast-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--esel-green,#bdf265),var(--esel-green-2,#9de83f));
  transform-origin:left center;
  animation:toastProgress var(--toast-duration,6000ms) linear forwards;
}
@keyframes toastProgress{
  from{transform:scaleX(1)}
  to{transform:scaleX(0)}
}
.notification-settings-panel{display:grid;gap:18px}
.notification-settings-form{display:grid;gap:16px}
.notification-settings-card{
  display:grid;
  gap:14px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 34px rgba(13,8,102,.06);
}
.notification-settings-card h3{
  margin:0;
  color:#111827;
  font-size:17px;
}
.notification-settings-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.notification-settings-grid--controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.notification-check{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:11px 12px;
  border:1px solid #e7ebf3;
  border-radius:12px;
  background:#fbfcff;
  color:#223047;
  font-size:13px;
  font-weight:600;
}
.notification-check input{
  width:auto!important;
  accent-color:var(--esel-green-deep,#314b0d);
}
.notification-settings-card input[type="range"]{accent-color:var(--esel-green-deep,#314b0d)}
.notification-settings-card small{
  color:#647084;
  font-size:12px;
}
.notification-item.is-read{display:none}
.notification-list{-webkit-overflow-scrolling:touch}
@media (max-width:1100px){
  .notification-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notification-settings-grid--controls{grid-template-columns:1fr}
}
@media (max-width:760px){
  .notification-menu{position:static}
  .notification-dropdown{
    position:fixed;
    left:12px!important;
    right:12px!important;
    top:76px;
    width:auto;
    max-height:calc(100vh - 96px);
    border-radius:18px;
    z-index:1000;
  }
  .notification-dropdown__header{padding:14px}
  .notification-item{grid-template-columns:minmax(0,1fr);padding:13px 14px}
  .notification-item button{justify-self:start}
}
@media (max-width:700px){
  .sound-toggle{
    width:44px!important;
    min-width:44px!important;
    padding:0!important;
  }
  .sound-toggle [data-sound-label]{display:none!important}
  .toast-stack{
    right:12px;
    bottom:14px;
    width:calc(100vw - 24px);
  }
  .toast-notification{
    grid-template-columns:36px minmax(0,1fr);
    padding:14px 38px 16px 14px;
  }
  .toast-icon{
    width:36px;
    height:36px;
    border-radius:11px;
  }
  .toast-copy dl div{grid-template-columns:64px minmax(0,1fr)}
  .notification-settings-grid{grid-template-columns:1fr}
}

/* Compact premium dashboard, below hero only */
.admin-topbar-actions .view-website-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:auto!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid #dfe6d2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#263a1b!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.admin-topbar-actions .view-website-button svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.admin-topbar-actions .view-website-button:hover{
  transform:translateY(-1px);
  background:#fbfff4!important;
  border-color:#b9d889!important;
  color:#1f3d11!important;
}
.admin-title-block h1{
  font-weight:600!important;
}
.admin-title-block p{
  font-weight:400!important;
}
.dashboard-section{
  margin-top:24px;
}
.dashboard-section__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.dashboard-section__heading h2{
  margin:0!important;
  color:#111532;
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:500!important;
}
.dashboard-section__heading p{
  margin:4px 0 0!important;
  color:#6a718a!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.dashboard-kpi-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.dashboard-kpi{
  position:relative;
  min-height:112px;
  padding:15px;
  border:1px solid #e6ebf4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(17,22,51,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.dashboard-kpi:hover{
  transform:translateY(-2px);
  border-color:rgba(189,242,101,.72);
  box-shadow:0 12px 30px rgba(17,22,51,.052);
}
.dashboard-kpi__icon,
.workspace-row span,
.upcoming-list span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#f2ffe4;
  color:#345b16;
}
.dashboard-kpi svg,
.workspace-row svg,
.upcoming-list svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dashboard-kpi strong{
  display:block;
  margin-top:12px;
  color:#111532;
  font-size:30px;
  line-height:1;
  font-weight:600;
}
.dashboard-kpi p{
  margin:7px 0 0!important;
  color:#111532!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:400!important;
}
.dashboard-kpi small{
  display:block;
  margin-top:4px;
  color:#747b91;
  font-size:12px;
  line-height:1.25;
  font-weight:400;
}
.workspace-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:14px;
  border:1px solid #e6ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(17,22,51,.035);
}
.workspace-column{
  display:grid;
  gap:10px;
}
.workspace-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:12px;
  min-height:66px;
  padding:12px;
  border:1px solid #eef2f7;
  border-radius:14px;
  background:#fbfcff;
  color:#111532;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.workspace-row:hover{
  transform:translateY(-1px);
  border-color:#d8eab4;
  background:#fcfff8;
}
.workspace-row strong,
.upcoming-list strong{
  display:block;
  color:#111532;
  font-size:14px;
  line-height:1.25;
  font-weight:500;
}
.workspace-row small,
.upcoming-list small{
  display:block;
  margin-top:3px;
  color:#6d7489;
  font-size:12px;
  line-height:1.35;
  font-weight:400;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workspace-row b{
  color:#0d0866;
  font-size:18px;
  line-height:1;
  font-weight:600;
}
.workspace-row i{
  color:#8aa955;
  font-style:normal;
  font-weight:500;
}
.dashboard-actions{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
}
.dashboard-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:0 12px;
  border:1px solid #e6ebf4;
  border-radius:14px;
  background:#fff;
  color:#111532;
  box-shadow:0 10px 26px rgba(17,22,51,.035);
  text-decoration:none;
  font-size:13px;
  line-height:1;
  font-weight:400;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.dashboard-actions a:hover{
  transform:translateY(-2px);
  border-color:#bdf265;
  background:#f8fff0;
}
.dashboard-actions svg{
  width:16px;
  height:16px;
  color:#315b16;
}
.dashboard-insights{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:14px;
}
.visitor-analytics-panel{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);
  gap:12px;
  padding:14px;
  border:1px solid #e6ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(17,22,51,.035);
}
.visitor-summary-card,
.visitor-period-grid article{
  border:1px solid #eef2f7;
  border-radius:14px;
  background:#fbfcff;
}
.visitor-summary-card{
  min-height:142px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,#fbfff5,#fff);
}
.visitor-summary-card span,
.visitor-period-grid>article>span{
  color:#6d7489;
  font-size:12px;
  line-height:1.2;
  font-weight:500;
}
.visitor-summary-card strong{
  display:block;
  margin-top:10px;
  color:#0d0866;
  font-size:36px;
  line-height:1;
  font-weight:600;
}
.visitor-summary-card small{
  display:block;
  margin-top:10px;
  color:#6d7489;
  font-size:12px;
  line-height:1.4;
  font-weight:400;
}
.visitor-period-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.visitor-period-grid article{
  min-height:142px;
  padding:12px;
}
.visitor-period-grid article div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #eef2f7;
}
.visitor-period-grid small{
  color:#6d7489;
  font-size:11px;
  font-weight:400;
}
.visitor-period-grid strong{
  color:#111532;
  font-size:17px;
  line-height:1;
  font-weight:600;
}
.insight-card,
.upcoming-panel{
  padding:18px;
  border:1px solid #e6ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(17,22,51,.035);
}
.insight-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-bottom:14px;
}
.insight-metrics div,
.business-list div{
  padding:12px;
  border:1px solid #eef2f7;
  border-radius:13px;
  background:#fbfcff;
}
.insight-metrics span,
.business-list span{
  display:block;
  color:#6d7489;
  font-size:12px;
  line-height:1.2;
  font-weight:400;
}
.insight-metrics strong,
.business-list strong{
  display:block;
  margin-top:6px;
  color:#111532;
  font-size:20px;
  line-height:1;
  font-weight:600;
}
.mini-chart{
  position:relative;
  height:160px;
  padding:8px 8px 4px;
  border:1px solid #eef2f7;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fbfcff);
  overflow:hidden;
}
.mini-chart svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.chart-grid path{
  fill:none;
  stroke:#eaf0f7;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.chart-axis text{
  fill:#8b92a7;
  font-size:11px;
  font-weight:400;
}
.chart-area{
  fill:url(#activity-fill);
  opacity:1;
  animation:chartFade .55s ease both;
}
.chart-line{
  fill:none;
  stroke:#89bd39;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 5px 10px rgba(137,189,57,.16));
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  animation:chartDraw .9s ease forwards;
}
.chart-dot{
  fill:#fff;
  stroke:#89bd39;
  stroke-width:2;
  cursor:pointer;
  transition:r .16s ease,fill .16s ease,stroke-width .16s ease;
}
.chart-dot:hover{
  r:6;
  fill:#bdf265;
  stroke-width:2.5;
}
.mini-chart em{
  margin:auto;
  color:#747b91;
  font-size:13px;
  font-style:normal;
}
@keyframes chartDraw{to{stroke-dashoffset:0}}
@keyframes chartFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.business-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.business-overview-panel{
  padding:18px;
  border:1px solid #e6ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(17,22,51,.035);
}
.top-pages-list{
  display:grid;
  gap:9px;
}
.top-pages-list a,
.top-pages-empty{
  min-height:50px;
  padding:10px 12px;
  border:1px solid #eef2f7;
  border-radius:14px;
  background:#fbfcff;
}
.top-pages-list a{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  color:#111532;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.top-pages-list a:hover{
  transform:translateY(-1px);
  border-color:#d8eab4;
  background:#fcfff8;
}
.top-pages-list strong{
  display:block;
  overflow:hidden;
  color:#111532;
  font-size:13px;
  line-height:1.3;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.top-pages-list small{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:#6d7489;
  font-size:12px;
  line-height:1.25;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.top-pages-list b{
  min-width:34px;
  color:#0d0866;
  font-size:18px;
  line-height:1;
  font-weight:600;
  text-align:right;
}
.top-pages-empty{
  display:grid;
  place-items:center;
  color:#747b91;
  font-size:13px;
}
.upcoming-list{
  display:grid;
  gap:9px;
}
.upcoming-list a{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:10px 12px;
  border:1px solid #eef2f7;
  border-radius:14px;
  background:#fbfcff;
  color:#111532;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.upcoming-list a:hover{
  transform:translateY(-1px);
  border-color:#d8eab4;
  background:#fcfff8;
}
@media (max-width:1280px){
  .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
  .visitor-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .workspace-panel,
  .dashboard-insights,
  .visitor-analytics-panel{grid-template-columns:1fr}
  .dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .admin-topbar-actions .view-website-button{
    height:40px!important;
    min-height:40px!important;
    padding:0 12px!important;
    gap:8px!important;
    font-size:13px!important;
  }
  .admin-topbar-actions .view-website-button svg{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
  .dashboard-section{margin-top:18px}
  .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-kpi{min-height:104px;padding:13px}
  .dashboard-kpi strong{font-size:26px}
  .workspace-panel,
  .insight-card,
  .upcoming-panel,
  .business-overview-panel{padding:12px;border-radius:16px}
  .visitor-analytics-panel{padding:12px;border-radius:16px}
  .visitor-period-grid{grid-template-columns:1fr}
  .visitor-summary-card{min-height:116px}
  .visitor-summary-card strong{font-size:30px}
  .workspace-row{grid-template-columns:32px minmax(0,1fr) auto 14px}
  .insight-metrics,
  .business-list{grid-template-columns:1fr}
}
@media (max-width:360px){
  .admin-topbar-actions .view-website-button{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding:0!important;
  }
  .admin-topbar-actions .view-website-button .button-label{display:none!important}
  .dashboard-kpi-grid,
  .dashboard-actions{grid-template-columns:1fr}
}

/* EselMedia admin design system refinement */
:root{
  --admin-ink:#111532;
  --admin-muted:#68708a;
  --admin-line:#e7edf5;
  --admin-soft:#f7f9fc;
  --admin-card:#fff;
  --admin-green:#bdf265;
  --admin-green-ink:#1f3511;
  --admin-radius:14px;
  --admin-shadow:0 8px 24px rgba(17,22,51,.035);
}
.admin-main h1{font-size:32px!important;font-weight:600!important;letter-spacing:0!important}
.panel-heading h2,
.admin-panel h2{font-size:20px!important;font-weight:500!important;letter-spacing:0!important}
.admin-panel h3,
.editor-panel h3,
.email-wizard-step h3,
.team-card h3{font-size:16px!important;font-weight:500!important;letter-spacing:0!important}
.panel-heading p,
.admin-panel p,
.empty-state p{font-size:13px!important;font-weight:400!important;color:var(--admin-muted)!important}
.button,
button.button,
a.button{
  min-height:40px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  background:var(--admin-green)!important;
  color:var(--admin-green-ink)!important;
  box-shadow:0 8px 18px rgba(189,242,101,.16)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
}
.button-small,
button.button-small,
a.button-small{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:13px!important;
  font-weight:500!important;
}
.button-ghost,
.button-secondary,
a.button-ghost,
button.button-ghost{
  background:#fff!important;
  color:var(--admin-ink)!important;
  border-color:var(--admin-line)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
.button:hover,
button.button:hover,
a.button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(17,22,51,.07)!important;
}
.button.danger,
button.danger,
.danger{
  background:#fff!important;
  color:#b42318!important;
  border-color:#ffd7d2!important;
  box-shadow:none!important;
}
.smart-form label,
.filters label,
.form-grid label{
  color:var(--admin-ink)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.35!important;
}
.smart-form small,
.form-grid small{
  color:var(--admin-muted)!important;
  font-size:12px!important;
  font-weight:400!important;
}
input,
select,
textarea{
  border:1px solid var(--admin-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--admin-ink)!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:400!important;
}
input:not([type="checkbox"]):not([type="radio"]),
select{
  min-height:42px!important;
  padding:0 12px!important;
}
textarea{
  min-height:104px!important;
  padding:12px!important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:#b8d985!important;
  box-shadow:0 0 0 3px rgba(189,242,101,.14)!important;
  outline:0!important;
}
.admin-panel{
  border:1px solid var(--admin-line)!important;
  border-radius:20px!important;
  background:var(--admin-card)!important;
  box-shadow:var(--admin-shadow)!important;
}
.table-wrap table th,
.email-data-table th{
  color:var(--admin-muted)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.table-wrap table td,
.email-data-table td{
  font-size:13px!important;
  font-weight:400!important;
}
tr:hover td{background:#fbfff4!important}
.form-section-title{
  margin:4px 0 18px;
  padding:16px;
  border:1px solid var(--admin-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fafcff);
}
.form-section-title h3{margin:0 0 4px!important}
.form-section-title p{margin:0!important}
.editor-panel--split .smart-form{
  padding-bottom:72px;
}
.editor-panel--split .form-grid--client{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.editor-panel--split .field-notes{
  grid-column:1 / -1;
}
.editor-panel--split .form-actions{
  position:sticky;
  bottom:0;
  z-index:5;
  margin:18px -24px -24px;
  padding:14px 24px;
  border-top:1px solid var(--admin-line);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  justify-content:flex-end;
}
.editor-panel--split .form-actions:before{
  content:"";
  margin-right:auto;
}
.team-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;
  gap:14px!important;
}
.team-card{
  border:1px solid var(--admin-line)!important;
  border-top:1px solid var(--admin-line)!important;
  border-radius:18px!important;
  box-shadow:var(--admin-shadow)!important;
}
.team-card__top{padding:14px 14px 6px!important}
.team-status{
  padding:5px 9px!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.team-status.is-active{
  background:#efffda!important;
  color:#315b16!important;
  box-shadow:none!important;
}
.team-card__menu{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  font-size:18px!important;
}
.team-avatar{
  width:62px!important;
  height:62px!important;
  border:1px solid var(--admin-line)!important;
  box-shadow:none!important;
  font-size:25px!important;
}
.team-card__identity{padding:8px 14px 14px!important}
.team-card__identity h3{margin:10px 0 3px!important}
.team-card__identity p,
.team-card__details dd,
.team-card__details dt,
.team-card__footer{font-size:12px!important;font-weight:400!important}
.team-card__details{
  margin:0 14px 14px!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
.team-card__footer{
  padding:12px 14px!important;
  border-top:1px solid var(--admin-line)!important;
}

/* Team member card identity alignment fixes */
.team-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(13,8,102,.1)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
.team-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:var(--member-accent,#0d0866);
}
.team-card__top,
.team-card__identity,
.team-card__details,
.team-card__footer{
  position:relative;
  min-width:0;
}
.team-status.is-active{
  border:1px solid rgba(49,91,22,.12)!important;
  background:#efffda!important;
  color:#315b16!important;
}
.team-status.is-inactive{
  border:1px solid rgba(13,8,102,.1)!important;
  background:#f3f5f9!important;
  color:#626b7f!important;
}
.team-avatar{
  background:var(--member-accent,#0d0866)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(13,8,102,.12)!important;
}
.team-card__identity h3,
.team-card__identity p{
  max-width:100%;
  overflow-wrap:anywhere;
}
.team-card__details div{
  display:grid!important;
  grid-template-columns:minmax(92px,.82fr) minmax(0,1.45fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.team-card__details dt,
.team-card__details dd{
  min-width:0!important;
  line-height:1.45!important;
}
.team-card__details dt{
  color:#0d0866!important;
}
.team-card__details dd{
  text-align:right;
  overflow-wrap:anywhere!important;
  word-break:normal;
}
.team-card__footer{
  flex-wrap:wrap;
}
.team-card__footer span{
  min-width:0;
  overflow-wrap:anywhere;
}
.team-card__footer a{
  color:var(--member-accent,#0d0866)!important;
  font-weight:500!important;
}
@media (max-width:520px){
  .team-card__details div{
    grid-template-columns:minmax(88px,.9fr) minmax(0,1.2fr)!important;
    gap:10px!important;
  }
}
.email-row-actions{
  justify-content:flex-start;
  gap:8px!important;
}
.email-data-table td:nth-child(3){
  max-width:270px;
}
.email-data-table td:nth-child(3) strong,
.email-data-table td:nth-child(3) small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaign-history-cards{
  display:none;
  gap:12px;
}
.campaign-history-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  padding:14px;
  border:1px solid var(--admin-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--admin-shadow);
}
.campaign-history-card h3{
  margin:8px 0 3px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaign-history-card p{
  margin:0 0 10px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaign-history-card dl{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.campaign-history-card dl div{
  padding:8px;
  border-radius:12px;
  background:#f8fafc;
}
.campaign-history-card dt{
  color:var(--admin-muted);
  font-size:11px;
  font-weight:400;
}
.campaign-history-card dd{
  margin:2px 0 0;
  color:var(--admin-ink);
  font-size:13px;
  font-weight:600;
}
.media-library-panel .admin-note{
  margin-bottom:14px;
  font-size:13px!important;
  font-weight:400!important;
}
.media-upload-zone{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(180px,.45fr) minmax(180px,.45fr) auto;
  gap:10px!important;
  align-items:center;
  margin-bottom:18px;
  padding:12px!important;
  border:1px dashed #d8e4f1;
  border-radius:18px;
  background:#fbfdff;
}
.media-drop-target{
  display:grid!important;
  gap:3px;
  min-height:74px;
  place-content:center;
  padding:12px!important;
  border:1px solid var(--admin-line);
  border-radius:15px;
  background:#fff;
  text-align:center;
  cursor:pointer;
}
.media-drop-target span{
  color:var(--admin-ink);
  font-size:14px;
  font-weight:500;
}
.media-drop-target small{
  color:var(--admin-muted);
  font-size:12px;
}
.media-drop-target input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
}
.media-upload-zone.is-dragging .media-drop-target{
  border-color:#bdf265;
  background:#f7ffe9;
}
.media-gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:14px;
}
.media-tile{
  overflow:hidden;
  border:1px solid var(--admin-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--admin-shadow);
}
.media-preview{
  position:relative;
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  background:#f4f7fb;
}
.media-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:12px;
}
.media-hover-actions{
  position:absolute;
  inset:auto 10px 10px;
  display:flex;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .18s ease,transform .18s ease;
}
.media-tile:hover .media-hover-actions{
  opacity:1;
  transform:translateY(0);
}
.media-tile__meta{
  padding:12px 12px 8px;
}
.media-tile__meta strong{
  display:block;
  overflow:hidden;
  color:var(--admin-ink);
  font-size:13px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.media-tile__meta small{
  display:block;
  margin-top:4px;
  color:var(--admin-muted);
  font-size:12px;
  font-weight:400;
}
.media-tile > input{
  width:calc(100% - 24px);
  margin:0 12px 10px;
  min-height:34px!important;
  font-size:12px!important;
}
.media-tile form{
  display:grid;
  gap:7px;
  width:calc(50% - 16px);
  margin:0 0 12px 12px;
  vertical-align:top;
}
.media-replace input[type="file"]{
  width:100%;
  min-height:34px!important;
  padding:6px!important;
  font-size:11px!important;
}
.media-tile form .button{
  width:100%;
}
.mailer-editor-toolbar button[data-editor-mode]{
  background:#0f1230!important;
  color:#fff!important;
}
.mailer-editor:not([style*="none"]){
  display:block!important;
}
input[list].admin-country-field{
  background-image:linear-gradient(45deg,transparent 50%,#8a94a8 50%),linear-gradient(135deg,#8a94a8 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  padding-right:34px!important;
}
@media (max-width:900px){
  .editor-panel--split .form-grid--client,
  .media-upload-zone{
    grid-template-columns:1fr!important;
  }
  .email-table-wrap{
    display:none;
  }
  .campaign-history-cards{
    display:grid;
  }
  .campaign-history-card dl{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Focused polish: Email Marketing contacts + compact Task Board */
.email-contact-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:16px 22px;
}
.email-contact-tool{
  margin:0!important;
  padding:18px!important;
}
.email-contact-tool header{
  margin-bottom:14px;
}
.email-contact-tool h3{
  margin:0;
  font-size:18px;
  font-weight:500;
}
.email-contact-tool p{
  max-width:680px;
  margin:4px 0 0;
  color:#68708a;
  font-size:13px;
  font-weight:400;
  line-height:1.55;
}
.email-contact-tool .form-grid{
  gap:10px;
}
.email-inline-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:40px;
  padding:0 12px;
  border:1px solid #e4e8f0;
  border-radius:12px;
  background:#fbfcff;
  color:#68708a;
  font-size:13px;
}
.email-inline-note strong{
  color:#171936;
  font-weight:500;
}
.email-inline-note a,
.email-muted-action{
  color:#315b16;
  font-size:12px;
  font-weight:500;
}
.task-workspace{
  margin-top:10px!important;
}
.task-toolbar{
  gap:8px!important;
  padding:8px!important;
  border-radius:14px!important;
}
.task-search svg{
  left:14px!important;
  width:15px!important;
  height:15px!important;
  stroke:#8a90a8!important;
  pointer-events:none!important;
}
.task-search input{
  height:38px!important;
  min-height:38px!important;
  padding-left:44px!important;
}
.task-toolbar input,
.task-toolbar select{
  min-height:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:400!important;
}
.task-view-toggle{
  min-height:38px!important;
  height:38px!important;
  padding:3px!important;
}
.task-view-toggle button,
.task-column-menu-trigger,
.task-card-menu-trigger{
  font-weight:500!important;
}
.task-summary-grid{
  gap:10px!important;
  margin:12px 0!important;
}
.task-summary-grid article{
  min-height:74px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
}
.task-summary-grid span{
  font-weight:400!important;
}
.task-summary-grid strong{
  font-weight:600!important;
}
.kanban-scroll-container{
  margin-top:0!important;
}
.kanban-column{
  min-height:260px!important;
  max-height:calc(100vh - 250px)!important;
}
.kanban-column header{
  min-height:48px!important;
  padding:10px 12px!important;
}
.kanban-column header strong,
.kanban-column header span{
  font-weight:500!important;
}
.kanban-dropzone{
  min-height:84px!important;
  padding:10px!important;
}
.kanban-empty{
  min-height:84px!important;
  padding:12px!important;
  border-radius:13px!important;
}
.kanban-empty strong{
  font-weight:500!important;
}
.kanban-empty p{
  font-weight:400!important;
}
.task-card{
  padding:12px!important;
  border-radius:14px!important;
}
.task-card h3,
.task-card strong{
  font-weight:500!important;
}
.task-board-empty{
  justify-content:center!important;
  text-align:left;
  max-width:520px;
  margin:8px auto 14px!important;
  padding:14px 18px!important;
}
.task-empty-illustration{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 auto;
  border-radius:14px;
  background:#f3ffe3;
}
.task-empty-illustration svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:#315b16;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.builder-savebar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:14px!important;
}
.builder-savebar .button{
  min-height:42px!important;
  height:42px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:500!important;
}
@media (max-width:900px){
  .email-contact-tools{
    grid-template-columns:1fr;
    margin:14px;
  }
  .task-toolbar{
    grid-template-columns:1fr!important;
  }
  .task-board-empty{
    align-items:center!important;
    text-align:center;
  }
}
.country-picker{
  position:relative;
  width:100%;
}
.country-picker > input{
  cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  padding-right:36px!important;
}
.country-picker__panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  left:0;
  right:0;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,18,48,.18);
}
.country-picker__search{
  position:relative;
  padding:10px;
  border-bottom:1px solid #edf1f7;
}

/* Regression repair pass: premium compact admin surfaces without changing approved layout. */
.admin-sidebar .nav-group a,
.admin-sidebar .nav-group button{
  font-weight:500;
}

/* Task Board: compact Linear-style workspace */
body.admin-shell .admin-main > .task-workspace{
  margin-top:8px!important;
  padding-top:0!important;
}
.task-workspace{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.task-toolbar{
  position:sticky;
  top:0;
  z-index:12;
  display:grid!important;
  grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(132px,.75fr)) auto auto;
  align-items:center!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid #e7eaf2!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 34px rgba(14,18,54,.055)!important;
  backdrop-filter:blur(14px);
}
.task-search{
  position:relative!important;
  min-width:0!important;
}
.task-search svg{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  width:16px!important;
  height:16px!important;
  transform:translateY(-50%)!important;
  fill:none!important;
  stroke:#7d849b!important;
  stroke-width:2!important;
  pointer-events:none!important;
}
.task-search input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px 0 44px!important;
  border:1px solid #e1e5ef!important;
  border-radius:12px!important;
  color:#12152f!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:400!important;
}
.task-toolbar select,
.task-toolbar input:not([type="checkbox"]):not([type="hidden"]){
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid #e1e5ef!important;
  border-radius:12px!important;
  color:#20233d!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:400!important;
}
.task-view-toggle{
  height:38px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid #e1e5ef!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  white-space:nowrap;
}
.task-view-toggle button{
  height:30px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  color:#5d647a!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:500!important;
}
.task-view-toggle button.is-active{
  color:#11142d!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(14,18,54,.08)!important;
}
.task-new-button{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:500!important;
  white-space:nowrap;
}
.task-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(128px,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.task-summary-grid article{
  min-height:64px!important;
  padding:12px 14px!important;
  border:1px solid #e7eaf2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(14,18,54,.045)!important;
}
.task-summary-grid article span{
  color:#697086!important;
  font-size:12px!important;
  font-weight:400!important;
}
.task-summary-grid article strong{
  margin-top:4px!important;
  color:#11142d!important;
  font-size:24px!important;
  font-weight:600!important;
}
.task-board-empty{
  width:min(100%,520px)!important;
  min-height:0!important;
  margin:4px auto 2px!important;
  padding:14px 16px!important;
  justify-content:center!important;
  border:1px dashed #d8deeb!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#fbfcff)!important;
}
.task-board-empty h3{font-size:15px!important;font-weight:500!important}
.task-board-empty p{font-size:13px!important;font-weight:400!important}
.task-empty-illustration{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
}
.kanban-scroll-container{
  margin-top:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:6px!important;
}
.kanban-board{
  display:flex!important;
  align-items:stretch!important;
  gap:12px!important;
  min-height:320px!important;
}
.kanban-column{
  flex:0 0 302px!important;
  width:302px!important;
  min-height:300px!important;
  max-height:calc(100vh - 245px)!important;
  border:1px solid #e7eaf2!important;
  border-radius:18px!important;
  background:#fbfcff!important;
  box-shadow:0 14px 34px rgba(14,18,54,.05)!important;
  overflow:hidden!important;
}
.kanban-column header{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-bottom:1px solid #edf0f7!important;
  background:rgba(255,255,255,.95)!important;
}
.kanban-column header strong{
  color:#161931!important;
  font-size:13px!important;
  font-weight:500!important;
}
.kanban-column header span{
  min-width:22px!important;
  height:22px!important;
  font-size:12px!important;
  font-weight:500!important;
}
.kanban-dropzone{
  min-height:126px!important;
  max-height:calc(100vh - 340px)!important;
  overflow-y:auto!important;
  padding:10px!important;
}
.kanban-empty{
  min-height:108px!important;
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
  padding:14px!important;
  border:1px dashed #dce2ec!important;
  border-radius:14px!important;
  color:#6b7288!important;
  background:#fff!important;
  text-align:center!important;
}
.kanban-empty svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:#a1a8ba!important;
  stroke-width:1.8!important;
}
.kanban-empty strong{
  color:#20233d!important;
  font-size:13px!important;
  font-weight:500!important;
}
.kanban-empty span{
  max-width:190px!important;
  color:#7a8095!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
.kanban-add{
  margin:0 10px 10px!important;
  height:34px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:500!important;
}
.task-card{
  padding:12px!important;
  border:1px solid #e8ebf3!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(14,18,54,.05)!important;
}
.task-card:hover{
  transform:translateY(-2px);
  border-color:#d8e0ef!important;
  box-shadow:0 16px 34px rgba(14,18,54,.09)!important;
}
.task-card h3{
  margin:7px 0 4px!important;
  color:#11142d!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.task-card p,
.task-card__meta,
.task-card__footer{
  color:#6b7288!important;
  font-size:12px!important;
  font-weight:400!important;
}
.task-card-menu-dropdown,
.task-column-menu-dropdown{
  border:1px solid #e4e8f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(14,18,54,.18)!important;
}

/* Email Marketing: database-first organization and compact history */
.email-marketing-tabs a{font-weight:500!important}
.contact-database-grid{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);
  gap:16px;
  margin:16px 22px;
}
.contact-database-create,
.contact-database-list{
  margin:0!important;
  padding:18px!important;
}
.contact-database-list header h3,
.contact-database-create header h3{
  margin:0;
  font-size:18px;
  font-weight:500;
}
.contact-database-list header p,
.contact-database-create header p{
  margin:4px 0 14px;
  color:#697086;
  font-size:13px;
  font-weight:400;
}
.contact-database-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
}
.contact-database-cards a{
  display:grid;
  gap:4px;
  min-height:86px;
  padding:14px;
  border:1px solid #e4e8f0;
  border-radius:16px;
  background:#fff;
  color:#151833;
}
.contact-database-cards a:hover,
.contact-database-cards a.is-active{
  border-color:#bdf265;
  background:#fbfff5;
}
.contact-database-cards span{font-size:13px;font-weight:500}
.contact-database-cards strong{font-size:22px;font-weight:600}
.contact-database-cards small{color:#697086;font-size:12px;font-weight:400}
.email-data-table th{
  padding:10px 12px!important;
  color:#697086!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.02em;
}
.email-data-table td{
  padding:11px 12px!important;
  color:#242840!important;
  font-size:13px!important;
  font-weight:400!important;
}
.email-data-table td strong{
  display:block;
  color:#11142d!important;
  font-size:13px!important;
  font-weight:500!important;
}
.email-data-table td small{
  display:block;
  margin-top:3px;
  color:#767d92;
  font-size:12px;
}
.email-row-actions{
  gap:6px!important;
}
.email-row-actions a,
.email-row-actions button{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:500!important;
}
.email-bulkbar{
  min-height:38px!important;
  margin:0 0 10px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}

/* Page Builder: cleaner CMS feel and equal action buttons */
.page-builder-panel{
  border-radius:22px!important;
}
.page-builder-heading{
  align-items:center!important;
}
.builder-kicker{
  color:#426f1f!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
}
.page-builder-heading h2{
  font-size:26px!important;
  font-weight:600!important;
}
.page-builder-heading p,
.builder-card__title p{
  font-size:13px!important;
  font-weight:400!important;
}
.page-builder-layout{
  gap:18px!important;
}
.page-preview-panel,
.builder-card{
  border:1px solid #e6eaf2!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(14,18,54,.05)!important;
}
.builder-card{
  padding:18px!important;
}
.builder-card__title h3{
  font-size:17px!important;
  font-weight:500!important;
}
.builder-tab-buttons label{
  font-size:12px!important;
  font-weight:500!important;
}
.section-editor-grid label,
.page-builder-form label,
.editor-panel--clients label{
  color:#272b43!important;
  font-size:12px!important;
  font-weight:500!important;
}
.section-editor-grid input,
.section-editor-grid select,
.section-editor-grid textarea,
.editor-panel--clients input,
.editor-panel--clients select,
.editor-panel--clients textarea{
  min-height:38px!important;
  border-radius:12px!important;
  border-color:#e3e8f1!important;
  font-size:13px!important;
  font-weight:400!important;
}
.section-editor-grid textarea,
.editor-panel--clients textarea{
  min-height:96px!important;
}
.builder-savebar{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  background:#f8fafc!important;
  border:1px solid #e6eaf2!important;
  border-radius:16px!important;
}
.builder-savebar .button{
  flex:0 0 150px!important;
  width:150px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:500!important;
}

/* Create Client: lighter HubSpot-like form density */
.editor-panel--clients{
  max-width:1120px!important;
  border-radius:22px!important;
}
.editor-panel--clients .panel-heading h2{
  font-size:26px!important;
  font-weight:600!important;
}
.editor-panel--clients .panel-heading p,
.editor-panel--clients .form-section-title p{
  color:#697086!important;
  font-size:13px!important;
  font-weight:400!important;
}
.editor-panel--clients .form-section-title{
  margin:4px 0 16px!important;
  padding:16px!important;
  border:1px solid #e6eaf2!important;
  border-radius:16px!important;
  background:#fbfcff!important;
}
.editor-panel--clients .form-section-title h3{
  margin:0!important;
  font-size:18px!important;
  font-weight:500!important;
}
.editor-panel--clients .form-grid--client{
  gap:12px!important;
}
.editor-panel--clients .form-actions{
  gap:10px!important;
  padding-top:14px!important;
}
.editor-panel--clients .form-actions .button{
  height:40px!important;
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:500!important;
}

@media (max-width:1180px){
  .task-toolbar{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .task-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  .task-toolbar,
  .contact-database-grid{
    grid-template-columns:1fr!important;
    margin-left:14px!important;
    margin-right:14px!important;
  }
  .task-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .kanban-column{
    flex-basis:min(86vw,320px)!important;
    width:min(86vw,320px)!important;
  }
  .builder-savebar{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .builder-savebar .button{
    flex:0 0 auto!important;
    width:100%!important;
  }
}
.country-picker__search span,
.country-picker__search svg{
  position:absolute;
  left:22px;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  color:#8a90a8;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.country-picker__search input{
  width:100%;
  min-height:38px!important;
  padding-left:34px!important;
  border-radius:11px!important;
  font-size:13px!important;
}
.country-picker__list{
  max-height:260px;
  overflow:auto;
  padding:6px;
}
.country-picker__list button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:38px;
  padding:0 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#171936;
  font-size:13px;
  font-weight:400;
  text-align:left;
  cursor:pointer;
}
.country-picker__list button:hover,
.country-picker__list button:focus{
  background:#f3ffe3;
  color:#315b16;
}
.country-picker__list small{
  color:#8a90a8;
  font-size:11px;
}
.country-picker__list p{
  margin:0;
  padding:12px;
  color:#68708a;
  font-size:13px;
}

/* ============================================================================
   TASK BOARD — consolidated, authoritative styles (2026-07-21)

   The 6 previous "Task Board" patches scattered across this file (around
   lines 3311, 3809, 4408, 4492, 4656, 6804, 7038) kept redefining the same
   selectors with conflicting !important values (mixed display:grid/flex,
   three different sticky offsets, padding fights, no breakpoint between
   900px and desktop...). That's what caused the toolbar to clip, the
   search icon to overlap its placeholder, and duplicate empty states.

   Rather than add a 7th patch, this section is the single source of truth
   for every Task Board selector. It comes last in the file, and every
   property is !important, so it always wins over the old rules above —
   those are now dead code and safe to delete later, but left in place to
   avoid touching unrelated modules in the same file.
   ============================================================================ */

/* ---------- Workspace shell ---------- */
.task-workspace{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.admin-shell .admin-main > .task-workspace{
  margin-top:8px!important;
  padding-top:0!important;
}

/* ---------- Toolbar: search + filters + view toggle + new task ---------- */
.task-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  display:grid!important;
  grid-template-columns:minmax(200px,1.4fr) repeat(5,minmax(120px,.85fr)) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid #e7eaf2!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 34px rgba(14,18,54,.055)!important;
  backdrop-filter:blur(14px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.task-search{
  position:relative!important;
  min-width:0!important;
}
.task-search svg{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  width:16px!important;
  height:16px!important;
  transform:translateY(-50%)!important;
  fill:none!important;
  stroke:#7d849b!important;
  stroke-width:2!important;
  pointer-events:none!important;
}
.task-toolbar select,
.task-toolbar .task-search input[type="search"]{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  border:1px solid #e1e5ef!important;
  border-radius:12px!important;
  color:#20233d!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:400!important;
}
.task-toolbar select{
  padding:0 12px!important;
}
.task-toolbar .task-search input[type="search"]{
  padding:0 12px 0 44px!important;
}
.task-view-toggle{
  height:38px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid #e1e5ef!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  white-space:nowrap!important;
}
.task-view-toggle button{
  height:30px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  color:#5d647a!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:500!important;
  cursor:pointer!important;
}
.task-view-toggle button.is-active{
  color:#11142d!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(14,18,54,.08)!important;
}
.task-new-button{
  height:38px!important;
  min-height:38px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

/* Toolbar never gets silently clipped: below the width the grid needs,
   wrap onto a clean second row instead of relying on scroll or on the
   ancestor's overflow:hidden hiding content. */
@media (max-width:1300px){
  .task-toolbar{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  .task-toolbar .task-search{
    flex:1 1 100%!important;
  }
  .task-toolbar select{
    flex:1 1 160px!important;
  }
  .task-toolbar .task-view-toggle{
    flex:0 0 auto!important;
  }
  .task-toolbar .task-new-button{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
}
@media (max-width:640px){
  .task-toolbar{
    padding:8px!important;
  }
  .task-toolbar select{
    flex:1 1 100%!important;
  }
  .task-toolbar .task-new-button{
    flex:1 1 100%!important;
    margin-left:0!important;
  }
}

/* ---------- Summary stat cards ---------- */
.task-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(140px,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.task-summary-grid article{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:64px!important;
  padding:12px 14px!important;
  border:1px solid #e7eaf2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(14,18,54,.045)!important;
}
.task-summary-grid article span{
  color:#697086!important;
  font-size:12px!important;
  font-weight:400!important;
}
.task-summary-grid article strong{
  color:#11142d!important;
  font-size:24px!important;
  font-weight:600!important;
}
@media (max-width:900px){
  .task-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:480px){
  .task-summary-grid{
    grid-template-columns:1fr!important;
  }
}

/* ---------- Global empty state ---------- */
/* This banner duplicated messaging that both views already provide on
   their own (each Kanban column shows "No tasks here" + "+ Add task",
   and List view has its own dedicated empty state) and its height was
   adding a large block of dead space above the board. Removed rather
   than shown: the compact per-column state below is more useful (it
   marks the actual drop targets) and keeps the page tight. */
.task-board-empty{
  display:none!important;
}

/* ---------- Kanban board ---------- */
.kanban-scroll-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:8px!important;
  -webkit-overflow-scrolling:touch!important;
}
.kanban-board{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:12px!important;
  min-height:0!important;
}
.kanban-column{
  flex:0 0 302px!important;
  width:302px!important;
  min-height:0!important;
  max-height:calc(100vh - 320px)!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #e7eaf2!important;
  border-radius:18px!important;
  background:#fbfcff!important;
  box-shadow:0 14px 34px rgba(14,18,54,.05)!important;
  overflow:hidden!important;
}
.kanban-column > header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-bottom:1px solid #edf0f7!important;
  background:rgba(255,255,255,.95)!important;
}
.kanban-column > header > div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.kanban-column i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
}
.kanban-column svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke-width:2!important;
}
.kanban-column strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#161931!important;
  font-size:13px!important;
  font-weight:500!important;
}
.kanban-column header span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#eef1f8!important;
  color:#565d76!important;
  font-size:12px!important;
  font-weight:500!important;
}
.kanban-column--backlog header{background:#f1f3f7!important;color:#647084!important}
.kanban-column--todo header{background:#eef6ff!important;color:#2563eb!important}
.kanban-column--progress header{background:#f3efff!important;color:#6d28d9!important}
.kanban-column--waiting header{background:#fff5e8!important;color:#c76d10!important}
.kanban-column--review header{background:#fffbe8!important;color:#a16207!important}
.kanban-column--done header{background:#effbea!important;color:#3f7c18!important}

.task-column-menu{position:relative!important;flex:0 0 auto!important}
.task-column-menu-trigger{
  border:0!important;
  background:transparent!important;
  color:#8a90a8!important;
  cursor:pointer!important;
  padding:2px 6px!important;
}
.task-column-menu-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 4px)!important;
  z-index:5!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:150px!important;
  padding:6px!important;
  border:1px solid #e4e8f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(14,18,54,.18)!important;
}
.task-column-menu-dropdown a,
.task-column-menu-dropdown button{
  padding:8px 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#20233d!important;
  font-size:13px!important;
  text-align:left!important;
  cursor:pointer!important;
}
.task-column-menu-dropdown a:hover,
.task-column-menu-dropdown button:hover{
  background:#f4f6fb!important;
}

.kanban-column-collapsed{display:none!important}
.kanban-column.is-collapsed{
  flex:0 0 56px!important;
  width:56px!important;
}
.kanban-column.is-collapsed > header,
.kanban-column.is-collapsed .kanban-dropzone,
.kanban-column.is-collapsed .kanban-add{
  display:none!important;
}
.kanban-column.is-collapsed .kanban-column-collapsed{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  height:100%!important;
  padding:12px 8px!important;
}
.kanban-column.is-collapsed .kanban-column-collapsed strong{
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#161931!important;
}
.kanban-column.is-collapsed .kanban-column-collapsed button{
  border:0!important;
  background:transparent!important;
  color:#8a90a8!important;
  cursor:pointer!important;
}

.kanban-dropzone{
  flex:1 1 auto!important;
  min-height:126px!important;
  overflow-y:auto!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.kanban-dropzone.is-over{
  background:#f6fff2!important;
}
.kanban-empty{
  min-height:108px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:14px!important;
  border:1px dashed #dce2ec!important;
  border-radius:14px!important;
  color:#6b7288!important;
  background:#fff!important;
  text-align:center!important;
}
.kanban-empty svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:#a1a8ba!important;
  stroke-width:1.8!important;
}
.kanban-empty strong{
  color:#20233d!important;
  font-size:13px!important;
  font-weight:500!important;
}
.kanban-empty span{
  max-width:190px!important;
  color:#7a8095!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
.kanban-add{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 10px 10px!important;
  height:34px!important;
  padding:0!important;
  line-height:normal!important;
  border-radius:12px!important;
  text-align:center!important;
  color:#3f7c18!important;
  background:#f3ffe3!important;
  font-size:12px!important;
  font-weight:500!important;
  text-decoration:none!important;
}
.kanban-add:hover{
  background:#e7fbd0!important;
}

@media (max-width:900px){
  .kanban-column{
    flex:0 0 260px!important;
    width:260px!important;
  }
}

/* ---------- Task card ---------- */
.task-card{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid #e8ebf3!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(14,18,54,.05)!important;
  cursor:grab!important;
}
.task-card:hover{
  border-color:#d8e0ef!important;
  box-shadow:0 16px 34px rgba(14,18,54,.09)!important;
}
.task-card.is-dragging{
  opacity:.5!important;
}
.task-card__top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.task-label{
  padding:2px 8px!important;
  border-radius:999px!important;
  background:#eef1f8!important;
  color:#565d76!important;
  font-size:11px!important;
  font-weight:500!important;
}
.task-card h3{
  margin:0!important;
  color:#11142d!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.task-card p{
  margin:0!important;
  color:#6b7288!important;
  font-size:12px!important;
  font-weight:400!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.task-card__badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.priority{
  padding:2px 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:500!important;
}
.priority--urgent{background:#fdeaea!important;color:#c0392b!important}
.priority--high{background:#fff3e0!important;color:#c76d10!important}
.priority--medium{background:#eef6ff!important;color:#2563eb!important}
.priority--low{background:#f1f3f7!important;color:#647084!important}
.task-progress{
  height:6px!important;
  border-radius:999px!important;
  background:#eef1f8!important;
  overflow:hidden!important;
}
.task-progress span{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#7bc043!important;
}
.task-card__meta,
.task-card__footer{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#6b7288!important;
  font-size:12px!important;
  font-weight:400!important;
}
.task-card__footer{
  margin-top:2px!important;
  padding-top:8px!important;
  border-top:1px solid #f0f2f8!important;
}
.task-avatar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#eef8dc!important;
  color:#3f7c18!important;
  font-size:10px!important;
  font-weight:600!important;
}
.task-card-menu{position:relative!important;flex:0 0 auto!important}
.task-card-menu-trigger{
  border:0!important;
  background:transparent!important;
  color:#8a90a8!important;
  cursor:pointer!important;
}
.task-card-menu-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 4px)!important;
  z-index:6!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:190px!important;
  padding:6px!important;
  border:1px solid #e4e8f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(14,18,54,.18)!important;
}
.task-card-menu-dropdown a,
.task-card-menu-dropdown button{
  padding:8px 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#20233d!important;
  font-size:13px!important;
  text-align:left!important;
  cursor:pointer!important;
}
.task-card-menu-dropdown a:hover,
.task-card-menu-dropdown button:hover{
  background:#f4f6fb!important;
}
.task-card-menu-dropdown label{
  margin-top:4px!important;
  color:#8a90a8!important;
  font-size:11px!important;
  text-transform:uppercase!important;
}
.task-card-menu-dropdown select{
  width:100%!important;
  height:32px!important;
  border:1px solid #e1e5ef!important;
  border-radius:8px!important;
  font-size:13px!important;
}
.task-card-menu-dropdown form + form,
.task-card-menu-dropdown a + form,
.task-card-menu-dropdown form + a{
  margin-top:4px!important;
}
.task-card-menu-dropdown .danger{
  color:#c0392b!important;
}

/* ---------- List view ---------- */
.task-list-view{width:100%!important;max-width:100%!important;overflow-x:auto!important}
.task-list-empty{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  padding:48px 16px!important;
  text-align:center!important;
}
.task-list-empty h3{margin:0!important;font-size:16px!important;font-weight:500!important;color:#15162f!important}
.task-list-empty p{margin:0!important;color:#6f748e!important;font-size:13px!important}
.task-list-table-wrap{width:100%!important;overflow-x:auto!important}
.task-list-table{width:100%!important;border-collapse:separate!important;border-spacing:0 8px!important}
.task-list-table thead th{
  padding:0 12px 6px!important;
  color:#8a90a8!important;
  font-size:12px!important;
  font-weight:500!important;
  text-align:left!important;
}
.task-list-table tbody tr{background:#fff!important}
.task-list-table tbody td{
  padding:12px!important;
  border-top:1px solid #edf0f7!important;
  border-bottom:1px solid #edf0f7!important;
  font-size:13px!important;
  color:#20233d!important;
  vertical-align:middle!important;
}
.task-list-table tbody tr td:first-child{border-left:1px solid #edf0f7!important;border-radius:12px 0 0 12px!important}
.task-list-table tbody tr td:last-child{border-right:1px solid #edf0f7!important;border-radius:0 12px 12px 0!important}
.task-list-table td strong{display:block!important;font-weight:500!important}
.task-list-table td span{display:block!important;color:#8a90a8!important;font-size:12px!important}
.task-status-pill{
  padding:3px 10px!important;
  border-radius:999px!important;
  background:#eef1f8!important;
  color:#565d76!important;
  font-size:11px!important;
  font-weight:500!important;
}
.task-list-assignee{display:flex!important;align-items:center!important;gap:6px!important}
.task-list-assignee i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#eef8dc!important;
  color:#3f7c18!important;
  font-size:9px!important;
  font-weight:600!important;
  font-style:normal!important;
}
.task-list-progress{
  width:80px!important;
  height:5px!important;
  border-radius:999px!important;
  background:#eef1f8!important;
  overflow:hidden!important;
}
.task-list-progress span{display:block!important;height:100%!important;background:#7bc043!important}
.task-list-actions{display:flex!important;gap:10px!important;font-size:12px!important}
.task-list-actions a,
.task-list-actions button{
  border:0!important;
  background:transparent!important;
  color:#2563eb!important;
  cursor:pointer!important;
  padding:0!important;
}
.task-list-actions button{color:#c0392b!important}

/* ---------- View switching ---------- */
[data-task-panel]{display:block!important}
[data-task-panel][hidden]{display:none!important}

/* ---------------------------------------------------------------------
 * Mailer Pro v2 - Email Marketing (contacts, lists, A/B testing, import)
 * ------------------------------------------------------------------- */
.validation-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}
.validation-pill--ok{background:rgba(34,197,94,.12);color:#15803d}
.validation-pill--warn{background:rgba(234,179,8,.14);color:#a16207}
.validation-pill--bad{background:rgba(239,68,68,.12);color:#b91c1c}
.validation-pill--muted{background:rgba(107,114,128,.12);color:#4b5563}

.field-hint{font-size:12px;color:#6b7280;margin:4px 0 0}
.field-hint code{background:rgba(37,99,235,.08);color:#2563eb;border-radius:4px;padding:1px 5px}

.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px}
.checkbox-row input{width:auto}

.ab-panel{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.08)}

.mailer-schedule-form{display:inline-flex;align-items:center;gap:6px}
.mailer-schedule-form input[type="datetime-local"]{padding:6px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.12);font-size:13px}

.email-pagination{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.email-pagination a{padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.1);font-size:13px;text-decoration:none;color:inherit}
.email-pagination a.is-active{background:#111827;color:#fff;border-color:#111827}

#import-wizard [data-step]{margin-top:6px}
#mapping-fields label{font-size:13px}
#mapping-preview{max-height:220px;overflow:auto;display:block}
.mailer-action-row{display:flex;gap:10px;margin-top:10px}

.ab-breakdown{margin-top:16px}
.ab-breakdown h3{margin:0 0 10px}

/* Mailer Pro v2 - lighter, more minimal look for the Lists/Contacts forms */
.contact-database-grid .smart-form input[type="text"],
.contact-database-grid .smart-form input:not([type]),
.contact-database-grid .smart-form textarea,
.email-contact-tool input:not([type="checkbox"]):not([type="file"]),
.email-contact-tool textarea,
.email-contact-tool select {
  border-radius: 12px !important;
  border: 1px solid rgba(15, 15, 40, .12) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  background: #fff !important;
}
.contact-database-grid .smart-form label,
.email-contact-tool label {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 0 14px !important;
}
.contact-database-grid .smart-form .form-grid,
.email-contact-tool .form-grid {
  gap: 4px !important;
}
.contact-database-grid .smart-form textarea,
.email-contact-tool textarea {
  min-height: 76px !important;
}
.contact-database-grid .smart-form > button,
.email-contact-tool > button[type="submit"],
form.email-contact-tool button.button {
  width: auto !important;
  max-width: max-content !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-top: 4px !important;
}
.dashboard-pulse{
  display:grid;
  grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(180px,.75fr));
  gap:12px;
  align-items:stretch;
}
.dashboard-pulse article{
  padding:18px;
  border:1px solid rgba(13,8,102,.08);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fbfcff);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.dashboard-pulse .pulse-command{
  background:#080a25;
  color:#fff;
}
.dashboard-pulse span,
.dashboard-pulse small{
  display:block;
  margin-bottom:10px;
  color:#5b6475;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dashboard-pulse .pulse-command span,
.dashboard-pulse .pulse-command p{
  color:rgba(255,255,255,.68);
}
.dashboard-pulse h2{
  display:block;
  margin:0;
  color:#101225;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
}
.dashboard-pulse strong{
  display:block;
  margin:0;
  color:#101225;
  font-size:14px;
  line-height:1.35;
  font-weight:400;
}
.dashboard-pulse .pulse-command h2{
  color:#fff;
  max-width:520px;
}
.dashboard-pulse p{
  margin:10px 0 16px;
  color:#667085;
  font-size:13px;
  line-height:1.5;
}
.dashboard-pulse a:not(.button){
  color:#0d0866;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
@media (max-width:1100px){
  .dashboard-pulse{grid-template-columns:1fr 1fr}
  .dashboard-pulse .pulse-command{grid-column:1 / -1}
}
@media (max-width:720px){
  .dashboard-pulse{grid-template-columns:1fr}
}

.form-heading-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

body.admin-shell .editor-panel--invoice .form-grid--invoice{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.admin-shell .editor-panel--invoice .field-title,
body.admin-shell .editor-panel--invoice .field-payment_link,
body.admin-shell .editor-panel--invoice .field-notes{grid-column:span 2}
body.admin-shell .invoice-builder-table input,
body.admin-shell .invoice-builder-table select,
body.admin-shell .invoice-builder-table textarea{font-size:13px!important}
body.admin-shell .invoice-total-preview strong{font-size:15px!important}
@media (max-width:900px){
  body.admin-shell .editor-panel--invoice .form-grid--invoice{grid-template-columns:1fr!important}
  body.admin-shell .editor-panel--invoice .field-title,
  body.admin-shell .editor-panel--invoice .field-payment_link,
  body.admin-shell .editor-panel--invoice .field-notes{grid-column:auto}
}

/* Invoice builder v2 */
body.admin-shell .editor-panel--invoice{
  padding:0!important;
  overflow:hidden;
  border-radius:22px!important;
}
body.admin-shell .editor-panel--invoice .panel-heading{
  margin:0!important;
  padding:28px 32px!important;
  border:0!important;
  background:linear-gradient(135deg,#0d0866,#2563eb)!important;
  color:#fff!important;
}
body.admin-shell .editor-panel--invoice .panel-heading h2{
  color:#fff!important;
  font-size:28px!important;
  font-weight:680!important;
}
body.admin-shell .editor-panel--invoice .panel-heading p{
  color:rgba(255,255,255,.76)!important;
}
body.admin-shell .editor-panel--invoice .panel-heading .button-ghost{
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
body.admin-shell .editor-panel--invoice .smart-form{
  padding:28px 32px 32px!important;
}
body.admin-shell .editor-panel--invoice .form-grid--invoice{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 24px!important;
}
body.admin-shell .editor-panel--invoice .form-grid--invoice > label{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid #e6ebf3!important;
  border-radius:14px!important;
  background:#fbfcff!important;
  color:#111633!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.admin-shell .editor-panel--invoice .form-grid--invoice input,
body.admin-shell .editor-panel--invoice .form-grid--invoice select,
body.admin-shell .editor-panel--invoice .form-grid--invoice textarea{
  min-height:44px!important;
  border:1px solid #dfe6f1!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111633!important;
  font-size:14px!important;
  font-weight:500!important;
}
body.admin-shell .editor-panel--invoice .field-notes,
body.admin-shell .editor-panel--invoice .field-payment_link{grid-column:span 2!important}
body.admin-shell .editor-panel--invoice .field-notes{grid-column:1 / -1!important}
body.admin-shell .invoice-builder{
  margin-top:8px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden;
  border:1px solid #e4e9f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(13,8,102,.06)!important;
}
body.admin-shell .invoice-builder__head{
  padding:22px 24px!important;
  border-bottom:1px solid #e8edf5!important;
  background:#f8fafc!important;
}
body.admin-shell .invoice-builder__head p{
  color:#68708a!important;
}
body.admin-shell .invoice-builder__head h3{
  color:#111633!important;
  font-size:20px!important;
  font-weight:650!important;
}
body.admin-shell .invoice-party-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px 24px!important;
}
body.admin-shell .invoice-party-preview{
  display:grid!important;
  gap:10px!important;
  min-height:132px;
  padding:16px!important;
  border:1px solid #e4e9f2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
body.admin-shell .invoice-party-preview small{
  color:#6b7280!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.admin-shell .invoice-party-preview strong{
  color:#111633!important;
  font-size:17px!important;
  font-weight:680!important;
}
body.admin-shell .invoice-party-preview div{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
body.admin-shell .invoice-party-preview span{
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#475569!important;
  font-size:12px!important;
}
body.admin-shell .invoice-lines-wrap{
  margin:0 24px!important;
  border-radius:14px!important;
}
body.admin-shell .invoice-builder-table{
  min-width:1120px!important;
}
body.admin-shell .invoice-builder-table th{
  background:#f3f6fb!important;
  color:#5b6475!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.admin-shell .invoice-builder-table td{
  background:#fff!important;
  padding:14px!important;
}
body.admin-shell .invoice-builder-table input,
body.admin-shell .invoice-builder-table select,
body.admin-shell .invoice-builder-table textarea{
  min-height:44px!important;
  border:1px solid #e0e7f2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111633!important;
}
body.admin-shell .invoice-builder-table [data-line-total]{
  color:#0d0866!important;
  font-size:16px!important;
  line-height:1.35!important;
}
body.admin-shell .invoice-add-line{
  margin:16px 24px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid #dce5f0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0d0866!important;
  font-weight:750!important;
}
body.admin-shell .invoice-total-preview{
  margin:0 24px 24px auto!important;
  padding:18px!important;
  border:1px solid #dfe6f0!important;
  border-radius:16px!important;
  background:#f8fafc!important;
}
body.admin-shell .invoice-total-preview div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}
body.admin-shell .invoice-total-preview span{
  color:#475569!important;
  font-size:14px!important;
  font-weight:650!important;
}
body.admin-shell .invoice-total-preview strong{
  color:#111633!important;
  font-size:16px!important;
  font-weight:760!important;
}
body.admin-shell .invoice-total-preview div:last-child strong{
  font-size:22px!important;
}
@media (max-width:1100px){
  body.admin-shell .editor-panel--invoice .form-grid--invoice{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.admin-shell .invoice-party-grid{grid-template-columns:1fr!important}
}
@media (max-width:720px){
  body.admin-shell .editor-panel--invoice .smart-form,
  body.admin-shell .editor-panel--invoice .panel-heading{padding:22px!important}
  body.admin-shell .editor-panel--invoice .form-grid--invoice{grid-template-columns:1fr!important}
  body.admin-shell .editor-panel--invoice .field-notes,
  body.admin-shell .editor-panel--invoice .field-payment_link{grid-column:auto!important}
  body.admin-shell .invoice-total-preview{margin-inline:18px!important}
}

/* Dashboard UI refresh 2026-07-26 */
body.admin-shell{
  --em-navy:#0d0866;
  --em-navy-2:#17129a;
  --em-blue:#1c58d9;
  --em-sky:#38bdf8;
  --em-lime:#bdf265;
  --em-ink:#111633;
  --em-muted:#667085;
  --em-line:#e3e8f2;
  --em-soft:#f5f7fc;
  --em-card:#ffffff;
  background:
    linear-gradient(180deg,#f8faff 0,#f4f7fc 42%,#eef3fb 100%)!important;
  color:var(--em-ink)!important;
}
body.admin-shell .admin-sidebar{
  border-right:1px solid rgba(255,255,255,.14)!important;
  background:
    linear-gradient(180deg,#17129a 0%,#163cb9 48%,#0d0866 100%)!important;
  box-shadow:22px 0 54px rgba(13,8,102,.16)!important;
}
body.admin-shell .admin-brand{
  min-height:68px!important;
  margin:0 0 18px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.08)!important;
}
body.admin-shell .admin-sidebar .nav-group{
  margin-bottom:14px!important;
}
body.admin-shell .admin-sidebar .nav-group > button{
  color:rgba(255,255,255,.74)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body.admin-shell .admin-sidebar .nav-group a,
body.admin-shell .admin-sidebar a{
  min-height:42px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  font-weight:650!important;
}
body.admin-shell .admin-sidebar .nav-group a:hover,
body.admin-shell .admin-sidebar a:hover{
  border-color:rgba(189,242,101,.26)!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}
body.admin-shell .admin-sidebar a.is-active{
  border-color:rgba(189,242,101,.48)!important;
  background:linear-gradient(135deg,rgba(189,242,101,.2),rgba(255,255,255,.12))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(13,8,102,.16)!important;
}
body.admin-shell .admin-sidebar .nav-icon{
  color:currentColor!important;
  opacity:.9!important;
}
body.admin-shell .admin-main{
  background:transparent!important;
  padding:0 28px 42px!important;
}
body.admin-shell .admin-topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  margin:0 -28px 26px!important;
  padding:22px 28px!important;
  border:0!important;
  border-bottom:1px solid rgba(13,8,102,.08)!important;
  background:rgba(248,250,255,.88)!important;
  box-shadow:0 16px 34px rgba(13,8,102,.06)!important;
  backdrop-filter:blur(18px)!important;
}
body.admin-shell .admin-topbar p{
  color:#77809a!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.admin-shell .admin-topbar h1{
  color:var(--em-ink)!important;
  font-size:38px!important;
  line-height:1.02!important;
  font-weight:760!important;
}
body.admin-shell .admin-topbar-actions{
  gap:12px!important;
}
body.admin-shell .admin-topbar-actions .button-small,
body.admin-shell .sound-toggle,
body.admin-shell .notification-trigger,
body.admin-shell .admin-user-menu > button{
  min-height:48px!important;
  border:1px solid #dfe6f0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--em-ink)!important;
  box-shadow:0 10px 26px rgba(13,8,102,.07)!important;
  font-weight:750!important;
}
body.admin-shell .admin-topbar-actions .view-website-button{
  border-color:rgba(189,242,101,.48)!important;
  background:#fff!important;
  color:#31421b!important;
}
body.admin-shell .admin-content{
  max-width:1480px!important;
  margin:0 auto!important;
}
body.admin-shell .dashboard-section{
  margin:0 0 22px!important;
}
body.admin-shell .dashboard-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  min-height:292px!important;
  padding:34px!important;
  border:1px solid rgba(189,242,101,.28)!important;
  border-radius:8px!important;
  background:
    linear-gradient(135deg,rgba(13,8,102,.98),rgba(28,88,217,.92) 58%,rgba(56,189,248,.76))!important;
  box-shadow:0 26px 62px rgba(13,8,102,.2)!important;
}
body.admin-shell .dashboard-hero:before{
  display:none!important;
}
body.admin-shell .dashboard-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 76%)!important;
}
body.admin-shell .dashboard-hero > *{
  position:relative!important;
  z-index:1!important;
}
body.admin-shell .dashboard-hero p{
  color:var(--em-lime)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body.admin-shell .dashboard-hero h2{
  max-width:720px!important;
  color:#fff!important;
  font-size:54px!important;
  line-height:.98!important;
  font-weight:780!important;
  letter-spacing:0!important;
}
body.admin-shell .dashboard-hero small{
  max-width:650px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:16px!important;
  line-height:1.6!important;
}
body.admin-shell .dashboard-hero .button{
  min-height:46px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--em-lime)!important;
  color:#142218!important;
  box-shadow:0 18px 32px rgba(189,242,101,.24)!important;
}
body.admin-shell .dashboard-hero__preview{
  min-height:210px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(12px)!important;
}
body.admin-shell .dashboard-hero__preview i{
  border-radius:8px!important;
  background:rgba(255,255,255,.62)!important;
}
body.admin-shell .dashboard-hero__preview i:nth-child(1){
  background:var(--em-lime)!important;
}
body.admin-shell .dashboard-hero__preview i:nth-child(2){
  background:rgba(255,255,255,.32)!important;
}
body.admin-shell .dashboard-hero__preview i:nth-child(3){
  background:rgba(56,189,248,.48)!important;
}
body.admin-shell .dashboard-hero__preview i:nth-child(4){
  background:rgba(189,242,101,.42)!important;
}
body.admin-shell .dashboard-pulse{
  grid-template-columns:minmax(320px,1.25fr) repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.admin-shell .dashboard-pulse article{
  min-height:168px!important;
  padding:20px!important;
  border:1px solid var(--em-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(13,8,102,.06)!important;
}
body.admin-shell .dashboard-pulse .pulse-command{
  background:linear-gradient(135deg,#17129a,#1c58d9)!important;
  color:#fff!important;
}
body.admin-shell .dashboard-pulse span,
body.admin-shell .dashboard-pulse small{
  color:#54750d!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body.admin-shell .dashboard-pulse .pulse-command span,
body.admin-shell .dashboard-pulse .pulse-command p{
  color:rgba(255,255,255,.76)!important;
}
body.admin-shell .dashboard-pulse h2{
  margin:8px 0 10px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.04!important;
  font-weight:720!important;
  letter-spacing:0!important;
}
body.admin-shell .dashboard-pulse strong{
  display:block!important;
  color:var(--em-ink)!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body.admin-shell .dashboard-pulse p{
  color:var(--em-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.admin-shell .dashboard-pulse a:not(.button){
  color:var(--em-blue)!important;
  font-size:13px!important;
  font-weight:760!important;
}
body.admin-shell .dashboard-kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.admin-shell .dashboard-kpi{
  position:relative!important;
  min-height:156px!important;
  padding:18px!important;
  overflow:hidden!important;
  border:1px solid var(--em-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(13,8,102,.06)!important;
}
body.admin-shell .dashboard-kpi:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--em-lime),var(--em-sky),var(--em-blue))!important;
}
body.admin-shell .dashboard-kpi:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 44px rgba(13,8,102,.1)!important;
}
body.admin-shell .dashboard-kpi__icon,
body.admin-shell .workspace-row span{
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(189,242,101,.38)!important;
  border-radius:8px!important;
  background:#f0fee2!important;
  color:#385f08!important;
}
body.admin-shell .dashboard-kpi strong{
  color:var(--em-ink)!important;
  font-size:34px!important;
  font-weight:760!important;
}
body.admin-shell .dashboard-kpi p{
  color:var(--em-ink)!important;
  font-size:14px!important;
  font-weight:760!important;
}
body.admin-shell .dashboard-kpi small{
  color:#7a8398!important;
  font-size:13px!important;
}
body.admin-shell .dashboard-section__heading h2{
  color:var(--em-ink)!important;
  font-size:24px!important;
  font-weight:740!important;
}
body.admin-shell .dashboard-section__heading p{
  color:#7a8398!important;
}
body.admin-shell .workspace-panel,
body.admin-shell .visitor-analytics-panel,
body.admin-shell .insight-card,
body.admin-shell .business-overview-panel{
  border:1px solid var(--em-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(13,8,102,.06)!important;
}
body.admin-shell .workspace-row{
  min-height:82px!important;
  border:1px solid #edf1f7!important;
  border-radius:8px!important;
  background:#fbfcff!important;
  box-shadow:none!important;
}
body.admin-shell .workspace-row:hover{
  border-color:rgba(28,88,217,.22)!important;
  background:#fff!important;
  transform:translateY(-2px)!important;
}
body.admin-shell .workspace-row strong{
  color:var(--em-ink)!important;
  font-size:15px!important;
  font-weight:740!important;
}
body.admin-shell .workspace-row small{
  color:#7a8398!important;
  font-size:13px!important;
}
body.admin-shell .workspace-row b{
  color:var(--em-blue)!important;
  font-size:18px!important;
  font-weight:760!important;
}
body.admin-shell .workspace-row i{
  color:#9ba5ba!important;
  font-style:normal!important;
}
body.admin-shell .dashboard-actions{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
body.admin-shell .dashboard-actions a{
  min-height:112px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  padding:16px!important;
  border:1px solid var(--em-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--em-ink)!important;
  box-shadow:0 12px 30px rgba(13,8,102,.05)!important;
}
body.admin-shell .dashboard-actions a:hover{
  border-color:rgba(28,88,217,.24)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 20px 42px rgba(13,8,102,.09)!important;
}
body.admin-shell .dashboard-actions svg{
  width:34px!important;
  height:34px!important;
  padding:8px!important;
  border-radius:8px!important;
  background:#effee1!important;
  color:#385f08!important;
}
body.admin-shell .visitor-summary-card,
body.admin-shell .visitor-period-grid article,
body.admin-shell .business-list div,
body.admin-shell .top-pages-list a{
  border:1px solid #edf1f7!important;
  border-radius:8px!important;
  background:#fbfcff!important;
}
body.admin-shell .mini-chart{
  border-radius:8px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
}
@media (max-width:1200px){
  body.admin-shell .dashboard-hero,
  body.admin-shell .dashboard-pulse{grid-template-columns:1fr!important}
  body.admin-shell .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.admin-shell .dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  body.admin-shell .admin-main{padding:0 18px 34px!important}
  body.admin-shell .admin-topbar{margin:0 -18px 20px!important;padding:18px!important}
  body.admin-shell .dashboard-hero{padding:24px!important;grid-template-columns:1fr!important}
  body.admin-shell .admin-topbar h1{font-size:30px!important}
  body.admin-shell .dashboard-hero h2{font-size:36px!important}
  body.admin-shell .dashboard-pulse h2{font-size:24px!important}
  body.admin-shell .dashboard-hero__preview{display:none!important}
  body.admin-shell .dashboard-kpi-grid,
  body.admin-shell .dashboard-actions{grid-template-columns:1fr!important}
}

/* Dashboard/sidebar visual restore. Keeps new modules, restores the previous calm admin UI. */
body.admin-shell{
  background:#f6f7fc!important;
  color:#10122e!important;
}
body.admin-shell .admin-sidebar{
  width:264px!important;
  padding:24px 16px!important;
  border-right:0!important;
  background:linear-gradient(180deg,#070b2e,#05072f)!important;
  box-shadow:none!important;
}
body.admin-shell .admin-brand{
  min-height:42px!important;
  margin:0 0 24px!important;
  padding:0 12px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.admin-shell .admin-logo{
  width:164px!important;
  max-height:52px!important;
  filter:brightness(0) invert(1)!important;
}
body.admin-shell .admin-sidebar .nav-group{
  margin:22px 0 0!important;
}
body.admin-shell .admin-sidebar .nav-group > button{
  padding:0 12px 8px!important;
  color:#f7f8ff!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
}
body.admin-shell .admin-sidebar .nav-group a,
body.admin-shell .admin-sidebar a{
  min-height:44px!important;
  margin:2px 0!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:rgba(255,255,255,.62)!important;
  font-size:14px!important;
  font-weight:400!important;
  box-shadow:none!important;
  transform:none!important;
}
body.admin-shell .admin-sidebar .nav-group a:hover,
body.admin-shell .admin-sidebar a:hover{
  background:rgba(189,242,101,.08)!important;
  color:#fff!important;
  transform:none!important;
}
body.admin-shell .admin-sidebar a.is-active{
  background:linear-gradient(135deg,rgba(189,242,101,.22),rgba(255,255,255,.08))!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(189,242,101,.12)!important;
}
body.admin-shell .admin-sidebar a.is-active:before{
  display:none!important;
}
body.admin-shell .admin-logout{
  margin-top:auto!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:13px!important;
  color:rgba(255,255,255,.7)!important;
}
body.admin-shell .admin-main{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:0 32px 42px!important;
  background:#f6f7fc!important;
}
body.admin-shell .admin-topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  min-height:76px!important;
  margin:0 -32px 28px!important;
  padding:14px 32px!important;
  border:0!important;
  border-bottom:1px solid #e8e8f1!important;
  border-radius:0!important;
  background:rgba(246,247,252,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
}
body.admin-shell .admin-title-block p,
body.admin-shell .admin-topbar p{
  color:#7d7f94!important;
  font-size:12px!important;
  font-weight:400!important;
}
body.admin-shell .admin-title-block h1,
body.admin-shell .admin-topbar h1{
  color:#10122e!important;
  font-size:clamp(24px,2.6vw,34px)!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
body.admin-shell .admin-topbar-actions .button-small,
body.admin-shell .sound-toggle,
body.admin-shell .notification-trigger,
body.admin-shell .admin-user-menu > button,
body.admin-shell .profile-trigger{
  min-height:40px!important;
  border:1px solid #e5e6ed!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#10122e!important;
  box-shadow:none!important;
  font-weight:400!important;
}
body.admin-shell .admin-topbar-actions .view-website-button{
  background:#fff!important;
  color:#314b0d!important;
  border-color:#dcebb8!important;
}
body.admin-shell .profile-avatar,
body.admin-shell .admin-drawer-button{
  border-radius:10px!important;
  background:linear-gradient(135deg,#bdf265,#9de83f)!important;
  color:#07110a!important;
}
body.admin-shell .dashboard-section{
  margin:24px 0 0!important;
}
body.admin-shell .dashboard-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px!important;
  min-height:260px!important;
  margin-bottom:22px!important;
  padding:34px 38px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#070b2e,#11144a 58%,#233d12)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.admin-shell .dashboard-hero:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:-70px!important;
  top:-110px!important;
  width:360px!important;
  height:360px!important;
  border-radius:50%!important;
  background:#bdf265!important;
  filter:blur(48px)!important;
  opacity:.62!important;
}
body.admin-shell .dashboard-hero:after{
  display:none!important;
}
body.admin-shell .dashboard-hero > div:first-child{
  position:relative!important;
  max-width:580px!important;
}
body.admin-shell .dashboard-hero p{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#f4ffe0!important;
  font-size:13px!important;
  font-weight:600!important;
}
body.admin-shell .dashboard-hero p span{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#bdf265!important;
  box-shadow:0 0 18px rgba(189,242,101,.48)!important;
}
body.admin-shell .dashboard-hero h2{
  max-width:580px!important;
  margin:22px 0 12px!important;
  color:#fff!important;
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.02!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
body.admin-shell .dashboard-hero small{
  display:block!important;
  max-width:520px!important;
  color:rgba(255,255,255,.64)!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body.admin-shell .dashboard-hero .button{
  margin-top:24px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#bdf265,#9de83f)!important;
  color:#07110a!important;
  box-shadow:0 16px 36px rgba(189,242,101,.2)!important;
}
body.admin-shell .dashboard-hero__preview{
  position:relative!important;
  width:300px!important;
  height:180px!important;
  min-height:180px!important;
  align-self:flex-end!important;
  margin-bottom:-34px!important;
  padding:22px!important;
  border:1px solid rgba(189,242,101,.18)!important;
  border-radius:22px 22px 0 0!important;
  background:#0c1745!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:none!important;
}
body.admin-shell .dashboard-hero__preview i{
  position:absolute!important;
  display:block!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.14)!important;
}
body.admin-shell .dashboard-hero__preview i:nth-child(1){left:22px!important;top:22px!important;width:80px!important;height:10px!important}
body.admin-shell .dashboard-hero__preview i:nth-child(2){left:22px!important;bottom:28px!important;width:82px!important;height:76px!important;background:rgba(189,242,101,.34)!important}
body.admin-shell .dashboard-hero__preview i:nth-child(3){left:120px!important;bottom:28px!important;width:68px!important;height:48px!important;background:rgba(52,217,245,.35)!important}
body.admin-shell .dashboard-hero__preview i:nth-child(4){right:24px!important;bottom:28px!important;width:72px!important;height:94px!important;background:rgba(255,255,255,.2)!important}
body.admin-shell .dashboard-pulse{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
body.admin-shell .dashboard-pulse article,
body.admin-shell .dashboard-kpi,
body.admin-shell .workspace-panel,
body.admin-shell .visitor-analytics-panel,
body.admin-shell .insight-card,
body.admin-shell .upcoming-panel,
body.admin-shell .business-overview-panel{
  border:1px solid #e6ebf4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(17,22,51,.035)!important;
}
body.admin-shell .dashboard-pulse article{
  min-height:132px!important;
  padding:16px!important;
  color:#111532!important;
}
body.admin-shell .dashboard-pulse .pulse-command{
  background:#11144a!important;
  color:#fff!important;
}
body.admin-shell .dashboard-pulse span,
body.admin-shell .dashboard-pulse small{
  color:#6d7489!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
body.admin-shell .dashboard-pulse .pulse-command span,
body.admin-shell .dashboard-pulse .pulse-command p{
  color:rgba(255,255,255,.72)!important;
}
body.admin-shell .dashboard-pulse h2{
  margin:8px 0 10px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:600!important;
}
body.admin-shell .dashboard-pulse strong{
  display:block!important;
  color:#111532!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body.admin-shell .dashboard-pulse p{
  color:#6d7489!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.admin-shell .dashboard-pulse a:not(.button){
  color:#0d0866!important;
  font-size:13px!important;
  font-weight:500!important;
}
body.admin-shell .dashboard-kpi-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
body.admin-shell .dashboard-kpi{
  min-height:112px!important;
  padding:15px!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.admin-shell .dashboard-kpi:before{
  display:none!important;
}
body.admin-shell .dashboard-kpi:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(189,242,101,.72)!important;
  box-shadow:0 12px 30px rgba(17,22,51,.052)!important;
}
body.admin-shell .dashboard-kpi__icon,
body.admin-shell .workspace-row span,
body.admin-shell .upcoming-list span{
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f4ffe0!important;
  color:#314b0d!important;
}
body.admin-shell .dashboard-kpi strong{
  margin-top:12px!important;
  color:#111532!important;
  font-size:30px!important;
  font-weight:600!important;
}
body.admin-shell .dashboard-kpi p{
  color:#111532!important;
  font-size:13px!important;
  font-weight:400!important;
}
body.admin-shell .dashboard-kpi small{
  color:#747b91!important;
  font-size:12px!important;
  font-weight:400!important;
}
body.admin-shell .dashboard-section__heading h2{
  color:#111532!important;
  font-size:20px!important;
  font-weight:500!important;
}
body.admin-shell .dashboard-section__heading p{
  color:#6a718a!important;
  font-size:13px!important;
  font-weight:400!important;
}
body.admin-shell .workspace-panel{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:14px!important;
}
body.admin-shell .workspace-row{
  min-height:66px!important;
  padding:12px!important;
  border:1px solid #eef2f7!important;
  border-radius:14px!important;
  background:#fbfcff!important;
  box-shadow:none!important;
}
body.admin-shell .workspace-row:hover{
  border-color:#d8eab4!important;
  background:#fcfff8!important;
  transform:translateY(-1px)!important;
}
body.admin-shell .workspace-row strong,
body.admin-shell .upcoming-list strong{
  font-size:14px!important;
  font-weight:500!important;
}
body.admin-shell .workspace-row small,
body.admin-shell .upcoming-list small{
  color:#6d7489!important;
  font-size:12px!important;
  font-weight:400!important;
}
body.admin-shell .workspace-row b,
body.admin-shell .top-pages-list b{
  color:#0d0866!important;
  font-size:18px!important;
  font-weight:600!important;
}
body.admin-shell .workspace-row i{
  color:#8aa955!important;
  font-style:normal!important;
  font-weight:500!important;
}
body.admin-shell .dashboard-actions{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;
}
body.admin-shell .dashboard-actions a{
  min-height:48px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border:1px solid #e6ebf4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111532!important;
  box-shadow:0 10px 26px rgba(17,22,51,.035)!important;
  font-size:13px!important;
  font-weight:400!important;
}
body.admin-shell .dashboard-actions a:hover{
  transform:translateY(-2px)!important;
  border-color:#bdf265!important;
  background:#f8fff0!important;
}
body.admin-shell .dashboard-actions svg{
  width:16px!important;
  height:16px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#315b16!important;
}
body.admin-shell .visitor-summary-card,
body.admin-shell .visitor-period-grid article,
body.admin-shell .business-list div,
body.admin-shell .top-pages-list a,
body.admin-shell .top-pages-empty{
  border:1px solid #eef2f7!important;
  border-radius:14px!important;
  background:#fbfcff!important;
}
@media (max-width:1280px){
  body.admin-shell .dashboard-pulse,
  body.admin-shell .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.admin-shell .dashboard-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:900px){
  body.admin-shell .workspace-panel,
  body.admin-shell .dashboard-insights,
  body.admin-shell .visitor-analytics-panel{grid-template-columns:1fr!important}
  body.admin-shell .dashboard-pulse,
  body.admin-shell .dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  body.admin-shell .admin-main{padding:0 20px 34px!important}
  body.admin-shell .admin-topbar{margin:0 -20px 22px!important;padding:14px 20px!important}
  body.admin-shell .admin-topbar h1{font-size:28px!important}
  body.admin-shell .dashboard-hero{display:block!important;padding:28px 24px!important;border-radius:22px!important}
  body.admin-shell .dashboard-hero h2{font-size:34px!important}
  body.admin-shell .dashboard-hero__preview{display:none!important}
  body.admin-shell .dashboard-pulse,
  body.admin-shell .dashboard-kpi-grid,
  body.admin-shell .dashboard-actions{grid-template-columns:1fr!important}
}

/* Booking Management page polish from the supplied compact design. */
body.admin-shell .booking-admin-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:22px!important;
  margin:0 0 26px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0d0866!important;
  box-shadow:none!important;
}
body.admin-shell .booking-admin-hero .campaign-kicker{
  margin:0 0 6px!important;
  color:#1c58d9!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:11.5px!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.admin-shell .booking-admin-hero h2{
  margin:0 0 6px!important;
  color:#0d0866!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:700!important;
}
body.admin-shell .booking-admin-hero > div:first-child > p:last-child{
  max-width:440px!important;
  margin:0!important;
  color:rgba(18,20,46,.58)!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
body.admin-shell .booking-admin-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-content:initial!important;
  grid-template-columns:none!important;
}
body.admin-shell .booking-admin-stats article{
  position:relative!important;
  min-width:110px!important;
  padding:16px 22px!important;
  overflow:hidden!important;
  border:1px solid rgba(18,20,46,.09)!important;
  border-radius:16px!important;
  background:#fff!important;
  text-align:left!important;
}
body.admin-shell .booking-admin-stats article::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:rgba(18,20,46,.09)!important;
}
body.admin-shell .booking-admin-stats article:nth-child(1)::before{background:#1c58d9!important}
body.admin-shell .booking-admin-stats article:nth-child(2)::before{background:#f5a623!important}
body.admin-shell .booking-admin-stats article:nth-child(3)::before{background:#bdf265!important}
body.admin-shell .booking-admin-stats article:nth-child(4)::before{background:#8fefff!important}
body.admin-shell .booking-admin-stats strong{
  display:block!important;
  color:#0d0866!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.admin-shell .booking-admin-stats span{
  color:rgba(18,20,46,.58)!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:11.5px!important;
  font-weight:500!important;
  text-transform:uppercase!important;
}
body.admin-shell .booking-calendar-panel,
body.admin-shell .booking-list-panel{
  margin-bottom:22px!important;
  padding:24px 26px 26px!important;
  border:1px solid rgba(18,20,46,.09)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.admin-shell .booking-calendar-panel .panel-heading,
body.admin-shell .booking-list-panel .panel-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:16px!important;
  margin:0 0 20px!important;
  padding:0!important;
  border:0!important;
}
body.admin-shell .booking-calendar-panel .panel-heading h2,
body.admin-shell .booking-list-panel .panel-heading h2{
  margin:0 0 4px!important;
  color:#0d0866!important;
  font-size:16.5px!important;
  font-weight:700!important;
}
body.admin-shell .booking-calendar-panel .panel-heading p,
body.admin-shell .booking-list-panel .panel-heading p{
  margin:0!important;
  color:rgba(18,20,46,.58)!important;
  font-size:12.5px!important;
  font-weight:400!important;
}
body.admin-shell .booking-list-panel .panel-heading .button{
  min-height:34px!important;
  padding:9px 16px!important;
  border:0!important;
  border-radius:9px!important;
  background:#0d0866!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
}
body.admin-shell .booking-calendar{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important;
  gap:10px!important;
}
body.admin-shell .booking-calendar article{
  min-height:88px!important;
  padding:12px 13px!important;
  border:1px solid rgba(18,20,46,.09)!important;
  border-radius:13px!important;
  background:#fbfbfe!important;
  box-shadow:none!important;
}
body.admin-shell .booking-calendar article.is-today{
  border-color:#1c58d9!important;
  background:rgba(28,88,217,.05)!important;
  box-shadow:none!important;
}
body.admin-shell .booking-calendar article > strong{
  display:block!important;
  margin:0 0 8px!important;
  color:rgba(18,20,46,.58)!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:12px!important;
  font-weight:600!important;
}
body.admin-shell .booking-calendar article.is-today > strong{
  color:#1c58d9!important;
}
body.admin-shell .booking-empty-day{
  color:rgba(18,20,46,.38)!important;
  font-size:11.5px!important;
}
body.admin-shell .booking-calendar-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin:0 0 6px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
  background:rgba(189,242,101,.18)!important;
  color:#0d0866!important;
  text-decoration:none!important;
  font-size:11px!important;
}
body.admin-shell .booking-calendar-item span{
  flex-shrink:0!important;
  color:rgba(18,20,46,.58)!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-weight:400!important;
}
body.admin-shell .booking-calendar-item b{
  overflow:hidden!important;
  font-weight:600!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.admin-shell .booking-calendar-item.status-completed{
  background:rgba(28,88,217,.09)!important;
}
body.admin-shell .booking-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
body.admin-shell .booking-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:16px!important;
  padding:11px 14px!important;
  border:1px solid rgba(18,20,46,.09)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:box-shadow .2s ease,border-color .2s ease!important;
}
body.admin-shell .booking-card:hover{
  border-color:rgba(18,20,46,.14)!important;
  box-shadow:0 6px 16px rgba(18,20,46,.06)!important;
}
body.admin-shell .booking-card__main{
  display:flex!important;
  align-items:baseline!important;
  flex:1 1 280px!important;
  flex-wrap:wrap!important;
  min-width:220px!important;
  column-gap:10px!important;
  row-gap:4px!important;
}
body.admin-shell .booking-status{
  display:inline-block!important;
  flex-shrink:0!important;
  width:auto!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:9.5px!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
}
body.admin-shell .booking-status--completed{background:rgba(28,88,217,.1)!important;color:#1c58d9!important}
body.admin-shell .booking-status--confirmed{background:rgba(189,242,101,.25)!important;color:#4c7a12!important}
body.admin-shell .booking-status--requested{background:rgba(245,166,35,.15)!important;color:#9a6100!important}
body.admin-shell .booking-status--cancelled,
body.admin-shell .booking-status--no_show{background:rgba(229,72,77,.1)!important;color:#e5484d!important}
body.admin-shell .booking-card h3{
  flex-shrink:0!important;
  margin:0!important;
  color:#0d0866!important;
  font-size:13.5px!important;
  font-weight:700!important;
}
body.admin-shell .booking-card__main > p:not(.booking-notes){
  margin:0!important;
  color:rgba(18,20,46,.58)!important;
  font-size:11px!important;
}
body.admin-shell .booking-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  margin:0!important;
}
body.admin-shell .booking-meta span{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(18,20,46,.58)!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:10.5px!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
body.admin-shell .booking-meta span:not(:last-child)::after{
  content:"·"!important;
  margin-left:6px!important;
  color:rgba(18,20,46,.09)!important;
}
body.admin-shell .booking-notes{
  flex-basis:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(18,20,46,.58)!important;
  font-size:11px!important;
}
body.admin-shell .booking-notes::before{
  content:"↳ "!important;
  color:rgba(18,20,46,.38)!important;
}
body.admin-shell .booking-card__actions{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
}
body.admin-shell .booking-card__actions form{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  margin:0!important;
}
body.admin-shell .booking-card__actions select,
body.admin-shell .booking-card__actions input[type="date"],
body.admin-shell .booking-card__actions input[type="text"],
body.admin-shell .booking-card__actions input:not([type="hidden"]){
  height:28px!important;
  min-height:28px!important;
  padding:5px 8px!important;
  border:1px solid rgba(18,20,46,.09)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#0d0866!important;
  font-size:11px!important;
}
body.admin-shell .booking-card__actions input[type="date"]{width:118px!important}
body.admin-shell .booking-card__actions input[type="text"],
body.admin-shell .booking-card__actions input:not([type="hidden"]):not([type="date"]){width:60px!important}
body.admin-shell .booking-card__actions select{max-width:96px!important}
body.admin-shell .booking-card__actions .button{
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:#0d0866!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.admin-shell .booking-card__actions .button-ghost{
  border-color:rgba(18,20,46,.09)!important;
  background:#fff!important;
  color:#0d0866!important;
}
body.admin-shell .booking-card__actions .button.danger{
  border-color:rgba(229,72,77,.3)!important;
  background:#fff!important;
  color:#e5484d!important;
}
body.admin-shell .booking-card__actions .button.danger-soft{
  padding:0 6px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:rgba(18,20,46,.38)!important;
}
@media (max-width:1150px){
  body.admin-shell .booking-card{align-items:flex-start!important}
  body.admin-shell .booking-card__actions{
    flex:1 1 100%!important;
    flex-wrap:wrap!important;
    padding-top:8px!important;
    margin-top:2px!important;
    border-top:1px solid rgba(18,20,46,.09)!important;
  }
  body.admin-shell .booking-card__actions form{flex-wrap:wrap!important}
}
@media (max-width:640px){
  body.admin-shell .booking-admin-hero{margin-bottom:20px!important}
  body.admin-shell .booking-admin-stats{width:100%!important}
  body.admin-shell .booking-admin-stats article{flex:1 1 calc(50% - 6px)!important;min-width:0!important}
  body.admin-shell .booking-calendar-panel,
  body.admin-shell .booking-list-panel{padding:18px!important;border-radius:16px!important}
  body.admin-shell .booking-calendar{grid-template-columns:1fr!important}
  body.admin-shell .booking-card__actions,
  body.admin-shell .booking-card__actions form{display:grid!important;grid-template-columns:1fr!important}
  body.admin-shell .booking-card__actions select,
  body.admin-shell .booking-card__actions input[type="date"],
  body.admin-shell .booking-card__actions input[type="text"],
  body.admin-shell .booking-card__actions input:not([type="hidden"]){width:100%!important;max-width:none!important}
}

/* Team cards: keep the edit action as a three-dot menu icon. */
body.admin-shell .team-card__menu{
  overflow:hidden!important;
  text-decoration:none!important;
  font-size:0!important;
}
body.admin-shell .team-card__menu::before{
  content:"•••"!important;
  font-size:16px!important;
  line-height:1!important;
  letter-spacing:1px!important;
}

/* Admin mobile compatibility pass: dashboard, topbar and email marketing tables. */
@media (max-width:760px){
  html,
  body.admin-shell{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.admin-shell{
    display:block!important;
    background:#f6f7fc!important;
  }
  body.admin-shell .admin-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0 14px 34px!important;
    overflow-x:hidden!important;
  }
  body.admin-shell .admin-content,
  body.admin-shell section,
  body.admin-shell .admin-panel,
  body.admin-shell .dashboard-section,
  body.admin-shell .dashboard-workspace,
  body.admin-shell .dashboard-insights,
  body.admin-shell .visitor-analytics-panel,
  body.admin-shell .workspace-panel,
  body.admin-shell .business-overview-panel,
  body.admin-shell .upcoming-panel,
  body.admin-shell .mailer-studio-hero,
  body.admin-shell .mailer-hero-compact,
  body.admin-shell .email-campaign-shell,
  body.admin-shell .email-table-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.admin-shell .admin-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:auto!important;
    max-width:none!important;
    min-height:64px!important;
    margin:0 -14px 18px!important;
    padding:12px 14px!important;
    overflow:visible!important;
  }
  body.admin-shell .admin-title-block{
    min-width:0!important;
  }
  body.admin-shell .admin-title-block p{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.admin-shell .admin-title-block h1{
    max-width:100%!important;
    font-size:clamp(22px,7vw,30px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.admin-shell .admin-topbar-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
  }
  body.admin-shell .admin-topbar-actions .view-website-button{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }
  body.admin-shell .admin-topbar-actions .view-website-button .button-label{
    display:none!important;
  }
  body.admin-shell .admin-topbar-actions .view-website-button svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }
  body.admin-shell .sound-toggle{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.admin-shell .sound-toggle [data-sound-label]{
    display:none!important;
  }
  body.admin-shell .notification-trigger{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
  body.admin-shell .profile-trigger{
    max-width:52px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    justify-content:center!important;
  }
  body.admin-shell .profile-trigger .profile-name,
  body.admin-shell .profile-trigger > svg{
    display:none!important;
  }
  body.admin-shell .dashboard-hero{
    min-height:auto!important;
    margin:0 0 18px!important;
    padding:24px 18px!important;
    border-radius:18px!important;
  }
  body.admin-shell .dashboard-hero h2{
    max-width:100%!important;
    font-size:clamp(30px,10vw,38px)!important;
  }
  body.admin-shell .dashboard-hero small{
    max-width:100%!important;
    font-size:14px!important;
  }
  body.admin-shell .dashboard-pulse,
  body.admin-shell .dashboard-kpi-grid,
  body.admin-shell .dashboard-actions,
  body.admin-shell .dashboard-insights,
  body.admin-shell .workspace-panel,
  body.admin-shell .visitor-analytics-panel,
  body.admin-shell .visitor-period-grid,
  body.admin-shell .business-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.admin-shell .dashboard-pulse article,
  body.admin-shell .dashboard-kpi,
  body.admin-shell .workspace-row,
  body.admin-shell .dashboard-actions a,
  body.admin-shell .visitor-summary-card,
  body.admin-shell .visitor-period-grid article,
  body.admin-shell .insight-card,
  body.admin-shell .business-overview-panel,
  body.admin-shell .upcoming-panel{
    max-width:100%!important;
    min-width:0!important;
  }
  body.admin-shell .workspace-row{
    grid-template-columns:34px minmax(0,1fr) auto 16px!important;
  }
  body.admin-shell .workspace-row strong,
  body.admin-shell .workspace-row small,
  body.admin-shell .top-pages-list strong,
  body.admin-shell .top-pages-list small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.admin-shell .mini-chart{
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.admin-shell .mini-chart svg{
    min-width:560px!important;
  }
  body.admin-shell .mailer-studio-hero,
  body.admin-shell .mailer-hero-compact{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0 0 14px!important;
    padding:20px!important;
    border-radius:18px!important;
  }
  body.admin-shell .mailer-studio-hero h2,
  body.admin-shell .mailer-hero-compact h2{
    font-size:clamp(28px,9vw,36px)!important;
    line-height:1.05!important;
  }
  body.admin-shell .mailer-studio-hero__cards{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  body.admin-shell .mailer-studio-hero__cards span{
    min-width:0!important;
    flex:1 1 140px!important;
  }
  body.admin-shell .mailer-tabs,
  body.admin-shell .email-marketing-tabs{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:0 0 8px!important;
    margin:0 0 12px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
  }
  body.admin-shell .mailer-tabs a,
  body.admin-shell .email-marketing-tabs a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body.admin-shell .email-campaign-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.admin-shell .email-summary-card{
    position:static!important;
  }
  body.admin-shell .email-table-panel{
    padding:12px!important;
    overflow:hidden!important;
  }
  body.admin-shell .email-table-toolbar,
  body.admin-shell .email-search-row,
  body.admin-shell .email-toolbar-actions,
  body.admin-shell .email-bulkbar,
  body.admin-shell .mailer-action-row,
  body.admin-shell .campaign-actions{
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  body.admin-shell .email-search-row input,
  body.admin-shell .email-search-row select,
  body.admin-shell .email-search-row .button,
  body.admin-shell .email-search-row .button-small{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.admin-shell .email-table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:14px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.admin-shell .email-data-table{
    width:max-content!important;
    min-width:780px!important;
    max-width:none!important;
  }
  body.admin-shell .email-data-table th,
  body.admin-shell .email-data-table td{
    padding:9px 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body.admin-shell .email-data-table td strong,
  body.admin-shell .email-data-table td small{
    max-width:220px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.admin-shell .email-row-actions{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
  }
  body.admin-shell .email-row-actions form{
    display:inline-flex!important;
    margin:0!important;
  }
  body.admin-shell .email-row-actions a,
  body.admin-shell .email-row-actions button{
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:8px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body.admin-shell .campaign-history-cards{
    display:none!important;
  }
  body.admin-shell .smart-form,
  body.admin-shell .form-grid,
  body.admin-shell .email-contact-tool .form-grid,
  body.admin-shell .email-wizard-step,
  body.admin-shell .mailer-test{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.admin-shell .email-wizard-step{
    padding:16px!important;
  }
  body.admin-shell .email-step-index{
    display:none!important;
  }
  body.admin-shell .mailer-editor-toolbar{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  body.admin-shell .mailer-preview-step iframe{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:390px){
  body.admin-shell .admin-main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.admin-shell .admin-topbar{
    margin-left:-10px!important;
    margin-right:-10px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.admin-shell .admin-topbar-actions{
    gap:4px!important;
  }
  body.admin-shell .admin-topbar-actions .view-website-button,
  body.admin-shell .sound-toggle,
  body.admin-shell .notification-trigger,
  body.admin-shell .profile-trigger{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}