/* 540Sign — signing portal */
#s540-app { --s540-primary: #0b7a75; max-width: 1200px; margin: 0 auto; }
.s540-topbar { display:flex; justify-content:space-between; align-items:center; padding:14px 8px; border-bottom:1px solid #eee; }
.s540-brand { font-weight:700; font-size:18px; }
.s540-badge { background:var(--s540-primary); color:#fff; border-radius:12px; padding:2px 10px; font-size:12px; }
.s540-layout { display:grid; grid-template-columns: 1fr 360px; gap:20px; padding:16px 8px; }
.s540-viewer { min-height:70vh; background:#f6f7f9; border-radius:8px; padding:12px; overflow:auto; }
.s540-frame { width:100%; height:80vh; border:0; background:#fff; }
.s540-panel { position:sticky; top:16px; align-self:start; }
.s540-field { margin-bottom:10px; }
#s540-pad { border:1px dashed #bbb; border-radius:6px; width:100%; touch-action:none; background:#fff; }
.s540-consent { display:flex; gap:8px; align-items:flex-start; font-size:13px; margin:12px 0; }
.hidden { display:none; }
.s540-done, .s540-empty { text-align:center; padding:60px 20px; color:#555; }
@media (max-width:900px){ .s540-layout{ grid-template-columns:1fr; } }

/* RTL support */
#s540-app[dir="rtl"] { direction: rtl; text-align: right; }
#s540-app[dir="rtl"] .s540-topbar { flex-direction: row-reverse; }
#s540-app[dir="rtl"] .s540-consent { flex-direction: row-reverse; }