:root{
  --zg-workspace-page:#f5f8fc;
  --zg-workspace-card:#ffffff;
  --zg-workspace-border:#d5e0ed;
  --zg-workspace-border-strong:#c8d6e7;
  --zg-workspace-heading:#020b22;
  --zg-workspace-muted:#607390;
  --zg-workspace-table-head:#687991;
  --zg-workspace-shadow:0 8px 20px rgba(15,23,42,0.08);
}

body{
  background:var(--zg-workspace-page);
}

.content{
  padding:84px 20px 28px;
  background:var(--zg-workspace-page);
}

.content-box{
  display:block;
  align-items:unset;
  justify-content:unset;
  width:100%;
  min-height:calc(100vh - 112px);
  padding:32px;
  border:1px solid var(--zg-workspace-border);
  border-radius:16px;
  background:var(--zg-workspace-card);
  box-shadow:var(--zg-workspace-shadow);
  color:var(--zg-text-secondary);
  font-size:15px;
  font-weight:400;
  backdrop-filter:none;
}

.content-box.review-panel,
.content-box.analytics-panel,
.content-box.products-panel,
.content-box.influencers-panel,
.content-box.settings-panel{
  min-height:calc(100vh - 112px);
  max-height:none;
  padding:32px;
  overflow-y:auto;
}

.content-box.message-panel{
  height:calc(100vh - 112px);
  min-height:0;
  padding:16px;
  overflow:hidden;
}

.settings-load-warning{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid #f5c56b;
  border-left:4px solid #d97706;
  border-radius:8px;
  background:#fffbeb;
  color:#7c4a03;
  font-size:13px;
  font-weight:700;
}

.settings-load-warning button{
  flex:0 0 auto;
  min-height:34px;
  padding:0 11px;
  border:1px solid #d69b32;
  border-radius:7px;
  background:#ffffff;
  color:#7c4a03;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}

body[data-marketing-section="inbox"] .topbar{
  height:72px;
  align-items:stretch;
  gap:18px;
  padding:0 22px;
  background:#ffffff;
  border-bottom:1px solid var(--zg-workspace-border);
  box-shadow:0 1px 0 rgba(15,23,42,0.02);
}

body[data-marketing-section="reviews"] .topbar{
  height:72px;
  align-items:stretch;
  gap:18px;
  padding:0 22px;
  background:#ffffff;
  border-bottom:1px solid var(--zg-workspace-border);
  box-shadow:0 1px 0 rgba(15,23,42,0.02);
}

body[data-marketing-section="sugestions"] .topbar{
  height:72px;
  align-items:stretch;
  gap:18px;
  padding:0 22px;
  background:#ffffff;
  border-bottom:1px solid var(--zg-workspace-border);
  box-shadow:0 1px 0 rgba(15,23,42,0.02);
}

body[data-marketing-section="analytics"] .topbar{
  height:72px;
  align-items:stretch;
  gap:18px;
  padding:0 22px;
  background:#ffffff;
  border-bottom:1px solid var(--zg-workspace-border);
  box-shadow:0 1px 0 rgba(15,23,42,0.02);
}

body[data-marketing-section="settings"] .topbar{
  height:72px;
  align-items:stretch;
  gap:18px;
  padding:0 22px;
  background:#ffffff;
  border-bottom:1px solid var(--zg-workspace-border);
  box-shadow:0 1px 0 rgba(15,23,42,0.02);
}

body[data-marketing-section="inbox"] .topbar-btn{
  min-width:auto;
  height:auto;
  align-self:stretch;
  gap:10px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

body[data-marketing-section="sugestions"] .topbar-btn{
  min-width:auto;
  height:auto;
  align-self:stretch;
  gap:10px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

body[data-marketing-section="analytics"] .topbar-btn{
  min-width:auto;
  height:auto;
  align-self:stretch;
  gap:10px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

body[data-marketing-section="settings"] .topbar-btn{
  min-width:auto;
  height:auto;
  align-self:stretch;
  gap:10px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

body[data-marketing-section="reviews"] .topbar-btn{
  min-width:auto;
  height:auto;
  align-self:stretch;
  gap:10px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

body[data-marketing-section="reviews"] .topbar-btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}

body[data-marketing-section="inbox"] .topbar-btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}

body[data-marketing-section="sugestions"] .topbar-btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}

body[data-marketing-section="analytics"] .topbar-btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}

body[data-marketing-section="settings"] .topbar-btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}

body[data-marketing-section="reviews"] .topbar-btn:hover{
  background:#fff7f8;
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="inbox"] .topbar-btn:hover{
  background:#fff7f8;
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="sugestions"] .topbar-btn:hover{
  background:#fff7f8;
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="analytics"] .topbar-btn:hover{
  background:#fff7f8;
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="settings"] .topbar-btn:hover{
  background:#fff7f8;
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="inbox"] .topbar-btn.active{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="reviews"] .topbar-btn.active{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="sugestions"] .topbar-btn.active{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="analytics"] .topbar-btn.active{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="settings"] .topbar-btn.active{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  border-color:transparent;
}

body[data-marketing-section="inbox"] .topbar-btn.active::after{
  background:var(--zg-accent-primary);
}

body[data-marketing-section="reviews"] .topbar-btn.active::after{
  background:var(--zg-accent-primary);
}

body[data-marketing-section="sugestions"] .topbar-btn.active::after{
  background:var(--zg-accent-primary);
}

body[data-marketing-section="analytics"] .topbar-btn.active::after{
  background:var(--zg-accent-primary);
}

body[data-marketing-section="settings"] .topbar-btn.active::after{
  background:var(--zg-accent-primary);
}

.topbar-btn-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
}

.topbar-btn-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.topbar-btn-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-marketing-section="inbox"] .content{
  padding-top:92px;
}

body[data-marketing-section="reviews"] .content{
  padding-top:92px;
}

body[data-marketing-section="sugestions"] .content{
  padding-top:92px;
}

body[data-marketing-section="analytics"] .content{
  padding-top:92px;
}

.content-box.inbox-panel{
  height:calc(100vh - 120px);
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}

.content-box.inbox-panel.message-panel{
  height:calc(100vh - 120px);
  padding:0;
}

.content-box.inbox-panel .instagram-dashboard,
.content-box.inbox-panel .instagram-messages-dashboard{
  height:100%;
  min-height:0;
  grid-template-columns:minmax(280px, 360px) minmax(0, 1fr);
  gap:18px;
}

.content-box.inbox-panel .instagram-sidebar,
.content-box.inbox-panel .instagram-messages-sidebar,
.content-box.inbox-panel .instagram-viewer,
.content-box.inbox-panel .viewer-comments-panel,
.content-box.inbox-panel .instagram-chat-card{
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  box-shadow:0 8px 20px rgba(15,23,42,0.05);
}

.content-box.inbox-panel .instagram-sidebar,
.content-box.inbox-panel .instagram-messages-sidebar{
  overflow:hidden;
}

.content-box.inbox-panel .instagram-sidebar-header,
.content-box.inbox-panel .instagram-messages-sidebar-header{
  min-height:64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px 18px;
  border-bottom:1px solid var(--zg-workspace-border);
  background:#ffffff;
  color:var(--zg-workspace-heading);
}

.content-box.inbox-panel .instagram-messages-title,
.content-box.inbox-panel .instagram-sidebar-header,
.content-box.inbox-panel .viewer-comments-title{
  color:var(--zg-workspace-heading);
  font-size:15px;
  line-height:1.25;
  font-weight:800;
}

.content-box.inbox-panel .instagram-messages-subtitle{
  color:var(--zg-workspace-muted);
  font-size:12px;
  font-weight:700;
}

.content-box.inbox-panel .instagram-post-list,
.content-box.inbox-panel .instagram-thread-list{
  padding:0;
  gap:0;
}

.content-box.inbox-panel .instagram-sidebar-post,
.content-box.inbox-panel .instagram-thread-card{
  min-height:68px;
  padding:12px 18px;
  border:0;
  border-bottom:1px solid var(--zg-workspace-border);
  border-radius:0;
  background:#ffffff;
}

.content-box.inbox-panel .instagram-sidebar-post:hover,
.content-box.inbox-panel .instagram-thread-card:hover{
  background:#fff7f8;
  transform:none;
}

.content-box.inbox-panel .instagram-sidebar-post.active,
.content-box.inbox-panel .instagram-thread-card.active{
  background:var(--zg-accent-secondary);
  border-color:var(--zg-workspace-border);
  box-shadow:inset 3px 0 0 var(--zg-accent-primary);
}

.content-box.inbox-panel .instagram-thread-avatar-wrap,
.content-box.inbox-panel .instagram-chat-avatar-wrap{
  background:var(--zg-accent-secondary);
}

.content-box.inbox-panel .instagram-thread-initials,
.content-box.inbox-panel .instagram-chat-initials{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  font-weight:800;
}

.content-box.inbox-panel .instagram-chat-header,
.content-box.inbox-panel .viewer-comments-header{
  min-height:64px;
  padding:14px 20px;
  border-bottom:1px solid var(--zg-workspace-border);
  background:#ffffff;
}

.content-box.inbox-panel .instagram-chat-name{
  color:var(--zg-workspace-heading);
  font-weight:800;
}

.content-box.inbox-panel .instagram-message-list{
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  padding:18px 20px;
}

.content-box.inbox-panel .instagram-message-empty{
  color:var(--zg-workspace-heading);
  font-size:18px;
  line-height:1.4;
}

.content-box.inbox-panel .instagram-message-empty::before{
  content:"";
  width:96px;
  height:80px;
  display:block;
  margin:0 auto 18px;
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(225,29,72,0.14), rgba(225,29,72,0.05)),
    radial-gradient(circle at 68% 28%, rgba(225,29,72,0.22) 0 12px, transparent 13px);
}

.content-box.inbox-panel .instagram-message-composer,
.content-box.inbox-panel .post-comment-form{
  gap:12px;
  padding:14px 16px;
  background:#ffffff;
}

.content-box.inbox-panel .instagram-message-input,
.content-box.inbox-panel .post-comment-input{
  height:44px;
  min-height:44px;
  border-radius:8px;
}

.content-box.inbox-panel .instagram-message-send,
.content-box.inbox-panel .post-comment-btn{
  min-width:96px;
  min-height:44px;
  background:var(--zg-accent-primary);
  color:#ffffff;
  border-color:var(--zg-accent-primary);
}

.content-box.inbox-panel .instagram-message-suggest,
.content-box.inbox-panel .post-comment-suggest{
  min-width:112px;
  min-height:44px;
  background:#f8fafc;
  color:#334155;
  border-color:var(--zg-workspace-border-strong);
}

.content-box.inbox-panel .viewer-post-panel{
  border-radius:8px;
  border-color:var(--zg-workspace-border);
  box-shadow:none;
}

.content-box.review-panel{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}

.content-box.suggestions-panel{
  min-height:calc(100vh - 120px);
  padding:16px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.content-box.suggestions-panel.campains-panel{
  padding:16px;
}

.content-box.suggestions-panel .campains-dashboard{
  width:100%;
  display:grid;
  gap:18px;
  padding:16px;
  border:1px solid var(--zg-workspace-border);
  border-radius:12px;
  background:#ffffff;
  box-shadow:0 8px 20px rgba(15,23,42,0.05);
}

.content-box.suggestions-panel .campains-dashboard-start{
  max-width:960px;
  margin:0 auto;
}

.content-box.suggestions-panel .campains-export-actions{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}

.content-box.suggestions-panel .campain-card > .campains-export-actions{
  margin-top:8px;
  padding-top:16px;
  border-top:1px solid var(--zg-workspace-border);
}

.content-box.suggestions-panel .campains-project-btn{
  display:grid;
  justify-items:start;
  gap:2px;
  min-height:46px;
  margin-right:auto;
  padding:7px 13px;
  color:#7b8799;
  text-align:left;
  background:#f1f4f8;
  border:1px dashed #c7d1de;
  border-radius:8px;
  cursor:not-allowed;
}

.content-box.suggestions-panel .campains-project-btn span{
  font-size:13px;
  font-weight:800;
}

.content-box.suggestions-panel .campains-project-btn small{
  font-size:10px;
  font-weight:700;
}

.content-box.suggestions-panel .campains-secondary-btn{
  min-height:38px;
  padding:0 13px;
  color:#40516b;
  font-size:13px;
  font-weight:800;
  background:#fff;
  border:1px solid #ccd8e6;
  border-radius:8px;
  cursor:pointer;
}

.content-box.suggestions-panel .campains-secondary-btn:hover{
  color:var(--zg-accent-primary);
  border-color:#efa7b8;
  background:#fff7f8;
}

.content-box.suggestions-panel .campains-actions{
  justify-content:flex-end;
  padding:0;
}

.content-box.suggestions-panel .campains-refresh-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid var(--zg-accent-primary);
  border-radius:8px;
  background:var(--zg-accent-primary);
  color:#ffffff;
  padding:0 16px;
  box-shadow:0 8px 18px rgba(225,29,72,0.18);
}

.content-box.suggestions-panel .campains-refresh-btn svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.content-box.suggestions-panel .campains-refresh-btn:hover{
  transform:translateY(-1px);
}

.content-box.suggestions-panel .campains-context{
  gap:10px;
}

.content-box.suggestions-panel .campain-context-pill{
  min-height:34px;
  max-width:100%;
  gap:10px;
  border:1px solid #edf2f8;
  border-radius:999px;
  background:#f5f7fb;
  color:var(--zg-workspace-muted);
  padding:8px 14px;
  font-size:12px;
  font-weight:700;
}

.content-box.suggestions-panel .campain-context-pill span{
  color:#7b8ba3;
}

.content-box.suggestions-panel .campain-context-pill strong{
  min-width:0;
  color:#1e2d4a;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.content-box.suggestions-panel .campain-plan-goal{
  display:flex;
  align-items:flex-start;
  gap:14px;
  border:1px solid var(--zg-workspace-border);
  border-left:4px solid var(--zg-accent-primary);
  border-radius:8px;
  background:#ffffff;
  padding:18px 20px;
  box-shadow:none;
}

.content-box.suggestions-panel .campain-plan-goal-icon,
.content-box.suggestions-panel .campain-detail-icon{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--zg-accent-primary);
}

.content-box.suggestions-panel .campain-plan-goal-icon{
  width:38px;
  height:38px;
  border-radius:999px;
  background:var(--zg-accent-secondary);
}

.content-box.suggestions-panel .campain-plan-goal-icon svg,
.content-box.suggestions-panel .campain-detail-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.content-box.suggestions-panel .campain-plan-goal-copy{
  min-width:0;
}

.content-box.suggestions-panel .campain-plan-goal span,
.content-box.suggestions-panel .campain-eyebrow,
.content-box.suggestions-panel .campain-detail span{
  color:var(--zg-accent-primary);
  font-size:11px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}

.content-box.suggestions-panel .campain-plan-goal p{
  margin:5px 0 0;
  color:#20304f;
  font-size:14px;
  line-height:1.55;
}

.content-box.suggestions-panel .campains-grid{
  gap:16px;
}

.content-box.suggestions-panel .campain-card,
.content-box.suggestions-panel .campains-empty{
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  box-shadow:none;
  padding:20px 22px;
}

.content-box.suggestions-panel .campain-card-heading{
  padding-bottom:12px;
  border-bottom:1px solid #edf2f8;
}

.content-box.suggestions-panel .campain-card h3{
  margin:5px 0 0;
  color:var(--zg-workspace-heading);
  font-size:17px;
  line-height:1.3;
  font-weight:900;
}

.content-box.suggestions-panel .campain-description{
  margin:14px 0 0;
  color:#334155;
  font-size:14px;
  line-height:1.65;
}

.content-box.suggestions-panel .campain-detail{
  display:grid;
  grid-template-columns:22px minmax(0, 1fr);
  gap:12px;
  border-top:0;
  padding-top:0;
  margin-top:18px;
}

.content-box.suggestions-panel .campain-detail-icon{
  width:22px;
  height:22px;
  margin-top:1px;
}

.content-box.suggestions-panel .campain-detail-body{
  min-width:0;
}

.content-box.suggestions-panel .campain-detail p,
.content-box.suggestions-panel .campain-detail-list{
  margin-top:5px;
  color:#334155;
  font-size:14px;
  line-height:1.6;
}

.content-box.suggestions-panel .campain-detail-list{
  padding-left:18px;
}

.content-box.suggestions-panel .campain-detail-list li{
  margin-bottom:5px;
}

.content-box.suggestions-panel .campains-empty{
  color:var(--zg-workspace-muted);
  text-align:center;
  font-weight:800;
}

.content-box.suggestions-panel.newsletter-panel{
  padding:16px;
}

.content-box.suggestions-panel .newsletter-dashboard{
  width:100%;
  display:grid;
  gap:18px;
  padding:0;
  border:1px solid var(--zg-workspace-border);
  border-radius:12px;
  background:#ffffff;
  box-shadow:0 8px 20px rgba(15,23,42,0.05);
  overflow:hidden;
}

.content-box.suggestions-panel .newsletter-dashboard-start{
  max-width:960px;
  margin:0 auto;
}

.content-box.suggestions-panel .newsletter-actions{
  display:flex;
  justify-content:flex-end;
  padding:16px 16px 0;
}

.content-box.suggestions-panel .newsletter-prompt-panel{
  display:grid;
  gap:13px;
  padding:20px;
  background:#f8fafc;
  border-bottom:1px solid var(--zg-workspace-border);
}

.content-box.suggestions-panel .newsletter-prompt-copy{
  display:grid;
  gap:4px;
}

.content-box.suggestions-panel .newsletter-ai-kicker{
  color:var(--zg-accent-primary);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.content-box.suggestions-panel .newsletter-prompt-copy h2{
  margin:0;
  color:#14213a;
  font-size:19px;
}

.content-box.suggestions-panel .newsletter-prompt-copy p{
  margin:0;
  color:var(--zg-workspace-muted);
  font-size:13px;
}

.content-box.suggestions-panel .newsletter-prompt-input{
  width:100%;
  min-height:82px;
  resize:vertical;
  padding:12px 14px;
  color:#17233b;
  font:inherit;
  font-size:14px;
  line-height:1.5;
  background:#fff;
  border:1px solid #cbd7e6;
  border-radius:9px;
  outline:none;
}

.content-box.suggestions-panel .newsletter-prompt-input:focus{
  border-color:var(--zg-accent-primary);
  box-shadow:0 0 0 3px rgba(233,30,77,.11);
}

.content-box.suggestions-panel .newsletter-prompt-presets{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.content-box.suggestions-panel .newsletter-prompt-chip{
  padding:7px 11px;
  color:#41536d;
  font-size:12px;
  font-weight:700;
  background:#fff;
  border:1px solid #d4dfeb;
  border-radius:999px;
  cursor:pointer;
}

.content-box.suggestions-panel .newsletter-prompt-chip:hover,
.content-box.suggestions-panel .newsletter-prompt-chip:focus-visible{
  color:var(--zg-accent-primary);
  border-color:#f1a9ba;
  background:#fff7f8;
}

.content-box.suggestions-panel .newsletter-prompt-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.content-box.suggestions-panel .newsletter-prompt-footer > span{
  color:var(--zg-workspace-muted);
  font-size:12px;
}

.content-box.suggestions-panel .newsletter-refresh-btn,
.content-box.suggestions-panel .newsletter-save-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:8px;
  padding:0 16px;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.content-box.suggestions-panel .newsletter-refresh-btn{
  border:1px solid var(--zg-accent-primary);
  background:var(--zg-accent-primary);
  color:#ffffff;
}

.content-box.suggestions-panel .newsletter-save-btn{
  border:1px solid var(--zg-accent-primary);
  background:var(--zg-accent-primary);
  color:#ffffff;
}

.content-box.suggestions-panel .newsletter-save-btn:hover{
  transform:translateY(-1px);
}

.content-box.suggestions-panel .newsletter-refresh-btn svg,
.content-box.suggestions-panel .newsletter-save-btn svg,
.content-box.suggestions-panel .newsletter-meta-icon svg,
.content-box.suggestions-panel .newsletter-preview-icon svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.content-box.suggestions-panel .newsletter-refresh-btn svg,
.content-box.suggestions-panel .newsletter-save-btn svg{
  width:17px;
  height:17px;
}

.content-box.suggestions-panel .newsletter-grid{
  display:grid;
  gap:16px;
  padding:0 16px 16px;
}

.content-box.suggestions-panel .newsletter-draft-card{
  display:grid;
  gap:16px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}

.content-box.suggestions-panel .newsletter-empty{
  display:grid;
  gap:16px;
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(15,23,42,0.06);
  padding:20px 22px;
}

.content-box.suggestions-panel .newsletter-meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.content-box.suggestions-panel .newsletter-meta-item{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-height:104px;
  border:1px solid #edf2f8;
  border-radius:8px;
  background:#ffffff;
  padding:18px 20px;
  box-shadow:0 10px 26px rgba(15,23,42,0.08);
}

.content-box.suggestions-panel .newsletter-meta-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
}

.content-box.suggestions-panel .newsletter-meta-icon svg{
  width:20px;
  height:20px;
}

.content-box.suggestions-panel .newsletter-meta-copy{
  min-width:0;
}

.content-box.suggestions-panel .newsletter-field-label{
  display:block;
  margin:0 0 7px;
  color:var(--zg-accent-primary);
  font-size:11px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}

.content-box.suggestions-panel .newsletter-meta-item p{
  margin:0;
  color:#07152f;
  font-size:14px;
  line-height:1.5;
  font-weight:900;
  overflow-wrap:anywhere;
}

.content-box.suggestions-panel .newsletter-preview-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:6px 2px 0;
  border-bottom:0;
}

.content-box.suggestions-panel .newsletter-preview-title{
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--zg-workspace-heading);
  font-size:17px;
  line-height:1.3;
  font-weight:900;
}

.content-box.suggestions-panel .newsletter-preview-icon{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
}

.content-box.suggestions-panel .newsletter-preview-icon svg{
  width:15px;
  height:15px;
}

.content-box.suggestions-panel .newsletter-preview-hint{
  margin:0;
  color:var(--zg-workspace-muted);
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  text-align:right;
}

.content-box.suggestions-panel .newsletter-html-preview{
  overflow:auto;
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:linear-gradient(180deg, #fbfcff, #f4f7fb);
  box-shadow:0 12px 28px rgba(15,23,42,0.06);
  padding:12px;
}

.content-box.suggestions-panel .newsletter-html-frame{
  display:block;
  width:min(920px, 100%);
  height:min(760px, 70vh);
  min-height:520px;
  margin:0 auto;
  border:0;
  border-radius:6px;
  background:#ffffff;
  box-shadow:0 12px 34px rgba(15,23,42,0.08);
}

.content-box.suggestions-panel .newsletter-draft-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:0 2px 2px;
}

.content-box.suggestions-panel .newsletter-save-status{
  min-height:18px;
  color:var(--zg-workspace-muted);
  font-size:13px;
  font-weight:800;
}

.content-box.suggestions-panel .newsletter-empty{
  color:var(--zg-workspace-muted);
  text-align:center;
  font-weight:800;
}

body[data-marketing-section="reviews"] .review-summary{
  min-height:150px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:start;
  gap:18px;
  margin:0 0 18px;
  padding:24px 6px 18px;
  border:0;
  border-bottom:1px solid var(--zg-workspace-border);
  background:transparent;
}

body[data-marketing-section="reviews"] .review-summary-top{
  display:contents;
}

body[data-marketing-section="reviews"] .review-average-score{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  margin:0;
  color:var(--zg-workspace-heading);
  font-size:28px;
  line-height:1.15;
  font-weight:900;
}

body[data-marketing-section="reviews"] .review-average-score::before{
  content:"";
  width:34px;
  height:34px;
  flex:0 0 34px;
  background:var(--zg-accent-primary);
  clip-path:polygon(50% 4%, 61% 36%, 95% 36%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 5% 36%, 39% 36%);
}

body[data-marketing-section="reviews"] .review-average-meta{
  margin:8px 0 0 47px;
  color:var(--zg-workspace-muted);
  font-size:14px;
  font-weight:700;
}

body[data-marketing-section="reviews"] .review-summary-count{
  justify-self:end;
  margin:10px 0 0;
  color:#475569;
  font-size:13px;
  font-weight:700;
}

body[data-marketing-section="reviews"] .review-filter{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
}

body[data-marketing-section="reviews"] .review-filter-btn{
  min-height:36px;
  padding:0 16px;
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  color:#334155;
  font-size:13px;
  font-weight:800;
  box-shadow:0 4px 12px rgba(15,23,42,0.03);
}

body[data-marketing-section="reviews"] .review-filter-btn:hover{
  background:#fff7f8;
  border-color:var(--zg-accent-border);
  color:var(--zg-accent-primary);
}

body[data-marketing-section="reviews"] .review-filter-btn.active{
  background:var(--zg-accent-primary);
  border-color:var(--zg-accent-primary);
  color:#ffffff;
}

body[data-marketing-section="reviews"] .review-list{
  gap:12px;
  padding:0 2px 2px;
}

body[data-marketing-section="reviews"] .review-card{
  position:relative;
  padding:22px;
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  box-shadow:0 8px 20px rgba(15,23,42,0.05);
}

body[data-marketing-section="reviews"] .review-header{
  align-items:flex-start;
  gap:14px;
  margin-bottom:12px;
}

body[data-marketing-section="reviews"] .review-avatar{
  width:50px;
  height:50px;
  border:1px solid var(--zg-workspace-border);
  background:var(--zg-accent-secondary);
}

body[data-marketing-section="reviews"] .review-name{
  color:var(--zg-workspace-heading);
  font-size:15px;
  font-weight:900;
}

body[data-marketing-section="reviews"] .review-stars{
  color:#f59e0b;
  letter-spacing:0.03em;
}

body[data-marketing-section="reviews"] .review-created,
body[data-marketing-section="reviews"] .review-date,
body[data-marketing-section="reviews"] .review-reply-date{
  color:var(--zg-workspace-muted);
  font-size:12px;
  font-weight:700;
}

body[data-marketing-section="reviews"] .review-comment{
  margin:8px 0 16px;
  color:#334155;
  font-size:14px;
  line-height:1.65;
}

body[data-marketing-section="reviews"] .review-reply{
  margin:16px 0;
  padding:16px 18px;
  border:1px solid #eaddec;
  border-radius:8px;
  background:linear-gradient(180deg, #fff7f8, #ffffff);
}

body[data-marketing-section="reviews"] .review-reply-label{
  color:var(--zg-accent-primary);
  font-size:13px;
  font-weight:900;
}

body[data-marketing-section="reviews"] .review-reply-text{
  color:#334155;
  font-size:14px;
  line-height:1.6;
}

body[data-marketing-section="reviews"] .review-actions{
  display:flex;
  gap:8px;
  margin-left:auto;
}

body[data-marketing-section="reviews"] .reply-btn,
body[data-marketing-section="reviews"] .delete-reply-btn,
body[data-marketing-section="reviews"] .reply-suggest,
body[data-marketing-section="reviews"] .reply-send,
body[data-marketing-section="reviews"] .reply-cancel{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:8px;
  font-size:13px;
  font-weight:800;
}

body[data-marketing-section="reviews"] .reply-btn,
body[data-marketing-section="reviews"] .reply-suggest,
body[data-marketing-section="reviews"] .reply-cancel{
  border:1px solid var(--zg-workspace-border);
  background:#ffffff;
  color:#334155;
}

body[data-marketing-section="reviews"] .reply-btn:hover,
body[data-marketing-section="reviews"] .reply-suggest:hover,
body[data-marketing-section="reviews"] .reply-cancel:hover{
  background:#fff7f8;
  border-color:var(--zg-accent-border);
  color:var(--zg-accent-primary);
}

body[data-marketing-section="reviews"] .delete-reply-btn,
body[data-marketing-section="reviews"] .reply-send{
  border:1px solid var(--zg-accent-primary);
  background:var(--zg-accent-primary);
  color:#ffffff;
}

body[data-marketing-section="reviews"] .reply-input{
  min-height:110px;
  padding:12px;
  border:1px solid var(--zg-workspace-border-strong);
  border-radius:8px;
  font-size:14px;
  line-height:1.5;
}

body[data-marketing-section="reviews"] .reply-controls{
  flex-wrap:wrap;
  gap:10px;
}

.content-box > .loading-screen,
.content-box .loading,
.content-box .analytics-loading,
.content-box .products-loading,
.content-box .influencers-loading,
.content-box .campains-loading,
.content-box .newsletter-loading{
  width:100% !important;
  max-width:none !important;
  min-height:clamp(260px, 54vh, 620px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  margin:0 !important;
  padding:clamp(28px, 5vw, 56px) !important;
  border:0 !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(248,250,252,0.72), rgba(255,255,255,0.9)) !important;
  box-shadow:none !important;
  color:var(--zg-workspace-muted) !important;
  text-align:center !important;
}

.content-box.message-panel > .loading-screen{
  min-height:100% !important;
}

.loading-spinner,
.content-box .loading::before,
.content-box .analytics-loading::before,
.content-box .products-loading::before,
.content-box .influencers-loading::before,
.content-box .campains-loading::before,
.content-box .newsletter-loading::before{
  content:"";
  width:42px !important;
  height:42px !important;
  flex:0 0 42px;
  border:4px solid #dbe4ef !important;
  border-top-color:var(--zg-accent-primary) !important;
  border-radius:50% !important;
  animation:loading-spin 0.85s linear infinite;
}

.loading-text,
.content-box .loading,
.content-box .analytics-loading,
.content-box .products-loading,
.content-box .influencers-loading,
.content-box .campains-loading,
.content-box .newsletter-loading{
  max-width:min(100%, 720px) !important;
  color:var(--zg-workspace-heading) !important;
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  overflow-wrap:anywhere !important;
  white-space:normal !important;
}

.content-box > .loading-screen::after,
.content-box .loading::after,
.content-box .analytics-loading::after,
.content-box .products-loading::after,
.content-box .influencers-loading::after,
.content-box .campains-loading::after,
.content-box .newsletter-loading::after{
  content:"";
  width:min(180px, 42vw);
  height:1px;
  margin-top:2px;
  background:linear-gradient(90deg, transparent, rgba(225,29,72,0.32), transparent);
}

.settings-form{
  width:100%;
}

.settings-header,
.analytics-header,
.products-header,
.influencers-header,
.holiday-events-header{
  padding:0 0 26px;
  margin:0 0 22px;
  border:0;
  border-bottom:1px solid var(--zg-workspace-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.settings-header h2,
.analytics-header h2,
.products-header h2,
.influencers-header h2,
.reviews-feedback-summary-copy h2{
  margin:0;
  color:var(--zg-workspace-heading);
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}

.settings-header p,
.analytics-header p,
.products-summary,
.influencers-summary,
.holiday-events-header p{
  max-width:none;
  margin:4px 0 0;
  color:var(--zg-workspace-muted);
  font-size:14px;
  line-height:1.4;
}

.settings-grid{
  gap:18px 20px;
}

.settings-field{
  gap:8px;
}

.settings-field span,
.settings-choice-group legend,
.generated-newsletter-links legend{
  color:var(--zg-workspace-heading);
  font-size:13px;
  line-height:1.3;
  font-weight:800;
}

.settings-field input,
.settings-field select,
.settings-field textarea,
.settings-unit-input,
.reply-input,
.post-comment-input,
.instagram-comment-reply-input,
.instagram-message-input,
.holiday-events-post-edit-input,
.holiday-events-post-tag-input{
  border:1px solid var(--zg-workspace-border-strong);
  border-radius:8px;
  background:#ffffff;
  color:#14254a;
  box-shadow:none;
}

.settings-field input,
.settings-field select{
  min-height:36px;
  padding:7px 12px;
  font-size:14px;
}

.settings-field textarea{
  min-height:150px;
  padding:10px 12px;
  font-size:14px;
  line-height:1.45;
}

.settings-unit-input input{
  min-height:34px;
}

.settings-choice-group,
.settings-toggle,
.generated-newsletter-links,
.generated-report-settings{
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
}

.settings-actions{
  margin-top:22px;
}

.settings-primary-btn,
.products-refresh-btn,
.influencers-refresh-btn,
.holiday-events-generate-btn,
.holiday-events-post-save-btn,
.campains-refresh-btn,
.newsletter-save-btn,
.product-generate-post-btn{
  min-height:42px;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
}

.analytics-dashboard,
.products-dashboard,
.influencers-dashboard,
.holiday-events-dashboard,
.reviews-feedback-dashboard{
  gap:18px;
  padding:0;
}

.analytics-card,
.analytics-group,
.analytics-chart-card,
.product-idea-card,
.influencer-card,
.reviews-feedback-card,
.holiday-events-column,
.holiday-events-actions,
.holiday-event-card,
.holiday-events-post-card,
.campain-card,
.newsletter-draft-card,
.newsletter-empty,
.newsletter-loading,
.products-post-actions,
.products-empty,
.products-loading,
.influencers-empty,
.influencers-loading{
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  box-shadow:none;
}

.analytics-card,
.analytics-group,
.analytics-chart-card,
.product-idea-card,
.influencer-card,
.reviews-feedback-card,
.holiday-event-card,
.holiday-events-post-card,
.campain-card,
.newsletter-draft-card{
  padding:18px;
}

.analytics-card-value{
  color:var(--zg-workspace-heading);
  font-size:28px;
}

.analytics-card-label,
.product-detail span,
.influencer-detail span,
.newsletter-field-label{
  letter-spacing:0;
}

.content-box.analytics-panel{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  overflow:hidden;
}

.content-box.analytics-panel .analytics-dashboard{
  min-height:100%;
  padding:32px;
  overflow-y:auto;
}

.content-box.analytics-panel .analytics-card-grid{
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:14px;
}

.content-box.analytics-panel .analytics-profile-grid{
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
}

.content-box.analytics-panel .analytics-chart-grid{
  grid-template-columns:repeat(auto-fit, minmax(360px, 1fr));
  gap:16px;
}

.content-box.analytics-panel .analytics-card{
  position:relative;
  min-height:116px;
  gap:10px;
  overflow:hidden;
}

.content-box.analytics-panel .analytics-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--zg-accent-primary);
}

.content-box.analytics-panel .analytics-card-label{
  color:var(--zg-accent-primary);
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
}

.content-box.analytics-panel .analytics-card-value{
  color:var(--zg-workspace-heading);
  font-size:clamp(24px, 2.2vw, 32px);
  line-height:1.05;
  font-weight:900;
}

.content-box.analytics-panel .analytics-card-meta{
  color:var(--zg-workspace-muted);
  font-size:13px;
}

.content-box.analytics-panel .analytics-card.missing{
  background:linear-gradient(0deg, rgba(225,29,72,0.035), rgba(225,29,72,0.035)), #ffffff;
}

.content-box.analytics-panel .analytics-group{
  gap:16px;
}

.content-box.analytics-panel .analytics-group h3,
.content-box.analytics-panel .analytics-chart-header h3{
  color:var(--zg-workspace-heading);
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}

.content-box.analytics-panel .analytics-chart-card{
  gap:16px;
}

.content-box.analytics-panel .analytics-chart-header{
  padding-bottom:12px;
  border-bottom:1px solid var(--zg-workspace-border);
}

.content-box.analytics-panel .analytics-chart-header p{
  color:var(--zg-workspace-muted);
}

.content-box.analytics-panel .analytics-chart{
  gap:12px;
}

.content-box.analytics-panel .analytics-chart svg{
  border:1px solid rgba(213,224,237,0.82);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,247,248,0.55), rgba(255,255,255,0) 58%);
}

.content-box.analytics-panel .analytics-chart-grid-lines{
  stroke:rgba(96,115,144,0.16);
}

.content-box.analytics-panel .analytics-chart-area{
  fill:rgba(225,29,72,0.09);
}

.content-box.analytics-panel .analytics-chart-line{
  stroke:var(--zg-accent-primary);
  stroke-width:3;
}

.content-box.analytics-panel .analytics-chart-point{
  fill:#ffffff;
  stroke:var(--zg-accent-primary);
}

.content-box.analytics-panel .analytics-detail,
.content-box.analytics-panel .analytics-chart-summary{
  border-color:var(--zg-workspace-border);
  background:#f8fafc;
  color:#334766;
  font-weight:800;
}

.content-box.analytics-panel .analytics-badge,
.content-box.analytics-panel .analytics-keywords-toggle{
  border-color:rgba(225,29,72,0.16);
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
}

.content-box.analytics-panel .analytics-keyword-row{
  border-color:var(--zg-workspace-border);
  background:#ffffff;
}

.content-box.analytics-panel .analytics-keyword-row:hover{
  background:#fff9fa;
}

.review-summary{
  position:static;
  margin:0 0 26px;
  padding:0 0 22px;
  border:0;
  border-bottom:1px solid var(--zg-workspace-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.review-card{
  border:1px solid var(--zg-workspace-border);
  border-radius:8px;
  background:#ffffff;
  box-shadow:none;
}

.review-list{
  gap:12px;
  padding-right:0;
}

.reviews-feedback-split{
  gap:18px;
}

.instagram-dashboard,
.instagram-messages-dashboard{
  gap:16px;
}

.instagram-sidebar,
.instagram-viewer,
.viewer-comments-panel,
.instagram-messages-sidebar,
.instagram-chat-card{
  border:1px solid var(--zg-workspace-border);
  border-radius:12px;
  background:#ffffff;
  box-shadow:none;
}

.instagram-sidebar-header,
.viewer-comments-header,
.instagram-messages-sidebar-header,
.instagram-chat-header{
  border-bottom:1px solid var(--zg-workspace-border);
  background:#f8fafc;
}

.instagram-sidebar-post,
.instagram-thread-card,
.viewer-comment{
  border-radius:8px;
}

.instagram-thread-card.active,
.instagram-sidebar-post.active{
  border-color:var(--zg-accent-border);
  background:var(--zg-accent-secondary);
}

.instagram-message-composer,
.post-comment-form{
  border-top:1px solid var(--zg-workspace-border);
}

.instagram-message-input,
.post-comment-input{
  min-height:40px;
  height:40px;
  border-radius:8px;
}

.instagram-message-send,
.instagram-message-suggest,
.post-comment-btn,
.post-comment-suggest,
.instagram-reply-action{
  min-height:38px;
  border-radius:8px;
  font-weight:800;
}

table{
  border-color:var(--zg-workspace-border);
}

th{
  background:var(--zg-workspace-table-head);
  color:#ffffff;
}

td,
th{
  border-color:var(--zg-workspace-border);
}

@media (max-width: 760px){
  .content{
    padding:74px 12px 20px;
  }

  body[data-marketing-section="inbox"] .topbar{
    height:64px;
    gap:6px;
    padding:0 10px;
  }

  body[data-marketing-section="inbox"] .topbar-btn{
    padding:0 12px;
    font-size:12px;
  }

  body[data-marketing-section="inbox"] .content{
    padding-top:76px;
  }

  body[data-marketing-section="reviews"] .topbar{
    height:64px;
    padding:0 10px;
  }

  body[data-marketing-section="sugestions"] .topbar{
    height:64px;
    gap:6px;
    padding:0 10px;
  }

  body[data-marketing-section="analytics"] .topbar{
    height:64px;
    gap:6px;
    padding:0 10px;
  }

  body[data-marketing-section="sugestions"] .topbar-btn{
    padding:0 12px;
    font-size:12px;
  }

  body[data-marketing-section="analytics"] .topbar-btn{
    padding:0 12px;
    font-size:12px;
  }

  body[data-marketing-section="reviews"] .content{
    padding-top:76px;
  }

  body[data-marketing-section="sugestions"] .content{
    padding-top:76px;
  }

  body[data-marketing-section="analytics"] .content{
    padding-top:76px;
  }

  .content-box,
  .content-box.review-panel,
  .content-box.analytics-panel,
  .content-box.products-panel,
  .content-box.influencers-panel,
  .content-box.settings-panel{
    min-height:calc(100vh - 94px);
    padding:22px;
    border-radius:14px;
  }

  .content-box.message-panel{
    height:calc(100vh - 94px);
    padding:12px;
  }

  .content-box.inbox-panel,
  .content-box.inbox-panel.message-panel{
    height:calc(100vh - 96px);
    padding:0;
  }

  .content-box.suggestions-panel,
  .content-box.suggestions-panel.campains-panel{
    min-height:calc(100vh - 96px);
    padding:0;
  }

  .content-box.suggestions-panel.newsletter-panel{
    min-height:calc(100vh - 96px);
    padding:0;
  }

  .content-box.analytics-panel{
    padding:0;
  }

  .content-box.analytics-panel .analytics-dashboard{
    padding:22px;
    gap:14px;
  }

  .content-box.analytics-panel .analytics-card-grid,
  .content-box.analytics-panel .analytics-profile-grid,
  .content-box.analytics-panel .analytics-chart-grid{
    grid-template-columns:1fr;
  }

  .content-box.analytics-panel .analytics-card,
  .content-box.analytics-panel .analytics-group,
  .content-box.analytics-panel .analytics-chart-card{
    padding:16px;
  }

  .content-box.suggestions-panel .campains-dashboard{
    padding:14px;
    gap:14px;
  }

  .content-box.suggestions-panel .newsletter-dashboard{
    padding:0;
    gap:14px;
  }

  .content-box.suggestions-panel .campains-actions,
  .content-box.suggestions-panel .newsletter-actions{
    justify-content:stretch;
  }

  .content-box.suggestions-panel .newsletter-prompt-panel{
    padding:16px;
  }

  .content-box.suggestions-panel .newsletter-prompt-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .content-box.suggestions-panel .campains-refresh-btn,
  .content-box.suggestions-panel .newsletter-refresh-btn{
    width:100%;
  }

  .content-box.suggestions-panel .campains-export-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .content-box.suggestions-panel .campains-project-btn{
    margin-right:0;
  }

  .content-box.suggestions-panel .campain-context-pill{
    width:100%;
  }

  .content-box.suggestions-panel .campain-context-pill strong{
    white-space:normal;
  }

  .content-box.suggestions-panel .campain-card,
  .content-box.suggestions-panel .campains-empty{
    padding:16px;
  }

  .content-box.suggestions-panel .newsletter-draft-card,
  .content-box.suggestions-panel .newsletter-empty{
    padding:0;
  }

  .content-box.suggestions-panel .newsletter-empty{
    padding:16px;
  }

  .content-box.suggestions-panel .newsletter-meta{
    grid-template-columns:1fr;
  }

  .content-box.suggestions-panel .newsletter-preview-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .content-box.suggestions-panel .newsletter-preview-hint{
    text-align:left;
  }

  .content-box.suggestions-panel .newsletter-html-frame{
    height:68vh;
    min-height:460px;
  }

  .content-box.suggestions-panel .newsletter-draft-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .content-box.suggestions-panel .newsletter-save-btn{
    width:100%;
  }

  .content-box.inbox-panel .instagram-dashboard,
  .content-box.inbox-panel .instagram-messages-dashboard{
    grid-template-columns:1fr;
    gap:12px;
  }

  .content-box.inbox-panel .instagram-sidebar,
  .content-box.inbox-panel .instagram-messages-sidebar{
    height:320px;
    min-height:320px;
  }

  body[data-marketing-section="reviews"] .review-summary{
    grid-template-columns:1fr;
    padding-top:10px;
  }

  body[data-marketing-section="reviews"] .review-summary-count{
    justify-self:start;
    margin-top:0;
  }

  body[data-marketing-section="reviews"] .review-average-score{
    font-size:24px;
  }

  body[data-marketing-section="reviews"] .review-average-meta{
    margin-left:0;
  }

  body[data-marketing-section="reviews"] .review-card{
    padding:18px;
  }

  body[data-marketing-section="reviews"] .review-header{
    flex-wrap:wrap;
  }

  body[data-marketing-section="reviews"] .review-actions{
    width:100%;
    margin-left:0;
  }

  .content-box > .loading-screen,
  .content-box .loading,
  .content-box .analytics-loading,
  .content-box .products-loading,
  .content-box .influencers-loading,
  .content-box .campains-loading,
  .content-box .newsletter-loading{
    min-height:clamp(220px, 48vh, 520px) !important;
    padding:28px 18px !important;
  }

  .loading-spinner,
  .content-box .loading::before,
  .content-box .analytics-loading::before,
  .content-box .products-loading::before,
  .content-box .influencers-loading::before,
  .content-box .campains-loading::before,
  .content-box .newsletter-loading::before{
    width:34px !important;
    height:34px !important;
    flex-basis:34px;
    border-width:3px !important;
  }

  .settings-header,
  .analytics-header,
  .products-header,
  .influencers-header,
  .holiday-events-header{
    padding-bottom:20px;
  }
}
