/* Static plugin stylesheet: loaded by digital.css in both Portal and WebHost. */
@scope (:is(.runner-shell, .document-preview, .document-review-page, .report-detail-page)) {
.signature-field { display: grid; gap: 10px; }
.signature-field > .mud-button-root { justify-self: start; }
.signature-empty { width: 100%; min-height: 150px; display: grid; place-items: center; align-content: center; gap: 6px; padding: 18px; border: 1px dashed #9aa9ba; border-radius: 8px; background: var(--digital-surface); color: var(--digital-text); }
.signature-empty:hover:not(:disabled) { border-color: #147d73; background: var(--digital-success-soft); }
.signature-empty .mud-icon-root { font-size: 2rem; }
.signature-empty strong { font-size: 1rem; }
.signature-empty span { color: var(--digital-text-muted); font-size: .82rem; }
.signature-preview { position: relative; min-height: 150px; display: grid; place-items: center; overflow: hidden; border: 1px solid #dce4ee; border-radius: 8px; background: var(--digital-surface); }
.signature-preview img { display: block; width: 100%; height: 150px; object-fit: contain; }
.signature-preview span { position: absolute; right: 8px; bottom: 8px; padding: 4px 7px; border-radius: 6px; background: rgba(16,32,51,.82); color: #fff; font-size: .72rem; font-weight: 700; }
.signature-modal-backdrop { position: fixed; inset: 0; z-index: var(--runner-layer-tool, 1400); display: grid; place-items: center; overscroll-behavior: contain; padding: 20px; background: rgba(15,23,42,.58); }
.signature-modal { width: min(780px, 100%); max-height: calc(100dvh - 40px); display: grid; gap: 14px; overflow: auto; padding: 20px; border-radius: 8px; background: var(--digital-surface-subtle); color: var(--digital-text); box-shadow: 0 24px 60px rgba(15,23,42,.28); }
.signature-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.signature-modal-header h2 { margin: 2px 0 0; color: var(--digital-text); font-size: 1.35rem; }
.signature-instruction { color: var(--digital-text-muted); font-size: .88rem; }
.signature-canvas-shell { position: relative; width: 100%; aspect-ratio: 2.4/1; min-height: 240px; overflow: hidden; border: 1px solid var(--digital-border); border-radius: 8px; background: var(--digital-surface); box-shadow: inset 0 1px 3px rgba(15,23,42,.06); }
.signature-canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }
.signature-baseline { position: absolute; right: 8%; bottom: 25%; left: 8%; border-bottom: 1px solid var(--digital-border); pointer-events: none; }
.signature-modal-actions, .signature-edit-actions, .signature-confirm-actions { display: flex; align-items: center; gap: 8px; }
.signature-modal-actions { justify-content: space-between; }
.signature-save-progress { min-height: 32px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; color: var(--digital-text-muted); font-size: .84rem; font-weight: 700; }
@media (max-width: 480px) { .signature-modal-backdrop { align-items: stretch; padding: 0; } .signature-modal { width: 100%; max-height: 100dvh; min-height: 100dvh; align-content: start; padding: 16px; border-radius: 0; } .signature-canvas-shell { min-height: 280px; aspect-ratio: auto; } .signature-modal-actions { margin-top: auto; align-items: stretch; flex-direction: column; } .signature-edit-actions, .signature-confirm-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; } .signature-modal-actions .mud-button-root { width: 100%; } }
}