/* /public_html/assets/css/modules/pdf/module.css */
/* Brodlin PDF — CORE STABLE UI (no shadows) */

:root{
  --ipdf-bg:#ffffff;
  --ipdf-ink:#202020;
  --ipdf-muted:#6b7280;
  --ipdf-line:#e5e7eb;
  --ipdf-accent:#2e1065;
  --ipdf-dialog-radius:2px;
  --ipdf-dialog-focus-line:rgba(32,32,32,.18);
  --ipdf-dialog-focus-ring:rgba(32,32,32,.08);
  --ipdf-menu-shell-bg:#ffffff;
  --ipdf-menu-shell-border:rgba(32,32,32,.12);
  --ipdf-menu-shell-shadow:0 10px 22px rgba(15,23,42,.08);
  --ipdf-menu-shell-radius:2px;
  --ipdf-menu-shell-padding:6px;
  --ipdf-menu-row-height:30px;
  --ipdf-menu-row-radius:2px;
  --ipdf-menu-row-pad-x:10px;
  --ipdf-menu-row-gap:8px;
  --ipdf-menu-row-ink:#202020;
  --ipdf-menu-row-muted:rgba(32,32,32,.62);
  --ipdf-menu-row-hover:#f3f4f7;
  --ipdf-menu-row-active:#eef1f5;

  --ipdf-rail-w: 260px;
}

*{ box-sizing:border-box; }
html{
  height:100%;
  overflow-y:scroll;
  scrollbar-gutter:stable;
}
body{
  min-height:100%;
  height:auto;
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  background: var(--ipdf-bg);
  color: var(--ipdf-ink);
}

#ipdfImgInput{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
}

[dir="rtl"] #ipdfImgInput{
  left:auto !important;
  right:0 !important;
}

.ipdf-table-context-toolbar[hidden]{
  display:none !important;
}

body.ipdf-boot-pending .ipdf-toolbar,
body.ipdf-boot-pending .ipdf-shell{
  visibility:hidden;
}

.ipdf-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:4px 14px;
  border-bottom:1px solid var(--ipdf-line);
  background:#fff;
}

.ipdf-topbar-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.ipdf-brand{
  display:flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
}
.ipdf-brand-text{ font-weight:700; color:var(--ipdf-accent); letter-spacing:.2px; }
.ipdf-brand-sub{ color:var(--ipdf-muted); font-size:12px; }

.ipdf-filemeta{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.ipdf-filename{
  border:1px solid var(--ipdf-line);
  border-radius:10px;
  padding:8px 10px;
  font-size:14px;
  min-width:160px;
}
.ipdf-ext{ color:var(--ipdf-muted); font-size:13px; }

.ipdf-badge{
  border:1px solid var(--ipdf-line);
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  color:var(--ipdf-muted);
}
.ipdf-badge--free{ border-color:rgba(16,185,129,.35); color:#059669; }

.ipdf-topbar-right{
  display:flex;
  align-items:center;
  gap:8px;
}

.ipdf-newdoc{
  width:32px; height:32px;
  border:1px solid transparent;
  background:transparent;
  border-radius:10px;
  cursor:pointer;
  font-size:15px;
  color:#1f2937;
  transition:
    background .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease;
}

.ipdf-newdoc:hover{
  border-color:var(--ipdf-line);
  background:#f7f8fa;
}

.ipdf-newdoc:focus-visible{
  outline:none;
  border-color:rgba(32,32,32,.18);
  box-shadow:0 0 0 3px rgba(32,32,32,.06);
}

.ipdf-topbar-action{
  min-height:30px;
  height:30px;
  padding:0 7px;
  gap:6px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#111111;
  font-size:11px;
  font-weight:500;
  line-height:1;
  box-shadow:none;
  transition: color .16s ease, opacity .16s ease;
}

.ipdf-topbar-center .ipdf-btn.ipdf-topbar-action{
  height:30px;
  padding:0 7px;
  border-color:transparent !important;
  background:transparent !important;
  color:#111111 !important;
  box-shadow:none;
}

.ipdf-topbar-action .material-symbols-outlined{
  font-size:15px;
  line-height:1;
  color: currentColor;
  font-variation-settings:
    "FILL" 0,
    "wght" 220,
    "GRAD" 0,
    "opsz" 20;
}

.ipdf-topbar-action-label{
  font-size:10px;
  line-height:1;
  letter-spacing:.01em;
}

.ipdf-topbar-action:hover{
  border-color:transparent;
  background:transparent;
  color:#6d28d9;
  box-shadow:none;
}

.ipdf-topbar-center .ipdf-btn.ipdf-topbar-action:hover{
  border-color:transparent !important;
  background:transparent !important;
  color:#6d28d9 !important;
  box-shadow:none;
}

.ipdf-topbar-action:focus-visible{
  outline:none;
  border-color:transparent;
  background:transparent;
  color:#6d28d9;
  box-shadow:none;
}

.ipdf-topbar-center .ipdf-btn.ipdf-topbar-action:focus-visible{
  outline:none;
  border-color:transparent !important;
  background:transparent !important;
  color:#6d28d9 !important;
  box-shadow:none;
}

#ipdfNewDoc:hover,
#ipdfNewDoc:focus-visible,
#ipdfImportDoc:hover,
#ipdfImportDoc:focus-visible,
#ipdfPrintDoc:hover,
#ipdfPrintDoc:focus-visible,
#ipdfSaveDoc:hover,
#ipdfSaveDoc:focus-visible,
#ipdfExportDoc:hover,
#ipdfExportDoc:focus-visible{
  color:#6d28d9 !important;
}

/* main toolbar moved to toolbar-main.css */

.ipdf-page > .ipdf-page-inner > .ipdf-page-title{
  flex:0 0 auto;
  min-height:44px;
  padding:10px 16px;
  border-bottom:1px solid #d7dce3;
  background:#f3f5f7;
  display:flex;
  align-items:center;
  gap:10px;
  color:#4b5563;
  font-size:13px;
}
.ipdf-page > .ipdf-page-inner > .ipdf-page-title .ipdf-page-title-icon{
  flex:0 0 auto;
  color:#4b5563;
  font-size:16px;
  line-height:1;
  font-variation-settings:
    "FILL" 0,
    "wght" 250,
    "GRAD" 0,
    "opsz" 20;
}
.ipdf-page > .ipdf-page-inner > .ipdf-page-title .ipdf-page-number{
  flex:0 1 auto;
  min-width:0;
  color:var(--ipdf-ink);
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ipdf-page > .ipdf-page-inner > .ipdf-page-title .ipdf-page-label{
  flex:1 1 auto;
  min-width:0;
  color:#374151;
  font-size:13px;
  line-height:1.3;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ipdf-page > .ipdf-page-inner > .ipdf-page-title .ipdf-page-label.is-empty{
  display:none;
}
.ipdf-editor{
  line-height:1.5;
  font-size:14px;
}
/* ======================================================
   EMOJI — TEXT-LEVEL BEHAVIOR (Google Docs / WhatsApp)
   ====================================================== */

/* базовое правило для emoji в тексте */
.ipdf-editor span.ipdf-emoji,
.ipdf-editor .emoji,
.ipdf-editor img.emoji {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1em;

  vertical-align: -0.12em; /* ключ: baseline как у WhatsApp */
  user-select: text;
  pointer-events: none;
}

/* emoji внутри жирного / курсивного */
.ipdf-editor b span.ipdf-emoji,
.ipdf-editor strong span.ipdf-emoji,
.ipdf-editor i span.ipdf-emoji,
.ipdf-editor em span.ipdf-emoji {
  font-size: 1em;
}

/* emoji в списках — НИКАКИХ сдвигов */
.ipdf-editor li span.ipdf-emoji {
  vertical-align: -0.12em;
}

/* emoji наследует размер строки */
.ipdf-editor p,
.ipdf-editor li,
.ipdf-editor span,
.ipdf-editor strong {
  line-height: 1.35;
}

.ipdf-editor p{ margin:0 0 10px 0; }
.ipdf-editor ul, .ipdf-editor ol{ margin:0 0 10px 18px; padding:0; }
.ipdf-editor li{ margin:4px 0; }

.ipdf-editor .ipdf-checklist-text h1,
.ipdf-editor .ipdf-checklist-text h2,
.ipdf-editor .ipdf-checklist-text h3,
.ipdf-editor .ipdf-checklist-text h4,
.ipdf-editor .ipdf-checklist-text h5,
.ipdf-editor .ipdf-checklist-text h6{
  display: inline;
  margin-block: 0;
  font-size: inherit;
  line-height: inherit;
}

.ipdf-modal{
  position:fixed; inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:50;
}
.ipdf-modal.is-open{ display:flex; }
.ipdf-modal-backdrop{
  position:absolute; inset:0;
  background:rgba(0,0,0,.35);
}
.ipdf-modal-card{
  position:relative;
  width:min(780px, calc(100vw - 24px));
  background:#fff;
  border:1px solid var(--ipdf-line);
  border-radius:var(--ipdf-dialog-radius);
  overflow:hidden;
}
.ipdf-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--ipdf-line);
}
.ipdf-dialog-head-copy{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.ipdf-dialog-head-icon{
  flex:0 0 auto;
  color:var(--ipdf-ink);
  font-size:20px;
  line-height:1;
  font-variation-settings:
    "FILL" 0,
    "wght" 350,
    "GRAD" 0,
    "opsz" 20;
}
.ipdf-dialog-head-text{
  min-width:0;
}
.ipdf-modal-title{
  font-weight:400;
  color:var(--ipdf-ink);
  line-height:1.2;
}
.ipdf-dialog-close{
  appearance:none;
  width:36px; height:36px;
  min-width:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(15,23,42,.10);
  border-radius:999px;
  background:#ffffff;
  color:#0f172a;
  cursor:pointer;
  font-size:20px;
  line-height:1;
  padding:0;
  box-shadow:none;
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    color .16s ease;
}
.ipdf-dialog-close:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,.16);
  color:#0f172a;
}
.ipdf-dialog-close:focus-visible{
  outline:none;
  border-color:rgba(15,23,42,.24);
  box-shadow:0 0 0 3px rgba(15,23,42,.10);
}
.ipdf-dialog-close .material-symbols-outlined{
  font-size:20px;
  line-height:1;
  font-variation-settings:
    "FILL" 0,
    "wght" 250,
    "GRAD" 0,
    "opsz" 20;
}
.ipdf-modal-body{ padding:14px; }
.ipdf-input{
  width:100%;
  border:1px solid var(--ipdf-line);
  border-radius:var(--ipdf-dialog-radius);
  padding:10px 12px;
  font-size:14px;
}
.ipdf-input:focus,
.ipdf-input:focus-visible{
  outline:none;
  border-color:#cbd5e1;
  box-shadow:none;
}

:is(
  .ipdf-lang-select,
  .ipdf-tb-select,
  .ipdf-save-select,
  .ipdf-link-select,
  #ipdfVoicePopup .ipdf-voice-lang
){
  color-scheme: light;
}

:is(
  .ipdf-lang-select,
  .ipdf-tb-select,
  .ipdf-save-select,
  .ipdf-link-select,
  #ipdfVoicePopup .ipdf-voice-lang
) option{
  background:var(--ipdf-menu-shell-bg);
  color:var(--ipdf-menu-row-ink);
}

:is(
  .ipdf-lang-select,
  .ipdf-tb-select,
  .ipdf-save-select,
  .ipdf-link-select,
  #ipdfVoicePopup .ipdf-voice-lang
) option:checked,
:is(
  .ipdf-lang-select,
  .ipdf-tb-select,
  .ipdf-save-select,
  .ipdf-link-select,
  #ipdfVoicePopup .ipdf-voice-lang
) option:hover,
:is(
  .ipdf-lang-select,
  .ipdf-tb-select,
  .ipdf-save-select,
  .ipdf-link-select,
  #ipdfVoicePopup .ipdf-voice-lang
) option:focus{
  background:var(--ipdf-menu-row-hover);
  color:var(--ipdf-menu-row-ink);
  box-shadow:inset 0 0 0 999px rgba(15,23,42,.04);
}
.ipdf-modal-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:12px;
}
.ipdf-btn{
  height:36px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--ipdf-dialog-radius);
  border:1px solid var(--ipdf-line);
  background:#fff;
  color:var(--ipdf-ink);
  cursor:pointer;
}
.ipdf-btn:hover{
  background:#f5f6f7;
}
.ipdf-btn:focus-visible{
  outline:none;
  border-color:var(--ipdf-dialog-focus-line);
  box-shadow:0 0 0 3px var(--ipdf-dialog-focus-ring);
}
.ipdf-btn--primary{
  border-color:#202020;
  background:#202020;
  color:#ffffff;
}
.ipdf-btn--primary:hover{
  background:#111111;
}

/* Inserted tables */
.ipdf-table{width:100%; border-collapse:collapse; table-layout:fixed}
.ipdf-table td{border:1px solid #dcdcde; padding:6px; vertical-align:top; min-height:18px}

.ipdf-brand{
  display:flex;
  align-items:center;
}

.ipdf-module-logo{
    height: 50px;
    width: auto;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ipdf-topbar-center{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 auto;
}

.ipdf-task {
  display: flex;
  align-items: center; /* КЛЮЧЕВО */
  gap: 0.5em;
}
.ipdf-task-btn[data-state="done"]::after {
  content: "";
  width: 0.35em;
  height: 0.6em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}

.ipdf-task-btn {
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 1em;

  border-radius: 0.25em;
  border: 0.12em solid #2e1065;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;
}

.ipdf-task-btn[data-state="done"] {
  background: #2e1065;
}

.ipdf-task-btn[data-state="done"]::after {
  content: "";
  position: absolute;
  left: 0.28em;
  top: 0.1em;
  width: 0.25em;
  height: 0.5em;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ipdf-task-text {
  flex: 1;
}
.ipdf-task {
  display: flex;
  align-items: center;
  gap: 0.6em;
}

.ipdf-task-text {
  line-height: 1.4;
}
.checkbox-wrapper-19 {
  --background-color: #fff;
  --checkbox-height: 1.35em;
}
/* ======================================================
   Brodlin PDF — Lists (Google Docs exact behavior)
   ====================================================== */

.ipdf-editor ul,
.ipdf-editor ol {
  margin: 0 0 12px 0;
  padding-left: 1.15em;        /* контролируем gap */
  list-style-position: outside;
}

.ipdf-editor ul {
  padding-left: 1.5em;
  list-style-type: disc;
}

.ipdf-editor ol {
  padding-left: 1.62em;
  list-style-type: decimal;
}

.ipdf-editor li {
  margin: 0.22em 0;
  padding: 0 0 0 0.14em;
  line-height: inherit;
  font-size: inherit;          /* 🔑 размер ТОЛЬКО от li */
  font-family: inherit;
  font-weight: inherit;
}

.ipdf-editor li::marker {
  font-size: 1em;              /* 🔑 marker = текст */
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: currentColor;
  font-variant-numeric: tabular-nums;
}

/* ================================
   CONTRACT FIX: list marker sync
   ================================ */

.ipdf-editor ul,
.ipdf-editor ol {
  list-style-position: outside;
  padding-left: 1.2em; /* расстояние как в Google Docs */
}

.ipdf-editor li {
  font-size: inherit;
  line-height: inherit;
}

/* 🔑 КЛЮЧЕВОЙ ФИКС */
.ipdf-editor li::marker {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}

.ipdf-editor ul {
  padding-left: 1.5em;
}

.ipdf-editor ol {
  padding-left: 1.62em;
}

.ipdf-editor li {
  margin: 0.22em 0;
  padding: 0 0 0 0.14em;
}

.ipdf-editor ul > li::marker,
.ipdf-editor ol > li::marker {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: currentColor;
  font-variant-numeric: tabular-nums;
}

.ipdf-editor ul > li,
.ipdf-editor ol > li {
  line-height: 1.35;
}

.ipdf-editor ul > li::marker,
.ipdf-editor ol > li::marker {
  font-size: 1em;
  line-height: inherit;
}

.ipdf-editor ul[data-ipdf-bullet-style="filled-circle"] > li::marker {
  content: "●\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="hollow-circle"] > li::marker {
  content: "○\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="small-hollow-circle"] > li::marker {
  content: "◦\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="filled-square"] > li::marker {
  content: "■\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="small-square"] > li::marker {
  content: "▪\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="filled-diamond"] > li::marker {
  content: "◆\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="hollow-diamond"] > li::marker {
  content: "◇\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="arrow"] > li::marker {
  content: "➜\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="check"] > li::marker {
  content: "✓\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="star"] > li::marker {
  content: "★\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="ipdf-diamond"] > li::marker {
  content: "◈\00a0";
}

.ipdf-editor ul[data-ipdf-bullet-style="ipdf-spark"] > li::marker {
  content: "✦\00a0";
}
/* ======================================================
   EMOJI PICKER UI (Vendor only)
   ====================================================== */

.ipdf-emoji {
  position: fixed;
  z-index: 9999;
}

.ipdf-emoji-panel {
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 2px;
  width: 400px;
  max-height: 360px;
  display: flex;
  flex-direction: column;
}

.ipdf-emoji-search {
  border: none;
  border-bottom: 1px solid rgba(0,0,0,.08);
  padding: 8px 10px;
  font-size: 13px;
  outline: none;
}

.ipdf-emoji-tabs {
  display: flex;
  gap: 6px;
  padding: 6px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.ipdf-emoji-tab {
  background: none;
  border: none;
  font-size: 13px;
  cursor: pointer;
  opacity: .6;
}
.ipdf-emoji-tab.is-active {
  opacity: 1;
}

.ipdf-emoji-grid {
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  overflow: auto;
}

.ipdf-emoji-btn {
  font-size: 20px;
  line-height: 1;
  width: 1.6em;
  height: 1.6em;
  border: none;
  background: none;
  cursor: pointer;
}
.ipdf-emoji-btn:hover {
  background: rgba(0,0,0,.06);
  border-radius: 2px;
}