/* Detail alignment against the supplied phone screenshots. */
.order-header{height:64px}
.order-tabs button{padding:12px 0 11px}
.order-prior{height:87px;background:#fff;border-radius:0 0 13px 13px;margin-bottom:9px;padding:11px 13px 10px;display:flex;flex-direction:column;justify-content:space-between}
.order-prior-income{text-align:right;font-size:12px}
.order-prior-income b{font-size:17px}
.order-product img{width:86px;height:95px}
.order-title{font-size:16px;line-height:1.3}
.order-variant{font-size:13px;line-height:1.4}
.order-details{padding:11px 10px;margin-top:15px}
.order-details>div{font-size:13px;line-height:1.5;padding:3px 0;grid-template-columns:75px 1fr}
.order-details>div:last-child span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.order-actions button{min-height:40px;font-size:13px}
.order-income{margin:16px 0 12px;font-size:13px}
.metric-grid{gap:11px}
.metric{min-height:98px;padding:13px 12px}
.metric.primary{min-height:101px}
.metric .label{font-size:13px}
.metric .value{font-size:20px}
.metric-main-row .value{font-size:20px}
.metric .past{font-size:12px}
.metric-pages{margin-top:12px}
.trend-tabs{margin:5px 0 8px}
.chart-legend{margin-bottom:1px}
.topbar.centered{height:64px}
.wallet-blue{padding:18px 13px 12px}
.wallet-blue h2{margin-bottom:14px}
.wallet-balances b{margin-top:6px}
.wallet-subcard{padding:11px 14px}
.wallet-subcard:last-of-type{padding:15px 14px;min-height:130px}
.wallet-line{font-size:15px}
.wallet-warning{font-size:14px}
@media(max-width:365px){.order-title{font-size:13px}.order-variant{font-size:11px}.order-product img{width:72px;height:85px}.order-actions button{font-size:11px;padding:6px 2px}.metric{padding:11px 9px}.metric .label{font-size:11px}.metric-main-row .value{font-size:17px}}
.order-header svg{width:23px;height:23px;stroke:#303741;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.data-campaign{height:73px;position:relative;overflow:hidden}
.data-campaign b{display:flex;align-items:center;gap:6px;white-space:nowrap;margin-top:5px;font-size:14px}
.data-campaign .campaign-slogan{float:none;background:none;border-radius:0;color:#e45718;padding:0;font-size:14px}
.data-campaign .campaign-cta{float:none;position:relative;z-index:2;background:#f36b25;color:#fff;border-radius:5px;padding:5px 7px;font-size:11px}
.data-campaign .promo-stickers{position:absolute;right:4px;top:6px;display:flex;gap:4px;align-items:center;z-index:1}
.promo-stickers i{font-style:normal;display:grid;place-items:center;width:30px;height:35px;background:#52c552;color:white;font-size:10px;font-weight:700;line-height:1.1;transform:rotate(12deg);box-shadow:2px 3px 0 #eac859}
.promo-stickers i:nth-child(2){background:#f9a51c;transform:rotate(-8deg);width:32px;height:31px;border-radius:3px}
.promo-stickers i:nth-child(3){background:#ff9d00;border:4px solid #ffc643;border-radius:50%;transform:rotate(18deg);width:39px;height:39px;font-size:18px}
@media(max-width:390px){.data-campaign .campaign-slogan{font-size:12px}.data-campaign .campaign-cta{font-size:10px;padding:4px 5px}.promo-stickers i{width:24px;height:30px}.promo-stickers i:nth-child(2){width:25px;height:27px}.promo-stickers i:nth-child(3){width:33px;height:33px}}
.wallet-balances>div+div{border-left:1px solid #ffffff22;padding-left:12px}
.wallet-details{position:relative}
.wallet-details::before{content:"";position:absolute;left:23px;top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}
.wallet-subcard.wallet-advance{padding:15px 14px;min-height:132px}
.wallet-advance h3{white-space:nowrap}
.wallet-advance .rate{float:right;font-size:11px;color:#b6bbc3;font-weight:400;margin-top:3px}
.first-free{color:#d88334}
.wallet-loan{background:linear-gradient(#fffaf7,#fff);min-height:150px}
.wallet-loan h2{font-size:20px;margin:24px 0 10px}
.reference-slice{position:relative;width:100%;overflow:hidden;background:#f0f7ff}
.reference-slice>img{display:block;position:absolute;left:0;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none}
.reference-hits{position:absolute;inset:0}
.reference-hits button{position:absolute;border:0;background:transparent;padding:0;cursor:pointer}
.data-back-hit{left:1%;top:7%;width:10%;height:25%}
.data-settings-hit{right:0;top:7%;width:12%;height:25%}
.data-banner-hit{left:3%;right:3%;top:55%;height:40%}
.wallet-back-hit{left:1%;top:5%;width:10%;height:45%}
.wallet-faq-hit{right:0;top:5%;width:23%;height:45%}
.wallet-freeze-hit{left:35%;top:55%;width:33%;height:42%}
.wallet-details .withdraw-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:9px;justify-content:initial}
.withdraw-row b{text-align:right;white-space:nowrap}
.withdraw-row button{white-space:nowrap}
.panel-switch{width:139px;min-width:139px}
.panel-switch b{flex:1;text-align:center;font-size:14px;padding:8px 4px}
.select-row .select-pill:first-child{width:126px}
.select-row .select-pill.light{width:89px}
.select-pill,.configure{font-size:13px}
.metric .label{font-size:14px}
.metric .past{font-size:13px}
.rank{font-size:23px}
@media(max-width:365px){.panel-switch{width:111px;min-width:111px}.panel-switch b{font-size:12px}.analysis-link{display:none}.select-row .select-pill:first-child{width:113px}.select-row .select-pill.light{width:78px}.metric .label{font-size:11px}.metric .past{font-size:10px}.rank{font-size:16px}}
.reference-slice + .wallet-card{margin-top:0}
.wallet-details .withdraw-row{margin-right:-5px;column-gap:4px}
@media(max-width:410px){.analysis-link{display:none}.panel-switch{width:125px;min-width:125px}.panel-switch b{font-size:13px}}
.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{min-width:0;overflow:hidden}
@media(max-width:410px){.metric:not(.primary) .value{font-size:17px}}
.data-panel{padding-top:12px}.metric-pages{margin-top:5px}.trend-tabs{margin-top:10px}