:root{
  --green:#0f7a4d; --green-d:#0a5c3a; --green-l:#e7f5ee; --green-ll:#f3faf6;
  --ink:#12332a; --muted:#5b7a6e; --line:#d7e8df; --bg:#f6faf8; --white:#fff;
  --amber:#b9770e; --amber-l:#fdf5e6; --red:#b3261e; --shadow:0 10px 30px rgba(15,122,77,.12);
  --radius:16px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;font-family:'Cairo',system-ui,'Segoe UI',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
h1,h2,h3,p{margin:0}
button{font-family:inherit;cursor:pointer}

/* ترويسة harness فقط (ووردبريس يوفّر ترويسة الثيم) */
.kos-top{background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;padding:18px 22px;box-shadow:var(--shadow)}
.kos-brand{display:flex;gap:14px;align-items:center;max-width:1200px;margin:0 auto}
.kos-logo{font-size:34px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.kos-top h1{font-size:22px;font-weight:700}
.kos-top p{font-size:13px;opacity:.9}

/* منطقة الصفحة: رسالة البداية + النتائج (خلف الفقاعة) */
.kos-hero,.kos-hero-wrap{max-width:1200px;margin:0 auto;padding:26px 18px 90px;min-height:40vh}
.kos-empty{text-align:center;color:var(--muted);font-size:15px;padding:60px 20px}
.kos-empty .big{font-size:44px;display:block;margin-bottom:10px}

/* ===== الفقاعة العائمة (مطابقة est: ترتفع فوق التذييل الأخضر، بلون الثيم) ===== */
.kos-bot{position:fixed;inset-block-end:var(--kos-lift,20px);inset-inline-end:20px;z-index:120;transition:inset-block-end .18s ease}
.kos-fab{width:56px;height:56px;border-radius:50%;background:var(--base,#07a54f);color:#fff;font-size:23px;line-height:1;border:3px solid #fff;box-shadow:0 6px 20px rgba(0,0,0,.30),0 0 0 1px rgba(0,0,0,.06);transition:transform .2s}
.kos-fab:hover{transform:scale(1.06)}
.kos-panel{position:absolute;inset-block-end:70px;inset-inline-end:0;width:340px;max-width:calc(100vw - 40px);max-height:calc(100vh - 140px);background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 48px rgba(0,0,0,.24);display:flex;flex-direction:column;overflow:hidden}
.kos-phead{background:linear-gradient(120deg,var(--base-dark,#05803d),var(--base,#07a54f));color:#fff;padding:12px 15px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between}
.kos-close{background:none;border:0;color:#fff;font-size:17px;cursor:pointer;line-height:1}
.kos-pbody{flex:1;overflow-y:auto;padding:12px;overscroll-behavior:contain}

/* مبدّل الوضع (داخل اللوحة) */
.kos-modes{display:flex;gap:6px;background:var(--green-ll);padding:5px;border-radius:12px;margin-bottom:12px}
.kos-mode{flex:1;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700;padding:9px 4px;border-radius:9px;transition:.15s}
.kos-mode.is-active{background:var(--white);color:var(--green-d);box-shadow:0 2px 8px rgba(15,122,77,.12)}

/* أدوات الذكاء (داخل اللوحة، مدمجة) */
.kos-tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.kos-tool{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--white);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700;color:var(--ink);transition:.15s}
.kos-tool span{font-size:14px}
.kos-tool.ai{background:linear-gradient(135deg,#eef6ff,#e7f5ee);border-color:#bcd9f0}
.kos-tool:hover{border-color:var(--green);color:var(--green-d)}

/* شريط فهم الذكاء + بطاقة تجميع */
.kos-aibar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.chip.ai{background:#eef6ff;color:#1c5eb8}
.kos-aggcard{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px;text-align:center;box-shadow:var(--shadow)}
.kos-aggcard.sum{border-top:4px solid var(--green)}
.kos-aggcard.cnt{border-top:4px solid #1c5eb8}
.kos-aggcard .big{font-size:40px;font-weight:700;color:var(--green-d)}
.kos-aggcard.cnt .big{color:#1c5eb8}
.kos-aggcard .big small{font-size:18px;color:var(--muted)}
.kos-aggcard .lbl{font-size:15px;color:var(--muted);margin-top:6px}

/* لوحة الإحصائيات + إجابة الذكاء + صندوق السؤال */
.kos-stats.wide{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:14px 0}
.kos-aianswer{background:linear-gradient(135deg,#f3faf6,#eef6ff);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;margin:14px 0;line-height:1.8}
.kos-ask{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:18px}
.kos-ask h3{font-size:15px;color:var(--green-d);margin-bottom:10px}
.kos-ask .row{display:flex;gap:10px}
.kos-ask input{flex:1;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit}
.kos-ask input:focus{outline:0;border-color:var(--green)}
.kos-ask button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:0 22px;font-weight:700}
.kos-sec h3 .cnt{font-size:12px;color:var(--muted);font-weight:400;margin-right:6px}
.kos-exp.ai:hover{border-color:#1c5eb8;color:#1c5eb8;background:#eef6ff}

/* بطاقات الأزرار (3 بالصف داخل اللوحة، مدمجة) */
.kos-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.kos-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border:1px solid var(--line);border-radius:10px;background:var(--green-ll);color:var(--ink);font-size:11.5px;font-weight:700;line-height:1.3;transition:.15s;text-align:center}
.kos-card:hover{border-color:var(--green);background:var(--green-l)}
.kos-card .ic{font-size:17px;line-height:1}

/* صندوق الإدخال (أسفل اللوحة) */
.kos-form{display:flex;gap:6px;align-items:center;padding:10px;border-top:1px solid var(--line)}
.kos-back{border:1px solid var(--line);background:var(--white);border-radius:50%;font-size:15px;width:34px;height:34px;color:var(--green-d);flex:none}
.kos-field{flex:1;min-width:0}
.kos-field label{display:block;font-size:11px;font-weight:700;color:var(--green-d);margin-bottom:3px}
.kos-field input{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:16px;font-size:13px;font-family:inherit;background:#fbfcfb}
.kos-field input:focus{outline:2px solid var(--green);border-color:transparent}
.kos-go{background:var(--green);color:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:15px;font-weight:700;flex:none}
.kos-go:hover{background:var(--green-d)}

/* النتائج */
.kos-results{max-width:1200px;margin:22px auto 0}
.kos-rhead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.kos-rhead .t{font-size:17px;font-weight:700}
.kos-rhead .t b{color:var(--green-d)}
.kos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:1000px){.kos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1400px){.kos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.kos-grid{grid-template-columns:1fr}}
.kos-export{display:flex;gap:8px}
.kos-export.mb{margin-bottom:16px}
.kos-exp{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--ink)}
.kos-exp.xls:hover{border-color:#137a3e;color:#137a3e;background:#e6f6ec}
.kos-exp.pdf:hover{border-color:var(--red);color:var(--red);background:#fdeaea}

.kos-item{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 2px 10px rgba(15,122,77,.05);transition:.15s;cursor:pointer;display:flex;flex-direction:column;gap:8px}
.kos-item:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-1px)}
.kos-item .nm{font-size:15.5px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kos-item .nm .av{width:30px;height:30px;border-radius:50%;background:var(--green-l);display:grid;place-items:center;font-size:15px;flex:none}
.kos-item .nm mark{background:#ffe27a;border-radius:3px;padding:0 2px}
.kos-rowline{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}
.kos-rowline b{color:var(--ink);font-weight:600}
.kos-chips{display:flex;flex-wrap:wrap;gap:6px}
.kos-item .go{align-self:flex-start;font-size:12.5px;color:var(--green-d);font-weight:700}
.chip{font-size:12px;padding:3px 10px;border-radius:20px;background:var(--green-ll);color:var(--green-d);font-weight:600}
.chip.pay{background:#eef6ff;color:#1c5eb8}
.chip.warn{background:var(--amber-l);color:var(--amber)}
.badge{font-size:12px;padding:2px 9px;border-radius:999px;font-weight:700}
.st-مستمر,.st-معتمد{background:#e6f6ec;color:#137a3e}
.st-ملغي{background:#fdeaea;color:var(--red)}
.st-متوقف,.st-مسترجع{background:#eaf1fb;color:#1c5eb8}
.st-جديد{background:#fff5e6;color:var(--amber)}
.st-البنك,.st-\-{background:#eef0f2;color:#5b7a6e}

/* الترقيم */
.kos-pager{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:22px;flex-wrap:wrap;direction:rtl}
.kos-pager button{border:1px solid var(--line);background:var(--white);border-radius:10px;min-width:40px;height:40px;padding:0 12px;font-weight:600;color:var(--ink)}
.kos-pager button:hover:not(:disabled){border-color:var(--green);color:var(--green-d)}
.kos-pager button.cur{background:var(--green);color:#fff;border-color:var(--green)}
.kos-pager button:disabled{opacity:.4;cursor:default}
.kos-psum{font-size:13px;color:var(--muted);margin:0 8px}

/* الحالات */
.kos-note{text-align:center;padding:40px 20px;color:var(--muted);font-size:15px}
.kos-load{display:inline-block;width:22px;height:22px;border:3px solid var(--green-l);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}

/* البوب‑أب */
.kos-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}
.kos-modal-bg{position:absolute;inset:0;background:rgba(10,50,35,.5);backdrop-filter:blur(3px)}
.kos-modal-card{position:relative;background:var(--white);border-radius:18px;max-width:820px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.kos-mhead{position:sticky;top:0;background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:2}
.kos-mhead h2{font-size:20px;font-weight:700}
.kos-mhead .sub{font-size:13px;opacity:.9;margin-top:3px}
.kos-x{background:rgba(255,255,255,.2);border:0;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;flex:none}
.kos-x:hover{background:rgba(255,255,255,.35)}
.kos-mbody{padding:20px 22px}
.kos-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:18px}
.kos-stat{background:var(--green-ll);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.kos-stat .v{font-size:20px;font-weight:700;color:var(--green-d)}
.kos-stat .k{font-size:12px;color:var(--muted)}
.kos-sec{margin-top:18px}
.kos-sec h3{font-size:15px;color:var(--green-d);margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--green-l)}
.kos-table{width:100%;border-collapse:collapse;font-size:13px}
.kos-table th{background:var(--green-ll);color:var(--green-d);text-align:right;padding:9px 10px;font-weight:700}
.kos-table td{padding:9px 10px;border-bottom:1px solid var(--line)}
.kos-table tr:hover td{background:var(--green-ll)}
.kos-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px}
.kos-info div{font-size:14px}
.kos-info span{color:var(--muted);font-size:12px;display:block}

@media(max-width:560px){
  .kos-cards{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}
  .kos-grid{grid-template-columns:1fr}
}