/* APFEL_CUSTOMER_ANALYTICS_V2 — isolated visual improvements; no global selectors */
.ap-an-v2-page{max-width:1320px;margin-inline:auto;padding-bottom:64px;direction:rtl}
.ap-an-v2-hero{position:relative;overflow:hidden;box-shadow:0 15px 36px rgba(10,42,78,.16);background:linear-gradient(120deg,#0d2346 0%,#145680 66%,#087f84 100%)}
.ap-an-v2-hero::after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:37px solid rgba(255,255,255,.035);left:-35px;top:-100px;pointer-events:none}
.ap-an-v2-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.ap-an-v2-hero-actions button{border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.11);border-radius:11px;padding:10px 15px;color:white;font:inherit;font-weight:800;cursor:pointer}
.ap-an-v2-hero-actions span{font-size:11px;color:#bddfea}
.ap-an-v2-main-period{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid #dae9f3;border-radius:16px;padding:12px 15px;margin:14px 0}
.ap-an-v2-main-period label{font-size:13px;font-weight:800;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ap-an-v2-main-period select,.ap-an-v2-controls select{font:inherit;font-size:12px;min-height:40px;border:1px solid #c5d9e7;border-radius:10px;padding:8px;background:#fbfdff;color:#153852;max-width:100%;width:100%}
.ap-an-v2-main-period select{width:auto;min-width:135px}
.ap-an-v2-main-period small{font-size:11px;color:#607b91}
.ap-an-v2-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;align-items:end}
.ap-an-v2-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#355875;min-width:0}
.ap-an-v2-controls .ap-an-v2-check{flex-direction:row;align-items:center;gap:8px;line-height:1.65;border-radius:10px;padding:9px 11px;border:1px solid #d4e4ee;background:#f7fafc}
.ap-an-v2-check input{width:16px;height:16px;accent-color:#1488a1}
.ap-an-v2-volume{border-color:#c8e0ef;box-shadow:0 10px 26px rgba(18,93,121,.07)}
.ap-an-v2-volume-main{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #cde7eb;border-radius:16px;padding:19px 21px;background:linear-gradient(110deg,#f0fcfa,#e7f4ff);margin-bottom:13px}
.ap-an-v2-volume-main>div:first-child{display:flex;flex-direction:column;gap:8px;min-width:0}
.ap-an-v2-volume-main small{font-size:12px;color:#54748a;font-weight:750}
.ap-an-v2-volume-main strong{font-size:clamp(22px,4.8vw,36px);font-weight:900;color:#084b71;letter-spacing:-.5px;line-height:1.4;overflow-wrap:anywhere}
.ap-an-v2-volume-main span{font-size:12px;color:#466880}
.ap-an-v2-ring{width:100px;height:100px;flex:none;border-radius:50%;background:conic-gradient(#16a3b4 var(--rem),#d1e1ec var(--rem));display:grid;place-content:center;text-align:center;position:relative}
.ap-an-v2-ring::before{content:"";position:absolute;inset:12px;background:#effafb;border-radius:50%}
.ap-an-v2-ring>b,.ap-an-v2-ring>small{position:relative;z-index:1;color:#104e6b}
.ap-an-v2-ring>b{font-size:21px}.ap-an-v2-ring>small{font-size:10px}
.ap-an-v2-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ap-an-v2-kpis .ap-an-kpi{box-shadow:none;border-color:#e3edf4}
.ap-an-v2-meter{padding:14px 2px 6px}
.ap-an-v2-between{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#355772;margin-bottom:8px}
.ap-an-v2-between b{color:#1a4260}.ap-an-v2-between span{overflow-wrap:anywhere}
.ap-an-v2-track{width:100%;height:9px;background:#e4edf4;overflow:hidden;border-radius:50px;direction:ltr}
.ap-an-v2-track>span{display:block;height:100%;background:linear-gradient(90deg,#24b6ac,#137baf);border-radius:50px}
.ap-an-v2-warning,.ap-an-v2-good{margin:12px 0;padding:11px 13px;border:1px solid #f0d39b;background:#fff9ed;color:#7f5920;border-radius:12px;font-size:12px;line-height:1.8}
.ap-an-v2-good{color:#27665b;background:#eafbfa;border-color:#bde2d9}
.ap-an-v2-distributions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:12px}
.ap-an-v2-distributions>div{border:1px solid #e2eaf2;padding:14px 13px;border-radius:14px;min-width:0}
.ap-an-v2-distributions h3{margin:0 0 13px;font-size:13px;color:#173c61}
.ap-an-v2-breakdown-item{border-bottom:1px solid #edf2f7;padding:7px 0 11px;margin-bottom:8px}
.ap-an-v2-breakdown-item:last-child{border-bottom:0;margin:0}
.ap-an-v2-breakdown-item small{font-size:10px;color:#7a8fa1;display:block;margin-top:7px}
.ap-an-v2-note,.ap-an-v2-chart-foot{font-size:11px;line-height:1.9;color:#687f92;margin:12px 2px 0}
.ap-an-v2-overview{margin:17px 0}
.ap-an-v2-trends .ap-an-v2-controls{grid-template-columns:repeat(3,minmax(130px,1fr)) auto}
.ap-an-v2-export{height:40px;white-space:nowrap;border-radius:11px;padding:0 13px;border:1px solid #aacbdf;color:#115d84;background:#eef9ff;font:inherit;font-size:12px;cursor:pointer}
.ap-an-v2-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;direction:ltr;background:linear-gradient(#fff,#fbfdff);border:1px solid #e3edf5;border-radius:13px;scrollbar-width:thin}
.ap-an-v2-scroll svg{display:block;font-family:inherit}
.ap-an-v2-chart-records{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}
.ap-an-v2-chart-records>div{display:flex;flex-direction:column;gap:5px;padding:10px;background:#f4f8fc;border:1px solid #e5edf5;border-radius:9px;overflow-wrap:anywhere}
.ap-an-v2-chart-records span{font-size:11px;color:#768aa0}.ap-an-v2-chart-records strong{font-size:12px;color:#1a5679}
.ap-an-v2-customerlist .ap-an-segments button{transition:background .15s}
.ap-an-v2-page button:focus-visible,.ap-an-v2-page select:focus-visible,.ap-an-v2-page input:focus-visible{outline:3px solid #26a5c6;outline-offset:2px}
@media(min-width:850px){.ap-an-v2-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:730px){.ap-an-v2-trends .ap-an-v2-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-an-v2-distributions{grid-template-columns:1fr}.ap-an-v2-chart-records{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:410px){.ap-an-v2-volume-main{padding:12px;gap:8px}.ap-an-v2-ring{width:76px;height:76px}.ap-an-v2-ring::before{inset:9px}.ap-an-v2-ring>b{font-size:17px}.ap-an-v2-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ap-an-v2-volume-main strong{font-size:21px}.ap-an-v2-hero-actions span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ap-an-v2-page *{scroll-behavior:auto!important;transition:none!important}}
