@import url('/pdf/pdf-tools.css');

.sign-shell { max-width: 1060px; }
.sign-workspace { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 16px; margin-top: 18px; }
.sign-panel { min-width: 0; padding: 14px; border: 1px solid var(--header-border); border-radius: 10px; background: var(--panel-soft); }
.sign-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--text-strong); font-size: .92rem; }
.sign-panel-head label { display: flex; align-items: center; gap: 6px; font-weight: 700; }
.sign-panel-head input { width: 70px; padding: 6px; border: 1px solid var(--header-border); border-radius: 6px; background: var(--panel); color: var(--text-strong); font: inherit; }
.sign-panel-head button { padding: 6px 9px; border: 1px solid var(--header-border); border-radius: 6px; background: var(--panel); color: var(--text-soft); cursor: pointer; font: inherit; font-size: .78rem; font-weight: 700; }
#signCanvas { width: 100%; height: auto; margin-top: 10px; border: 1px dashed color-mix(in srgb, var(--accent) 46%, var(--header-border)); border-radius: 7px; background: #fff; touch-action: none; }
.sign-panel p { margin: 10px 0 0; color: var(--text-muted); font-size: .78rem; line-height: 1.45; }
.sign-preview { position: relative; display: grid; min-height: 180px; place-items: center; margin-top: 10px; overflow: auto; border: 1px solid var(--header-border); border-radius: 7px; background: #fff; color: #6b6b6b; font-size: .75rem; }
.sign-preview canvas { display: block; max-width: 100%; height: auto; cursor: crosshair; }
.sign-marker { position: absolute; z-index: 2; padding: 5px 8px; border: 1px dashed var(--accent); border-radius: 5px; background: color-mix(in srgb, var(--accent) 13%, #fff); color: var(--accent-strong); pointer-events: none; font-size: .7rem; font-weight: 800; transform: translate(-50%, -50%); }
.sign-submit { width: 100%; border: 0; cursor: pointer; font: inherit; }
.sign-submit:disabled { cursor: not-allowed; opacity: .52; }
.sign-pdf-page .pt-download-primary { display: flex; width: 100%; margin-top: 12px; justify-content: center; text-align: center; }
@media (max-width: 760px) { .sign-workspace { grid-template-columns: 1fr; } }