:root{--bg:#f5f6f8;--card:#fff;--ink:#1d2430;--muted:#6d7480;--gold:#b58a2a;--red:#9c2634;--green:#21855b;--line:#e6e8ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.top{background:#20242b;color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:20px}.wrap{max-width:1250px;margin:auto;padding:18px}.grid{display:grid;grid-template-columns:260px 1fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 3px 12px #0000000a}.title{font-size:17px;font-weight:800;margin:0 0 12px}.btn{border:0;border-radius:9px;padding:10px 13px;background:var(--gold);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.dark{background:#343b46}.btn.red{background:var(--red)}input,select,textarea{width:100%;border:1px solid #d7dae0;border-radius:9px;padding:10px;background:#fff;margin:5px 0 9px}textarea{min-height:72px}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.group{padding:10px;border-radius:9px;margin:6px 0;background:#f7f7f7;text-decoration:none;color:var(--ink);display:block;border-left:5px solid var(--gold)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase}.money{text-align:right}.debit{color:var(--red);font-weight:700}.credit{color:var(--green);font-weight:700}.balance{font-size:25px;font-weight:900}.muted{color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.search{max-width:360px}.badge{display:inline-block;padding:5px 8px;border-radius:20px;background:#eee;font-size:12px}.actions{white-space:nowrap}.notice{padding:10px;border-radius:8px;background:#eaf7ef;color:#17633e;margin-bottom:12px}@media(max-width:800px){.grid{grid-template-columns:1fr}.row,.row3{grid-template-columns:1fr}.wrap{padding:10px}.top{padding:13px}table{min-width:850px}.tablewrap{overflow:auto}.balance{font-size:20px}}
.group-filter{display:grid;gap:7px}.group-filter label{font-size:12px;font-weight:700;opacity:.72}.group-filter select{width:100%}

.list-filter{display:flex;gap:7px;flex:1;align-items:center}.list-filter select{min-width:190px}.active-group{margin:10px 0;padding:10px 12px;border-radius:10px;background:#f6f1e6}.empty{text-align:center;padding:28px!important;color:#777}
@media(max-width:700px){.list-filter{flex-wrap:wrap}.list-filter select,.list-filter .search{width:100%;min-width:100%}}
.top-user{display:flex;align-items:center;gap:12px}.top-user a{color:#fff;text-decoration:none;font-weight:700}.login-body{min-height:100vh;background:linear-gradient(145deg,#12385f,#0875df);display:grid;place-items:center;padding:18px}.login-card{width:100%;max-width:410px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 22px 70px #0005}.login-logo{width:62px;height:62px;border-radius:18px;background:#0875df;color:#fff;display:grid;place-items:center;font-size:31px}.login-btn{width:100%;background:#0875df;padding:13px}.login-error{background:#fff0f1;color:#9c2634;padding:10px;border-radius:9px;margin:12px 0}
@media(max-width:700px){body:not(.login-body) .top{position:sticky;top:0;z-index:20}.brand{font-size:16px}.grid aside{order:2}.grid section{order:1}.tablewrap{overflow:visible}table{min-width:0}table thead{display:none}table tbody,table tr,table td{display:block;width:100%}table tr{margin:0 0 12px;border:1px solid var(--line);border-radius:12px;padding:7px;background:#fff}table td{border:0;padding:7px 8px;display:flex;justify-content:space-between;gap:12px;text-align:right}table td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;text-align:left}.actions .btn{width:100%;text-align:center}.top-user span{display:none}}
/* v1.0.6 compact mobile contact cards */
@media(max-width:700px){
.contact-card{position:relative!important;padding:14px!important;border-radius:16px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important}
.contact-card td{display:block!important;width:auto!important;padding:0!important;text-align:left!important}
.contact-card td:before{display:none!important;content:none!important}
.contact-name{grid-column:1/3;font-size:18px;font-weight:900;padding-bottom:5px!important}
.contact-phone,.contact-tc,.contact-group{display:none!important}
.contact-plate{font-weight:800;font-size:15px;background:#f5f6f8;border:1px solid #e8eaf0!important;border-radius:10px;padding:9px 10px!important}
.contact-plate.tractor:before{content:'🚚';margin-right:7px}
.contact-plate.trailer:before{content:'▰';margin-right:7px}
.contact-balance{grid-column:1/2;align-self:center;font-size:17px;font-weight:900;padding:8px 2px!important}
.contact-icons{grid-column:1/2;display:flex!important;gap:8px!important;align-items:center!important}
.contact-icons .status-icon{width:38px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#eceff2;color:#9aa0a8;font-size:17px;font-weight:900}
.contact-icons .status-icon.ok{background:#e5f7ec;color:#16824c;border:1px solid #bde8ce}
.contact-actions{grid-column:2/3;grid-row:4/6;align-self:stretch;display:flex!important;align-items:stretch!important}
.contact-actions .btn{min-width:105px;display:flex;align-items:center;justify-content:center}
}
/* v1.0.8 favorites, IDs and flexible tags */
.contact-name{display:flex;align-items:center;gap:8px}.favform{margin:0}.favbtn{border:0;background:transparent;color:#c8cdd4;font-size:20px;padding:0;cursor:pointer}.favbtn.on{color:#d39a00}.idbadge{font-size:12px;font-weight:900;color:#89919d;background:#eef1f5;border-radius:999px;padding:5px 8px}.contact-tags{min-width:140px}.tagpill{display:inline-flex;align-items:center;margin:2px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--tag) 22%,white);border:1px solid color-mix(in srgb,var(--tag) 50%,white);color:#26303c;font-size:11px;font-weight:800}.tagselect{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 10px}.tagselect label{cursor:pointer}.tagselect input{width:auto;margin-right:3px}.favcheck{display:flex;align-items:center;gap:6px;font-weight:800}.favcheck input{width:auto}.tagmanager{margin-top:16px}.tagadd{display:grid;grid-template-columns:1fr 65px auto;gap:8px;align-items:center}.tagcloud{margin-top:8px}
@media(max-width:700px){.contact-name{grid-column:1/3!important}.contact-tags{grid-column:1/3!important;display:block!important;min-width:0}.contact-card{grid-template-columns:1fr auto!important}.contact-actions{grid-row:5/7!important}.tagadd{grid-template-columns:1fr 58px}.tagadd .btn{grid-column:1/3}.idbadge{font-size:11px}.favbtn{font-size:22px}}
/* v1.0.9 blue plate holders + vehicle visual */
.contact-plate{background:#075cc9!important;color:#fff!important;border:3px double #fff!important;outline:2px solid #075cc9!important;border-radius:8px!important;font-weight:900!important;letter-spacing:1.5px;text-align:center!important;box-shadow:0 2px 5px #075cc933}
.contact-plate.tractor:before,.contact-plate.trailer:before{content:none!important}
@media(max-width:700px){
.contact-card{padding-right:74px!important;overflow:hidden}
.contact-card:after{content:'🚛';position:absolute;right:13px;top:52px;font-size:46px;line-height:1;filter:drop-shadow(0 3px 3px #0002);opacity:.92}
.contact-plate{font-size:18px!important;padding:8px 7px!important;min-width:0}
.contact-tags{margin-top:4px!important;padding-right:0!important}
.contact-tags .tagpill{font-size:10px;padding:5px 8px}
}
/* v1.0.10 mobile privacy + favorite position */
@media(max-width:700px){
.contact-phone,.contact-tc{display:none!important}
.contact-name{padding-right:38px!important}
.favform{position:absolute!important;right:12px!important;top:10px!important;z-index:4}
.favbtn{font-size:30px!important;line-height:1!important}
.contact-icons{grid-column:1/2!important}
.contact-card{padding-top:16px!important}
}
/* v1.0.12 compact mobile table + 2-page detail sheet */
.mobile-table{table-layout:fixed}.mobile-table th:nth-child(1){width:54px}.mobile-table th:nth-child(2){width:28%}.mobile-table th:nth-child(3),.mobile-table th:nth-child(4){width:18%}.mobile-table th:nth-child(5){width:15%}.mobile-table th:nth-child(6){width:46px}.compact-row{cursor:pointer}.mini-id{font-weight:900;color:#687180}.mini-name b{font-size:14px}.mini-tags{margin-top:3px}.mini-tags .tagpill{padding:3px 6px;font-size:9px;margin:1px}.mini-plate{display:inline-block;background:#075cc9;color:#fff;border:2px double #fff;outline:1px solid #075cc9;border-radius:5px;padding:4px 7px;font-weight:900;white-space:nowrap;letter-spacing:.4px}.mini-balance{font-weight:900;white-space:nowrap}.mini-star{text-align:center}.mini-star .favbtn{font-size:22px}.contact-sheet{display:none;position:fixed;inset:0;background:#10151c99;z-index:100;align-items:flex-end;justify-content:center}.contact-sheet.open{display:flex}.sheet-panel{position:relative;width:min(680px,100%);background:#fff;border-radius:22px 22px 0 0;padding:18px 18px 22px;box-shadow:0 -12px 40px #0003}.sheet-close{position:absolute;right:14px;top:12px;border:0;background:#eef1f5;width:38px;height:38px;border-radius:50%;font-size:27px}.sheet-head{display:flex;align-items:center;gap:10px;padding-right:48px}.sheet-head h3{margin:0;font-size:22px}.sheet-pages{margin-top:16px}.sheet-page{display:none}.sheet-page.active{display:block}.detail-plates{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.detail-plates>div{display:grid;gap:7px}.mini-plate.big{font-size:20px;text-align:center;padding:8px}.detail-line,.detail-box{display:flex;justify-content:space-between;gap:15px;padding:13px 4px;border-bottom:1px solid var(--line)}.detail-box{display:grid;background:#f7f9fb;border:1px solid var(--line);border-radius:12px;padding:14px;margin:9px 0}.detail-box b{font-size:18px}.sheet-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 10px}.sheet-nav button{border:0;border-radius:10px;padding:10px;background:#eef1f5;font-weight:800}.sheet-nav button.active{background:#0875df;color:#fff}.sheet-cari{width:100%;text-align:center;padding:13px}.sheet-open{overflow:hidden}
@media(max-width:700px){.grid aside{display:none}.wrap{padding:8px}.card{padding:10px;border-radius:12px}.title{font-size:16px}.compact-list{overflow-x:hidden!important}.mobile-table{display:table!important;min-width:0!important;width:100%!important;table-layout:fixed}.mobile-table thead{display:table-header-group!important}.mobile-table tbody{display:table-row-group!important}.mobile-table tr{display:table-row!important;margin:0!important;border:0!important;padding:0!important}.mobile-table th,.mobile-table td{display:table-cell!important;width:auto!important;padding:8px 3px!important;border-bottom:1px solid var(--line)!important;vertical-align:middle!important;text-align:left!important}.mobile-table th{font-size:9px!important;padding:7px 3px!important}.mobile-table th:nth-child(1){width:9%}.mobile-table th:nth-child(2){width:27%}.mobile-table th:nth-child(3){width:20%}.mobile-table th:nth-child(4){width:20%}.mobile-table th:nth-child(5){width:17%}.mobile-table th:nth-child(6){width:7%}.mini-id{font-size:11px!important}.mini-name b{font-size:12px!important;line-height:1.1;display:block}.mini-tags{white-space:nowrap;overflow:hidden;max-width:100%}.mini-tags .tagpill{font-size:7px!important;padding:2px 4px!important}.mini-plate{font-size:10px!important;padding:3px 3px!important;letter-spacing:0!important}.mini-balance{font-size:10px!important}.mini-star .favbtn{font-size:18px!important;position:static!important}.mini-star form{position:static!important}.toolbar{margin-bottom:6px}.list-filter{display:grid!important;grid-template-columns:1fr auto!important}.list-filter select{grid-column:1/3;width:100%!important}.list-filter .search{min-width:0!important;width:100%!important;margin:0}.list-filter .btn{margin:0}.active-group{font-size:11px;padding:7px;margin:6px 0}.contact-sheet .idbadge{font-size:11px}.sheet-panel{max-height:82vh;overflow:auto}.top-user a{font-size:14px}}
/* v1.0.13 compact single-column mobile list */
@media(max-width:700px){
.mobile-table thead{display:none!important}
.mobile-table,.mobile-table tbody{display:block!important;width:100%!important}
.mobile-table tr.compact-row{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-areas:'id person side' 'id plates side'!important;gap:3px 8px!important;position:relative!important;margin:0 0 7px!important;padding:9px 10px!important;border:1px solid #e3e7ed!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px #00000008!important}
.mobile-table td{display:block!important;border:0!important;padding:0!important;width:auto!important}
.mobile-table td.mini-id{grid-area:id!important;align-self:center!important;background:#f0f3f7!important;border-radius:10px!important;padding:8px 5px!important;text-align:center!important;font-size:11px!important}
.mobile-table td.mini-name{grid-area:person!important;min-width:0!important;padding-right:4px!important}
.mobile-table .mini-name b{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-table .mini-tags{display:flex!important;gap:3px!important;margin-top:3px!important;overflow:hidden!important}
.mobile-table .mini-tags .tagpill{flex:0 0 auto!important;font-size:7px!important;padding:2px 5px!important;margin:0!important}
.mobile-table td:nth-child(3){grid-area:plates!important;display:inline-block!important;width:max-content!important;max-width:48%!important;margin-right:5px!important}
.mobile-table td:nth-child(4){grid-area:plates!important;display:inline-block!important;width:max-content!important;max-width:48%!important;margin-left:50%!important}
.mobile-table .mini-plate{font-size:10px!important;padding:3px 6px!important;line-height:1.15!important}
.mobile-table td.mini-balance{grid-area:side!important;align-self:end!important;text-align:right!important;font-size:11px!important;padding-bottom:1px!important;padding-right:28px!important;min-width:86px!important}
.mobile-table td.mini-star{grid-area:side!important;align-self:start!important;justify-self:end!important;z-index:3!important}
.mobile-table .mini-star form{position:static!important;margin:0!important}
.mobile-table .mini-star .favbtn{position:static!important;font-size:23px!important;padding:0!important}
}

/* v1.0.14 ID beside favorite + tighter plate spacing */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'person side' 'plates side'!important;gap:3px 8px!important;padding:9px 10px!important}
.mobile-table td.mini-id{grid-area:side!important;align-self:start!important;justify-self:end!important;margin-right:31px!important;background:#f0f3f7!important;border-radius:999px!important;padding:4px 7px!important;font-size:10px!important;line-height:1.1!important;z-index:2!important}
.mobile-table td.mini-star{grid-area:side!important;align-self:start!important;justify-self:end!important;z-index:3!important}
.mobile-table td.mini-name{grid-area:person!important;padding-right:0!important}
.mobile-table td:nth-child(3),.mobile-table td:nth-child(4){grid-area:plates!important;display:inline-block!important;width:max-content!important;max-width:none!important;margin:0!important;align-self:start!important}
.mobile-table td:nth-child(3){justify-self:start!important}
.mobile-table td:nth-child(4){justify-self:start!important;margin-left:calc(var(--first-plate-width, 0px) + 0px)!important;transform:translateX(76px)!important}
.mobile-table .mini-plate{margin:0!important}
.mobile-table td.mini-balance{grid-area:side!important;align-self:end!important;justify-self:end!important;text-align:right!important;padding-right:0!important;min-width:86px!important}
}
@media(max-width:700px){
.mobile-table td.plate-pair{grid-area:plates!important;display:flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;margin:0!important;transform:none!important;justify-self:start!important}
.mobile-table td.plate-pair .mini-plate{flex:0 0 auto!important}
}

/* v1.0.15 contact info slider + polished balance */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'person side' 'plates side'!important;min-height:104px!important}
.mobile-table td.mini-name{min-width:0!important;width:100%!important}
.contact-slider{position:relative;min-height:43px;padding:0 25px 12px 24px;overflow:hidden}
.contact-slide{display:none;min-width:0}
.contact-slide.active{display:block}
.contact-slide>b{display:block;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-slide small{display:block;margin-top:3px;color:#77808d;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-slide .slide-phone{font-size:13px!important}
.slide-arrow{position:absolute;top:0;width:21px;height:27px;border:0;background:transparent;color:#526071;font-size:25px;line-height:23px;padding:0;z-index:2}
.slide-arrow.prev{left:0}.slide-arrow.next{right:0}
.slide-dots{position:absolute;left:50%;bottom:1px;display:flex;gap:4px;transform:translateX(-50%)}
.slide-dots i{width:5px;height:5px;border-radius:50%;background:#d3d8df;display:block}.slide-dots i.active{background:#0875df}
.mobile-table td.plate-pair{gap:7px!important}
.mobile-table td.mini-balance{background:#edf9f0!important;border:1px solid #ccefd4!important;border-radius:10px!important;padding:5px 8px!important;font-size:10px!important;color:#17813d!important;line-height:1.15!important;min-width:0!important}
.mobile-table td.mini-balance.debit{background:#fff0f1!important;border-color:#f3cdd1!important;color:#a32835!important}
.mobile-table td.mini-balance:before{content:'Bakiye';display:block;font-size:8px;font-weight:700;opacity:.75}
}
\n/* v1.0.16 slider removed; compact phone/TC presence icons */\n@media(max-width:700px){\n.mobile-table tr.compact-row{min-height:0!important}\n.mobile-table td.mini-name{padding-right:76px!important}\n.mobile-table td.plate-pair{gap:6px!important;max-width:calc(100vw - 125px)!important;flex-wrap:nowrap!important}\n.mobile-table td.plate-pair .mini-plate{font-size:10px!important;padding:3px 6px!important;height:24px!important;line-height:14px!important}\n.status-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;border-radius:6px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;box-shadow:inset 0 0 0 1px #0000000b!important}\n.status-icon.phone.active{background:#18a34a!important;color:#fff!important}\n.status-icon.tc.active{background:#0875df!important;color:#fff!important}\n.status-icon.inactive{background:#e1e5ea!important;color:#aeb6c0!important}\n.contact-slider,.slide-arrow,.slide-dots,.contact-slide{all:unset}\n}\n
/* v1.0.17 ID immediately before contact name */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:'id person star' 'plates plates balance'!important;column-gap:7px!important;row-gap:7px!important}
.mobile-table td.mini-id{grid-area:id!important;align-self:center!important;justify-self:start!important;margin:0!important;background:#f0f3f7!important;border-radius:999px!important;padding:4px 7px!important;font-size:10px!important;line-height:1.1!important}
.mobile-table td.mini-name{grid-area:person!important;align-self:center!important;padding:0!important;min-width:0!important}
.mobile-table td.mini-name b{font-size:14px!important}
.mobile-table td.plate-pair{grid-area:plates!important;justify-self:start!important;gap:6px!important;max-width:100%!important}
.mobile-table td.mini-star{grid-area:star!important;align-self:center!important;justify-self:end!important}
.mobile-table td.mini-balance{grid-area:balance!important;align-self:center!important;justify-self:end!important}
}
\n/* v1.0.18 hard-fix: ID is physically inside name cell */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'person star' 'plates balance'!important;column-gap:7px!important;row-gap:7px!important}
.mobile-table td.mini-name{grid-area:person!important;padding:0!important;min-width:0!important}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.mobile-table .name-id{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;background:#f0f3f7!important;color:#697383!important;border-radius:999px!important;padding:4px 7px!important;font-size:10px!important;font-weight:800!important;line-height:1.1!important}
.mobile-table .name-line b{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-table td.plate-pair{grid-area:plates!important}
.mobile-table td.mini-star{grid-area:star!important}
.mobile-table td.mini-balance{grid-area:balance!important}
}

/* v1.0.19 stable compact row layout */
@media(max-width:700px){
.mobile-table tr.compact-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'person star' 'plates balance'!important;align-items:center!important;column-gap:8px!important;row-gap:8px!important;min-height:0!important;padding:10px 12px!important}
.mobile-table td.mini-name{grid-area:person!important;padding:0!important;min-width:0!important}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.mobile-table .name-id{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;background:#f0f3f7!important;color:#697383!important;border-radius:999px!important;padding:4px 7px!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important}
.mobile-table .name-line b{display:block!important;min-width:0!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-table .mini-tags{display:none!important}
.mobile-table td.plate-pair{grid-area:plates!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;white-space:nowrap!important}
.mobile-table td.plate-pair .mini-plate{flex:0 0 auto!important;height:24px!important;box-sizing:border-box!important;font-size:10px!important;line-height:14px!important;padding:3px 6px!important;margin:0!important}
.mobile-table td.plate-pair .status-icon{flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;border-radius:5px!important;font-size:12px!important}
.mobile-table td.mini-star{grid-area:star!important;align-self:center!important;justify-self:end!important;margin:0!important}
.mobile-table td.mini-star .favbtn{font-size:24px!important;line-height:1!important}
.mobile-table td.mini-balance{grid-area:balance!important;align-self:center!important;justify-self:end!important;min-width:72px!important;margin:0!important;padding:5px 7px!important;text-align:center!important}
}

/* v1.0.20 compact status icons + TL/USD/EUR balance slider */
@media(max-width:700px){
.status-icon{width:28px!important;height:24px!important;min-width:28px!important;max-width:28px!important;font-size:16px!important;border-radius:6px!important}
.mobile-table td.plate-pair{gap:6px!important}
.mobile-table td.mini-balance{padding:0!important;background:transparent!important;border:0!important;min-width:116px!important}
.mobile-table td.mini-balance:before{display:none!important}
.balance-slider{position:relative;width:116px;min-height:58px;border-radius:13px;background:#edf9f0;border:1px solid #ccefd4;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;padding:4px 3px 12px;box-sizing:border-box}
.mini-balance.debit .balance-slider{background:#fff0f1;border-color:#f3cdd1}.bal-slides{min-width:0;text-align:center}.bal-slide{display:none;line-height:1.05}.bal-slide.active{display:block}.bal-slide small{display:block;font-size:7px;font-weight:800;opacity:.75;margin-bottom:3px}.bal-slide b{font-size:11px;white-space:nowrap}.bal-arrow{border:0;background:#fff;width:19px;height:19px;border-radius:50%;font-size:17px;line-height:16px;padding:0;color:#273244;box-shadow:0 1px 3px #0002}.bal-dots{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:3px}.bal-dots i{width:4px;height:4px;border-radius:50%;background:#c8cdd4}.bal-dots i.on{background:#16863d}.mini-balance.debit .bal-dots i.on{background:#b32d3b}
}

/* v1.0.21 compact aligned row */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 116px 30px!important;grid-template-rows:auto auto!important;gap:8px 8px!important;padding:10px 12px!important;min-height:112px!important;align-items:center!important}
.mobile-table td.mini-name{grid-column:1/3!important;grid-row:1!important;padding:0!important;align-self:center!important}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important}
.mobile-table .name-id{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:28px!important;min-width:45px!important;padding:0 8px!important;border-radius:14px!important;background:#f0f3f7!important;color:#687180!important;font-size:11px!important;font-weight:900!important;box-sizing:border-box!important}
.mobile-table .mini-name b{font-size:15px!important;line-height:28px!important}
.mobile-table td.plate-pair{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:6px!important;max-width:none!important;overflow:visible!important;padding:0!important;flex-wrap:nowrap!important}
.mobile-table td.plate-pair .mini-plate{height:30px!important;box-sizing:border-box!important;font-size:10px!important;line-height:18px!important;padding:4px 7px!important;border-radius:6px!important}
.mobile-table .status-icon{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;border-radius:7px!important;font-size:16px!important;box-sizing:border-box!important}
.mobile-table td.mini-balance{grid-column:2!important;grid-row:2!important;padding:0!important;align-self:center!important;justify-self:end!important;min-width:116px!important}
.mobile-table .balance-slider{width:116px!important;min-height:64px!important;margin:0!important}
.mobile-table td.mini-star{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;padding:0!important}
.mobile-table .mini-star .favbtn{font-size:25px!important;line-height:28px!important}
}

/* v1.0.22 FINAL mobile card reset - overrides legacy mobile rules */
@media(max-width:700px){
.mobile-table tr.compact-row{display:grid!important;grid-template-columns:minmax(0,1fr) 96px 26px!important;grid-template-rows:30px 34px!important;grid-template-areas:'person person star' 'plates balance star'!important;gap:7px 7px!important;min-height:0!important;padding:9px 10px!important;align-items:center!important}
.mobile-table td.mini-name{grid-area:person!important;grid-column:auto!important;grid-row:auto!important;padding:0!important;min-width:0!important}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:7px!important;height:30px!important;min-width:0!important}
.mobile-table .name-id{height:26px!important;min-width:42px!important;padding:0 7px!important;border-radius:13px!important;font-size:10px!important}
.mobile-table .mini-name b{font-size:14px!important;line-height:30px!important}
.mobile-table td.plate-pair{grid-area:plates!important;grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0!important;margin:0!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important}
.mobile-table td.plate-pair .mini-plate{height:29px!important;box-sizing:border-box!important;font-size:9px!important;line-height:17px!important;padding:4px 6px!important;min-width:0!important}
.mobile-table td.plate-pair .status-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 29px!important;width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;border-radius:6px!important;font-size:17px!important;box-sizing:border-box!important}
.mobile-table .status-icon.phone.active{background:#18a34a!important;color:#fff!important}.mobile-table .status-icon.tc.active{background:#0875df!important;color:#fff!important}.mobile-table .status-icon.inactive{background:#e1e5ea!important;color:#aeb6c0!important}
.mobile-table td.mini-balance{grid-area:balance!important;grid-column:auto!important;grid-row:auto!important;align-self:center!important;justify-self:end!important;min-width:96px!important;width:96px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.mobile-table td.mini-balance:before{display:none!important}
.mobile-table .balance-slider{width:96px!important;min-height:34px!important;height:34px!important;border-radius:9px!important;grid-template-columns:16px 1fr 16px!important;padding:2px 2px 7px!important;margin:0!important}
.mobile-table .bal-slide small{font-size:6px!important;margin-bottom:1px!important}.mobile-table .bal-slide b{font-size:9px!important}.mobile-table .bal-arrow{width:15px!important;height:15px!important;font-size:13px!important;line-height:13px!important}.mobile-table .bal-dots{bottom:2px!important;gap:2px!important}.mobile-table .bal-dots i{width:3px!important;height:3px!important}
.mobile-table td.mini-star{grid-area:star!important;grid-column:auto!important;grid-row:auto!important;align-self:start!important;justify-self:end!important;padding:0!important;margin:0!important}.mobile-table .mini-star .favbtn{font-size:23px!important;line-height:26px!important}
}

/* v1.0.23 clean mobile carrier card layout */
@media(max-width:700px){
.mobile-table tr.compact-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;grid-template-rows:30px 34px!important;grid-template-areas:'person star' 'plates balance'!important;column-gap:6px!important;row-gap:7px!important;align-items:center!important;min-height:0!important;padding:10px 10px!important;overflow:hidden!important}
.mobile-table td.mini-name{grid-area:person!important;display:block!important;min-width:0!important;padding:0!important;margin:0!important}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:7px!important;height:30px!important;min-width:0!important}
.mobile-table .name-id{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:26px!important;padding:0!important;border-radius:13px!important;background:#f0f3f7!important;color:#697383!important;font-size:10px!important;font-weight:900!important}
.mobile-table .name-line b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;line-height:30px!important}
.mobile-table .mini-tags{display:none!important}
.mobile-table td.plate-pair{grid-area:plates!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;white-space:nowrap!important}
.mobile-table td.plate-pair .mini-plate{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 62px!important;min-width:54px!important;max-width:62px!important;width:62px!important;height:29px!important;padding:3px 4px!important;box-sizing:border-box!important;font-size:9px!important;line-height:1!important;border-radius:6px!important;overflow:hidden!important}
.mobile-table td.plate-pair .status-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;padding:0!important;margin:0!important;border-radius:6px!important;font-size:16px!important;line-height:1!important;box-sizing:border-box!important}
.mobile-table .status-icon.phone.active{background:#18a34a!important;color:#fff!important}.mobile-table .status-icon.tc.active{background:#0875df!important;color:#fff!important}.mobile-table .status-icon.inactive{background:#e1e5ea!important;color:#aeb6c0!important}
.mobile-table td.mini-balance{grid-area:balance!important;display:block!important;align-self:center!important;justify-self:end!important;width:92px!important;min-width:92px!important;max-width:92px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;overflow:visible!important}
.mobile-table td.mini-balance:before{display:none!important}
.mobile-table .balance-slider{position:relative!important;width:92px!important;height:34px!important;min-height:34px!important;display:grid!important;grid-template-columns:16px minmax(0,1fr) 16px!important;align-items:center!important;padding:2px 2px 7px!important;margin:0!important;border-radius:9px!important;box-sizing:border-box!important}
.mobile-table .bal-slide small{font-size:6px!important;margin:0 0 1px!important;line-height:1!important}.mobile-table .bal-slide b{display:block!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important}.mobile-table .bal-arrow{width:15px!important;height:15px!important;padding:0!important;font-size:13px!important;line-height:13px!important}.mobile-table .bal-dots{bottom:2px!important;gap:2px!important}.mobile-table .bal-dots i{width:3px!important;height:3px!important}
.mobile-table td.mini-star{grid-area:star!important;display:block!important;align-self:center!important;justify-self:end!important;padding:0!important;margin:0!important;z-index:2!important}.mobile-table td.mini-star form{margin:0!important}.mobile-table .mini-star .favbtn{position:static!important;padding:0!important;margin:0!important;font-size:23px!important;line-height:26px!important}
}

/* v1.0.24 medium-width balance slider */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 178px!important;grid-template-areas:'person star' 'plates balance'!important;column-gap:7px!important}
.mobile-table td.mini-balance{width:178px!important;min-width:178px!important;max-width:178px!important}
.mobile-table .balance-slider{width:178px!important;height:46px!important;min-height:46px!important;grid-template-columns:25px minmax(0,1fr) 25px!important;padding:4px 4px 10px!important;border-radius:11px!important}
.mobile-table .bal-slide small{font-size:8px!important;margin-bottom:2px!important}.mobile-table .bal-slide b{font-size:13px!important}.mobile-table .bal-arrow{width:22px!important;height:22px!important;font-size:18px!important;line-height:20px!important}.mobile-table .bal-dots{bottom:3px!important;gap:3px!important}.mobile-table .bal-dots i{width:4px!important;height:4px!important}
.mobile-table td.plate-pair .mini-plate{flex:0 1 58px!important;width:58px!important;max-width:58px!important;min-width:50px!important;font-size:8.5px!important}
.mobile-table td.plate-pair .status-icon{flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;font-size:15px!important}
}
@media(max-width:390px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 160px!important}
.mobile-table td.mini-balance,.mobile-table .balance-slider{width:160px!important;min-width:160px!important;max-width:160px!important}
}

/* v1.0.25 swipe-only transparent balance */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 150px!important;grid-template-areas:'person star' 'plates balance'!important}
.mobile-table td.plate-pair{gap:5px!important;overflow:visible!important}
.mobile-table td.plate-pair .mini-plate{flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:30px!important;font-size:9.5px!important}
.mobile-table td.mini-balance{width:150px!important;min-width:150px!important;max-width:150px!important;background:transparent!important;border:0!important}
.mobile-table .balance-slider{width:150px!important;min-width:150px!important;max-width:150px!important;height:40px!important;min-height:40px!important;display:block!important;padding:5px 8px 9px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;touch-action:pan-y!important;user-select:none!important;-webkit-user-select:none!important}
.mobile-table .bal-arrow{display:none!important}
.mobile-table .bal-slides{text-align:center!important}.mobile-table .bal-slide small{font-size:8px!important;margin-bottom:3px!important}.mobile-table .bal-slide b{font-size:13px!important}
.mobile-table .bal-dots{bottom:2px!important}.mobile-table .bal-dots i{width:4px!important;height:4px!important}
}
@media(max-width:390px){.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 140px!important}.mobile-table td.mini-balance,.mobile-table .balance-slider{width:140px!important;min-width:140px!important;max-width:140px!important}.mobile-table td.plate-pair .mini-plate{flex-basis:68px!important;width:68px!important;min-width:68px!important;max-width:68px!important}}

/* v1.0.26 transparent ID + muted gold text */
@media(max-width:700px){
.mobile-table .name-id{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(176,138,56,.62)!important;
}
}

/* v1.0.27 minimal transparent balance - slightly larger */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 122px!important;}
.mobile-table td.mini-balance{width:122px!important;min-width:122px!important;max-width:122px!important;justify-self:end!important;}
.mobile-table .balance-slider{width:122px!important;min-width:122px!important;max-width:122px!important;min-height:58px!important;padding:4px 2px 11px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.mobile-table .bal-slide small{font-size:9px!important;font-weight:700!important;color:rgba(176,138,56,.64)!important;opacity:1!important;margin-bottom:3px!important;}
.mobile-table .bal-slide b{font-size:16px!important;line-height:1.05!important;font-weight:900!important;color:#16863d!important;}
.mobile-table .mini-balance.debit .bal-slide b{color:#b32d3b!important;}
.mobile-table .bal-dots{bottom:3px!important;gap:4px!important;}
.mobile-table .bal-dots i{width:4px!important;height:4px!important;background:#d4d7dc!important;}
.mobile-table .bal-dots i.on{background:rgba(176,138,56,.72)!important;}
}
@media(max-width:390px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 116px!important;}
.mobile-table td.mini-balance,.mobile-table .balance-slider{width:116px!important;min-width:116px!important;max-width:116px!important;}
}

/* v1.0.28 tags beside name + favorite at top-right */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 122px 30px!important;grid-template-areas:'person person star' 'plates balance balance'!important;column-gap:6px!important;}
.mobile-table .name-line{overflow:hidden!important;}
.mobile-table .name-line b{flex:0 1 auto!important;max-width:42%!important;}
.mobile-table .mini-tags{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;overflow:hidden!important;margin-left:2px!important;}
.mobile-table .mini-tags .tagpill{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;max-width:72px!important;height:20px!important;padding:2px 6px!important;margin:0!important;border-radius:7px!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:color-mix(in srgb,var(--tag) 15%,white)!important;color:var(--tag)!important;border:1px solid color-mix(in srgb,var(--tag) 32%,white)!important;}
.mobile-table td.mini-star{grid-area:star!important;align-self:start!important;justify-self:end!important;}
.mobile-table .mini-star .favbtn{font-size:26px!important;line-height:28px!important;color:#cfd4da!important;}
.mobile-table .mini-star .favbtn.on{color:#e6ae21!important;}
}
@media(max-width:390px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 116px 28px!important;}
.mobile-table .name-line b{max-width:40%!important;}
.mobile-table .mini-tags .tagpill{max-width:58px!important;font-size:7.5px!important;padding:2px 5px!important;}
}

/* v1.0.29 force visible tags + favorite */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 122px 34px!important;grid-template-areas:'person person star' 'plates balance balance'!important;}
.mobile-table td.mini-name{overflow:visible!important;}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;min-width:0!important;width:100%!important;}
.mobile-table .name-line b{flex:0 0 auto!important;max-width:38%!important;}
.mobile-table .mini-tags{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:4px!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;margin:0!important;}
.mobile-table .mini-tags .tagpill{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;height:21px!important;max-width:68px!important;padding:2px 6px!important;margin:0!important;border-radius:7px!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mobile-table td.mini-star{display:block!important;visibility:visible!important;opacity:1!important;grid-area:star!important;align-self:start!important;justify-self:end!important;z-index:9!important;overflow:visible!important;}
.mobile-table td.mini-star form{display:block!important;visibility:visible!important;margin:0!important;}
.mobile-table .mini-star .favbtn{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:32px!important;height:32px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;font-size:28px!important;line-height:32px!important;color:#cfd4da!important;}
.mobile-table .mini-star .favbtn.on{color:#e6ae21!important;}
}

/* v1.0.30 card tags + favorite - definitive mobile layout */
@media(max-width:700px){
.mobile-table tr.compact-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 122px!important;grid-template-areas:'person person' 'plates balance'!important;column-gap:8px!important;row-gap:7px!important;padding:10px 44px 10px 12px!important;min-height:94px!important;overflow:visible!important}
.mobile-table td.mini-name{grid-area:person!important;display:block!important;min-width:0!important;overflow:visible!important;padding:0!important}
.mobile-table .name-line{display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;width:100%!important}
.mobile-table .name-line b{flex:0 0 auto!important;max-width:none!important;font-size:14px!important;line-height:22px!important}
.mobile-table .card-tags{display:flex!important;align-items:center!important;gap:4px!important;min-height:20px!important;margin:4px 0 0 0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
.mobile-table .card-tags::-webkit-scrollbar{display:none!important}
.mobile-table .card-tags .tagpill{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:19px!important;max-width:78px!important;padding:2px 6px!important;margin:0!important;border-radius:6px!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:color-mix(in srgb,var(--tag) 13%,white)!important;color:var(--tag)!important;border:1px solid color-mix(in srgb,var(--tag) 28%,white)!important}
.mobile-table td.plate-pair{grid-area:plates!important;align-self:end!important}
.mobile-table td.mini-balance{grid-area:balance!important;align-self:end!important;justify-self:end!important}
.mobile-table td.mini-star{display:block!important;position:absolute!important;right:9px!important;top:8px!important;width:30px!important;height:30px!important;padding:0!important;margin:0!important;z-index:20!important;border:0!important}
.mobile-table td.mini-star form{display:block!important;margin:0!important}
.mobile-table .mini-star .favbtn{display:block!important;width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;font-size:27px!important;line-height:30px!important;color:#cfd4da!important}
.mobile-table .mini-star .favbtn.on{color:#e6ae21!important}
}
\n/* v1.0.31 verified: tags inline with name + favorite always visible */\n@media(max-width:700px){\n.mobile-table tr.compact-row{padding-right:46px!important}\n.mobile-table .name-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important}\n.mobile-table .name-line b{flex:0 0 auto!important;max-width:42%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}\n.mobile-table .card-tags{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;align-items:center!important;gap:3px!important;min-width:0!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important}\n.mobile-table .card-tags .tagpill{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;height:19px!important;padding:2px 6px!important;margin:0!important;border-radius:6px!important;font-size:8px!important}\n.mobile-table td.mini-star{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;right:9px!important;top:8px!important;z-index:99!important}\n.mobile-table .mini-star .favbtn{display:block!important;visibility:visible!important;opacity:1!important;font-size:28px!important;color:#c9ced5!important}\n.mobile-table .mini-star .favbtn.on{color:#e6ae21!important}\n}\n
/* v1.0.32: favorite top-right + wider swipe balance area */
@media(max-width:700px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 190px!important;grid-template-areas:'person person' 'plates balance'!important;padding:10px 42px 10px 12px!important;min-height:104px!important}
.mobile-table td.mini-star{position:absolute!important;right:10px!important;top:8px!important;width:32px!important;height:32px!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:100!important}
.mobile-table .mini-star .favbtn{display:block!important;width:32px!important;height:32px!important;font-size:30px!important;line-height:32px!important;color:#cfd4da!important;background:transparent!important;border:0!important}
.mobile-table .mini-star .favbtn.on{color:#e6ae21!important}
.mobile-table td.mini-balance{width:190px!important;min-width:190px!important;max-width:190px!important;align-self:stretch!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mobile-table .balance-slider{width:190px!important;min-width:190px!important;max-width:190px!important;height:66px!important;min-height:66px!important;padding:7px 8px 13px!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;touch-action:pan-y!important}
.mobile-table .bal-slides{height:43px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.mobile-table .bal-slide small{font-size:9px!important;color:rgba(176,138,56,.66)!important;margin-bottom:4px!important}
.mobile-table .bal-slide b{font-size:18px!important;line-height:1!important}
.mobile-table .bal-dots{bottom:3px!important}
.mobile-table td.plate-pair{align-self:center!important}
}
@media(max-width:390px){
.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 174px!important}
.mobile-table td.mini-balance,.mobile-table .balance-slider{width:174px!important;min-width:174px!important;max-width:174px!important}
}

/* v1.0.33 - favorite anchored inside visible card + wider swipe balance */
@media(max-width:700px){
.mobile-table tr.compact-row{position:relative!important;grid-template-columns:minmax(0,1fr) 190px!important;grid-template-areas:'person person' 'plates balance'!important;padding:10px 46px 10px 12px!important;min-height:104px!important}
.mobile-table td.mini-name{position:static!important;grid-area:person!important}
.mobile-table .card-favorite{display:block!important;position:absolute!important;right:10px!important;top:8px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;z-index:999!important}
.mobile-table .card-favorite .favbtn{display:block!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:30px!important;line-height:34px!important;color:#cfd4da!important;cursor:pointer!important}
.mobile-table .card-favorite .favbtn.on{color:#e6ae21!important}
.mobile-table td.mini-balance,.mobile-table .balance-slider{width:190px!important;min-width:190px!important;max-width:190px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.mobile-table .balance-slider{min-height:72px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
}
@media(max-width:390px){.mobile-table tr.compact-row{grid-template-columns:minmax(0,1fr) 176px!important}.mobile-table td.mini-balance,.mobile-table .balance-slider{width:176px!important;min-width:176px!important;max-width:176px!important}}

/* v1.0.34 - tags in lower-right area under balance; favorite preserved */
@media(max-width:700px){
.mobile-table tr.compact-row{min-height:112px!important;}
.mobile-table td.mini-balance{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;overflow:visible!important;}
.mobile-table .balance-slider{height:58px!important;min-height:58px!important;padding:3px 4px 10px!important;}
.mobile-table .balance-tags{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;flex-wrap:wrap!important;width:100%!important;min-height:20px!important;max-height:42px!important;overflow:hidden!important;padding:0 4px!important;}
.mobile-table .balance-tags .tagpill{display:inline-flex!important;align-items:center!important;height:19px!important;max-width:78px!important;padding:2px 6px!important;margin:0!important;border-radius:6px!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:color-mix(in srgb,var(--tag) 13%,white)!important;color:var(--tag)!important;border:1px solid color-mix(in srgb,var(--tag) 28%,white)!important;}
.mobile-table .card-favorite{right:10px!important;top:8px!important;z-index:999!important;}
}

/* v1.0.36 - balance amount moved into lower-right marked area */
@media(max-width:700px){
.mobile-table tr.compact-row{min-height:116px!important;grid-template-rows:34px 70px!important;}
.mobile-table td.mini-balance{grid-area:balance!important;align-self:stretch!important;justify-self:stretch!important;width:190px!important;min-width:190px!important;max-width:190px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:2px!important;padding:0 0 2px!important;overflow:visible!important;}
.mobile-table .balance-slider{order:2!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:54px!important;min-height:54px!important;padding:3px 4px 11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.mobile-table .bal-slides{height:auto!important;min-height:31px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;}
.mobile-table .bal-slide small{font-size:9px!important;margin-bottom:3px!important;}
.mobile-table .bal-slide b{font-size:18px!important;line-height:1!important;}
.mobile-table .balance-tags{order:1!important;width:100%!important;min-height:18px!important;max-height:20px!important;padding:0 4px!important;justify-content:flex-start!important;align-items:center!important;overflow:hidden!important;}
.mobile-table .bal-dots{bottom:2px!important;}
.mobile-table .card-favorite{right:10px!important;top:8px!important;}
}
@media(max-width:390px){
.mobile-table td.mini-balance{width:176px!important;min-width:176px!important;max-width:176px!important;}
}

/* v1.0.37 - amount only, no Bakiye label; reclaim empty space */
@media(max-width:700px){
.mobile-table tr.compact-row{min-height:94px!important;grid-template-rows:32px 52px!important;padding-top:8px!important;padding-bottom:8px!important;}
.mobile-table td.mini-balance{justify-content:center!important;padding:0!important;gap:0!important;}
.mobile-table .balance-slider{height:38px!important;min-height:38px!important;padding:0 4px 9px!important;justify-content:center!important;}
.mobile-table .bal-slides{height:27px!important;min-height:27px!important;align-items:center!important;}
.mobile-table .bal-slide small{display:none!important;}
.mobile-table .bal-slide b{font-size:19px!important;line-height:1!important;}
.mobile-table .bal-dots{bottom:0!important;}
.mobile-table .balance-tags{min-height:16px!important;max-height:18px!important;padding:0 4px!important;margin:0 0 1px!important;}
.mobile-table td.plate-pair{align-self:center!important;}
}

/* v1.0.38 - balance amount aligned to the right */
@media(max-width:700px){
.mobile-table td.mini-balance{align-items:flex-end!important;justify-content:center!important;text-align:right!important;}
.mobile-table .balance-slider{align-items:flex-end!important;justify-content:center!important;text-align:right!important;padding-right:8px!important;}
.mobile-table .bal-slides{width:100%!important;text-align:right!important;}
.mobile-table .bal-slide{width:100%!important;text-align:right!important;align-items:flex-end!important;}
.mobile-table .bal-slide b{display:block!important;width:100%!important;text-align:right!important;}
.mobile-table .bal-dots{width:100%!important;justify-content:flex-end!important;padding-right:2px!important;}
.mobile-table .balance-tags{justify-content:flex-end!important;text-align:right!important;}
}

/* v1.0.39 - mobile card tags slightly larger */
@media(max-width:700px){
.mobile-table .balance-tags .tagpill{
  height:23px!important;
  max-width:92px!important;
  padding:3px 8px!important;
  border-radius:7px!important;
  font-size:10px!important;
  font-weight:800!important;
}
}


/* v1.0.40 - badge tags at top-right, immediately before favorite */
@media(max-width:700px){
.mobile-table tr.compact-row{position:relative!important;padding-right:46px!important;}
.mobile-table .top-card-tags{position:absolute!important;right:48px!important;top:9px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;max-width:46%!important;overflow:hidden!important;z-index:20!important;}
.mobile-table .top-card-tags .tagpill{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;height:24px!important;max-width:82px!important;padding:3px 8px!important;margin:0!important;border-radius:7px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:color-mix(in srgb,var(--tag) 14%,white)!important;color:var(--tag)!important;border:1px solid color-mix(in srgb,var(--tag) 30%,white)!important;}
.mobile-table .card-favorite{right:9px!important;top:6px!important;}
.mobile-table .balance-tags{display:none!important;}
}

/* v1.0.41 - transparent plates, black text, dark-blue frame */
@media(max-width:700px){
.mobile-table td.plate-pair .mini-plate,
.mobile-table .mini-plate{
  background:transparent!important;
  background-color:transparent!important;
  color:#111827!important;
  border:2px solid #0b3478!important;
  outline:1px solid #0b3478!important;
  box-shadow:inset 0 0 0 1px rgba(11,52,120,.18)!important;
  text-shadow:none!important;
  font-weight:900!important;
}
}

/* v1.0.42 - dark-blue plates, white text, slightly larger and content-fit height */
@media(max-width:700px){
.mobile-table td.plate-pair .mini-plate,
.mobile-table .mini-plate{
  background:#0b3478!important;
  background-color:#0b3478!important;
  color:#fff!important;
  border:2px solid #0b3478!important;
  outline:1px solid #7db5e8!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
  text-shadow:none!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.05!important;
  height:auto!important;
  min-height:0!important;
  padding:6px 9px!important;
  border-radius:7px!important;
}
}

/* v1.0.43 - tags start further left; favorite stays at far top-right */
@media(max-width:700px){
.mobile-table .top-card-tags{
  right:50px!important;
  top:8px!important;
  max-width:58%!important;
  width:auto!important;
  justify-content:flex-end!important;
  gap:5px!important;
}
.mobile-table .card-favorite{
  right:8px!important;
  top:5px!important;
  width:36px!important;
  height:36px!important;
}
.mobile-table .card-favorite .favbtn{
  width:36px!important;
  height:36px!important;
  font-size:31px!important;
  line-height:36px!important;
}
}

/* v1.0.44 - compact mobile rows: remove vertical dead space */
@media(max-width:700px){
.mobile-table tr.compact-row{
  min-height:76px!important;
  grid-template-rows:28px 36px!important;
  row-gap:2px!important;
  padding:6px 46px 6px 10px!important;
  margin-bottom:6px!important;
}
.mobile-table td.mini-name{align-self:center!important;}
.mobile-table .name-line{min-height:28px!important;}
.mobile-table td.plate-pair{align-self:center!important;height:34px!important;}
.mobile-table td.plate-pair .mini-plate,.mobile-table .mini-plate{
  padding:5px 9px!important;
  line-height:1!important;
}
.mobile-table td.mini-balance{align-self:center!important;height:34px!important;min-height:34px!important;justify-content:center!important;}
.mobile-table .balance-slider{height:34px!important;min-height:34px!important;padding:0 4px 7px!important;}
.mobile-table .bal-slides{height:25px!important;min-height:25px!important;}
.mobile-table .bal-slide b{font-size:18px!important;line-height:1!important;}
.mobile-table .top-card-tags{top:6px!important;}
.mobile-table .card-favorite{top:3px!important;}
}

/* v1.0.45 - ID and name same size, soft gray */
@media(max-width:700px){
.mobile-table td.mini-id{
  color:#8f98a5!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:28px!important;
  opacity:.82!important;
}
.mobile-table .mini-name b{
  color:#8f98a5!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:28px!important;
}
}

/* v1.0.46 - zero amounts use a soft gray */
@media(max-width:700px){
.mobile-table .bal-slide.zero-amount b,
.mobile-table .mini-balance.debit .bal-slide.zero-amount b,
.mobile-table .mini-balance.credit .bal-slide.zero-amount b{
  color:#a7adb5!important;
  opacity:.72!important;
}
}

/* v1.0.47 - modern soft-gray identity row */
@media(max-width:700px){
.mobile-table td.mini-id,
.mobile-table .mini-name b{
  color:#9aa3ad!important;
  font-size:16px!important;
  font-weight:650!important;
  letter-spacing:-.15px!important;
  opacity:.78!important;
  text-shadow:none!important;
}
.mobile-table td.mini-id{
  font-variant-numeric:tabular-nums!important;
}
}

/* v1.0.48 - fix inline ID: same modern muted gray as name */
@media(max-width:700px){
.mobile-table .name-line .name-id,
.mobile-table .name-line b{
  color:#9aa3ad!important;
  font-size:16px!important;
  font-weight:650!important;
  line-height:28px!important;
  letter-spacing:-.15px!important;
  opacity:.78!important;
  text-shadow:none!important;
}
.mobile-table .name-line .name-id{
  font-variant-numeric:tabular-nums!important;
  min-width:62px!important;
  display:inline-block!important;
}
}