/* o2ze — store analytics, Business Assistant, Price Advisor, promotion analytics (Phase 2/3). Mobile: 360/390/430/768. */
.sa-home{margin-top:28px}
.sa-h{font-size:19px;margin:26px 0 12px}
.sa-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.sa-kpi{display:flex;flex-direction:column;gap:4px;min-width:0}
.sa-kpi>span{font-size:13px;color:#4f6273}
.sa-kpi strong{overflow-wrap:anywhere;margin-top:6px!important}
.sa-kpi small{font-size:11px;color:#6d7d8b;line-height:1.6}
.sa-delta.is-up{color:#1d7a46}.sa-delta.is-down{color:#b2452f}
.sa-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 4px}
.sa-range .o-chip{border:1px solid #d6e1ec;background:#fff;color:#07355b;min-height:40px;display:inline-flex;align-items:center}
.sa-range .o-chip.is-active{background:#07355b;color:#fff;border-color:#07355b}
.sa-custom{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-inline-start:auto}
.sa-custom label{display:flex;flex-direction:column;font-size:12px;gap:4px}
.sa-custom input{border:1px solid #d6e1ec;border-radius:9px;padding:8px;min-height:40px;max-width:100%}
.sa-tabs .o-soft[aria-current]{background:#07355b;color:#fff;border-color:#07355b}
.sa-table{overflow-x:auto;border:1px solid #e1e8ef;border-radius:12px;background:#fff;max-width:100%}
.sa-table table{border-collapse:collapse;width:100%;font-size:13px}
.sa-table th,.sa-table td{padding:10px 12px;border-bottom:1px solid #eef2f6;text-align:start;white-space:nowrap;vertical-align:middle}
.sa-table thead th{background:#f5f8fb;color:#4f6273;font-weight:600}
.sa-table tbody th{font-weight:600;white-space:normal;min-width:150px;max-width:260px;overflow-wrap:anywhere}
.sa-bar{display:inline-block;height:8px;border-radius:4px;background:#8ab8ea;margin-inline-end:8px;vertical-align:middle;max-width:90px;width:0}
.sa-bar.is-orders{background:#1f8a5a}
.sa-small{font-size:12px;min-height:36px;padding:6px 10px}
.sa-ranks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sa-rank h3{font-size:15px;margin:0 0 8px}.sa-rank ol{margin:0;padding-inline-start:20px;line-height:1.9;font-size:13px}
.sa-rank small{color:#6d7d8b}
.sa-formulas{margin:24px 0;background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:14px 16px;font-size:13px}
.sa-formulas summary{cursor:pointer;font-weight:600;min-height:32px}
.sa-formulas dt{font-weight:600;margin-top:10px}.sa-formulas dd{margin:2px 0 0;color:#4f6273;line-height:1.8}
.sa-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:12px}
.sa-card{background:#fff;border:1px solid #e1e8ef;border-inline-start:5px solid #8ab8ea;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.sa-card p{margin:0;line-height:1.8;font-size:14px}.sa-card small{color:#6d7d8b;font-size:11px;line-height:1.6}
.sa-card-type{font-size:12px;font-weight:700;color:#07355b}
.sa-card.is-warning{border-inline-start-color:#d0703c}.sa-card.is-warning .sa-card-type{color:#a24a1c}
.sa-card.is-opportunity{border-inline-start-color:#c9a23b}.sa-card.is-opportunity .sa-card-type{color:#7c5f12}
.sa-card.is-good{border-inline-start-color:#2b9a63}.sa-card.is-good .sa-card-type{color:#1d7a46}
.sa-assistant{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.sa-side .sa-cards{grid-template-columns:1fr}
.sa-chat{display:flex;flex-direction:column;gap:14px;padding:20px}
.sa-chat-head{display:flex;gap:12px;align-items:flex-start}
.sa-chat-head p{margin:0;font-size:13px;color:#4f6273;line-height:1.8}
.sa-badge{display:inline-block;background:#e8f1fb;color:#07355b;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.sa-suggest{display:flex;flex-wrap:wrap;gap:8px}
.sa-suggest .o-chip{border:1px solid #d6e1ec;background:#f7fafd;color:#07355b;min-height:40px;text-align:start;line-height:1.5}
.sa-log{display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:520px;overflow:auto;padding:12px;background:#f6f9fc;border-radius:12px}
.sa-msg{max-width:92%;background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:12px 14px;align-self:flex-end;font-size:14px;line-height:1.8}
.sa-msg p{margin:0 0 6px}.sa-msg small{color:#6d7d8b;font-size:11px}
.sa-msg.is-me{align-self:flex-start;background:#07355b;color:#fff;border-color:#07355b}
.sa-msg.is-thin{background:#fffaf0;border-color:#efe0bf}.sa-msg.is-wait{color:#6d7d8b}
.sa-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:8px 0}
.sa-facts div{background:#f5f8fb;border-radius:8px;padding:6px 10px}.sa-facts dt{font-size:11px;color:#6d7d8b}.sa-facts dd{margin:0;font-weight:700}
.sa-items{margin:6px 0;padding-inline-start:20px}.sa-items small{color:#4f6273;margin-inline-start:6px}
.sa-ask{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:10px;align-items:end}
.sa-ask select,.sa-ask input{width:100%}
.sa-promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:14px}
.sa-promo header h3{margin:6px 0}.sa-promo .sa-table{margin:12px 0}
.sa-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:12px 0}
.sa-mini div{background:#f5f8fb;border-radius:10px;padding:8px 10px;min-width:0}
.sa-mini span{display:block;font-size:11px;color:#6d7d8b}.sa-mini b{font-size:15px;overflow-wrap:anywhere}
.sa-roi{font-weight:600;margin:8px 0 2px}
.sa-compare{grid-template-columns:1fr 1fr}
.sa-advice{margin-top:18px}.sa-advice h2{margin-top:0}
.sa-apply{grid-template-columns:minmax(0,260px) auto;align-items:end;margin-top:12px}
.sa-warn{border-color:#efc3a8;background:#fff5ef}
.sa-dialog p{line-height:1.9}
@media(max-width:1000px){.sa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-ranks{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-assistant{grid-template-columns:1fr}}
@media(max-width:700px){
  .sa-custom{margin-inline-start:0;width:100%}.sa-custom label{flex:1;min-width:120px}.sa-custom button{width:100%}
  .sa-ranks{grid-template-columns:1fr}.sa-promos{grid-template-columns:1fr}
  .sa-ask{grid-template-columns:1fr}.sa-ask .o-button{width:100%}
  .sa-compare,.sa-apply{grid-template-columns:1fr}
  .sa-kpi strong{font-size:18px!important}
  .sa-table th,.sa-table td{padding:8px 9px;font-size:12px}
  .sa-msg{max-width:100%}
  .sa-chat{padding:14px}
}
@media(max-width:380px){.sa-kpis{grid-template-columns:1fr 1fr;gap:8px}.sa-kpi{padding:11px!important}.sa-range .o-chip{flex:1;justify-content:center}}
.sa-promo,.sa-rank,.sa-card,.sa-chat,.sa-side,.sa-advice,.sa-body{min-width:0}
.sa-kpi.is-text strong{font-size:17px!important;line-height:1.6}
.sa-plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px}.sa-plist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;min-width:0}.sa-plist li>div{display:flex;flex-direction:column;gap:4px;min-width:0}.sa-plist b{overflow-wrap:anywhere}.sa-plist small{color:#6d7d8b;font-size:12px;line-height:1.6}.sa-plist button{flex:none}
@media(max-width:700px){.sa-promo .sa-table th,.sa-promo .sa-table td,[data-sa-compare-out] .sa-table tbody th,[data-sa-compare-out] .sa-table th,[data-sa-compare-out] td{white-space:normal;min-width:0}.sa-promo .sa-table table,[data-sa-compare-out] table{table-layout:fixed}}
.sa-table table{min-width:0}