/* Usuario > Bookies & Wallets on desktop, matching the agreed prototype.
   This layer is declared first in the page head, so its important declarations win over the legacy
   density/control layers while those keep their behaviour for mobile and for any table not decorated here. */
@layer wuim-user-bookies {
 #bookiesView.ubx-on {--ubx-surface:#ffffff;--ubx-soft:#f7f7f5;--ubx-hover:#f1f1ef;--ubx-chip:#f1f1ef;--ubx-text:#37352f;--ubx-muted:#6f6e69;--ubx-line:#ededeb;--ubx-primary:#5b52f5;--ubx-info-bg:#eef0ff;--ubx-info:#4038c7;--ubx-pos:#0e7a4f;--ubx-neg:#b42318;--ubx-ok-bg:#e7f6ee;--ubx-ok:#0e6b45;--ubx-warn-bg:#fff4dc;--ubx-warn:#7a4f00;--ubx-bad-bg:#fdecea;--ubx-bad:#a8261b;--ubx-shadow:0 1px 3px rgba(0,0,0,.12);}
 html[data-theme="dark"] #bookiesView.ubx-on {--ubx-surface:#151f30;--ubx-soft:#1a2538;--ubx-hover:#202c41;--ubx-chip:#202c41;--ubx-text:#edf2fa;--ubx-muted:#a0aec2;--ubx-line:#2c394c;--ubx-primary:#998dff;--ubx-info-bg:#29244b;--ubx-info:#c9c3ff;--ubx-pos:#4fd197;--ubx-neg:#ff8f85;--ubx-ok-bg:#12352a;--ubx-ok:#7be0b0;--ubx-warn-bg:#3a2c0c;--ubx-warn:#f5c86a;--ubx-bad-bg:#3d1716;--ubx-bad:#ff9b92;--ubx-shadow:none;}

 /* Página */
 #bookiesView.ubx-on {display:flex!important;flex-direction:column!important;gap:24px!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--ubx-text)!important;}
 #bookiesView.ubx-on.is-hidden {display:none!important;}
 #bookiesView.ubx-on > .topbar, #bookiesView.ubx-on .user-bookie-tab-panel > .bookies-grid {display:none!important;}
 #bookiesView.ubx-on .user-bookie-tab-panel.is-hidden {display:none!important;}
 #bookiesView.ubx-on .user-bookie-tab-panel {margin:0!important;padding:0!important;}
 #bookiesView .ubx-head {display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;}
 #bookiesView .ubx-title h1 {margin:0!important;font-size:26px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--ubx-text)!important;}
 #bookiesView .ubx-title p {margin:6px 0 0!important;font-size:15px!important;line-height:1.4!important;color:var(--ubx-muted)!important;}
 #bookiesView .ubx-actions {display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
 #bookiesView .ubx-btn {display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:38px!important;padding:0 14px!important;margin:0!important;border:1px solid var(--ubx-line)!important;border-radius:12px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;color:var(--ubx-text)!important;font:500 13.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;}
 #bookiesView .ubx-btn:hover:not(:disabled) {background:var(--ubx-hover)!important;}
 #bookiesView .ubx-btn.ubx-primary {border-color:transparent!important;background:var(--ubx-info-bg)!important;color:var(--ubx-info)!important;font-weight:600!important;}
 #bookiesView .ubx-btn.ubx-primary:hover:not(:disabled) {background:var(--ubx-primary)!important;color:#fff!important;}
 #bookiesView .ubx-btn:disabled {opacity:.55!important;cursor:not-allowed!important;}
 #bookiesView :is(.ubx-btn,.user-bookie-tab,.ubx-table button,.ubx-table select):focus-visible {outline:2px solid var(--ubx-primary)!important;outline-offset:2px!important;}
 #bookiesView :is(.ubx-btn,.ubx-search) svg {width:16px!important;height:16px!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;}

 /* Resumen (cn-hero del prototipo) */
 #bookiesView .ubx-hero {display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;border:1px solid var(--ubx-line)!important;border-radius:18px!important;background:linear-gradient(135deg,var(--ubx-info-bg),var(--ubx-surface) 70%)!important;}
 #bookiesView .ubx-hero-main {flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;}
 #bookiesView .ubx-label {font-size:12.5px!important;font-weight:600!important;color:var(--ubx-muted)!important;}
 #bookiesView .ubx-hero-value {display:block!important;margin:2px 0!important;font-size:26px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--ubx-text)!important;font-variant-numeric:tabular-nums!important;}
 #bookiesView .ubx-hero-sub {font-size:13px!important;color:var(--ubx-muted)!important;}
 #bookiesView .ubx-pg {width:min(340px,40%)!important;flex:none!important;display:grid!important;gap:7px!important;}
 #bookiesView .ubx-pg[hidden] {display:none!important;}
 #bookiesView .ubx-pg-top {display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;font-size:12.5px!important;}
 #bookiesView .ubx-pg-top span {color:var(--ubx-muted)!important;}
 #bookiesView .ubx-pg-top strong {font-size:14px!important;font-weight:700!important;color:var(--ubx-text)!important;font-variant-numeric:tabular-nums!important;}
 #bookiesView .ubx-pg-bar {display:flex!important;gap:3px!important;height:6px!important;}
 #bookiesView .ubx-pg-bar span {border-radius:999px!important;min-width:6px!important;background:var(--ubx-hover)!important;}
 #bookiesView .ubx-pg-legend {display:flex!important;flex-wrap:wrap!important;gap:4px 12px!important;font-size:11.5px!important;color:var(--ubx-muted)!important;}
 #bookiesView .ubx-pg-legend span {display:inline-flex!important;align-items:center!important;gap:5px!important;}
 #bookiesView .ubx-pg-legend i {width:8px!important;height:8px!important;border-radius:999px!important;display:inline-block!important;}
 #bookiesView :is(.ubx-pg-bar span,.ubx-pg-legend i).done {background:var(--ubx-primary)!important;}
 #bookiesView :is(.ubx-pg-bar span,.ubx-pg-legend i).doing {background:color-mix(in srgb,var(--ubx-primary) 50%,var(--ubx-surface))!important;}
 #bookiesView :is(.ubx-pg-bar span,.ubx-pg-legend i).lost {background:color-mix(in srgb,var(--ubx-primary) 22%,var(--ubx-surface))!important;}

 /* Barra: selector en cápsula, buscador gris y contador */
 #bookiesView .ubx-bar {display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;}
 #bookiesView .ubx-bar .user-bookie-tabs {display:inline-flex!important;gap:2px!important;width:auto!important;margin:0!important;padding:4px!important;border:0!important;border-radius:999px!important;background:var(--ubx-hover)!important;box-shadow:none!important;}
 #bookiesView .ubx-bar .user-bookie-tab {display:inline-flex!important;align-items:center!important;min-height:36px!important;height:auto!important;padding:0 16px!important;margin:0!important;border:0!important;border-radius:999px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--ubx-muted)!important;font:500 13.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;}
 #bookiesView .ubx-bar .user-bookie-tab::after {content:none!important;display:none!important;}
 #bookiesView .ubx-bar .user-bookie-tab:hover {color:var(--ubx-text)!important;}
 #bookiesView .ubx-bar .user-bookie-tab[aria-selected="true"] {background:var(--ubx-surface)!important;color:var(--ubx-text)!important;font-weight:600!important;box-shadow:var(--ubx-shadow)!important;}
 #bookiesView .ubx-n {margin-left:6px!important;font-size:11px!important;font-weight:600!important;color:var(--ubx-muted)!important;}
 #bookiesView .ubx-search {display:flex!important;flex-direction:row!important;flex:0 1 260px!important;align-items:center!important;gap:8px!important;min-height:38px!important;width:auto!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:12px!important;background:var(--ubx-hover)!important;color:var(--ubx-muted)!important;}
 #bookiesView .ubx-search:focus-within {outline:2px solid var(--ubx-primary)!important;outline-offset:1px!important;}
 #bookiesView .ubx-search input {flex:1!important;min-width:0!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--ubx-text)!important;font:400 13.5px Inter,system-ui,sans-serif!important;}
 #bookiesView .ubx-search input::placeholder {color:var(--ubx-muted)!important;opacity:1!important;}
 #bookiesView .ubx-result {margin-left:auto!important;font-size:13px!important;color:var(--ubx-muted)!important;white-space:nowrap!important;}

 /* Tabla (ox-table del prototipo) */
 #bookiesView.ubx-on .user-bookie-tab-panel .operations-table {min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--ubx-line)!important;border-radius:16px!important;background:var(--ubx-surface)!important;box-shadow:none!important;overflow-x:auto!important;}
 #bookiesView table.ubx-table {width:100%!important;min-width:760px!important;border-collapse:collapse!important;border-spacing:0!important;background:transparent!important;font:400 13px/1.35 Inter,system-ui,sans-serif!important;color:var(--ubx-text)!important;}
 #bookiesView table.ubx-table :is(th,td).ubx-off {display:none!important;}
 #bookiesView table.ubx-table thead th {height:auto!important;padding:7px 12px!important;border:0!important;border-bottom:1px solid var(--ubx-line)!important;background:transparent!important;color:var(--ubx-muted)!important;font:500 11.5px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;white-space:nowrap!important;position:static!important;}
 #bookiesView table.ubx-table tbody tr {height:auto!important;background:transparent!important;}
 #bookiesView table.ubx-table tbody tr:hover {background:var(--ubx-soft)!important;}
 #bookiesView table.ubx-table tbody td {height:auto!important;padding:7px 12px!important;border:0!important;border-bottom:1px solid var(--ubx-line)!important;background:transparent!important;color:var(--ubx-text)!important;font:400 13px/1.35 Inter,system-ui,sans-serif!important;vertical-align:middle!important;white-space:nowrap!important;}
 #bookiesView table.ubx-table tbody tr:last-child td {border-bottom:0!important;}
 #bookiesView table.ubx-table :is(th,td)[data-ubx-role~="num"] {text-align:right!important;font-variant-numeric:tabular-nums!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="num"] :is(strong,b,span) {color:var(--ubx-text)!important;font-weight:400!important;font-size:13px!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="tone"] :is(strong,b).profit {color:var(--ubx-pos)!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="tone"] :is(strong,b).loss {color:var(--ubx-neg)!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="muted"] {color:var(--ubx-muted)!important;}
 #bookiesView table.ubx-table td[data-ubx-role="main"] {width:36%!important;min-width:200px!important;max-width:0!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="act"], #bookiesView table.ubx-table th[data-ubx-role~="act"] {width:60px!important;text-align:right!important;}
 #bookiesView table.ubx-table td.empty-state, #bookiesView table.ubx-table td[colspan] {padding:24px 12px!important;text-align:center!important;color:var(--ubx-muted)!important;white-space:normal!important;}

 /* Celda principal: avatar + nombre + subtítulo */
 #bookiesView .ubx-main {display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;}
 #bookiesView .ubx-av {flex:none!important;width:24px!important;height:24px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9.5px!important;font-weight:700!important;letter-spacing:.02em!important;background:hsla(var(--ubx-h),85%,55%,.14)!important;color:hsl(var(--ubx-h),65%,32%)!important;}
 html[data-theme="dark"] #bookiesView .ubx-av {background:hsla(var(--ubx-h),85%,55%,.22)!important;color:hsl(var(--ubx-h),75%,75%)!important;}
 #bookiesView .ubx-ev {display:flex!important;flex-direction:column!important;min-width:0!important;}
 #bookiesView .ubx-ev strong {display:block!important;font-size:13px!important;line-height:17px!important;font-weight:600!important;color:var(--ubx-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
 #bookiesView .ubx-ev span {display:block!important;font-size:12px!important;line-height:16px!important;color:var(--ubx-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

 /* Píldoras (pill del prototipo) */
 #bookiesView table.ubx-table .bookie-verification-status[data-ubx-state] {display:inline-flex!important;align-items:center!important;gap:4px!important;height:22px!important;min-height:0!important;padding:0 8px!important;border:0!important;border-radius:999px!important;font:600 11.5px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:none!important;}
 #bookiesView table.ubx-table .bookie-verification-status[data-ubx-state] > * {display:none!important;}
 #bookiesView table.ubx-table .bookie-verification-status[data-ubx-state]::after {content:attr(data-ubx-state)!important;}
 #bookiesView table.ubx-table .bookie-verification-status[data-ubx-state]::before {content:none!important;display:none!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="tone"] :is(strong,b)[data-ubx-zero] {color:var(--ubx-text)!important;}
 #bookiesView table.ubx-table .bookie-verification-status[data-ubx-tone="ok"] {background:var(--ubx-ok-bg)!important;color:var(--ubx-ok)!important;}
 #bookiesView table.ubx-table .bookie-verification-status[data-ubx-tone="neu"] {background:var(--ubx-chip)!important;color:var(--ubx-muted)!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="pill"] .status-pill {display:inline-flex!important;align-items:center!important;height:22px!important;padding:0 8px!important;border:0!important;border-radius:999px!important;background:var(--ubx-chip)!important;color:var(--ubx-muted)!important;font:600 11.5px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important;}
 /* Limitación: el botón original abre su menú; se presenta como la píldora del prototipo */
 #bookiesView table.ubx-table .user-bookie-limitation-trigger {display:inline-flex!important;align-items:center!important;gap:0!important;width:auto!important;min-width:0!important;height:22px!important;min-height:0!important;padding:0 8px!important;border:0!important;border-radius:999px!important;font:600 11.5px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important;cursor:pointer!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-trigger > :not([data-user-bookie-limitation-label]) {display:none!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-trigger > [data-user-bookie-limitation-label] {display:inline!important;color:inherit!important;font:inherit!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-control[data-ubx-tone="ok"] .user-bookie-limitation-trigger {background:var(--ubx-ok-bg)!important;color:var(--ubx-ok)!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-control[data-ubx-tone="warn"] .user-bookie-limitation-trigger {background:var(--ubx-warn-bg)!important;color:var(--ubx-warn)!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-control[data-ubx-tone="bad"] .user-bookie-limitation-trigger {background:var(--ubx-bad-bg)!important;color:var(--ubx-bad)!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-trigger:hover:not(:disabled) {filter:brightness(.96)!important;}
 #bookiesView table.ubx-table .user-bookie-limitation-trigger:disabled {cursor:default!important;opacity:1!important;}
 /* Estado de transacciones: el select original con aspecto de píldora */
 #bookiesView table.ubx-table td[data-ubx-role~="select"] select {height:22px!important;min-height:0!important;width:auto!important;padding:0 22px 0 8px!important;border:0!important;border-radius:999px!important;font:600 11.5px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important;background-position:right 7px center!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="select"] select[data-ubx-tone="ok"] {background-color:var(--ubx-ok-bg)!important;color:var(--ubx-ok)!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="select"] select[data-ubx-tone="warn"] {background-color:var(--ubx-warn-bg)!important;color:var(--ubx-warn)!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="select"] select[data-ubx-tone="bad"] {background-color:var(--ubx-bad-bg)!important;color:var(--ubx-bad)!important;}

 /* Acciones (ox-ic del prototipo) */
 #bookiesView table.ubx-table td[data-ubx-role~="act"] {white-space:nowrap!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="act"] :is(.user-bookie-row-trigger,button:not([hidden])) {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:var(--ubx-muted)!important;cursor:pointer!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="act"] :is(.user-bookie-row-trigger,button:not([hidden])):hover {background:var(--ubx-hover)!important;color:var(--ubx-text)!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="act"] svg {width:16px!important;height:16px!important;}
 #bookiesView table.ubx-table td[data-ubx-role~="act"] .transaction-delete {width:auto!important;padding:0 8px!important;font:500 12px/1 Inter,system-ui,sans-serif!important;color:var(--ubx-bad)!important;}
}