.treedoc-page { position:relative; width:210mm; height:297mm; background:#fff; margin:0 auto 24px;
    padding:20mm 20mm 10mm 20mm; box-sizing:border-box; box-shadow:0 4px 20px rgba(0,0,0,.15); color:#000; overflow:hidden;
    font-family:"Batang","바탕",serif; }
   

  .treedoc-page[data-td-overflow="1"] { height:auto; min-height:297mm; overflow:visible; }
  .treedoc-table2 { border-collapse:collapse; table-layout:fixed; margin:0 auto; }
  .treedoc-table2 td { box-sizing:border-box; padding:0.6mm 1.2mm; vertical-align:middle;
    font-size:var(--tdfs, 13px); line-height:var(--tdlh, 1.35); word-break:break-word; text-align:center; }
  .td-formref { font-size:calc(var(--tdfs, 13px) - 3px) !important; text-align:left !important; vertical-align:middle !important; }
  .td-title { font-size:calc(var(--tdfs, 13px) + 8px) !important; font-weight:800; letter-spacing:0.55em; text-indent:0.55em; vertical-align:middle !important; }
  .td-note { font-size:calc(var(--tdfs, 13px) - 3px) !important; text-align:left !important; }
  .td-lbl { font-weight:600; }
  .td-val { text-align:left !important; white-space:pre-wrap; }
  .treedoc-footer { font-size:calc(var(--tdfs, 13px) + 0.5px); margin-top:4mm; line-height:2.1; }
  .treedoc-footer-align { width:100%; height:100%; border-collapse:collapse; table-layout:fixed; }
  .treedoc-footer-align td { box-sizing:border-box; padding:0.8mm 1mm; font-size:calc(var(--tdfs, 13px) - 1px); vertical-align:middle; overflow:visible; }
  .treedoc-footer-align .tfa-lbl { width:24mm; font-weight:600; white-space:nowrap; }
  .treedoc-footer-align .tfa-val { text-align:left; overflow-wrap:break-word; }
  .treedoc-footer-align .tfa-lbl2 { width:31mm; font-weight:600; white-space:nowrap; text-align:left; padding-left:2mm; }
  .treedoc-footer-align .tfa-val2 { width:25mm; text-align:left; white-space:nowrap; }
  .treedoc-signspot { position:relative; display:inline-block; }
  .treedoc-stamp { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:27.6mm !important; height:27.6mm !important; max-width:none !important; aspect-ratio:1/1;
    object-fit:contain; opacity:0.88; pointer-events:none; z-index:2; }

   

  .td-preview-actions-mobile {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e2e8f0;
    padding: 10px 16px;
    z-index: 1;
  }
  @media (min-width: 1024px) {
    .td-preview-actions-mobile { display: none !important; }
  }

   

  .td-list-sendbar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 8px 0 10px;
    background: #f2f2f7;
  }
  .td-list-sendbar .photosheet-action-btn { font-size: 12px; padding: 6px 10px; border-radius: 10px; }
  .td-list-sendbar-hint { font-size: 11px; color: #64748b; }
  .td-font-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px 10px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
  }
  .td-font-btn {
    font-size: 13px; font-weight: 700; padding: 4px 10px;
    border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #0f172a;
  }
  .td-font-hint { font-size: 11px; color: #64748b; flex: 1; min-width: 0; }
  .td-font-save {
    font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 8px;
    background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe;
  }
  .td-font-selected { outline: 2px solid #2563eb; outline-offset: -2px; }
  [data-tdk] { cursor: pointer; }
  .doc-action-sms {
    background: linear-gradient(135deg, #34d399, #059669) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(5,150,105,0.35), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  }
   




  .modal-overlay.td-fullscreen-overlay {
    padding: 0;
    align-items: stretch;
    justify-content: stretch;
  }
  .modal-overlay.td-fullscreen-overlay > .modal-box.td-fullscreen-box {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: none;           
  }
  .td-compose-topbar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #0f172a;
     
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px;
  }
  .td-back-btn {
    flex-shrink: 0;
    padding: 8px 14px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
  }
  .td-compose-title {
    flex: 1;
    min-width: 0;
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .td-topbar-save {
    flex-shrink: 0;
    padding: 8px 16px;
    border: none;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
  }
  .td-topbar-save:disabled { opacity: .6; }
   

  @media (max-width: 1023px) {
    .td-topbar-save { display: none; }
  }
   
  .td-fullscreen-box .td-compose-split {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
  }
   




  @media (max-width: 1023px) {
    .td-fullscreen-box .td-compose-actions {
      position: sticky;
      bottom: calc(-16px - env(safe-area-inset-bottom));
      margin: 8px -16px calc(-16px - env(safe-area-inset-bottom));
      padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
      background: #fff;
      border-top: 1px solid #e2e8f0;
      z-index: 5;
    }
    body.theme-dark .td-fullscreen-box .td-compose-actions {
      background: #1a2436;
      border-top-color: rgba(255,255,255,.08);
    }
  }

  @media (min-width: 1024px) {
     

    .modal-box.td-compose-box {
      max-width: none !important;
      width: 100% !important;
      height: 100%;
      max-height: none;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
     
    .td-fullscreen-box .td-compose-split {
      overflow: hidden;
      padding: 16px;
      padding-bottom: 16px;
    }
    .td-compose-split {
      display: flex;
      gap: 16px;
      flex: 1;
      min-height: 0;
    }
    .td-compose-form {
      flex: 0 0 42%;
      overflow-y: auto;
      overscroll-behavior: contain;
      min-width: 0;
    }
    .td-compose-preview {
      flex: 1 1 auto;
      min-width: 0;
      flex-direction: column;
      background: #e2e8f0;
      border-radius: 12px;
      overflow: hidden;
    }
    .td-compose-preview-body {
      flex: 1;
      overflow: auto;
      padding: 12px;
      min-height: 0;
    }
  }

   




  @media (max-width: 1023px) {
    .td-list-sendbar .tree-delivery-btn {
      flex: 1 1 0; min-width: 0; height: 32px; min-height: 32px; padding: 0 8px; position: relative;
      border: 1px solid #bfd8f4; border-radius: 8px; color: #1d5796; background: #fff;
      font-size: 12px; font-weight: 800; white-space: nowrap;
    }
    .td-list-sendbar .tree-delivery-btn:disabled { opacity: .45; }
     
    .td-list-sendbar .tree-delivery-btn::after { content: ""; position: absolute; left: 0; right: 0; top: -7px; bottom: -7px; }
    .td-list-sendbar { row-gap: 12px; }  
    .td-list-sendbar .td-list-sendbar-hint { flex: 1 0 100%; }
    body.theme-dark .td-list-sendbar { background: #0b1220; }
  }

   





@media print {
  #tdPrintArea, #tdPrintArea * { visibility: visible; }
  #tdPrintArea { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; padding: 0; margin: 0; background: #fff; }
  .treedoc-page { box-shadow:none; margin:0; width:210mm; height:297mm; page-break-after:always; overflow:hidden; }
  .treedoc-page[data-td-overflow="1"] { height:auto; min-height:297mm; overflow:visible; page-break-inside:auto; }
  .treedoc-stamp { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}

 

#app .td-draft-notice {
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  margin:0 0 10px; padding:9px 12px;
  border:1px solid #f0d89d; border-radius:10px; background:#fff9e8; color:#6f5312;
  font-size:12.5px; line-height:1.45;
}
#app .td-draft-notice b { color:#5a4109; }
#app .td-draft-notice-actions { display:flex; gap:6px; flex:0 0 auto; }
#app .td-draft-notice-actions > button {
  min-height:32px; padding:0 11px;
  border:1px solid #e0c684; border-radius:8px; background:#fff; color:#6f5312;
  font-family:inherit; font-size:12px; font-weight:700; white-space:nowrap; cursor:pointer;
}
#app .td-draft-notice-actions > button:hover { background:#fff3d4; }
body.theme-dark #app .td-draft-notice { border-color:#5a4a22; background:#2a2313; color:#e6d3a3; }
body.theme-dark #app .td-draft-notice-actions > button { border-color:#5a4a22; background:#1d1a10; color:#e6d3a3; }