/* ========================================================================
   SEHL-COMPOSER-EDITOR-PRO-V13-UX
   ======================================================================== */

#fmtBar.sehl-v13-toolbar{
  position:sticky;
  top:0;
  z-index:12;
  display:block!important;
  overflow:visible!important;
  padding:6px!important;
  border-radius:10px;
}

.sehl-v13-primary{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  min-width:0;
}

.sehl-v13-toolgroup{
  display:flex;
  align-items:center;
  gap:2px;
  padding-inline-end:5px;
  margin-inline-end:1px;
  border-inline-end:1px solid var(--line-soft);
  min-width:0;
}

.sehl-v13-toolgroup:last-child{border-inline-end:0;padding-inline-end:0}
.sehl-v13-utility{margin-inline-start:auto;border-inline-end:0;padding-inline-end:0}

#fmtBar.sehl-v13-toolbar button,
#fmtBar.sehl-v13-toolbar .sehl-color-tool{
  min-height:30px;
  height:30px;
  border-radius:7px;
}

#fmtBar.sehl-v13-toolbar button{
  min-width:30px;
  padding-inline:7px;
}

#fmtBar.sehl-v13-toolbar select{
  height:30px;
  background:var(--surface);
}

#fmtBar.sehl-v13-toolbar select[data-ed-select="block"]{width:88px}
#fmtBar.sehl-v13-toolbar select[data-ed-select="font"]{width:124px}
#fmtBar.sehl-v13-toolbar select[data-ed-select="size"]{width:64px}

.sehl-v13-menu-button,
.sehl-v13-more-button{
  font-weight:650;
  letter-spacing:-.01em;
}

.sehl-v13-more-button{font-size:15px!important;letter-spacing:.12em}

.sehl-v13-more-panel{
  position:absolute;
  inset-inline-end:6px;
  top:calc(100% + 6px);
  z-index:40;
  width:min(620px,calc(100vw - 40px));
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:var(--sh-4);
}

.sehl-v13-more-panel[hidden],
.sehl-v13-insert-panel[hidden],
#sehlV13TableGrid[hidden],
.sehl-v13-image-overlay[hidden]{display:none!important}

.sehl-v13-insert-panel{
  position:absolute;
  inset-inline-end:48px;
  top:calc(100% + 6px);
  z-index:41;
  width:250px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:var(--sh-4);
}

.sehl-v13-menu-section{display:grid;gap:2px;padding:5px}
.sehl-v13-menu-section+ .sehl-v13-menu-section{border-top:1px solid var(--line-soft)}
.sehl-v13-menu-section strong{padding:4px 7px;color:var(--ink-faint);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.sehl-v13-menu-section button{justify-content:flex-start!important;width:100%!important;text-align:start;padding-inline:8px!important}

.cw.max #fmtBar.sehl-v13-toolbar{
  padding:7px 10px!important;
  border-radius:10px;
}

.cw.max .sehl-v13-primary{flex-wrap:wrap}
.cw.max .sehl-v13-more-button{display:none}
.cw.max .sehl-v13-more-panel{
  position:static;
  width:100%;
  margin-top:6px;
  padding:6px 0 0;
  border:0;
  border-top:1px solid var(--line-soft);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

/* Full-screen email canvas */
.cw.max .cw-body{
  background:var(--bg);
  padding-inline:18px!important;
}

.cw.max #cBody.sehl-editor-host{
  border:0!important;
  background:transparent!important;
  padding:18px 0 26px!important;
}

.cw.max #cBody .sehl-prosemirror{
  width:min(760px,100%);
  min-height:calc(100vh - 330px)!important;
  margin:0 auto;
  padding:34px 42px!important;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 14px 44px rgba(0,0,0,.16);
}

/* Context ribbon */
#sehlEditorContext.sehl-v13-context{
  position:sticky;
  top:44px;
  z-index:10;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  margin-top:5px;
  padding:6px 8px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.cw.max #sehlEditorContext.sehl-v13-context{top:88px}

#sehlEditorContext.sehl-v13-context button{
  min-height:27px;
  padding:4px 8px;
  font-size:10.5px;
}

/* Image selection + resize */
.sehl-v13-image-overlay{
  position:fixed;
  z-index:110;
  pointer-events:none;
  border:1.5px solid var(--gold);
  border-radius:4px;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent);
}

.sehl-v13-resize-handle{
  position:absolute;
  width:11px;
  height:11px;
  border:2px solid var(--surface);
  border-radius:50%;
  background:var(--gold);
  pointer-events:auto;
  box-shadow:0 1px 5px rgba(0,0,0,.28);
}

.sehl-v13-resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}
.sehl-v13-resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}
.sehl-v13-resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}
.sehl-v13-resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}

/* Table picker */
#sehlV13TableGrid{
  position:fixed;
  z-index:160;
  width:264px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface);
  color:var(--ink);
  box-shadow:var(--sh-4);
}

.sehl-v13-grid-label{margin-bottom:8px;font-size:11px;font-weight:700;color:var(--ink-soft)}
.sehl-v13-table-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}
.sehl-v13-table-grid button{
  aspect-ratio:1;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:1px solid var(--line);
  border-radius:3px;
  background:var(--surface-2);
}
.sehl-v13-table-grid button.hot{border-color:var(--gold);background:var(--gold-soft)}
[data-theme="dark"] .sehl-v13-table-grid button.hot{background:color-mix(in srgb,var(--gold) 18%,var(--surface))}

/* Dialogs */
.sehl-v13-dialog{
  border:0;
  padding:0;
  width:min(620px,calc(100vw - 28px));
  max-width:620px;
  background:transparent;
  color:var(--ink);
}
.sehl-v13-dialog::backdrop{background:rgba(6,9,14,.62);backdrop-filter:blur(6px)}
.sehl-v13-dialog-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--sh-4)}
.sehl-v13-dialog-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.sehl-v13-dialog-head h3{margin:0;font-size:14px}
.sehl-v13-dialog-head button{margin-inline-start:auto;width:30px;height:30px;border-radius:7px}
.sehl-v13-dialog-body{padding:14px}
.sehl-v13-dialog-body label{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;margin:8px 0}
.sehl-v13-dialog-body label span{font-size:11px;color:var(--ink-faint);font-weight:650}
.sehl-v13-dialog-body input,.sehl-v13-dialog-body select{height:34px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--ink);padding:0 9px;outline:none}
.sehl-v13-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}
.sehl-v13-dialog-actions button{padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}
.sehl-v13-dialog-actions button.primary{background:var(--gold);border-color:var(--gold);color:#fff}

.sehl-v13-symbol-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:12px}
.sehl-v13-symbol-grid button{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);font-size:18px}
.sehl-v13-symbol-grid button:hover{border-color:var(--gold);background:var(--gold-soft)}

/* Readiness / compatibility */
#sehlEditorStatus [data-st-check]{
  padding:3px 7px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--ok,#3c8b67) 28%,transparent);
}
#sehlEditorStatus [data-st-check].bad{
  border-color:color-mix(in srgb,var(--warn,#b98225) 34%,transparent);
  background:color-mix(in srgb,var(--warn,#b98225) 8%,transparent);
}

.sehl-v13-report-intro{margin:0 0 10px;color:var(--ink-faint);font-size:11px}
.sehl-v13-issue-card,.sehl-v13-ready-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface-2);
}
.sehl-v13-issue-card+ .sehl-v13-issue-card{margin-top:7px}
.sehl-v13-issue-meta{display:grid;gap:2px;min-width:0}
.sehl-v13-issue-meta strong{font-size:11px}
.sehl-v13-issue-meta span{font-size:11px;color:var(--ink-soft)}
.sehl-v13-issue-card>button{margin-inline-start:auto;white-space:nowrap;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
.sehl-v13-ready-card{display:grid;border-color:color-mix(in srgb,var(--ok,#3c8b67) 35%,var(--line));background:color-mix(in srgb,var(--ok,#3c8b67) 7%,var(--surface))}
.sehl-v13-ready-card strong{color:var(--ok,#3c8b67)}
.sehl-v13-ready-card span{font-size:11px;color:var(--ink-soft)}

/* No horizontal toolbar scrollbar. */
#fmtBar.sehl-v13-toolbar::-webkit-scrollbar{display:none}
#fmtBar.sehl-v13-toolbar{scrollbar-width:none!important}

@media(max-width:900px){
  #fmtBar.sehl-v13-toolbar select[data-ed-select="font"]{width:105px}
  .sehl-v13-toolgroup{padding-inline-end:3px}
}

@media(max-width:760px){
  #fmtBar.sehl-v13-toolbar{position:static;padding:5px!important}
  .sehl-v13-primary{gap:3px}
  .sehl-v13-type{order:2;width:100%;border-inline-end:0;padding-top:3px;border-top:1px solid var(--line-soft)}
  .sehl-v13-utility{margin-inline-start:auto}
  .sehl-v13-more-panel{position:static;width:100%;margin-top:5px;box-shadow:none}
  .cw.max #cBody .sehl-prosemirror{padding:18px 14px!important;border-radius:8px;min-height:55vh!important}
  .cw.max .cw-body{padding-inline:8px!important}
  #sehlEditorContext.sehl-v13-context{position:static}
  .sehl-v13-symbol-grid{grid-template-columns:repeat(6,1fr)}
  .sehl-v13-dialog-body label{grid-template-columns:1fr;gap:4px}
}