#approval-box { position: sticky; bottom: 0; z-index: 40; margin: 0.5rem; padding: 0.6rem 0.8rem; background: rgba(20,16,12,0.92); border: 1px solid rgba(212,175,55,0.45); border-radius: 10px; color: #f2e6c8; font-size: 0.85rem; }
#approval-box[hidden] { display: none !important; }
.approval-head { font-weight: 600; letter-spacing: 0.04em; margin-bottom: 0.35rem; color: #e6c56a; }
.approval-row { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; margin: 0.25rem 0; }
.approval-kind { font-family: ui-monospace, monospace; background: rgba(230,197,106,0.15); padding: 0.1rem 0.35rem; border-radius: 4px; }
.approval-detail { flex: 1 1 140px; opacity: 0.9; word-break: break-word; }
.approval-yes, .approval-no { border: 0; border-radius: 6px; padding: 0.25rem 0.55rem; cursor: pointer; font-weight: 600; }
.approval-yes { background: #3d7a4a; color: #fff; }
.approval-no { background: #7a3d3d; color: #fff; }

.king-seal { margin: 0.5rem; padding: 0.6rem 0.8rem; background: rgba(12,18,24,0.92); border: 1px solid rgba(120,160,200,0.35); border-radius: 10px; color: #d7e6f5; font-size: 0.85rem; }
.king-seal .seal-row { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
.king-seal .seal-form { display: flex; gap: 0.4rem; margin-top: 0.45rem; flex-wrap: wrap; }
.king-seal input[type=password] { flex: 1 1 160px; min-width: 140px; background: #0b1218; color: #e8f0f8; border: 1px solid rgba(120,160,200,0.35); border-radius: 6px; padding: 0.35rem 0.5rem; }
.king-seal .seal-btn { background: #2a4a66; color: #fff; border: 0; border-radius: 6px; padding: 0.35rem 0.7rem; font-weight: 600; cursor: pointer; }
.king-seal .seal-note { opacity: 0.75; margin: 0.4rem 0 0; font-size: 0.78rem; }
.king-seal[data-state="unlocked"] { border-color: rgba(80,180,120,0.5); }
.king-seal[data-state="locked"] { border-color: rgba(200,160,80,0.45); }
.king-seal[data-state="disabled"] { border-color: rgba(160,80,80,0.45); }