/* Symbba Core v1.6.2 */
:root{
  --symbba-blue:#2457ff;
  --symbba-blue2:#6ea8ff;
  --symbba-bg:#f5f7fb;
  --symbba-ink:#111827;
  --symbba-muted:#667085;
  --symbba-card:#ffffff;
  --symbba-line:#e5e7eb;
  --symbba-shadow:0 18px 45px rgba(25,41,89,.10);
  --symbba-radius:24px;
}
/* Keep the normal WordPress/Astra site header visible on Symbba pages.
   This preserves the mobile hamburger menu and any translator placed in the header. */
body.symbba-app-page .site-footer,
body.symbba-app-page footer,
body.symbba-app-page header.entry-header,
body.symbba-app-page .entry-title{
  display:none!important;
}
body.symbba-app-page .site-header,
body.symbba-app-page #masthead,
body.symbba-app-page .ast-mobile-header-wrap,
body.symbba-app-page .ast-primary-header-bar{
  display:block;
  visibility:visible;
  opacity:1;
}
/* Keep common floating/header translation controls above the Symbba app shell. */
body.symbba-app-page .gtranslate_wrapper,
body.symbba-app-page .gt_float_switcher,
body.symbba-app-page .goog-te-gadget,
body.symbba-app-page .trp-language-switcher{
  position:relative;
  z-index:100001;
  visibility:visible!important;
  opacity:1!important;
}
body.symbba-app-page{
  background:var(--symbba-bg)!important;
}
.symbba-app-shell{
  max-width:980px;
  margin:0 auto;
  min-height:100vh;
  padding:18px 14px 126px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--symbba-ink);
}
.symbba-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.symbba-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.symbba-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--symbba-blue),var(--symbba-blue2));
  font-weight:1000;
  font-size:23px;
  box-shadow:0 12px 24px rgba(36,87,255,.24);
}
.symbba-brand strong{display:block;font-size:16px;letter-spacing:.06em;}
.symbba-brand small{display:block;color:var(--symbba-muted);font-size:12px;margin-top:2px;}
.symbba-icon-btn{
  width:42px;height:42px;border:0;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(25,41,89,.08);
}
.symbba-hero{
  background:linear-gradient(135deg,var(--symbba-blue),var(--symbba-blue2));
  color:#fff;
  border-radius:30px;
  padding:24px 20px;
  box-shadow:var(--symbba-shadow);
  margin-bottom:14px;
}
.symbba-hero h1{margin:0 0 8px;font-size:28px;line-height:1.08;color:#fff;}
.symbba-hero p{margin:0;font-size:15px;line-height:1.55;opacity:.94;}
.symbba-search{
  display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--symbba-line);border-radius:22px;padding:12px 14px;margin:14px 0;box-shadow:0 8px 24px rgba(25,41,89,.05);
}
.symbba-search input{width:100%;border:0!important;box-shadow:none!important;outline:0!important;background:transparent;font-size:16px;}
.symbba-workspace{display:none;}
.symbba-workspace.is-active{display:block;animation:symbbaFade .18s ease-out;}
@keyframes symbbaFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.symbba-card{
  background:#fff;border:1px solid rgba(17,24,39,.06);border-radius:var(--symbba-radius);padding:18px;box-shadow:0 12px 32px rgba(25,41,89,.08);margin:12px 0;
}
.symbba-card h2{margin:0 0 8px;font-size:22px;}
.symbba-card p{color:var(--symbba-muted);line-height:1.55;margin:0 0 12px;}
.symbba-mini-tabs{display:flex;gap:8px;overflow-x:auto;margin:12px 0;}
.symbba-mini-tabs span{background:#eef2ff;color:#334155;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800;white-space:nowrap;}
.symbba-soft-panel{background:#f8fbff;border:1px solid #e4ecff;border-radius:20px;padding:14px;margin-top:12px;}
.symbba-soft-panel p{margin:6px 0 0;}
.symbba-pill,.symbba-primary-link{
  display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--symbba-blue);color:#fff!important;text-decoration:none!important;font-weight:900;padding:11px 16px;box-shadow:0 10px 22px rgba(36,87,255,.20);
}
.symbba-action-row{display:flex;gap:8px;flex-wrap:wrap;}
.symbba-action-row button{border:0;border-radius:999px;background:#eef2ff;color:#2457ff;font-weight:900;padding:10px 14px;}
.symbba-menu-list{display:grid;gap:8px;}
.symbba-menu-list span{background:#f8fafc;border-radius:16px;padding:13px;font-weight:800;}
.symbba-bottom-nav{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(94vw,520px);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  border:1px solid rgba(17,24,39,.08);
  border-radius:28px;
  box-shadow:0 22px 60px rgba(15,23,42,.18);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
  padding:8px 8px;
  z-index:99999;
}
.symbba-nav-btn{
  border:0;background:transparent;border-radius:20px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#64748b;font-size:12px;font-weight:900;cursor:pointer;
}
.symbba-nav-btn span{font-size:19px;line-height:1;}
.symbba-nav-btn.is-active{background:#eef4ff;color:var(--symbba-blue);}
.symbba-create-btn span{
  background:var(--symbba-blue);
  color:#fff;
  width:34px;height:34px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-top:-18px;box-shadow:0 12px 24px rgba(36,87,255,.28);
}
@media(max-width:640px){
  .symbba-app-shell{padding-left:12px;padding-right:12px;}
  .symbba-hero{border-radius:28px;padding:22px 18px;}
  .symbba-hero h1{font-size:25px;}
}


/* v1.6.2: real mobile site menu and global translator */
.symbba-site-page-menu .symbba-page-links,
.symbba-site-page-menu .symbba-page-links ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.symbba-site-page-menu .symbba-page-links ul{
  margin:8px 0 0 14px;
}
.symbba-site-page-menu .symbba-page-links a,
.symbba-account-links a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:11px 14px;
  border-radius:15px;
  background:#f8fafc;
  color:#111827!important;
  text-decoration:none!important;
  font-weight:800;
  border:1px solid #eef2f7;
}
.symbba-site-page-menu .symbba-page-links a:hover,
.symbba-site-page-menu .symbba-page-links a:focus,
.symbba-account-links a:hover,
.symbba-account-links a:focus{
  background:#eef4ff;
  color:var(--symbba-blue)!important;
}
.symbba-account-links{
  display:grid;
  gap:8px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--symbba-line);
}
@media(max-width:640px){
  body.symbba-app-page #masthead,
  body.symbba-app-page .site-header,
  body.symbba-app-page .ast-mobile-header-wrap,
  body.symbba-app-page #ast-mobile-header{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.symbba-app-page .ast-mobile-menu-trigger-minimal,
  body.symbba-app-page .menu-toggle,
  body.symbba-app-page .ast-button-wrap,
  body.symbba-app-page .main-header-menu-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  
}

/* v1.7.0: integrated Pages publishing workspace */
.symbba-publishing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.symbba-create-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin:8px 0 14px;border-bottom:1px solid var(--symbba-line);}
.symbba-create-tab{border:0;border-radius:999px;background:#f1f5f9;color:#475569;font-weight:900;padding:10px 14px;white-space:nowrap;cursor:pointer;}
.symbba-create-tab.is-active{background:var(--symbba-blue);color:#fff;box-shadow:0 8px 20px rgba(36,87,255,.18);}
.symbba-create-panel{display:none;}
.symbba-create-panel.is-active{display:block;animation:symbbaFade .18s ease-out;}
.symbba-publishing-workspace .ccp-form,.symbba-publishing-workspace .ccp-grid{margin-top:0;}
.symbba-publishing-workspace .ccp-page{max-width:none;}
@media(max-width:640px){
  .symbba-publishing-workspace{padding:14px;}
  .symbba-create-tab{padding:9px 12px;font-size:13px;}
}

/* v1.8.0: Personal paid Broadcast workspace */
.symbba-broadcast-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.symbba-service-badge{display:inline-flex;align-items:center;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap;}
.symbba-broadcast-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin:8px 0 14px;border-bottom:1px solid var(--symbba-line);}
.symbba-broadcast-tab{border:0;border-radius:999px;background:#f1f5f9;color:#475569;font-weight:900;padding:10px 14px;white-space:nowrap;cursor:pointer;}
.symbba-broadcast-tab.is-active{background:var(--symbba-blue);color:#fff;box-shadow:0 8px 20px rgba(36,87,255,.18);}
.symbba-broadcast-panel{display:none;}
.symbba-broadcast-panel.is-active{display:block;animation:symbbaFade .18s ease-out;}
.symbba-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.symbba-service-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid #e7ecf5;border-radius:18px;background:#f8fbff;padding:15px;cursor:pointer;min-height:118px;}
.symbba-service-card span{font-size:24px;}
.symbba-service-card strong{font-size:15px;color:#172033;}
.symbba-service-card small{font-size:12px;line-height:1.4;color:var(--symbba-muted);}
.symbba-service-card:hover,.symbba-service-card:focus{border-color:#b9ccff;background:#eef4ff;}
.symbba-broadcast-note,.symbba-empty-module{margin-top:12px;border-radius:18px;background:#f8fafc;border:1px solid #e7ecf5;padding:14px;color:#475569;line-height:1.5;}
.symbba-empty-module h3{margin:0 0 6px;color:#172033;}
.symbba-empty-module p{margin:0;}
@media(max-width:640px){
  .symbba-broadcast-workspace{padding:14px;}
  .symbba-broadcast-head{display:block;}
  .symbba-service-badge{margin-bottom:10px;}
  .symbba-service-grid{grid-template-columns:1fr 1fr;}
  .symbba-service-card{padding:12px;min-height:112px;}
  .symbba-broadcast-tab{padding:9px 12px;font-size:13px;}
}

/* v1.8.1: working personal contacts and Broadcast */
.symbba-balance-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eef4ff;border:1px solid #cbd9ff;border-radius:16px;padding:13px 15px;margin-bottom:14px;color:#334155}.symbba-balance-strip strong{color:#2457ff;font-size:18px}.symbba-broadcast-form{display:grid;gap:14px}.symbba-broadcast-form label>span{display:block;font-weight:900;color:#172033;margin-bottom:6px}.symbba-broadcast-form input[type="text"],.symbba-broadcast-form textarea,.symbba-contact-search input{width:100%;box-sizing:border-box;border:1px solid #dbe3ef;border-radius:14px;background:#fff;padding:12px 13px;color:#172033}.symbba-broadcast-form textarea{resize:vertical}.symbba-recipient-head,.symbba-send-summary{display:flex;justify-content:space-between;align-items:center;gap:10px}.symbba-recipient-list{display:grid;gap:7px;max-height:300px;overflow:auto;border:1px solid #e5eaf2;border-radius:15px;padding:8px}.symbba-recipient-row{display:grid!important;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;background:#f8fafc;border-radius:12px;padding:10px!important}.symbba-recipient-row input{grid-row:1/3}.symbba-recipient-row span{font-weight:800}.symbba-recipient-row small{color:#64748b}.symbba-form-result{min-height:24px;font-weight:800}.symbba-form-result.is-success{color:#15803d}.symbba-form-result.is-error{color:#b91c1c}.symbba-contact-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.symbba-contact-search button,.symbba-contact-row button{border:0;border-radius:12px;background:#2457ff;color:#fff;font-weight:900;padding:10px 13px;cursor:pointer}.symbba-contact-row button[disabled]{background:#cbd5e1;color:#475569}.symbba-contact-list,#symbba-contact-search-results,.symbba-broadcast-history{display:grid;gap:9px}.symbba-contact-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e7ecf5;border-radius:16px;padding:11px;background:#fff}.symbba-contact-row small{display:block;color:#64748b;overflow:hidden;text-overflow:ellipsis}.symbba-contact-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#2457ff;font-weight:900}.symbba-count-badge{display:inline-flex;min-width:26px;height:26px;align-items:center;justify-content:center;border-radius:999px;background:#eef4ff;color:#2457ff;font-size:12px}.symbba-history-card{border:1px solid #e7ecf5;border-radius:17px;padding:13px;background:#fff}.symbba-history-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.symbba-history-card small{color:#64748b}.symbba-history-card p{margin:8px 0 0}.symbba-history-stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.symbba-history-stats span{background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;color:#475569}.symbba-balance-module .ngb-credits-box{border:1px solid #e7ecf5;border-radius:16px;padding:13px;background:#fff}.symbba-balance-module table{font-size:13px}@media(max-width:640px){.symbba-balance-strip,.symbba-recipient-head,.symbba-send-summary,.symbba-history-card>div:first-child{align-items:flex-start;flex-direction:column}.symbba-contact-row{grid-template-columns:40px minmax(0,1fr)}.symbba-contact-row button{grid-column:1/-1}.symbba-contact-search{grid-template-columns:1fr}.symbba-recipient-list{max-height:260px}}