.home-layout{min-height:calc(100dvh - 112px);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:8px 0 18px}.home-title{padding:0 2px 2px}.home-title h1{font-size:22px;margin:0}.home-service{position:relative;overflow:hidden;background:var(--a-surface);border:1px solid var(--a-line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;isolation:isolate}.home-service::before{content:"";position:absolute;z-index:-1;inset:-70px -30px auto;height:130px;opacity:.24;filter:blur(30px);pointer-events:none}.home-service.activation::before{background:var(--a-accent)}.home-service.wholesale::before{background:var(--a-blue)}.service-edge{position:absolute;top:0;left:14px;right:14px;height:2px;border-radius:0 0 2px 2px}.activation .service-edge{background:var(--a-accent)}.wholesale .service-edge{background:var(--a-blue)}.home-service-head{min-height:66px;display:flex;align-items:center;gap:10px}.home-service-head>img{width:66px;height:66px;object-fit:contain;flex:none;margin:-4px 0 -4px -4px}.home-service-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.home-service-copy>b{font-size:17px;line-height:1.22}.home-service p{margin:0;color:var(--a-text-2);font-size:14px;line-height:1.48}.live-line{display:flex;align-items:center;gap:6px;color:var(--a-text-2);font-size:12px}.live-line i{width:7px;height:7px;border-radius:50%;background:var(--a-accent);box-shadow:0 0 10px var(--a-accent)}.home-service .btn{width:100%}.wholesale-button{background:var(--a-blue);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--a-blue) 30%,transparent)}.home-service.activation>.btn{box-shadow:0 8px 22px color-mix(in srgb,var(--a-accent) 30%,transparent)}
.type-card,.online-card,.take-card,.offer-card{background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:11px}.type-card{padding:12px 14px}.type-tabs button{font-size:13.5px;padding:0 6px}.type-hint{color:var(--a-text-2);font-size:13px;line-height:1.4}.type-hint.warn{color:var(--a-amber)}.inline-number{width:92px;min-height:40px;border:0;border-radius:10px;background:var(--a-raised);padding:7px 10px;text-align:right;outline:0}.ui-row.standalone{border:1px solid var(--a-line);border-radius:14px;background:var(--a-surface);padding:10px 14px}.online-card{padding:14px 14px 2px}.online-card>.spread>span{display:flex;flex-direction:column}.online-card>.spread>span>b{font-size:18px}.online-card>.spread small{color:var(--a-text-3)}.online-card .ui-row{border-top:1px solid var(--a-line)}.online-card strong{font-size:18px}.take-card{border-color:var(--a-accent)}.compact{padding:20px 14px}.task-actions{margin-top:-6px;margin-bottom:4px}.task-tabs{margin-bottom:2px}.offer-empty .small-icon{margin:auto}.offer-card{gap:10px}.offer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.offer-stats>span{min-width:0;padding:9px;border-radius:10px;background:var(--a-raised);display:flex;flex-direction:column;gap:2px}.offer-stats small{color:var(--a-text-3);font-size:11px;text-transform:uppercase}.offer-stats b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.passive{display:inline-flex;align-items:center;cursor:default;min-height:30px;font-size:12px}.sim-form{display:flex;flex-direction:column;gap:12px}.sim-form .inline-select{font-size:13.5px}.sim-form>.btn{width:100%}
.online-card.is-offline{padding-top:16px;border-color:var(--a-amber);background:color-mix(in srgb,var(--a-amber) 9%,var(--a-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--a-amber) 18%,transparent),0 10px 24px color-mix(in srgb,var(--a-amber) 10%,transparent)}.offline-callout{display:flex;align-items:center;gap:11px}.offline-callout-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--a-amber);color:#fff;font-size:24px;font-weight:800}.offline-callout .grow{display:flex;flex-direction:column;gap:2px}.offline-callout b{font-size:19px}.offline-callout small{color:var(--a-text-2)!important}.online-cta{width:100%;background:var(--a-amber);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--a-amber) 28%,transparent)}
.allocation-summary strong{margin-top:8px;font-size:18px}.allocation-summary>span{color:var(--a-accent);font-weight:600}.allocation-summary>span.error{color:var(--a-amber)}.allocation-card small{display:block;color:var(--a-text-3)}.allocation-quantity{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--a-line);padding-top:10px;font-weight:600}.allocation-quantity .input{width:105px;text-align:center;min-height:44px}.split-only[hidden],.single-supplier[hidden]{display:none!important}
@media(max-width:370px){.home-layout{gap:9px}.home-service{padding:12px;gap:9px}.home-service-head{min-height:58px}.home-service-head>img{width:58px;height:58px}.home-service-copy>b{font-size:15.5px}.home-service p{font-size:13px}.type-tabs button{font-size:12.5px}.offer-stats b{font-size:12.5px}.inline-select{max-width:43%}}
@media(max-height:700px){.home-layout{justify-content:flex-start}.home-service{gap:8px;padding-top:11px;padding-bottom:11px}.home-service-head{min-height:56px}.home-service-head>img{width:58px;height:58px}.home-service .btn{min-height:46px}.home-service p{font-size:13px}}

.profile-balance{border-color:color-mix(in srgb,var(--a-accent) 32%,var(--a-line));box-shadow:0 8px 24px color-mix(in srgb,var(--a-accent) 7%,transparent)}.profile-balance .ui-row{min-height:68px}.profile-balance .small-icon{background:var(--a-accent-soft);color:var(--a-accent)}.profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-actions>.btn:only-child{grid-column:1/-1}.profile-actions .btn{padding:0 10px;font-size:14px}.loyalty-summary strong{font-size:30px}.loyalty-summary>span{color:var(--a-text-2)}.loyalty-progress{height:8px;overflow:hidden;border-radius:4px;background:var(--a-line)}.loyalty-progress i{display:block;height:100%;border-radius:inherit;background:var(--a-accent)}.deposit-total{border-color:color-mix(in srgb,var(--a-accent) 34%,var(--a-line));background:var(--a-accent-soft)}
html.client-home body{
  background-image:linear-gradient(165deg,color-mix(in srgb,var(--a-accent) 14%,var(--a-bg)) 0,color-mix(in srgb,var(--a-accent) 6%,var(--a-bg)) 220px,var(--a-bg) 560px);
  background-repeat:no-repeat;
  background-size:100% 560px;
}
html[data-theme="light"].client-home body{
  background-image:linear-gradient(165deg,color-mix(in srgb,var(--a-accent) 8%,var(--a-bg)) 0,color-mix(in srgb,var(--a-accent) 3%,var(--a-bg)) 220px,var(--a-bg) 560px);
}