.luma-theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:none;gap:8px;white-space:nowrap;position:static!important;margin:0 0 0 auto!important;padding:9px 13px!important;border:1px solid #ccd9e5!important;border-radius:999px!important;background:#edf3fa!important;color:#18304a!important;font:500 13px Kanit,system-ui,sans-serif!important;cursor:pointer;min-height:40px;box-shadow:none!important}
.luma-theme-toggle:focus-visible{outline:3px solid #37b9ef;outline-offset:3px}.luma-theme-bar{display:flex;justify-content:flex-end;padding:12px 20px;max-width:1440px;margin:auto}header.top,.top-inner{flex-wrap:wrap}
html[data-theme=dark]{color-scheme:dark;--ink:#e4edf8;--muted:#a7b9ce;--blue:#6e9bff;--blue-soft:#203552;--line:#30425b;--paper:#142337;--bg:#0b1422;--gold:#f1cf77;--gold-bg:#30291b;--green:#65d3a5;--red:#ff9a9a;--shadow:0 12px 32px #0003}
html[data-theme=dark] body{background:#0b1422!important;color:#e4edf8!important}
html[data-theme=dark] :is(header,.topbar,.top,.top-inner,.tabs,.side-menu,.sidebar,.side-nav,#sideMenu){background:#101e30!important;border-color:#30425b!important;color:#e4edf8!important}
html[data-theme=dark] :is(.card,.login-card,.auth-card,.panel,.profile-row,.tool-card,.stat-card,.live-status-card,.activity-card,.review-card,.entry-topic,dialog,details,.table-wrap){background:#142337!important;border-color:#30425b!important;color:#e4edf8!important}
html[data-theme=dark] :is(input,textarea,select){background:#0e1b2d!important;color:#e4edf8!important;border-color:#40546f!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9bacc2!important}
html[data-theme=dark] :is(h1,h2,h3,h4,label,summary,.stat b,.stat-value,.section-head,.profile-row b){color:#e4edf8}
html[data-theme=dark] :is(.muted,.help,.small,.card-sub,.stat-foot,.stat-label,footer,.row small,.heading p,.brand small,.empty){color:#a7b9ce!important}
html[data-theme=dark] :is(th,td,.row,.profile-row,.field,.steps){border-color:#30425b!important}html[data-theme=dark] th{background:#1b2d44!important;color:#b7cae1!important}
html[data-theme=dark] :is(.btn:not(.primary):not(.danger),button.secondary,a.secondary,.tab){background:#20334b!important;color:#e4edf8!important;border-color:#40546f!important}
html[data-theme=dark] :is(.btn.primary,button[type=submit]){background:#315fd1!important;color:#fff!important;border-color:#537de1!important}
html[data-theme=dark] :is(.tab.active,.side-nav a.active){background:#254774!important;color:#e3efff!important}
html[data-theme=dark] :is(.message,.notice,.check,.mono,.empty-state){background:#1a304a!important;color:#c4def5!important;border-color:#36536e!important}
html[data-theme=dark] :is(.warn,.warning,.pill.off,.badge.is-off){background:#342b19!important;color:#f3d391!important;border-color:#705c32!important}
html[data-theme=dark] :is(.error,.btn.danger){background:#40252e!important;color:#ffc1c8!important;border-color:#713e4b!important}
html[data-theme=dark] .luma-theme-toggle{background:#213853!important;color:#f4d890!important;border-color:#48617e!important}
/* Message previews retain the colors actually sent to LINE. */
html[data-theme=dark] :is(#broadcastPreview,#completionFlexPreview,#salesDraftPreview,#entryPreview){color:#17202b;color-scheme:light}
html[data-theme=dark] :is(#broadcastPreview,#completionFlexPreview,#salesDraftPreview,#entryPreview) :is(h1,h2,h3,h4){color:inherit}
.oa-slot-info{margin:12px 0;padding:14px 16px;border:1px solid var(--line,#d8e5ef);border-radius:12px;background:var(--paper,#fff);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.oa-slot-info a{font-weight:600;color:var(--blue,#315cf5)}
@media(max-width:640px){.luma-theme-toggle{font-size:12px!important;padding:8px 11px!important}.top-inner{gap:8px}.luma-theme-bar{padding:10px 16px}}
html[data-theme=dark] :is(#sideMenu a,#sideMenu p,.side-foot,.top>span,.brand small){color:#bbcee5!important}html[data-theme=dark] .side-foot{background:#1b2d44!important;border-color:#30425b!important}html[data-theme=dark] img.dashboard-logo,html[data-theme=dark] #sideMenu .brand img{background:#f4f8fc;border-radius:10px;padding:5px}
@media(min-width:901px){.wrap>#keys.section.active{grid-row:4}.wrap>#connect.section.active{grid-row:5}}
html[data-theme=dark] #profileNotice :is(strong,span){color:#f3d391!important}html[data-theme=dark] .tabs :is(button,a){color:#c7d8ef!important}html[data-theme=dark] .tabs .tab.active{background:#254774!important;color:#fff!important}


/* Connection heading stays legible and clear of the sticky header. */
#connect{margin-top:28px;scroll-margin-top:150px}
#connect>.heading{display:block;margin:0 0 20px!important;padding:0!important}
#connect>.heading>div{width:100%;min-width:0}
#connect>.heading h1{font-size:clamp(23px,2.3vw,30px);line-height:1.4;margin:0 0 8px;letter-spacing:normal}
#connect>.heading p{font-size:15px;line-height:1.8;max-width:none;margin:0;color:var(--muted,#60738b);overflow-wrap:break-word;word-break:normal}
#lineConnectionForm{margin-top:0!important;scroll-margin-top:150px}
#oaSetupDialog{box-sizing:border-box;padding:24px!important;max-width:580px;max-height:calc(100dvh - 32px)!important}
#oaSetupDialog::backdrop{background:rgba(5,15,30,.65)}
#oaSetupForm h2{margin:0 0 8px;line-height:1.5;font-size:24px}
#oaSetupForm>p{font-size:14px;line-height:1.75;margin:0 0 20px}
#oaSetupForm .field{display:block;margin:16px 0}
#oaSetupForm label{display:block;margin:0 0 8px;font-size:14px;line-height:1.6}
#oaSetupForm input{display:block;width:100%;min-height:46px;padding:11px 12px;border:1px solid #bccbda;border-radius:10px;font:inherit;box-sizing:border-box}
#oaSetupForm>div:last-child{flex-wrap:wrap}
@media(max-width:680px){#connect,#lineConnectionForm{scroll-margin-top:96px}#oaSetupDialog{padding:20px!important}#oaSetupForm h2{font-size:21px}}

.oa-connect-steps{padding:0;margin:20px 0 24px;list-style:none;counter-reset:none;display:flex;flex-direction:column;gap:18px}
.oa-connect-steps>li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:0;line-height:1.7}
.oa-connect-steps>li:before,.oa-connect-steps>li:after{content:none!important;counter-increment:none!important}
.oa-connect-steps .oa-step-number{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#e8efff;color:#2854bc;border-radius:10px;font-size:16px;font-weight:700}
.oa-connect-steps strong{display:block;font-size:15px}.oa-connect-steps p{margin:3px 0 0;font-size:14px;color:var(--muted,#60738b);overflow-wrap:anywhere}
html[data-theme=dark] .oa-connect-steps .oa-step-number{background:#253e64;color:#c5ddff}
/* Clear surface hierarchy and section accents. */
html[data-theme=light]{--bg:#e9eff7;--paper:#fff;--line:#cbd7e6;--muted:#53657c}
html[data-theme=light] body{background:#e9eff7!important;color:#182a42!important}
html[data-theme=light] :is(.card,.profile-row,.activity-card,.live-status-card,dialog){border-color:#c5d3e3;box-shadow:0 8px 24px #1839570b}
html[data-theme=light] :is(input,textarea,select){background:#f3f7fc;border-color:#aebfd3;color:#182a42}
html[data-theme=dark]{--bg:#090f1b;--paper:#213149;--line:#536a85;--muted:#bccbde;--ink:#f2f6fc}
html[data-theme=dark] body{background:#090f1b!important;color:#f2f6fc!important}
html[data-theme=dark] :is(header,.topbar,.top,.top-inner){background:#14263e!important;border-bottom-color:#46617f!important}
html[data-theme=dark] :is(.tabs,.side-menu,.sidebar,.side-nav,#sideMenu){background:#101b2d!important;border-color:#3c506e!important}
html[data-theme=dark] :is(.card,.login-card,.auth-card,.panel,.tool-card,.stat-card,.live-status-card,.activity-card,.review-card,.entry-topic,dialog,details,.table-wrap){background:#213149!important;border-color:#526985!important;box-shadow:0 8px 22px #0003}
html[data-theme=dark] .profile-row{background:#2b405a!important;border-color:#6b83a0!important}
html[data-theme=dark] :is(input,textarea,select){background:#0e192a!important;border-color:#7186a1!important;color:#f4f7ff!important}
html[data-theme=dark] :is(input,textarea,select):focus{outline:3px solid #3dbdf0!important;outline-offset:2px}
html[data-theme=dark] :is(.btn:not(.primary):not(.danger),button.secondary,a.secondary){background:#304864!important;border-color:#7189a7!important;color:#fff!important}
html[data-theme=dark] :is(.btn.primary,button[type=submit]){background:#2864dc!important;border-color:#8eb7ff!important;color:#fff!important;box-shadow:0 3px 12px #07142c55}
html[data-theme=dark] .tabs .tab{background:transparent!important;border-color:transparent!important}
html[data-theme=dark] .tabs .tab.active,html[data-theme=dark] .side-nav a.active{background:#163c5b!important;border-left:4px solid #45d6ed!important;color:#b9f5ff!important}
html[data-theme=dark] th{background:#304863!important;color:#eef5ff!important}html[data-theme=dark] :is(td,.row){border-color:#526985!important}
html[data-theme=dark] :is(.help,.muted,.card-sub,.heading p,.stat-label,.stat-foot,.row small){color:#c1cfe0!important}
html[data-theme=dark] .oa-slot-info{background:#173b52;border-color:#4491ac;color:#d4f5ff}
html[data-theme=dark] .oa-slot-info a{color:#82e3ff}
html[data-theme=light] .oa-slot-info{background:#e8f7fc;border-color:#79bdd5;color:#16465e}
#profiles>.card{border-top:4px solid #22b8d2!important}
#lineConnectionForm{border-top:4px solid #6f94ff!important}
#connect>.card:not(#lineConnectionForm){border-top:4px solid #a48ae9!important}
:is(#activities,#rules,#messages,#entryMenu,#salesDraft,#broadcastFlex)>.card{border-top:3px solid #6f94ff}
html[data-theme=dark] #connect>.card:not(#lineConnectionForm){background:#282c47!important}
html[data-theme=light] #connect>.card:not(#lineConnectionForm){background:#f7f5ff}
#profileNotice{border:1px solid #c69b43!important;border-left:4px solid #e6ad3e!important}
body:has(#connectionBadge:not(.is-off)) #profileNotice{background:#e6f7ed!important;border-color:#61ad85!important;color:#185d3a!important}
body:has(#connectionBadge:not(.is-off)) #profileNotice :is(strong,span){color:#185d3a!important}
html[data-theme=dark] body:has(#connectionBadge:not(.is-off)) #profileNotice{background:#153e35!important;border-color:#4eaa86!important}
html[data-theme=dark] body:has(#connectionBadge:not(.is-off)) #profileNotice :is(strong,span){color:#b7f4d6!important}
html[data-theme=dark] .mono{background:#101e31!important;border:1px solid #617c9e;color:#9fe5ff!important}
html[data-theme=dark] .oa-connect-steps .oa-step-number{background:#524d85;color:#fff;border:1px solid #a49cda}
html[data-theme=dark] #appRoot .tabs .tab{background:transparent!important;color:#c7d8ef!important}
html[data-theme=dark] #appRoot .tabs .tab.active{background:#164562!important;color:#d5f9ff!important;border-left:4px solid #45d6ed!important}
html[data-theme=dark] #profiles .help,html[data-theme=dark] #profiles small{color:#c1cfe0!important}
html[data-theme=light] #profileList .profile-row{background:#f1f6fc!important;border:1px solid #b7c9df!important}
html[data-theme=light] #appRoot :is(input,textarea,select){background:#f3f7fc!important;border-color:#aebfd3!important;color:#182a42!important}

/* Tool contrast and compact OA controls — 20261112 */
html[data-theme=dark] .tool-link{background:#213149!important;border-color:#526985!important;opacity:1!important}
html[data-theme=dark] .tool-link b{color:#f1f6ff!important}
html[data-theme=dark] .tool-link p{color:#c3d1e3!important}
html[data-theme=dark] .tool-link .tool-access,html[data-theme=dark] .tool-link b span{color:#67d8f1!important}
html[data-theme=dark] .side-foot strong{color:#f1f6ff!important}
html[data-theme=dark] .empty{background:#18283e!important;border-color:#627b99!important;color:#c3d1e3!important}
html[data-theme=dark] .empty b{color:#f1f6ff!important}
#profileNotice[hidden],#connectionBadge[hidden]{display:none!important}
@media(min-width:901px){#appRoot.wrap{grid-template-rows:min-content min-content 1fr;align-content:start}#appRoot>#profileNotice{margin-bottom:18px}#appRoot>#profiles.active{margin-top:0}}
.oa-power-button{border:1px solid #186842;border-radius:10px;background:#19834f;color:#fff;padding:10px 20px;min-height:44px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.oa-power-button.is-enabled{background:#fff4e4;color:#74440a;border-color:#b9863b}
.oa-power-button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
html[data-theme=dark] .profile-row>.profile-row-toggle{color:#dce8f7!important;border-color:#526985!important}
html[data-theme=dark] .oa-power-button.is-enabled{background:#503a19;color:#ffe0a3;border-color:#bc9449}

/* Mobile logo: solid light backing, readable wordmark, no flex shrinking. */
html[data-theme=dark] img[src*="lumaoa-logo"]{background:#fff!important;padding:8px 10px!important;border:1px solid #cce8f3!important;border-radius:12px!important;opacity:1!important;filter:none!important;object-fit:contain;box-sizing:border-box}
html[data-theme=dark] :is(.mobile-brand,.workspace-logo){flex-shrink:0!important;background:#fff!important;border-radius:12px;box-shadow:0 0 0 1px #76c8e566,0 4px 14px #0003}
html[data-theme=dark] .workspace-logo{padding:0!important}
html[data-theme=dark] .side-foot :is(b,strong){color:#f1f6ff!important}
@media(max-width:800px){
 html[data-theme=dark] :is(.mobile-brand,.workspace-logo) .dashboard-logo{width:150px!important;min-width:150px!important;max-width:100%!important;height:auto!important}
 html[data-theme=dark] header>img[src*="lumaoa-logo"]{width:150px!important;height:auto!important;flex-shrink:0}
}

/* Trial contact panel: explicit text/surface pairs in both themes. */
.contact-trial{background:#eaf6fc!important;border:1px solid #8abbd3!important;border-top:4px solid #1596be!important;padding:22px!important;border-radius:16px!important}
.contact-trial h2{color:#153950!important;font-size:21px!important;line-height:1.5!important;margin:0 0 8px!important}
.contact-trial .muted{color:#355468!important;font-size:15px!important;line-height:1.75!important}
.contact-trial button:disabled{background:#dbe6ee!important;color:#405568!important;border:1px solid #9bafbf!important;opacity:1!important;min-height:48px;font-size:15px!important;font-weight:600!important}
.contact-trial #contact-note{font-size:14px!important;margin-top:12px!important}
html[data-theme=dark] .contact-trial{background:#17364a!important;border-color:#4b91b1!important;border-top-color:#56d9ee!important}
html[data-theme=dark] .contact-trial h2{color:#f4fbff!important}
html[data-theme=dark] .contact-trial .muted{color:#d0e5f2!important}
html[data-theme=dark] .contact-trial button:disabled{background:#304b60!important;color:#e2edf5!important;border-color:#7493a8!important;opacity:1!important}

/* Wallet summary: readable credit amount in both themes. */
html[data-theme=dark] .wallet-peek{background:#17364a!important;border:1px solid #5c92ad!important;border-top:4px solid #54d6ec!important;color:#f4fbff!important;box-shadow:0 8px 24px #0003}
html[data-theme=dark] .wallet-peek .wallet-label{color:#d4e6f1!important}
html[data-theme=dark] .wallet-peek #walletBalance{color:#fff!important;opacity:1!important;font-weight:750;font-variant-numeric:tabular-nums}
html[data-theme=dark] .wallet-peek a,html[data-theme=dark] .wallet-peek svg{color:#80e8ff!important}
html[data-theme=light] .wallet-peek{background:#fff!important;color:#16334b!important;border-color:#a7c5d8!important}
html[data-theme=light] .wallet-peek #walletBalance{color:#14334c!important;opacity:1!important}
html[data-theme=light] .wallet-peek .wallet-label{color:#455d72!important}

/* Saved setup status by selected OA, never inferred from package access. */
.tool-setup-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px;margin:18px 0 28px;background:#edf4fb;border:1px solid #b4c9de;border-radius:14px}
.tool-setup-controls label{font-weight:600}.tool-setup-controls select{min-width:200px;max-width:100%;padding:10px;border-radius:9px;border:1px solid #879fb8;font:inherit}.tool-setup-controls p{flex-basis:100%;margin:0;font-size:13px;line-height:1.8;color:#455c72}
.tool-link .tool-setup-status{display:block;padding:9px 12px;margin:0 0 15px;border-radius:8px;font-size:13px;font-weight:650;line-height:1.6;background:#edf1f5;color:#435568;border:1px solid #aebdcb}
.tool-link[data-setup-state=ready] .tool-setup-status{background:#dff5e7;color:#146137;border-color:#67b384}
.tool-link[data-setup-state=missing] .tool-setup-status{background:#ffebed;color:#a52235;border-color:#d4828e}
html[data-theme=dark] .tool-setup-controls{background:#182c43;border-color:#5b7896}html[data-theme=dark] .tool-setup-controls p{color:#c3d4e6}
html[data-theme=dark] .tool-link .tool-setup-status{background:#304358;color:#e3ecf7;border-color:#70879d}
html[data-theme=dark] .tool-link[data-setup-state=ready] .tool-setup-status{background:#164532;color:#c2f7d6;border-color:#5bba82}
html[data-theme=dark] .tool-link[data-setup-state=missing] .tool-setup-status{background:#512735;color:#ffdae0;border-color:#d17a8c}
@media(max-width:600px){.tool-setup-controls{align-items:stretch}.tool-setup-controls label,.tool-setup-controls select{width:100%}}

/* Package availability indicator, not a LINE delivery/uptime claim. */
.plan-live-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;line-height:1.8}
.plan-live-badge{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:5px 12px;border-radius:999px;background:#f0e4e6;color:#892b3c;border:1px solid #c58a94;font-size:12px;font-weight:750;letter-spacing:.05em}
.plan-live-dot{width:9px;height:9px;border-radius:50%;background:#b83d52;display:inline-block}
.plan-live-status[data-live=true] .plan-live-badge{background:#ddf7e7;color:#126338;border-color:#73bb8d}
.plan-live-status[data-live=true] .plan-live-dot{background:#15964f;box-shadow:0 0 0 4px #15964f24}
html[data-theme=dark] .plan-live-status[data-live=true] .plan-live-badge{background:#143d2c;color:#a8f5c6;border-color:#4cac73}
html[data-theme=dark] .plan-live-status[data-live=true] .plan-live-dot{background:#56e891;box-shadow:0 0 0 4px #56e89124,0 0 9px #56e89170}
html[data-theme=dark] .plan-live-status[data-live=false] .plan-live-badge{background:#492936;color:#ffcbd4;border-color:#ba7080}

/* Public portal sign-in panel: complete dark surface and clear form hierarchy. */
#login.loginwrap .loginbox{border:1px solid #b4c9dc;border-top:4px solid #14a9c9;border-radius:20px;padding:30px}
#login.loginwrap .loginbox h3{font-size:24px;line-height:1.5;margin-bottom:22px}
#login.loginwrap .loginbox label{display:block;font-size:15px;font-weight:600;margin:18px 0 8px}
#login.loginwrap .loginbox input{min-height:48px;font-size:16px;border-radius:10px}
#loginStatus:empty{display:none!important}
html[data-theme=dark] #login.loginwrap .loginbox{background:#213149!important;border-color:#607b98!important;border-top-color:#55d9ee!important;box-shadow:0 14px 36px #0003;color:#f0f6ff!important}
html[data-theme=dark] #login.loginwrap .loginbox :is(h3,label){color:#f0f6ff!important}
html[data-theme=dark] #login.loginwrap .loginbox input{background:#101d30!important;color:#fff!important;border:1px solid #839ab5!important}
html[data-theme=dark] #login.loginwrap .loginbox button[type=submit]{background:#2462d8!important;border:1px solid #8cbbff!important;color:#fff!important}
html[data-theme=dark] #login.loginwrap .loginbox a.google{background:#f4f8fc!important;border:1px solid #c9d9e8!important;color:#172e46!important;box-shadow:none!important;margin-top:18px}
html[data-theme=dark] #login.loginwrap :is(.sectionintro,.fine){color:#cbd9e9!important}
html[data-theme=dark] #login.loginwrap .fine a{color:#83e4fa!important;text-decoration:underline}
html[data-theme=light] #login.loginwrap .loginbox{background:#fff!important;color:#172e46!important}
html[data-theme=light] #login.loginwrap .loginbox :is(h3,label){color:#172e46!important}
@media(max-width:600px){#login.loginwrap .loginbox{padding:22px}#login.loginwrap .loginbox h3{font-size:22px}}

/* Keep the public-page theme control inside the navigation row. */
header .navlinks .luma-theme-toggle{margin:0!important}
header .navlinks{flex-shrink:0}
@media(max-width:600px){
 header .nav{gap:10px;flex-wrap:nowrap}
 header .nav .brand{min-width:0;flex-shrink:1}
 header .nav .brandlogo{width:130px!important;max-width:100%;height:auto!important}
 header .navlinks{gap:8px!important;margin-left:auto}
 header .navlinks .btn{padding:10px 12px!important;white-space:nowrap}
 header .navlinks .luma-theme-toggle{width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;font-size:0!important;gap:0!important}
 header .navlinks .luma-theme-toggle::after{content:'☾';font-size:21px;line-height:1}
 html[data-theme=dark] header .navlinks .luma-theme-toggle::after{content:'☀'}
}

/* Task-first customer Dashboard: separate views, overview before account administration. */
.customer-dashboard .sandbox-notice{display:none!important}
.customer-dashboard .sidebar{top:0!important}
.customer-dashboard .wrap{padding:28px 32px 50px}
.customer-dashboard #dash>[hidden],.customer-dashboard .quick-action[hidden]{display:none!important}
.customer-dashboard .welcome{margin-bottom:22px;align-items:center}
.customer-dashboard .welcome h1{font-size:28px;margin:6px 0;line-height:1.4}
.customer-dashboard .welcome .eyebrow{font-size:11px;letter-spacing:.16em;color:#1686ac}
.customer-dashboard .welcome .muted{font-size:14px;margin:0}
.customer-dashboard .dashboard-tabs{display:flex;gap:8px;padding:6px;margin-bottom:24px;background:#dce8f3;border:1px solid #b7ccdf;border-radius:14px}
.customer-dashboard .dashboard-tabs a{padding:12px 18px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;border-radius:9px;color:#38536c}
.customer-dashboard .dashboard-tabs a.active{background:#fff;color:#076a99;box-shadow:0 2px 8px #203f5d15}
.customer-dashboard .dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,1.3fr);gap:14px}
.customer-dashboard .dashboard-summary #stats{display:contents}
.customer-dashboard .dashboard-summary .stat{margin:0;padding:20px;min-height:132px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.customer-dashboard .dashboard-summary .stat:before{display:none}
.customer-dashboard .dashboard-summary .stat b{font-size:32px;line-height:1.2;margin:0}
.customer-dashboard .dashboard-summary .stat .muted{font-size:13px}
.customer-dashboard .wallet-peek{padding:18px 20px;min-width:0}
.customer-dashboard #walletBalance{font-size:30px;margin:10px 0;line-height:1.2;overflow-wrap:anywhere}
.customer-dashboard .wallet-peek a{font-size:12px}
.customer-dashboard #planNote{margin:16px 0 26px;font-size:13px}
.customer-dashboard .quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 28px}
.customer-dashboard .quick-action{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;background:#fff;border:1px solid #bacdde;border-radius:16px;min-height:158px;color:#19374f;transition:border-color .15s,box-shadow .15s}
.customer-dashboard .quick-action:hover{border-color:#1594bd;box-shadow:0 5px 20px #105c7c18}
.customer-dashboard .quick-action:focus-visible{outline:3px solid #28aee0;outline-offset:3px}
.customer-dashboard .quick-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ddf4fb;color:#08759c;font-size:19px}
.customer-dashboard .quick-action b{font-size:16px}.customer-dashboard .quick-action small{font-size:12px;color:#577086;line-height:1.6}.customer-dashboard .quick-arrow{position:absolute;right:18px;top:18px;color:#1692b9}
.customer-dashboard .section-label{margin:0 0 16px;gap:12px}.customer-dashboard .section-label h2{font-size:21px}.customer-dashboard .section-label p{font-size:13px}
.customer-dashboard #oa-section{padding:24px;margin-top:0}
.customer-dashboard #profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.customer-dashboard #profiles>.empty{grid-column:1/-1}
.customer-dashboard .oa-overview-card{background:#f3f7fb;border:1px solid #c1d3e3;border-radius:14px;padding:20px;min-width:0}
.customer-dashboard .oa-overview-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.customer-dashboard .oa-letter{display:grid;place-items:center;background:#d6f1fa;color:#0b688e;border-radius:11px;width:40px;height:40px;flex-shrink:0;font-weight:700}
.customer-dashboard .oa-overview-title h3{margin:0;font-size:17px;overflow-wrap:anywhere}.customer-dashboard .oa-overview-title p{font-size:12px;color:#526b81;margin:4px 0;line-height:1.6}
.customer-dashboard .oa-mode{margin-left:auto;font-size:11px;background:#f0e6da;color:#755223;border:1px solid #c8aa84;padding:4px 8px;border-radius:999px;white-space:nowrap}
.customer-dashboard .oa-mode.is-on{background:#dff4e7;color:#17613b;border-color:#91bb9f}
.customer-dashboard .oa-overview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.customer-dashboard .oa-overview-actions a{font-size:13px;min-height:42px}
.customer-dashboard #account-section>.card{margin-top:22px}.customer-dashboard #account-section .dashboard-main{margin-bottom:24px}
.customer-dashboard .dashboard-bottom-nav{display:none}
html[data-theme=dark] .customer-dashboard .dashboard-tabs{background:#14243a;border-color:#4b647f}
html[data-theme=dark] .customer-dashboard .dashboard-tabs a{color:#c6d6e8}
html[data-theme=dark] .customer-dashboard .dashboard-tabs a.active{background:#21516b;color:#d8f8ff}
html[data-theme=dark] .customer-dashboard :is(.quick-action,.oa-overview-card){background:#213149;border-color:#526985;color:#eef7ff}
html[data-theme=dark] .customer-dashboard :is(.quick-action small,.oa-overview-title p){color:#c1d2e4}
html[data-theme=dark] .customer-dashboard :is(.quick-icon,.oa-letter){background:#214e65;color:#a3eaff}
html[data-theme=dark] .customer-dashboard .welcome .eyebrow{color:#6ed9f0}
@media(min-width:801px) and (max-width:1150px){.customer-dashboard .dashboard-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-dashboard .wallet-peek{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.customer-dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard #profiles{grid-template-columns:1fr}.customer-dashboard .dashboard-tabs a{padding:11px;font-size:13px}}
@media(max-width:800px){
 .customer-dashboard .wrap{margin-left:0;padding:20px 16px 100px!important}
 .customer-dashboard .welcome{align-items:flex-start;gap:12px}.customer-dashboard .welcome h1{font-size:24px}.customer-dashboard .welcome>.btn{font-size:12px;padding:10px 12px;white-space:nowrap}.customer-dashboard .welcome .muted{font-size:12px}
 .customer-dashboard .dashboard-tabs{display:none}
 .customer-dashboard .dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .customer-dashboard .dashboard-summary .stat{padding:15px;min-height:103px;gap:8px}.customer-dashboard .dashboard-summary .stat b{font-size:28px}
 .customer-dashboard .wallet-peek{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:16px!important}.customer-dashboard #walletBalance{grid-column:2;grid-row:1/3;margin:0;font-size:28px}.customer-dashboard .wallet-peek a{grid-column:1}
 .customer-dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-dashboard .quick-action{padding:16px;min-height:148px}.customer-dashboard .quick-action b{font-size:15px}
 .customer-dashboard #oa-section{padding:18px}.customer-dashboard #profiles{grid-template-columns:1fr}.customer-dashboard .section-head{flex-wrap:wrap;gap:12px}
 .customer-dashboard .top{padding:10px 14px!important;gap:8px!important;flex-wrap:wrap!important;min-height:66px}
 .customer-dashboard .top>.mobile-brand{order:0;margin-right:auto}.customer-dashboard .top>.mobile-brand .dashboard-logo{width:124px!important;min-width:124px!important}
 .customer-dashboard .top>.mobile-menu{order:2;padding:8px 10px;font-size:12px;min-height:40px}.customer-dashboard .top>.luma-theme-toggle{order:1;margin:0!important;font-size:0!important;width:40px;padding:0!important}.customer-dashboard .top>.luma-theme-toggle:after{content:'☾';font-size:20px}html[data-theme=dark] .customer-dashboard .top>.luma-theme-toggle:after{content:'☀'}
 .customer-dashboard .top>nav{order:3;margin:0!important}.customer-dashboard #logout{font-size:11px;padding:8px;min-height:40px}
 .customer-dashboard .dashboard-bottom-nav{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #b4c9da;padding:7px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #17334e15;justify-content:space-around}
 .customer-dashboard .dashboard-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-height:48px;font-size:10px;color:#536c82;border-radius:10px;white-space:nowrap}
 .customer-dashboard .dashboard-bottom-nav a span{font-size:20px;line-height:1.1}.customer-dashboard .dashboard-bottom-nav a.active{background:#e3f3fa;color:#066d97;font-weight:600}
 html[data-theme=dark] .customer-dashboard .dashboard-bottom-nav{background:#14243a;border-color:#49627d}html[data-theme=dark] .customer-dashboard .dashboard-bottom-nav a{color:#c7d7e8}html[data-theme=dark] .customer-dashboard .dashboard-bottom-nav a.active{background:#22516b;color:#c9f6ff}
 .customer-dashboard footer{padding-bottom:90px}.customer-dashboard #account-section .dashboard-main{grid-template-columns:1fr}
}

.customer-dashboard #branches .row{gap:12px;flex-wrap:wrap}.customer-dashboard #branches .row .btn{font-size:12px}
@media(min-width:801px){.customer-dashboard .top>nav{margin-left:auto}.customer-dashboard .top>.luma-theme-toggle{margin-left:0!important}}
@media(max-width:800px){.customer-dashboard .welcome{flex-wrap:wrap}.customer-dashboard .welcome>.btn{display:inline-flex!important;align-items:center;min-height:42px}.customer-dashboard .welcome>div{flex:1 1 220px}}

/* Mobile home: compact summary, then real OA cards, then secondary shortcuts. */
.plan-mobile-detail,.dashboard-mobile-signout{display:none}
@media(max-width:800px){
 .customer-dashboard #dash{display:flex;flex-direction:column}
 .customer-dashboard #dash[hidden]{display:none!important}
 .customer-dashboard #dash>.welcome{order:0;margin-bottom:16px;align-items:center;flex-wrap:nowrap;gap:10px}
 .customer-dashboard #dash>.welcome>div{flex:1;min-width:0}
 .customer-dashboard .welcome .eyebrow{font-size:10px;letter-spacing:.12em}
 .customer-dashboard .welcome h1{font-size:20px;margin:3px 0;overflow-wrap:anywhere}
 .customer-dashboard .welcome .muted{display:none}
 .customer-dashboard .welcome>.btn{font-size:11px;padding:9px 11px;min-height:40px;flex-shrink:0}
 .customer-dashboard .wrap{padding:16px 14px 96px!important}
 .customer-dashboard #overview:not([hidden]){display:contents}
 .customer-dashboard .dashboard-summary{order:1;gap:8px}
 .customer-dashboard .dashboard-summary .stat{min-height:68px;padding:12px 14px;gap:5px;border-radius:13px}
 .customer-dashboard .dashboard-summary .stat b{font-size:24px}
 .customer-dashboard .dashboard-summary .stat .muted{font-size:11px}
 .customer-dashboard .wallet-peek{padding:12px 14px!important;gap:5px;border-radius:13px}
 .customer-dashboard .wallet-label{font-size:12px}.customer-dashboard .wallet-label svg{width:17px;height:17px}
 .customer-dashboard #walletBalance{font-size:25px}.customer-dashboard .wallet-peek a{font-size:11px}
 .customer-dashboard #planNote{order:2;margin:10px 0 20px;padding:9px 12px;gap:8px;flex-wrap:nowrap;font-size:12px;border-radius:11px}
 .customer-dashboard #planNote .plan-live-detail{display:none}.customer-dashboard #planNote .plan-mobile-detail{display:inline;color:inherit;font-size:12px}
 .customer-dashboard .plan-live-badge{font-size:10px;padding:2px 8px}.customer-dashboard .plan-live-dot{width:7px;height:7px}
 .customer-dashboard #oa-section{order:3;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 0 22px}
 .customer-dashboard #oa-section .section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;margin-bottom:12px}
 .customer-dashboard #oa-section .section-head h2{font-size:18px;margin:0;line-height:1.5}
 .customer-dashboard #oa-section .section-head .help{display:none}
 .customer-dashboard #oa-section #addOA{font-size:11px;padding:8px 10px;min-height:36px;border-radius:9px}
 .customer-dashboard #profiles{margin:0;gap:10px}
 .customer-dashboard .oa-overview-card{padding:14px;border-radius:14px}
 .customer-dashboard .oa-overview-title{gap:9px;flex-wrap:nowrap;align-items:center}
 .customer-dashboard .oa-letter{width:35px;height:35px;border-radius:10px}
 .customer-dashboard .oa-overview-title>div{min-width:0;flex:1}
 .customer-dashboard .oa-overview-title h3{font-size:15px}
 .customer-dashboard .oa-overview-title p{font-size:11px;margin:2px 0;line-height:1.6}
 .customer-dashboard .oa-mode{font-size:10px;padding:3px 6px;flex-shrink:0}
 .customer-dashboard .oa-overview-actions{margin-top:12px;gap:8px;flex-wrap:nowrap}
 .customer-dashboard .oa-overview-actions a{flex:1;text-align:center;min-height:40px;font-size:12px;padding:9px 8px}
 .customer-dashboard #oa-section>h3{font-size:15px;margin:18px 0 8px!important}
 .customer-dashboard #branches .row{padding:12px;border:1px solid #bad0e0;border-radius:12px;margin:8px 0;background:#f1f7fb;font-size:13px}
 html[data-theme=dark] .customer-dashboard #branches .row{background:#213149;border-color:#526985}
 .customer-dashboard .quick-section{order:4}.customer-dashboard .quick-section .section-label h2{font-size:18px}
 .customer-dashboard .quick-section .section-label p{display:none}
 .customer-dashboard .quick-grid{margin:12px 0 20px}.customer-dashboard .quick-action{min-height:126px;padding:14px;gap:6px}.customer-dashboard .quick-icon{width:28px;height:28px;font-size:16px}
 .customer-dashboard #all-tools,.customer-dashboard #account-section{order:1}
 .customer-dashboard .top{min-height:60px;padding:8px 14px!important;flex-wrap:nowrap!important}
 .customer-dashboard .top>.mobile-brand .dashboard-logo{width:112px!important;min-width:112px!important}
 .customer-dashboard .top>nav{display:none!important}
 .customer-dashboard .dashboard-mobile-signout{display:block;margin-top:18px;min-height:44px;flex-shrink:0}
 .customer-dashboard .sidebar{overflow-y:auto;padding-bottom:90px}
}

/* Accessible night-mode switch, including compact mobile headers. */
html body #lumaThemeToggle.luma-theme-toggle{width:auto!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:6px 10px!important;gap:7px!important;font-size:12px!important;border-radius:12px!important;line-height:1.25!important}
html body #lumaThemeToggle::after{content:none!important;display:none!important}
#lumaThemeToggle .theme-switch-label{margin:0!important;font-size:12px;font-weight:500}
#lumaThemeToggle .theme-switch-track{position:relative;display:block;flex:0 0 46px;width:46px;height:26px;border-radius:999px;background:#64748b;box-shadow:inset 0 1px 3px #0002;transition:background .18s ease}
#lumaThemeToggle .theme-switch-thumb{position:absolute;left:3px;top:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#805800;font:16px system-ui;box-shadow:0 1px 4px #0003;transition:transform .18s ease}
#lumaThemeToggle .theme-switch-state{margin:0!important;min-width:20px;font-size:11px;font-weight:600}
#lumaThemeToggle[aria-checked=true] .theme-switch-track{background:#00a5bc}
#lumaThemeToggle[aria-checked=true] .theme-switch-thumb{transform:translateX(20px);color:#07576b}
@media(max-width:800px){html body #lumaThemeToggle.luma-theme-toggle{padding:5px 8px!important;gap:5px!important}#lumaThemeToggle .theme-switch-label{font-size:11px}#lumaThemeToggle .theme-switch-state{display:none}}
@media(prefers-reduced-motion:reduce){#lumaThemeToggle .theme-switch-track,#lumaThemeToggle .theme-switch-thumb{transition:none}}

/* Keep mobile navigation compact from the first paint. */
.customer-dashboard #dash:not([data-view]) #redeem-section{display:none}
@media(max-width:800px){
 .customer-dashboard .top{gap:8px!important;justify-content:space-between}
 .customer-dashboard .top>.mobile-brand{margin-right:auto;min-width:0}
 .customer-dashboard .top>.mobile-menu{flex-shrink:0}
 .customer-dashboard .welcome h1{overflow-wrap:anywhere}
 .customer-dashboard .oa-overview-title>div{min-width:0}
 .customer-dashboard .oa-overview-title h3{overflow-wrap:anywhere}
 .customer-login-page>header{flex-wrap:nowrap!important;justify-content:space-between;gap:10px;padding:12px 16px}
 .customer-login-page>header>span{display:none}
 .customer-login-page>header .login-home-logo img{width:125px!important;min-width:0!important}
 .customer-login-page .login{margin-top:18px;padding:20px}
 .customer-login-page>main{margin-top:18px}
 .customer-login-page>.badge{display:none}
}
@media(max-width:360px){
 .customer-dashboard #lumaThemeToggle .theme-switch-label{display:none}
 .customer-dashboard .top>.mobile-brand .dashboard-logo{width:104px!important;min-width:104px!important}
}

.workspace-mobile-signout{display:none} @media(max-width:900px){.customer-workspace #signout{display:none!important}.customer-workspace .workspace-mobile-signout{display:block!important;min-height:44px;background:transparent;color:#e4f2ff;border:1px solid #68859c;border-radius:8px;font:inherit;padding:10px;text-align:left}}
/* Icon-only theme control and local TH / EN language control. */
html body #lumaThemeToggle .theme-switch-label,html body #lumaThemeToggle .theme-switch-state{display:none!important}
.luma-language-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #a8bfd3;border-radius:12px;background:#fff;color:#153a55;font:600 12px Kanit,system-ui;cursor:pointer;flex-shrink:0;margin:0!important;order:2}
.luma-language-toggle:focus-visible{outline:3px solid #00a6cf;outline-offset:3px}
html[data-theme=dark] .luma-language-toggle{background:#20364d;color:#edf6ff;border-color:#65829e}
@media(max-width:900px){.customer-workspace .top-inner{gap:5px!important;padding-left:10px!important;padding-right:10px!important}.customer-workspace #signout{font-size:10px!important;padding:6px!important}.customer-workspace .workspace-logo .dashboard-logo{width:98px!important}.customer-dashboard .top{gap:5px!important}.customer-dashboard .top>.mobile-brand .dashboard-logo{width:98px!important;min-width:98px!important}.customer-dashboard .top>.mobile-menu{order:3;padding:6px!important}.customer-workspace .top-inner .luma-language-toggle{order:2}.customer-login-page>header{gap:6px!important}}
html[data-language=en] .tab,html[data-language=en] .tool-link,html[data-language=en] .quick-action{overflow-wrap:break-word}

/* Hover/touch/focus states must keep dark foreground and surface paired. */
html[data-theme=dark] .table tbody tr:is(:hover,:active,:focus-within){background:#304864!important;color:#f2f6fc!important}
html[data-theme=dark] .table tbody tr:is(:hover,:active,:focus-within)>td{background:#304864!important;color:#f2f6fc!important}
html[data-theme=dark] :is(.side-nav a,nav a,.login-back-home):is(:hover,:active,:focus-visible){background:#26435d!important;color:#e8f6ff!important;border-color:#6ba9c6!important}
html[data-theme=dark] .quick-links a:is(:hover,:active,:focus-visible){background:#26435d!important;color:#e8f6ff!important;border-color:#6ba9c6!important}