:root{
  --bg:#eaf0ff;
  --surface:#ffffff;
  --surface-soft:#f6f3ff;
  --ink:#18213f;
  --muted:#74809c;
  --line:#e7e9f3;
  --blue:#4275ff;
  --blue2:#5d45f6;
  --purple:#7d45f6;
  --pink:#ed5db7;
  --green:#2fcf92;
  --orange:#f5a52c;
  --red:#ef5165;
  --shadow:0 18px 45px rgba(68,75,140,.13);
  --shadow-strong:0 24px 60px rgba(69,54,162,.18);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#eef3ff 0%,#f7f8ff 48%,#eef1ff 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Arial,sans-serif}
body{overflow-x:hidden}
button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(680px 420px at 7% 0%,rgba(104,85,255,.16),transparent 65%),radial-gradient(620px 440px at 95% 15%,rgba(238,98,186,.14),transparent 68%),radial-gradient(520px 420px at 50% 100%,rgba(48,159,255,.10),transparent 68%)}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 35%,rgba(255,255,255,.12) 100%)}
.ui-icon{display:block;flex:none}
.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;padding:20px;overflow:hidden}
.login-visual{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(98,78,255,.22),transparent 38%),radial-gradient(circle at 85% 75%,rgba(237,93,183,.13),transparent 34%)}
.login-card{width:min(430px,100%);padding:30px 24px 22px;border:1px solid rgba(255,255,255,.72);border-radius:32px;background:rgba(255,255,255,.86);backdrop-filter:blur(24px);box-shadow:var(--shadow-strong);position:relative;text-align:center}
.brand-lockup{margin-bottom:25px}.brand-logo{width:82px;height:82px;border-radius:24px;margin:0 auto 14px;display:grid;place-items:center;font-size:51px;font-weight:900;color:#fff;background:linear-gradient(145deg,#8365ff,#6543f4 60%,#a34cc8);box-shadow:0 18px 38px rgba(111,77,244,.28),inset 0 1px 0 rgba(255,255,255,.42)}
.brand-name{font-size:30px;font-weight:950;letter-spacing:-.045em}.brand-sub{font-size:12px;color:#7b86a3;margin-top:6px}
.login-form{display:grid;gap:13px;text-align:left}.field{display:grid;gap:7px}.field span{font-size:11px;font-weight:850;color:#505d79}.field input,.field select{width:100%;padding:14px 15px;border-radius:16px;border:1px solid #e1e5f0;background:#fff;color:#1d2742;outline:none;box-shadow:0 6px 16px rgba(51,64,110,.05)}.field input:focus,.field select:focus{border-color:#8765ff;box-shadow:0 0 0 4px rgba(126,86,250,.10)}
.primary-btn{width:100%;padding:14px 16px;border:0;border-radius:16px;color:#fff;font-weight:900;background:linear-gradient(135deg,#6f55ff,#a54be1);box-shadow:0 14px 30px rgba(113,76,242,.24)}
.login-note{margin-top:17px;color:#8a94aa;font-size:11px}
.app{min-height:100vh;padding-bottom:104px}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;position:relative}.topbar{height:112px;padding:0 16px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(207,212,230,.65);position:sticky;top:0;z-index:30}.back-btn,.notif-btn{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #e8eaf2;color:#4d5874;box-shadow:0 5px 16px rgba(40,50,90,.07)}.back-btn{font-size:28px;line-height:1}.topbar-main{flex:1}.top-title{font-size:27px;font-weight:950;letter-spacing:-.025em}.top-sub{font-size:14px;color:#7d88a2;margin-top:3px}.notif-btn{position:relative;flex:none}.notif-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#ff4e76;box-shadow:0 0 0 3px #fff}
.screen{padding:15px 13px 28px}.stack{display:grid;gap:12px}
.hero-card{padding:18px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#6d58ff 0%,#7147ee 47%,#e25ba8 100%);box-shadow:0 22px 52px rgba(107,83,245,.24);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;right:-70px;top:-80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%)}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.hero-kicker{font-size:12px;opacity:.9;font-weight:750}.hero-number{font-size:38px;font-weight:950;letter-spacing:-.055em;margin-top:6px}.hero-meta{font-size:11px;opacity:.86;margin-top:5px}.hero-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.25)}
.balance-card{position:relative;overflow:hidden;padding:17px 17px 18px;border-radius:22px;border:1px solid rgba(105,103,255,.14);background:linear-gradient(135deg,#fff 0%,#f3f4ff 100%);box-shadow:var(--shadow)}.balance-card:after{content:"";position:absolute;right:-46px;bottom:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(126,95,250,.14),transparent 70%)}.balance-label{font-size:11px;font-weight:850;color:#5e6781;text-transform:none}.balance-row{display:flex;justify-content:space-between;gap:12px;align-items:center;position:relative;z-index:1}.balance-number{margin-top:5px;font-size:35px;font-weight:950;letter-spacing:-.05em;color:#222c49}.balance-meta{font-size:10px;color:#8a94aa;margin-top:5px}.balance-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;color:#6d55f5;background:linear-gradient(145deg,#efecff,#e2ddff);border:1px solid #ddd6ff}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-card{min-height:116px;padding:15px;border-radius:20px;border:1px solid #e7e9f2;background:rgba(255,255,255,.9);box-shadow:var(--shadow);text-align:left;color:#24304c;transition:transform .16s ease,box-shadow .16s ease}.home-card:hover{transform:translateY(-1px);box-shadow:0 20px 38px rgba(75,74,140,.13)}.home-card .icon-badge{width:42px;height:42px;border-radius:15px;display:grid;place-items:center}.icon-badge.purple{color:#fff;background:linear-gradient(145deg,#7e5bff,#9d4fe3)}.icon-badge.blue{color:#fff;background:linear-gradient(145deg,#4c8af4,#4a68ff)}.icon-badge.pink{color:#fff;background:linear-gradient(145deg,#ef65bf,#e84b9f)}.icon-badge.violet{color:#6c51f0;background:#eeeaff}.icon-badge.gray{color:#64708a;background:#eef1f7}.icon-badge.green{color:#fff;background:linear-gradient(145deg,#39d89d,#27b982)}.home-card strong{display:block;font-size:14px;margin-top:10px}.home-card small{display:block;color:#8791aa;font-size:10px;line-height:1.35;margin-top:4px}.accent-purple{background:linear-gradient(180deg,#fff 0%,#f8f5ff 100%)}.accent-pink{background:linear-gradient(180deg,#fff 0%,#fff5fb 100%)}.accent-blue{background:linear-gradient(180deg,#fff 0%,#f2f7ff 100%)}.accent-soft{background:linear-gradient(180deg,#fff 0%,#f8f7fc 100%)}
.motivation-card{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:18px;background:linear-gradient(135deg,#fff7ec,#f6edff);border:1px solid #efe0ff;box-shadow:0 12px 28px rgba(74,66,136,.08)}.motivation-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#8a55ee;background:#eadfff;flex:none}.motivation-card strong{display:block;font-size:12px}.motivation-card span{display:block;font-size:10px;color:#8b95aa;margin-top:3px}
.section{border:1px solid #e7e9f2;background:rgba(255,255,255,.93);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-title h2{font-size:16px;margin:0;letter-spacing:-.02em}.section-leading-icon{display:inline-grid;vertical-align:middle;margin-right:6px;color:#6a51f3}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;border:1px solid #e3e6ef;font-size:10px;color:#60708f;background:#f7f9fd}
.search{display:flex;margin-bottom:11px;position:relative}.search:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1.6px solid #8b95aa;border-radius:50%;box-shadow:6px 6px 0 -5px #8b95aa}.search input{width:100%;padding:12px 13px 12px 38px;border-radius:14px;border:1px solid #e1e5ef;background:#fbfcff;color:#24304c;outline:none}.list{display:grid;gap:9px}.list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e8eaf1;background:#fff;border-radius:17px;color:#24304c;text-align:left;box-shadow:0 7px 18px rgba(59,66,103,.06)}.list-main{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#eef1ff,#f8ecff);display:grid;place-items:center;border:1px solid #e4e5f3;color:#6256ed;flex:none}.name{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:10px;color:#8993a9;margin-top:3px}.chev{font-size:22px;color:#9aa3b5}
.detail{text-align:center}.detail .avatar{width:70px;height:70px;border-radius:22px;font-size:30px;margin:0 auto;color:#6555ee}.detail-name{font-size:17px;font-weight:950;margin-top:10px}.protect{margin-top:12px;padding:11px 12px;border-radius:15px;background:#f6f8fd;border:1px dashed #d9deeb;font-size:11px;color:#7d88a1;line-height:1.45}.money-box{margin-top:11px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#f2f0ff,#f9fbff);border:1px solid #e1defc;text-align:left}.money-label{font-size:10px;color:#8590a7}.money-value{font-size:26px;font-weight:950;color:#4056e8;margin-top:3px}.delivery{font-size:12px;color:#606b83;margin-top:6px}.delivery b{color:#232d49}.input-money{margin-top:11px;width:100%;padding:13px 14px;border-radius:15px;border:1px solid #dfe4ef;background:#fff;color:#1f2a47;outline:none}.actions2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.verify-stage-actions{grid-template-columns:1fr}.verify-stage-actions .verify-cancel{width:58%;justify-self:center}.btn{width:100%;padding:12px 13px;border-radius:14px;border:1px solid #e0e3ec;background:#f5f7fb;color:#42506b;font-weight:800}.btn.green{background:linear-gradient(135deg,#36d98f,#24bd7a);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(39,190,125,.18)}.btn.cyan{background:#eef9ff;color:#2e88bc;border-color:#cdeeff}.btn.purple{background:linear-gradient(135deg,#7457ff,#a34bdc);color:#fff;border-color:transparent;box-shadow:0 11px 23px rgba(119,78,235,.18)}.btn.red{background:#fff0f3;color:#d8465e;border-color:#ffd2da}.btn.full{grid-column:1/-1}
.success{text-align:center;padding:25px 8px}.success-icon{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:radial-gradient(circle,#86f7ba,#36d88c 62%,#c2ffe2);color:#168b5b;font-size:49px;box-shadow:0 0 55px rgba(39,193,127,.16)}.success h2{font-size:23px;margin:0 0 7px}.success p{font-size:12px;line-height:1.5;color:#7f8ba3;margin:6px 0}
.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px;border-radius:20px;border:0;box-shadow:var(--shadow);color:#fff}.stat:nth-child(1){background:linear-gradient(135deg,#5f82ff,#6a58ef)}.stat:nth-child(2){background:linear-gradient(135deg,#35d6a0,#22b883)}.stat:nth-child(3){background:linear-gradient(135deg,#9e64ff,#7d4ef2)}.stat:nth-child(4){background:linear-gradient(135deg,#ffb12d,#f58a3f)}.stat span{display:flex;align-items:center;gap:6px;font-size:10px;opacity:.92}.stat strong{display:block;font-size:25px;font-weight:950;margin-top:7px}.admin-list{display:grid;gap:9px}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px;border-radius:17px;border:1px solid #e7e9f1;background:#fff;color:#24304c;text-align:left;box-shadow:0 7px 18px rgba(59,66,103,.06)}.worker-left{display:flex;gap:10px;align-items:center;min-width:0}.worker-text{min-width:0}.worker-name{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-mode{font-size:10px;color:#8993aa;margin-top:3px}.admin-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mini{font-size:10px;padding:7px 9px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.empty{padding:16px;text-align:center;color:#8b95aa;font-size:11px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{font-size:10px;padding:10px 7px;text-align:left;border-bottom:1px solid #eceef4;white-space:nowrap}.table th{color:#71809c}.success-pill{background:#e9fff5;color:#179467;border-color:#c8f3e2}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(520px,100%);height:96px;padding:9px 9px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.08fr 1fr 1fr;gap:3px;background:rgba(255,255,255,.93);border-top:1px solid #e4e6ef;backdrop-filter:blur(20px);z-index:40;box-shadow:0 -10px 30px rgba(59,69,109,.07)}
.bottom-nav.manager-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));}.bottom-btn{border:0;background:transparent;color:#8993a9;border-radius:15px;display:grid;place-items:center;align-content:center;gap:2px;font-size:17px;position:relative;min-width:0}.bottom-btn span:last-child{font-size:10px;font-weight:850}.bottom-btn.active{color:#6a4ff4;background:#f0edff}.nav-icon .ui-icon{margin:auto}
.modal-root{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:rgba(29,35,62,.35);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.modal{width:min(460px,100%);max-height:92vh;overflow:auto;border-radius:24px;background:rgba(255,255,255,.97);border:1px solid #e7e9f0;padding:16px;box-shadow:0 30px 90px rgba(42,48,86,.22)}.modal h3{margin:0 0 14px;font-size:18px}.modal-grid{display:grid;gap:11px}.modal-actions{display:grid;gap:9px;margin-top:14px}
.toast{position:fixed;left:50%;bottom:93px;transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:120;max-width:min(90vw,430px);padding:11px 14px;border-radius:14px;background:#1f2740;color:#fff;box-shadow:0 16px 36px rgba(29,37,71,.22);font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.ok{background:#1f7e5f}.toast.err{background:#a83d52}
@media(min-width:900px){body{padding:28px 0}.app-shell{width:430px;min-height:860px;border-radius:34px;overflow:hidden;box-shadow:0 35px 120px rgba(59,69,130,.18);border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,#f8f9ff,#eff2ff)}.bottom-nav{width:430px;border-bottom-left-radius:34px;border-bottom-right-radius:34px}.topbar{position:relative}.screen{padding-top:18px}}

/* Navegación y perfil del trabajador */
.verify-menu{padding:16px}
.verify-options{display:grid;gap:10px}
.verify-option,.profile-action{width:100%;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e7e9f2;background:#fff;border-radius:18px;color:#24304c;text-align:left;box-shadow:0 7px 18px rgba(59,66,103,.06);cursor:pointer}
.verify-option:hover,.profile-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(59,66,103,.10)}
.verify-option>span:nth-child(2),.profile-action>span:nth-child(2){flex:1;min-width:0}
.verify-option strong,.profile-action strong{display:block;font-size:13px}
.verify-option small,.profile-action small{display:block;color:#8791aa;font-size:10px;line-height:1.35;margin-top:3px}
.profile-page{padding:16px}
.profile-header{display:flex;align-items:center;gap:12px;padding:4px 2px 16px;border-bottom:1px solid #eceef4}
.profile-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;color:#6c51f0;background:linear-gradient(145deg,#eeeaff,#e3ddff);border:1px solid #ddd6ff;flex:none}
.profile-header h2{margin:0;font-size:18px;letter-spacing:-.025em}
.profile-header p{margin:4px 0 0;color:#8993a9;font-size:11px}
.profile-data{display:grid;margin:4px 0 14px}
.profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #eceef4}
.profile-row:last-child{border-bottom:0}
.profile-row span{font-size:11px;color:#8993a9}
.profile-row strong{font-size:12px;text-align:right;color:#26314d}
.profile-actions{display:grid;gap:9px;margin-top:4px}
.danger-action{color:#7d3344}
.danger-action strong{color:#7d3344}
@media(max-width:520px){.profile-row{padding-left:0;padding-right:0}}

/* Verificar destacado + historial de cuenta */
.verify-nav{position:relative;color:#6849ef!important;font-weight:950}.verify-nav:before{content:"";position:absolute;inset:4px;border-radius:17px;background:linear-gradient(135deg,#eee9ff,#f8edff);z-index:-1;opacity:.98}.verify-nav .nav-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7655ff,#a347df);box-shadow:0 8px 18px rgba(108,76,238,.25)}.verify-nav.active{background:transparent}.verify-nav.active:before{background:linear-gradient(135deg,#e9e3ff,#f7e9ff);box-shadow:inset 0 0 0 1px #ddd3ff}.nav-badge{position:absolute;top:5px;right:17%;min-width:17px;height:17px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#ef4f78;color:#fff;font-size:8px;line-height:17px;border:2px solid #fff;box-shadow:0 4px 10px rgba(207,54,102,.25)}
.verify-page{display:grid;gap:12px}.verify-intro{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:20px;background:linear-gradient(135deg,#f7f4ff,#fff5fb);border:1px solid #e8defd;box-shadow:0 10px 25px rgba(83,66,148,.08)}.verify-intro-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7052ff,#a34bdc);box-shadow:0 9px 20px rgba(107,78,235,.2);flex:none}.verify-intro strong{display:block;font-size:14px;font-weight:950}.verify-intro small{display:block;margin-top:3px;color:#8490a9;font-size:10px;line-height:1.4}.verify-options{display:grid;gap:11px}.verify-option{width:100%;min-height:112px;display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #e6e5f0;background:linear-gradient(135deg,#fff,#fbfbff);border-radius:22px;color:#24304c;text-align:left;box-shadow:0 10px 24px rgba(59,66,103,.08);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.verify-option:hover,.verify-option:focus-visible{transform:translateY(-2px);box-shadow:0 17px 34px rgba(72,62,139,.13);border-color:#d9d0ff;outline:none}.verify-option:active{transform:scale(.985)}.verify-option.has-pending{border-color:#d8cdfc;background:linear-gradient(135deg,#fff,#f8f5ff)}.verify-option-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 10px 22px rgba(76,65,155,.16)}.verify-option-icon.purple{background:linear-gradient(145deg,#7355ff,#a34bdf)}.verify-option-icon.pink{background:linear-gradient(145deg,#ef65bf,#e64d9f)}.verify-option-copy{flex:1;min-width:0}.verify-option-copy strong{display:block;font-size:15px;font-weight:950}.verify-option-copy small{display:block;color:#7f8aa4;font-size:10px;line-height:1.4;margin-top:4px}.verify-option-copy em{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:99px;background:#f0edff;color:#7054e9;font-style:normal;font-size:9px;font-weight:900}.verify-option:not(.has-pending) .verify-option-copy em{background:#f1f4f9;color:#7d879d}.verify-option-arrow{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f3f1ff;color:#7657eb;flex:none}.section-sub{margin:3px 0 0;color:#8993aa;font-size:10px}.text-btn{border:0;background:transparent;color:#6b50e9;font-size:10px;font-weight:900;padding:7px 4px}.account-history{padding:14px}.full-history{margin-top:2px}.transaction-list{display:grid;gap:8px}.transaction-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e8eaf1;background:#fff;border-radius:17px;color:#24304c;text-align:left;box-shadow:0 6px 16px rgba(59,66,103,.055);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.transaction-item:hover{transform:translateY(-1px);box-shadow:0 12px 23px rgba(59,66,103,.09)}.transaction-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none}.transaction-icon.pending{background:#fff1dc;color:#d88716}.transaction-icon.verified{background:#e8fff5;color:#19996c}.transaction-icon.cancelled{background:#ffe9e9;color:#c93636}.transaction-main{flex:1;min-width:0}.transaction-main strong{display:block;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-main small,.transaction-right small{display:block;color:#8a94aa;font-size:9px;margin-top:3px}.transaction-right{text-align:right;flex:none}.transaction-right strong{display:block;font-size:12px;font-weight:950}.transaction-right small.verified{color:#169366;font-weight:850}
.transaction-right small.cancelled{color:#c93636;font-weight:900;background:#ffe9e9;padding:4px 7px;border-radius:999px}.transaction-right small.pending{color:#c97708;font-weight:850}
@media(max-width:390px){.verify-option{padding:12px;gap:10px}.verify-option-icon{width:52px;height:52px}.verify-option-copy strong{font-size:14px}.nav-badge{right:11%}}

/* Verificar · Opción 3: acción central con menú flotante */
.bottom-btn.verify-nav{position:relative;color:#6a4ff4!important;background:transparent!important;overflow:visible}
.bottom-btn.verify-nav .verify-plus{width:54px;height:54px;margin-top:-24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6f51ff,#9e49df);border:5px solid rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(100,72,235,.30),0 3px 8px rgba(49,46,94,.10);font-size:34px;font-weight:300;line-height:1;transition:transform .16s ease,box-shadow .16s ease}
.bottom-btn.verify-nav:hover .verify-plus{transform:translateY(-2px);box-shadow:0 14px 28px rgba(100,72,235,.34)}
.bottom-btn.verify-nav:active .verify-plus{transform:scale(.94)}
.bottom-btn.verify-nav.active .verify-plus{background:linear-gradient(145deg,#6849f3,#8f42d5);box-shadow:0 12px 28px rgba(100,72,235,.36)}
.bottom-btn.verify-nav .verify-label{font-size:9px!important;font-weight:900;color:#6a4ff4;margin-top:1px}
.verify-quick-menu{position:fixed;left:50%;bottom:76px;transform:translateX(-50%);width:min(340px,calc(100vw - 28px));padding:10px;border:1px solid rgba(222,216,250,.95);border-radius:22px;background:rgba(255,255,255,.97);backdrop-filter:blur(22px);box-shadow:0 22px 55px rgba(52,45,105,.20);z-index:80;animation:verifyMenuIn .16s ease-out}
.verify-quick-menu:after{content:"";position:absolute;bottom:-7px;left:50%;width:14px;height:14px;background:#fff;border-right:1px solid #ded8fa;border-bottom:1px solid #ded8fa;transform:translateX(-50%) rotate(45deg)}
.verify-quick-title{padding:5px 8px 9px;font-size:12px;font-weight:950;color:#29334f}
.verify-quick-item{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:11px 9px;border:0;border-radius:16px;background:transparent;text-align:left;color:#26314d;cursor:pointer;transition:background .15s ease,transform .15s ease}
.verify-quick-item:hover{background:#f7f4ff;transform:translateX(2px)}
.verify-quick-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
.verify-quick-icon.purple{background:linear-gradient(145deg,#7355ff,#a34bdf);box-shadow:0 7px 16px rgba(107,78,235,.20)}
.verify-quick-icon.blue{background:linear-gradient(145deg,#438cf6,#4868ff);box-shadow:0 7px 16px rgba(62,114,236,.20)}
.verify-quick-copy{flex:1;min-width:0}.verify-quick-copy strong{display:block;font-size:12px;font-weight:950}.verify-quick-copy small{display:block;margin-top:3px;color:#8a94aa;font-size:9px}.verify-quick-count{min-width:26px;height:26px;padding:0 7px;border-radius:99px;display:grid;place-items:center;background:#f0edff;color:#6d51ed;font-size:10px;font-weight:950}.verify-quick-arrow{color:#8a79db;flex:none}
@keyframes verifyMenuIn{from{opacity:0;transform:translate(-50%,8px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:390px){.bottom-btn.verify-nav .verify-plus{width:50px;height:50px;font-size:31px}.verify-quick-menu{bottom:74px;width:calc(100vw - 22px)}}

/* Compras en la navegación inferior */
.compras-nav-icon{width:30px;height:30px;display:grid;place-items:center}
.compras-nav-icon .ui-icon{width:22px;height:22px}
.bottom-btn.active .compras-nav-icon{color:#6a4ff4}
.compras-page{display:grid;gap:12px}
.compras-hero{display:flex;align-items:center;gap:13px;padding:17px;border-radius:22px;background:linear-gradient(135deg,#f8f5ff,#fff6fb);border:1px solid #e8defd;box-shadow:0 10px 25px rgba(83,66,148,.08)}
.compras-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#6f51ff,#d94db2);color:#fff;font-size:25px;font-weight:950;box-shadow:0 9px 20px rgba(107,78,235,.2)}
.compras-hero h2{margin:0;font-size:18px;font-weight:950}.compras-hero p{margin:4px 0 0;color:#8791aa;font-size:10px}
.compras-card{padding:15px}.compras-link{width:100%;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e7e9f2;background:#fff;border-radius:18px;color:#24304c;text-align:left;box-shadow:0 7px 18px rgba(59,66,103,.06)}.compras-link>span:nth-child(2){flex:1}.compras-link strong{display:block;font-size:13px}.compras-link small{display:block;margin-top:3px;color:#8791aa;font-size:10px}
@media(max-width:390px){.bottom-nav{height:80px;padding-left:6px;padding-right:6px}.bottom-btn span:last-child{font-size:8px}.bottom-btn.verify-nav .verify-plus{width:50px;height:50px;font-size:31px}}

/* Ajustes de acabado móvil */
.topbar-main{padding-left:2px}
@media(max-width:520px){.screen{padding:18px 14px 34px}.topbar{padding:0 18px}.bottom-nav{height:96px}.bottom-btn{border-radius:18px}.bottom-btn.verify-nav .verify-plus{width:58px;height:58px;margin-top:-30px;font-size:36px}.bottom-btn.verify-nav .verify-label{font-size:10px!important;margin-top:3px}.verify-quick-menu{bottom:88px}}

/* Verificar visible en Inicio, siguiendo el diseño de referencia */
.verify-home-section{padding:14px 12px 13px}
.verify-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.verify-home-card{min-width:0;min-height:154px;padding:14px 12px;border:1px solid #ece9f7;border-radius:20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(62,65,112,.06);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.verify-home-card:hover,.verify-home-card:focus-visible{transform:translateY(-2px);box-shadow:0 15px 30px rgba(73,65,130,.11);outline:none}
.verify-home-card.purple{background:linear-gradient(145deg,#faf7ff 0%,#f0eaff 100%);border-color:#e0d7ff}
.verify-home-card.blue{background:linear-gradient(145deg,#f5f9ff 0%,#e8f2ff 100%);border-color:#dce9ff}
.verify-home-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;margin-bottom:11px;box-shadow:0 8px 18px rgba(80,72,144,.12)}
.verify-home-card.purple .verify-home-icon{color:#fff;background:linear-gradient(145deg,#7757ff,#a34dde)}
.verify-home-card.blue .verify-home-icon{color:#fff;background:linear-gradient(145deg,#3f8df7,#4569ff)}
.verify-home-copy{width:100%;min-width:0;padding-right:31px}
.verify-home-copy strong{display:block;font-size:15px;font-weight:950;color:#212b49}
.verify-home-copy small{display:block;color:#6f7d99;font-size:10px;line-height:1.38;margin-top:4px;max-width:160px}
.verify-home-copy em{display:inline-flex;margin-top:9px;padding:5px 9px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900}
.verify-home-card.purple .verify-home-copy em{background:#e9e1ff;color:#6c4fe7}
.verify-home-card.blue .verify-home-copy em{background:#dceaff;color:#2d6fe7}
.verify-home-arrow{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);box-shadow:0 4px 11px rgba(56,63,96,.08)}
.verify-home-card.purple .verify-home-arrow{color:#6849ee}.verify-home-card.blue .verify-home-arrow{color:#3575ee}
@media(max-width:390px){.verify-home-grid{gap:8px}.verify-home-card{min-height:148px;padding:12px 10px}.verify-home-copy strong{font-size:14px}.verify-home-copy small{font-size:9px}.verify-home-icon{width:48px;height:48px}}

/* Ajuste solicitado: Verificar queda solo como botón central, sin fondo/sombra morada detrás. */
.bottom-btn.verify-nav::before{display:none!important;content:none!important}
.bottom-btn.verify-nav,
.bottom-btn.verify-nav.active{background:transparent!important;box-shadow:none!important}
.bottom-btn.verify-nav .verify-plus,
.bottom-btn.verify-nav.active .verify-plus{
  box-shadow:0 3px 8px rgba(49,46,94,.10)!important;
}

/* ===== Panel administrativo profesional v6 ===== */
.admin-dashboard{display:grid;gap:18px}
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 24px;border-radius:24px;background:linear-gradient(135deg,#17233c 0%,#2c3b63 58%,#7257d8 100%);color:#fff;box-shadow:0 18px 42px rgba(37,48,82,.18);position:relative;overflow:hidden}
.admin-hero:after{content:"";position:absolute;width:300px;height:300px;right:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.17),transparent 68%);pointer-events:none}
.admin-hero-copy,.admin-hero-actions{position:relative;z-index:1}.admin-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.70)}.admin-kicker.dark{color:#7f8ba1}.admin-hero h1{margin:7px 0 4px;font-size:27px;line-height:1.1;letter-spacing:-.04em}.admin-hero p{margin:0;color:rgba(255,255,255,.72);font-size:11px;max-width:590px}.admin-hero-actions{display:flex;gap:8px;flex:none}.admin-hero-actions .btn{width:auto;min-width:130px}.admin-light{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-kpi{display:flex;align-items:center;gap:11px;text-align:left;padding:15px;border:1px solid #e2e7ef;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(42,56,89,.06);color:#23304a}.admin-kpi:hover{border-color:#d3dbe8;box-shadow:0 12px 26px rgba(42,56,89,.09);transform:translateY(-1px)}.kpi-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff}.kpi-icon.blue{background:#477eea}.kpi-icon.green{background:#2bb783}.kpi-icon.purple{background:#7256da}.kpi-icon.orange{background:#df9138}.admin-kpi small{display:block;color:#8a96aa;font-size:8px;font-weight:900;letter-spacing:.08em}.admin-kpi strong{display:block;font-size:25px;line-height:1.1;margin-top:4px;color:#1c2841}.admin-kpi em{display:block;font-style:normal;color:#a0a9b8;font-size:8px;margin-top:3px}
.admin-panel{padding:20px;border:1px solid #e0e6ef;border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(42,56,89,.06)}.admin-panel-head{margin-bottom:15px}.admin-panel-head h2{margin:5px 0 2px;font-size:18px;letter-spacing:-.025em}.admin-panel-head p{margin:0;color:#8b96aa;font-size:10px}.admin-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-action-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;border:1px solid #e4e8ef;background:#fbfcfe;border-radius:17px;text-align:left;color:#23304a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.admin-action-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(43,57,91,.08);border-color:#d6dde8}.action-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff}.admin-action-card.blue .action-symbol{background:#477eea}.admin-action-card.purple .action-symbol{background:#7355dd}.admin-action-card.green .action-symbol{background:#2bb783}.admin-action-card.orange .action-symbol{background:#dd923b}.admin-action-card.pink .action-symbol{background:#d858a7}.admin-action-card.slate .action-symbol{background:#68758b}.admin-action-card strong{display:block;font-size:11px;font-weight:900}.admin-action-card small{display:block;color:#8995a9;font-size:9px;line-height:1.35;margin-top:3px}.admin-action-card>b{font-size:21px;color:#a0a8b7;font-weight:400}.admin-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dcece5;background:#f4faf7;border-radius:16px}.note-mark{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#30ad7f;font-size:12px;font-weight:900;flex:none}.admin-note strong{display:block;font-size:10px}.admin-note small{display:block;color:#85918e;font-size:9px;margin-top:3px}
@media(min-width:900px){
  body{padding:0!important}.admin-mode{padding:0!important;background:#f2f5f9}.admin-mode .app-shell{width:auto;max-width:none;min-height:100vh;margin:0 0 0 236px;border-radius:0;overflow:visible;box-shadow:none;border:0;background:#f2f5f9}.admin-mode .topbar{height:76px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid #e2e7ef;position:sticky;top:0;z-index:35}.admin-mode .top-title{font-size:20px}.admin-mode .top-sub{font-size:10px}.admin-mode .back-btn{display:none!important}.admin-mode .screen{max-width:1240px;padding:24px 28px 40px;margin:0}.admin-mode .bottom-nav{position:fixed;left:0;top:0;bottom:0;transform:none;width:236px;height:100vh;padding:22px 14px 18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;background:#162137;border-top:0;border-right:1px solid rgba(255,255,255,.05);box-shadow:10px 0 30px rgba(19,31,54,.10);border-radius:0;backdrop-filter:none}.admin-mode .bottom-nav:before{content:'NOTIFICADOR ZELLE';display:block;color:#fff;font-size:12px;font-weight:950;letter-spacing:-.02em;padding:7px 10px 25px}.admin-mode .bottom-btn{height:42px;display:grid;grid-template-columns:26px 1fr;align-items:center;justify-items:start;gap:8px;padding:0 12px;border-radius:12px;color:#aab5c8;font-size:15px}.admin-mode .bottom-btn span:last-child{font-size:10px;font-weight:850}.admin-mode .bottom-btn .nav-icon{display:grid;place-items:center}.admin-mode .bottom-btn.active{color:#fff;background:linear-gradient(90deg,rgba(112,87,223,.25),rgba(112,87,223,.07));box-shadow:inset 3px 0 0 #876be7}.admin-mode .bottom-btn.verify-nav{display:grid;grid-template-columns:26px 1fr!important;position:relative;color:#aab5c8!important;background:transparent!important}.admin-mode .bottom-btn.verify-nav .verify-plus{width:auto;height:auto;margin:0;border:0;border-radius:0;color:inherit;background:none;box-shadow:none;font-size:0}.admin-mode .bottom-btn.verify-nav .verify-plus:after{content:'✓';font-size:18px}.admin-mode .bottom-btn.verify-nav .verify-label{font-size:10px!important;color:inherit;margin:0}.admin-mode .bottom-btn.verify-nav.active{color:#fff!important}.admin-mode .bottom-btn.verify-nav.active .verify-plus{background:none;box-shadow:none}.admin-mode .admin-dashboard{gap:18px}.admin-kpis{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:899px){.admin-hero{align-items:flex-start;flex-direction:column}.admin-hero-actions{width:100%}.admin-hero-actions .btn{flex:1}.admin-kpis{grid-template-columns:1fr 1fr}.admin-actions-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-hero{padding:18px}.admin-hero h1{font-size:23px}.admin-hero-actions{display:grid;grid-template-columns:1fr}.admin-panel{padding:15px}.admin-actions-grid{grid-template-columns:1fr}.admin-kpis{gap:8px}.admin-kpi{padding:12px}.admin-kpi strong{font-size:22px}.admin-mode .screen{padding-left:13px;padding-right:13px}}


/* ====== Panel administrativo profesional inspirado en el panel de referencia ====== */
.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:258px;display:flex;flex-direction:column;background:#111827;border-right:1px solid #263244;color:#d1d5db;z-index:60}
.admin-brand{height:74px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #263244;flex:none}
.admin-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#6d4aff;color:#fff;font-size:23px;font-weight:950;box-shadow:0 8px 24px rgba(109,74,255,.30)}
.admin-brand-copy{display:grid;gap:2px}.admin-brand-copy strong{font-size:13px;color:#fff;letter-spacing:-.02em}.admin-brand-copy small{font-size:9px;color:#8490a3}
.admin-side-scroll{flex:1;overflow:auto;padding:18px 11px}
.admin-side-group{display:grid;gap:3px;margin-bottom:20px}.admin-side-title{font-size:9px;font-weight:850;letter-spacing:.09em;color:#697588;padding:0 11px 7px}
.admin-side-item{width:100%;height:40px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9ba7b8;text-align:left}
.admin-side-item:hover{background:#192235;color:#fff}.admin-side-item.active{background:#2b2348;color:#fff;border-color:#3c3261;box-shadow:inset 3px 0 0 #8b6dff}
.admin-side-icon{display:grid;place-items:center}.admin-side-label{font-size:11px;font-weight:700}.admin-side-badge{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:10px;background:#6d4aff;color:#fff;font-size:8px;font-weight:900}
.admin-side-footer{padding:13px 12px;border-top:1px solid #263244;background:#0f1724}
.admin-side-account{display:flex;align-items:center;gap:9px;padding:4px 6px 11px}.admin-avatar,.admin-chip-avatar{display:grid;place-items:center;border-radius:50%;background:#2e3750;color:#fff;font-weight:850}
.admin-avatar{width:31px;height:31px;font-size:9px}.admin-side-account strong{display:block;font-size:10px;color:#fff}.admin-side-account small{display:block;color:#778398;font-size:8px;margin-top:2px}
.admin-logout{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #2b374a;border-radius:7px;background:#172131;color:#aeb8c7;font-size:9px;font-weight:800}
.admin-logout:hover{color:#fff;border-color:#46546d}
.admin-user-chip{align-items:center;gap:8px;margin-right:8px;padding:5px 8px;border:1px solid #2b374a;border-radius:9px;background:#161f2e}
.admin-chip-avatar{width:27px;height:27px;font-size:8px;background:#40365e}.admin-chip-copy strong{display:block;color:#eef2f7;font-size:9px}.admin-chip-copy small{display:block;color:#78859a;font-size:7px;margin-top:1px}

.admin-mode{background:#0b1220!important;color:#e5e7eb}.admin-mode .app-shell{max-width:none!important;margin:0 0 0 258px!important;width:auto!important;min-height:100vh;background:#0b1220!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.admin-mode .topbar{height:72px;padding:0 25px;background:#111827!important;border-bottom:1px solid #263244!important;backdrop-filter:none;position:sticky;top:0;z-index:55}
.admin-mode .top-title{font-size:18px;color:#f9fafb}.admin-mode .top-sub{font-size:9px;color:#7f8ba0}.admin-mode .notif-btn,.admin-mode .back-btn{background:#151f2e;border-color:#2b374a;color:#b7c0cf;box-shadow:none}.admin-mode .screen{max-width:1400px;padding:25px 28px 44px;margin:0}
.admin-mode .back-btn{display:none!important}.admin-mode .bottom-nav{display:none}
.filament-admin-dashboard{display:grid;gap:19px}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.admin-breadcrumb{font-size:8px;letter-spacing:.08em;font-weight:850;color:#68758a}.admin-breadcrumb span{padding:0 4px;color:#465269}.admin-page-head h1{margin:8px 0 4px;font-size:23px;letter-spacing:-.035em;color:#f9fafb}.admin-page-head p{margin:0;color:#77849a;font-size:10px}.admin-page-actions{display:flex;gap:8px}.admin-outline-btn,.admin-primary-btn{height:36px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;font-size:9px;font-weight:850}.admin-outline-btn{border:1px solid #334055;background:#141d2b;color:#cbd5e1}.admin-outline-btn:hover{border-color:#56647c;color:#fff}.admin-primary-btn{border:1px solid #7358ea;background:#6d4aff;color:#fff;box-shadow:0 7px 18px rgba(109,74,255,.18)}.admin-primary-btn:hover{background:#795aff}
.filament-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filament-stat{min-width:0;padding:14px;border:1px solid #263244;border-radius:9px;background:#111827;text-align:left;color:#e5e7eb;box-shadow:0 10px 26px rgba(0,0,0,.12)}.filament-stat:hover{border-color:#3b4860;transform:translateY(-1px)}.filament-stat-head{display:flex;align-items:center;justify-content:space-between;color:#7f8ba0;font-size:8px;font-weight:850;letter-spacing:.08em}.filament-stat strong{display:block;margin-top:11px;color:#f9fafb;font-size:24px;letter-spacing:-.045em}.filament-stat small{display:block;color:#69778c;font-size:8px;margin-top:5px}.filament-stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.filament-stat-icon.violet{background:#2b2348;color:#a993ff}.filament-stat-icon.blue{background:#172d4d;color:#72a5ff}.filament-stat-icon.green{background:#123329;color:#63d6a6}.filament-stat-icon.orange{background:#3a2c18;color:#f6b45b}
.filament-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px}.filament-card{padding:16px;border:1px solid #263244;border-radius:9px;background:#111827;box-shadow:0 10px 26px rgba(0,0,0,.10)}.filament-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.filament-card h2{margin:0;color:#f3f4f6;font-size:13px;letter-spacing:-.01em}.filament-card-head p{margin:3px 0 0;color:#69778c;font-size:8px}
.filament-actions-list{display:grid;gap:5px}.filament-actions-list button{width:100%;min-height:49px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid #202c3e;border-radius:7px;background:#0f1724;color:#dbe2eb;text-align:left}.filament-actions-list button:hover{background:#172131;border-color:#34425a}.filament-action-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px}.filament-action-icon.blue{background:#172d4d;color:#72a5ff}.filament-action-icon.violet{background:#2b2348;color:#a993ff}.filament-action-icon.green{background:#123329;color:#63d6a6}.filament-action-icon.orange{background:#3a2c18;color:#f6b45b}.filament-actions-list strong{display:block;font-size:9px}.filament-actions-list small{display:block;margin-top:2px;color:#69778c;font-size:7px}.filament-actions-list b{color:#59677b;font-size:16px;font-weight:400}
.filament-activity{display:grid}.filament-activity-row{display:grid;grid-template-columns:8px 1fr auto;align-items:start;gap:8px;padding:10px 0;border-bottom:1px solid #202c3e}.filament-activity-row:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#8062ff;box-shadow:0 0 0 3px rgba(128,98,255,.12)}.filament-activity-row strong{display:block;color:#dce3ec;font-size:8px}.filament-activity-row small{display:block;color:#69778c;font-size:7px;line-height:1.4;margin-top:3px}.filament-activity-row time{color:#5f6c80;font-size:7px}.filament-empty{padding:18px 0;color:#66748a;font-size:8px;text-align:center}
.status-ok{font-size:8px;color:#61d5a4}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.health-grid>div{padding:10px;border:1px solid #202c3e;border-radius:7px;background:#0f1724}.health-grid span{display:block;color:#69778c;font-size:7px}.health-grid strong{display:block;color:#eef2f7;font-size:15px;margin-top:4px}
.admin-mode .section,.admin-mode .admin-panel,.admin-mode .compras-page,.admin-mode .account-history{background:#111827!important;border-color:#263244!important;color:#e5e7eb}.admin-mode .section-title h2,.admin-mode .section h2{color:#f3f4f6}.admin-mode .section-sub,.admin-mode .section p,.admin-mode .admin-panel-head p{color:#69778c}.admin-mode .table th{color:#7f8ba0;border-color:#263244}.admin-mode .table td{color:#cbd5e1;border-color:#202c3e}.admin-mode .table tr:hover{background:#151f2e}.admin-mode .field span{color:#9aa7ba}.admin-mode .field input,.admin-mode .field select{background:#0f1724;border-color:#2b374a;color:#f3f4f6;box-shadow:none}.admin-mode .field input:focus,.admin-mode .field select:focus{border-color:#7257e8;box-shadow:0 0 0 3px rgba(114,87,232,.13)}.admin-mode .modal-backdrop{background:rgba(3,7,18,.72)}.admin-mode .modal{background:#111827;border-color:#2b374a;color:#e5e7eb}.admin-mode .modal h3{color:#f9fafb}.admin-mode .money-box{background:#0f1724!important;border-color:#2b374a!important}.admin-mode .money-label{color:#758399!important}.admin-mode .money-value{color:#f9fafb!important}

@media(max-width:899px){
  .admin-sidebar{display:none}
  .admin-user-chip{display:none!important}
  .admin-mode .app-shell{margin:0!important}
  .admin-mode .topbar{height:78px;padding:0 13px}
  .admin-mode .top-title{font-size:20px}
  .admin-mode .top-sub{font-size:9px}
  .admin-mode .screen{padding:16px 13px 112px}
  .admin-mode .bottom-nav{display:grid;width:100%;left:0;transform:none;border-radius:0;background:#111827;border-color:#263244;box-shadow:0 -10px 25px rgba(0,0,0,.18);height:75px;padding:6px max(6px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom))}
  .admin-mode .bottom-btn{color:#78869a;border-radius:8px}.admin-mode .bottom-btn.active{color:#fff;background:#2b2348}.admin-mode .bottom-btn span:last-child{font-size:7px}
  .admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-actions{width:100%}.admin-page-actions button{flex:1}
  .filament-stats{grid-template-columns:1fr 1fr}.filament-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .admin-page-head h1{font-size:20px}.admin-page-actions{display:grid;grid-template-columns:1fr 1fr}.filament-stat{padding:12px}.filament-stat strong{font-size:21px}.filament-card{padding:13px}
}


/* Información detallada de compras y pagos de libras para el trabajador */
.purchase-guide{display:flex;gap:11px;padding:13px 14px;border:1px solid #dbe1ea;border-radius:14px;background:#f8fafc;color:#334155}
.purchase-guide-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:#eef2ff;color:#5b4ad8}
.purchase-guide strong{display:block;font-size:11px;color:#1f2937}.purchase-guide p{margin:4px 0 0;font-size:9px;line-height:1.45;color:#697586}
.purchase-history-list{display:grid;gap:10px}
.purchase-history-item{padding:13px;border:1px solid #e0e5ec;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.purchase-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.purchase-type-wrap{display:flex;align-items:center;gap:9px}.purchase-type-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.purchase-type-icon.purchase{background:#eee9ff;color:#6b50e6}.purchase-type-icon.pounds{background:#e8f7ef;color:#16845a}
.purchase-type-wrap strong{display:block;font-size:11px;color:#1f2937}.purchase-type-wrap small{display:block;font-size:8px;color:#7a8595;margin-top:2px}.purchase-total{font-size:15px;font-weight:900;color:#111827}
.purchase-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.purchase-info-grid>div{padding:9px 10px;border:1px solid #edf0f4;border-radius:9px;background:#fafbfc}.purchase-info-grid span{display:block;font-size:7px;color:#7a8595;text-transform:uppercase;letter-spacing:.04em}.purchase-info-grid strong{display:block;margin-top:3px;font-size:10px;color:#273141}
.purchase-explanation{display:flex;gap:7px;align-items:flex-start;margin-top:9px;padding:8px 9px;border-radius:8px;background:#f7f8fb;color:#6b7280;font-size:8px;line-height:1.45}.purchase-info-icon{display:grid;place-items:center;color:#6977cf;flex:none}
.purchase-balance-row{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:10px;border-top:1px dashed #e1e6ec;color:#7b8797;font-size:8px}.purchase-balance-row strong{color:#344054;font-size:9px}.purchase-arrow{color:#a2adbb;font-size:12px}
.purchase-history-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#98a2b1;font-size:7px}.purchase-history-foot span:last-child{text-align:right}
@media(max-width:640px){
  .purchase-guide{padding:12px}.purchase-info-grid{grid-template-columns:1fr 1fr}.purchase-history-foot{flex-direction:column;gap:3px}.purchase-history-foot span:last-child{text-align:left}
}
.admin-mode .purchase-guide{background:#0f1724;border-color:#263244;color:#cbd5e1}.admin-mode .purchase-guide-icon{background:#2b2348;color:#a993ff}.admin-mode .purchase-guide strong{color:#f3f4f6}.admin-mode .purchase-guide p{color:#748197}
.admin-mode .purchase-history-item{background:#111827;border-color:#263244}.admin-mode .purchase-type-wrap strong,.admin-mode .purchase-total{color:#f3f4f6}.admin-mode .purchase-type-wrap small{color:#7a879a}.admin-mode .purchase-info-grid>div{background:#0f1724;border-color:#202c3e}.admin-mode .purchase-info-grid span{color:#738095}.admin-mode .purchase-info-grid strong{color:#dbe3ed}.admin-mode .purchase-explanation{background:#0f1724;color:#7d8aa0}.admin-mode .purchase-balance-row{border-color:#263244;color:#7d8aa0}.admin-mode .purchase-balance-row strong{color:#cbd5e1}

/* Eliminar compras/pagos desde el panel administrativo */
.danger-icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #f0c8cb;border-radius:8px;background:#fff7f7;color:#c73f49;cursor:pointer}
.danger-icon-btn:hover{background:#ffecee;border-color:#df979c}.danger-icon-btn:disabled{opacity:.5;cursor:wait}
.admin-mode .danger-icon-btn{background:#29171a;border-color:#5b2a30;color:#ff8f95}

/* Historial de compras minimalista */
.compras-minimal .compras-hero{padding:13px 14px}.compras-minimal .compras-logo{width:34px;height:34px}.compras-minimal .compras-hero h2{font-size:15px}.compras-minimal .compras-hero p{font-size:8px}
.minimal-help{display:flex;align-items:flex-start;gap:7px;padding:9px 11px;border:1px solid #e7ebf0;border-radius:10px;background:#fafbfc;color:#7b8796;font-size:8px;line-height:1.4}.minimal-help>span{color:#6b5bd3;display:grid;place-items:center;flex:none}.minimal-help strong{color:#4b5563;font-weight:800}
.minimal-history{padding-top:14px}.minimal-history .section-title{margin-bottom:10px}.minimal-history .section-title h2{font-size:16px}.minimal-history .section-sub{font-size:10px}
.minimal-purchase-list{display:grid;gap:9px}
.minimal-purchase-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e8eaf1;border-radius:17px;background:#fff;box-shadow:0 6px 16px rgba(59,66,103,.055);min-height:70px}
.minimal-purchase-row:hover{border-color:#ddd8fb;box-shadow:0 12px 23px rgba(59,66,103,.09);transform:translateY(-1px)}
.minimal-purchase-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px}.minimal-purchase-icon.purchase{background:#f0ecff;color:#7158d9}.minimal-purchase-icon.pounds{background:#edf9f3;color:#25835c}
.minimal-purchase-body{min-width:0;flex:1}.minimal-purchase-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.minimal-purchase-top>strong:first-child{font-size:13px;font-weight:900;color:#303846}.minimal-purchase-total{font-size:13px;font-weight:950;color:#171d28;white-space:nowrap}
.minimal-purchase-main{margin-top:3px;font-size:10px;color:#697586;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimal-purchase-extra{display:inline-block;margin-left:4px;padding:3px 6px;border-radius:9px;background:#f4f5f7;color:#7a8491;font-size:8px;font-weight:800}
.minimal-purchase-meta{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#8a94aa;font-size:9px}.minimal-purchase-meta span:last-child{text-align:right}
.admin-mode .minimal-help{background:#0f1724;border-color:#263244;color:#77859a}.admin-mode .minimal-help strong{color:#cbd5e1}
.admin-mode .minimal-purchase-row{background:#111827;border-color:#202c3e}.admin-mode .minimal-purchase-top>strong:first-child,.admin-mode .minimal-purchase-total{color:#f3f4f6}.admin-mode .minimal-purchase-main{color:#7f8ba0}.admin-mode .minimal-purchase-meta{color:#69778c}.admin-mode .minimal-purchase-extra{background:#1a2230;color:#7f8ba0}
@media(max-width:560px){
  .minimal-purchase-row{padding:12px 11px;min-height:68px}.minimal-purchase-icon{width:40px;height:40px}.minimal-purchase-total{font-size:12px}.minimal-purchase-meta{font-size:8.5px}
}


/* Centro de notificaciones y actividad unificada */
.notification-center-modal{width:min(600px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 40px));padding:0;overflow:hidden}
.notification-center-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #e4e8ee}.notification-center-head h3{margin:0;font-size:15px}.notification-center-head p{margin:3px 0 0;color:#7b8797;font-size:8px}.notification-close{width:30px;height:30px;border:0;border-radius:8px;background:#f3f5f7;color:#687385;font-size:20px;line-height:1}
.notification-center-list{max-height:590px;overflow:auto;padding:6px 10px 10px}
.notification-row{position:relative;display:flex;align-items:flex-start;gap:10px;padding:11px 9px;border-bottom:1px solid #eef1f4}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:#faf9ff;border-radius:9px}.notification-row-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eef0ff;color:#6855d9;flex:none}.notification-row-main{min-width:0;flex:1}.notification-row-main strong{display:block;font-size:9px;color:#263142}.notification-row-main p{margin:3px 0 0;font-size:8px;color:#667386;line-height:1.4}.notification-row-main small{display:block;margin-top:5px;color:#9aa4b2;font-size:7px}.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:#6d4aff;flex:none;margin-top:7px}.notification-loading,.notification-empty{padding:28px 12px;text-align:center;color:#8994a3;font-size:9px}
.admin-activity-list{display:grid;max-height:355px;overflow:auto}.admin-activity-row{display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #202c3e}.admin-activity-row:last-child{border-bottom:0}.admin-activity-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px}.admin-activity-icon.payment{background:#172d4d;color:#72a5ff}.admin-activity-icon.purchase{background:#2b2348;color:#a993ff}.admin-activity-icon.pounds{background:#123329;color:#63d6a6}.admin-activity-icon.verification{background:#183128;color:#63d6a6}.admin-activity-icon.request{background:#3a2c18;color:#f6b45b}.admin-activity-icon.worker{background:#243047;color:#a8bbdb}.admin-activity-main{min-width:0}.admin-activity-main strong{display:block;color:#dfe6ef;font-size:8px}.admin-activity-main small{display:block;color:#758399;font-size:7px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-activity-time{color:#66758b;font-size:7px;white-space:nowrap}.activity-live{color:#60d3a3;font-size:7px}
@media(max-width:650px){.notification-center-modal{width:calc(100vw - 18px)}.admin-activity-time{display:none}}

/* Historial unificado para app móvil */
.apk-home{display:grid;gap:10px}
.apk-history{margin-top:0}
.apk-activity-list{display:grid;gap:4px}
.apk-activity-row{width:100%;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 7px;border:1px solid #edf0f4;border-radius:10px;background:#fff;text-align:left;min-height:48px}
.apk-activity-row:active{transform:scale(.995)}
.apk-activity-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px}
.apk-activity-icon.verified{background:#edf8f2;color:#25845e}
.apk-activity-icon.cancelled{background:#ffe9e9;color:#c93636}.apk-activity-icon.purchase{background:#f0ecff;color:#7158d8}.apk-activity-icon.pounds{background:#edf8f3;color:#27835f}.apk-activity-icon.pending{background:#fff1dc;color:#d88716}
.apk-activity-main{min-width:0}.apk-activity-main strong{display:block;color:#263141;font-size:8.7px;font-weight:850}.apk-activity-main small{display:block;margin-top:2px;color:#7b8796;font-size:7.1px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apk-activity-right{text-align:right;min-width:48px}.apk-activity-right strong{display:block;color:#18202d;font-size:9px}.apk-activity-right small{display:block;margin-top:2px;color:#92a0af;font-size:6.8px}.apk-activity-right small.verified{color:#25845e}
.admin-mode .apk-activity-row{background:#111827;border-color:#202c3e}.admin-mode .apk-activity-main strong,.admin-mode .apk-activity-right strong{color:#f3f4f6}.admin-mode .apk-activity-main small,.admin-mode .apk-activity-right small{color:#77859a}
@media(max-width:560px){.apk-home{gap:8px}.apk-activity-row{padding:8px 6px;grid-template-columns:27px minmax(0,1fr) auto}.apk-activity-icon{width:27px;height:27px}.apk-activity-main strong{font-size:8.3px}.apk-activity-main small{font-size:6.8px}.apk-activity-right strong{font-size:8.5px}}

/* Centro de notificaciones minimalista */
.notification-center-modal{width:min(440px,calc(100vw - 24px));max-height:min(660px,calc(100vh - 30px));padding:0;overflow:hidden;border-radius:16px}
.notification-min-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #edf0f3;background:#fff}
.notification-min-title{font-size:12px;font-weight:850;color:#1f2937;letter-spacing:-.01em}
.notification-close-min{width:28px;height:28px;border:0;border-radius:8px;background:#f5f6f8;color:#7b8795;font-size:18px;line-height:1;cursor:pointer}
.notification-close-min:hover{background:#eceff2}
.notification-min-list{padding:5px 8px 8px;max-height:570px;overflow:auto;background:#fff}
.notification-min-row{display:flex;align-items:flex-start;gap:9px;padding:9px 7px;border-radius:10px}
.notification-min-row.unread{background:#faf9ff}
.notification-min-row + .notification-min-row{margin-top:2px}
.notification-min-icon{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:#f2f4f7;color:#7b8794}
.notification-min-icon.new{background:#eeeaff;color:#6f55d7}
.notification-min-body{min-width:0;flex:1}
.notification-min-top{display:flex;align-items:center;gap:5px}.notification-min-top strong{display:block;min-width:0;font-size:8.8px;color:#2a3442;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-min-dot{width:5px;height:5px;border-radius:50%;background:#6d4aff;flex:none}
.notification-min-body p{margin:3px 0 0;font-size:7.5px;line-height:1.4;color:#737f8f}
.notification-min-body small{display:block;margin-top:4px;font-size:6.6px;color:#a2aab5}
.notification-min-loading,.notification-min-empty{padding:28px 12px;text-align:center;color:#9aa4b0;font-size:8px}
.admin-mode .notification-min-head,.admin-mode .notification-min-list{background:#111827;border-color:#202c3e}
.admin-mode .notification-min-title{color:#f3f4f6}.admin-mode .notification-close-min{background:#172131;color:#8995a6}
.admin-mode .notification-min-row.unread{background:#171329}.admin-mode .notification-min-icon{background:#172131;color:#7d899a}.admin-mode .notification-min-icon.new{background:#2b2348;color:#a993ff}.admin-mode .notification-min-top strong{color:#e5eaf1}.admin-mode .notification-min-body p{color:#78869a}.admin-mode .notification-min-body small{color:#66748a}
@media(max-width:520px){
  .notification-center-modal{width:calc(100vw - 16px);max-height:calc(100vh - 20px);border-radius:14px}
  .notification-min-list{max-height:calc(100vh - 86px)}
  .notification-min-row{padding:8px 6px}.notification-min-body p{font-size:7.2px}
}

/* Gestión de trabajadores: editar y eliminar, optimizado para móvil */
.worker-admin-row{gap:10px}.worker-admin-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:650px){
  .worker-admin-row{align-items:flex-start}.worker-admin-actions{display:grid;grid-template-columns:auto auto auto;gap:5px}
  .worker-admin-actions .pill{grid-column:1/-1;justify-self:end}
}


/* ====== ADMIN: misma experiencia visual que TRABAJADORES ====== */
.admin-body{
  background:linear-gradient(180deg,#eef3ff 0%,#f7f8ff 48%,#eef1ff 100%)!important;
  color:var(--ink)!important;
}
.admin-body:before{
  background:radial-gradient(680px 420px at 7% 0%,rgba(104,85,255,.16),transparent 65%),radial-gradient(620px 440px at 95% 15%,rgba(238,98,186,.14),transparent 68%),radial-gradient(520px 420px at 50% 100%,rgba(48,159,255,.10),transparent 68%)!important;
}
.admin-mode{
  min-height:100vh!important;
  padding-bottom:104px!important;
  background:transparent!important;
  color:var(--ink)!important;
}
.admin-mode .app-shell{
  width:auto!important;
  max-width:520px!important;
  min-height:100vh!important;
  margin:0 auto!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
  border:0!important;
  background:transparent!important;
}
.admin-mode .topbar{
  height:112px!important;
  padding:0 16px!important;
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid rgba(207,212,230,.65)!important;
  backdrop-filter:blur(18px)!important;
  position:sticky!important;
  top:0!important;
  z-index:30!important;
}
.admin-mode .top-title{font-size:27px!important;color:var(--ink)!important}
.admin-mode .top-sub{font-size:14px!important;color:#7d88a2!important}
.admin-mode .back-btn,.admin-mode .notif-btn{
  background:#fff!important;
  border-color:#e8eaf2!important;
  color:#4d5874!important;
  box-shadow:0 5px 16px rgba(40,50,90,.07)!important;
}
.admin-mode .back-btn{display:none!important}
.admin-mode .admin-user-chip{display:none!important}
.admin-mode .admin-sidebar{display:none!important}
.admin-mode .screen{
  max-width:none!important;
  padding:15px 13px 112px!important;
  margin:0!important;
}
.admin-mode .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(520px,100%)!important;
  height:96px!important;
  padding:9px 9px max(10px,env(safe-area-inset-bottom))!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:3px!important;
  background:rgba(255,255,255,.93)!important;
  border-top:1px solid #e4e6ef!important;
  border-right:0!important;
  box-shadow:0 -10px 30px rgba(59,69,109,.07)!important;
  backdrop-filter:blur(20px)!important;
  border-radius:0!important;
}
.admin-mode .bottom-nav:before{display:none!important}
.admin-mode .bottom-btn{
  height:auto!important;
  display:grid!important;
  grid-template-columns:none!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  padding:0!important;
  border-radius:15px!important;
  color:#8993a9!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:17px!important;
}
.admin-mode .bottom-btn span:last-child{
  font-size:10px!important;
  font-weight:850!important;
}
.admin-mode .bottom-btn.active{
  color:#6a4ff4!important;
  background:#f0edff!important;
  box-shadow:none!important;
}
.admin-mode .bottom-btn.verify-nav{
  display:grid!important;
  grid-template-columns:none!important;
  color:#8993a9!important;
  background:transparent!important;
}
.admin-mode .bottom-btn.verify-nav.active{
  color:#6a4ff4!important;
  background:#f0edff!important;
}
.admin-mode .bottom-btn.verify-nav .verify-plus{
  width:auto!important;height:auto!important;margin:0!important;
  border:0!important;border-radius:0!important;background:none!important;
  box-shadow:none!important;color:inherit!important;
}
.admin-mode .bottom-btn.verify-nav .verify-label{
  font-size:10px!important;color:inherit!important;margin:0!important;
}
.admin-mode .section,
.admin-mode .admin-panel,
.admin-mode .compras-page,
.admin-mode .account-history{
  background:rgba(255,255,255,.93)!important;
  border-color:#e7e9f2!important;
  color:var(--ink)!important;
}
.admin-mode .section-title h2,
.admin-mode .section h2{color:#18213f!important}
.admin-mode .section-sub,
.admin-mode .section p,
.admin-mode .admin-panel-head p{color:#7d88a2!important}
.admin-mode .list-item{
  background:#fff!important;
  border-color:#e8eaf1!important;
  color:#24304c!important;
  box-shadow:0 7px 18px rgba(59,66,103,.06)!important;
}
.admin-mode .list-item:hover{background:#fff!important}
.admin-mode .field span{color:#505d79!important}
.admin-mode .field input,.admin-mode .field select{
  background:#fff!important;
  border-color:#e1e5f0!important;
  color:#1d2742!important;
  box-shadow:0 6px 16px rgba(51,64,110,.05)!important;
}
.admin-mode .modal-backdrop{background:rgba(29,35,62,.35)!important}
.admin-mode .modal{
  background:rgba(255,255,255,.97)!important;
  border-color:#e7e9f0!important;
  color:var(--ink)!important;
}
.admin-mode .modal h3{color:#18213f!important}
.admin-mode .money-box{
  background:linear-gradient(135deg,#f2f0ff,#f9fbff)!important;
  border-color:#e1defc!important;
}
.admin-mode .money-label{color:#8590a7!important}
.admin-mode .money-value{color:#4056e8!important}
.admin-mode .apk-activity-row{
  background:#fff!important;
  border-color:#edf0f4!important;
}
.admin-mode .apk-activity-main strong,
.admin-mode .apk-activity-right strong{color:#263141!important}
.admin-mode .apk-activity-main small,
.admin-mode .apk-activity-right small{color:#7b8796!important}
.admin-worker-home{gap:10px}
@media(min-width:900px){
  body.admin-body{padding:28px 0!important}
  .admin-mode .app-shell{
    width:430px!important;
    max-width:430px!important;
    min-height:860px!important;
    border-radius:34px!important;
    overflow:hidden!important;
    box-shadow:0 35px 120px rgba(59,69,130,.18)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    background:linear-gradient(180deg,#f8f9ff,#eff2ff)!important;
  }
  .admin-mode .topbar{position:relative!important}
  .admin-mode .screen{padding:18px 13px 112px!important}
  .admin-mode .bottom-nav{
    width:430px!important;
    border-bottom-left-radius:34px!important;
    border-bottom-right-radius:34px!important;
  }
}
@media(max-width:560px){
  .admin-mode .bottom-nav{grid-template-columns:repeat(6,1fr)!important}
  .admin-mode .bottom-btn span:last-child{font-size:8.5px!important}
}


/* ===== ZELLE RECIBIDOS: datos legibles en móvil ===== */
.payments-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.payments-table{width:100%;table-layout:fixed}
.payments-table th,.payments-table td{vertical-align:middle}
.payments-table th{font-size:11px!important;font-weight:850!important;letter-spacing:.01em;padding:13px 8px!important}
.payments-table td{font-size:14px!important;line-height:1.25;padding:15px 8px!important;font-weight:600}
.payments-table .payment-client-head,.payments-table .payment-client{width:43%}
.payments-table .payment-amount-head,.payments-table .payment-amount{width:23%}
.payments-table .payment-ref-head,.payments-table .payment-ref{width:34%}
.payments-table .payment-client{color:#24304c!important;font-weight:750!important;white-space:normal!important;overflow-wrap:anywhere}
.payments-table .payment-amount{color:#263a67!important;font-weight:850!important;white-space:nowrap!important}
.payments-table .payment-ref{color:#5c6d8a!important;font-weight:650!important;white-space:normal!important;overflow-wrap:anywhere}
.payments-table .payment-empty{font-size:13px!important;font-weight:600!important;text-align:center}
.admin-mode .payments-table th{color:#687896!important;border-color:#dfe4ee!important}
.admin-mode .payments-table td{color:#26324c!important;border-color:#e6eaf1!important}
.admin-mode .payments-table .payment-client{color:#1d2a46!important}
.admin-mode .payments-table .payment-amount{color:#3f49c9!important}
.admin-mode .payments-table .payment-ref{color:#61718d!important}
.admin-mode .payments-table tbody tr:hover{background:#faf9ff!important}
@media(max-width:560px){
  .payments-table th{font-size:11px!important;padding:14px 7px!important}
  .payments-table td{font-size:14px!important;padding:16px 7px!important}
}

/* ===== ZELLE: alto contraste + cache bust v19 ===== */
.admin-mode .payments-table tbody tr {
  opacity: 1 !important;
  filter: none !important;
  background: #ffffff !important;
}
.admin-mode .payments-table td {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  color: #1f2a44 !important;
}
.admin-mode .payments-table .payment-client {
  color: #17213a !important;
  font-weight: 800 !important;
}
.admin-mode .payments-table .payment-amount {
  color: #2d36a8 !important;
  font-weight: 850 !important;
}
.admin-mode .payments-table .payment-ref {
  color: #40506f !important;
  font-weight: 700 !important;
}
@media(max-width:560px){
  .admin-mode .payments-table td { font-size: 15px !important; }
}


/* ===== ACCESIBILIDAD / LEGIBILIDAD GENERAL EN ADMIN MÓVIL ===== */
.admin-mode .screen,
.admin-mode .section,
.admin-mode .section p,
.admin-mode .admin-panel,
.admin-mode .admin-panel p,
.admin-mode .compras-page,
.admin-mode .account-history{
  color:#18213f !important;
}
.admin-mode .section-sub,
.admin-mode .section p,
.admin-mode .admin-panel-head p,
.admin-mode .top-sub{
  color:#5d6a83 !important;
}
.admin-mode .list-item,
.admin-mode .list-item .name{
  color:#17213a !important;
}
.admin-mode .list-item .meta,
.admin-mode .meta{
  color:#53617a !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
}
.admin-mode .section-title h2,
.admin-mode .section h2{
  font-size:18px !important;
  font-weight:900 !important;
}
.admin-mode .pill{
  color:#4b5a74 !important;
  background:#f4f6fa !important;
  border-color:#dbe1ea !important;
  font-size:11px !important;
  font-weight:750 !important;
}
.admin-mode .btn{
  color:#24314b !important;
  font-size:13px !important;
  font-weight:850 !important;
}
.admin-mode .btn.purple,
.admin-mode .btn.green,
.admin-mode .btn.cyan,
.admin-mode .btn.red{
  color:#fff !important;
}
.admin-mode .admin-list .btn.red{background:linear-gradient(135deg,#f05b6d,#d93d52)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(217,61,82,.18)!important;}
.admin-mode .admin-list .btn.red:hover{filter:brightness(.97);transform:translateY(-1px);}
.admin-mode .admin-list .btn.red:active{transform:translateY(0);}
.admin-mode .field span{
  color:#3f4d67 !important;
  font-size:12px !important;
}
.admin-mode .field input,
.admin-mode .field select,
.admin-mode .search input{
  color:#18213f !important;
  font-size:15px !important;
}
.admin-mode .search input::placeholder,
.admin-mode input::placeholder{
  color:#7a879c !important;
  opacity:1 !important;
}
.admin-mode .payments-table th{
  color:#43516b !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:none !important;
}
.admin-mode .payments-table td{
  color:#18213f !important;
  font-size:16px !important;
  font-weight:750 !important;
}
.admin-mode .payments-table .payment-client{
  color:#111a2d !important;
  font-weight:850 !important;
}
.admin-mode .payments-table .payment-amount{
  color:#2635a8 !important;
  font-size:16px !important;
  font-weight:900 !important;
}
.admin-mode .payments-table .payment-ref{
  color:#46556f !important;
  font-size:14px !important;
  font-weight:750 !important;
}
.admin-mode .payments-table tbody tr{
  min-height:52px;
}
.admin-mode .payments-table td{
  padding-top:17px !important;
  padding-bottom:17px !important;
}
.admin-mode .admin-panel-head h3,
.admin-mode .modal h3,
.admin-mode .detail-name{
  color:#18213f !important;
}
.admin-mode .bottom-btn{
  color:#65728b !important;
}
.admin-mode .bottom-btn.active,
.admin-mode .bottom-btn.verify-nav.active{
  color:#6048ea !important;
}
.admin-mode .bottom-btn span:last-child{
  font-size:10px !important;
  font-weight:900 !important;
}
@media(max-width:560px){
  .admin-mode .top-title{font-size:29px !important;}
  .admin-mode .top-sub{font-size:15px !important;}
  .admin-mode .section-title h2,
  .admin-mode .section h2{font-size:19px !important;}
  .admin-mode .list-item .name{font-size:14px !important;}
  .admin-mode .payments-table th{font-size:12px !important;}
  .admin-mode .payments-table td{font-size:16px !important;}
  .admin-mode .payments-table .payment-ref{font-size:14px !important;}
}


/* ==========================================================
   Historial móvil premium v21
   Diseñado para lectura cómoda en pantallas pequeñas.
   ========================================================== */
.worker-history-premium,
.apk-history{padding:15px!important;border-radius:24px!important}
.apk-history .section-title{margin-bottom:13px}
.apk-history .section-title h2{font-size:18px;letter-spacing:-.03em}
.apk-history .section-sub{font-size:11px;line-height:1.35}
.apk-history .text-btn{font-size:11px;padding:8px 2px}
.apk-activity-list{gap:9px!important}
.apk-activity-row{
  grid-template-columns:50px minmax(0,1fr) minmax(76px,auto)!important;
  gap:11px!important;
  min-height:78px!important;
  padding:12px 11px!important;
  border:1px solid #e5e8f1!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  box-shadow:0 9px 24px rgba(55,65,105,.065)!important;
  -webkit-tap-highlight-color:transparent;
}
.apk-activity-row:active{transform:scale(.992)}
.apk-activity-icon{
  width:50px!important;height:50px!important;border-radius:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.apk-activity-icon.verified{background:linear-gradient(145deg,#e8fff4,#dff7ec)!important;color:#159465!important}
.apk-activity-icon.purchase{background:linear-gradient(145deg,#f1edff,#e7e0ff)!important;color:#6f53ee!important}
.apk-activity-icon.pounds{background:linear-gradient(145deg,#eafaf3,#dff5eb)!important;color:#27835f!important}
.apk-activity-icon.pending{background:linear-gradient(145deg,#fff2df,#ffe7bf)!important;color:#c97708!important}
.apk-activity-main{min-width:0!important;align-self:center}
.apk-activity-main strong{
  color:#18213f!important;font-size:13.5px!important;font-weight:900!important;
  letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.apk-activity-main small{
  display:block;margin-top:5px!important;color:#66738e!important;font-size:10.5px!important;
  line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  max-width:100%;
}
.apk-activity-right{
  align-self:center!important;text-align:right;min-width:76px!important;
}
.apk-activity-right strong{
  display:block;color:#18213f!important;font-size:14.5px!important;font-weight:950!important;
  letter-spacing:-.02em;white-space:nowrap;
}
.apk-activity-right small{
  display:inline-flex!important;align-items:center;justify-content:center;margin-top:6px!important;
  min-height:22px;padding:4px 8px!important;border-radius:999px!important;
  background:#f1f3f7;color:#7b879a!important;font-size:9.5px!important;font-weight:850!important;
  line-height:1!important;white-space:nowrap;
}
.apk-activity-right small.verified{background:#e6f8ef!important;color:#16865c!important}
.apk-activity-right small.pending{background:#fff1dc!important;color:#c97708!important}
.apk-activity-right small.cancelled{background:#ffe9e9!important;color:#c93636!important}
.apk-activity-row .chev{display:none}

/* Pantalla Historial completa */
.full-history{padding:16px!important}
.full-history .transaction-list{gap:10px!important}
.full-history .transaction-item{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) minmax(84px,auto)!important;
  gap:12px!important;
  min-height:86px!important;
  padding:13px!important;
  border-radius:20px!important;
  border-color:#e3e7f0!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  box-shadow:0 9px 25px rgba(55,65,105,.07)!important;
}
.full-history .transaction-icon{
  width:52px!important;height:52px!important;border-radius:17px!important;
}
.full-history .transaction-main strong{font-size:14px!important;color:#18213f!important}
.full-history .transaction-main small{font-size:10.5px!important;line-height:1.4!important;color:#66738e!important;white-space:normal!important}
.full-history .transaction-right{min-width:84px!important}
.full-history .transaction-right strong{font-size:15px!important;color:#18213f!important;white-space:nowrap}
.full-history .transaction-right small{
  display:inline-flex!important;margin-top:6px!important;padding:4px 8px!important;border-radius:999px!important;
  background:#f1f3f7!important;color:#7b879a!important;font-size:9.5px!important;font-weight:850!important;
}
.full-history .transaction-right small.verified{background:#e6f8ef!important;color:#16865c!important}
.full-history .transaction-right small.pending{background:#fff1dc!important;color:#c97708!important}
.full-history .transaction-right small.cancelled{background:#ffe9e9!important;color:#c93636!important}
.full-history .transaction-item .chev{display:none}

/* Espaciado del inicio para que el historial respire */
.apk-home{gap:12px!important}
.apk-home .balance-card{padding:19px 18px!important}
.apk-home .hero-card{padding:20px 18px!important}
.apk-home .hero-number{font-size:40px!important}

@media(max-width:520px){
  .screen{padding:14px 14px calc(28px + env(safe-area-inset-bottom))!important}
  .topbar{height:112px!important;padding-left:18px!important;padding-right:18px!important}
  .apk-history .section-title h2{font-size:17px}
  .apk-activity-row{grid-template-columns:48px minmax(0,1fr) minmax(70px,auto)!important;padding:11px 10px!important;min-height:76px!important}
  .apk-activity-icon{width:48px!important;height:48px!important}
  .apk-activity-main strong{font-size:13px!important}
  .apk-activity-main small{font-size:10px!important}
  .apk-activity-right{min-width:70px!important}
  .apk-activity-right strong{font-size:13.5px!important}
  .full-history .transaction-item{grid-template-columns:48px minmax(0,1fr) minmax(76px,auto)!important;min-height:82px!important;gap:10px!important;padding:11px!important}
  .full-history .transaction-icon{width:48px!important;height:48px!important}
  .full-history .transaction-main strong{font-size:13.5px!important}
  .full-history .transaction-main small{font-size:10px!important}
  .full-history .transaction-right{min-width:76px!important}
  .full-history .transaction-right strong{font-size:14px!important}
}
@media(max-width:390px){
  .apk-activity-row{grid-template-columns:44px minmax(0,1fr) minmax(66px,auto)!important;min-height:72px!important;padding:10px 9px!important;gap:9px!important}
  .apk-activity-icon{width:44px!important;height:44px!important;border-radius:15px!important}
  .apk-activity-main strong{font-size:12px!important}
  .apk-activity-main small{font-size:9.3px!important}
  .apk-activity-right{min-width:66px!important}
  .apk-activity-right strong{font-size:12.5px!important}
  .apk-activity-right small{font-size:8.7px!important;padding:4px 6px!important}
  .full-history .transaction-item{grid-template-columns:44px minmax(0,1fr) minmax(68px,auto)!important}
  .full-history .transaction-icon{width:44px!important;height:44px!important;border-radius:15px!important}
}


/* Verificación segura: el trabajador no ve el monto del Zelle antes de cotejarlo. */
.verify-protect{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin-bottom:10px;border-radius:14px;border:1px solid #e4e0ff;background:linear-gradient(135deg,#f7f5ff,#fbfaff);color:#6c63a8}
.verify-protect>span{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:9px;background:#eeeaff;color:#6b50e6}
.verify-protect strong{display:block;font-size:10px;color:#373c5a}.verify-protect small{display:block;margin-top:2px;font-size:8px;color:#7e879c;line-height:1.4}
.hidden-amount-box{background:linear-gradient(135deg,#f5f6fa,#fbfbfd)!important;border-style:dashed!important}
.hidden-amount-box .money-value{letter-spacing:.18em;color:#7d86a0!important}
.admin-mode .verify-protect{background:#18172a;border-color:#332e53;color:#a99cff}.admin-mode .verify-protect strong{color:#e8e6ff}.admin-mode .verify-protect small{color:#8b88a8}.admin-mode .hidden-amount-box{background:#0f1724!important;border-color:#334052!important}

.channel-verify-summary{margin-top:11px;padding:17px;border-radius:19px;background:linear-gradient(145deg,#f5f2ff,#fff);border:1px solid #e3defb;text-align:left;box-shadow:0 10px 28px rgba(62,48,120,.07)}
.channel-verify-badge{display:flex;align-items:center;gap:8px;color:#1d936a;font-size:11px;font-weight:950;background:#e9fff5;border:1px solid #cef5e3;border-radius:12px;padding:9px 10px}.channel-verify-amount{margin:15px 0 12px;text-align:center;font-size:28px;line-height:1;font-weight:950;color:#5c46df}.channel-verify-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #ececf4;font-size:11px}.channel-verify-row span{color:#8a94aa}.channel-verify-row strong{color:#25304a;text-align:right;word-break:break-word}
.admin-mode .channel-verify-summary{background:#0f1724;border-color:#2b374a;box-shadow:none}.admin-mode .channel-verify-badge{background:#123426;border-color:#214d3b;color:#8be1bb}.admin-mode .channel-verify-amount{color:#b5a4ff}.admin-mode .channel-verify-row{border-top-color:#263244}.admin-mode .channel-verify-row span{color:#7f8ba0}.admin-mode .channel-verify-row strong{color:#f3f4f6}
.delivery-preview{margin-top:11px;padding:15px;border-radius:18px;background:linear-gradient(145deg,#f7f8ff,#ffffff);border:1px solid #e2e5f3;text-align:left;box-shadow:0 10px 30px rgba(33,48,90,.07)}
.delivery-preview-head{font-size:13px;font-weight:950;color:#25304a;margin-bottom:10px}
.delivery-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f6;font-size:12px;color:#667089}
.delivery-row strong{color:#24304a;font-size:13px}
.delivery-row.highlight{margin:3px -5px;padding:12px 10px;border-radius:14px;background:#f0efff;border-bottom:0;color:#6555ee;font-weight:800}
.delivery-row.highlight strong{font-size:19px;color:#5847df}
.delivery-note{margin-top:10px;padding:10px 11px;border-radius:12px;background:#f8fafc;color:#69758d;font-size:11px}
.delivery-note b{color:#2c3851}
.modify-delivery-box{margin-top:11px;padding:14px;border-radius:17px;background:#fbfaff;border:1px solid #e2ddff;text-align:left}
.modify-title{font-size:12px;font-weight:950;color:#2b3450}
.modify-help{font-size:11px;line-height:1.45;color:#7b8499;margin-top:4px}
.modify-delivery-box .input-money{margin-top:10px}
.admin-mode .delivery-preview{background:#0f1724;border-color:#2b374a;box-shadow:none}
.admin-mode .delivery-preview-head,.admin-mode .delivery-row strong{color:#f1f4fa}
.admin-mode .delivery-row{border-color:#202c3e;color:#8491a7}
.admin-mode .delivery-row.highlight{background:#201c3e;color:#c2b8ff}
.admin-mode .delivery-row.highlight strong{color:#e8e4ff}
.admin-mode .delivery-note{background:#111b2a;color:#8491a7}.admin-mode .delivery-note b{color:#e6e9ef}
.admin-mode .modify-delivery-box{background:#0f1724;border-color:#2b374a}.admin-mode .modify-title{color:#f1f4fa}.admin-mode .modify-help{color:#8491a7}

/* ===== Premium login v35 ===== */
.login-card{width:min(448px,100%);padding:34px 28px 24px;border-radius:34px;background:rgba(255,255,255,.90);box-shadow:0 28px 70px rgba(67,54,155,.19),0 4px 12px rgba(54,61,110,.05);border:1px solid rgba(255,255,255,.92)}
.brand-lockup{margin-bottom:28px}.brand-logo-img{width:88px;height:88px;display:block;margin:0 auto 16px;filter:none}.brand-name{font-size:30px;line-height:1.02;font-weight:950;letter-spacing:-.055em}.brand-name span{color:#18213f}.brand-name em{font-style:normal;color:#6f4cf6}.brand-sub{font-size:13px;color:#7f8aa4;margin-top:9px;letter-spacing:.01em}
.login-form{gap:15px}.login-field{gap:8px}.login-field>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.01em;color:#53607d}.field-icon{width:17px;height:17px;fill:none;stroke:#6f4cf6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.login-field input{min-height:56px;padding:15px 17px;border-radius:17px;border:1px solid #dfe4f0;background:#fff;font-size:16px;box-shadow:0 8px 20px rgba(51,64,110,.045)}.login-field input::placeholder{color:#a0a8ba}.login-field input:focus{border-color:#8267f7;box-shadow:0 0 0 4px rgba(126,86,250,.10),0 8px 20px rgba(51,64,110,.04)}
.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#858fa7}.password-toggle:hover{background:#f5f3ff;color:#6f4cf6}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.primary-btn{min-height:57px;padding:14px 17px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:16px;background:linear-gradient(135deg,#6d50ff 0%,#7a45f5 54%,#a84dde 100%);box-shadow:0 16px 30px rgba(111,77,244,.24)}.primary-btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.login-btn-arrow{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.login-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:#8993a9;font-size:10px}.login-note span{height:1px;flex:1;max-width:62px;background:#d9deeb}.login-security{margin-top:17px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #eeeaff;border-radius:18px;background:linear-gradient(135deg,#f8f5ff,#f6f4ff)}.security-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,#eee9ff,#f6edff);color:#6547ec}.security-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-security strong{display:block;color:#342796;font-size:11px;line-height:1.3}.login-security small{display:block;margin-top:3px;color:#858fa7;font-size:10px}
@media(max-width:560px){.login-screen{padding:14px}.login-card{padding:31px 22px 22px;border-radius:32px}.brand-logo-img{width:82px;height:82px}.brand-name{font-size:28px}.login-security{padding:12px}.login-note span{max-width:42px}}

/* ===== Admin home: Ganancias widget ===== */
.admin-profit-widget{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:18px 18px;border:0;border-radius:24px;background:linear-gradient(135deg,#1fc38d 0%,#33c990 48%,#4bcf85 100%);color:#fff;box-shadow:0 18px 42px rgba(37,190,133,.22);position:relative;overflow:hidden;min-height:108px;margin-top:1px;text-align:left;cursor:pointer;appearance:none}
.admin-profit-widget:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(37,190,133,.27)}
.admin-profit-widget:active{transform:translateY(0)}
.admin-profit-widget:after{content:"";position:absolute;right:-44px;top:-58px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);pointer-events:none}
.admin-profit-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);position:relative;z-index:1;flex:none}
.admin-profit-copy{min-width:0;position:relative;z-index:1}
.admin-profit-copy strong{display:block;font-size:18px;font-weight:950;line-height:1.1}.admin-profit-copy span{display:block;margin-top:6px;font-size:11px;opacity:.92;line-height:1.35}
.admin-profit-value{font-size:36px;font-weight:950;letter-spacing:-.045em;position:relative;z-index:1;white-space:nowrap}
.admin-profit-arrow{position:relative;z-index:1;display:grid;place-items:center;opacity:.92}
@media(max-width:520px){.admin-profit-widget{grid-template-columns:54px minmax(0,1fr) auto 16px;padding:14px;border-radius:22px;gap:11px;min-height:92px}.admin-profit-icon{width:54px;height:54px;border-radius:17px}.admin-profit-copy strong{font-size:15px}.admin-profit-copy span{font-size:9px;margin-top:4px}.admin-profit-value{font-size:29px}.admin-profit-arrow .ui-icon{width:17px;height:17px}}
.admin-stats.admin-stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:520px){.admin-stats.admin-stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Profit detail modal */
.profit-breakdown-modal{max-width:580px;width:min(580px,94vw);max-height:min(86vh,760px);overflow:auto}
.profit-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profit-modal-kicker{font-size:9px;letter-spacing:.14em;font-weight:950;color:#7257e8}.profit-modal-head h3{margin:3px 0 4px;font-size:24px;color:#17203f}.profit-modal-head p{margin:0;color:#7a859d;font-size:11px}.modal-x{width:34px;height:34px;border:0;border-radius:12px;background:#f4f2ff;color:#6a4ff4;font-size:22px;line-height:1;cursor:pointer}
.profit-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px;margin:16px 0}.profit-summary-grid>div{padding:12px;border:1px solid #e7e9f2;border-radius:15px;background:#fbfcff}.profit-summary-grid span{display:block;font-size:9px;color:#7c879f}.profit-summary-grid strong{display:block;margin-top:5px;font-size:15px;color:#17203f}.profit-summary-grid .total{background:linear-gradient(145deg,#1fc38d,#48cf85);border-color:transparent}.profit-summary-grid .total span,.profit-summary-grid .total strong{color:#fff}
.profit-breakdown-list{display:grid;gap:8px}.profit-line{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e3e7f0;border-radius:17px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 7px 20px rgba(55,65,105,.06)}.profit-line .transaction-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center}.profit-line-main{min-width:0}.profit-line-main strong{display:block;font-size:11.5px;color:#1b2340;font-weight:900}.profit-line-main small{display:block;margin-top:3px;font-size:9.5px;line-height:1.35;color:#697690;white-space:normal}.profit-line-amount{font-size:16px;color:#159b68;white-space:nowrap}.profit-line-main small+small{margin-top:2px;color:#8b94a7}
.profit-modal-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.profit-history-modal{max-width:580px;width:min(580px,94vw);max-height:min(86vh,760px);overflow:auto}.profit-history-list{display:grid;gap:10px;margin-top:16px}.profit-month-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:14px;border:1px solid #e3e7f0;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 7px 20px rgba(55,65,105,.06)}.profit-month-card.current{border-color:#bfe8d7;box-shadow:0 8px 24px rgba(31,195,141,.1)}.profit-month-main{min-width:0}.profit-month-main strong{display:block;font-size:14px;color:#1b2340;font-weight:950;text-transform:capitalize}.profit-month-main span{display:inline-block;margin-top:4px;padding:3px 7px;border-radius:999px;background:#eafaf3;color:#169467;font-size:8px;font-weight:900}.profit-month-total{font-size:18px;color:#159b68;white-space:nowrap;align-self:center}.profit-month-breakdown{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.profit-month-breakdown span{padding:5px 8px;border-radius:10px;background:#f5f6fa;color:#6e7890;font-size:9px;font-weight:800}.
@media(max-width:520px){.profit-breakdown-modal,.profit-history-modal{width:calc(100vw - 18px);padding:18px}.profit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-line{grid-template-columns:42px minmax(0,1fr) auto}.profit-line-main strong{font-size:11px}.profit-line-amount{font-size:15px}.profit-modal-actions{grid-template-columns:1fr}.profit-month-card{padding:12px}.profit-month-main strong{font-size:13px}.profit-month-total{font-size:16px}}

/* ===== Admin mobile navigation: balanced and aligned ===== */
.admin-mode .bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
  height:88px!important;
  padding:8px 10px max(10px,env(safe-area-inset-bottom))!important;
}
.admin-mode .bottom-btn{
  min-width:0!important;
  border-radius:18px!important;
  gap:4px!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  padding:6px 2px!important;
}
.admin-mode .bottom-btn .nav-icon{
  width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  color:#74809a!important;
  background:transparent!important;
}
.admin-mode .bottom-btn .nav-icon .ui-icon{width:21px!important;height:21px!important}
.admin-mode .bottom-btn span:last-child{font-size:10px!important;font-weight:850!important;line-height:1!important;color:#6e7890!important}
.admin-mode .bottom-btn.active .nav-icon{background:#eeebff!important;color:#6549ed!important}
.admin-mode .bottom-btn.active span:last-child{color:#5f46e8!important}
@media(max-width:390px){
  .admin-mode .bottom-nav{padding-left:6px!important;padding-right:6px!important;gap:2px!important}
  .admin-mode .bottom-btn span:last-child{font-size:9px!important}
}

/* ===== Admin activity styled like the worker transaction history ===== */
.admin-mode .admin-activity-list{gap:9px!important}
.admin-mode .admin-activity-row{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) minmax(74px,auto)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:82px!important;
  padding:11px!important;
  border:1px solid #e3e7f0!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  box-shadow:0 9px 25px rgba(55,65,105,.07)!important;
}
.admin-mode .admin-activity-row .transaction-icon{
  width:48px!important;height:48px!important;border-radius:16px!important;
}
.admin-mode .admin-activity-row .transaction-main strong{
  font-size:13.5px!important;font-weight:900!important;color:#18213f!important;
}
.admin-mode .admin-activity-row .transaction-main small{
  font-size:10px!important;line-height:1.4!important;color:#66738e!important;
  white-space:normal!important;
}
.admin-mode .admin-activity-row .transaction-right{
  min-width:74px!important;text-align:right!important;
}
.admin-mode .admin-activity-row .transaction-right strong{
  font-size:14.5px!important;font-weight:950!important;color:#18213f!important;white-space:nowrap!important;
}
.admin-mode .admin-activity-row .transaction-right small{
  display:inline-flex!important;margin-top:6px!important;padding:4px 8px!important;border-radius:999px!important;
  background:#f1f3f7!important;color:#7b879a!important;font-size:9px!important;font-weight:850!important;
}
.admin-mode .admin-activity-row .transaction-right small.verified{background:#e6f8ef!important;color:#16865c!important}
.admin-mode .admin-activity-row .transaction-icon.cancelled{background:#ffe9e9!important;color:#c93636!important}
.admin-mode .admin-activity-row .transaction-right small.cancelled{background:#ffe9e9!important;color:#c93636!important}
.admin-mode .admin-activity-row .transaction-right small.pending{background:#fff1dc!important;color:#c97708!important}
@media(max-width:390px){
  .admin-mode .admin-activity-row{grid-template-columns:44px minmax(0,1fr) minmax(68px,auto)!important;min-height:76px!important;padding:10px!important;gap:9px!important}
  .admin-mode .admin-activity-row .transaction-icon{width:44px!important;height:44px!important;border-radius:15px!important}
  .admin-mode .admin-activity-row .transaction-main strong{font-size:12px!important}
  .admin-mode .admin-activity-row .transaction-main small{font-size:9px!important}
  .admin-mode .admin-activity-row .transaction-right{min-width:68px!important}
  .admin-mode .admin-activity-row .transaction-right strong{font-size:12.5px!important}
  .admin-mode .admin-activity-row .transaction-right small{font-size:8.5px!important;padding:4px 6px!important}
}

/* v40: Panel administrativo con el mismo lenguaje visual de historial/compras del trabajador */
.admin-payments-screen .transaction-list,
.admin-purchase-list{gap:10px}
.admin-payment-card,
.admin-purchase-card{min-height:76px;padding:13px 12px}
.admin-payment-card .transaction-icon{width:42px;height:42px;border-radius:14px}
.admin-payment-card .transaction-main strong{font-size:13px}
.admin-payment-card .transaction-main small{font-size:9px;margin-top:4px;line-height:1.35}
.admin-payment-card .transaction-right strong{font-size:13px}
.admin-payment-card .transaction-right small{font-size:9px;margin-top:4px}
.admin-purchase-heading{align-items:flex-start}
.admin-purchase-heading .admin-actions{gap:8px}
.admin-purchase-list .admin-purchase-card{position:relative;padding-right:50px}
.admin-purchase-card .minimal-purchase-icon{width:42px;height:42px;border-radius:14px}
.admin-purchase-card .minimal-purchase-top>strong:first-child{font-size:13px}
.admin-purchase-card .minimal-purchase-total{font-size:14px}
.admin-purchase-card .minimal-purchase-main{font-size:10px}
.admin-purchase-card .minimal-purchase-meta{font-size:9px}
.admin-purchase-delete{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:11px}
@media(max-width:560px){
  .admin-purchase-heading{display:flex;flex-direction:column;gap:10px}
  .admin-purchase-heading .admin-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .admin-purchase-heading .admin-actions .btn{width:100%!important}
  .admin-payment-card,.admin-purchase-card{min-height:74px;padding:12px 11px}
  .admin-payment-card .transaction-main strong,.admin-purchase-card .minimal-purchase-top>strong:first-child{font-size:12.5px}
  .admin-payment-card .transaction-main small,.admin-purchase-card .minimal-purchase-main{font-size:8.8px}
  .admin-payment-card .transaction-right strong,.admin-purchase-card .minimal-purchase-total{font-size:12px}
  .admin-purchase-card .minimal-purchase-meta{font-size:8.5px}
}

.payment-detail-modal{width:min(500px,calc(100vw - 24px));padding:20px}.payment-detail-head{display:flex;align-items:center;gap:12px}.payment-detail-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#ece9ff;color:#6f4ff0;flex:none}.payment-detail-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#8a94aa}.payment-detail-head h3{margin:2px 0 0!important;font-size:20px!important;color:#18213f}.payment-detail-amount{margin:18px 0 14px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#f3efff,#fbf4ff);color:#5f43df;font-size:26px;font-weight:950}.payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-detail-field{padding:12px;border:1px solid #e8eaf1;border-radius:15px;background:#fbfcff;min-width:0}.payment-detail-field.full{grid-column:1/-1}.payment-detail-field span{display:block;color:#8a94aa;font-size:10px;font-weight:800;margin-bottom:5px}.payment-detail-field strong{display:block;color:#24304c;font-size:12px;line-height:1.35;word-break:break-word}.payment-detail-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding:11px 12px;border-radius:14px;background:#e8fff5;color:#16865c;font-size:11px;font-weight:900}.admin-mode .payment-detail-modal{background:#111827!important;border-color:#2b374a!important;color:#e5e7eb}.admin-mode .payment-detail-head h3,.admin-mode .payment-detail-field strong{color:#f3f4f6!important}.admin-mode .payment-detail-icon{background:#241c42;color:#a891ff}.admin-mode .payment-detail-amount{background:linear-gradient(135deg,#211a38,#2a1e39);color:#b5a4ff}.admin-mode .payment-detail-field{background:#0f1724;border-color:#2b374a}.admin-mode .payment-detail-field span{color:#7f8ba0}.admin-mode .payment-detail-status{background:#123426;color:#8be1bb}
@media(max-width:600px){.payment-detail-grid{grid-template-columns:1fr}.payment-detail-field.full{grid-column:auto}.payment-detail-head h3{font-size:18px!important}.payment-detail-amount{font-size:24px}}


/* v47: ajuste final del inicio administrativo para igualar la maqueta móvil */
.admin-mode .screen{
  padding-top:14px!important;
  padding-bottom:116px!important;
  overflow-x:hidden!important;
}
.admin-mode .apk-home{gap:10px!important;}
.admin-mode .apk-history{margin-top:0!important;}
.admin-mode .apk-history .section-title{margin-bottom:2px!important;}
.admin-mode .apk-history .section-title h2{font-size:18px!important;letter-spacing:-.025em!important;}
.admin-mode .apk-history .section-sub{font-size:10px!important;}
.admin-mode .admin-profit-widget{
  min-height:108px!important;
  grid-template-columns:64px minmax(0,1fr) auto 18px!important;
}
@media(max-width:520px){
  .admin-mode .topbar{height:104px!important;}
  .admin-mode .screen{padding:12px 14px 116px!important;}
  .admin-mode .admin-profit-widget{
    min-height:104px!important;
    grid-template-columns:58px minmax(0,1fr) auto 16px!important;
    gap:12px!important;
    padding:15px!important;
  }
  .admin-mode .admin-profit-icon{width:58px!important;height:58px!important;border-radius:18px!important;}
  .admin-mode .admin-profit-copy strong{font-size:16px!important;}
  .admin-mode .admin-profit-copy span{font-size:9.5px!important;}
  .admin-mode .admin-profit-value{font-size:31px!important;}
  .admin-mode .apk-history .section-title h2{font-size:18px!important;}
}
@media(max-width:390px){
  .admin-mode .admin-profit-widget{grid-template-columns:52px minmax(0,1fr) auto 14px!important;gap:10px!important;padding:13px!important;}
  .admin-mode .admin-profit-icon{width:52px!important;height:52px!important;border-radius:17px!important;}
  .admin-mode .admin-profit-copy strong{font-size:15px!important;}
  .admin-mode .admin-profit-copy span{font-size:8.7px!important;}
  .admin-mode .admin-profit-value{font-size:28px!important;}
}
.admin-mode::-webkit-scrollbar,.admin-mode .screen::-webkit-scrollbar{width:0;height:0;}
.admin-mode{scrollbar-width:none;}

/* Inicio admin móvil alineado con la maqueta: recibido + verificaciones en una fila. */
.admin-home-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}
.admin-home-summary-grid .hero-card{min-width:0;height:100%;padding:16px;border-radius:22px}
.admin-home-summary-grid .hero-top{align-items:flex-start;height:100%}
.admin-home-summary-grid .hero-kicker{font-size:11px}
.admin-home-summary-grid .hero-number{font-size:31px}
.admin-home-summary-grid .hero-meta{font-size:9px;line-height:1.35}
.admin-home-summary-grid .hero-icon{width:48px;height:48px;border-radius:15px;flex:none}
.admin-home-verify-card{width:100%;min-width:0;min-height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:7px;padding:16px;border:0;border-radius:22px;background:linear-gradient(135deg,#6d58ff 0%,#7147ee 47%,#e25ba8 100%);color:#fff;box-shadow:0 22px 52px rgba(107,83,245,.24);text-align:left;cursor:pointer}
.admin-home-verify-card>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;opacity:.95}
.admin-home-verify-card>span em{font-style:normal}
.admin-home-verify-card>strong{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.05em;margin-top:4px;align-self:center;text-align:center}
.admin-home-verify-card>small{font-size:9px;opacity:.86;margin-top:auto;align-self:center;text-align:center}
.admin-home-verify-card:hover{transform:translateY(-1px)}
@media(max-width:520px){
  .admin-home-summary-grid{gap:9px}
  .admin-home-summary-grid .hero-card{padding:14px;border-radius:20px}
  .admin-home-summary-grid .hero-kicker{font-size:10px}
  .admin-home-summary-grid .hero-number{font-size:28px}
  .admin-home-summary-grid .hero-meta{font-size:8px}
  .admin-home-summary-grid .hero-icon{width:44px;height:44px;border-radius:14px}
  .admin-home-verify-card{padding:14px;border-radius:20px}
  .admin-home-verify-card>span{font-size:10px}
  .admin-home-verify-card>strong{font-size:31px}
  .admin-home-verify-card>small{font-size:8px}
}


/* ===== Perfil administrativo ===== */
.admin-profile-btn{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #e8eaf2;color:#4d5874;box-shadow:0 5px 16px rgba(40,50,90,.07);flex:none;cursor:pointer}
.admin-profile-btn.hidden{display:none!important}
.admin-side-account{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.admin-side-account:hover{background:#161f2e}
.admin-profile-page{display:grid;gap:14px}
.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;border:1px solid #e0e5ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(42,56,89,.06)}
.profile-hero h2{margin:0;color:#1c2841;font-size:22px;letter-spacing:-.025em}.profile-hero p{margin:4px 0 0;color:#8995a9;font-size:10px}
.profile-edit-top{width:auto;min-width:112px}
.profile-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid #e6e1ff;border-radius:16px;background:#f8f6ff}.profile-note-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eee9ff;color:#6b50e6;flex:none}.profile-note strong{display:block;color:#2b2250;font-size:10px}.profile-note small{display:block;color:#7e8295;font-size:8px;line-height:1.45;margin-top:3px}
.profile-edit-modal{max-width:500px}
@media(max-width:560px){.admin-profile-btn{width:46px;height:46px}.profile-hero{grid-template-columns:auto 1fr;}.profile-edit-top{grid-column:1/-1;width:100%}.admin-profile-page .profile-data{padding:2px 0}.admin-profile-page .profile-row{padding:13px 2px}.profile-note{padding:12px}}

/* ===== Directorio y detalle de trabajadores - v59 ===== */
.worker-directory-page{display:grid;gap:14px}
.worker-directory-list{display:grid;gap:10px}
.worker-directory-card{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto 20px;align-items:center;gap:11px;padding:13px;border:1px solid #e5e8f0;border-radius:20px;background:#fff;color:#22304d;text-align:left;box-shadow:0 9px 22px rgba(53,65,102,.065);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.worker-directory-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(53,65,102,.10);border-color:#d9d4ff}
.worker-directory-avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#6a4cf2;background:linear-gradient(145deg,#efeaff,#f5edff);flex:none}
.worker-directory-main{min-width:0}
.worker-directory-main strong{display:block;font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-directory-main small{display:block;margin-top:4px;color:#8792aa;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-directory-balance{text-align:right;min-width:92px}
.worker-directory-balance small{display:block;color:#8a94aa;font-size:8.5px}
.worker-directory-balance strong{display:block;margin-top:2px;color:#1b2744;font-size:14px;font-weight:950;white-space:nowrap}
.worker-detail-page{display:grid;gap:12px;padding-bottom:18px}
.worker-detail-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid #dfe4ef;border-radius:22px;background:linear-gradient(135deg,#fff,#fbfbff);box-shadow:0 12px 28px rgba(51,63,101,.07)}
.worker-detail-avatar{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;color:#6a4cf2;background:linear-gradient(145deg,#ece8ff,#f5edff);box-shadow:0 9px 22px rgba(109,84,233,.14)}
.worker-detail-head h2{margin:0;color:#1c2842;font-size:20px;font-weight:950}
.worker-detail-head p{margin:4px 0 0;color:#8590a7;font-size:9.5px}
.worker-detail-balance{text-align:right;min-width:106px}
.worker-detail-balance small{display:block;color:#8b95ab;font-size:8.5px}
.worker-detail-balance strong{display:block;margin-top:3px;color:#1b2744;font-size:20px;font-weight:950}
.worker-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.detail-stat{padding:13px;border-radius:18px;color:#fff;box-shadow:0 10px 24px rgba(59,66,103,.08)}
.detail-stat small{display:block;font-size:9px;opacity:.94}
.detail-stat strong{display:block;margin-top:5px;font-size:22px;font-weight:950}
.purple-stat{background:linear-gradient(135deg,#7355ff,#a24cdc)}
.blue-stat{background:linear-gradient(135deg,#5579ff,#4966e8)}
.green-stat{background:linear-gradient(135deg,#31c99b,#20b77e)}
.worker-detail-card{padding:14px}
.worker-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.worker-detail-grid>div{padding:11px 12px;border:1px solid #e8eaf1;border-radius:15px;background:#fbfcff;min-width:0}
.worker-detail-grid span{display:block;color:#8a94aa;font-size:8.5px;font-weight:800}
.worker-detail-grid strong{display:block;margin-top:4px;color:#24304c;font-size:11.5px;line-height:1.35;word-break:break-word}
.worker-detail-list{display:grid;gap:8px}
.worker-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e7eaf1;border-radius:16px;background:#fff}
.worker-detail-row>div{min-width:0}
.worker-detail-row strong{display:block;font-size:11.5px;color:#26314d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-detail-row small{display:block;margin-top:3px;color:#8a94aa;font-size:8.8px;line-height:1.4;white-space:normal}
.worker-detail-row>span{font-size:12.5px;color:#1c2a47;font-weight:950;white-space:nowrap}
.worker-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.worker-detail-actions .btn{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px}
.worker-detail-actions .btn:last-child{grid-column:1/-1}
.admin-mode .worker-directory-card,.admin-mode .worker-detail-card,.admin-mode .worker-detail-hero,.admin-mode .worker-detail-row{background:#111827;border-color:#293446;color:#e5e7eb}
.admin-mode .worker-directory-main strong,.admin-mode .worker-directory-balance strong,.admin-mode .worker-detail-head h2,.admin-mode .worker-detail-balance strong,.admin-mode .worker-detail-grid strong,.admin-mode .worker-detail-row strong,.admin-mode .worker-detail-row>span{color:#f3f4f6}
.admin-mode .worker-directory-main small,.admin-mode .worker-directory-balance small,.admin-mode .worker-detail-head p,.admin-mode .worker-detail-balance small,.admin-mode .worker-detail-grid span,.admin-mode .worker-detail-row small{color:#8b98ad}
.admin-mode .worker-detail-grid>div{background:#0f1724;border-color:#2b374a}
.admin-mode .worker-directory-avatar,.admin-mode .worker-detail-avatar{background:#241c42;color:#a891ff}
@media(max-width:650px){
  .worker-directory-card{grid-template-columns:48px minmax(0,1fr) auto 16px;gap:9px;padding:11px;border-radius:18px}
  .worker-directory-avatar{width:48px;height:48px;border-radius:15px}
  .worker-directory-main strong{font-size:12.5px}.worker-directory-main small{font-size:8.7px}
  .worker-directory-balance{min-width:78px}.worker-directory-balance strong{font-size:12.5px}
  .worker-detail-hero{grid-template-columns:auto 1fr;align-items:start}
  .worker-detail-balance{grid-column:1/-1;text-align:left;padding-top:2px;border-top:1px solid #edf0f5;margin-top:2px}
  .admin-mode .worker-detail-balance{border-color:#263244}
  .worker-detail-stats{grid-template-columns:1fr 1fr}
  .detail-stat:last-child{grid-column:1/-1}
  .worker-detail-grid{grid-template-columns:1fr 1fr}
  .worker-detail-actions{grid-template-columns:1fr}
  .worker-detail-actions .btn:last-child{grid-column:auto}
}
@media(max-width:420px){.worker-detail-grid{grid-template-columns:1fr}.worker-directory-balance{min-width:70px}.worker-directory-card{grid-template-columns:44px minmax(0,1fr) auto 14px}.worker-directory-avatar{width:44px;height:44px}.worker-detail-row>span{font-size:11.5px}}

/* v61: worker detail must not show a Pagos recibidos section */
.legacy-hidden-worker-detail-payments{display:none!important;}

/* v62: ficha de trabajador administrativa en tema claro; verificaciones a todo el ancho y compras/libras en paralelo. */
.admin-mode .worker-detail-page{color:#24304c!important;}
.admin-mode .worker-detail-hero{background:linear-gradient(135deg,#fff,#fbfbff)!important;border-color:#dfe4ef!important;color:#24304c!important;box-shadow:0 12px 28px rgba(51,63,101,.07)!important;}
.admin-mode .worker-detail-avatar{background:linear-gradient(145deg,#ece8ff,#f5edff)!important;color:#6a4cf2!important;}
.admin-mode .worker-detail-head h2,.admin-mode .worker-detail-balance strong{color:#1c2842!important;}
.admin-mode .worker-detail-head p,.admin-mode .worker-detail-balance small{color:#8590a7!important;}
.admin-mode .worker-detail-card,.admin-mode .worker-detail-list .worker-detail-row{background:#fff!important;border-color:#e7eaf1!important;color:#24304c!important;}
.admin-mode .worker-detail-grid>div{background:#fbfcff!important;border-color:#e8eaf1!important;}
.admin-mode .worker-detail-grid span,.admin-mode .worker-detail-row small{color:#8a94aa!important;}
.admin-mode .worker-detail-grid strong,.admin-mode .worker-detail-row strong,.admin-mode .worker-detail-row>span{color:#24304c!important;}
.admin-mode .worker-detail-actions .btn{background:#fff!important;color:#24304c!important;border-color:#dfe4ef!important;box-shadow:none!important;}
.admin-mode .worker-detail-actions .btn.purple{background:linear-gradient(135deg,#6d58ff,#7147ee,#d95aa9)!important;color:#fff!important;border-color:transparent!important;}
.admin-mode .worker-detail-actions .btn.red{background:#fff5f5!important;color:#c73f4e!important;border-color:#ffd8dc!important;}
.orange-stat{background:linear-gradient(135deg,#ffb12d,#f28b46);}
@media(max-width:600px){
  .worker-detail-stats{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .worker-detail-stats .worker-stat-full{grid-column:1/-1!important;}
  .worker-detail-stats .detail-stat:not(.worker-stat-full){grid-column:auto!important;}
}

/* v63: detalle de trabajador: widgets claros y distribucion solicitada */
.admin-mode .worker-detail-page,
.admin-mode .worker-detail-page .section,
.admin-mode .worker-detail-page .worker-detail-card,
.admin-mode .worker-detail-page .worker-detail-hero,
.admin-mode .worker-detail-page .worker-detail-row {
  background:#fff !important;
  color:#24304c !important;
  border-color:#e7eaf1 !important;
}
.admin-mode .worker-detail-page .worker-detail-head h2,
.admin-mode .worker-detail-page .worker-detail-balance strong,
.admin-mode .worker-detail-page .worker-detail-grid strong,
.admin-mode .worker-detail-page .worker-detail-row strong,
.admin-mode .worker-detail-page .worker-detail-row>span,
.admin-mode .worker-detail-page .section h2 {
  color:#18213f !important;
}
.admin-mode .worker-detail-page .worker-detail-head p,
.admin-mode .worker-detail-page .worker-detail-balance small,
.admin-mode .worker-detail-page .worker-detail-grid span,
.admin-mode .worker-detail-page .worker-detail-row small,
.admin-mode .worker-detail-page .section-sub {
  color:#7d88a2 !important;
}
.admin-mode .worker-detail-page .worker-detail-grid>div {
  background:#fbfcff !important;
  border-color:#e8eaf1 !important;
}
.admin-mode .worker-detail-page .worker-detail-stats {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}
.admin-mode .worker-detail-page .worker-detail-stats .worker-stat-full {
  grid-column:1 / -1 !important;
}
@media(max-width:600px){
  .admin-mode .worker-detail-page .worker-detail-stats {
    grid-template-columns:1fr 1fr !important;
  }
  .admin-mode .worker-detail-page .worker-detail-stats .worker-stat-full {
    grid-column:1 / -1 !important;
  }
}

/* v64: mantener tarjetas de Trabajadores y Compras en el tema claro de la app */
.admin-mode .worker-directory-card{
  background:#fff!important;
  border-color:#e5e8f0!important;
  color:#22304d!important;
  box-shadow:0 9px 22px rgba(53,65,102,.065)!important;
}
.admin-mode .worker-directory-card:hover{
  background:#fff!important;
  border-color:#d9d4ff!important;
  box-shadow:0 14px 30px rgba(53,65,102,.10)!important;
}
.admin-mode .worker-directory-avatar{
  background:linear-gradient(145deg,#efeaff,#f5edff)!important;
  color:#6a4cf2!important;
}
.admin-mode .worker-directory-main strong,
.admin-mode .worker-directory-balance strong{
  color:#1b2744!important;
}
.admin-mode .worker-directory-main small,
.admin-mode .worker-directory-balance small{
  color:#8792aa!important;
}
.admin-mode .minimal-purchase-row{
  background:#fff!important;
  border-color:#e8eaf1!important;
  color:#263141!important;
  box-shadow:0 6px 16px rgba(59,66,103,.055)!important;
}
.admin-mode .minimal-purchase-row:hover{
  background:#fff!important;
  border-color:#ddd8fb!important;
  box-shadow:0 12px 23px rgba(59,66,103,.09)!important;
}
.admin-mode .minimal-purchase-top>strong:first-child,
.admin-mode .minimal-purchase-total{
  color:#171d28!important;
}
.admin-mode .minimal-purchase-main{
  color:#697586!important;
}
.admin-mode .minimal-purchase-meta{
  color:#8a94aa!important;
}
.admin-mode .minimal-purchase-extra{
  background:#f4f5f7!important;
  color:#7a8491!important;
}

/* v68: ajuste fino de las tarjetas compactas del inicio admin */
.admin-home-summary-grid .hero-top{display:block!important;position:relative;min-width:0;height:auto!important;}
.admin-home-summary-grid .hero-top > div:first-child{min-width:0;width:100%;}
.admin-home-summary-grid .hero-icon{position:absolute;top:-12px;right:0;flex:none;width:36px;height:36px;border-radius:12px;margin:0;overflow:hidden;display:grid;place-items:center;}
.admin-home-summary-grid .hero-icon .ui-icon{width:20px;height:20px;display:block;}
.admin-home-verify-card>strong{width:auto;height:auto;margin:8px auto 4px;display:block;border-radius:0;background:transparent;border:0;box-shadow:none;font-size:34px;line-height:1;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 6px rgba(73,36,150,.18);}
.admin-home-verify-card>span{position:relative;z-index:1;}
.admin-home-verify-card>small{position:relative;z-index:1;}
@media(max-width:520px){
  .admin-home-summary-grid .hero-icon{width:34px;height:34px;border-radius:11px;top:-10px;}
  .admin-home-summary-grid .hero-icon .ui-icon{width:17px;height:17px;}
  .admin-home-summary-grid .hero-number{font-size:27px;}
  .admin-home-verify-card>strong{width:auto;height:auto;border-radius:0;font-size:32px;margin:7px auto 4px;}
}
@media(max-width:390px){
  .admin-home-summary-grid .hero-icon{width:32px;height:32px;border-radius:10px;top:-9px;}
  .admin-home-summary-grid .hero-icon .ui-icon{width:17px;height:17px;}
  .admin-home-summary-grid .hero-number{font-size:25px;}
  .admin-home-verify-card>strong{width:auto;height:auto;border-radius:0;font-size:30px;margin:6px auto 4px;}
}

.channel-summary-actions{grid-template-columns:1fr!important}
.channel-summary-actions .btn{grid-column:1/-1}

.channel-summary-actions .btn.confirmed{background:linear-gradient(135deg,#36d98f,#22b877)!important;color:#fff!important;border-color:transparent!important;opacity:.95}.channel-summary-actions .btn:disabled{opacity:.75;cursor:wait}

/* Notificaciones con el mismo lenguaje visual que el historial de cuenta */
.notification-min-list{display:grid;gap:8px;padding:10px;background:#f6f8ff}
.notification-min-row{display:flex;align-items:center;gap:10px;margin:0;padding:11px;border:1px solid #e8eaf1;background:#fff;border-radius:17px;color:#24304c;text-align:left;box-shadow:0 6px 16px rgba(59,66,103,.055)}
.notification-min-row.unread{background:#faf9ff;border-color:#ddd5ff}
.notification-min-row + .notification-min-row{margin-top:0}
.notification-min-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;flex:none!important;background:#e8fff5!important;color:#19996c!important}
.notification-min-row.unread .notification-min-icon{background:#f2efff!important;color:#7055eb!important}
.notification-min-body{min-width:0;flex:1}
.notification-min-body strong{display:block;font-size:12px;font-weight:900;color:#24304c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-min-body small{display:block;margin-top:3px;font-size:9px;line-height:1.4;color:#8a94aa;white-space:normal}
.notification-min-right{text-align:right;flex:none}
.notification-min-right strong{display:block;font-size:11px;font-weight:950;color:#24304c}
.notification-min-right small{display:block;margin-top:3px;font-size:9px;font-weight:850}
.notification-min-right small.pending{color:#c97708!important;background:#fff1dc!important;padding:4px 7px;border-radius:999px}.notification-min-right small.verified{color:#169366!important;background:#e6f8ef!important;padding:4px 7px;border-radius:999px}.notification-min-right small.cancelled{color:#c93636!important;background:#ffe9e9!important;padding:4px 7px;border-radius:999px}.notification-min-icon.pending{background:#fff1dc!important;color:#c97708!important}.notification-min-icon.verified{background:#e8fff5!important;color:#19996c!important}.notification-min-icon.cancelled{background:#ffe9e9!important;color:#c93636!important}
.notification-min-dot{display:none!important}
@media(max-width:520px){.notification-center-modal{width:calc(100vw - 18px)}.notification-min-list{max-height:calc(100vh - 88px);padding:10px 8px 12px}.notification-min-row{padding:11px 9px}.notification-min-body strong{font-size:12px}.notification-min-body small{font-size:9px}.notification-min-right strong{font-size:10px}.notification-min-icon{width:42px!important;height:42px!important}}
.admin-mode .notification-min-list{background:#f6f8ff}
.admin-mode .notification-min-row{background:#fff;border-color:#e8eaf1;color:#24304c;box-shadow:0 6px 16px rgba(59,66,103,.055)}
.admin-mode .notification-min-row.unread{background:#faf9ff;border-color:#ddd5ff}
.admin-mode .notification-min-body strong,.admin-mode .notification-min-right strong{color:#24304c}

/* v81 - Notificaciones siempre centradas en el viewport visible */
.notification-center-root{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:9999 !important;
  margin:0 !important;
  padding:0 !important;
}
.notification-center-root .modal-backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100dvh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  padding:16px !important;
  overflow:hidden !important;
}
.notification-center-root .notification-center-modal{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  margin:0 auto !important;
  transform:none !important;
  flex:0 1 auto !important;
  max-width:min(440px, calc(100vw - 32px)) !important;
  max-height:min(660px, calc(100dvh - 32px)) !important;
  width:min(440px, calc(100vw - 32px)) !important;
}
@media (max-width:520px){
  .notification-center-root .modal-backdrop{padding:12px !important}
  .notification-center-root .notification-center-modal{
    width:calc(100vw - 24px) !important;
    max-height:calc(100dvh - 24px) !important;
  }
}

/* v85 - estados visuales consistentes en historial y notificaciones */
.transaction-right small.pending{background:#fff1dc!important;color:#c97708!important;padding:4px 7px;border-radius:999px}
.transaction-right small.verified{background:#e6f8ef!important;color:#16865c!important;padding:4px 7px;border-radius:999px}
.transaction-right small.cancelled{background:#ffe9e9!important;color:#c93636!important;padding:4px 7px;border-radius:999px}
.transaction-icon.pending{background:#fff1dc!important;color:#c97708!important}
.transaction-icon.verified{background:#e8fff5!important;color:#19996c!important}
.transaction-icon.cancelled{background:#ffe9e9!important;color:#c93636!important}

/* v86 status colors: pending=orange, verified=green, cancelled=red */
.apk-activity-icon.pending,.transaction-icon.pending,.notification-min-icon.pending{background:#fff1dc!important;color:#c97708!important}
.apk-activity-right small.pending,.transaction-right small.pending,.notification-min-right small.pending{background:#fff1dc!important;color:#c97708!important;padding:4px 7px;border-radius:999px}
.apk-activity-icon.verified,.transaction-icon.verified,.notification-min-icon.verified{background:#e8fff5!important;color:#19996c!important}
.apk-activity-right small.verified,.transaction-right small.verified,.notification-min-right small.verified{background:#e6f8ef!important;color:#16865c!important;padding:4px 7px;border-radius:999px}
.apk-activity-icon.cancelled,.transaction-icon.cancelled,.notification-min-icon.cancelled{background:#ffe9e9!important;color:#c93636!important}
.apk-activity-right small.cancelled,.transaction-right small.cancelled,.notification-min-right small.cancelled{background:#ffe9e9!important;color:#c93636!important;padding:4px 7px;border-radius:999px}


/* v87 - notification actions */
.notification-min-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.notification-min-head-actions{display:flex;align-items:center;gap:8px;}
.notification-read-all{border:0;background:transparent;color:#6f46ff;font-weight:700;font-size:14px;padding:8px 10px;border-radius:10px;cursor:pointer;}
.notification-read-all:disabled{opacity:.6;cursor:default;}
@media (max-width:520px){.notification-read-all{font-size:13px;padding:7px 8px;} .notification-min-head-actions{gap:4px;}}

/* PWA/Web Push */
.profile-action[data-push-enabled="1"]{border-color:rgba(42,196,140,.35);background:linear-gradient(180deg,#f6fffb,#ffffff)}
.profile-action[data-push-enabled="1"] .icon-badge{color:#169c6c}


/* v90: historial de pagos en panel administrativo */
.admin-payment-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-history-heading{align-items:flex-start}
.admin-history-search-wrap{margin:0 0 10px}
.admin-history-search{width:100%;box-sizing:border-box;border:1px solid #dfe3ec;background:#fff;border-radius:14px;padding:12px 14px;font:700 12px/1.2 inherit;color:#24304c;outline:none}
.admin-history-search:focus{border-color:#8a73f4;box-shadow:0 0 0 3px rgba(111,79,240,.09)}
.admin-mode .admin-history-search{background:#0f1724;border-color:#2b374a;color:#f3f4f6}
.payment-history-count{font-size:10px;color:#8a94aa;font-weight:800;margin:0 0 8px}
.admin-payment-history-card{width:100%;text-align:left}
.admin-payment-history-card .transaction-icon.pending{background:#fff1dc;color:#c97708}
.admin-payment-history-card .transaction-icon.verified{background:#e8fff5;color:#19996c}
.admin-payment-history-card .transaction-icon.cancelled{background:#ffe9e9;color:#c93636}
.admin-payment-history-card .transaction-right small.pending{background:#fff1dc;color:#c97708;padding:4px 7px;border-radius:999px}
.admin-payment-history-card .transaction-right small.verified{background:#e6f8ef;color:#16865c;padding:4px 7px;border-radius:999px}
.admin-payment-history-card .transaction-right small.cancelled{background:#ffe9e9;color:#c93636;padding:4px 7px;border-radius:999px}
.payment-detail-field strong.pending{color:#c97708}
.payment-detail-field strong.verified{color:#16865c}
.payment-detail-field strong.cancelled{color:#c93636}
.payment-detail-status.cancelled-status{background:#ffe9e9;color:#c93636}
@media(max-width:560px){.admin-payment-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-payment-actions .btn{width:100%!important}.admin-history-heading{display:flex;flex-direction:column;gap:10px}.admin-history-heading .btn{width:100%!important}}

.admin-profit-history-btn{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 10px;border:0;border-radius:999px;background:#eee9ff;color:#6948f5;font:800 10px/1.1 inherit;cursor:pointer;white-space:nowrap}.admin-profit-history-btn:active{transform:scale(.98)}.admin-profit-history-screen .profit-history-list{margin-top:12px}.admin-profit-history-screen .profit-month-card{min-height:74px}

/* iPhone/touch layout for profit detail: match the v77 reference design. */
@media (pointer: coarse) {
  .profit-breakdown-modal, .profit-history-modal {
    width: calc(100vw - 18px) !important;
    padding: 18px !important;
  }
  .profit-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .profit-modal-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* Historial de ganancias: detalle por mes y descargas PDF */
.profit-month-card-button{position:relative;width:100%;text-align:left;font:inherit;cursor:pointer;appearance:none}.profit-month-card-button:active{transform:scale(.995)}.profit-month-card-button .profit-month-breakdown{padding-right:34px}.profit-month-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:26px;line-height:1;color:#6c4af6}.profit-month-detail-modal{max-width:620px;width:min(620px,94vw);max-height:min(88vh,800px);overflow:auto}.profit-detail-sections{display:grid;gap:12px;margin-top:14px}.profit-detail-section{border:1px solid #e3e7f0;border-radius:18px;padding:12px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}.profit-detail-section h4{margin:0 0 9px;color:#1b2340;font-size:12px;font-weight:950}.profit-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-top:1px solid #eef0f5}.profit-detail-row:first-of-type{border-top:0}.profit-detail-row>div{min-width:0}.profit-detail-row strong:first-child{display:block;font-size:11px;color:#283353}.profit-detail-row small{display:block;margin-top:3px;color:#7a859e;font-size:9px;line-height:1.35}.profit-detail-row .profit-line-amount{font-size:14px;flex:0 0 auto}.admin-profit-history-screen .admin-history-heading{align-items:center}
@media(max-width:520px){.admin-profit-history-screen .admin-history-heading{display:flex;gap:10px;align-items:flex-start}.admin-profit-history-screen .admin-history-heading .btn{flex:0 0 auto}.profit-month-detail-modal{width:calc(100vw - 18px);padding:18px}.profit-detail-row .profit-line-amount{font-size:13px}}

/* v84: polish mobile profit-history controls */
.profit-annual-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;white-space:nowrap!important;min-height:54px}
.profit-annual-btn .profit-annual-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}
.profit-annual-btn .profit-annual-icon .ui-icon{display:block;width:18px;height:18px}
.profit-month-card-button{grid-template-columns:minmax(0,1fr) auto 24px!important;align-items:center!important}
.profit-month-card-button .profit-month-main{grid-column:1!important;grid-row:1!important;align-self:center!important}
.profit-month-card-button .profit-month-total{grid-column:2!important;grid-row:1!important;align-self:center!important}
.profit-month-card-button .profit-month-chevron{grid-column:3!important;grid-row:1!important;position:static!important;transform:none!important;align-self:center!important;justify-self:end!important;display:grid!important;place-items:center!important;width:24px;height:30px;font-size:30px;line-height:1}
.profit-month-card-button .profit-month-breakdown{grid-column:1/-1!important;grid-row:2!important}
@media(max-width:520px){
  .profit-annual-btn{width:100%!important;min-height:56px!important;font-size:16px!important}
  .profit-annual-btn .profit-annual-icon .ui-icon{width:19px;height:19px}
  .profit-month-card-button{grid-template-columns:minmax(0,1fr) auto 24px!important}
  .profit-month-card-button .profit-month-total{font-size:16px!important}
}

/* v85: ajustes responsivos para Compras y Pagar Libras en iPhone/touch.
   Solo corrige distribución/espaciado; no cambia contenido ni funcionalidad. */
@media (pointer: coarse) {
  .purchase-modal {
    width: min(460px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }
  .purchase-modal .modal-grid {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }
  .purchase-modal .field input,
  .purchase-modal .field select {
    min-width: 0 !important;
  }
  .purchase-modal .money-box {
    margin-top: 12px !important;
  }
  .purchase-modal .modal-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .compras-page,
  .compras-admin-screen,
  .minimal-history,
  .compras-card {
    width: 100% !important;
    min-width: 0 !important;
  }
  .compras-hero {
    min-width: 0 !important;
    padding: 15px !important;
  }
  .compras-hero > div:last-child {
    min-width: 0 !important;
  }
  .compras-hero h2,
  .compras-hero p {
    overflow-wrap: anywhere;
  }
  .compras-link {
    min-width: 0 !important;
  }

  .purchase-guide {
    align-items: flex-start !important;
    min-width: 0 !important;
  }
  .purchase-guide > div:last-child {
    min-width: 0 !important;
  }
  .purchase-info-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .purchase-info-grid > div {
    min-width: 0 !important;
  }
  .purchase-info-grid strong {
    overflow-wrap: anywhere;
  }
  .purchase-history-head,
  .purchase-history-foot {
    min-width: 0 !important;
  }
  .purchase-type-wrap,
  .purchase-type-wrap > div:last-child {
    min-width: 0 !important;
  }
  .purchase-total {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .minimal-purchase-row,
  .admin-purchase-card {
    min-width: 0 !important;
  }
  .minimal-purchase-body {
    min-width: 0 !important;
  }
  .minimal-purchase-top,
  .minimal-purchase-meta {
    min-width: 0 !important;
  }
  .minimal-purchase-top > strong:first-child,
  .minimal-purchase-total,
  .minimal-purchase-main,
  .minimal-purchase-meta span {
    min-width: 0 !important;
  }
  .admin-purchase-heading .admin-actions {
    width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .admin-purchase-heading .admin-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 390px) {
  .purchase-modal {
    width: calc(100vw - 18px) !important;
    padding: 15px !important;
  }
  .purchase-info-grid {
    grid-template-columns: 1fr !important;
  }
  .admin-purchase-heading .admin-actions {
    grid-template-columns: 1fr !important;
  }
  .minimal-purchase-row {
    padding: 11px 10px !important;
    gap: 8px !important;
  }
  .minimal-purchase-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }
  .minimal-purchase-meta {
    flex-direction: column !important;
    gap: 3px !important;
  }
  .minimal-purchase-meta span:last-child {
    text-align: left !important;
  }
}


/* v86: corrección visual de botones con icono en Compras/Pagar Libras en iPhone.
   Mantiene el contenido y la funcionalidad; solo coloca icono y texto en línea. */
.admin-purchase-heading .admin-actions .btn,
.admin-purchase-heading .admin-actions .btn .ui-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.admin-purchase-heading .admin-actions .btn {
  gap: 7px !important;
  white-space: nowrap !important;
}
.admin-purchase-heading .admin-actions .btn .ui-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
}
@media (max-width: 560px) {
  .admin-purchase-heading .admin-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .admin-purchase-heading .admin-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 11px 10px !important;
  }
}
@media (max-width: 390px) {
  .admin-purchase-heading .admin-actions {
    grid-template-columns: 1fr !important;
  }
}

/* v87: panel trabajador - verificaciones de hoy e historial propio */
.worker-verifications-screen .worker-verification-actions{margin-bottom:12px;display:flex;justify-content:flex-start}
.worker-verified-list{display:grid;gap:9px}
.worker-verified-item{width:100%}
.worker-verification-history-screen .worker-verification-history-card{width:100%;text-align:left}
.worker-verification-history-screen .transaction-item .chev{display:none}
@media(max-width:560px){
  .worker-verifications-screen .worker-verification-actions .btn{width:100%!important}
  .worker-verification-history-screen .admin-history-heading{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
  .worker-verification-history-screen .admin-history-heading .btn{width:100%!important}
}

/* Rendimiento percibido: muestra feedback inmediato al cambiar de sección. */
.route-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6f7d9c}
.route-loading-spinner{width:22px;height:22px;border:3px solid rgba(111,125,156,.18);border-top-color:#6d4cff;border-radius:50%;animation:routeSpin .7s linear infinite}
.route-loading strong{display:block;color:#23304f;font-size:15px}
.route-loading small{display:block;margin-top:3px;font-size:12px}
@keyframes routeSpin{to{transform:rotate(360deg)}}
\n/* v88+: solicitudes de compra / SHEIN. Cambios solo para el flujo de solicitudes. */\n.purchase-request-modal{width:min(560px,calc(100vw - 24px));max-height:min(90vh,820px);overflow:auto}\n.purchase-request-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.purchase-request-kicker{font-size:9px;letter-spacing:.14em;font-weight:950;color:#7257e8}.purchase-request-head h3{margin:3px 0 4px;font-size:21px;color:#18213f}.purchase-request-head p{margin:0;color:#7a859d;font-size:11px}.purchase-request-two{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}.purchase-request-product-box,.purchase-request-items-wrap{border:1px solid #e4e7ef;border-radius:18px;padding:13px;background:#fbfcff}.purchase-request-box-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.purchase-request-box-title strong{font-size:12px;color:#25304b}.purchase-request-box-title small{font-size:9px;color:#8590a6;text-align:right}.purchase-request-items-wrap{display:grid;gap:8px}.purchase-request-item{padding:10px 11px;border:1px solid #e7eaf1;border-radius:14px;background:#fff}.purchase-request-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.purchase-request-item-head strong{font-size:11px;color:#263250;min-width:0;overflow-wrap:anywhere}.purchase-request-remove{border:0;background:#f4f5f8;color:#8b93a6;width:26px;height:26px;border-radius:9px;font-size:18px;line-height:1;cursor:pointer}.purchase-request-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.purchase-request-item-meta span{font-size:9px;color:#78839a;background:#f5f6fa;padding:4px 7px;border-radius:8px}.purchase-request-safe-note{display:flex;gap:7px;align-items:flex-start;margin-top:12px;padding:10px 11px;border-radius:13px;background:#f4f1ff;color:#6c5aab;font-size:9px;line-height:1.4}.purchase-request-total-card{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:13px 14px;border-radius:17px;background:linear-gradient(135deg,#f4f0ff,#faf6ff);margin-bottom:12px}.purchase-request-total-card span{font-size:10px;color:#7f89a2}.purchase-request-total-card strong{font-size:22px;color:#6244df;text-align:right}.purchase-request-total-card small{grid-column:1/-1;font-size:9px;color:#8a94ab}.purchase-request-items-detail{display:grid;gap:8px}.purchase-request-detail-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e5e8f0;border-radius:15px;background:#fff}.purchase-request-detail-copy{min-width:0}.purchase-request-detail-copy strong{display:block;font-size:11px;color:#25304b;overflow-wrap:anywhere}.purchase-request-detail-copy small{display:block;margin-top:4px;color:#7f8aa0;font-size:9px;line-height:1.4}.purchase-request-note{margin-top:11px;padding:11px 12px;border-radius:14px;background:#f7f8fb}.purchase-request-note strong{font-size:10px;color:#66728c}.purchase-request-note p{margin:5px 0 0;color:#4a556d;font-size:10px;line-height:1.45;white-space:pre-wrap}.purchase-request-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:11px 12px;border:1px solid #e5e8f0;border-radius:15px;background:#fff;cursor:pointer}.purchase-request-list{display:grid;gap:8px}.purchase-request-row-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#efebff;color:#6549e8}.purchase-request-row-main{min-width:0}.purchase-request-row-main strong{display:block;font-size:11px;color:#28324d}.purchase-request-row-main small{display:block;margin-top:4px;color:#7d879d;font-size:9px}.purchase-request-row-right{display:flex;align-items:center;gap:8px}.purchase-request-row-right strong{font-size:12px;color:#1b9b6a;white-space:nowrap}.purchase-request-row-right span{font-size:24px;color:#8d96a8;line-height:1}.purchase-request-admin-title{margin-top:18px}.purchase-request-admin-actions{grid-template-columns:1fr 1fr}.admin-mode .purchase-request-product-box,.admin-mode .purchase-request-items-wrap,.admin-mode .purchase-request-item,.admin-mode .purchase-request-detail-item,.admin-mode .purchase-request-row,.admin-mode .purchase-request-note{background:#0f1724;border-color:#2b374a}.admin-mode .purchase-request-head h3,.admin-mode .purchase-request-box-title strong,.admin-mode .purchase-request-item-head strong,.admin-mode .purchase-request-detail-copy strong{color:#f3f4f6}.admin-mode .purchase-request-head p,.admin-mode .purchase-request-box-title small,.admin-mode .purchase-request-item-meta span,.admin-mode .purchase-request-detail-copy small{color:#8b97ab}.admin-mode .purchase-request-total-card{background:linear-gradient(135deg,#211a38,#2a1e39)}.admin-mode .purchase-request-total-card span,.admin-mode .purchase-request-total-card small{color:#9ba6b8}.admin-mode .purchase-request-total-card strong{color:#b8a7ff}.admin-mode .purchase-request-safe-note{background:#241c42;color:#c2b6ef}.compras-hero{position:relative}.compras-request-btn{margin-left:auto;white-space:nowrap}.purchase-request-card{margin-top:12px}\n@media(max-width:620px){.purchase-request-modal{width:calc(100vw - 16px);padding:15px}.purchase-request-two{grid-template-columns:1fr}.purchase-request-detail-item{grid-template-columns:1fr}.purchase-request-detail-item .btn{width:100%}.purchase-request-admin-actions{grid-template-columns:1fr}.compras-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:9px}.compras-request-btn{grid-column:1/-1;width:100%;margin:2px 0 0}.purchase-request-row{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.purchase-request-row-icon{width:36px;height:36px}.purchase-request-row-right strong{font-size:11px}}\n/* v90: flujo de cesta compartida SHEIN en solicitudes de compra */
.purchase-request-shein-panel{display:grid;gap:10px;padding:13px;border:1px solid #e1dcf5;border-radius:18px;background:#fbf9ff}
.purchase-request-shein-copy strong{display:block;font-size:12px;color:#2b3551}
.purchase-request-shein-copy p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#707c94}
.purchase-request-shein-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.purchase-request-shein-panel #pasteSharedCart{margin-top:4px}
.purchase-request-shein-help{font-size:9px;line-height:1.45;color:#7d879d}
.purchase-request-shared-cart{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e0dafa;border-radius:16px;background:#fbf9ff;margin-bottom:12px}
.purchase-request-shared-cart strong{display:block;font-size:11px;color:#2a3450}
.purchase-request-shared-cart small{display:block;margin-top:4px;font-size:9px;color:#7d879d}
.admin-mode .purchase-request-shein-panel,.admin-mode .purchase-request-shared-cart{background:#151d2c;border-color:#2b374a}
.admin-mode .purchase-request-shein-copy strong,.admin-mode .purchase-request-shared-cart strong{color:#f3f4f6}
.admin-mode .purchase-request-shein-copy p,.admin-mode .purchase-request-shein-help,.admin-mode .purchase-request-shared-cart small{color:#97a2b7}
@media(max-width:620px){.purchase-request-shein-actions{grid-template-columns:1fr}.purchase-request-shared-cart{align-items:stretch;flex-direction:column}.purchase-request-shared-cart .btn{width:100%}}

/* Purchase request quote flow */
.purchase-request-quote-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid #ded8f7;border-radius:17px;background:#fbf9ff;margin:0 0 12px}
.purchase-request-quote-card > div{display:flex;flex-direction:column;gap:4px}
.purchase-request-quote-card span{font-size:10px;color:#7c879f;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.purchase-request-quote-card strong{font-size:20px;color:#27324f;line-height:1.1}
.purchase-request-quote-card small{font-size:10px;line-height:1.45;color:#68738b;max-width:70%}
.admin-mode .purchase-request-quote-card{background:#151d2c;border-color:#2b374a}
.admin-mode .purchase-request-quote-card strong{color:#f3f4f6}
.admin-mode .purchase-request-quote-card span,.admin-mode .purchase-request-quote-card small{color:#97a2b7}
@media(max-width:620px){.purchase-request-quote-card{flex-direction:column}.purchase-request-quote-card small{max-width:none}.purchase-request-admin-actions .btn{width:100%}}


/* v99: resumen del pedido para trabajador */
.purchase-request-order-summary{margin:0 0 12px;padding:15px;border:1px solid #e1daf8;border-radius:18px;background:linear-gradient(135deg,#fbfaff,#f6f3ff);box-shadow:0 10px 24px rgba(98,68,223,.07)}
.purchase-request-order-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.purchase-request-order-summary-head>div{display:flex;flex-direction:column;gap:3px}.purchase-request-order-summary-head strong{font-size:20px;color:#202b49;line-height:1.1}.purchase-request-order-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#ece7ff;color:#6244df;font-size:10px;font-weight:900;white-space:nowrap}
.purchase-request-order-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.purchase-request-order-summary-grid>div{padding:11px 12px;border:1px solid #e5e1f2;border-radius:14px;background:#fff}.purchase-request-order-summary-grid span,.purchase-request-order-summary-message>span{display:block;font-size:9px;color:#818ca5;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.purchase-request-order-summary-grid strong{display:block;font-size:12px;color:#27324f;line-height:1.35}
.purchase-request-order-summary-message{margin-top:9px;padding:11px 12px;border-radius:14px;background:#f1edff}.purchase-request-order-summary-message p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#4f5971;white-space:pre-wrap}.purchase-request-order-summary-message>span{color:#6f5ab2}
.admin-mode .purchase-request-order-summary{background:linear-gradient(135deg,#211a38,#2a1e39);border-color:#3a3058;box-shadow:none}.admin-mode .purchase-request-order-summary-head strong{color:#f3f4f6}.admin-mode .purchase-request-order-status{background:#3a2e67;color:#d9d0ff}.admin-mode .purchase-request-order-summary-grid>div{background:#151d2c;border-color:#2b374a}.admin-mode .purchase-request-order-summary-grid span,.admin-mode .purchase-request-order-summary-grid strong,.admin-mode .purchase-request-order-summary-message>span,.admin-mode .purchase-request-order-summary-message p{color:#d6dbea}.admin-mode .purchase-request-order-summary-message{background:#241c42}
@media(max-width:620px){.purchase-request-order-summary-head{flex-direction:column;align-items:flex-start}.purchase-request-order-status{align-self:flex-start}.purchase-request-order-summary-grid{grid-template-columns:1fr 1fr}}

/* v98: resumen de solicitud de compra para trabajador y acciones limpias en iPhone */
.purchase-request-worker-summary{margin:0 0 12px;padding:15px;border:1px solid #e1daf8;border-radius:18px;background:linear-gradient(135deg,#fbfaff,#f6f3ff);box-shadow:0 10px 24px rgba(98,68,223,.07)}
.purchase-request-worker-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.purchase-request-summary-kicker{font-size:9px;letter-spacing:.14em;font-weight:950;color:#7257e8}.purchase-request-summary-platform{padding:5px 9px;border-radius:999px;background:#ece7ff;color:#6244df;font-size:10px;font-weight:900}
.purchase-request-worker-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.purchase-request-worker-summary-grid>div{padding:10px 11px;border:1px solid #e5e1f2;border-radius:14px;background:#fff}.purchase-request-worker-summary-grid span{display:block;font-size:9px;color:#818ca5;margin-bottom:4px}.purchase-request-worker-summary-grid strong{display:block;font-size:11px;color:#27324f;line-height:1.35}
.purchase-request-worker-summary-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:12px 13px;border-radius:15px;background:#ffffff;border:1px solid #dfd8f6}.purchase-request-worker-summary-total span{display:block;font-size:9px;color:#7d879e;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.purchase-request-worker-summary-total small{display:block;margin-top:4px;font-size:9px;color:#8b95aa}.purchase-request-worker-summary-total>strong{font-size:21px;color:#1f9c6c;white-space:nowrap}
.purchase-request-worker-summary-note{margin-top:9px;padding:10px 11px;border-radius:14px;background:#f1edff}.purchase-request-worker-summary-note>span{display:block;font-size:9px;color:#6f5ab2;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.purchase-request-worker-summary-note p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#4f5971;white-space:pre-wrap}
.purchase-request-worker-actions{grid-template-columns:1fr 1fr;gap:10px}.purchase-request-worker-actions .purchase-request-close-full{grid-column:1/-1;width:100%;margin-top:1px}.purchase-request-worker-actions .btn{min-height:54px}.purchase-request-worker-actions .btn.green{background:#27c47f;color:#fff}.purchase-request-worker-actions .btn.danger{background:#fff1f1;border-color:#f3b4b4;color:#d33b3b}
@media(max-width:620px){.purchase-request-worker-summary-grid{grid-template-columns:1fr 1fr}.purchase-request-worker-actions{grid-template-columns:1fr 1fr}.purchase-request-worker-actions .btn{font-size:14px;padding:12px 9px}}
/* v102: solicitudes de Pago de Libras y comprobantes. Solo ajustes del flujo de compras. */
.compras-request-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.compras-request-actions .btn{width:auto;white-space:nowrap}.compras-pounds-btn{background:#f0fff8;color:#179667;border-color:#c9efdf;box-shadow:none}.pounds-request-card,.purchase-request-pound-admin-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 14px;border:1px solid #dfe5ef;border-radius:17px;background:#fbfcff;margin-bottom:12px}.pounds-request-card>div,.purchase-request-pound-admin-card>div{padding:11px 12px;border:1px solid #e7eaf1;border-radius:13px;background:#fff}.pounds-request-card span,.purchase-request-pound-admin-card span{display:block;font-size:9px;color:#7f8aa0;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.pounds-request-card strong,.purchase-request-pound-admin-card strong{display:block;margin-top:4px;font-size:16px;color:#24304c}.purchase-request-pound-breakdown{font-size:11px;line-height:1.45;color:#69748c}.purchase-request-proof-link{margin-top:10px}.purchase-request-proof-link .btn{width:100%}.admin-mode .pounds-request-card,.admin-mode .purchase-request-pound-admin-card{background:#151d2c;border-color:#2b374a}.admin-mode .pounds-request-card>div,.admin-mode .purchase-request-pound-admin-card>div{background:#0f1724;border-color:#2b374a}.admin-mode .pounds-request-card span,.admin-mode .purchase-request-pound-admin-card span{color:#97a2b7}.admin-mode .pounds-request-card strong,.admin-mode .purchase-request-pound-admin-card strong{color:#f3f4f6}
@media(max-width:620px){.compras-request-actions{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;width:100%;margin-top:2px}.compras-request-actions .btn{width:100%;font-size:13px;padding:12px 9px}.pounds-request-card,.purchase-request-pound-admin-card{grid-template-columns:1fr}.purchase-payment-modal .modal-actions{grid-template-columns:1fr}.purchase-payment-modal .modal-actions .btn{width:100%}}

/* v103: solo panel Trabajador > Compras. Centra los botones sin duplicar el titulo de la pagina. */
.compras-worker-actions-only{display:flex!important;justify-content:center;align-items:center;padding:22px 18px!important}
.compras-worker-actions-only .compras-request-actions{width:min(620px,100%);margin:0 auto!important;display:flex;justify-content:center;gap:14px;align-items:center}
.compras-worker-actions-only .compras-request-actions .btn{flex:0 1 250px;justify-content:center;min-height:52px;display:flex;align-items:center;gap:8px}.compras-worker-actions-only .compras-request-actions .btn .ui-icon{display:block;flex:none;margin:0}
@media(max-width:620px){.compras-worker-actions-only{padding:20px 14px!important}.compras-worker-actions-only .compras-request-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.compras-worker-actions-only .compras-request-actions .btn{width:100%;flex:initial;font-size:13px;padding:12px 10px;white-space:nowrap}}

/* v107: Amazon por producto; SHEIN conserva cesta compartida */
.amazon-item-fields{display:grid;gap:9px;margin-top:8px}
.amazon-request-item{display:grid;gap:8px;padding:11px 12px;border:1px solid #e5e8f0;border-radius:15px;background:#fff}
.amazon-request-item .field{margin:0}
.amazon-item-link-actions{display:flex;justify-content:flex-end}
.amazon-item-link-actions .btn{min-height:38px;padding:0 13px}
.amazon-admin-items{margin:0 0 12px}
.admin-mode .amazon-request-item{background:#0f1724;border-color:#2b374a}
@media(max-width:620px){.amazon-item-link-actions{justify-content:stretch}.amazon-item-link-actions .btn{width:100%}}

/* v109: selector deslizante de cantidad de productos Amazon (1-10) */
.amazon-item-count-control{padding:12px 13px;border:1px solid #e4e7ef;border-radius:16px;background:#fff;}
.amazon-item-count-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.amazon-item-count-head span{font-size:11px;color:#64718a;font-weight:700;}
.amazon-item-count-head strong{min-width:34px;height:30px;padding:4px 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#f1edff;color:#6244df;font-size:15px;line-height:1;font-weight:900;}
.amazon-item-count-range{width:100%;margin:2px 0 0;accent-color:#6244df;cursor:pointer;}
.amazon-item-count-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:9px;color:#8a94aa;font-weight:700;}
.admin-mode .amazon-item-count-control{background:#151d2c;border-color:#2b374a;}
.admin-mode .amazon-item-count-head span{color:#a6afc1;}
.admin-mode .amazon-item-count-head strong{background:#3a2e67;color:#d9d0ff;}
@media(max-width:620px){.amazon-item-count-control{padding:11px 12px;}.amazon-item-count-head span{font-size:10px;}.amazon-item-count-head strong{min-width:38px;height:32px;font-size:16px;}}

/* v111: panel administrativo - solicitudes de compra en estilo claro */
.admin-mode .purchase-request-row,
.admin-mode .purchase-request-product-box,
.admin-mode .purchase-request-items-wrap,
.admin-mode .purchase-request-item,
.admin-mode .purchase-request-detail-item,
.admin-mode .purchase-request-note,
.admin-mode .purchase-request-shared-cart,
.admin-mode .purchase-request-quote-card,
.admin-mode .purchase-request-pound-admin-card {
  background:#fff!important;
  border-color:#e5e8f0!important;
  color:#24304c!important;
  box-shadow:0 6px 16px rgba(59,66,103,.055)!important;
}
.admin-mode .purchase-request-row-main strong,
.admin-mode .purchase-request-box-title strong,
.admin-mode .purchase-request-item-head strong,
.admin-mode .purchase-request-detail-copy strong,
.admin-mode .purchase-request-shared-cart strong,
.admin-mode .purchase-request-quote-card strong,
.admin-mode .purchase-request-pound-admin-card strong {
  color:#25304b!important;
}
.admin-mode .purchase-request-row-main small,
.admin-mode .purchase-request-box-title small,
.admin-mode .purchase-request-detail-copy small,
.admin-mode .purchase-request-item-meta span,
.admin-mode .purchase-request-shared-cart small,
.admin-mode .purchase-request-quote-card small,
.admin-mode .purchase-request-pound-admin-card span {
  color:#7d879d!important;
}
.admin-mode .purchase-request-row-right span{color:#8d96a8!important}
.admin-mode .purchase-request-total-card{background:linear-gradient(135deg,#f4f0ff,#faf6ff)!important;border-color:#e1defc!important}
.admin-mode .purchase-request-total-card span,
.admin-mode .purchase-request-total-card small{color:#7f89a2!important}
.admin-mode .purchase-request-total-card strong{color:#6244df!important}
.admin-mode .purchase-request-safe-note{background:#f4f1ff!important;color:#6c5aab!important;border-color:#e7defd!important}
.admin-mode .purchase-request-kicker{color:#7257e8!important}

/* v114: detalle de operaciones procesadas en el panel administrativo */
.admin-purchase-card-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.admin-purchase-card-clickable:hover,.admin-purchase-card-clickable:focus-visible{transform:translateY(-1px);box-shadow:0 8px 22px rgba(59,66,103,.08);border-color:#d9d3ff;outline:none;}
.purchase-record-detail-modal{max-width:560px;}
.purchase-record-actions{grid-template-columns:1fr 1fr 1fr;}
.purchase-record-actions .btn{min-height:46px;}
.purchase-record-actions .btn.danger{background:#fff0f0;color:#c0392b;border:1px solid #f2caca;}
@media(max-width:620px){.purchase-record-actions{grid-template-columns:1fr 1fr;}.purchase-record-actions #closePurchaseRecord{grid-column:1/-1;}}

/* v115: ajuste exclusivo de las tarjetas Zelle del panel administrativo en pantallas pequeñas */
@media (max-width: 560px){
  .admin-payments-screen,
  .admin-payments-screen .transaction-list,
  .admin-payments-screen .admin-payment-card{
    min-width:0!important;
    max-width:100%!important;
  }

  .admin-payments-screen .transaction-list{
    width:100%!important;
    overflow:hidden!important;
  }

  .admin-payments-screen .admin-payment-card{
    display:grid!important;
    width:100%!important;
    box-sizing:border-box!important;
    grid-template-columns:42px minmax(0,1fr) 78px!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px!important;
    overflow:hidden!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-icon{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-main{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-main strong{
    max-width:100%!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    line-height:1.22!important;
    font-size:12.5px!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-main small{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:8.8px!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-right{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    overflow:hidden!important;
    justify-self:end!important;
    text-align:right!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-right strong{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
  }

  .admin-payments-screen .admin-payment-card .transaction-right small{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:4px 6px!important;
    margin-top:4px!important;
    font-size:8.5px!important;
  }

  .admin-payments-screen .admin-payment-card .chev{
    display:none!important;
  }
}

@media (max-width: 390px){
  .admin-payments-screen .admin-payment-card{
    grid-template-columns:40px minmax(0,1fr) 74px!important;
    gap:7px!important;
    padding:9px!important;
  }
  .admin-payments-screen .admin-payment-card .transaction-icon{
    width:40px!important;
    height:40px!important;
  }
  .admin-payments-screen .admin-payment-card .transaction-main strong{font-size:12px!important}
  .admin-payments-screen .admin-payment-card .transaction-right{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
  }
  .admin-payments-screen .admin-payment-card .transaction-right strong{font-size:11.5px!important}
  .admin-payments-screen .admin-payment-card .transaction-right small{font-size:8px!important;padding:4px 5px!important}
}

/* Verification detail/edit */
.admin-verification-row{cursor:pointer;text-align:left;width:100%;}
.verification-details-modal{max-height:min(88vh,760px);overflow:auto;}
.verification-details-modal .modal-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;}
.verification-details-modal .modal-actions .btn .ui-icon{display:block;flex:none;margin:0;}
.verification-edit-modal{max-height:min(88vh,760px);overflow:auto;}
.verification-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
.verification-edit-readonly{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:10px;border:1px solid #e5e8f0;border-radius:14px;background:#f8f9fc;}
.verification-edit-readonly div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.verification-edit-readonly span{font-size:10px;color:#8a93aa;}
.verification-edit-readonly strong{font-size:11px;color:#263655;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:640px){.verification-edit-grid{grid-template-columns:1fr}.verification-edit-readonly{grid-template-columns:1fr 1fr}.verification-details-modal,.verification-edit-modal{width:calc(100vw - 24px);max-width:520px}}

.verification-manager-note{grid-column:1/-1;padding:11px 13px;border:1px solid #e5e8f0;border-radius:12px;background:#f8f9fc;color:#64708a;font-size:11px;font-weight:600}


.worker-stats-entry{margin:12px 0}
.worker-stats-entry-btn{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #e6e9f2;background:#fff;border-radius:16px;padding:13px 14px;text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(30,40,80,.05)}
.worker-stats-entry-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f0ecff;color:#6d4aff;flex:0 0 auto}
.worker-stats-entry-btn>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.worker-stats-entry-btn strong{font-size:13px;color:#20263a}
.worker-stats-entry-btn small{font-size:10px;color:#8791aa}
.worker-stats-page .worker-detail-stats{margin-top:12px}


/* Permisos de visibilidad del trabajador: controles más grandes y fáciles de tocar. */
.worker-permission-toggle{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:15px;line-height:1.35;color:#24304c;cursor:pointer;user-select:none}
.worker-permission-toggle input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:22px!important;height:22px!important;min-width:22px;min-height:22px;margin:0;border:2px solid #aeb7c9;border-radius:7px;background:#fff;display:grid;place-items:center;cursor:pointer}
.worker-permission-toggle input[type="checkbox"]::after{content:"";width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .08s ease;margin-top:-2px}
.worker-permission-toggle input[type="checkbox"]:checked{background:#168bf0;border-color:#168bf0}
.worker-permission-toggle input[type="checkbox"]:checked::after{transform:rotate(-45deg) scale(1)}
.worker-permission-toggle:focus-within input[type="checkbox"]{box-shadow:0 0 0 4px rgba(22,139,240,.14)}

/* v126: permisos del trabajador, más claros y cómodos en móvil */
.worker-permissions{display:grid;gap:9px;margin-top:16px}
.worker-permissions-title{font-size:11px;font-weight:900;color:#697590;letter-spacing:.02em;text-transform:uppercase}
.worker-permission-toggle{
  width:100%;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:0!important;
  padding:13px 14px;
  border:1px solid #e3e7f0;
  border-radius:17px;
  background:linear-gradient(180deg,#fff 0%,#fafbff 100%);
  box-shadow:0 6px 16px rgba(54,64,104,.045);
  font-size:15px;
  line-height:1.35;
  color:#24304c;
  cursor:pointer;
  user-select:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
.worker-permission-toggle:active{transform:scale(.995)}
.worker-permission-toggle:hover{border-color:#d7dcef;box-shadow:0 9px 20px rgba(54,64,104,.07)}
.worker-permission-toggle span{display:block;min-width:0}
.worker-permission-toggle input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  margin:0!important;
  border:2px solid #aeb7c9;
  border-radius:8px;
  background:#fff;
  display:grid!important;
  place-items:center;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(46,57,97,.06);
}
.worker-permission-toggle input[type="checkbox"]::after{content:"";width:11px;height:6px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .08s ease;margin-top:-2px}
.worker-permission-toggle input[type="checkbox"]:checked{background:#168bf0;border-color:#168bf0;box-shadow:0 5px 12px rgba(22,139,240,.20)}
.worker-permission-toggle input[type="checkbox"]:checked::after{transform:rotate(-45deg) scale(1)}
.worker-permission-toggle:focus-within{border-color:#bfc8ff;box-shadow:0 0 0 4px rgba(106,79,244,.08)}
.worker-permission-toggle:focus-within input[type="checkbox"]{box-shadow:0 0 0 4px rgba(22,139,240,.12)}
.admin-mode .worker-permission-toggle{background:linear-gradient(180deg,#0f1724 0%,#121a29 100%);border-color:#2b374a;color:#edf2f7}
.admin-mode .worker-permissions-title{color:#8895a9}
.admin-mode .worker-permission-toggle:hover{border-color:#3a4960}
.admin-mode .worker-permission-toggle input[type="checkbox"]{background:#111827;border-color:#56657c}
@media(max-width:520px){
  .worker-permissions{margin-top:15px;gap:8px}
  .worker-permission-toggle{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 14px;min-height:54px;font-size:16px}
  .worker-permission-toggle input[type="checkbox"]{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
  .worker-permission-toggle input[type="checkbox"]::after{width:12px;height:6px}
}


/* Estadísticas del trabajador: misma presentación que Inicio admin, con datos propios. */
.worker-stats-dashboard{display:grid;gap:10px}
.worker-stats-dashboard .balance-card{margin-bottom:0}
.worker-stats-dashboard .worker-stat-verify-card{cursor:default}
.worker-stats-dashboard .worker-stat-verify-card:hover{transform:none}
.worker-stats-dashboard .worker-profit-stat-static{cursor:default}
.worker-stats-dashboard .worker-profit-stat-static:hover{transform:none;box-shadow:0 18px 42px rgba(37,190,133,.22)}
.worker-stats-history{margin-top:0}
.worker-stats-dashboard .worker-activity-row{cursor:default}
@media(max-width:520px){
  .worker-stats-dashboard{gap:9px}
  .worker-stats-dashboard .balance-number{font-size:34px}
  .worker-stats-dashboard .admin-home-summary-grid .hero-number{font-size:28px}
}


/* v129: historial del trabajador con estadísticas, compacto y sin desbordes en móvil. */
.worker-enabled-dashboard .admin-activity-row{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) max-content!important;
  align-items:center;
  gap:10px!important;
  min-width:0;
}
.worker-enabled-dashboard .admin-activity-row .transaction-main{min-width:0!important;}
.worker-enabled-dashboard .admin-activity-row .transaction-main strong{font-size:12px!important;line-height:1.25!important;}
.worker-enabled-dashboard .admin-activity-row .transaction-main small{
  font-size:9px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.worker-enabled-dashboard .admin-activity-row .transaction-right{
  min-width:68px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:3px!important;
}
.worker-enabled-dashboard .admin-activity-row .transaction-right small{white-space:nowrap!important;}
.worker-enabled-dashboard .worker-home-static-profit{cursor:pointer!important;}
.worker-enabled-dashboard .worker-home-static-profit:focus-visible{outline:3px solid rgba(106,79,244,.22);outline-offset:3px;}
@media(max-width:520px){
  .worker-enabled-dashboard .admin-activity-list{gap:8px!important;}
  .worker-enabled-dashboard .admin-activity-row{
    grid-template-columns:42px minmax(0,1fr) minmax(68px,max-content)!important;
    gap:8px!important;
    min-height:76px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .worker-enabled-dashboard .admin-activity-row .transaction-icon{width:42px!important;height:42px!important;border-radius:14px!important;}
  .worker-enabled-dashboard .admin-activity-row .transaction-main strong{font-size:11.5px!important;}
  .worker-enabled-dashboard .admin-activity-row .transaction-main small{font-size:8.8px!important;line-height:1.35!important;}
  .worker-enabled-dashboard .admin-activity-row .transaction-right{min-width:68px!important;}
  .worker-enabled-dashboard .admin-activity-row .transaction-right strong{font-size:11px!important;}
  .worker-enabled-dashboard .admin-activity-row .transaction-right small{font-size:8px!important;padding:4px 6px!important;}
}

/* v128: cuando el permiso de estadísticas está activo, el trabajador ve el mismo dashboard que el admin, sin entrar en otra pantalla. */
.worker-home-static-stat{cursor:default!important;}
.worker-home-static-stat:hover{transform:none!important;}
.worker-home-static-profit{cursor:default!important;}
.worker-home-static-profit:hover{transform:none!important;box-shadow:0 18px 42px rgba(37,190,133,.22)!important;}
.worker-enabled-dashboard .admin-activity-list{gap:9px;}
.worker-enabled-dashboard .admin-activity-row{cursor:default!important;}
.private-profit-field{position:relative;background:rgba(240,143,61,.06);border:1px solid rgba(240,143,61,.2);border-radius:12px;padding:10px 12px}.private-profit-field span{display:flex;align-items:center;gap:7px}.private-profit-field em{font-style:normal;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#b96d1d;background:#fff3e5;border-radius:999px;padding:3px 6px}.admin-mode .private-profit-field{background:rgba(246,180,91,.06);border-color:rgba(246,180,91,.2)}.admin-mode .private-profit-field em{color:#f6b45b;background:#2f2618}

/* Configuración de libras por trabajador */
.pound-settings-title{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6f63c2;margin-bottom:8px}.pound-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.pound-profit-input em{font-style:normal;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#b96d1d;background:#fff3e5;border-radius:999px;padding:3px 6px;margin-left:5px}.admin-mode .pound-settings-title{color:#b6a7ff}.admin-mode .pound-profit-input em{color:#f6b45b;background:#2f2618}
.pound-settings{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:11px;border:1px solid #e8e2ff;border-radius:17px;background:linear-gradient(180deg,#faf9ff,#f5f6ff)}
.pound-settings small{font-size:9px;line-height:1.35;color:#8993aa}
.pound-profit-input{position:relative}
.pound-profit-input input{border-color:#eadfcb!important}
.admin-mode .pound-settings{background:#0f1724;border-color:#2b374a}
.admin-mode .pound-settings small{color:#7f8ba0}
.admin-mode .pound-profit-input input{border-color:#5a4730!important}
@media(max-width:420px){.pound-settings-grid{grid-template-columns:1fr}}

/* v134: precio y ganancia de libras bien distribuidos en toda la fila. */
.pound-settings{grid-column:1/-1!important;display:block!important;width:100%!important;box-sizing:border-box!important;padding:14px!important}
.pound-settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;box-sizing:border-box!important}
.pound-settings-grid .field{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.pound-settings-grid .field span{display:block!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important}
.pound-profit-input em,.pound-settings-title{display:none!important}
.pound-settings-grid input{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:14px 15px!important}
@media(max-width:520px){
  .pound-settings{padding:12px!important}
  .pound-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .pound-settings-grid .field span{font-size:11px!important}
}


/* ===== Adaptación automática por dispositivo (v135) =====
   No cambia la información ni la lógica: únicamente ajusta tamaños, espacios y viewport. */
html{--app-vh:1vh}
html,body{min-width:0}
body[data-input="touch"] button,
body[data-input="touch"] .btn,
body[data-input="touch"] input,
body[data-input="touch"] select{touch-action:manipulation}
body[data-device="phone"]{font-size:16px}
body[data-device="phone"] .login-screen{min-height:calc(var(--app-vh,1vh)*100);padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
body[data-device="phone"] .app{min-height:calc(var(--app-vh,1vh)*100);padding-bottom:calc(104px + env(safe-area-inset-bottom))}
body[data-device="phone"] .app-shell{width:100%;max-width:none}
body[data-device="phone"] .modal-root{padding:max(10px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))}
body[data-device="phone"] .modal{width:min(100%,560px);max-height:calc(var(--app-vh,1vh)*100 - 20px);overflow:auto}
body[data-device="phone"] .topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
body[data-device="phone"] .bottom-nav{padding-left:max(7px,env(safe-area-inset-left));padding-right:max(7px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}

body[data-device="tablet"]:not(.admin-body) .app-shell{max-width:760px}
body[data-device="tablet"]:not(.admin-body) .bottom-nav{width:min(760px,100%)}
body[data-device="tablet"]:not(.admin-body) .screen{padding-left:20px;padding-right:20px}
body[data-device="tablet"]:not(.admin-body) .topbar{padding-left:20px;padding-right:20px}
body[data-device="tablet"]:not(.admin-body) .modal{width:min(680px,calc(100vw - 32px))}

body[data-device="desktop"]:not(.admin-body) .app{padding-bottom:104px}
body[data-device="desktop"]:not(.admin-body) .app-shell{max-width:920px}
body[data-device="desktop"]:not(.admin-body) .bottom-nav{width:min(920px,100%)}
body[data-device="desktop"]:not(.admin-body) .screen{padding-left:28px;padding-right:28px}
body[data-device="desktop"]:not(.admin-body) .topbar{padding-left:28px;padding-right:28px}

/* El panel administrativo ya tiene una versión propia para escritorio/tablet/móvil.
   Aquí solo hacemos que el viewport y los márgenes seguros funcionen igual en todos. */
body.admin-body{min-height:calc(var(--app-vh,1vh)*100)}
body.admin-body .admin-mode{min-height:calc(var(--app-vh,1vh)*100)}
body[data-device="phone"].admin-body .admin-mode .screen,
body[data-device="tablet"].admin-body .admin-mode .screen{padding-left:max(13px,env(safe-area-inset-left))!important;padding-right:max(13px,env(safe-area-inset-right))!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
body[data-orientation="landscape"][data-device="phone"] .login-card{max-width:460px}
body[data-orientation="landscape"][data-device="phone"] .login-screen{padding-top:10px;padding-bottom:10px}
body[data-input="touch"] .btn,
body[data-input="touch"] .bottom-btn,
body[data-input="touch"] .admin-side-item{min-height:40px}

/* ===== v136 · ADMIN EN COMPUTADORA ===== */
@media (min-width:1000px){
  body.admin-body{
    padding:0!important;
    min-width:1000px;
    background:#f3f5f9!important;
    color:#1c273b!important;
  }
  .admin-mode{
    min-height:100vh!important;
    padding:0!important;
    background:#f3f5f9!important;
  }
  .admin-mode .app-shell{
    width:auto!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 258px!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
    border:0!important;
    background:#f3f5f9!important;
  }
  .admin-mode .admin-sidebar{
    display:flex!important;
    width:258px!important;
  }
  .admin-mode .topbar{
    height:74px!important;
    padding:0 30px!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #e1e6ee!important;
    position:sticky!important;
    top:0!important;
    z-index:55!important;
  }
  .admin-mode .top-title{
    font-size:20px!important;
    color:#182337!important;
  }
  .admin-mode .top-sub{
    font-size:10px!important;
    color:#748096!important;
    margin-top:3px!important;
  }
  .admin-mode .back-btn{display:none!important}
  .admin-mode .admin-user-chip{
    display:flex!important;
    margin-left:auto!important;
    margin-right:10px!important;
    padding:6px 10px!important;
    border:1px solid #e0e5ed!important;
    border-radius:10px!important;
    background:#f8fafc!important;
  }
  .admin-mode .admin-profile-btn{
    display:none!important;
  }
  .admin-mode .notif-btn{
    width:42px!important;
    height:42px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    border:1px solid #e0e5ed!important;
    color:#53627b!important;
    box-shadow:none!important;
  }
  .admin-mode .screen{
    max-width:1500px!important;
    padding:30px 34px 48px!important;
    margin:0 auto!important;
    width:100%!important;
  }
  .admin-mode .bottom-nav{display:none!important}

  /* Inicio administrativo */
  .admin-mode .admin-worker-home,
  .admin-mode .filament-admin-dashboard,
  .admin-mode .admin-dashboard{
    width:100%!important;
    max-width:none!important;
  }
  .admin-mode .admin-worker-home{
    gap:18px!important;
  }
  .admin-mode .admin-home-summary-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
    gap:18px!important;
  }
  .admin-mode .admin-home-summary-grid .hero-card{
    min-height:150px!important;
    padding:24px!important;
    border-radius:18px!important;
  }
  .admin-mode .admin-home-summary-grid .hero-number{font-size:38px!important}
  .admin-mode .admin-home-summary-grid .hero-kicker{font-size:12px!important}
  .admin-mode .admin-home-summary-grid .hero-meta{font-size:10px!important}
  .admin-mode .admin-profit-widget{
    min-height:100px!important;
    padding:18px 20px!important;
    border-radius:18px!important;
  }
  .admin-mode .admin-profit-widget + *{margin-top:0!important}
  .admin-mode .filament-stats,
  .admin-mode .admin-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .admin-mode .filament-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important;
    gap:18px!important;
  }
  .admin-mode .health-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  /* Listados administrativos */
  .admin-mode .worker-directory-page,
  .admin-mode .worker-detail-page,
  .admin-mode .compras-page,
  .admin-mode .account-history{
    width:100%!important;
    max-width:none!important;
  }
  .admin-mode .worker-directory-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .admin-mode .worker-directory-card{
    min-height:82px!important;
    padding:16px!important;
    border-radius:14px!important;
  }
  .admin-mode .worker-directory-main strong{font-size:14px!important}
  .admin-mode .worker-directory-main small{font-size:10px!important}
  .admin-mode .worker-directory-balance{min-width:105px!important}
  .admin-mode .worker-directory-balance strong{font-size:15px!important}
  .admin-mode .worker-detail-page{
    grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr)!important;
    align-items:start!important;
    gap:18px!important;
  }
  .admin-mode .worker-detail-hero,
  .admin-mode .worker-detail-stats{
    grid-column:1 / -1!important;
  }
  .admin-mode .worker-detail-card{
    border-radius:14px!important;
  }
  .admin-mode .worker-detail-card:nth-of-type(2),
  .admin-mode .worker-detail-card:nth-of-type(3),
  .admin-mode .worker-detail-card:nth-of-type(4){
    min-width:0!important;
  }
  .admin-mode .worker-detail-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .admin-mode .worker-detail-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }

  /* Tablas y formularios */
  .admin-mode .table-wrap,
  .admin-mode .payments-table-wrap{
    border-radius:12px!important;
  }
  .admin-mode .table th{font-size:11px!important}
  .admin-mode .table td{font-size:11px!important}
  .admin-mode .modal-backdrop{padding:28px!important}
  .admin-mode .modal{
    width:min(720px,92vw)!important;
    max-height:90vh!important;
    padding:24px!important;
    border-radius:16px!important;
  }
  .admin-mode .modal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .admin-mode .modal-grid .field:first-child,
  .admin-mode .modal-grid .field:last-child{
    grid-column:1 / -1;
  }
  .admin-mode .modal-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .admin-mode .admin-page-head h1{font-size:26px!important}
  .admin-mode .admin-page-head p{font-size:11px!important}
  .admin-mode .filament-card,
  .admin-mode .admin-panel,
  .admin-mode .section{
    border-radius:14px!important;
  }
}

/* Pantallas muy anchas: más aire sin estirar demasiado el contenido */
@media (min-width:1600px){
  .admin-mode .screen{max-width:1580px!important;padding-left:46px!important;padding-right:46px!important}
}


/* ===== v137 · TEMAS CLARO / OSCURO / AUTOMÁTICO ===== */
.theme-preference{margin-top:14px;padding:14px;border:1px solid #e4e8ef;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(42,56,89,.05)}
.theme-preference-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.theme-preference-head strong{display:block;color:#1f2a40;font-size:11px}.theme-preference-head small{display:block;margin-top:3px;color:#8791a4;font-size:8px}.theme-current-label{font-size:8px;font-weight:900;color:#6d55df;background:#f1edff;border:1px solid #e0d9ff;padding:5px 8px;border-radius:999px;white-space:nowrap}
.theme-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-choice{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e5ec;border-radius:11px;background:#f8fafc;color:#5f6d82;font-size:10px;font-weight:850;cursor:pointer}.theme-choice:hover{border-color:#cfc7f8;background:#fbf9ff}.theme-choice.active{border-color:#7658e6;background:#f0edff;color:#6347d8;box-shadow:inset 0 0 0 1px rgba(118,88,230,.08)}
html[data-theme="light"] body.admin-body{background:#f3f5f9!important;color:#1c273b!important}
html[data-theme="light"] .admin-mode,html[data-theme="light"] .admin-mode .app-shell{background:#f3f5f9!important;color:#1c273b!important}
html[data-theme="light"] .admin-mode .admin-sidebar{background:#fff!important;color:#3d485d!important;border-right:1px solid #e4e8ef!important;box-shadow:10px 0 30px rgba(42,56,89,.06)!important}
html[data-theme="light"] .admin-mode .admin-brand{border-bottom-color:#e8ebf1!important}.admin-mode .admin-brand-copy strong{color:#1d2940!important}.admin-mode .admin-brand-copy small{color:#8a94a7!important}.admin-mode .admin-side-title{color:#8a95a8!important}
html[data-theme="light"] .admin-mode .admin-side-item{color:#6d788c!important}.admin-mode .admin-side-item:hover{background:#f5f7fb!important;color:#1f2a40!important}.admin-mode .admin-side-item.active{background:#f0edff!important;color:#694de1!important;border-color:#e2dcfa!important;box-shadow:inset 3px 0 0 #7658e6!important}
html[data-theme="light"] .admin-mode .admin-side-footer{background:#fff!important;border-top-color:#e8ebf1!important}.admin-mode .admin-side-account strong{color:#26324a!important}.admin-mode .admin-side-account small{color:#8b96a9!important}.admin-mode .admin-avatar{background:#ece9ff!important;color:#6950dc!important}.admin-mode .admin-logout{background:#f7f9fc!important;border-color:#e1e5ed!important;color:#657288!important}
html[data-theme="light"] .admin-mode .admin-chip-copy strong{color:#243149!important}.admin-mode .admin-chip-copy small{color:#808ca0!important}.admin-mode .admin-chip-avatar{background:#eee9ff!important;color:#6750d8!important}
html[data-theme="light"] .admin-mode .topbar{background:rgba(255,255,255,.97)!important;border-bottom-color:#e1e6ee!important}.admin-mode .top-title{color:#182337!important}.admin-mode .top-sub{color:#748096!important}.admin-mode .notif-btn{background:#f8fafc!important;border-color:#e0e5ed!important;color:#53627b!important}
html[data-theme="light"] .admin-mode .section,html[data-theme="light"] .admin-mode .admin-panel,html[data-theme="light"] .admin-mode .compras-page,html[data-theme="light"] .admin-mode .account-history,html[data-theme="light"] .admin-mode .filament-card{background:#fff!important;border-color:#e0e6ef!important;color:#223049!important;box-shadow:0 12px 30px rgba(42,56,89,.06)!important}
html[data-theme="light"] .admin-mode .section-title h2,html[data-theme="light"] .admin-mode .section h2,html[data-theme="light"] .admin-mode .admin-panel-head h2,html[data-theme="light"] .admin-mode .filament-card h2{color:#25324a!important}
html[data-theme="light"] .admin-mode .section-sub,html[data-theme="light"] .admin-mode .section p,html[data-theme="light"] .admin-mode .admin-panel-head p,html[data-theme="light"] .admin-mode .filament-card-head p{color:#8994a7!important}
html[data-theme="light"] .admin-mode .filament-stat{background:#fff!important;border-color:#e2e7ef!important;color:#263149!important;box-shadow:0 10px 26px rgba(42,56,89,.07)!important}.admin-mode .filament-stat strong{color:#1d2940!important}.admin-mode .filament-stat small{color:#8994a7!important}.admin-mode .filament-stat-head{color:#7f8ba0!important}
html[data-theme="light"] .admin-mode .filament-actions-list button{background:#f8fafc!important;border-color:#e4e8ef!important;color:#27344b!important}.admin-mode .filament-actions-list small{color:#8994a7!important}.admin-mode .filament-actions-list b{color:#8c96a7!important}.admin-mode .filament-activity-row{border-color:#e8ebf1!important}.admin-mode .filament-activity-row strong{color:#2b374e!important}.admin-mode .filament-activity-row small{color:#8994a7!important}.admin-mode .filament-activity-row time{color:#99a2b1!important}
html[data-theme="light"] .admin-mode .table th{color:#7f8ba0!important;border-color:#e3e7ee!important}.admin-mode .table td{color:#2d3a50!important;border-color:#edf0f4!important}.admin-mode .table tr:hover{background:#f8fafc!important}.admin-mode .field span{color:#657289!important}.admin-mode .field input,.admin-mode .field select{background:#fff!important;border-color:#dfe4ec!important;color:#253149!important;box-shadow:none!important}
html[data-theme="light"] .admin-mode .modal-backdrop{background:rgba(29,35,62,.34)!important}.admin-mode .modal{background:#fff!important;border-color:#e1e5ed!important;color:#263149!important;box-shadow:0 30px 90px rgba(42,48,86,.18)!important}.admin-mode .modal h3{color:#1f2a40!important}.admin-mode .money-box{background:linear-gradient(135deg,#f2f0ff,#f9fbff)!important;border-color:#e1defc!important}.admin-mode .money-label{color:#8590a7!important}.admin-mode .money-value{color:#4056e8!important}
html[data-theme="light"] .admin-mode .admin-page-head h1{color:#1f2c42!important}.admin-mode .admin-page-head p{color:#7d899e!important}.admin-mode .admin-breadcrumb{color:#8590a2!important}.admin-mode .admin-breadcrumb span{color:#b1bac6!important}

/* Oscuro: el modo existente se mantiene en oscuro. */
html[data-theme="dark"] body{background:#0b1220!important;color:#e5e7eb!important}html[data-theme="dark"] .admin-mode,html[data-theme="dark"] .admin-mode .app-shell{background:#0b1220!important;color:#e5e7eb!important}
html[data-theme="dark"] .admin-mode .admin-sidebar{background:#111827!important;color:#d1d5db!important;border-right-color:#263244!important}
html[data-theme="dark"] .admin-mode .topbar{background:#111827!important;border-bottom-color:#263244!important}.theme-preference{transition:background .18s ease,border-color .18s ease}
html[data-theme="dark"] .theme-preference{background:#111827;border-color:#263244}.theme-preference-head strong{transition:color .18s ease}.theme-preference-head small{transition:color .18s ease}
html[data-theme="dark"] .theme-preference-head strong{color:#f3f4f6}.theme-current-label{transition:all .18s ease}.theme-choice{transition:all .18s ease}
html[data-theme="dark"] .theme-choice{background:#0f1724;border-color:#2b374a;color:#9aa7ba}html[data-theme="dark"] .theme-choice:hover{background:#151f2e;border-color:#47566d}.theme-choice.active{outline:none}
html[data-theme="dark"] .theme-choice.active{background:#2b2348;border-color:#7358ea;color:#c9bcff}html[data-theme="dark"] .theme-current-label{background:#2b2348;border-color:#493d70;color:#c9bcff}
@media(max-width:899px){html[data-theme="light"] .admin-mode .bottom-nav{background:#fff!important;border-color:#e4e8ef!important;box-shadow:0 -10px 25px rgba(42,56,89,.08)!important}html[data-theme="light"] .admin-mode .bottom-btn{color:#8b96a9!important}.admin-mode .bottom-btn.active{color:#694de1!important;background:#f0edff!important}html[data-theme="dark"] .admin-mode .bottom-nav{background:#111827!important;border-color:#263244!important}}
@media(max-width:560px){.theme-choice-grid{gap:6px}.theme-choice{font-size:9px;padding:0 6px}}


/* v137 · Modo oscuro completo para cuentas de trabajador/manager y administrador */
html[data-theme="dark"] body{background:#0b1220!important;color:#e5e7eb!important}
html[data-theme="dark"] .app-shell,html[data-theme="dark"] .app{background:#0b1220!important;color:#e5e7eb!important}
html[data-theme="dark"] .topbar{background:rgba(17,24,39,.96)!important;border-color:#263244!important;color:#f3f4f6!important}
html[data-theme="dark"] .top-title{color:#f3f4f6!important}html[data-theme="dark"] .top-sub{color:#7f8ba0!important}
html[data-theme="dark"] .back-btn,html[data-theme="dark"] .notif-btn,html[data-theme="dark"] .admin-user-chip{background:#151f2e!important;border-color:#2b374a!important;color:#c3ccd8!important}
html[data-theme="dark"] .screen{background:transparent!important}
html[data-theme="dark"] .section,html[data-theme="dark"] .profile-page,html[data-theme="dark"] .account-history,html[data-theme="dark"] .pounds-page,html[data-theme="dark"] .compras-page{background:#111827!important;border-color:#263244!important;color:#e5e7eb!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .section h2,html[data-theme="dark"] .section-title h2,html[data-theme="dark"] .profile-page h2{color:#f3f4f6!important}html[data-theme="dark"] .section-sub,html[data-theme="dark"] .profile-page p{color:#7f8ba0!important}
html[data-theme="dark"] .profile-data{background:#0f1724!important;border-color:#263244!important}html[data-theme="dark"] .profile-row{border-color:#202c3e!important}html[data-theme="dark"] .profile-row span{color:#78869b!important}html[data-theme="dark"] .profile-row strong{color:#e5eaf0!important}
html[data-theme="dark"] .profile-action,html[data-theme="dark"] .verify-option,html[data-theme="dark"] .transaction-item,html[data-theme="dark"] .list-item,html[data-theme="dark"] .admin-item,html[data-theme="dark"] .minimal-purchase-row{background:#111827!important;border-color:#263244!important;color:#e5eaf0!important;box-shadow:0 7px 18px rgba(0,0,0,.14)!important}
html[data-theme="dark"] .profile-action small,html[data-theme="dark"] .verify-option small,html[data-theme="dark"] .transaction-main small,html[data-theme="dark"] .worker-mode,html[data-theme="dark"] .meta{color:#7f8ba0!important}
html[data-theme="dark"] .profile-note{background:#17132a!important;border-color:#3b3261!important}.admin-mode .profile-note strong{color:#dcd4ff!important}.admin-mode .profile-note small{color:#8c879e!important}
html[data-theme="dark"] .field span{color:#9aa7ba!important}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .input-money,html[data-theme="dark"] .search input{background:#0f1724!important;border-color:#2b374a!important;color:#f3f4f6!important;box-shadow:none!important}html[data-theme="dark"] input::placeholder{color:#66758a!important}
html[data-theme="dark"] .btn{background:#182130!important;border-color:#2b374a!important;color:#cbd5e1!important}.btn.purple{color:#fff!important}.btn.green,.btn.cyan,.btn.red{color:#fff!important}
html[data-theme="dark"] .modal-backdrop{background:rgba(3,7,18,.72)!important}html[data-theme="dark"] .modal{background:#111827!important;border-color:#2b374a!important;color:#e5e7eb!important}html[data-theme="dark"] .modal h3{color:#f9fafb!important}
html[data-theme="dark"] .money-box{background:#0f1724!important;border-color:#2b374a!important}html[data-theme="dark"] .money-label{color:#758399!important}html[data-theme="dark"] .money-value{color:#f9fafb!important}
html[data-theme="dark"] .compras-hero,html[data-theme="dark"] .verify-intro,html[data-theme="dark"] .purchase-guide,html[data-theme="dark"] .minimal-help{background:#141b29!important;border-color:#2b374a!important;color:#d8e0ea!important}
html[data-theme="dark"] .compras-link{background:#111827!important;border-color:#263244!important;color:#e5eaf0!important}html[data-theme="dark"] .compras-link small,html[data-theme="dark"] .compras-hero p{color:#7f8ba0!important}
html[data-theme="dark"] .purchase-history-item{background:#111827!important;border-color:#263244!important}html[data-theme="dark"] .purchase-info-grid>div{background:#0f1724!important;border-color:#202c3e!important}html[data-theme="dark"] .purchase-info-grid span{color:#738095!important}html[data-theme="dark"] .purchase-info-grid strong{color:#dbe3ed!important}
html[data-theme="dark"] .table th,html[data-theme="dark"] .table td{border-color:#263244!important}html[data-theme="dark"] .table th{color:#7f8ba0!important}html[data-theme="dark"] .table td{color:#d3dbe5!important}
html[data-theme="dark"] .empty{color:#7f8ba0!important}
html[data-theme="dark"] .admin-mode .admin-brand-copy strong{color:#fff!important}.admin-mode .admin-brand-copy small{color:#8490a3!important}.admin-mode .admin-side-title{color:#697588!important}.admin-mode .admin-side-item:hover{background:#192235!important;color:#fff!important}.admin-mode .admin-side-item.active{background:#2b2348!important;color:#fff!important;border-color:#3c3261!important}.admin-mode .admin-side-account strong{color:#fff!important}.admin-mode .admin-side-account small{color:#778398!important}.admin-mode .admin-avatar{background:#2e3750!important;color:#fff!important}.admin-mode .admin-logout{background:#172131!important;border-color:#2b374a!important;color:#aeb8c7!important}.admin-mode .admin-chip-copy strong{color:#eef2f7!important}.admin-mode .admin-chip-copy small{color:#78859a!important}.admin-mode .admin-chip-avatar{background:#40365e!important;color:#fff!important}.admin-mode .filament-stat strong{color:#f9fafb!important}.admin-mode .filament-stat small{color:#69778c!important}.admin-mode .filament-stat-head{color:#7f8ba0!important}.admin-mode .filament-actions-list small{color:#69778c!important}.admin-mode .filament-actions-list b{color:#59677b!important}.admin-mode .filament-activity-row{border-color:#202c3e!important}.admin-mode .filament-activity-row strong{color:#dce3ec!important}.admin-mode .filament-activity-row small{color:#69778c!important}.admin-mode .filament-activity-row time{color:#5f6c80!important}.admin-mode .table td{color:#cbd5e1!important}.admin-mode .field input,.admin-mode .field select{background:#0f1724!important;border-color:#2b374a!important;color:#f3f4f6!important}.admin-mode .modal{background:#111827!important;border-color:#2b374a!important;color:#e5e7eb!important}.admin-mode .modal h3{color:#f9fafb!important}.admin-mode .money-box{background:#0f1724!important;border-color:#2b374a!important}.admin-mode .money-label{color:#758399!important}.admin-mode .money-value{color:#f9fafb!important}

/* v138 · Contraste completo y consistente del modo oscuro */
html[data-theme="dark"]{
  --bg:#0b1220;
  --surface:#111827;
  --surface-soft:#151c29;
  --ink:#eef2f7;
  --muted:#8c99ad;
  --line:#2a3446;
  --shadow:0 18px 45px rgba(0,0,0,.20);
  --shadow-strong:0 24px 60px rgba(0,0,0,.28);
}
html[data-theme="dark"] body,
html[data-theme="dark"] .app,
html[data-theme="dark"] .app-shell{background:#0b1220!important;color:#eef2f7!important}
html[data-theme="dark"] .ambient{background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 35%,rgba(118,88,230,.04) 100%)!important}
html[data-theme="dark"] body:before{opacity:.18}

/* Superficies claras que antes quedaban en blanco */
html[data-theme="dark"] .balance-card,
html[data-theme="dark"] .home-card,
html[data-theme="dark"] .motivation-card,
html[data-theme="dark"] .verify-home-card,
html[data-theme="dark"] .verify-quick-item,
html[data-theme="dark"] .worker-detail-card,
html[data-theme="dark"] .worker-directory-card,
html[data-theme="dark"] .worker-home-static-stat,
html[data-theme="dark"] .worker-home-static-profit,
html[data-theme="dark"] .worker-profit-stat-static,
html[data-theme="dark"] .worker-stat-full,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .account-history,
html[data-theme="dark"] .purchase-history-item,
html[data-theme="dark"] .purchase-request-card,
html[data-theme="dark"] .purchase-request-item,
html[data-theme="dark"] .purchase-request-total-card,
html[data-theme="dark"] .purchase-request-worker-summary,
html[data-theme="dark"] .purchase-request-pound-admin-card,
html[data-theme="dark"] .verification-edit-modal,
html[data-theme="dark"] .verification-details-modal{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}

/* Texto principal/secundario */
html[data-theme="dark"] .home-card,
html[data-theme="dark"] .home-card strong,
html[data-theme="dark"] .home-card h2,
html[data-theme="dark"] .section-title h2,
html[data-theme="dark"] .section h2,
html[data-theme="dark"] .detail-name,
html[data-theme="dark"] .worker-name,
html[data-theme="dark"] .worker-text,
html[data-theme="dark"] .total,
html[data-theme="dark"] .stat strong,
html[data-theme="dark"] .worker-directory-balance,
html[data-theme="dark"] .worker-detail-balance,
html[data-theme="dark"] .worker-detail-row strong,
html[data-theme="dark"] .worker-admin-row strong,
html[data-theme="dark"] .transaction-right,
html[data-theme="dark"] .transaction-main strong,
html[data-theme="dark"] .purchase-info-grid strong,
html[data-theme="dark"] .purchase-request-order-summary-grid strong,
html[data-theme="dark"] .purchase-request-detail-item strong,
html[data-theme="dark"] .purchase-request-row-main strong,
html[data-theme="dark"] .purchase-request-total-card strong,
html[data-theme="dark"] .verify-option-copy strong,
html[data-theme="dark"] .verify-quick-copy strong,
html[data-theme="dark"] .verify-label,
html[data-theme="dark"] .profile-data,
html[data-theme="dark"] .profile-row strong,
html[data-theme="dark"] .theme-preference-head strong{color:#eef2f7!important}

html[data-theme="dark"] .home-card small,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .worker-mode,
html[data-theme="dark"] .worker-directory-main small,
html[data-theme="dark"] .worker-detail-row span,
html[data-theme="dark"] .worker-admin-row small,
html[data-theme="dark"] .transaction-main small,
html[data-theme="dark"] .transaction-item small,
html[data-theme="dark"] .section-sub,
html[data-theme="dark"] .section p,
html[data-theme="dark"] .profile-page p,
html[data-theme="dark"] .profile-action small,
html[data-theme="dark"] .verify-option small,
html[data-theme="dark"] .purchase-info-grid span,
html[data-theme="dark"] .purchase-request-note,
html[data-theme="dark"] .purchase-request-safe-note,
html[data-theme="dark"] .purchase-request-summary-kicker,
html[data-theme="dark"] .purchase-request-kicker,
html[data-theme="dark"] .purchase-request-detail-copy,
html[data-theme="dark"] .purchase-request-order-summary-message,
html[data-theme="dark"] .theme-preference-head small{color:#8d9aae!important}

/* Elementos de formulario */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .search input,
html[data-theme="dark"] .input-money{
  background:#0f1724!important;
  color:#f3f6fa!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#66758a!important}
html[data-theme="dark"] option{background:#0f1724!important;color:#f3f6fa!important}

/* Componentes con texto fijo en claro */
html[data-theme="dark"] .pill,
html[data-theme="dark"] .protect,
html[data-theme="dark"] .verify-protect,
html[data-theme="dark"] .profile-note,
html[data-theme="dark"] .money-box,
html[data-theme="dark"] .purchase-info-grid>div,
html[data-theme="dark"] .worker-permission-toggle,
html[data-theme="dark"] .admin-item{
  background:#0f1724!important;
  border-color:#263244!important;
  color:#e5ebf2!important;
}
html[data-theme="dark"] .pill,
html[data-theme="dark"] .money-label,
html[data-theme="dark"] .balance-label,
html[data-theme="dark"] .balance-meta,
html[data-theme="dark"] .protect,
html[data-theme="dark"] .verify-protect{color:#8c99ad!important}
html[data-theme="dark"] .balance-number{color:#f4f7fb!important}
html[data-theme="dark"] .chev,
html[data-theme="dark"] .verify-option-arrow{color:#8d9aae!important}
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .detail .avatar{
  background:linear-gradient(145deg,#1b2440,#211c34)!important;
  border-color:#303b50!important;
  color:#c8bdff!important;
}

/* Tablas */
html[data-theme="dark"] .table-wrap{background:#111827!important;border-color:#263244!important}
html[data-theme="dark"] .table th{color:#8996aa!important;border-color:#263244!important}
html[data-theme="dark"] .table td{color:#d7dee7!important;border-color:#202c3e!important}
html[data-theme="dark"] .table tr:hover{background:#151e2d!important}

/* Admin */
html[data-theme="dark"] .admin-mode .admin-sidebar{background:#111827!important;color:#dce3eb!important;border-right-color:#263244!important}
html[data-theme="dark"] .admin-mode .admin-side-item{color:#aab5c4!important}
html[data-theme="dark"] .admin-mode .admin-side-item:hover,
html[data-theme="dark"] .admin-mode .admin-side-item.active{color:#fff!important}
html[data-theme="dark"] .admin-mode .admin-panel,
html[data-theme="dark"] .admin-mode .filament-card,
html[data-theme="dark"] .admin-mode .filament-stat,
html[data-theme="dark"] .admin-mode .filament-actions-list button,
html[data-theme="dark"] .admin-mode .admin-chip,
html[data-theme="dark"] .admin-mode .worker-directory-card,
html[data-theme="dark"] .admin-mode .worker-detail-card{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-mode .admin-page-head h1,
html[data-theme="dark"] .admin-mode .admin-panel-head h2,
html[data-theme="dark"] .admin-mode .filament-card h2,
html[data-theme="dark"] .admin-mode .filament-stat strong,
html[data-theme="dark"] .admin-mode .filament-activity-row strong{color:#f5f7fa!important}
html[data-theme="dark"] .admin-mode .admin-page-head p,
html[data-theme="dark"] .admin-mode .admin-breadcrumb,
html[data-theme="dark"] .admin-mode .admin-panel-head p,
html[data-theme="dark"] .admin-mode .filament-card-head p,
html[data-theme="dark"] .admin-mode .filament-stat small,
html[data-theme="dark"] .admin-mode .filament-stat-head,
html[data-theme="dark"] .admin-mode .filament-actions-list small,
html[data-theme="dark"] .admin-mode .filament-activity-row small,
html[data-theme="dark"] .admin-mode .filament-activity-row time{color:#8491a5!important}

/* Modal / botones */
html[data-theme="dark"] .modal{background:#111827!important;color:#eef2f7!important;border-color:#2b374a!important}
html[data-theme="dark"] .modal h3{color:#f7f9fb!important}
html[data-theme="dark"] .btn{background:#182130!important;border-color:#2b374a!important;color:#dbe3ec!important}
html[data-theme="dark"] .text-btn{color:#b9c5d5!important}

/* Mantener textos blancos en componentes de color */
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .hero-card *{color:#fff!important}
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .btn.green,
html[data-theme="dark"] .btn.cyan,
html[data-theme="dark"] .btn.red,
html[data-theme="dark"] .primary-btn *{color:#fff!important}

/* Preferencia de tema */
html[data-theme="dark"] .theme-preference{background:#111827!important;border-color:#263244!important;color:#eef2f7!important}
html[data-theme="dark"] .theme-choice{background:#0f1724!important;border-color:#2b374a!important;color:#aeb9c8!important}
html[data-theme="dark"] .theme-choice.active{background:#2b2348!important;border-color:#7358ea!important;color:#d7cbff!important}

/* Pantalla de login en oscuro */
html[data-theme="dark"] .login-card{background:rgba(17,24,39,.96)!important;border-color:#2b374a!important;color:#eef2f7!important}
html[data-theme="dark"] .brand-sub,
html[data-theme="dark"] .login-note{color:#8d9aae!important}
html[data-theme="dark"] .field span{color:#aab5c5!important}

/* Navegación inferior */
@media(max-width:899px){
  html[data-theme="dark"] .bottom-nav{background:#111827!important;border-color:#263244!important}
  html[data-theme="dark"] .bottom-btn{color:#8591a5!important}
  html[data-theme="dark"] .bottom-btn.active{color:#d4c8ff!important;background:#2b2348!important}
}

/* v139 · Corrección definitiva de contraste en administrador oscuro.
   Algunos estilos históricos con !important estaban dejando textos oscuros
   dentro de tarjetas oscuras. Estas reglas se aplican al final para ganar
   precedencia sin cambiar el contenido ni la lógica. */
html[data-theme="dark"] .admin-mode .apk-history,
html[data-theme="dark"] .admin-mode .admin-activity-row,
html[data-theme="dark"] .admin-mode .transaction-item,
html[data-theme="dark"] .admin-mode .admin-payment-card,
html[data-theme="dark"] .admin-mode .admin-purchase-card,
html[data-theme="dark"] .admin-mode .admin-item{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}

html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-main strong,
html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-right strong,
html[data-theme="dark"] .admin-mode .apk-activity-main strong,
html[data-theme="dark"] .admin-mode .transaction-main strong,
html[data-theme="dark"] .admin-mode .admin-activity-main strong,
html[data-theme="dark"] .admin-mode .admin-activity-right strong{
  color:#f3f6fa!important;
}

html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-main small,
html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-right small,
html[data-theme="dark"] .admin-mode .apk-activity-main small,
html[data-theme="dark"] .admin-mode .transaction-main small,
html[data-theme="dark"] .admin-mode .transaction-right small,
html[data-theme="dark"] .admin-mode .admin-activity-main small,
html[data-theme="dark"] .admin-mode .admin-activity-time,
html[data-theme="dark"] .admin-mode .apk-activity-right small{
  color:#8f9db0!important;
}

html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-right small.pending,
html[data-theme="dark"] .admin-mode .transaction-right small.pending,
html[data-theme="dark"] .admin-mode .apk-activity-right small.pending{
  background:#3a2b18!important;
  color:#f6bd67!important;
}
html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-right small.verified,
html[data-theme="dark"] .admin-mode .transaction-right small.verified,
html[data-theme="dark"] .admin-mode .apk-activity-right small.verified{
  background:#123426!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] .admin-mode .admin-activity-row .transaction-right small.cancelled,
html[data-theme="dark"] .admin-mode .transaction-right small.cancelled,
html[data-theme="dark"] .admin-mode .apk-activity-right small.cancelled{
  background:#3a2024!important;
  color:#ff9a9f!important;
}

/* Textos secundarios de las tarjetas del inicio administrativo */
html[data-theme="dark"] .admin-mode .balance-label,
html[data-theme="dark"] .admin-mode .balance-meta,
html[data-theme="dark"] .admin-mode .section-sub,
html[data-theme="dark"] .admin-mode .apk-history .section-sub{
  color:#8d9aae!important;
}
html[data-theme="dark"] .admin-mode .apk-history .section-title h2,
html[data-theme="dark"] .admin-mode .section-title h2{
  color:#f3f6fa!important;
}

/* Tablas, formularios y textos que todavía podían heredar negro */
html[data-theme="dark"] .admin-mode .table th,
html[data-theme="dark"] .admin-mode .table td,
html[data-theme="dark"] .admin-mode .field span,
html[data-theme="dark"] .admin-mode label,
html[data-theme="dark"] .admin-mode .admin-page-head h1,
html[data-theme="dark"] .admin-mode .admin-panel-head h2,
html[data-theme="dark"] .admin-mode .admin-kpi strong,
html[data-theme="dark"] .admin-mode .admin-action-card strong,
html[data-theme="dark"] .admin-mode .admin-payment-card .transaction-right strong,
html[data-theme="dark"] .admin-mode .admin-purchase-card strong{
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-mode .table th,
html[data-theme="dark"] .admin-mode .field span,
html[data-theme="dark"] .admin-mode .admin-page-head p,
html[data-theme="dark"] .admin-mode .admin-panel-head p,
html[data-theme="dark"] .admin-mode .admin-kpi small,
html[data-theme="dark"] .admin-mode .admin-action-card small{
  color:#8d9aae!important;
}

/* Excepciones: componentes de color conservan sus letras blancas */
html[data-theme="dark"] .admin-mode .hero-card,
html[data-theme="dark"] .admin-mode .hero-card *,
html[data-theme="dark"] .admin-mode .admin-home-verify-card,
html[data-theme="dark"] .admin-mode .admin-home-verify-card *,
html[data-theme="dark"] .admin-mode .admin-profit-widget,
html[data-theme="dark"] .admin-mode .admin-profit-widget *{
  color:#fff!important;
}

/* v140 · Panel administrativo: tema claro completo en escritorio.
   Ningún elemento del lateral queda oscuro cuando el tema es Claro. */
html[data-theme="light"] .admin-mode,
html[data-theme="light"] .admin-mode .app-shell{
  background:#f3f5f9!important;
  color:#1c273b!important;
}
html[data-theme="light"] .admin-mode .admin-sidebar{
  background:#fff!important;
  color:#3d485d!important;
  border-right:1px solid #e4e8ef!important;
  box-shadow:10px 0 30px rgba(42,56,89,.06)!important;
}
html[data-theme="light"] .admin-mode .admin-brand{
  background:#fff!important;
  border-bottom:1px solid #e8ebf1!important;
}
html[data-theme="light"] .admin-mode .admin-brand-copy strong{color:#1d2940!important}
html[data-theme="light"] .admin-mode .admin-brand-copy small{color:#8a94a7!important}
html[data-theme="light"] .admin-mode .admin-side-title{color:#8a95a8!important}
html[data-theme="light"] .admin-mode .admin-side-item{
  background:transparent!important;
  color:#6d788c!important;
  border-color:transparent!important;
}
html[data-theme="light"] .admin-mode .admin-side-item:hover{
  background:#f5f7fb!important;
  color:#1f2a40!important;
}
html[data-theme="light"] .admin-mode .admin-side-item.active{
  background:#f0edff!important;
  color:#694de1!important;
  border-color:#e2dcfa!important;
  box-shadow:inset 3px 0 0 #7658e6!important;
}
html[data-theme="light"] .admin-mode .admin-side-footer{
  background:#fff!important;
  border-top:1px solid #e8ebf1!important;
}
html[data-theme="light"] .admin-mode .admin-side-account strong{color:#26324a!important}
html[data-theme="light"] .admin-mode .admin-side-account small{color:#8b96a9!important}
html[data-theme="light"] .admin-mode .admin-avatar{background:#ece9ff!important;color:#6950dc!important}
html[data-theme="light"] .admin-mode .admin-logout{
  background:#f7f9fc!important;
  border-color:#e1e5ed!important;
  color:#657288!important;
}
html[data-theme="light"] .admin-mode .admin-logout:hover{
  background:#eef2f7!important;
  border-color:#d5dce7!important;
  color:#28354d!important;
}
html[data-theme="light"] .admin-mode .admin-user-chip{
  background:#fff!important;
  border-color:#e1e5ed!important;
}
html[data-theme="light"] .admin-mode .admin-chip-avatar{background:#eee9ff!important;color:#6750d8!important}
html[data-theme="light"] .admin-mode .admin-chip-copy strong{color:#243149!important}
html[data-theme="light"] .admin-mode .admin-chip-copy small{color:#808ca0!important}
html[data-theme="light"] .admin-mode .topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:#e1e6ee!important;
}
html[data-theme="light"] .admin-mode .top-title{color:#182337!important}
html[data-theme="light"] .admin-mode .top-sub{color:#748096!important}
html[data-theme="light"] .admin-mode .notif-btn,
html[data-theme="light"] .admin-mode .back-btn{
  background:#f8fafc!important;
  border-color:#e0e5ed!important;
  color:#53627b!important;
}
@media(max-width:899px){
  html[data-theme="light"] .admin-mode .bottom-nav{
    background:#fff!important;
    border-color:#e4e8ef!important;
    box-shadow:0 -10px 25px rgba(42,56,89,.08)!important;
  }
  html[data-theme="light"] .admin-mode .bottom-btn{color:#8b96a9!important}
  html[data-theme="light"] .admin-mode .bottom-btn.active{color:#694de1!important;background:#f0edff!important}
}

/* v141 · Tema oscuro coherente en todo el panel administrativo.
   Se corrigen superficies/textos claros heredados de estilos anteriores. */
html[data-theme="dark"] .admin-mode .admin-brand-copy small,
html[data-theme="dark"] .admin-mode .admin-side-title,
html[data-theme="dark"] .admin-mode .admin-side-account small,
html[data-theme="dark"] .admin-mode .admin-chip-copy small,
html[data-theme="dark"] .admin-mode .top-sub,
html[data-theme="dark"] .admin-mode .admin-page-head p,
html[data-theme="dark"] .admin-mode .admin-breadcrumb,
html[data-theme="dark"] .admin-mode .admin-breadcrumb span,
html[data-theme="dark"] .admin-mode .section-sub,
html[data-theme="dark"] .admin-mode .section p,
html[data-theme="dark"] .admin-mode .admin-panel-head p,
html[data-theme="dark"] .admin-mode .filament-card-head p,
html[data-theme="dark"] .admin-mode .filament-stat small,
html[data-theme="dark"] .admin-mode .filament-stat-head,
html[data-theme="dark"] .admin-mode .filament-actions-list small,
html[data-theme="dark"] .admin-mode .filament-actions-list b,
html[data-theme="dark"] .admin-mode .filament-activity-row small,
html[data-theme="dark"] .admin-mode .filament-activity-row time,
html[data-theme="dark"] .admin-mode .table th,
html[data-theme="dark"] .admin-mode .field span,
html[data-theme="dark"] .admin-mode .money-label,
html[data-theme="dark"] .admin-mode .admin-kpi small,
html[data-theme="dark"] .admin-mode .admin-action-card small{
  color:#8d9aae!important;
}

html[data-theme="dark"] .admin-mode .admin-brand-copy strong,
html[data-theme="dark"] .admin-mode .admin-side-account strong,
html[data-theme="dark"] .admin-mode .top-title,
html[data-theme="dark"] .admin-mode .admin-page-head h1,
html[data-theme="dark"] .admin-mode .section-title h2,
html[data-theme="dark"] .admin-mode .section h2,
html[data-theme="dark"] .admin-mode .admin-panel-head h2,
html[data-theme="dark"] .admin-mode .filament-card h2,
html[data-theme="dark"] .admin-mode .filament-stat strong,
html[data-theme="dark"] .admin-mode .filament-activity-row strong,
html[data-theme="dark"] .admin-mode .admin-kpi strong,
html[data-theme="dark"] .admin-mode .admin-action-card strong,
html[data-theme="dark"] .admin-mode .table td,
html[data-theme="dark"] .admin-mode label,
html[data-theme="dark"] .admin-mode .field input,
html[data-theme="dark"] .admin-mode .field select{
  color:#eef2f7!important;
}

/* Superficies del admin: todas oscuras, sin blancos heredados. */
html[data-theme="dark"] .admin-mode .section,
html[data-theme="dark"] .admin-mode .admin-panel,
html[data-theme="dark"] .admin-mode .compras-page,
html[data-theme="dark"] .admin-mode .account-history,
html[data-theme="dark"] .admin-mode .filament-card,
html[data-theme="dark"] .admin-mode .filament-stat,
html[data-theme="dark"] .admin-mode .worker-directory-card,
html[data-theme="dark"] .admin-mode .worker-detail-card,
html[data-theme="dark"] .admin-mode .admin-item,
html[data-theme="dark"] .admin-mode .admin-activity-row,
html[data-theme="dark"] .admin-mode .transaction-item,
html[data-theme="dark"] .admin-mode .admin-payment-card,
html[data-theme="dark"] .admin-mode .admin-purchase-card,
html[data-theme="dark"] .admin-mode .apk-history,
html[data-theme="dark"] .admin-mode .list-item,
html[data-theme="dark"] .admin-mode .minimal-purchase-row{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}

html[data-theme="dark"] .admin-mode .filament-actions-list button,
html[data-theme="dark"] .admin-mode .admin-user-chip,
html[data-theme="dark"] .admin-mode .admin-logout,
html[data-theme="dark"] .admin-mode .notif-btn,
html[data-theme="dark"] .admin-mode .back-btn,
html[data-theme="dark"] .admin-mode .btn:not(.green):not(.cyan):not(.red):not(.purple){
  background:#182130!important;
  border-color:#2b374a!important;
  color:#dbe3ec!important;
}

html[data-theme="dark"] .admin-mode .field input,
html[data-theme="dark"] .admin-mode .field select,
html[data-theme="dark"] .admin-mode .field textarea,
html[data-theme="dark"] .admin-mode .search input,
html[data-theme="dark"] .admin-mode .input-money{
  background:#0f1724!important;
  border-color:#2b374a!important;
  color:#f3f6fa!important;
}

html[data-theme="dark"] .admin-mode .modal{
  background:#111827!important;
  border-color:#2b374a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-mode .modal h3{color:#f7f9fb!important}
html[data-theme="dark"] .admin-mode .money-box{
  background:#0f1724!important;
  border-color:#2b374a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-mode .table-wrap{
  background:#111827!important;
  border-color:#263244!important;
}
html[data-theme="dark"] .admin-mode .table tr:hover{background:#151e2d!important}

/* Tarjetas de trabajadores y perfil */
html[data-theme="dark"] .admin-mode .profile-hero,
html[data-theme="dark"] .admin-mode .profile-data,
html[data-theme="dark"] .admin-mode .profile-action,
html[data-theme="dark"] .admin-mode .profile-note,
html[data-theme="dark"] .admin-mode .theme-preference,
html[data-theme="dark"] .admin-mode .theme-choice{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-mode .profile-hero h2,
html[data-theme="dark"] .admin-mode .profile-row strong,
html[data-theme="dark"] .admin-mode .profile-action strong,
html[data-theme="dark"] .admin-mode .theme-preference-head strong{
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-mode .profile-hero p,
html[data-theme="dark"] .admin-mode .profile-row span,
html[data-theme="dark"] .admin-mode .profile-action small,
html[data-theme="dark"] .admin-mode .theme-preference-head small{
  color:#8d9aae!important;
}
html[data-theme="dark"] .admin-mode .theme-choice{color:#aeb9c8!important}
html[data-theme="dark"] .admin-mode .theme-choice.active{background:#2b2348!important;border-color:#7358ea!important;color:#d7cbff!important}

/* Elementos coloreados conservan sus textos claros. */
html[data-theme="dark"] .admin-mode .hero-card,
html[data-theme="dark"] .admin-mode .hero-card *,
html[data-theme="dark"] .admin-mode .admin-home-verify-card,
html[data-theme="dark"] .admin-mode .admin-home-verify-card *,
html[data-theme="dark"] .admin-mode .admin-profit-widget,
html[data-theme="dark"] .admin-mode .admin-profit-widget *,
html[data-theme="dark"] .admin-mode .primary-btn,
html[data-theme="dark"] .admin-mode .primary-btn *{
  color:#fff!important;
}


/* v142 · Contraste final del tema oscuro.
   Ningún texto del área autenticada queda con el negro heredado del tema claro. */
html[data-theme="dark"] #appView :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,a,button,td,th,li,dt,dd,legend,caption,figcaption){
  color:#eef2f7!important;
}

/* Texto secundario: se mantiene visible sin competir con los títulos. */
html[data-theme="dark"] #appView :is(.top-sub,.section-sub,.meta,.worker-mode,.home-card small,.balance-meta,.money-label,.field span,.table th,.profile-row span,.profile-action small,.theme-preference-head small,.admin-brand-copy small,.admin-side-title,.admin-side-account small,.admin-chip-copy small,.admin-page-head p,.admin-breadcrumb,.admin-panel-head p,.filament-card-head p,.filament-stat small,.filament-stat-head,.filament-actions-list small,.filament-actions-list b,.filament-activity-row small,.filament-activity-row time,.purchase-info-grid span,.purchase-request-note,.purchase-request-detail-copy,.purchase-request-kicker,.purchase-request-summary-kicker,.purchase-request-order-summary-message,.verify-option small,.admin-kpi small,.admin-action-card small,.empty){
  color:#8d9aae!important;
}

/* Controles: texto claro y legible sobre superficies oscuras. */
html[data-theme="dark"] #appView :is(input,select,textarea){
  color:#f3f6fa!important;
}
html[data-theme="dark"] #appView input::placeholder,
html[data-theme="dark"] #appView textarea::placeholder{color:#66758a!important}
html[data-theme="dark"] #appView option{background:#0f1724!important;color:#f3f6fa!important}

/* Estados y botones con fondo de color conservan texto blanco. */
html[data-theme="dark"] #appView :is(.primary-btn,.btn.green,.btn.cyan,.btn.red,.btn.purple,.hero-card,.admin-home-verify-card,.admin-profit-widget) :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,a,button){
  color:#fff!important;
}
html[data-theme="dark"] #appView :is(.primary-btn,.btn.green,.btn.cyan,.btn.red,.btn.purple,.hero-card,.admin-home-verify-card,.admin-profit-widget){
  color:#fff!important;
}

/* Navegación activa y elementos interactivos. */
html[data-theme="dark"] #appView .admin-side-item.active,
html[data-theme="dark"] #appView .admin-side-item.active *{
  color:#fff!important;
}
html[data-theme="dark"] #appView .bottom-btn.active,
html[data-theme="dark"] #appView .bottom-btn.active *{
  color:#d4c8ff!important;
}

/* v143 · Trabajadores: tema oscuro completo.
   Esta pantalla tenía estilos históricos que forzaban superficies claras.
   Los sobrescribimos al final para que todo el módulo siga el tema oscuro. */
html[data-theme="dark"] .admin-mode .workers-admin-section,
html[data-theme="dark"] .admin-mode .worker-directory-page,
html[data-theme="dark"] .admin-mode .worker-directory-card,
html[data-theme="dark"] .admin-mode .worker-detail-page,
html[data-theme="dark"] .admin-mode .worker-detail-hero,
html[data-theme="dark"] .admin-mode .worker-detail-card,
html[data-theme="dark"] .admin-mode .worker-detail-list .worker-detail-row,
html[data-theme="dark"] .admin-mode .worker-detail-grid > div {
  background:#111827!important;
  color:#eef2f7!important;
  border-color:#263244!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-hero{
  background:linear-gradient(135deg,#111827,#0f1724)!important;
}
html[data-theme="dark"] .admin-mode .worker-directory-card:hover{
  background:#151e2d!important;
  border-color:#3a4560!important;
}
html[data-theme="dark"] .admin-mode .worker-directory-avatar,
html[data-theme="dark"] .admin-mode .worker-detail-avatar{
  background:linear-gradient(145deg,#211b3a,#2a2144)!important;
  color:#c6b9ff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .admin-mode .worker-directory-main strong,
html[data-theme="dark"] .admin-mode .worker-directory-balance strong,
html[data-theme="dark"] .admin-mode .worker-detail-head h2,
html[data-theme="dark"] .admin-mode .worker-detail-balance strong,
html[data-theme="dark"] .admin-mode .worker-detail-grid strong,
html[data-theme="dark"] .admin-mode .worker-detail-row strong,
html[data-theme="dark"] .admin-mode .worker-detail-row > span,
html[data-theme="dark"] .admin-mode .worker-detail-card h2,
html[data-theme="dark"] .admin-mode .worker-detail-page .section h2{
  color:#f3f6fa!important;
}
html[data-theme="dark"] .admin-mode .worker-directory-main small,
html[data-theme="dark"] .admin-mode .worker-directory-balance small,
html[data-theme="dark"] .admin-mode .worker-detail-head p,
html[data-theme="dark"] .admin-mode .worker-detail-balance small,
html[data-theme="dark"] .admin-mode .worker-detail-grid span,
html[data-theme="dark"] .admin-mode .worker-detail-row small,
html[data-theme="dark"] .admin-mode .worker-detail-page .section-sub{
  color:#8d9aae!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-stats .detail-stat{
  color:#fff!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-stats .detail-stat *{
  color:#fff!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-actions .btn{
  background:#182130!important;
  color:#dbe3ec!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-actions .btn.purple,
html[data-theme="dark"] .admin-mode .worker-detail-actions .btn.green,
html[data-theme="dark"] .admin-mode .worker-detail-actions .btn.cyan{
  color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-actions .btn.red{
  background:#24171b!important;
  color:#ffb6bf!important;
  border-color:#5a3038!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-balance{
  border-color:#263244!important;
}
html[data-theme="dark"] .admin-mode .worker-detail-page .section,
html[data-theme="dark"] .admin-mode .worker-detail-page .worker-detail-card{
  color:#eef2f7!important;
}

/* La ficha de trabajador también debe recibir las reglas administrativas
   aunque su contenedor no lleve .admin-mode en algunas vistas antiguas. */
html[data-theme="dark"] .worker-detail-page,
html[data-theme="dark"] .worker-detail-hero,
html[data-theme="dark"] .worker-detail-card,
html[data-theme="dark"] .worker-detail-list .worker-detail-row,
html[data-theme="dark"] .worker-detail-grid > div{
  background:#111827!important;
  color:#eef2f7!important;
  border-color:#263244!important;
}
html[data-theme="dark"] .worker-detail-hero{
  background:linear-gradient(135deg,#111827,#0f1724)!important;
}
html[data-theme="dark"] .worker-detail-head h2,
html[data-theme="dark"] .worker-detail-balance strong,
html[data-theme="dark"] .worker-detail-grid strong,
html[data-theme="dark"] .worker-detail-row strong,
html[data-theme="dark"] .worker-detail-row > span{
  color:#f3f6fa!important;
}
html[data-theme="dark"] .worker-detail-head p,
html[data-theme="dark"] .worker-detail-balance small,
html[data-theme="dark"] .worker-detail-grid span,
html[data-theme="dark"] .worker-detail-row small{
  color:#8d9aae!important;
}

/* v144: organiza los datos del detalle del trabajador en cuadrantes verticales */
.worker-detail-page .worker-detail-stats{grid-template-columns:1fr;gap:10px}
.worker-detail-page .worker-detail-stats .detail-stat,
.worker-detail-page .worker-detail-stats .detail-stat.worker-stat-full{grid-column:1/-1;min-height:78px;display:flex;flex-direction:column;justify-content:center}
.worker-detail-page .worker-detail-grid{grid-template-columns:1fr;gap:9px}
.worker-detail-page .worker-detail-grid>div{width:100%;box-sizing:border-box;min-height:54px;display:flex;flex-direction:column;justify-content:center}

@media(max-width:650px){
  .worker-detail-page .worker-detail-stats{grid-template-columns:1fr}
  .worker-detail-page .worker-detail-grid{grid-template-columns:1fr}
}


/* v145 · Detalle del trabajador organizado por secciones */
.worker-activity-section .section-title{margin-bottom:10px;}
.worker-activity-section .section-title h2{display:flex;align-items:center;gap:8px;}
.worker-activity-section .pill{min-width:28px;text-align:center;}
.movement-amount.positive{color:#178a55!important;}
.movement-amount.negative{color:#c64350!important;}
html[data-theme="dark"] .movement-amount.positive{color:#65d39b!important;}
html[data-theme="dark"] .movement-amount.negative{color:#ff8792!important;}


/* v148: ficha de trabajador en una sola columna; la información de cuenta se abre al tocar el nombre. */
.admin-mode .worker-detail-page{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:14px!important;
}
.admin-mode .worker-detail-page > *{
  grid-column:1 / -1!important;
  min-width:0!important;
}
.worker-detail-page .worker-account-info[hidden]{display:none!important;}
.worker-name-trigger{
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  border-radius:14px;
  padding:7px 10px;
  margin:-7px 0 -7px -10px;
  transition:background .18s ease, transform .18s ease;
}
.worker-name-trigger:hover{background:rgba(108,76,242,.08);}
.worker-name-trigger:focus-visible{outline:2px solid rgba(108,76,242,.45);outline-offset:2px;}
.worker-name-trigger.is-open .worker-name-chevron{transform:rotate(180deg);}
.worker-name-chevron{display:inline-block;margin-left:4px;font-size:.8em;opacity:.7;transition:transform .18s ease;}
html[data-theme="dark"] .worker-name-trigger:hover{background:rgba(145,125,255,.1);}
html[data-theme="dark"] .worker-name-trigger:focus-visible{outline-color:rgba(168,145,255,.6);}
.worker-detail-page .worker-activity-section{width:100%!important;}


/* v64: tarjetas reutilizables de reportes mensuales */
.worker-month-list{display:grid;gap:9px;margin-top:4px}
.worker-month-card{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto 18px;align-items:center;gap:10px;padding:13px 12px;border:1px solid #e2e6ef;border-radius:17px;background:#fbfcff;text-align:left;color:#24304c;cursor:pointer;box-shadow:none;font:inherit}
.worker-month-card.current{border-color:#bfe8d7;background:linear-gradient(180deg,#fff,#f8fffb)}
.worker-month-card:hover{border-color:#d6cdfc;box-shadow:0 8px 18px rgba(67,55,128,.06)}
.worker-month-main{min-width:0}.worker-month-main strong{display:block;font-size:12px;font-weight:950;text-transform:capitalize}.worker-month-main small{display:inline-block;margin-top:4px;padding:3px 7px;border-radius:999px;background:#eafaf3;color:#169467;font-size:8px;font-weight:900}
.worker-month-metric,.worker-month-money{display:flex;flex-direction:column;align-items:flex-end;min-width:78px}.worker-month-metric b{font-size:14px;color:#26334f}.worker-month-money b{font-size:13px;color:#159b68;white-space:nowrap}.worker-month-metric small,.worker-month-money small{font-size:8px;color:#8993aa;margin-top:2px;white-space:nowrap}.worker-month-arrow{font-size:26px;line-height:1;color:#6c4af6;text-align:center}
.worker-month-report-modal{max-width:720px;width:min(720px,94vw);max-height:min(90vh,860px);overflow:auto}
.worker-month-report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} .worker-monthly-reports-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.worker-monthly-reports-head-actions .btn{width:auto;white-space:nowrap}.worker-month-report-head span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#6a4cf2;font-weight:950}.worker-month-report-head h3{margin:4px 0 0;font-size:19px;color:#1d2946}.worker-month-report-head p{margin:4px 0 0;font-size:9.5px;color:#8590a7}.worker-month-report-head .btn{width:auto;flex:none}
.worker-month-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.worker-month-stat{padding:11px;border:1px solid #e5e8f0;border-radius:15px;background:#fbfcff}.worker-month-stat.featured{border-color:#bee8d7;background:#f7fffb}.worker-month-stat small{display:block;font-size:8px;color:#8691a8;font-weight:800}.worker-month-stat strong{display:block;margin-top:4px;font-size:15px;color:#24304c}.worker-month-stat.featured strong{color:#149c69}.worker-month-stat span{display:block;margin-top:4px;font-size:8px;line-height:1.35;color:#8792aa}
.worker-month-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:10px 0;border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5}.worker-month-report-toolbar label{display:flex;align-items:center;gap:7px;font-size:9px;color:#7f899f;font-weight:900}.worker-month-report-toolbar select{min-width:160px;border:1px solid #dfe3ec;border-radius:11px;background:#fff;padding:9px 10px;color:#26334d;font:700 11px inherit}.worker-month-report-toolbar .btn{width:auto}
.worker-month-report-section{margin-top:13px}.worker-month-report-section h4{margin:0;color:#1f2b47;font-size:12px;font-weight:950}.worker-month-report-section .section-title{align-items:flex-start}.worker-month-report-section .section-title p{margin:4px 0 0;font-size:8.8px;color:#8792aa}.worker-month-detail-list{display:grid;gap:7px;margin-top:8px}.worker-month-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e7eaf1;border-radius:14px;background:#fff}.worker-month-detail-row>div{min-width:0}.worker-month-detail-row strong{display:block;font-size:10.5px;color:#283453;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-month-detail-row small{display:block;margin-top:3px;font-size:8.5px;color:#8993aa;line-height:1.4;white-space:normal}.worker-month-detail-row>span{font-size:12px;font-weight:950;color:#24304c;white-space:nowrap}.worker-month-report-note{margin-top:13px;padding:10px 11px;border-radius:13px;background:#f7f8fb;color:#7b859d;font-size:8.5px;line-height:1.45}
@media(max-width:700px){.worker-month-stat-grid{grid-template-columns:1fr 1fr}.worker-month-card{grid-template-columns:minmax(0,1fr) auto 18px}.worker-month-money{grid-column:2;grid-row:1}.worker-month-metric{grid-column:2;grid-row:2}.worker-month-arrow{grid-column:3;grid-row:1 / span 2}.worker-month-report-toolbar{align-items:stretch;flex-direction:column}.worker-month-report-toolbar label{justify-content:space-between}.worker-month-report-toolbar select{flex:1}.worker-month-report-toolbar .btn{width:100%!important}.worker-month-report-head{flex-direction:column}.worker-month-report-head .btn{width:100%!important}.worker-monthly-reports-head-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.worker-monthly-reports-head-actions .btn{flex:1 1 150px}.worker-monthly-reports-head-actions .modal-x{flex:0 0 auto}.worker-verifications-screen .section-title{display:flex;flex-direction:column;align-items:stretch;gap:10px}.worker-verifications-screen .worker-verification-month-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.worker-verifications-screen .worker-verification-month-actions .btn{flex:1 1 160px}.worker-verifications-screen .worker-verification-month-actions .pill{align-self:center}}
@media(max-width:420px){.worker-month-stat-grid{grid-template-columns:1fr}.worker-month-card{padding:11px 10px}.worker-month-main strong{font-size:11.5px}.worker-month-money b{font-size:12px}.worker-month-metric b{font-size:13px}}

/* v145: acceso directo al reporte del mes desde la sección Verificaciones. */
.worker-current-month-verifications .section-title{align-items:center;gap:12px}
.worker-current-month-label{font-size:.72em;font-weight:800;opacity:.72;white-space:nowrap}
.worker-verification-month-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.worker-verifications-screen .section-title{align-items:center}.worker-verifications-screen .worker-verification-month-actions .btn{width:auto;white-space:nowrap}.worker-verifications-screen .worker-verification-month-actions .btn:not(.purple){margin-left:0}
.worker-month-report-inline-btn{width:auto!important;white-space:nowrap}
@media(max-width:700px){
  .worker-current-month-verifications .section-title{align-items:stretch}
  .worker-verification-month-actions{justify-content:space-between;width:100%}
  .worker-month-report-inline-btn{min-height:38px;padding-inline:14px}
}

/* v152: cabecera de Reportes mensuales más limpia y estable en escritorio/móvil. */
.worker-verification-history-modal .profit-modal-head{
  align-items:center;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid #edf0f5;
}
.worker-verification-history-modal .profit-modal-head > div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.worker-verification-history-modal .profit-modal-head .profit-modal-kicker{
  margin-bottom:2px;
}
.worker-verification-history-modal .profit-modal-head h3{
  margin:2px 0 3px;
}
.worker-verification-history-modal .profit-modal-head p{
  line-height:1.35;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
  width:auto;
  flex-wrap:nowrap;
  margin-left:auto;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions .btn{
  width:auto!important;
  min-height:40px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  flex:0 0 auto!important;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x{
  width:40px!important;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  margin:0;
  border:1px solid #e4e0fb;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px!important;
  font-size:20px;
  line-height:1;
  background:#f7f5ff;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x:hover{
  background:#efebff;
}
@media(max-width:700px){
  .worker-verification-history-modal .profit-modal-head{
    flex-direction:row!important;
    align-items:center!important;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions{
    width:auto!important;
    max-width:none;
    flex-wrap:nowrap!important;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions .btn{
    flex:0 0 auto!important;
  }
}
@media(max-width:480px){
  .worker-verification-history-modal .profit-modal-head{gap:9px}
  .worker-verification-history-modal .worker-monthly-reports-head-actions .btn{
    min-height:38px;
    padding:0 10px;
    font-size:10px;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x{
    width:38px!important;
    min-width:38px;
    height:38px;
    min-height:38px;
    flex-basis:38px!important;
  }
}


/* v153: cabecera de Reportes mensuales: PDF conserva su posición y X queda fija en la esquina superior derecha. */
.worker-verification-history-modal .profit-modal-head{
  position:relative;
  padding-right:58px;
  overflow:visible;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions{
  margin-left:auto;
  margin-right:2px;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:0!important;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  line-height:1!important;
  background:#f4f2ff!important;
  color:#6a4ff4!important;
  flex:none!important;
  z-index:3;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x:hover{
  background:#ece8ff!important;
}
.worker-verification-history-modal .worker-monthly-reports-head-actions .btn{
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  .worker-verification-history-modal .profit-modal-head{
    padding-right:52px!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions{
    margin-left:auto!important;
    margin-right:0!important;
    width:auto!important;
    max-width:none!important;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions .btn{
    width:auto!important;
    flex:0 0 auto!important;
    min-height:40px;
    padding:0 13px;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x{
    top:8px!important;
    right:8px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }
}
@media(max-width:480px){
  .worker-verification-history-modal .profit-modal-head{
    padding-right:48px!important;
    gap:8px!important;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions .btn{
    min-height:38px;
    padding:0 10px;
    font-size:10px;
  }
  .worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x{
    top:7px!important;
    right:7px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    font-size:20px!important;
    flex-basis:30px!important;
  }
}


/* v162: modo oscuro completo para el módulo de trabajador, compras y reportes mensuales. */
html[data-theme="dark"] .compras-page .compras-hero,
html[data-theme="dark"] .compras-page .compras-card,
html[data-theme="dark"] .compras-page .compras-link,
html[data-theme="dark"] .worker-stats-page,
html[data-theme="dark"] .worker-stats-entry-btn,
html[data-theme="dark"] .worker-month-card,
html[data-theme="dark"] .worker-month-report-modal,
html[data-theme="dark"] .worker-month-stat,
html[data-theme="dark"] .worker-month-detail-row,
html[data-theme="dark"] .worker-month-report-note,
html[data-theme="dark"] .worker-month-report-toolbar,
html[data-theme="dark"] .profit-history-modal,
html[data-theme="dark"] .profit-summary-card,
html[data-theme="dark"] .profit-month-card,
html[data-theme="dark"] .worker-verification-history-screen,
html[data-theme="dark"] .purchase-request-card,
html[data-theme="dark"] .purchase-request-row,
html[data-theme="dark"] .purchase-request-item,
html[data-theme="dark"] .purchase-request-detail-item,
html[data-theme="dark"] .purchase-request-note,
html[data-theme="dark"] .pounds-request-card{
  background:#111827!important;
  border-color:#2b374a!important;
  color:#eef2f7!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .compras-page .compras-hero{
  background:linear-gradient(135deg,#18152a,#221828)!important;
}
html[data-theme="dark"] .compras-logo{
  box-shadow:0 9px 20px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] .compras-hero h2,
html[data-theme="dark"] .compras-card h2,
html[data-theme="dark"] .worker-month-report-head h3,
html[data-theme="dark"] .worker-month-report-section h4,
html[data-theme="dark"] .worker-month-main strong,
html[data-theme="dark"] .worker-month-detail-row strong,
html[data-theme="dark"] .worker-month-detail-row>span,
html[data-theme="dark"] .worker-month-stat strong,
html[data-theme="dark"] .profit-modal-head h3,
html[data-theme="dark"] .profit-month-main strong,
html[data-theme="dark"] .profit-month-total,
html[data-theme="dark"] .purchase-request-row-main strong,
html[data-theme="dark"] .purchase-request-detail-copy strong,
html[data-theme="dark"] .pounds-request-card strong{
  color:#f3f6fa!important;
}
html[data-theme="dark"] .compras-hero p,
html[data-theme="dark"] .compras-card .section-sub,
html[data-theme="dark"] .worker-month-report-head p,
html[data-theme="dark"] .worker-month-report-section .section-title p,
html[data-theme="dark"] .worker-month-stat small,
html[data-theme="dark"] .worker-month-stat span,
html[data-theme="dark"] .worker-month-detail-row small,
html[data-theme="dark"] .worker-month-report-note,
html[data-theme="dark"] .worker-month-report-toolbar-note,
html[data-theme="dark"] .profit-modal-head p,
html[data-theme="dark"] .purchase-request-row-main small,
html[data-theme="dark"] .purchase-request-detail-copy small,
html[data-theme="dark"] .purchase-request-note p,
html[data-theme="dark"] .pounds-request-card span{
  color:#8d9aae!important;
}
html[data-theme="dark"] .worker-month-card.current,
html[data-theme="dark"] .worker-month-stat.featured{
  background:linear-gradient(180deg,#16231f,#122019)!important;
  border-color:#2f6f59!important;
}
html[data-theme="dark"] .worker-month-main small,
html[data-theme="dark"] .profit-month-main small{
  background:#123426!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] .worker-month-arrow,
html[data-theme="dark"] .worker-month-arrow,
html[data-theme="dark"] .profit-month-chevron{color:#a99af7!important}
html[data-theme="dark"] .worker-month-report-toolbar{border-top-color:#263244!important;border-bottom-color:#263244!important}
html[data-theme="dark"] .worker-month-report-toolbar select{background:#0f1724!important;color:#f3f6fa!important;border-color:#2b374a!important}
html[data-theme="dark"] .worker-month-report-head .btn:not(.purple),
html[data-theme="dark"] .worker-month-report-toolbar .btn:not(.purple),
html[data-theme="dark"] .worker-monthly-reports-head-actions .modal-x{
  background:#182130!important;
  border-color:#2b374a!important;
  color:#dbe3ec!important;
}
html[data-theme="dark"] .worker-verification-history-modal .profit-modal-head{border-bottom-color:#263244!important}
html[data-theme="dark"] .worker-verification-history-modal .worker-monthly-reports-head-actions .modal-x{background:#211d39!important;color:#c8bbff!important;border-color:#3a3158!important}
html[data-theme="dark"] .worker-month-detail-row{box-shadow:none!important}
html[data-theme="dark"] .purchase-request-total-card{background:linear-gradient(135deg,#211a38,#2a1e39)!important;border-color:#3a3158!important}
html[data-theme="dark"] .purchase-request-total-card span,
html[data-theme="dark"] .purchase-request-total-card small{color:#9ba6b8!important}
html[data-theme="dark"] .purchase-request-total-card strong{color:#c2b4ff!important}
html[data-theme="dark"] .purchase-request-proof-link .btn,
html[data-theme="dark"] .compras-link{background:#182130!important;border-color:#2b374a!important;color:#dbe3ec!important}
html[data-theme="dark"] .worker-stats-entry-btn strong,
html[data-theme="dark"] .worker-stats-entry-btn small{color:#eef2f7!important}
html[data-theme="dark"] .worker-stats-entry-btn small{color:#8d9aae!important}

/* v165 · Tema oscuro del trabajador: prioridad alta sobre estilos históricos.
   El trabajador no usa .admin-mode; estas reglas cubren sus pantallas y
   restauran los colores semánticos de iconos/estados que no deben volverse blancos. */
html[data-theme="dark"] #appView .apk-activity-icon.pending{
  background:#3a2b18!important;
  color:#f6bd67!important;
}
html[data-theme="dark"] #appView .apk-activity-icon.verified{
  background:#123426!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] #appView .apk-activity-icon.cancelled{
  background:#3a2024!important;
  color:#ff9a9f!important;
}
html[data-theme="dark"] #appView .apk-activity-icon.purchase,
html[data-theme="dark"] #appView .apk-activity-icon.pounds{
  background:#211a38!important;
  color:#c5b8ff!important;
}

html[data-theme="dark"] #appView .apk-activity-right small.pending,
html[data-theme="dark"] #appView .transaction-right small.pending{
  background:#3a2b18!important;
  color:#f6bd67!important;
}
html[data-theme="dark"] #appView .apk-activity-right small.verified,
html[data-theme="dark"] #appView .transaction-right small.verified{
  background:#123426!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] #appView .apk-activity-right small.cancelled,
html[data-theme="dark"] #appView .transaction-right small.cancelled{
  background:#3a2024!important;
  color:#ff9a9f!important;
}

html[data-theme="dark"] #appView .transaction-icon.pending{
  background:#3a2b18!important;
  color:#f6bd67!important;
}
html[data-theme="dark"] #appView .transaction-icon.verified{
  background:#123426!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] #appView .transaction-icon.cancelled{
  background:#3a2024!important;
  color:#ff9a9f!important;
}

/* Iconos dentro de botones/tarjetas del trabajador. */
html[data-theme="dark"] #appView .icon-badge.violet{
  background:#2b2348!important;
  color:#c8bbff!important;
}
html[data-theme="dark"] #appView .icon-badge.green{
  background:#123426!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] #appView .icon-badge.gray{
  background:#202a39!important;
  color:#aeb9c8!important;
}
html[data-theme="dark"] #appView .balance-icon,
html[data-theme="dark"] #appView .verify-option-arrow{
  background:#211b39!important;
  border-color:#3b315b!important;
  color:#c7baff!important;
}
html[data-theme="dark"] #appView .purchase-type-icon.purchase,
html[data-theme="dark"] #appView .purchase-guide-icon{
  background:#211b39!important;
  color:#c7baff!important;
}
html[data-theme="dark"] #appView .purchase-type-icon.pounds{
  background:#123426!important;
  color:#8be1bb!important;
}

/* Pills/etiquetas no deben heredar el blanco global del modo oscuro. */
html[data-theme="dark"] #appView .pill{
  background:#182130!important;
  border-color:#2b374a!important;
  color:#aeb9c8!important;
}
html[data-theme="dark"] #appView .worker-current-month-label{
  color:#9aa7ba!important;
}
html[data-theme="dark"] #appView .movement-amount.positive{
  color:#65d39b!important;
}
html[data-theme="dark"] #appView .movement-amount.negative{
  color:#ff8792!important;
}

/* Estados en detalles/modales del trabajador. */
html[data-theme="dark"] #appView .payment-detail-field strong.pending{
  color:#f6bd67!important;
}
html[data-theme="dark"] #appView .payment-detail-field strong.verified{
  color:#8be1bb!important;
}
html[data-theme="dark"] #appView .payment-detail-field strong.cancelled{
  color:#ff9a9f!important;
}
html[data-theme="dark"] #appView .payment-detail-status{
  background:#211d39!important;
  border-color:#3a3158!important;
  color:#d8d0ff!important;
}
html[data-theme="dark"] #appView .payment-detail-status.cancelled-status{
  background:#3a2024!important;
  border-color:#5a3038!important;
  color:#ffb0b7!important;
}

/* Compras y su historial: superficies interiores también siguen el tema. */
html[data-theme="dark"] #appView .purchase-history-item,
html[data-theme="dark"] #appView .purchase-info-grid>div,
html[data-theme="dark"] #appView .purchase-explanation,
html[data-theme="dark"] #appView .purchase-balance-row{
  background:#111827!important;
  border-color:#263244!important;
  color:#dbe3ec!important;
}
html[data-theme="dark"] #appView .purchase-type-wrap strong,
html[data-theme="dark"] #appView .purchase-total,
html[data-theme="dark"] #appView .purchase-info-grid strong,
html[data-theme="dark"] #appView .purchase-balance-row strong{
  color:#eef2f7!important;
}
html[data-theme="dark"] #appView .purchase-type-wrap small,
html[data-theme="dark"] #appView .purchase-info-grid span,
html[data-theme="dark"] #appView .purchase-explanation,
html[data-theme="dark"] #appView .purchase-balance-row,
html[data-theme="dark"] #appView .purchase-history-foot{
  color:#8d9aae!important;
}

/* Formularios, permisos y perfil del trabajador. */
html[data-theme="dark"] #appView .profile-header,
html[data-theme="dark"] #appView .profile-data,
html[data-theme="dark"] #appView .profile-action,
html[data-theme="dark"] #appView .profile-note,
html[data-theme="dark"] #appView .worker-permission-toggle,
html[data-theme="dark"] #appView .theme-preference{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] #appView .profile-row{border-color:#263244!important}
html[data-theme="dark"] #appView .profile-row span,
html[data-theme="dark"] #appView .profile-action small,
html[data-theme="dark"] #appView .profile-header p,
html[data-theme="dark"] #appView .profile-note small,
html[data-theme="dark"] #appView .worker-permissions-title{
  color:#8d9aae!important;
}
html[data-theme="dark"] #appView .profile-row strong,
html[data-theme="dark"] #appView .profile-action strong,
html[data-theme="dark"] #appView .profile-note strong,
html[data-theme="dark"] #appView .worker-permission-toggle{
  color:#eef2f7!important;
}
html[data-theme="dark"] #appView .profile-avatar{
  background:linear-gradient(145deg,#211b3a,#2a2144)!important;
  border-color:#3b315b!important;
  color:#c8bbff!important;
}

/* Los componentes coloreados conservan su función visual. */
html[data-theme="dark"] #appView .motivation-card{
  background:linear-gradient(135deg,#1d1a28,#211d2c)!important;
  border-color:#3a3151!important;
}
html[data-theme="dark"] #appView .motivation-icon{
  background:#2b2348!important;
  color:#c8bbff!important;
}
html[data-theme="dark"] #appView .channel-verify-summary{
  background:#0f1724!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] #appView .channel-verify-badge{
  background:#123426!important;
  border-color:#214d3b!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] #appView .channel-verify-amount{color:#c5b7ff!important}
html[data-theme="dark"] #appView .channel-verify-row{border-color:#263244!important}
html[data-theme="dark"] #appView .channel-verify-row span{color:#8d9aae!important}
html[data-theme="dark"] #appView .channel-verify-row strong{color:#eef2f7!important}

/* Evita que los iconos SVG hereden blanco en contenedores que tienen color semántico. */
html[data-theme="dark"] #appView .apk-activity-icon.pending .ui-icon,
html[data-theme="dark"] #appView .transaction-icon.pending .ui-icon{color:#f6bd67!important}
html[data-theme="dark"] #appView .apk-activity-icon.verified .ui-icon,
html[data-theme="dark"] #appView .transaction-icon.verified .ui-icon{color:#8be1bb!important}
html[data-theme="dark"] #appView .apk-activity-icon.cancelled .ui-icon,
html[data-theme="dark"] #appView .transaction-icon.cancelled .ui-icon{color:#ff9a9f!important}

/* Navegación móvil: icono y etiqueta activos, siempre legibles. */
@media(max-width:899px){
  html[data-theme="dark"] #appView .bottom-nav{
    background:#111827!important;
    border-top-color:#263244!important;
  }
  html[data-theme="dark"] #appView .bottom-btn{color:#8f9bad!important}
  html[data-theme="dark"] #appView .bottom-btn.active,
  html[data-theme="dark"] #appView .bottom-btn.active *{color:#d7cbff!important}
  html[data-theme="dark"] #appView .bottom-btn.verify-nav .verify-plus{color:inherit!important}
}

/* v166: en móvil, los controles de la ficha administrativa del trabajador
   deben permanecer dentro del ancho visible. Antes se desbordaban hacia
   la derecha porque .section-title mantenía una sola fila. */
@media (max-width: 700px){
  .admin-mode .workers-admin-section .section-title{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    row-gap:10px!important;
  }
  .admin-mode .workers-admin-section .section-title > div{
    min-width:0!important;
    flex:1 1 100%!important;
  }
  .admin-mode .workers-admin-section .section-title > .btn{
    width:auto!important;
    max-width:100%!important;
  }

  .admin-mode .worker-activity-section .section-title{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
  }
  .admin-mode .worker-activity-section .section-title > div{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .admin-mode .worker-activity-section .section-title h2{
    min-width:0!important;
    flex-wrap:wrap!important;
    line-height:1.25!important;
  }
  .admin-mode .worker-current-month-label{
    white-space:normal!important;
  }
  .admin-mode .worker-verification-month-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    width:100%!important;
    min-width:0!important;
  }
  .admin-mode .worker-verification-month-actions .worker-month-report-inline-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 180px!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
  .admin-mode .worker-verification-month-actions .pill{
    flex:0 0 auto!important;
    align-self:center!important;
  }

  .admin-mode .worker-detail-actions{
    width:100%!important;
    min-width:0!important;
  }
  .admin-mode .worker-detail-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* v171 · Ajuste final de tema claro/oscuro para Compras y modales del trabajador.
   Solo visual: no cambia HTML, PHP, API ni lógica de negocio. */

/* ---------- TEMA CLARO ---------- */
html[data-theme="light"] body,
html[data-theme="light"] .app,
html[data-theme="light"] .app-shell{
  background:#f5f7fc!important;
  color:#18213f!important;
}
html[data-theme="light"] .topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:#e2e7f0!important;
  color:#18213f!important;
}
html[data-theme="light"] .top-title{color:#18213f!important}
html[data-theme="light"] .top-sub{color:#74809a!important}
html[data-theme="light"] .section,
html[data-theme="light"] .compras-page,
html[data-theme="light"] .account-history,
html[data-theme="light"] .profile-page{
  background:#fff!important;
  border-color:#e2e7f0!important;
  color:#18213f!important;
}
html[data-theme="light"] #appView .section-title h2,
html[data-theme="light"] #appView .section h2,
html[data-theme="light"] #appView .detail-name,
html[data-theme="light"] #appView .worker-name,
html[data-theme="light"] #appView .total,
html[data-theme="light"] #appView .stat strong{
  color:#18213f!important;
}
html[data-theme="light"] #appView .section-sub,
html[data-theme="light"] #appView .meta,
html[data-theme="light"] #appView .worker-mode,
html[data-theme="light"] #appView .home-card small,
html[data-theme="light"] #appView .balance-meta,
html[data-theme="light"] #appView .money-label,
html[data-theme="light"] #appView .field span{
  color:#74809a!important;
}
html[data-theme="light"] #appView .home-card,
html[data-theme="light"] #appView .list-item,
html[data-theme="light"] #appView .transaction-item,
html[data-theme="light"] #appView .profile-action,
html[data-theme="light"] #appView .purchase-history-item,
html[data-theme="light"] #appView .purchase-request-card,
html[data-theme="light"] #appView .purchase-request-row,
html[data-theme="light"] #appView .purchase-request-item,
html[data-theme="light"] #appView .purchase-request-detail-item,
html[data-theme="light"] #appView .purchase-request-worker-summary,
html[data-theme="light"] #appView .pounds-request-card{
  background:#fff!important;
  border-color:#e3e7ef!important;
  color:#24304c!important;
}
html[data-theme="light"] #appView input,
html[data-theme="light"] #appView select,
html[data-theme="light"] #appView textarea,
html[data-theme="light"] #appView .search input,
html[data-theme="light"] #appView .input-money{
  background:#fff!important;
  border-color:#dfe4ed!important;
  color:#1d2742!important;
  box-shadow:none!important;
}
html[data-theme="light"] #appView input::placeholder,
html[data-theme="light"] #appView textarea::placeholder{
  color:#9aa3b3!important;
  opacity:1!important;
}

/* Modal de solicitud: claro y con contraste estable. */
html[data-theme="light"] .modal-backdrop{background:rgba(34,42,68,.34)!important}
html[data-theme="light"] .modal,
html[data-theme="light"] .purchase-request-modal{
  background:#fff!important;
  border-color:#e1e6ef!important;
  color:#18213f!important;
  box-shadow:0 30px 90px rgba(42,48,86,.18)!important;
}
html[data-theme="light"] .purchase-request-head h3,
html[data-theme="light"] .modal h3{color:#18213f!important}
html[data-theme="light"] .purchase-request-head p{color:#73809a!important}
html[data-theme="light"] .purchase-request-kicker{color:#7257e8!important}
html[data-theme="light"] .modal-x{
  background:#f4f2ff!important;
  border-color:transparent!important;
  color:#6a4ff4!important;
}
html[data-theme="light"] .purchase-request-product-box,
html[data-theme="light"] .purchase-request-items-wrap,
html[data-theme="light"] .amazon-request-item,
html[data-theme="light"] .amazon-item-count-control{
  background:#fbfcff!important;
  border-color:#e1e6ef!important;
  color:#24304c!important;
}
html[data-theme="light"] .purchase-request-box-title strong,
html[data-theme="light"] .purchase-request-item-head strong,
html[data-theme="light"] .purchase-request-detail-copy strong,
html[data-theme="light"] .purchase-request-shein-copy strong,
html[data-theme="light"] .amazon-item-count-head strong{
  color:#25304b!important;
}
html[data-theme="light"] .purchase-request-box-title small,
html[data-theme="light"] .purchase-request-item-meta span,
html[data-theme="light"] .purchase-request-detail-copy small,
html[data-theme="light"] .purchase-request-shein-copy p,
html[data-theme="light"] .amazon-item-count-head span,
html[data-theme="light"] .amazon-item-count-scale{
  color:#7f8aa0!important;
}
html[data-theme="light"] .purchase-request-item-meta span{
  background:#f3f5fa!important;
}
html[data-theme="light"] .purchase-request-remove{
  background:#f3f5f8!important;
  color:#7f899d!important;
}
html[data-theme="light"] .pounds-request-card,
html[data-theme="light"] .purchase-request-pound-admin-card{
  background:#fbfcff!important;
  border-color:#dfe5ef!important;
}
html[data-theme="light"] .pounds-request-card>div,
html[data-theme="light"] .purchase-request-pound-admin-card>div{
  background:#fff!important;
  border-color:#e4e8f0!important;
}
html[data-theme="light"] .pounds-request-card span,
html[data-theme="light"] .purchase-request-pound-admin-card span{
  color:#7c879d!important;
}
html[data-theme="light"] .pounds-request-card strong,
html[data-theme="light"] .purchase-request-pound-admin-card strong{
  color:#24304c!important;
}
html[data-theme="light"] .money-box{
  background:linear-gradient(135deg,#f3f0ff,#fbf9ff)!important;
  border-color:#e0dafb!important;
  color:#24304c!important;
}
html[data-theme="light"] .money-box .money-label{color:#78849c!important}
html[data-theme="light"] .money-box .money-value{
  color:#4056e8!important;
  font-weight:950!important;
}
html[data-theme="light"] .purchase-request-total-card{
  background:linear-gradient(135deg,#f4f0ff,#fbf8ff)!important;
  border-color:#e1dbf7!important;
}
html[data-theme="light"] .purchase-request-total-card span{color:#78849c!important}
html[data-theme="light"] .purchase-request-total-card strong{color:#6244df!important}
html[data-theme="light"] .purchase-request-total-card small{color:#8993a8!important}
html[data-theme="light"] .purchase-request-safe-note,
html[data-theme="light"] .purchase-request-worker-summary-note{
  background:#f4f1ff!important;
  border-color:#e6ddff!important;
  color:#66549f!important;
}
html[data-theme="light"] .purchase-request-note{
  background:#f7f8fb!important;
  border-color:#e8ebf2!important;
}
html[data-theme="light"] .purchase-request-note strong{color:#66728c!important}
html[data-theme="light"] .purchase-request-note p{color:#4a556d!important}
html[data-theme="light"] .purchase-request-row-right strong{color:#1b9b6a!important}
html[data-theme="light"] .purchase-request-row-right span{color:#8d96a8!important}
html[data-theme="light"] .compras-pounds-btn{
  background:#effbf6!important;
  color:#168b61!important;
  border-color:#c8ebdc!important;
}
html[data-theme="light"] .modal .btn:not(.purple):not(.green):not(.cyan):not(.red){
  background:#f5f7fb!important;
  border-color:#dfe4ed!important;
  color:#42506b!important;
}

/* ---------- TEMA OSCURO ---------- */
html[data-theme="dark"] body,
html[data-theme="dark"] .app,
html[data-theme="dark"] .app-shell{
  background:#0b1220!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .topbar{
  background:rgba(17,24,39,.97)!important;
  border-bottom-color:#263244!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .top-title{color:#f3f6fa!important}
html[data-theme="dark"] .top-sub{color:#8592a6!important}
html[data-theme="dark"] .section,
html[data-theme="dark"] .compras-page,
html[data-theme="dark"] .account-history,
html[data-theme="dark"] .profile-page{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] #appView .section-title h2,
html[data-theme="dark"] #appView .section h2,
html[data-theme="dark"] #appView .detail-name,
html[data-theme="dark"] #appView .worker-name,
html[data-theme="dark"] #appView .total,
html[data-theme="dark"] #appView .stat strong{
  color:#f3f6fa!important;
}
html[data-theme="dark"] #appView .section-sub,
html[data-theme="dark"] #appView .meta,
html[data-theme="dark"] #appView .worker-mode,
html[data-theme="dark"] #appView .home-card small,
html[data-theme="dark"] #appView .balance-meta,
html[data-theme="dark"] #appView .money-label,
html[data-theme="dark"] #appView .field span{
  color:#8d9aae!important;
}
html[data-theme="dark"] #appView .home-card,
html[data-theme="dark"] #appView .list-item,
html[data-theme="dark"] #appView .transaction-item,
html[data-theme="dark"] #appView .profile-action,
html[data-theme="dark"] #appView .purchase-history-item,
html[data-theme="dark"] #appView .purchase-request-card,
html[data-theme="dark"] #appView .purchase-request-row,
html[data-theme="dark"] #appView .purchase-request-item,
html[data-theme="dark"] #appView .purchase-request-detail-item,
html[data-theme="dark"] #appView .purchase-request-worker-summary,
html[data-theme="dark"] #appView .pounds-request-card{
  background:#111827!important;
  border-color:#263244!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] #appView input,
html[data-theme="dark"] #appView select,
html[data-theme="dark"] #appView textarea,
html[data-theme="dark"] #appView .search input,
html[data-theme="dark"] #appView .input-money{
  background:#0f1724!important;
  border-color:#2b374a!important;
  color:#f3f6fa!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #appView input::placeholder,
html[data-theme="dark"] #appView textarea::placeholder{
  color:#66758a!important;
  opacity:1!important;
}

/* Modal de solicitud: oscuro real, sin textos blancos sobre superficies claras. */
html[data-theme="dark"] .modal-backdrop{background:rgba(3,7,18,.72)!important}
html[data-theme="dark"] .modal,
html[data-theme="dark"] .purchase-request-modal{
  background:#111827!important;
  border-color:#2b374a!important;
  color:#eef2f7!important;
  box-shadow:0 30px 90px rgba(0,0,0,.38)!important;
}
html[data-theme="dark"] .purchase-request-head h3,
html[data-theme="dark"] .modal h3{color:#f7f9fb!important}
html[data-theme="dark"] .purchase-request-head p{color:#8d9aae!important}
html[data-theme="dark"] .purchase-request-kicker{color:#a895ff!important}
html[data-theme="dark"] .modal-x{
  background:#211d39!important;
  border-color:#3a3158!important;
  color:#c8bbff!important;
}
html[data-theme="dark"] .purchase-request-product-box,
html[data-theme="dark"] .purchase-request-items-wrap,
html[data-theme="dark"] .amazon-request-item,
html[data-theme="dark"] .amazon-item-count-control{
  background:#0f1724!important;
  border-color:#2b374a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .purchase-request-box-title strong,
html[data-theme="dark"] .purchase-request-item-head strong,
html[data-theme="dark"] .purchase-request-detail-copy strong,
html[data-theme="dark"] .purchase-request-shein-copy strong,
html[data-theme="dark"] .amazon-item-count-head strong{
  color:#eef2f7!important;
}
html[data-theme="dark"] .purchase-request-box-title small,
html[data-theme="dark"] .purchase-request-item-meta span,
html[data-theme="dark"] .purchase-request-detail-copy small,
html[data-theme="dark"] .purchase-request-shein-copy p,
html[data-theme="dark"] .amazon-item-count-head span,
html[data-theme="dark"] .amazon-item-count-scale{
  color:#8d9aae!important;
}
html[data-theme="dark"] .purchase-request-item-meta span{
  background:#182130!important;
}
html[data-theme="dark"] .purchase-request-remove{
  background:#182130!important;
  color:#a0abba!important;
}
html[data-theme="dark"] .pounds-request-card,
html[data-theme="dark"] .purchase-request-pound-admin-card{
  background:#151d2c!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] .pounds-request-card>div,
html[data-theme="dark"] .purchase-request-pound-admin-card>div{
  background:#0f1724!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] .pounds-request-card span,
html[data-theme="dark"] .purchase-request-pound-admin-card span{
  color:#97a2b7!important;
}
html[data-theme="dark"] .pounds-request-card strong,
html[data-theme="dark"] .purchase-request-pound-admin-card strong{
  color:#f3f6fa!important;
}
html[data-theme="dark"] .money-box{
  background:linear-gradient(135deg,#18152a,#21182d)!important;
  border-color:#3a3158!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .money-box .money-label{color:#9aa7ba!important}
html[data-theme="dark"] .money-box .money-value{
  color:#c8bbff!important;
  font-weight:950!important;
}
html[data-theme="dark"] .purchase-request-total-card{
  background:linear-gradient(135deg,#211a38,#2a1e39)!important;
  border-color:#3a3158!important;
}
html[data-theme="dark"] .purchase-request-total-card span{color:#9ba6b8!important}
html[data-theme="dark"] .purchase-request-total-card strong{color:#c2b4ff!important}
html[data-theme="dark"] .purchase-request-total-card small{color:#8996aa!important}
html[data-theme="dark"] .purchase-request-safe-note,
html[data-theme="dark"] .purchase-request-worker-summary-note{
  background:#241c42!important;
  border-color:#3b3261!important;
  color:#c2b6ef!important;
}
html[data-theme="dark"] .purchase-request-note{
  background:#0f1724!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] .purchase-request-note strong{color:#aeb9c8!important}
html[data-theme="dark"] .purchase-request-note p{color:#c0c9d5!important}
html[data-theme="dark"] .purchase-request-row-right strong{color:#65d39b!important}
html[data-theme="dark"] .purchase-request-row-right span{color:#8d9aae!important}
html[data-theme="dark"] .compras-pounds-btn{
  background:#123426!important;
  color:#8be1bb!important;
  border-color:#275740!important;
}
html[data-theme="dark"] .modal .btn:not(.purple):not(.green):not(.cyan):not(.red){
  background:#182130!important;
  border-color:#2b374a!important;
  color:#dbe3ec!important;
}

/* Consistencia en ambos temas para la zona inferior de acciones. */
html[data-theme="light"] .compras-worker-actions-only{
  background:#fff!important;
  border-color:#e2e7ef!important;
}
html[data-theme="dark"] .compras-worker-actions-only{
  background:#111827!important;
  border-color:#263244!important;
}
html[data-theme="dark"] .compras-worker-actions-only .btn:not(.purple){
  background:#123426!important;
  border-color:#2b5b47!important;
  color:#8be1bb!important;
}
html[data-theme="dark"] .compras-worker-actions-only .btn.purple,
html[data-theme="light"] .compras-worker-actions-only .btn.purple{
  color:#fff!important;
}

/* v172 · Ajuste final responsive: teléfono, tablet y PC separados y centrados.
   Solo presentación/espaciado; no cambia la lógica de la aplicación. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
#appView{width:100%;min-width:0}
.app-shell{width:100%;min-width:0;box-sizing:border-box}
.screen{width:100%;min-width:0;box-sizing:border-box}
.screen>*{min-width:0;max-width:100%}
.section,.compras-page,.compras-card,.compras-hero,.worker-activity-section,.purchase-request-card{width:100%;min-width:0;box-sizing:border-box}
.section-title>div{min-width:0;flex:1}
.section-title h2,.section-title p,.compras-hero h2,.compras-hero p{max-width:100%;overflow-wrap:anywhere}
.compras-page{margin-left:auto;margin-right:auto}
.compras-hero{overflow:hidden}
.compras-request-actions{min-width:0}
.compras-request-actions .btn{min-width:0;box-sizing:border-box}

/* Teléfono */
@media(max-width:599px){
  body[data-device="phone"] .app-shell,
  body[data-device="phone"] .bottom-nav{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  body[data-device="phone"] .screen{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-top:14px!important;padding-bottom:30px!important}
  body[data-device="phone"] .topbar{width:100%;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  .compras-page{gap:10px}
  .compras-hero{padding:14px!important;gap:11px}
  .compras-logo{width:48px;height:48px;border-radius:16px;flex:0 0 48px}
  .compras-hero h2{font-size:17px}
  .compras-hero p{font-size:9.5px}
  .compras-worker-actions-only{padding:16px 12px!important}
  .compras-worker-actions-only .compras-request-actions{width:100%;max-width:520px;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;justify-content:center!important}
  .compras-worker-actions-only .compras-request-actions .btn{width:100%!important;min-width:0!important;min-height:50px!important;padding:11px 8px!important;font-size:13px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
  .compras-worker-actions-only .compras-request-actions .btn .ui-icon{flex:0 0 auto}
  .worker-detail-row{min-width:0}
  .purchase-request-row{min-width:0}
  .purchase-request-row-main{min-width:0;overflow:hidden}
  .purchase-request-row-main strong,.purchase-request-row-main small{overflow-wrap:anywhere}
  .purchase-request-row-right{min-width:0;flex:0 0 auto}
  .purchase-request-modal{width:calc(100vw - 20px)!important;max-width:560px!important;box-sizing:border-box!important}
  .modal-backdrop{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
}

@media(max-width:390px){
  .compras-worker-actions-only .compras-request-actions{grid-template-columns:1fr!important;max-width:300px!important}
  .compras-worker-actions-only .compras-request-actions .btn{font-size:14px!important;min-height:48px!important}
  .section{padding:13px!important}
  .section-title{align-items:flex-start}
  .section-title .pill{flex:0 0 auto}
}

/* Tablet */
@media(min-width:600px) and (max-width:899px){
  body[data-device="tablet"] .app-shell{width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
  body[data-device="tablet"] .screen{padding-left:20px!important;padding-right:20px!important}
  body[data-device="tablet"] .topbar{padding-left:20px!important;padding-right:20px!important}
  body[data-device="tablet"] .bottom-nav{width:min(760px,100%)!important;margin-left:auto!important;margin-right:auto!important}
}

/* PC */
@media(min-width:900px){
  body[data-device="desktop"]:not(.admin-body){
    overflow-x:hidden!important;
  }
  body[data-device="desktop"]:not(.admin-body) .app-shell{
    width:min(920px,calc(100vw - 40px))!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body[data-device="desktop"]:not(.admin-body) .screen{
    width:100%!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:24px 28px 34px!important;
  }
  body[data-device="desktop"]:not(.admin-body) .topbar{
    width:100%!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  body[data-device="desktop"]:not(.admin-body) .bottom-nav{
    width:min(920px,calc(100vw - 40px))!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body[data-device="desktop"]:not(.admin-body) .compras-page{max-width:100%!important}
  body[data-device="desktop"]:not(.admin-body) .compras-worker-actions-only .compras-request-actions{width:min(620px,100%);margin-left:auto!important;margin-right:auto!important}
}

/* v182: edición completa de verificación/pago y borrado de pagos pendientes. */
.verification-edit-subgrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.verification-edit-full{grid-column:1/-1!important}
.verification-edit-info{grid-column:1/-1;padding:11px 13px;border:1px solid #e5e8f0;border-radius:12px;background:#f8f9fc;color:#64708a;font-size:11px;font-weight:600}
.verification-edit-warning{margin-top:12px;padding:11px 13px;border:1px solid #e6e9f1;border-radius:12px;background:#fafbfe;color:#66728a;font-size:10px;line-height:1.45}
@media(max-width:760px){.verification-edit-subgrid{grid-template-columns:1fr}.verification-edit-full{grid-column:1/-1!important}}
html[data-theme="dark"] .verification-edit-info{background:#182131;border-color:#2b374a;color:#aab6c8}
html[data-theme="dark"] .verification-edit-warning{background:#161e2b;border-color:#2b374a;color:#aab6c8}

/* v184 — corrección quirúrgica de contraste. Basado en v182; no reemplaza la paleta existente. */
html[data-theme="light"] #appView #purchaseBreakdown{color:#667085!important}
html[data-theme="dark"] #appView #purchaseBreakdown{color:#c0c9d5!important}
html[data-theme="light"] .modal p[style*="color:#8791aa"],
html[data-theme="light"] .modal p[style*="color: #8791aa"]{color:#7d899e!important}
html[data-theme="dark"] .modal p[style*="color:#8791aa"],
html[data-theme="dark"] .modal p[style*="color: #8791aa"]{color:#8d9aae!important}


/* v185 — Contraste puntual de botones rojos en detalle de verificación.
   Evita texto blanco sobre fondo rosa claro en tema claro y conserva contraste en oscuro. */
html[data-theme="light"] .admin-mode .verification-details-modal .btn.red,
html[data-theme="light"] .admin-mode .verification-details-modal .btn.red *{
  background:#fff0f3!important;
  color:#c73f4e!important;
  border-color:#f2c7ce!important;
}
html[data-theme="light"] .admin-mode .verification-details-modal .btn.red:hover{
  background:#ffe4e9!important;
  border-color:#e8aeb8!important;
}
html[data-theme="dark"] .admin-mode .verification-details-modal .btn.red,
html[data-theme="dark"] .admin-mode .verification-details-modal .btn.red *{
  background:#3a1f25!important;
  color:#ff9aa3!important;
  border-color:#63343d!important;
}
html[data-theme="dark"] .admin-mode .verification-details-modal .btn.red:hover{
  background:#47242c!important;
  border-color:#7a3f49!important;
}


/* v186 — Fix directo de botones del modal de verificación.
   El modal se agrega como hijo de body, fuera de #appView/.admin-mode;
   por eso los selectores basados en .admin-mode no alcanzaban estos botones. */
html[data-theme="light"] .verification-details-modal #cancelVerification,
html[data-theme="light"] .verification-details-modal #deletePayment {
  background: #fff0f3 !important;
  color: #b4233a !important;
  -webkit-text-fill-color: #b4233a !important;
  border: 1px solid #e9aeb9 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="light"] .verification-details-modal #cancelVerification:hover,
html[data-theme="light"] .verification-details-modal #deletePayment:hover {
  background: #ffe2e8 !important;
  color: #941d30 !important;
  -webkit-text-fill-color: #941d30 !important;
  border-color: #d98b9b !important;
}
html[data-theme="dark"] .verification-details-modal #cancelVerification,
html[data-theme="dark"] .verification-details-modal #deletePayment {
  background: #3a1f25 !important;
  color: #ffb0b7 !important;
  -webkit-text-fill-color: #ffb0b7 !important;
  border: 1px solid #8b4651 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .verification-details-modal #cancelVerification:hover,
html[data-theme="dark"] .verification-details-modal #deletePayment:hover {
  background: #4a252d !important;
  color: #ffd0d5 !important;
  -webkit-text-fill-color: #ffd0d5 !important;
  border-color: #b35d69 !important;
}


/* Worker push activation: shown only on devices that support Web Push and are not subscribed. */
.worker-push-prompt{display:flex;align-items:center;gap:11px;padding:13px 14px;margin:0 0 12px;border:1px solid #ddd8ff;border-radius:17px;background:#f8f6ff;color:#27204c;box-shadow:0 8px 20px rgba(81,65,170,.06)}
.worker-push-prompt.hidden{display:none!important}
.worker-push-prompt-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:#ebe6ff;color:#6548e8}
.worker-push-prompt-copy{display:block;min-width:0;flex:1}
.worker-push-prompt-copy strong{display:block;font-size:12px;font-weight:900;line-height:1.35}
.worker-push-prompt-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#77718f}
.worker-push-prompt button{border:0;border-radius:11px;background:#6b4df0;color:#fff;min-height:36px;padding:0 12px;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}
@media(max-width:380px){.worker-push-prompt{align-items:flex-start;flex-wrap:wrap}.worker-push-prompt button{margin-left:49px}}
.admin-mode .worker-push-prompt{background:#171b2b;border-color:#36314e;color:#f3f0ff}.admin-mode .worker-push-prompt-copy small{color:#b9b4d4}

/* Manager verification flow and five-item navigation */
.bottom-nav.manager-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
.manager-verify-flow-modal .manager-profit-choice{width:100%;text-align:left;margin:8px 0;padding:13px;border-radius:14px;}
.manager-verify-flow-modal .manager-profit-choice .worker-left{display:flex;align-items:center;gap:10px;min-width:0;}
.manager-verify-flow-modal .manager-profit-choice .worker-text{display:flex;flex-direction:column;gap:4px;min-width:0;}
.manager-verify-flow-modal .manager-profit-choice .worker-name{font-weight:850;}
.manager-verify-flow-modal .manager-profit-choice .worker-mode{font-size:12px;white-space:normal;}
.manager-verify-flow-modal .field>span{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:var(--muted,#7a8499);}
.manager-verify-flow-modal .input-money{width:100%;box-sizing:border-box;}


/* v192 · Ajustes visuales solicitados: manager, QvaPay y contraste claro/oscuro.
   Este bloque va al final para corregir reglas heredadas sin tocar la lógica de negocio. */

/* El manager tiene cuatro destinos. Se elimina la regla histórica de cinco columnas. */
.bottom-nav.manager-bottom-nav{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
.bottom-nav.manager-bottom-nav .bottom-btn{
  display:grid!important;
  grid-template-rows:24px auto!important;
  align-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  padding:7px 3px!important;
  line-height:1.1!important;
}
.bottom-nav.manager-bottom-nav .bottom-btn .nav-icon{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
}
.bottom-nav.manager-bottom-nav .bottom-btn .nav-icon .ui-icon{
  width:22px!important;
  height:22px!important;
}
.bottom-nav.manager-bottom-nav .bottom-btn span:last-child{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  text-align:center!important;
  font-size:clamp(9px,2.7vw,11px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  font-weight:850!important;
}
@media(max-width:390px){
  .bottom-nav.manager-bottom-nav{gap:2px!important;padding-left:5px!important;padding-right:5px!important}
  .bottom-nav.manager-bottom-nav .bottom-btn{padding-left:1px!important;padding-right:1px!important}
  .bottom-nav.manager-bottom-nav .bottom-btn span:last-child{font-size:9px!important}
}

/* La tarjeta Manager usa la misma distribución y comportamiento que las de trabajadores. */
.manager-directory-card{
  grid-template-columns:52px minmax(0,1fr) auto 20px!important;
  cursor:pointer!important;
  align-items:center!important;
}
.manager-directory-card .worker-directory-main{min-width:0!important}
.manager-account-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  padding-top:4px!important;
}
.manager-account-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:9px 8px!important;
  border-radius:12px!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] .manager-account-actions .btn:not(.purple):not(.red){
  background:#fff!important;
  border:1px solid #dfe5ef!important;
  color:#35435d!important;
  -webkit-text-fill-color:#35435d!important;
}
html[data-theme="light"] .manager-account-actions .btn.purple{
  background:linear-gradient(135deg,#7457ff,#984de7)!important;
  border:1px solid transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="light"] .manager-account-actions .btn.red{
  background:#fff0f2!important;
  border:1px solid #efc0c7!important;
  color:#b4233a!important;
  -webkit-text-fill-color:#b4233a!important;
}
html[data-theme="dark"] .manager-account-actions .btn:not(.purple):not(.red){
  background:#182130!important;
  border:1px solid #2b374a!important;
  color:#dbe3ec!important;
  -webkit-text-fill-color:#dbe3ec!important;
}
html[data-theme="dark"] .manager-account-actions .btn.purple{
  background:linear-gradient(135deg,#7457ff,#8a4edf)!important;
  border:1px solid transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] .manager-account-actions .btn.red{
  background:#3a1f25!important;
  border:1px solid #78404a!important;
  color:#ffb0b7!important;
  -webkit-text-fill-color:#ffb0b7!important;
}
@media(max-width:520px){
  .manager-account-actions{gap:6px!important}
  .manager-account-actions .btn{padding:9px 4px!important;font-size:10px!important;min-height:38px!important}
}

/* Modal de detalles Zelle: el texto de «Borrar pago» no puede quedar blanco sobre rosa claro.
   El modal se monta directamente en body, fuera del contenedor #appView. */
html[data-theme="light"] .payment-detail-modal{
  background:#fff!important;
  border-color:#e1e6ef!important;
  color:#18213f!important;
  box-shadow:0 30px 90px rgba(42,48,86,.18)!important;
}
html[data-theme="light"] .payment-detail-modal .payment-detail-head h3,
html[data-theme="light"] .payment-detail-modal .payment-detail-field strong{color:#24304c!important}
html[data-theme="light"] .payment-detail-modal .payment-detail-field{
  background:#fbfcff!important;
  border-color:#e3e7ef!important;
}
html[data-theme="light"] .payment-detail-modal .payment-detail-field span,
html[data-theme="light"] .payment-detail-modal .payment-detail-kicker{color:#78849b!important}
html[data-theme="light"] .payment-detail-modal .payment-detail-status{
  background:#e8fff5!important;
  border:1px solid #c6f0df!important;
  color:#16865c!important;
}
html[data-theme="dark"] .payment-detail-modal{
  background:#111827!important;
  border-color:#2b374a!important;
  color:#e5e7eb!important;
  box-shadow:0 30px 90px rgba(0,0,0,.4)!important;
}
html[data-theme="dark"] .payment-detail-modal .payment-detail-head h3,
html[data-theme="dark"] .payment-detail-modal .payment-detail-field strong{color:#f3f6fa!important}
html[data-theme="dark"] .payment-detail-modal .payment-detail-field{
  background:#0f1724!important;
  border-color:#2b374a!important;
}
html[data-theme="dark"] .payment-detail-modal .payment-detail-field span,
html[data-theme="dark"] .payment-detail-modal .payment-detail-kicker{color:#9aa7ba!important}
html[data-theme="dark"] .payment-detail-modal .payment-detail-amount{
  background:linear-gradient(135deg,#211a38,#2a1e39)!important;
  color:#c5b8ff!important;
}
html[data-theme="dark"] .payment-detail-modal .payment-detail-icon{
  background:#241c42!important;
  color:#c8bbff!important;
}
html[data-theme="dark"] .payment-detail-modal .payment-detail-status{
  background:#123426!important;
  border:1px solid #275740!important;
  color:#8be1bb!important;
}
.payment-detail-modal .modal-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
  gap:10px!important;
  margin-top:16px!important;
}
.payment-detail-modal .modal-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:11px 10px!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:normal!important;
  text-align:center!important;
}
html[data-theme="light"] .payment-detail-modal #deletePayment{
  background:#fff0f2!important;
  border:1px solid #efc0c7!important;
  color:#b4233a!important;
  -webkit-text-fill-color:#b4233a!important;
  box-shadow:none!important;
}
html[data-theme="light"] .payment-detail-modal #deletePayment *{
  color:#b4233a!important;
  -webkit-text-fill-color:#b4233a!important;
}
html[data-theme="dark"] .payment-detail-modal #deletePayment{
  background:#3a1f25!important;
  border:1px solid #78404a!important;
  color:#ffb0b7!important;
  -webkit-text-fill-color:#ffb0b7!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .payment-detail-modal #deletePayment *{
  color:#ffb0b7!important;
  -webkit-text-fill-color:#ffb0b7!important;
}
html[data-theme="light"] .payment-detail-modal #close{
  background:linear-gradient(135deg,#7457ff,#984de7)!important;
  border-color:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] .payment-detail-modal #close{
  background:linear-gradient(135deg,#7457ff,#8548d6)!important;
  border-color:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:560px){
  .payment-detail-modal .modal-actions{grid-template-columns:1fr!important}
}

/* El diálogo de verificación de manager sigue la paleta activa en ambos temas. */
html[data-theme="light"] .manager-verify-flow-modal{
  background:#fff!important;border-color:#e1e6ef!important;color:#18213f!important;
}
html[data-theme="light"] .manager-verify-flow-modal .protect{
  background:#f6f8fd!important;border-color:#d9deeb!important;color:#7d88a1!important;
}
html[data-theme="light"] .manager-verify-flow-modal .manager-profit-choice{
  background:#fff!important;border-color:#e3e7ef!important;color:#24304c!important;
}
html[data-theme="dark"] .manager-verify-flow-modal{
  background:#111827!important;border-color:#2b374a!important;color:#eef2f7!important;
}
html[data-theme="dark"] .manager-verify-flow-modal .detail-name,
html[data-theme="dark"] .manager-verify-flow-modal .worker-name{color:#f3f6fa!important}
html[data-theme="dark"] .manager-verify-flow-modal .protect{
  background:#0f1724!important;border-color:#2b374a!important;color:#aab6c8!important;
}
html[data-theme="dark"] .manager-verify-flow-modal .manager-profit-choice{
  background:#0f1724!important;border-color:#2b374a!important;color:#eef2f7!important;
}
html[data-theme="dark"] .manager-verify-flow-modal .manager-profit-choice .worker-mode,
html[data-theme="dark"] .manager-verify-flow-modal .field>span{color:#9aa7ba!important}
html[data-theme="dark"] .manager-verify-flow-modal .manager-profit-choice .avatar{
  background:#211b39!important;border-color:#3b315b!important;color:#c7baff!important;
}

/* v193 force-fix: strengthen specificity for account actions and payment deletion buttons. */
.bottom-nav.manager-bottom-nav,
.admin-mode .bottom-nav.manager-bottom-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html[data-theme="light"] body .modal-root .payment-detail-modal #deletePayment,
html[data-theme="light"] body .modal-root .verification-details-modal #deletePayment,
html[data-theme="light"] body .modal-root .verification-details-modal #cancelVerification {
  background: #fff0f2 !important;
  border: 1px solid #e9aeb9 !important;
  color: #b4233a !important;
  -webkit-text-fill-color: #b4233a !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
html[data-theme="light"] body .modal-root .payment-detail-modal #deletePayment *,
html[data-theme="light"] body .modal-root .verification-details-modal #deletePayment *,
html[data-theme="light"] body .modal-root .verification-details-modal #cancelVerification * {
  color: #b4233a !important;
  -webkit-text-fill-color: #b4233a !important;
}
html[data-theme="dark"] body .modal-root .payment-detail-modal #deletePayment,
html[data-theme="dark"] body .modal-root .verification-details-modal #deletePayment,
html[data-theme="dark"] body .modal-root .verification-details-modal #cancelVerification {
  background: #3a1f25 !important;
  border: 1px solid #8b4651 !important;
  color: #ffb0b7 !important;
  -webkit-text-fill-color: #ffb0b7 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body .modal-root .payment-detail-modal #deletePayment *,
html[data-theme="dark"] body .modal-root .verification-details-modal #deletePayment *,
html[data-theme="dark"] body .modal-root .verification-details-modal #cancelVerification * {
  color: #ffb0b7 !important;
  -webkit-text-fill-color: #ffb0b7 !important;
}
html[data-theme="light"] body .worker-directory-page .manager-account-actions .btn.red {
  background: #fff0f2 !important; color: #b4233a !important; -webkit-text-fill-color: #b4233a !important;
  border: 1px solid #e9aeb9 !important; opacity: 1 !important;
}
html[data-theme="dark"] body .worker-directory-page .manager-account-actions .btn.red {
  background: #3a1f25 !important; color: #ffb0b7 !important; -webkit-text-fill-color: #ffb0b7 !important;
  border: 1px solid #8b4651 !important; opacity: 1 !important;
}


/* v195: directorio separado en dos grupos visuales sin cambiar las tarjetas ni sus acciones. */
.worker-directory-group{display:grid;gap:10px;min-width:0}
.worker-directory-group-heading{display:flex;align-items:center;gap:9px;padding:2px 2px 0}
.worker-directory-group-heading h3{margin:0;color:#26324b;font-size:15px;font-weight:900;letter-spacing:-.02em}
.worker-directory-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:#f0edff;color:#684df0;font-size:10px;font-weight:850}
.manager-directory-group{margin-top:5px;padding-top:14px;border-top:1px solid #e6e9f1}
html[data-theme="dark"] .worker-directory-group-heading h3{color:#edf2f8}
html[data-theme="dark"] .worker-directory-count{background:#28213f;color:#c9bcff}
html[data-theme="dark"] .manager-directory-group{border-top-color:#2a3546}
@media(max-width:560px){
 .worker-directory-group-heading h3{font-size:14px}
 .worker-directory-group{gap:8px}
 .manager-directory-card{grid-template-columns:48px minmax(0,1fr) auto 16px!important;gap:9px!important}
}
@media(max-width:420px){
 .manager-directory-card{grid-template-columns:44px minmax(0,1fr) auto 14px!important}
 .manager-directory-card .worker-directory-balance{min-width:70px!important}
}

/* v196: controles de aprobación/rechazo de solicitudes, claros en tema claro y oscuro. */
.purchase-request-review-actions{grid-template-columns:1fr 1fr;gap:9px}
.purchase-request-review-actions .btn{width:100%;min-height:44px;white-space:normal}
.purchase-request-review-note{grid-column:1/-1;padding:11px 12px;border-radius:13px;background:#f4f1ff;color:#6c5aab;font-size:11px;line-height:1.45}
.purchase-request-item-link{display:inline-block;margin-top:7px;color:#6244df;font-size:10px;font-weight:800;text-decoration:underline}
.admin-mode .purchase-request-review-note{background:#241c42;color:#d6caff}
.admin-mode .purchase-request-item-link{color:#c2b6ff}
@media(max-width:620px){.purchase-request-review-actions{grid-template-columns:1fr}.purchase-request-review-note{grid-column:auto}}


/* v194: resumen financiero legible para solicitudes de pago de libras */
.pounds-financial-breakdown{display:grid;gap:12px;margin:12px 0;padding:15px;border:1px solid #dfe4f1;border-radius:18px;background:#f8f9ff;color:#26324e;box-shadow:0 8px 22px rgba(33,44,77,.05)}
.pounds-financial-heading{display:flex;align-items:center;gap:10px;min-width:0}
.pounds-financial-heading-icon{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:#ece8ff;color:#6244df}
.pounds-financial-heading strong{display:block;font-size:14px;font-weight:850;color:#222c47}
.pounds-financial-heading small{display:block;margin-top:3px;font-size:11px;color:#7b86a0}
.pounds-financial-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pounds-financial-metric{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid #e1e6f1;border-radius:14px;background:#fff;min-width:0}
.pounds-financial-metric>span{font-size:9px;letter-spacing:.07em;font-weight:850;color:#7b86a0}
.pounds-financial-metric>strong{font-size:clamp(19px,3vw,25px);line-height:1.15;font-weight:900;overflow-wrap:anywhere}
.pounds-financial-metric>small{font-size:10px;line-height:1.4;color:#737f98}
.pounds-transfer-metric>strong{color:#6044d9}
.pounds-profit-metric>strong{color:#169868}
.pounds-financial-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e3e7f0;font-size:11px;color:#68748d}
.pounds-financial-foot strong{font-size:12px;color:#26324e;white-space:nowrap}
.pounds-financial-breakdown>p{margin:0;font-size:10px;line-height:1.5;color:#758099}
.pounds-confirm-breakdown{margin:0 0 14px}
html[data-theme="dark"] .pounds-financial-breakdown{background:#111a2a;border-color:#2c3850;color:#e9edf6;box-shadow:none}
html[data-theme="dark"] .pounds-financial-heading strong{color:#f4f6fb}
html[data-theme="dark"] .pounds-financial-heading small,html[data-theme="dark"] .pounds-financial-metric>span,html[data-theme="dark"] .pounds-financial-metric>small,html[data-theme="dark"] .pounds-financial-breakdown>p,html[data-theme="dark"] .pounds-financial-foot{color:#9ba8bf}
html[data-theme="dark"] .pounds-financial-heading-icon{background:#292346;color:#c2b6ff}
html[data-theme="dark"] .pounds-financial-metric{background:#0b1220;border-color:#2b374b}
html[data-theme="dark"] .pounds-transfer-metric>strong{color:#b8a6ff}
html[data-theme="dark"] .pounds-profit-metric>strong{color:#5be0a8}
html[data-theme="dark"] .pounds-financial-foot{border-top-color:#2b374b}
html[data-theme="dark"] .pounds-financial-foot strong{color:#e5eaf5}
@media(max-width:520px){.pounds-financial-breakdown{padding:12px;gap:10px}.pounds-financial-metrics{grid-template-columns:1fr}.pounds-financial-metric{padding:11px}.pounds-financial-metric>strong{font-size:23px}}


/* v195: financiero de libras: total trabajador, ganancia y transferencia neta */
.pounds-financial-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.pounds-worker-total-metric>strong{color:#365bc7}
.pounds-transfer-metric{border-color:#b9e8d3;background:#f3fff8}
.pounds-transfer-metric>strong{color:#087b4b}
.pounds-financial-warning{padding:10px 12px!important;border-radius:10px;border:1px solid #f1c27d;background:#fff5e6;color:#8f4a00!important;font-weight:750}
html[data-theme="dark"] .pounds-worker-total-metric>strong{color:#a9bdff}
html[data-theme="dark"] .pounds-transfer-metric{border-color:#236349;background:#0f2921}
html[data-theme="dark"] .pounds-transfer-metric>strong{color:#69e6ad}
html[data-theme="dark"] .pounds-financial-warning{border-color:#75521d;background:#35250f;color:#ffd69a!important}
@media(max-width:680px){.pounds-financial-metrics{grid-template-columns:1fr}.pounds-financial-metric>span{font-size:10px}.pounds-financial-metric>strong{font-size:24px}}