:root{--a-bg:#f4f8f6;--a-card:#fff;--a-ink:#17211d;--a-muted:#6d7974;--a-border:#dfe9e4;--a-green:#166c4e;--a-green2:#238663;--a-soft:#edf8f3;--a-danger:#b84444;--a-warn:#a56d12;--a-shadow:0 14px 40px rgba(20,63,47,.08)}*{box-sizing:border-box}body.agency-v3,body{font-family:Cairo,Tahoma,Arial,sans-serif}.agency-v3{margin:0;background:linear-gradient(180deg,#f8fbfa 0,#f1f7f4 100%);color:var(--a-ink);min-height:100vh}.agency-shell{max-width:1600px;margin:auto}.agency-top{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--a-border)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--a-ink)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--a-soft);font-size:22px}.brand b{display:block;font-weight:900}.brand small{display:block;color:var(--a-muted);font-size:.7rem}.top-actions{display:flex;gap:8px;align-items:center}.user-pill{padding:8px 12px;border-radius:999px;background:#f5f7f6;color:var(--a-muted);font-size:.78rem}.agency-tabs{display:flex;overflow:auto;gap:8px;padding:11px 15px;background:#fff;border-bottom:1px solid var(--a-border);scrollbar-width:thin}.tabx{flex:0 0 auto;text-decoration:none;color:#52615b;padding:9px 12px;border-radius:12px;border:1px solid transparent;font-size:.78rem;font-weight:700;display:flex;gap:7px;align-items:center}.tabx:hover,.tabx.active{background:var(--a-soft);border-color:#cae7da;color:var(--a-green)}.agency-main{padding:18px 14px 60px}.page-hero{background:linear-gradient(135deg,#10281f,#1d7756);color:#fff;border-radius:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:var(--a-shadow);margin-bottom:16px}.page-hero h1{font-weight:900;font-size:1.5rem;margin:3px 0}.page-hero p{margin:0;opacity:.78}.eyebrow{font-size:.69rem;letter-spacing:.12em;opacity:.65}.btnx{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:12px;text-decoration:none;border:1px solid transparent;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.btnx.primary{background:var(--a-green);color:white}.page-hero .btnx.primary{background:#fff;color:var(--a-green)}.btnx.secondary{background:var(--a-soft);color:var(--a-green);border-color:#cfe8dc}.btnx.ghost{background:#fff;color:#4f5d57;border-color:var(--a-border)}.btnx.danger{background:#fff0f0;color:var(--a-danger);border-color:#f1cdcd}.grid-v3{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.card-v3{background:var(--a-card);border:1px solid var(--a-border);border-radius:20px;padding:17px;box-shadow:0 8px 28px rgba(18,54,42,.045)}.card-v3 h2,.card-v3 h3{font-weight:900}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.muted{color:var(--a-muted)}.small{font-size:.78rem}.metrics-v3{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.metric-v3{background:#fff;border:1px solid var(--a-border);border-radius:17px;padding:14px}.metric-v3 b{display:block;font-size:1.25rem}.metric-v3 small{color:var(--a-muted)}.field-v3{margin-bottom:12px}.field-v3 label{display:block;font-size:.78rem;font-weight:800;margin-bottom:6px}.field-v3 input,.field-v3 select,.field-v3 textarea{width:100%;border:1px solid #d6e1dc;border-radius:12px;padding:10px 12px;background:#fff;font:inherit;color:var(--a-ink)}.field-v3 textarea{min-height:110px;resize:vertical}.check-v3{display:flex;gap:8px;align-items:center;font-size:.82rem}.table-v3{width:100%;border-collapse:collapse}.table-wrap-v3{overflow:auto}.table-v3 th{font-size:.72rem;color:var(--a-muted);padding:9px;border-bottom:1px solid var(--a-border);white-space:nowrap}.table-v3 td{padding:10px 9px;border-bottom:1px solid #eef3f1;font-size:.78rem;vertical-align:top}.badge-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:800;background:#f0f3f2;color:#60706a}.badge-state.good{background:#e8f8f0;color:#16704f}.badge-state.bad{background:#fff0f0;color:#aa3838}.badge-state.neutral{background:#fff7e8;color:#8d631a}.notice{border-radius:14px;padding:11px 13px;margin:10px 0;font-size:.82rem;border:1px solid}.notice.success{background:#ecfaf3;border-color:#c7ead8;color:#176d4e}.notice.error{background:#fff1f1;border-color:#edcaca;color:#a43b3b}.notice.info{background:#eff7ff;border-color:#ccdef0;color:#315f86}.codebox{direction:ltr;text-align:left;background:#11231c;color:#d7f3e6;border-radius:14px;padding:12px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.list-v3{display:grid;gap:9px}.item-v3{border:1px solid var(--a-border);border-radius:15px;padding:12px;background:#fff}.item-v3:hover{border-color:#b9dccd}.split{display:flex;justify-content:space-between;gap:10px;align-items:center}.filters-v3{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters-v3 input,.filters-v3 select{min-width:150px;border:1px solid var(--a-border);border-radius:11px;padding:8px 10px;font:inherit}.empty-state{text-align:center;padding:28px;color:var(--a-muted)}.empty-state i{font-size:1.8rem}.thread-layout{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:14px}.thread-list{max-height:72vh;overflow:auto}.thread-row{display:block;text-decoration:none;color:inherit;padding:12px;border-bottom:1px solid #edf2ef}.thread-row.active{background:var(--a-soft)}.message-list{display:flex;flex-direction:column;gap:9px;max-height:58vh;overflow:auto;padding:5px}.bubble{max-width:78%;padding:10px 12px;border-radius:16px;font-size:.82rem;white-space:pre-wrap}.bubble.in{align-self:flex-start;background:#f0f3f2}.bubble.out{align-self:flex-end;background:#daf3e7}.bubble small{display:block;opacity:.55;font-size:.62rem;margin-top:5px}.secret-state{display:flex;align-items:center;gap:7px}.dot{width:9px;height:9px;border-radius:50%;background:#b9c1bd}.dot.on{background:#23a26f}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.quick-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--a-border);border-radius:17px;padding:14px;background:#fff}.quick-card i{width:38px;height:38px;border-radius:12px;background:var(--a-soft);color:var(--a-green);display:grid;place-items:center;margin-bottom:9px}.quick-card b{display:block}.quick-card small{color:var(--a-muted)}@media(max-width:900px){.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:span 12}.thread-layout{grid-template-columns:1fr}.page-hero{align-items:flex-start}.user-pill{display:none}}@media(max-width:600px){.agency-main{padding:10px 8px 35px}.agency-top{padding:9px}.agency-tabs{padding:8px}.tabx span{display:none}.tabx{font-size:.9rem}.page-hero{padding:16px;border-radius:18px}.page-hero h1{font-size:1.16rem}.page-hero .btnx{font-size:.7rem}.card-v3{border-radius:16px;padding:12px}.metrics-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.bubble{max-width:90%}}
/* Global polish for legacy pages */
body:not(.agency-v3){background:#f5f8f7!important}body:not(.agency-v3) .card{border-radius:18px!important;box-shadow:0 8px 24px rgba(20,60,45,.05)!important}body:not(.agency-v3) input,body:not(.agency-v3) select,body:not(.agency-v3) textarea{border-radius:10px!important}body:not(.agency-v3) .btn{border-radius:10px!important}body:not(.agency-v3) table{font-size:.86rem}
/* 2.1 global legacy-page polish */
body:not(.agency-v3){font-family:'Cairo',system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#f7fbf9,#f4f1f7);color:#14221d}
body:not(.agency-v3) .card,body:not(.agency-v3) .panel,body:not(.agency-v3) .box{border-radius:18px!important;box-shadow:0 10px 30px rgba(22,72,55,.07);border-color:#e3ece7!important}
body:not(.agency-v3) .btn,body:not(.agency-v3) button,body:not(.agency-v3) input[type=submit]{border-radius:12px!important;min-height:42px}
body:not(.agency-v3) input,body:not(.agency-v3) select,body:not(.agency-v3) textarea{border-radius:12px!important}
body:not(.agency-v3) table{border-radius:14px;overflow:hidden}
body:not(.agency-v3) th{background:#f0f7f4!important;font-weight:800}
@media(max-width:768px){body:not(.agency-v3) .container,body:not(.agency-v3) .container-fluid{padding-left:10px!important;padding-right:10px!important}body:not(.agency-v3) table{font-size:12px}}

/* 3.1 supervisor-directory polish */
.supervisor-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.supervisor-link-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--a-border);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfa)}.supervisor-link-card.is-linked{border-color:#bfe3d3;background:linear-gradient(145deg,#f7fffb,#edf9f3)}.supervisor-link-card.is-missing{border-color:#ecd7aa;background:#fffaf1}.supervisor-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--a-soft);color:var(--a-green);font-size:1.05rem}.supervisor-link-card b,.supervisor-link-card small{display:block}.supervisor-link-card small{color:var(--a-muted);font-size:.7rem;line-height:1.65;margin-top:2px}.provider-grid-v31{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}@media(max-width:600px){.supervisor-link-grid{grid-template-columns:1fr}.supervisor-link-card{grid-template-columns:38px minmax(0,1fr) auto}}

/* 4.6.3 — الموبايل: مفيش حاجة تطلع برة عرض الشاشة (نصوص طويلة من غير مسافات زي أخطاء المزودين كانت بتوسّع الصفحة) */
html,body{max-width:100%}body{overflow-x:clip}
.agency-main,.grid-v3>*,.card-v3,.item-v3,.list-v3,.notice,.field-v3,.split>*,.page-hero>*{min-width:0;max-width:100%}
.notice,.item-v3,.card-v3 p,.card-v3 .small,.card-v3 .muted,.card-v3 div,.badge-state,code{overflow-wrap:anywhere;word-break:break-word}
.field-v3 input,.field-v3 select,.field-v3 textarea,.form-control{max-width:100%}
.table-wrap-v3{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:600px){.split{flex-wrap:wrap}.page-hero{flex-wrap:wrap}.card-head{flex-wrap:wrap}.split input{min-width:0;flex:1 1 140px}}

/* 4.31.2 (L9): جداول عريضة على الموبايل — الجدول بياخد عرضه الطبيعي وبيتسحب أفقي جوه الغلاف بدل ما الخانات تتعصر لحرفين. */
@media (max-width:760px){table.m-scroll-table{min-width:680px}table.m-scroll-table th,table.m-scroll-table td{min-width:60px}.table-responsive,.table-wrap-v3{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}
/* 4.33.0: على الموبايل جداول table-v3 (لحد 8 أعمدة) بتتعرض كروت — كل صف كارت وكل خانة باسم عمودها */
@media (max-width:640px){
.table-v3.m-cards,.table-v3.m-cards tbody,.table-v3.m-cards tr,.table-v3.m-cards td{display:block;width:100%;min-width:0!important;max-width:100%}
.table-v3.m-cards thead{display:none}
.table-v3.m-cards tr{background:#fff;border:1px solid var(--a-border);border-radius:14px;padding:8px 10px;margin:0 0 10px}
.table-v3.m-cards td{border:0;padding:4px 0;font-size:.82rem;overflow-wrap:anywhere;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.table-v3.m-cards td:first-child{display:block;border-bottom:1px dashed var(--a-border);padding-bottom:6px;margin-bottom:4px}
.table-v3.m-cards td[data-label]:not([data-label=""])::before{content:attr(data-label);flex:0 0 88px;font-size:.72rem;font-weight:800;color:var(--a-muted)}
.table-v3.m-cards td:first-child[data-label]::before{display:none}
.table-v3.m-cards td:empty{display:none}
.table-wrap-v3:has(.m-cards){overflow:visible}
}
/* 4.50.0 (البند 28): الجداول كروت على كل المقاسات (ef-cards) + زرار «كروت | جدول» */
.ef-export-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ef-view{display:inline-flex;border:1px solid var(--a-border,#dfe9e4);border-radius:999px;overflow:hidden;background:#fff;margin-inline-end:auto}
.ef-view button{border:0;background:transparent;padding:4px 12px;font:800 .78rem/1.6 Cairo,system-ui,sans-serif;color:#475569;cursor:pointer;min-height:30px}
.ef-view button.on{background:#0f172a;color:#fff}
.ef-view button:focus-visible{outline:2px solid #0891b2;outline-offset:-2px}
table.ef-cards{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;margin-bottom:0}
table.ef-cards>thead,table.ef-cards tr.ef-headrow{display:none!important}
table.ef-cards>tbody,table.ef-cards>tfoot{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;width:100%}
table.ef-cards>tfoot{margin-top:10px}
table.ef-cards tr{display:flex!important;flex-direction:column;gap:2px;min-width:0;background:var(--ef-card-bg,#fff)!important;border:1px solid var(--a-border,#dfe9e4)!important;border-radius:14px;padding:10px 12px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
table.ef-cards tr.ef-span{grid-column:1/-1}
table.ef-cards tr>td,table.ef-cards tr>th{display:flex!important;gap:10px;align-items:baseline;flex-wrap:wrap;width:auto!important;min-width:0!important;max-width:100%;border:0!important;padding:3px 0!important;background:none!important;box-shadow:none!important;text-align:start!important;white-space:normal!important;overflow-wrap:anywhere;font-size:.84rem}
table.ef-cards tr>td[data-label]:not([data-label=""])::before,table.ef-cards tr>th[data-label]:not([data-label=""])::before{content:attr(data-label);flex:0 0 96px;font-size:.72rem;font-weight:800;color:var(--a-muted,#6d7974)}
table.ef-cards tr>:first-child{display:block!important;font-weight:800;font-size:.92rem;border-bottom:1px dashed var(--a-border,#dfe9e4)!important;padding-bottom:6px!important;margin-bottom:4px}
table.ef-cards tr>:first-child::before{display:none!important}
table.ef-cards tr.ef-span>td{border-bottom:0!important;margin:0}
table.ef-cards td:empty{display:none!important}
table.ef-cards td .btn,table.ef-cards td .btnx,table.ef-cards td form{margin:2px 0}
.table-responsive:has(>table.ef-cards),.table-wrap-v3:has(>table.ef-cards),.table-wrap:has(>table.ef-cards){overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important}
@media (max-width:640px){table.ef-cards>tbody,table.ef-cards>tfoot{grid-template-columns:1fr}table.ef-cards tr>td[data-label]:not([data-label=""])::before{flex-basis:84px}}
.ef-page-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:.86rem;color:#334155;margin:6px 0}
/* الصفوف اللي البحث/الفلتر بيخفيها تفضل مستخبية في عرض الكروت */
table.ef-cards tr[style*="display: none"],table.ef-cards tr[style*="display:none"],table.ef-cards tr[hidden],table.ef-cards tr.d-none,table.ef-cards td[style*="display: none"],table.ef-cards td[style*="display:none"],table.ef-cards td[hidden],table.ef-cards td.d-none{display:none!important}