/* Transaction-control UI: SAMPLE banner and badge, save state, checklist, stale toast. */
.ctl-sample-banner{position:sticky;top:0;z-index:2000;background:#7a3b00;color:#fff;font:600 14px/1.3 system-ui,Segoe UI,Arial,sans-serif;padding:8px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;border-bottom:3px solid #ffb84d}
.ctl-sample-banner a,.ctl-sample-banner button{color:#fff;background:transparent;border:1px solid #ffd9a3;border-radius:6px;padding:3px 10px;font:inherit;cursor:pointer;text-decoration:none}
.ctl-sample-banner a:hover,.ctl-sample-banner button:hover{background:#9a4d00}
body.ctl-mode-sample{outline:4px solid #ffb84d;outline-offset:-4px}
.ctl-badge-sample{display:inline-block;background:#ffb84d;color:#4a2300;border-radius:4px;padding:1px 6px;font:700 11px/1.5 system-ui,Segoe UI,Arial,sans-serif;letter-spacing:.04em;vertical-align:middle;margin-left:6px}
.ctl-save{display:inline-block;min-height:1.2em;font:500 13px/1.4 system-ui,Segoe UI,Arial,sans-serif;padding:2px 8px;border-radius:999px}
.ctl-save-saving{color:#5b4a00;background:#fff3c4}
.ctl-save-saved{color:#0b5b2a;background:#d9f3e3}
.ctl-save-failed{color:#7a1212;background:#ffe0e0}
.ctl-save-stale{color:#5b2a7a;background:#ecd9f8}
.ctl-checklist{list-style:none;margin:0;padding:0}
.ctl-checklist li{padding:4px 0;border-bottom:1px dashed #e3e6ec}
.ctl-checklist small{display:block;color:#5c6470;margin-left:26px}
.ctl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:560px;background:#1f2430;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.35);font:14px/1.45 system-ui,Segoe UI,Arial,sans-serif;z-index:3000}
.ctl-toast .ctl-btn{margin-left:10px;background:#fff;color:#1f2430;border:0;border-radius:6px;padding:4px 10px;cursor:pointer;font:inherit}
@media print{.ctl-sample-banner,.ctl-toast,.ctl-save{display:none!important}.ctl-badge-sample{border:1px solid #000;background:#fff;color:#000}}