/* APFEL_CUSTOMER_ANALYTICS_V1 — all styles scoped to the new page */
.ap-an-page{direction:rtl;max-width:1200px;margin:auto;padding-bottom:44px;color:#13243d}
.ap-an-hero{border-radius:23px;padding:24px 22px;background:linear-gradient(125deg,#102c4f,#184a71 64%,#087f8c);color:#fff;box-shadow:0 12px 30px rgba(15,44,78,.17);margin-bottom:15px}
.ap-an-hero>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#aee6ee}.ap-an-hero h1{font-size:21px;line-height:1.6;color:#fff!important;margin:9px 0 7px}.ap-an-hero p{font-size:12px;color:#dcecf9!important;margin:0}
.ap-an-notice{background:#ecf7f8;border:1px solid #b7e1e2;padding:13px 15px;border-radius:13px;font-size:12px;line-height:1.9;color:#12646b;margin:10px 0 15px}
.ap-an-period-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:750;margin:16px 0}
.ap-an-period-label select{border:1px solid #d4e1ed;background:#fff;color:#18304d;padding:11px 14px;border-radius:12px;min-width:130px;font:inherit}
.ap-an-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
.ap-an-kpi{min-width:0;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:14px 12px;box-shadow:0 4px 16px rgba(20,56,85,.04)}
.ap-an-kpi-icon{font-size:21px;line-height:1.4}.ap-an-kpi small{font-size:11px;color:#60788e;font-weight:600}.ap-an-kpi strong{font-size:17px;line-height:1.45;overflow-wrap:anywhere;color:#13385e}.ap-an-kpi em{font-size:10px;color:#798c9d;font-style:normal;line-height:1.6}
.ap-an-block{background:#fff;border:1px solid #e0e8f0;border-radius:18px;padding:15px;margin:0 0 15px;box-shadow:0 4px 20px rgba(24,67,99,.035)}
.ap-an-block-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:1px 0 14px}
.ap-an-block-title strong{font-size:15px;color:#19334f}.ap-an-block-title small{font-size:11px;color:#7990a5}
.ap-an-chart{min-height:102px;height:145px;display:flex;align-items:flex-end;justify-content:space-between;gap:3px;direction:ltr;border-bottom:1px solid #d6e5f0;padding:12px 0 0}
.ap-an-chart>span{margin:auto;color:#8090a1;font-size:12px}
.ap-an-bar{min-width:3px;flex:1;max-width:20px;background:linear-gradient(180deg,#41bbb6,#2175b5);border-radius:6px 6px 0 0;opacity:.9;min-height:3px}
.ap-an-segments{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:thin;margin:3px 0 16px;padding-bottom:6px}
.ap-an-segments button{flex:none;background:#f0f5fa;color:#47627d;border:1px solid #e1eaf2;border-radius:100px;font:inherit;font-size:11px;font-weight:750;padding:9px 12px;cursor:pointer}
.ap-an-segments button.active{background:#124a75;color:#fff;border-color:#124a75}
.ap-an-search{width:100%;background:#f8fbfe;color:#183653;border:1px solid #d9e5ee;padding:14px!important;border-radius:13px;font:inherit;font-size:13px;margin-bottom:14px;box-sizing:border-box}
.ap-an-result-title{border-bottom:1px solid #edf1f6;padding:0 0 10px}
.ap-an-results{display:flex;flex-direction:column;gap:7px}
.ap-an-customer{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:11px;width:100%;background:#fff;border:1px solid #e6edf4;border-radius:13px;padding:12px 9px;cursor:pointer;text-align:right;direction:rtl}
.ap-an-customer:hover{background:#f6fafc}.ap-an-rank{border-radius:10px;background:#edf6fc;color:#286e96;font-weight:800;font-size:11px;min-width:27px;height:30px;display:grid;place-items:center}
.ap-an-person{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.ap-an-person strong{font-size:12px;color:#173857;overflow-wrap:anywhere}.ap-an-person small{font-size:10px;color:#778ca1;overflow-wrap:anywhere}.ap-an-person em{font-size:10px;font-style:normal;color:#327a80}
.ap-an-values{display:flex;flex-direction:column;gap:4px;align-items:flex-end;max-width:43%;text-align:left}.ap-an-values strong{font-size:12px;color:#153c66;white-space:normal;overflow-wrap:anywhere}.ap-an-values small{font-size:10px;color:#778ba0}
.ap-an-arrow{font-size:24px;color:#86a4ba}.ap-an-empty{padding:35px 10px;text-align:center;font-size:12px;color:#8497a9}
.ap-an-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 4px}.ap-an-pager button{font:inherit;font-size:12px;font-weight:650;border:1px solid #d5e3ed;background:#f3f9fc;border-radius:11px;padding:11px 20px;color:#214b70;cursor:pointer}.ap-an-pager button:disabled{opacity:.4;cursor:default}
.ap-an-detail{margin:18px 0;background:#edf7fd;border:1px solid #bfdde9;border-radius:15px;padding:14px}.ap-an-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ap-an-detail-head>strong{font-size:15px}.ap-an-detail-head button{background:white;border:1px solid #cfe1ed;border-radius:9px;font-size:20px;width:34px;height:34px;cursor:pointer}
.ap-an-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 15px}.ap-an-detail-grid>div{min-width:0;background:white;border:1px solid #e5edf3;padding:10px;border-radius:9px;display:flex;flex-direction:column;gap:7px}.ap-an-detail-grid small{font-size:10px;color:#71869a}.ap-an-detail-grid b{font-size:12px;color:#1c486d;overflow-wrap:anywhere}
.ap-an-detail .primary-button{width:100%;margin:8px 0}.ap-an-detail p,.ap-an-footnote{font-size:11px;color:#698096;line-height:1.9;padding:10px 4px}
@media(min-width:700px){.ap-an-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ap-an-kpi{padding:17px}.ap-an-kpi strong{font-size:21px}.ap-an-block{padding:20px}.ap-an-hero{padding:30px}.ap-an-hero h1{font-size:27px}}
@media(max-width:400px){.ap-an-stats{gap:7px}.ap-an-kpi{padding:10px 9px}.ap-an-kpi strong{font-size:14px}.ap-an-customer{gap:6px;padding:9px 6px}.ap-an-values{max-width:39%}.ap-an-values strong{font-size:11px}.ap-an-values small{font-size:9px}.ap-an-detail-grid{gap:6px}}