/* AYMAN_CUSTOMER_ANALYSIS_V1 */
.customers-card{background:linear-gradient(145deg,#fff,#fbf8ff);border-color:#ded4e8!important}.customers-card .feature-icon{background:#f1eafa;color:#5a347f}.customers-page{--ca-purple:#55317a;--ca-ink:#221d29;--ca-muted:#756d7d;--ca-line:#e9e3ed;--ca-soft:#f8f6fa;--ca-good:#397a5a;--ca-warn:#a26a18;--ca-danger:#a64b4b}.ca-heading{align-items:center}.ca-heading-copy p{margin:5px 0 0;color:var(--ca-muted);font-size:13px}.ca-heading-actions{margin-inline-start:auto;display:flex;gap:8px}.ca-export{border:1px solid #d9cfdf;background:#fff;color:var(--ca-purple);border-radius:12px;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer}.ca-filterbar{margin:18px 0 14px;background:#fff;border:1px solid var(--ca-line);border-radius:18px;padding:14px;display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:10px;box-shadow:0 8px 26px rgba(47,35,57,.04)}.ca-filterbar label{display:flex;flex-direction:column;gap:6px;color:var(--ca-muted);font-size:11px;font-weight:700}.ca-filterbar input,.ca-filterbar select{min-width:0;border:1px solid #e4dfe7;border-radius:11px;padding:10px 11px;background:#fff;color:var(--ca-ink);font:inherit;font-size:13px;outline:none}.ca-filterbar input:focus,.ca-filterbar select:focus{border-color:#a68aba;box-shadow:0 0 0 3px rgba(85,49,122,.08)}.ca-apply{align-self:end;border:0;background:var(--ca-purple);color:#fff;border-radius:11px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer}.ca-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.ca-tabs::-webkit-scrollbar{display:none}.ca-tab{white-space:nowrap;border:1px solid var(--ca-line);background:#fff;color:#6e6575;border-radius:999px;padding:9px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ca-tab.active{background:#2e2534;color:#fff;border-color:#2e2534}.ca-status{display:flex;align-items:center;gap:8px;color:var(--ca-muted);font-size:11px;margin:0 2px 12px}.ca-status i{width:7px;height:7px;border-radius:50%;background:#74a88a}.ca-status.loading i{background:#b8893e}.ca-status.error i{background:#b45555}.ca-content{min-height:420px}.ca-loading,.ca-empty{background:#fff;border:1px dashed #ddd4e2;border-radius:18px;padding:55px 20px;text-align:center;color:var(--ca-muted)}.ca-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.ca-kpi{background:#fff;border:1px solid var(--ca-line);border-radius:17px;padding:17px;min-width:0}.ca-kpi span{display:block;color:var(--ca-muted);font-size:11px;font-weight:700;margin-bottom:8px}.ca-kpi strong{display:block;color:var(--ca-ink);font-size:25px;line-height:1.05;letter-spacing:-.4px}.ca-kpi small{display:block;margin-top:7px;color:#8c8491;font-size:10px}.ca-kpi.emphasis{border-color:#d8cbe2;background:linear-gradient(145deg,#fff,#fbf7ff)}.ca-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ca-panel{background:#fff;border:1px solid var(--ca-line);border-radius:18px;padding:17px;min-width:0}.ca-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ca-panel-head span{display:block;color:#8b8190;font-size:10px;font-weight:800}.ca-panel-head h3{margin:3px 0 0;color:var(--ca-ink);font-size:16px}.ca-quality{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ca-quality div,.ca-pulse-card{background:var(--ca-soft);border:1px solid #eee9f1;border-radius:13px;padding:12px}.ca-quality span,.ca-pulse-card span{display:block;color:var(--ca-muted);font-size:10px}.ca-quality strong,.ca-pulse-card strong{display:block;margin-top:5px;font-size:18px;color:var(--ca-ink)}.ca-progress{height:7px;background:#eee9f1;border-radius:999px;overflow:hidden;margin-top:10px}.ca-progress i{display:block;height:100%;background:var(--ca-purple);border-radius:999px}.ca-pulse{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ca-table-wrap{overflow:auto;border:1px solid var(--ca-line);border-radius:14px}.ca-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.ca-table th{position:sticky;top:0;background:#f8f6fa;color:#716777;font-size:10px;text-align:right;padding:10px;border-bottom:1px solid var(--ca-line);white-space:nowrap}.ca-table td{padding:11px 10px;border-bottom:1px solid #f0ecf2;color:#352f39;font-size:11px;vertical-align:middle}.ca-table tr:last-child td{border-bottom:0}.ca-table tbody tr[data-customer-id]{cursor:pointer}.ca-table tbody tr[data-customer-id]:hover{background:#fbf9fc}.ca-money{font-weight:900;direction:ltr;text-align:right;display:inline-block}.ca-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#f1eef3;color:#63596a}.ca-pill.good{background:#edf6f0;color:var(--ca-good)}.ca-pill.warn{background:#fbf3e7;color:var(--ca-warn)}.ca-pill.danger{background:#f9ecec;color:var(--ca-danger)}.ca-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.ca-segment{background:#fff;border:1px solid var(--ca-line);border-radius:15px;padding:14px;cursor:pointer;text-align:right}.ca-segment:hover{border-color:#cdbbd9}.ca-segment span{font-size:11px;color:var(--ca-muted);font-weight:800}.ca-segment strong{display:block;font-size:22px;margin-top:7px;color:var(--ca-ink)}.ca-segment small{display:block;margin-top:4px;color:#918898}.ca-risk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.ca-risk-summary div{background:#fff;border:1px solid var(--ca-line);border-radius:15px;padding:14px}.ca-risk-summary span{display:block;color:var(--ca-muted);font-size:10px}.ca-risk-summary strong{display:block;margin-top:6px;font-size:21px}.ca-mini-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.ca-mini-tabs button{border:1px solid var(--ca-line);background:#fff;border-radius:10px;padding:8px 11px;font:inherit;font-size:11px;font-weight:800;color:#716777;cursor:pointer}.ca-mini-tabs button.active{background:#ece6f1;color:var(--ca-purple);border-color:#d4c6de}.ca-offer-note{border:1px solid #e8dfed;background:#fbf8fd;border-radius:14px;padding:12px 14px;color:#6f6576;font-size:11px;margin-bottom:12px}.ca-profile-head{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:10px;margin-bottom:12px}.ca-profile-identity{background:linear-gradient(145deg,#352a3d,#241f29);color:#fff;border-radius:18px;padding:18px}.ca-profile-identity span{font-size:10px;opacity:.7}.ca-profile-identity h2{margin:5px 0 8px;font-size:24px;direction:ltr;text-align:right}.ca-profile-identity p{margin:0;font-size:11px;opacity:.78}.ca-profile-stat{background:#fff;border:1px solid var(--ca-line);border-radius:17px;padding:16px}.ca-profile-stat span{display:block;color:var(--ca-muted);font-size:10px}.ca-profile-stat strong{display:block;margin-top:8px;font-size:20px;color:var(--ca-ink)}.ca-recommendations{display:grid;gap:8px}.ca-recommendations div{background:#f8f6fa;border:1px solid #eae4ed;border-radius:12px;padding:11px 13px;font-size:11px;color:#4f4655}.ca-profile-pattern{display:flex;gap:8px;flex-wrap:wrap}.ca-profile-pattern span{background:#f3f0f5;border-radius:999px;padding:7px 10px;font-size:10px;color:#625969}.ca-faint{color:#938a98;font-size:10px}.ca-action{max-width:360px;line-height:1.5}.ca-link-button{border:0;background:transparent;color:var(--ca-purple);font:inherit;font-weight:900;cursor:pointer;padding:0}.ca-bad-data{color:var(--ca-danger);font-weight:800}.ca-footer-note{margin-top:12px;color:#8b838f;font-size:10px;line-height:1.6}.ca-skeleton{height:16px;background:linear-gradient(90deg,#f3f0f5,#faf9fb,#f3f0f5);border-radius:8px;animation:caPulse 1.2s infinite}@keyframes caPulse{50%{opacity:.55}}
@media(max-width:1050px){.ca-filterbar{grid-template-columns:repeat(3,1fr)}.ca-kpis{grid-template-columns:repeat(2,1fr)}.ca-segment-grid{grid-template-columns:repeat(2,1fr)}.ca-profile-head{grid-template-columns:1fr 1fr}.ca-risk-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ca-heading{align-items:flex-start}.ca-heading-actions{margin-inline-start:0}.ca-export{padding:9px 11px}.ca-filterbar{grid-template-columns:1fr 1fr;border-radius:15px;padding:11px}.ca-filterbar label.ca-search{grid-column:1/-1}.ca-apply{grid-column:1/-1}.ca-kpis{grid-template-columns:1fr 1fr;gap:8px}.ca-kpi{padding:13px}.ca-kpi strong{font-size:20px}.ca-grid-2{grid-template-columns:1fr}.ca-segment-grid{grid-template-columns:1fr 1fr;gap:8px}.ca-profile-head{grid-template-columns:1fr 1fr}.ca-profile-identity{grid-column:1/-1}.ca-risk-summary{grid-template-columns:1fr 1fr}.ca-table{min-width:720px}.ca-panel{padding:13px}.ca-tabs{margin-inline:-2px}.ca-tab{padding:8px 12px}.ca-heading-copy p{display:none}}

/* AYMAN_CUSTOMER_ANALYSIS_V2 */
.ca-single{grid-template-columns:1fr}.ca-cashier-detail{margin-top:12px;border-top:1px solid var(--ca-line);padding-top:10px}.ca-cashier-detail summary{cursor:pointer;color:var(--ca-purple);font-size:11px;font-weight:900;list-style:none;display:flex;align-items:center;gap:6px}.ca-cashier-detail summary::-webkit-details-marker{display:none}.ca-cashier-detail summary::before{content:'+';width:19px;height:19px;border:1px solid #ddd4e3;border-radius:7px;display:inline-grid;place-items:center}.ca-cashier-detail[open] summary::before{content:'−'}.ca-cashier-detail .ca-table-wrap{margin-top:10px}.ca-cashier-detail>small{display:block;margin-top:8px;color:#918898;font-size:10px}.ca-cashier-table{min-width:680px}.ca-compliance{display:inline-flex;border-radius:999px;padding:4px 7px;font-weight:900}.ca-compliance.good{background:#edf6f0;color:var(--ca-good)}.ca-compliance.warn{background:#fbf3e7;color:var(--ca-warn)}.ca-compliance.danger{background:#f9ecec;color:var(--ca-danger)}.ca-segment-section{margin-bottom:12px}.ca-segment-section .ca-segment-grid{margin-bottom:0}.ca-risk-summary{grid-template-columns:repeat(5,1fr)}.ca-risk-summary .wide{background:linear-gradient(145deg,#fff,#fbf7ff);border-color:#d8cbe2}.ca-profile-stat small{display:block;margin-top:5px;color:#918898;font-size:9px}.ca-profile-search{padding:32px 20px}.ca-profile-matches{max-width:760px;margin:16px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:right}.ca-profile-matches button{border:1px solid var(--ca-line);background:#fff;border-radius:13px;padding:12px 14px;text-align:right;cursor:pointer}.ca-profile-matches button:hover{border-color:#c9b6d7;background:#fbf9fc}.ca-profile-matches strong{display:block;color:var(--ca-purple);font-size:13px;direction:ltr;text-align:right}.ca-profile-matches span{display:block;margin-top:5px;color:var(--ca-muted);font-size:10px}.ca-risk-summary .wide strong{color:var(--ca-purple)}
@media(max-width:1050px){.ca-risk-summary{grid-template-columns:repeat(3,1fr)}.ca-risk-summary .wide{grid-column:span 2}}
@media(max-width:680px){.ca-risk-summary{grid-template-columns:1fr 1fr}.ca-risk-summary .wide{grid-column:1/-1}.ca-profile-matches{grid-template-columns:1fr}.ca-cashier-detail summary{justify-content:flex-start}}


/* AYMAN_CUSTOMER_ANALYSIS_MOBILE_V3 */

/* ===== تحميل تحليل العملاء ===== */
/* يمنع تعارض ca-loading مع شاشة تدقيق الكاشير */
.customers-page .ca-loading{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:30px 16px;
  background:#fff;
  border:1px dashed #ddd4e2;
  border-radius:18px;
  color:var(--ca-muted);
}

.customers-page .ca-loading::before{
  content:"";
  width:34px;
  height:34px;
  border:3px solid #eee8f2;
  border-top-color:var(--ca-purple);
  border-radius:50%;
  animation:caCustomerSpin .75s linear infinite;
}

.customers-page .ca-loading .ca-skeleton{
  display:none!important;
}

.customers-page .ca-loading>span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  animation:none!important;
  transform:none!important;
  margin:0!important;
  vertical-align:initial!important;
  color:var(--ca-muted)!important;
  font-size:12px!important;
  line-height:1.7!important;
}

@keyframes caCustomerSpin{
  to{transform:rotate(360deg)}
}


/* ===== نسخة الجوال ===== */
@media(max-width:700px){

  .customers-page{
    overflow-x:hidden;
  }

  .customers-page .ca-heading{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin-bottom:14px;
  }

  .customers-page .ca-heading-copy{
    min-width:0;
  }

  .customers-page .ca-heading-copy h1{
    font-size:22px;
    margin-top:2px;
  }

  .customers-page .ca-heading-actions{
    grid-column:1/-1;
    width:100%;
    margin:0;
  }

  .customers-page .ca-export{
    width:100%;
    padding:10px 12px;
  }


  /* الفلاتر */
  .customers-page .ca-filterbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px;
    margin:10px 0 12px;
    border-radius:14px;
  }

  .customers-page .ca-filterbar label{
    min-width:0;
    gap:5px;
    font-size:10px;
  }

  .customers-page .ca-filterbar input,
  .customers-page .ca-filterbar select{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:9px 8px;
    font-size:12px;
  }

  .customers-page .ca-filterbar label.ca-search,
  .customers-page .ca-apply{
    grid-column:1/-1;
  }

  .customers-page .ca-apply{
    width:100%;
    padding:11px;
  }


  /* الشرائح الرئيسية */
  .customers-page .ca-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    overflow:visible;
    padding:0 0 10px;
  }

  .customers-page .ca-tab{
    min-width:0;
    min-height:42px;
    white-space:normal;
    padding:8px 6px;
    line-height:1.45;
    text-align:center;
  }

  .customers-page .ca-status{
    flex-wrap:wrap;
    margin-bottom:8px;
    line-height:1.6;
  }

  .customers-page .ca-content{
    min-height:0;
  }


  /* الكروت */
  .customers-page .ca-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .customers-page .ca-kpi{
    padding:12px;
    border-radius:14px;
  }

  .customers-page .ca-kpi strong{
    font-size:clamp(16px,5vw,20px);
    overflow-wrap:anywhere;
  }

  .customers-page .ca-grid-2{
    grid-template-columns:1fr;
    gap:8px;
  }

  .customers-page .ca-panel{
    padding:12px;
    border-radius:14px;
  }

  .customers-page .ca-panel-head{
    gap:7px;
    margin-bottom:10px;
    flex-wrap:wrap;
  }

  .customers-page .ca-panel-head h3{
    font-size:15px;
    line-height:1.5;
  }

  .customers-page .ca-quality,
  .customers-page .ca-pulse{
    gap:7px;
  }


  /* الشرائح والسمات */
  .customers-page .ca-segment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .customers-page .ca-segment{
    padding:11px;
  }

  .customers-page .ca-segment strong{
    font-size:19px;
  }


  /* تجنب فقد العميل */
  .customers-page .ca-risk-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .customers-page .ca-risk-summary div{
    padding:11px;
  }

  .customers-page .ca-risk-summary .wide{
    grid-column:1/-1;
  }


  /* السلوك والمنتجات */
  .customers-page .ca-mini-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .customers-page .ca-mini-tabs button{
    width:100%;
    padding:9px 6px;
  }


  /* تفاصيل العميل */
  .customers-page .ca-profile-head{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .customers-page .ca-profile-identity{
    grid-column:1/-1;
    padding:14px;
  }

  .customers-page .ca-profile-stat{
    padding:12px;
  }

  .customers-page .ca-profile-stat strong{
    font-size:17px;
    overflow-wrap:anywhere;
  }

  .customers-page .ca-profile-matches{
    grid-template-columns:1fr;
    max-width:none;
  }


  /* ===== الجداول تتحول إلى كروت على الجوال ===== */

  .customers-page .ca-table-wrap{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .customers-page .ca-table{
    display:block;
    width:100%;
    min-width:0;
    background:transparent;
  }

  .customers-page .ca-table thead{
    display:none;
  }

  .customers-page .ca-table tbody{
    display:grid;
    gap:8px;
    width:100%;
  }

  .customers-page .ca-table tr{
    display:block;
    width:100%;
    background:#fff;
    border:1px solid var(--ca-line);
    border-radius:13px;
    padding:5px 10px;
    box-sizing:border-box;
    overflow:hidden;
  }

  .customers-page .ca-table td{
    display:grid;
    grid-template-columns:minmax(96px,42%) minmax(0,1fr);
    align-items:start;
    gap:8px;
    width:100%;
    box-sizing:border-box;
    padding:8px 0;
    border-bottom:1px solid #f0ecf2;
    font-size:11px;
    text-align:left;
    overflow-wrap:anywhere;
  }

  .customers-page .ca-table td:last-child{
    border-bottom:0;
  }

  .customers-page .ca-table td::before{
    content:attr(data-label);
    display:block;
    color:#817687;
    font-size:9px;
    font-weight:800;
    text-align:right;
    line-height:1.6;
  }

  .customers-page .ca-table td>*{
    min-width:0;
    max-width:100%;
  }

  .customers-page .ca-table .ca-money{
    white-space:normal;
    text-align:left;
  }

  .customers-page .ca-action{
    max-width:none;
  }

  .customers-page .ca-cashier-table{
    min-width:0;
  }
}


@media(max-width:420px){

  .customers-page .ca-filterbar{
    grid-template-columns:1fr;
  }

  .customers-page .ca-filterbar label,
  .customers-page .ca-filterbar label.ca-search,
  .customers-page .ca-apply{
    grid-column:1;
  }

  .customers-page .ca-segment-grid{
    grid-template-columns:1fr;
  }
}