.sam-cb{
  --sam-cb-accent:#6750a4;
  box-sizing:border-box;
  width:min(440px, 100%);
  aspect-ratio:440 / 560;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:46px 20px 20px 20px;
  background:#fff;
  font-family: inherit;
  color:#242424;
  overflow:hidden;
}
.sammc-orient-landscape .sam-cb{aspect-ratio:440 / 440;}
.sam-cb *, .sam-cb *::before, .sam-cb *::after{ box-sizing:border-box; }
.sam-cb > .sam-cb-feed{
  flex:1 1 auto;
  min-height:0;
  height:auto !important;
  overflow:auto !important;
}
.sam-cb > .sam-cb-footer{ flex:0 0 auto; }
.sam-cb-title{
  font-weight:700;
  margin-bottom:10px;
}
.sam-cb-compose{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px;
  background:rgba(0,0,0,.02);
  margin-bottom:12px;
}
.sam-cb-compose textarea{
  width:100%;
  min-height:64px;
  resize:vertical;
  border:0;
  background:transparent;
  outline:none;
  box-shadow:none;
  padding:0;
  margin:0;
}
.sam-cb-compose-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:8px;
}
.sam-cb-compose-bar .sam-cb-counter{ margin-right:auto; }
.sam-cb-counter{
  font-size:12px;
  opacity:.75;
}
.sam-cb-count.sam-cb-over{ color:#b91c1c; font-weight:700; }

/* Strong reset against Elementor/global button styles */
.sam-cb button,
.sam-cb input[type="button"],
.sam-cb input[type="submit"],
.sam-cb .elementor-button,
.elementor .sam-cb button,
.elementor .sam-cb input[type="button"],
.elementor .sam-cb input[type="submit"],
.elementor .sam-cb .elementor-button,
[class*="elementor-kit-"] .sam-cb button,
[class*="elementor-kit-"] .sam-cb input[type="button"],
[class*="elementor-kit-"] .sam-cb input[type="submit"],
[class*="elementor-kit-"] .sam-cb .elementor-button{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  outline:none;
}

.sam-cb .sam-cb-btn,
.sam-cb button.sam-cb-btn,
.elementor .sam-cb .sam-cb-btn,
[class*="elementor-kit-"] .sam-cb .sam-cb-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border:1px solid #d1d5db !important;
  background:#fff !important;
  color:#6b7280 !important;
  border-radius:999px !important;
  padding:8px 18px !important;
  cursor:pointer;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  white-space:nowrap;
}
.sam-cb .sam-cb-btn:hover,
.sam-cb button.sam-cb-btn:hover,
.elementor .sam-cb .sam-cb-btn:hover,
[class*="elementor-kit-"] .sam-cb .sam-cb-btn:hover{
  background:#f9fafb !important;
  color:#4b5563 !important;
  border-color:#cbd5e1 !important;
}
.sam-cb .sam-cb-btn:disabled,
.sam-cb button.sam-cb-btn:disabled,
.elementor .sam-cb .sam-cb-btn:disabled,
[class*="elementor-kit-"] .sam-cb .sam-cb-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}
.sam-cb .sam-cb-btn-primary,
.sam-cb button.sam-cb-btn-primary,
.elementor .sam-cb .sam-cb-btn-primary,
[class*="elementor-kit-"] .sam-cb .sam-cb-btn-primary{
  background:#fff !important;
  color:#374151 !important;
  border-color:#d1d5db !important;
}
.sam-cb .sam-cb-btn-primary:hover,
.sam-cb button.sam-cb-btn-primary:hover,
.elementor .sam-cb .sam-cb-btn-primary:hover,
[class*="elementor-kit-"] .sam-cb .sam-cb-btn-primary:hover{
  background:#f9fafb !important;
  color:#111827 !important;
  border-color:#cbd5e1 !important;
}

.sam-cb-feed{ position:relative; }
.sam-cb-items{ display:flex; flex-direction:column; gap:10px; }

.sam-cb-item{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px;
  background:#fff;
}
.sam-cb-meta{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  opacity:.8;
}
.sam-cb-author{ font-weight:700; opacity:1; }
.sam-cb-time{ opacity:.8; }
.sam-cb-actions{ margin-left:auto; white-space:nowrap; }
.sam-cb-actions{ display:inline-flex; align-items:center; gap:10px; }
.sam-cb .sam-cb-link,
.sam-cb button.sam-cb-link,
.elementor .sam-cb .sam-cb-link,
[class*="elementor-kit-"] .sam-cb .sam-cb-link{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  cursor:pointer;
  color:#6b7280 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  white-space:nowrap;
  vertical-align:baseline;
}
.sam-cb .sam-cb-link:hover,
.sam-cb button.sam-cb-link:hover,
.elementor .sam-cb .sam-cb-link:hover,
[class*="elementor-kit-"] .sam-cb .sam-cb-link:hover{
  color:#111827 !important;
  background:transparent !important;
}
.sam-cb-text{
  margin-top:6px;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:14px;
  line-height:1.35;
}
.sam-cb-badge{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(0,0,0,.06);
  font-size:11px;
}

.sam-cb-thread{
  margin-top:10px;
  border-top:1px dashed rgba(0,0,0,.10);
  padding-top:10px;
}
.sam-cb-replies{ display:flex; flex-direction:column; gap:8px; }
.sam-cb-reply{
  padding:8px;
  border-radius:10px;
  background:rgba(0,0,0,.03);
}
.sam-cb-reply-box{
  margin-top:10px;
  padding:8px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.sam-cb-reply-input{
  width:100%;
  border:0;
  outline:none;
  resize:vertical;
  min-height:46px;
}
.sam-cb-reply-bar{ display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:6px; }
.sam-cb-reply-bar .sam-cb-counter{ margin-right:auto; }
.sam-cb-counter-reply{ margin-right:auto; }
.sam-cb-reply-cancel{ background:rgba(0,0,0,.06); color:#111; }
.sam-cb-btn-mini{ padding:6px 10px; font-size:12px; }

.sam-cb-footer{
  padding-right:18px;
  display:flex;
  gap:8px;
  justify-content:flex-start;
  margin-top:12px;
  align-items:center;
}

.sam-cb-compose-toggle{ margin-left:auto; }
.sam-cb-compose-toggle{ margin-left:auto; }

.sam-cb-editbox{ margin-top:0; }
.sam-cb-edit-input{
  width:100%;
  border:1px solid rgba(0,0,0,.16);
  border-radius:10px;
  padding:8px;
}
.sam-cb-editbar{ display:flex; gap:8px; justify-content:flex-end; margin-top:6px; }

.sam-cb-denied{
  padding:12px;
  border-radius:12px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.08);
}

/* For AI checkbox */
.sam-cb-for-ai{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.85;margin-left:10px;}
.sam-cb-for-ai input{transform:translateY(1px);}

.sam-cb-more-wrap{padding:10px 0;text-align:center;}

/* 440 x 660 stage, 340 x 486 panel, 280 x 426 scrolling body. */
.sam-cb:not(.sam-cb-denied){width:min(440px,100%);height:660px;aspect-ratio:auto;padding:37px 7px 0;border:0;border-radius:0;background:var(--sam-cb-background,#eee);color:var(--sam-cb-text,#171717);align-items:center;overflow:hidden}
.sam-cb-panel{position:relative;isolation:isolate;flex:0 0 486px;width:min(340px,100%);height:486px;padding:30px;background:var(--sam-cb-panel,rgba(255,255,255,.9));overflow:hidden}
.sam-cb-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--sam-cb-image,none) center/cover no-repeat;opacity:var(--sam-cb-image-opacity,1)}
.sam-cb-panel-body{width:100%;height:426px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.sam-cb-panel-body::-webkit-scrollbar{display:none}
.sam-cb-panel-body>.sam-cb-feed{height:auto!important;overflow:visible!important}
.sam-cb-items{gap:0}
.sam-cb-item{border:0;border-top:1px solid var(--sam-cb-divider,rgba(23,23,23,.2));border-radius:0;padding:10px 0;background:transparent}
.sam-cb-meta{font-size:12px;line-height:1.2;color:var(--sam-cb-muted,rgba(23,23,23,.6));opacity:1;gap:8px;flex-wrap:wrap}
.sam-cb-author{font-weight:400}.sam-cb-time{opacity:1}
.sam-cb-actions{gap:6px}
.sam-cb .sam-cb-actions .sam-cb-link,.elementor .sam-cb .sam-cb-actions .sam-cb-link,[class*="elementor-kit-"] .sam-cb .sam-cb-actions .sam-cb-link{font-size:10px!important;color:var(--sam-cb-muted,rgba(23,23,23,.6))!important}
.sam-cb .sam-cb-actions .sam-cb-link:hover{color:var(--sam-cb-text,#171717)!important}
.sam-cb-text{margin-top:10px;font-size:14px;line-height:1.2}
.sam-cb .sam-cb-text a:not(:hover){color:var(--sam-cb-text,#171717)!important}
.sam-cb-thread{border-color:var(--sam-cb-divider,rgba(23,23,23,.2))}
.sam-cb-thread:not(:has(.sam-cb-reply)):not(:has(.sam-cb-reply-box[style*="block"])) {margin-top:0;padding-top:0;border-top:0}
.sam-cb-reply{background:transparent}
.sam-cb>.sam-cb-footer{width:min(340px,100%);height:37px;margin:20px 0 0;padding:0;align-items:center;justify-content:flex-end}
.sam-cb .sam-cb-footer .sam-cb-compose-toggle{min-height:26px!important;height:26px;padding:3px 14px!important;font-size:14px!important;font-weight:400!important}
.sam-cb-compose{border-color:var(--sam-cb-divider,rgba(23,23,23,.2));background:transparent}
.sam-cb .sam-cb-compose textarea{color:var(--sam-cb-text,#171717)}
[data-sam-tap-layout="break"] .sam-cb:not(.sam-cb-denied){width:var(--sam-tap-width,100%);min-height:660px;height:auto;padding-bottom:0}
@media(max-width:353px){.sam-cb-panel{padding-right:20px;padding-left:20px}}
/* Keep the same inset panel in the existing Break shortcode host. */
.sambr-shortcode .sam-cb:not(.sam-cb-denied){width:100%;min-height:660px;height:auto;aspect-ratio:auto;margin:0;padding:37px 7px 0;overflow:hidden}
.sam-cb .sam-cb-panel-body>.sam-cb-feed{min-height:0}
/* Mobile: reserve the footer before allocating the scrolling panel height. */
@media(max-width:600px){
  .sam-cb:not(.sam-cb-denied),
  [data-sam-tap-layout="break"] .sam-cb:not(.sam-cb-denied),
  .sambr-shortcode .sam-cb:not(.sam-cb-denied){container-type:inline-size;height:100%;min-height:100%;padding-bottom:20px}
  .sam-cb .sam-cb-panel{height:clamp(220px,calc(127.27vw - 86px),386px);flex-basis:auto;flex-shrink:0}
  @supports(height:1cqw){.sam-cb .sam-cb-panel{height:clamp(220px,calc(127.27cqw - 46px),386px)}}
  .sam-cb .sam-cb-panel-body{height:100%}
  .sam-cb>.sam-cb-footer{flex-shrink:0;margin-top:10px}
}

/* Reserve room for the host card URL beside the Post button. */
.sam-cb>.sam-cb-footer{padding-right:40px}