/* HeyMyPDF v5.6 APPROVED MOCKUP MATCH
   Last stylesheet wins over legacy experiments; avoids modifying PDF engine logic.
   Reference: pastel_pdf_signing_dashboard.png – document-first, 3-column, gentle color. */
:root{--hm-ink:#142951;--hm-main:#175eff;--hm-soft:#f6f9ff;--hm-rule:#e0e9f8}
.hm-editor-route{background:linear-gradient(135deg,#f5f9ff 0%,#f7fbff 60%,#f8f6ff 100%)!important;overflow-x:hidden!important;color:var(--hm-ink)}
.hm-editor-route .hm-header{position:relative!important;z-index:50!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e5edf9!important;box-shadow:0 2px 12px #274ba50a!important}
.hm-editor-route .hm-head-inner{height:65px!important;min-height:65px!important;max-width:none!important;width:100%!important;display:flex!important;align-items:center!important;gap:36px!important;padding:0 26px!important}
.hm-editor-route .hm-brand{font-size:24px!important;white-space:nowrap;font-weight:830!important;letter-spacing:-.9px!important}
.hm-editor-route .hm-brandmark{display:grid!important;place-items:center!important;height:34px!important;width:34px!important;border-radius:10px!important;background:linear-gradient(135deg,#31bdfe,#4355fa 70%,#a463ff)!important;color:white!important;font-size:24px!important;box-shadow:0 4px 10px #276cfa20}
.hm-editor-route .hm-nav{display:flex!important;align-items:center!important;gap:clamp(16px,1.8vw,32px)!important;margin:0 auto!important}
.hm-editor-route .hm-nav a,.hm-editor-route .hm-nav summary{font-size:15px!important;color:#193569!important;font-weight:600!important;line-height:1.5!important}
.hm-editor-route .hm-head-right .hm-cta{min-height:38px!important;padding:9px 16px!important;background:#165cfa!important;border-radius:10px!important}
.hm-editor-route .hm-head-right .hm-privacy-chip{font-size:12px!important;color:#158971!important}
.hm-editor-route .pc-section{max-width:none!important;width:calc(100% - 22px)!important;margin:0 11px!important;padding:0 0 20px!important}
.hm-editor-route .hm-workspace-intro{max-width:none!important;margin:0!important;padding:5px 9px!important;min-height:0!important;display:flex!important;align-items:center!important;gap:12px!important}
.hm-editor-route .hm-workspace-intro h1{font-size:15px!important;margin:0!important;font-family:inherit!important;line-height:1.3!important;color:#1b3568!important}
.hm-editor-route .hm-workspace-intro h1 small,.hm-editor-route .hm-workspace-intro .hm-breadcrumb,.hm-editor-route .hm-workspace-intro .hm-quicklink{display:none!important}
.hm-editor-route .hm-compact-privacy{margin:1px 4px 6px!important;padding:6px 13px!important;min-height:0!important;font-size:12px!important;line-height:1.4!important;border:1px solid #d7efe8!important;border-radius:8px!important;background:#edfaf6!important;color:#237c68!important}
.hm-editor-route .pc-section .pc-workspace{width:100%!important;max-width:none!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
.hm-editor-route .pc-workspace .pc-worktop{display:none!important}
.hm-editor-route .pc-workspace .pc-toolbar{padding:7px 10px!important;margin:0 0 7px!important;border:1px solid #e4ebf7!important;box-shadow:0 5px 18px #385f9b0a!important;background:#fff!important;border-radius:12px!important;min-height:51px!important;display:flex!important;align-items:center!important;gap:8px!important}
.hm-editor-route .pc-toolbar :is(.action-btn,.btn){min-height:36px!important;font-size:13px!important;font-weight:680!important;border-radius:9px!important;padding:7px 13px!important}
.hm-editor-route .pc-toolbar .pc-export{margin-left:auto!important;padding:0!important;gap:7px!important}
.hm-editor-route .pc-toolbar #pc-export{background:linear-gradient(100deg,#2575ff,#1057f5)!important;color:#fff!important;min-width:146px!important;border-radius:10px!important;box-shadow:0 5px 13px #2c67ef2a!important}
.hm-editor-route .pc-toolbar #pc-count{font-size:12px!important;color:#5f7190!important;white-space:nowrap!important}
.hm-editor-route .pc-workspace .pc-v5-layout{display:grid!important;grid-template-columns:180px 190px minmax(0,1fr) 310px!important;gap:10px!important;align-items:stretch!important;width:100%!important;min-width:0!important}
.hm-editor-route .pc-v5-layout>div:first-child{min-width:0!important;background:#fff!important;border:1px solid var(--hm-rule)!important;border-radius:13px!important;padding:8px!important;box-shadow:0 8px 24px #36568a0b!important;max-height:calc(100dvh - 159px)!important;overflow-y:auto!important}
.hm-editor-route .pc-tools{display:flex!important;flex-direction:column!important;gap:3px!important;padding:0!important;min-width:0!important;max-width:none!important}
.hm-editor-route .pc-tool{display:flex!important;gap:12px!important;align-items:center!important;padding:11px 12px!important;min-height:45px!important;border-radius:10px!important;font-size:15px!important;font-weight:600!important;text-align:left!important;width:100%!important;background:transparent!important;color:#2d4979!important}
.hm-editor-route .pc-tool b{width:29px!important;height:29px!important;font-size:20px!important;border-radius:8px!important;display:grid!important;place-items:center!important;color:#486ae8!important;background:#edf2ff!important;flex:0 0 29px!important}
.hm-editor-route .pc-tool.active{background:#e6efff!important;color:#135bf6!important;font-weight:760!important}
.hm-editor-route .pc-tool.active b{background:#416dff!important;color:white!important}
.hm-editor-route .pc-help{font-size:12px!important;color:#58769d!important;margin-top:18px!important;padding:12px!important;border-radius:10px!important;background:#edf8ff!important;line-height:1.6!important}
.hm-editor-route .pc-center{min-width:0!important;display:flex!important;flex-direction:column!important;width:100%!important;align-self:stretch!important}
.hm-editor-route .pc-v5-instructions{display:none!important}
.hm-editor-route .pc-v5-docked{display:block!important;width:100%!important;min-width:0!important;margin:0!important}
.hm-editor-route .pc-v5-docked .pc-viewer-card{height:calc(100dvh - 154px)!important;min-height:520px!important;max-height:none!important;border:1px solid var(--hm-rule)!important;border-radius:13px!important;box-shadow:0 8px 22px #38558f11!important;background:#fff!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.hm-editor-route .pc-v5-docked .pc-viewer-bar{order:0;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;min-height:49px!important;background:#fff!important;border-bottom:1px solid #e2eaf7!important;gap:8px!important;flex-wrap:wrap!important}
.hm-editor-route .pc-viewer-bar b{font-size:15px!important;color:#1c3465!important}
.hm-editor-route .pc-v5-jump{font-size:13px!important;color:#4f6586!important;white-space:nowrap!important}
.hm-editor-route .pc-v5-jump input{width:60px!important;font-size:14px!important;min-height:33px!important}
.hm-editor-route .pc-v5-docked .pc-viewer-bar .pc-quiet{border:1px solid #e0e8f8!important;background:#fff!important;border-radius:8px!important;font-size:13px!important;min-height:33px!important;padding:6px 8px!important;color:#265286!important}
.hm-editor-route .pc-v5-docked .pc-viewer-page{order:1;flex:1!important;min-height:0!important;overflow:auto!important;background:linear-gradient(115deg,#e8edf5,#eef3fa)!important;padding:15px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;scrollbar-gutter:stable both-edges}
.hm-editor-route .pc-v5-docked .pc-viewer-sheet{margin:0 auto!important;box-shadow:0 10px 30px #293c6033!important;background:white!important;max-width:none!important}
.hm-editor-route .pc-v5-docked .pc-viewer-tools{order:2;flex-shrink:0!important;background:white!important;min-height:49px!important;max-height:110px!important;padding:8px 10px!important;border-top:1px solid #e4eafa!important;gap:8px!important;flex-wrap:wrap!important}
.hm-editor-route .pc-viewer-tools :is(button,input){min-height:32px!important;border-radius:7px!important;font-size:13px!important}
.hm-editor-route .pc-viewer-tools #pc-viewer-status{font-size:12px!important;min-width:200px!important;max-width:420px!important}
.hm-editor-route .pc-v5-docked .pc-viewer-tip{order:3;padding:5px 12px!important;background:#eef5ff!important;font-size:11px!important;text-align:center!important;line-height:1.35!important;color:#6880a8!important;flex-shrink:0!important}
.hm-editor-route .pc-v52-thumbs{position:static!important;max-height:calc(100dvh - 154px)!important;height:calc(100dvh - 154px)!important;min-height:520px!important;padding:10px!important;margin:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:#fff!important;border:1px solid var(--hm-rule)!important;border-radius:13px!important;box-shadow:0 8px 22px #38558f11!important}
.hm-editor-route .pc-v52-thumbs>.pc-v5-settings{display:block!important;order:0!important;padding:3px!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:white!important;width:100%!important;max-height:calc(100% - 155px)!important;overflow-y:auto!important;flex:0 0 auto!important;scrollbar-width:thin!important}
.hm-editor-route .pc-v5-settings-title{font-size:17px!important;padding:6px 6px 10px!important;border-bottom:1px solid #e8eef9!important;font-weight:800!important}
.hm-editor-route .pc-v5-settings-title span{font-size:11px!important}
.hm-editor-route .pc-v5-settings .pc-panel{padding:9px 4px!important;margin:0!important}
.hm-editor-route .pc-v5-settings .pc-sign-panel{gap:8px!important;padding:1px!important}
.hm-editor-route .pc-v5-settings .pc-sign-header h3{font-size:18px!important;margin:0!important;color:#1c3568!important}
.hm-editor-route .pc-v5-settings .pc-sign-header small{font-size:11px!important;color:#74829b!important}
.hm-editor-route .pc-v5-settings .pc-sign-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;border-radius:9px!important;background:#f2f5fc!important;padding:4px!important}
.hm-editor-route .pc-v5-settings .pc-sign-choices button{font-size:14px!important;min-height:40px!important;border-radius:7px!important;box-shadow:none!important}
.hm-editor-route .pc-v5-settings .pc-sign-choices button.active{background:#deecff!important;color:#0755ef!important;box-shadow:0 2px 6px #2b70df12!important}
.hm-editor-route .pc-v5-settings .pc-sign-panel canvas#pc-signcanvas{display:block!important;height:235px!important;min-height:235px!important;max-height:235px!important;width:100%!important;background:radial-gradient(#dfe8f7 0.75px,transparent 0.75px),#fff!important;background-size:13px 13px!important;border:1px solid #d8e5f9!important;border-radius:10px!important}
.hm-editor-route .pc-v5-settings .pc-sign-draw .pc-signrow{display:flex!important;gap:5px!important;margin:8px 0 0!important}
.hm-editor-route .pc-v5-settings .pc-sign-draw .pc-signrow button{font-size:12px!important;min-height:34px!important;border-radius:7px!important;flex:1!important}
.hm-editor-route .pc-v5-settings .pc-sign-ink{background:white!important;border:0!important;padding:3px 0!important}
.hm-editor-route .pc-v5-settings .pc-sign-ink>span{font-size:12px!important}
.hm-editor-route .pc-v5-settings .pc-sign-ink small{display:none!important}
.hm-editor-route .pc-v5-settings .pc-sign-palette{gap:6px!important}
.hm-editor-route .pc-v5-settings .pc-ink-dot{width:27px!important;height:27px!important;min-height:27px!important;flex:0 0 27px!important}
.hm-editor-route .pc-v5-settings .pc-sign-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.hm-editor-route .pc-v5-settings [data-action="place-sign"]{background:linear-gradient(90deg,#2b77ff,#105afa)!important;color:#fff!important;min-height:43px!important;font-size:14px!important;border-radius:8px!important;grid-column:1/-1!important}
.hm-editor-route .pc-v5-settings .pc-sign-actions button:not([data-action="place-sign"]){font-size:12px!important;min-height:33px!important}
.hm-editor-route .pc-v52-thumbs>.pc-previewhead{order:1!important;padding:8px 4px 4px!important;flex-shrink:0!important;border-top:1px solid #e5ebf8!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important}
.hm-editor-route .pc-previewhead b{font-size:16px!important;color:#142c5c!important}
.hm-editor-route .pc-previewhead small{font-size:11px!important;line-height:1.35!important;color:#7187a7!important}
.hm-editor-route .pc-v52-thumbs .pc-grid{order:2!important;flex:1 1 auto!important;min-height:110px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:8px!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px!important;border-radius:9px!important;background:#f6f9ff!important}
.hm-editor-route .pc-v52-thumbs .pc-tile{width:100%!important;min-width:0!important;flex:none!important;max-width:100%!important;min-height:0!important;box-shadow:0 2px 7px #36548b11!important;border:1px solid #e2e8f6!important;border-radius:8px!important}
.hm-editor-route .pc-v52-thumbs .pc-canvas-wrap{height:110px!important;max-height:110px!important;padding:2px!important}
.hm-editor-route .pc-v52-thumbs .pc-canvas-wrap canvas{max-height:104px!important}
.hm-editor-route .pc-v52-thumbs .pc-tilecap{font-size:11px!important}
.hm-editor-route .pc-v52-thumbs .pc-tiletools{gap:2px!important}
.hm-editor-route .pc-v52-thumbs .pc-tiletools button{height:25px!important;min-width:19px!important;padding:2px!important}
.hm-editor-route .pc-v52-thumbs .pc-v5-thumbnav{order:3!important;display:flex!important;justify-content:space-between!important;flex-shrink:0!important}
.hm-editor-route .pc-v5-settings .pc-sidebar-ad,
.hm-editor-route .pc-v5-settings .pc-v5-ad {
  display: block !important;
  margin-top: 18px !important;
  padding: 14px 12px !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.hm-editor-route .pc-v5-settings .pc-sidebar-ad span,
.hm-editor-route .pc-v5-settings .pc-v5-ad span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 3px !important;
}
.hm-editor-route .pc-v5-settings .pc-sidebar-ad small,
.hm-editor-route .pc-v5-settings .pc-v5-ad small {
  font-size: 11px !important;
  color: #94a3b8 !important;
  display: block !important;
}
.hm-editor-route .pc-thumb-ad {
  display: block !important;
  margin: 12px 6px 8px !important;
  padding: 10px 8px !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.hm-editor-route .pc-thumb-ad span {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 2px !important;
}
.hm-editor-route .pc-thumb-ad small {
  font-size: 10px !important;
  color: #94a3b8 !important;
  display: block !important;
}
/* Crisp floating signature tools */
.pc-sig-floating-tools {
  position: absolute !important;
  top: -38px !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 6px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
  z-index: 100 !important;
}
.pc-sig-floating-tools .pc-ft-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  font-size: 13px !important;
  cursor: pointer !important;
}
.pc-sig-floating-tools .pc-ft-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}
.pc-sig-floating-tools .pc-ft-btn.pc-ft-del {
  color: #dc2626 !important;
  border-color: #fecaca !important;
  background: #fef2f2 !important;
}
.pc-sig-floating-tools .pc-ft-btn.pc-ft-del:hover {
  background: #fee2e2 !important;
}
.hm-editor-route .pc-workspace .pc-drop{margin:0 0 9px!important;padding:11px!important;min-height:68px!important}
.hm-editor-route .pc-workspace.pc-v5-live .pc-drop{display:none!important}
.hm-editor-route .pc-workspace .pc-customize{margin:0 0 6px!important}
.hm-editor-route .pc-v52-object.pc-just-added{box-shadow:0 0 0 4px #4081f026!important}
.hm-editor-route .pc-v52-edit-text{line-height:1.35!important} /* font size controlled by annotation per-object style */
.hm-editor-route :is(button,a,input,summary):focus-visible{outline:3px solid #3a78ff!important;outline-offset:2px!important}
@media(max-width:1180px){.hm-editor-route .pc-workspace .pc-v5-layout{grid-template-columns:135px minmax(0,1fr) 330px!important}.hm-editor-route .pc-tool{font-size:13px!important;padding:9px 7px!important}.hm-editor-route .pc-tool b{flex-basis:25px!important;width:25px!important;height:25px!important}}
@media(max-width:900px){.hm-editor-route .hm-head-inner{min-height:65px!important;height:auto!important;flex-wrap:wrap!important;padding:10px 14px!important;gap:10px!important}.hm-editor-route .hm-nav{overflow-x:auto!important;white-space:nowrap!important;order:3;width:100%!important;margin:0!important;gap:14px!important}.hm-editor-route .pc-workspace .pc-v5-layout{grid-template-columns:minmax(0,1fr)!important}.hm-editor-route .pc-v5-layout>div:first-child{max-height:none!important;overflow:visible!important;padding:4px!important}.hm-editor-route .pc-tools{flex-direction:row!important;overflow-x:auto!important}.hm-editor-route .pc-tool{flex:0 0 auto!important;width:auto!important;min-height:41px!important;white-space:nowrap!important;font-size:13px!important;padding:8px!important}.hm-editor-route .pc-help{display:none!important}.hm-editor-route .pc-v5-docked .pc-viewer-card{height:65dvh!important;min-height:390px!important}.hm-editor-route .pc-v52-thumbs{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}.hm-editor-route .pc-v52-thumbs>.pc-v5-settings{max-height:none!important;overflow:visible!important}.hm-editor-route .pc-v52-thumbs .pc-grid{max-height:240px!important;overflow-y:auto!important}.hm-editor-route .pc-v52-thumbs .pc-tile{width:100%!important}.hm-editor-route .pc-v5-settings .pc-sign-panel canvas#pc-signcanvas{height:260px!important;min-height:260px!important;max-height:260px!important}}
@media(max-width:600px){.hm-editor-route .hm-header{position:relative!important}.hm-editor-route .hm-head-inner{padding:8px!important}.hm-editor-route .hm-head-right{display:none!important}.hm-editor-route .pc-section{width:calc(100% - 12px)!important;margin:0 6px!important}.hm-editor-route .pc-workspace .pc-toolbar{flex-wrap:wrap!important}.hm-editor-route .pc-toolbar :is(.action-btn,.btn){font-size:12px!important;min-height:34px!important;padding:6px 8px!important}.hm-editor-route .pc-toolbar .pc-export{margin-left:0!important}.hm-editor-route .pc-v5-docked .pc-viewer-bar{flex-wrap:wrap!important;justify-content:flex-start!important}.hm-editor-route .pc-v5-docked .pc-viewer-tools{flex-wrap:nowrap!important;overflow-x:auto!important;max-height:65px!important}.hm-editor-route .pc-v5-docked .pc-viewer-card{height:62dvh!important;min-height:350px!important}.hm-editor-route .pc-v52-thumbs .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hm-editor-route .hm-workspace-intro{display:none!important}}
/* Editor-intro compression and task-specific editing tools. */
.hm-editor-route .hm-tool-title{width:calc(100% - 22px)!important;max-width:none!important;margin:0 11px!important;min-height:0!important;padding:5px 10px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.hm-editor-route .hm-tool-title .hm-breadcrumb{display:none!important}
.hm-editor-route .hm-tool-title h1{font-family:inherit!important;font-size:16px!important;line-height:1.3!important;letter-spacing:-.4px!important;margin:0!important}
.hm-editor-route .hm-tool-title h1 + p,.hm-editor-route .hm-tool-title p{display:none!important}
.hm-editor-route .hm-tool-title .hm-private-label{font-size:12px!important;margin:0!important;padding:3px 10px!important}
.hm-editor-route .hm-tool-title>div{margin:0!important;padding:0!important}
.hm-editor-route:has(.pc-tool[data-mode="sign"].active) .pc-viewer-tools,
.hm-editor-route:has(.pc-tool[data-mode="organize"].active) .pc-viewer-tools,
.hm-editor-route:has(.pc-tool[data-mode="split"].active) .pc-viewer-tools,
.hm-editor-route:has(.pc-tool[data-mode="number"].active) .pc-viewer-tools,
.hm-editor-route:has(.pc-tool[data-mode="rotate"].active) .pc-viewer-tools,
.hm-editor-route:has(.pc-tool[data-mode="extract"].active) .pc-viewer-tools,
.hm-editor-route:has(.pc-tool[data-mode="watermark"].active) .pc-viewer-tools{display:none!important}