/* Shared Hub widget tokens adapted to the WMS shell. */
:root { --text-primary: var(--text); --text-secondary: var(--text-muted); --bg-alt: var(--bg-lighter); --bg-hover: #eeeeee; --error: var(--danger); --error-bg: #ffebee; --success-bg: #e8f5e9; --warning-bg: #fff3e0; --info-bg: #e3f2fd; }
.rt-screen { padding: 12px; max-width: 900px; margin: auto; }
.rt-screen h2 { margin: 14px 0 6px; }
.rt-screen form { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.rt-screen form label { width: 100%; }
.rt-screen input { min-width: 0; width: 55%; }
.rt-message { padding: 8px 0; font-size: 14px; color: var(--success); }
.rt-error { color: var(--danger); }
.rt-list { display: grid; gap: 10px; }
.rt-card { display: grid; gap: 7px; text-align: left; background: white; border: 1px solid var(--border); border-radius: 8px; padding: 14px; font-size: 17px; }
.rt-screen .btn, .hub-modal .btn { min-height: 44px; }
.rt-screen .wsa-actions { position: static; flex-wrap: wrap; }
.hub-modal-backdrop { display: none; position: fixed; inset: 0; background: #0008; z-index: 10000; align-items: center; justify-content: center; padding: 12px; }
.hub-modal-backdrop.is-open { display: flex; }
.hub-modal { position: relative; background: var(--bg-card); border-radius: 10px; padding: 20px; width: 100%; max-width: 560px; max-height: 90vh; overflow: auto; }
.hub-modal-close { position: absolute; right: 8px; top: 5px; min-width: 44px; min-height: 44px; border: 0; background: none; font-size: 28px; }
.form-control { width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 6px; }
.flex { display: flex; }
html:has(.rt-screen) { overscroll-behavior-y: contain; }