/* HeyMyPDF Office conversion — scoped, consistent with v5.17 palette */
.office-main{max-width:1200px;margin:0 auto;padding:28px 22px 70px;color:#17233e}
.office-crumbs{font-size:.86rem;color:#65758e;margin:0 0 18px}.office-crumbs a{color:#436add;text-decoration:none}
.office-heading{max-width:760px;margin:0 0 26px}.office-eyebrow{color:#5978bd;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.office-heading h1{font-family:inherit!important;font-size:clamp(2rem,3.35vw,3rem)!important;line-height:1.14!important;color:#18274b!important;letter-spacing:-.04em!important;font-weight:780!important;margin:10px 0 11px!important}
.office-heading p{font-size:1.05rem;color:#5b6d89;line-height:1.65;max-width:730px}
.office-safe{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;background:#eef5ff;border:1px solid #d8e7ff;border-radius:15px;color:#405b7d;font-size:.91rem;margin:0 0 24px;max-width:1000px}
.office-safe strong{color:#2b509b}
.office-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:20px;align-items:start}
.office-panel{border:1px solid #e5ebf5;background:#fff;border-radius:20px;box-shadow:0 12px 35px rgba(34,60,111,.055);padding:26px;min-width:0}
.office-panel h2{font-family:inherit!important;font-size:1.23rem!important;letter-spacing:-.02em!important;font-weight:750!important;margin:0 0 6px!important;color:#1e3052!important}
.office-sub{font-size:.91rem;color:#75839b;margin:0 0 18px}
.office-drop{border:1.5px dashed #a8bbec;border-radius:17px;padding:25px 20px;text-align:center;background:#f8faff;transition:.15s;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.office-drop.office-dragging,.office-drop:focus-within{border-color:#416fe0;background:#edf3ff}
.office-drop-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#e8efff;color:#416bd0;font-size:26px;margin:0 auto 6px}
.office-drop strong{font-size:1.05rem;color:#29426c}.office-drop span{font-size:.84rem;color:#75849f}
.office-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.office-drop input[type=file]:disabled{cursor:progress}
.office-picked{display:flex;flex-direction:column;gap:4px;padding:13px 0;color:#536783;font-size:.88rem;min-height:48px;overflow-wrap:anywhere}
.office-picked strong{color:#233c64;font-weight:700}.office-picked small{color:#7a89a1}
.office-controls{display:grid;gap:10px;margin:8px 0 18px}
.office-label{color:#354a6e;font-size:.89rem;font-weight:700}.office-select{width:100%;font:inherit;background:#fff;color:#24395c;border:1px solid #d6e1f0;border-radius:11px;padding:12px 14px;min-height:48px}
.office-hint{font-size:.81rem;line-height:1.5;color:#71819b;margin:0}
.office-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.office-main-btn{background:#436ee2;color:white!important;border:0;border-radius:12px;padding:13px 22px;min-height:48px;font:inherit;font-size:.95rem;font-weight:750;cursor:pointer;box-shadow:0 6px 15px rgba(55,94,203,.18)}
.office-main-btn:hover:not(:disabled){background:#2d57cd}.office-main-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.office-reset-btn{border:1px solid #d7e2f1;background:#fff;color:#506785;border-radius:12px;min-height:48px;padding:12px 19px;font-weight:650;cursor:pointer}
.office-status{font-size:.88rem;color:#637795;margin-top:18px;line-height:1.5;min-height:23px}.office-status[data-state=error]{color:#a73840}.office-status[data-state=ok]{color:#187b58}
.office-progress{height:7px;border-radius:9px;background:#e8edfa;margin:13px 0;overflow:hidden}.office-progress span{background:#5a85e7;display:block;width:0;height:100%;transition:width .15s}
.office-cancel{color:#a34547;background:#fff1f1;border:0;padding:9px 14px;border-radius:9px;cursor:pointer}
.office-result{border:1px solid #bddfd1;background:#f0fbf6;padding:17px;border-radius:14px;margin-top:15px}.office-result h3{font-size:1.06rem;font-weight:750;color:#156c4c;margin:0 0 8px}.office-result p{font-size:.87rem;line-height:1.55;color:#42715f;margin:7px 0 14px}.office-result .office-warn{color:#986619}
.office-download{display:inline-flex;justify-content:center;background:#1e9671;color:#fff!important;border-radius:11px;padding:12px 17px;font-weight:760;text-decoration:none!important;max-width:100%;overflow-wrap:anywhere}
.office-preview-frame{min-height:360px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;background:#edf1f9;border:1px solid #e3e8f3;border-radius:14px;padding:15px}
.office-preview-frame canvas{max-width:100%;height:auto!important;box-shadow:0 8px 18px rgba(31,53,92,.14);background:#fff}
.office-preview-frame:empty:before{content:'Your document preview will appear here';color:#8291aa;margin:auto;font-size:.92rem}
.office-preview-info{font-size:.84rem;color:#75839b;margin:10px 0 0}
.office-below{margin:26px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.office-feature{border:1px solid #e8edf5;border-radius:14px;background:#fff;padding:17px;color:#6e7e97;font-size:.87rem;line-height:1.55}.office-feature b{display:block;font-size:.94rem;margin-bottom:6px;color:#283f65}
.office-copy{margin-top:40px;padding:0 2px;max-width:950px}.office-copy h2{font-family:inherit!important;font-size:1.32rem!important;margin:28px 0 9px!important;color:#1d2e52}.office-copy p{color:#667792;line-height:1.65;font-size:.94rem}.office-copy a{color:#426ed4}
.office-table-scroll{max-width:100%;overflow:auto;border:1px solid #e1e8f3;border-radius:12px;margin-top:15px}.office-table-scroll table{border-collapse:collapse;font-size:.75rem;min-width:100%;white-space:nowrap}.office-table-scroll td{padding:7px 10px;border-right:1px solid #e7edf5;border-bottom:1px solid #e7edf5;color:#435a7d;max-width:220px;overflow:hidden;text-overflow:ellipsis}.office-table-scroll tr:nth-child(even){background:#f8faff}
@media(max-width:890px){.office-grid{grid-template-columns:1fr}.office-preview-frame{min-height:300px}.office-below{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.office-main{padding:18px 14px 55px}.office-panel{padding:18px;border-radius:16px}.office-drop{padding:19px 12px}.office-below{grid-template-columns:1fr}.office-heading h1{font-size:2.05rem!important}.office-preview-frame{min-height:245px;padding:10px}.office-actions>*{flex:1}}


/* Universal Modern Dialog Modal (HeyMyPDF v6) */
.hm-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  opacity: 1 !important;
  transition: opacity 0.2s ease-out !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.hm-modal-backdrop.is-active { opacity: 1 !important; }
.hm-modal-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  width: 100% !important;
  max-width: 480px !important;
  overflow: hidden !important;
  transform: scale(0.95) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}
.hm-modal-backdrop.is-active .hm-modal-card { transform: scale(1) !important; }
.hm-modal-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 20px 24px 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.hm-modal-icon {
  font-size: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #eff6ff !important;
  flex-shrink: 0 !important;
}
.hm-modal-title {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}
.hm-modal-body {
  padding: 20px 24px !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.hm-modal-body p { margin: 0 !important; }
.hm-modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  padding: 16px 24px 20px !important;
  background: #f8fafc !important;
  border-top: 1px solid #f1f5f9 !important;
}
.hm-modal-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #334155 !important;
}
.hm-modal-btn:hover { background: #f1f5f9 !important; color: #0f172a !important; }
.hm-modal-btn.primary {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
}
.hm-modal-btn.primary:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.35) !important;
}