/* v243 — locked, noncollapsible home banner and exact server-WebP editor previews. */
/* No disclosure toolbar: the banner is a normal, permanent dashboard row. */
body.hm185-app .app-shell .page-content .hm185-dashboard>.hm185-banner{
  display:block;width:100%;max-width:100%;min-width:0;margin:0!important;
  padding:0;border:0!important;border-radius:15px;background:transparent!important;
  overflow:visible;box-shadow:none;
}
body.hm185-app .app-shell .page-content .hm185-dashboard>.hm185-banner>.razavi-greeting-v41{
  margin:0!important;border:0!important;border-radius:15px!important;
  /* A visual inset edge does not alter the companion's 4:5 content box. */
  box-shadow:inset 0 0 0 1px rgba(223,184,111,.55),0 6px 19px rgba(11,47,44,.10);
}
/* Each photo is exactly 4:5: 112x140 desktop / 70x88 mobile. */
body.hm185-app .app-shell .page-content .razavi-greeting-v41{
  --hm243-height:140px;--hm243-photo-width:112px;
  grid-template-columns:var(--hm243-photo-width) minmax(0,1fr)!important;
  height:var(--hm243-height)!important;border:0!important;
  box-sizing:border-box;min-width:0;min-height:0;width:100%;overflow:hidden;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41--without-companion{
  grid-template-columns:minmax(0,1fr)!important;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41__photo{
  width:100%;height:100%;min-width:0;min-height:0;box-shadow:inset -1px 0 #d6b36e;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41__photo img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41__message{
  min-width:0;min-height:0;overflow:hidden;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41__message img{
  width:100%;height:100%;object-fit:contain;object-position:center;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41.banner-preview-mobile{
  --hm243-height:88px;--hm243-photo-width:70px;
}
body.hm185-app .app-shell .page-content .razavi-greeting-v41.banner-preview-desktop{
  --hm243-height:140px;--hm243-photo-width:112px;
}
@media(max-width:760px){
  body.hm185-app .app-shell .page-content .hm185-dashboard .razavi-greeting-v41{
    --hm243-height:88px;--hm243-photo-width:70px;border-radius:12px!important;
  }
  body.hm185-app .app-shell .page-content .razavi-greeting-v41.banner-preview-desktop{
    --hm243-height:140px;--hm243-photo-width:112px;
  }
  body.hm185-app .app-shell .page-content .hm185-dashboard>.hm185-banner{border-radius:12px}
}
/* Banner editor — explicit aspect mismatch acknowledgement and real final output. */
.banner-editor-v242 .banner-v243-main-controls{
  display:grid;gap:8px;border:1px solid #dfe7f0;border-radius:12px;
  padding:11px;background:#f6f9fc;min-width:0;
}
.banner-editor-v242 .banner-v243-main-controls select{width:100%;min-width:0}
.banner-editor-v242 .banner-v243-main-crop{display:grid;gap:6px;min-width:0}
.banner-editor-v242 .banner-v243-main-crop input{width:100%;accent-color:#356db6}
.banner-editor-v242 .banner-v243-mismatch{
  display:grid;gap:6px;padding:10px 12px;border:1px solid #e5ba72;
  background:#fff9ec;border-radius:10px;color:#724917;line-height:1.7;
}
.banner-editor-v242 .banner-v243-mismatch strong{font-size:12px;color:#79491c}
.banner-editor-v242 .banner-v243-mismatch p{margin:0;font-size:12px;color:#784d1f}
.banner-editor-v242 .banner-v243-confirm{
  display:flex;align-items:flex-start;gap:8px;font-size:12px;cursor:pointer;
  color:#693e12;line-height:1.8;
}
.banner-editor-v242 .banner-v243-confirm input{
  flex:0 0 18px;width:18px;height:18px;margin-top:3px;accent-color:#1c765a;
}
.banner-editor-v242 .banner-v243-render-status{
  padding:7px 10px;margin:7px 0 0;border-radius:9px;background:#eef5fe;
  font-size:12px;color:#29507e;line-height:1.7;
}
.banner-editor-v242 #bannerSave:disabled{opacity:.52;cursor:not-allowed}
.banner-editor-v242 [hidden]{display:none!important}
@media(max-width:760px){
  .banner-editor-v242 .banner-v243-main-controls{padding:9px}
  .banner-editor-v242 .banner-v243-main-controls select{font-size:12px}
}
@media(prefers-color-scheme:dark){
  body.hm185-app[data-theme="dark"] .banner-editor-v242 .banner-v243-main-controls{background:#1d2938;border-color:#41536d}
  body.hm185-app[data-theme="dark"] .banner-editor-v242 .banner-v243-mismatch{background:#41311f;border-color:#917242;color:#f0ca93}
  body.hm185-app[data-theme="dark"] .banner-editor-v242 .banner-v243-mismatch :is(strong,p,.banner-v243-confirm){color:#f0ca93}
  body.hm185-app[data-theme="dark"] .banner-editor-v242 .banner-v243-render-status{background:#233650;color:#c5daf4}
}