/* Venous Mode UI — 1.0.0 | Shared scoped design tokens and components. */
.venous-ui {
 --venous-primary:#b82f68; --venous-primary-hover:#982451; --venous-primary-soft:#fff0f5;
 --venous-text:#352b32; --venous-muted:#71616b; --venous-canvas:#faf7f9; --venous-surface:#fff;
 --venous-border:#e8dce2; --venous-control-border:#a58b99;
 --venous-success:#216342; --venous-success-soft:#edf7f0;
 --venous-warning:#81510b; --venous-warning-soft:#fff5df;
 --venous-danger:#ae2845; --venous-danger-soft:#fff0f2;
 --venous-info:#285b86; --venous-info-soft:#eef5fc;
 --venous-space-1:4px; --venous-space-2:8px; --venous-space-3:12px; --venous-space-4:16px;
 --venous-space-5:20px; --venous-space-6:24px; --venous-space-8:32px; --venous-space-10:40px;
 --venous-radius-sm:8px; --venous-radius-control:12px; --venous-radius-card:16px; --venous-radius-modal:24px;
 direction:rtl; text-align:start; color:var(--venous-text); font-family:inherit; font-size:16px; line-height:1.8;
}
.venous-ui, .venous-ui *, .venous-ui *::before, .venous-ui *::after {box-sizing:border-box}
.venous-ui .venous-title {font-family:inherit; font-size:24px; font-weight:700; line-height:1.4; margin:0 0 12px}
.venous-ui .venous-muted {color:var(--venous-muted)}
.venous-ui .venous-card {background:var(--venous-surface); border:1px solid var(--venous-border); border-radius:var(--venous-radius-card); padding:24px; min-inline-size:0}
.venous-ui .venous-field {display:grid; gap:8px; margin-block:16px}
.venous-ui .venous-field label {font-weight:500}
.venous-ui .venous-field small {font-size:14px; color:var(--venous-muted)}
.venous-ui .venous-input {display:block; inline-size:100%; min-inline-size:0; min-block-size:52px; margin:0; padding:12px 16px; border:1px solid var(--venous-control-border); border-radius:12px; background:var(--venous-surface); color:var(--venous-text); font:inherit; font-size:16px; line-height:1.5}
.venous-ui .venous-input::placeholder {color:var(--venous-muted); opacity:1}
.venous-ui .venous-ltr {direction:ltr; text-align:left; unicode-bidi:isolate}
.venous-ui .venous-input[aria-invalid="true"] {border-color:var(--venous-danger)}
.venous-ui .venous-error {color:var(--venous-danger); font-size:14px}
.venous-ui .venous-input[readonly] {background:var(--venous-canvas)}
.venous-ui .venous-actions {display:flex; flex-wrap:wrap; gap:12px; margin-block-start:24px}
.venous-ui .venous-button {display:inline-flex; align-items:center; justify-content:center; gap:8px; min-block-size:48px; min-inline-size:44px; padding:10px 20px; margin:0; border:1px solid var(--venous-primary); border-radius:12px; background:var(--venous-primary); color:#fff; font:inherit; font-weight:700; line-height:1.5; text-decoration:none; cursor:pointer; box-shadow:none; white-space:normal; text-align:center}
.venous-ui .venous-button:hover:not(:disabled) {background:var(--venous-primary-hover); border-color:var(--venous-primary-hover); color:#fff}
.venous-ui .venous-button--secondary {background:#fff; color:var(--venous-text); border-color:var(--venous-control-border)}
.venous-ui .venous-button--secondary:hover:not(:disabled) {background:var(--venous-primary-soft); color:var(--venous-primary); border-color:var(--venous-primary)}
.venous-ui .venous-button--ghost {background:transparent; color:var(--venous-muted); border-color:transparent}
.venous-ui .venous-button--ghost:hover:not(:disabled) {background:var(--venous-primary-soft); color:var(--venous-primary); border-color:transparent}
.venous-ui .venous-button--danger {background:var(--venous-danger); border-color:var(--venous-danger)}
.venous-ui .venous-button--danger:hover:not(:disabled) {background:#8e2038; border-color:#8e2038}
.venous-ui :is(.venous-button,.venous-input,a,summary):focus-visible {outline:3px solid var(--venous-primary); outline-offset:3px}
.venous-ui .venous-button:disabled, .venous-ui .venous-input:disabled {opacity:.55; cursor:not-allowed}
.venous-ui .venous-button[aria-busy="true"] {cursor:wait}
.venous-ui .venous-badge {display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:8px; font-size:14px; font-weight:500; background:var(--venous-primary-soft); color:var(--venous-primary)}
.venous-ui .venous-alert {border:1px solid currentColor; border-radius:12px; padding:12px 16px; margin-block:16px; color:var(--venous-info); background:var(--venous-info-soft); overflow-wrap:anywhere}
.venous-ui .venous-status--success {color:var(--venous-success); background:var(--venous-success-soft)}
.venous-ui .venous-status--warning {color:var(--venous-warning); background:var(--venous-warning-soft)}
.venous-ui .venous-status--danger {color:var(--venous-danger); background:var(--venous-danger-soft)}
.venous-ui .venous-status--info {color:var(--venous-info); background:var(--venous-info-soft)}
.venous-ui .venous-table-wrap {overflow-x:auto; max-inline-size:100%}
.venous-ui .venous-table {inline-size:100%; border-collapse:collapse; font-size:14px; text-align:start}
.venous-ui .venous-table :is(th,td) {padding:12px 16px; border-block-end:1px solid var(--venous-border); text-align:start; vertical-align:middle}
.venous-ui .venous-table th {background:var(--venous-canvas); font-weight:700}
.venous-ui .venous-empty {padding:32px 16px; text-align:center; color:var(--venous-muted)}
.venous-ui .venous-icon {inline-size:20px; block-size:20px; flex:none; vertical-align:middle}
.venous-ui .venous-dialog, dialog.venous-ui {inline-size:min(420px,calc(100vw - 32px)); max-block-size:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; border:1px solid var(--venous-border); border-radius:24px; background:var(--venous-surface); box-shadow:0 20px 64px rgb(53 43 50 / .16)}
.venous-ui .venous-dialog::backdrop, dialog.venous-ui::backdrop {background:rgb(53 43 50 / .42)}
.venous-ui .venous-number {font-variant-numeric:tabular-nums; unicode-bidi:isolate}
@media(max-width:480px) {.venous-ui .venous-card {padding:16px}.venous-ui .venous-actions > .venous-button {flex:1 1 auto}.venous-ui .venous-title {font-size:22px}}
@media(prefers-reduced-motion:reduce) {.venous-ui *, .venous-ui *::before, .venous-ui *::after {animation:none!important; transition:none!important; scroll-behavior:auto!important}}