/* V2 extends the incumbent blue/white field-sales system. */
:root{--muted:#65758a;--radius:16px}
.page{animation:none}
.studio-copy p,.studio-nav i,.studio-foot,.studio-foot small,.preview-caption,.preview-footer{color:#607087;font-size:11px;letter-spacing:0}
::selection{background:#cce0ff;color:#14243c}input,textarea{caret-color:var(--blue)}
*{scrollbar-width:thin;scrollbar-color:#bccbe0 transparent}
.studio-copy{margin-top:36px}.studio-copy h1{font-size:35px}.studio-nav{margin-top:24px}.studio-nav button>span{display:none}.studio-nav a{padding:13px 0;color:var(--blue);font-size:14px;border-bottom:1px solid #dce4ef}.studio-foot{line-height:1.8}.studio-copy .eyebrow{display:none}
.report-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 18px}.report-heading h2{font-size:26px;line-height:1.3;letter-spacing:-.6px}.report-heading p{font-size:11px;color:var(--muted);margin-top:7px;font-variant-numeric:tabular-nums}.period-button{display:flex;align-items:center;gap:6px;border:1px solid #dce4ef;background:#fff;border-radius:10px;padding:10px 11px;font-size:12px;min-height:42px}.period-button .icon{width:16px;height:16px}.period-button .icon:last-child{width:12px}
.report-periods{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:17px}.report-periods button{min-height:39px;background:#fff;border:1px solid #e1e6ee;border-radius:9px;font-size:12px}.report-periods button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.report-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px}.report-metric{text-align:left;background:white;border:1px solid #e2e8f1;border-radius:14px;padding:14px 13px;min-width:0}.report-metric .metric-name{font-size:12px;display:flex;align-items:center;gap:6px;color:#455771;white-space:nowrap}.metric-name .icon{width:17px;height:17px;color:var(--blue)}.metric-name .icon:last-child:not(:first-child){margin-left:auto;width:13px;height:13px;color:#70819a}.report-metric>strong{display:block;font-size:27px;letter-spacing:-.7px;margin-top:13px;line-height:1.1}.report-metric>strong small{font-size:12px;font-weight:550;letter-spacing:0;margin-left:3px}.report-metric>strong small:first-child{margin:0 3px 0 0}.report-metric>p{font-size:11px;color:var(--muted);margin:9px 0 11px;white-space:nowrap}.primary-metric{background:#ecf3ff;border-color:#d6e6ff}.primary-metric>strong{color:#105acb}.metric-foot{font-size:11px;display:block;color:#65758a;white-space:nowrap}.delta{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:650;white-space:nowrap;line-height:1.6}.delta small{font-size:11px;color:var(--muted);font-weight:400}.delta.positive{color:#168063}.delta.negative{color:#bb4650}.delta.neutral{color:#65758a}
.report-panel{background:#fff;border:1px solid #e2e8f1;border-radius:15px;margin-bottom:15px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 15px 9px;gap:12px}.panel-head h2{font-size:15px;font-weight:750;letter-spacing:-.2px}.panel-head h2 small{font-size:11px;font-weight:450;color:#65758a;margin-left:4px}.panel-head p{font-size:11px;color:#65758a;margin-top:7px}.panel-head>.icon{width:18px;color:#7589a7}.chart-box{padding:4px 12px 0 5px}.chart-box svg{display:block;width:100%;height:auto}.trend-detail{display:flex;justify-content:space-between;font-size:11px;margin:2px 15px 0;padding:11px 0;border-top:1px solid #e9edf3}.trend-detail small{font-size:11px;color:#65758a}.trend-detail strong{font-size:14px}.chart-select{margin:0 15px 13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.chart-select select{border:1px solid #e1e7ef;border-radius:6px;padding:6px 8px;background:#fff;color:var(--ink);max-width:230px;font-size:11px}.report-utility{display:flex;justify-content:space-between;margin:4px 2px 19px}.report-utility button{display:flex;gap:6px;align-items:center;font-size:11px;min-height:28px}.report-utility .icon{width:15px;height:15px}.top-label{color:var(--blue);font-size:13px;letter-spacing:.2px;margin-left:4px}
.ranking-list{padding:0 14px}.rank-row{display:flex;gap:9px;align-items:center;width:100%;padding:14px 0;border-bottom:1px solid #edf0f5;text-align:left}.rank-row:last-child{border-bottom:none}.rank-index{font-size:12px;color:#758397;font-weight:650;min-width:17px;font-variant-numeric:tabular-nums}.rank-index.podium{color:#1464ed}.rank-row .store-avatar,.rank-row .product-thumb{height:35px;width:35px;min-width:35px;border-radius:8px}.rank-row .store-avatar .icon{width:18px}.rank-row .packet{transform:scale(.72)}.rank-row .product-thumb{overflow:hidden}.rank-row h3{font-size:11px;font-weight:650;line-height:1.5}.rank-row p{font-size:11px;color:var(--muted);margin-top:4px}.rank-row .right{flex-shrink:0}.rank-row .right>strong{font-size:13px}.rank-row .delta{display:flex;justify-content:flex-end;font-size:11px;margin-top:3px}.rank-foot{padding:11px 15px;background:#fafbfd;text-align:center;font-size:11px;color:var(--muted)}.data-caption{font-size:11px;color:var(--muted);text-align:center;padding:6px 0 12px}
.list-overview{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:8px}.list-overview p{font-size:11px;color:var(--muted);margin-bottom:7px}.list-overview strong{font-size:24px;font-weight:760}.list-overview .right p{font-size:11px;margin:5px 0 0}.sales-store-card{border-radius:15px;padding:15px;margin-bottom:12px}.sales-store-card h3{font-size:14px}.sales-store-card .address{line-height:1.6;font-size:11px}.store-sale{display:flex;justify-content:space-between;align-items:center;padding:15px 0 12px}.store-sale p{color:#61738c;font-size:11px;margin-bottom:6px}.store-sale p small{font-size:11px;margin-left:4px}.store-sale strong{font-size:24px;letter-spacing:-.5px}.store-sale .right{display:grid;justify-items:end;gap:6px}.store-sale .tag{font-size:11px}.store-status{display:flex;justify-content:space-between;padding:11px 0 0;border-top:1px solid #e9edf3}.store-status span{display:flex;align-items:center;gap:4px;font-size:11px;color:#5d708d}.store-status .icon{width:12px;height:12px}.last-visit{font-size:11px;color:#65758a;margin-top:10px;text-align:left;line-height:1.5}
.sales-product-row{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:0}.sales-product-row>.grow{flex-basis:120px}.sales-product-row>.sales-line{flex:0 0 100%;margin-top:10px;border-top:1px dashed #e0e7f1;padding-top:10px}.sales-line{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;flex-wrap:wrap}.sales-line>span:first-child{color:#586d87}.sales-line b{font-size:14px;color:#172c49;margin-left:7px}.sales-line .delta{font-size:11px}.sales-line .delta small{font-size:11px}.inventory-sales-summary{margin:12px 0 15px;padding:13px 0;border-top:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.inventory-sales-summary>span:first-child{display:flex;align-items:center;gap:5px;color:#536d8f;font-size:11px}.inventory-sales-summary .icon{width:15px;height:15px}.inventory-sales-summary>strong{font-size:19px}.inventory-sales-summary>.delta{margin-left:auto}.scope-caption{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.product-sales-card{padding:15px;background:#edf4ff;border-radius:14px;margin-top:16px}.product-sales-card p{font-size:11px;margin-top:8px;color:#65758a}.store-finances button p{font-size:11px}.store-intro>.between{padding-right:72px}.store-intro h2{font-size:19px}.store-code{display:none}
.notice-strip{display:flex;align-items:center;gap:8px;width:100%;padding:12px 0;text-align:left;border-bottom:1px solid #e2e8f1;margin:7px 0}.notice-strip .icon{width:16px;color:var(--blue)}.notice-strip .icon:last-child{margin-left:auto;width:12px}.notice-strip span{font-size:11px;line-height:1.6}.notice-strip b{font-size:11px;margin-right:7px;color:var(--blue)}.monthly-entry{text-align:left;width:100%;padding:15px 0 12px;margin-bottom:2px}.monthly-entry>span{font-size:12px;display:flex;align-items:center;gap:5px}.monthly-entry>span .icon{width:17px;color:var(--blue)}.monthly-entry>div{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.monthly-entry strong{font-size:27px}.monthly-entry p{font-size:11px;color:#65758a;display:flex;align-items:center;justify-content:space-between;margin-top:6px}.monthly-entry p .icon{width:14px}.definition-list{display:grid;gap:17px}.definition-list p{font-size:12px;line-height:1.9}.definition-list b{display:block;margin-bottom:4px;color:#16345e}.notice-top h2{font-size:25px}.notice-top p{font-size:12px;color:var(--muted);margin:9px 0 18px}.notice-item{display:block;width:100%;padding:17px;background:#fff;border:1px solid #e1e7ef;border-radius:14px;margin-bottom:13px;text-align:left}.notice-item small{font-size:11px;color:var(--muted)}.notice-item h3{font-size:15px;margin:14px 0 9px}.notice-item>p{font-size:12px;line-height:1.8;color:#586e8b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.notice-bottom{border-top:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:11px;font-size:11px;color:#5d7494}.notice-bottom .icon{width:13px;height:13px}.unread-dot{display:inline-block;width:6px;height:6px;background:#1464ed;border-radius:50%;margin-right:6px;vertical-align:middle}.notice-body{white-space:pre-wrap;line-height:1.9;font-size:13px}.splash-page{height:100%;position:relative;background:#14283e;overflow:hidden}.splash-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:51% center}.splash-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,46,.12) 15%,rgba(11,26,46,.38) 40%,#0e2543 76%)}.skip-splash{position:absolute;right:20px;top:20px;padding:9px 12px;display:flex;align-items:center;gap:6px;background:rgba(15,37,67,.8);border-radius:8px;color:#fff;font-size:11px}.skip-splash .icon{width:14px}.splash-copy{position:absolute;left:28px;right:28px;bottom:32px;color:#fff}.splash-copy .brand-mark{width:44px;height:44px;font-size:26px;border-radius:12px}.splash-copy h1{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:21px 0 14px}.splash-copy>p{font-size:12px;color:#dae7ff;line-height:1.8}.splash-enter{background:#fff;border-radius:12px;padding:15px 17px;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;color:#12457d;font-size:14px;font-weight:650;margin:31px 0 20px}.splash-copy>small{color:#bccfe8;font-size:11px;display:block;text-align:center;letter-spacing:1px}
@media(max-width:374px){.report-metric{padding:12px 10px}.report-metric>strong{font-size:24px}.report-metric>p{font-size:11px}.delta{font-size:11px}.delta small{font-size:11px}.report-heading h2{font-size:24px}.rank-row{gap:7px}.rank-row h3{font-size:11px}.rank-row .right>strong{font-size:12px}.sales-line .delta{font-size:11px}.list-overview strong{font-size:22px}}
@media(hover:hover){.rank-row:hover,.sales-store-card:hover,.report-metric:hover{background:#edf4ff}.report-periods button:not(.active):hover{background:#edf4ff}.notice-item:hover{border-color:#a8c8f7}}
.report-metric>p{white-space:normal;min-height:30px;line-height:1.5;margin-bottom:8px}
.report-metric .metric-foot{white-space:normal;line-height:1.6;min-height:18px}
.rank-row h3{font-size:12px}.rank-row .right>strong{font-size:13px}
.sales-product-row h3{font-size:13px}.sales-product-row p{font-size:11px;color:#65758a}
.last-visit,.store-status span,.scope-caption,.sales-line>span:first-child{color:#607087}
.store-status{flex-wrap:wrap;gap:6px}.list-overview>.right{max-width:54%}
.report-metric .delta{gap:3px;font-size:11px}.report-metric .delta small{font-size:11px}
@media(max-width:374px){.report-metric{padding:12px 9px}.report-metric .delta{flex-wrap:wrap;row-gap:0}.rank-row .store-avatar,.rank-row .product-thumb{width:30px;min-width:30px;height:32px}.rank-row{gap:6px}}