/* Night Workspace: public landing only. Authenticated app styles stay untouched. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap');
.qc-night .footer .brand img:not(.mark){filter:brightness(0) invert(1)}
.qc-night .section a:not(.btn):not(.card):not(.ms-badge){color:#89bcff}
.qc-night .section .table,.qc-night .section table{color:#eaf3ff}
.qc-night .section th{background:#173352;color:#edf5ff}
body.qc-night{--qc-bg:#07162c;--qc-surface:#0d203b;--qc-line:#284264;--qc-text:#f5f8ff;--qc-muted:#b3c5de;background:#07162c;color:#f5f8ff}
.qc-night .pub-header{background:#08182e;border-color:#284264;color:white}.qc-night .pub-header .brand img:not(.mark){filter:brightness(0) invert(1)}.qc-night .pub-nav>a:not(.btn){color:#e8effb}.qc-night .pub-nav>a[aria-current]{background:#153253}.qc-night .menu-btn{color:white;background:#102440}.qc-night .btn{background:linear-gradient(120deg,#278dff,#0753ee);color:white;border:1px solid #418dfc;box-shadow:0 3px 0 #133e77}.qc-night .pub-nav .ghost{background:transparent;box-shadow:none}.qc-night a:focus-visible,.qc-night button:focus-visible{outline:3px solid #70dfff;outline-offset:4px}
.qc-night .night-stage{padding-top:44px;position:relative;background:radial-gradient(ellipse at 50% 42%,#12396766,transparent 70%)}.night-intro{text-align:center;margin:0 auto 100px;max-width:920px}.night-intro h1{font-size:clamp(32px,4.3vw,60px);line-height:1.2;letter-spacing:-1.5px;color:#fff;margin:0 0 16px}.night-intro p{font-size:20px;color:#d3e2f7;margin:0}.night-mobile-cta{display:none!important}.night-showcase{position:relative;margin:0 28px}.night-mascot{position:absolute;z-index:3;width:180px;height:auto;right:8px;top:-107px;pointer-events:none}.night-note{position:absolute;right:15px;top:-165px;font-size:14px;color:#c2d4ee;transform:rotate(7deg)}
.night-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 185px 0 60px;position:relative;z-index:4}.night-tab{font:inherit;text-align:left;display:flex;align-items:center;gap:10px;padding:14px 12px;min-width:0;color:#152d50;background:linear-gradient(#fff,#e8f0fe);border:1px solid #c4dcff;border-radius:14px 14px 4px 4px;cursor:pointer}.night-tab strong{font-size:16px;display:block}.night-tab small{display:block;font-size:10px;line-height:1.5}.night-tab[aria-selected=true]{box-shadow:inset 0 -4px #217eff;background:#fff}.night-icon{width:42px;height:42px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#3397ff,#0753ff)}.night-icon .i{width:23px;height:23px}.order .night-icon,.night-icon.orderbox{background:linear-gradient(135deg,#ff9987,#fa534f)}.stock .night-icon,.night-icon.stockbox{background:linear-gradient(135deg,#28d4d2,#049cae)}
.night-window{background:#f2f7ff;color:#173456;border:8px solid #315a87;border-radius:24px;box-shadow:0 0 0 2px #7ab7f340,0 24px 65px #0005;overflow:hidden}.night-window-bar{display:flex;align-items:center;gap:30px;background:#fbfdff;padding:16px 22px;border-bottom:1px solid #e0e9f6;font-size:12px}.night-window-bar b{font-size:23px;color:#102a50}.night-shop{margin-left:auto}.night-window-layout{display:grid;grid-template-columns:132px minmax(0,1fr)}.night-demo-nav{display:flex;flex-direction:column;gap:22px;font-size:12px;padding:24px 14px;background:#eaf2fc}.night-demo-nav b{background:#d9eaff;color:#0753eb;padding:10px;border-radius:8px}.night-demo-content{padding:22px;min-width:0}.night-demo-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.night-demo-heading h2{color:#102a50;font-size:22px;margin:0}.night-sample{color:#285f9b;background:#e2efff;padding:3px 8px;border-radius:6px;font-size:11px}.night-period{font-size:12px;color:#546b86;margin:8px 0 16px}.night-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.night-metric{border-radius:12px;background:white;padding:17px;box-shadow:0 4px 12px #386daa0a}.night-metric:nth-child(2){background:#effbf8}.night-metric:nth-child(3){background:#fff5f4}.night-metric span{display:block;font-size:12px;color:#34516e}.night-metric strong{display:block;font-size:clamp(20px,2.4vw,30px);color:#112b50;margin-top:8px}.night-report-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:12px;margin-top:14px}.night-report{background:white;border-radius:12px;padding:16px;margin-top:14px;color:#314e70;min-width:0}.night-report-grid .night-report{margin-top:0}.night-report h3{font-size:13px;color:#173456;margin:0 0 16px}.night-report p{font-size:13px}.night-report a{color:#0755ce}.night-channel{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:12px}.night-channel b{margin-left:auto}.night-track{height:6px;background:#e3ecf8;border-radius:9px;margin:9px 0 15px;overflow:hidden}.night-track i{display:block;height:100%;background:#2782fa;border-radius:9px}.night-track.coral i{background:#ff8076}.night-bars{display:flex;gap:6px;align-items:flex-end;height:140px}.night-bars>div{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:5px}.night-bars i{display:block;width:80%;background:linear-gradient(#77baff,#1570f3);border-radius:4px 4px 0 0}.night-bars small,.night-bars span{font-size:9px;white-space:nowrap}.night-progress strong{font-size:14px}.night-progress strong small{float:right;font-size:12px}.night-progress p{display:flex;justify-content:space-between}.night-progress>small{font-size:10px}
.night-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 0;position:relative;z-index:4;border:1px solid #25496d;border-radius:18px;background:linear-gradient(120deg,#0c233e,#07182d);box-shadow:0 -12px 40px #06172e55}.night-product{display:flex;gap:14px;padding:24px;color:#eaf4ff!important;text-decoration:none;border-right:1px solid #25496d}.night-product:last-child{border:0}.night-product h2{font-size:19px;color:#55c8ff;margin:0 0 5px}.night-product:nth-child(2) h2{color:#ffc5c0}.night-product:nth-child(3) h2{color:#63dfdd}.night-product p{font-size:13px;line-height:1.7;margin:0 0 8px}.night-more{font-size:11px;border:1px solid #365779;border-radius:20px;padding:3px 10px}.night-offer{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:22px;align-items:center;background:#f3f7ff;color:#142d51;border-radius:18px;padding:25px;margin:18px 0 30px}.night-offer h2{font-size:23px;color:#102749;margin:4px 0}.night-offer small{font-size:12px}.night-price{background:linear-gradient(125deg,#248fff,#0455f6);color:white;border-radius:14px;padding:23px}.night-price strong{font-size:38px;display:block;line-height:1.2}.night-price strong small{font-size:14px;display:block;margin:8px 0}.night-price>span{font-size:14px}.night-offer-action{display:flex;flex-direction:column;gap:10px;text-align:center}.night-offer-action>a:last-child{font-size:11px;color:#285b9e}
.qc-night .section .card,.qc-night .step,.qc-night .faq details{background:#102540;border-color:#294666;color:#eef5ff}.qc-night .section h2,.qc-night .section h3{color:#f2f7ff}.qc-night .section .muted,.qc-night .section .small{color:#b7c9e0}.qc-night .section{padding-block:48px}.qc-night .section .chip{color:#e8f3ff;background:#142d4a}.qc-night .night-demo-content [hidden]{display:none!important}
@media(max-width:1000px){.night-tabs{margin-left:0;margin-right:145px}.night-tab small{display:none}.night-mascot{width:150px;top:-85px}.night-window-layout{grid-template-columns:100px minmax(0,1fr)}.night-demo-content{padding:16px}.night-report-grid{grid-template-columns:1fr 1.4fr}.night-progress{display:none}.night-product{padding:18px;gap:10px}.night-product .night-icon{width:32px;height:32px}.night-offer{gap:14px;padding:18px}.night-offer h2{font-size:20px}}
@media(max-width:680px){.qc-night .pub-nav.open{background:#102440;border:1px solid #32547c}.qc-night .night-stage{padding-top:26px}.night-intro{margin-bottom:122px}.night-intro h1{font-size:34px;letter-spacing:-.8px;max-width:350px;margin:0 auto 12px}.night-intro p{font-size:15px;max-width:290px;margin:auto}.night-mobile-cta{display:inline-flex!important;margin-top:20px}.night-showcase{margin:0}.night-note{display:none}.night-mascot{width:128px;right:calc(50% - 64px);top:-105px}.night-tabs{margin:0;gap:0;background:#0c2748;border:1px solid #325778;border-radius:14px 14px 0 0;overflow:hidden}.night-tab{flex-direction:column;padding:12px 5px 10px;background:transparent;border:0;border-radius:10px;color:#dbeaff;gap:5px}.night-tab strong{font-size:12px}.night-tab[aria-selected=true]{background:linear-gradient(130deg,#2790ff,#0557fa);color:white;box-shadow:none}.night-tab .night-icon{height:24px;width:24px;background:transparent}.night-window{border:1px solid #a8c6ea;border-radius:0 0 12px 12px;box-shadow:none}.night-window-bar{padding:10px;font-size:10px;gap:10px}.night-window-bar b{font-size:15px}.night-shop{display:none}.night-window-layout{display:block}.night-demo-nav{display:none}.night-demo-content{padding:12px}.night-demo-heading h2{font-size:16px}.night-sample{font-size:9px}.night-period{font-size:10px}.night-metrics{grid-template-columns:1fr;gap:7px}.night-metric{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:10px}.night-metric strong{font-size:21px;margin:0}.night-metric span{font-size:12px}.night-report-grid{display:block}.night-report-grid>.night-report:first-child{display:none}.night-report-grid>.night-report{margin-top:12px}.night-report-grid>.night-progress{display:none}.night-bars{height:132px}.night-products{grid-template-columns:1fr;margin-top:18px;gap:8px;border:0;background:none;box-shadow:none}.night-product{border:1px solid #cbdcf1!important;background:#f3f7ff;border-radius:10px;padding:13px;align-items:center;color:#1e3757!important}.night-product>div{flex:1}.night-product h2,.night-product:nth-child(2) h2,.night-product:nth-child(3) h2{color:#102a50;font-size:16px}.night-product p{font-size:11px;margin:0}.night-more{display:none}.night-offer{grid-template-columns:1fr;text-align:center;margin-top:16px;padding:20px;gap:14px}.night-offer>div:first-child{display:none}.night-price{background:none;color:#123d77;padding:0}.night-price strong{font-size:32px}.night-price strong small{display:inline;font-size:13px}.night-price>span{font-size:13px}.qc-night .section{padding-block:32px}.qc-night .qc-line-float{font-size:12px}}