/* 账库通2.9.0 商户营销经营版：正式业务界面 */ .marketing-page{display:flex;flex-direction:column;gap:18px;max-width:1320px;margin:0 auto;padding:2px 0 36px;color:#0f1f3d}.marketing-page.hidden{display:none}.mkt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.mkt-head h2{margin:4px 0 8px;font-size:30px;line-height:1.2;color:#10213f}.mkt-head p{margin:0;color:#64748b;font-size:15px;line-height:1.7}.mkt-head-actions{display:flex;gap:10px;flex-wrap:wrap}.mkt-primary,.mkt-secondary,.mkt-danger,.mkt-text-btn{min-height:44px;border-radius:11px;padding:0 18px;font-size:15px;font-weight:700;cursor:pointer}.mkt-primary{border:1px solid #1264f6;background:#1264f6;color:#fff;box-shadow:0 8px 20px rgba(18,100,246,.18)}.mkt-secondary{border:1px solid #cfdaeb;background:#fff;color:#233551}.mkt-danger{border:1px solid #fecaca;background:#fff;color:#c62828}.mkt-text-btn{border:0;background:transparent;color:#1264f6;padding:0 6px}.mkt-primary:disabled,.mkt-secondary:disabled{opacity:.55;cursor:not-allowed}.mkt-context,.mkt-card{border:1px solid #dbe4f0;background:#fff;border-radius:16px;box-shadow:0 9px 26px rgba(31,50,81,.06)}.mkt-context{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;font-size:14px;color:#52647f}.mkt-context b{color:#162844}.mkt-context .ok{color:#009966}.mkt-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mkt-metric{padding:19px}.mkt-metric span{display:block;color:#71819a;font-size:14px}.mkt-metric strong{display:block;margin-top:12px;font-size:28px;color:#10213f}.mkt-metric small{display:block;margin-top:8px;color:#7a8aa2;font-size:13px}.mkt-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.mkt-section-title h3{margin:0;font-size:22px}.mkt-section-title p{margin:6px 0 0;color:#71819a;font-size:14px}.mkt-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mkt-template{position:relative;text-align:left;padding:20px;min-height:150px;border:1px solid #d8e2ef;border-radius:16px;background:#fff;cursor:pointer;transition:.18s}.mkt-template:hover{transform:translateY(-2px);border-color:#87b3ff;box-shadow:0 12px 28px rgba(31,88,180,.1)}.mkt-template.recommended{border:2px solid #ff8a31;background:#fffaf5}.mkt-template i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef5ff;color:#1264f6;font-style:normal;font-size:20px;font-weight:800}.mkt-template.recommended i{background:#fff0e4;color:#ff6c00}.mkt-template b{display:block;margin-top:14px;font-size:18px;color:#101f39}.mkt-template span{display:block;margin-top:8px;color:#6f8098;font-size:14px;line-height:1.55}.mkt-template em{position:absolute;top:12px;right:12px;border-radius:999px;padding:4px 8px;background:#ff7417;color:#fff;font-size:12px;font-style:normal}.mkt-filterbar{display:flex;align-items:center;gap:8px;padding:7px;width:max-content;max-width:100%;overflow:auto}.mkt-filterbar button{white-space:nowrap;border:0;border-radius:9px;background:transparent;color:#5f708a;min-height:38px;padding:0 14px;font-size:14px;cursor:pointer}.mkt-filterbar button.active{background:#1264f6;color:#fff;font-weight:700}.mkt-list{display:flex;flex-direction:column;gap:12px}.mkt-empty{padding:48px 20px;text-align:center;color:#71819a}.mkt-empty b{display:block;margin-bottom:8px;color:#253956;font-size:19px}.mkt-row{display:grid;grid-template-columns:minmax(240px,1.45fr) .55fr .7fr .7fr auto;align-items:center;gap:18px;padding:17px 18px}.mkt-row-main{display:flex;align-items:center;gap:13px;min-width:0}.mkt-row-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#fff0e4;color:#ff6c00;font-size:20px;font-weight:800}.mkt-row-main b{display:block;font-size:16px;color:#12233f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkt-row-main small{display:block;margin-top:6px;color:#75849a;font-size:13px}.mkt-cell span{display:block;color:#75849a;font-size:12px}.mkt-cell b{display:block;margin-top:5px;color:#172943;font-size:16px}.mkt-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mkt-actions button{min-height:38px;border-radius:9px;padding:0 12px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid #cfdbea;background:#fff;color:#263a57}.mkt-actions button.primary{background:#1264f6;border-color:#1264f6;color:#fff}.mkt-status{display:inline-flex!important;width:max-content;border-radius:999px;padding:5px 9px;font-size:12px!important;font-weight:700}.mkt-status.active{background:#e6f8f1;color:#008a5b}.mkt-status.scheduled{background:#fff2e6;color:#d76100}.mkt-status.draft{background:#eef2f7;color:#63728a}.mkt-status.paused{background:#fff8d9;color:#9a7200}.mkt-status.ended,.mkt-status.cancelled{background:#f2f4f7;color:#7b8798}.mkt-workspace{padding:20px}.mkt-workspace.hidden{display:none}.mkt-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5ebf3}.mkt-workspace-head h3{margin:0;font-size:24px}.mkt-workspace-head p{margin:6px 0 0;color:#728198;font-size:14px}.mkt-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px}.mkt-form-main,.mkt-preview{border:1px solid #dee6f1;border-radius:15px;background:#fff}.mkt-form-main{padding:20px}.mkt-preview{padding:18px;height:max-content;position:sticky;top:18px}.mkt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mkt-field{display:flex;flex-direction:column;gap:7px}.mkt-field.full{grid-column:1/-1}.mkt-field>span{font-size:14px;font-weight:700;color:#263955}.mkt-field input,.mkt-field select,.mkt-field textarea{width:100%;min-height:45px;box-sizing:border-box;border:1px solid #cfdbea;border-radius:10px;background:#fff;padding:10px 12px;font:inherit;font-size:15px;color:#142640;outline:none}.mkt-field textarea{min-height:90px;resize:vertical}.mkt-field input:focus,.mkt-field select:focus,.mkt-field textarea:focus{border-color:#397cf7;box-shadow:0 0 0 3px rgba(57,124,247,.12)}.mkt-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mkt-choice{border:1px solid #d3ddeb;border-radius:11px;padding:12px;background:#fff;cursor:pointer}.mkt-choice.active{border:2px solid #1264f6;background:#f2f7ff}.mkt-choice b{display:block;font-size:15px}.mkt-choice small{display:block;margin-top:5px;color:#728198;font-size:12px}.mkt-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow:auto;padding:10px;border:1px solid #dbe4ef;border-radius:11px}.mkt-check{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;font-size:14px;color:#31445f}.mkt-check:hover{background:#f4f7fb}.mkt-check input{width:18px;height:18px;min-height:18px}.mkt-advanced{margin-top:15px;border:1px dashed #c6d5e7;border-radius:11px}.mkt-advanced summary{cursor:pointer;padding:13px 14px;font-size:14px;font-weight:700;color:#34506f}.mkt-advanced-body{padding:0 14px 14px}.mkt-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid #e7edf4}.mkt-preview h4{margin:0 0 12px;font-size:18px}.mkt-preview-banner{border-radius:15px;padding:20px;background:linear-gradient(135deg,#ff771c,#ff9b46);color:#fff}.mkt-preview-banner small{font-size:12px}.mkt-preview-banner b{display:block;margin-top:9px;font-size:21px}.mkt-preview-banner strong{display:block;margin-top:16px;font-size:31px}.mkt-preview-lines{margin-top:14px}.mkt-preview-lines div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e8edf3;font-size:14px}.mkt-check-results{display:flex;flex-direction:column;gap:9px;margin-top:14px}.mkt-check-item{padding:12px;border-radius:10px;font-size:14px;line-height:1.5}.mkt-check-item.pass{background:#e9f8f2;color:#087b57}.mkt-check-item.warn{background:#fff6e5;color:#a45b00}.mkt-check-item.block{background:#fff0f0;color:#bd2c2c}.mkt-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.mkt-detail-grid article{padding:16px;border:1px solid #dfe7f1;border-radius:13px}.mkt-detail-grid span{font-size:13px;color:#728198}.mkt-detail-grid strong{display:block;margin-top:9px;font-size:22px}.mkt-analytics-table{width:100%;border-collapse:collapse;margin-top:14px}.mkt-analytics-table th,.mkt-analytics-table td{padding:12px 10px;border-bottom:1px solid #e6ecf3;text-align:left;font-size:14px}.mkt-analytics-table th{color:#60718a;background:#f7f9fc}.mkt-inline-notice{border:1px solid #bcd8ff;background:#eff6ff;color:#1858a8;border-radius:11px;padding:12px 14px;font-size:14px;line-height:1.6}.mkt-sale-benefit{margin-top:12px;border:1px solid #ffd2ac;background:#fff7ef;border-radius:12px;padding:13px;color:#9b4d00;font-size:14px;line-height:1.55}.mkt-sale-benefit.hidden{display:none}.mkt-sale-benefit b{color:#dc5c00}.mkt-home-reminder{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #bcd8ff;background:#f4f8ff;border-radius:14px;margin-bottom:14px}.mkt-home-reminder b{font-size:15px;color:#153c79}.mkt-home-reminder span{font-size:14px;color:#5e7392}.mkt-home-reminder button{border:0;background:transparent;color:#1264f6;font-size:14px;font-weight:700;cursor:pointer}.mkt-report-section{margin-top:18px}.mkt-report-section.hidden{display:none} @media(max-width:1100px){.mkt-template-grid,.mkt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt-row{grid-template-columns:minmax(220px,1.4fr) .6fr .7fr auto}.mkt-row .mkt-cell:nth-of-type(3){display:none}.mkt-form-layout{grid-template-columns:1fr}.mkt-preview{position:static}.mkt-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.marketing-page{gap:14px}.mkt-head{align-items:stretch;flex-direction:column}.mkt-head h2{font-size:26px}.mkt-head-actions{display:grid;grid-template-columns:1fr 1fr}.mkt-head-actions button{width:100%}.mkt-context{flex-direction:column}.mkt-metrics,.mkt-template-grid{grid-template-columns:1fr}.mkt-row{grid-template-columns:1fr;gap:12px}.mkt-cell{display:grid!important;grid-template-columns:90px 1fr;align-items:center}.mkt-cell b{margin:0}.mkt-actions{justify-content:flex-start}.mkt-workspace{padding:15px}.mkt-workspace-head{align-items:flex-start;flex-direction:column}.mkt-form-main{padding:15px}.mkt-form-grid{grid-template-columns:1fr}.mkt-field.full{grid-column:auto}.mkt-choice-row{grid-template-columns:1fr}.mkt-check-grid{grid-template-columns:1fr}.mkt-form-actions{display:grid;grid-template-columns:1fr}.mkt-form-actions button{width:100%}.mkt-detail-grid{grid-template-columns:1fr 1fr}.mkt-analytics-table{min-width:680px}.mkt-table-scroll{overflow-x:auto}.mkt-home-reminder{align-items:flex-start;flex-direction:column}} /* 2.9.0卖货结算可读性：活动金额加入后仍保持商用级字号 */ .sales-page .sales-page-head p,.sales-page .sales-context-strip,.sales-page .sales-cart-toolbar,.sales-page .sales-field>span,.sales-page .sales-stock-notice small,.sales-page .sale-cart-product small,.sales-page .form-hint{font-size:14px!important;line-height:1.55!important}.sales-page .sales-context-strip strong,.sales-page .sales-stock-notice b,.sales-page .sale-cart-product b,.sales-page .sale-cart-stepper b{font-size:15px!important}.sales-page .sales-total-box span{font-size:14px!important}.sales-page .sales-total-box b{font-size:16px!important}.sales-page .sales-total-box .final strong{font-size:28px!important}.sales-page .sales-quick-nav button,.sales-page .sales-head-actions button,.sales-page .sales-toolbar button,.sales-page .sales-toolbar select{font-size:14px!important}.sales-page .sales-success-summary span,.sales-page .sales-success-detail span{font-size:13px!important}.sales-page .sales-success-detail>div{font-size:14px!important}.sales-page .sale-draft-status{font-size:13px!important} .sales-page .sales-draft-badge{font-size:13px!important;min-height:30px!important;padding:5px 10px!important} /* 隔离旧版全局button规则，严格还原2.9.0已冻结正式UI */ body.marketing-view-active .front-topbar{display:none!important}.marketing-page button{font-family:inherit}.mkt-head-actions button,.mkt-actions button,.mkt-form-actions button{width:auto!important}.mkt-primary{background:#1264f6!important;border-color:#1264f6!important;color:#fff!important}.mkt-secondary{background:#fff!important;border-color:#cfdaeb!important;color:#233551!important}.mkt-danger{background:#fff!important;border-color:#fecaca!important;color:#c62828!important}.mkt-template{width:100%!important;background:#fff!important;color:#101f39!important}.mkt-template.recommended{background:#fffaf5!important;border-color:#ff8a31!important}.mkt-filterbar button{width:auto!important;background:transparent!important;color:#5f708a!important}.mkt-filterbar button.active{background:#1264f6!important;color:#fff!important}.mkt-actions button{background:#fff!important;border-color:#cfdbea!important;color:#263a57!important}.mkt-actions button.primary{background:#1264f6!important;border-color:#1264f6!important;color:#fff!important}.mkt-choice{width:100%!important;background:#fff!important;color:#263955!important}.mkt-choice.active{background:#f2f7ff!important;border-color:#1264f6!important}.mkt-text-btn{width:auto!important;background:transparent!important;color:#1264f6!important} @media(max-width:720px){.mkt-head-actions button,.mkt-form-actions button{width:100%!important}} body.marketing-view-active #zktContextStrip{display:none!important} .mkt-workspace-head>button{width:auto!important}@media(max-width:720px){.mkt-workspace-head>button{width:100%!important}} /* 2.9.0 活动时间线与分析趋势 */ .mkt-timeline-section,.mkt-analysis-block{margin-top:24px} .mkt-timeline{display:grid;gap:0;padding:8px 4px 4px 10px} .mkt-timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:0 0 18px 0} .mkt-timeline-item::before{content:"";position:absolute;left:5px;top:15px;bottom:0;width:1px;background:#dbe5f4} .mkt-timeline-item:last-child::before{display:none} .mkt-timeline-item>i{position:relative;z-index:1;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #dbeafe} .mkt-timeline-item>div{display:grid;gap:4px;padding:0 0 2px} .mkt-timeline-item b{color:#0f172a;font-size:15px} .mkt-timeline-item span{color:#475569;font-size:14px;line-height:1.55} .mkt-timeline-item small{color:#64748b;font-size:13px} .mkt-analysis-block{padding-top:4px} .mkt-daily-trend{display:grid;gap:12px;padding:4px 0} .mkt-day-bar{display:grid;grid-template-columns:260px minmax(0,1fr) 110px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7} .mkt-day-bar>div:first-child{display:grid;gap:4px} .mkt-day-bar b{color:#0f172a;font-size:15px} .mkt-day-bar span{color:#64748b;font-size:13px} .mkt-day-track{height:12px;overflow:hidden;border-radius:999px;background:#eaf1fb} .mkt-day-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa)} .mkt-day-bar>strong{text-align:right;color:#047857;font-size:15px} @media(max-width:760px){.mkt-day-bar{grid-template-columns:1fr auto;gap:8px}.mkt-day-track{grid-column:1/-1}.mkt-day-bar>strong{text-align:left}} /* 2.9.0 UI final: keep sales/expense shortcuts compact and horizontal. */ #salesRoot .sales-quick-nav, #expenseRoot .expense-quick-nav { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; margin: 0 0 14px !important; padding: 0 !important; } #salesRoot .sales-quick-nav button, #expenseRoot .expense-quick-nav button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; min-height: 40px !important; height: 40px !important; padding: 0 15px !important; border: 1px solid #dbe4ef !important; border-radius: 10px !important; background: #fff !important; color: #526078 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; } #salesRoot .sales-quick-nav button:hover, #expenseRoot .expense-quick-nav button:hover { border-color: #bcd4ff !important; background: #f5f8ff !important; color: #1769ff !important; } #salesRoot .sales-quick-nav button.active, #expenseRoot .expense-quick-nav button.active { border-color: #bcd4ff !important; background: #edf4ff !important; color: #1769ff !important; } @media (max-width: 720px) { #salesRoot .sales-quick-nav, #expenseRoot .expense-quick-nav { margin-right: -8px !important; margin-left: -8px !important; padding: 0 8px 4px !important; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: thin; } #salesRoot .sales-quick-nav button, #expenseRoot .expense-quick-nav button { flex: 0 0 auto !important; } } /* 2.9.0 UI final polish (2026-08-10): readable type, semantic quick actions, trend empty state */ body.front-v2-body{font-size:17px!important;line-height:1.7!important} .front-v2-body .zkt-auth-tabs{gap:6px!important;padding:5px!important;border-radius:14px!important} .front-v2-body .zkt-auth-tabs .auth-mode-tab{min-height:46px!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important} .front-v2-body .zkt-auth-form{gap:16px!important}.front-v2-body .zkt-auth-form .auth-field{gap:8px!important} .front-v2-body .zkt-auth-form .auth-field>span{font-size:14px!important;line-height:1.5!important} .front-v2-body .zkt-auth-form input{height:50px!important;min-height:50px!important;font-size:15px!important;line-height:1.5!important} .front-v2-body .zkt-password-field button{font-size:13px!important;min-height:36px!important;height:36px!important} .front-v2-body .zkt-auth-assist{font-size:13px!important;line-height:1.5!important} .front-v2-body .zkt-auth-assist button,.front-v2-body .zkt-auth-links button{font-size:13px!important;line-height:1.5!important} .front-v2-body .zkt-auth-assist input{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px!important} .front-v2-body .zkt-auth-submit{height:50px!important;min-height:50px!important;font-size:15px!important} .front-v2-body .zkt-auth-submit:disabled{background:#dbe5f2!important;color:#71829a!important;box-shadow:none!important} .front-v2-body .zkt-auth-trust{font-size:12px!important;line-height:1.7!important} .front-v2-body .credential-confirm{align-items:flex-start!important;gap:10px!important;font-size:14px!important;line-height:1.6!important} .front-v2-body .credential-confirm input{appearance:auto!important;flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:2px 0 0!important} .front-v2-body .credential-safety-card>button{height:48px!important;min-height:48px!important;font-size:15px!important;border-radius:11px!important} /* Keep the seven high-frequency actions on one desktop row and visually distinct. */ .front-v2-body .front-quick-card .quick-actions{grid-template-columns:90px repeat(7,minmax(0,1fr))!important;gap:0!important;align-items:stretch!important} .front-v2-body .front-quick-card .quick-actions:before{grid-column:auto!important;grid-row:1!important;min-height:100%!important;padding:0 10px!important;border-right:1px solid #dfe7f2!important;border-bottom:0!important;background:#f4f7fb!important;color:#263957!important;font-size:15px!important;line-height:1.35!important;text-align:center!important} .front-v2-body .front-quick-card .quick-action{min-width:0!important;min-height:98px!important;height:auto!important;padding:16px 15px!important;gap:6px!important;border-right:1px solid rgba(167,182,204,.52)!important;border-bottom:0!important;border-radius:0!important;align-items:flex-start!important;justify-content:center!important;white-space:normal!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important} .front-v2-body .front-quick-card .quick-action strong,.front-v2-body .front-quick-card .quick-action b{display:block!important;color:inherit!important;font-size:16px!important;line-height:1.45!important;white-space:nowrap!important;letter-spacing:.2px!important} .front-v2-body .front-quick-card .quick-action small,.front-v2-body .front-quick-card .quick-action span{display:block!important;margin-top:1px!important;color:inherit!important;opacity:.72!important;font-size:13px!important;line-height:1.5!important;white-space:normal!important} .front-v2-body .front-quick-card .quick-action:nth-child(2){background:#eef5ff!important;color:#1457c9!important;border-top:3px solid #2f73ee!important} .front-v2-body .front-quick-card .quick-action:nth-child(3){background:#edf9f3!important;color:#087b54!important;border-top:3px solid #16a36f!important} .front-v2-body .front-quick-card .quick-action:nth-child(4){background:#fff5ea!important;color:#bb5c08!important;border-top:3px solid #ed8b27!important} .front-v2-body .front-quick-card .quick-action:nth-child(5){background:#edfafa!important;color:#087a83!important;border-top:3px solid #18aeb7!important} .front-v2-body .front-quick-card .quick-action:nth-child(6){background:#f4efff!important;color:#6541b6!important;border-top:3px solid #8b63df!important} .front-v2-body .front-quick-card .quick-action:nth-child(7){background:#edf2ff!important;color:#284c9b!important;border-top:3px solid #496fd6!important} .front-v2-body .front-quick-card .quick-action:nth-child(8){background:linear-gradient(135deg,#fff1e8,#fff8f2)!important;color:#c24d0b!important;border-top:3px solid #f06b24!important} .front-v2-body .front-quick-card .quick-action:hover{transform:translateY(-1px)!important;filter:none!important;box-shadow:inset 0 -3px 0 rgba(255,255,255,.55)!important} .front-v2-body .front-quick-card .quick-action:focus-visible{position:relative;z-index:2;outline:3px solid rgba(37,99,235,.32)!important;outline-offset:-3px!important} /* Dedicated empty state for the report trend chart. */ #reportPanel .report-trend-chart.is-empty{display:grid!important;place-items:center!important;min-height:235px!important;height:235px!important;padding:20px!important;overflow:hidden!important;background:linear-gradient(180deg,#f8fbff 0%,#f5f8fc 100%)!important} #reportPanel .report-trend-empty{width:min(580px,100%)!important;min-height:120px!important;display:grid!important;place-content:center!important;gap:8px!important;padding:20px!important;box-sizing:border-box!important;text-align:center!important;border:1px dashed #c5d5e8!important;border-radius:16px!important;background:rgba(255,255,255,.78)!important;color:#526078!important} #reportPanel .report-trend-empty strong{font-size:16px!important;line-height:1.5!important;color:#263957!important} #reportPanel .report-trend-empty span{font-size:13px!important;line-height:1.7!important;color:#73839b!important} #reportPanel .report-trend-chart:not(.is-empty){background:repeating-linear-gradient(to bottom,rgba(177,193,214,.22) 0,rgba(177,193,214,.22) 1px,transparent 1px,transparent 52px)!important;border-radius:12px!important} @media(max-width:1280px) and (min-width:901px){ .front-v2-body .front-quick-card .quick-actions{grid-template-columns:78px repeat(7,minmax(0,1fr))!important} .front-v2-body .front-quick-card .quick-action{padding-left:11px!important;padding-right:11px!important} .front-v2-body .front-quick-card .quick-action strong,.front-v2-body .front-quick-card .quick-action b{font-size:14px!important} .front-v2-body .front-quick-card .quick-action small,.front-v2-body .front-quick-card .quick-action span{font-size:12px!important} } @media(max-width:900px){ .front-v2-body .front-quick-card .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important} .front-v2-body .front-quick-card .quick-actions:before{grid-column:1/-1!important;grid-row:auto!important;min-height:48px!important;justify-content:flex-start!important;padding:0 16px!important;border-right:0!important;border-bottom:1px solid #dfe7f2!important;text-align:left!important} .front-v2-body .front-quick-card .quick-action{min-height:92px!important;border-right:1px solid rgba(167,182,204,.52)!important;border-bottom:1px solid rgba(167,182,204,.52)!important;padding:14px!important} .front-v2-body .front-quick-card .quick-action strong,.front-v2-body .front-quick-card .quick-action b{font-size:15px!important} .front-v2-body .front-quick-card .quick-action small,.front-v2-body .front-quick-card .quick-action span{font-size:13px!important} } @media(max-width:600px){ .front-v2-body .zkt-auth-tabs .auth-mode-tab{font-size:13px!important} .front-v2-body .zkt-auth-form .auth-field>span{font-size:14px!important} .front-v2-body .zkt-auth-form input{font-size:16px!important} .front-v2-body .credential-confirm{font-size:14px!important} #reportPanel .report-trend-chart.is-empty{min-height:220px!important;height:220px!important} #reportPanel .report-trend-empty{min-height:132px!important;padding:18px 14px!important} #reportPanel .report-trend-empty strong{font-size:15px!important} #reportPanel .report-trend-empty span{font-size:13px!important} } /* Correct the button index: the ::before label is not a DOM child. */ .front-v2-body .front-quick-card .quick-action:nth-child(1){background:#eef5ff!important;color:#1457c9!important;border-top:3px solid #2f73ee!important} .front-v2-body .front-quick-card .quick-action:nth-child(2){background:#edf9f3!important;color:#087b54!important;border-top:3px solid #16a36f!important} .front-v2-body .front-quick-card .quick-action:nth-child(3){background:#fff5ea!important;color:#bb5c08!important;border-top:3px solid #ed8b27!important} .front-v2-body .front-quick-card .quick-action:nth-child(4){background:#edfafa!important;color:#087a83!important;border-top:3px solid #18aeb7!important} .front-v2-body .front-quick-card .quick-action:nth-child(5){background:#f4efff!important;color:#6541b6!important;border-top:3px solid #8b63df!important} .front-v2-body .front-quick-card .quick-action:nth-child(6){background:#edf2ff!important;color:#284c9b!important;border-top:3px solid #496fd6!important} .front-v2-body .front-quick-card .quick-action:nth-child(7){background:linear-gradient(135deg,#fff1e8,#fff8f2)!important;color:#c24d0b!important;border-top:3px solid #f06b24!important} /* Report structure readability final pass: all accounting labels must be readable at a glance. */ #reportPanel .report-structure-card .report-card-heading h3{font-size:20px!important;line-height:1.45!important} #reportPanel .report-structure-card .report-card-heading span{font-size:14px!important;line-height:1.7!important;color:#72829a!important} #reportPanel .report-structure-card .report-structure-row{min-height:44px!important;padding:12px 2px!important;font-size:14px!important;line-height:1.6!important;color:#263957!important} #reportPanel .report-structure-card .report-structure-row span{font-size:14px!important;line-height:1.6!important;color:#263957!important} #reportPanel .report-structure-card .report-structure-row b{font-size:15px!important;line-height:1.5!important;font-weight:800!important;letter-spacing:.1px!important} #reportPanel .report-structure-card .report-structure-row.strong{min-height:48px!important;font-size:15px!important;font-weight:800!important} #reportPanel .report-structure-card .report-structure-row.strong span{font-size:15px!important;font-weight:800!important} #reportPanel .report-structure-card .report-policy-tip{gap:6px!important;margin-top:14px!important;padding:13px!important;font-size:14px!important;line-height:1.7!important} #reportPanel .report-structure-card .report-policy-tip b{font-size:14px!important;line-height:1.5!important} #reportPanel .report-structure-card .report-policy-tip span{font-size:13px!important;line-height:1.7!important} @media(max-width:600px){ #reportPanel .report-structure-card .report-card-heading h3{font-size:19px!important} #reportPanel .report-structure-card .report-card-heading span{font-size:14px!important} #reportPanel .report-structure-card .report-structure-row{min-height:46px!important;padding:13px 2px!important} #reportPanel .report-structure-card .report-structure-row span{font-size:14px!important} #reportPanel .report-structure-card .report-structure-row b{font-size:15px!important} #reportPanel .report-structure-card .report-policy-tip span{font-size:13px!important} } /* 2.9.0 readability and report period interaction final pass (2026-08-10) */ #reportPanel .report-commercial-toolbar label>span, #reportPanel .report-period-display span{font-size:14px!important;line-height:1.55!important;color:#526078!important} #reportPanel .report-period-display b{font-size:14px!important;line-height:1.55!important;color:#263957!important} #reportPanel .report-commercial-toolbar select{height:44px!important;min-height:44px!important;font-size:15px!important;line-height:1.5!important;font-weight:700!important;color:#263957!important} #reportPanel .report-commercial-toolbar select option{font-size:15px!important;color:#263957!important} #reportPanel .report-commercial-toolbar button{height:44px!important;min-height:44px!important;font-size:14px!important;font-weight:800!important} /* Membership plans: feature text must be readable before price comparison or purchase. */ #membershipCard .membership-commercial-plan .membership-plan-head h2{font-size:24px!important;line-height:1.35!important} #membershipCard .membership-commercial-plan .membership-plan-head p{min-height:50px!important;margin-bottom:16px!important;font-size:15px!important;line-height:1.7!important;color:#60718b!important} #membershipCard .membership-commercial-plan .membership-plan-head strong{font-size:32px!important;line-height:1.25!important} #membershipCard .membership-commercial-plan .membership-plan-head strong small{font-size:14px!important;line-height:1.4!important} #membershipCard .membership-commercial-plan .membership-plan-head del{font-size:13px!important} #membershipCard .membership-commercial-plan li{padding:11px 0 11px 21px!important;font-size:14px!important;line-height:1.65!important;color:#263957!important} #membershipCard .membership-commercial-plan li:before{top:11px!important;font-size:14px!important} #membershipCard .membership-commercial-plan .membership-plan-corner{font-size:13px!important;padding:6px 9px!important} #membershipCard .membership-commercial-plan .membership-plan-action{min-height:46px!important;height:46px!important;font-size:15px!important;line-height:1.4!important} #membershipCard .membership-commercial-plan{min-height:420px!important;padding:22px!important} #membershipCard .membership-commercial-plan.active{padding:21px!important} /* Product inventory KPI cards: labels, values and notes are visible at normal viewing distance. */ #productRoot .product-inventory-kpis>div{min-height:122px!important;padding:18px!important} #productRoot .product-inventory-kpis span{font-size:14px!important;line-height:1.5!important;color:#60718b!important} #productRoot .product-inventory-kpis strong{margin:11px 0 7px!important;font-size:28px!important;line-height:1.2!important;color:#263957!important} #productRoot .product-inventory-kpis small{font-size:13px!important;line-height:1.6!important;color:#73839b!important} @media(max-width:900px){ #membershipCard .membership-commercial-plan .membership-plan-head h2{font-size:22px!important} #membershipCard .membership-commercial-plan .membership-plan-head p{font-size:14px!important} #membershipCard .membership-commercial-plan .membership-plan-head strong{font-size:29px!important} #membershipCard .membership-commercial-plan li{font-size:14px!important} #productRoot .product-inventory-kpis>div{min-height:116px!important;padding:16px!important} #productRoot .product-inventory-kpis strong{font-size:25px!important} } @media(max-width:600px){ #reportPanel .report-commercial-toolbar select{font-size:16px!important} #reportPanel .report-commercial-toolbar select option{font-size:16px!important} #membershipCard .membership-commercial-plan{min-height:0!important;padding:18px!important} #membershipCard .membership-commercial-plan.active{padding:17px!important} #membershipCard .membership-commercial-plan .membership-plan-head h2{font-size:21px!important} #membershipCard .membership-commercial-plan .membership-plan-head p{min-height:0!important;font-size:14px!important} #membershipCard .membership-commercial-plan .membership-plan-head strong{font-size:28px!important} #membershipCard .membership-commercial-plan li{font-size:14px!important;line-height:1.6!important} #productRoot .product-inventory-kpis>div{min-height:112px!important;padding:14px!important} #productRoot .product-inventory-kpis span{font-size:13px!important} #productRoot .product-inventory-kpis strong{font-size:24px!important} #productRoot .product-inventory-kpis small{font-size:13px!important} } /* Readability pass r4: inventory KPI figures must remain legible at normal desktop distance. */ #productRoot .product-inventory-kpis>div{min-height:136px!important;padding:20px!important} #productRoot .product-inventory-kpis span{font-size:16px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:.1px!important} #productRoot .product-inventory-kpis strong{margin:12px 0 8px!important;font-size:34px!important;line-height:1.15!important;font-weight:750!important;letter-spacing:.1px!important} #productRoot .product-inventory-kpis small{font-size:14px!important;line-height:1.55!important} @media(max-width:900px){ #productRoot .product-inventory-kpis>div{min-height:126px!important;padding:17px!important} #productRoot .product-inventory-kpis span{font-size:15px!important} #productRoot .product-inventory-kpis strong{font-size:30px!important} } @media(max-width:600px){ #productRoot .product-inventory-kpis>div{min-height:120px!important;padding:15px!important} #productRoot .product-inventory-kpis span{font-size:14px!important} #productRoot .product-inventory-kpis strong{font-size:28px!important} #productRoot .product-inventory-kpis small{font-size:13px!important} } /* Readability pass r5: keep the complete reporting period visible instead of ellipsis clipping. */ @media(min-width:1101px){ #reportPanel .report-commercial-toolbar{grid-template-columns:minmax(230px,260px) minmax(260px,1fr) 160px auto auto!important} #reportPanel .report-period-display{min-width:230px!important} } @media(min-width:701px) and (max-width:1100px){ #reportPanel .report-commercial-toolbar{grid-template-columns:minmax(230px,260px) minmax(260px,1fr) 160px!important} #reportPanel .report-period-display{min-width:230px!important} } #reportPanel .report-period-display b{display:block!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important} @media(max-width:700px){ #reportPanel .report-period-display{width:100%!important;min-width:0!important;height:auto!important;min-height:58px!important;padding:8px 12px!important} #reportPanel .report-period-display b{white-space:normal!important;overflow-wrap:anywhere!important} } /* Readability pass r7: align the reporting-period label with other toolbar labels and prevent the trend card from stretching into a blank panel. */ #reportPanel .report-period-display{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:6px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #reportPanel .report-period-display span{display:block!important;margin:0!important;min-height:21px!important;line-height:1.5!important} #reportPanel .report-period-display b{display:flex!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 11px!important;border:1px solid #d8e1ed!important;border-radius:9px!important;background:#f9fbfd!important;overflow:visible!important} #reportPanel .report-main-grid{align-items:start!important} #reportPanel .report-commercial-card{height:max-content!important;align-self:start!important} #reportPanel .report-trend-chart{height:270px!important;min-height:270px!important;box-sizing:border-box!important} #reportPanel .report-trend-chart.is-empty{height:270px!important;min-height:270px!important} #reportPanel .report-trend-bars{height:200px!important} @media(max-width:700px){ #reportPanel .report-period-display{gap:5px!important} #reportPanel .report-period-display span{min-height:20px!important} #reportPanel .report-trend-chart{height:240px!important;min-height:240px!important} #reportPanel .report-trend-chart.is-empty{height:240px!important;min-height:240px!important} #reportPanel .report-trend-bars{height:170px!important} } /* Readability pass r8: barcode lookup and scan-result guidance must remain readable. */ #scanRoot .scan-method-tabs button{min-height:40px!important;padding:0 16px!important;font-size:14px!important;font-weight:700!important} #scanRoot .scan-mode-btn{min-height:66px!important;padding:10px 9px!important} #scanRoot .scan-mode-btn b{font-size:15px!important;line-height:1.4!important} #scanRoot .scan-mode-btn span{margin-top:4px!important;font-size:13px!important;line-height:1.45!important} #scanRoot .scan-privacy-hint{font-size:13px!important;line-height:1.6!important} #scanRoot .scan-manual-form label>span{font-size:14px!important;line-height:1.5!important} #scanRoot .scan-manual-form p{font-size:13px!important;line-height:1.6!important} #scanRoot .scan-result-head p{font-size:13px!important;line-height:1.6!important} #scanRoot .scan-result-head>span{font-size:13px!important;line-height:1.4!important;padding:6px 10px!important} #scanRoot .scan-result-empty{min-height:190px!important;padding:22px!important} #scanRoot .scan-result-empty i{width:48px!important;height:48px!important;font-size:18px!important} #scanRoot .scan-result-empty b{font-size:16px!important;line-height:1.5!important} #scanRoot .scan-result-empty span{max-width:300px!important;margin-top:7px!important;font-size:14px!important;line-height:1.7!important} #scanRoot .scan-product-cell strong{font-size:15px!important;line-height:1.5!important} #scanRoot .scan-product-cell small{font-size:13px!important;line-height:1.55!important} @media(max-width:700px){ #scanRoot .scan-mode-actions{grid-template-columns:1fr!important;gap:8px!important} #scanRoot .scan-mode-btn{min-height:62px!important} #scanRoot .scan-result-empty{min-height:175px!important;padding:18px 14px!important} #scanRoot .scan-result-empty span{font-size:13px!important} } /* Readability pass r10: commercial trend chart with legend, scale and readable insights. */ #reportPanel .report-trend-chart:not(.is-empty){display:flex!important;flex-direction:column!important;gap:10px!important;height:310px!important;min-height:310px!important;padding:14px 14px 12px!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:12px!important;background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%)!important} #reportPanel .report-trend-legend{display:flex!important;align-items:center!important;gap:16px!important;min-height:28px!important;padding:0 2px 8px!important;border-bottom:1px solid #e2eaf3!important;white-space:nowrap!important} #reportPanel .report-trend-legend span{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#526078!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important} #reportPanel .report-trend-legend span i{display:inline-block!important;width:10px!important;height:10px!important;min-height:10px!important;border-radius:50%!important;background:#1769ff!important} #reportPanel .report-trend-legend span i.cost{background:#7d9abb!important} #reportPanel .report-trend-legend span i.profit{background:#079568!important} #reportPanel .report-trend-legend em{margin-left:auto!important;color:#7b8aa0!important;font-size:12px!important;font-style:normal!important} #reportPanel .report-trend-body{display:flex!important;flex:1 1 auto!important;min-height:0!important;gap:9px!important} #reportPanel .report-trend-y-axis{width:70px!important;flex:0 0 70px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:2px 0 34px!important;text-align:right!important} #reportPanel .report-trend-y-axis span{color:#7a899d!important;font-size:11px!important;line-height:1.3!important;font-variant-numeric:tabular-nums!important} #reportPanel .report-trend-columns{display:flex!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;gap:12px!important;overflow-x:auto!important;padding:0 6px!important;background:repeating-linear-gradient(to bottom,rgba(177,193,214,.28) 0,rgba(177,193,214,.28) 1px,transparent 1px,transparent 52px)!important} #reportPanel .report-trend-column{flex:1 0 76px!important;min-width:76px!important;min-height:0!important;display:grid!important;grid-template-rows:1fr auto auto!important;gap:5px!important;text-align:center!important} #reportPanel .report-trend-bars{height:auto!important;min-height:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:6px!important;padding-top:4px!important} #reportPanel .report-trend-bars i{width:16px!important;min-height:4px!important;border-radius:6px 6px 2px 2px!important;box-shadow:0 2px 5px rgba(36,91,167,.14)!important} #reportPanel .report-trend-column b{font-size:12px!important;line-height:1.4!important;color:#45566e!important;white-space:nowrap!important} #reportPanel .report-trend-column small{font-size:13px!important;line-height:1.4!important;color:#526078!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important} #reportPanel .report-trend-insights{gap:12px!important;margin-top:12px!important} #reportPanel .report-trend-insights>div{min-height:70px!important;padding:13px!important;border-radius:11px!important;background:#f7faff!important} #reportPanel .report-trend-insights span{font-size:12px!important;line-height:1.45!important;color:#73839b!important} #reportPanel .report-trend-insights b{margin-top:6px!important;font-size:16px!important;line-height:1.35!important;color:#263957!important;font-variant-numeric:tabular-nums!important} #reportPanel .report-trend-insights b.success{color:#079568!important} #reportPanel .report-trend-insights b.danger{color:#d84949!important} @media(max-width:700px){ #reportPanel .report-trend-chart:not(.is-empty){height:270px!important;min-height:270px!important;padding:12px 10px 10px!important} #reportPanel .report-trend-legend{gap:8px!important;overflow-x:auto!important} #reportPanel .report-trend-legend span{font-size:13px!important} #reportPanel .report-trend-legend em{font-size:11px!important} #reportPanel .report-trend-y-axis{width:52px!important;flex-basis:52px!important} #reportPanel .report-trend-y-axis span{font-size:12px!important} #reportPanel .report-trend-columns{gap:8px!important} #reportPanel .report-trend-column{flex-basis:62px!important;min-width:62px!important} #reportPanel .report-trend-bars i{width:13px!important} #reportPanel .report-trend-column b{font-size:12px!important} #reportPanel .report-trend-column small{font-size:12px!important} #reportPanel .report-trend-insights{gap:8px!important} #reportPanel .report-trend-insights>div{min-height:64px!important;padding:10px!important} #reportPanel .report-trend-insights span{font-size:11px!important} #reportPanel .report-trend-insights b{font-size:14px!important} } /* 2.9.0 trend chart commercial pass r11: explicit period detail, scale lines and readable values */ #reportPanel .report-trend-chart:not(.is-empty){height:auto!important;min-height:430px!important;padding:14px!important;gap:12px!important;overflow:hidden!important;background:linear-gradient(180deg,#fbfdff 0%,#f5f8fc 100%)!important;border:1px solid #e3ebf5!important;border-radius:14px!important} #reportPanel .report-trend-legend{min-height:30px!important;padding:0 2px 9px!important;gap:18px!important;border-bottom:1px solid #dfe8f2!important} #reportPanel .report-trend-legend span{color:#334766!important;font-size:13px!important;font-weight:700!important} #reportPanel .report-trend-legend span i{width:11px!important;height:11px!important;min-height:11px!important;box-shadow:0 0 0 3px rgba(23,105,255,.08)!important} #reportPanel .report-trend-legend span i.cost{box-shadow:0 0 0 3px rgba(125,154,187,.12)!important} #reportPanel .report-trend-legend span i.profit{box-shadow:0 0 0 3px rgba(7,149,104,.10)!important} #reportPanel .report-trend-legend em{font-size:12px!important;color:#6f8099!important} #reportPanel .report-trend-period-summary{display:grid!important;grid-template-columns:1.25fr repeat(3,minmax(0,1fr))!important;gap:9px!important;min-height:72px!important} #reportPanel .report-trend-period-summary>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;padding:10px 12px!important;border:1px solid #dce6f2!important;border-radius:10px!important;background:#fff!important;box-sizing:border-box!important} #reportPanel .report-trend-period-summary span{display:flex!important;align-items:center!important;gap:6px!important;color:#71819a!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important} #reportPanel .report-trend-period-summary span i{width:8px!important;height:8px!important;min-height:8px!important;border-radius:50%!important;background:#1769ff!important} #reportPanel .report-trend-period-summary .cost span i{background:#7d9abb!important} #reportPanel .report-trend-period-summary .profit span i{background:#079568!important} #reportPanel .report-trend-period-summary strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#263957!important;font-size:17px!important;line-height:1.25!important;font-variant-numeric:tabular-nums!important} #reportPanel .report-trend-period-summary .income strong{color:#1769ff!important} #reportPanel .report-trend-period-summary .cost strong{color:#506e91!important} #reportPanel .report-trend-period-summary .profit strong{color:#079568!important} #reportPanel .report-trend-period-summary .profit.negative strong{color:#d84949!important} #reportPanel .report-trend-body{min-height:250px!important;gap:10px!important;align-items:stretch!important} #reportPanel .report-trend-y-axis{width:72px!important;flex:0 0 72px!important;padding:5px 0 43px!important;justify-content:space-between!important;text-align:right!important} #reportPanel .report-trend-y-axis span{color:#667995!important;font-size:11px!important;line-height:1.2!important;font-weight:600!important} #reportPanel .report-trend-plot{position:relative!important;flex:1 1 auto!important;min-width:0!important;min-height:250px!important} #reportPanel .report-trend-grid-lines{position:absolute!important;inset:5px 0 43px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;pointer-events:none!important;z-index:0!important} #reportPanel .report-trend-grid-lines i{display:block!important;height:1px!important;background:#d8e3ef!important} #reportPanel .report-trend-grid-lines i:last-child{height:2px!important;background:#aebfd3!important} #reportPanel .report-trend-columns{position:relative!important;z-index:1!important;height:100%!important;display:flex!important;align-items:stretch!important;min-width:100%!important;min-height:250px!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 8px 0!important;background:transparent!important;box-sizing:border-box!important;scrollbar-width:thin!important} #reportPanel .report-trend-column{flex:1 0 86px!important;min-width:86px!important;min-height:250px!important;display:grid!important;grid-template-rows:minmax(170px,1fr) auto!important;gap:7px!important;padding:0 5px 0!important;border:1px solid transparent!important;border-radius:10px!important;text-align:center!important;cursor:pointer!important;outline:none!important;box-sizing:border-box!important} #reportPanel .report-trend-column:hover,#reportPanel .report-trend-column:focus-visible,#reportPanel .report-trend-column.is-active{border-color:#bcd3f6!important;background:rgba(233,242,255,.68)!important} #reportPanel .report-trend-bars{height:auto!important;min-height:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:6px!important;padding:5px 0 0!important} #reportPanel .report-trend-bars i{position:relative!important;width:18px!important;min-height:4px!important;border-radius:6px 6px 2px 2px!important;box-shadow:0 3px 7px rgba(36,91,167,.15)!important;transition:filter .15s ease,transform .15s ease!important} #reportPanel .report-trend-column:hover .report-trend-bars i,#reportPanel .report-trend-column:focus-visible .report-trend-bars i,#reportPanel .report-trend-column.is-active .report-trend-bars i{filter:saturate(1.12)!important;transform:translateY(-2px)!important} #reportPanel .report-trend-bars i span{display:none!important} #reportPanel .report-trend-column b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#344968!important;font-size:12px!important;line-height:1.4!important;font-weight:700!important;white-space:nowrap!important} #reportPanel .report-trend-help{padding:8px 10px!important;border-top:1px solid #e0e8f2!important;color:#6d7e96!important;font-size:13px!important;line-height:1.6!important} #reportPanel .report-trend-help strong{color:#445a78!important} #reportPanel .report-trend-insights{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important} #reportPanel .report-trend-insights>div{min-height:70px!important;padding:12px!important} #reportPanel .report-trend-insights span{font-size:12px!important} #reportPanel .report-trend-insights b{font-size:16px!important} #reportPanel .report-trend-chart[data-granularity="week"] .report-trend-column{flex-basis:142px!important;min-width:142px!important} #reportPanel .report-trend-chart[data-granularity="day"] .report-trend-column{flex-basis:86px!important;min-width:86px!important} @media(max-width:700px){ #reportPanel .report-trend-chart:not(.is-empty){min-height:500px!important;padding:11px!important} #reportPanel .report-trend-legend{gap:10px!important;overflow-x:auto!important} #reportPanel .report-trend-legend span{font-size:13px!important} #reportPanel .report-trend-legend em{font-size:11px!important} #reportPanel .report-trend-period-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:142px!important} #reportPanel .report-trend-period-summary .period{grid-column:1 / -1!important} #reportPanel .report-trend-period-summary strong{font-size:15px!important} #reportPanel .report-trend-body{min-height:270px!important} #reportPanel .report-trend-y-axis{width:57px!important;flex-basis:57px!important;padding-bottom:43px!important} #reportPanel .report-trend-y-axis span{font-size:12px!important} #reportPanel .report-trend-plot,#reportPanel .report-trend-columns{min-height:270px!important} #reportPanel .report-trend-column{min-height:270px!important;flex-basis:76px!important;min-width:76px!important} #reportPanel .report-trend-chart[data-granularity="week"] .report-trend-column{flex-basis:142px!important;min-width:142px!important} #reportPanel .report-trend-bars i{width:14px!important} #reportPanel .report-trend-column b{font-size:12px!important} #reportPanel .report-trend-help{font-size:13px!important;line-height:1.6!important} #reportPanel .report-trend-insights{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #reportPanel .report-trend-insights>div{min-height:64px!important;padding:10px!important} #reportPanel .report-trend-insights span{font-size:11px!important} #reportPanel .report-trend-insights b{font-size:14px!important} } /* 2.9.0 local acceptance r11: distinguish the three trend series visually and hide zero values */ #reportPanel .report-trend-bars i.income{background:#1769ff!important} #reportPanel .report-trend-bars i.cost{background:#7d9abb!important} #reportPanel .report-trend-bars i.profit{background:#079568!important} #reportPanel .report-trend-bars i.profit.negative{background:#d84949!important} #reportPanel .report-trend-bars i.is-zero{height:0!important;min-height:0!important;opacity:0!important;box-shadow:none!important} /* Marketing multi-store scope selector */ .mkt-location-field{gap:12px} .mkt-location-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:9px} .mkt-location-choice{display:flex!important;align-items:flex-start;gap:12px;min-height:92px!important;padding:16px!important;border:1px solid #d7e1ee!important;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease} .mkt-location-choice:hover{border-color:#8ab5fa!important;background:#f8fbff} .mkt-location-choice.active{border-color:#1264f6!important;background:#eef5ff;box-shadow:0 0 0 2px rgba(18,100,246,.08)} .mkt-location-choice input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#1264f6} .mkt-location-choice span{display:block;min-width:0} .mkt-location-choice b{display:block;color:#172943;font-size:16px;line-height:1.45} .mkt-location-choice small{display:block;margin-top:5px;color:#667994;font-size:14px;line-height:1.6} .mkt-selected-location-area{margin-top:12px;padding:15px;border:1px solid #dce6f3;border-radius:14px;background:#f8fbff} .mkt-selected-location-area.hidden{display:none} .mkt-selected-location-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .mkt-selected-location-head b{color:#213653;font-size:15px} .mkt-selected-location-head small{color:#1264f6;font-size:14px;font-weight:700} #mktLocationOptions .mkt-check{min-height:44px;padding:10px 12px;border:1px solid #d7e1ee;border-radius:10px;background:#fff} @media(max-width:720px){ .mkt-location-mode{grid-template-columns:1fr} .mkt-location-choice{min-height:88px!important} .mkt-selected-location-head{align-items:flex-start;flex-direction:column;gap:4px} }