.skip-link{position:fixed;z-index:300;left:12px;top:10px;transform:translateY(-150%);background:#fff;color:#174eb5;border:2px solid #174eb5;border-radius:10px;padding:10px 14px;font-weight:850;text-decoration:none}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(40,100,220,.45);outline-offset:2px}.icon-button,.mobile-menu{min-width:40px;min-height:40px}@media(max-width:800px){.btn,.mini-button,.text-button,.link-button,.choice-list button{min-height:44px}}:root{--bg:#f4f6fa;--surface:#fff;--surface2:#f8fafc;--ink:#111827;--muted:#667085;--line:#e5e9f0;--primary:#2864dc;--primary2:#174eb5;--navy:#0b1220;--green:#138a4b;--greenbg:#e9f8ef;--amber:#9a6100;--amberbg:#fff5d9;--red:#c73535;--redbg:#fff0ef;--bluebg:#edf4ff;--shadow:0 12px 35px rgba(15,23,42,.065);--radius:20px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#667085}.eyebrow.light{color:#91a5c4}.subtle{color:var(--muted)}.topbar{height:72px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:230px}.brand-mark,.visual-mark,.mobile-brand span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0b1220,#284b84);color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:-.05em;box-shadow:0 9px 20px rgba(11,18,32,.2)}.brand b{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;flex:1}.connection-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px #fff3cd}.connection-dot.online{background:#22a45d;box-shadow:0 0 0 4px #e4f7eb}.connection-dot.offline{background:#dc3e3e;box-shadow:0 0 0 4px #fde8e7}.save-pill{margin-left:10px;border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:5px 9px;font-size:10px}.save-pill.saving{color:var(--amber);background:var(--amberbg)}.save-pill.saved{color:var(--green);background:var(--greenbg)}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;place-items:center;font-size:18px;color:#344054}.notification-button{position:relative}.notification-count{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;font-size:10px;display:grid;place-items:center;font-weight:900}.user-chip{border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;border-radius:14px;padding:5px 7px}.user-chip:hover{background:#f4f6f9}.user-chip>span:last-child b,.user-chip>span:last-child small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:2px}.avatar,.profile-avatar{overflow:hidden;color:transparent;position:relative}.avatar{width:38px;height:38px;border-radius:12px;background:#eaf1ff}.avatar:after,.profile-avatar:after{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;color:#164da8;font-weight:900}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);background:#fff;border-right:1px solid var(--line);padding:15px 12px;display:flex;flex-direction:column;overflow:auto}.nav-section{margin-bottom:12px}.nav-section>small{display:block;padding:12px 12px 7px;font-size:9px;font-weight:900;letter-spacing:.13em;color:#a2a9b5}.nav-item{width:100%;border:0;background:transparent;border-radius:13px;padding:11px 12px;display:flex;align-items:center;gap:11px;color:#526071;text-align:left;margin:2px 0}.nav-item:hover{background:#f5f7fb}.nav-item.active{background:#eaf1ff;color:#174eb5}.nav-item>span{width:22px;text-align:center;font-size:17px}.nav-item b{font-size:12px}.nav-item em{margin-left:auto;font-style:normal;font-size:10px;font-weight:900;border-radius:999px;background:#eef1f5;padding:3px 7px}.sidebar-foot{margin-top:auto;padding:10px 6px}.mini-health{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid var(--line);padding:10px;border-radius:13px}.mini-health>span{width:8px;height:8px;border-radius:50%;background:#21a35a}.mini-health b,.mini-health small{display:block}.mini-health b{font-size:10px}.mini-health small{font-size:9px;color:var(--muted);margin-top:2px}main{min-width:0;width:100%;max-width:1540px;margin:0 auto;padding:30px}.view{display:none}.view.active{display:block}.view[hidden]{display:none!important}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading.compact{margin-bottom:18px}.page-heading h1{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0;max-width:700px}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:850;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 8px 19px rgba(40,100,220,.2)}.btn.primary:hover{background:var(--primary2)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#344054}.btn.secondary:hover{background:#f8fafc}.btn.danger{background:#fff;border:1px solid #f0b7b3;color:var(--red)}.btn.small{padding:8px 10px;font-size:10px}.btn.large{padding:14px 18px}.btn.wide{width:100%}.text-button,.link-button{border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:850;padding:5px}.notice{display:flex;align-items:center;gap:12px;border-radius:15px;padding:12px 15px;margin-bottom:16px;font-size:12px}.notice.warning{background:var(--amberbg);border:1px solid #efd693;color:#704500}.notice .link-button{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric-card,.admin-metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.metric-card.accent{background:linear-gradient(145deg,#fff,#eef4ff);border-color:#d4e1fb}.metric-card span,.admin-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--muted)}.metric-card strong,.admin-metrics strong{display:block;font-size:30px;line-height:1;margin:14px 0 7px;letter-spacing:-.04em}.metric-card small,.admin-metrics small{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.wide-panel{grid-column:1/-1}.spaced{margin-top:16px}.progress-hero{background:linear-gradient(125deg,#0b1220,#172a4d 72%,#23427a);color:#fff;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;min-height:240px}.progress-hero h2{font-size:25px;margin:0 0 7px}.progress-hero p:not(.eyebrow){color:#b7c4d8;font-size:12px}.progress-track{height:9px;border-radius:999px;background:#33415a;overflow:hidden;margin:20px 0 15px}.progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2cd27e,#74eda9);transition:width .4s}.result-chips{display:flex;gap:13px;flex-wrap:wrap}.result-chips span{font-size:10px;color:#c5d0df}.result-chips i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.result-chips i.green{background:#36d77f}.result-chips i.blue{background:#69a5ff}.result-chips i.gray{background:#a9b2c0}.result-chips b{color:#fff;margin-left:3px}.progress-ring{width:126px;height:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#39d984 0deg,#33415a 0deg);position:relative}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#12213b}.progress-ring b,.progress-ring small{position:relative}.progress-ring b{font-size:25px}.progress-ring small{font-size:9px;color:#9fb0c8}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:0}.panel-head p:not(.eyebrow){font-size:11px;color:var(--muted);margin:4px 0 0}.panel-body{padding:17px}.next-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;margin-bottom:8px}.next-row:last-child{margin-bottom:0}.next-row .profile-icon{width:35px;height:35px;border-radius:11px;background:#edf4ff;display:grid;place-items:center;color:#1c56bd;font-weight:900}.next-row>div{min-width:0;flex:1}.next-row code{font-size:11px;font-weight:800}.next-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.timeline-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f3}.timeline-item:last-child{border:0}.timeline-icon{width:34px;height:34px;border-radius:11px;background:#edf4ff;display:grid;place-items:center;color:#205ecb}.timeline-item b{font-size:11px}.timeline-item p{margin:3px 0 0;color:var(--muted);font-size:10px;word-break:break-word}.timeline-item time{font-size:9px;color:#98a2b3}.timeline.large .timeline-item{padding:13px 0}.table-toolbar{padding:13px 15px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #d9dee7;border-radius:12px;padding:0 11px;background:#fff;flex:1;min-width:220px;color:#98a2b3}.search-box input{border:0;box-shadow:none;padding:10px 0}.table-toolbar select{min-width:180px}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;background:#f8fafc;color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:12px 13px;border-bottom:1px solid #edf0f3;font-size:11px;vertical-align:middle}tr:hover td{background:#fbfcff}.profile-cell{display:flex;align-items:center;gap:9px}.profile-cell span{width:32px;height:32px;border-radius:10px;background:#eef4ff;color:#1d58c1;display:grid;place-items:center;font-weight:900}.profile-cell code{font-size:10px;font-weight:850}.profile-cell small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;white-space:nowrap}.badge.success{background:var(--greenbg);color:var(--green)}.badge.warning{background:var(--amberbg);color:var(--amber)}.badge.danger{background:var(--redbg);color:var(--red)}.badge.info{background:var(--bluebg);color:#1c5cc6}.badge.neutral{background:#f0f2f5;color:#596579}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:850;color:#344054}.mini-button.primary{background:#edf4ff;border-color:#d3e1fc;color:#1855bd}.mini-button.danger{color:var(--red);border-color:#f0c3c0}.pager{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:10px;color:var(--muted)}.pager-buttons{display:flex;gap:5px}.pager button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:9px}.content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.add-grid textarea{min-height:280px}.form-row{display:flex;align-items:center;gap:10px;margin-top:12px}.form-row.end{justify-content:flex-end}.form-help{color:var(--muted);font-size:10px;line-height:1.5}.result-panel{min-height:420px}.empty-state{text-align:center;padding:45px 15px;color:var(--muted)}.empty-state>span{width:50px;height:50px;border-radius:16px;background:#edf4ff;color:#1d58c1;display:grid;place-items:center;margin:0 auto 12px;font-size:22px}.empty-state h3{color:var(--ink);font-size:14px;margin:0 0 6px}.empty-state p{font-size:11px;margin:0}.bulk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.bulk-stats article{background:#f8fafc;border-radius:12px;padding:11px;text-align:center}.bulk-stats strong{display:block;font-size:20px}.bulk-stats small{font-size:8px;color:var(--muted)}.bulk-line{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:10px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.admin-metrics strong{font-size:22px}.access-card{padding:18px;display:grid;grid-template-columns:1fr minmax(360px,.9fr);gap:20px;align-items:center}.access-card h2{font-size:17px;margin:0 0 5px}.access-card p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px}.team-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.team-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.team-person{display:flex;gap:9px;align-items:center;min-width:0}.team-avatar{width:36px;height:36px;border-radius:12px;background:#edf4ff;color:#174fb0;display:grid;place-items:center;font-weight:900;font-size:11px}.team-person b,.team-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-person b{font-size:11px}.team-person small{font-size:9px;color:var(--muted);margin-top:2px}.online-dot{width:8px;height:8px;border-radius:50%;background:#a8afb9}.online-dot.on{background:#23ad62;box-shadow:0 0 0 3px #e6f8ed}.team-number{display:flex;align-items:baseline;justify-content:space-between;margin:15px 0 7px}.team-number strong{font-size:24px}.team-number small{color:var(--muted);font-size:9px}.mini-progress{height:7px;background:#edf0f4;border-radius:999px;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#2d69df,#58a0ff);border-radius:999px}.team-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:9px}.team-card .text-button{padding:9px 0 0}.admin-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:16px;margin-top:16px}.compact-table table{min-width:620px}.form-stack{display:grid;gap:11px}.form-stack label{font-size:10px;font-weight:850}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.filter-row{display:flex;gap:7px}.filter-row select{min-width:170px}.backup-list{padding:8px 16px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.backup-row:last-child{border:0}.backup-row b,.backup-row small{display:block}.backup-row b{font-size:10px}.backup-row small{font-size:9px;color:var(--muted);margin-top:3px}.account-grid{grid-template-columns:320px minmax(0,600px)}.profile-card{text-align:center;padding:28px}.profile-avatar{width:72px;height:72px;border-radius:22px;background:#edf4ff;margin:0 auto 15px}.profile-avatar:after{font-size:22px}.profile-card h2{font-size:18px;margin:0 0 5px}.profile-card p{font-size:11px;color:var(--muted)}.role-badge{display:inline-flex;background:#edf4ff;color:#1854b9;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:850}.logout-box{max-width:936px;margin-top:16px;border:1px solid #f0c6c3;background:#fff8f7;border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logout-box h3{font-size:13px;margin:0 0 4px}.logout-box p{font-size:10px;color:var(--muted);margin:0}input,textarea,select{width:100%;border:1px solid #d9dee7;border-radius:12px;background:#fff;color:var(--ink);padding:10px 11px;outline:none;font-size:12px}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#7ba4ef;box-shadow:0 0 0 3px rgba(40,100,220,.1)}.notification-drawer{position:fixed;z-index:120;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;box-shadow:-25px 0 70px rgba(15,23,42,.2);display:flex;flex-direction:column}.drawer-head{padding:19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-size:19px}.drawer-actions{padding:9px 14px;border-bottom:1px solid var(--line);text-align:right}.notification-list{overflow:auto;padding:10px 15px}.notification-item{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.notification-symbol{width:38px;height:38px;border-radius:12px;background:#edf4ff;display:grid;place-items:center}.notification-item b{font-size:11px}.notification-item p{font-size:10px;color:var(--muted);line-height:1.5;margin:4px 0}.notification-item time{font-size:9px;color:#98a2b3}.drawer-overlay{position:fixed;z-index:110;inset:0;background:rgba(15,23,42,.38)}.modal-layer{position:fixed;z-index:140;inset:0;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(540px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.large-modal{width:min(850px,100%)}.modal-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font-size:18px;margin:0}.modal-body{padding:18px}.modal-body>p{font-size:11px;color:var(--muted);margin-top:0}.choice-list{display:grid;gap:8px}.choice-list button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;display:flex;align-items:center;gap:11px;text-align:left}.choice-list button:hover{background:#f8faff;border-color:#a7c1f1}.choice-list b,.choice-list small{display:block}.choice-list b{font-size:11px}.choice-list small{font-size:9px;color:var(--muted);margin-top:3px}.choice-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}.choice-icon.success{background:var(--greenbg);color:var(--green)}.choice-icon.info{background:var(--bluebg);color:#1f5bc2}.choice-icon.neutral{background:#f0f2f5;color:#596579}.choice-icon.danger{background:var(--redbg);color:var(--red)}.choice-icon.warning{background:var(--amberbg);color:var(--amber)}.note-label{display:block;font-size:10px;font-weight:850;margin-top:14px}.note-label textarea{margin-top:6px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.detail-metrics article{background:#f8fafc;border-radius:12px;padding:11px}.detail-metrics strong{display:block;font-size:20px}.detail-metrics small{font-size:8px;color:var(--muted)}.toast-area{position:fixed;z-index:200;right:15px;bottom:15px;display:grid;gap:8px}.toast{max-width:360px;background:#0b1220;color:#fff;border-radius:13px;padding:11px 14px;box-shadow:0 15px 40px rgba(0,0,0,.25);font-size:10px;line-height:1.5}.toast.success{background:#126a3b}.toast.warning{background:#815100}.toast.danger{background:#a92929}
.inline-loader{min-height:72px;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;color:var(--text-2);background:color-mix(in srgb,var(--surface-2) 78%,transparent);border:1px dashed color-mix(in srgb,var(--brand) 24%,var(--border));border-radius:14px}.inline-loader>span{width:17px;height:17px;flex:0 0 17px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:startup-spin .8s linear infinite}.inline-loader>b{font-size:10px;letter-spacing:.02em}.loading-row td{padding:12px!important;background:transparent!important}.is-refreshing{position:relative}.is-refreshing[data-loaded="true"]::after{content:"Actualizando";position:absolute;z-index:3;right:12px;top:10px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text-2);box-shadow:0 6px 16px rgba(var(--shadow-color),.08);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.btn.is-refreshing .btn-symbol{animation:startup-spin .8s linear infinite}.btn.is-refreshing{cursor:wait;opacity:.78}.view [aria-busy="true"]{cursor:progress}@media(prefers-reduced-motion:reduce){.inline-loader>span,.btn.is-refreshing .btn-symbol{animation:none}}.mobile-menu,.bottom-nav{display:none}
.login-page{background:#eef2f7}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-visual{background:linear-gradient(145deg,#0b1220,#14294e 70%,#2254a5);position:relative;overflow:hidden;padding:70px;display:flex;align-items:center;color:#fff}.visual-copy{position:relative;z-index:2;max-width:620px}.visual-mark{width:58px;height:58px;border-radius:19px;background:#fff;color:#173c79;margin-bottom:40px}.visual-copy .eyebrow{color:#8fa8cd}.visual-copy h1{font-size:52px;line-height:1.03;letter-spacing:-.055em;margin:0 0 22px}.visual-copy>p:not(.eyebrow){color:#c4d0e2;font-size:15px;line-height:1.65;max-width:540px}.visual-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.visual-points span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 11px;font-size:10px}.visual-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:420px;height:420px;background:rgba(54,112,220,.25);right:-150px;top:-110px}.orb-two{width:300px;height:300px;background:rgba(38,211,131,.12);left:-130px;bottom:-100px}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 25px 70px rgba(15,23,42,.1)}.login-card h2{font-size:27px;letter-spacing:-.035em;margin:0 0 7px}.login-card>p.subtle{font-size:12px;margin:0 0 22px}.login-card label{display:block;font-size:10px;font-weight:850;margin:12px 0 6px}.login-card input{font-size:15px}.login-card .btn{margin-top:18px}.login-help{font-size:9px!important;color:var(--muted);line-height:1.6;margin:18px 0 0!important}.form-alert{background:var(--redbg);border:1px solid #f0b8b4;color:var(--red);border-radius:12px;padding:10px 12px;font-size:10px;margin-bottom:12px}.mobile-brand{display:none}
@media(max-width:1120px){.metric-grid,.admin-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.wide-panel{grid-column:auto}.team-grid{grid-template-columns:repeat(2,1fr)}.admin-columns{grid-template-columns:1fr}.access-card{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:280px 1fr}.login-visual{padding:45px}.visual-copy h1{font-size:42px}}
@media(max-width:800px){.topbar{height:62px;padding:0 11px;gap:9px}.brand{min-width:0}.brand-mark{width:38px;height:38px}.brand div{display:none}.top-status{justify-content:center}.save-pill{display:none}.top-actions .user-chip>span:last-child{display:none}.user-chip{padding:0}.layout{display:block}.sidebar{position:fixed;z-index:90;top:62px;left:0;bottom:0;width:260px;height:auto;transform:translateX(-105%);transition:.22s;box-shadow:20px 0 45px rgba(15,23,42,.15)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center}main{padding:18px 12px 90px}.page-heading{display:block}.page-heading h1{font-size:25px}.page-heading>.btn,.page-heading>a{margin-top:13px;width:100%}.metric-grid,.admin-metrics{gap:8px}.metric-card,.admin-metrics article{padding:14px}.metric-card strong{font-size:25px}.progress-hero{grid-template-columns:1fr;padding:18px}.progress-ring{display:none}.result-chips{gap:8px}.team-grid{grid-template-columns:1fr;padding:11px}.access-card{padding:15px}.copy-field{grid-template-columns:1fr}.filter-row{width:100%;display:grid;grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-wrap:wrap}.responsive-table{overflow:visible}table{min-width:0}thead{display:none}tbody,tr,td{display:block;width:100%}tr{border-bottom:1px solid var(--line);padding:9px 12px}td{border:0;padding:4px 0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:center}td:before{content:attr(data-label);font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#98a2b3;font-weight:850}.profile-cell{align-items:center}.row-actions{justify-content:flex-start}.bottom-nav{display:grid;position:fixed;z-index:70;left:0;right:0;bottom:0;height:70px;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:#667085;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav span{font-size:18px}.bottom-nav small{font-size:8px;font-weight:850}.bottom-nav button.active{color:var(--primary)}.toast-area{left:12px;right:12px;bottom:82px}.toast{max-width:none}.modal-layer{align-items:flex-end;padding:0}.modal-card{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.detail-metrics{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}.logout-box{align-items:flex-start;flex-direction:column}.logout-box .btn{width:100%}.bulk-stats{grid-template-columns:repeat(2,1fr)}.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:18px}.login-card{padding:26px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.mobile-brand span{width:42px;height:42px}.mobile-brand b{font-size:13px}.timeline-item{grid-template-columns:34px minmax(0,1fr)}.timeline-item time{grid-column:2}.top-status #connectionText{font-size:10px}}
@media(max-width:480px){.metric-grid,.admin-metrics{grid-template-columns:1fr 1fr}.metric-card strong{font-size:23px}.page-heading h1{font-size:23px}.panel{border-radius:17px}.visual-copy h1{font-size:36px}.form-row.end{align-items:stretch;flex-direction:column}.form-row .btn{width:100%}.notice{align-items:flex-start;flex-wrap:wrap}.notice .link-button{margin-left:0}.top-status{display:none}}
/* V6.2: conexión resistente y notificaciones accionables */
.connection-banner{position:fixed;left:50%;top:82px;z-index:260;transform:translateX(-50%);width:min(680px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:#2a1720;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 18px 45px rgba(8,15,30,.28)}.connection-banner.hidden{display:none}.connection-banner>span{font-size:22px}.connection-banner div{display:flex;flex-direction:column;gap:2px;flex:1}.connection-banner small{color:#f7d8df}.connection-banner button{border:0;border-radius:10px;background:#fff;color:#7b2030;font-weight:850;padding:9px 13px;cursor:pointer}.toast.actionable{border:0;text-align:left;cursor:pointer;font:inherit}.toast.actionable::after{content:'Abrir';display:block;margin-top:5px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;opacity:.82}.notification-link{width:100%;border:0;text-align:left;font:inherit;cursor:pointer;background:transparent}.notification-link:hover,.notification-link:focus-visible{background:#f2f6ff;transform:translateY(-1px)}.notification-arrow{margin-left:auto;font-size:26px;color:var(--primary)}.notification-item{transition:background .18s ease,transform .18s ease}.save-pill.saving{max-width:270px}.connection-dot.offline{animation:pulseOffline 1.5s infinite}@keyframes pulseOffline{50%{opacity:.35}}@media(max-width:800px){.connection-banner{top:68px;align-items:flex-start}.connection-banner button{padding:8px 10px}.notification-link{min-height:76px}}
/* V6.3: flujo de aprobación, temas accesibles, avatar y actualización controlada */
:root{--on-primary:#fff;--focus:#1d4ed8;--clean:#0f766e;--cleanbg:#e7f8f5}
html,body{background:var(--bg);color:var(--ink)}
html[data-theme="claro"]{--bg:#f4f6fa;--surface:#fff;--surface2:#f8fafc;--ink:#111827;--muted:#667085;--line:#dfe5ed;--primary:#174eb5;--primary2:#103b8d;--navy:#0b1220;--on-primary:#fff;--focus:#174eb5}
html[data-theme="oscuro"]{--bg:#0b1220;--surface:#131d2e;--surface2:#1a2638;--ink:#f8fafc;--muted:#b7c2d1;--line:#334155;--primary:#7db1ff;--primary2:#a8caff;--navy:#050914;--on-primary:#071426;--focus:#facc15;--bluebg:#172a46;--greenbg:#123624;--amberbg:#49320b;--redbg:#461c22}
html[data-theme="oceano"]{--bg:#eaf6f8;--surface:#fff;--surface2:#f0fafb;--ink:#082f49;--muted:#486a78;--line:#cfe4e8;--primary:#075985;--primary2:#064565;--navy:#062b3b;--on-primary:#fff;--focus:#b45309}
html[data-theme="bosque"]{--bg:#eef6f0;--surface:#fff;--surface2:#f5faf6;--ink:#102a1c;--muted:#526b5a;--line:#d4e4d8;--primary:#166534;--primary2:#104d28;--navy:#092417;--on-primary:#fff;--focus:#7c2d12}
html[data-theme="violeta"]{--bg:#f4f0fa;--surface:#fff;--surface2:#faf8fd;--ink:#291347;--muted:#645477;--line:#e2d7ef;--primary:#6d28d9;--primary2:#5019ad;--navy:#1d0b38;--on-primary:#fff;--focus:#a16207}
html[data-theme="arena"]{--bg:#faf4e8;--surface:#fffdf8;--surface2:#f7eedc;--ink:#342511;--muted:#6b5b45;--line:#e6d9c3;--primary:#8a4b08;--primary2:#653604;--navy:#2d210f;--on-primary:#fff;--focus:#075985}
html[data-theme="grafito"]{--bg:#e9edf1;--surface:#f8fafc;--surface2:#eef1f4;--ink:#111827;--muted:#4b5563;--line:#cbd5e1;--primary:#1f2937;--primary2:#111827;--navy:#05080d;--on-primary:#fff;--focus:#9f1239}
html[data-theme="coral"]{--bg:#fff1ed;--surface:#fffaf8;--surface2:#fff4f0;--ink:#3b1512;--muted:#76504c;--line:#efd2cb;--primary:#a62f23;--primary2:#7f2018;--navy:#36100c;--on-primary:#fff;--focus:#075985}
html[data-theme="alto_contraste"]{--bg:#000;--surface:#000;--surface2:#111;--ink:#fff;--muted:#f5f5f5;--line:#fff;--primary:#ffdf00;--primary2:#fff176;--navy:#000;--on-primary:#000;--focus:#00ffff;--green:#00ff7f;--greenbg:#002914;--amber:#ffdf00;--amberbg:#332d00;--red:#ff6b6b;--redbg:#3b0000;--bluebg:#001f3f;--shadow:none}
html[data-theme="azul_nocturno"]{--bg:#071426;--surface:#0d2038;--surface2:#122a46;--ink:#f7fbff;--muted:#b5c9dd;--line:#294461;--primary:#5db7ff;--primary2:#91ceff;--navy:#030b15;--on-primary:#06111e;--focus:#ffcf4a;--bluebg:#112f52;--greenbg:#123624;--amberbg:#49320b;--redbg:#461c22}
html[data-theme]:not([data-theme="claro"]) .topbar,html[data-theme]:not([data-theme="claro"]) .sidebar,html[data-theme]:not([data-theme="claro"]) .panel,html[data-theme]:not([data-theme="claro"]) .metric-card,html[data-theme]:not([data-theme="claro"]) .modal-card,html[data-theme]:not([data-theme="claro"]) .notification-drawer,html[data-theme]:not([data-theme="claro"]) .bottom-nav,html[data-theme]:not([data-theme="claro"]) .login-card{background:var(--surface);color:var(--ink)}
html[data-theme]:not([data-theme="claro"]) input,html[data-theme]:not([data-theme="claro"]) textarea,html[data-theme]:not([data-theme="claro"]) select,html[data-theme]:not([data-theme="claro"]) .choice-list button,html[data-theme]:not([data-theme="claro"]) .mini-button,html[data-theme]:not([data-theme="claro"]) .btn.secondary{background:var(--surface2);color:var(--ink);border-color:var(--line)}
html[data-theme] .btn.primary,html[data-theme] .mini-button.primary{background:var(--primary);color:var(--on-primary)}
html[data-theme] .sidebar .nav-item.active{background:var(--primary);color:var(--on-primary)}
html[data-theme] :focus-visible{outline-color:var(--focus)}
.update-banner{position:fixed;z-index:350;left:50%;top:12px;transform:translateX(-50%);width:min(720px,calc(100% - 24px));background:var(--navy);color:#fff;border:2px solid var(--focus);border-radius:16px;padding:11px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 55px rgba(0,0,0,.3)}.update-banner>div{display:flex;flex-direction:column;gap:2px;flex:1}.update-banner span{font-size:11px;color:#dce7f7}.heading-actions,.modal-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn.warning{background:var(--amberbg);color:var(--amber);border:1px solid currentColor}.choice-icon.clean{background:var(--cleanbg);color:var(--clean)}.review-approval-list{display:grid;gap:10px;padding:16px}.approval-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--surface2)}.approval-card h3{font-size:13px;margin:0 0 5px}.approval-card p{font-size:11px;color:var(--muted);line-height:1.55;margin:4px 0}.approval-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.classification-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;margin-top:4px}.classification-badge.not_malicious{background:var(--cleanbg);color:var(--clean)}.classification-badge.pending_review{background:var(--amberbg);color:var(--amber)}.classification-badge.malicious{background:var(--redbg);color:var(--red)}.theme-panel{grid-column:1/-1}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.theme-option{border:2px solid var(--line);border-radius:14px;padding:10px;background:var(--surface2);color:var(--ink);text-align:left;min-height:76px}.theme-option.active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.theme-swatch{display:flex;gap:4px;margin-bottom:8px}.theme-swatch i{width:18px;height:18px;border-radius:6px;border:1px solid rgba(127,127,127,.4)}.avatar-upload{display:inline-flex;margin-top:12px}.app-avatar.has-photo{background-position:center;background-size:cover;color:transparent!important;text-shadow:none}.profile-avatar.has-photo{border:3px solid var(--surface)}.server-restarting{position:fixed;z-index:400;inset:0;background:rgba(5,10,20,.72);display:grid;place-items:center;color:#fff;text-align:center;padding:30px}.server-restarting div{max-width:460px;background:#111c2e;border:1px solid #64748b;border-radius:20px;padding:28px}.server-restarting h2{margin-top:0}.server-restarting .spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.theme-grid{grid-template-columns:repeat(3,1fr)}.admin-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.update-banner{top:7px;align-items:flex-start}.approval-card{grid-template-columns:1fr}.approval-actions{justify-content:stretch}.approval-actions .btn{flex:1}.theme-grid{grid-template-columns:repeat(2,1fr)}.heading-actions{width:100%}.heading-actions .btn{flex:1}.admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.theme-grid{grid-template-columns:1fr}.update-banner{flex-direction:column}.update-banner .btn{width:100%}}

/* Avatares visibles en supervisión y gestión de usuarios. */
.team-avatar.has-photo,.profile-list-avatar.has-photo{background-size:cover;background-position:center;color:transparent}
.profile-list-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:900;flex:0 0 auto}

/* ========================================================================
   REGISTRO P2P V6.4 — SISTEMA VISUAL PROFESIONAL
   Capa semántica: todos los componentes consumen los mismos tokens para que
   cada tema cambie realmente la interfaz completa, no solo algunos botones.
   ======================================================================== */
:root{
  --font-display:"Segoe UI Variable Display","Segoe UI Variable","Aptos Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body:"Segoe UI Variable Text","Segoe UI Variable","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",monospace;
  --canvas:#f3f6fb;
  --canvas-glow:#dce8ff;
  --surface-1:#ffffff;
  --surface-2:#f7f9fc;
  --surface-3:#edf2f8;
  --text-1:#182235;
  --text-2:#566277;
  --text-3:#727d90;
  --border:#dce3ed;
  --border-strong:#c5cfdd;
  --brand:#245eea;
  --brand-hover:#1848c1;
  --on-brand:#ffffff;
  --brand-soft:#e9efff;
  --brand-soft-strong:#d9e4ff;
  --nav-bg:#0d1b2f;
  --nav-bg-2:#132641;
  --nav-text:#f3f7ff;
  --nav-muted:#aebbd0;
  --success:#147a45;
  --success-soft:#e8f7ef;
  --warning:#8a5700;
  --warning-soft:#fff3d1;
  --danger:#b83232;
  --danger-soft:#ffedeb;
  --info:#175bb4;
  --info-soft:#e8f1ff;
  --clean:#0c746b;
  --clean-soft:#e4f7f4;
  --focus-ring:#1d5eff;
  --overlay:rgba(5,12,24,.62);
  --shadow-color:15 32 58;
  --shadow-soft:0 1px 2px rgba(var(--shadow-color),.04),0 12px 32px rgba(var(--shadow-color),.07);
  --shadow-float:0 20px 60px rgba(var(--shadow-color),.18);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --chrome:#0d1b2f;
  /* Compatibilidad con nombres previos */
  --bg:var(--canvas);--surface:var(--surface-1);--surface2:var(--surface-2);
  --ink:var(--text-1);--muted:var(--text-2);--line:var(--border);
  --primary:var(--brand);--primary2:var(--brand-hover);--navy:var(--nav-bg);
  --green:var(--success);--greenbg:var(--success-soft);
  --amber:var(--warning);--amberbg:var(--warning-soft);
  --red:var(--danger);--redbg:var(--danger-soft);--bluebg:var(--info-soft);
  --on-primary:var(--on-brand);--focus:var(--focus-ring);--cleanbg:var(--clean-soft);
  --shadow:var(--shadow-soft);--radius:var(--radius-lg);
}

html[data-theme="claro"]{
  color-scheme:light;
  --canvas:#f3f6fb;--canvas-glow:#dce8ff;--surface-1:#fff;--surface-2:#f7f9fc;--surface-3:#edf2f8;
  --text-1:#182235;--text-2:#566277;--text-3:#727d90;--border:#dce3ed;--border-strong:#c5cfdd;
  --brand:#245eea;--brand-hover:#1848c1;--on-brand:#fff;--brand-soft:#e9efff;--brand-soft-strong:#d9e4ff;
  --nav-bg:#0d1b2f;--nav-bg-2:#132641;--nav-text:#f3f7ff;--nav-muted:#aebbd0;--focus-ring:#1d5eff;
  --chrome:#0d1b2f;--shadow-color:15 32 58;
}
html[data-theme="oscuro"]{
  color-scheme:dark;
  --canvas:#090f1b;--canvas-glow:#152949;--surface-1:#111a2a;--surface-2:#162238;--surface-3:#1c2b44;
  --text-1:#f5f8fd;--text-2:#bdc7d8;--text-3:#97a5bb;--border:#2c3b55;--border-strong:#40516f;
  --brand:#82aaff;--brand-hover:#a7c3ff;--on-brand:#071224;--brand-soft:#1b3158;--brand-soft-strong:#23406f;
  --nav-bg:#050a13;--nav-bg-2:#0b1525;--nav-text:#f6f8fc;--nav-muted:#aebbd0;--focus-ring:#ffd45a;
  --success:#56d28c;--success-soft:#113624;--warning:#ffd166;--warning-soft:#46340c;--danger:#ff8a84;--danger-soft:#421d23;
  --info:#8bb8ff;--info-soft:#172f53;--clean:#55d6c8;--clean-soft:#103b38;--chrome:#050a13;--shadow-color:0 0 0;
}
html[data-theme="oceano"]{
  color-scheme:light;
  --canvas:#eaf6f8;--canvas-glow:#bfe6eb;--surface-1:#fbfeff;--surface-2:#f3fafb;--surface-3:#def1f4;
  --text-1:#0b3441;--text-2:#486b78;--text-3:#667f89;--border:#cce3e7;--border-strong:#aacfd5;
  --brand:#08718c;--brand-hover:#07586e;--on-brand:#fff;--brand-soft:#dff2f6;--brand-soft-strong:#c8e9ef;
  --nav-bg:#073442;--nav-bg-2:#0a4557;--nav-text:#f1fbfc;--nav-muted:#b9d9de;--focus-ring:#b45309;
  --chrome:#073442;--shadow-color:8 67 84;
}
html[data-theme="bosque"]{
  color-scheme:light;
  --canvas:#edf6ef;--canvas-glow:#cae8d1;--surface-1:#fbfefc;--surface-2:#f5faf6;--surface-3:#deefe2;
  --text-1:#153422;--text-2:#526d5b;--text-3:#6c8273;--border:#d2e4d6;--border-strong:#b4d2bb;
  --brand:#1d6b3d;--brand-hover:#15532e;--on-brand:#fff;--brand-soft:#e0f1e5;--brand-soft-strong:#cbe7d3;
  --nav-bg:#0c2e1d;--nav-bg-2:#123e28;--nav-text:#f1faf4;--nav-muted:#bad5c3;--focus-ring:#8a3c13;
  --chrome:#0c2e1d;--shadow-color:13 65 37;
}
html[data-theme="violeta"]{
  color-scheme:light;
  --canvas:#f5f1fb;--canvas-glow:#ddd0f5;--surface-1:#fefcff;--surface-2:#faf8fd;--surface-3:#eee6f8;
  --text-1:#301a48;--text-2:#68577a;--text-3:#806f90;--border:#e1d7ee;--border-strong:#cdbce1;
  --brand:#6b3bd1;--brand-hover:#5125aa;--on-brand:#fff;--brand-soft:#eee7fb;--brand-soft-strong:#e1d4f7;
  --nav-bg:#25113b;--nav-bg-2:#351954;--nav-text:#fbf7ff;--nav-muted:#d0bee1;--focus-ring:#a35f00;
  --chrome:#25113b;--shadow-color:58 29 87;
}
html[data-theme="arena"]{
  color-scheme:light;
  --canvas:#fbf5e9;--canvas-glow:#ecd8b5;--surface-1:#fffdf8;--surface-2:#f9f0df;--surface-3:#f1e2c6;
  --text-1:#3a2b18;--text-2:#6e5f4b;--text-3:#857761;--border:#e6d8c0;--border-strong:#d4c09e;
  --brand:#8b4c10;--brand-hover:#6c3908;--on-brand:#fff;--brand-soft:#f6e8d2;--brand-soft-strong:#edd7b6;
  --nav-bg:#332515;--nav-bg-2:#49351d;--nav-text:#fffaf0;--nav-muted:#d9c7a9;--focus-ring:#0b6783;
  --chrome:#332515;--shadow-color:75 51 22;
}
html[data-theme="grafito"]{
  color-scheme:light;
  --canvas:#edf0f4;--canvas-glow:#d6dce5;--surface-1:#fafbfc;--surface-2:#f2f4f7;--surface-3:#e3e7ec;
  --text-1:#171c25;--text-2:#566171;--text-3:#747e8c;--border:#d2d8e0;--border-strong:#b9c1cc;
  --brand:#354052;--brand-hover:#202938;--on-brand:#fff;--brand-soft:#e3e8ef;--brand-soft-strong:#d5dce5;
  --nav-bg:#171c25;--nav-bg-2:#242c38;--nav-text:#f7f8fa;--nav-muted:#b9c1cc;--focus-ring:#a1124d;
  --chrome:#171c25;--shadow-color:24 31 42;
}
html[data-theme="coral"]{
  color-scheme:light;
  --canvas:#fff2ee;--canvas-glow:#ffd7ce;--surface-1:#fffaf8;--surface-2:#fff5f2;--surface-3:#ffe5de;
  --text-1:#431f1a;--text-2:#765954;--text-3:#8e716b;--border:#efd1ca;--border-strong:#ddb5ad;
  --brand:#b2392e;--brand-hover:#8e2b22;--on-brand:#fff;--brand-soft:#ffe5df;--brand-soft-strong:#ffd2c9;
  --nav-bg:#3b1713;--nav-bg-2:#54201a;--nav-text:#fff7f5;--nav-muted:#e0bbb5;--focus-ring:#075f84;
  --chrome:#3b1713;--shadow-color:78 31 24;
}
html[data-theme="alto_contraste"]{
  color-scheme:dark;
  --canvas:#000;--canvas-glow:#000;--surface-1:#000;--surface-2:#0d0d0d;--surface-3:#171717;
  --text-1:#fff;--text-2:#fff;--text-3:#f1f1f1;--border:#fff;--border-strong:#fff;
  --brand:#ffe100;--brand-hover:#fff176;--on-brand:#000;--brand-soft:#332d00;--brand-soft-strong:#4a4100;
  --nav-bg:#000;--nav-bg-2:#111;--nav-text:#fff;--nav-muted:#fff;--focus-ring:#00ffff;
  --success:#45ff91;--success-soft:#002a14;--warning:#ffe100;--warning-soft:#332d00;--danger:#ff7777;--danger-soft:#3d0000;
  --info:#77bdff;--info-soft:#001f3f;--clean:#52f5e4;--clean-soft:#00312d;--chrome:#000;--shadow-color:255 255 255;
  --shadow-soft:none;--shadow-float:0 0 0 2px #fff;
}
html[data-theme="azul_nocturno"]{
  color-scheme:dark;
  --canvas:#061220;--canvas-glow:#0b3158;--surface-1:#0d2037;--surface-2:#122a46;--surface-3:#183759;
  --text-1:#f5f9ff;--text-2:#b9cbe0;--text-3:#91aac4;--border:#294663;--border-strong:#3b607f;
  --brand:#65baff;--brand-hover:#96d1ff;--on-brand:#06111d;--brand-soft:#12375e;--brand-soft-strong:#194975;
  --nav-bg:#030a13;--nav-bg-2:#07182a;--nav-text:#f6faff;--nav-muted:#a9bfd5;--focus-ring:#ffd05b;
  --success:#55d592;--success-soft:#103724;--warning:#ffd166;--warning-soft:#49350d;--danger:#ff8c86;--danger-soft:#461d23;
  --info:#8dc4ff;--info-soft:#12375e;--clean:#59d8ca;--clean-soft:#103b38;--chrome:#030a13;--shadow-color:0 0 0;
}

html{
  font-family:var(--font-body);
  font-optical-sizing:auto;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  background:var(--canvas);
  color:var(--text-1);
  accent-color:var(--brand);
}
body,button,input,textarea,select{font-family:var(--font-body)}
body{
  color:var(--text-1);
  background:
    radial-gradient(circle at 80% -10%,color-mix(in srgb,var(--canvas-glow) 54%,transparent) 0,transparent 42%),
    linear-gradient(180deg,color-mix(in srgb,var(--canvas) 92%,var(--surface-1)) 0,var(--canvas) 38%);
}
h1,h2,h3,h4,.metric-card strong,.admin-metrics strong,.progress-ring b{
  font-family:var(--font-display);
  font-optical-sizing:auto;
  text-wrap:balance;
}
h1,h2,h3{letter-spacing:-.025em}
code,kbd,pre,.profile-code,.responsive-table code{font-family:var(--font-mono)}
::selection{background:var(--brand);color:var(--on-brand)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 72%,transparent);outline-offset:3px}

.topbar{
  height:74px;
  background:color-mix(in srgb,var(--surface-1) 88%,transparent);
  border-color:var(--border);
  box-shadow:0 1px 0 color-mix(in srgb,var(--border) 70%,transparent),0 8px 32px rgba(var(--shadow-color),.045);
}
.brand-mark,.visual-mark,.mobile-brand span{
  background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 52%,var(--nav-bg)));
  color:var(--on-brand);
  box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 28%,transparent);
}
.brand b{font-family:var(--font-display);font-size:16px;letter-spacing:-.02em}
.brand small,.user-chip small,.subtle,.form-help{color:var(--text-2)}
.top-status{color:var(--text-2)}
.save-pill,.mini-health{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}
.icon-button,.mobile-menu{
  background:var(--surface-1);color:var(--text-1);border-color:var(--border);
  box-shadow:0 1px 2px rgba(var(--shadow-color),.04);
}
.icon-button:hover,.mobile-menu:hover{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 32%,var(--border));color:var(--brand)}
.user-chip{color:var(--text-1)}.user-chip:hover{background:var(--surface-2)}
.avatar{background:var(--brand-soft)}.avatar:after,.profile-avatar:after{color:var(--brand)}
.notification-count{border-color:var(--surface-1)}

.sidebar{
  background:linear-gradient(180deg,var(--nav-bg),var(--nav-bg-2));
  border-right:0;
  box-shadow:14px 0 40px rgba(var(--shadow-color),.075);
  color:var(--nav-text);
}
.nav-section>small{color:var(--nav-muted);opacity:.82}
.nav-item{color:var(--nav-muted);transition:background-color .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover{background:color-mix(in srgb,var(--nav-text) 9%,transparent);color:var(--nav-text);transform:translateX(2px)}
.nav-item.active{
  background:var(--brand);color:var(--on-brand);
  box-shadow:0 9px 22px color-mix(in srgb,var(--brand) 28%,transparent);
}
.nav-item em{background:color-mix(in srgb,var(--nav-text) 11%,transparent);color:inherit}
.sidebar .mini-health{background:color-mix(in srgb,var(--nav-text) 7%,transparent);border-color:color-mix(in srgb,var(--nav-text) 14%,transparent);color:var(--nav-text)}
.sidebar .mini-health small{color:var(--nav-muted)}

main{padding:34px 36px 44px}
.page-heading h1{font-size:clamp(27px,3vw,38px);font-weight:720;letter-spacing:-.045em;color:var(--text-1)}
.page-heading p:not(.eyebrow){font-size:13.5px;line-height:1.65;color:var(--text-2)}
.eyebrow{color:var(--brand);font-size:10px;letter-spacing:.15em;font-weight:780}
.eyebrow.light{color:color-mix(in srgb,var(--on-brand) 72%,transparent)}

.panel,.metric-card,.admin-metrics article,.login-card,.modal-card,.notification-drawer,.access-card,.logout-box{
  background:color-mix(in srgb,var(--surface-1) 97%,transparent);
  color:var(--text-1);
  border-color:var(--border);
  box-shadow:var(--shadow-soft);
}
.panel,.metric-card,.admin-metrics article{border-radius:var(--radius-lg)}
.panel{overflow:clip}
.metric-card,.admin-metrics article{position:relative;isolation:isolate}
.metric-card:before,.admin-metrics article:before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);
  background:color-mix(in srgb,var(--brand) 70%,transparent);opacity:.7;
}
.metric-card.accent{
  background:linear-gradient(145deg,var(--surface-1),var(--brand-soft));
  border-color:color-mix(in srgb,var(--brand) 23%,var(--border));
}
.metric-card span,.admin-metrics span{color:var(--text-2);font-weight:760}
.metric-card strong,.admin-metrics strong{color:var(--text-1);font-weight:700}
.metric-card small,.admin-metrics small{color:var(--text-2)}
.panel-head{border-color:var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 96%,var(--surface-2)),var(--surface-1))}
.panel-head h2{color:var(--text-1);font-weight:700}.panel-head p:not(.eyebrow){color:var(--text-2)}

.btn{
  border-radius:12px;font-weight:700;letter-spacing:-.005em;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;
}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn.primary,.mini-button.primary{background:var(--brand);color:var(--on-brand);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 24%,transparent)}
.btn.primary:hover,.mini-button.primary:hover{background:var(--brand-hover)}
.btn.secondary,.mini-button,.choice-list button{
  background:var(--surface-2);color:var(--text-1);border-color:var(--border);
}
.btn.secondary:hover,.mini-button:hover,.choice-list button:hover{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 32%,var(--border))}
.btn.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}
.btn.warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 34%,var(--border));color:var(--warning)}
.text-button,.link-button{color:var(--brand)}

input,textarea,select,.search-box,.copy-field input{
  background:var(--surface-2);color:var(--text-1);border-color:var(--border);
}
input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}
input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}
input:focus,textarea:focus,select:focus{
  border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent);background:var(--surface-1);
}
label,.note-label{color:var(--text-1)}

.table-toolbar{background:var(--surface-1);border-color:var(--border)}
.responsive-table{background:var(--surface-1)}
table{color:var(--text-1)}
thead th{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}
tbody td{border-color:var(--border)}
tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 58%,var(--surface-1))}
.search-box{color:var(--text-2)}.search-box input{background:transparent;box-shadow:none!important}
.pager button{background:var(--surface-2);color:var(--text-1);border-color:var(--border)}
.pager button.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}

.progress-hero{
  color:var(--nav-text);
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--brand) 44%,transparent),transparent 34%),
    linear-gradient(135deg,var(--nav-bg),var(--nav-bg-2));
}
.progress-hero h2,.progress-hero .result-chips b{color:var(--nav-text)}
.progress-hero p:not(.eyebrow),.progress-hero .result-chips span{color:var(--nav-muted)}
.progress-track{background:color-mix(in srgb,var(--nav-text) 16%,transparent)}
.progress-track span{background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 48%,#7ff0bc))}
.progress-ring{background:conic-gradient(var(--brand) 0deg,color-mix(in srgb,var(--nav-text) 16%,transparent) 0deg)}
.progress-ring:before{background:var(--nav-bg-2)}
.progress-ring b{color:var(--nav-text)}.progress-ring small{color:var(--nav-muted)}

.next-row,.timeline-item,.team-card,.approval-card,.notification-item,.backup-row,.user-detail-section,.bulk-result-row{
  border-color:var(--border);
}
.next-row{background:var(--surface-1)}.next-row:hover{background:var(--surface-2)}
.next-row .profile-icon,.timeline-icon{background:var(--brand-soft);color:var(--brand)}
.next-row small,.timeline-item p,.timeline-item time{color:var(--text-2)}
.notice.warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,var(--border));color:var(--warning)}
.notice.success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}
.notice.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}

.badge,.status-badge,.classification-badge,.role-badge{border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.classification-badge.clean,.choice-icon.clean{background:var(--clean-soft);color:var(--clean)}
.classification-badge.pending{background:var(--warning-soft);color:var(--warning)}
.classification-badge.malicious{background:var(--danger-soft);color:var(--danger)}
.choice-icon.success{background:var(--success-soft);color:var(--success)}
.choice-icon.info{background:var(--info-soft);color:var(--info)}
.choice-icon.warning{background:var(--warning-soft);color:var(--warning)}
.choice-icon.danger{background:var(--danger-soft);color:var(--danger)}
.choice-icon.neutral{background:var(--surface-3);color:var(--text-2)}

.notification-drawer{border-left-color:var(--border);box-shadow:var(--shadow-float)}
.drawer-head,.drawer-actions{border-color:var(--border);background:var(--surface-1)}
.notification-item{background:var(--surface-1);color:var(--text-1)}
.notification-item:hover{background:var(--surface-2)}
.notification-item.unread{background:var(--brand-soft)}
.drawer-overlay,.modal-layer{background:var(--overlay)}
.modal-card{border-color:var(--border);box-shadow:var(--shadow-float)}
.modal-head{background:var(--surface-1);border-color:var(--border)}
.modal-body{background:var(--surface-1);color:var(--text-1)}
.choice-list button{box-shadow:none}
.toast{background:var(--nav-bg);color:var(--nav-text);border-color:color-mix(in srgb,var(--nav-text) 18%,transparent);box-shadow:var(--shadow-float)}

.theme-panel{overflow:visible}
.theme-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}
.theme-option{
  position:relative;overflow:hidden;min-height:116px;padding:13px;
  background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:16px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.theme-option:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}
.theme-option.active{border:2px solid var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.theme-option.active:after{content:"✓";position:absolute;right:10px;top:9px;width:22px;height:22px;border-radius:999px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-weight:800;font-size:12px}
.theme-swatch{height:46px;gap:0;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);margin-bottom:10px}
.theme-swatch i{width:auto;flex:1;height:46px;border:0;border-radius:0}
.theme-option b{display:block;font-family:var(--font-display);font-size:13px;color:var(--text-1)}
.theme-option small{display:block;color:var(--text-2);font-size:10px;line-height:1.35;margin-top:4px;padding-right:18px}

.login-page{background:var(--canvas)}
.login-visual{
  background:
    radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--brand) 55%,transparent),transparent 27%),
    radial-gradient(circle at 80% 76%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 34%),
    linear-gradient(145deg,var(--nav-bg),var(--nav-bg-2));
  color:var(--nav-text);
}
.login-visual .eyebrow{color:color-mix(in srgb,var(--brand) 68%,#fff)}
.login-visual p,.visual-points{color:var(--nav-muted)}
.login-visual h1{font-family:var(--font-display);font-weight:720;letter-spacing:-.045em}
.login-panel{background:var(--canvas)}
.login-card{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float)}
.login-card h2{font-family:var(--font-display);font-size:31px;font-weight:720;letter-spacing:-.035em}
.form-alert{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}
.login-help{color:var(--text-2)}

.bottom-nav{background:color-mix(in srgb,var(--surface-1) 94%,transparent);border-color:var(--border);box-shadow:0 -12px 35px rgba(var(--shadow-color),.09)}
.bottom-nav button{color:var(--text-2)}.bottom-nav button.active{color:var(--brand)}
.bottom-nav button.active:before{background:var(--brand)}
.server-restarting{background:var(--overlay)}.server-restarting div{background:var(--nav-bg);border-color:var(--border-strong);color:var(--nav-text)}

/* Estados de accesibilidad del sistema */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media (forced-colors:active){.btn,.nav-item,.theme-option,.panel,.metric-card,input,textarea,select{forced-color-adjust:auto}.brand-mark,.visual-mark{border:1px solid CanvasText}}

@media(max-width:1100px){main{padding:28px}.theme-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}}
@media(max-width:800px){
  main{padding:22px 16px 92px}.topbar{height:66px;padding:0 13px}.layout{min-height:calc(100vh - 66px)}
  .page-heading h1{font-size:29px}.metric-card,.admin-metrics article{border-radius:17px}
  .panel{border-radius:18px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-option{min-height:108px}
}
@media(max-width:430px){
  main{padding-inline:12px}.page-heading h1{font-size:27px}.theme-grid{grid-template-columns:1fr 1fr;gap:9px}
  .theme-option{padding:10px;min-height:103px}.theme-option small{display:none}.theme-swatch{height:39px}.theme-swatch i{height:39px}
}

/* Puente final V6.4: neutraliza variables y selectores específicos heredados de V6.3. */
html[data-theme]{
  --bg:var(--canvas);--surface:var(--surface-1);--surface2:var(--surface-2);
  --ink:var(--text-1);--muted:var(--text-2);--line:var(--border);
  --primary:var(--brand);--primary2:var(--brand-hover);--navy:var(--nav-bg);
  --green:var(--success);--greenbg:var(--success-soft);
  --amber:var(--warning);--amberbg:var(--warning-soft);
  --red:var(--danger);--redbg:var(--danger-soft);--bluebg:var(--info-soft);
  --on-primary:var(--on-brand);--focus:var(--focus-ring);--cleanbg:var(--clean-soft);
  --shadow:var(--shadow-soft);--radius:var(--radius-lg);
}
html[data-theme][data-theme] .topbar{background:color-mix(in srgb,var(--surface-1) 88%,transparent);color:var(--text-1);border-color:var(--border)}
html[data-theme][data-theme] .sidebar{background:linear-gradient(180deg,var(--nav-bg),var(--nav-bg-2));color:var(--nav-text)}
html[data-theme][data-theme] .panel,
html[data-theme][data-theme] .metric-card,
html[data-theme][data-theme] .admin-metrics article,
html[data-theme][data-theme] .modal-card,
html[data-theme][data-theme] .notification-drawer,
html[data-theme][data-theme] .bottom-nav,
html[data-theme][data-theme] .login-card{background:color-mix(in srgb,var(--surface-1) 97%,transparent);color:var(--text-1);border-color:var(--border)}
html[data-theme][data-theme] input,
html[data-theme][data-theme] textarea,
html[data-theme][data-theme] select,
html[data-theme][data-theme] .choice-list button,
html[data-theme][data-theme] .mini-button,
html[data-theme][data-theme] .btn.secondary{background:var(--surface-2);color:var(--text-1);border-color:var(--border)}
html[data-theme][data-theme] .btn.primary,
html[data-theme][data-theme] .mini-button.primary{background:var(--brand);color:var(--on-brand)}
html[data-theme][data-theme] .btn.primary:hover,
html[data-theme][data-theme] .mini-button.primary:hover{background:var(--brand-hover)}
html[data-theme][data-theme] .sidebar .nav-item.active{background:var(--brand);color:var(--on-brand)}
html[data-theme][data-theme] .sidebar .nav-item:not(.active){color:var(--nav-muted)}
html[data-theme][data-theme] .sidebar .nav-item:not(.active):hover{background:color-mix(in srgb,var(--nav-text) 9%,transparent);color:var(--nav-text)}


/* ================================================================
   REGISTRO P2P V6.5 LIVE VISUAL
   Capa exclusivamente visual sobre V6.4. No altera reglas de datos.
   ================================================================ */
:root{
  --radius-control:999px;
  --radius-card-xl:26px;
  --motion-spring:cubic-bezier(.2,.9,.25,1.15);
}
*,*::before,*::after{box-sizing:border-box}
body{overflow-x:hidden}
button,input,textarea,select,a,.panel,.metric-card,.timeline-item,.profile-cell{min-width:0}
button,.btn,.mini-button,.text-button,.link-button,.nav-item,.bottom-nav button,.notification-item,.choice-list button,.live-quick-card,.live-feed-item{
  max-width:100%;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty;
}
h1,h2,h3,h4,p,b,strong,small,span,em,code,td,th,label{overflow-wrap:anywhere}
.responsive-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.page-heading>div,.panel-head>div,.timeline-item>div,.profile-cell>div,.team-person>div,.notification-item>div{min-width:0}

/* Botones más dinámicos, redondeados y simbólicos */
.btn,.mini-button,.text-button,.link-button{
  border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:42px;padding:.68rem 1.08rem;line-height:1.18;text-align:center;
}
.btn.small,.mini-button{min-height:36px;padding:.5rem .82rem}
.btn.wide{width:100%}
.btn-symbol{display:inline-grid;place-items:center;flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.86rem;font-weight:900}
.btn.primary{
  background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,var(--nav-bg)));
  border-color:color-mix(in srgb,var(--brand) 74%,var(--border));
  box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 25%,transparent),inset 0 1px 0 color-mix(in srgb,var(--on-brand) 22%,transparent);
}
.btn.primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 15px 30px color-mix(in srgb,var(--brand) 31%,transparent)}
.btn.secondary{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));box-shadow:0 6px 16px rgba(var(--shadow-color),.08)}
.btn.secondary:hover,.mini-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(var(--shadow-color),.12)}
.btn:active,.mini-button:active,.text-button:active,.live-quick-card:active{transform:translateY(0) scale(.975)}
button:disabled{transform:none!important;box-shadow:none!important;opacity:.58;cursor:not-allowed}
.icon-button{border-radius:50%;transition:transform .18s var(--motion-spring),box-shadow .18s ease,background .18s ease}
.icon-button:hover{transform:translateY(-2px) rotate(-3deg);box-shadow:0 10px 22px rgba(var(--shadow-color),.14)}
.nav-item{border-radius:18px;margin-inline:8px;width:calc(100% - 16px);padding:11px 13px}
.bottom-nav button{border-radius:18px;margin:5px 2px;min-height:54px}
.choice-list button{border-radius:20px;transition:transform .18s var(--motion-spring),box-shadow .18s ease,border-color .18s ease}
.choice-list button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(var(--shadow-color),.1)}
.choice-icon{border-radius:15px}

/* Barra superior viva */
.top-status{gap:8px;flex-wrap:wrap;justify-content:center}
.live-system-pill,.sync-clock{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750;white-space:nowrap}
.live-system-pill .connection-dot{position:relative;display:inline-block;flex:0 0 auto}
.live-system-pill .connection-dot.online::after{content:"";position:absolute;inset:-4px;border:1px solid color-mix(in srgb,var(--success) 45%,transparent);border-radius:50%;animation:liveRadar 1.9s ease-out infinite}
.sync-clock{font-variant-numeric:tabular-nums}
.notification-button{position:relative}
.notification-button:not(:has(.notification-count.hidden)){animation:bellAttention 2.6s ease-in-out infinite}

/* Centro visible al entrar */
.live-center{margin:18px 0 20px;border-radius:var(--radius-card-xl);overflow:clip;border-color:color-mix(in srgb,var(--brand) 23%,var(--border));box-shadow:0 18px 42px rgba(var(--shadow-color),.09)}
.live-center-head{background:linear-gradient(110deg,color-mix(in srgb,var(--brand-soft) 78%,var(--surface-1)),var(--surface-1));align-items:center}
.live-center-head .eyebrow{display:flex;align-items:center;gap:8px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 16%,transparent);animation:liveDot 1.7s ease-in-out infinite}
.live-sync-state{display:flex;align-items:flex-end;flex-direction:column;gap:4px;min-width:145px}
.live-sync-state span{font-size:10px;color:var(--text-2);font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.live-sync-state b{font-size:12px;color:var(--success)}
.live-center-grid{display:grid;grid-template-columns:minmax(270px,.95fr) minmax(300px,1.15fr) minmax(300px,1.1fr);gap:16px;padding:18px;background:linear-gradient(180deg,var(--surface-1),color-mix(in srgb,var(--surface-2) 45%,var(--surface-1)))}
.live-chart-card,.live-feed-card{border:1px solid var(--border);background:var(--surface-1);border-radius:22px;padding:17px;box-shadow:0 8px 22px rgba(var(--shadow-color),.055)}
.live-chart-card{display:flex;align-items:center;gap:17px;min-height:188px}
.live-donut{--live-percent:0deg;width:132px;height:132px;flex:0 0 132px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--brand) 0 var(--live-percent),color-mix(in srgb,var(--border) 68%,var(--surface-2)) var(--live-percent) 360deg);box-shadow:0 14px 30px color-mix(in srgb,var(--brand) 16%,transparent);transition:background .55s ease}
.live-donut::before{content:"";position:absolute;inset:15px;border-radius:50%;background:linear-gradient(145deg,var(--surface-1),var(--surface-2));box-shadow:inset 0 0 0 1px var(--border)}
.live-donut>div{position:relative;z-index:1;display:grid;text-align:center}
.live-donut strong{font-family:var(--font-display);font-size:28px;line-height:1;color:var(--text-1)}
.live-donut small{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-2);margin-top:5px}
.live-chart-copy{min-width:0}.live-chart-copy h3{margin:5px 0 6px;font-size:18px}.live-chart-copy p{margin:0;color:var(--text-2);font-size:12px;line-height:1.55}
.live-kicker{font-size:9px;letter-spacing:.13em;font-weight:850;color:var(--brand)}
.live-mini-track{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-top:14px}
.live-mini-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--success));transition:width .65s var(--motion-spring)}
.live-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.live-quick-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:88px;padding:13px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,var(--surface-1),var(--surface-2));color:var(--text-1);text-align:left;box-shadow:0 7px 18px rgba(var(--shadow-color),.055);transition:transform .18s var(--motion-spring),box-shadow .18s ease,border-color .18s ease}
.live-quick-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(var(--shadow-color),.11);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}
.live-quick-card>span:last-child{display:grid;min-width:0;line-height:1.08}.live-quick-card small{font-size:10px;color:var(--text-2);font-weight:760}.live-quick-card strong{font-family:var(--font-display);font-size:25px;margin:3px 0}.live-quick-card em{font-size:9px;color:var(--text-2);font-style:normal}
.live-quick-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:15px;background:var(--brand-soft);color:var(--brand);font-weight:900;font-size:18px}
.live-quick-card.pending .live-quick-icon{background:var(--warning-soft);color:var(--warning)}
.live-quick-card.review .live-quick-icon{background:var(--info-soft);color:var(--info)}
.live-quick-card.clean .live-quick-icon{background:var(--clean-soft);color:var(--clean)}
.live-quick-card.alerts .live-quick-icon{background:var(--danger-soft);color:var(--danger)}
.live-feed-card{padding:0;overflow:hidden;min-height:188px}
.live-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--border)}
.live-feed-head h3{font-size:16px;margin:3px 0 0}.live-feed-head .text-button{min-height:34px;padding:.42rem .7rem;font-size:11px}
.dashboard-live-feed{display:grid;max-height:260px;overflow:auto}
.live-feed-item{display:grid;grid-template-columns:36px minmax(0,1fr) 15px;align-items:center;gap:10px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-1);text-align:left;transition:background .15s ease,transform .15s ease}
.live-feed-item:last-child{border-bottom:0}.live-feed-item:hover{background:var(--brand-soft)}
.live-feed-item .notification-symbol{width:34px;height:34px;border-radius:13px}.live-feed-item>span:nth-child(2){min-width:0}.live-feed-item b{display:block;font-size:11.5px}.live-feed-item p{margin:2px 0;color:var(--text-2);font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-feed-item time{font-size:9px;color:var(--text-3)}.live-feed-item i{font-style:normal;color:var(--brand);font-size:18px}
.live-feed-empty{display:flex;align-items:center;gap:12px;padding:24px}.live-feed-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--success-soft);color:var(--success);font-weight:900}.live-feed-empty b{font-size:13px}.live-feed-empty p{margin:3px 0 0;color:var(--text-2);font-size:11px;line-height:1.45}
.live-center.data-pulse{animation:dataPulse .85s ease}

/* Evita cortes de texto y mejora adaptación */
.metric-grid,.admin-metrics,.team-grid,.content-grid,.dashboard-grid{min-width:0}
.metric-card,.admin-metrics article{overflow:hidden}
.metric-card strong,.admin-metrics strong{font-variant-numeric:tabular-nums}
.table-toolbar{gap:10px;flex-wrap:wrap}.table-toolbar>*{min-width:0}.search-box{flex:1 1 230px}.table-toolbar select{flex:0 1 280px;max-width:100%}
.row-actions,.approval-actions,.filter-row,.form-row{flex-wrap:wrap}
.profile-cell code{max-width:min(100%,290px);white-space:normal;word-break:break-all}
.notification-item{grid-template-columns:42px minmax(0,1fr) 18px}
.notification-item p{white-space:normal;overflow-wrap:anywhere}

@keyframes liveDot{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.15);opacity:1}}
@keyframes liveRadar{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.7);opacity:0}}
@keyframes dataPulse{0%{box-shadow:0 18px 42px rgba(var(--shadow-color),.09)}45%{box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 20%,transparent),0 22px 48px rgba(var(--shadow-color),.13)}100%{box-shadow:0 18px 42px rgba(var(--shadow-color),.09)}}
@keyframes bellAttention{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}94%{transform:rotate(-4deg)}}

@media(max-width:1280px){.live-center-grid{grid-template-columns:1fr 1fr}.live-feed-card{grid-column:1/-1}.dashboard-live-feed{grid-template-columns:1fr 1fr;max-height:none}.live-feed-item:nth-child(odd):not(:last-child){border-right:1px solid var(--border)}}
@media(max-width:900px){.sync-clock{display:none}.live-center-grid{grid-template-columns:1fr}.live-feed-card{grid-column:auto}.dashboard-live-feed{grid-template-columns:1fr}.live-feed-item:nth-child(odd):not(:last-child){border-right:0}.live-chart-card{justify-content:center}.live-sync-state{align-items:flex-start;min-width:0}.live-center-head{align-items:flex-start}}
@media(max-width:620px){
  .top-status .save-pill{display:none}.live-system-pill{padding:6px 9px}.live-center{margin-inline:-1px;border-radius:21px}.live-center-grid{padding:11px;gap:11px}.live-chart-card{align-items:center;flex-direction:column;text-align:center}.live-donut{width:122px;height:122px;flex-basis:122px}.live-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.live-quick-card{min-height:84px;padding:10px;gap:9px}.live-quick-icon{width:37px;height:37px;flex-basis:37px;border-radius:13px}.live-quick-card strong{font-size:22px}.page-heading .btn{width:100%;margin-top:4px}.btn{white-space:normal}
}
@media(max-width:390px){.live-quick-grid{grid-template-columns:1fr}.live-quick-card{min-height:72px}.live-center-head{padding:14px}.live-sync-state{display:none}}
@media(prefers-reduced-motion:reduce){.live-dot,.live-system-pill .connection-dot.online::after,.notification-button,.live-center.data-pulse{animation:none!important}}

/* ========================================================================== */
/* REGISTRO P2P V6.6 · INTERFAZ PRO + CONFIABLES                             */
/* ========================================================================== */
:root{
  --premium-radius:24px;
  --premium-radius-sm:16px;
  --trusted:#7157e8;
  --trusted-2:#3f7cf5;
  --trusted-soft:color-mix(in srgb,var(--trusted) 11%,var(--surface-1));
  --trusted-line:color-mix(in srgb,var(--trusted) 30%,var(--border));
}

/* Contenedores de listados más limpios y profundos */
#view-work>.panel,#view-done>.panel,#view-base>.panel,.premium-list-panel{
  border-radius:28px;
  box-shadow:0 22px 55px rgba(var(--shadow-color),.10);
  border:1px solid color-mix(in srgb,var(--border) 86%,var(--brand));
  background:linear-gradient(145deg,var(--surface-1),color-mix(in srgb,var(--surface-1) 96%,var(--brand-soft)));
}
#view-work .table-toolbar,#view-done .table-toolbar,#view-base .table-toolbar,.premium-toolbar{
  padding:17px;
  gap:12px;
  background:color-mix(in srgb,var(--surface-1) 92%,var(--brand-soft));
}
.search-box,.premium-search{
  min-height:48px;
  border-radius:17px!important;
  border:1px solid color-mix(in srgb,var(--border) 80%,var(--brand));
  padding-inline:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.search-box:focus-within,.premium-search:focus-within{
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent),0 12px 26px rgba(var(--shadow-color),.07);
  transform:translateY(-1px);
}
.table-toolbar select{min-height:48px;border-radius:17px;padding-inline:14px}
.table-toolbar .btn{min-height:48px;border-radius:17px;padding-inline:18px}

/* Tabla convertida visualmente en tarjetas horizontales */
#view-work .responsive-table,#view-done .responsive-table,#view-base .responsive-table{padding:0 13px 10px;overflow-x:auto}
#view-work table,#view-done table,#view-base table{border-collapse:separate;border-spacing:0 10px;table-layout:fixed;width:100%;min-width:980px}
#view-work thead th,#view-done thead th,#view-base thead th{border:0;background:transparent;padding:12px 14px 5px;font-size:9px;letter-spacing:.11em;color:var(--text-3)}
#view-work tbody tr,#view-done tbody tr,#view-base tbody tr{filter:drop-shadow(0 10px 18px rgba(var(--shadow-color),.055));transition:transform .18s ease,filter .18s ease}
#view-work tbody tr:hover,#view-done tbody tr:hover,#view-base tbody tr:hover{transform:translateY(-2px);filter:drop-shadow(0 15px 24px rgba(var(--shadow-color),.10))}
#view-work tbody td,#view-done tbody td,#view-base tbody td{
  background:var(--surface-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 14px;vertical-align:middle;overflow:visible;
}
#view-work tbody td:first-child,#view-done tbody td:first-child,#view-base tbody td:first-child{border-left:1px solid var(--border);border-radius:18px 0 0 18px}
#view-work tbody td:last-child,#view-done tbody td:last-child,#view-base tbody td:last-child{border-right:1px solid var(--border);border-radius:0 18px 18px 0}
#view-work th:first-child,#view-work td:first-child,#view-done th:first-child,#view-done td:first-child,#view-base th:first-child,#view-base td:first-child{width:35%}
#view-work th:last-child,#view-work td:last-child,#view-done th:last-child,#view-done td:last-child,#view-base th:last-child,#view-base td:last-child{width:27%}

/* Perfil legible: nunca vuelve a partir “No malicioso” letra por letra */
.profile-cell{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.profile-cell>span:first-child{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--brand-soft),color-mix(in srgb,var(--brand) 22%,var(--surface-1)));display:grid;place-items:center;color:var(--brand);font-weight:950;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 14%,transparent)}
.profile-cell>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:3px}
.profile-cell code{
  display:block;max-width:100%!important;width:100%;font-size:11px!important;font-weight:850;line-height:1.35;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;word-break:normal!important;overflow-wrap:normal!important;
}
.profile-cell small{display:block;color:var(--text-3);font-size:9px;line-height:1.3}
.classification-badge{
  display:inline-flex!important;width:max-content!important;max-width:100%;white-space:nowrap!important;word-break:normal!important;
  align-items:center;gap:5px;border-radius:999px!important;padding:5px 9px!important;line-height:1!important;margin-top:4px!important;
}
.classification-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)}
.classification-badge.trusted{background:var(--trusted-soft);color:var(--trusted);border-color:var(--trusted-line)}

/* Acciones modernas y sin desbordamientos */
.row-actions{display:flex;align-items:center;gap:7px;justify-content:flex-start;min-width:0}
.row-actions .mini-button{border-radius:13px!important;min-height:38px;padding:8px 11px!important;gap:5px;white-space:nowrap;box-shadow:none}
.row-actions .mini-button.primary{box-shadow:0 9px 19px color-mix(in srgb,var(--brand) 22%,transparent)}
.clean-action{color:var(--clean)!important;background:var(--clean-soft)!important;border-color:color-mix(in srgb,var(--clean) 25%,var(--border))!important}
.trusted-action{background:linear-gradient(135deg,var(--trusted),var(--trusted-2))!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px color-mix(in srgb,var(--trusted) 28%,transparent)!important}
.trusted-action:hover{transform:translateY(-2px);filter:brightness(1.07)}
.danger-action{background:var(--danger-soft)!important;color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 28%,var(--border))!important}

/* Página Confiables */
.trusted-heading{align-items:center}
.trusted-heading-stat{min-width:170px;padding:14px 18px;border-radius:20px;background:linear-gradient(135deg,var(--trusted-soft),var(--surface-1));border:1px solid var(--trusted-line);text-align:right;box-shadow:0 12px 28px color-mix(in srgb,var(--trusted) 12%,transparent)}
.trusted-heading-stat span{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.trusted-heading-stat strong{display:block;font-size:30px;margin-top:3px;color:var(--trusted)}
.trust-explainer{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px;padding:17px 19px;border-radius:22px;background:linear-gradient(135deg,var(--trusted-soft),color-mix(in srgb,var(--surface-1) 92%,var(--brand-soft)));border:1px solid var(--trusted-line)}
.trust-shield{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--trusted),var(--trusted-2));color:#fff;font-size:23px;box-shadow:0 13px 28px color-mix(in srgb,var(--trusted) 30%,transparent)}
.trust-explainer h2{margin:0 0 5px;font-size:16px}.trust-explainer p{margin:0;color:var(--text-2);font-size:11px;line-height:1.6}
.trusted-list{display:grid;gap:11px;padding:15px}
.trusted-profile-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--trusted-line);border-radius:20px;background:linear-gradient(140deg,var(--surface-1),var(--trusted-soft));box-shadow:0 12px 28px rgba(var(--shadow-color),.06);transition:transform .2s ease,box-shadow .2s ease}
.trusted-profile-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(var(--shadow-color),.10)}
.trusted-profile-card.revoked{filter:saturate(.55);border-color:var(--border);background:var(--surface-2)}
.trusted-profile-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--trusted),var(--trusted-2));color:#fff;font-size:20px;box-shadow:0 10px 22px color-mix(in srgb,var(--trusted) 25%,transparent)}
.trusted-profile-card.revoked .trusted-profile-icon{background:var(--danger-soft);color:var(--danger);box-shadow:none}
.trusted-profile-main{min-width:0}.trusted-code-row{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.trusted-code-row code{font-size:12px;font-weight:900;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trusted-profile-main>p{margin:7px 0;color:var(--text-2);font-size:11px;line-height:1.5}.trusted-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--text-3);font-size:9px}.trusted-meta b{color:var(--text-1)}
.trusted-profile-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.trust-revoked-note{margin-top:9px;padding:8px 10px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:9px}
.trusted-empty>span{color:var(--trusted);background:var(--trusted-soft)}
.live-quick-card.trusted .live-quick-icon{background:var(--trusted-soft);color:var(--trusted)}
.trusted-nav.active{background:var(--trusted-soft)!important;color:var(--trusted)!important}

/* Administración de confianza */
.trusted-admin-panel{border-color:var(--trusted-line);background:linear-gradient(145deg,var(--surface-1),var(--trusted-soft))}
.trust-admin-steps{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:17px}
.trust-admin-steps span{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:10px;font-weight:800}.trust-admin-steps span b{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--trusted-soft);color:var(--trusted)}.trust-admin-steps i{color:var(--text-3);font-style:normal}
.trust-modal-profile{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid var(--trusted-line);border-radius:16px;background:var(--trusted-soft);margin-bottom:14px}.trust-modal-profile>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--trusted),var(--trusted-2));color:#fff}.trust-modal-profile small{display:block;font-size:8px;letter-spacing:.1em;color:var(--text-3)}.trust-modal-profile code{display:block;margin-top:4px;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Animación sutil respetando accesibilidad */
@keyframes trustedGlow{0%,100%{box-shadow:0 10px 24px color-mix(in srgb,var(--trusted) 22%,transparent)}50%{box-shadow:0 14px 32px color-mix(in srgb,var(--trusted) 38%,transparent)}}
.trusted-heading-stat,.trust-shield{animation:trustedGlow 3.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.trusted-heading-stat,.trust-shield{animation:none}}

@media(max-width:1100px){
  #view-work th:first-child,#view-work td:first-child,#view-done th:first-child,#view-done td:first-child,#view-base th:first-child,#view-base td:first-child{width:31%}
  #view-work th:last-child,#view-work td:last-child,#view-done th:last-child,#view-done td:last-child,#view-base th:last-child,#view-base td:last-child{width:31%}
  .row-actions .mini-button{font-size:9px;padding-inline:8px!important}
}
@media(max-width:800px){
  #view-work .responsive-table,#view-done .responsive-table,#view-base .responsive-table{padding:10px;overflow:visible}
  #view-work table,#view-done table,#view-base table{min-width:0;border-spacing:0;display:block}
  #view-work tbody,#view-done tbody,#view-base tbody{display:grid;gap:12px}
  #view-work tbody tr,#view-done tbody tr,#view-base tbody tr{display:block;padding:14px;border:1px solid var(--border);border-radius:20px;background:var(--surface-1);box-shadow:0 12px 28px rgba(var(--shadow-color),.07)}
  #view-work tbody td,#view-done tbody td,#view-base tbody td{display:grid!important;grid-template-columns:95px minmax(0,1fr);padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent!important;width:100%!important}
  #view-work tbody td:first-child,#view-done tbody td:first-child,#view-base tbody td:first-child{display:block!important;padding-bottom:11px!important;margin-bottom:4px;border-bottom:1px solid var(--border)!important}
  #view-work tbody td:first-child:before,#view-done tbody td:first-child:before,#view-base tbody td:first-child:before{display:none}
  #view-work tbody td:last-child,#view-done tbody td:last-child,#view-base tbody td:last-child{display:block!important;padding-top:11px!important}
  #view-work tbody td:last-child:before,#view-done tbody td:last-child:before,#view-base tbody td:last-child:before{display:block;margin-bottom:7px}
  .profile-cell code{font-size:10px!important}.row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.row-actions .mini-button{width:100%;white-space:normal;line-height:1.25}
  .trusted-heading{display:grid;grid-template-columns:1fr auto;gap:10px}.trusted-heading-stat{min-width:110px}.trust-explainer{grid-template-columns:44px minmax(0,1fr);padding:14px}.trust-shield{width:42px;height:42px;border-radius:14px}
  .trusted-profile-card{grid-template-columns:42px minmax(0,1fr);padding:14px}.trusted-profile-icon{width:42px;height:42px;border-radius:14px}.trusted-profile-actions{grid-column:1/-1;justify-content:stretch}.trusted-profile-actions .mini-button{flex:1}.trusted-code-row code{font-size:10px}.trust-admin-steps i{display:none}
}
@media(max-width:480px){.trusted-heading{display:block}.trusted-heading-stat{text-align:left;margin-top:12px}.row-actions{grid-template-columns:1fr}.trusted-profile-card{grid-template-columns:1fr}.trusted-profile-icon{width:40px;height:40px}.trusted-profile-actions{grid-column:auto}}

/* ========================================================================== */
/* REGISTRO P2P V6.7 · FINANCE DASHBOARD PRO                                 */
/* Rediseño integral inspirado en paneles financieros modernos, sin recursos  */
/* externos y conservando toda la lógica operativa de V6.6.                   */
/* ========================================================================== */
:root{
  --ui-sidebar:252px;
  --ui-topbar:76px;
  --ui-gap:18px;
  --ui-radius-2xl:30px;
  --ui-radius-xl:24px;
  --ui-radius-lg:19px;
  --ui-radius-md:15px;
  --ui-shadow-card:0 1px 2px rgba(var(--shadow-color),.04),0 14px 38px rgba(var(--shadow-color),.08);
  --ui-shadow-hover:0 2px 4px rgba(var(--shadow-color),.05),0 24px 54px rgba(var(--shadow-color),.14);
  --ui-glow:color-mix(in srgb,var(--brand) 20%,transparent);
  --ui-purple:#7047eb;
  --ui-cyan:#17b8e6;
  --ui-indigo:#3c5df5;
  --ui-pink:#b15cf1;
  --ui-card-gradient:linear-gradient(135deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 68%,#7b42ef) 56%,#17b8e6 130%);
  --ui-card-gradient-2:linear-gradient(135deg,#a46ceb 0%,#7442ed 48%,#3b16d5 100%);
  --ui-grid-line:color-mix(in srgb,var(--border) 72%,transparent);
}

html[data-ui="finance-pro"]{background:var(--canvas);scroll-behavior:smooth}
html[data-ui="finance-pro"] body{
  min-width:320px;
  background:
    radial-gradient(circle at 82% -12%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 32rem),
    radial-gradient(circle at 20% 105%,color-mix(in srgb,var(--trusted) 7%,transparent),transparent 28rem),
    var(--canvas);
  color:var(--text-1);
  font-family:var(--font-body);
  overflow-x:hidden;
}
html[data-ui="finance-pro"] body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.26;
  background-image:linear-gradient(var(--ui-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid-line) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 52%);
}
html[data-ui="finance-pro"] button,
html[data-ui="finance-pro"] input,
html[data-ui="finance-pro"] textarea,
html[data-ui="finance-pro"] select{font:inherit}
html[data-ui="finance-pro"] :focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 74%,#fff);outline-offset:3px}
html[data-ui="finance-pro"] ::selection{background:color-mix(in srgb,var(--brand) 24%,transparent);color:var(--text-1)}

/* Chrome y estructura principal */
html[data-ui="finance-pro"] .topbar{
  height:var(--ui-topbar);left:var(--ui-sidebar);padding:0 30px;gap:20px;
  background:color-mix(in srgb,var(--surface-1) 83%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 74%,transparent)!important;
  box-shadow:0 8px 26px rgba(var(--shadow-color),.035);
  backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22);
}
html[data-ui="finance-pro"] .mobile-brand-top{display:none}
html[data-ui="finance-pro"] .topbar-context{display:flex;flex-direction:column;min-width:180px;line-height:1.1}
html[data-ui="finance-pro"] .topbar-context p{margin:0 0 5px;color:var(--brand);font-size:9px;font-weight:950;letter-spacing:.16em}
html[data-ui="finance-pro"] .topbar-context strong{font-family:var(--font-display);font-size:17px;letter-spacing:-.02em;color:var(--text-1)}
html[data-ui="finance-pro"] .top-status{margin-left:auto;gap:8px}
html[data-ui="finance-pro"] .live-system-pill,
html[data-ui="finance-pro"] .save-pill,
html[data-ui="finance-pro"] .sync-clock{
  min-height:35px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;
  background:color-mix(in srgb,var(--surface-1) 84%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.22);
  color:var(--text-2);font-size:9px;font-weight:800;white-space:nowrap;
}
html[data-ui="finance-pro"] .live-system-pill{color:var(--success);background:color-mix(in srgb,var(--success-soft) 78%,var(--surface-1))}
html[data-ui="finance-pro"] .top-actions{gap:10px}
html[data-ui="finance-pro"] .icon-button{
  width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:var(--surface-1);
  box-shadow:0 8px 20px rgba(var(--shadow-color),.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
html[data-ui="finance-pro"] .icon-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(var(--shadow-color),.12);border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}
html[data-ui="finance-pro"] .user-chip{
  min-height:48px;padding:5px 10px 5px 6px;border:1px solid var(--border);border-radius:17px;
  background:var(--surface-1);box-shadow:0 8px 20px rgba(var(--shadow-color),.055);
}
html[data-ui="finance-pro"] .user-chip .avatar{width:36px;height:36px;border-radius:13px;background:var(--ui-card-gradient);color:#fff;box-shadow:0 8px 18px var(--ui-glow)}
html[data-ui="finance-pro"] .user-chip b{font-size:10px}html[data-ui="finance-pro"] .user-chip small{font-size:8px;color:var(--text-3)}

html[data-ui="finance-pro"] .layout{min-height:100vh;padding-top:var(--ui-topbar)}
html[data-ui="finance-pro"] main{
  margin-left:var(--ui-sidebar);width:calc(100% - var(--ui-sidebar));padding:28px clamp(20px,3.2vw,48px) 52px;
  min-height:calc(100vh - var(--ui-topbar));
}
html[data-ui="finance-pro"] .sidebar{
  width:var(--ui-sidebar);top:0;height:100vh;padding:18px 14px 18px;
  background:
    radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 15rem),
    linear-gradient(180deg,color-mix(in srgb,var(--nav-bg) 96%,#152f60),var(--nav-bg-2))!important;
  border-right:1px solid color-mix(in srgb,var(--nav-text) 7%,transparent);box-shadow:18px 0 45px rgba(2,10,26,.12);
  display:flex;flex-direction:column;overflow:auto;scrollbar-width:none;
}
html[data-ui="finance-pro"] .sidebar::-webkit-scrollbar{display:none}
html[data-ui="finance-pro"] .sidebar-brand{display:flex;align-items:center;gap:11px;padding:5px 9px 21px;margin-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--nav-text) 10%,transparent)}
html[data-ui="finance-pro"] .sidebar-brand-mark{
  width:43px;height:43px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:15px;
  background:linear-gradient(135deg,#7d5cf1,#345df5 58%,#1cc4e7);box-shadow:0 12px 30px rgba(75,91,245,.35),inset 0 1px rgba(255,255,255,.34);
}
html[data-ui="finance-pro"] .sidebar-brand b{display:block;color:var(--nav-text);font-family:var(--font-display);font-size:15px;letter-spacing:-.02em}
html[data-ui="finance-pro"] .sidebar-brand small{display:block;margin-top:3px;color:var(--nav-muted);font-size:8px;letter-spacing:.11em;text-transform:uppercase}
html[data-ui="finance-pro"] .nav-section{display:grid;gap:6px;margin-top:10px}
html[data-ui="finance-pro"] .nav-section>small{padding:9px 12px 5px;color:color-mix(in srgb,var(--nav-muted) 78%,transparent);font-size:8px;font-weight:950;letter-spacing:.16em}
html[data-ui="finance-pro"] .sidebar .nav-item{
  position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;
  min-height:48px;padding:5px 10px;border:0;border-radius:15px;color:var(--nav-muted)!important;background:transparent;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
html[data-ui="finance-pro"] .sidebar .nav-item:hover{transform:translateX(3px);background:color-mix(in srgb,var(--nav-text) 8%,transparent)!important;color:var(--nav-text)!important}
html[data-ui="finance-pro"] .sidebar .nav-item.active{
  color:#fff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 92%,#6e49eb),var(--brand))!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 30%,transparent),inset 0 1px rgba(255,255,255,.24);
}
html[data-ui="finance-pro"] .sidebar .nav-item.active:before{content:"";position:absolute;left:-14px;width:4px;height:26px;border-radius:0 6px 6px 0;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.65)}
html[data-ui="finance-pro"] .nav-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--nav-text) 8%,transparent);color:currentColor}
html[data-ui="finance-pro"] .nav-item.active .nav-icon{background:rgba(255,255,255,.16)}
html[data-ui="finance-pro"] .nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-ui="finance-pro"] .nav-item[data-view="dashboard"] .nav-icon svg path:first-child{fill:currentColor;stroke:none}
html[data-ui="finance-pro"] .nav-item b{font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="finance-pro"] .nav-item em{min-width:28px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:8px;font-style:normal;font-weight:900;color:currentColor}
html[data-ui="finance-pro"] .nav-item.active em{background:rgba(255,255,255,.22)}
html[data-ui="finance-pro"] .sidebar-foot{margin-top:auto;padding-top:16px}
html[data-ui="finance-pro"] .mini-health{border-radius:17px;padding:12px;background:color-mix(in srgb,var(--nav-text) 7%,transparent);border:1px solid color-mix(in srgb,var(--nav-text) 10%,transparent)}

/* Encabezados de vista y transición */
html[data-ui="finance-pro"] .view{animation:uiViewEnter .32s cubic-bezier(.2,.8,.25,1) both}
@keyframes uiViewEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-ui="finance-pro"] .page-heading{margin-bottom:21px;gap:20px;align-items:flex-end}
html[data-ui="finance-pro"] .page-heading h1{font-family:var(--font-display);font-size:clamp(29px,3vw,43px);line-height:1.03;letter-spacing:-.045em;margin:5px 0 9px;max-width:780px}
html[data-ui="finance-pro"] .page-heading p:not(.eyebrow){font-size:12px;line-height:1.65;max-width:710px;color:var(--text-2)}
html[data-ui="finance-pro"] .page-heading .eyebrow{font-size:8px;letter-spacing:.19em;color:var(--brand)}
html[data-ui="finance-pro"] .view-heading{padding:4px 0 3px;position:relative}
html[data-ui="finance-pro"] .view-heading:after{content:"";position:absolute;left:0;bottom:-13px;width:76px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--ui-cyan))}
html[data-ui="finance-pro"] .view-heading-tags,.welcome-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
html[data-ui="finance-pro"] .view-heading-tags span,.welcome-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 82%,transparent);font-size:8px;font-weight:850;color:var(--text-2)}
html[data-ui="finance-pro"] .welcome-chips .connection-dot{width:7px;height:7px}
html[data-ui="finance-pro"] .hero-action{min-height:52px;padding-inline:21px;border-radius:17px!important;box-shadow:0 15px 32px color-mix(in srgb,var(--brand) 28%,transparent)!important}

/* Tarjetas de resumen inspiradas en billeteras financieras */
html[data-ui="finance-pro"] .finance-overview{display:grid;grid-template-columns:minmax(260px,4fr) minmax(260px,4fr) minmax(175px,2fr) minmax(175px,2fr);gap:14px;margin:0 0 18px}
html[data-ui="finance-pro"] .finance-overview .metric-card{min-width:0;overflow:hidden;position:relative;border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-card);border:1px solid var(--border);padding:19px}
html[data-ui="finance-pro"] .account-card{min-height:174px;color:#fff!important;border:0!important;padding:22px!important;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
html[data-ui="finance-pro"] .account-card:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--ui-card-gradient)}
html[data-ui="finance-pro"] .account-card:after{content:"";position:absolute;z-index:-1;width:190px;height:190px;border-radius:50%;right:-60px;top:-75px;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 28px rgba(255,255,255,.06),0 0 0 58px rgba(255,255,255,.035)}
html[data-ui="finance-pro"] .progress-account:before{background:var(--ui-card-gradient-2)}
html[data-ui="finance-pro"] .metric-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
html[data-ui="finance-pro"] .metric-card-top>span{color:rgba(255,255,255,.86)!important;font-size:10px!important;letter-spacing:.04em!important;text-transform:none!important}
html[data-ui="finance-pro"] .metric-card-top i{width:35px;height:35px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:10px;font-weight:950;font-style:normal;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
html[data-ui="finance-pro"] .account-card strong{margin:12px 0 3px!important;color:#fff;font-size:42px!important;line-height:1!important;text-shadow:0 2px 12px rgba(0,0,0,.12)}
html[data-ui="finance-pro"] .account-card>small{color:rgba(255,255,255,.76)!important;font-size:10px!important}
html[data-ui="finance-pro"] .account-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:8px;color:rgba(255,255,255,.72)}
html[data-ui="finance-pro"] .account-card-foot b{font-size:8px;letter-spacing:.12em;color:#fff}
html[data-ui="finance-pro"] .compact-metric{min-height:174px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;background:linear-gradient(145deg,var(--surface-1),color-mix(in srgb,var(--surface-2) 78%,var(--brand-soft)))!important}
html[data-ui="finance-pro"] .compact-metric .compact-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.45)}
html[data-ui="finance-pro"] .submitted-metric .compact-icon{background:var(--trusted-soft);color:var(--trusted)}
html[data-ui="finance-pro"] .compact-metric>div>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--text-3)}
html[data-ui="finance-pro"] .compact-metric strong{font-size:31px!important;margin:7px 0 5px!important}
html[data-ui="finance-pro"] .compact-metric small{font-size:8px!important;line-height:1.4}

/* Sistema de paneles */
html[data-ui="finance-pro"] .panel,
html[data-ui="finance-pro"] .admin-metrics article,
html[data-ui="finance-pro"] .metric-card,
html[data-ui="finance-pro"] .login-card{
  border-color:color-mix(in srgb,var(--border) 88%,var(--brand));
  border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-card);
}
html[data-ui="finance-pro"] .panel{background:color-mix(in srgb,var(--surface-1) 96%,transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-ui="finance-pro"] .panel-head{padding:18px 20px;border-color:var(--border);gap:14px}
html[data-ui="finance-pro"] .panel-head h2{font-family:var(--font-display);font-size:17px;letter-spacing:-.025em}
html[data-ui="finance-pro"] .panel-head p{font-size:9px;line-height:1.55;color:var(--text-2)}
html[data-ui="finance-pro"] .panel-body{padding:20px}
html[data-ui="finance-pro"] .live-center{border-radius:var(--ui-radius-2xl);overflow:hidden;position:relative}
html[data-ui="finance-pro"] .live-center:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),var(--ui-purple),var(--ui-cyan));z-index:2}
html[data-ui="finance-pro"] .live-center-head{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-1) 88%,var(--brand-soft)),var(--surface-1))}
html[data-ui="finance-pro"] .live-sync-state{border-radius:15px;background:var(--surface-2);border:1px solid var(--border);padding:9px 12px}
html[data-ui="finance-pro"] .live-center-grid{gap:14px;padding:15px;background:transparent}
html[data-ui="finance-pro"] .live-chart-card,
html[data-ui="finance-pro"] .live-feed-card{border-radius:20px;border:1px solid var(--border);background:var(--surface-1);box-shadow:0 10px 25px rgba(var(--shadow-color),.045)}
html[data-ui="finance-pro"] .live-donut{filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--brand) 18%,transparent))}
html[data-ui="finance-pro"] .live-quick-grid{gap:10px}
html[data-ui="finance-pro"] .live-quick-card{border-radius:18px!important;border:1px solid var(--border)!important;background:var(--surface-1)!important;box-shadow:0 8px 20px rgba(var(--shadow-color),.045);min-height:82px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
html[data-ui="finance-pro"] .live-quick-card:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow-hover);border-color:color-mix(in srgb,var(--brand) 38%,var(--border))!important}
html[data-ui="finance-pro"] .live-quick-icon{width:39px;height:39px;border-radius:14px}
html[data-ui="finance-pro"] .dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;margin-top:18px}
html[data-ui="finance-pro"] .progress-hero{border:0!important;border-radius:var(--ui-radius-2xl)!important;background:linear-gradient(125deg,#09152b,#183c78 64%,#5457e9);min-height:250px;padding:27px;box-shadow:0 22px 48px rgba(18,43,92,.24)!important;position:relative;overflow:hidden}
html[data-ui="finance-pro"] .progress-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-105px;top:-110px;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.02)}
html[data-ui="finance-pro"] .progress-hero>*{position:relative;z-index:1}
html[data-ui="finance-pro"] .progress-track{height:10px;background:rgba(255,255,255,.14)}
html[data-ui="finance-pro"] .progress-track span{background:linear-gradient(90deg,#48e69a,#65dcff)}
html[data-ui="finance-pro"] .next-row{border-radius:15px;padding:11px;background:var(--surface-2);border:1px solid var(--border);margin-bottom:8px}
html[data-ui="finance-pro"] .timeline-item{border-radius:15px;padding:12px;transition:background .18s ease,transform .18s ease}
html[data-ui="finance-pro"] .timeline-item:hover{background:var(--surface-2);transform:translateX(3px)}

/* Barra de herramientas y formularios */
html[data-ui="finance-pro"] .data-workspace{overflow:visible}
html[data-ui="finance-pro"] .table-toolbar,
html[data-ui="finance-pro"] .premium-toolbar{
  position:sticky;top:calc(var(--ui-topbar) + 8px);z-index:6;display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,auto) auto;
  gap:10px;padding:13px;margin:0 0 8px;border:1px solid var(--border);border-radius:20px;
  background:color-mix(in srgb,var(--surface-1) 88%,transparent)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 28px rgba(var(--shadow-color),.07);
}
html[data-ui="finance-pro"] #view-work .table-toolbar,
html[data-ui="finance-pro"] #view-done .table-toolbar{grid-template-columns:minmax(260px,1fr) auto}
html[data-ui="finance-pro"] .search-box,
html[data-ui="finance-pro"] input,
html[data-ui="finance-pro"] textarea,
html[data-ui="finance-pro"] select{
  border-radius:15px!important;border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text-1)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;
}
html[data-ui="finance-pro"] .search-box{min-height:48px;padding:0 14px!important;display:flex;align-items:center;gap:8px;color:var(--text-3)}
html[data-ui="finance-pro"] .search-box input{border:0!important;background:transparent!important;box-shadow:none!important;padding-inline:2px!important;min-width:0}
html[data-ui="finance-pro"] .search-box:focus-within,
html[data-ui="finance-pro"] input:focus,
html[data-ui="finance-pro"] textarea:focus,
html[data-ui="finance-pro"] select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent)!important;background:var(--surface-1)!important}
html[data-ui="finance-pro"] textarea{line-height:1.6;padding:14px}
html[data-ui="finance-pro"] .btn,
html[data-ui="finance-pro"] .mini-button,
html[data-ui="finance-pro"] .text-button,
html[data-ui="finance-pro"] .link-button{
  position:relative;overflow:hidden;border-radius:14px!important;font-weight:850;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
html[data-ui="finance-pro"] .btn:before,
html[data-ui="finance-pro"] .mini-button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.25),transparent 72%);transform:translateX(-130%);transition:transform .55s ease;pointer-events:none}
html[data-ui="finance-pro"] .btn:hover:before,
html[data-ui="finance-pro"] .mini-button:hover:before{transform:translateX(130%)}
html[data-ui="finance-pro"] .btn:hover,
html[data-ui="finance-pro"] .mini-button:hover{transform:translateY(-2px)}
html[data-ui="finance-pro"] .btn.primary,
html[data-ui="finance-pro"] .mini-button.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 82%,#7452ef),var(--brand))!important;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 24%,transparent)}
html[data-ui="finance-pro"] .btn.secondary,
html[data-ui="finance-pro"] .mini-button:not(.primary):not(.trusted-action):not(.danger-action):not(.clean-action){background:var(--surface-1)!important;box-shadow:0 7px 18px rgba(var(--shadow-color),.045)}
html[data-ui="finance-pro"] .btn:disabled,
html[data-ui="finance-pro"] .mini-button:disabled{transform:none;box-shadow:none;opacity:.52}

/* Listados: tarjetas de datos modernas y robustas */
html[data-ui="finance-pro"] #view-work>.panel,
html[data-ui="finance-pro"] #view-done>.panel,
html[data-ui="finance-pro"] #view-base>.panel{padding:13px;border-radius:var(--ui-radius-2xl)}
html[data-ui="finance-pro"] #view-work .responsive-table,
html[data-ui="finance-pro"] #view-done .responsive-table,
html[data-ui="finance-pro"] #view-base .responsive-table{padding:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
html[data-ui="finance-pro"] #view-work table,
html[data-ui="finance-pro"] #view-done table,
html[data-ui="finance-pro"] #view-base table{border-spacing:0 10px;min-width:1030px}
html[data-ui="finance-pro"] #view-work thead th,
html[data-ui="finance-pro"] #view-done thead th,
html[data-ui="finance-pro"] #view-base thead th{font-size:8px;padding:9px 14px;color:var(--text-3);letter-spacing:.14em}
html[data-ui="finance-pro"] .data-card-row{filter:drop-shadow(0 8px 16px rgba(var(--shadow-color),.045))!important}
html[data-ui="finance-pro"] .data-card-row:hover{filter:drop-shadow(0 17px 28px rgba(var(--shadow-color),.11))!important}
html[data-ui="finance-pro"] #view-work tbody td,
html[data-ui="finance-pro"] #view-done tbody td,
html[data-ui="finance-pro"] #view-base tbody td{padding:15px;background:var(--surface-1);border-color:var(--border)}
html[data-ui="finance-pro"] #view-work tbody td:first-child,
html[data-ui="finance-pro"] #view-done tbody td:first-child,
html[data-ui="finance-pro"] #view-base tbody td:first-child{border-radius:19px 0 0 19px}
html[data-ui="finance-pro"] #view-work tbody td:last-child,
html[data-ui="finance-pro"] #view-done tbody td:last-child,
html[data-ui="finance-pro"] #view-base tbody td:last-child{border-radius:0 19px 19px 0}
html[data-ui="finance-pro"] .profile-cell{grid-template-columns:48px minmax(0,1fr);gap:13px}
html[data-ui="finance-pro"] .profile-cell>span:first-child{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 9%,var(--surface-1)),color-mix(in srgb,var(--brand) 22%,var(--surface-1)));box-shadow:0 10px 21px var(--ui-glow)}
html[data-ui="finance-pro"] .profile-cell code{font-family:var(--font-mono);font-size:10px!important;letter-spacing:-.02em}
html[data-ui="finance-pro"] .profile-cell small{font-size:8px}
html[data-ui="finance-pro"] .classification-badge,
html[data-ui="finance-pro"] .badge{border-radius:999px!important;min-height:25px;padding:5px 9px!important;font-size:8px!important;font-weight:900;white-space:nowrap}
html[data-ui="finance-pro"] .cell-value{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:var(--text-2)}
html[data-ui="finance-pro"] .cell-value:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
html[data-ui="finance-pro"] .cell-date{font-size:9px;color:var(--text-2);white-space:nowrap}
html[data-ui="finance-pro"] .count-chip,.version-chip{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 9px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-size:9px;font-weight:900;color:var(--text-2)}
html[data-ui="finance-pro"] .row-actions{gap:7px;flex-wrap:wrap}
html[data-ui="finance-pro"] .row-actions .mini-button{min-height:38px;padding:8px 11px!important;font-size:8px;line-height:1.2}
html[data-ui="finance-pro"] .pager{padding:13px 4px 2px;color:var(--text-3)}
html[data-ui="finance-pro"] .pager button{border-radius:12px;min-height:36px;background:var(--surface-1);border:1px solid var(--border);font-weight:850}

/* Confiables, actividad y administración */
html[data-ui="finance-pro"] .trusted-heading-stat{border-radius:22px;min-width:180px;padding:16px 19px;background:linear-gradient(135deg,var(--trusted-soft),var(--surface-1));box-shadow:var(--ui-shadow-card)}
html[data-ui="finance-pro"] .trust-explainer{border-radius:24px;padding:18px 20px;box-shadow:0 12px 30px color-mix(in srgb,var(--trusted) 8%,transparent)}
html[data-ui="finance-pro"] .trusted-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px}
html[data-ui="finance-pro"] .trusted-profile-card{grid-template-columns:50px minmax(0,1fr);gap:14px;border-radius:22px;align-content:start}
html[data-ui="finance-pro"] .trusted-profile-actions{grid-column:1/-1;justify-content:stretch}
html[data-ui="finance-pro"] .trusted-profile-actions .mini-button{flex:1}
html[data-ui="finance-pro"] .admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
html[data-ui="finance-pro"] .admin-metrics article{position:relative;overflow:hidden;min-height:130px;padding:17px;background:linear-gradient(145deg,var(--surface-1),var(--surface-2))!important}
html[data-ui="finance-pro"] .admin-metrics article:before{content:"";position:absolute;width:52px;height:4px;border-radius:999px;left:17px;top:0;background:linear-gradient(90deg,var(--brand),var(--ui-cyan))}
html[data-ui="finance-pro"] .admin-metrics strong{font-size:27px;margin-top:20px}
html[data-ui="finance-pro"] .access-card{border:0!important;background:var(--ui-card-gradient)!important;color:#fff!important;padding:24px;box-shadow:0 20px 45px color-mix(in srgb,var(--brand) 22%,transparent)!important}
html[data-ui="finance-pro"] .access-card .eyebrow,
html[data-ui="finance-pro"] .access-card p{color:rgba(255,255,255,.76)!important}
html[data-ui="finance-pro"] .access-card h2{color:#fff}
html[data-ui="finance-pro"] .copy-field{background:rgba(255,255,255,.12);padding:7px;border-radius:17px;border:1px solid rgba(255,255,255,.18)}
html[data-ui="finance-pro"] .copy-field input{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:transparent!important}
html[data-ui="finance-pro"] .team-card{border-radius:20px;background:linear-gradient(145deg,var(--surface-1),var(--surface-2));box-shadow:0 10px 26px rgba(var(--shadow-color),.055);transition:transform .2s ease,box-shadow .2s ease}
html[data-ui="finance-pro"] .team-card:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow-hover)}
html[data-ui="finance-pro"] .approval-card{border-radius:20px;background:var(--surface-1);box-shadow:0 10px 24px rgba(var(--shadow-color),.05)}
html[data-ui="finance-pro"] .timeline.large{display:grid;gap:6px}
html[data-ui="finance-pro"] .timeline.large .timeline-item{border:1px solid var(--border);background:var(--surface-1)}

/* Agregar perfiles y cuenta */
html[data-ui="finance-pro"] .content-grid.add-grid{gap:18px}
html[data-ui="finance-pro"] .add-grid>.panel:first-child{border-top:4px solid var(--brand)}
html[data-ui="finance-pro"] .result-panel{border-top:4px solid var(--trusted)}
html[data-ui="finance-pro"] .bulk-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
html[data-ui="finance-pro"] .bulk-stats article{border-radius:16px;background:var(--surface-2);border:1px solid var(--border);padding:13px}
html[data-ui="finance-pro"] .account-grid{grid-template-columns:minmax(230px,.72fr) minmax(320px,1fr) minmax(360px,1.35fr);gap:18px}
html[data-ui="finance-pro"] .profile-card{background:var(--ui-card-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 22px 46px color-mix(in srgb,var(--brand) 24%,transparent)!important}
html[data-ui="finance-pro"] .profile-card p,
html[data-ui="finance-pro"] .profile-card small{color:rgba(255,255,255,.77)!important}
html[data-ui="finance-pro"] .profile-avatar{border:4px solid rgba(255,255,255,.25);box-shadow:0 16px 30px rgba(0,0,0,.18)}
html[data-ui="finance-pro"] .role-badge{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.18)}
html[data-ui="finance-pro"] .profile-card .btn.secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
html[data-ui="finance-pro"] .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-ui="finance-pro"] .theme-option{border-radius:17px;min-height:112px;background:var(--surface-2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
html[data-ui="finance-pro"] .theme-option:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(var(--shadow-color),.09)}
html[data-ui="finance-pro"] .theme-option.active{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
html[data-ui="finance-pro"] .logout-box{border-radius:22px;margin-top:18px;background:color-mix(in srgb,var(--danger-soft) 56%,var(--surface-1));border-color:color-mix(in srgb,var(--danger) 24%,var(--border))}

/* Modales, avisos y notificaciones */
html[data-ui="finance-pro"] .modal-layer{background:color-mix(in srgb,var(--overlay) 84%,transparent);backdrop-filter:blur(10px)}
html[data-ui="finance-pro"] .modal-card{border-radius:28px!important;box-shadow:0 32px 90px rgba(1,8,22,.34)!important;border:1px solid color-mix(in srgb,var(--border) 78%,var(--brand))}
html[data-ui="finance-pro"] .modal-head{padding:19px 21px;background:linear-gradient(135deg,var(--surface-2),var(--surface-1));border-bottom:1px solid var(--border)}
html[data-ui="finance-pro"] .modal-body{padding:21px}
html[data-ui="finance-pro"] .choice-list{gap:9px}
html[data-ui="finance-pro"] .choice-list button{border-radius:18px!important;padding:13px;background:var(--surface-1)!important;box-shadow:0 8px 20px rgba(var(--shadow-color),.045)}
html[data-ui="finance-pro"] .choice-list button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 42%,var(--border))!important;box-shadow:0 14px 28px rgba(var(--shadow-color),.09)}
html[data-ui="finance-pro"] .notification-drawer{width:min(430px,94vw);border-radius:28px 0 0 28px;box-shadow:-24px 0 64px rgba(3,12,30,.25)!important}
html[data-ui="finance-pro"] .notification-item{border-radius:17px;margin:8px 11px;background:var(--surface-1);border:1px solid var(--border);box-shadow:0 8px 20px rgba(var(--shadow-color),.045)}
html[data-ui="finance-pro"] .notification-item:hover{transform:translateX(-3px);border-color:color-mix(in srgb,var(--brand) 34%,var(--border))}
html[data-ui="finance-pro"] .toast-area{right:20px;bottom:20px}
html[data-ui="finance-pro"] .toast{border-radius:17px;box-shadow:0 20px 50px rgba(2,10,26,.22);backdrop-filter:blur(14px)}

/* Acceso */
html[data-ui="finance-pro"] .login-page{background:#081327}
html[data-ui="finance-pro"] .login-shell{background:var(--canvas)}
html[data-ui="finance-pro"] .login-visual{
  background:
    radial-gradient(circle at 20% 22%,rgba(83,103,255,.38),transparent 22rem),
    radial-gradient(circle at 82% 80%,rgba(27,197,228,.28),transparent 24rem),
    linear-gradient(145deg,#07132b,#102b5c 58%,#362a80);
}
html[data-ui="finance-pro"] .visual-mark{background:linear-gradient(135deg,#7e61f2,#2e72f4,#23cae4);border-radius:19px;box-shadow:0 18px 40px rgba(61,93,245,.36)}
html[data-ui="finance-pro"] .visual-copy h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:.99}
html[data-ui="finance-pro"] .login-preview{width:min(440px,86%);margin-top:28px;border-radius:24px;padding:17px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.20);backdrop-filter:blur(15px)}
html[data-ui="finance-pro"] .login-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:rgba(255,255,255,.72)}
html[data-ui="finance-pro"] .login-preview-head b{font-size:8px;letter-spacing:.14em;color:#7ff0c0}
html[data-ui="finance-pro"] .login-preview-balance{margin:15px 0 18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(77,94,248,.92),rgba(112,66,236,.92),rgba(27,184,230,.84));box-shadow:0 14px 30px rgba(14,31,80,.28)}
html[data-ui="finance-pro"] .login-preview-balance small,
html[data-ui="finance-pro"] .login-preview-balance span{display:block;color:rgba(255,255,255,.76);font-size:8px}
html[data-ui="finance-pro"] .login-preview-balance strong{display:block;font-size:34px;margin:7px 0 3px;color:#fff}
html[data-ui="finance-pro"] .login-preview-bars{height:72px;display:flex;align-items:flex-end;gap:9px;padding:0 4px}
html[data-ui="finance-pro"] .login-preview-bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(to top,#5d66f5,#5ae0ef);box-shadow:0 7px 18px rgba(63,98,245,.25)}
html[data-ui="finance-pro"] .login-panel{background:color-mix(in srgb,var(--surface-1) 96%,transparent)}
html[data-ui="finance-pro"] .login-card{max-width:430px;padding:34px;border-radius:30px;background:var(--surface-1)!important}
html[data-ui="finance-pro"] .login-card h2{font-size:31px;letter-spacing:-.04em}
html[data-ui="finance-pro"] .login-card form{gap:9px}
html[data-ui="finance-pro"] .login-card input{min-height:52px}
html[data-ui="finance-pro"] .login-card .btn.large{min-height:54px;border-radius:16px!important;margin-top:8px}

/* Adaptación por contenedor */
html[data-ui="finance-pro"] .panel{container-type:inline-size}
@container (max-width:620px){
  html[data-ui="finance-pro"] .panel-head{align-items:flex-start;flex-direction:column}
  html[data-ui="finance-pro"] .filter-row{width:100%;display:grid;grid-template-columns:1fr}
  html[data-ui="finance-pro"] .copy-field{display:grid;grid-template-columns:1fr}
}

/* Responsive */
@media(max-width:1320px){
  :root{--ui-sidebar:230px}
  html[data-ui="finance-pro"] .finance-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-ui="finance-pro"] .compact-metric{min-height:120px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center}
  html[data-ui="finance-pro"] .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-ui="finance-pro"] .account-grid{grid-template-columns:minmax(220px,.7fr) minmax(320px,1fr)}
  html[data-ui="finance-pro"] .theme-panel{grid-column:1/-1}
}
@media(max-width:1060px){
  :root{--ui-sidebar:208px}
  html[data-ui="finance-pro"] .topbar{padding-inline:20px}
  html[data-ui="finance-pro"] .sync-clock{display:none}
  html[data-ui="finance-pro"] main{padding-inline:22px}
  html[data-ui="finance-pro"] .dashboard-grid{grid-template-columns:1fr}
  html[data-ui="finance-pro"] .wide-panel{grid-column:auto}
  html[data-ui="finance-pro"] .trusted-list{grid-template-columns:1fr}
}
@media(max-width:800px){
  :root{--ui-topbar:64px;--ui-sidebar:0px}
  html[data-ui="finance-pro"] body:before{opacity:.16;background-size:34px 34px}
  html[data-ui="finance-pro"] .topbar{left:0;height:var(--ui-topbar);padding:0 12px;gap:9px}
  html[data-ui="finance-pro"] .mobile-menu{display:flex;width:42px;height:42px;border-radius:14px;background:var(--surface-1);border:1px solid var(--border);flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 7px 18px rgba(var(--shadow-color),.06)}
  html[data-ui="finance-pro"] .mobile-menu span{width:17px;height:2px;border-radius:99px;background:var(--text-1)}
  html[data-ui="finance-pro"] .mobile-brand-top{display:flex;margin-right:auto}
  html[data-ui="finance-pro"] .mobile-brand-top .brand-mark{width:34px;height:34px;border-radius:12px}
  html[data-ui="finance-pro"] .mobile-brand-top>div{display:none}
  html[data-ui="finance-pro"] .topbar-context{display:none}
  html[data-ui="finance-pro"] .top-status{display:none}
  html[data-ui="finance-pro"] .user-chip>span:last-child{display:none}
  html[data-ui="finance-pro"] .user-chip{padding:4px;border-radius:14px;min-height:42px}
  html[data-ui="finance-pro"] .user-chip .avatar{width:34px;height:34px;border-radius:11px}
  html[data-ui="finance-pro"] .sidebar{width:min(286px,86vw);transform:translateX(-104%);transition:transform .26s cubic-bezier(.2,.8,.25,1);z-index:120;padding-top:15px}
  html[data-ui="finance-pro"] .sidebar.open{transform:translateX(0)}
  html[data-ui="finance-pro"] .layout{padding-top:var(--ui-topbar)}
  html[data-ui="finance-pro"] main{margin-left:0;width:100%;padding:20px 12px 98px;min-height:calc(100vh - var(--ui-topbar))}
  html[data-ui="finance-pro"] .page-heading{align-items:flex-start;margin-bottom:19px}
  html[data-ui="finance-pro"] .page-heading h1{font-size:31px}
  html[data-ui="finance-pro"] .page-heading p:not(.eyebrow){font-size:11px}
  html[data-ui="finance-pro"] .hero-action{width:100%;justify-content:center}
  html[data-ui="finance-pro"] .finance-overview{grid-template-columns:1fr;gap:11px}
  html[data-ui="finance-pro"] .account-card{min-height:165px}
  html[data-ui="finance-pro"] .compact-metric{min-height:94px;display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center}
  html[data-ui="finance-pro"] .live-center-grid{padding:10px}
  html[data-ui="finance-pro"] .live-chart-card{grid-template-columns:90px minmax(0,1fr)}
  html[data-ui="finance-pro"] .live-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-ui="finance-pro"] .live-feed-card{grid-column:1/-1}
  html[data-ui="finance-pro"] .progress-hero{grid-template-columns:1fr;min-height:260px;padding:22px}
  html[data-ui="finance-pro"] .progress-ring{justify-self:start}
  html[data-ui="finance-pro"] .table-toolbar,
  html[data-ui="finance-pro"] .premium-toolbar,
  html[data-ui="finance-pro"] #view-work .table-toolbar,
  html[data-ui="finance-pro"] #view-done .table-toolbar{position:static;grid-template-columns:1fr;gap:9px;padding:10px}
  html[data-ui="finance-pro"] #view-work>.panel,
  html[data-ui="finance-pro"] #view-done>.panel,
  html[data-ui="finance-pro"] #view-base>.panel{padding:9px;border-radius:22px}
  html[data-ui="finance-pro"] #view-work tbody,
  html[data-ui="finance-pro"] #view-done tbody,
  html[data-ui="finance-pro"] #view-base tbody{gap:11px}
  html[data-ui="finance-pro"] #view-work tbody tr,
  html[data-ui="finance-pro"] #view-done tbody tr,
  html[data-ui="finance-pro"] #view-base tbody tr{border-radius:21px;padding:14px;box-shadow:0 12px 28px rgba(var(--shadow-color),.075)}
  html[data-ui="finance-pro"] #view-work tbody td,
  html[data-ui="finance-pro"] #view-done tbody td,
  html[data-ui="finance-pro"] #view-base tbody td{grid-template-columns:105px minmax(0,1fr);gap:9px;font-size:10px}
  html[data-ui="finance-pro"] #view-work tbody td:before,
  html[data-ui="finance-pro"] #view-done tbody td:before,
  html[data-ui="finance-pro"] #view-base tbody td:before{font-size:8px;letter-spacing:.08em;color:var(--text-3)}
  html[data-ui="finance-pro"] .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  html[data-ui="finance-pro"] .row-actions .mini-button{width:100%;min-height:42px;justify-content:center;white-space:normal}
  html[data-ui="finance-pro"] .trusted-profile-card{grid-template-columns:45px minmax(0,1fr)}
  html[data-ui="finance-pro"] .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-ui="finance-pro"] .admin-metrics article{min-height:118px}
  html[data-ui="finance-pro"] .account-grid{grid-template-columns:1fr}
  html[data-ui="finance-pro"] .theme-panel{grid-column:auto}
  html[data-ui="finance-pro"] .bottom-nav{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:66px;border-radius:22px;padding:6px 7px;background:color-mix(in srgb,var(--surface-1) 88%,transparent)!important;border:1px solid var(--border);box-shadow:0 18px 48px rgba(var(--shadow-color),.18);backdrop-filter:blur(18px)}
  html[data-ui="finance-pro"] .bottom-nav button{border-radius:15px;min-width:0}
  html[data-ui="finance-pro"] .bottom-nav button.active{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 68%,#7952ed));color:var(--on-brand);box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 23%,transparent)}
  html[data-ui="finance-pro"] .bottom-nav .nav-icon{width:28px;height:28px;border-radius:10px;background:transparent}
  html[data-ui="finance-pro"] .bottom-nav .nav-icon svg{width:17px;height:17px}
  html[data-ui="finance-pro"] .bottom-nav small{font-size:7px}
  html[data-ui="finance-pro"] .notification-drawer{border-radius:24px 0 0 24px}
  html[data-ui="finance-pro"] .login-shell{display:block;min-height:100vh}
  html[data-ui="finance-pro"] .login-visual{min-height:260px;padding:34px 24px 90px}
  html[data-ui="finance-pro"] .visual-copy h1{font-size:38px}
  html[data-ui="finance-pro"] .visual-copy>p:not(.eyebrow),
  html[data-ui="finance-pro"] .visual-points{display:none}
  html[data-ui="finance-pro"] .login-preview{display:none}
  html[data-ui="finance-pro"] .login-panel{margin-top:-58px;border-radius:30px 30px 0 0;position:relative;padding:0 13px 28px}
  html[data-ui="finance-pro"] .login-card{padding:25px 20px;border-radius:25px;max-width:520px;margin:auto}
}
@media(max-width:480px){
  html[data-ui="finance-pro"] main{padding-inline:10px}
  html[data-ui="finance-pro"] .page-heading h1{font-size:28px}
  html[data-ui="finance-pro"] .welcome-chips span:nth-child(2){display:none}
  html[data-ui="finance-pro"] .account-card{min-height:153px;padding:19px!important}
  html[data-ui="finance-pro"] .account-card strong{font-size:37px!important}
  html[data-ui="finance-pro"] .live-quick-grid{grid-template-columns:1fr}
  html[data-ui="finance-pro"] .live-chart-card{grid-template-columns:1fr;text-align:center}
  html[data-ui="finance-pro"] .live-donut{margin-inline:auto}
  html[data-ui="finance-pro"] .live-chart-copy{text-align:left}
  html[data-ui="finance-pro"] #view-work tbody td,
  html[data-ui="finance-pro"] #view-done tbody td,
  html[data-ui="finance-pro"] #view-base tbody td{grid-template-columns:92px minmax(0,1fr)}
  html[data-ui="finance-pro"] .row-actions{grid-template-columns:1fr}
  html[data-ui="finance-pro"] .admin-metrics{grid-template-columns:1fr 1fr}
  html[data-ui="finance-pro"] .theme-grid{grid-template-columns:1fr 1fr}
  html[data-ui="finance-pro"] .theme-option{min-height:102px;padding:10px}
  html[data-ui="finance-pro"] .trusted-heading{display:block}
  html[data-ui="finance-pro"] .trusted-heading-stat{margin-top:15px;text-align:left}
}

@media(prefers-reduced-motion:reduce){
  html[data-ui="finance-pro"] *,html[data-ui="finance-pro"] *:before,html[data-ui="finance-pro"] *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
@media(forced-colors:active){
  html[data-ui="finance-pro"] .account-card,
  html[data-ui="finance-pro"] .progress-hero,
  html[data-ui="finance-pro"] .access-card,
  html[data-ui="finance-pro"] .profile-card{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}
  html[data-ui="finance-pro"] .sidebar .nav-item.active{outline:2px solid Highlight!important;background:Highlight!important;color:HighlightText!important}
}

/* V6.7.0 layout rail correction: evita sumar la columna heredada y el margen del rail */
html[data-ui="finance-pro"] .layout{
  display:block;
  width:100%;
  min-width:0;
  overflow-x:clip;
}
html[data-ui="finance-pro"] .sidebar{
  position:fixed;
  left:0;
  bottom:0;
}
html[data-ui="finance-pro"] main{
  box-sizing:border-box;
  margin:0 0 0 var(--ui-sidebar);
  width:calc(100% - var(--ui-sidebar));
  max-width:none;
  min-width:0;
  overflow-x:clip;
}
html[data-ui="finance-pro"] .view,
html[data-ui="finance-pro"] .finance-overview,
html[data-ui="finance-pro"] .live-center-grid,
html[data-ui="finance-pro"] .content-grid,
html[data-ui="finance-pro"] .account-grid,
html[data-ui="finance-pro"] .theme-panel,
html[data-ui="finance-pro"] .theme-grid{min-width:0;max-width:100%}
html[data-ui="finance-pro"] .account-grid>*{min-width:0}
@media(max-width:800px){
  html[data-ui="finance-pro"] main{margin:0;width:100%}
}

/* V6.7 dashboard balance: la cola extensa no estira la tarjeta de progreso */
html[data-ui="finance-pro"] .dashboard-grid{align-items:start}
html[data-ui="finance-pro"] .dashboard-grid>.panel{align-self:start}
html[data-ui="finance-pro"] .queue-panel #nextProfiles{
  max-height:520px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--brand) 34%,transparent) transparent;
}
html[data-ui="finance-pro"] .queue-panel #nextProfiles::-webkit-scrollbar{width:7px}
html[data-ui="finance-pro"] .queue-panel #nextProfiles::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 34%,transparent);border-radius:999px}
@media(max-width:800px){html[data-ui="finance-pro"] .queue-panel #nextProfiles{max-height:460px}}
/* Mantiene el contraste del panel de progreso frente al fondo temático de .panel */
html[data-ui="finance-pro"] .panel.progress-hero{
  background:linear-gradient(125deg,#09152b,#183c78 64%,#5457e9)!important;
  color:#fff!important;
}
html[data-ui="finance-pro"] .panel.progress-hero h2,
html[data-ui="finance-pro"] .panel.progress-hero .result-chips b{color:#fff!important}
html[data-ui="finance-pro"] .panel.progress-hero p:not(.eyebrow),
html[data-ui="finance-pro"] .panel.progress-hero .result-chips span{color:#c7d7ef!important}
/* En escritorio, progreso y cola forman una fila compacta de igual altura. */
@media(min-width:801px){
  html[data-ui="finance-pro"] .queue-panel #nextProfiles{max-height:184px}
}
/* El acceso no comparte el rail lateral de la aplicación autenticada. */
html[data-ui="finance-pro"] main.login-shell{
  margin:0;
  width:100%;
  max-width:none;
  min-height:100vh;
  padding:0;
  overflow:hidden;
}


/* ============================================================
   V6.8 · CENTRO DE DECISIONES + INTERACCIONES FUNCIONALES
   ============================================================ */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.modal-open{overflow:hidden}
button,a,input,select,textarea{scroll-margin:96px}
button:not(.link-button):not(.text-button),.btn,.mini-button,.icon-button,.nav-item,.bottom-nav button{min-height:44px}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus,#63a8ff)!important;outline-offset:3px!important}
.button-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:v68-spin .65s linear infinite}
@keyframes v68-spin{to{transform:rotate(360deg)}}
.approved-nav .nav-icon{background:linear-gradient(135deg,#eef8ff,#d6eaff);color:#1254b8}
.approved-heading{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,#dbeafe),color-mix(in srgb,var(--surface) 92%,#e9d5ff));border:1px solid var(--line);padding:28px;border-radius:28px;box-shadow:var(--shadow-sm)}
.approved-heading:after{content:'';position:absolute;right:-80px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 18%,transparent),transparent 68%);pointer-events:none}
.approved-heading-stat{min-width:190px;padding:18px 22px;border-radius:22px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--line) 65%,transparent);backdrop-filter:blur(16px);display:grid;gap:4px;position:relative;z-index:1}
.approved-heading-stat span{font-size:.78rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.approved-heading-stat strong{font-size:2.2rem;color:var(--brand)}
.decision-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.decision-overview article{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease}.decision-overview article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.decision-overview article>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.2rem}.decision-overview small{display:block;color:var(--muted);font-weight:700}.decision-overview strong{font-size:1.35rem}
.decision-explainer{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 82%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))}.decision-explainer h2{margin:0 0 5px;font-size:1.08rem}.decision-explainer p{margin:0;color:var(--muted);line-height:1.6}.decision-shield{flex:0 0 auto;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:var(--brand);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 26%,transparent)}
.approved-list{display:grid;gap:14px;padding:18px}.approved-profile-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--canvas)));box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.approved-profile-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--line-strong)}.approved-profile-card.pending:before{background:#f1b928}.approved-profile-card.block:before{background:var(--danger)}.approved-profile-card.allow:before{background:var(--success)}.approved-profile-card.observe:before{background:var(--warning)}.approved-profile-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:var(--shadow-md)}
.approved-profile-main{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(150px,.55fr) minmax(330px,1fr);gap:22px;align-items:center}.approved-profile-code{display:flex;align-items:center;gap:14px;min-width:0}.approved-profile-code>div{min-width:0}.approved-profile-code code{display:block;font-size:.92rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.approved-profile-code small{display:block;margin-top:5px;color:var(--muted)}.approved-icon{background:linear-gradient(145deg,#2f6fed,#7c5cff)!important;color:#fff!important;box-shadow:0 10px 24px rgba(63,91,226,.25)}
.approved-profile-state small{display:block;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;margin-bottom:7px}.decision-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap;border:1px solid transparent}.decision-badge.pending{background:var(--surface-2);border-color:var(--line);color:var(--muted)}.decision-badge.danger{background:color-mix(in srgb,var(--danger) 13%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--line))}.decision-badge.success{background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success-strong);border-color:color-mix(in srgb,var(--success) 28%,var(--line))}.decision-badge.warning{background:color-mix(in srgb,var(--warning) 16%,var(--surface));color:var(--warning-strong);border-color:color-mix(in srgb,var(--warning) 32%,var(--line))}
.team-consensus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vote{display:grid;grid-template-columns:auto auto;grid-template-areas:'icon count' 'label label';align-items:center;justify-content:center;gap:1px 7px;padding:9px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);text-align:center}.vote i{grid-area:icon;font-style:normal}.vote b{grid-area:count}.vote small{grid-area:label;color:var(--muted);font-size:.66rem}.vote.block i{color:var(--danger)}.vote.allow i{color:var(--success)}.vote.observe i{color:var(--warning)}
.approved-profile-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0;color:var(--muted);font-size:.76rem}.trusted-inline{color:#7357e8;font-weight:900}.approved-profile-actions{display:flex;flex-wrap:wrap;gap:9px}.decision-action{background:linear-gradient(135deg,#7057e8,#3f76ef)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 22px rgba(82,87,226,.22)}
.decision-profile-code{display:flex;align-items:center;gap:14px;padding:15px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:14px}.decision-profile-code>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--brand-soft);color:var(--brand)}.decision-profile-code small{display:block;color:var(--muted);font-weight:800}.decision-profile-code code{display:block;max-width:100%;overflow-wrap:anywhere;font-weight:850}.decision-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.decision-choice-grid button{display:grid;justify-items:start;text-align:left;gap:5px;padding:16px;border-radius:19px;background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease}.decision-choice-grid button:hover{transform:translateY(-2px);border-color:var(--brand)}.decision-choice-grid button.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.decision-choice-grid small{color:var(--muted);line-height:1.35}.decision-choice-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:1.15rem}.decision-choice-icon.block{background:color-mix(in srgb,var(--danger) 13%,var(--surface));color:var(--danger)}.decision-choice-icon.allow{background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success)}.decision-choice-icon.observe{background:color-mix(in srgb,var(--warning) 16%,var(--surface));color:var(--warning-strong)}
.history-summary{display:flex;justify-content:space-between;gap:20px;padding:18px;border-radius:20px;background:var(--surface-2);border:1px solid var(--line)}.history-summary small{color:var(--muted);font-weight:900;letter-spacing:.08em}.history-summary h3{margin:7px 0 4px}.history-summary p{margin:0;color:var(--muted)}.history-votes{display:flex;gap:8px;align-items:flex-start}.history-votes span{padding:8px 10px;border-radius:12px;font-weight:900;background:var(--surface);border:1px solid var(--line)}.history-votes .block{color:var(--danger)}.history-votes .allow{color:var(--success-strong)}.history-votes .observe{color:var(--warning-strong)}.decision-team-list{display:grid;gap:10px;margin:18px 0}.decision-team-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px}.decision-team-list p{margin:3px 0;color:var(--muted)}.decision-team-list small{color:var(--muted)}.decision-person-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900}.history-timeline{border-top:1px solid var(--line);padding-top:16px}.history-event{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:10px 0}.history-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--line-strong)}.history-dot.danger{background:var(--danger)}.history-dot.success{background:var(--success)}.history-dot.warning{background:var(--warning)}.history-event p{margin:3px 0;color:var(--muted)}.history-event small{color:var(--muted)}
.live-quick-card.approved .live-quick-icon{background:linear-gradient(145deg,#6657e8,#3882ef);color:#fff}
@media(max-width:1050px){.approved-profile-main{grid-template-columns:1fr 180px}.team-consensus{grid-column:1/-1}.decision-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.approved-heading{padding:20px}.approved-heading-stat{width:100%;min-width:0}.decision-overview{grid-template-columns:1fr 1fr}.approved-list{padding:12px}.approved-profile-card{padding:16px}.approved-profile-main{grid-template-columns:1fr}.approved-profile-state{display:flex;align-items:center;justify-content:space-between;gap:12px}.approved-profile-state small{margin:0}.team-consensus{grid-column:auto}.approved-profile-actions{display:grid;grid-template-columns:1fr}.approved-profile-actions .mini-button{width:100%;justify-content:center}.decision-choice-grid{grid-template-columns:1fr}.history-summary{display:grid}.history-votes{flex-wrap:wrap}.decision-team-list article{grid-template-columns:auto 1fr}.decision-team-list .decision-badge{grid-column:1/-1;justify-self:start}}
@media(max-width:480px){.decision-overview{grid-template-columns:1fr}.team-consensus{grid-template-columns:1fr 1fr 1fr}.vote small{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.approved-profile-card,.decision-overview article,.decision-choice-grid button{transition:none!important}.button-spinner{animation-duration:1.4s}}

/* V6.8.1 · CORRECCIÓN DE CONTRASTE EN TARJETAS FINANCIERAS */
html[data-ui="finance-pro"] .account-card{
  background:var(--ui-card-gradient)!important;
  color:#fff!important;
}
html[data-ui="finance-pro"] .account-card.progress-account{
  background:var(--ui-card-gradient-2)!important;
}
html[data-ui="finance-pro"] .account-card:before{display:none!important}
html[data-ui="finance-pro"] .pager button{min-height:44px;min-width:44px}

/* V6.9.1 · Respuestas Pro, accesibilidad y auditoría visual */
.trusted-response-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 16px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--trusted) 25%,var(--border));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--trusted-soft) 78%,var(--surface-1)),var(--surface-1));box-shadow:var(--ui-shadow-card,var(--shadow))}.trusted-response-intro h2{margin:0 0 5px;font-size:1rem}.trusted-response-intro p{margin:0;color:var(--text-2);line-height:1.55}.trusted-response-intro-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--trusted),var(--trusted-2));box-shadow:0 12px 30px color-mix(in srgb,var(--trusted) 28%,transparent)}
.response-action{background:linear-gradient(135deg,color-mix(in srgb,var(--trusted) 14%,var(--surface-1)),var(--surface-1))!important;border-color:color-mix(in srgb,var(--trusted) 35%,var(--border))!important;color:var(--trusted)!important}.response-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--trusted) 15%,transparent)}
.trusted-response-modal-card{max-width:760px}.response-template-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px;color:var(--text-3);font-size:.76rem}.response-category{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.response-category.confirmed{color:var(--success);background:var(--success-soft)}.response-category.caution,.response-category.review{color:var(--warning);background:var(--warning-soft)}.response-category.revoked{color:var(--danger);background:var(--danger-soft)}
.response-manager-card{max-width:980px}.response-manager-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:22px}.response-manager-list{display:grid;gap:9px;max-height:520px;overflow:auto;margin-bottom:12px}.response-manager-item{display:grid;gap:5px;text-align:left;padding:13px;border-radius:16px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-1)}.response-manager-item:hover,.response-manager-item.active{border-color:var(--brand);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 12%,transparent)}.response-manager-item.inactive{opacity:.62}.response-manager-item small{color:var(--text-3)}.response-template-form{display:grid;gap:13px;padding:17px;border:1px solid var(--border);border-radius:20px;background:var(--surface-2)}.response-template-form label{display:grid;gap:7px;font-weight:800;font-size:.8rem}.response-form-checks{display:flex;gap:18px;flex-wrap:wrap}.response-form-checks label{display:flex;align-items:center;gap:8px}.template-token-help{font-size:.73rem;color:var(--text-3);line-height:1.8}.template-token-help code{padding:3px 6px;border-radius:7px;background:var(--surface-1);border:1px solid var(--border)}.btn.full{width:100%;justify-content:center}
#trustedResponsePreview{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;resize:vertical}.notification-drawer[role="dialog"]:focus{outline:none}.view h1[tabindex="-1"]:focus{outline:none}.view h1[tabindex="-1"]:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 38%,transparent);outline-offset:6px;border-radius:8px}
@media(max-width:800px){.trusted-response-intro{grid-template-columns:auto 1fr}.trusted-response-intro .btn{grid-column:1/-1;width:100%;justify-content:center}.response-manager-layout{grid-template-columns:1fr}.response-manager-list{max-height:260px}.trusted-response-modal-card,.response-manager-card{max-width:calc(100vw - 24px)}}
@media(max-width:480px){.trusted-response-intro{grid-template-columns:1fr}.trusted-response-intro-icon{width:44px;height:44px}.response-form-checks{display:grid;gap:9px}}
@media(prefers-reduced-motion:reduce){.response-action,.trusted-response-intro-icon{transition:none!important;animation:none!important}}

/* BYGOTIC RC4 · base segura para el tema personalizado. Los valores finales se aplican por usuario. */
html[data-theme="custom"]{
  color-scheme:dark;
  --canvas:#07101c;--canvas-glow:#12385a;--surface-1:#101c2d;--surface-2:#17263b;--surface-3:#1d3049;
  --text-1:#f5f9ff;--text-2:#bdcbe0;--text-3:#9dafc4;--border:#35506f;--border-strong:#496985;
  --brand:#00bfe8;--brand-hover:#3bd7f5;--on-brand:#031017;--brand-soft:#103b49;--brand-soft-strong:#155365;
  --nav-bg:#03070d;--nav-bg-2:#07131f;--nav-text:#f7fbff;--nav-muted:#c6d2df;--focus-ring:#ffd166;
  --success:#45d58a;--success-soft:#103825;--warning:#ffd166;--warning-soft:#49370e;--danger:#ff8580;--danger-soft:#481e24;
  --info:#77c9ff;--info-soft:#123853;--clean:#57d9ca;--clean-soft:#103b38;--chrome:#03070d;--shadow-color:0 0 0;
}

/* BYGOTIC RC4 R8 · presencia en vivo y centro de notificaciones */
.presence-top-button{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--success) 8%,var(--surface-1));color:var(--text-1);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.presence-top-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--success) 58%,var(--border));background:color-mix(in srgb,var(--success) 13%,var(--surface-1))}.presence-top-button strong{font-size:15px;line-height:1}.presence-top-button small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.presence-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 13%,transparent),0 0 14px color-mix(in srgb,var(--success) 62%,transparent);animation:presencePulse 1.9s ease-in-out infinite}@keyframes presencePulse{0%,100%{transform:scale(.92);opacity:.82}50%{transform:scale(1.12);opacity:1}}
.admin-online-metric{background:linear-gradient(145deg,color-mix(in srgb,var(--success) 13%,var(--surface-1)),var(--surface-1))!important;border-color:color-mix(in srgb,var(--success) 30%,var(--border))!important}.admin-online-metric>span{display:flex!important;align-items:center;gap:7px}.admin-online-metric strong{color:var(--success)}
.live-presence-panel{overflow:hidden;border-color:color-mix(in srgb,var(--success) 24%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--success) 4%,var(--surface-1)),var(--surface-1) 48%)}.presence-head-actions{display:flex;align-items:center;gap:12px}.presence-head-actions>span{font-size:10px;color:var(--text-3);white-space:nowrap}.presence-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 16px}.presence-summary-card{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);color:var(--text-1);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.presence-summary-card:hover,.presence-summary-card.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 46%,var(--border));box-shadow:0 10px 24px rgba(var(--shadow-color),.07)}.presence-summary-card.active{background:color-mix(in srgb,var(--brand) 8%,var(--surface-2))}.presence-summary-card>span{font-size:20px}.presence-summary-card strong{display:block;font-size:22px;line-height:1}.presence-summary-card small{display:block;margin-top:4px;color:var(--text-2);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding:0 20px 20px}.presence-person{display:flex;align-items:center;gap:13px;min-width:0;padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);box-shadow:0 8px 20px rgba(var(--shadow-color),.04);transition:transform .16s ease,border-color .16s ease}.presence-person:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 36%,var(--border))}.presence-person.state-online{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 8%,var(--surface-2)),var(--surface-2))}.presence-person.state-away{border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.presence-avatar{flex:0 0 auto;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 32%,var(--border));font-weight:800;background-size:cover;background-position:center}.presence-person-copy{min-width:0;flex:1}.presence-person-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.presence-person-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-state-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.presence-state-label i{width:7px;height:7px;border-radius:50%;background:var(--text-3)}.state-online .presence-state-label i{background:var(--success);box-shadow:0 0 9px color-mix(in srgb,var(--success) 70%,transparent)}.state-away .presence-state-label i{background:var(--warning)}.presence-person-copy p{display:flex;flex-wrap:wrap;gap:6px 12px;margin:7px 0 4px;color:var(--text-2);font-size:10px}.presence-person-copy small{color:var(--text-3);font-size:9px}.presence-empty{grid-column:1/-1;min-height:150px}
.notification-drawer{width:min(520px,96vw)!important;background:var(--surface-1);border-left:1px solid var(--border)}.notification-drawer-head{padding-bottom:14px}.notification-drawer-head p:last-child{margin:6px 0 0;color:var(--text-2);font-size:11px}.notification-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 16px 12px}.notification-overview article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.notification-overview article>span{font-size:18px}.notification-overview strong{display:block;font-size:18px;line-height:1}.notification-overview small{display:block;margin-top:4px;color:var(--text-2);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.notification-toolbar{display:flex;align-items:center;gap:9px;padding:0 16px 10px}.notification-search{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:0 11px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.notification-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.notification-search input{width:100%;min-height:38px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-1)}.notification-toolbar .text-button{white-space:nowrap}.notification-toolbar .text-button:disabled{opacity:.45;cursor:not-allowed}.notification-filters{display:flex;gap:7px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:thin}.notification-filters button{flex:0 0 auto;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:10px;font-weight:800;cursor:pointer}.notification-filters button:hover,.notification-filters button.active{border-color:color-mix(in srgb,var(--brand) 48%,var(--border));background:var(--brand-soft);color:var(--text-1)}.notification-results-meta{padding:0 18px 8px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.notification-list.enhanced{padding:0 10px 18px}.notification-day{display:flex;align-items:center;gap:9px;padding:11px 7px 5px;color:var(--text-3);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.notification-day i{height:1px;flex:1;background:var(--border)}.notification-list.enhanced .notification-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;width:100%;margin:6px 0;padding:13px;text-align:left;border:1px solid var(--border);border-radius:17px;background:var(--surface-2);color:var(--text-1);box-shadow:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.notification-list.enhanced .notification-item:hover{transform:translateX(-2px);border-color:color-mix(in srgb,var(--brand) 44%,var(--border));background:color-mix(in srgb,var(--brand) 4%,var(--surface-2))}.notification-list.enhanced .notification-item.is-unread{background:linear-gradient(110deg,color-mix(in srgb,var(--brand) 9%,var(--surface-2)),var(--surface-2));border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}.notification-list.enhanced .notification-item.tone-success{--notification-tone:var(--success)}.notification-list.enhanced .notification-item.tone-warning{--notification-tone:var(--warning)}.notification-list.enhanced .notification-item.tone-danger{--notification-tone:var(--danger)}.notification-list.enhanced .notification-item.tone-info{--notification-tone:var(--brand)}.notification-list.enhanced .notification-item::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:var(--notification-tone,var(--brand));opacity:.78}.notification-list.enhanced .notification-symbol{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--notification-tone,var(--brand)) 13%,var(--surface-1));border:1px solid color-mix(in srgb,var(--notification-tone,var(--brand)) 24%,var(--border));font-size:17px}.notification-copy{min-width:0}.notification-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.notification-title-row b{font-size:11.5px;line-height:1.35}.notification-new-dot{flex:0 0 auto;width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--brand);box-shadow:0 0 9px color-mix(in srgb,var(--brand) 68%,transparent)}.notification-copy p{margin:5px 0 9px;color:var(--text-2);font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}.notification-copy footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-copy time{color:var(--text-3);font-size:9px}.notification-copy em{font-style:normal;color:var(--brand);font-size:9px;font-weight:800;white-space:nowrap}.notification-item.is-read{opacity:.82}.notification-empty{min-height:260px}
@media(max-width:800px){.presence-top-button small{display:none}.presence-top-button{padding:7px 9px}.presence-summary{grid-template-columns:1fr 1fr 1fr;padding-inline:12px}.presence-summary-card{padding:11px 9px;gap:7px}.presence-summary-card>span{font-size:16px}.presence-summary-card strong{font-size:18px}.presence-grid{grid-template-columns:1fr;padding-inline:12px}.presence-head-actions>span{display:none}.notification-drawer{width:100%!important}.notification-overview{padding-inline:12px}.notification-toolbar{align-items:stretch;flex-direction:column;padding-inline:12px}.notification-toolbar .text-button{align-self:flex-end}.notification-filters{padding-inline:12px}.notification-list.enhanced{padding-inline:7px}.notification-copy footer{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.presence-live-dot{animation:none}.presence-top-button,.presence-summary-card,.presence-person,.notification-list.enhanced .notification-item{transition:none!important}}

/* RC4 R8 · acceso, presencia y avisos */
.access-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.access-title-row .badge{flex:0 0 auto;margin-top:2px}.presence-top-button strong{font-variant-numeric:tabular-nums}.notification-results-meta{min-height:1.4em}.notification-item footer em{white-space:nowrap}@media(max-width:640px){.access-title-row{align-items:flex-start;flex-direction:column;gap:8px}.presence-top-button small{display:none}}


/* RC4 R9 R3: estado de arranque visible, recuperable y sin ráfaga inicial. */
.startup-notice{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);box-shadow:0 10px 28px rgba(3,16,23,.08)}
.startup-notice.hidden{display:none}
.startup-notice>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.startup-notice b{font-size:.86rem;color:var(--text-1)}
.startup-notice span{font-size:.76rem;color:var(--text-2)}
.startup-notice.error{border-color:var(--danger);background:var(--danger-soft)}
.startup-notice.warning{border-color:var(--warning);background:var(--warning-soft)}
.startup-spinner{width:18px;height:18px;flex:0 0 18px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:startup-spin .8s linear infinite}
.startup-notice.error .startup-spinner,.startup-notice.warning .startup-spinner{animation:none;border-color:currentColor;position:relative}
.startup-notice.error .startup-spinner:after,.startup-notice.warning .startup-spinner:after{content:'!';position:absolute;inset:-4px;display:grid;place-items:center;font-size:.72rem;font-weight:900}
@keyframes startup-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.startup-spinner{animation:none}}

/* BYGOTIC RC4 R9 R4 — limpieza visual, tipografía y centro de avisos */
:root{--font-ui:"Segoe UI Variable Text","Aptos","Segoe UI",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif}
html,body,button,input,textarea,select{font-family:var(--font-ui)!important;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
h1,h2,h3,.panel-head h2,.page-heading h1{letter-spacing:-.025em;text-wrap:balance}
p,.form-help,.notification-message{text-wrap:pretty}
main,.view,.panel,.panel-body,.content-grid,.dashboard-grid,.admin-columns{min-width:0}
button,input,textarea,select{max-width:100%}
.notification-drawer{position:fixed!important;inset:12px 12px 12px auto!important;z-index:140!important;width:min(590px,calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;border-radius:26px!important;background:color-mix(in srgb,var(--surface-1) 97%,transparent)!important;color:var(--text-1)!important;box-shadow:-24px 24px 80px rgba(3,12,30,.32),0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)!important;backdrop-filter:blur(20px) saturate(130%)}
.notification-drawer.hidden{display:none!important}
.notification-drawer-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;padding:24px 24px 18px!important;border-bottom:0!important;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 7%,var(--surface-1)),var(--surface-1) 68%)!important}
.notification-heading-copy{min-width:0}.notification-kicker{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.14em}.notification-heading-copy h2{margin:0;font-size:27px;line-height:1.05;letter-spacing:-.035em}.notification-heading-copy>p:last-child{margin:8px 0 0;color:var(--text-2);font-size:12px;line-height:1.5}
.notification-close{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text-1);font-size:24px;line-height:1;display:grid;place-items:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}.notification-close:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 55%,var(--border));background:var(--brand-soft)}
.notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 24px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 7%,var(--surface-1)),var(--surface-1))}.notification-summary article{min-width:0;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface-2) 94%,transparent);box-shadow:0 8px 22px rgba(15,23,42,.045)}.notification-summary-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;font-size:14px;font-weight:950}.notification-summary-icon.unread{color:var(--brand);background:var(--brand-soft)}.notification-summary-icon.today{color:#7657d6;background:color-mix(in srgb,#7657d6 14%,var(--surface-1))}.notification-summary-icon.important{color:var(--warning);background:var(--warning-soft)}.notification-summary strong{display:block;font-size:22px;line-height:1}.notification-summary small{display:block;margin-top:5px;color:var(--text-2);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.notification-controls{padding:14px 24px 10px;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--surface-1)}.notification-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:0!important}.notification-search{min-width:0;min-height:42px;padding:0 13px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface-2)!important}.notification-search input{min-height:40px!important;font-size:12px!important}.notification-read-all{min-height:42px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--border));border-radius:14px;background:var(--brand-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;white-space:nowrap}.notification-read-all:hover{background:var(--brand-soft-strong)}.notification-read-all:disabled{opacity:.45;cursor:not-allowed}
.notification-filters{display:flex!important;gap:7px!important;padding:11px 0 0!important;overflow-x:auto;scrollbar-width:none}.notification-filters::-webkit-scrollbar{display:none}.notification-filters button{min-height:34px;padding:0 12px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--text-2)!important;font-size:10px!important;font-weight:800!important}.notification-filters button:hover{background:var(--surface-2)!important;color:var(--text-1)!important}.notification-filters button.active{border-color:color-mix(in srgb,var(--brand) 32%,var(--border))!important;background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)}.notification-results-meta{min-height:18px;padding:10px 2px 0!important;color:var(--text-3);font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.notification-list.enhanced{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px 18px 18px!important;background:color-mix(in srgb,var(--canvas) 40%,var(--surface-1))!important;scrollbar-color:color-mix(in srgb,var(--brand) 35%,var(--border)) transparent;scrollbar-width:thin}.notification-list.enhanced::-webkit-scrollbar{width:8px}.notification-list.enhanced::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--brand) 35%,var(--border));background-clip:padding-box}
.notification-day{display:flex;align-items:center;gap:10px;margin:9px 3px 6px;color:var(--text-3);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.notification-day::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--border),transparent)}
.notification-list.enhanced .notification-item{--notification-tone:var(--brand);position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;width:100%;margin:7px 0!important;padding:14px 14px 13px!important;text-align:left;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface-1)!important;color:var(--text-1)!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.notification-list.enhanced .notification-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--notification-tone);opacity:.88}.notification-list.enhanced .notification-item:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--notification-tone) 42%,var(--border))!important;box-shadow:0 13px 26px rgba(15,23,42,.08)!important}.notification-list.enhanced .notification-item.is-unread{background:linear-gradient(110deg,color-mix(in srgb,var(--notification-tone) 7%,var(--surface-1)),var(--surface-1) 72%)!important;border-color:color-mix(in srgb,var(--notification-tone) 28%,var(--border))!important}.notification-list.enhanced .notification-item.tone-success{--notification-tone:var(--success)}.notification-list.enhanced .notification-item.tone-warning{--notification-tone:var(--warning)}.notification-list.enhanced .notification-item.tone-danger{--notification-tone:var(--danger)}.notification-list.enhanced .notification-item.tone-info{--notification-tone:var(--brand)}
.notification-symbol{width:40px;height:40px;display:grid;place-items:center;align-self:start;border:1px solid color-mix(in srgb,var(--notification-tone) 35%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--notification-tone) 11%,var(--surface-1));font-size:18px}.notification-copy{min-width:0;display:block}.notification-title-row{display:flex;align-items:flex-start;gap:8px}.notification-title-row b{min-width:0;flex:1;font-size:12px;line-height:1.35;font-weight:850;overflow-wrap:anywhere}.notification-new-dot{width:7px;height:7px;flex:0 0 7px;margin-top:5px;border-radius:50%;background:var(--notification-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--notification-tone) 13%,transparent)}.notification-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.notification-card-meta small{padding:3px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-3);font-size:8px;font-weight:800;line-height:1.2}.notification-message{display:-webkit-box;margin-top:8px;color:var(--text-2);font-size:10.5px;line-height:1.55;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.notification-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.notification-card-footer time{color:var(--text-3);font-size:9px}.notification-card-footer em{display:inline-flex;align-items:center;gap:5px;color:var(--notification-tone);font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
.notification-empty{margin:36px 10px;padding:28px;border:1px dashed var(--border);border-radius:20px;background:var(--surface-1)}.notification-drawer-footer{min-height:0;padding:0 18px 14px;background:color-mix(in srgb,var(--canvas) 40%,var(--surface-1))}.notification-load-more{width:100%;min-height:43px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);color:var(--text-1);display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:850}.notification-load-more:hover{border-color:color-mix(in srgb,var(--brand) 42%,var(--border));background:var(--brand-soft)}.notification-load-more small{color:var(--text-3);font-size:9px}.drawer-overlay{z-index:130!important;background:rgba(2,8,20,.48)!important;backdrop-filter:blur(5px)}
@media(max-width:720px){.notification-drawer{inset:0!important;width:100vw!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.notification-drawer-head{padding:20px 18px 15px!important}.notification-heading-copy h2{font-size:24px}.notification-summary{gap:7px;padding:0 14px 13px}.notification-summary article{gap:8px;padding:11px 9px;border-radius:14px}.notification-summary-icon{width:27px;height:27px;flex-basis:27px}.notification-summary strong{font-size:19px}.notification-controls{padding:12px 14px 8px}.notification-toolbar{grid-template-columns:minmax(0,1fr)!important}.notification-read-all{width:100%}.notification-filters{padding-top:9px!important}.notification-list.enhanced{padding:8px 10px 14px!important}.notification-list.enhanced .notification-item{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;margin:6px 0!important;padding:12px 11px!important;border-radius:16px!important}.notification-symbol{width:36px;height:36px;border-radius:12px;font-size:16px}.notification-message{-webkit-line-clamp:4}.notification-card-footer{align-items:flex-end}.notification-drawer-footer{padding:0 10px 10px}}
@media(max-width:390px){.notification-summary article{flex-direction:column;align-items:flex-start;gap:6px}.notification-summary small{margin-top:3px}.notification-close{width:40px;height:40px}.notification-card-meta small:nth-child(n+2){display:none}}


/* RC4 R9 R10 R2 — control de clientes y privacidad administrativa */
.client-control-panel{overflow:hidden}.client-control-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 16px}.client-control-summary article{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:14px 16px}.client-control-summary span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.client-control-summary strong{display:block;margin-top:5px;font-size:1.55rem}.client-control-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,260px) auto;gap:10px;align-items:center;padding:0 20px 16px}.client-control-toolbar>span{color:var(--muted);font-size:.74rem;font-weight:750;text-align:right}.client-control-grid{padding-top:0}.client-work-card{display:grid;gap:13px;position:relative}.client-work-head{display:flex;align-items:center;gap:11px}.client-work-head>div{min-width:0;flex:1}.client-work-head b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-work-head small{display:block;color:var(--muted);margin-top:2px}.client-presence-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:var(--surface-2);font-size:.66rem;font-weight:850}.client-presence-chip i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.client-presence-chip.online i{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.client-presence-chip.away i{background:var(--warning)}.client-work-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.client-work-primary span{padding:11px 9px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);text-align:center}.client-work-primary b{display:block;font-size:1.2rem}.client-work-primary small{color:var(--muted);font-size:.66rem;font-weight:800}.client-progress-line{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.client-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--success));width:var(--client-progress,0%)}.client-work-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.client-work-meta span{font-size:.69rem;color:var(--muted);padding:7px 8px;border-radius:10px;background:var(--surface-2)}.client-work-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.client-work-footer small{color:var(--muted)}.client-work-footer button{white-space:nowrap}.privacy-admin-note{border-left:4px solid var(--brand);padding-left:12px}
@media(max-width:1050px){.client-control-summary{grid-template-columns:repeat(2,1fr)}.client-control-toolbar{grid-template-columns:1fr 1fr}.client-control-toolbar>span{grid-column:1/-1;text-align:left}}
@media(max-width:800px){.client-control-summary{padding:0 12px 12px}.client-control-toolbar{grid-template-columns:1fr;padding:0 12px 12px}.client-work-meta{grid-template-columns:1fr 1fr}.client-control-grid{padding:0 12px 12px}}


/* RC4 R9 R11 — avatares fluidos, uniformes y multidispositivo */
.app-avatar,.team-avatar,.presence-avatar,.activity-avatar,.user-avatar{overflow:hidden;isolation:isolate}.app-avatar img,.team-avatar img,.presence-avatar img,.activity-avatar img,.user-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;border-radius:inherit}.app-avatar.has-photo{font-size:0;background-image:none!important}.avatar-upload.is-busy{opacity:.72;pointer-events:none}.avatar-upload-progress{width:min(280px,100%);height:8px;margin-top:10px;accent-color:var(--brand)}.avatar-upload-feedback{display:flex;align-items:flex-start;justify-content:center;gap:10px;max-width:360px;margin:7px auto 0}.avatar-upload-feedback small{margin:0}.avatar-upload-feedback button{flex:0 0 auto}.presence-person-copy p span:first-child{font-weight:750}.presence-person{contain:content}
@media(max-width:600px){.avatar-upload-feedback{flex-direction:column;align-items:center}.avatar-upload-progress{width:100%}}


/* RC4 R9 R11 R3 — encapsulado urgente de avatares dinámicos.
   La imagen nunca participa en el tamaño de la fila: queda posicionada y
   recortada dentro de un marco de dimensiones explícitas. */
.avatar-frame{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  flex:none;
  min-inline-size:0;
  min-block-size:0;
  contain:size layout paint;
  background-clip:padding-box;
}
.avatar-frame>img{
  position:absolute;
  inset:0;
  display:block;
  inline-size:100%!important;
  block-size:100%!important;
  min-inline-size:100%;
  min-block-size:100%;
  max-inline-size:none!important;
  max-block-size:none!important;
  object-fit:cover;
  object-position:50% 42%;
  border-radius:inherit;
}
.profile-cell>.profile-list-avatar{
  inline-size:38px!important;
  block-size:38px!important;
  min-inline-size:38px!important;
  min-block-size:38px!important;
  max-inline-size:38px!important;
  max-block-size:38px!important;
  flex:0 0 38px!important;
  font-size:11px;
}
.profile-cell>.profile-list-avatar.has-photo{font-size:0}
.compact-table .profile-cell{min-inline-size:0;overflow:hidden}
.compact-table .profile-cell>div:last-child{min-inline-size:0}
.compact-table tbody td{contain:layout paint}
@media(max-width:800px){
  .profile-cell>.profile-list-avatar{
    inline-size:36px!important;
    block-size:36px!important;
    min-inline-size:36px!important;
    min-block-size:36px!important;
    max-inline-size:36px!important;
    max-block-size:36px!important;
    flex-basis:36px!important;
  }
}

/* R9 R13 · PWA y Web Push */
.pwa-install-banner{position:fixed;right:22px;bottom:22px;z-index:1200;display:flex;align-items:center;gap:12px;max-width:min(430px,calc(100vw - 32px));padding:14px 14px 14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.pwa-install-banner.hidden{display:none!important}.pwa-install-banner>div{display:flex;align-items:center;gap:11px;min-width:0}.pwa-install-banner>div>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand);font-size:22px}.pwa-install-banner p{display:grid;gap:2px;margin:0;min-width:0}.pwa-install-banner b{font-size:.92rem}.pwa-install-banner small{color:var(--muted);line-height:1.35}.pwa-install-banner .icon-button{flex:0 0 34px;width:34px;height:34px}
.pwa-control-panel{grid-column:span 2;overflow:hidden}.pwa-control-panel .panel-head{align-items:flex-start}.pwa-status-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.75rem;font-weight:800;white-space:nowrap}.pwa-status-pill.ready{border-color:color-mix(in srgb,var(--success) 58%,var(--border));color:var(--success)}.pwa-status-pill.warning{border-color:color-mix(in srgb,var(--warning) 58%,var(--border));color:var(--warning)}
.pwa-control-body{display:grid;gap:20px}.pwa-action-grid{display:flex;flex-wrap:wrap;gap:10px}.pwa-action-grid .btn{min-height:42px}.pwa-help{margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);line-height:1.45}.push-preferences,.push-device-section{display:grid;gap:12px;padding-top:4px}.push-preferences h3,.push-device-section h3{margin:0;font-size:.96rem}.push-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.push-preference-grid label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2);cursor:pointer}.push-preference-grid input{margin-top:3px;accent-color:var(--brand)}.push-preference-grid span{display:grid;gap:2px}.push-preference-grid b{font-size:.87rem}.push-preference-grid small{color:var(--muted);line-height:1.35}.quiet-hours-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.quiet-hours-row label{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:700}.quiet-hours-row input{min-width:132px}.push-device-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.push-device-head small{color:var(--muted)}.push-device-list{display:grid;gap:9px}.push-device-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.push-device-main{display:flex;align-items:center;gap:11px;min-width:0}.push-device-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 16%,transparent);font-size:18px}.push-device-copy{display:grid;gap:2px;min-width:0}.push-device-copy b,.push-device-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.push-device-copy small{color:var(--muted)}.push-device-state{display:flex;align-items:center;gap:8px}.push-device-state em{font-style:normal;font-size:.73rem;font-weight:800;color:var(--success)}.push-device-state em.off{color:var(--muted)}.push-empty{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}
@media(max-width:900px){.pwa-control-panel{grid-column:1/-1}.push-preference-grid{grid-template-columns:1fr}.pwa-install-banner{right:16px;bottom:82px;left:16px;max-width:none}.pwa-install-banner .btn{margin-left:auto}.quiet-hours-row{align-items:stretch}.quiet-hours-row label{flex:1 1 130px}.quiet-hours-row input{min-width:0;width:100%}.quiet-hours-row .btn{flex:1 1 100%}}
@media(max-width:520px){.pwa-action-grid{display:grid;grid-template-columns:1fr}.pwa-action-grid .btn{width:100%}.push-device-card{grid-template-columns:1fr}.push-device-state{justify-content:space-between}.pwa-install-banner{padding:12px}.pwa-install-banner small{display:none}}

/* R13 R4 PUSH2 — diagnóstico y autorreparación de Web Push */
.push-health-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface2) 88%,var(--canvas))}.push-health-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.push-health-head h3{margin:0 0 3px;font-size:.96rem}.push-health-head small{display:block;color:var(--muted);line-height:1.35}.push-health-overall{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:850;white-space:nowrap}.push-health-overall.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 58%,var(--border))}.push-health-overall.warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 58%,var(--border))}.push-health-overall.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 58%,var(--border))}.push-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.push-health-grid>div{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.push-health-grid span{color:var(--muted);font-size:.72rem;font-weight:700}.push-health-grid b{font-size:.8rem}.push-health-grid b.ok{color:var(--success)}.push-health-grid b.warn{color:var(--warning)}.push-health-grid b.bad{color:var(--danger)}.push-health-detail{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}.push-health-actions{display:flex;flex-wrap:wrap;gap:8px}.push-device-copy .push-device-meta{white-space:normal;color:var(--muted);font-size:.72rem}.push-device-card.is-current{border-color:color-mix(in srgb,var(--brand) 46%,var(--border));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--brand) 72%,transparent)}
@media(max-width:720px){.push-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.push-health-head{display:grid}.push-health-grid{grid-template-columns:1fr}.push-health-actions{display:grid;grid-template-columns:1fr}.push-health-actions .btn{width:100%}}

/* R13 R6 · respaldo externo cifrado */
.backup-serious-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 18px 8px}.backup-serious-grid>div{border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:12px}.backup-serious-grid span,.backup-serious-grid b{display:block}.backup-serious-grid span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.backup-serious-grid b{font-size:11px;margin-top:6px;overflow-wrap:anywhere}.backup-external-config{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:10px 18px 14px;border-bottom:1px solid var(--line)}.backup-external-config label span{display:block;font-size:10px;font-weight:850;margin-bottom:6px}.backup-external-config small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.45}.backup-external-config input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}@media(max-width:900px){.backup-serious-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-external-config{grid-template-columns:1fr}.backup-external-config small{grid-column:auto}}@media(max-width:520px){.backup-serious-grid{grid-template-columns:1fr}}

/* R13 R8 R5 — SYSTEM DOCTOR */
.system-doctor-panel{margin-top:16px;border-color:color-mix(in srgb,var(--brand) 28%,var(--border));}
.doctor-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.doctor-overall{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.doctor-overall.ok{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,var(--border));}
.doctor-overall.warning{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,var(--border));}
.doctor-overall.error{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));}
.doctor-overall.checking{color:var(--info);background:var(--info-soft);}
.doctor-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--brand-soft) 35%,var(--surface-1));font-size:11px;}
.doctor-summary span{font-weight:800;color:var(--text-1);}.doctor-summary small{color:var(--text-3);white-space:nowrap;}
.doctor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px;}
.doctor-card{min-width:0;border:1px solid var(--border);border-radius:14px;padding:13px;background:var(--surface-2);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;}
.doctor-card .doctor-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--text-3);box-shadow:0 0 0 4px color-mix(in srgb,var(--text-3) 12%,transparent);}
.doctor-card.ok .doctor-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent);}.doctor-card.warning .doctor-dot{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 14%,transparent);}.doctor-card.error .doctor-dot{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 14%,transparent);}
.doctor-card b{display:block;font-size:11px;margin-bottom:4px;color:var(--text-1);}.doctor-card p{margin:0;color:var(--text-2);font-size:10px;line-height:1.45;overflow-wrap:anywhere;}.doctor-card small{display:block;margin-top:7px;color:var(--text-3);font-size:9px;line-height:1.4;}
.doctor-note{margin:0 18px 16px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--border-strong);font-size:10px;color:var(--text-2);line-height:1.5;}
@media(max-width:1050px){.doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.doctor-head-actions{width:100%;justify-content:stretch}.doctor-head-actions .btn{flex:1}.doctor-overall{width:100%}.doctor-summary{align-items:flex-start;flex-direction:column}.doctor-grid{grid-template-columns:1fr;padding:13px}.doctor-note{margin:0 13px 13px}.system-doctor-panel .panel-head{align-items:flex-start;flex-direction:column;}}


/* R13 R8 R6 — TEAM 30 */
.user-admin-head{align-items:flex-end;flex-wrap:wrap}.user-admin-head>div:first-child{min-width:190px}.user-admin-toolbar{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;flex-wrap:wrap}.user-admin-toolbar .user-search-box{max-width:340px;min-width:220px;padding:0 10px}.user-admin-toolbar select{min-width:135px}.user-capacity-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:10px 12px}.user-capacity-box b,.user-capacity-box small{display:block}.user-capacity-box b{font-size:11px}.user-capacity-box small{font-size:9px;color:var(--muted);margin-top:3px}.user-capacity-box>span{font-weight:900;font-size:12px;color:var(--primary);white-space:nowrap}.user-capacity-track{height:7px;border-radius:999px;background:var(--line);overflow:hidden}.user-capacity-track i{display:block;width:0;height:100%;background:var(--primary);border-radius:inherit;transition:width .25s ease}@media(max-width:800px){.user-admin-toolbar{width:100%;justify-content:stretch}.user-admin-toolbar .user-search-box{max-width:none;min-width:0;width:100%}.user-admin-toolbar select{width:100%}}

/* R13 R8 R7 — ACCESS GATE + P2P FOUNDATION */
.p2p-shadow-badge{align-self:flex-start;padding:8px 12px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border));border-radius:999px;color:var(--warning);font:800 11px ui-monospace,monospace;letter-spacing:.08em}.p2p-foundation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.p2p-foundation-metrics article{border:1px solid var(--border);border-radius:16px;background:var(--surface-1);padding:16px}.p2p-foundation-metrics span,.p2p-foundation-metrics small{display:block;color:var(--text-2)}.p2p-foundation-metrics strong{display:block;font-size:24px;margin:7px 0}.p2p-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.p2p-source-card{border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--surface-2);position:relative;overflow:hidden}.p2p-source-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.p2p-source-card.binance:before{background:#d9ad4c}.p2p-source-card.airtm:before{background:#53d6a3}.p2p-source-card>div:first-child{display:flex;align-items:center;gap:10px}.p2p-source-card>div:first-child>div{flex:1}.p2p-source-card b,.p2p-source-card small{display:block}.p2p-source-card em{font:800 9px ui-monospace,monospace;color:var(--text-2);border:1px solid var(--border);padding:5px 7px;border-radius:999px}.p2p-source-logo{width:38px;height:38px;border:1px solid var(--border);display:grid;place-items:center;border-radius:11px;font-weight:900}.p2p-source-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.p2p-source-card dl div{background:var(--surface-1);padding:10px;border-radius:10px}.p2p-source-card dt{font-size:9px;color:var(--text-2);letter-spacing:.08em}.p2p-source-card dd{margin:4px 0 0;font-weight:900}.p2p-source-card p{color:var(--text-2);font-size:13px;line-height:1.45}.p2p-source-state{font:800 10px ui-monospace,monospace;color:var(--success)}.p2p-stage-flow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.p2p-stage-flow>span{flex:1;min-width:130px;border:1px solid var(--border);border-radius:12px;padding:12px;font:900 11px ui-monospace,monospace;color:var(--brand)}.p2p-stage-flow small{display:block;margin-top:6px;color:var(--text-2);font:500 11px system-ui}.p2p-stage-flow>i{align-self:center;color:var(--text-2)}.member-portal-control{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:14px}.member-portal-control label{font-size:12px;color:var(--text-2)}.member-portal-control select,.member-portal-control input{display:block;width:100%;margin-top:6px}.member-portal-users{display:grid;gap:8px;max-height:340px;overflow:auto}.member-access-row{display:grid;grid-template-columns:1fr 160px auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.member-access-row b,.member-access-row small{display:block}.member-access-row small{color:var(--text-2);margin-top:2px}.member-access-row select{width:100%}@media(max-width:900px){.p2p-foundation-metrics{grid-template-columns:1fr 1fr}.p2p-source-grid{grid-template-columns:1fr}.member-portal-control{grid-template-columns:1fr}.member-access-row{grid-template-columns:1fr 130px auto}}@media(max-width:560px){.p2p-foundation-metrics{grid-template-columns:1fr}.member-access-row{grid-template-columns:1fr}.p2p-stage-flow>i{display:none}}

/* R13 R8 R8 · P2P ACTIVITY CARDS */
.p2p-activity-heading{gap:20px}.p2p-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.p2p-activity-metrics{display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.p2p-activity-metrics article{min-width:0;border:1px solid var(--border);border-radius:17px;background:linear-gradient(150deg,var(--surface-1),var(--surface-2));padding:16px;position:relative;overflow:hidden}.p2p-activity-metrics article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.p2p-activity-metrics article.volume:before{background:#d9ad4c}.p2p-activity-metrics article.buy:before{background:#55d99a}.p2p-activity-metrics article.sell:before{background:#ff7676}.p2p-activity-metrics article.pending:before{background:var(--warning)}.p2p-activity-metrics span,.p2p-activity-metrics small{display:block;color:var(--text-2)}.p2p-activity-metrics span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.p2p-activity-metrics strong{display:block;margin:7px 0 4px;font-size:23px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p2p-activity-metrics small{font-size:10px;line-height:1.35}.p2p-activity-panel{overflow:visible}.p2p-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.p2p-filter-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.p2p-filter-tabs button{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:var(--text-2);font-weight:800;cursor:pointer}.p2p-filter-tabs button.active{background:var(--brand-soft);color:var(--text-1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent)}.p2p-filter-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.p2p-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;min-width:min(100%,430px);flex-wrap:wrap}.p2p-toolbar-controls>input,.p2p-toolbar-controls>select{min-height:38px}.p2p-search{min-width:210px;flex:1;max-width:300px}.p2p-definition-banner{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid color-mix(in srgb,#d9ad4c 35%,var(--border));border-radius:12px;background:color-mix(in srgb,#d9ad4c 7%,var(--surface-1));margin:8px 0 14px;font-size:12px}.p2p-definition-banner b{color:#f0c866;white-space:nowrap}.p2p-definition-banner span{color:var(--text-2)}.p2p-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.p2p-operation-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,var(--surface-1),var(--surface-2));box-shadow:0 12px 34px rgba(0,0,0,.13);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.p2p-operation-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 16px 40px rgba(0,0,0,.18)}.p2p-operation-card:focus-within{outline:2px solid var(--brand);outline-offset:2px}.p2p-operation-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#6da7d8}.p2p-operation-card.buy:before{background:#55d99a}.p2p-operation-card.sell:before{background:#ff7676}.p2p-operation-card.transfer:before{background:#6da7d8}.p2p-operation-card.cancelled{opacity:.7}.p2p-card-top{display:flex;align-items:flex-start;gap:10px;padding:14px 15px 10px;border-bottom:1px solid var(--border)}.p2p-platform-badge{width:36px;height:36px;border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;font-weight:950;background:var(--surface-2);flex:0 0 auto}.p2p-platform-badge.binance{color:#f0c866}.p2p-platform-badge.airtm{color:#69e6b3}.p2p-card-title{min-width:0;flex:1}.p2p-card-title>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.p2p-card-title b{font-size:13px}.p2p-card-title small{display:block;color:var(--text-2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p2p-type-pill,.p2p-state-pill,.p2p-shadow-mini{display:inline-flex;align-items:center;gap:4px;border-radius:999px;font:850 9px ui-monospace,monospace;letter-spacing:.04em;padding:4px 7px;border:1px solid var(--border)}.p2p-type-pill.buy{color:var(--text-1);background:rgba(51,157,111,.15);border-color:rgba(85,217,154,.4)}.p2p-type-pill.sell{color:var(--text-1);background:rgba(177,63,63,.15);border-color:rgba(255,118,118,.4)}.p2p-type-pill.transfer{color:var(--text-1);background:rgba(64,118,164,.15);border-color:rgba(109,167,216,.4)}.p2p-state-pill{color:var(--text-2)}.p2p-state-pill.completed{color:var(--text-1);border-color:rgba(85,217,154,.35)}.p2p-state-pill.in_progress{color:var(--text-1);border-color:rgba(255,209,102,.35)}.p2p-state-pill.cancelled{color:var(--text-1);border-color:rgba(255,118,118,.35)}.p2p-card-date{font:750 10px ui-monospace,monospace;color:var(--text-2);white-space:nowrap}.p2p-card-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 15px}.p2p-card-money>div{border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface-2) 75%,transparent)}.p2p-card-money span{display:block;color:var(--text-2);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.p2p-card-money strong{display:block;margin-top:5px;font-size:17px}.p2p-card-money .crypto strong{font-size:16px}.p2p-operation-card.buy .p2p-card-money .crypto strong{color:var(--text-1)}.p2p-operation-card.sell .p2p-card-money .fiat strong{color:var(--text-1)}.p2p-card-rate{display:flex;justify-content:space-between;gap:12px;padding:0 15px 12px;color:var(--text-2);font-size:11px}.p2p-card-rate strong{color:var(--text-1)}.p2p-card-peer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 15px;border-top:1px solid var(--border)}.p2p-card-peer b,.p2p-card-peer small{display:block}.p2p-card-peer small{color:var(--text-2);margin-top:3px}.p2p-card-peer>span{text-align:right;color:var(--text-2);font-size:10px}.p2p-card-foot{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 15px 14px}.p2p-card-foot .reconciliation{font-size:10px;font-weight:800}.p2p-card-foot .reconciliation.ok{color:var(--text-1)}.p2p-card-foot .reconciliation.pending{color:var(--text-1)}.p2p-shadow-mini{color:#f0c866}.p2p-card-foot button{margin-left:auto}.p2p-empty{grid-column:1/-1;text-align:center;padding:44px 20px;border:1px dashed var(--border);border-radius:18px;color:var(--text-2)}.p2p-empty strong{display:block;color:var(--text-1);font-size:17px;margin-bottom:6px}.p2p-engine-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p2p-engine-strip>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--surface-2)}.p2p-engine-strip b,.p2p-engine-strip small{display:block}.p2p-engine-strip small{color:var(--text-2);font-size:10px;margin-top:3px}.p2p-engine-strip em{font:800 8px ui-monospace,monospace;color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:5px 6px}.p2p-engine-mark{width:34px;height:34px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;font-weight:950}.p2p-engine-mark.binance{color:#f0c866}.p2p-engine-mark.airtm{color:#69e6b3}.p2p-engine-mark.ledger{color:#9dcaf2}.p2p-operation-modal{width:min(900px,calc(100vw - 28px));max-height:min(92vh,920px);overflow:auto}.p2p-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.p2p-form-grid label{font-size:11px;color:var(--text-2);font-weight:700}.p2p-form-grid input,.p2p-form-grid select,.p2p-form-grid textarea{width:100%;display:block;margin-top:5px}.p2p-form-grid .span-2{grid-column:1/-1}.p2p-form-grid .checkbox-label{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px;margin-top:16px}.p2p-form-grid .checkbox-label input{width:auto;margin:0}.p2p-rate-preview{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:end;padding:12px 14px;border:1px solid var(--border);border-radius:12px;margin:13px 0;background:var(--surface-2)}.p2p-rate-preview span,.p2p-rate-preview small{color:var(--text-2)}.p2p-rate-preview strong{font-size:20px}.p2p-rate-preview small{grid-column:1/-1;font-size:10px}.p2p-detail-drawer{position:fixed;z-index:1200;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--surface-1);border-left:1px solid var(--border);box-shadow:-18px 0 50px rgba(0,0,0,.35);overflow:auto;padding:20px;animation:p2pDrawerIn .2s ease}.p2p-detail-drawer.hidden{display:none}@keyframes p2pDrawerIn{from{transform:translateX(18px);opacity:.4}to{transform:none;opacity:1}}.p2p-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border)}.p2p-detail-body{display:grid;gap:10px}.p2p-detail-hero{padding:18px 0}.p2p-detail-hero .type{font-size:11px;font-weight:900;letter-spacing:.07em}.p2p-detail-hero h3{font-size:28px;margin:7px 0}.p2p-detail-hero p{color:var(--text-2)}.p2p-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p2p-detail-grid>div{border:1px solid var(--border);border-radius:11px;padding:10px}.p2p-detail-grid span,.p2p-detail-grid small{display:block;color:var(--text-2);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.p2p-detail-grid b{display:block;margin-top:4px;overflow-wrap:anywhere}.p2p-detail-section{margin-top:14px}.p2p-detail-section h4{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);margin:0 0 7px}.p2p-detail-note{white-space:pre-wrap;border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:10px;color:var(--text-2);font-size:12px}.p2p-pnl-pending{border:1px solid color-mix(in srgb,var(--warning) 38%,var(--border));background:var(--warning-soft);border-radius:12px;padding:11px;font-size:11px;color:var(--text-2);margin-top:12px}.p2p-pnl-pending b{color:var(--warning)}
@media(max-width:1120px){.p2p-activity-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.p2p-activity-metrics .volume{grid-column:span 2}.p2p-engine-strip{grid-template-columns:1fr}.p2p-engine-strip>div{grid-template-columns:auto 1fr auto}}
@media(max-width:820px){.p2p-card-grid{grid-template-columns:1fr}.p2p-activity-metrics{grid-template-columns:1fr 1fr}.p2p-activity-metrics .volume{grid-column:1/-1}.p2p-toolbar-controls{justify-content:stretch}.p2p-toolbar-controls>*{flex:1}.p2p-search{max-width:none}.p2p-form-grid{grid-template-columns:1fr}.p2p-form-grid .span-2{grid-column:auto}.p2p-definition-banner{display:block}.p2p-definition-banner b{display:block;margin-bottom:4px}}
@media(max-width:520px){.p2p-activity-metrics{grid-template-columns:1fr}.p2p-activity-metrics .volume{grid-column:auto}.p2p-card-money{grid-template-columns:1fr}.p2p-card-peer{grid-template-columns:1fr}.p2p-card-peer>span{text-align:left}.p2p-card-foot button{width:100%;margin-left:0}.p2p-detail-grid{grid-template-columns:1fr}.p2p-heading-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.p2p-operation-card,.p2p-detail-drawer{transition:none;animation:none}.p2p-operation-card:hover{transform:none}}

/* R13 R8 R9 · P2P LIVE CAPITAL CONTROL */
.p2p-flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:4px 0 14px}.p2p-flow-steps button{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;border:1px solid var(--border);background:var(--surface-1);border-radius:14px;padding:10px 12px;color:var(--text-1);cursor:pointer;min-height:62px}.p2p-flow-steps button:hover,.p2p-flow-steps button:focus-visible{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent)}.p2p-flow-steps button>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:950}.p2p-flow-steps b{font-size:11px}.p2p-flow-steps small{font-size:9px;color:var(--text-2)}.p2p-flow-steps button.current{border-color:var(--brand);background:linear-gradient(135deg,var(--brand-soft),var(--surface-1));box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}.p2p-flow-steps button.current>span{background:var(--brand);color:var(--on-brand)}.p2p-flow-steps button.done{border-color:color-mix(in srgb,var(--success) 42%,var(--border))}.p2p-flow-steps button.done>span{background:color-mix(in srgb,var(--success) 18%,var(--surface-1));color:var(--success)}.p2p-flow-steps button.done>span::after{content:'✓';font-size:10px;margin-left:1px}.p2p-flow-steps button.done>span{font-size:0}.p2p-flow-steps button.done>span::before{content:attr(data-step-label);font-size:0}
.p2p-live-control{display:grid;gap:13px;position:relative;overflow:hidden}.p2p-live-control::after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);border-radius:50%;box-shadow:0 0 60px color-mix(in srgb,var(--brand) 10%,transparent);pointer-events:none}.p2p-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1}.p2p-live-head h2{margin:2px 0 5px}.p2p-live-head p{margin:0;max-width:780px;color:var(--text-2)}.p2p-live-status{text-align:right;display:grid;justify-items:end;gap:5px}.p2p-live-status small{color:var(--text-2);font-size:10px}.p2p-capital-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;position:relative;z-index:1}.p2p-capital-grid article{border:1px solid var(--border);border-radius:14px;padding:13px 14px;background:var(--surface-2);min-width:0}.p2p-capital-grid article.live{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:linear-gradient(135deg,var(--brand-soft),var(--surface-2) 65%)}.p2p-capital-grid article.actual{border-color:color-mix(in srgb,var(--success) 38%,var(--border))}.p2p-capital-grid article.difference.alert{border-color:color-mix(in srgb,var(--warning) 56%,var(--border));background:var(--warning-soft)}.p2p-capital-grid span,.p2p-capital-grid small{display:block;color:var(--text-2)}.p2p-capital-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.p2p-capital-grid strong{display:block;margin:7px 0 4px;font-size:22px;line-height:1.05;overflow-wrap:anywhere}.p2p-capital-grid small{font-size:9px}.p2p-capital-formula{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--surface-2) 82%,var(--brand-soft));font-size:10px;position:relative;z-index:1}.p2p-capital-formula b{color:var(--brand)}.p2p-capital-formula span{color:var(--text-1)}.p2p-capital-formula em{font-style:normal;color:var(--text-2);margin-left:auto}.p2p-live-actions{display:flex;gap:7px;flex-wrap:wrap;position:relative;z-index:1}.p2p-reconciliation-strip{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:10px;color:var(--text-2);font-size:10px}.p2p-reconciliation-strip.ok{color:var(--success)}.p2p-reconciliation-strip.warning{color:var(--warning)}.p2p-reconciliation-strip.danger{color:var(--danger)}
.p2p-activity-metrics article.profit strong,.p2p-activity-metrics article.net strong{color:var(--success)}.p2p-activity-metrics article.expense strong{color:var(--warning)}
.p2p-mini-ledger{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p2p-mini-column{min-width:0;border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--surface-2)}.p2p-mini-column .panel-head{padding:0 0 9px;border-bottom:1px solid var(--border);margin-bottom:8px}.p2p-mini-column .panel-head h3{font-size:13px;margin:1px 0}.p2p-mini-list{display:grid;gap:6px;max-height:210px;overflow:auto}.p2p-mini-list>p{color:var(--text-2);font-size:10px;margin:8px 2px}.p2p-mini-item{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 9px;background:var(--surface-1)}.p2p-mini-item b,.p2p-mini-item small{display:block}.p2p-mini-item b{font-size:10px}.p2p-mini-item small{font-size:8px;color:var(--text-2);margin-top:2px}.p2p-mini-item>strong{font-size:11px}.p2p-mini-delete{border:0;background:transparent;color:var(--text-2);cursor:pointer;font-size:14px}.p2p-mini-delete:hover{color:var(--danger)}
.p2p-flow-warning{display:flex;gap:8px;align-items:flex-start;margin:9px 0 12px;border-left:3px solid var(--warning);background:var(--warning-soft);padding:9px 11px;border-radius:0 9px 9px 0;font-size:10px;color:var(--text-2)}.p2p-flow-warning b{color:var(--warning);white-space:nowrap}.p2p-form-guide{display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:12px;padding:10px 12px;background:var(--brand-soft);margin-bottom:12px}.p2p-form-guide b{font-size:11px;color:var(--brand)}.p2p-form-guide span{font-size:10px;color:var(--text-2)}.p2p-form-grid label>small{display:block;font-size:8px;color:var(--text-2);margin-top:2px;font-weight:500}.p2p-compact-modal{width:min(640px,calc(100vw - 28px));max-height:min(92vh,860px);overflow:auto}.p2p-compact-modal form{display:grid;gap:11px}.p2p-compact-modal form>label{font-size:11px;color:var(--text-2);font-weight:750}.p2p-compact-modal form>label input,.p2p-compact-modal form>label textarea{display:block;width:100%;margin-top:5px}.p2p-compare-box{display:grid;grid-template-columns:1fr 1fr;gap:9px}.p2p-compare-box>div{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-2)}.p2p-compare-box span{display:block;color:var(--text-2);font-size:9px}.p2p-compare-box strong{display:block;font-size:18px;margin-top:5px}.p2p-close-preview{display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid var(--border);border-radius:13px;padding:11px;background:var(--surface-2)}.p2p-close-preview>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.p2p-close-preview span{color:var(--text-2)}.p2p-close-preview .wide{grid-column:1/-1;border-top:1px solid var(--border);padding-top:7px}.p2p-close-preview .net b{color:var(--success)}
.p2p-operation-card .p2p-card-result{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px dashed var(--border);padding:9px 15px;font-size:10px}.p2p-card-result span{color:var(--text-2)}.p2p-card-result b.positive{color:var(--success)}.p2p-card-result b.negative{color:var(--danger)}.p2p-card-result b.pending{color:var(--warning)}
.p2p-receipt-drawer{position:fixed;z-index:1205;right:0;top:0;bottom:0;width:min(520px,100vw);background:var(--surface-1);border-left:1px solid var(--border);box-shadow:-18px 0 50px rgba(0,0,0,.38);overflow:auto;padding:20px}.p2p-receipt-drawer.hidden{display:none}.p2p-receipt{display:grid;gap:12px;padding:14px 0}.p2p-receipt-title{text-align:center;border-bottom:1px dashed var(--border);padding:8px 0 15px}.p2p-receipt-title b{display:block;font-size:17px;letter-spacing:.08em}.p2p-receipt-title small{color:var(--text-2)}.p2p-receipt-section{border:1px solid var(--border);border-radius:13px;overflow:hidden}.p2p-receipt-section h4{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2);margin:0;padding:9px 11px;background:var(--surface-2);border-bottom:1px solid var(--border)}.p2p-receipt-row{display:flex;justify-content:space-between;gap:10px;padding:7px 11px;font-size:10px}.p2p-receipt-row.total{font-size:12px;border-top:1px solid var(--border);font-weight:850}.p2p-receipt-row.net b{color:var(--success)}.p2p-receipt-row.diff b.zero{color:var(--success)}.p2p-receipt-hash{font:700 9px ui-monospace,monospace;overflow-wrap:anywhere;color:var(--text-2);border:1px dashed var(--border);border-radius:10px;padding:9px}

.p2p-platform-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p2p-platform-breakdown>article{display:grid;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-1);box-shadow:0 8px 24px rgba(0,0,0,.08)}.p2p-platform-breakdown>article>div{display:flex;align-items:center;gap:9px}.p2p-platform-breakdown b,.p2p-platform-breakdown small{display:block}.p2p-platform-breakdown small{color:var(--text-2);font-size:9px;margin-top:2px}.p2p-platform-breakdown dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.p2p-platform-breakdown dl>div{border-top:1px solid var(--border);padding-top:8px}.p2p-platform-breakdown dt{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.p2p-platform-breakdown dd{margin:4px 0 0;font-weight:850;font-size:12px}.p2p-platform-breakdown dd.positive{color:var(--success)}.p2p-platform-breakdown dd.negative{color:var(--danger)}.p2p-platform-breakdown article.binance{border-color:color-mix(in srgb,#f0b90b 28%,var(--border))}.p2p-platform-breakdown article.airtm{border-color:color-mix(in srgb,#7dd3fc 28%,var(--border))}
@media(max-width:1120px){.p2p-platform-breakdown{grid-template-columns:1fr 1fr}.p2p-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.p2p-capital-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.p2p-platform-breakdown{grid-template-columns:1fr}.p2p-flow-steps{display:flex;overflow:auto;padding-bottom:3px;scroll-snap-type:x proximity}.p2p-flow-steps button{min-width:155px;scroll-snap-align:start}.p2p-live-head{display:grid}.p2p-live-status{text-align:left;justify-items:start}.p2p-mini-ledger{grid-template-columns:1fr}.p2p-capital-formula em{margin-left:0;width:100%}.p2p-live-actions .btn{flex:1 1 180px}.p2p-close-preview{grid-template-columns:1fr}}
@media(max-width:520px){.p2p-capital-grid{grid-template-columns:1fr}.p2p-capital-grid strong{font-size:20px}.p2p-compare-box{grid-template-columns:1fr}.p2p-live-actions .btn{width:100%;flex-basis:100%}.p2p-mini-item{grid-template-columns:1fr auto}.p2p-mini-item>strong{grid-row:2;grid-column:1}.p2p-flow-warning{display:block}.p2p-flow-warning b{display:block;margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.p2p-live-control::after{display:none}.p2p-flow-steps button{scroll-behavior:auto}}

/* R13 R8 R9 R2 R4 · P2P READABILITY + MEMBER-ONLY GATE
   Escala tipográfica en rem, mayor interlineado y controles cómodos. */
#view-p2p{font-size:1rem;line-height:1.5}
#view-p2p .page-heading>div>p:not(.eyebrow),#view-p2p .panel-head p,#view-p2p .p2p-live-head p{font-size:.875rem;line-height:1.55}
#view-p2p .eyebrow{font-size:.75rem;line-height:1.4;letter-spacing:.08em}
#view-p2p .p2p-activity-metrics span,#view-p2p .p2p-capital-grid span{font-size:.75rem;line-height:1.35}
#view-p2p .p2p-activity-metrics small,#view-p2p .p2p-capital-grid small,#view-p2p .p2p-live-status small{font-size:.75rem;line-height:1.45}
#view-p2p .p2p-activity-metrics strong{font-size:clamp(1.22rem,1.6vw,1.55rem);line-height:1.15}
#view-p2p .p2p-capital-grid strong{font-size:clamp(1.22rem,1.8vw,1.55rem);line-height:1.16}
#view-p2p .p2p-flow-steps b{font-size:.82rem;line-height:1.35}
#view-p2p .p2p-flow-steps small{font-size:.72rem;line-height:1.35}
#view-p2p .p2p-definition-banner,#view-p2p .p2p-flow-warning,#view-p2p .p2p-capital-formula,#view-p2p .p2p-reconciliation-strip{font-size:.79rem;line-height:1.5}
#view-p2p .p2p-filter-tabs button{font-size:.78rem;min-height:40px}
#view-p2p .p2p-toolbar-controls input,#view-p2p .p2p-toolbar-controls select,#view-p2p .p2p-search input{font-size:.82rem}
#view-p2p .p2p-card-title b{font-size:.9rem;line-height:1.35}
#view-p2p .p2p-card-title small,#view-p2p .p2p-card-date{font-size:.75rem;line-height:1.4}
#view-p2p .p2p-type-pill,#view-p2p .p2p-state-pill,#view-p2p .p2p-shadow-mini{font-size:.7rem;line-height:1.25;padding:5px 8px}
#view-p2p .p2p-card-money span,#view-p2p .p2p-card-rate span,#view-p2p .p2p-card-peer span{font-size:.75rem;line-height:1.4}
#view-p2p .p2p-card-money strong,#view-p2p .p2p-card-rate strong{font-size:.95rem;line-height:1.3}
#view-p2p .p2p-card-result,#view-p2p .p2p-card-foot{font-size:.79rem;line-height:1.45}
#view-p2p .p2p-platform-breakdown small,#view-p2p .p2p-platform-breakdown dt{font-size:.72rem;line-height:1.35}
#view-p2p .p2p-platform-breakdown dd{font-size:.88rem;line-height:1.35}
#view-p2p .p2p-mini-column .panel-head h3{font-size:.95rem}
#view-p2p .p2p-mini-list>p,#view-p2p .p2p-mini-item b{font-size:.78rem;line-height:1.4}
#view-p2p .p2p-mini-item small{font-size:.72rem;line-height:1.4}
#view-p2p .p2p-mini-item>strong{font-size:.82rem}
#view-p2p .p2p-engine-strip b{font-size:.86rem}
#view-p2p .p2p-engine-strip small{font-size:.75rem;line-height:1.4}
.p2p-compact-modal form>label{font-size:.8rem;line-height:1.4}
.p2p-form-guide b{font-size:.84rem}.p2p-form-guide span,.p2p-form-grid label>small{font-size:.75rem;line-height:1.45}
.p2p-compare-box span{font-size:.75rem}.p2p-compare-box strong{font-size:1.15rem}
.p2p-close-preview>div{font-size:.79rem;line-height:1.4}
.p2p-receipt-title b{font-size:1.08rem}.p2p-receipt-title small{font-size:.78rem}
.p2p-receipt-section h4{font-size:.72rem}.p2p-receipt-row{font-size:.8rem;line-height:1.4}.p2p-receipt-row.total{font-size:.9rem}.p2p-receipt-hash{font-size:.72rem;line-height:1.45}
.p2p-detail-body,.p2p-detail-note,.p2p-pnl-pending{font-size:.8rem;line-height:1.5}
#view-p2p button:focus-visible,#view-p2p input:focus-visible,#view-p2p select:focus-visible,#view-p2p textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.p2p-member-preview-layer{background:rgba(2,5,10,.78);backdrop-filter:blur(8px)}
.p2p-member-preview-card{width:min(580px,calc(100vw - 28px));overflow:hidden;border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--surface-1) 94%,#000),var(--surface-2));box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 48px color-mix(in srgb,var(--brand) 12%,transparent)}
.p2p-member-preview-head{border-bottom:1px solid var(--border);padding-bottom:14px}
.p2p-member-preview-head h2{font-size:clamp(1.2rem,3vw,1.55rem);margin:.2rem 0 0}
.p2p-member-preview-body{display:grid;justify-items:center;gap:14px;text-align:center;padding:10px 4px 4px}
.p2p-member-preview-emblem{position:relative;width:116px;height:116px;display:grid;place-items:center}
.p2p-member-preview-emblem:before,.p2p-member-preview-emblem:after,.p2p-member-preview-emblem span{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:50%}
.p2p-member-preview-emblem:after{inset:15px;border-style:dashed;opacity:.7}.p2p-member-preview-emblem span{inset:0;box-shadow:0 0 35px color-mix(in srgb,var(--brand) 18%,transparent)}
.p2p-member-preview-emblem img{position:relative;z-index:2;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--brand) 30%,transparent))}
.p2p-member-preview-status{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--success) 36%,var(--border));border-radius:999px;padding:7px 11px;color:var(--success);font-size:.74rem;font-weight:850;letter-spacing:.05em}
.p2p-member-preview-status i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}
.p2p-member-preview-body>p{max-width:46rem;margin:0;color:var(--text-2);font-size:.9rem;line-height:1.6}
.p2p-member-preview-features{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.p2p-member-preview-features span{border:1px solid var(--border);border-radius:999px;padding:6px 9px;background:var(--surface-2);color:var(--text-2);font-size:.74rem;font-weight:750}
.p2p-member-preview-note{display:grid;gap:5px;width:100%;text-align:left;border-left:3px solid var(--brand);border-radius:0 12px 12px 0;padding:11px 13px;background:var(--brand-soft)}
.p2p-member-preview-note b{font-size:.84rem}.p2p-member-preview-note span{color:var(--text-2);font-size:.79rem;line-height:1.5}
.p2p-member-preview-body>.btn{min-width:190px;min-height:42px}
@media(max-width:620px){#view-p2p{font-size:.98rem}.p2p-member-preview-body>p{font-size:.86rem}.p2p-member-preview-features{display:grid;grid-template-columns:1fr 1fr;width:100%}.p2p-member-preview-features span{border-radius:10px}.p2p-member-preview-body>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){.p2p-member-preview-emblem:before,.p2p-member-preview-emblem:after,.p2p-member-preview-emblem span{animation:none!important}}
/* R9 R2 R4 · Jerarquía financiera legible */
#view-p2p .page-heading h1,#view-p2p .panel-head h2,#view-p2p .p2p-card-title b,.p2p-compact-modal .modal-head h2{font-family:var(--font-display);font-weight:720}
#view-p2p .p2p-activity-metrics strong,#view-p2p .p2p-capital-grid strong,#view-p2p .p2p-card-money strong,#view-p2p .p2p-card-rate strong,#view-p2p .p2p-platform-breakdown dd,#view-p2p .p2p-mini-item>strong,.p2p-compare-box strong,.p2p-receipt-row b{font-variant-numeric:tabular-nums}
#view-p2p .p2p-card-money strong,#view-p2p .p2p-card-rate strong{letter-spacing:-.01em}
#view-p2p .p2p-flow-steps small,#view-p2p .p2p-platform-breakdown small,#view-p2p .p2p-platform-breakdown dt,#view-p2p .p2p-mini-item small{font-size:.75rem}
#view-p2p .p2p-toolbar-controls input,#view-p2p .p2p-toolbar-controls select,#view-p2p .p2p-search input,.p2p-compact-modal input,.p2p-compact-modal select,.p2p-compact-modal textarea{min-height:42px}

/* R13 R8 R9 R2 R6 · SOURCE DETECT + SYNC
    — DAILY CAPITAL COCKPIT: capital visible + workflow practical */
#view-p2p .p2p-day-start-card{display:grid;gap:16px;border-color:color-mix(in srgb,var(--brand) 48%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 72%,var(--surface-1)),var(--surface-1) 58%);position:relative;overflow:hidden}
#view-p2p .p2p-day-start-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}
#view-p2p .p2p-day-start-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}
#view-p2p .p2p-day-start-head h2{font-size:clamp(1.35rem,2vw,1.7rem);margin:.15rem 0 .35rem}
#view-p2p .p2p-day-start-head p:not(.eyebrow){max-width:820px;color:var(--text-2);font-size:.91rem;line-height:1.55;margin:0}
#view-p2p .p2p-inline-opening{display:grid;grid-template-columns:minmax(145px,.75fr) minmax(240px,1.35fr) minmax(220px,1fr) minmax(220px,1fr);gap:12px;align-items:start;position:relative;z-index:1}
#view-p2p .p2p-inline-opening label{display:grid;gap:6px;color:var(--text-1);font-size:.82rem;font-weight:800}
#view-p2p .p2p-inline-opening label>span{min-height:1.15rem}
#view-p2p .p2p-inline-opening input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:11px;background:var(--surface-1);color:var(--text-1);padding:10px 12px;font:inherit;font-weight:700}
#view-p2p .p2p-inline-opening input:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 26%,transparent);border-color:var(--brand)}
#view-p2p .p2p-inline-opening small{font-size:.74rem;line-height:1.42;color:var(--text-2);font-weight:600}
#view-p2p .p2p-capital-primary-input input{font-size:1.2rem;letter-spacing:.01em;border-color:color-mix(in srgb,var(--brand) 58%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)}
#view-p2p .p2p-inline-opening-note{grid-column:1/4}
#view-p2p .p2p-inline-opening-actions{display:flex;align-items:center;gap:12px;align-self:end;min-height:44px}
#view-p2p .p2p-inline-opening-actions .btn{min-height:44px;white-space:nowrap}
#view-p2p .p2p-opened-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:stretch;position:relative;z-index:1}
#view-p2p .p2p-opened-summary>div{border:1px solid var(--border);border-radius:13px;background:var(--surface-2);padding:12px 13px;min-width:0}
#view-p2p .p2p-opened-summary>div.live{border-color:color-mix(in srgb,var(--brand) 48%,var(--border));background:var(--brand-soft)}
#view-p2p .p2p-opened-summary span,#view-p2p .p2p-opened-summary small{display:block;color:var(--text-2);font-size:.75rem;line-height:1.4}
#view-p2p .p2p-opened-summary strong{display:block;font-size:1.18rem;margin:5px 0 3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-p2p .p2p-day-coach{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px}
#view-p2p .p2p-day-coach-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.25rem;font-weight:900}
#view-p2p .p2p-day-coach h3{font-size:1rem;margin:1px 0 3px}
#view-p2p .p2p-day-coach p:not(.eyebrow){margin:0;color:var(--text-2);font-size:.82rem;line-height:1.5}
#view-p2p .p2p-capital-bridge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) auto) minmax(0,1.15fr);align-items:center;gap:8px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);padding:10px 12px;position:relative;z-index:1}
#view-p2p .p2p-capital-bridge>div{min-width:0}
#view-p2p .p2p-capital-bridge span{display:block;color:var(--text-2);font-size:.72rem;line-height:1.35}
#view-p2p .p2p-capital-bridge strong{display:block;margin-top:3px;font-size:1rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-p2p .p2p-capital-bridge i{font-style:normal;color:var(--text-2);font-weight:900}
#view-p2p .p2p-capital-bridge .total{border-left:1px solid var(--border);padding-left:12px}
#view-p2p .p2p-capital-bridge .total strong{color:var(--brand);font-size:1.12rem}
#view-p2p .p2p-quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;z-index:1}
#view-p2p .p2p-quick-actions button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;color:var(--text-1);padding:10px 11px;cursor:pointer;min-height:58px}
#view-p2p .p2p-quick-actions button>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:var(--surface-1)}
#view-p2p .p2p-quick-actions button b{font-size:.82rem}#view-p2p .p2p-quick-actions button small{font-size:.7rem;color:var(--text-2);line-height:1.3}
#view-p2p .p2p-quick-actions button.buy{border-color:color-mix(in srgb,var(--success) 32%,var(--border))}#view-p2p .p2p-quick-actions button.buy>span{color:var(--success)}
#view-p2p .p2p-quick-actions button.sell{border-color:color-mix(in srgb,var(--danger) 32%,var(--border))}#view-p2p .p2p-quick-actions button.sell>span{color:var(--danger)}
#view-p2p .p2p-quick-actions button.expense>span{color:var(--warning)}#view-p2p .p2p-quick-actions button.capital>span,#view-p2p .p2p-quick-actions button.confirm>span{color:var(--brand)}
#view-p2p .p2p-quick-actions button:hover,#view-p2p .p2p-quick-actions button:focus-visible{border-color:var(--brand);transform:translateY(-1px);outline:2px solid color-mix(in srgb,var(--brand) 18%,transparent);outline-offset:1px}
#view-p2p .p2p-control-checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:10px;border-top:1px solid var(--border)}
#view-p2p .p2p-control-checklist>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid var(--border);border-radius:11px;padding:9px;background:var(--surface-2);min-width:0}
#view-p2p .p2p-control-checklist>div>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface-1);font-weight:900;color:var(--text-2)}
#view-p2p .p2p-control-checklist b{font-size:.76rem}#view-p2p .p2p-control-checklist small{font-size:.69rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-p2p .p2p-control-checklist>div.done{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface-2))}#view-p2p .p2p-control-checklist>div.done>span{background:color-mix(in srgb,var(--success) 15%,var(--surface-1));color:var(--success)}
#view-p2p .p2p-control-checklist>div.warning{border-color:color-mix(in srgb,var(--warning) 28%,var(--border))}
#view-p2p .p2p-capital-history-panel .panel-head p{max-width:760px}
#view-p2p .p2p-capital-history{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#view-p2p .p2p-capital-history>p{color:var(--text-2)}
#view-p2p .p2p-capital-history-item{display:grid;gap:3px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:10px 11px;min-width:0}
#view-p2p .p2p-capital-history-item span{font-size:.72rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-weight:850}
#view-p2p .p2p-capital-history-item strong{font-size:1rem;font-variant-numeric:tabular-nums}
#view-p2p .p2p-capital-history-item small{font-size:.7rem;line-height:1.35;color:var(--text-2);overflow-wrap:anywhere}
#view-p2p .p2p-capital-history-item.opening{border-color:color-mix(in srgb,var(--brand) 32%,var(--border))}#view-p2p .p2p-capital-history-item.check{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}
#view-p2p .p2p-card-title b,#view-p2p .p2p-platform-breakdown b,#view-p2p .p2p-mini-column h3{font-size:.92rem}
#view-p2p .p2p-card-title small,#view-p2p .p2p-card-peer small,#view-p2p .p2p-detail-grid span,#view-p2p .p2p-detail-grid small{font-size:.76rem;line-height:1.4}
#view-p2p .p2p-card-money span,#view-p2p .p2p-card-rate span,#view-p2p .p2p-platform-breakdown dt{font-size:.76rem}
#view-p2p .p2p-card-money strong{font-size:1.05rem}
@media(max-width:1180px){#view-p2p .p2p-inline-opening{grid-template-columns:1fr 1fr}#view-p2p .p2p-inline-opening-note{grid-column:1/2}#view-p2p .p2p-opened-summary{grid-template-columns:1fr 1fr}#view-p2p .p2p-opened-summary>.btn{align-self:center}#view-p2p .p2p-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#view-p2p .p2p-capital-history{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#view-p2p .p2p-day-start-head{display:grid}#view-p2p .p2p-inline-opening{grid-template-columns:1fr}#view-p2p .p2p-inline-opening-note{grid-column:auto}#view-p2p .p2p-inline-opening-actions{align-items:stretch;flex-direction:column}#view-p2p .p2p-inline-opening-actions .btn{width:100%}#view-p2p .p2p-opened-summary{grid-template-columns:1fr}#view-p2p .p2p-day-coach{grid-template-columns:auto 1fr}#view-p2p .p2p-day-coach>.btn{grid-column:1/-1;width:100%}#view-p2p .p2p-capital-bridge{grid-template-columns:1fr auto 1fr;row-gap:10px}#view-p2p .p2p-capital-bridge>div.total{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:9px 0 0}#view-p2p .p2p-capital-bridge>i:nth-of-type(3){display:none}#view-p2p .p2p-quick-actions{grid-template-columns:1fr 1fr}#view-p2p .p2p-control-checklist{display:flex;overflow-x:auto;padding-bottom:3px}#view-p2p .p2p-control-checklist>div{min-width:145px}#view-p2p .p2p-capital-history{grid-template-columns:1fr}}
@media(max-width:460px){#view-p2p .p2p-quick-actions{grid-template-columns:1fr}#view-p2p .p2p-day-start-card,#view-p2p .p2p-day-coach{padding-left:14px;padding-right:14px}}

/* R13 R8 R9 R2 R6 · Source Detect & Sync */
.p2p-sync-center{display:grid;gap:1rem;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#000),color-mix(in srgb,var(--surface2) 88%,#000))}
.p2p-sync-head{align-items:flex-start;gap:1rem}.p2p-sync-head h2{font-size:clamp(1.22rem,2vw,1.55rem);margin:.08rem 0 .3rem}.p2p-sync-head p{max-width:76ch;line-height:1.55}
.p2p-sync-mode{display:inline-flex;align-items:center;min-height:2rem;padding:.42rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 48%,var(--border));font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--text);white-space:nowrap}
.p2p-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.p2p-sync-card{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface2) 84%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.p2p-sync-card.binance{border-color:color-mix(in srgb,#f0b90b 48%,var(--border))}.p2p-sync-card.airtm{border-color:color-mix(in srgb,#3dbbff 45%,var(--border))}
.p2p-sync-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start}.p2p-sync-card-head h3{margin:0 0 .2rem;font-size:1.06rem}.p2p-sync-card-head p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.p2p-sync-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.p2p-sync-fields label:last-child{grid-column:1/-1}.p2p-sync-fields label,.p2p-file-drop{display:grid;gap:.3rem;font-size:.82rem;font-weight:700}.p2p-sync-fields input,.p2p-file-drop input{min-height:2.65rem;width:100%;font-size:.95rem}
.p2p-file-drop{padding:.82rem;border:1px dashed color-mix(in srgb,var(--border) 85%,transparent);border-radius:14px}.p2p-file-drop small{font-weight:500;color:var(--muted);line-height:1.45}
.p2p-sync-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.p2p-sync-actions small{flex:1;min-width:180px;color:var(--muted);line-height:1.4}
.p2p-sync-result{min-height:2.65rem;padding:.72rem .8rem;border-radius:12px;background:color-mix(in srgb,var(--canvas) 42%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:.86rem;line-height:1.45;color:var(--muted)}
.p2p-sync-result.success{border-color:color-mix(in srgb,var(--success) 55%,var(--border));color:var(--text)}.p2p-sync-result.warning{border-color:color-mix(in srgb,var(--warning) 55%,var(--border));color:var(--text)}.p2p-sync-result.danger{border-color:color-mix(in srgb,var(--danger) 60%,var(--border));color:var(--text)}
.p2p-unified-ledger-flow{display:flex;align-items:stretch;gap:.45rem;overflow-x:auto;padding:.78rem;border-radius:16px;background:color-mix(in srgb,var(--canvas) 38%,transparent);border:1px solid var(--border)}
.p2p-unified-ledger-flow>span{min-width:130px;display:grid;place-content:center;text-align:center;gap:.2rem;padding:.6rem .7rem;border-radius:12px;background:var(--surface2);border:1px solid color-mix(in srgb,var(--border) 84%,transparent)}.p2p-unified-ledger-flow>span.core{min-width:190px;border-color:color-mix(in srgb,var(--brand) 55%,var(--border))}.p2p-unified-ledger-flow b{font-size:.82rem;letter-spacing:.035em}.p2p-unified-ledger-flow small{color:var(--muted);font-size:.74rem}.p2p-unified-ledger-flow i{align-self:center;font-style:normal;color:var(--muted);font-size:1.05rem}
.p2p-sync-history{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;min-height:2.2rem;font-size:.8rem;color:var(--muted)}.p2p-sync-history .sync-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .58rem;border:1px solid var(--border);border-radius:999px;background:var(--surface2)}.p2p-sync-history .sync-chip.success{border-color:color-mix(in srgb,var(--success) 48%,var(--border))}.p2p-sync-history .sync-chip.failed{border-color:color-mix(in srgb,var(--danger) 52%,var(--border))}
.p2p-detail-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}
.p2p-source-origin{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.p2p-source-origin.synced{color:var(--success)}.p2p-source-origin.manual{color:var(--warning)}
@media (max-width:900px){.p2p-sync-grid{grid-template-columns:1fr}.p2p-sync-mode{white-space:normal}.p2p-sync-fields{grid-template-columns:1fr}.p2p-sync-fields label:last-child{grid-column:auto}}
@media (max-width:560px){.p2p-sync-card{padding:.85rem}.p2p-sync-card-head{grid-template-columns:auto 1fr}.p2p-sync-card-head .status-pill{grid-column:1/-1;justify-self:start}.p2p-sync-actions{display:grid}.p2p-sync-actions .btn{width:100%}.p2p-unified-ledger-flow{padding:.65rem}.p2p-unified-ledger-flow>span{min-width:118px}}
/* R8 R9 R6 · trazabilidad fuente y límite visual */
.p2p-source-origin{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.035em;white-space:nowrap}.p2p-source-origin.verified{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.10);color:#b9f6c9}.p2p-source-origin.manual{border-color:rgba(245,190,52,.36);background:rgba(245,190,52,.08);color:#ffe098}.p2p-list-limit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid rgba(245,190,52,.28);border-radius:14px;background:rgba(245,190,52,.06)}.p2p-list-limit b{font-size:.88rem}.p2p-list-limit span{font-size:.78rem;color:var(--muted)}.p2p-detail-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.danger-outline{border-color:rgba(239,68,68,.4)!important;color:#ffb8b8!important}.p2p-sync-run{display:grid;grid-template-columns:minmax(120px,.6fr) auto;gap:.2rem .8rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.p2p-sync-run p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.76rem}.p2p-sync-run small{display:block;color:var(--muted);font-size:.72rem}.p2p-sync-run>span{font-size:.72rem;font-weight:900}.p2p-sync-run.ok{border-color:rgba(34,197,94,.25)}.p2p-sync-run.danger{border-color:rgba(239,68,68,.3)}.p2p-sync-history{display:grid;gap:.55rem}.p2p-sync-result.danger{color:#ffb8b8}
@media(max-width:720px){.p2p-list-limit{align-items:flex-start;flex-direction:column}.p2p-detail-actions>.btn{width:100%}}

/* R13 R8 R9 R2 R6 R5 · P2P SIMPLE GUIDED REDESIGN */
#view-p2p{--p2p-gap:16px;--p2p-radius:18px;--p2p-text:min(0.94rem,16px)}
#view-p2p *{min-width:0}
#view-p2p .p2p-simple-heading{align-items:flex-start;margin-bottom:var(--p2p-gap)}
#view-p2p .p2p-simple-heading>div:first-child{max-width:760px}
#view-p2p .p2p-simple-heading h1{font-size:clamp(1.65rem,2.4vw,2.15rem);line-height:1.08;margin:.18rem 0 .42rem;letter-spacing:-.025em}
#view-p2p .p2p-simple-heading p:not(.eyebrow){font-size:.96rem;line-height:1.55;max-width:72ch;margin:0;color:var(--text-2)}
#view-p2p .p2p-heading-actions{max-width:520px}
#view-p2p .p2p-day-heading-state{display:grid;gap:3px;justify-items:end;text-align:right}
#view-p2p .p2p-day-heading-state small{font-size:.78rem;color:var(--text-2);line-height:1.35;max-width:190px;white-space:normal}
#view-p2p .p2p-shadow-badge{font-size:.72rem;letter-spacing:.045em;padding:.55rem .75rem;white-space:nowrap}

/* Opening is the only large block shown before the day is opened. */
#view-p2p:not(.p2p-has-opening) .p2p-day-dashboard{display:none}
#view-p2p.p2p-has-opening .p2p-day-start-card{display:none}
#view-p2p .p2p-simple-opening{padding:clamp(18px,2.5vw,28px);gap:20px;border-radius:22px;box-shadow:0 18px 54px rgba(0,0,0,.14)}
#view-p2p .p2p-simple-opening::before{width:5px}
#view-p2p .p2p-day-start-head h2{font-size:clamp(1.38rem,2.2vw,1.85rem);line-height:1.15;letter-spacing:-.02em}
#view-p2p .p2p-day-start-head p:not(.eyebrow){font-size:.94rem;line-height:1.58;max-width:68ch}
#view-p2p .p2p-opening-simple-form{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(280px,1fr);gap:14px 16px;align-items:start}
#view-p2p .p2p-opening-simple-form label{display:grid;gap:6px;color:var(--text-1);font-size:.87rem;font-weight:760;line-height:1.35}
#view-p2p .p2p-opening-simple-form label>span{overflow-wrap:anywhere}
#view-p2p .p2p-opening-simple-form input{width:100%;min-height:48px;font-size:1rem;border-radius:13px}
#view-p2p .p2p-opening-simple-form small{font-size:.76rem;line-height:1.45;color:var(--text-2);font-weight:520;overflow-wrap:anywhere}
#view-p2p .p2p-capital-primary-input input{font-size:clamp(1.05rem,1.7vw,1.28rem);font-variant-numeric:tabular-nums;font-weight:820}
#view-p2p .p2p-opening-more{grid-column:1/-1;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);overflow:hidden}
#view-p2p .p2p-opening-more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;font-size:.88rem;font-weight:800;color:var(--text-1)}
#view-p2p .p2p-opening-more>summary::-webkit-details-marker{display:none}
#view-p2p .p2p-opening-more>summary::after{content:'＋';font-size:1.05rem;color:var(--brand);flex:0 0 auto}
#view-p2p .p2p-opening-more[open]>summary::after{content:'−'}
#view-p2p .p2p-opening-more>summary span{display:block}
#view-p2p .p2p-opening-more>summary small{font-size:.74rem;font-weight:550;text-align:right;max-width:340px}
#view-p2p .p2p-opening-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 15px 15px}
#view-p2p .p2p-inline-opening-note{grid-column:1/-1}
#view-p2p .p2p-inline-opening-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:2px}
#view-p2p .p2p-inline-opening-actions .btn{min-height:46px;padding-inline:20px}

/* Next-action coach: one clear call to action. */
#view-p2p .p2p-simple-coach{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;margin-bottom:12px;border-radius:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--brand-soft) 58%,var(--surface-1)),var(--surface-1));border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}
#view-p2p .p2p-day-coach-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.15rem;font-weight:900}
#view-p2p .p2p-simple-coach .eyebrow{margin-bottom:2px}
#view-p2p .p2p-simple-coach h3{font-size:1rem;line-height:1.3;margin:0 0 2px}
#view-p2p .p2p-simple-coach p:not(.eyebrow){font-size:.82rem;line-height:1.45;margin:0;color:var(--text-2)}

/* Five steps remain visible, but stop competing with content. */
#view-p2p .p2p-simple-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 18px}
#view-p2p .p2p-simple-flow button{min-height:56px;padding:9px 10px;border-radius:13px;grid-template-columns:auto 1fr;column-gap:8px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}
#view-p2p .p2p-simple-flow button>span{width:30px;height:30px;border-radius:9px}
#view-p2p .p2p-simple-flow b{font-size:.82rem;line-height:1.25}
#view-p2p .p2p-simple-flow small{font-size:.69rem;line-height:1.25}

#view-p2p .p2p-day-dashboard{display:grid;gap:18px}
#view-p2p .p2p-simple-live{padding:clamp(16px,2vw,22px);gap:15px;border-radius:22px;overflow:visible}
#view-p2p .p2p-simple-live::after{display:none}
#view-p2p .p2p-section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
#view-p2p .p2p-section-title-row h2{font-size:clamp(1.18rem,1.8vw,1.5rem);line-height:1.2;margin:.12rem 0 .3rem;letter-spacing:-.012em}
#view-p2p .p2p-section-title-row p:not(.eyebrow){margin:0;color:var(--text-2);font-size:.86rem;line-height:1.5;max-width:70ch}
#view-p2p .p2p-inline-help{position:relative;flex:0 0 auto}
#view-p2p .p2p-inline-help>summary{cursor:pointer;list-style:none;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:.76rem;font-weight:780;color:var(--text-2)}
#view-p2p .p2p-inline-help>summary::-webkit-details-marker{display:none}
#view-p2p .p2p-inline-help[open]>summary{color:var(--text-1);border-color:var(--border-strong)}
#view-p2p .p2p-inline-help>div{position:absolute;z-index:10;right:0;top:calc(100% + 7px);width:min(390px,78vw);padding:12px 13px;border:1px solid var(--border-strong);border-radius:13px;background:var(--surface-1);box-shadow:0 18px 42px rgba(0,0,0,.28);font-size:.8rem;line-height:1.55;color:var(--text-2)}
#view-p2p .p2p-inline-help b{color:var(--text-1)}

#view-p2p .p2p-simple-capital-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px}
#view-p2p .p2p-simple-capital-grid article{padding:14px 15px;border-radius:15px;overflow:hidden}
#view-p2p .p2p-simple-capital-grid span{font-size:.72rem;line-height:1.3;letter-spacing:.035em}
#view-p2p .p2p-simple-capital-grid strong{font-size:clamp(1.28rem,1.9vw,1.7rem);line-height:1.1;margin:7px 0 5px;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#view-p2p .p2p-simple-capital-grid small{font-size:.74rem;line-height:1.35}
#view-p2p .p2p-reconciliation-strip{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--surface-2) 75%,transparent);font-size:.8rem;line-height:1.45}
#view-p2p .p2p-reconciliation-strip.ok{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface-2))}
#view-p2p .p2p-reconciliation-strip.warning{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--surface-2))}
#view-p2p .p2p-reconciliation-strip.danger{border-color:color-mix(in srgb,var(--danger) 48%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface-2))}

#view-p2p .p2p-action-heading{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
#view-p2p .p2p-action-heading b,#view-p2p .p2p-action-heading small{display:block}
#view-p2p .p2p-action-heading b{font-size:.9rem}.p2p-action-heading small{font-size:.75rem;color:var(--text-2);margin-top:2px}
#view-p2p .p2p-simple-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#view-p2p .p2p-simple-actions button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:10px;row-gap:1px;min-height:66px;padding:11px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}
#view-p2p .p2p-simple-actions button:hover{transform:translateY(-1px);border-color:var(--border-strong)}
#view-p2p .p2p-simple-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}
#view-p2p .p2p-simple-actions button>span{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-1) 85%,transparent);font-size:1.05rem;font-weight:900}
#view-p2p .p2p-simple-actions b{font-size:.84rem;line-height:1.25;overflow-wrap:anywhere}
#view-p2p .p2p-simple-actions small{font-size:.69rem;line-height:1.3;color:var(--text-2);overflow-wrap:anywhere}
#view-p2p .p2p-simple-actions .buy{border-color:color-mix(in srgb,var(--success) 38%,var(--border))}
#view-p2p .p2p-simple-actions .sell{border-color:color-mix(in srgb,var(--danger) 34%,var(--border))}
#view-p2p .p2p-simple-actions .sync{border-color:color-mix(in srgb,#70b7ff 38%,var(--border))}
#view-p2p .p2p-simple-actions .confirm{border-color:color-mix(in srgb,var(--brand) 42%,var(--border))}

#view-p2p .p2p-explain-box,#view-p2p .p2p-plain-help{border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);overflow:hidden}
#view-p2p .p2p-explain-box>summary,#view-p2p .p2p-plain-help>summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:.78rem;font-weight:780;color:var(--text-2)}
#view-p2p .p2p-explain-box>summary::-webkit-details-marker,#view-p2p .p2p-plain-help>summary::-webkit-details-marker{display:none}
#view-p2p .p2p-explain-box>summary::after,#view-p2p .p2p-plain-help>summary::after{content:'＋';float:right;color:var(--brand)}
#view-p2p .p2p-explain-box[open]>summary::after,#view-p2p .p2p-plain-help[open]>summary::after{content:'−'}
#view-p2p .p2p-explain-box .p2p-capital-formula{border-width:1px 0 0;border-radius:0;margin:0;font-size:.8rem}
#view-p2p .p2p-explain-box .p2p-capital-bridge{border-top:1px solid var(--border);padding:12px;background:transparent}
#view-p2p .p2p-simple-close-actions{justify-content:flex-end;border-top:1px solid var(--border);padding-top:13px}
#view-p2p .p2p-simple-close-actions .p2p-duplicate-action{display:none!important}
#view-p2p .p2p-simple-close-actions #openP2PDay{margin-right:auto}
#view-p2p .p2p-simple-checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
#view-p2p .p2p-simple-checklist>div{padding:8px 9px;min-height:48px;border-radius:11px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7px}
#view-p2p .p2p-simple-checklist>div>span{grid-row:1/3;width:27px;height:27px;border-radius:8px}
#view-p2p .p2p-simple-checklist b{font-size:.72rem;line-height:1.2}
#view-p2p .p2p-simple-checklist small{font-size:.65rem;line-height:1.2}

/* Summary uses responsive auto-fit so values cannot escape their cards. */
#view-p2p .p2p-summary-section{display:grid;gap:11px}
#view-p2p .p2p-simple-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0}
#view-p2p .p2p-simple-metrics article{padding:14px 15px;border-radius:15px;min-height:102px}
#view-p2p .p2p-simple-metrics article.primary-metric{grid-column:span 2;border-color:color-mix(in srgb,var(--success) 42%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 8%,var(--surface-1)),var(--surface-2))}
#view-p2p .p2p-simple-metrics span{font-size:.72rem;line-height:1.3;letter-spacing:.035em}
#view-p2p .p2p-simple-metrics strong{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.12;margin:8px 0 5px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#view-p2p .p2p-simple-metrics small{font-size:.73rem;line-height:1.35}

#view-p2p .p2p-simple-operations{padding:clamp(14px,1.8vw,20px);border-radius:20px}
#view-p2p .p2p-operations-title{margin-bottom:12px}
#view-p2p .p2p-toolbar{align-items:stretch;margin-bottom:10px}
#view-p2p .p2p-filter-tabs{align-content:center}
#view-p2p .p2p-toolbar-controls{min-width:0;display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;flex:1}
#view-p2p .p2p-toolbar-controls>input,#view-p2p .p2p-toolbar-controls>select,#view-p2p .p2p-search{max-width:none;min-width:0;width:100%}
#view-p2p .p2p-plain-help{margin:4px 0 13px}
#view-p2p .p2p-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:0 12px 12px}
#view-p2p .p2p-help-grid p{margin:0;font-size:.78rem;line-height:1.45;color:var(--text-2)}
#view-p2p .p2p-help-grid b{color:var(--text-1)}
#view-p2p .p2p-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
#view-p2p .p2p-operation-card{border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.11)}
#view-p2p .p2p-card-top,#view-p2p .p2p-card-money,#view-p2p .p2p-card-peer,#view-p2p .p2p-card-foot{padding-left:14px;padding-right:14px}
#view-p2p .p2p-card-title small{white-space:normal;overflow-wrap:anywhere}
#view-p2p .p2p-card-date{font-size:.72rem;white-space:normal;text-align:right;max-width:150px}
#view-p2p .p2p-card-money{grid-template-columns:1fr 1fr}
#view-p2p .p2p-card-money strong{font-size:clamp(.98rem,1.3vw,1.12rem);white-space:normal;overflow-wrap:anywhere}
#view-p2p .p2p-card-foot{font-size:.76rem;line-height:1.35}

/* Advanced tools are collapsed by default to reduce cognitive load. */
#view-p2p .p2p-tools-panel{padding:0;overflow:hidden;border-radius:18px;background:var(--surface-1)}
#view-p2p .p2p-tools-summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 17px}
#view-p2p .p2p-tools-summary::-webkit-details-marker{display:none}
#view-p2p .p2p-tools-summary:hover{background:color-mix(in srgb,var(--surface-2) 68%,transparent)}
#view-p2p .p2p-tools-icon{width:38px;height:38px;border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;color:var(--brand);background:var(--surface-2);font-size:1.02rem;font-weight:900}
#view-p2p .p2p-tools-summary b,#view-p2p .p2p-tools-summary small{display:block}
#view-p2p .p2p-tools-summary b{font-size:.93rem;line-height:1.3}
#view-p2p .p2p-tools-summary small{font-size:.75rem;line-height:1.4;color:var(--text-2);margin-top:2px}
#view-p2p .p2p-tools-summary em{font-style:normal;font-size:.66rem;font-weight:850;letter-spacing:.06em;color:var(--text-2)}
#view-p2p .p2p-tools-summary em::before{content:'＋ ';color:var(--brand)}
#view-p2p .p2p-tools-panel[open] .p2p-tools-summary em::before{content:'− '}
#view-p2p .p2p-tools-body{display:grid;gap:14px;padding:0 17px 17px;border-top:1px solid var(--border);padding-top:15px}
#view-p2p .p2p-sync-center{background:none;border:0}
#view-p2p .p2p-sync-grid{gap:12px}
#view-p2p .p2p-sync-card{padding:14px;border-radius:15px;box-shadow:none}
#view-p2p .p2p-sync-card-head p,#view-p2p .p2p-sync-actions small,#view-p2p .p2p-sync-result,#view-p2p .p2p-file-drop small{font-size:.77rem;line-height:1.45}
#view-p2p .p2p-sync-fields label,#view-p2p .p2p-file-drop{font-size:.79rem}
#view-p2p .p2p-sync-fields input,#view-p2p .p2p-file-drop input{font-size:.86rem}
#view-p2p .p2p-mini-ledger{margin:0;border:0;padding:0;background:none}
#view-p2p .p2p-mini-column{border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface-2)}
#view-p2p .p2p-mini-column .panel-head p:not(.eyebrow),#view-p2p .p2p-capital-history-panel .panel-head p{font-size:.76rem;line-height:1.45;color:var(--text-2);margin:.25rem 0 0}
#view-p2p .p2p-capital-history-panel{border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface-2)}
#view-p2p .p2p-platform-breakdown{margin:0}
#view-p2p .p2p-engine-strip{margin:0}

#view-p2p button:focus-visible,#view-p2p summary:focus-visible,#view-p2p input:focus-visible,#view-p2p select:focus-visible,#view-p2p textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

@media(max-width:1180px){
  #view-p2p .p2p-simple-capital-grid{grid-template-columns:1fr 1fr}
  #view-p2p .p2p-simple-actions{grid-template-columns:1fr 1fr 1fr}
  #view-p2p .p2p-toolbar-controls{grid-template-columns:1fr 1fr;flex-basis:100%}
  #view-p2p .p2p-toolbar-controls .p2p-search{grid-column:1/-1}
}
@media(max-width:880px){
  #view-p2p .p2p-simple-heading{display:grid;gap:12px}
  #view-p2p .p2p-heading-actions{justify-content:flex-start;max-width:none;width:100%}
  #view-p2p .p2p-day-heading-state{justify-items:start;text-align:left}
  #view-p2p .p2p-opening-simple-form{grid-template-columns:1fr}
  #view-p2p .p2p-opening-more,#view-p2p .p2p-inline-opening-note,#view-p2p .p2p-inline-opening-actions{grid-column:auto}
  #view-p2p .p2p-opening-more-grid{grid-template-columns:1fr}
  #view-p2p .p2p-simple-flow{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}
  #view-p2p .p2p-simple-flow button{min-width:132px;scroll-snap-align:start}
  #view-p2p .p2p-simple-actions{grid-template-columns:1fr 1fr}
  #view-p2p .p2p-simple-checklist{display:flex;overflow-x:auto;padding-bottom:3px}
  #view-p2p .p2p-simple-checklist>div{min-width:125px}
  #view-p2p .p2p-section-title-row{display:grid;gap:8px}
  #view-p2p .p2p-inline-help{justify-self:start}
  #view-p2p .p2p-inline-help>div{left:0;right:auto}
  #view-p2p .p2p-simple-metrics article.primary-metric{grid-column:auto}
}
@media(max-width:620px){
  #view-p2p{--p2p-gap:12px}
  #view-p2p .p2p-simple-heading h1{font-size:1.55rem}
  #view-p2p .p2p-heading-actions .btn{width:100%}
  #view-p2p .p2p-shadow-badge{order:3}
  #view-p2p .p2p-simple-opening{padding:15px}
  #view-p2p .p2p-opening-more>summary{display:grid;gap:3px}
  #view-p2p .p2p-opening-more>summary small{text-align:left;max-width:none}
  #view-p2p .p2p-inline-opening-actions{display:grid;align-items:stretch}
  #view-p2p .p2p-inline-opening-actions .btn{width:100%}
  #view-p2p .p2p-simple-coach{grid-template-columns:auto 1fr}
  #view-p2p .p2p-simple-coach>.btn{grid-column:1/-1;width:100%}
  #view-p2p .p2p-simple-capital-grid{grid-template-columns:1fr}
  #view-p2p .p2p-simple-actions{grid-template-columns:1fr}
  #view-p2p .p2p-simple-actions button{min-height:62px}
  #view-p2p .p2p-simple-close-actions{display:grid}
  #view-p2p .p2p-simple-close-actions #openP2PDay{margin:0}
  #view-p2p .p2p-simple-close-actions .btn{width:100%}
  #view-p2p .p2p-simple-metrics{grid-template-columns:1fr 1fr}
  #view-p2p .p2p-toolbar-controls{grid-template-columns:1fr}
  #view-p2p .p2p-toolbar-controls .p2p-search{grid-column:auto}
  #view-p2p .p2p-toolbar-controls .btn{width:100%}
  #view-p2p .p2p-help-grid{grid-template-columns:1fr}
  #view-p2p .p2p-card-money{grid-template-columns:1fr}
  #view-p2p .p2p-card-top{display:grid;grid-template-columns:auto 1fr}
  #view-p2p .p2p-card-date{grid-column:2;text-align:left;max-width:none}
  #view-p2p .p2p-tools-summary{grid-template-columns:auto 1fr}
  #view-p2p .p2p-tools-summary em{grid-column:2}
}
@media(max-width:420px){
  #view-p2p .p2p-simple-metrics{grid-template-columns:1fr}
  #view-p2p .p2p-filter-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #view-p2p .p2p-filter-tabs button{width:100%}
  #view-p2p .p2p-inline-help>div{width:min(330px,calc(100vw - 40px))}
}
@media(prefers-reduced-motion:reduce){#view-p2p .p2p-simple-actions button{transition:none}}


/* R13 R8 R9 R2 R6 R6 · P2P DAILY ASSISTANT
   One visible exception center; financial calculations remain in the existing engine. */
#view-p2p .p2p-guided-center{display:grid;gap:14px;margin:0 0 18px;padding:clamp(15px,1.8vw,20px);border-radius:20px;border-color:color-mix(in srgb,var(--brand) 24%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft) 46%,var(--surface-1)),var(--surface-1) 52%)}
#view-p2p:not(.p2p-has-opening) .p2p-guided-center{display:none}
#view-p2p .p2p-guided-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#view-p2p .p2p-guided-head h2{margin:.12rem 0 .25rem;font-size:clamp(1.08rem,1.6vw,1.35rem)}
#view-p2p .p2p-guided-head p:not(.eyebrow){margin:0;color:var(--text-2);font-size:.8rem;line-height:1.45}
#view-p2p .p2p-guided-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#view-p2p .p2p-guided-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:8px 10px;align-items:center;min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 85%,transparent)}
#view-p2p .p2p-guided-item.attention{border-color:color-mix(in srgb,var(--warning) 52%,var(--border));background:color-mix(in srgb,var(--warning) 7%,var(--surface-2))}
#view-p2p .p2p-guided-item.done{border-color:color-mix(in srgb,var(--success) 36%,var(--border))}
#view-p2p .p2p-guided-icon{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-1);font-weight:900;color:var(--brand)}
#view-p2p .p2p-guided-item span,#view-p2p .p2p-guided-item strong,#view-p2p .p2p-guided-item small{display:block;overflow-wrap:anywhere}
#view-p2p .p2p-guided-item span{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-weight:800}
#view-p2p .p2p-guided-item strong{margin:3px 0 2px;font-size:1.05rem;line-height:1.2;font-variant-numeric:tabular-nums}
#view-p2p .p2p-guided-item small{font-size:.7rem;line-height:1.35;color:var(--text-2)}
#view-p2p .p2p-guided-item>.text-button{grid-column:2;justify-self:start;padding:2px 0;min-height:28px}
#view-p2p .p2p-source-health{display:grid;gap:4px;margin:4px 0 5px}
#view-p2p .p2p-source-health b{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.76rem}
#view-p2p .p2p-source-health em{font-style:normal;font-size:.63rem;letter-spacing:.04em;border:1px solid var(--border);border-radius:999px;padding:3px 6px;color:var(--text-2)}
#view-p2p .p2p-source-health em.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 38%,var(--border))}
#view-p2p .p2p-source-health em.warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}
#view-p2p .p2p-source-health em.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}
#view-p2p .p2p-guided-next{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding-top:12px}
#view-p2p .p2p-guided-next span,#view-p2p .p2p-guided-next strong,#view-p2p .p2p-guided-next small{display:block}
#view-p2p .p2p-guided-next span{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);font-weight:800}
#view-p2p .p2p-guided-next strong{font-size:.92rem;margin:2px 0}
#view-p2p .p2p-guided-next small{font-size:.72rem;color:var(--text-2)}
#view-p2p .p2p-difference-action{width:100%;margin-top:8px;min-height:32px;border:1px solid color-mix(in srgb,var(--warning) 50%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--warning) 9%,transparent);color:var(--warning);font-weight:800;cursor:pointer}
#view-p2p .p2p-difference-action.hidden{display:none}
.p2p-difference-resolver{display:grid;gap:12px}
.p2p-difference-total{display:grid;gap:3px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--warning) 40%,var(--border));border-radius:13px;background:var(--warning-soft)}
.p2p-difference-total span{font-size:.74rem;color:var(--text-2)}.p2p-difference-total strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.p2p-difference-total small{font-size:.72rem;line-height:1.4;color:var(--text-2)}
.p2p-resolver-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p2p-resolver-actions .btn{white-space:normal;min-height:44px}
.p2p-close-readiness{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);font-size:.77rem;line-height:1.4}.p2p-close-readiness b,.p2p-close-readiness span{display:block}.p2p-close-readiness span{color:var(--text-2)}.p2p-close-readiness.ok{border-color:color-mix(in srgb,var(--success) 42%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface-2))}.p2p-close-readiness.warning{border-color:color-mix(in srgb,var(--warning) 50%,var(--border));background:color-mix(in srgb,var(--warning) 7%,var(--surface-2))}
#view-p2p .p2p-attention-pulse{animation:p2p-attention-pulse 1.6s ease}
@keyframes p2p-attention-pulse{0%,100%{box-shadow:0 10px 28px rgba(0,0,0,.11)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 40%,transparent),0 10px 28px rgba(0,0,0,.11)}}
@media(max-width:980px){#view-p2p .p2p-guided-grid{grid-template-columns:1fr 1fr}#view-p2p .p2p-guided-item.source{grid-column:1/-1}}
@media(max-width:620px){#view-p2p .p2p-guided-head,#view-p2p .p2p-guided-next{display:grid}#view-p2p .p2p-guided-grid{grid-template-columns:1fr}#view-p2p .p2p-guided-item.source{grid-column:auto}#view-p2p .p2p-guided-next .btn{width:100%}.p2p-resolver-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#view-p2p .p2p-attention-pulse{animation:none}}

/* R13 R8 R9 R2 R6 R7 · P2P CONTROL & FINALIZATION */
#view-p2p .p2p-control-hub{display:grid;gap:14px;margin:0 0 18px;padding:clamp(15px,1.8vw,20px);border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft) 35%,var(--surface-1)),var(--surface-1) 58%)}
#view-p2p .p2p-control-hub>.panel-head{margin:0}
#view-p2p .p2p-control-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#view-p2p .p2p-control-card{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);box-shadow:0 9px 24px rgba(0,0,0,.07)}
#view-p2p .p2p-control-card.capital{border-color:color-mix(in srgb,var(--brand) 38%,var(--border))}
#view-p2p .p2p-control-card.sources{border-color:color-mix(in srgb,var(--warning) 34%,var(--border))}
#view-p2p .p2p-control-card.debt{border-color:color-mix(in srgb,var(--info,var(--brand)) 28%,var(--border))}
#view-p2p .p2p-control-card.accountant{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}
#view-p2p .p2p-control-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}
#view-p2p .p2p-control-card-head span{font-size:.66rem;letter-spacing:.055em;font-weight:850;color:var(--text-2)}
#view-p2p .p2p-control-card-head b{font-size:.9rem;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-p2p .p2p-control-lines{display:grid;gap:5px}
#view-p2p .p2p-control-lines p{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:0;padding:5px 0;border-bottom:1px dashed color-mix(in srgb,var(--border) 70%,transparent);font-size:.74rem}
#view-p2p .p2p-control-lines p:last-child{border-bottom:0}
#view-p2p .p2p-control-lines span{color:var(--text-2)}
#view-p2p .p2p-control-lines strong{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
#view-p2p .p2p-control-card>small,#view-p2p .p2p-accounting-note{margin:0;color:var(--text-2);font-size:.69rem;line-height:1.45;overflow-wrap:anywhere}
#view-p2p .p2p-source-final-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:7px 0;border-bottom:1px dashed color-mix(in srgb,var(--border) 70%,transparent);font-size:.72rem}
#view-p2p .p2p-source-final-row strong{font-size:.66rem;letter-spacing:.035em;overflow-wrap:anywhere;text-align:right}
#view-p2p .p2p-source-final-row .text-button{min-height:32px}
#view-p2p .p2p-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
#view-p2p .p2p-control-card .btn{min-height:40px;white-space:normal}
.p2p-platform-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.p2p-platform-entry-grid section{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.p2p-platform-entry-grid section h3{grid-column:1/-1;margin:0 0 2px;font-size:.9rem}
.p2p-platform-entry-grid label{display:grid;gap:5px;font-size:.72rem;color:var(--text-2)}
.p2p-platform-entry-grid input{min-width:0}
.p2p-capture-state{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--border));border-radius:999px;color:var(--brand);font-size:.59rem;font-weight:850;letter-spacing:.045em;white-space:nowrap}
.p2p-source-origin.manual{color:var(--warning)!important;border-color:color-mix(in srgb,var(--warning) 45%,var(--border))!important;background:color-mix(in srgb,var(--warning) 7%,transparent)!important}
.p2p-source-origin.verified{color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 42%,var(--border))!important;background:color-mix(in srgb,var(--success) 6%,transparent)!important}
#view-p2p .p2p-card-foot{flex-wrap:wrap}
@media(max-width:1180px){#view-p2p .p2p-control-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){#view-p2p .p2p-control-hub-grid,.p2p-platform-entry-grid{grid-template-columns:1fr}.p2p-platform-entry-grid section{grid-template-columns:1fr}.p2p-platform-entry-grid section h3{grid-column:auto}#view-p2p .p2p-source-final-row{grid-template-columns:1fr auto}#view-p2p .p2p-source-final-row .text-button{grid-column:1/-1;justify-self:start;min-height:40px}#view-p2p .p2p-control-card .btn{min-height:44px}}

.p2p-accounting-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p2p-accounting-actions .btn{min-height:40px}
@media(max-width:700px){.p2p-accounting-actions{display:grid;grid-template-columns:1fr}.p2p-accounting-actions .btn{width:100%;min-height:44px}}


/* R10 UX COMPLETE — avatares con fallback visible, tablas estables y etiquetas siempre legibles. */
.avatar-frame,.app-avatar{position:relative;isolation:isolate;overflow:hidden}
.avatar-frame .avatar-fallback,.app-avatar .avatar-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-weight:950;letter-spacing:.02em;color:var(--primary,#174eb5);background:linear-gradient(145deg,var(--surface-2,#edf4ff),color-mix(in srgb,var(--primary,#2864dc) 12%,var(--surface-1,#fff)));text-shadow:none}
.avatar-frame>img,.app-avatar>img{z-index:2;opacity:0;transition:opacity .16s ease;object-fit:cover;object-position:50% 42%}
.avatar-frame.image-ready>img,.app-avatar.image-ready>img{opacity:1}
.avatar-frame:not(.image-ready) .avatar-fallback,.app-avatar:not(.image-ready) .avatar-fallback{opacity:1}
.avatar-frame.image-ready .avatar-fallback,.app-avatar.image-ready .avatar-fallback{opacity:0}
.avatar-frame.has-photo,.app-avatar.has-photo{color:transparent!important}
.profile-list-avatar .avatar-fallback{font-size:11px}.team-avatar .avatar-fallback{font-size:10px}.profile-avatar .avatar-fallback{font-size:22px}.avatar .avatar-fallback{font-size:12px}

.profile-table{width:100%;table-layout:fixed}
.profile-table th,.profile-table td{min-width:0;vertical-align:middle}
.profile-table-done col:nth-child(1){width:28%}.profile-table-done col:nth-child(2){width:14%}.profile-table-done col:nth-child(3){width:17%}.profile-table-done col:nth-child(4){width:13%}.profile-table-done col:nth-child(5){width:28%}
.profile-table-work col:nth-child(1){width:28%}.profile-table-work col:nth-child(2){width:15%}.profile-table-work col:nth-child(3){width:15%}.profile-table-work col:nth-child(4){width:16%}.profile-table-work col:nth-child(5){width:26%}
.profile-table-base col:nth-child(1){width:28%}.profile-table-base col:nth-child(2){width:15%}.profile-table-base col:nth-child(3){width:12%}.profile-table-base col:nth-child(4){width:17%}.profile-table-base col:nth-child(5){width:28%}
.row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;width:100%;align-items:stretch}
.row-actions .mini-button{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%;font-size:9px!important;line-height:1.25!important;color:var(--text-1,var(--ink,#111827))!important;overflow:visible!important;text-indent:0!important}
.row-actions .mini-button.primary{color:var(--on-primary,#fff)!important}
.row-actions .mini-button .action-icon{flex:0 0 auto;width:16px;text-align:center;font-size:12px;line-height:1}
.row-actions .mini-button .action-label{display:inline!important;visibility:visible!important;opacity:1!important;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:inherit;font-weight:850;color:inherit!important}
.version-status{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.version-status small{font-size:8px;line-height:1.2;color:var(--text-2,var(--muted,#667085));white-space:normal}.version-status.current small{color:var(--success,#138a4b)}.version-status.pending small{color:var(--warning,#9a6100)}
.version-status .version-chip{height:auto;min-height:28px;white-space:nowrap}
@media(max-width:1120px) and (min-width:801px){.row-actions{grid-template-columns:1fr}.profile-table-done col:nth-child(1){width:25%}.profile-table-done col:nth-child(5){width:30%}}
@media(max-width:800px){.profile-table{table-layout:auto}.profile-table colgroup{display:none}.row-actions{grid-template-columns:1fr 1fr}.row-actions .mini-button{min-height:44px!important}.version-status{align-items:flex-end}}

/* R15 · P2P Source Center + operational ledger */
.p2p-operational-badge{letter-spacing:.08em}.p2p-source-center-head{align-items:flex-start}.p2p-source-center-actions{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:end;margin:14px 0}.p2p-source-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.p2p-source-file-drop{margin:0}.p2p-source-metrics{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin:14px 0}.p2p-source-metrics article{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface-2)}.p2p-source-metrics span,.p2p-source-metrics small{display:block;color:var(--muted);font-size:12px}.p2p-source-metrics strong{display:block;font-size:21px;margin:4px 0}.p2p-source-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.p2p-source-center-grid>section,.p2p-source-files-section{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface-2)}.p2p-source-files-section{margin-top:14px}.p2p-source-subhead{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.p2p-source-subhead h3{margin:0;font-size:15px}.p2p-source-subhead small{color:var(--muted);text-align:right}.p2p-source-review-list,.p2p-source-files-list{display:grid;gap:8px}.p2p-source-review-card,.p2p-source-file-row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface-1)}.p2p-source-review-card header,.p2p-source-file-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.p2p-source-review-card p,.p2p-source-file-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.p2p-source-review-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.p2p-source-score{font-variant-numeric:tabular-nums;font-weight:800}.p2p-source-file-main{min-width:0}.p2p-source-file-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p2p-source-file-row>a{white-space:nowrap}.p2p-source-import-result{margin-top:10px}.p2p-source-exception-severity{font-size:11px;font-weight:800;text-transform:uppercase}.p2p-source-exception-severity.high{color:var(--danger)}@media(max-width:1100px){.p2p-source-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.p2p-source-center-actions,.p2p-source-center-grid{grid-template-columns:1fr}.p2p-source-action-buttons{justify-content:stretch}.p2p-source-action-buttons .btn{flex:1}.p2p-source-metrics{grid-template-columns:repeat(2,1fr)}.p2p-source-subhead{display:block}.p2p-source-subhead small{display:block;text-align:left;margin-top:4px}.p2p-source-file-row{align-items:flex-start;flex-direction:column}}

/* R15 R4 · Constructor de Capital Diario */
.p2p-capital-builder-form{display:grid;gap:14px}.p2p-capital-builder-top{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(170px,1fr) minmax(145px,.8fr) minmax(180px,1.2fr);gap:10px}.p2p-capital-builder-top label,.p2p-capital-check-modal label{display:grid;gap:5px}.p2p-capital-builder-top label>span{font-size:11px;font-weight:800;color:var(--muted)}
.p2p-capital-builder-intro{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.p2p-capital-builder-intro>div:first-child{display:grid;gap:4px}.p2p-capital-builder-intro b{font-size:13px}.p2p-capital-builder-intro span{font-size:11px;color:var(--muted);line-height:1.45}
.p2p-capital-presets{display:flex;flex-wrap:wrap;gap:6px}.p2p-capital-presets button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.p2p-capital-presets button:hover,.p2p-capital-presets button:focus-visible{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 16%,transparent)}
.p2p-capital-builder-head,.p2p-capital-builder-row{display:grid;grid-template-columns:minmax(180px,1.55fr) minmax(82px,.65fr) minmax(105px,.85fr) minmax(105px,.85fr) minmax(115px,.95fr) minmax(100px,.8fr) 62px;gap:8px;align-items:center}.p2p-capital-builder-head{padding:0 10px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.p2p-capital-builder-rows{display:grid;gap:8px}.p2p-capital-builder-row{padding:10px;border:1px solid var(--line);background:var(--panel);border-radius:14px}.p2p-capital-builder-row input,.p2p-capital-builder-row select{min-width:0;width:100%;height:38px}.p2p-capital-location{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:6px}.p2p-capital-builder-row>[data-capital-value]{font-size:12px;text-align:right;white-space:nowrap}.p2p-capital-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.p2p-capital-row-actions label{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.p2p-capital-row-actions label input{position:absolute;opacity:0;pointer-events:none}.p2p-capital-row-actions label span{font-size:15px;font-weight:900;color:var(--muted)}.p2p-capital-row-actions label:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.p2p-capital-row-actions label:has(input:checked) span{color:var(--gold)}.p2p-capital-row-actions button{width:30px;height:30px;border:0;border-radius:9px;background:var(--danger-soft);color:var(--danger);font-size:18px;cursor:pointer}.p2p-capital-add-row{justify-self:start}
.p2p-capital-builder-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.p2p-capital-builder-totals article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.p2p-capital-builder-totals article.primary{border-color:color-mix(in srgb,var(--gold) 38%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel))}.p2p-capital-builder-totals span{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted)}.p2p-capital-builder-totals strong{font-size:17px}.p2p-capital-builder-totals small{font-size:9px;color:var(--muted);line-height:1.35}.p2p-loan-double-count{margin:0}.p2p-location-delta-preview{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.p2p-location-delta-preview>b{font-size:11px}.p2p-location-delta-preview>span{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.p2p-location-delta-preview>span strong{color:var(--text)}.p2p-location-delta-preview>small{font-size:9px;color:var(--warning)}
@media(max-width:1050px){.p2p-capital-builder-top{grid-template-columns:1fr 1fr}.p2p-capital-builder-head{display:none}.p2p-capital-builder-row{grid-template-columns:minmax(0,1.5fr) 88px minmax(100px,.8fr) minmax(100px,.8fr);grid-template-areas:"location asset amount value" "location fx owner actions"}.p2p-capital-builder-row .p2p-capital-location{grid-area:location}.p2p-capital-builder-row>[data-capital-field="asset"]{grid-area:asset}.p2p-capital-builder-row>[data-capital-field="amount"]{grid-area:amount}.p2p-capital-builder-row>[data-capital-field="custom_fx_rate_crc"]{grid-area:fx}.p2p-capital-builder-row>[data-capital-value]{grid-area:value}.p2p-capital-builder-row>[data-capital-field="owner_kind"]{grid-area:owner}.p2p-capital-row-actions{grid-area:actions}.p2p-capital-builder-totals{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.p2p-capital-builder-top,.p2p-capital-builder-intro{grid-template-columns:1fr}.p2p-capital-builder-row{grid-template-columns:1fr 1fr;grid-template-areas:"location location" "asset amount" "fx value" "owner actions";gap:7px}.p2p-capital-location{grid-template-columns:minmax(0,1fr) 96px}.p2p-capital-builder-totals{grid-template-columns:1fr 1fr}.p2p-capital-builder-totals strong{font-size:15px}.p2p-capital-presets{gap:5px}.p2p-capital-presets button{padding:7px 8px}.p2p-capital-builder-row>[data-capital-value]{text-align:left;padding:8px 2px}.p2p-capital-row-actions{justify-content:flex-start}}
@media(max-width:430px){.p2p-capital-builder-totals{grid-template-columns:1fr}.p2p-capital-location{grid-template-columns:1fr}.p2p-capital-builder-row{grid-template-columns:1fr;grid-template-areas:"location" "asset" "amount" "fx" "value" "owner" "actions"}}
.p2p-capital-location-summary{display:grid;gap:4px;margin:8px 0}.p2p-capital-location-summary>span{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:10px}.p2p-capital-location-summary>span:last-child{border-bottom:0}.p2p-capital-location-summary em{font-style:normal;color:var(--muted);text-align:right}.p2p-capital-location-summary small{color:var(--muted);font-size:10px}
.p2p-mini-item.muted{opacity:.62}.p2p-mini-actions{display:flex;align-items:center;gap:8px}.p2p-mini-actions strong{font-size:9px}.p2p-mini-actions button{font-size:9px}

/* R15 R5 · P2P Daily Capital Cockpit UI Reorder
   Layout fix: the capital builder is always a single full-width flow. */
#view-p2p .p2p-capital-builder-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%;
  max-width:100%;
  overflow:visible;
}
#view-p2p .p2p-capital-builder-form>*{grid-column:1/-1!important;min-width:0}
#view-p2p .p2p-capital-section{
  display:grid;
  gap:14px;
  min-width:0;
  padding:16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface-2) 82%,var(--surface-1));
}
#view-p2p .p2p-capital-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding-bottom:12px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent);
}
#view-p2p .p2p-capital-section-heading>div:first-child{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-width:0;
}
#view-p2p .p2p-capital-section-heading h3{margin:0;font-size:.98rem;line-height:1.2;letter-spacing:-.01em}
#view-p2p .p2p-capital-section-heading p{margin:3px 0 0!important;max-width:72ch!important;color:var(--text-2)!important;font-size:.76rem!important;line-height:1.42!important}
#view-p2p .p2p-capital-step-index{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--brand) 38%,var(--border));
  background:color-mix(in srgb,var(--brand) 10%,var(--surface-1));
  color:var(--brand);font:900 .7rem ui-monospace,monospace;letter-spacing:.04em;
}
#view-p2p .p2p-capital-section-chip{
  display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;
  border:1px solid var(--border);border-radius:999px;color:var(--text-2);
  font:850 .61rem ui-monospace,monospace;letter-spacing:.07em;white-space:nowrap;
}
#view-p2p .p2p-capital-section-chip.live{border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}

/* Setup: two deliberate cards, never two unrelated form fragments sharing the old form grid. */
#view-p2p .p2p-capital-setup-grid{
  display:grid;
  grid-template-columns:minmax(560px,1.35fr) minmax(310px,.65fr);
  gap:14px;
  align-items:stretch;
}
#view-p2p .p2p-capital-builder-top{
  display:grid!important;
  grid-template-columns:minmax(125px,.72fr) minmax(165px,1fr) minmax(140px,.8fr) minmax(165px,1fr)!important;
  gap:10px!important;
  align-items:start;
  padding:14px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface-1);
}
#view-p2p .p2p-capital-builder-top label{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;align-content:start;min-width:0}
#view-p2p .p2p-capital-builder-top input,#view-p2p .p2p-capital-builder-top select{width:100%;min-width:0;min-height:43px;border-radius:11px}
#view-p2p .p2p-capital-builder-top .p2p-fx-main input{font-variant-numeric:tabular-nums;font-weight:820}
#view-p2p .p2p-capital-builder-top label>span{font-size:.68rem!important;line-height:1.25;color:var(--text-2)!important;font-weight:850!important}
#view-p2p .p2p-capital-builder-top small{font-size:.64rem!important;line-height:1.35!important}
#view-p2p .p2p-capital-source-card{
  display:grid;align-content:start;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--border));
  border-radius:15px;background:color-mix(in srgb,var(--brand) 5%,var(--surface-1));
}
#view-p2p .p2p-capital-source-copy{display:grid;gap:4px}
#view-p2p .p2p-capital-source-copy b{font-size:.82rem}
#view-p2p .p2p-capital-source-copy span{font-size:.7rem;line-height:1.45;color:var(--text-2)}
#view-p2p .p2p-capital-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
#view-p2p .p2p-capital-presets button{
  min-height:36px;padding:7px 8px!important;border-radius:10px!important;font-size:.69rem!important;
  white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;
}

/* Accounts table/card */
#view-p2p .p2p-capital-accounts-heading .p2p-capital-add-row{justify-self:auto;white-space:nowrap}
#view-p2p .p2p-capital-builder-table{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface-1)}
#view-p2p .p2p-capital-builder-head{
  display:grid!important;
  grid-template-columns:minmax(235px,1.65fr) minmax(80px,.55fr) minmax(105px,.72fr) minmax(105px,.72fr) minmax(120px,.82fr) minmax(105px,.72fr) 78px!important;
  gap:9px!important;align-items:center!important;padding:10px 13px!important;
  background:color-mix(in srgb,var(--surface-2) 92%,transparent);border-bottom:1px solid var(--border);
  color:var(--text-2)!important;font-size:.61rem!important;font-weight:900!important;letter-spacing:.055em!important;
}
#view-p2p .p2p-capital-builder-rows{display:grid!important;gap:0!important}
#view-p2p .p2p-capital-builder-row{
  display:grid!important;
  grid-template-columns:minmax(235px,1.65fr) minmax(80px,.55fr) minmax(105px,.72fr) minmax(105px,.72fr) minmax(120px,.82fr) minmax(105px,.72fr) 78px!important;
  grid-template-areas:none!important;
  gap:9px!important;align-items:center!important;
  padding:12px 13px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;
  background:var(--surface-1)!important;
}
#view-p2p .p2p-capital-builder-row:last-child{border-bottom:0!important}
#view-p2p .p2p-capital-builder-row:focus-within{background:color-mix(in srgb,var(--brand) 4%,var(--surface-1))!important}
#view-p2p .p2p-capital-field{display:grid!important;grid-area:auto!important;gap:4px!important;min-width:0;margin:0!important}
#view-p2p .p2p-capital-field-location{display:block!important}
#view-p2p .p2p-capital-location{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(88px,106px)!important;gap:7px!important;min-width:0}
#view-p2p .p2p-capital-builder-row input,#view-p2p .p2p-capital-builder-row select{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;border-radius:10px!important;font-size:.78rem!important}
#view-p2p .p2p-capital-location input{font-weight:800}
#view-p2p .p2p-capital-location select{color:var(--text-2);font-size:.71rem!important}
#view-p2p .p2p-capital-value-cell{align-content:center;min-height:40px;padding:0 4px}
#view-p2p .p2p-capital-builder-row [data-capital-value]{display:block!important;font-size:.82rem!important;font-weight:900;line-height:1.25;text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#view-p2p .p2p-capital-mobile-label{display:none;color:var(--text-2);font-size:.59rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
#view-p2p .p2p-capital-row-actions{display:grid!important;grid-template-columns:34px 34px;justify-content:end!important;gap:6px!important;grid-area:auto!important;align-items:center!important}
#view-p2p .p2p-capital-row-actions>.p2p-capital-mobile-label{grid-column:1/-1}
#view-p2p .p2p-capital-row-actions label,#view-p2p .p2p-capital-row-actions button{width:34px!important;height:34px!important;border-radius:10px!important}

/* Summary: operational and own capital are visually primary; debt/third party are supporting facts. */
#view-p2p .p2p-capital-builder-totals{
  display:grid!important;grid-template-columns:1.08fr 1.08fr .92fr .92fr!important;gap:10px!important;
}
#view-p2p .p2p-capital-builder-totals article{
  min-height:112px;padding:14px!important;border-radius:15px!important;align-content:center;gap:5px!important;
}
#view-p2p .p2p-capital-builder-totals article.operating{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:color-mix(in srgb,var(--brand) 6%,var(--surface-1))}
#view-p2p .p2p-capital-builder-totals article.primary{border-color:color-mix(in srgb,var(--gold) 50%,var(--border))!important;background:color-mix(in srgb,var(--gold) 7%,var(--surface-1))!important}
#view-p2p .p2p-capital-builder-totals span{font-size:.64rem!important;letter-spacing:.055em!important}
#view-p2p .p2p-capital-builder-totals strong{font-size:clamp(1.02rem,1.35vw,1.34rem)!important;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-p2p .p2p-capital-builder-totals small{font-size:.66rem!important;line-height:1.38!important}
#view-p2p details.p2p-loan-double-count{margin:0;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--warning) 5%,var(--surface-1));overflow:hidden}
#view-p2p details.p2p-loan-double-count>summary{cursor:pointer;padding:10px 12px;font-size:.72rem;font-weight:850;color:var(--warning)}
#view-p2p details.p2p-loan-double-count>p{margin:0;padding:0 12px 11px;color:var(--text-2);font-size:.69rem;line-height:1.5}

/* Bottom controls remain one coherent full-width flow. */
#view-p2p .p2p-capital-builder-form>.p2p-opening-more,#view-p2p .p2p-capital-builder-form>.p2p-inline-opening-note,#view-p2p .p2p-capital-builder-form>.p2p-inline-opening-actions{width:100%;max-width:100%}
#view-p2p .p2p-capital-builder-form>.p2p-inline-opening-note{display:grid!important;grid-template-columns:1fr!important}
#view-p2p .p2p-capital-builder-form>.p2p-inline-opening-note input{min-height:44px}
#view-p2p .p2p-capital-builder-form>.p2p-inline-opening-actions{padding-top:2px;justify-content:flex-end}

/* Desktop adaptation: switch to labeled row cards before fields become cramped.
   R15 R11 adelanta este reflow porque el rail lateral reduce el ancho útil en 1366/1440. */
@media(max-width:1500px){
  #view-p2p .p2p-capital-setup-grid{grid-template-columns:1fr}
  #view-p2p .p2p-capital-presets{grid-template-columns:repeat(5,minmax(0,1fr))}
  #view-p2p .p2p-capital-builder-head{display:none!important}
  #view-p2p .p2p-capital-builder-rows{gap:10px!important;background:transparent;padding:10px}
  #view-p2p .p2p-capital-builder-row{
    grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))!important;
    grid-template-areas:"location asset amount value" "location fx owner actions"!important;
    border:1px solid var(--border)!important;border-radius:13px!important;padding:11px!important;
  }
  #view-p2p .p2p-capital-field-location{grid-area:location!important}
  #view-p2p .p2p-capital-location{grid-template-columns:minmax(0,1fr)!important}
  #view-p2p .p2p-capital-field-asset{grid-area:asset!important}
  #view-p2p .p2p-capital-field-amount{grid-area:amount!important}
  #view-p2p .p2p-capital-field-fx{grid-area:fx!important}
  #view-p2p .p2p-capital-field-value{grid-area:value!important}
  #view-p2p .p2p-capital-field-owner{grid-area:owner!important}
  #view-p2p .p2p-capital-builder-row .p2p-capital-row-actions{grid-area:actions!important}
  #view-p2p .p2p-capital-mobile-label{display:block}
  #view-p2p .p2p-capital-builder-row [data-capital-value]{text-align:left!important;padding-top:7px}
}
@media(max-width:980px){
  #view-p2p .p2p-capital-builder-top{grid-template-columns:1fr 1fr!important}
  #view-p2p .p2p-capital-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
  #view-p2p .p2p-capital-builder-totals{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  #view-p2p .p2p-simple-opening{padding:15px!important}
  #view-p2p .p2p-capital-section{padding:13px;border-radius:15px}
  #view-p2p .p2p-capital-section-heading{align-items:flex-start}
  #view-p2p .p2p-capital-section-heading>div:first-child{grid-template-columns:auto 1fr}
  #view-p2p .p2p-capital-section-chip{display:none}
  #view-p2p .p2p-capital-builder-top{grid-template-columns:1fr!important;padding:11px}
  #view-p2p .p2p-capital-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-p2p .p2p-capital-accounts-heading{align-items:flex-start;flex-direction:column}
  #view-p2p .p2p-capital-accounts-heading .p2p-capital-add-row{width:100%;justify-content:center}
  #view-p2p .p2p-capital-builder-row{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"location location" "asset amount" "fx value" "owner actions"!important;
  }
  #view-p2p .p2p-capital-location{grid-template-columns:minmax(0,1fr) minmax(92px,112px)!important}
  #view-p2p .p2p-capital-builder-totals{grid-template-columns:1fr 1fr!important}
  #view-p2p .p2p-capital-builder-totals article{min-height:102px}
}
@media(max-width:460px){
  #view-p2p .p2p-capital-section-heading>div:first-child{grid-template-columns:1fr}
  #view-p2p .p2p-capital-step-index{width:30px;height:30px}
  #view-p2p .p2p-capital-presets{grid-template-columns:1fr 1fr}
  #view-p2p .p2p-capital-builder-row{grid-template-columns:1fr!important;grid-template-areas:"location" "asset" "amount" "fx" "value" "owner" "actions"!important}
  #view-p2p .p2p-capital-location{grid-template-columns:1fr!important}
  #view-p2p .p2p-capital-row-actions{justify-content:start!important}
  #view-p2p .p2p-capital-builder-totals{grid-template-columns:1fr!important}
  #view-p2p .p2p-capital-builder-totals article{min-height:auto}
}

/* R15 R6 — operación rápida + P&L/analítica final */
.p2p-activity-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.p2p-activity-metrics strong.positive,.p2p-detail-grid b.positive{color:var(--success)!important}
.p2p-activity-metrics strong.negative,.p2p-detail-grid b.negative{color:var(--danger)!important}
.p2p-activity-metrics strong.neutral{color:var(--text-1)!important}
.p2p-activity-metrics article.flow:before{background:#67b7dc}.p2p-activity-metrics article.cost:before{background:#b29ae8}
.p2p-operation-advanced{margin:13px 0;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);overflow:hidden}
.p2p-operation-advanced summary{cursor:pointer;padding:12px 14px;font-weight:850;color:var(--text-1);list-style-position:inside}
.p2p-operation-advanced[open] summary{border-bottom:1px solid var(--border)}
.p2p-operation-advanced>.p2p-form-grid{padding:13px}
.p2p-operation-review{grid-template-columns:1fr auto}.p2p-operation-review>div{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding-top:8px;margin-top:6px;border-top:1px solid var(--border)}
.p2p-operation-review>div span{font-size:10px;text-transform:uppercase;font-weight:800}.p2p-operation-review>div b{font-size:15px}
.p2p-airtm-inline{display:block;margin:-4px 15px 10px;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,#69e6b3 8%,var(--surface-2));color:var(--text-2)}
.p2p-card-money small{display:block;color:var(--text-2);font-size:9px;margin-top:3px}
.p2p-mini-item.cancelled{opacity:.62;border-style:dashed}.p2p-mini-item.cancelled strong{text-decoration:line-through;color:var(--text-2)}
@media(max-width:820px){.p2p-activity-metrics{grid-template-columns:1fr 1fr}.p2p-operation-review{grid-template-columns:1fr}.p2p-operation-review strong{text-align:left}}
@media(max-width:520px){.p2p-activity-metrics{grid-template-columns:1fr}.p2p-operation-advanced>.p2p-form-grid{padding:10px}.p2p-card-money{grid-template-columns:1fr}}

/* R15 R6 · asignación auditable de cuenta propia por operación */
.p2p-detail-account-assign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:16px 0 10px;padding:12px;border:1px solid var(--border-soft,#2a2f3a);border-radius:14px;background:rgba(255,255,255,.025)}
.p2p-detail-account-assign label{display:grid;gap:6px;min-width:0}.p2p-detail-account-assign label span{font-size:.72rem;font-weight:800;color:var(--muted,#98a2b3);letter-spacing:.02em}.p2p-detail-account-assign select{width:100%;min-width:0}
@media(max-width:640px){.p2p-detail-account-assign{grid-template-columns:1fr}.p2p-detail-account-assign .btn{width:100%}}

/* R15 R7 — préstamos claros + reinicio de prueba protegido */
#view-p2p .p2p-debt-clear-card{display:flex;flex-direction:column;gap:10px}
#view-p2p .p2p-debt-clear-card>.btn{margin-top:auto;align-self:stretch;min-height:38px}
#view-p2p .p2p-debt-clear-card .p2p-control-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#view-p2p .p2p-debt-clear-card .p2p-control-lines p{min-width:0}
.p2p-loan-clear-modal{width:min(1040px,96vw);max-height:min(92vh,900px);overflow:auto}
.p2p-loan-clear-modal .modal-subtitle{margin:5px 0 0;color:var(--text-2);font-size:.74rem;line-height:1.45}
.p2p-loan-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:2px 0 14px}
.p2p-loan-summary-strip article{display:grid;gap:5px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.p2p-loan-summary-strip span{font-size:.64rem;font-weight:800;color:var(--muted)}
.p2p-loan-summary-strip strong{font-size:1rem;line-height:1.15;overflow-wrap:anywhere}
.p2p-loan-simple-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent)}
.p2p-loan-simple-form>.p2p-form-section-title,.p2p-loan-simple-form>.p2p-checkline,.p2p-loan-simple-form>button{grid-column:1/-1}
.p2p-loan-simple-form label{display:grid;gap:5px;min-width:0;font-size:.68rem;font-weight:780;color:var(--text-2)}
.p2p-loan-simple-form input,.p2p-loan-simple-form select,.p2p-loan-simple-form textarea{width:100%;min-width:0}
.p2p-form-section-title{display:flex;align-items:flex-start;gap:10px;padding-bottom:4px}
.p2p-form-section-title>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--gold) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--gold) 36%,var(--line));color:var(--gold);font-weight:900}
.p2p-form-section-title h3{margin:0;font-size:.92rem}.p2p-form-section-title p{margin:3px 0 0;color:var(--muted);font-size:.68rem;line-height:1.45}
.p2p-checkline.p2p-loan-capital-link{padding:10px 11px;border:1px solid color-mix(in srgb,var(--info,var(--brand)) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--info,var(--brand)) 5%,var(--panel-soft))}
.p2p-checkline.p2p-loan-capital-link span{display:grid;gap:2px}.p2p-checkline.p2p-loan-capital-link small{font-weight:500;line-height:1.4;color:var(--muted)}
.p2p-loan-rule{margin:12px 0}
.p2p-loan-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.p2p-loan-card{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel-soft);min-width:0}
.p2p-loan-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.p2p-loan-card>header div{min-width:0}.p2p-loan-card>header span{font-size:.58rem;font-weight:900;color:var(--success)}.p2p-loan-card.cancelled>header span{color:var(--danger)}.p2p-loan-card.paid>header span{color:var(--muted)}
.p2p-loan-card h3{margin:3px 0 0;font-size:.84rem;overflow-wrap:anywhere}.p2p-loan-card header p{margin:3px 0 0;color:var(--muted);font-size:.64rem}.p2p-loan-card header>strong{font-size:.92rem;white-space:nowrap}
.p2p-loan-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.p2p-loan-card-metrics>div{display:grid;gap:3px;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--panel) 85%,transparent)}.p2p-loan-card-metrics span{font-size:.58rem;color:var(--muted)}.p2p-loan-card-metrics b{font-size:.72rem;overflow-wrap:anywhere}
.p2p-loan-card details{border-top:1px solid var(--line);padding-top:8px}.p2p-loan-card summary{cursor:pointer;font-size:.64rem;font-weight:800}.p2p-loan-history{display:grid;gap:5px;margin-top:7px}.p2p-loan-history p{display:flex;justify-content:space-between;gap:10px;margin:0;font-size:.62rem;color:var(--muted)}.p2p-loan-history strong{color:var(--text)}
.p2p-loan-card footer{display:flex;justify-content:flex-end}.danger-text{color:var(--danger)!important}
.p2p-test-reset-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--danger) 4%,var(--panel-soft))}.p2p-test-reset-box h3{margin:0 0 5px;font-size:.84rem}.p2p-test-reset-box p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.5;max-width:760px}
.p2p-test-reset-preview{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);margin-bottom:12px}.p2p-test-reset-preview>p{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:.68rem}.p2p-test-reset-preview>small{margin-top:5px;color:var(--muted);font-size:.62rem;line-height:1.45}.p2p-test-reset-total{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:.72rem}.p2p-test-reset-total strong{font-size:1rem;color:var(--warning)}
@media(max-width:820px){.p2p-loan-summary-strip{grid-template-columns:1fr 1fr}.p2p-loan-modal-grid{grid-template-columns:1fr!important}.p2p-loan-card-list{grid-template-columns:1fr}.p2p-loan-simple-form{grid-template-columns:1fr}.p2p-loan-simple-form>*{grid-column:1!important}.p2p-test-reset-box{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.p2p-loan-summary-strip{grid-template-columns:1fr}.p2p-loan-card-metrics{grid-template-columns:1fr}.p2p-debt-clear-card .p2p-control-lines{grid-template-columns:1fr!important}}


/* R15 R9 · arquitectura capital → deducciones → operación → cierre */
#view-p2p .p2p-opening-deductions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#view-p2p .p2p-opening-deductions-grid article{display:grid;gap:6px;align-content:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);min-width:0}
#view-p2p .p2p-opening-deductions-grid span{font-size:.66rem;font-weight:850;color:var(--text-2)}
#view-p2p .p2p-opening-deductions-grid strong{font-size:1.12rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-p2p .p2p-opening-deductions-grid small{font-size:.64rem;line-height:1.45;color:var(--muted)}
#view-p2p .p2p-opening-deductions-grid .text-button{justify-self:start;margin-top:auto}
#view-p2p .p2p-capital-builder-totals{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#view-p2p .p2p-capital-builder-totals article.free{border-color:color-mix(in srgb,var(--success) 34%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--panel-soft))}
#view-p2p .p2p-capital-row-actions{min-width:0;justify-content:flex-start!important}
#view-p2p .p2p-capital-row-actions label{width:auto!important;min-width:67px!important;height:32px!important;padding:0 8px!important;display:flex!important;gap:5px!important;border-radius:9px!important;white-space:nowrap}
#view-p2p .p2p-capital-row-actions label span{font-size:.61rem!important;line-height:1!important}
#view-p2p .p2p-capital-row-actions label:has(input:not(:checked)){opacity:.74;background:var(--panel-soft)}
#view-p2p .p2p-capital-builder-head,#view-p2p .p2p-capital-builder-row{grid-template-columns:minmax(225px,1.55fr) minmax(76px,.52fr) minmax(100px,.72fr) minmax(100px,.72fr) minmax(115px,.82fr) minmax(100px,.72fr) minmax(112px,.78fr)!important}
#view-p2p .p2p-flow-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
#view-p2p .p2p-professional-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#view-p2p .p2p-capital-live-position{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
#view-p2p .p2p-capital-live-position article{min-width:0}
#view-p2p #p2pFreeCapitalLive,#view-p2p #p2pOwnCapitalLive{font-variant-numeric:tabular-nums}
#view-p2p .p2p-inventory-cost-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 26%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 4%,var(--panel-soft))}
#view-p2p .p2p-inventory-cost-status>div{display:grid;gap:4px;min-width:0}.p2p-inventory-cost-status h3{margin:0;font-size:.82rem}.p2p-inventory-cost-status p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.45}
.p2p-commitment-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);min-width:0}.p2p-commitment-card>div:first-child{display:grid;gap:3px;min-width:0}.p2p-commitment-card span{font-size:.6rem;color:var(--muted)}.p2p-commitment-card strong{font-size:.76rem;overflow-wrap:anywhere}.p2p-commitment-card small{font-size:.62rem;color:var(--muted);overflow-wrap:anywhere}.p2p-commitment-card.overdue{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.p2p-commitment-card.paid{opacity:.72}.p2p-commitment-amount{display:grid;gap:3px;text-align:right;white-space:nowrap}.p2p-commitment-amount strong{font-size:.82rem}.p2p-commitment-amount span{font-weight:850}
@media(max-width:1120px){#view-p2p .p2p-opening-deductions-grid{grid-template-columns:1fr 1fr}#view-p2p .p2p-capital-live-position{grid-template-columns:repeat(3,minmax(0,1fr))}#view-p2p .p2p-flow-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#view-p2p .p2p-opening-deductions-grid{grid-template-columns:1fr}#view-p2p .p2p-capital-live-position{grid-template-columns:1fr 1fr}#view-p2p .p2p-capital-builder-totals{grid-template-columns:1fr 1fr!important}#view-p2p .p2p-inventory-cost-status{grid-template-columns:1fr}.p2p-commitment-card{grid-template-columns:1fr auto}.p2p-commitment-card>button{grid-column:1/-1;width:100%}}
@media(max-width:480px){#view-p2p .p2p-capital-live-position,#view-p2p .p2p-capital-builder-totals,#view-p2p .p2p-flow-nav{grid-template-columns:1fr!important}}


/* R15 R11 · P2P VISUAL REFLOW HARDENING
   Corrige desbordes reales de Chromium/Windows sin tocar la lógica financiera.
   Regla: ningún control de capital puede ampliar el formulario; el contenido se
   reorganiza antes de quedar comprimido y los importes siempre permanecen dentro. */
#view-p2p .p2p-simple-opening,
#view-p2p .p2p-capital-builder-form,
#view-p2p .p2p-capital-section,
#view-p2p .p2p-capital-setup-grid,
#view-p2p .p2p-capital-builder-top,
#view-p2p .p2p-capital-builder-table,
#view-p2p .p2p-capital-builder-rows,
#view-p2p .p2p-capital-builder-row,
#view-p2p .p2p-capital-field,
#view-p2p .p2p-capital-location,
#view-p2p .p2p-capital-section-heading>div:first-child>div,
#view-p2p .p2p-tools-summary>span:nth-child(2),
#view-p2p .p2p-source-file-main{min-width:0;max-width:100%;box-sizing:border-box}

#view-p2p .p2p-capital-section-heading h3,
#view-p2p .p2p-capital-section-heading p,
#view-p2p .p2p-capital-source-copy b,
#view-p2p .p2p-capital-source-copy span,
#view-p2p .p2p-tools-summary b,
#view-p2p .p2p-tools-summary small,
#view-p2p .p2p-source-subhead h3,
#view-p2p .p2p-source-subhead small{overflow-wrap:anywhere;word-break:normal}

/* El selector genérico de inputs del constructor no puede estirar checkbox/hidden. */
#view-p2p .p2p-capital-builder-row input[type="hidden"]{
  display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;
}
#view-p2p .p2p-capital-builder-row .p2p-capital-row-actions input[type="checkbox"]{
  position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);
}
#view-p2p .p2p-capital-row-actions{max-width:100%;overflow:visible}
#view-p2p .p2p-capital-row-actions label{max-width:100%;box-sizing:border-box}

/* Nunca ocultar información financiera por ellipsis: refluye dentro de su tarjeta. */
#view-p2p .p2p-capital-builder-row [data-capital-value],
#view-p2p .p2p-capital-builder-totals strong,
#view-p2p .p2p-control-card-head b,
#view-p2p .p2p-control-lines strong,
#view-p2p .p2p-loan-card header>strong{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:normal;max-width:100%;
}
#view-p2p .p2p-capital-presets button,
#view-p2p .p2p-capital-accounts-heading .p2p-capital-add-row{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2;text-align:center;
}

/* Líneas de control: etiqueta flexible + importe estable, sin empujarse fuera. */
#view-p2p .p2p-control-lines p{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
#view-p2p .p2p-control-lines span{min-width:0;overflow-wrap:anywhere}
#view-p2p .p2p-source-final-row>*{min-width:0}
#view-p2p .p2p-source-final-row strong{white-space:normal;overflow-wrap:anywhere}

/* Fuentes y evidencia: evitar columnas mínimas rígidas y nombres truncados. */
#view-p2p .p2p-source-metrics{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
#view-p2p .p2p-source-center-grid>section,
#view-p2p .p2p-source-files-section,
#view-p2p .p2p-source-review-card,
#view-p2p .p2p-source-file-row{min-width:0;max-width:100%;box-sizing:border-box}
#view-p2p .p2p-source-subhead{flex-wrap:wrap;align-items:flex-start}
#view-p2p .p2p-source-subhead small{max-width:100%}
#view-p2p .p2p-source-file-main b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* Con la barra lateral abierta, 1366/1440 px necesitan reflujo antes de 1280 px. */
@media(max-width:1500px){
  #view-p2p .p2p-capital-setup-grid{grid-template-columns:minmax(0,1fr)!important}
  #view-p2p .p2p-capital-builder-top{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  #view-p2p .p2p-capital-builder-top{grid-template-columns:1fr 1fr!important}
  #view-p2p .p2p-source-center-actions{grid-template-columns:minmax(0,1fr)!important}
  #view-p2p .p2p-source-action-buttons{justify-content:flex-start}
}
@media(max-width:720px){
  #view-p2p .p2p-capital-builder-top{grid-template-columns:1fr!important}
  #view-p2p .p2p-control-lines p{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:460px){
  #view-p2p .p2p-control-lines p{grid-template-columns:1fr}
  #view-p2p .p2p-control-lines strong{text-align:left!important}
}

/* R15 R11 · desktop angosto con rail lateral: el ancho útil es menor que el viewport. */
@media (min-width:801px) and (max-width:980px){
  #view-p2p .p2p-capital-builder-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"location location" "asset amount" "fx value" "owner actions"!important;
  }
  #view-p2p .p2p-capital-location{grid-template-columns:minmax(0,1fr) minmax(92px,112px)!important}
  #view-p2p .p2p-capital-row-actions{justify-content:start!important}
}

/* R15 R11 · Estado legible: reserva espacio real para “✓ Incluido” + quitar. */
#view-p2p .p2p-capital-row-actions{grid-template-columns:minmax(0,1fr) 34px!important}
#view-p2p .p2p-capital-row-actions .p2p-capital-include-toggle{width:100%!important;min-width:0!important}

/* R15 R12 · UI READABILITY CLEANUP
   Tipografía más amable y legible inspirada en interfaces financieras modernas.
   Mantiene temas/colores del usuario y no modifica lógica, datos ni contratos. */
:root{
  --font-display:"Segoe UI Variable Display","Segoe UI Variable Text","Aptos Display","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body:"Segoe UI Variable Text","Segoe UI Variable","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-ui:var(--font-body);
  --radius-sm:12px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:30px;
}
html[data-ui="finance-pro"] body{
  font-family:var(--font-body)!important;
  font-size:15px;
  line-height:1.5;
  font-weight:450;
  letter-spacing:0;
}
html[data-ui="finance-pro"] button,
html[data-ui="finance-pro"] input,
html[data-ui="finance-pro"] textarea,
html[data-ui="finance-pro"] select{font-family:var(--font-body)!important}

/* Encabezados: menos compresión y trazos más redondeados. */
html[data-ui="finance-pro"] h1,
html[data-ui="finance-pro"] h2,
html[data-ui="finance-pro"] h3,
html[data-ui="finance-pro"] .brand b,
html[data-ui="finance-pro"] .sidebar-brand b,
html[data-ui="finance-pro"] .topbar-context strong{
  font-family:var(--font-display)!important;
  font-weight:700;
  letter-spacing:-.018em;
}
html[data-ui="finance-pro"] .page-heading h1{
  font-size:clamp(31px,3vw,43px);
  line-height:1.1;
  letter-spacing:-.025em;
  margin-bottom:10px;
}
html[data-ui="finance-pro"] .page-heading p:not(.eyebrow){font-size:14px;line-height:1.55}
html[data-ui="finance-pro"] .eyebrow{font-size:11px;line-height:1.35;letter-spacing:.085em;font-weight:800}

/* Navegación y barra superior. */
html[data-ui="finance-pro"] .topbar{min-height:76px;height:auto;padding-top:10px;padding-bottom:10px}
html[data-ui="finance-pro"] .topbar-context p{font-size:10.5px;letter-spacing:.075em}
html[data-ui="finance-pro"] .topbar-context strong{font-size:18px;line-height:1.2}
html[data-ui="finance-pro"] .top-status{font-size:12.5px}
html[data-ui="finance-pro"] .user-chip b{font-size:13px;line-height:1.25}
html[data-ui="finance-pro"] .user-chip small{font-size:11px;line-height:1.3}
html[data-ui="finance-pro"] .nav-section>small{font-size:10px;letter-spacing:.095em;padding-top:14px}
html[data-ui="finance-pro"] .nav-item{min-height:46px;padding:11px 13px;border-radius:14px;gap:12px}
html[data-ui="finance-pro"] .nav-item b{font-size:14px;line-height:1.25;font-weight:680}
html[data-ui="finance-pro"] .nav-item em{font-size:10px;line-height:1;padding:4px 7px}
html[data-ui="finance-pro"] .mini-health{padding:11px 12px;border-radius:15px}
html[data-ui="finance-pro"] .mini-health b{font-size:11.5px;line-height:1.25}
html[data-ui="finance-pro"] .mini-health small{font-size:10.5px;line-height:1.35}

/* Tarjetas y paneles más suaves, con aire visual similar a banca moderna. */
html[data-ui="finance-pro"] .panel,
html[data-ui="finance-pro"] .metric-card,
html[data-ui="finance-pro"] .admin-metrics article,
html[data-ui="finance-pro"] .profile-row-card,
html[data-ui="finance-pro"] .trusted-profile-card,
html[data-ui="finance-pro"] .approved-profile-card{
  border-radius:var(--radius-lg);
}
html[data-ui="finance-pro"] .panel-head{padding:18px 20px;gap:14px}
html[data-ui="finance-pro"] .panel-head h2{font-size:19px;line-height:1.25;letter-spacing:-.016em}
html[data-ui="finance-pro"] .panel-head p:not(.eyebrow){font-size:13.5px;line-height:1.5;margin-top:5px}
html[data-ui="finance-pro"] .panel-body{padding:19px 20px}
html[data-ui="finance-pro"] .metric-card,
html[data-ui="finance-pro"] .admin-metrics article{padding:18px 19px}
html[data-ui="finance-pro"] .metric-card span,
html[data-ui="finance-pro"] .admin-metrics span{font-size:12px;line-height:1.35;letter-spacing:.045em}
html[data-ui="finance-pro"] .metric-card small,
html[data-ui="finance-pro"] .admin-metrics small{font-size:12px;line-height:1.45}
html[data-ui="finance-pro"] .metric-card strong,
html[data-ui="finance-pro"] .admin-metrics strong{letter-spacing:-.025em}

/* Controles: tamaño cómodo y lectura inmediata. */
html[data-ui="finance-pro"] .btn{min-height:42px;border-radius:13px;padding:10px 15px;font-size:13.5px;line-height:1.2;font-weight:720}
html[data-ui="finance-pro"] .btn.small{min-height:36px;padding:8px 11px;font-size:12px}
html[data-ui="finance-pro"] .mini-button,
html[data-ui="finance-pro"] .text-button,
html[data-ui="finance-pro"] .link-button{font-size:12px;line-height:1.3}
html[data-ui="finance-pro"] label{font-size:13px;line-height:1.4}
html[data-ui="finance-pro"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-ui="finance-pro"] select{
  min-height:44px;
  font-size:14px;
  line-height:1.35;
  border-radius:12px;
}
html[data-ui="finance-pro"] textarea{font-size:14px;line-height:1.5;border-radius:12px}
html[data-ui="finance-pro"] input::placeholder,
html[data-ui="finance-pro"] textarea::placeholder{font-size:13px;opacity:.78}
html[data-ui="finance-pro"] .form-help,
html[data-ui="finance-pro"] .helper-text,
html[data-ui="finance-pro"] .notice{font-size:13px;line-height:1.5}
html[data-ui="finance-pro"] .badge,
html[data-ui="finance-pro"] .status-pill,
html[data-ui="finance-pro"] .role-badge{font-size:11px;line-height:1.2}

/* Tablas y listados: ya no dependen de tipografía microscópica. */
html[data-ui="finance-pro"] .responsive-table th{font-size:11.5px;line-height:1.35;letter-spacing:.045em;padding:12px 14px}
html[data-ui="finance-pro"] .responsive-table td{font-size:13.5px;line-height:1.45;padding:13px 14px}
html[data-ui="finance-pro"] .profile-cell b{font-size:13.5px;line-height:1.35}
html[data-ui="finance-pro"] .profile-cell small,
html[data-ui="finance-pro"] .cell-date{font-size:11.5px;line-height:1.4}
html[data-ui="finance-pro"] .version-status b{font-size:11px}
html[data-ui="finance-pro"] .version-status small{font-size:10.5px}
html[data-ui="finance-pro"] .timeline-item b{font-size:12.5px;line-height:1.35}
html[data-ui="finance-pro"] .timeline-item p{font-size:11.5px;line-height:1.5}
html[data-ui="finance-pro"] .timeline-item time{font-size:10.5px}

/* Centro de avisos: conserva densidad, pero con lectura clara. */
html[data-ui="finance-pro"] .notification-title-row b{font-size:13.5px;line-height:1.4}
html[data-ui="finance-pro"] .notification-message{font-size:12.5px;line-height:1.55}
html[data-ui="finance-pro"] .notification-card-meta small{font-size:9.5px}
html[data-ui="finance-pro"] .notification-card-footer time,
html[data-ui="finance-pro"] .notification-card-footer em{font-size:10px}
html[data-ui="finance-pro"] .notification-load-more{font-size:11.5px}

/* P2P: subir el piso tipográfico sin reintroducir los desbordes solucionados en R11. */
#view-p2p{font-size:1rem;line-height:1.52}
#view-p2p .page-heading>div>p:not(.eyebrow),
#view-p2p .panel-head p,
#view-p2p .p2p-live-head p{font-size:.9rem;line-height:1.58}
#view-p2p .eyebrow{font-size:.76rem;letter-spacing:.075em}
#view-p2p small{font-size:.8rem;line-height:1.48}
#view-p2p .p2p-activity-metrics span,
#view-p2p .p2p-capital-grid span,
#view-p2p .p2p-card-money span,
#view-p2p .p2p-card-rate span,
#view-p2p .p2p-card-peer span,
#view-p2p .p2p-platform-breakdown dt,
#view-p2p .p2p-opening-deductions-grid span,
#view-p2p .p2p-commitment-card span{font-size:.8rem;line-height:1.42}
#view-p2p .p2p-flow-steps b,
#view-p2p .p2p-engine-strip b,
#view-p2p .p2p-mini-item b,
#view-p2p .p2p-commitment-card strong{font-size:.86rem;line-height:1.4}
#view-p2p .p2p-card-title b{font-size:.96rem;line-height:1.4}
#view-p2p .p2p-card-money strong,
#view-p2p .p2p-card-rate strong{font-size:1rem;line-height:1.35}
#view-p2p .p2p-card-result,
#view-p2p .p2p-card-foot,
#view-p2p .p2p-detail-body,
#view-p2p .p2p-detail-note,
#view-p2p .p2p-pnl-pending{font-size:.86rem;line-height:1.52}
#view-p2p .p2p-inline-opening label,
#view-p2p .p2p-compact-modal form>label,
#view-p2p .p2p-form-guide b{font-size:.86rem;line-height:1.45}
#view-p2p .p2p-inline-opening small,
#view-p2p .p2p-form-guide span,
#view-p2p .p2p-form-grid label>small,
#view-p2p .p2p-opening-deductions-grid small,
#view-p2p .p2p-commitment-card small{font-size:.79rem;line-height:1.5}
#view-p2p .p2p-capital-row-actions label span{font-size:.76rem!important}
#view-p2p .p2p-capital-builder-totals strong,
#view-p2p .p2p-opening-deductions-grid strong{letter-spacing:-.018em}

/* Textos largos pueden crecer sin corte: compatible con zoom y espaciado del usuario. */
html[data-ui="finance-pro"] .panel-head>div,
html[data-ui="finance-pro"] .page-heading>div,
html[data-ui="finance-pro"] .profile-cell>div,
html[data-ui="finance-pro"] .notification-copy{min-width:0}
html[data-ui="finance-pro"] .panel-head p,
html[data-ui="finance-pro"] .page-heading p,
html[data-ui="finance-pro"] .form-help,
html[data-ui="finance-pro"] .helper-text,
html[data-ui="finance-pro"] .notice,
html[data-ui="finance-pro"] .profile-cell small{overflow-wrap:anywhere}

@media(max-width:800px){
  html[data-ui="finance-pro"] body{font-size:15px}
  html[data-ui="finance-pro"] main{padding-left:16px;padding-right:16px}
  html[data-ui="finance-pro"] .page-heading h1{font-size:clamp(28px,8vw,36px)}
  html[data-ui="finance-pro"] .panel-head{padding:16px}
  html[data-ui="finance-pro"] .panel-body{padding:16px}
  html[data-ui="finance-pro"] .btn:not(.icon-button){min-height:44px}
}
