:root{--ink:#17231f;--muted:#5f6d66;--line:#dfe6e2;--paper:#f4f7f4;--white:#fff;--green:#0f5d48;--green2:#178060;--mint:#e8f4ef;--gold:#b6832d;--red:#ad3f3f;--shadow:0 14px 45px rgba(26,47,39,.10);font-family:"Segoe UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.gate{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,.82fr);background:var(--white)}.brand-panel{padding:9vw 8vw;color:white;background:radial-gradient(circle at 20% 15%,#287a61 0,transparent 34%),linear-gradient(145deg,#123f34,#0b2f27 67%,#09251f);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-250px;bottom:-220px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.mark{width:74px;height:74px;border-radius:22px;background:linear-gradient(145deg,#d3ad61,#a77727);display:grid;place-items:center;font-size:40px;font-weight:800;box-shadow:0 15px 35px #071a1466}.brand-panel h1{font-size:clamp(3rem,7vw,6rem);margin:.15em 0}.brand-panel h1 span{font-size:.28em;color:#d8bd84;vertical-align:top}.brand-panel>p:not(.eyebrow){font-size:1.15rem;max-width:560px;line-height:1.9;color:#d7e4df}.eyebrow{font-size:.76rem;letter-spacing:.1em;color:#805f20;font-weight:800;margin:0 0 7px}.brand-panel .eyebrow{color:#e4c78d}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row span{border:1px solid #ffffff2e;background:#ffffff0d;border-radius:100px;padding:8px 13px;font-size:.8rem}.auth-panel{display:grid;place-items:center;padding:50px}.auth-card{width:min(420px,100%)}.auth-card h2{font-size:2rem;margin:0 0 8px}.muted{color:var(--muted);line-height:1.65}.auth-card label{display:grid;gap:7px;font-weight:650;margin:18px 0}.auth-card input,.auth-card select,.auth-card textarea{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;outline:none}.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #1780601a}.auth-card small{font-weight:400;color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:14px}legend{font-weight:700}.checks{display:grid;gap:9px}.checks label{display:flex;margin:0;align-items:center}.primary,.secondary,.danger{border:0;border-radius:10px;padding:11px 18px;font-weight:750}.primary{background:var(--green);color:white;box-shadow:0 7px 16px #0f5d482b}.secondary{background:var(--mint);color:var(--green)}.danger{background:#f9e9e9;color:var(--red)}.auth-card>.primary{width:100%;padding:14px}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#102f28;color:#dbe9e4;padding:23px 16px;display:flex;flex-direction:column;position:fixed;inset-block:0;right:0;width:260px;z-index:20}.logo{display:flex;gap:11px;align-items:center;padding:0 9px 22px;border-bottom:1px solid #ffffff14}.logo strong{font-size:1.25rem;display:block}.logo small{display:block;color:#9db8ae;margin-top:3px}.mark.small{width:43px;height:43px;border-radius:12px;font-size:24px;box-shadow:none}.sidebar nav{overflow:auto;margin-top:18px}.nav-section{color:#789b90;font-size:.68rem;font-weight:800;padding:14px 12px 6px}.nav-item{display:flex;width:100%;align-items:center;gap:11px;color:#c1d6ce;background:transparent;border:0;border-radius:9px;padding:10px 12px;margin:2px 0;text-align:right}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.nav-item.active{box-shadow:inset -3px 0 #d4ae63}.nav-icon{font-size:1.05rem;width:21px;text-align:center}.sidebar-foot{border-top:1px solid #ffffff14;margin-top:auto;padding:19px 8px 0;display:flex;gap:9px;align-items:center}.sidebar-foot b,.sidebar-foot small{display:block;font-size:.7rem}.sidebar-foot small{color:#789b90;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:#55d29f;box-shadow:0 0 0 4px #55d29f20}.workspace{margin-right:260px;min-width:0}.topbar{height:76px;padding:0 28px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.search-trigger{border:1px solid var(--line);background:#f7f9f7;color:#76817c;border-radius:10px;min-width:380px;display:flex;gap:9px;align-items:center;padding:10px 13px}.search-trigger kbd{margin-right:auto;border:1px solid #d5ddd9;background:white;border-radius:5px;padding:2px 6px;font-size:.68rem}.top-actions,.profile{display:flex;align-items:center;gap:12px}.top-actions select{border:1px solid var(--line);border-radius:9px;padding:8px;background:white;max-width:210px}.profile{padding-right:5px}.profile b,.profile small{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{color:var(--muted);font-size:.7rem;margin-top:2px}.avatar{width:37px;height:37px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.icon-button{border:0;background:#edf2ef;color:#44534c;border-radius:9px;width:38px;height:38px;font-size:1.2rem}.view{padding:30px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.page-head h1{margin:0;font-size:1.7rem}.page-head p{margin:6px 0 0;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:15px;margin-bottom:19px}.card,.panel{background:white;border:1px solid #e4eae6;border-radius:14px;box-shadow:0 4px 15px rgba(25,45,38,.035)}.card{padding:18px}.card .label{color:var(--muted);font-size:.79rem}.card strong{display:block;font-size:1.65rem;margin:9px 0 4px}.card small{color:var(--muted)}.card.accent{background:linear-gradient(135deg,#0f5d48,#15765a);color:white}.card.accent .label,.card.accent small{color:#cde4dc}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:20px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel h2{font-size:1rem;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid #edf1ef;font-size:.82rem}th{color:#637169;background:#f8faf8;font-size:.73rem}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfb}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#edf2ef;color:#496057;font-size:.7rem;font-weight:750}.badge.high,.badge.critical,.badge.rejected,.badge.open{background:#f9e8e7;color:#a54141}.badge.approved,.badge.active,.badge.verified,.badge.clean{background:#e3f4ec;color:#137154}.badge.pending,.badge.pending_approval,.badge.review{background:#fff3da;color:#8b641d}.empty{text-align:center;padding:45px;color:var(--muted)}.list{display:grid;gap:9px}.list-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf1ef;padding:10px 0}.list-item:last-child{border:0}.list-item .grow{flex:1}.list-item b,.list-item small{display:block}.list-item small{color:var(--muted);margin-top:4px}.amount{font-variant-numeric:tabular-nums;font-weight:750}.bar-row{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:9px;font-size:.77rem;margin:11px 0}.bar{height:8px;border-radius:8px;background:#edf2ef;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#1a8062,#75b89e);border-radius:8px}.filters{display:flex;gap:9px;margin:0 0 14px}.filters input,.filters select,.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:white;min-width:170px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:.8rem}dialog{border:0;border-radius:16px;padding:0;width:min(620px,calc(100% - 30px));box-shadow:0 30px 90px #102f2850}dialog::backdrop{background:#102f2826;backdrop-filter:none}.modal-head{padding:20px 22px 14px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{margin-right:auto}#modal-body{padding:20px 22px 24px;max-height:70vh;overflow:auto}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-form label{display:grid;gap:6px;font-weight:650;font-size:.82rem}.modal-form .wide{grid-column:1/-1}.modal-form textarea{min-height:80px}.modal-form .actions{grid-column:1/-1;justify-content:flex-start}.search-box{width:100%;font-size:1.05rem;border:1px solid var(--line);border-radius:10px;padding:13px}.search-results{margin-top:12px;display:grid;gap:7px}.search-result{border:1px solid var(--line);background:white;border-radius:10px;padding:12px;text-align:right}.search-result b,.search-result small{display:block}.search-result small{color:var(--muted);margin-top:5px}.notice{border-radius:11px;padding:13px 15px;background:#fff7e7;color:#745416;border:1px solid #f1dfb6;line-height:1.7}.notice.info{background:#eaf4f0;color:#205d4b;border-color:#cae4da}.notice.error{background:#f9e8e7;color:#a54141;border-color:#f0cfcf}.notice.error .actions{margin-top:10px}.toast{position:fixed;inset-inline-start:24px;inset-inline-end:auto;top:auto;bottom:24px;margin:0;border:0;background:#17231f;color:white;padding:12px 17px;border-radius:10px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;display:flex;align-items:flex-start;gap:12px;max-width:min(560px,calc(100vw - 48px));line-height:1.7;overflow:visible}.toast:popover-open{opacity:0;transform:translateY(15px)}.toast.show,.toast.show:popover-open{opacity:1;transform:none;pointer-events:auto}.toast::backdrop{background:transparent}.toast-close{background:transparent;border:0;color:inherit;font-size:1.35rem;line-height:1;padding:0 2px;opacity:.65;flex:none}.toast-close:hover{opacity:1}.toast.show{opacity:1;transform:none}.toast.error{background:#8e3333}.mobile-only{display:none}.code{direction:ltr;text-align:left;font-family:Consolas,monospace;font-size:.75rem;word-break:break-all}.metric-note{font-size:.7rem;color:var(--muted)} @media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.search-trigger{min-width:260px}.profile>div:last-child{display:none}}@media(max-width:760px){.gate{grid-template-columns:1fr}.brand-panel{padding:42px 25px;min-height:290px}.auth-panel{padding:35px 22px}.sidebar{transform:translateX(100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-right:0}.topbar{padding:0 14px}.mobile-only{display:grid}.search-trigger{min-width:0;width:50px}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.top-actions{gap:6px}.top-actions select{max-width:130px}.profile{display:none}.view{padding:20px 14px}.cards{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}.modal-form{grid-template-columns:1fr}.modal-form .wide{grid-column:auto}}@media(max-width:420px){.cards{grid-template-columns:1fr}} /* لوحة سير العمل المؤسسية */ .workflow-command{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin-bottom:18px;border-radius:18px;color:#fff;background:radial-gradient(circle at 15% 0,#2a8066 0,transparent 35%),linear-gradient(135deg,#123f34,#0a2c25);box-shadow:var(--shadow)}.workflow-command h2{margin:3px 0 8px;font-size:1.35rem}.workflow-command p{margin:0;color:#cfe0da}.command-stats{display:flex;gap:10px}.command-stats div{min-width:105px;padding:13px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff0c;text-align:center}.command-stats strong,.command-stats span{display:block}.command-stats strong{font-size:1.5rem;color:#e1c17f}.command-stats span{margin-top:3px;font-size:.72rem;color:#cfe0da}.journey-strip{display:grid;grid-template-columns:repeat(8,minmax(135px,1fr));gap:26px;padding:18px;margin-bottom:22px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.workflow-board{display:grid;gap:18px}.workflow-group{--flow:#0f5d48;--flow-soft:#e9f4ef;padding:22px;border:1px solid #dfe8e3;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(25,45,38,.05)}.workflow-group>header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.workflow-group>header span{font-size:.72rem;color:var(--flow);font-weight:800}.workflow-group>header h2{margin:3px 0 4px;font-size:1.2rem}.workflow-group>header p{margin:0;color:var(--muted)}.workflow-group-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--flow-soft);color:var(--flow);font-weight:900}.workflow-group.legal{--flow:#365e8b;--flow-soft:#eaf1f8}.workflow-group.collection{--flow:#9a6820;--flow-soft:#fbf1df}.workflow-group.finance{--flow:#6f5192;--flow-soft:#f1eaf8}.workflow-group.governance{--flow:#4c6260;--flow-soft:#eaf0ef}.workflow-group.digital{--flow:#267988;--flow-soft:#e5f3f5}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:27px}.workflow-step{position:relative;min-width:0;min-height:92px;display:flex;align-items:center;gap:10px;padding:14px;text-align:right;border:1px solid color-mix(in srgb,var(--flow,#0f5d48) 22%,#dfe6e2);border-radius:13px;background:linear-gradient(145deg,#fff,var(--flow-soft,#eef5f1));color:var(--ink);transition:.18s}.workflow-step:hover{transform:translateY(-2px);border-color:var(--flow,#0f5d48);box-shadow:0 9px 22px color-mix(in srgb,var(--flow,#0f5d48) 13%,transparent)}.workflow-step:not(:last-child):after{content:'‹';position:absolute;left:-22px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:300;color:#91a49d}.step-index{align-self:flex-start;color:var(--flow,#0f5d48);font-size:.66rem;font-weight:900}.step-copy{min-width:0;flex:1}.step-copy b,.step-copy small{display:block}.step-copy b{font-size:.86rem;line-height:1.45}.step-copy small{margin-top:6px;color:var(--muted);font-size:.68rem}.workflow-step>strong{align-self:flex-end;min-width:32px;color:var(--flow,#0f5d48);font-size:1.2rem}.journey-strip .workflow-step{--flow:#0f5d48;--flow-soft:#edf6f2;min-height:75px}.journey-strip .workflow-step>strong{font-size:.95rem}.handoff-panel{margin-top:18px}.handoff-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.handoff-list button{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;text-align:right;color:var(--ink)}.handoff-list button>span:nth-child(2){flex:1}.handoff-list b,.handoff-list small{display:block}.handoff-list small{color:var(--muted);margin-top:4px}.handoff-dot{width:9px;height:9px;border-radius:50%;background:#21a879;box-shadow:0 0 0 5px #21a87915}.workflow-mini{display:flex;gap:9px;align-items:center;padding:11px 13px;margin:-11px 0 20px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.workflow-mini>span{flex:0 0 auto;font-size:.72rem;font-weight:900;color:var(--green)}.workflow-mini button{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#f8faf8;color:#4e5d56;font-size:.72rem}.workflow-mini button.active{border-color:#8ab7a7;background:var(--mint);color:var(--green);font-weight:800}.workflow-mini i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#e7eeea;font-style:normal;font-size:.62rem}.form-section{display:flex!important;align-items:center;gap:11px;padding:11px 13px;margin-top:5px;border-radius:11px;background:var(--mint);color:var(--green)}.form-section>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--green);color:#fff;font-weight:900}.form-section b,.form-section small{display:block}.form-section small{margin-top:2px;color:#557a6c}.file-field{padding:11px;border:1px dashed #aac8bd;border-radius:10px;background:#fbfdfc}.onboarding-form textarea{min-height:60px}dialog:has(.onboarding-form){width:min(900px,calc(100% - 30px))} @media(max-width:1200px){.journey-strip{grid-template-columns:repeat(8,155px)}.workflow-steps{grid-template-columns:repeat(3,1fr)}.workflow-command{align-items:flex-start;flex-direction:column}.command-stats{width:100%}.command-stats div{flex:1}} @media(max-width:760px){.workflow-steps{grid-template-columns:1fr}.workflow-step:not(:last-child):after{content:'⌄';left:50%;top:auto;bottom:-25px;transform:translateX(-50%)}.command-stats{overflow:auto}.command-stats div{min-width:105px}.handoff-list{grid-template-columns:1fr}.journey-strip{grid-template-columns:repeat(8,150px)}.form-section{grid-column:auto!important}} /* تنقل علوي فقط — لا يوجد شريط جانبي */ .sidebar{display:none!important}.app{display:block}.workspace{margin-right:0}.topbar{gap:16px}.topbar-home{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--ink);text-align:right}.topbar-home>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#d3ad61,#a77727);font-size:22px;font-weight:900}.topbar-home b,.topbar-home small{display:block}.topbar-home>span:last-child{display:grid;gap:1px;min-width:56px}.topbar-home b{font-size:1.08rem;line-height:1.15;font-weight:900}.topbar-home small{margin-top:0;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.18em;direction:ltr;text-align:center}.topbar-home:hover b{color:var(--green)}.search-trigger{flex:1;max-width:620px}.top-actions{margin-right:auto} @media(max-width:760px){.topbar{gap:7px}.topbar-home>span:last-child{display:grid}.topbar-home>span:first-child{width:38px;height:38px}.top-actions{margin-right:0}.top-actions .badge{display:none}} /* مراحل واضحة: مستطيلات ثابتة ونص في سطر واحد */ .view{max-width:1900px}.primary,.secondary,.danger{white-space:nowrap}.workflow-command{overflow:hidden}.command-stats{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.command-stats div{min-width:150px}.command-stats span{white-space:nowrap}.workflow-group{overflow:hidden;padding:20px 22px}.workflow-group>header{align-items:center}.workflow-group>header>div:last-child{min-width:0}.workflow-group>header h2,.workflow-group>header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-strip,.workflow-steps{display:flex;grid-template-columns:none;align-items:stretch;gap:30px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a8bcb4 #eef3f0}.journey-strip{padding:15px 17px}.workflow-steps{padding:4px 3px 13px}.journey-strip::-webkit-scrollbar,.workflow-steps::-webkit-scrollbar{height:7px}.journey-strip::-webkit-scrollbar-track,.workflow-steps::-webkit-scrollbar-track{background:#eef3f0;border-radius:10px}.journey-strip::-webkit-scrollbar-thumb,.workflow-steps::-webkit-scrollbar-thumb{background:#a8bcb4;border-radius:10px}.workflow-step{flex:0 0 300px;min-width:300px;max-width:300px;width:300px;min-height:74px;height:74px;padding:11px 14px;gap:10px;overflow:visible}.workflow-step.compact,.journey-strip .workflow-step{flex-basis:230px;min-width:230px;max-width:230px;width:230px;min-height:68px;height:68px}.step-index{align-self:center;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid color-mix(in srgb,var(--flow,#0f5d48) 18%,#dfe6e2);font-size:.7rem}.step-copy{min-width:0;overflow:hidden}.step-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;font-size:.9rem;line-height:1.2}.workflow-step>strong,.journey-strip .workflow-step>strong{align-self:center;display:grid;place-items:center;flex:0 0 42px;min-width:42px;height:32px;padding:0 6px;border-radius:9px;background:#fff;border:1px solid color-mix(in srgb,var(--flow,#0f5d48) 18%,#dfe6e2);font-size:.86rem}.workflow-step:not(:last-child):after{left:-22px}.workflow-mini button{white-space:nowrap}.handoff-list button{min-width:0}.handoff-list button>span:nth-child(2){min-width:0}.handoff-list b,.handoff-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:760px){.view{padding:18px 12px}.workflow-command{padding:20px}.workflow-command h2{font-size:1.12rem}.workflow-command p{font-size:.82rem}.workflow-group{padding:17px 14px}.workflow-group>header p{display:none}.workflow-steps{display:flex;grid-template-columns:none}.workflow-step{flex-basis:270px;min-width:270px;max-width:270px;width:270px}.workflow-step:not(:last-child):after{content:'‹';left:-22px;top:50%;bottom:auto;transform:translateY(-50%)}.journey-strip{grid-template-columns:none}.journey-strip .workflow-step{flex-basis:215px;min-width:215px;max-width:215px;width:215px}.command-stats{width:100%}.command-stats div{flex:0 0 145px}} .back-button{display:flex;align-items:center;gap:6px;flex:0 0 auto;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.04em}.back-button span{font-size:1.1rem}.back-button:hover:not(:disabled){border-color:#8ab7a7;background:var(--mint)}.back-button:disabled{opacity:.38;cursor:not-allowed}.topbar:has(.back-button) .search-trigger{min-width:260px} @media(max-width:760px){.back-button{width:42px;padding:0;justify-content:center;font-size:0}.back-button span{font-size:1.15rem}.topbar:has(.back-button) .search-trigger{min-width:0}} /* زر رجوع ثابت وواضح في جميع الشاشات */ .back-button{position:fixed;right:24px;bottom:24px;z-index:90;width:auto;height:52px;padding:0 19px;border:2px solid #d8bc7c;background:var(--green);color:#fff;border-radius:14px;font-size:.82rem;box-shadow:0 12px 30px #0f5d4852;letter-spacing:0;transition:.18s}.back-button span{font-size:1.25rem}.back-button:hover:not(:disabled){transform:translateY(-2px);background:#0a4b3a;border-color:#e3c88f}.back-button:disabled{display:flex;opacity:.68;background:#68756f;color:#fff;border-color:#c8d0cc;cursor:not-allowed;box-shadow:0 8px 20px #22352d24} /* تطوير الأعمال والتقرير اليومي */ dialog:has(.development-form){width:min(980px,calc(100% - 30px))}.development-form .form-section{margin-top:8px}.report-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.report-filter label{display:grid;gap:6px;font-weight:750;font-size:.8rem}.report-filter input,.report-filter select{min-width:220px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.development-kpis{grid-template-columns:repeat(4,minmax(170px,1fr))}.development-kpis .card:nth-child(4){background:linear-gradient(135deg,#0f5d48,#188260);color:#fff}.development-kpis .card:nth-child(4) .label,.development-kpis .card:nth-child(4) small{color:#d4e9e1}.print-button{border:0;border-radius:10px;padding:11px 18px;background:#183f35;color:#fff;font-weight:800;white-space:nowrap}.result-breakdown{display:grid;gap:8px}.result-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;background:#f6f9f7;border:1px solid #e6ece8}.result-breakdown strong{display:grid;place-items:center;min-width:34px;height:28px;border-radius:8px;background:var(--mint);color:var(--green)}.report-footer{padding:12px 0 36px;color:var(--muted);font-size:.72rem;text-align:center}.completeness{display:inline-block;min-width:50px;padding:4px 8px;border-radius:20px;background:#e3f4ec;color:#137154;font-weight:800;text-align:center}.employee-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.employee-report-card{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid #dfe8e3;border-radius:15px;background:#fff;color:var(--ink);text-align:start;box-shadow:0 5px 18px rgba(25,45,38,.05);transition:.18s}.employee-report-card:hover{transform:translateY(-2px);border-color:#8ab7a7;box-shadow:0 10px 24px rgba(25,45,38,.09)}.employee-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--green);font-size:1.05rem;font-weight:900}.employee-card-copy{min-width:0;flex:1}.employee-card-copy strong,.employee-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-card-copy small{margin-top:5px;color:var(--muted);font-size:.7rem}.employee-card-stats{display:flex;gap:7px}.employee-card-stats b{display:grid;place-items:center;min-width:52px;padding:7px;border-radius:10px;background:#f5f8f6;color:var(--green);font-size:.95rem}.employee-card-stats small{display:block;margin-top:2px;color:var(--muted);font-size:.58rem;font-weight:600}.employee-followup-list{display:grid;gap:16px}.employee-followup-group{margin:0}.employee-section-title{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--ink);text-align:start}.employee-section-title strong,.employee-section-title small{display:block}.employee-section-title small{margin-top:3px;color:var(--green);font-size:.66rem} @media(max-width:900px){.development-kpis{grid-template-columns:repeat(2,1fr)}.employee-report-grid{grid-template-columns:1fr}.employee-report-card{align-items:flex-start;flex-wrap:wrap}.employee-card-stats{width:100%;padding-inline-start:55px}.employee-card-stats b{flex:1}} @media(max-width:760px){.back-button{right:14px;bottom:14px;width:auto;height:48px;padding:0 15px;font-size:.76rem}.back-button span{font-size:1.1rem}.report-filter{align-items:stretch;flex-direction:column}.report-filter label,.report-filter input,.report-filter select,.report-filter button{width:100%;min-width:0}.development-kpis{grid-template-columns:1fr 1fr}} @media(max-width:440px){.development-kpis{grid-template-columns:1fr}} @media print{body{background:#fff}.topbar,.back-button,.workflow-mini,.report-filter,.page-head .actions,.toast{display:none!important}.view{max-width:none;padding:0}.development-report .page-head{display:block;margin-bottom:14px}.development-report .page-head h1{font-size:20pt}.development-report .cards{grid-template-columns:repeat(4,1fr);gap:7px}.development-report .card,.development-report .panel{box-shadow:none;break-inside:avoid}.development-report .card{padding:10px}.development-report .card strong{font-size:15pt}.development-report table{white-space:normal}.development-report th,.development-report td{padding:6px;font-size:7pt}.development-report .grid-2{display:block}.development-report .report-section{break-inside:auto}.report-footer{display:block}} /* نموذج العميل المتغير حسب النوع */ .client-kind{display:contents}.client-kind.hidden{display:none!important} /* تصنيف القضايا والتنفيذ حسب قيمة النزاع */ .value-classification{padding:18px}.value-classification .panel-head p{margin:5px 0 0}.value-band-cards{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px;margin-bottom:15px}.value-band-cards button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#f8faf8;color:var(--ink);text-align:right}.value-band-cards button:hover,.value-band-cards button.active{border-color:var(--green2);background:var(--mint);color:var(--green)}.value-band-cards span{font-size:.72rem;line-height:1.4}.value-band-cards strong{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#fff;font-size:.88rem}.value-filter-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;align-items:end;gap:10px}.value-filter-form label{display:grid;gap:6px;color:var(--ink);font-size:.76rem;font-weight:750}.value-filter-form input,.value-filter-form select{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.value-filter-form button{white-space:nowrap} .daily-report-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #dfe5ea;border-radius:18px;background:linear-gradient(135deg,#fff,#f7faf8);box-shadow:0 7px 24px #0a192b0b} .daily-report-titlebar h1{margin:0;color:#17232d;font-size:1.45rem;font-weight:950} .daily-report-titlebar>[data-daily-new-task]{margin-inline-start:auto} .daily-page-actions{min-height:auto;padding-block:0;border:0;background:transparent;box-shadow:none} .daily-operational-report{display:grid;gap:18px} .daily-operation-group{display:grid;gap:12px;padding:16px;border:1px solid #dfe5ea;border-radius:20px;background:#f8fafb;box-shadow:0 7px 24px #0a192b0b} .daily-operation-group>header{display:flex;align-items:center;justify-content:space-between;border-right:5px solid #63717c;padding:3px 12px 3px 0} .daily-operation-group>header>div{display:flex;align-items:center;gap:10px}.daily-operation-group h2{margin:0;font-size:1.08rem;color:#17232d} .daily-operation-group>header b{min-width:30px;padding:3px 9px;border-radius:999px;background:#17232d;color:#fff;text-align:center;font-size:.76rem} .daily-operation-group.today>header{border-color:#2878a8}.daily-operation-group.overdue>header{border-color:#b94435} .daily-operation-group.upcoming>header{border-color:#8c6b22}.daily-operation-group.done>header{border-color:#1d7b50} .daily-operation-group.missing>header{border-color:#b78824}.daily-operation-group.management>header{border-color:#7550a5} .daily-operation-group.remaining>header{border-color:#68747e} .daily-operation-group .daily-file-list:empty,.daily-operation-group .daily-task-list:empty{display:none} .daily-file-task-context{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#f4f7f8;border-bottom:1px solid #e7ebee} .daily-file-task-context span{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #dce3e7;border-radius:10px;background:#fff} .daily-file-task-context b{font-size:.78rem}.daily-file-task-context small{color:#68747e;font-size:.7rem} .daily-standalone-tasks{margin-bottom:2px} @media(max-width:1100px){.value-band-cards{grid-template-columns:repeat(3,1fr)}.value-filter-form{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.value-band-cards,.value-filter-form{grid-template-columns:1fr}.value-filter-form button{width:100%}} /* الملفات المترابطة والتنقل الذكي بين السجلات */ .record-link{display:inline-flex;align-items:center;gap:5px;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--green);font-weight:800;text-align:start}.record-link:hover{background:var(--mint);text-decoration:underline}.record-link>span:last-child{font-size:.66rem;opacity:.7}.record-link .amount,.record-link .badge{pointer-events:none}.record-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 28px;margin-bottom:15px;border-radius:18px;color:#fff;background:radial-gradient(circle at 10% 0,#2b8267 0,transparent 37%),linear-gradient(135deg,#123f34,#0a2c25);box-shadow:var(--shadow)}.record-hero h2{margin:3px 0 7px;font-size:1.55rem}.record-hero p{margin:0;color:#cfe0da}.record-hero .eyebrow{color:#e2c17d}.record-hero-mark{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border:1px solid #ffffff2e;border-radius:19px;background:#ffffff12;color:#e2c17d;font-size:2rem}.record-section-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:9px;margin-bottom:15px}.record-section-nav button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:right}.record-section-nav button:hover{border-color:#8ab7a7;background:var(--mint)}.record-section-nav button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--green);font-size:1.15rem}.record-section-nav button>b{font-size:.78rem}.record-section-nav button>strong{display:grid;place-items:center;min-width:29px;height:29px;border-radius:8px;background:#f2f5f3;color:var(--green)}.record-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:16px}.record-fact{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.record-fact>span{display:block;margin-bottom:7px;color:var(--muted);font-size:.7rem;font-weight:750}.record-fact>strong{display:block;overflow-wrap:anywhere;font-size:.88rem}.record-section{scroll-margin-top:95px}.record-section .panel-head h2{display:flex;align-items:center;gap:7px}.record-section .panel-head h2>span{color:var(--green)} @media(max-width:620px){.record-hero{align-items:flex-start;padding:20px}.record-hero-mark{width:52px;height:52px;flex-basis:52px}.record-section-nav{grid-template-columns:1fr 1fr}.record-facts{grid-template-columns:1fr 1fr}} @media(max-width:430px){.record-section-nav,.record-facts{grid-template-columns:1fr}} /* ملف الدعوى الورقي: أطراف متكررة، بيانات جهة، وتسلسل زمني */ dialog:has(.legal-case-form){width:min(1180px,calc(100% - 24px))}.legal-case-form{display:grid;gap:16px}.legal-form-section{padding:18px;border:1px solid #dce6e1;border-radius:15px;background:#fbfdfc}.legal-form-section>header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.legal-form-section>header>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;font-weight:900}.legal-form-section>header b,.legal-form-section>header small{display:block}.legal-form-section>header small{margin-top:3px;color:var(--muted)}.legal-case-form label{display:grid;gap:6px;color:#33443d;font-size:.8rem;font-weight:750}.legal-case-form input,.legal-case-form select,.legal-case-form textarea,.legal-calendar-filter input,.legal-calendar-filter select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.legal-case-form textarea{min-height:76px;resize:vertical}.legal-repeat-row{position:relative;margin-bottom:11px;padding:13px;border:1px solid #e0e8e4;border-radius:12px;background:#fff}.legal-client-row{display:grid;grid-template-columns:minmax(280px,3fr) minmax(150px,1fr);gap:11px}.legal-client-row .client-name,.legal-client-row .client-capacity{min-width:0}.legal-opponent-row{display:grid;grid-template-columns:minmax(280px,3fr) minmax(150px,1fr);gap:11px}.legal-reference-row{display:grid;grid-template-columns:minmax(260px,2fr) minmax(130px,1fr) minmax(125px,.8fr);gap:11px}.legal-reference-row .reference-authority{min-width:0}.legal-event-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(135px,.7fr) minmax(260px,1.7fr) minmax(260px,1.7fr);gap:11px;align-items:start}.legal-event-row textarea{min-height:82px}.legal-add-row{margin-top:2px}.legal-remove-row{grid-column:1/-1;justify-self:start;border:0;background:transparent;color:var(--red);font-size:.73rem;font-weight:800}.legal-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:15px;padding-top:15px;border-top:1px dashed #cfdcd6}.legal-wide,.legal-reason{grid-column:1/-1}.legal-reason{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.legal-submit{justify-content:flex-start}.compact-legal-form .legal-event-row{margin:0}.case-file-paper{min-width:0} /* جدول الجلسات والمواعيد بصيغة تقرير قانوني من ثلاثة أسطر */ .legal-calendar-filter{display:flex;align-items:end;justify-content:space-between;gap:16px}.legal-calendar-filter form{display:grid;grid-template-columns:170px 170px minmax(260px,1fr) auto;align-items:end;gap:10px;flex:1}.legal-calendar-filter label{display:grid;gap:6px;font-size:.78rem;font-weight:750}.calendar-presets{display:flex;gap:7px;flex-wrap:wrap}.legal-calendar-paper{display:grid;gap:13px}.legal-calendar-entry{overflow:hidden;border:1px solid #cfdcd6;border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(25,45,38,.04)}.legal-calendar-entry>header{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#edf5f1;border-bottom:1px solid #dce7e2}.legal-calendar-entry>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;font-size:.7rem;font-weight:900}.legal-calendar-entry>header>b{flex:1}.calendar-line{display:grid;grid-template-columns:auto minmax(180px,1fr) auto minmax(180px,1fr) auto minmax(100px,.5fr);gap:8px 10px;padding:10px 14px;border-bottom:1px solid #edf1ef;align-items:start}.calendar-line:last-child{border-bottom:0}.calendar-line strong{color:var(--green);font-size:.75rem}.calendar-line span,.calendar-line button{min-width:0;color:var(--ink);font-size:.82rem}.calendar-line button{padding:0;border:0;background:transparent;text-align:right;text-decoration:underline;font-weight:800}.statement-line{grid-template-columns:auto minmax(145px,.7fr) auto minmax(240px,1.4fr) auto minmax(240px,1.4fr)} @media(max-width:850px){.legal-client-row,.legal-opponent-row,.legal-reference-row,.legal-event-row,.legal-basics{grid-template-columns:1fr}.legal-calendar-filter{align-items:stretch;flex-direction:column}.legal-calendar-filter form{grid-template-columns:1fr 1fr}.legal-calendar-filter form label:nth-child(3),.legal-calendar-filter form button{grid-column:1/-1}.calendar-line,.statement-line{grid-template-columns:auto 1fr}.legal-calendar-summary{grid-template-columns:repeat(2,1fr)}} @media print{body{background:#fff}.topbar,.back-floating,.workflow-mini,.page-head .actions,.record-section-nav,.legal-calendar-filter,.toast,dialog{display:none!important}.workspace,.view{margin:0!important;padding:0!important;max-width:none!important}.case-file-paper,.legal-calendar-paper{display:block}.record-hero{box-shadow:none;border:1px solid #234d41;background:#fff;color:#17231f}.record-hero p,.record-hero .eyebrow{color:#44534c}.record-facts{grid-template-columns:repeat(4,1fr)}.record-fact,.panel,.legal-calendar-entry{break-inside:avoid;box-shadow:none}.record-section{break-inside:auto}.legal-calendar-entry{margin-bottom:12px}.calendar-line{font-size:10pt}} /* نموذج الدعوى الجدولي المطابق لطريقة العمل القانونية الورقية */ .legal-entry-table{overflow:hidden;border:1px solid #cbd9d3;border-radius:12px;background:#fff}.legal-table-head{padding:10px 13px;background:#e9f2ee;border-bottom:1px solid #cbd9d3;color:var(--green)}.legal-table-head b{font-size:.82rem}.legal-party-grid,.legal-client-row,.legal-opponent-row{display:grid;grid-template-columns:minmax(280px,3fr) minmax(150px,1fr);gap:11px}.legal-timeline-grid,.legal-event-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(280px,1.7fr) minmax(280px,1.7fr);gap:11px}.legal-entry-table .legal-repeat-row{margin:0;padding:11px 13px;border:0;border-top:1px solid #e3eae7;border-radius:0}.legal-entry-table>div[id]>.legal-repeat-row:first-child{border-top:0}.legal-entry-table .legal-repeat-row input,.legal-entry-table .legal-repeat-row select,.legal-entry-table .legal-repeat-row textarea{border-color:#d1dcd7;background:#fff}.legal-entry-table .legal-event-row{align-items:stretch}.legal-entry-table .legal-event-row textarea{min-height:62px}.legal-row-label{display:none}.legal-field-title{color:var(--green);font-weight:850}.legal-claim-section input{max-width:360px;font-size:1rem;font-weight:850}.legal-basics{grid-template-columns:repeat(2,1fr)}.legal-basics-single{grid-template-columns:1fr}.case-event-kind{max-width:320px}.legal-event-row>input[type="hidden"]{display:none} @media(max-width:850px){.legal-client-row,.legal-opponent-row,.legal-event-row{grid-template-columns:1fr}.legal-table-head{display:none}.legal-row-label{display:block;color:var(--green);font-size:.72rem;font-weight:850}} .legal-reference-grid{display:grid;grid-template-columns:minmax(260px,2fr) minmax(130px,1fr) minmax(125px,.8fr);gap:11px}.legal-reference-example{margin-top:9px;color:var(--muted);font-size:.73rem}.legal-reference-table .legal-reference-row{align-items:end} /* ملف الدعوى الحي عند فتح الدعوى من أي شاشة */ .case-paper-live{display:grid;gap:16px;min-width:0}.case-paper-live>.page-head{margin-bottom:0}.case-paper-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;border:1px solid #bfcfc8;border-radius:17px;background:linear-gradient(135deg,#f7fbf9,#edf5f1);box-shadow:0 8px 24px rgba(25,45,38,.06)}.case-paper-heading h2{margin:4px 0 7px;color:var(--green);font-size:1.45rem}.case-paper-heading p{margin:0;color:#4c5d56;line-height:1.75}.case-paper-section{margin:0;break-inside:avoid}.case-paper-table-row{padding:12px 13px;border-top:1px solid #e3eae7;align-items:center}.legal-table-head+.case-paper-table-row{border-top:0}.case-paper-table-row>span{min-width:0;overflow-wrap:anywhere;line-height:1.75}.case-paper-value{padding:15px 17px;border:1px solid #d4e1dc;border-radius:12px;background:#fff;color:var(--green);font-size:1.55rem;font-weight:900}.case-paper-subject{min-height:70px;padding:15px 17px;border:1px solid #d4e1dc;border-radius:12px;background:#fff;color:var(--ink);font-size:.95rem;font-weight:700;line-height:1.95;white-space:pre-wrap}.case-paper-emirate{display:grid;grid-template-columns:140px 1fr;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid #d4e1dc;border-radius:11px;background:#fff}.case-paper-emirate b{color:var(--green)}.case-event-label{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:20px;background:var(--mint);color:var(--green);font-size:.64rem;font-weight:900;white-space:nowrap}.case-paper-live .legal-add-row{justify-self:start} @media(max-width:850px){.case-paper-heading{align-items:flex-start;padding:18px}.case-paper-table-row.legal-party-grid,.case-paper-table-row.legal-reference-grid,.case-paper-table-row.legal-timeline-grid{grid-template-columns:1fr}.case-paper-table-row>span{padding:4px 0}.case-paper-emirate{grid-template-columns:1fr}.case-paper-heading .record-hero-mark{width:48px;height:48px;flex-basis:48px}} @media print{.case-paper-heading{box-shadow:none}.case-paper-live{gap:10px}.case-paper-section{padding:12px}.case-paper-section>header{margin-bottom:9px}.case-paper-table-row{padding:7px 9px;font-size:9pt}.case-paper-subject,.case-paper-value{padding:10px}.case-paper-live .legal-add-row{display:none!important}} .workflow-step.money-value>strong{flex:0 0 auto;width:auto;min-width:92px;padding:0 8px;font-size:.68rem;white-space:nowrap}.workflow-step.money-value .step-copy b{font-size:.82rem} /* سجل العملاء الموحّد: بيانات التسجيل كاملة في صف واحد قابل للتمرير الأفقي */ .unified-client-table{border:1px solid #dbe5e0;border-radius:14px;background:#fff} .unified-client-table table{width:max-content;min-width:100%} .unified-client-table th,.unified-client-table td{white-space:nowrap;vertical-align:middle} .unified-client-table th{position:sticky;top:0;z-index:2;background:#edf5f1} .unified-client-table tbody tr:hover{background:#f7fbf9} /* تعديل بيانات العميل من السجل الموحّد */ dialog:has(.client-edit-form){width:min(1180px,calc(100% - 24px))} .client-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.client-edit-form>.hidden{display:none!important}.client-edit-list{display:grid;gap:11px}.client-edit-row{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:14px;border:1px solid #dce6e1;border-radius:13px;background:#fff}.client-edit-row label{align-content:start}.client-edit-check{display:flex!important;align-items:center;gap:8px;align-self:end;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f7faf8}.client-edit-check input{width:auto!important}.client-edit-add{justify-self:start;margin-top:-4px}.client-edit-save{position:sticky;bottom:-20px;z-index:4;grid-column:1/-1;align-items:center;padding:14px;border-top:1px solid #dce6e1;background:#fff}.client-edit-save small{color:var(--muted)}.client-edit-cell{position:sticky;left:0;z-index:1;background:#fff}.client-edit-cell button{white-space:nowrap} @media(max-width:850px){.client-edit-form,.client-edit-row{grid-template-columns:1fr}.client-edit-form>.wide,.client-edit-row>.wide{grid-column:auto}.client-edit-save{grid-column:auto}.client-edit-cell{position:static}} /* حصاد V12 — سطح هادئ من ثلاثة أقسام */ .today-strip{display:grid;grid-template-columns:minmax(260px,1fr) minmax(460px,1.7fr);align-items:center;gap:24px;margin-bottom:18px;padding:24px 26px;border-radius:20px;color:#fff;background:radial-gradient(circle at 8% 0,#2d8469 0,transparent 34%),linear-gradient(135deg,#0b3329,#164f40);box-shadow:var(--shadow)} .today-strip h2{margin:4px 0 7px;font-size:1.45rem}.today-strip p{margin:0;color:#cee0d9}.today-strip .eyebrow{color:#e7c779} .today-strip-counts{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.today-strip-counts button{display:grid;gap:3px;padding:12px 7px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0e;color:#fff}.today-strip-counts button:hover{background:#ffffff1c}.today-strip-counts strong{font-size:1.15rem}.today-strip-counts span{font-size:.64rem;color:#d9e7e2} .department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:16px}.department-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 25px rgba(25,45,38,.06)}.department-card>header{display:flex;align-items:flex-start;gap:14px;min-height:150px;padding:22px}.department-card>header>span{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:14px;color:#fff;font-size:1rem;font-weight:900}.department-card header p{margin:1px 0 5px;color:var(--muted);font-size:.6rem;font-weight:900;letter-spacing:.12em}.department-card header h2{margin:0 0 8px;font-size:1.25rem}.department-card header small{display:block;color:var(--muted);font-size:.74rem;line-height:1.75}.department-card.development>header>span{background:#246d56}.department-card.legal>header>span{background:#263d63}.department-card.finance>header>span{background:#8c622d} .department-path{display:grid;padding:0 12px 12px}.department-path button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:11px 10px;border:0;border-top:1px solid #edf1ef;background:#fff;color:var(--ink);text-align:right}.department-path button:hover{border-radius:10px;background:#f1f7f4}.department-path i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf5f1;color:var(--green);font-style:normal;font-size:.66rem;font-weight:900}.department-path b{font-size:.76rem}.department-path span{color:var(--green);font-weight:900} .enterprise-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.enterprise-tools button{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:right}.enterprise-tools button:hover{border-color:#90b8a8;background:#f5faf7}.enterprise-tools b,.enterprise-tools small{display:block}.enterprise-tools small{margin-top:5px;color:var(--muted);font-size:.65rem} .today-kpis{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin-bottom:16px}.v12-kpi{padding:16px}.v12-kpi strong{overflow-wrap:anywhere;font-size:1.22rem}.v12-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v12-list{margin:0}.v12-list .list-item small{display:block;margin-top:5px;color:var(--muted)}.text-button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);font-weight:800}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f1f8f4}.gate-check{display:block;margin:3px 0;padding:3px 7px;border-radius:7px;font-size:.65rem;font-weight:800}.gate-check.ok{background:#e8f6ee;color:#14734e}.gate-check.bad{background:#fdecea;color:#a72c27}.engagement-summary{display:grid;gap:15px}.engagement-summary .cards{grid-template-columns:repeat(4,1fr)} .table-wrap td small{display:block;margin-top:5px;color:var(--muted)}.notice.warning{border-color:#ead7ad;background:#fff8e9;color:#74541c}.notice.error{border-color:#e6b9b9;background:#fdf0f0;color:#8e3333} @media(max-width:1100px){.department-grid{grid-template-columns:1fr}.department-card>header{min-height:0}.today-strip{grid-template-columns:1fr}.today-kpis{grid-template-columns:repeat(4,1fr)}.enterprise-tools{grid-template-columns:repeat(2,1fr)}} @media(max-width:720px){.today-strip-counts{grid-template-columns:repeat(3,1fr)}.today-kpis{grid-template-columns:repeat(2,1fr)}.v12-board{grid-template-columns:1fr}.enterprise-tools{grid-template-columns:1fr}.engagement-summary .cards{grid-template-columns:repeat(2,1fr)}} /* V12.1.1 — Cairo محلي، شبكة مراحل ثابتة، وهوية مؤسسية راقية */ @font-face{font-family:"Cairo";font-style:normal;font-display:swap;font-weight:400;src:url("/fonts/cairo-arabic-400-normal.woff2") format("woff2")} @font-face{font-family:"Cairo";font-style:normal;font-display:swap;font-weight:500;src:url("/fonts/cairo-arabic-500-normal.woff2") format("woff2")} @font-face{font-family:"Cairo";font-style:normal;font-display:swap;font-weight:600;src:url("/fonts/cairo-arabic-600-normal.woff2") format("woff2")} @font-face{font-family:"Cairo";font-style:normal;font-display:swap;font-weight:700;src:url("/fonts/cairo-arabic-700-normal.woff2") format("woff2")} @font-face{font-family:"Cairo";font-style:normal;font-display:swap;font-weight:800;src:url("/fonts/cairo-arabic-800-normal.woff2") format("woff2")} @font-face{font-family:"Cairo";font-style:normal;font-display:swap;font-weight:900;src:url("/fonts/cairo-arabic-900-normal.woff2") format("woff2")} :root{ --ink:#152536; --muted:#5f6d66; --line:#e3e7e8; --paper:#f5f6f7; --white:#fff; --green:#0b6756; --green2:#108a72; --mint:#e9f5f2; --gold:#b68a35; --gold-light:#e5cc91; --navy:#102a43; --red:#a53e46; --shadow:0 16px 45px rgba(15,35,50,.09); font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif } /* V12.10.1 — Complete Legal Practice with startup recovery */ .legal-practice-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0}.legal-practice-metrics article{background:linear-gradient(145deg,#fff,#f3f9f7);border:1px solid #d8e7e2;border-radius:16px;padding:18px;box-shadow:0 10px 26px rgba(15,74,62,.06)}.legal-practice-metrics span{display:block;color:#64756f;font-size:.84rem}.legal-practice-metrics strong{display:block;color:#076654;font-size:1.8rem;margin-top:8px}.legal-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}.legal-case-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px;margin:14px 0;background:linear-gradient(125deg,#063f36,#087b66);color:#fff;border-radius:22px;box-shadow:0 18px 38px rgba(6,63,54,.17)}.legal-case-hero span{opacity:.82;font-size:.82rem}.legal-case-hero h2{margin:6px 0;font-size:2rem;color:#fff}.legal-case-hero p{margin:0;opacity:.92}.legal-case-hero-facts{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px 20px;min-width:min(100%,420px)}.legal-case-hero-facts span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:10px}.legal-case-hero-facts b{display:block;color:#fff;margin-top:3px}.legal-case-tabs{display:flex;gap:8px;overflow:auto;padding:5px 2px 12px;scrollbar-width:thin}.legal-case-tabs button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #d5e4df;background:#fff;color:#355a51;border-radius:12px;padding:10px 13px;font-weight:700}.legal-case-tabs button.active{background:#076654;color:#fff;border-color:#076654}.legal-case-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:rgba(0,0,0,.07);font-size:.75rem}.legal-case-workspace{min-height:320px}.legal-case-workspace .panel{overflow:hidden}.legal-case-workspace table small,.table-wrap table small{display:block;color:#71827d;margin-top:4px}.legal-case-workspace .actions{display:flex;gap:6px;flex-wrap:wrap}.legal-case-workspace .record-link{white-space:nowrap}.legal-case-workspace .legal-record-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} @media(max-width:850px){.legal-case-hero{align-items:flex-start;flex-direction:column}.legal-case-hero-facts{width:100%;grid-template-columns:1fr}.legal-search-grid{grid-template-columns:1fr}.legal-practice-metrics{grid-template-columns:repeat(2,1fr)}} @media print{.legal-case-tabs,.legal-case-workspace button,.legal-case-hero+.actions{display:none!important}.legal-case-hero{box-shadow:none;background:#fff!important;color:#111;border:1px solid #aaa}.legal-case-hero h2,.legal-case-hero-facts b{color:#111}.legal-case-hero-facts span{border-color:#aaa}.legal-case-workspace{display:block}} /* Integrated Engagement / Service Order workflow */ .journey-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.journey-index>button{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:18px;text-align:start;display:grid;gap:8px;color:inherit;box-shadow:var(--shadow)}.journey-index>button:hover{border-color:var(--accent);transform:translateY(-1px)}.journey-index small,.journey-index span{color:var(--muted)} .journey-hero{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px}.journey-hero>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;gap:6px}.journey-hero span{color:var(--muted);font-size:.86rem}.journey-hero strong{font-size:1.05rem} .journey-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-block:16px}.journey-timeline article{position:relative;display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.journey-timeline article:last-child{border-bottom:0}.journey-timeline i{font-style:normal;display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:800}.journey-timeline article div{display:grid;gap:4px}.journey-timeline small,.journey-link small{color:var(--muted)}.journey-link{display:grid;gap:5px;padding:10px 0;border-bottom:1px solid var(--border)} .journey-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.journey-record-grid h3{display:flex;justify-content:space-between;gap:12px}.journey-record-grid h3 span{background:var(--soft);border-radius:99px;padding:2px 9px}.journey-record-grid article>div{display:grid;gap:3px;padding:8px 0;border-top:1px solid var(--border)}.journey-record-grid small{color:var(--muted)} .gate-result{display:flex;flex-wrap:wrap;gap:8px}.gate-check{border-radius:99px;padding:7px 11px;background:var(--soft);display:inline-flex;align-items:center;gap:5px}.gate-check.ok{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.gate-check.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)} @media(max-width:900px){.journey-hero{grid-template-columns:1fr 1fr}.journey-layout{grid-template-columns:1fr}}@media(max-width:560px){.journey-hero{grid-template-columns:1fr}} html,body,button,input,select,textarea,dialog,table{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif} body{background:linear-gradient(180deg,#f8f9f9 0,#f3f5f5 100%);letter-spacing:0} .topbar{background:rgba(255,255,255,.96);border-bottom-color:#e5e8e8;box-shadow:0 5px 20px rgba(15,35,50,.035);backdrop-filter:blur(14px)} .topbar-home>span:first-child,.mark{background:linear-gradient(145deg,#d6b768,#9b6c20);box-shadow:0 10px 24px rgba(124,86,26,.24)} .primary{background:linear-gradient(135deg,#0b6756,#095344);box-shadow:0 8px 20px rgba(11,103,86,.22)} .primary:hover{background:linear-gradient(135deg,#10816b,#0b6756);transform:translateY(-1px)} .secondary{border:1px solid #cfe4de;background:linear-gradient(145deg,#f4fbf8,#e6f3ef)} .card,.panel{border-color:#e5e8e8;box-shadow:0 7px 24px rgba(15,35,50,.045)} .page-head h1{color:var(--navy);font-weight:800} .workflow-board{gap:22px} .workflow-group{ --flow:#0b6756; --flow-soft:#eaf6f2; position:relative; overflow:hidden; padding:24px; border:1px solid #e2e7e6; border-radius:20px; background:linear-gradient(145deg,#fff 0,#fcfdfd 100%); box-shadow:0 12px 34px rgba(18,42,54,.06) } .workflow-group:before{content:"";position:absolute;inset-block:0;right:0;width:4px;background:linear-gradient(180deg,var(--flow),color-mix(in srgb,var(--flow) 52%,var(--gold-light)))} .workflow-group>header{align-items:center;margin-bottom:20px} .workflow-group>header h2{overflow:visible;white-space:normal;color:var(--navy);font-size:1.22rem;font-weight:800} .workflow-group>header p{overflow:visible;white-space:normal;line-height:1.8} .workflow-group-icon{ position:relative; display:grid; place-items:center; flex:0 0 54px; width:54px; height:54px; border:1px solid rgba(255,255,255,.42); border-radius:17px; background:linear-gradient(145deg,var(--flow),color-mix(in srgb,var(--flow) 72%,#071c29)); color:#fff; font-weight:900; box-shadow:0 10px 24px color-mix(in srgb,var(--flow) 24%,transparent) } .workflow-group-icon:after{content:"";position:absolute;inset:5px;border:1px solid rgba(229,204,145,.45);border-radius:12px;pointer-events:none} .workflow-group.clients{--flow:#1f506f;--flow-soft:#edf4f8} .workflow-group.collection{--flow:#9b6625;--flow-soft:#fbf3e6} .workflow-group.legal{--flow:#2c4770;--flow-soft:#edf1f7} .workflow-group.finance{--flow:#695087;--flow-soft:#f2eef7} .workflow-group.governance{--flow:#495e67;--flow-soft:#edf1f2} .workflow-group.digital{--flow:#147683;--flow-soft:#e9f5f6} .workflow-steps{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; gap:15px!important; overflow:visible!important; padding:0!important } .workflow-step{ display:grid!important; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:12px; flex:auto!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:88px!important; overflow:hidden!important; padding:14px 15px; border:1px solid color-mix(in srgb,var(--flow) 19%,#e1e6e5); border-radius:15px; background:linear-gradient(145deg,#fff 8%,var(--flow-soft) 100%); box-shadow:0 5px 16px rgba(18,42,54,.035); transition:transform .18s,border-color .18s,box-shadow .18s } .workflow-step:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--flow),color-mix(in srgb,var(--flow) 38%,var(--gold-light)))} .workflow-step:not(:last-child):after{content:none!important} .workflow-step:hover,.workflow-step:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--flow) 58%,#d7dfdc);box-shadow:0 13px 27px color-mix(in srgb,var(--flow) 13%,transparent)} .step-index{ align-self:center; display:grid; place-items:center; flex:auto; width:40px; height:40px; border:1px solid color-mix(in srgb,var(--flow) 20%,#fff); border-radius:12px; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--flow-soft) 80%,#fff)); color:var(--flow); font-size:.72rem; font-weight:900; box-shadow:0 4px 12px rgba(18,42,54,.05) } .step-copy{overflow:visible} .step-copy b{overflow:visible;white-space:normal;text-overflow:clip;color:#203441;font-size:.88rem;line-height:1.65;font-weight:750} /* V12.11.0 — legal knowledge and reporting */ .legal-exception-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0} .legal-exception-grid button{min-height:105px;padding:16px;border:1px solid #d8e4e1;border-radius:18px;background:#fff;color:#15323d;text-align:right;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 22px rgba(21,50,61,.05);cursor:pointer} .legal-exception-grid button:hover,.legal-exception-grid button.active{border-color:#08725e;background:linear-gradient(145deg,#f7fffc,#e8f6f1);transform:translateY(-2px)} .legal-exception-grid span{font-weight:750;line-height:1.5}.legal-exception-grid strong{font-size:1.9rem;color:#08725e} .legal-hearing-roll{display:grid;gap:18px}.hearing-roll-group{overflow:visible}.hearing-roll-group h2{margin:0;color:#0d5f51} .hearing-roll-table{overflow:visible}.hearing-roll-table table{width:100%;table-layout:fixed;white-space:normal}.hearing-roll-table th,.hearing-roll-table td{white-space:normal;vertical-align:top;overflow-wrap:anywhere;word-break:normal;line-height:1.6}.hearing-roll-table tbody td{text-align:justify;text-justify:inter-word}.hearing-roll-table tbody td:first-child{white-space:nowrap!important;overflow-wrap:normal;font-variant-numeric:tabular-nums}.hearing-roll-table .roll-date{width:8%}.hearing-roll-table .roll-client{width:12%}.hearing-roll-table .roll-claim{width:10%}.hearing-roll-table .roll-court{width:12%}.hearing-roll-table .roll-subject{width:17%}.hearing-roll-table .roll-decision{width:17%}.hearing-roll-table .roll-action{width:16%}.hearing-roll-table .roll-owner{width:8%}.hearing-roll-table .roll-claim-amount{white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}.hearing-roll-table .roll-court-name,.hearing-roll-table .roll-case-reference,.hearing-roll-table .roll-circuit-name,.hearing-roll-table .roll-date-value,.hearing-roll-table .roll-weekday,.hearing-roll-table .roll-activity-type{display:block;width:100%}.hearing-roll-table .roll-case-reference{margin:3px 0;text-align:start}.hearing-roll-table .roll-weekday{margin-top:2px;color:var(--ink);font-size:.78em;font-weight:750;line-height:1.35}.hearing-roll-table .roll-activity-type{margin-top:2px;color:var(--muted);font-size:.75em;font-weight:800;line-height:1.35}.hearing-roll-print-date-label{display:none} .legal-check{justify-content:center}.legal-check span{display:flex;align-items:center;gap:8px;min-height:44px}.legal-check input{width:18px;height:18px} .legal-activity-bars{display:grid;gap:10px;margin:16px 0;padding:16px;border:1px solid #dce7e4;border-radius:20px;background:#fff} .legal-activity-bars article{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,3fr) 58px;align-items:center;gap:12px;padding:9px;border-bottom:1px solid #eef3f1} .legal-activity-bars article:last-child{border-bottom:0}.legal-activity-bars article>div{display:flex;flex-direction:column}.legal-activity-bars small{color:#70817d} .legal-activity-bars article>span{height:12px;border-radius:999px;background:#e5efec;overflow:hidden}.legal-activity-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08725e,#d1aa43)} .legal-activity-bars strong{text-align:center;color:#08725e}.compact{padding:6px 9px!important;min-height:32px!important;font-size:.78rem!important;white-space:normal!important} @media(max-width:900px){.legal-activity-bars article{grid-template-columns:1fr}.legal-exception-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.legal-exception-grid{grid-template-columns:1fr}} @media print{ .hearing-roll-screen-date-label{display:none!important}.hearing-roll-print-date-label{display:inline!important} .legal-hearing-roll.separate-pages .hearing-roll-group{break-after:page;page-break-after:always} .legal-hearing-roll.separate-pages .hearing-roll-group:last-child{break-after:auto;page-break-after:auto} .legal-search-grid,.legal-inline-filter,.topbar,.sidebar,.ai-assistant-launcher,.actions button{display:none!important} .hearing-roll-group{box-shadow:none!important;border:1px solid #999!important}.hearing-roll-table{overflow:visible!important}.hearing-roll-table table{width:100%!important;table-layout:fixed!important;white-space:normal!important}.hearing-roll-table thead{display:table-header-group}.hearing-roll-table th,.hearing-roll-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}.hearing-roll-table tr{break-inside:avoid;page-break-inside:avoid} } /* V12.14.4 — شريط التنقل الداخلي الموحّد */ .department-context-nav{position:sticky;top:0;z-index:12;display:flex;align-items:stretch;gap:9px;margin:0 0 18px;padding:8px;border:1px solid #d8e5df;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(18,55,45,.07);backdrop-filter:blur(10px)} .department-context-home{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:150px;padding:8px 11px;border:1px solid #c9ded6;border-radius:11px;background:#eff7f4;color:#164c3e;white-space:nowrap} .department-context-home-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#0d705a;color:#fff}.department-context-home-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .department-context-home b{font-size:.73rem}.department-context-track{display:flex;align-items:stretch;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:thin} .department-context-item{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:132px;max-width:220px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4b6058;white-space:nowrap} .department-context-item span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf4f1;color:#0b6d56;font-size:.61rem;font-weight:900}.department-context-item b{overflow:hidden;font-size:.68rem;text-overflow:ellipsis} .department-context-item:hover,.department-context-item.active{border-color:#91c2b1;background:#e7f5ef;color:#0b604a}.department-context-item.active span{background:#0d705a;color:#fff} @media(max-width:760px){.department-context-nav{align-items:stretch;flex-direction:column;top:0}.department-context-home{min-width:0}.department-context-item{min-width:122px}} /* V12.11.1 — progressive judicial directory */ .legal-directory-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft,#f6faf8)} .legal-directory-inline label{margin:0} @media(max-width:760px){.legal-directory-inline{grid-template-columns:1fr}} .workflow-step>strong,.journey-strip .workflow-step>strong{ align-self:center; display:grid; place-items:center; min-width:42px; height:34px; padding:0 7px; border:1px solid color-mix(in srgb,var(--flow) 17%,#fff); border-radius:10px; background:#fff; color:var(--flow); font-size:.84rem; font-weight:800 } .workflow-step.money-value>strong{width:auto;min-width:94px;font-size:.68rem} .record-section-nav button>span,.employee-avatar,.form-section>span,.legal-form-section>header>span{ background:linear-gradient(145deg,var(--green2),var(--green)); color:#fff; box-shadow:0 6px 14px rgba(11,103,86,.18) } .record-hero,.today-strip{background:radial-gradient(circle at 12% 0,#1b765f 0,transparent 35%),linear-gradient(135deg,#102a43,#0a4238)} .record-hero-mark{color:#ebd49d;border-color:rgba(229,204,145,.42);background:rgba(255,255,255,.08)} .badge{font-weight:700} .connection-card{text-align:center}.connection-card .connection-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(145deg,#b68a35,#815b1d);color:#fff;font-size:1.45rem;font-weight:900;box-shadow:0 10px 25px rgba(129,91,29,.24)}.connection-card b{color:var(--navy)} @media(max-width:1120px){ .workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:720px){ .workflow-group{padding:18px 15px} .workflow-group>header p{display:block} .workflow-steps{grid-template-columns:1fr!important} .workflow-step{grid-template-columns:38px minmax(0,1fr) auto;min-height:82px!important} } /* V12.6.0 — Collection operations */ .collection-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px} .collection-metrics article,.collection-metrics>button{display:flex;min-height:98px;flex-direction:column;justify-content:center;gap:7px;padding:16px;border:1px solid #dce6e2;border-radius:15px;background:linear-gradient(145deg,#fff,#f1f8f5);box-shadow:0 7px 18px rgba(20,63,52,.05)} /* المؤشر بابٌ يُضغط، فيُظهر ذلك في هيئته لا في سلوكه وحده. */ .collection-metrics>button{align-items:flex-start;text-align:start;font:inherit;cursor:pointer;transition:.18s} .collection-metrics>button:hover,.collection-metrics>button:focus-visible{border-color:#b9d3c8;box-shadow:0 10px 24px rgba(20,63,52,.09);transform:translateY(-1px)} .collection-metrics span{color:var(--muted);font-size:.78rem}.collection-metrics strong{color:var(--navy);font-size:1.35rem} .collection-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px} .collection-task-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid #dce6e2;border-radius:13px;background:#fff;text-align:right;cursor:pointer} .collection-task-grid button:hover{border-color:var(--green);background:#f5fbf8}.collection-task-grid small{color:var(--muted)} .collection-claim-row{cursor:pointer}.collection-claim-row:hover td{background:#f2faf6}.collection-claim-row td:first-child b,.collection-claim-row td:first-child small{display:block}.collection-claim-row td:first-child small{margin-top:4px;color:var(--muted)} .collection-claim-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:16px;border:1px solid #d8e4df;border-radius:17px;background:#d8e4df} .collection-claim-hero>div{display:flex;min-height:105px;flex-direction:column;justify-content:center;gap:8px;padding:17px;background:linear-gradient(150deg,#fff,#f2f8f5)} .collection-claim-hero span{color:var(--muted);font-size:.78rem}.collection-claim-hero strong{color:var(--navy);font-size:1.05rem} .collection-actionbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px;padding:12px;border:1px solid #dce6e2;border-radius:14px;background:#fff} .collection-actionbar button{padding:9px 13px;border:1px solid color-mix(in srgb,var(--green) 35%,#d9e4df);border-radius:10px;background:#f5faf8;color:var(--green);font-weight:750;cursor:pointer}.collection-actionbar button:hover{background:var(--green);color:#fff} .collection-facts{display:grid;grid-template-columns:125px 1fr;gap:10px 13px;margin:16px 0 0}.collection-facts dt{color:var(--muted)}.collection-facts dd{margin:0;color:var(--navy);font-weight:700} .collection-line{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #edf1ef}.collection-line:last-child{border:0}.collection-line b{flex:1}.collection-line span:not(.badge){color:var(--muted)}.collection-line button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:7px 10px;cursor:pointer} .collection-timeline{position:relative;padding:3px 0}.collection-timeline article{display:grid;grid-template-columns:22px 1fr;gap:10px;position:relative;padding:8px 0 13px}.collection-timeline article:before{content:"";position:absolute;top:22px;right:7px;bottom:-8px;width:2px;background:#d9e6e1}.collection-timeline article:last-child:before{display:none}.collection-timeline i{position:relative;z-index:1;width:15px;height:15px;margin-top:4px;border:4px solid #d7eee5;border-radius:50%;background:var(--green)}.collection-timeline b{color:var(--navy)}.collection-timeline p{margin:5px 0;color:#43555e}.collection-timeline small{color:var(--muted)} .collection-filter{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.collection-filter label{min-width:180px}.collection-filter input{width:100%} @media(max-width:900px){.collection-claim-hero{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.collection-claim-hero{grid-template-columns:1fr}.collection-facts{grid-template-columns:1fr}.collection-actionbar button{flex:1 1 42%}} /* V12.2.9 — هوية حصاد الرسمية: كحلي وزمردي وذهبي */ .brand-panel{ background: radial-gradient(circle at 18% 12%,rgba(18,137,113,.72) 0,transparent 33%), radial-gradient(circle at 78% 88%,rgba(182,138,53,.13) 0,transparent 31%), linear-gradient(145deg,#071827,#0b3140 55%,#073d36) } .brand-logo{ position:relative; z-index:1; display:block; width:112px; height:112px; object-fit:cover; border:1px solid rgba(229,204,145,.34); border-radius:28px; box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 6px rgba(255,255,255,.035) } .recovery-logo{ display:block; width:78px; height:78px; margin:0 0 20px auto; object-fit:cover; border:1px solid #e5d2a4; border-radius:21px; box-shadow:0 12px 30px rgba(16,42,67,.16) } .password-hint{ margin:-4px 0 14px; padding:10px 12px; border:1px solid #dce9e5; border-radius:10px; background:#f3f8f6; color:#526b64; font-size:.76rem; line-height:1.8 } .topbar-home>span.topbar-logo-wrap{ display:block; width:42px; height:42px; overflow:hidden; border:1px solid #d7c18c; border-radius:13px; background:#071827!important; box-shadow:0 7px 18px rgba(16,42,67,.18)!important } .topbar-logo{ display:block; width:100%; height:100%; object-fit:cover } .auth-card:has(.recovery-logo) h2{color:var(--navy)} @media(max-width:760px){ .brand-logo{width:82px;height:82px;border-radius:22px} .recovery-logo{width:66px;height:66px;border-radius:18px} .topbar-home>span.topbar-logo-wrap{width:38px;height:38px} } /* V12.3.0 — CRM والاتصال الخارجي */ .sector-file-actions{display:flex;gap:7px} .sector-file-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid transparent;border-radius:10px;font-weight:850;white-space:nowrap} .sector-file-button span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#ffffffb8;font-size:1rem} .sector-file-button.import{border-color:#c8dfd5;background:#eaf5f0;color:#116047} .sector-file-button.export{border-color:#e3d2ae;background:#fff7e7;color:#88601d} .import-summary,.import-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px} .import-summary>div,.import-result-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8faf9} .import-summary span,.import-summary strong,.import-result-grid span,.import-result-grid strong{display:block} .import-summary span,.import-result-grid span{color:var(--muted);font-size:.7rem} .import-summary strong,.import-result-grid strong{margin-top:6px;overflow-wrap:anywhere} .import-result-grid strong{font-size:1.7rem}.import-result-grid .success{background:#e7f5ee;color:#126448}.import-result-grid .danger{background:#fbecec;color:#9b3838} .import-preview{max-height:260px;margin-bottom:14px}.import-errors{max-height:220px;overflow:auto;padding:10px 14px;border-radius:11px;background:#fff3f2;color:#963e3e}.import-errors p{margin:5px 0;font-size:.76rem} .outbound-hub,.outbound-admin-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .outbound-hub-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 14px;min-height:132px;padding:21px;border:1px solid #dce7e2;border-radius:21px;background:linear-gradient(145deg,#fff,#f6faf8);color:var(--ink);text-align:right;box-shadow:0 12px 32px rgba(16,56,45,.065);transition:.2s} .outbound-hub-card:hover{transform:translateY(-4px);border-color:#c7aa69;box-shadow:0 20px 40px rgba(16,56,45,.11)} .outbound-hub-card i{grid-row:1/3;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#0d6b58,#153f62);color:#f2d18b;font-size:1.65rem;font-style:normal;box-shadow:0 10px 24px rgba(13,78,65,.18)} .outbound-hub-card b{font-size:.95rem}.outbound-hub-card strong{grid-column:3;grid-row:1/3;color:var(--green);font-size:1.35rem}.outbound-hub-card span{grid-column:2;color:var(--muted);font-size:.7rem} .outbound-admin-actions{grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}.outbound-admin-actions .outbound-hub-card{display:flex;min-height:112px;flex-direction:column;justify-content:center;text-align:center}.outbound-admin-actions .outbound-hub-card i{width:48px;height:48px;border-radius:15px;font-size:1.25rem}.outbound-admin-actions .outbound-hub-card span{display:none} .aux-strip{display:flex;align-items:center;gap:8px;overflow:auto;margin-bottom:17px;padding:12px;border:1px solid #dce7e2;border-radius:16px;background:#fff} .aux-strip>div{min-width:155px;padding:4px 10px;border-left:1px solid var(--line)}.aux-strip span,.aux-strip strong{display:block}.aux-strip span{color:var(--muted);font-size:.68rem}.aux-strip button,.admin-period button{padding:9px 12px;border:1px solid #dce5e1;border-radius:10px;background:#f7faf8;color:#486057;white-space:nowrap}.aux-strip button.active,.admin-period button.active{border-color:var(--green);background:var(--green);color:#fff} .outbound-metrics,.followup-summary,.qa-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px} .outbound-metric{padding:17px;border:1px solid #e0e8e4;border-radius:16px;background:linear-gradient(145deg,#fff,#f8faf9);box-shadow:0 7px 19px rgba(22,56,45,.04)}.outbound-metric span,.outbound-metric strong,.outbound-metric small{display:block}.outbound-metric span{color:var(--muted);font-size:.72rem}.outbound-metric strong{margin-top:8px;color:#153f37;font-size:1.45rem}.outbound-metric small{margin-top:4px;color:var(--muted);font-size:.67rem} .outbound-list-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:0;border-bottom:1px solid #edf1ef;background:#fff;color:var(--ink);text-align:right}.outbound-list-row b,.outbound-list-row small{display:block}.outbound-list-row small{margin-top:4px;color:var(--muted)} .outbound-filter{display:flex;align-items:end;gap:11px}.outbound-filter label{display:grid;gap:6px;font-size:.76rem;font-weight:800}.outbound-filter input,.outbound-filter select{min-width:220px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff} .outbound-lead-list,.outbound-followup-list,.appointment-calendar-list{display:grid;gap:10px} .outbound-lead-row{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(190px,.8fr) auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid #dde6e2;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(16,56,45,.04)} .lead-main b,.lead-main small,.lead-contact strong,.lead-contact small{display:block}.lead-main b{margin:7px 0 3px}.lead-main small,.lead-contact small{color:var(--muted);font-size:.7rem}.lead-actions{display:flex;gap:7px}.whatsapp-button{border:1px solid #b8dfc7;background:#e7f7ed;color:#087a3e}.whatsapp-button:hover{border-color:#25d366;background:#25d366;color:#fff}.lead-status{display:inline-flex;padding:4px 9px;border-radius:20px;background:#eef2f0;color:#4c6259;font-size:.66rem;font-weight:900}.lead-status.interested,.lead-status.appointment_booked,.lead-status.confirmed{background:#e4f4ec;color:#126a4b}.lead-status.callback,.lead-status.rescheduled{background:#fff1d8;color:#89611d}.lead-status.do_not_call,.lead-status.wrong_number,.lead-status.cancelled{background:#f9e7e7;color:#9b3d3d} .dialer-number{padding:20px;border-radius:16px;background:linear-gradient(135deg,#0e4539,#123f5c);color:#fff}.dialer-number span{color:#c7dcd5}.dialer-number input{width:100%;margin-top:8px;border-color:#ffffff2e!important;background:#ffffff12!important;color:#fff!important;direction:ltr;text-align:center;font-size:1.45rem} .call-start-button{padding:15px 25px;border:0;border-radius:13px;background:linear-gradient(135deg,#16865f,#0c5e49);color:#fff;font-weight:900;box-shadow:0 12px 25px rgba(10,95,69,.25)} .active-call-display{display:grid;justify-items:center;padding:24px;border-radius:18px;background:linear-gradient(135deg,#0d493b,#163d5e);color:#fff}.active-call-display strong{font-size:2.35rem;font-variant-numeric:tabular-nums}.active-call-display small{color:#cbe0d9;direction:ltr}.dialer-controls{display:flex;justify-content:center;gap:9px}.dialer-controls button{padding:10px 14px;border:1px solid #dce5e1;border-radius:12px;background:#f5f8f6}.dialer-controls button.active{background:#173f59;color:#fff}.rich-note{min-height:100px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.rich-note:focus{border-color:var(--green)} .connector-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:14px 17px;border:1px solid #ead8b4;border-radius:14px;background:#fff7e8}.connector-banner div b,.connector-banner div span{display:block}.connector-banner div span{color:#8b661f;font-size:.72rem}.connector-banner.connected{border-color:#bcdccd;background:#e7f4ed}.connector-banner.connected div span{color:#126a4b} .appointment-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:17px;padding:15px 18px;border:1px solid #dce5e1;border-radius:17px;background:#fff}.appointment-card>time{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;background:linear-gradient(145deg,#173e59,#0d6652);color:#fff}.appointment-card time strong,.appointment-card time span{display:block}.appointment-card>div:nth-child(2) b,.appointment-card>div:nth-child(2) small,.appointment-card>div:nth-child(2) em{display:block}.appointment-card>div:nth-child(2) b{margin:6px 0}.appointment-card small,.appointment-card em{color:var(--muted);font-size:.7rem;font-style:normal}.appointment-actions{display:flex;gap:6px} .shared-appointment-calendar{display:grid;gap:10px;padding:14px;border:1px solid #cfe0d9;border-radius:15px;background:#f7fbf9}.shared-appointment-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-appointment-calendar>header div{display:grid;gap:3px}.shared-appointment-calendar>header b{color:var(--navy);font-size:.78rem}.shared-appointment-calendar>header small{color:var(--muted);font-size:.61rem}.shared-appointment-calendar>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;overflow:auto}.shared-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 11px;border:1px solid #dfe9e5;border-radius:10px;background:#fff}.shared-slot time{color:#24493e;font-size:.63rem;font-weight:850}.shared-slot span{color:#687d75;font-size:.59rem}.shared-slot b{grid-column:1/-1;color:#a02d34;font-size:.58rem}.shared-slot.conflict{border-color:#e5a3a7;background:#fff2f2} .modal-choice-list{display:grid;gap:8px}.modal-choice-list button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:right}.modal-choice-list button b,.modal-choice-list button small{display:block}.modal-choice-list button small{color:var(--muted)} .followup-row{display:grid;grid-template-columns:7px minmax(0,1fr) minmax(120px,.4fr) auto;align-items:center;gap:15px;padding:15px;border:1px solid #dce5e1;border-radius:15px;background:#fff}.followup-row.overdue{border-color:#e8c5c5;background:#fffafa}.followup-priority{width:6px;height:45px;border-radius:9px;background:#99b0a6}.followup-priority.high{background:#ce8a35}.followup-priority.critical{background:#b84545}.followup-row b,.followup-row small{display:block}.followup-row small{color:var(--muted);font-size:.7rem}.followup-row p{margin:4px 0 0} .admin-period{display:flex;gap:7px;margin-bottom:15px}.live-agent,.leaderboard-row,.qa-call-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf1ef}.live-agent:last-child,.leaderboard-row:last-child,.qa-call-row:last-child{border-bottom:0}.live-agent>div,.leaderboard-row>div,.qa-call-row>div{flex:1}.live-agent b,.live-agent small,.leaderboard-row b,.leaderboard-row small,.qa-call-row b,.qa-call-row small{display:block}.live-agent small,.leaderboard-row small,.qa-call-row small{color:var(--muted);font-size:.68rem}.live-dot{width:10px;height:10px;border-radius:50%;background:#9aa7a1}.live-dot.logged_in{background:#1da876;box-shadow:0 0 0 5px #1da8761d}.live-dot.break_15,.live-dot.lunch_30,.live-dot.personal_10{background:#dc9c34}.leaderboard-row>strong{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eef5f2;color:var(--green)} .operations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.operations-toolbar .admin-period{margin:0}.operations-toolbar>small{color:var(--muted)} .operations-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px}.operations-metric{position:relative;overflow:hidden;min-height:112px;padding:18px;border:1px solid #dfe8e4;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faf8);box-shadow:0 9px 24px rgba(22,56,45,.05)}.operations-metric:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--green)}.operations-metric.attention:before{background:var(--gold)}.operations-metric.danger:before{background:var(--red)}.operations-metric span,.operations-metric strong,.operations-metric small{display:block}.operations-metric span{color:var(--muted);font-size:.72rem}.operations-metric strong{margin:9px 0 4px;color:#153f37;font-size:1.55rem}.operations-metric small{color:var(--muted);font-size:.67rem} .operations-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}.operations-main,.operations-attention,.operations-team{min-width:0;border-top:3px solid var(--green)}.operations-attention{border-top-color:var(--gold)}.operations-main .panel-head small,.operations-attention .panel-head small,.operations-team .panel-head small{color:var(--muted)}.operations-main .panel-head h2,.operations-attention .panel-head h2,.operations-team .panel-head h2{margin:3px 0 0} .operations-table{min-width:820px}.operations-table th{font-size:.67rem;white-space:nowrap}.operations-table td{vertical-align:middle}.operations-table td:first-child b,.operations-table td:first-child small{display:block}.operations-table td:first-child small,.operations-table td:last-child small{margin-top:4px;color:var(--muted);font-size:.64rem}.operations-table tbody tr[data-outbound-route]{cursor:pointer}.operations-table tbody tr[data-outbound-route]:hover{background:#f2f8f5}.operations-progress{width:92px;height:7px;overflow:hidden;border-radius:8px;background:#e6eeea}.operations-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#cba348)} .operations-attention>div:last-child{display:grid;gap:10px}.operations-action{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #e2e9e5;border-radius:14px;background:#fff;color:var(--ink);text-align:start}.operations-action:hover{border-color:#b8cec5;background:#f8fbf9}.operations-action>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--green);font-weight:800}.operations-action.medium>span{background:#fff4df;color:#9b6a16}.operations-action.high>span,.operations-action.critical>span{background:#fdecec;color:var(--red)}.operations-action b,.operations-action small{display:block}.operations-action small{margin-top:3px;color:var(--muted);font-size:.65rem;line-height:1.55}.operations-action>i{color:var(--green);font-style:normal}.operations-clear{padding:22px 14px;border-radius:14px;background:var(--mint);text-align:center}.operations-clear b,.operations-clear small{display:block}.operations-clear small{margin-top:6px;color:var(--muted)} .operations-team-actions{display:flex;gap:8px}.employee-live-status{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.employee-live-status .live-dot{display:inline-block;flex:0 0 auto} .connector-status-mini,.team-strip{display:flex;gap:10px;overflow:auto}.connector-status-mini>div,.team-strip>article{min-width:190px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff}.connector-status-mini b,.connector-status-mini span,.team-strip b,.team-strip span,.team-strip small{display:block}.connector-status-mini span,.team-strip span,.team-strip small{color:var(--muted);font-size:.68rem}.connector-status-mini .connected{border-color:#bcdccd;background:#edf8f3} .campaign-grid,.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campaign-card,.connector-card{display:grid;gap:9px;min-width:0;padding:18px;border:1px solid #dce5e1;border-radius:17px;background:#fff}.campaign-card>span,.connector-card span{color:var(--muted);font-size:.68rem}.campaign-card-stats,.campaign-list-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.campaign-card-stats strong,.campaign-card-stats span,.campaign-list-summary strong,.campaign-list-summary span{padding:7px 10px;border-radius:10px;background:#eef6f3;color:var(--green);font-size:.7rem}.campaign-card-stats strong,.campaign-list-summary strong{font-size:.82rem}.campaign-lead-preview{display:grid;gap:6px;min-height:72px;padding:9px;border-radius:12px;background:#f7faf8}.campaign-lead-preview>div:not(.campaign-empty-preview){padding:6px 8px;border-bottom:1px solid #e4ece8}.campaign-lead-preview>div:last-child{border-bottom:0}.campaign-lead-preview b,.campaign-lead-preview small{display:block}.campaign-lead-preview b{font-size:.75rem}.campaign-lead-preview small,.campaign-empty-preview{margin-top:2px;color:var(--muted);font-size:.65rem}.campaign-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;min-width:0}.campaign-card-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:50px;padding:9px 8px;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:center;line-height:1.35}.campaign-select-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.campaign-select-actions span{margin-inline-start:auto;color:var(--muted);font-size:.72rem}.campaign-list-summary{margin-bottom:13px}.campaign-leads-table{max-height:60vh}.campaign-edit-search input{width:100%;margin-top:6px}.campaign-edit-leads{max-height:48vh}.lead-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);max-height:320px;overflow:auto}.lead-checkboxes label{display:grid!important;grid-template-columns:auto 1fr;gap:2px 8px;padding:7px;border-bottom:1px solid #edf1ef}.lead-checkboxes label small{grid-column:2;color:var(--muted)} .campaign-current-section,.campaign-calendar{display:grid;gap:14px;margin-bottom:18px;padding:18px;border:1px solid #dce5e1;border-radius:18px;background:#fff}.campaign-current-section>header,.campaign-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.campaign-current-section>header h2,.campaign-calendar>header h2,.campaign-selected-period h3{margin:2px 0}.campaign-current-section>header em,.campaign-calendar>header em{color:var(--green);font-size:.66rem;font-style:normal;font-weight:900}.campaign-current-section>header small,.campaign-calendar>header small,.campaign-selected-period small{display:block;color:var(--muted)}.campaign-current-section>header>strong{display:grid;place-items:center;min-width:46px;height:46px;border-radius:14px;background:#e9f6f1;color:var(--green);font-size:1.05rem}.campaign-list{display:grid;gap:9px}.campaign-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.campaign-list-row.continuation{border-inline-start:4px solid #d7a93e;background:#fffdf6}.campaign-list-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}.campaign-list-main>div{display:grid;gap:3px;min-width:0}.campaign-list-main b,.campaign-list-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-list-main small{color:var(--muted);font-size:.68rem}.campaign-number{display:grid;place-items:center;min-width:44px;height:38px;padding:0 7px;border-radius:10px;background:#eef6f3;color:var(--green);font-size:.7rem;font-weight:900}.campaign-continuation{width:max-content;max-width:100%;padding:3px 7px;border-radius:8px;background:#fff3cf;color:#825d00;font-size:.62rem;font-weight:800}.campaign-list-counts{display:flex;align-items:center;gap:6px}.campaign-list-counts>strong,.campaign-list-counts>span{display:grid;place-items:center;min-width:60px;padding:6px 8px;border-radius:10px;background:#f4f7f6;color:var(--green);font-size:.78rem}.campaign-list-counts small{display:block;color:var(--muted);font-size:.55rem;font-weight:600}.campaign-list-details{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:8px}.campaign-list-details>summary{cursor:pointer;color:var(--green);font-size:.68rem;font-weight:900}.campaign-list-details[open]{display:grid;gap:10px}.campaign-list-details .campaign-lead-preview{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.campaign-list-details .campaign-card-actions{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.campaign-list-details .campaign-card-actions button{min-height:40px}.campaign-year-list,.campaign-month-list{display:flex;gap:8px;overflow:auto;padding:2px}.campaign-year-list button,.campaign-month-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;flex:0 0 auto;min-width:170px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fafcfb;color:var(--ink);text-align:start}.campaign-month-list button{grid-template-columns:auto 1fr;min-width:145px}.campaign-year-list button.active,.campaign-month-list button.active{border-color:var(--green);background:#eaf6f1;color:var(--green)}.campaign-year-list button>span,.campaign-month-list button>span{font-size:1.15rem}.campaign-year-list button small,.campaign-month-list button small{color:var(--muted);font-size:.6rem}.campaign-month-list button small{grid-column:2}.campaign-month-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.campaign-month-summary>div{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:#f4f8f6}.campaign-month-summary span{color:var(--muted);font-size:.67rem}.campaign-month-summary strong{color:var(--green)}.campaign-selected-period{padding-top:10px;border-top:1px solid var(--line)} .campaign-live-panel{border-top:4px solid var(--green)}.campaign-live-panel>.outbound-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.campaign-progress{height:10px;overflow:hidden;border-radius:10px;background:#e7efeb}.campaign-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#d3ad61);transition:width .35s}.campaign-sector-select .checks,.distribution-employees .checks{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-employees label{display:grid!important;grid-template-columns:auto 1fr;gap:2px 8px}.distribution-employees label small{grid-column:2;color:var(--muted)}.distribution-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.distribution-counts label{display:grid;gap:5px}.distribution-review-list{display:grid;gap:7px;max-height:52vh;overflow:auto;margin-bottom:14px}.distribution-review-list>label{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.42fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.distribution-review-list b,.distribution-review-list small{display:block}.distribution-review-list small{margin-top:3px;color:var(--muted)}.distribution-review-list select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px}.rejection-warning{background:#fff6f0}.rejection-warning small{color:#9b4e2c!important}.campaign-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} [data-campaign-operations]{grid-column:1/-1}.campaign-live-operations{display:grid;gap:10px;padding-top:4px}.campaign-sufficiency{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #cfe2da;border-radius:13px;background:#f2f9f6}.campaign-sufficiency>div:first-child{display:grid;gap:2px}.campaign-sufficiency small,.campaign-sufficiency p{margin:0;color:var(--muted);font-size:.62rem}.campaign-sufficiency strong{font-size:.86rem}.campaign-sufficiency.sufficient{border-color:#9dd4bd;background:#eaf8f1;color:#086b56}.campaign-sufficiency.prepare{border-color:#e3c477;background:#fff8e7;color:#7b5900}.campaign-sufficiency.insufficient{border-color:#e3aaa4;background:#fff1ef;color:#963b32}.campaign-sufficiency.unknown{background:#f4f6f5;color:#53615c}.campaign-capacity-numbers{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.campaign-capacity-numbers span{padding:6px 8px;border-radius:9px;background:#fff;color:var(--ink);font-size:.62rem;white-space:nowrap}.campaign-operational-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.campaign-operational-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:10px;background:#f4f7f6}.campaign-operational-metrics>div.primary{background:#e8f5f0;color:var(--green)}.campaign-operational-metrics>div.warning{background:#fff7e8;color:#806000}.campaign-operational-metrics span{font-size:.61rem}.campaign-operational-metrics strong{font-size:.83rem}.campaign-employee-progress{border:1px solid var(--line);border-radius:11px;overflow:hidden}.campaign-employee-progress>summary{padding:9px 11px;cursor:pointer;background:#f8faf9;color:var(--green);font-size:.68rem;font-weight:900}.campaign-employee-progress .table-wrap{max-height:280px;border-top:1px solid var(--line)}.campaign-employee-progress table{min-width:1050px;font-size:.65rem}.campaign-employee-progress th,.campaign-employee-progress td{padding:7px 8px;white-space:nowrap}.campaign-employee-progress td:first-child small{display:block;color:var(--muted);font-size:.54rem}.campaign-live-updated{display:block;padding:7px 10px;color:var(--muted);font-size:.56rem;text-align:end} .connector-card{grid-template-columns:58px 1fr;min-height:180px}.connector-card i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e9f3ef;color:var(--green);font-size:1.5rem;font-style:normal}.connector-card b,.connector-card p,.connector-card small{display:block}.connector-card p{color:var(--muted);font-size:.74rem;line-height:1.8}.connector-card.connected{border-color:#b6dac9}.connector-card.connected i{background:#168361;color:#fff} .qa-summary{grid-template-columns:repeat(3,1fr)}.qa-call-row button{margin-right:auto} .danger.ghost{border:1px solid #efcccc;background:#fff} td>small{display:block;color:var(--muted);font-size:.65rem} @media(max-width:1150px){ .outbound-admin-actions{grid-template-columns:repeat(3,1fr)} .outbound-metrics,.followup-summary{grid-template-columns:repeat(2,1fr)} .campaign-grid,.connector-grid{grid-template-columns:repeat(2,1fr)} .operations-summary{grid-template-columns:repeat(3,1fr)} .operations-layout{grid-template-columns:1fr} } @media(max-width:780px){ .outbound-hub,.outbound-admin-actions,.campaign-grid,.connector-grid{grid-template-columns:1fr} .outbound-lead-row,.appointment-card,.followup-row{grid-template-columns:1fr} .outbound-metrics,.followup-summary,.qa-summary,.import-summary,.import-result-grid{grid-template-columns:1fr 1fr} .outbound-filter{align-items:stretch;flex-direction:column}.outbound-filter input,.outbound-filter select{width:100%;min-width:0} .appointment-actions,.lead-actions{flex-wrap:wrap} .lead-checkboxes{grid-template-columns:1fr} .operations-summary{grid-template-columns:1fr 1fr} .operations-toolbar{align-items:flex-start;flex-direction:column} .operations-team-actions{width:100%;flex-wrap:wrap} } @media(max-width:520px){ .operations-summary{grid-template-columns:1fr} .operations-metric{min-height:96px;padding:15px} .operations-main,.operations-attention,.operations-team{padding:14px} .operations-action{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:10px} } /* V12.2.9 — واجهة العميل المتدرجة والبسيطة */ .back-button{ position:fixed!important; top:88px!important; left:24px!important; right:auto!important; bottom:auto!important; z-index:40; min-width:102px; justify-content:center; border:1px solid #d7e3df!important; background:rgba(255,255,255,.96)!important; color:var(--navy)!important; box-shadow:0 10px 30px rgba(16,42,67,.13)!important; backdrop-filter:blur(12px) } .back-button:not(:disabled):hover{border-color:var(--green)!important;color:var(--green)!important;transform:translateY(-2px)} .simple-client-shell{max-width:1180px;margin:0 auto} .simple-client-roll-head{ position:relative; isolation:isolate; align-items:center; gap:18px; margin:0 0 20px; padding:22px 26px; overflow:hidden; border:1px solid #c5dbd3; border-radius:20px; background:radial-gradient(circle at 8% 0,rgba(205,174,94,.2) 0,transparent 35%),linear-gradient(135deg,#fff,#eef7f3); box-shadow:0 12px 32px rgba(16,72,58,.09) } .simple-client-roll-head::after{content:"";position:absolute;z-index:-1;left:-38px;bottom:-70px;width:180px;height:180px;border:30px solid rgba(12,111,88,.055);border-radius:50%} .simple-client-roll-logo{position:relative;z-index:1;width:72px;height:72px;flex:0 0 72px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(10,74,59,.12))} .simple-client-roll-head>div{min-width:0;width:100%} .simple-client-roll-label{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid #d9c078;border-radius:999px;background:#fff9e9;color:#81631f;font-size:.7rem;font-weight:900} .simple-client-roll-head h1{display:flex;align-items:baseline;gap:10px;margin:9px 0 0;flex-wrap:wrap;line-height:1.45} .simple-client-roll-head h1>span{color:#536862;font-size:.88rem;font-weight:850;white-space:nowrap} .simple-client-roll-head h1>span b{display:inline-grid;place-items:center;min-height:36px;margin-inline-start:5px;padding:4px 12px;border-radius:11px;background:#123f34;color:#fff;font-size:1.05rem;font-weight:950;letter-spacing:.02em} .simple-client-roll-head h1>i{color:#c5a54d;font-size:1.2rem;font-style:normal;font-weight:900} .simple-client-roll-name{min-width:0;color:#0b604a;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:950;overflow-wrap:anywhere} .client-print-identity{min-width:0;padding-inline-start:16px;border-inline-start:4px solid #d0ad57;direction:rtl;text-align:right} .client-print-identity>small{display:inline-flex;align-items:center;min-height:25px;padding:3px 10px;border:1px solid #dec980;border-radius:999px;background:#fff9e9;color:#7d611f;font-size:.69rem;font-weight:950} .client-print-identity>h1{margin:7px 0 3px!important;color:#0a604b!important;font-size:clamp(1.35rem,2.15vw,1.9rem)!important;line-height:1.3!important;font-weight:950!important;overflow-wrap:anywhere;word-break:normal} .client-print-identity>p{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0!important;color:#536862!important;font-size:.79rem!important;font-weight:850} .client-print-identity>p b{display:inline-grid;place-items:center;min-height:28px;padding:3px 10px;border-radius:8px;background:#123f34;color:#fff;font-size:.9rem;font-weight:950;letter-spacing:.02em} .legal-report-client-head{background:linear-gradient(115deg,#f4faf7,#fff 62%,#fbf3df);padding:12px 14px 14px;border:1px solid #bdd2ca;border-bottom:3px solid #0a6c59;border-radius:13px} .legal-report-client-head>img{filter:drop-shadow(0 6px 12px rgba(10,74,59,.13))} @media(max-width:620px){.simple-client-roll-head{align-items:flex-start;gap:12px;padding:18px}.simple-client-roll-logo{width:54px;height:54px;flex-basis:54px}.simple-client-roll-head h1{align-items:flex-start;gap:7px}.simple-client-roll-head h1>i{display:none}.simple-client-roll-name{flex-basis:100%;font-size:1.35rem}} @media print{ .simple-client-roll-head{display:block!important;margin:0 0 6mm!important;padding:5mm 6mm!important;border:1px solid #8ea69d!important;border-radius:4mm!important;background:#fff!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid} .simple-client-roll-head::after{display:none!important} body.hasad-standard-print:has(.hasad-client-print-stamp) .simple-client-roll-head{display:none!important} .client-print-identity{padding-inline-start:4mm;border-inline-start-width:1mm} .client-print-identity>small{min-height:0;padding:1mm 3mm;font-size:7.5pt} .client-print-identity>h1{margin:2mm 0 .8mm!important;font-size:17pt!important;line-height:1.25!important} .client-print-identity>p{font-size:8pt!important} .client-print-identity>p b{min-height:0;padding:1mm 3mm;border-radius:1.8mm;font-size:9pt} .legal-report-client-head{padding:3mm 3.5mm 3.5mm;border-radius:2.5mm} .simple-client-roll-label{min-height:0;padding:1mm 3mm;border-color:#a58a43;background:#fff;color:#604d1f;font-size:8pt} .simple-client-roll-head h1{display:flex!important;margin:2.5mm 0 0!important;gap:2.5mm!important;line-height:1.35} .simple-client-roll-head h1>span{font-size:10pt;color:#354640} .simple-client-roll-head h1>span b{min-height:0;padding:1mm 3mm;border:1px solid #284d42;border-radius:2mm;background:#fff!important;color:#123f34!important;font-size:11pt} .simple-client-roll-head h1>i{display:inline!important;color:#8f742d} .simple-client-roll-name{font-size:16pt!important;color:#0b604a!important} } .simple-client-search{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 10px; padding:8px 10px; border:1px solid #dce3e9; border-radius:12px; background:#fff; box-shadow:none } .simple-client-search label{flex:1;max-width:none;color:var(--navy);font-size:.78rem;font-weight:800} .simple-client-search input{width:100%;min-height:44px;margin:0} .simple-client-search>span{padding:9px 14px;border-radius:12px;background:#e9f5f1;color:var(--green);font-weight:900} .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .client-combined-value-sort{position:relative;isolation:isolate;display:grid;grid-template-columns:42px minmax(150px,1fr) 22px;align-items:center;gap:10px;min-width:268px;min-height:54px;padding:7px 11px;overflow:hidden;border:1px solid rgba(172,132,39,.34);border-radius:16px;background:radial-gradient(circle at 8% 0,rgba(255,255,255,.96),transparent 42%),linear-gradient(135deg,#fff9eb,#edf7f3);color:#153f35;text-align:right;box-shadow:0 9px 24px rgba(16,77,60,.09);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .simple-client-search>.client-combined-value-sort{flex:0 0 auto;max-width:none} .client-combined-value-sort::after{content:"";position:absolute;z-index:-1;inset:auto -25px -37px auto;width:90px;height:90px;border:16px solid rgba(14,105,79,.05);border-radius:50%} .client-combined-value-sort:hover{transform:translateY(-2px);border-color:rgba(138,99,22,.52);box-shadow:0 13px 28px rgba(16,77,60,.14)} .client-combined-value-sort:focus-within{outline:3px solid rgba(194,154,63,.36);outline-offset:3px} .client-combined-value-sort.active{border-color:rgba(10,101,76,.45);background:radial-gradient(circle at 8% 0,rgba(255,255,255,.88),transparent 42%),linear-gradient(135deg,#fff5da,#e1f1ea);box-shadow:0 12px 28px rgba(9,91,68,.15)} .client-combined-value-sort-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#d6b256,#9b7120);color:#fff;box-shadow:0 7px 15px rgba(135,95,18,.2);pointer-events:none} .client-combined-value-sort-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .client-combined-value-sort-copy{display:grid;gap:2px;min-width:0} .client-combined-value-sort-copy small{color:#77745f;font-size:.61rem;font-weight:900} .client-combined-value-sort-value{display:block;overflow:hidden;color:#0b614a;font-size:.74rem;font-weight:950;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.client-combined-value-sort-select{position:absolute;inset:0;width:100%;height:100%;min-width:0;padding:0;border:0;outline:0;appearance:none;background:transparent;color:transparent;opacity:0;cursor:pointer} .client-combined-value-sort-select option{background:#fff;color:#143f35;font-weight:800} .client-combined-value-sort-chevron{display:grid;place-items:center;width:22px;height:28px;border-radius:8px;background:rgba(14,102,77,.08);color:#0b664e;font-size:1rem;font-weight:950;pointer-events:none} .simple-client-list-head,.simple-client-row{display:grid;grid-template-columns:minmax(140px,190px) minmax(190px,1fr) minmax(250px,330px) 80px;align-items:center} .simple-client-list-head{padding:0 20px 10px;color:#667a74;font-size:.74rem;font-weight:900} .simple-client-list{display:flex;flex-direction:column;gap:10px} .simple-client-row{min-height:82px;overflow:hidden;border:1px solid #dbe6e2;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(16,42,67,.045);transition:.18s} .simple-client-row:hover{transform:translateY(-2px);border-color:#a8cfc3;box-shadow:0 13px 28px rgba(11,103,86,.1)} .simple-client-row button{height:100%;min-height:82px;border:0;border-radius:0;background:transparent;color:var(--navy);text-align:right} .simple-client-row button:focus-visible{outline:3px solid rgba(11,103,86,.25);outline-offset:-3px} .simple-client-number{padding:14px 20px;border-left:1px solid #e4ece9!important;background:linear-gradient(145deg,#f0f8f5,#fff)!important} .simple-client-number span,.simple-client-name span{display:block;margin-bottom:4px;color:#768882;font-size:.67rem;font-weight:800} .simple-client-number strong{color:var(--green);font-size:1.45rem;font-weight:900;letter-spacing:.03em} .simple-client-name{padding:14px 22px}.simple-client-name strong{display:block;font-size:1rem}.simple-client-name small{display:block;margin-top:4px;color:#71827d;font-size:.7rem} .simple-client-open{padding:14px;color:var(--green)!important;text-align:center!important;font-weight:900} .simple-client-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;padding:10px 12px} .simple-client-shortcut{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;height:auto!important;min-height:52px!important;padding:7px 9px!important;border:1px solid #d9e7e2!important;border-radius:13px!important;background:#f7fbf9!important;text-align:right!important;transition:.18s} .simple-client-shortcut:hover{transform:translateY(-2px);border-color:#9bc8ba!important;box-shadow:0 8px 18px rgba(11,103,86,.11)} .simple-client-shortcut>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff0ea;color:var(--green);font-size:1rem;font-weight:900} .simple-client-shortcut>b{font-size:.74rem;white-space:nowrap} .simple-client-shortcut>em{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:9px;background:var(--green);color:#fff;font-size:.76rem;font-style:normal;font-weight:900} .simple-client-cases-shortcut{background:#fffaf0!important;border-color:#eadfbe!important} .simple-client-cases-shortcut>span{background:#f3e9cc;color:#7e5d16} .simple-client-cases-shortcut>em{background:#80611d} .simple-client-identity{ margin:8px auto 28px; padding:28px; border:1px solid rgba(218,191,126,.42); border-radius:24px; background:radial-gradient(circle at 15% 0,rgba(26,130,106,.42),transparent 38%),linear-gradient(135deg,#0e2538,#0a4b41); color:#fff; text-align:center; box-shadow:0 18px 44px rgba(16,42,67,.16) } .simple-client-identity>span{color:#e4d3a5;font-size:.73rem;font-weight:800} .simple-client-identity>strong{display:block;margin:4px 0 10px;color:#f0d58f;font-size:2.8rem;font-weight:900} .simple-client-identity h2{margin:0;font-size:1.45rem} .simple-client-identity small{color:#c9dbd5} .client-two-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:880px;margin:0 auto} .client-three-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px} .client-two-choices button{ display:grid; grid-template-columns:76px 1fr auto; grid-template-areas:"icon title arrow" "icon desc arrow"; align-items:center; gap:3px 18px; min-height:190px; padding:28px; border:1px solid #dce6e2; border-radius:26px; background:linear-gradient(145deg,#fff,#f3f8f6); color:var(--navy); text-align:right; box-shadow:0 14px 35px rgba(16,42,67,.07); transition:.2s } .client-two-choices button:hover,.client-two-choices button:focus-visible{transform:translateY(-5px);border-color:#a4ccbf;box-shadow:0 22px 46px rgba(11,103,86,.14)} .client-two-choices i{grid-area:icon;display:grid;place-items:center;width:76px;height:76px;border-radius:23px;background:linear-gradient(145deg,#0b6f5b,#064c43);color:#f0d58f;font-size:2rem;font-style:normal;box-shadow:0 12px 26px rgba(11,103,86,.22)} .client-two-choices b{grid-area:title;font-size:1.3rem}.client-two-choices small{grid-area:desc;color:#6f817c}.client-two-choices>button>span{grid-area:arrow;color:var(--green);font-weight:900} .client-three-choices b em{display:inline-grid;place-items:center;min-width:30px;height:30px;margin-inline-start:7px;padding:0 8px;border-radius:10px;background:#e4f2ed;color:var(--green);font-size:.78rem;font-style:normal;vertical-align:middle} .client-claim-roll{padding:0;overflow:hidden}.client-claim-roll .collection-claims-table-wrap{margin:0}.client-claims-empty{min-height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f3f8f6)} .execution-auto-notice{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;margin:0 0 16px;padding:14px 16px;border:1px solid #d7b96c;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#f3f8f6);color:#41534e;font-size:.8rem;line-height:1.8}.execution-auto-notice b{color:#8a6720;white-space:nowrap}.execution-auto-notice span{font-weight:600} .simple-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding:16px 20px;border-bottom:1px solid #e0e9e5} .simple-section-title>div{display:flex;align-items:center;gap:12px}.simple-section-title span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e8f4f0;color:var(--green);font-size:1.2rem}.simple-section-title h2{margin:0;color:var(--navy)}.simple-section-title>strong{color:var(--green);font-size:1.3rem} .simple-case-list{display:flex;flex-direction:column;gap:14px} .simple-case-row{ display:grid; grid-template-columns:54px minmax(0,1fr) minmax(170px,auto) auto; align-items:center; gap:18px; width:100%; padding:18px 20px; border:1px solid #dce7e3; border-radius:19px; background:#fff; color:var(--navy); text-align:right; box-shadow:0 7px 20px rgba(16,42,67,.045); transition:.18s } .simple-case-row:hover,.simple-case-row:focus-visible{transform:translateX(-4px);border-color:#a7cbbf;box-shadow:0 13px 30px rgba(11,103,86,.1)} .simple-case-index{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#0d705c,#075045);color:#f0d58f;font-weight:900} .simple-case-row b,.simple-case-row small,.simple-case-row em{display:block}.simple-case-row b{font-size:1rem}.simple-case-row small{margin-top:5px;color:#62756f}.simple-case-row em{margin-top:5px;color:#8b9692;font-size:.72rem;font-style:normal} .simple-case-status{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.simple-case-status>span{padding:5px 9px;border-radius:9px;font-size:.68rem;font-weight:800}.execution-reached{background:#e5f4ee;color:#087158}.execution-not-reached{background:#f3f1eb;color:#746b54}.simple-case-row>strong{color:var(--green);font-size:.75rem} .client-data-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto} .client-data-choice{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:19px;border:1px solid #dce7e3;border-radius:19px;background:#fff;color:var(--navy);text-align:right;box-shadow:0 8px 23px rgba(16,42,67,.05);transition:.18s} .client-data-choice:hover,.client-data-choice:focus-visible{transform:translateY(-3px);border-color:#9ec9bb}.client-data-choice i{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#edf6f3,#dfeee9);color:var(--green);font-size:1.4rem;font-style:normal}.client-data-choice b,.client-data-choice small{display:block}.client-data-choice small{margin-top:3px;color:#71817c}.client-data-choice>strong{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:11px;background:#eef5f2;color:var(--green)}.client-data-choice>span{color:var(--green);font-weight:900} .simple-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.simple-facts>div{padding:16px 18px;border:1px solid #e1e9e6;border-radius:16px;background:#fff}.simple-facts span,.simple-facts strong{display:block}.simple-facts span{margin-bottom:5px;color:#788984;font-size:.7rem}.simple-facts strong{color:var(--navy);font-size:.88rem;overflow-wrap:anywhere}.simple-edit-action{margin-top:18px;text-align:left}.simple-data-panel{overflow:hidden} .case-progress-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 22px;padding:14px;border:1px solid #dce7e3;border-radius:19px;background:#f7faf8}.case-progress-path>div{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-areas:"index label" "index value";align-items:center;gap:1px 10px;padding:12px;border-radius:14px;background:#fff;color:#71817c}.case-progress-path i{grid-area:index;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf1ef;color:#71817c;font-style:normal;font-weight:900}.case-progress-path span{grid-area:label;font-size:.7rem}.case-progress-path strong{grid-area:value;color:var(--navy);font-size:.78rem}.case-progress-path .done i{background:#e3f2ed;color:var(--green)}.case-progress-path .execution i{background:#f1e5c8;color:#8a6118} @media(max-width:1100px){ .simple-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .simple-case-row{grid-template-columns:48px minmax(0,1fr);}.simple-case-status,.simple-case-row>strong{grid-column:2} } @media(max-width:760px){ .back-button{top:78px!important;left:12px!important;min-width:88px} .client-two-choices,.client-three-choices,.client-data-choices,.simple-facts,.case-progress-path{grid-template-columns:1fr} .simple-client-list-head{display:none}.simple-client-row{grid-template-columns:100px minmax(0,1fr)}.simple-client-open{display:none}.simple-client-number{padding:12px;border-left:1px solid #e4ece9!important}.simple-client-name{padding:12px 15px}.execution-auto-notice{grid-template-columns:1fr} .client-two-choices button{grid-template-columns:60px 1fr auto;min-height:150px;padding:20px}.client-two-choices i{width:60px;height:60px} .simple-client-search{align-items:stretch;flex-direction:column} .client-combined-value-sort{width:100%;min-width:0} .simple-case-row{grid-template-columns:42px minmax(0,1fr);padding:15px;gap:12px}.simple-case-index{width:42px;height:42px} } /* V12.2.9 — بوابة الأقسام الرئيسية المتدرجة */ .page-head p,.workflow-mini{display:none!important} .department-portal{ display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:22px; min-height:calc(100vh - 160px); max-width:1320px; margin:0 auto; padding:28px 0 54px } .department-portal-card{ --department:#0b6756; --department-deep:#073d36; position:relative; isolation:isolate; display:grid; grid-template-rows:96px auto 38px; place-items:center; flex:0 1 calc(25% - 18px); min-width:250px; max-width:310px; min-height:235px; padding:27px 24px 22px; overflow:hidden; border:1px solid #dfe7e4; border-radius:28px; background: radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--department) 15%,transparent),transparent 48%), linear-gradient(155deg,#fff 12%,#f8faf9 100%); color:var(--navy); box-shadow:0 18px 48px rgba(16,42,67,.09),inset 0 1px rgba(255,255,255,.95); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease } .department-portal-card:before{ content:""; position:absolute; z-index:-1; top:0; right:0; left:0; height:5px; background:linear-gradient(90deg,var(--department-deep),var(--department),#d8b663) } .department-portal-card:after{ content:""; position:absolute; z-index:-1; width:150px; height:150px; bottom:-95px; left:-70px; border-radius:50%; background:color-mix(in srgb,var(--department) 8%,transparent) } .department-portal-card:hover,.department-portal-card:focus-visible{ transform:translateY(-7px); border-color:color-mix(in srgb,var(--department) 48%,#d9e2df); box-shadow:0 28px 65px color-mix(in srgb,var(--department) 17%,rgba(16,42,67,.08)) } .department-portal-card.development{--department:#0c8067;--department-deep:#075344} .department-portal-card.clients{--department:#23658c;--department-deep:#123d5b} .department-portal-card.collection{--department:#b27a2b;--department-deep:#744817} .department-portal-card.legal{--department:#344f7a;--department-deep:#192d4e} .department-portal-card.finance{--department:#76558f;--department-deep:#49325e} .department-portal-card.governance{--department:#526772;--department-deep:#30434c} .department-portal-card.digital{--department:#168392;--department-deep:#095763} .department-portal-icon,.department-page-icon{ display:grid; place-items:center; color:#f6dc9b; background: radial-gradient(circle at 28% 20%,rgba(255,255,255,.22),transparent 30%), linear-gradient(145deg,var(--department),var(--department-deep)); box-shadow:0 15px 32px color-mix(in srgb,var(--department) 28%,transparent),inset 0 0 0 1px rgba(255,255,255,.22) } .department-portal-icon{width:84px;height:84px;border-radius:26px;transform:rotate(-2deg)} .department-portal-icon svg,.department-page-icon svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round} .department-portal-card>strong{font-size:1.13rem;font-weight:900;line-height:1.5;text-align:center} .department-portal-arrow{ display:grid; place-items:center; width:36px; height:36px; border:1px solid color-mix(in srgb,var(--department) 18%,#dfe6e3); border-radius:12px; background:#fff; color:var(--department); font-size:1rem; font-weight:900; transition:transform .2s } .department-portal-card:hover .department-portal-arrow{transform:translateX(-4px)} .department-page{ --department:#0b6756; --department-deep:#073d36; max-width:1180px; margin:0 auto; padding:22px 0 44px } .department-page.development{--department:#0c8067;--department-deep:#075344} .department-page.clients{--department:#23658c;--department-deep:#123d5b} .department-page.collection{--department:#b27a2b;--department-deep:#744817} .department-page.legal{--department:#344f7a;--department-deep:#192d4e} .department-page.finance{--department:#76558f;--department-deep:#49325e} .department-page.governance{--department:#526772;--department-deep:#30434c} .department-page.digital{--department:#168392;--department-deep:#095763} .department-page-head{ display:flex; align-items:center; justify-content:center; gap:18px; min-height:112px; margin:0 0 30px; padding:18px 26px; border:1px solid #dfe7e4; border-radius:26px; background:linear-gradient(145deg,#fff,#f7f9f8); box-shadow:0 14px 38px rgba(16,42,67,.07) } .department-page-icon{width:66px;height:66px;border-radius:21px} .department-page-icon svg{width:36px;height:36px} .department-page-head h1{margin:0;color:var(--navy);font-size:1.65rem;font-weight:900} .department-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px} .department-section-group{margin-bottom:26px} .department-section-group:last-child{margin-bottom:0} .department-section-group-title{margin:0 0 13px;color:var(--department);font-size:.95rem;font-weight:900;display:flex;align-items:center;gap:10px} .department-section-group-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--department) 30%,transparent),transparent)} .department-section-card{ position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) auto 32px; align-items:center; gap:12px; min-height:118px; padding:20px; overflow:hidden; border:1px solid #dfe7e4; border-radius:21px; background:linear-gradient(150deg,#fff,#f7faf9); color:var(--navy); text-align:start; box-shadow:0 10px 28px rgba(16,42,67,.055); transition:.2s } .department-section-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,var(--department),#d1aa59)} .department-section-card:hover,.department-section-card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--department) 42%,#dfe7e4);box-shadow:0 18px 38px color-mix(in srgb,var(--department) 13%,transparent)} .department-section-index{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--department) 9%,#fff);color:var(--department);font-size:.72rem;font-weight:900} .department-section-card>strong{font-size:.93rem;font-weight:900;line-height:1.55} .department-section-count{display:grid;place-items:center;min-width:40px;height:32px;padding:0 8px;border:1px solid #e1e8e6;border-radius:10px;background:#fff;color:var(--department);font-size:.72rem;font-weight:900} .department-section-arrow{color:var(--department);font-size:1rem;font-weight:900;transition:transform .2s} .department-section-card:hover .department-section-arrow{transform:translateX(-3px)} html[dir="ltr"] .department-section-arrow{display:inline-block;transform:rotate(180deg)} html[dir="ltr"] .department-section-card:hover .department-section-arrow{transform:rotate(180deg) translateX(-3px)} @media(max-width:1120px){ .department-portal-card{flex-basis:calc(33.333% - 16px)} .department-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:780px){ .department-portal{min-height:auto;padding:18px 0 45px;gap:14px} .department-portal-card{flex-basis:calc(50% - 8px);min-width:0;min-height:200px;padding:22px 14px 17px;grid-template-rows:78px auto 34px;border-radius:22px} .department-portal-icon{width:68px;height:68px;border-radius:21px} .department-portal-icon svg{width:38px;height:38px} .department-portal-card>strong{font-size:.94rem} .department-portal-arrow{width:32px;height:32px} .department-page{padding-top:10px} .department-page-head{justify-content:flex-start;min-height:90px;margin-bottom:18px;padding:14px 18px;border-radius:21px} .department-page-icon{width:56px;height:56px;border-radius:18px} .department-page-icon svg{width:31px;height:31px} .department-page-head h1{font-size:1.25rem} .department-section-grid{grid-template-columns:1fr;gap:12px} .department-section-card{min-height:96px;padding:16px;grid-template-columns:38px minmax(0,1fr) auto 24px} } /* V12.2.9 — أرقام لاتينية وقائمة مستخدم آمنة ونسخ احتياطي كامل */ body,input,select,textarea,button,table,kbd{ font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1,"tnum" 1 } .user-menu{position:relative;flex:0 0 auto} .profile-button{ min-height:48px; padding:5px 7px 5px 10px; border:1px solid transparent; border-radius:13px; background:transparent; color:var(--ink); text-align:right; transition:.18s } .profile-button:hover,.profile-button[aria-expanded="true"]{border-color:#dfe7e4;background:#f6f9f8} .profile-chevron{color:#728078;font-size:.85rem;transition:transform .18s} .profile-button[aria-expanded="true"] .profile-chevron{transform:rotate(180deg)} .profile-menu-panel{ position:absolute; top:calc(100% + 10px); left:0; z-index:80; width:315px; padding:8px; border:1px solid #dce5e1; border-radius:17px; background:#fff; box-shadow:0 22px 55px rgba(17,42,34,.18) } .profile-menu-panel:before{ content:""; position:absolute; top:-6px; left:30px; width:11px; height:11px; border-top:1px solid #dce5e1; border-left:1px solid #dce5e1; background:#fff; transform:rotate(45deg) } .profile-menu-panel>button{ position:relative; z-index:1; display:flex; align-items:center; gap:11px; width:100%; padding:12px; border:0; border-radius:12px; background:#fff; color:var(--ink); text-align:right } .profile-menu-panel>button:hover{background:#f1f6f4} .profile-menu-panel>button+button{margin-top:3px;border-top:1px solid #edf1ef} .profile-menu-panel b,.profile-menu-panel small{display:block} .profile-menu-panel b{font-size:.84rem} .profile-menu-panel small{margin-top:3px;color:var(--muted);font-size:.66rem} /* قائمة أدوات الرئيس التنفيذي في الشريط العلوي (بدل بطاقات القطاعات) */ .tools-menu{position:relative;flex:0 0 auto} .admin-tools-button{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border:0;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0f3d33,#1c6b53 55%,#c8a84b);box-shadow:0 6px 16px rgba(15,61,51,.28)} .admin-tools-button:hover{filter:brightness(1.07)} .admin-tools-button .admin-tools-spark{font-size:1rem;line-height:1} .admin-tools-button .admin-tools-caret{font-size:.78rem;opacity:.85} .admin-tools-button[aria-expanded="true"]{outline:2px solid rgba(200,168,75,.6);outline-offset:1px} .admin-tools-panel{width:300px} .admin-tools-panel .profile-action-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f1f6f4;color:var(--green);flex:0 0 auto} .admin-tools-panel .profile-action-icon svg{width:20px;height:20px} /* البطاقات الثلاث نُقلت إلى القائمة العلوية؛ تبقى في DOM لتظل بطاقة نبض حصاد تُحقن ثم تُفتح من القائمة */ .department-portal .department-portal-card.admin, .department-portal .department-portal-card.assistant{display:none!important} .profile-action-icon{ display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:11px; background:#edf5f1; color:var(--green); font-size:1.15rem; font-style:normal } .profile-action-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .logout-menu-action .profile-action-icon{background:#faeceb;color:#a34141} .backup-center{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:920px; margin:45px auto 18px } .backup-operation-card{ display:grid; justify-items:center; gap:9px; min-height:260px; padding:34px 25px; border:1px solid #dce6e2; border-radius:25px; background:linear-gradient(150deg,#fff,#f7faf9); color:var(--navy); text-align:center; box-shadow:0 16px 42px rgba(17,42,34,.075); transition:.2s } .backup-operation-card:hover:not(:disabled){transform:translateY(-5px);border-color:#b99a58;box-shadow:0 24px 52px rgba(17,42,34,.12)} .backup-operation-card:disabled{cursor:wait;opacity:.72} .backup-operation-card>b{font-size:1.08rem;font-weight:900} .backup-operation-card>small{max-width:280px;color:var(--muted);line-height:1.75} .backup-operation-icon{ display:grid; place-items:center; width:82px; height:82px; margin-bottom:8px; border-radius:25px; background:linear-gradient(145deg,#0d6b58,#153f62); color:#f2d18b; box-shadow:0 16px 34px rgba(14,84,70,.22) } .restore-backup-card .backup-operation-icon{background:linear-gradient(145deg,#a67528,#6f4b16)} .backup-operation-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round} .backup-safety-note{ max-width:920px; margin:0 auto; padding:12px 15px; border:1px solid #dce7e2; border-radius:13px; background:#eef6f2; color:#315f51; text-align:center; font-size:.77rem } .restore-backup-form{display:grid;gap:16px} .restore-file-field{ display:grid; justify-items:center; gap:8px; padding:24px; border:1px dashed #a8c2b8; border-radius:18px; background:#f8fbfa; cursor:pointer } .restore-file-field .backup-operation-icon{width:62px;height:62px;border-radius:19px} .restore-file-field .backup-operation-icon svg{width:32px;height:32px} .restore-file-field input{width:100%;margin-top:8px} .restore-confirmation{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:12px;background:#fff6e7;color:#735318;font-size:.78rem;line-height:1.7} .restore-confirmation input{margin-top:5px} .restore-backup-form .actions{justify-content:flex-start} @media(max-width:760px){ .profile-button{display:flex;padding:4px} .profile-button>div:nth-child(2),.profile-chevron{display:none} .profile-menu-panel{position:fixed;top:70px;left:12px;right:12px;width:auto} .profile-menu-panel:before{display:none} .backup-center{grid-template-columns:1fr;margin-top:15px} .backup-operation-card{min-height:210px} } /* V12.3.4 — bilingual interface and persistent title-bar controls */ .topbar{direction:rtl;justify-content:space-between;gap:15px} .top-actions{direction:rtl;margin-right:0!important;margin-left:0!important;flex:0 0 auto;gap:8px} .language-button,.auth-language-button{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:64px; height:42px; padding:0 11px; border:1px solid #d6e2de; border-radius:12px; background:linear-gradient(145deg,#fff,#eef6f2); color:var(--green); font-weight:900; box-shadow:0 7px 18px rgba(14,80,65,.08); transition:.18s } .language-button:hover,.auth-language-button:hover{transform:translateY(-2px);border-color:#b99a58;color:var(--navy)} .language-button span,.auth-language-button span{font-size:1rem}.language-button b,.auth-language-button b{font-size:.72rem;letter-spacing:.08em} .auth-language-button{position:fixed;z-index:120;top:18px;inset-inline-end:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)} .back-button{ position:static!important; inset:auto!important; z-index:auto!important; min-width:92px; width:auto!important; height:42px!important; padding:0 13px!important; border:1px solid #d6e2de!important; border-radius:12px!important; background:linear-gradient(145deg,#fff,#f4f8f6)!important; color:var(--navy)!important; box-shadow:none!important; backdrop-filter:none!important; transform:none!important } .back-button b{font-size:.72rem;font-weight:900}.back-button span{font-size:1rem} html[dir="ltr"] .back-button span{display:inline-block;transform:rotate(180deg)} .back-button:not(:disabled):hover{transform:translateY(-2px)!important;border-color:#b99a58!important;color:var(--green)!important} .back-button:disabled{display:flex!important;opacity:.45;background:#f3f5f4!important;color:#77837e!important;border-color:#dfe5e2!important;box-shadow:none!important} html[dir="ltr"] body{direction:ltr} html[dir="ltr"] .topbar,html[dir="ltr"] .top-actions{direction:rtl} html[dir="ltr"] .topbar-home,html[dir="ltr"] .search-trigger,html[dir="ltr"] .language-button,html[dir="ltr"] .profile-button,html[dir="ltr"] .back-button{direction:ltr} html[dir="ltr"] .view,html[dir="ltr"] dialog,html[dir="ltr"] .auth-panel{direction:ltr} html[dir="ltr"] th,html[dir="ltr"] td,html[dir="ltr"] .nav-item,html[dir="ltr"] .search-result,html[dir="ltr"] .outbound-hub-card,html[dir="ltr"] .outbound-list-row,html[dir="ltr"] .simple-client-row button,html[dir="ltr"] .profile-menu-panel>button,html[dir="ltr"] .modal-choice-list button{text-align:left} html[dir="ltr"] .search-trigger kbd{margin-right:0;margin-left:auto} html[dir="ltr"] .modal-head button{margin-right:0;margin-left:auto} html[dir="ltr"] .profile-menu-panel{left:auto;right:0} html[dir="ltr"] .profile-menu-panel:before{left:auto;right:30px;border-left:0;border-right:1px solid #dce5e1} html[dir="ltr"] .department-portal-arrow{transform:rotate(180deg)} @media(max-width:1220px){ .top-actions>.badge{display:none} .search-trigger{min-width:210px} } @media(max-width:1100px){ .topbar{max-width:100%;padding-inline:18px;gap:10px} .topbar-home>span:last-child{display:grid} .search-trigger{min-width:160px} .top-actions{min-width:0;gap:6px} .top-actions select{max-width:125px} .profile-button>#avatar+div,.profile-chevron{display:none} .profile-button{min-height:42px;padding:3px} } @media(max-width:900px){ .search-trigger{width:48px;min-width:48px;justify-content:center} .search-trigger span:nth-child(2),.search-trigger kbd{display:none} .top-actions select{max-width:140px} } @media(max-width:760px){ .topbar{padding:0 10px;gap:6px} .top-actions{gap:5px} .top-actions select{display:none} .language-button{min-width:48px;width:48px;padding:0}.language-button b{display:none} .back-button{min-width:76px!important;height:40px!important;padding:0 9px!important}.back-button b{font-size:.67rem} .profile-menu-panel{top:70px!important;left:12px!important;right:12px!important} } @media(max-width:470px){ .topbar-home{display:flex} .back-button{min-width:44px!important;width:44px!important;padding:0!important}.back-button b{display:none} } /* V12.3.7 — focused call-agent command center */ .agent-operations-bar{ display:grid; grid-template-columns:minmax(210px,1.15fr) minmax(210px,1.15fr) repeat(4,minmax(125px,.5fr)); gap:10px; margin-bottom:12px; padding:10px; border:1px solid #dce6e2; border-radius:18px; background:linear-gradient(135deg,#fff,#f5f9f7); box-shadow:0 9px 25px rgba(15,55,45,.055) } .agent-operations-bar>label,.agent-operations-bar>div{display:grid;align-content:center;gap:4px;min-height:52px;padding:7px 12px;border-radius:12px;background:#fff} .agent-operations-bar span{color:var(--muted);font-size:.66rem;font-weight:800} .agent-operations-bar strong{color:var(--navy);font-size:.83rem;font-weight:900} .agent-operations-bar select{height:36px;margin:0;padding:0 10px;border-color:#dfe8e4;background:#f9fbfa;font-size:.76rem;font-weight:800} .agent-connection-state strong{color:#9a762e}.agent-connection-state.connected strong{color:#0a7a5d}.agent-connection-state.error strong{color:#ac3d43} .agent-aux-strip{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:8px 10px;overflow-x:auto;border:1px solid #e0e8e5;border-radius:16px;background:#fff;scrollbar-width:thin} .agent-aux-strip>div{display:grid;flex:0 0 auto;min-width:120px;padding:3px 8px;border-inline-end:1px solid #e3e9e7}.agent-aux-strip>div span{color:var(--muted);font-size:.65rem}.agent-aux-strip>div strong{color:var(--green);font-size:.82rem} .agent-aux-strip button{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid #e0e7e4;border-radius:10px;background:#f7faf9;color:#52635d;font-size:.68rem;font-weight:800;white-space:nowrap} .agent-aux-strip button:hover,.agent-aux-strip button.active{border-color:#0d7861;background:#e6f4ef;color:#075d4b} .agent-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px} .agent-kpi-strip .outbound-metric{min-height:88px;padding:15px 17px;border-color:#e0e8e5;border-radius:17px;box-shadow:none} .agent-kpi-strip .outbound-metric:before{background:linear-gradient(90deg,#0d7861,#d0a94e)} .agent-kpi-strip .outbound-metric strong{font-size:1.35rem} .agent-command-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,.72fr);gap:13px;padding-bottom:82px} .agent-main-column{display:grid;align-content:start;gap:13px;min-width:0} .agent-lead-profile,.agent-timeline-card,.agent-guidance-card,.agent-call-console{border:1px solid #dce6e2;border-radius:21px;background:#fff;box-shadow:0 13px 34px rgba(15,54,44,.065)} .agent-lead-profile{overflow:hidden} .agent-lead-identity{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 20px;background:linear-gradient(135deg,#f7fbf9,#fff 65%,#fcf8ed)} .agent-lead-identity>i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#103b58,#08705a);color:#f6d891;font-size:1rem;font-weight:900;font-style:normal;box-shadow:0 10px 23px rgba(12,74,61,.18)} .agent-lead-identity h2{margin:5px 0 2px;color:var(--navy);font-size:1.18rem}.agent-lead-identity p{margin:0;color:var(--muted);font-size:.72rem} .agent-priority{padding:6px 10px;border-radius:9px;background:#eff4f2;color:#61706a;font-size:.65rem;font-style:normal}.agent-priority.high,.agent-priority.critical{background:#fff0e0;color:#9b5314}.agent-priority.low{background:#eef4fa;color:#44647e} .agent-contact-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef} .agent-contact-stack>*{display:grid;gap:4px;min-width:0;padding:13px 18px;color:var(--navy);text-decoration:none}.agent-contact-stack>*+*{border-inline-start:1px solid #edf1ef} .agent-contact-stack span,.agent-lead-facts span{color:var(--muted);font-size:.63rem;font-weight:700}.agent-contact-stack b{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.agent-contact-stack a:hover b{color:var(--green)} .agent-external-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid #edf1ef;background:#fbfdfc}.agent-external-contact-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.agent-external-contact-actions small{flex:1 0 100%;color:var(--muted);font-size:.66rem}.agent-external-contact-actions small b{color:var(--navy)} .agent-route-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid #edf1ef;background:#fff}.agent-route-actions button{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px} .agent-lead-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:10px;background:#f7faf9} .agent-lead-facts>div{display:grid;gap:4px;padding:9px 10px;border-radius:10px;background:#fff}.agent-lead-facts b{overflow:hidden;color:#274338;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap} .agent-appointment-summary{display:flex;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid #c9e4d9;background:#eaf8f2;color:#105c49}.agent-appointment-summary>span{font-size:.76rem;font-weight:900}.agent-appointment-summary>strong{font-size:.76rem}.agent-appointment-summary>small{margin-inline-start:auto;color:#52736a;font-size:.65rem} .agent-timeline-card,.agent-guidance-card{padding:17px 19px}.agent-timeline-card>header,.agent-guidance-card>header,.agent-note-box>header,.agent-disposition>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px} .agent-timeline-card header span,.agent-guidance-card header span,.agent-note-box header span,.agent-disposition header span{color:var(--green);font-size:.65rem;font-weight:900}.agent-timeline-card h3,.agent-guidance-card h3{margin:2px 0 0;color:var(--navy);font-size:.92rem} .agent-timeline-list{display:grid;gap:7px;max-height:310px;overflow:auto;padding-inline-end:3px} .agent-timeline-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #edf1ef;border-radius:13px;background:#fbfcfc} .agent-timeline-row>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8f4ef;color:#08705a;font-size:.78rem;font-style:normal}.agent-timeline-row>i.note{background:#f0ebfa;color:#6848a0}.agent-timeline-row>i.appointment{background:#eaf1fb;color:#2f63a0}.agent-timeline-row>i.status{background:#fff3df;color:#9d6a18} .agent-timeline-row b{display:block;color:#243f35;font-size:.72rem}.agent-timeline-row p{margin:3px 0;color:#596862;font-size:.68rem;line-height:1.55}.agent-timeline-row small{color:#84908b;font-size:.6rem}.agent-timeline-empty{padding:28px;color:var(--muted);text-align:center;font-size:.74rem} .agent-guidance-card>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.agent-guidance-card section{position:relative;padding:12px;border:1px solid #e7ecea;border-radius:13px;background:#fafcfc}.agent-guidance-card section i{display:grid;place-items:center;width:25px;height:25px;margin-bottom:8px;border-radius:8px;background:#0b6d58;color:#fff;font-size:.65rem;font-weight:900;font-style:normal}.agent-guidance-card section b{color:var(--navy);font-size:.73rem}.agent-guidance-card section p{margin:4px 0 0;color:var(--muted);font-size:.64rem;line-height:1.65} .agent-call-console{position:sticky;top:82px;align-self:start;overflow:hidden;padding:17px;background:linear-gradient(165deg,#102b3d,#0c1f2e 55%,#102f31);color:#fff;box-shadow:0 17px 42px rgba(7,30,42,.2)} .agent-call-console>header{display:flex;align-items:start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.agent-call-console>header div{display:grid;gap:3px}.agent-call-console>header span{color:#8faaa3;font-size:.65rem;font-weight:800}.agent-call-console>header strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.agent-call-console>header em{padding:5px 8px;border-radius:8px;background:rgba(35,181,132,.12);color:#6ed9b0;font-size:.6rem;font-style:normal} .agent-dial-number{display:grid;justify-items:center;gap:4px;padding:17px 5px 13px}.agent-dial-number small{color:#89a19a;font-size:.64rem}.agent-dial-number b{direction:ltr;font-size:1.24rem;letter-spacing:.045em} .agent-dial-mode{display:grid;gap:5px;color:#9eb0ab;font-size:.64rem}.agent-dial-mode select{height:40px;border-color:rgba(255,255,255,.13);background:#173444;color:#fff} .agent-dial-mode strong{color:#fff;font-size:.82rem}.agent-dial-mode small{color:#78928a}.agent-reach-field{display:flex;align-items:center;gap:8px;margin-top:12px;color:#d8e6e1;font-size:.72rem;font-weight:750}.agent-reach-field input{accent-color:#d0aa57}.manager-queue-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.manager-queue-banner div{display:grid;gap:3px}.manager-queue-banner span{font-size:.78rem} .agent-start-call,.agent-finish-call,.agent-save-call{width:100%;min-height:43px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#12a678,#08755b);color:#fff;font-weight:900;box-shadow:0 9px 20px rgba(0,0,0,.2)}.agent-finish-call{background:linear-gradient(135deg,#b94247,#902f38)}.agent-save-call{background:linear-gradient(135deg,#d0aa57,#9b7528);color:#102b3d} .agent-live-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:5px 0 13px}.agent-live-controls button{display:grid;justify-items:center;gap:4px;padding:9px 4px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055);color:#dce8e4;font-size:.65rem}.agent-live-controls button:first-line{font-size:1rem}.agent-live-controls button.active{border-color:#d3aa55;background:rgba(211,170,85,.18);color:#f5d488} .agent-disposition,.agent-note-box{margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1)}.agent-disposition header small,.agent-note-box header small{display:block;margin-top:2px;color:#78928a;font-size:.58rem} .agent-disposition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.agent-disposition-grid button{min-height:36px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.055);color:#c9d7d2;font-size:.7rem;font-weight:800}.agent-disposition-grid button:hover,.agent-disposition-grid button.selected{border-color:#d0aa57;background:rgba(208,170,87,.2);color:#f7d68d}.agent-disposition-grid button[data-agent-disposition="interested"].selected,.agent-disposition-grid button[data-agent-disposition="appointment_booked"].selected{border-color:#40c695;background:rgba(43,181,132,.22);color:#83e0bd}.agent-disposition-grid button[data-agent-disposition="not_interested"].selected,.agent-disposition-grid button[data-agent-disposition="do_not_call"].selected{border-color:#df6970;background:rgba(190,58,68,.22);color:#ffabb0} .agent-commercial-head{margin-top:14px!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.agent-disposition-grid.commercial button{min-height:42px}.agent-phone-sync{margin:12px 0 0;background:rgba(255,255,255,.07);color:#d7e5e0} .agent-callback-field{display:grid;gap:5px;margin-top:10px;color:#9eb0ab;font-size:.64rem}.agent-callback-field input{height:40px;border-color:rgba(255,255,255,.13);background:#173444;color:#fff;color-scheme:dark} .agent-note-templates{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.agent-note-templates button{padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#b9cac5;font-size:.7rem}.agent-note-templates button:hover{border-color:#d0aa57;color:#f4d187} .agent-note-box textarea{width:100%;min-height:102px;resize:vertical;border-color:rgba(255,255,255,.12);background:#173444;color:#fff;font-size:.7rem;line-height:1.7}.agent-note-box textarea::placeholder{color:#748e87} .agent-manual-notice{margin:10px 0 0;padding:9px;border-radius:9px;background:rgba(232,185,87,.09);color:#d6c28e;font-size:.58rem;line-height:1.65;text-align:center} .agent-action-dock{position:fixed;right:20px;bottom:13px;left:20px;z-index:35;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;border:1px solid #d8e3df;border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 15px 42px rgba(13,48,39,.15);backdrop-filter:blur(16px)} .agent-action-dock button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #dfe7e4;border-radius:11px;background:#f8faf9;color:var(--navy);font-size:.69rem;font-weight:900}.agent-action-dock button:hover:not(:disabled){transform:translateY(-2px);border-color:#b99a58;background:#fffaf0;color:#785918}.agent-action-dock button:nth-child(3){border-color:#b8dfd2;background:#edf9f5;color:#08705a}.agent-action-dock button:disabled{opacity:.45} .agent-empty-workspace{display:grid;justify-items:center;gap:11px;max-width:680px;margin:50px auto;padding:55px 25px;border:1px solid #dce6e2;border-radius:24px;background:#fff;text-align:center;box-shadow:0 15px 40px rgba(15,54,44,.07)}.agent-empty-workspace i{display:grid;place-items:center;width:74px;height:74px;border-radius:23px;background:linear-gradient(145deg,#0d6e59,#173f5c);color:#f1cf82;font-size:1.7rem;font-style:normal}.agent-empty-workspace h2{margin:0;color:var(--navy);font-size:1.05rem} html[dir="ltr"] .agent-lead-profile,html[dir="ltr"] .agent-timeline-card,html[dir="ltr"] .agent-guidance-card,html[dir="ltr"] .agent-call-console,html[dir="ltr"] .agent-operations-bar,html[dir="ltr"] .agent-aux-strip{text-align:left} @media(max-width:1260px){.agent-command-shell{grid-template-columns:minmax(0,1fr) 350px}.agent-lead-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-guidance-card>div{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-operations-bar{grid-template-columns:repeat(2,minmax(220px,1fr)) repeat(2,minmax(130px,.55fr))}} @media(max-width:980px){.agent-operations-bar{grid-template-columns:1fr 1fr}.agent-command-shell{grid-template-columns:1fr}.agent-call-console{position:relative;top:auto}.agent-contact-stack{grid-template-columns:1fr}.agent-contact-stack>*+*{border-inline-start:0;border-top:1px solid #edf1ef}.agent-action-dock{right:12px;left:12px;grid-template-columns:repeat(3,1fr)}} @media(max-width:660px){.agent-operations-bar,.agent-kpi-strip{grid-template-columns:1fr 1fr}.agent-operations-bar>label{grid-column:1/-1}.agent-kpi-strip .outbound-metric{min-height:76px}.agent-lead-identity{grid-template-columns:50px minmax(0,1fr)}.agent-lead-identity>i{width:50px;height:50px}.agent-priority{grid-column:2}.agent-lead-facts,.agent-guidance-card>div{grid-template-columns:1fr 1fr}.agent-disposition-grid{grid-template-columns:repeat(2,1fr)}.agent-action-dock button{min-height:40px}.agent-action-dock button span{font-size:.61rem}} /* V12.3.8 — Super Admin access control */ .department-portal-card.admin{border-color:#dec988;background:linear-gradient(145deg,#102f43,#0b584c);color:#fff;box-shadow:0 15px 36px rgba(9,54,54,.18)} .department-portal-card.admin .department-portal-icon{background:linear-gradient(145deg,#e0bd67,#a87926);color:#fff}.department-portal-card.admin strong{color:#fff}.department-portal-card.admin .department-portal-arrow{color:#f0d58d} .required-password-shell{display:grid;place-items:center;min-height:calc(100vh - 120px)}.required-password-card{width:min(680px,100%);padding:28px;border:1px solid #dce7e3;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(13,57,46,.1)}.required-password-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:18px;background:linear-gradient(145deg,#0d725d,#173e5b);color:#f1d184;font-size:1.6rem} .managed-user-filters{display:grid;grid-template-columns:minmax(240px,1.3fr) repeat(2,minmax(170px,.7fr)) auto auto;align-items:end;gap:10px;margin-bottom:14px}.managed-user-filters label{display:grid;gap:5px;color:var(--muted);font-size:.68rem;font-weight:800}.managed-user-filters input,.managed-user-filters select{height:42px} .managed-users-panel{padding:0;overflow:hidden}.managed-users-summary{display:flex;align-items:baseline;gap:7px;padding:15px 18px;border-bottom:1px solid #e6ece9}.managed-users-summary strong{color:var(--green);font-size:1.2rem}.managed-users-summary span{color:var(--muted);font-size:.7rem}.managed-users-table{min-width:1500px}.managed-users-table td:first-child{min-width:190px}.managed-users-table td:first-child b,.managed-users-table td:first-child small{display:block}.managed-users-table td:first-child small{margin-top:3px;color:var(--muted);font-size:.62rem} .permission-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.permission-chips span{padding:4px 7px;border-radius:7px;background:#edf6f2;color:#0a6b56;font-size:.58rem;font-weight:800}.managed-user-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:290px}.managed-user-actions button{min-height:34px;padding:6px 10px;font-size:.75rem}@media (max-width:640px){.managed-user-actions{min-width:0}.managed-user-actions button{flex:1 1 calc(50% - 6px);white-space:normal}} .managed-user-form{display:grid;gap:16px;min-width:min(1080px,82vw)}.user-validation-summary{padding:14px 16px;border:1px solid #c94d4d;border-radius:12px;background:#fff3f3;color:#8c2929;font-weight:750}.user-validation-summary strong{display:block;margin-bottom:7px}.user-validation-summary ul{margin:0;padding-inline-start:22px}.user-validation-summary li+li{margin-top:4px}.managed-user-form [aria-invalid="true"]{border-color:#c23e3e!important;box-shadow:0 0 0 3px rgba(194,62,62,.13)!important}.managed-user-form [aria-invalid="true"]:focus{outline:2px solid #a82f2f;outline-offset:2px}.managed-user-basics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.managed-user-basics label{display:grid;gap:5px;color:var(--muted);font-size:.68rem;font-weight:800}.managed-user-basics .wide{grid-column:1/-1}.checkbox-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;padding:10px 12px;border:1px solid #e0e8e5;border-radius:12px;background:#f8faf9}.checkbox-line input{width:18px;height:18px}.managed-role-fieldset{padding:14px;border:1px solid #dfe8e4;border-radius:16px}.managed-role-fieldset legend{padding:0 8px;color:var(--navy);font-weight:900}.role-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.role-card{position:relative;display:block}.role-card input{position:absolute;opacity:0}.role-card span{display:grid;gap:3px;min-height:57px;padding:10px 12px;border:1px solid #dfe8e4;border-radius:11px;background:#fafcfc;cursor:pointer}.role-card b{color:var(--navy);font-size:.68rem}.role-card small{color:var(--muted);font-size:.55rem}.role-card input:checked+span{border-color:#0b725c;background:#eaf7f2;box-shadow:inset 0 0 0 1px #0b725c}.role-card input:checked+span b{color:#08604d} .access-control-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#102f43,#0b574b);color:#fff}.access-control-head h3{margin:0;font-size:.9rem}.access-control-head p{margin:4px 0 0;color:#bad2ca;font-size:.63rem}.access-control-head>div:last-child{display:flex;gap:7px}.access-control-head .secondary{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff} .access-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.access-section-card{overflow:hidden;border:1px solid #e0e7e4;border-radius:16px;background:#f7f9f8;opacity:.72;transition:.18s}.access-section-card.enabled{border-color:#b9d9ce;background:#fff;opacity:1;box-shadow:0 8px 24px rgba(12,70,56,.06)}.access-section-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #e8eeeb}.access-section-card>header>div{display:flex;gap:5px}.mini-action{padding:5px 7px;border:1px solid #dce5e1;border-radius:7px;background:#fff;color:#53645e;font-size:.55rem;font-weight:800}.access-main-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.access-main-toggle input{position:absolute;opacity:0}.access-main-toggle>span{position:relative;width:38px;height:21px;border-radius:20px;background:#c9d2ce;transition:.18s}.access-main-toggle>span:after{content:"";position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s}.access-main-toggle input:checked+span{background:#0b755d}.access-main-toggle input:checked+span:after{transform:translateX(-17px)}html[dir="ltr"] .access-main-toggle>span:after{right:auto;left:3px}html[dir="ltr"] .access-main-toggle input:checked+span:after{transform:translateX(17px)}.access-main-toggle b{color:var(--navy);font-size:.73rem}.access-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px}.access-operation-grid label{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px;border-radius:9px;background:#f8faf9;color:#43544e;font-size:.6rem;font-weight:700}.access-operation-grid input{width:15px;height:15px;accent-color:#0b745d}.access-operation-grid input:disabled+span{color:#9ba6a2} .access-feature-list{display:grid;gap:9px;padding:10px}.access-feature-card{overflow:hidden;border:1px solid #e2e9e6;border-radius:12px;background:#f4f7f6;opacity:.68}.access-feature-card.enabled{border-color:#beddd2;background:#fff;opacity:1}.access-feature-card>header{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px;border-bottom:1px solid #e8eeeb}.access-feature-card>header>div{display:flex;gap:4px}.feature-main-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.feature-main-toggle>input{width:16px;height:16px;accent-color:#0b745d}.feature-main-toggle b{color:var(--navy);font-size:.65rem}.feature-operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px}.feature-operation-grid label{display:flex;align-items:center;gap:5px;min-height:29px;padding:5px 6px;border-radius:7px;background:#f7faf8;color:#43544e;font-size:.54rem;font-weight:750}.feature-operation-grid input{width:14px;height:14px;accent-color:#0b745d}.feature-operation-grid input:disabled+span{color:#a0aaa6}.view-feature-list{display:grid!important;gap:7px!important}.view-feature-list>section{padding:8px;border:1px solid #e5ece9;border-radius:9px;background:#fafcfc}.view-feature-list>section>strong{display:block;margin-bottom:6px;color:#153f36;font-size:.63rem}.view-feature-list>section>div{display:flex;flex-wrap:wrap;gap:4px} .permission-summary{padding:14px 16px;border:1px solid #e1e8e5;border-radius:15px;background:#fbfcfc}.permission-summary>strong{display:block;margin-bottom:9px;color:var(--navy);font-size:.76rem}.permission-summary>div{display:flex;flex-wrap:wrap;gap:7px}.permission-summary>div span{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:9px;background:#eaf6f1;color:#126550;font-size:.62rem;font-weight:800}.permission-summary>div b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:#0b745d;color:#fff;font-size:.56rem}.permission-summary p{margin:0;color:var(--muted);font-size:.66rem} .managed-user-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.managed-user-profile>div{display:grid;gap:4px;padding:11px;border:1px solid #e2e9e6;border-radius:11px;background:#fafcfc}.managed-user-profile span{color:var(--muted);font-size:.6rem}.managed-user-profile strong{color:var(--navy);font-size:.72rem}.view-permission-list{display:grid;gap:8px;margin-top:14px}.view-permission-list article{padding:12px;border:1px solid #e1e9e6;border-radius:12px}.view-permission-list article>b{display:block;margin-bottom:8px;color:var(--navy);font-size:.72rem}.view-permission-list article>div{display:flex;flex-wrap:wrap;gap:5px}.view-permission-list article span{padding:4px 7px;border-radius:7px;background:#edf6f2;color:#0c6854;font-size:.56rem} html[dir="ltr"] .managed-user-filters,html[dir="ltr"] .managed-user-form,html[dir="ltr"] .managed-user-profile,html[dir="ltr"] .access-section-card{text-align:left} @media(max-width:1000px){.managed-user-filters{grid-template-columns:1fr 1fr}.managed-user-form{min-width:min(760px,82vw)}.role-card-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:720px){.managed-user-filters,.managed-user-basics,.access-section-grid,.managed-user-profile{grid-template-columns:1fr}.managed-user-basics .wide{grid-column:auto}.role-card-grid{grid-template-columns:repeat(2,1fr)}.access-control-head{align-items:stretch;flex-direction:column}.access-control-head>div:last-child{flex-wrap:wrap}.managed-user-form{min-width:0}.access-operation-grid,.feature-operation-grid{grid-template-columns:1fr}} /* تجريبي — الهيكل الوظيفي القطاعي لإدارة المستخدمين */ .user-sector-hierarchy{display:grid;gap:14px;margin-bottom:16px}.general-director-card{display:grid;grid-template-columns:auto minmax(230px,1fr) minmax(230px,.8fr);align-items:center;gap:16px;padding:19px 22px;border:1px solid #c9ae67;border-radius:21px;background:linear-gradient(135deg,#102f43,#0b584c);color:#fff;box-shadow:0 14px 36px rgba(9,54,54,.16)}.hierarchy-crown{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:linear-gradient(145deg,#e1bd65,#9f7427);color:#fff;font-size:1.22rem;box-shadow:0 10px 22px rgba(0,0,0,.18)}.general-director-card small{color:#d7c48e;font-size:.63rem;font-weight:800}.general-director-card h2{margin:3px 0;color:#fff;font-size:1rem}.general-director-card p{margin:0;color:#bed3cc;font-size:.66rem}.general-director-members{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.general-director-members button,.general-director-members span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:.63rem;font-weight:800}.general-director-members button:hover{border-color:#e1bd65;background:rgba(225,189,101,.17)} .sector-hierarchy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sector-hierarchy-card{overflow:hidden;border:1px solid #dce7e3;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(13,56,46,.055)}.sector-hierarchy-card>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#f6faf8,#fff);cursor:pointer;list-style:none}.sector-hierarchy-card>summary::-webkit-details-marker{display:none}.sector-hierarchy-card>summary>div{display:flex;align-items:center;gap:9px}.sector-hierarchy-card>summary>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#0d705a;color:#fff;font-size:.64rem;font-weight:900}.sector-hierarchy-card>summary b{color:var(--navy);font-size:.77rem}.sector-hierarchy-card>summary small{padding:5px 8px;border-radius:8px;background:#edf5f2;color:#527069;font-size:.57rem;font-weight:800}.sector-position-list{display:grid;border-top:1px solid #edf1ef}.sector-position-row{display:grid;grid-template-columns:28px minmax(180px,.85fr) minmax(150px,1.15fr);align-items:center;gap:9px;padding:9px 13px}.sector-position-row+.sector-position-row{border-top:1px solid #eef2f0}.position-rank{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eef4f2;color:#0a6b56;font-size:.58rem;font-weight:900}.position-title{display:grid;gap:2px}.position-title b{color:#233f35;font-size:.65rem}.position-title small{overflow:hidden;color:#83908b;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.position-members{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.position-members button,.position-members span{padding:4px 6px;border:1px solid #e0e8e5;border-radius:7px;background:#fafcfc;color:#5e6f68;font-size:.52rem}.position-members button{color:#0a6954;font-weight:800}.position-members button:hover{border-color:#0b725c;background:#eaf7f2} .selected-position-help{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:7px;padding:11px 13px;border:1px solid #dce7e3;border-radius:13px;background:linear-gradient(135deg,#f5faf8,#fff)}.selected-position-help span{color:var(--muted);font-size:.59rem;font-weight:800}.selected-position-help b{color:var(--navy);font-size:.69rem}.selected-position-help em{grid-column:1/-1;padding-top:5px;border-top:1px solid #e6ece9;color:#0a6b56;font-size:.59rem;font-style:normal;font-weight:800}.selected-position-help p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.64rem}.access-section-card button:disabled,.access-control-head button:disabled{cursor:not-allowed;opacity:.45} html[dir="ltr"] .user-sector-hierarchy,html[dir="ltr"] .sector-hierarchy-card,html[dir="ltr"] .selected-position-help{text-align:left} @media(max-width:1050px){.sector-hierarchy-grid{grid-template-columns:1fr}.general-director-card{grid-template-columns:auto 1fr}.general-director-members{grid-column:1/-1;justify-content:flex-start}} @media(max-width:660px){.general-director-card{grid-template-columns:1fr;justify-items:start}.sector-position-row{grid-template-columns:28px 1fr}.position-members{grid-column:2;justify-content:flex-start}.selected-position-help{grid-template-columns:1fr}.selected-position-help em{grid-column:auto}} /* V12.3.12 — محرر المستخدم في صفحة عمل كاملة */ .full-page-dialog{position:fixed;inset:0 260px 0 0;width:calc(100vw - 260px);max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;background:var(--paper);overflow:auto;box-shadow:none} .full-page-dialog::backdrop{background:transparent;backdrop-filter:none} .full-page-dialog .modal-head{position:sticky;top:0;z-index:6;padding:20px 30px;background:#fff;box-shadow:0 5px 18px rgba(20,48,39,.06)} .full-page-dialog #modal-body{width:100%;max-width:1700px;max-height:none;margin:0 auto;padding:26px 30px 50px;overflow:visible} .full-page-dialog .managed-user-form{width:100%;min-width:0} .full-page-dialog .managed-user-basics{padding:20px;border:1px solid #e1e8e5;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(18,57,46,.045)} .full-page-dialog .managed-user-form>.actions{position:sticky;bottom:0;z-index:5;justify-content:flex-start;padding:14px 18px;border:1px solid #dce6e2;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 -8px 28px rgba(15,58,47,.08);backdrop-filter:blur(8px)} .multi-assignment-field select[multiple]{min-height:168px;padding:7px;border:1px solid #cfded8;border-radius:13px;background:#fbfdfc;color:var(--navy);font-weight:800;line-height:1.8}.multi-assignment-field select[multiple] option{padding:8px 10px;margin:2px;border-radius:8px}.multi-assignment-field select[multiple] option:checked{background:linear-gradient(135deg,#08745d,#0b6654);color:#fff}.multi-assignment-field small{color:var(--muted);font-size:.58rem}.managed-user-profile .wide{grid-column:1/-1} .legal-simple-home,.legal-simple-case{min-width:0}.legal-simple-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:18px 0 22px}.legal-simple-title>div:first-child>span{display:block;margin-bottom:5px;color:#8b6c2d;font-size:.72rem;font-weight:900}.legal-simple-title h1{margin:0;color:#123a31;font-size:clamp(1.65rem,3vw,2.25rem)}.legal-simple-title p{margin:7px 0 0;color:var(--muted)}.legal-simple-nav{display:flex;gap:9px;margin-bottom:20px;padding:8px;overflow:auto;border:1px solid #dce6e2;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(21,50,41,.04)}.legal-simple-nav button{display:flex;align-items:center;gap:8px;flex:1;min-width:125px;padding:11px 14px;border:1px solid transparent;border-radius:11px;background:transparent;color:#40544c;white-space:nowrap}.legal-simple-nav button span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef5f2;color:var(--green);font-size:1rem}.legal-simple-nav button:hover,.legal-simple-nav button.active{border-color:#9bc4b5;background:#eaf5f0;color:#0e6049}.legal-simple-nav button.management{margin-inline-start:auto;background:#fbf5e8;color:#77591f}.legal-simple-nav button.management span{background:#f3e5c4;color:#8b6621}.legal-simple-nav.large{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:13px;padding:0;border:0;background:transparent;box-shadow:none}.legal-simple-nav.large button{min-height:92px;justify-content:center;flex-direction:column;border:1px solid #dce6e2;background:#fff;box-shadow:0 7px 22px rgba(21,50,41,.045)}.legal-simple-nav.large button span{width:42px;height:42px;font-size:1.3rem}.legal-today-metrics{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin-bottom:18px}.legal-today-metric{min-width:0;padding:16px;text-align:start;border:1px solid #dfe8e4;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 4px 15px rgba(20,45,37,.035)}.legal-today-metric span,.legal-today-metric strong{display:block}.legal-today-metric span{min-height:36px;color:var(--muted);font-size:.75rem}.legal-today-metric strong{margin-top:8px;color:#0d694f;font-size:1.65rem}.legal-today-metric.critical{border-color:#edc8c8;background:#fff8f8}.legal-today-metric.critical strong{color:#a63f3f}.legal-today-metric.warning{border-color:#eed8aa;background:#fffcf5}.legal-today-metric.warning strong{color:#94661b}.legal-simple-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.legal-today-list{display:grid;gap:8px}.legal-today-list button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;text-align:start;border:1px solid #e2e9e6;border-radius:11px;background:#fbfdfc;color:var(--ink)}.legal-today-list button b,.legal-today-list button small{grid-column:1}.legal-today-list button small{color:var(--muted)}.legal-today-list button span{grid-column:2;grid-row:1/3;align-self:center;color:var(--muted);font-size:.7rem}.legal-critical-panel{border-color:#efcece}.legal-view-tabs{display:flex;gap:7px;margin-bottom:14px;overflow:auto}.legal-view-tabs button{padding:9px 15px;border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#53655e;white-space:nowrap}.legal-view-tabs button.active{border-color:#0e6b51;background:#0f664f;color:#fff}.legal-hearing-switch{justify-content:flex-start;margin-top:-6px}.legal-management-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px}.legal-management-grid>button{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;min-width:0;padding:18px;text-align:right;border:1px solid #dce6e2;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 6px 20px rgba(20,45,37,.045)}.legal-management-grid>button>span{display:grid;place-items:center;grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#f5ead0;color:#805e1e}.legal-management-grid>button b,.legal-management-grid>button small{grid-column:2}.legal-management-grid>button small{color:var(--muted);line-height:1.5}.legal-management-grid>button i{grid-column:3;grid-row:1/3;color:var(--green);font-style:normal}.legal-simple-case-head{position:sticky;top:76px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:16px 20px;border:1px solid #d9e5df;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 7px 24px rgba(20,45,37,.07);backdrop-filter:blur(10px)}.legal-simple-case-head span{color:#8a6a2a;font-size:.74rem;font-weight:850}.legal-simple-case-head h1{margin:3px 0;font-size:1.55rem}.legal-simple-case-head p{max-width:820px;margin:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-case-keyfacts{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px;margin-bottom:14px;overflow:auto}.legal-case-keyfacts div{min-width:130px;padding:12px;border:1px solid #e1e8e5;border-radius:12px;background:#fff}.legal-case-keyfacts span,.legal-case-keyfacts b{display:block}.legal-case-keyfacts span{margin-bottom:5px;color:var(--muted);font-size:.66rem}.legal-case-keyfacts b{font-size:.8rem;line-height:1.5}.legal-simple-case-tabs{position:sticky;top:169px;z-index:4;background:var(--paper)}.legal-case-subject{display:grid;gap:7px;margin:15px 0 0;padding:14px;border-radius:11px;background:#f7faf8;line-height:1.8}.legal-simple-entry{gap:18px}.legal-simple-form-section{padding:20px;border:1px solid #dce6e2;border-radius:16px;background:#fff}.legal-simple-form-section h3{margin:0 0 16px;color:#174b3e}.legal-simple-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.legal-simple-form-grid .wide{grid-column:1/-1}.legal-form-sticky-actions{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid #d4e2dc;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 -8px 28px rgba(15,58,47,.08);backdrop-filter:blur(8px)}.legal-form-sticky-actions span{color:var(--muted);font-size:.73rem}.full-page-dialog:has(.legal-simple-entry){inset:0 260px 0 0;width:calc(100vw - 260px);max-width:none;height:100vh;max-height:none;margin:0;border-radius:0}.full-page-dialog:has(.legal-simple-entry) #modal-body{max-width:1350px}.primary.compact,.secondary.compact{padding:7px 10px;font-size:.72rem;white-space:nowrap} .legal-case-search-summary{margin:12px 0;padding:12px 16px}.legal-case-search-summary>div{display:flex;align-items:center;justify-content:flex-start;gap:16px}.legal-case-search-summary span{color:var(--muted);font-size:.78rem}.legal-client-match-panel{margin:12px 0;border-color:#bfd9cf;background:linear-gradient(145deg,#fff,#f4faf7)}.legal-client-match-list{display:grid;gap:8px}.legal-client-match-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #dce8e3;border-radius:12px;background:#fff}.legal-client-match-main{display:grid;flex:1;gap:4px;min-width:0;padding:0;text-align:right;border:0;background:transparent;color:var(--ink)}.legal-client-match-main b,.legal-client-match-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-client-match-main small{color:var(--muted);font-size:.72rem}.legal-client-match-main:hover b{color:var(--green)} @media(max-width:1180px){.legal-simple-nav.large{grid-template-columns:repeat(3,1fr)}.legal-today-metrics{grid-template-columns:repeat(3,1fr)}.legal-management-grid{grid-template-columns:repeat(2,1fr)}.legal-case-keyfacts{grid-template-columns:repeat(4,minmax(140px,1fr))}} @media(max-width:760px){.legal-simple-title,.legal-simple-case-head,.legal-form-sticky-actions{align-items:stretch;flex-direction:column}.legal-simple-nav.large{grid-template-columns:repeat(2,1fr)}.legal-simple-nav.large button{min-width:0}.legal-today-metrics{grid-template-columns:repeat(2,1fr)}.legal-simple-columns,.legal-management-grid,.legal-simple-form-grid{grid-template-columns:1fr}.legal-simple-form-grid .wide{grid-column:auto}.legal-simple-case-head{top:76px}.legal-simple-case-tabs{top:230px}.full-page-dialog:has(.legal-simple-entry){inset:0;width:100vw}.legal-case-keyfacts{grid-template-columns:repeat(2,minmax(140px,1fr))}} @media(max-width:760px){.full-page-dialog{inset:0;width:100vw}.full-page-dialog .modal-head{padding:16px}.full-page-dialog #modal-body{padding:18px 14px 40px}} /* V12.8.1 — تسجيل العميل ببيانات الشخص أو المنشأة الكاملة */ dialog:has(.client-registration-form){width:min(1280px,calc(100% - 24px));max-height:96vh} dialog:has(.client-registration-form) #modal-body{max-height:84vh;padding:22px 26px 34px} dialog:has(.client-registration-form) #modal-eyebrow:empty{display:none} .client-registration-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px} .client-registration-form .client-data-divider{display:flex;align-items:center;gap:14px;margin:8px 0 2px;color:#174f40;font-size:1.05rem} .client-registration-form .client-data-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#bdd6cc,transparent)} .client-registration-form .client-data-divider strong{white-space:nowrap;padding:8px 13px;border:1px solid #cfe0d9;border-radius:10px;background:#f2f8f5} .client-registration-form .form-section{margin-top:6px;padding:14px 16px;border:1px solid #dce7e2;border-radius:14px;background:linear-gradient(135deg,#f3f9f6,#fff)} .identity-documents-list{display:grid;gap:14px}.identity-document-card{padding:16px;border:1px solid #d6e4de;border-radius:16px;background:linear-gradient(145deg,#f7fbf9,#fff);box-shadow:0 6px 18px rgba(18,57,46,.045)}.identity-document-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #e0ebe6}.identity-document-card>header div{display:grid;gap:4px}.identity-document-card>header strong{color:#174f40}.identity-document-card>header small{color:var(--muted)}.identity-document-card>header .danger{padding:7px 11px}.identity-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.identity-document-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.identity-document-actions small{color:var(--muted);font-weight:700}.identity-document-actions button:disabled{opacity:.5;cursor:not-allowed} .client-identity-documents-view{margin-top:18px;padding:18px;border:1px solid #dce7e2;border-radius:18px;background:#fff}.client-identity-documents-view>h3{margin:0 0 14px;color:#174f40}.client-identity-documents-view>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.client-identity-documents-view article{padding:15px;border:1px solid #dce7e2;border-radius:14px;background:linear-gradient(145deg,#f5faf8,#fff)}.client-identity-documents-view article>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.client-identity-documents-view header b{color:#174f40}.client-identity-documents-view header span{padding:5px 8px;border-radius:999px;background:#e7f4ef;color:#216a58;font-size:.72rem;font-weight:800}.client-identity-documents-view dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.client-identity-documents-view dl div{padding:8px;border-radius:10px;background:#fff}.client-identity-documents-view dt{color:var(--muted);font-size:.75rem}.client-identity-documents-view dd{margin:4px 0 0;font-weight:800;overflow-wrap:anywhere} .client-registration-form .actions{position:sticky;bottom:0;z-index:3;margin-top:8px;padding:14px;border:1px solid #dbe6e1;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 -7px 24px rgba(16,62,49,.08)} .client-registration-page{margin-top:18px;padding:clamp(18px,3vw,34px);border:1px solid #d9e6e0;border-radius:22px;background:linear-gradient(145deg,#f7fbf9 0,#fff 62%);box-shadow:0 14px 38px rgba(15,69,53,.08)} .client-registration-page .client-registration-form{max-width:1280px;margin:0 auto} .client-registration-page .client-registration-form .actions{bottom:12px} @media(max-width:900px){.client-registration-form{grid-template-columns:1fr 1fr}.identity-document-grid{grid-template-columns:1fr 1fr}} @media(max-width:620px){.client-registration-page{padding:16px 12px;border-radius:16px}.client-registration-form{grid-template-columns:1fr}.client-registration-form .wide{grid-column:auto}.identity-document-grid{grid-template-columns:1fr}.identity-document-card>header{align-items:flex-start}} /* V12.3.13 — نائب المدير وموظفو القطاعات والحفظ */ .general-management-positions{display:grid;gap:7px}.general-management-position{display:grid;grid-template-columns:28px minmax(145px,.8fr) minmax(170px,1fr);align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06)}.general-management-position .position-rank{background:rgba(225,189,101,.2);color:#f5d587}.general-management-position .position-title b{color:#fff}.general-management-position .position-title small{color:#a8c3ba} .sector-workforce-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.sector-workforce-summary article,.workforce-metric-grid article{display:grid;gap:7px;padding:15px;border:1px solid #dce7e3;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(13,56,46,.045)}.sector-workforce-summary span,.workforce-metric-grid span{color:var(--muted);font-size:.62rem;font-weight:800}.sector-workforce-summary strong,.workforce-metric-grid strong{color:var(--green);font-size:1.08rem}.sector-workforce-filter{display:flex;align-items:end;gap:18px;margin-bottom:14px}.sector-workforce-filter label{display:grid;gap:5px;min-width:230px;color:var(--muted);font-size:.65rem;font-weight:800}.sector-workforce-filter p{margin:0 0 9px;color:var(--muted);font-size:.64rem}.sector-workforce-panel{padding:0;overflow:hidden}.sector-workforce-table{min-width:1450px}.sector-workforce-table td:nth-child(2) b,.sector-workforce-table td:nth-child(2) small{display:block}.sector-workforce-table td:nth-child(2) small{margin-top:4px;color:var(--muted);font-size:.56rem}.workforce-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}.workforce-profile article,.archive-permission-summary article{display:grid;gap:5px;padding:12px;border:1px solid #e0e8e5;border-radius:12px;background:#fafcfc}.workforce-profile span,.archive-permission-summary span{color:var(--muted);font-size:.59rem}.workforce-profile strong,.archive-permission-summary strong{color:var(--navy);font-size:.7rem}.workforce-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.archive-note{padding:11px;border-radius:11px;background:#edf7f3;color:#32675a;font-size:.64rem}.archive-permission-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:13px 0}.archive-detail-sections{display:grid;gap:12px}.archive-detail-sections>article{padding:12px;border:1px solid #e0e8e5;border-radius:14px;background:#fff}.archive-detail-sections h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;color:var(--navy);font-size:.75rem}.archive-detail-sections h3 span{padding:4px 7px;border-radius:7px;background:#eaf6f1;color:#0a6b56;font-size:.56rem}.archive-detail-sections table{min-width:760px} @media(max-width:1050px){.sector-workforce-summary{grid-template-columns:repeat(3,1fr)}.workforce-metric-grid{grid-template-columns:repeat(3,1fr)}.general-director-card{grid-template-columns:auto 1fr}.general-management-positions{grid-column:1/-1}} @media(max-width:700px){.sector-workforce-summary,.workforce-metric-grid,.workforce-profile,.archive-permission-summary{grid-template-columns:1fr 1fr}.sector-workforce-filter{align-items:stretch;flex-direction:column}.general-management-position{grid-template-columns:28px 1fr}.general-management-position .general-director-members{grid-column:2}} /* V12.4 — legal meetings handoff workspace */ .department-portal-card.legal_meetings,.department-page.legal_meetings{--department-accent:#7057d9;--department-soft:#f0edff} .legal-meeting-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.legal-meeting-summary article{background:linear-gradient(145deg,#fff,#f7f5ff);border:1px solid #ded8fa;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.legal-meeting-summary span{color:var(--muted);font-weight:700}.legal-meeting-summary strong{font-size:1.75rem;color:#5941b8} .legal-meeting-list,.conversion-request-list{display:grid;gap:16px}.legal-meeting-card,.conversion-request-list>article{background:#fff;border:1px solid #dedfe8;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(36,41,67,.06)}.legal-meeting-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #ececf2;padding-bottom:15px}.legal-meeting-card h2,.conversion-request-list h2{margin:8px 0 4px}.legal-meeting-card p{margin:0;color:var(--muted)} .meeting-handoff-status{display:inline-flex;border-radius:999px;background:#f0edff;color:#5941b8;padding:5px 10px;font-size:.82rem;font-weight:800}.meeting-handoff-status.booked_pending_ack{background:#fff4d8;color:#8b6300}.meeting-handoff-status.report_submitted{background:#e7f8ef;color:#166940}.meeting-handoff-status.returned{background:#ffe9e8;color:#a02b2b} .legal-meeting-card dl,.conversion-request-list dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.legal-meeting-card dl div,.conversion-request-list dl div{background:#f7f7fa;border-radius:12px;padding:11px}.legal-meeting-card dt,.conversion-request-list dt{color:var(--muted);font-size:.78rem}.legal-meeting-card dd,.conversion-request-list dd{margin:5px 0 0;font-weight:700}.legal-meeting-card footer,.conversion-request-list footer{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.meeting-outcome{background:#f4f8ff;border-inline-start:4px solid #4569d4;padding:12px 14px;margin:14px 0;border-radius:10px}.meeting-outcome p{margin:6px 0 0} .meeting-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meeting-detail-grid>div{background:#f7f7fa;padding:14px;border-radius:12px}.meeting-detail-grid span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:5px}.meeting-history{margin-top:18px}.meeting-history article{border-inline-start:3px solid #7057d9;padding:6px 14px;margin:10px 0}.meeting-history article span{display:block;color:var(--muted);font-size:.82rem}.meeting-history article p{margin:5px 0}.conversion-request-list>article>span{display:inline-flex;background:#fff4d8;color:#8b6300;border-radius:999px;padding:5px 10px;font-weight:800;font-size:.8rem} @media(max-width:900px){.legal-meeting-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-meeting-card dl,.conversion-request-list dl,.meeting-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.legal-meeting-summary{grid-template-columns:1fr}.legal-meeting-card>header{display:block}.legal-meeting-card>header time{display:block;margin-top:10px}.legal-meeting-card{padding:14px}} /* V12.8.0 — واجهات الشؤون القانونية ضمن دورة أمر الخدمة المتكاملة */ .legal-ops-breadcrumb{display:flex;align-items:center;gap:.6rem;margin:-.35rem 0 1rem;color:var(--muted);font-size:.88rem}.legal-ops-breadcrumb button{border:0;background:transparent;color:var(--green);padding:0;cursor:pointer;font:inherit;font-weight:800}.legal-ops-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1rem}.legal-ops-metrics article{min-height:112px;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--white),color-mix(in srgb,var(--white) 90%,#b69249 10%));display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 7px 22px rgba(18,57,46,.055)}.legal-ops-metrics span{color:var(--muted);font-size:.88rem;font-weight:700}.legal-ops-metrics strong{font-size:1.65rem;color:var(--ink);font-variant-numeric:tabular-nums}.legal-inline-filter{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.legal-inline-filter label{flex:1 1 320px}.legal-record-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--line);border-radius:20px;background:var(--white)}.legal-record-summary>div{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;border-radius:14px;background:var(--paper)}.legal-record-summary span{font-size:.8rem;color:var(--muted)}.legal-record-summary strong{font-size:.98rem;overflow-wrap:anywhere}.panel>h2{margin-top:0;font-size:1.05rem}.panel .list button{border:0;background:transparent;color:inherit;text-align:start;padding:0;cursor:pointer;font:inherit}.table-wrap tr[data-legal-party],.table-wrap tr[data-legal-conflict],.table-wrap tr[data-legal-matter]{cursor:pointer}.table-wrap tr[data-legal-party]:hover,.table-wrap tr[data-legal-conflict]:hover,.table-wrap tr[data-legal-matter]:hover{background:color-mix(in srgb,var(--green) 7%,transparent)}.notice.warning{border-color:#c89433;background:color-mix(in srgb,#c89433 12%,var(--white));color:var(--ink)}select[multiple]{min-height:9rem;padding:.45rem}@media(max-width:720px){.legal-ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-record-summary{grid-template-columns:1fr 1fr}.legal-inline-filter>*{width:100%}} /* V12.12.0 — three professional legal reports */ .legal-report-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0} .legal-report-switcher button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;text-align:right;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 9px 24px rgba(14,65,54,.055)} .legal-report-switcher button.active,.legal-report-switcher button:hover{border-color:var(--green);background:linear-gradient(145deg,#fff,#edf8f4)} .legal-report-switcher b{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#0b6f5d;color:#fff;font-size:1.15rem}.legal-report-switcher span{font-weight:900}.legal-report-switcher small{color:var(--muted);line-height:1.45} .legal-report-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:16px}.legal-report-controls label{flex:1 1 280px}.legal-report-output{margin-top:14px} .legal-print-report{position:relative;background:#fff;border:1px solid #d8e3df;border-radius:20px;padding:22px;color:#172722;box-shadow:0 14px 34px rgba(19,65,54,.07);overflow:hidden} .legal-report-document-head{display:grid;grid-template-columns:76px 1fr minmax(220px,auto);gap:18px;align-items:center;border-bottom:3px solid #0a6c59;padding-bottom:15px;margin-bottom:16px}.legal-report-document-head img{width:68px;height:68px;object-fit:contain}.legal-report-document-head h1{margin:2px 0;color:#073f36;font-size:1.65rem}.legal-report-document-head p{margin:0;color:#60726c}.legal-report-document-head>div>span{color:#b28a35;font-weight:900;letter-spacing:.08em}.legal-report-document-head dl{margin:0;display:grid;gap:5px}.legal-report-document-head dl div{display:grid;grid-template-columns:85px 1fr;gap:8px}.legal-report-document-head dt{color:#71817c}.legal-report-document-head dd{margin:0;font-weight:800} .legal-report-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.legal-report-facts div{padding:10px 12px;border:1px solid #dde8e4;border-radius:11px;background:#f7faf9;min-width:0}.legal-report-facts span{display:block;color:#6b7d77;font-size:.76rem}.legal-report-facts strong{display:block;margin-top:4px;overflow-wrap:anywhere;line-height:1.55} .legal-report-section{margin:0 0 16px;break-inside:auto}.legal-report-section>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0b6f5d;color:#fff;border-radius:10px 10px 0 0}.legal-report-section>header h2{margin:0;color:#fff;font-size:1rem}.legal-report-section>header span{display:grid;place-items:center;min-width:28px;height:28px;background:rgba(255,255,255,.16);border-radius:99px;font-weight:900}.legal-report-section .table-wrap{border-radius:0 0 10px 10px;box-shadow:none;border:1px solid #dce7e3;border-top:0}.legal-report-section table{white-space:normal;table-layout:auto}.legal-report-section th{background:#eef6f3;color:#174d43}.legal-report-section th,.legal-report-section td{vertical-align:top;line-height:1.55}.legal-report-section td small{display:block;color:#697b75;margin-top:3px} .legal-report-note{margin:0;padding:12px;border:1px solid #dce7e3;border-top:0;border-radius:0 0 10px 10px;background:#fbfdfc}.legal-report-document-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:10px;border-top:1px solid #bccdc7;color:#657872;font-size:.75rem}.legal-report-page:after{content:counter(page)} .legal-report-section .hearing-roll-table{overflow:visible}.legal-report-section .hearing-roll-table table{width:100%;table-layout:fixed;white-space:normal}.legal-report-section .hearing-roll-table th,.legal-report-section .hearing-roll-table td{white-space:normal;overflow-wrap:anywhere;word-break:normal} @media(max-width:1000px){.legal-report-switcher{grid-template-columns:1fr 1fr}.legal-report-document-head{grid-template-columns:60px 1fr}.legal-report-document-head dl{grid-column:1/-1}.legal-report-facts{grid-template-columns:1fr 1fr}} @media(max-width:580px){.legal-report-switcher,.legal-report-facts{grid-template-columns:1fr}.legal-print-report{padding:13px}.legal-report-document-head{grid-template-columns:50px 1fr}.legal-report-document-head img{width:48px;height:48px}.legal-report-document-head h1{font-size:1.2rem}} @media print{ @page{size:A4 landscape;margin:11mm 9mm 13mm} body:has(.legal-print-report){background:#fff} body:has(.legal-print-report) .page-head,body:has(.legal-print-report) .legal-ops-breadcrumb,body:has(.legal-print-report) .legal-report-switcher,body:has(.legal-print-report) .legal-report-controls,body:has(.legal-print-report) .topbar,body:has(.legal-print-report) .back-floating,body:has(.legal-print-report) .ai-assistant-launcher{display:none!important} .legal-report-output{margin:0}.legal-print-report{border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible;font-size:8pt} .legal-report-document-head{grid-template-columns:52px 1fr 220px;gap:10px;padding-bottom:8px;margin-bottom:9px}.legal-report-document-head img{width:48px;height:48px}.legal-report-document-head h1{font-size:15pt}.legal-report-document-head p{font-size:8pt}.legal-report-document-head dl{grid-column:auto;font-size:7pt} .legal-report-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px}.legal-report-facts div{padding:5px 7px;border-radius:5px}.legal-report-section{margin-bottom:8px}.legal-report-section>header{padding:5px 8px;border-radius:4px 4px 0 0}.legal-report-section>header h2{font-size:9pt}.legal-report-section>header span{height:20px;min-width:20px}.legal-report-section table{font-size:6.7pt}.legal-report-section th,.legal-report-section td{padding:4px 5px}.legal-report-section thead{display:table-header-group}.legal-report-section tr{break-inside:avoid} .legal-report-document-footer{position:fixed;bottom:-8mm;left:0;right:0;background:#fff;margin:0;padding-top:4px}.hearing-roll-group{break-inside:auto!important} } /* V12.16.0 — campaign sectors, appointment workflow, and unobstructed controls */ .campaign-sector-select{display:grid;gap:12px;padding:14px 16px;border:1px solid #d8e4df;border-radius:15px;background:#f8fbfa} .campaign-sector-picker{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:800} .campaign-sector-picker select{width:100%;background:#fff} .campaign-selected-sectors{display:flex;align-items:center;gap:8px;min-height:46px;flex-wrap:wrap} .campaign-selected-sectors>.empty{width:100%;padding:10px;border:1px dashed #cad8d2;border-radius:11px;background:#fff;color:var(--muted)} .campaign-sector-chip{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 11px;border:1px solid #bcd9cf;border-radius:999px;background:#eaf7f2;color:#175947;font-weight:800} .campaign-sector-chip b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#8b3c3c;font-size:1rem;line-height:1} .campaign-composition-total{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:14px 16px;border:1px solid #a9d7c7;border-radius:15px;background:linear-gradient(135deg,#eaf8f2,#fff)}.campaign-composition-total span{color:#174f40;font-size:.76rem;font-weight:900}.campaign-composition-total strong{grid-row:1/3;grid-column:2;min-width:64px;color:#08705a;font-size:1.65rem;text-align:center}.campaign-composition-total small{color:var(--muted);font-size:.64rem} .campaign-selected-sectors{display:grid;align-items:stretch;gap:9px} .campaign-sector-quota{display:grid;gap:10px;padding:12px;border:1px solid #cfe0d9;border-radius:13px;background:#fff}.campaign-sector-quota header{display:flex;align-items:start;justify-content:space-between;gap:10px}.campaign-sector-quota header b,.campaign-sector-quota header small{display:block}.campaign-sector-quota header b{color:var(--navy);font-size:.76rem}.campaign-sector-quota header small{margin-top:3px;color:var(--muted);font-size:.62rem}.campaign-sector-quota header button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ead3d3;border-radius:50%;background:#fff4f4;color:#963b42;font-size:1rem}.campaign-sector-quota label{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;color:#315d50;font-size:.69rem;font-weight:800}.campaign-sector-quota input{width:100%;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}.campaign-sector-quota p{margin:0;color:#99621d;font-size:.61rem} @media(max-width:620px){.campaign-sector-quota label{grid-template-columns:1fr}.agent-appointment-summary{align-items:flex-start;flex-direction:column;gap:4px}.agent-appointment-summary>small{margin-inline-start:0}} .appointment-time-entry{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 14px;border:1px solid #dce7e2;border-radius:14px;background:#f8fbfa} .appointment-time-entry>legend{padding:0 7px;color:#174f40;font-size:.76rem;font-weight:900} .appointment-time-entry label{display:grid;gap:5px;color:var(--muted);font-size:.66rem;font-weight:800} .appointment-time-entry input,.appointment-time-entry select{text-align:center;font-variant-numeric:tabular-nums} .appointment-save-actions{justify-content:flex-end;border-top:1px solid #e0e8e5;padding-top:13px} .appointment-card-main{min-width:0} .appointment-status-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .appointment-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0} .appointment-card-details>div{min-width:0;padding:8px 10px;border-radius:10px;background:#f7faf9} .appointment-card-details dt{color:var(--muted);font-size:.61rem;font-weight:700} .appointment-card-details dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:.68rem;font-weight:800} .meeting-handoff-status.draft{background:#edf1f0;color:#55645f} .meeting-handoff-status.targeting_review_pending{background:#fff4d8;color:#805c00} .meeting-handoff-status.assigned{background:#e7f8ef;color:#166940} .topbar,.top-actions,.user-menu{overflow:visible} .topbar:has(.profile-menu-panel:not(.hidden)){z-index:500} .profile-menu-panel{z-index:600;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain} .profile-menu-panel>button{flex-shrink:0} .logout-menu-action{min-height:64px;flex-shrink:0} .logout-menu-action .profile-action-icon,.logout-menu-action .profile-action-icon svg{flex-shrink:0} @media(max-width:760px){ .appointment-card{grid-template-columns:58px minmax(0,1fr)} .appointment-card>time{width:54px;height:54px} .appointment-card>.appointment-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap} .appointment-card-details{grid-template-columns:1fr} .topbar,.top-actions{min-width:0} .user-menu{display:block;flex:0 0 auto} .user-menu .profile-button{display:flex;min-height:42px;padding:3px} .user-menu .profile-button>#avatar+div,.user-menu .profile-chevron{display:none} .profile-menu-panel{bottom:max(12px,env(safe-area-inset-bottom));max-height:calc(100dvh - 84px);padding-bottom:max(8px,env(safe-area-inset-bottom))} } @media(max-width:520px){.appointment-time-entry{grid-template-columns:1fr 1fr}.appointment-time-entry label:last-child{grid-column:1/-1}} .campaign-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.campaign-counter-grid>div{display:grid;gap:4px;padding:13px 15px;border:1px solid #bcd9cf;border-radius:14px;background:linear-gradient(135deg,#edf8f4,#fff)}.campaign-counter-grid span{color:#41675d;font-size:.68rem;font-weight:800}.campaign-counter-grid strong{color:#08705a;font-size:1.35rem;font-variant-numeric:tabular-nums}.campaign-counter-grid>small{grid-column:1/-1;color:var(--muted);font-size:.63rem}.distribution-counts label span{display:flex;justify-content:space-between;gap:8px}.distribution-counts label strong{color:var(--green)} .agent-today-campaigns{display:grid;gap:12px;margin-bottom:14px;padding:16px;border:1px solid #cfe0d9;border-radius:17px;background:linear-gradient(135deg,#f4faf7,#fff)}.agent-today-campaigns>header{display:flex;align-items:center;justify-content:space-between}.agent-today-campaigns>header span,.agent-today-campaigns>header h2{display:block;margin:0}.agent-today-campaigns>header span{color:var(--green);font-size:.7rem;font-weight:900}.agent-today-campaigns>header h2{margin-top:3px;font-size:.94rem}.agent-today-campaigns>header>strong{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--green);color:#fff}.agent-today-campaigns>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.agent-today-campaigns button{display:grid;gap:6px;padding:12px;border:1px solid #d4e2dd;border-radius:13px;background:#fff;text-align:start}.agent-today-campaigns button.active{border-color:#13836b;box-shadow:0 6px 18px #08705a1c}.agent-today-campaigns button>span{color:var(--navy);font-weight:900}.agent-today-campaigns button>small{color:var(--muted)}.agent-today-campaigns button>div{display:flex;gap:6px;flex-wrap:wrap}.agent-today-campaigns button b{padding:5px 7px;border-radius:8px;background:#edf6f3;color:#35685a;font-size:.61rem}.agent-today-campaigns p{grid-column:1/-1;margin:0;color:var(--muted)} .distribution-employees label em{grid-column:2;justify-self:start;padding:3px 7px;border-radius:7px;background:#e9f5f0;color:var(--green);font-size:.61rem;font-style:normal;font-weight:900} .distribution-employees label.suggested{background:#f2f9f5;border-radius:10px;padding:8px 10px} .distribution-review-list>label.continuity{border-color:var(--green)} .distribution-review-list .distribution-suggestion{font-size:.66rem} .distribution-review-list .distribution-suggestion.kept{color:var(--green);font-weight:800} .distribution-review-list .distribution-suggestion.moved{color:#9b7423;font-weight:700} @media(max-width:760px){.campaign-counter-grid,.agent-today-campaigns>div{grid-template-columns:1fr}} .extraction-status{display:block;margin-top:5px;font-size:.72rem;color:var(--muted)} .extraction-status.busy{color:var(--green);font-weight:700} .field-autofilled{background:#f0faf5;border-color:#8fc9ae} .password-field{position:relative;display:block} .password-field input{width:100%;padding-inline-end:46px} .password-toggle{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;padding:0} .password-toggle:hover{color:var(--green2);background:var(--mint)} .password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .password-toggle .password-toggle-slash{display:none} .password-toggle.revealed .password-toggle-slash{display:block} .temporal-text-input{font-variant-numeric:tabular-nums;letter-spacing:.02em} .identity-panel .identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0} .identity-panel .identity-grid>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:11px} .identity-panel .identity-grid span{color:var(--muted);font-size:.7rem} .identity-status{justify-self:start;padding:2px 7px;border-radius:7px;font-style:normal;font-size:.62rem;font-weight:900;background:#eef2f0;color:var(--muted)} .identity-status.configured{background:#e9f5f0;color:var(--green)} .identity-status.needs_review{background:#fdf4e3;color:#9b7423} .identity-status.inactive{background:#f4f4f5;color:#767680} .identity-signature pre{white-space:pre-wrap;font-family:inherit;background:#f7f9f8;border-radius:9px;padding:10px;margin:6px 0 0} .scope-switch{display:grid;gap:8px} .conversation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;margin-bottom:7px} .conversation-row.unread{border-color:var(--green);background:#f7fbf9} .conversation-row.oversight{border-style:dashed} .conversation-row b,.conversation-row small{display:block} .conversation-row small{color:var(--muted);margin-top:2px} .conversation-thread{display:grid;gap:9px;max-height:52vh;overflow:auto;margin-bottom:12px} .message-bubble{border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:#fff} .message-bubble.own{background:#f2f9f5;border-color:var(--green)} .message-bubble header{display:flex;justify-content:space-between;gap:10px;font-size:.72rem} .message-bubble header>span{display:flex;align-items:center;gap:6px}.message-delete-button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:7px;background:transparent;opacity:.35;cursor:pointer}.message-bubble:hover .message-delete-button,.message-delete-button:focus-visible{background:#fff0f0;opacity:1}.message-bubble.deleted{border-style:dashed;background:#f5f6f6;color:var(--muted)}.message-bubble.deleted p em{font-style:normal}.message-delete-dialog{display:grid;gap:14px}.message-delete-dialog>p{max-height:130px;overflow:auto;padding:12px;border-radius:10px;background:#f5f7f6}.message-delete-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.message-delete-dialog>small{color:var(--muted);line-height:1.7}.danger-outline{border-color:#e3b8b8!important;color:#9b2929!important;background:#fffafa!important} .message-bubble time{color:var(--muted)} .message-bubble p{margin:5px 0} .message-meta{color:var(--muted);font-size:.64rem} .message-attachments{display:grid;gap:4px;margin:5px 0;font-size:.72rem} .message-attachments .quarantined{color:#9b7423}.message-attachments .quarantined.rejected{color:#a43d3d} /* Hasad Work Inbox — operational messaging, deliberately separate from the system-notification centre and its bell counter. */ .work-inbox-shell{display:grid;grid-template-columns:190px minmax(230px,320px) minmax(390px,1fr) 260px;min-height:690px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px rgba(15,45,37,.07);overflow:hidden} .work-inbox-nav,.work-inbox-list,.work-inbox-thread,.work-inbox-context{min-width:0;border-inline-end:1px solid var(--line)} .work-inbox-nav{padding:18px 12px;background:#f7faf8}.work-inbox-nav>b{display:block;padding:0 10px 12px;font-size:.76rem;color:var(--muted)} .work-inbox-nav>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:10px;padding:10px;background:transparent;color:#40534c;text-align:start;font-size:.76rem;font-weight:750} .work-inbox-nav>button:hover,.work-inbox-nav>button.active{background:#e6f3ee;color:var(--green)}.work-inbox-nav>button strong{display:grid;place-items:center;min-width:23px;height:20px;padding:0 5px;border-radius:10px;background:#fff;font-size:.62rem}.work-inbox-nav hr{border:0;border-top:1px solid var(--line);margin:11px 4px} .notification-separation-note{display:grid;grid-template-columns:24px 1fr;gap:2px 7px;margin-top:24px;padding:11px;border:1px solid #d9e5e1;border-radius:12px;background:#fff}.notification-separation-note>span{grid-row:1/3}.notification-separation-note b{font-size:.65rem}.notification-separation-note small{font-size:.58rem;line-height:1.5;color:var(--muted)} .work-inbox-list{background:#fbfcfb;overflow:auto}.work-inbox-search{display:flex;align-items:center;gap:7px;margin:12px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted)}.work-inbox-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:.74rem} .work-inbox-conversation{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 11px;border:0;border-bottom:1px solid #e9eeeb;background:transparent;text-align:start;color:var(--ink)}.work-inbox-conversation:hover,.work-inbox-conversation.selected{background:#edf7f3}.work-inbox-conversation.unread{box-shadow:inset -3px 0 var(--green)} .conversation-copy{min-width:0}.conversation-copy b,.conversation-copy small,.conversation-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy b{font-size:.84rem;font-weight:700}.work-inbox-conversation.unread .conversation-copy b{font-weight:900}.conversation-copy small{margin-top:4px;color:#586a63;font-size:.67rem}.conversation-copy em{margin-top:4px;color:#8a9691;font-size:.57rem;font-style:normal}.conversation-side{display:grid;justify-items:end;align-content:start;gap:5px}.conversation-side time{font-size:.55rem;color:var(--muted)}.conversation-side strong{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--green);color:#fff;font-size:.58rem}.conversation-side i{font-size:.55rem;color:#9a6e20;font-style:normal} .work-inbox-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:690px;background:linear-gradient(180deg,#fff,#fafcfb)}.work-inbox-thread>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.work-inbox-thread>header h2{margin:3px 0;font-size:1rem}.work-inbox-thread>header em{font-style:normal;color:var(--green);font-size:.61rem;font-weight:900}.work-inbox-thread>header small{color:var(--muted);font-size:.64rem}.work-inbox-thread>.conversation-thread{max-height:none;margin:0;padding:18px;align-content:start;background:radial-gradient(circle at 20% 10%,#eef7f3 0,transparent 28%)} .work-inbox-thread .message-bubble{max-width:80%;justify-self:start;padding:10px 12px;border-radius:14px 14px 14px 4px;box-shadow:0 3px 12px rgba(15,45,37,.04)}.work-inbox-thread .message-bubble.own{justify-self:end;border-radius:14px 14px 4px 14px}.work-inbox-thread .message-bubble p{line-height:1.7;font-size:.78rem} .work-inbox-composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 15px;border-top:1px solid var(--line);background:#fff}.work-inbox-composer textarea{min-width:0;resize:none;border:1px solid var(--line);border-radius:12px;padding:10px;outline:0}.work-inbox-composer textarea:disabled{background:#f5f7f6;color:var(--muted)}.work-inbox-composer>small{grid-column:1/-1;color:var(--muted);font-size:.58rem}.attachment-picker{display:grid;place-items:center;width:42px;border:1px solid var(--line);border-radius:11px;background:#f6f9f7;cursor:pointer;font-size:1rem}.attachment-picker:disabled{cursor:not-allowed;opacity:.55}.conversation-attachment-input{display:none} .message-attachment-queue{grid-column:1/-1;display:grid;gap:6px}.message-attachment-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d7e3de;border-radius:10px;background:#f8fbfa}.message-attachment-row.failed{border-color:#e9b9b9;background:#fff7f7}.message-attachment-row.uploading{border-color:#d8c58e;background:#fffaf0}.message-attachment-row.uploaded{border-color:#acd5c4;background:#f3fbf7}.message-attachment-row b,.message-attachment-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachment-row b{font-size:.67rem}.message-attachment-row small{margin-top:3px;color:var(--muted);font-size:.57rem}.message-attachment-row.failed small{color:#a73d3d}.message-attachment-icon{font-size:1rem}.composer-pending-note{padding:7px 9px;border-radius:8px;background:#fff3d6;color:#886516!important;font-weight:700} .message-file{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:6px;padding:8px;border:1px solid #cfe0d9;border-radius:9px;background:#fff;text-decoration:none;color:var(--green)}.message-file b{font-size:.67rem;overflow:hidden;text-overflow:ellipsis}.message-file small{font-size:.56rem;color:var(--muted)}.message-image{display:grid;gap:4px;color:var(--green);font-size:.63rem;text-decoration:none}.message-image img{display:block;max-width:240px;max-height:180px;border-radius:10px;object-fit:cover;border:1px solid var(--line)} .work-inbox-context{border-inline-end:0;padding:14px;background:#f9fbfa;overflow:auto}.work-inbox-context>section{padding:13px 0;border-bottom:1px solid var(--line)}.work-inbox-context>section:first-child{padding-top:0}.work-inbox-context section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.75rem}.linked-record-card{padding:12px;border:1px solid #cfe1da;border-radius:13px;background:#fff}.linked-record-card em{font-style:normal;font-size:.6rem;color:var(--green);font-weight:900}.linked-record-card h3{margin:6px 0;font-size:.83rem}.communication-action{display:grid;grid-template-columns:1fr auto;gap:4px 7px;margin-bottom:7px;padding:9px;border-inline-start:3px solid #96b7ab;border-radius:9px;background:#fff}.communication-action.high{border-color:var(--gold)}.communication-action.urgent{border-color:var(--red)}.communication-action b{font-size:.67rem}.communication-action small{grid-column:1/-1;color:var(--muted);font-size:.57rem}.communication-action button{grid-column:2;grid-row:1}.compact{padding:5px 8px!important;font-size:.62rem!important}.privacy-card{display:grid;gap:5px;padding:12px!important;border:1px solid #dbe7e2!important;border-radius:12px;background:#fff}.privacy-card b{font-size:.68rem}.privacy-card small{color:var(--muted);font-size:.58rem;line-height:1.6}.work-inbox-people{max-height:220px;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:1300px){.work-inbox-shell{grid-template-columns:170px 280px minmax(380px,1fr)}.work-inbox-context{grid-column:1/-1;border-inline-end:0;border-top:1px solid var(--line)}} @media(max-width:920px){.work-inbox-shell{grid-template-columns:165px minmax(210px,280px) minmax(350px,1fr);overflow:auto}.work-inbox-nav{position:sticky;right:0;z-index:2}.work-inbox-thread .message-bubble{max-width:92%}} @media(max-width:760px){.work-inbox-shell{display:block;min-height:0}.work-inbox-nav{position:static;display:flex;gap:6px;overflow:auto;padding:8px}.work-inbox-nav>b,.work-inbox-nav hr,.notification-separation-note{display:none}.work-inbox-nav>button{flex:0 0 auto;width:auto;padding:8px}.work-inbox-list{max-height:290px;border-bottom:1px solid var(--line)}.work-inbox-thread{min-height:620px}.work-inbox-thread>header{align-items:flex-start}.work-inbox-thread>header .actions{display:flex;flex-wrap:wrap}.work-inbox-people{grid-template-columns:1fr}} @media(max-width:760px){.campaign-list-row{grid-template-columns:1fr}.campaign-list-main{grid-template-columns:auto minmax(0,1fr)}.campaign-list-main>.badge{grid-column:2;width:max-content}.campaign-list-counts{justify-content:stretch}.campaign-list-counts>*{flex:1}.campaign-list-details .campaign-lead-preview{grid-template-columns:1fr}.campaign-month-summary{grid-template-columns:1fr}.campaign-current-section,.campaign-calendar{padding:12px}.work-inbox-thread>header .actions{display:flex;flex-wrap:wrap}.work-inbox-thread>header .actions button{padding:7px;font-size:.62rem}} @media(max-width:760px){.campaign-sufficiency{align-items:flex-start;flex-direction:column}.campaign-capacity-numbers{width:100%}.campaign-capacity-numbers span{flex:1}.campaign-operational-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Keep fields beside the searchable case-client picker at their natural height. */ .legal-simple-form-grid{align-items:start} /* اختصار المراسلات الداخلية في الشريط العلوي — على يسار مربع البحث في الاتجاه العربي. */ .messages-button{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:1.2rem;line-height:1;transition:.18s} .messages-button:hover{border-color:var(--green);background:var(--mint);transform:translateY(-1px)} .messages-button:focus-visible{outline:2px solid var(--green2);outline-offset:2px} .messages-unread{position:absolute;top:-7px;inset-inline-end:-7px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:10px;background:var(--red);color:#fff;font-size:.62rem;font-weight:800;font-variant-numeric:tabular-nums} @media(max-width:760px){.messages-button{width:38px;height:38px;font-size:1.05rem}} /* عدّادات جولات موظف الاتصال وشارات رقم الحملة بالنسبة للشركة. */ .agent-counter{display:grid;gap:2px} .agent-counter span{font-size:.68rem;color:var(--muted)} .agent-counter strong{font-size:1.05rem;font-variant-numeric:tabular-nums} .agent-counter.round strong{color:var(--green)} .agent-counter.remaining strong{color:var(--green2)} .agent-counter.exhausted strong{color:var(--gold)} .agent-counter.decided strong{color:var(--muted)} .membership-badge{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:100px;border:1px solid var(--line);background:#f7f9f8;color:#44534c;font-size:.68rem;font-weight:750} .membership-badge.new{border-color:#bcdccf;background:var(--mint);color:var(--green)} .membership-badge.carried{border-color:#e2d1a8;background:#fdf6e6;color:#7d5c17} .membership-badge.final{border-color:#e8bdbd;background:#fbeeee;color:var(--red)} .campaign-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin-top:10px} .campaign-breakdown div{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;gap:3px} .campaign-breakdown span{font-size:.67rem;color:var(--muted);line-height:1.4} .campaign-breakdown strong{font-size:1.1rem;font-variant-numeric:tabular-nums} .campaign-breakdown .final strong{color:var(--red)} .campaign-breakdown .excluded{background:#fbfbfa} .campaign-breakdown .excluded strong{color:var(--gold)} .campaign-sector-error{margin:4px 0 0;color:var(--red);font-size:.7rem;min-height:1em} .campaign-sector-note{margin:4px 0 0;color:var(--muted);font-size:.7rem} /* مركز التنبيهات: منفصل بصريًا وسلوكيًا عن المراسلات الداخلية. */ .notification-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:end} .notification-filters label{display:grid;gap:5px;font-size:.72rem;color:var(--muted)} .notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-inline-start:4px solid var(--line);border-radius:11px;margin-bottom:8px;background:#fff} .notification-row.unread{background:#f7fbf9} .notification-row.warning{border-inline-start-color:var(--gold)} .notification-row.critical{border-inline-start-color:var(--red)} .notification-row.success{border-inline-start-color:var(--green2)} .notification-row b,.notification-row small{display:block} .notification-row small{color:var(--muted);margin-top:3px;line-height:1.6} .notification-meta{font-size:.68rem} .notification-flag{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:100px;background:#fff3da;color:#8b641d;font-size:.65rem;font-weight:800} .notification-row .actions{flex-wrap:wrap;justify-content:flex-end} .notification-row .actions button{padding:7px 11px;font-size:.72rem} /* * صف المرجع القضائي في تسجيل القضية: اسم الدائرة الجديدة ورقم القضية الرسمي وسنة القضية * في صف واحد. auto-fit يجعله ثلاثة أعمدة عند إضافة دائرة جديدة، وعمودين حين يكون حقل * اسم الدائرة مخفيًا لأن المستخدم اختار دائرة مسجّلة، وعمودًا واحدًا على الشاشات الضيقة. */ .legal-case-reference-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:end} .legal-new-circuit-field input,.legal-new-degree-field input{border-color:#bcdccf;background:#f7fbf9} @media(max-width:760px){.legal-case-reference-row{grid-template-columns:1fr}} /* منتقي عميل واحد قابل للبحث؛ صفّتا العميل تبقيان معًا في العمود المقابل. */ .legal-client-picker input{width:100%} #case-client-hint{display:block;color:var(--muted);font-size:.68rem;margin-top:4px} .legal-client-capacities{display:grid;gap:14px;align-content:start} /* الإجراءات والجلسات: نوع السجل ثم التاريخ والقرار والإجراء وزر إضافة صف تالٍ. */ .legal-case-activity-head,.legal-case-activity-row{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(145px,.6fr) minmax(210px,1fr) minmax(210px,1fr) 44px;gap:12px;align-items:end} .legal-case-activity-head{margin-bottom:8px;padding:0 3px;color:var(--muted);font-size:.7rem;font-weight:800} [data-case-activity-rows]{display:grid;gap:12px} .legal-case-activity-row label>span{display:none} .legal-case-activity-row .legal-activity-status{display:block;margin-top:4px} .legal-form-help{margin:-6px 0 14px;color:var(--muted);font-size:.76rem;line-height:1.7} .legal-add-activity{margin-top:12px} .legal-add-activity-inline{display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:1.25rem} @media(max-width:900px){.legal-case-activity-head{display:none}.legal-case-activity-row{grid-template-columns:1fr 1fr}.legal-case-activity-row label>span{display:block}.legal-add-activity-inline{align-self:end}} @media(max-width:600px){.legal-case-activity-row{grid-template-columns:1fr}.legal-add-activity-inline{width:100%}} /* حقول المرجع تتبدل حسب الجهة؛ قالب المحكمة يبقى أربعة حقول متجاورة. */ .legal-authority-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;padding-top:4px} .legal-authority-reference-grid label{min-width:0} .legal-authority-reference-grid input,.legal-authority-reference-grid select{width:100%;min-width:0} .legal-execution-note{display:block;margin-top:5px;color:#7b5a16;font-size:.66rem;line-height:1.55;font-weight:650} .legal-litigation-chain{display:grid;gap:12px} [data-litigation-chain-rows]{display:grid;gap:12px} .legal-litigation-chain-row{padding:14px;border:1px solid #d9e7e1;border-radius:13px;background:#fff} .legal-litigation-chain-row>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .legal-litigation-chain-row>header b{color:#74591f} .legal-litigation-chain-row .legal-authority-reference-grid{padding-top:0} .legal-litigation-chain-actions{display:flex;flex-wrap:wrap;gap:9px} .legal-case-readonly input:disabled,.legal-case-readonly select:disabled,.legal-case-readonly textarea:disabled,[data-existing-activity] input:disabled,[data-existing-activity] select:disabled{opacity:1;color:var(--text);background:#fff;border-color:#d9e7e1;cursor:default} .legal-case-readonly textarea:disabled{resize:none} .legal-case-readonly [data-add-opponent],.legal-case-readonly [data-add-previous-degree],.legal-case-readonly [data-add-next-degree],.legal-case-readonly [data-save-new-authority],.legal-case-readonly [data-save-litigation-degree],.legal-case-readonly [data-save-reference-phase],.legal-case-readonly [data-save-client-capacity],.legal-case-readonly [data-add-case-activity-row]{display:none} .legal-form-sticky-actions>.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px} @media(max-width:1000px){.legal-authority-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.legal-authority-reference-grid{grid-template-columns:1fr}} .legal-delete-blockers{border:1px solid #e4b7b7;background:#fdf3f3;border-radius:12px;padding:14px 16px;color:#7d2b2b} .legal-delete-blockers>b{display:block;margin-bottom:8px} .legal-delete-blockers ul{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 14px} .legal-delete-blockers li{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid #f0dede;border-radius:8px;padding:6px 10px} .legal-delete-blockers p{margin:0;color:#5f3030;line-height:1.8} .legal-delete-blockers:focus{outline:2px solid #ad3f3f;outline-offset:2px} .legal-delete-override{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #d9a3a3;border-radius:9px;background:#fff;color:#7d2b2b;line-height:1.8;cursor:pointer} .legal-delete-override input{margin-top:5px;flex:none;width:17px;height:17px;accent-color:#ad3f3f} /* صفحة بيانات القضية الفعلية: النموذج الموحد هو محتوى المسار، لا نافذة فوق صفحة قديمة. */ .legal-case-form-page{display:grid;gap:18px;min-width:0;padding-bottom:34px} .legal-case-judgments-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.legal-case-judgments-head h3{margin:0}.legal-case-judgments .table-wrap{min-width:0} .legal-case-form-page>.legal-simple-entry{width:100%;min-width:0} .legal-case-readonly [data-additional-client-capacity], .legal-case-readonly .legal-litigation-chain-actions, .legal-case-readonly [data-add-case-activity]{display:none} /* التصدير المباشر من صفحة بيانات القضية دون الانتقال إلى مركز التقارير. */ .legal-case-direct-print{display:none} .legal-case-a4-report{page:legal-case-a4;max-width:210mm;margin:0 auto;direction:rtl} .legal-case-a4-report .legal-report-document-head{grid-template-columns:68px 1fr minmax(185px,auto)} .legal-case-a4-report .legal-report-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .legal-case-a4-report .legal-report-section{break-inside:auto} .legal-case-a4-report .legal-report-section>header{background:linear-gradient(135deg,#075f50,#0b7b67)} .legal-case-a4-report .legal-report-section .table-wrap{overflow:visible} .legal-case-a4-report .legal-report-section table{width:100%;table-layout:fixed} .legal-case-a4-report .legal-report-section th,.legal-case-a4-report .legal-report-section td{white-space:normal;overflow-wrap:anywhere} .legal-case-report-subject{display:grid;grid-template-columns:minmax(0,1fr) 185px;border:1px solid #dce7e3;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;background:#fbfdfc} .legal-case-report-subject p{margin:0;padding:16px 18px;line-height:1.9;white-space:pre-wrap} .legal-case-report-subject div{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border-right:1px solid #dce7e3;background:#f2f8f6} .legal-case-report-subject span{color:#6b7d77;font-size:.76rem}.legal-case-report-subject strong{margin-top:5px;color:#075f50;font-size:1.05rem} @media print{ @page legal-case-a4{size:A4 portrait;margin:12mm 11mm 16mm} body:has(.legal-case-direct-print) #view>:not(.legal-case-direct-print){display:none!important} body:has(.legal-case-direct-print) .legal-case-direct-print{display:block!important} body:has(.legal-case-direct-print) .workspace,body:has(.legal-case-direct-print) .view{margin:0!important;padding:0!important;max-width:none!important} .legal-case-a4-report{width:auto;max-width:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible;font-size:8.2pt} .legal-case-a4-report .legal-report-document-head{grid-template-columns:46px 1fr 155px;gap:8px;padding-bottom:7px;margin-bottom:8px} .legal-case-a4-report .legal-report-document-head img{width:42px;height:42px}.legal-case-a4-report .legal-report-document-head h1{font-size:14pt}.legal-case-a4-report .legal-report-document-head p{font-size:7.4pt}.legal-case-a4-report .legal-report-document-head dl{font-size:6.8pt}.legal-case-a4-report .legal-report-document-head dl div{grid-template-columns:58px 1fr;gap:4px} .legal-case-a4-report .legal-report-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:6px}.legal-case-a4-report .legal-report-facts div{padding:5px 7px;border-radius:4px} .legal-case-a4-report .legal-report-section{margin-bottom:7px}.legal-case-a4-report .legal-report-section>header{padding:5px 8px;border-radius:4px 4px 0 0}.legal-case-a4-report .legal-report-section>header h2{font-size:9pt}.legal-case-a4-report .legal-report-section>header span{height:20px;min-width:20px} .legal-case-a4-report .legal-report-section table{font-size:7.2pt}.legal-case-a4-report .legal-report-section th,.legal-case-a4-report .legal-report-section td{padding:4px 5px;line-height:1.45}.legal-case-a4-report .legal-report-section thead{display:table-header-group}.legal-case-a4-report .legal-report-section tr{break-inside:avoid;page-break-inside:avoid} .legal-case-a4-report .legal-case-report-subject{grid-template-columns:minmax(0,1fr) 145px;border-radius:0 0 4px 4px}.legal-case-a4-report .legal-case-report-subject p{padding:8px 10px;line-height:1.65}.legal-case-a4-report .legal-case-report-subject div{padding:7px 9px} .legal-case-a4-report .legal-report-document-footer{position:fixed;bottom:-10mm;left:0;right:0;background:#fff;margin:0;padding-top:4px} } .collection-claim-registration-page{--collection-claim-bar-height:84px;max-width:1220px;margin:0 auto 48px;min-width:0;padding-block-end:calc(var(--collection-claim-bar-height) + 14px);scroll-padding-block-end:calc(var(--collection-claim-bar-height) + 28px)} :root:has(.collection-claim-registration-page){scroll-padding-block-end:112px} .collection-claim-registration-form :is(input,select,textarea,.notice){scroll-margin-block-end:112px} .required-mark{margin-inline-start:3px;color:var(--red);font-weight:900;line-height:1} .required-legend{margin:-8px 0 16px;color:var(--muted);font-size:.82rem;line-height:1.6} .collection-claim-registration-form{display:grid;gap:20px} .collection-claim-form-section{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 82%,#0f766e 18%);border-radius:20px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 95%,#0f766e 5%));box-shadow:0 12px 32px rgba(15,23,42,.06);padding:24px} .collection-claim-form-section>header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)} .collection-claim-form-section>header>span,.collection-card-number{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0f766e,#0b5d56);color:#fff;font-weight:800;letter-spacing:.06em;box-shadow:0 7px 16px rgba(15,118,110,.2)} .collection-claim-form-section>header h3,.collection-opponent-card h4{margin:0;color:var(--text)} .collection-claim-form-section>header p,.collection-opponent-card header p{margin:4px 0 0;color:var(--muted);line-height:1.65} .collection-claim-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .collection-claim-form-grid label,.collection-new-action-row label{display:grid;align-content:start;gap:7px;color:var(--text);font-weight:700} .collection-claim-form-grid label.wide,.collection-data-divider.wide{grid-column:1/-1} .collection-claim-form-grid input,.collection-claim-form-grid select,.collection-claim-form-grid textarea,.collection-new-action-row input,.collection-new-action-row select,.collection-new-action-row textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:11px 12px;font:inherit;transition:border-color .18s,box-shadow .18s} .collection-claim-form-grid input:focus,.collection-claim-form-grid select:focus,.collection-claim-form-grid textarea:focus,.collection-new-action-row input:focus,.collection-new-action-row select:focus,.collection-new-action-row textarea:focus{outline:0;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.13)} .collection-claim-form-grid textarea{min-height:92px;resize:vertical} .collection-data-divider{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding:11px 14px;border-radius:11px;background:color-mix(in srgb,#0f766e 8%,var(--surface));border-inline-start:4px solid #0f766e} .collection-data-divider strong{color:#0f5f58} .collection-data-divider small{color:var(--muted);font-weight:500} .collection-opponents-list{display:grid;gap:18px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)} .collection-opponent-card{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:20px} .collection-opponent-card>[data-remove-opponent]{display:block;margin:0 0 16px auto} .collection-add-row{margin-top:16px;border-style:dashed!important} .collection-new-actions-list{display:grid;gap:12px} .collection-new-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)} .collection-new-action-row label span{font-size:.88rem} .collection-new-action-row input,.collection-new-action-row select{height:46px} .collection-new-action-row select[data-action-field="actionType"]{border-color:#b8cbc4;background:#fff;color:#20372f;font-size:.82rem;font-weight:650;line-height:1.5;padding-block:8px;text-overflow:ellipsis;white-space:nowrap} .collection-new-action-row select[data-action-field="actionType"] option{background:#fff;color:#17231f;font-size:.82rem;font-weight:500;line-height:1.5} .collection-new-action-row>button{margin-bottom:8px} .collection-claim-sticky-actions{position:sticky;bottom:14px;z-index:8;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:15px 18px;border:1px solid rgba(15,118,110,.25);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 16px 36px rgba(15,23,42,.16);backdrop-filter:blur(14px)} .collection-claim-sticky-actions p{margin:0;color:var(--muted);line-height:1.65} .collection-claim-sticky-actions p b{color:#0f766e} .collection-claim-sticky-actions button{min-width:190px} @media(max-width:720px){.collection-claim-form-section{padding:18px}.collection-claim-form-grid,.collection-new-action-row{grid-template-columns:1fr}.collection-claim-form-grid label.wide,.collection-data-divider.wide{grid-column:auto}.collection-data-divider{align-items:flex-start;flex-direction:column}.collection-opponent-card{padding:16px}.collection-opponent-card>header,.collection-claim-sticky-actions{align-items:stretch;flex-direction:column}.collection-claim-sticky-actions{bottom:8px}.collection-claim-sticky-actions button{width:100%}} /* Campaign report — shared employee outcomes and drill-down details */ .campaign-report-overview{grid-template-columns:repeat(4,minmax(0,1fr))} .campaign-report-dialog #modal-body>h3{margin:24px 0 12px} .campaign-outcome-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .campaign-outcome-groups>article{border:1px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden} .campaign-outcome-groups>article>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:#f2f7f5;border-bottom:1px solid var(--line)} .campaign-outcome-groups h4{margin:0 0 4px;color:#064e3b} .campaign-outcome-groups header small{display:block;color:var(--muted)} .campaign-outcome-groups header>b{font-size:1.25rem;color:var(--green)} .campaign-outcome-groups>article>div{display:grid} .campaign-outcome-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,auto);align-items:center;gap:12px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:start} .campaign-outcome-card:last-child{border-bottom:0} .campaign-outcome-card:hover,.campaign-outcome-card:focus-visible,.campaign-outcome-card[aria-pressed="true"]{background:var(--mint)} .campaign-outcome-card[aria-pressed="true"]{box-shadow:inset -4px 0 0 var(--green)} .campaign-outcome-card>span{font-weight:750} .campaign-outcome-card>strong{font-size:1.15rem;color:var(--green)} .campaign-outcome-card>small{color:var(--muted);text-align:end} .campaign-outcome-card.actionable>span:after{content:" ↗";color:var(--green)} .campaign-legacy-outcomes{margin:12px 0 0} .campaign-rate-metrics{grid-template-columns:repeat(3,minmax(0,1fr))} .campaign-outcome-detail-table td:nth-child(7){min-width:240px;white-space:normal} @media(max-width:900px){.campaign-report-overview,.campaign-rate-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-outcome-groups{grid-template-columns:1fr}} @media(max-width:560px){.campaign-report-overview,.campaign-rate-metrics{grid-template-columns:1fr}.campaign-outcome-card{grid-template-columns:minmax(0,1fr) auto}.campaign-outcome-card>small{grid-column:1/-1;text-align:start}} /* V12.20.1 — فهرس المطالبات وصفحة بيانات المطالبة */ .collection-claims-index{padding:0;overflow:hidden} .collection-claims-index>.panel-head{margin:0;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--green) 7%,var(--surface)),var(--surface))} .collection-claims-table-wrap{margin:0;border:0;border-radius:0} .collection-claims-table{min-width:1460px} .collection-claims-table th{padding-block:14px;background:#f2f7f5;color:#315b50;font-size:.8rem;white-space:nowrap} .collection-claims-table td{max-width:230px;padding-block:15px;vertical-align:top;line-height:1.65} .collection-claims-table tbody tr{transition:background-color .18s,transform .18s} .collection-claims-table tbody tr:hover td{background:#f3faf7} .collection-claims-table small{display:block;margin-top:5px;color:var(--muted)} .collection-claim-opponents,.collection-claim-subject,.collection-claim-contact{min-width:175px;white-space:normal} .collection-claim-subject{max-width:250px} .collection-claim-detail-button{display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:9px 12px!important;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line))!important;border-radius:10px;background:#edf8f3!important;color:var(--green)!important;font-weight:800;white-space:nowrap} .collection-claim-detail-button:hover{background:var(--green)!important;color:#fff!important} .collection-claim-detail-hero{margin-top:14px} .collection-claim-detail-hero>div:first-child{max-width:48%} .collection-claim-detail-hero p{max-width:650px;line-height:1.8} .collection-claim-detail-hero .legal-case-hero-facts{grid-template-columns:repeat(2,minmax(170px,1fr))} .collection-claim-detail-workspace{display:grid;gap:16px} .collection-claim-detail-overview{display:grid;gap:16px} .collection-claim-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))} .collection-claim-summary>div{min-height:104px} .collection-claim-summary small{display:block;margin-top:5px;color:var(--muted);font-weight:500} .collection-claim-subject-panel p{margin:14px 0 8px;color:var(--navy);font-size:1.02rem;font-weight:700;line-height:1.9} .collection-claim-subject-panel>small{display:block;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);line-height:1.8} @media(max-width:900px){.collection-claim-detail-hero>div:first-child{max-width:none}.collection-claim-detail-hero .legal-case-hero-facts{grid-template-columns:1fr}} @media(max-width:640px){.collection-claims-index>.panel-head{padding:15px}.collection-claim-detail-button{width:100%}.collection-claim-summary{grid-template-columns:1fr}} /* Campaign controls: current operations, lifecycle decisions, then reporting. */ .campaign-action-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start} .campaign-action-cluster{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc} .campaign-action-cluster>h5{margin:0;color:#5d716a;font-size:.62rem;font-weight:900} .campaign-action-cluster>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:stretch;gap:8px} .campaign-action-cluster button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;white-space:normal;text-align:center;line-height:1.35} .campaign-action-cluster.lifecycle{border-color:#bad9ce;background:linear-gradient(180deg,#f6fbf9,#eef8f4)} .campaign-action-cluster.lifecycle>h5{color:var(--green)} .campaign-action-cluster.administrative{background:#f8faf9} .campaign-follow-on-action{box-shadow:0 5px 14px rgba(5,99,74,.13)} .campaign-export-menu{position:relative;min-width:0} .campaign-export-menu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #b8d3c8;border-radius:10px;background:#eef7f3;color:var(--green);cursor:pointer;font-weight:800;list-style:none} .campaign-export-menu>summary::-webkit-details-marker{display:none} .campaign-export-menu>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff} .campaign-export-menu button{min-height:38px} dialog:has(.campaign-management-workspace){width:min(1280px,calc(100% - 24px));max-width:none} .campaign-management-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .campaign-management-filters{display:flex;gap:7px;overflow-x:auto;padding:3px 0} .campaign-management-filters button{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.68rem;font-weight:800} .campaign-management-filters button.active{border-color:var(--green);background:#e9f6f1;color:var(--green)} .campaign-management-workspace .campaign-edit-leads{grid-template-columns:repeat(3,minmax(0,1fr));max-height:55vh;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc} .campaign-management-workspace .campaign-edit-leads label{border:1px solid #e4ece8;border-radius:10px;background:#fff} .campaign-management-workspace .campaign-edit-leads label.technical-review{border-color:#e6c571;background:#fffaf0} .campaign-management-workspace .campaign-management-save{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,transparent,#fff 28%)} @media(max-width:900px){.campaign-management-workspace .campaign-edit-leads{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1100px){.campaign-action-groups{grid-template-columns:1fr 1fr}.campaign-action-cluster.administrative{grid-column:1/-1}} @media(max-width:640px){.campaign-action-groups{grid-template-columns:1fr}.campaign-action-cluster.administrative{grid-column:auto}.campaign-action-cluster>div,.campaign-management-workspace .campaign-edit-leads{grid-template-columns:1fr}.campaign-management-workspace{grid-template-columns:1fr}.campaign-export-menu>div{grid-template-columns:1fr}} /* V12.20.2 — unified document actions and professional A4 printing */ .hasad-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap} .hasad-document-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-inline:14px;border-radius:10px;font-weight:800;box-shadow:0 4px 13px rgba(5,79,64,.08)} .hasad-document-button.hasad-print-button{border-color:#9fb8ae;background:linear-gradient(180deg,#fff,#f3f8f6);color:#174e42} .hasad-document-button.hasad-word-button{border-color:#146f5e;background:linear-gradient(135deg,#0c7863,#075444);color:#fff} .hasad-word-icon{width:22px;height:22px;border-radius:5px;display:inline-grid;place-items:center;background:#fff;color:#0a6554;font-family:Arial,sans-serif;font-weight:900;font-size:13px;line-height:1;box-shadow:inset 0 0 0 1px rgba(9,91,75,.16)} .hasad-floating-document-actions{position:sticky;top:8px;z-index:16;margin:0 0 14px;padding:10px 12px;border:1px solid #c8d9d2;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 9px 28px rgba(4,64,53,.1);backdrop-filter:blur(12px)} .hasad-inline-document-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .collection-claims-search.hasad-inline-document-actions .collection-search-input{flex:1 1 360px} .collection-claims-search.hasad-inline-document-actions .collection-employee-filter{flex:0 1 260px} .legal-inline-filter.hasad-inline-document-actions{align-items:end} .legal-inline-filter.hasad-inline-document-actions label{flex:1 1 320px} .simple-client-search.hasad-inline-document-actions label{max-width:none} .legal-inline-filter.panel{align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;border:1px solid #dce3e9;border-radius:12px;background:#fff;box-shadow:none} .legal-inline-filter.panel input{min-height:44px;margin:0} .hasad-inline-document-actions .hasad-document-button{flex:0 0 auto} .hasad-print-stamp{display:none} /* Unified print lifecycle: every Hasad print surface releases screen-only viewport constraints. */ @media print{ body.hasad-print-active, body.hasad-print-active #app, body.hasad-print-active .workspace, body.hasad-print-active .view, body.hasad-print-active [data-hasad-print-release]{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; overflow-x:visible!important; overflow-y:visible!important } body.hasad-print-active .workspace, body.hasad-print-active .view{margin:0!important;max-width:none!important} body.hasad-print-active [data-hasad-print-static]{ position:static!important; inset:auto!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important } body.hasad-print-active table thead{display:table-header-group} body.hasad-print-active table tfoot{display:table-footer-group} body.hasad-print-active tr{break-inside:avoid;page-break-inside:avoid} } @page hasad-standard-a4{size:A4 portrait;margin:12mm 11mm 15mm} @media print{ body.hasad-standard-print #view{page:hasad-standard-a4} body.hasad-standard-print{background:#fff!important;color:#172822!important} body.hasad-standard-print .app-shell>aside, body.hasad-standard-print .sidebar, body.hasad-standard-print .topbar, body.hasad-standard-print .hasad-document-actions, body.hasad-standard-print .hasad-floating-document-actions, body.hasad-standard-print .pagination, body.hasad-standard-print .legal-ops-breadcrumb, body.hasad-standard-print button, body.hasad-standard-print .back-button, body.hasad-standard-print .ai-fab{display:none!important} body.hasad-standard-print main, body.hasad-standard-print #content, body.hasad-standard-print #view{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;box-shadow:none!important} body.hasad-standard-print .hasad-print-stamp{display:grid!important;grid-template-columns:27mm 1fr 55mm;gap:7mm;align-items:center;margin:0 0 8mm;padding:5mm 6mm;border:1px solid #a9c5ba;border-top:3mm solid #0b6f5d;border-radius:3mm;background:linear-gradient(115deg,#f4faf7,#fff 60%,#fbf3df);break-inside:avoid} body.hasad-standard-print .hasad-print-stamp img{width:24mm;height:24mm;object-fit:contain} body.hasad-standard-print .hasad-print-stamp>div>span{display:block;color:#a9781d;font-size:8pt;font-weight:900;letter-spacing:.7pt} body.hasad-standard-print .hasad-print-stamp h1{margin:1mm 0;color:#073f36;font-size:18pt;line-height:1.25} body.hasad-standard-print .hasad-print-stamp p{margin:0;color:#61736c;font-size:8.5pt} body.hasad-standard-print .hasad-print-stamp dl{margin:0;display:grid;gap:2.5mm} body.hasad-standard-print .hasad-print-stamp dl div{padding:2mm 2.5mm;border:1px solid #d7e3de;border-radius:2mm;background:#fff} body.hasad-standard-print .hasad-print-stamp dt{color:#60736c;font-size:7.5pt;font-weight:700} body.hasad-standard-print .hasad-print-stamp dd{margin:.7mm 0 0;color:#173e35;font-size:8.5pt;font-weight:900} body.hasad-standard-print .page-head, body.hasad-standard-print .legal-simple-title{margin:0 0 5mm;padding:0 0 3mm;border-bottom:1px solid #bfd2ca;background:none!important;box-shadow:none!important} body.hasad-standard-print .page-head h1, body.hasad-standard-print .legal-simple-title h1{color:#073f36!important;font-size:15pt!important} body.hasad-standard-print .panel, body.hasad-standard-print section, body.hasad-standard-print article{box-shadow:none!important;break-inside:auto} body.hasad-standard-print .panel{border-color:#c6d5cf!important;margin-bottom:4mm!important;padding:4mm!important} body.hasad-standard-print .table-wrap{overflow:visible!important;border:0!important} body.hasad-standard-print table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:7.4pt!important} body.hasad-standard-print th{background:#0b6f5d!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact} body.hasad-standard-print th,body.hasad-standard-print td{padding:1.7mm!important;border:1px solid #bfd0c9!important;vertical-align:top!important;overflow-wrap:anywhere!important} body.hasad-standard-print tr{break-inside:avoid} } @media(max-width:720px){ .hasad-document-actions{width:100%;justify-content:stretch} .hasad-document-actions .hasad-document-button{flex:1} } @media(max-width:1050px){ .simple-client-list-head,.simple-client-row{grid-template-columns:minmax(120px,155px) minmax(160px,1fr) minmax(220px,260px) 68px} .simple-client-shortcuts{padding:8px;gap:6px} .simple-client-shortcut{grid-template-columns:30px minmax(0,1fr) auto;padding:6px!important} .simple-client-shortcut>span{width:30px;height:30px} } @media(max-width:760px){ .simple-client-list-head{display:none} .simple-client-row{grid-template-columns:110px minmax(0,1fr) 64px} .simple-client-shortcuts{grid-column:1/-1;border-top:1px solid #e4ece9;padding:10px 12px} .simple-client-shortcut{min-height:50px!important} } @media(max-width:480px){ .simple-client-row{grid-template-columns:92px minmax(0,1fr) 52px} .simple-client-number,.simple-client-name{padding:12px!important} .simple-client-number strong{font-size:1.15rem} .simple-client-open{padding:7px;font-size:.72rem} .simple-client-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px} .simple-client-shortcut{grid-template-columns:28px minmax(0,1fr) auto;gap:5px} .simple-client-shortcut>span{width:28px;height:28px} .simple-client-shortcut>b{font-size:.68rem} .simple-client-shortcut>em{min-width:25px;height:25px;padding:0 5px} } /* المسؤول في تسجيل القضايا والمطالبات */ .record-responsible-field{display:grid;gap:8px} .record-responsible-toolbar{display:flex;align-items:center;gap:10px;min-width:min(340px,100%);padding:7px 10px;border:1px solid rgba(29,78,216,.18);border-radius:12px;background:linear-gradient(135deg,#f8fbff,#eef5ff);box-shadow:0 8px 20px rgba(15,23,42,.06)} .record-responsible-toolbar>span{font-size:.78rem;font-weight:800;color:#31548a;white-space:nowrap} .record-responsible-toolbar select{min-width:190px;max-width:280px;border:1px solid #c7d8f4;border-radius:9px;background:#fff;color:#102442;font-weight:750;padding:9px 11px} .record-responsible-toolbar select:disabled,.record-responsible-field select:disabled{opacity:1;color:#324963;background:#f1f5f9;cursor:not-allowed} @media(max-width:720px){.record-responsible-toolbar{width:100%;min-width:0}.record-responsible-toolbar select{flex:1;min-width:0;max-width:none}} @media print{.record-responsible-toolbar,[data-edit-collection-responsible]{display:none!important}} /* مساعد حصاد الذكي — Chief Executive Officer (CEO) AI Assistant */ .department-portal-card.assistant{--department:#8a5a1f;--department-deep:#5c3a11;border-color:#e7cf9a;background:linear-gradient(145deg,#1b2f3a,#123a33);color:#fff;box-shadow:0 15px 36px rgba(43,54,20,.18)} .department-portal-card.assistant .department-portal-icon{background:linear-gradient(145deg,#e0bd67,#a87926);color:#fff} .department-portal-card.assistant strong{color:#fff} .department-portal-card.assistant .department-portal-arrow{color:#f0d58d} .badge.succeeded{background:#e3f4ec;color:#137154} .badge.failed{background:#f9e8e7;color:#a54141} .hasad-assistant-shell{display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 140px);min-height:560px} .hasad-assistant-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:14px} .hasad-assistant-title{display:flex;align-items:center;gap:12px} .hasad-assistant-title-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#e0bd67,#a87926);color:#fff} .hasad-assistant-title-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .hasad-assistant-title h1{margin:0;font-size:1.3rem} .hasad-assistant-title small{color:var(--muted)} #hasad-assistant-status.connected{color:#137154;font-weight:700} .hasad-assistant-body{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:0} .hasad-assistant-sidebar{display:flex;flex-direction:column;gap:10px;min-height:0} .hasad-assistant-sidebar input[type=search]{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff} .hasad-assistant-conversations{overflow:auto;display:flex;flex-direction:column;gap:6px} .hasad-conversation-item{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px} .hasad-conversation-item.active{border-color:var(--green2);background:var(--mint)} .hasad-conversation-open{flex:1;text-align:right;background:transparent;border:0;padding:8px 9px;font-weight:700;font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hasad-conversation-actions{display:flex;gap:2px} .hasad-conversation-actions button{background:transparent;border:0;color:var(--muted);width:26px;height:26px;border-radius:7px} .hasad-conversation-actions button:hover{background:#edf2ef;color:var(--ink)} .hasad-assistant-main{display:grid;grid-template-rows:1fr auto;min-height:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden} .hasad-assistant-messages{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px} .hasad-message{display:flex} .hasad-message.user{justify-content:flex-start} .hasad-message.assistant{justify-content:flex-end} .hasad-message-bubble{max-width:72%;padding:11px 14px;border-radius:14px;line-height:1.7;font-size:.9rem;white-space:pre-wrap} .hasad-message.user .hasad-message-bubble{background:var(--mint);color:var(--ink);border-bottom-left-radius:4px} .hasad-message.assistant .hasad-message-bubble{background:#102f28;color:#fff;border-bottom-right-radius:4px} .hasad-message.pending .hasad-message-bubble{opacity:.7} .hasad-download-bubble a{color:#f0d58d;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:6px} .hasad-download-bubble a:hover{text-decoration:underline} .hasad-assistant-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fbfcfb} .hasad-assistant-input textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:10px;padding:11px;min-height:44px;max-height:140px;background:#fff} .hasad-control-center{min-width:min(720px,80vw)} .hasad-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px} .hasad-provider-card.active{border-color:var(--green2)} .hasad-test-result{grid-column:1/-1;font-size:.82rem;font-weight:700} .hasad-test-result.ok{color:#137154} .hasad-test-result.fail{color:#a54141} .hasad-capabilities-list{display:grid;gap:10px} .hasad-capability-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;font-weight:700} @media(max-width:900px){.hasad-assistant-body{grid-template-columns:1fr}.hasad-assistant-sidebar{max-height:220px}} /* ملخصات القيم المالية داخل قائمة جميع العملاء */ .simple-client-list-head,.simple-client-row{grid-template-columns:minmax(140px,190px) minmax(190px,1fr) minmax(360px,440px) 80px} .simple-client-row{min-height:112px} .simple-client-row button{min-height:112px} .simple-client-shortcut{grid-template-columns:34px minmax(0,1fr)!important;align-content:center;min-height:78px!important} .simple-client-shortcut>span{grid-column:1;grid-row:1} .simple-client-shortcut>b{grid-column:2;grid-row:1} .simple-client-shortcut-metrics{grid-column:1/-1;display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(11,103,86,.12)} .simple-client-shortcut-metrics>span{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:4px 6px;border-radius:8px;background:rgba(255,255,255,.72)} .simple-client-shortcut-metrics small{color:#71827d;font-size:.58rem;font-weight:850;white-space:nowrap} .simple-client-shortcut-metrics em{display:grid;place-items:center;min-width:24px;height:22px;padding:0 5px;border-radius:7px;background:var(--green);color:#fff;font-size:.68rem;font-style:normal;font-weight:950} .simple-client-shortcut-metrics strong{min-width:0;color:#0b5f4c;font-size:clamp(.58rem,.72vw,.69rem);font-weight:950;white-space:nowrap;direction:ltr;unicode-bidi:embed} .simple-client-cases-shortcut .simple-client-shortcut-metrics{border-top-color:rgba(128,97,29,.16)} .simple-client-cases-shortcut .simple-client-shortcut-metrics em{background:#80611d} .simple-client-cases-shortcut .simple-client-shortcut-metrics strong{color:#745719} .simple-client-combined-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:31px;padding:6px 10px;border:1px solid #cbded7;border-radius:10px;background:linear-gradient(90deg,#eef8f4,#fffaf0);color:#49625a} .simple-client-combined-total span{font-size:.64rem;font-weight:900} .simple-client-combined-total strong{color:#0b6756;font-size:.77rem;font-weight:950;white-space:nowrap;direction:ltr;unicode-bidi:embed} @media(max-width:1050px){ .simple-client-list-head,.simple-client-row{grid-template-columns:minmax(110px,145px) minmax(150px,1fr) minmax(300px,340px) 64px} .simple-client-shortcut-metrics{grid-template-columns:62px minmax(0,1fr)} } @media(max-width:760px){ .simple-client-row{grid-template-columns:110px minmax(0,1fr) 64px} .simple-client-row button{min-height:82px} .simple-client-shortcuts{grid-column:1/-1} } @media(max-width:480px){ .simple-client-row{grid-template-columns:92px minmax(0,1fr) 52px} .simple-client-shortcuts{grid-template-columns:1fr} .simple-client-shortcut-metrics{grid-template-columns:72px minmax(0,1fr)} .simple-client-combined-total span{font-size:.61rem} } /* Unified case / collection-claim lifecycle */ .file-lifecycle-tabs{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px;margin:0 0 16px;border:1px solid #d9e6e0;border-radius:18px;background:linear-gradient(135deg,#fbfdfc,#f2f7f5);box-shadow:0 7px 20px rgba(18,58,49,.06)} .file-lifecycle-tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:104px;min-height:38px;padding:7px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#42544f;font:inherit;font-size:.8rem;font-weight:850;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease} .file-lifecycle-tabs button::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#8a9691;box-shadow:0 0 0 3px rgba(138,150,145,.12)} .file-lifecycle-tabs button:nth-child(1)::before{background:#1f8b68;box-shadow:0 0 0 3px rgba(31,139,104,.12)} .file-lifecycle-tabs button:nth-child(2)::before{background:#c58b13;box-shadow:0 0 0 3px rgba(197,139,19,.13)} .file-lifecycle-tabs button:nth-child(3)::before{background:#6b7480;box-shadow:0 0 0 3px rgba(107,116,128,.12)} .file-lifecycle-tabs button:nth-child(4)::before{background:#6750a4;box-shadow:0 0 0 3px rgba(103,80,164,.14)} .file-lifecycle-tabs button span{white-space:nowrap} .file-lifecycle-tabs button b{display:grid;place-items:center;min-width:25px;height:21px;padding:0 6px;border-radius:999px;background:rgba(15,93,72,.07);color:inherit;font-size:.7rem;line-height:1;font-variant-numeric:tabular-nums} .file-lifecycle-tabs button:hover{border-color:#cbdcd5;background:rgba(255,255,255,.82);transform:translateY(-1px)} .file-lifecycle-tabs button.active{box-shadow:0 4px 12px rgba(18,58,49,.09)} .file-lifecycle-tabs button:nth-child(1).active{border-color:#a9d5c3;background:linear-gradient(135deg,#eaf7f1,#dff1e9);color:#0b654b} .file-lifecycle-tabs button:nth-child(2).active{border-color:#e7cc78;background:linear-gradient(135deg,#fff8e4,#fcefc5);color:#7a5600} .file-lifecycle-tabs button:nth-child(3).active{border-color:#c7cdd6;background:linear-gradient(135deg,#f4f5f7,#e7eaee);color:#3f4855} .file-lifecycle-tabs button:nth-child(4).active{border-color:#c7b8eb;background:linear-gradient(135deg,#f5f1ff,#ebe4fb);color:#51358e} .file-lifecycle-tabs button.active b{background:rgba(255,255,255,.74)} .file-lifecycle-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 11px;border-radius:999px;font-size:.82rem;font-weight:800;white-space:nowrap} .file-lifecycle-badge.active{background:#e8f7ee;color:#17663a;border:1px solid #b7e3c6} .file-lifecycle-badge.suspended{background:#fff5d9;color:#805600;border:1px solid #efd487} .file-lifecycle-badge.ended{background:#f0f2f5;color:#4c5562;border:1px solid #cfd5dd} .file-lifecycle-badge.litigation_prep{background:#e6f0fb;color:#1d4f91;border:1px solid #b4cdee} .file-lifecycle-badge.transferred{background:#f1ecfb;color:#573a91;border:1px solid #cdbfeb} .file-lifecycle-record-panel{margin-bottom:18px} .file-lifecycle-history td{vertical-align:top} .file-lifecycle-history td:nth-child(2){white-space:nowrap} .lifecycle-current{display:flex;align-items:center;min-height:44px} @media(max-width:720px){.file-lifecycle-tabs{display:flex;width:100%;overflow-x:auto;scrollbar-width:thin}.file-lifecycle-tabs button{flex:1 0 92px;min-width:92px}.file-lifecycle-history{min-width:850px}} /* Case details show only the latest real status change; migration rows stay in the audit data. */ .file-lifecycle-last-change{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1fr) minmax(260px,2fr);gap:0;margin:-10px 0 18px;border:1px solid #cfe2da;border-radius:13px;background:linear-gradient(135deg,#fbfefd,#f0f8f5);box-shadow:0 6px 18px rgba(18,58,49,.04);overflow:hidden} .file-lifecycle-last-change>div{display:grid;gap:3px;padding:11px 15px;border-inline-end:1px solid #dcebe5;min-width:0} .file-lifecycle-last-change>div:last-child{border-inline-end:0} .file-lifecycle-last-change span{color:#587068;font-size:.74rem;font-weight:800} .file-lifecycle-last-change b{color:#173f35;font-size:.88rem;overflow-wrap:anywhere} .legal-case-detail-title>div:first-child>span,.legal-case-detail-title>div:first-child>p{display:none} @media(max-width:720px){.file-lifecycle-last-change{grid-template-columns:1fr;margin-top:0}.file-lifecycle-last-change>div{border-inline-end:0;border-bottom:1px solid #dcebe5}.file-lifecycle-last-change>div:last-child{border-bottom:0}} /* New-case content starts directly with the form while keeping its action toolbar aligned. */ .legal-simple-title.legal-case-new-toolbar{justify-content:flex-end} /* Unified case toolbar: responsible, status and an inseparable PDF/Word pair. */ .legal-simple-title:has(.legal-case-toolbar-layout) .actions,.page-head:has(.legal-case-toolbar-layout) .actions{flex:1;min-width:0} .legal-case-toolbar-layout{display:flex;align-items:stretch;justify-content:flex-end;gap:9px;flex-wrap:wrap;width:100%} .record-case-status-toolbar{min-width:210px;border-color:rgba(15,93,72,.2);background:linear-gradient(135deg,#f7fcfa,#edf8f4)} .record-case-status-toolbar>span{color:#23634f} .record-case-status-toolbar select{min-width:105px;max-width:145px;border-color:#bddbce;color:#174e42} .record-case-status-change{white-space:nowrap} .legal-case-document-actions{display:inline-flex;align-items:stretch;gap:9px;flex-wrap:nowrap} .legal-case-document-actions>.hasad-document-button,.legal-case-document-actions>[data-case-print-pdf],.legal-case-document-actions>[data-case-export-excel]{min-height:54px;white-space:nowrap} @media(max-width:720px){.legal-case-toolbar-layout{align-items:stretch}.record-case-status-toolbar{width:100%;min-width:0}.record-case-status-toolbar select{flex:1;min-width:0;max-width:none}.legal-case-document-actions{width:100%}.legal-case-document-actions>*{flex:1}} /* هوية حصاد وتوزيع أدوات الشريط العلوي */ .topbar-home{align-self:stretch;gap:12px} .topbar-home>span.topbar-logo-wrap{ flex:0 0 64px; width:64px; height:64px; border:2px solid #fff; border-radius:50%; background:#071827!important; box-shadow:0 0 0 1px rgba(182,131,45,.3),0 8px 20px rgba(16,42,67,.22)!important } .topbar-logo{border-radius:50%;object-fit:cover} .topbar-brand-name{display:grid!important;place-items:center;gap:3px;min-width:70px!important} .topbar-home b{color:#0b4f40;font-size:1.18rem;line-height:1;font-weight:900} .topbar-home small{margin:0;color:#7d5a1c;font-size:.64rem;line-height:1;letter-spacing:.2em;font-weight:900} .topbar-utilities{display:flex;align-items:center;gap:7px;direction:rtl} @media(max-width:760px){ .topbar-home{gap:8px} .topbar-home>span.topbar-logo-wrap{flex-basis:54px;width:54px;height:54px} .topbar-brand-name{min-width:62px!important} .topbar-home b{font-size:1.06rem} .topbar-home small{font-size:.56rem;letter-spacing:.16em} .topbar-utilities{gap:5px} } @media(max-width:380px){ .topbar{padding-inline:6px;gap:4px} .topbar-home{gap:5px} .topbar-home>span.topbar-logo-wrap{flex-basis:48px;width:48px;height:48px} .topbar-brand-name{min-width:48px!important} .topbar-home b{font-size:.96rem} .topbar-home small{font-size:.49rem;letter-spacing:.11em} .topbar-utilities{gap:3px} .topbar-utilities .language-button{min-width:40px;width:40px} .topbar-utilities .messages-button{width:34px;height:36px} .user-menu .profile-button{min-height:38px;padding:1px} .back-button{min-width:40px!important;width:40px!important} } /* V12.20.1 — بوابة حصاد المؤسسية: إعادة توجيه فني بصري مع عزل المصادقة */ .gate{ min-height:100vh; min-height:100svh; grid-template-columns:minmax(480px,1.08fr) minmax(440px,.92fr); overflow:hidden; background:#f7f5f0 } .brand-panel{ isolation:isolate; display:grid; min-height:100vh; min-height:100svh; place-items:center; padding:clamp(48px,7vw,108px); overflow:hidden; background: radial-gradient(circle at 19% 16%,rgba(23,143,116,.34) 0,transparent 29%), radial-gradient(circle at 82% 76%,rgba(190,146,58,.14) 0,transparent 30%), linear-gradient(142deg,#041522 0%,#062837 48%,#063b35 100%); color:#fff } .brand-panel::before{ content:""; position:absolute; z-index:-2; width:min(54vw,760px); aspect-ratio:1; border:1px solid rgba(227,196,127,.13); border-radius:50%; box-shadow: 0 0 0 72px rgba(255,255,255,.018), 0 0 0 144px rgba(25,128,106,.025), 0 0 120px rgba(0,0,0,.2); transform:rotate(-11deg); pointer-events:none } .brand-panel::after{ content:""; position:absolute; z-index:-3; inset:0; width:auto; height:auto; border:0; border-radius:0; background: linear-gradient(115deg,transparent 15%,rgba(255,255,255,.025) 15.2%,transparent 15.4%), linear-gradient(28deg,transparent 72%,rgba(218,183,106,.035) 72.2%,transparent 72.4%); box-shadow:none; pointer-events:none } .brand-stage{ position:relative; z-index:1; display:grid; width:min(620px,100%); min-height:590px; place-items:center; align-content:center; padding:64px 30px; text-align:center; pointer-events:none } .brand-orbit{ position:absolute; z-index:-1; border:1px solid rgba(231,202,137,.18); border-radius:50%; pointer-events:none } .brand-orbit-outer{ width:min(510px,86%); aspect-ratio:1; transform:rotate(19deg); box-shadow:inset 0 0 80px rgba(5,21,34,.34) } .brand-orbit-inner{ width:min(378px,65%); aspect-ratio:1; border-color:rgba(43,155,131,.24); box-shadow:0 0 0 1px rgba(255,255,255,.018) } .brand-glint{ position:absolute; top:17%; inset-inline-end:19%; width:7px; height:7px; border-radius:50%; background:#e3bf6d; box-shadow:0 0 0 7px rgba(227,191,109,.06),0 0 28px rgba(227,191,109,.48) } .brand-medallion{ position:relative; display:grid; width:clamp(174px,16.5vw,224px); aspect-ratio:1; place-items:center; margin-bottom:clamp(25px,3.5vh,42px); padding:8px; overflow:hidden; border:1px solid rgba(236,207,143,.56); border-radius:50%; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)); box-shadow: 0 30px 75px rgba(0,0,0,.42), 0 0 0 8px rgba(255,255,255,.026), 0 0 0 9px rgba(224,188,108,.08) } .brand-medallion::after{ content:""; position:absolute; inset:7px; border:1px solid rgba(255,255,255,.12); border-radius:50%; pointer-events:none } .brand-logo{ display:block; width:100%; height:100%; border:0; border-radius:50%; object-fit:cover; clip-path:circle(50%); box-shadow:none } .brand-name{ margin:0; color:#f8f7f2; font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif; font-size:clamp(4.2rem,7.2vw,7.2rem); font-weight:800; line-height:.98; letter-spacing:-.035em; text-shadow:0 16px 38px rgba(0,0,0,.3) } .brand-signature{ margin:clamp(17px,2.5vh,27px) 0 0; padding-inline-start:.58em; color:#dabb74; font-size:clamp(.82rem,1.15vw,1.05rem); font-weight:700; line-height:1; letter-spacing:.58em; text-shadow:0 8px 24px rgba(0,0,0,.28) } .auth-panel{ position:relative; isolation:isolate; min-height:100vh; min-height:100svh; padding:clamp(34px,5vw,72px); overflow-y:auto; background: radial-gradient(circle at 12% 8%,rgba(15,93,72,.075),transparent 27%), radial-gradient(circle at 88% 92%,rgba(182,131,45,.07),transparent 29%), linear-gradient(145deg,#fbfaf7,#f4f6f2) } .auth-panel::before{ content:""; position:absolute; z-index:-1; top:7%; inset-inline-start:9%; width:112px; height:112px; border:1px solid rgba(15,93,72,.08); border-radius:50%; box-shadow:0 0 0 34px rgba(15,93,72,.018); pointer-events:none } .auth-panel::after{ content:""; position:absolute; z-index:-1; right:0; bottom:0; width:48%; height:33%; background:linear-gradient(145deg,transparent,rgba(182,131,45,.025)); clip-path:polygon(100% 0,100% 100%,0 100%); pointer-events:none } .auth-card,.auth-boot-card{ position:relative; z-index:1; width:min(460px,100%); margin:auto; padding:clamp(29px,3.2vw,42px); overflow:hidden; border:1px solid rgba(21,65,54,.11); border-radius:28px; background:rgba(255,255,255,.91); box-shadow:0 26px 70px rgba(14,43,35,.11),0 3px 10px rgba(14,43,35,.035); backdrop-filter:blur(18px); animation:auth-card-arrive .34s cubic-bezier(.22,.75,.28,1) both } .auth-card::before,.auth-boot-card::before{ content:""; position:absolute; top:0; right:13%; left:13%; height:2px; background:linear-gradient(90deg,transparent,#c8a55b,transparent) } .auth-panel:has(form.auth-card:not(.hidden)) .auth-boot-card, .auth-panel:has(#connection-card) .auth-boot-card{display:none} .auth-card .eyebrow,.auth-boot-card .eyebrow{ margin-bottom:9px; color:#805f20; font-size:.72rem; font-weight:850; letter-spacing:.08em } .auth-card h2,.auth-boot-card h2{ margin:0 0 8px; color:#092638; font-size:clamp(1.72rem,2.35vw,2.05rem); font-weight:800; line-height:1.35 } .auth-card .muted,.auth-boot-card .muted{ margin:0 0 24px; color:#65736d; font-size:.9rem; line-height:1.8 } .auth-card label{ gap:9px; margin:17px 0; color:#17332c; font-size:.83rem; font-weight:750 } .auth-card label small{color:#5c6a64;font-size:.72rem;font-weight:500} .auth-card input,.auth-card select,.auth-card textarea{ width:100%; min-width:0; min-height:56px; padding:13px 15px; border:1px solid #d8e1dd; border-radius:14px; background:#fbfcfb; color:#102c24; caret-color:#0d7057; box-shadow:inset 0 1px 0 rgba(14,43,35,.025); transition:border-color .16s,box-shadow .16s,background-color .16s } .auth-card input:hover,.auth-card select:hover,.auth-card textarea:hover{border-color:#bdcdc6;background:#fff} .auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus, .auth-card input:focus-visible,.auth-card select:focus-visible,.auth-card textarea:focus-visible{ border-color:#128068; background:#fff; outline:0; box-shadow:0 0 0 4px rgba(18,128,104,.12),0 8px 22px rgba(12,83,66,.07) } .auth-card input:user-invalid{ border-color:#b94a49; background:#fffafa; box-shadow:0 0 0 3px rgba(185,74,73,.09) } .auth-card .password-field{position:relative;display:block} .auth-card .password-field input{padding-inline-end:52px} .auth-card .password-toggle{ z-index:2; inset-inline-end:9px; width:36px; height:36px; border-radius:10px; color:#6d7b75 } .auth-card .password-toggle:hover,.auth-card .password-toggle:focus-visible{ background:#eaf5f0; color:#0c7158; outline:0; box-shadow:0 0 0 3px rgba(18,128,104,.1) } .auth-card>.primary{ min-height:56px; margin-top:8px; border-radius:14px; background:linear-gradient(135deg,#0c7259,#095a47); color:#fff; box-shadow:0 13px 26px rgba(9,90,71,.2); transition:transform .16s,box-shadow .16s,filter .16s } .auth-card>.primary:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 17px 30px rgba(9,90,71,.24)} .auth-card>.primary:focus-visible{outline:3px solid var(--green2);outline-offset:3px} .auth-card>.primary:disabled{cursor:wait;opacity:.62;transform:none;box-shadow:none} .auth-card fieldset{ border-color:#dce6e1; border-radius:16px; background:#f8faf8 } .auth-card .password-hint{border-radius:12px;background:#f0f7f4} .auth-language-button{ top:22px; inset-inline-end:24px; border-color:rgba(15,93,72,.16); border-radius:14px; background:rgba(255,255,255,.88); box-shadow:0 12px 30px rgba(14,43,35,.1) } .auth-boot-card{text-align:center} .auth-boot-emblem{ position:relative; display:grid; width:66px; height:66px; place-items:center; margin:0 auto 22px; border:1px solid #d9c28e; border-radius:50%; background:linear-gradient(145deg,#082a37,#0b594c); box-shadow:0 13px 30px rgba(8,42,55,.17) } .auth-boot-emblem::before{ content:"ح"; color:#d9b968; font-size:1.7rem; font-weight:800; line-height:1 } .auth-boot-emblem i{ position:absolute; inset:-5px; border:1px solid transparent; border-top-color:#b6832d; border-radius:50%; animation:auth-boot-spin 1.15s linear infinite } .auth-boot-progress{ display:block; height:4px; margin-top:28px; overflow:hidden; border-radius:999px; background:#e7ede9 } .auth-boot-progress i{ display:block; width:42%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0f795f,#c09a49); animation:auth-boot-progress 1.25s ease-in-out infinite alternate } .connection-card{text-align:center} .connection-card .primary{width:100%;min-height:54px;margin-top:7px;border-radius:14px} .recovery-logo{ width:76px; height:76px; margin:0 0 21px auto; border-radius:50%; clip-path:circle(50%); object-fit:cover } html[dir="ltr"] .recovery-logo{margin-right:auto;margin-left:0} @keyframes auth-card-arrive{from{transform:translateY(10px)}to{transform:none}} @keyframes auth-boot-spin{to{transform:rotate(360deg)}} @keyframes auth-boot-progress{from{transform:translateX(-8%)}to{transform:translateX(145%)}} @media(max-width:1100px){ .gate{grid-template-columns:minmax(440px,1fr) minmax(400px,.88fr)} .brand-panel{padding:48px} .brand-stage{min-height:530px} .brand-medallion{width:168px} .auth-panel{padding:36px} .auth-card,.auth-boot-card{padding:32px} } @media(max-width:820px){ .gate{display:grid;grid-template-columns:1fr;overflow:visible;background:#f5f7f3} .brand-panel{ min-height:238px; padding:22px 20px; background: radial-gradient(circle at 16% 8%,rgba(23,143,116,.31),transparent 34%), linear-gradient(135deg,#041522,#073a35) } .brand-panel::before{width:320px;box-shadow:0 0 0 46px rgba(255,255,255,.016)} .brand-stage{min-height:194px;padding:15px 20px} .brand-orbit-outer{width:245px}.brand-orbit-inner{width:174px} .brand-medallion{width:106px;margin-bottom:12px;padding:4px;box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 0 5px rgba(255,255,255,.025)} .brand-medallion::after{inset:4px} .brand-name{font-size:3.15rem;letter-spacing:-.025em} .brand-signature{margin-top:10px;font-size:.72rem;letter-spacing:.48em} .brand-glint{top:10%;inset-inline-end:24%} .auth-panel{min-height:auto;padding:34px 22px 48px;overflow:visible} .auth-card,.auth-boot-card{width:min(500px,100%);padding:30px} } @media(max-width:430px){ .brand-panel{min-height:214px;padding:18px 14px} .brand-stage{min-height:178px;padding:11px 14px} .brand-orbit-outer{width:218px}.brand-orbit-inner{width:154px} .brand-medallion{width:91px;margin-bottom:10px} .brand-name{font-size:2.72rem} .brand-signature{margin-top:8px;font-size:.64rem;letter-spacing:.42em} .auth-panel{padding:25px 14px 36px} .auth-panel::before{display:none} .auth-card,.auth-boot-card{padding:23px 18px 21px;border-radius:22px} .auth-card h2,.auth-boot-card h2{font-size:1.58rem} .auth-card .muted,.auth-boot-card .muted{margin-bottom:19px;font-size:.82rem} .auth-card label{margin:14px 0;font-size:.79rem} .auth-card input,.auth-card select,.auth-card textarea{min-height:53px;border-radius:12px} .auth-card>.primary{min-height:53px;border-radius:12px} .auth-language-button{top:12px;inset-inline-end:12px;min-width:54px;height:38px;padding:0 8px} .auth-language-button b{font-size:.66rem} } @media(max-width:820px) and (max-height:700px){ .brand-panel{min-height:174px} .brand-stage{min-height:142px} .brand-medallion{width:70px;margin-bottom:6px} .brand-name{font-size:2.25rem} .brand-signature{margin-top:5px;font-size:.56rem} } @media(prefers-reduced-motion:reduce){ .auth-card,.auth-boot-card,.auth-boot-emblem i,.auth-boot-progress i{animation:none!important} .auth-card input,.auth-card select,.auth-card textarea,.auth-card>.primary,.auth-language-button{transition:none!important} .auth-boot-progress i{width:100%;transform:none} } /* V12.20.1 — polished date-order controls for the legal cases roll */ .legal-case-search-summary{border-color:#d7e5df;background:linear-gradient(135deg,#fff 0%,#f6faf8 100%);box-shadow:0 8px 24px rgba(16,66,52,.055)} .legal-case-search-summary>div{display:flex;align-items:center;gap:12px;min-height:40px;flex-wrap:wrap} .collection-claims-index-head{justify-content:flex-start;gap:16px;min-height:44px} .legal-case-search-summary>div>b{display:inline-flex;align-items:center;gap:9px;color:#163f35;font-size:.88rem} .legal-case-search-summary>div>b::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#c8a65a,#8d6a25);box-shadow:0 0 0 5px rgba(194,158,76,.12)} .legal-case-sort-controls{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #d7e4df;border-radius:13px;background:#edf4f1;box-shadow:inset 0 1px 2px rgba(13,65,50,.06)} .legal-case-sort-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#111827;font-size:.72rem;font-weight:850;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease} .legal-case-sort-button>span{color:inherit} .legal-case-sort-button:hover{border-color:#b9d2c8;background:#fff;color:#111827;box-shadow:0 4px 11px rgba(15,76,58,.08);transform:translateY(-1px)} .legal-case-sort-button.active{border-color:#075a45;background:linear-gradient(135deg,#0c7358,#075642);color:#fff;box-shadow:0 6px 14px rgba(7,88,66,.22)} .legal-case-sort-button:focus-visible{outline:3px solid rgba(196,158,69,.42);outline-offset:2px} .legal-case-sort-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#fff;color:inherit;box-shadow:0 2px 6px rgba(10,80,60,.11)} .legal-case-sort-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .legal-case-sort-button.active .legal-case-sort-icon{background:rgba(255,255,255,.16);color:#fff;box-shadow:none} @media(max-width:620px){.legal-case-search-summary>div,.collection-claims-index-head{align-items:stretch;flex-direction:column}.legal-case-sort-controls{display:flex;width:100%}.legal-case-sort-button{flex:1;min-width:0}} @media print{.legal-case-sort-controls{display:none!important}} /* Unified four-mode results sorting menu for claims and legal cases */ .results-sort-menu{position:relative;isolation:isolate;display:grid;grid-template-columns:38px minmax(132px,1fr) 21px;align-items:center;gap:9px;min-width:238px;min-height:48px;padding:6px 10px;overflow:hidden;border:1px solid #cfdfd9;border-radius:15px;background:radial-gradient(circle at 8% 0,rgba(255,255,255,.96),transparent 42%),linear-gradient(135deg,#f8fbfa,#edf6f2);color:#153f35;text-align:right;box-shadow:0 7px 18px rgba(12,76,57,.075);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .results-sort-menu::after{content:"";position:absolute;z-index:-1;inset:auto -23px -34px auto;width:78px;height:78px;border:14px solid rgba(14,105,79,.045);border-radius:50%} .results-sort-menu:hover{transform:translateY(-1px);border-color:#9fc4b7;box-shadow:0 10px 23px rgba(12,76,57,.12)} .results-sort-menu:focus-within{outline:3px solid rgba(194,154,63,.34);outline-offset:2px} .results-sort-menu.value-active{border-color:rgba(171,130,34,.42);background:radial-gradient(circle at 8% 0,rgba(255,255,255,.96),transparent 42%),linear-gradient(135deg,#fff8e8,#edf7f3);box-shadow:0 9px 23px rgba(137,98,20,.11)} .results-sort-menu-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#d5b15a,#987021);color:#fff!important;box-shadow:0 6px 13px rgba(135,95,18,.19);pointer-events:none} .results-sort-menu-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .results-sort-menu-copy{display:grid;gap:1px;min-width:0} .results-sort-menu-copy small{color:#727a70;font-size:.58rem;font-weight:900;line-height:1.3} .results-sort-menu-value{display:block;overflow:hidden;color:#0b614a;font-size:.72rem;font-weight:950;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.results-sort-menu-select{position:absolute;inset:0;width:100%;height:100%;min-width:0;padding:0;border:0;outline:0;appearance:none;background:transparent;color:transparent;font-size:.72rem;font-weight:950;line-height:1.45;opacity:0;cursor:pointer} .results-sort-menu-select option{background:#fff;color:#143f35;font-weight:800} .results-sort-menu-chevron{display:grid;place-items:center;width:21px;height:27px;border-radius:8px;background:rgba(14,102,77,.08);color:#0b664e!important;font-size:1rem!important;font-weight:950;pointer-events:none} @media(max-width:620px){.results-sort-menu{width:100%;min-width:0}} @media print{.results-sort-menu{display:none!important}} /* V12.20.1 — unified claim-value total indicator */ .claim-value-total-card{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:11px;min-width:228px;min-height:54px;padding:8px 13px 8px 16px;overflow:hidden;border:1px solid rgba(164,128,44,.34);border-radius:17px;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.92),transparent 35%),linear-gradient(135deg,#fffaf0 0%,#f1f8f4 52%,#e4f2ec 100%);color:#123e34;box-shadow:0 10px 26px rgba(13,77,59,.1),inset 0 1px 0 rgba(255,255,255,.9);white-space:nowrap} .claim-value-total-card::after{content:"";position:absolute;z-index:-1;inset:auto -28px -43px auto;width:104px;height:104px;border:19px solid rgba(18,105,81,.055);border-radius:50%} .claim-value-total-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(168,126,36,.32);border-radius:13px;background:linear-gradient(145deg,#d7b45e,#9c7425);color:#fff;box-shadow:0 7px 15px rgba(137,98,20,.2)} .claim-value-total-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .claim-value-total-copy{display:grid;gap:2px;min-width:0;text-align:right} .claim-value-total-copy small{color:#6c775f;font-size:.66rem;font-weight:900;line-height:1.35} .claim-value-total-copy strong{color:#0d604a;font-size:1.02rem;font-weight:950;letter-spacing:.015em;line-height:1.35;font-variant-numeric:tabular-nums} .legal-case-search-summary .legal-cases-claim-total{margin-inline-start:auto} .legal-case-search-summary .file-lifecycle-tabs{flex:1 1 340px;margin:0} .collection-claims-index-head .collection-claims-claim-total{margin-inline-start:auto} .simple-client-search .simple-clients-claim-total{margin-inline-start:auto} .simple-section-title>div{flex-wrap:wrap} .simple-section-title .client-roll-claim-total{min-width:214px;min-height:50px;margin-inline-start:4px;padding-block:6px} .simple-section-title .client-roll-claim-total+small{flex-basis:100%;padding-inline-start:56px;color:var(--muted)} @media(max-width:760px){.claim-value-total-card{width:100%;min-width:0}.legal-case-search-summary .legal-cases-claim-total,.collection-claims-index-head .collection-claims-claim-total,.simple-client-search .simple-clients-claim-total{margin-inline-start:0}.simple-section-title{align-items:stretch;flex-direction:column;gap:12px}.simple-section-title>div{width:100%}.simple-section-title .client-roll-claim-total{margin-inline-start:0}.simple-section-title>strong{align-self:flex-end}} @media print{.claim-value-total-card{min-height:42px;padding:5px 9px;border-color:#b9c9c2;background:#fff;box-shadow:none}.claim-value-total-icon{width:31px;height:31px;flex-basis:31px;box-shadow:none}.claim-value-total-copy strong{font-size:10pt}} /* تحسين عنوان وتنسيق صفحة جميع المطالبات */ .collection-claims-actions-head{min-height:50px;align-items:center;justify-content:space-between;gap:16px} .collection-claims-actions-head>.file-lifecycle-tabs{margin:0} .collection-claims-table td.collection-claim-contact{min-width:210px;max-width:280px;white-space:normal;vertical-align:top} .collection-claim-contact>b{display:block;font-weight:650;line-height:1.65;text-align:justify;text-justify:inter-word;overflow-wrap:anywhere} .collection-claim-contact>small{display:block;margin-top:6px;line-height:1.35;text-align:right} @media(max-width:760px){.collection-claims-actions-head{align-items:stretch;justify-content:flex-start}.collection-claims-actions-head>.file-lifecycle-tabs{width:100%;overflow-x:auto}.collection-claims-actions-head .actions{width:100%;justify-content:flex-start}} /* مركز العمل والتقرير اليومي */ .daily-work-shell{display:grid;gap:18px;direction:rtl} .daily-head-actions,.daily-toolbar-tabs,.daily-scope-tabs,.daily-lifecycle-tabs,.sort-pair{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .daily-employee-switcher{min-width:230px;align-self:center;display:grid;grid-template-columns:19px minmax(150px,1fr) 13px;align-items:center;gap:9px;padding:10px 14px;border:1px solid #0c523f;border-radius:11px;background:linear-gradient(135deg,#178060,#0f5d48);color:#fff;box-shadow:0 7px 16px #0f5d4830;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease} .daily-employee-switcher:hover{border-color:#0a4636;box-shadow:0 9px 20px #0f5d4838}.daily-employee-switcher:focus-within{outline:3px solid #17806026;outline-offset:2px} .daily-employee-switcher-icon{width:19px;height:19px;display:grid;place-items:center;pointer-events:none}.daily-employee-switcher-icon svg{width:100%;height:100%} .daily-employee-switcher select{width:100%;min-width:0;border:0;outline:0;appearance:none;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.daily-employee-switcher select option{background:#fff;color:#17231f;font-weight:700} .daily-employee-switcher-arrow{font-size:1.05rem;line-height:1;transform:translateY(-2px);pointer-events:none} .daily-toolbar-tabs{gap:10px} .daily-scope-tabs{width:max-content;padding:5px;background:#edf1f5;border:1px solid #dbe2e8;border-radius:14px} .daily-scope-tabs button,.daily-lifecycle-tabs button,.sort-pair button{border:0;cursor:pointer;font:inherit} .daily-scope-tabs button{padding:9px 20px;border-radius:10px;background:transparent;color:#44515d;font-weight:800} .daily-scope-tabs button.active{background:#fff;color:#111;box-shadow:0 3px 12px #0b1b2b17} .daily-summary{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px} .daily-summary-card{min-height:92px;padding:15px 16px;border:1px solid #dfe5ea;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafb);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 5px 18px #0a192b0a;color:inherit;text-align:right;cursor:pointer} .daily-summary-card:hover{transform:translateY(-1px);border-color:#99b8aa}.daily-summary-card.total{border-color:#9bb6ab;background:#eef7f3}.daily-summary-card.total b{color:#0f5d48} .daily-summary-card span{font-size:.83rem;color:#5b6670;font-weight:700}.daily-summary-card b{font-size:1.7rem;color:#17232d} .daily-summary-card.overdue{border-color:#efc9c3;background:#fff8f7}.daily-summary-card.overdue b{color:#a93629} .daily-summary-card.done{border-color:#c7e4d4;background:#f7fcf9}.daily-summary-card.done b{color:#157347} .daily-summary-card.missing{border-color:#e8d9b4;background:#fffdf7}.daily-summary-card.management{border-color:#d8c9eb;background:#fbf8ff} .daily-task-panel,.daily-toolbar,.daily-file-card,.daily-results-head{border:1px solid #dfe5ea;background:#fff;border-radius:18px;box-shadow:0 7px 24px #0a192b0b} .daily-task-panel{padding:18px}.daily-task-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px} .daily-task-panel h2{margin:0 0 4px;font-size:1.05rem}.daily-task-panel p{margin:0;color:#6b7680;font-size:.84rem} .daily-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .daily-task{display:flex;align-items:center;gap:10px;min-height:64px;padding:11px;border:1px solid #e3e8ec;border-radius:13px;background:#fafbfc} .daily-task.overdue{border-color:#edc5bf;background:#fff8f7}.daily-task.done{opacity:.65}.daily-task.done b{text-decoration:line-through} .daily-task-check{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #7d8994;border-radius:8px;background:#fff;color:#fff;font-weight:900;cursor:pointer} .daily-task.done .daily-task-check{border-color:#16734a;background:#16734a}.daily-task div{display:grid;gap:3px;min-width:0}.daily-task b{font-size:.88rem}.daily-task span{font-size:.74rem;color:#68747e}.daily-task em{margin-inline-start:auto;color:#a93629;font-size:.72rem;font-style:normal;font-weight:800} .daily-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px} .daily-lifecycle-tabs button{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid transparent;border-radius:11px;background:#f1f4f6;color:#46535e;font-weight:800} .daily-lifecycle-tabs button b{min-width:23px;padding:2px 6px;border-radius:999px;background:#fff;color:#15191c;font-size:.72rem}.daily-lifecycle-tabs button.active{background:#17232d;color:#fff} .daily-filter-form{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.daily-filter-form input{min-height:40px}.daily-filter-form input[type=search]{min-width:270px} .sort-pair{padding:3px;border:1px solid #dbe2e8;border-radius:11px;background:#edf1f4}.sort-pair button{padding:8px 10px;border-radius:8px;background:transparent;color:#111;font-weight:800}.sort-pair button.active{background:#17232d;color:#fff;box-shadow:0 2px 7px #0002} .daily-results-head{padding:12px 17px;display:flex;align-items:center;justify-content:space-between}.daily-results-head div{display:flex;align-items:center;gap:8px}.daily-results-head div span{font-weight:900}.daily-results-head div b{padding:3px 9px;border-radius:999px;background:#17232d;color:#fff}.daily-results-head>span{color:#64717c;font-size:.82rem} .daily-control-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:10px}.daily-control-equation,.daily-compliance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #cfdcd6;border-radius:14px;background:#f8fbfa}.daily-control-equation>div,.daily-compliance{display:grid}.daily-control-equation span,.daily-compliance span{color:#68747e;font-size:.75rem}.daily-control-equation strong{color:#16734a}.daily-control-equation.invalid{border-color:#d28e86;background:#fff7f6}.daily-control-equation.invalid strong{color:#a93629}.daily-compliance{border-color:#cfc3df;background:#fbf9fe}.daily-compliance b{color:#65428f} .daily-file-list{display:grid;gap:12px}.daily-file-card{overflow:hidden}.daily-file-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid #edf0f2} .daily-shared-record{overflow:hidden;border:1px solid #dfe5ea;border-radius:16px;background:#fff;box-shadow:0 5px 17px #0a192b0a}.daily-shared-record>.table-wrap{border:0;border-radius:0}.daily-shared-record .collection-claims-table-wrap,.daily-shared-record .hearing-roll-table{margin:0}.daily-control-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #dfe5ea;background:#f2f7f5}.daily-control-strip>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.daily-control-strip>div:first-child{display:grid}.daily-control-strip b{font-size:.83rem}.daily-control-strip span{color:#68747e;font-size:.72rem}.daily-control-strip strong{color:#a93629;font-size:.74rem}.daily-control-flag{padding:3px 7px;border:1px solid #e0b7b2;border-radius:999px;background:#fff6f5;color:#8d342a!important;font-size:.65rem!important}.daily-manual-panel{margin:0} .daily-file-card>header>div:first-child{display:flex;align-items:center;gap:10px}.daily-file-kind{padding:4px 8px;border-radius:8px;background:#eaf0f4;color:#33424e;font-size:.72rem;font-weight:900}.daily-file-card h3{margin:0;font-size:1.05rem}.daily-file-badges{display:flex;gap:6px;flex-wrap:wrap} .daily-control-strip em{width:max-content;padding:3px 8px;border-radius:999px;background:#173d2a;color:#fff;font-size:.68rem;font-style:normal;font-weight:900} .daily-file-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf0f2}.daily-file-facts div{min-width:0;padding:11px 14px;background:#fff;display:grid;gap:3px}.daily-file-facts span{color:#68747e;font-size:.72rem}.daily-file-facts b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem} .daily-file-actions{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#fbfcfd}.daily-file-actions>b{color:#173d2a} .daily-update{border-top:1px solid #e7ebee}.daily-update summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#f6f8f9;list-style:none}.daily-update summary::-webkit-details-marker{display:none}.daily-update summary span{font-weight:900;color:#183b2a}.daily-update summary b{font-size:.72rem;color:#68747e} .daily-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:#fff}.daily-entry-form label{display:grid;gap:6px;font-size:.8rem;font-weight:800}.daily-entry-form .wide{grid-column:1/-1}.daily-entry-form textarea{resize:vertical;min-height:64px}.daily-entry-form small{color:#6c7780;font-weight:500} .management-field{padding:11px;border:1px solid #e4d5f4;border-radius:12px;background:#fcf9ff}.official-copy{grid-template-columns:auto 1fr!important;align-items:start;padding:12px;border:1px dashed #bdc7cf;border-radius:12px;background:#fafcfd}.official-copy input{margin-top:3px}.official-copy small{grid-column:2} .daily-save-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.daily-save-state{color:#52705f;font-size:.76rem} .daily-long-date-confirm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #e7c991;border-radius:12px;background:#fffaf0}.daily-long-date-confirm>b{grid-column:1/-1;color:#805a16}.daily-long-date-confirm label{display:grid;gap:5px;font-size:.78rem} .daily-print-preview{position:fixed;left:-99999px;top:0;width:210mm;pointer-events:none}.daily-report-paper{direction:rtl;background:#fff;color:#17232d;padding:13mm;font-family:Arial,sans-serif} .daily-report-letterhead{display:flex;align-items:center;gap:14px;border-bottom:3px solid #1a5236;padding-bottom:11px}.daily-report-letterhead img{width:60px;height:60px;object-fit:contain}.daily-report-letterhead div{flex:1}.daily-report-letterhead span{font-size:.75rem;color:#68747e}.daily-report-letterhead h2{margin:2px 0;font-size:1.3rem}.daily-report-letterhead>b{color:#1a5236} .daily-report-identity,.daily-report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.daily-report-metrics{grid-template-columns:repeat(7,1fr)}.daily-report-identity>div,.daily-report-metrics>div{padding:9px;border:1px solid #dfe5ea;border-radius:9px;display:grid;gap:3px}.daily-report-identity span,.daily-report-metrics span{font-size:.7rem;color:#68747e}.daily-report-metrics b{font-size:1.25rem;color:#1a5236}.daily-report-paper>.daily-control-equation,.daily-report-paper>.daily-compliance{margin:8px 0}.daily-report-categories{display:grid;gap:10px}.daily-report-category>h3{display:flex;align-items:center;justify-content:space-between}.daily-report-category>h3 b{padding:2px 7px;border-radius:999px;background:#1a5236;color:#fff;font-size:.7rem} .daily-report-paper h3{font-size:.95rem;margin:16px 0 8px;border-right:4px solid #1a5236;padding-right:8px}.daily-report-file{border:1px solid #dfe5ea;border-radius:10px;margin:8px 0;overflow:hidden}.daily-report-file>header{display:flex;justify-content:space-between;padding:8px 10px;background:#f2f6f4}.daily-report-file dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.daily-report-file dl div{padding:8px 10px;border-top:1px solid #edf0f2}.daily-report-file dl .wide{grid-column:1/-1}.daily-report-file dt{font-size:.68rem;color:#68747e}.daily-report-file dd{margin:3px 0 0;white-space:pre-wrap;font-size:.8rem}.daily-report-file .alert{background:#fff8f3;color:#803718} .daily-report-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.daily-report-paper ul{margin:0;padding:0 18px}.daily-report-paper li{margin:5px 0;display:grid;gap:2px;font-size:.75rem}.daily-report-paper li span{color:#68747e}.daily-report-paper footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:8px;border-top:1px solid #cfd7dc;font-size:.65rem;color:#68747e} .daily-modal-report{max-height:60vh;overflow:auto;border:1px solid #dfe5ea;border-radius:12px}.daily-modal-report .daily-report-paper{padding:18px}.daily-decision-box{display:grid;gap:8px;margin-top:12px}.daily-decision-box textarea{min-height:70px}.daily-decision-box div{display:flex;justify-content:flex-end;gap:8px}.daily-version-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.daily-version-strip span{padding:5px 8px;border-radius:999px;background:#eef2f4;font-size:.7rem} .daily-modal-document-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:10px} .daily-management-filter{display:flex;justify-content:flex-start}.daily-management-filter label{display:grid;gap:5px;font-size:.78rem;font-weight:800}.daily-management-shell table td small{display:block;color:#6b7680;margin-top:3px} @media(max-width:1100px){.daily-summary{grid-template-columns:repeat(3,1fr)}.daily-task-list{grid-template-columns:repeat(2,1fr)}.daily-toolbar{align-items:stretch;flex-direction:column}.daily-filter-form{margin:0;flex-wrap:wrap}.daily-file-facts{grid-template-columns:repeat(2,1fr)}.daily-control-overview{grid-template-columns:1fr}} @media(max-width:680px){.daily-summary{grid-template-columns:repeat(2,1fr)}.daily-task-list{grid-template-columns:1fr}.daily-file-facts,.daily-entry-form{grid-template-columns:1fr}.daily-entry-form .wide{grid-column:auto}.daily-filter-form{display:grid;grid-template-columns:1fr}.daily-filter-form input[type=search]{min-width:0}.daily-head-actions{width:100%}.daily-head-actions button,.daily-employee-switcher{flex:1;min-width:100%}.daily-report-identity,.daily-report-metrics,.daily-report-columns{grid-template-columns:1fr 1fr}.daily-file-card>header,.daily-control-strip{align-items:flex-start;flex-direction:column}.daily-long-date-confirm{grid-template-columns:1fr}.daily-long-date-confirm>b{grid-column:auto}} @page hasad-daily-screen{size:A4 landscape;margin:7mm} @media print{ body.hasad-standard-print.hasad-daily-screen-print #view{page:hasad-daily-screen} body.hasad-standard-print.hasad-daily-screen-print{background:#f7f9fa!important;-webkit-print-color-adjust:exact;print-color-adjust:exact} body.hasad-standard-print.hasad-daily-screen-print #view>.hasad-print-stamp, body.hasad-standard-print.hasad-daily-screen-print .daily-print-preview{display:none!important} body.hasad-standard-print.hasad-daily-screen-print #view, body.hasad-standard-print.hasad-daily-screen-print main{background:#f7f9fa!important} body.hasad-standard-print.hasad-daily-screen-print .daily-work-shell{display:grid!important;width:100%!important;gap:3mm!important;direction:rtl;font-size:7.4pt;-webkit-print-color-adjust:exact;print-color-adjust:exact} body.hasad-standard-print.hasad-daily-screen-print .daily-page-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2mm!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;break-inside:avoid} body.hasad-standard-print.hasad-daily-screen-print .daily-head-actions, body.hasad-standard-print.hasad-daily-screen-print .hasad-document-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1.5mm!important;flex-wrap:nowrap!important;width:auto!important} body.hasad-standard-print.hasad-daily-screen-print .daily-page-actions button, body.hasad-standard-print.hasad-daily-screen-print .daily-toolbar button, body.hasad-standard-print.hasad-daily-screen-print .daily-operational-report button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:8mm!important;padding:1.8mm 2.4mm!important;border-radius:2.5mm!important;font-size:7.2pt!important;line-height:1.2!important;white-space:nowrap!important} body.hasad-standard-print.hasad-daily-screen-print .daily-employee-switcher{display:grid!important;min-width:39mm!important;grid-template-columns:4mm minmax(26mm,1fr) 3mm!important;gap:1.5mm!important;padding:1.8mm 2.4mm!important;border-radius:2.5mm!important;font-size:7.2pt!important;box-shadow:0 1.5mm 3.5mm rgba(15,93,72,.19)!important} body.hasad-standard-print.hasad-daily-screen-print .daily-employee-switcher-icon{width:4mm!important;height:4mm!important} body.hasad-standard-print.hasad-daily-screen-print .hasad-word-icon{width:4.5mm!important;height:4.5mm!important;font-size:7pt!important} body.hasad-standard-print.hasad-daily-screen-print .daily-summary{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2mm!important;break-inside:avoid} body.hasad-standard-print.hasad-daily-screen-print .daily-summary-card{display:flex!important;min-height:18mm!important;padding:2.7mm!important;border-radius:3.2mm!important;box-shadow:0 1.5mm 4mm rgba(10,25,43,.05)!important} body.hasad-standard-print.hasad-daily-screen-print .daily-summary-card span{font-size:6.8pt!important} body.hasad-standard-print.hasad-daily-screen-print .daily-summary-card b{font-size:14pt!important} body.hasad-standard-print.hasad-daily-screen-print .daily-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;gap:2mm!important;padding:2.4mm 3mm!important;border-radius:3.5mm!important;break-inside:avoid} body.hasad-standard-print.hasad-daily-screen-print .daily-toolbar-tabs, body.hasad-standard-print.hasad-daily-screen-print .daily-scope-tabs, body.hasad-standard-print.hasad-daily-screen-print .daily-lifecycle-tabs, body.hasad-standard-print.hasad-daily-screen-print .sort-pair{display:flex!important;align-items:center!important;gap:1mm!important;flex-wrap:nowrap!important} body.hasad-standard-print.hasad-daily-screen-print .daily-filter-form{display:flex!important;align-items:center!important;gap:1.3mm!important;margin-inline-start:auto!important;flex-wrap:nowrap!important} body.hasad-standard-print.hasad-daily-screen-print .daily-filter-form input{min-height:8mm!important;height:8mm!important;padding:1.3mm 2mm!important;font-size:7pt!important} body.hasad-standard-print.hasad-daily-screen-print .daily-filter-form input[type=search]{min-width:42mm!important;width:42mm!important} body.hasad-standard-print.hasad-daily-screen-print .daily-results-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:2.7mm 3.5mm!important;border-radius:3.5mm!important;break-inside:avoid} body.hasad-standard-print.hasad-daily-screen-print .daily-operational-report{display:grid!important;gap:3mm!important} body.hasad-standard-print.hasad-daily-screen-print .daily-operational-group{display:block!important;break-inside:auto} body.hasad-standard-print.hasad-daily-screen-print .daily-report-titlebar{margin:0 0 2mm!important;padding:2mm 3mm!important;break-after:avoid} body.hasad-standard-print.hasad-daily-screen-print .daily-shared-record{display:block!important;margin:0 0 2.5mm!important;border-color:#dfe5ea!important;border-radius:3.5mm!important;background:#fff!important;box-shadow:0 1.5mm 4mm rgba(10,25,43,.04)!important;break-inside:avoid-page} body.hasad-standard-print.hasad-daily-screen-print .daily-task-panel, body.hasad-standard-print.hasad-daily-screen-print .daily-toolbar, body.hasad-standard-print.hasad-daily-screen-print .daily-results-head{box-shadow:0 1.5mm 4mm rgba(10,25,43,.04)!important} body.hasad-standard-print.hasad-daily-screen-print .table-wrap{overflow:visible!important} body.hasad-standard-print.hasad-daily-screen-print table{font-size:6.1pt!important;table-layout:fixed!important} body.hasad-standard-print.hasad-daily-screen-print th{background:#f5f8f6!important;color:#59675f!important} body.hasad-standard-print.hasad-daily-screen-print th, body.hasad-standard-print.hasad-daily-screen-print td{padding:1.25mm!important;border-color:#e1e8e4!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important} body.hasad-standard-print.hasad-daily-screen-print .daily-control-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2mm!important;padding:2mm 3mm!important} body.hasad-standard-print.hasad-daily-screen-print .daily-update summary{padding:2.2mm 3mm!important} body.hasad-standard-print.hasad-daily-screen-print tr{break-inside:avoid} .daily-report-paper{padding:8mm!important} .daily-report-file,.daily-report-columns section,.daily-report-category{break-inside:avoid} .daily-report-paper footer{position:running(footer)} body.daily-modal-report-print>*:not(#modal){display:none!important} body.daily-modal-report-print #modal{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important} body.daily-modal-report-print #modal .modal-head,body.daily-modal-report-print #modal .daily-modal-document-actions,body.daily-modal-report-print #modal .daily-version-strip,body.daily-modal-report-print #modal .daily-decision-box{display:none!important} body.daily-modal-report-print #modal .daily-modal-report{display:block!important;max-height:none!important;overflow:visible!important;border:0!important} } /* المطالبة المحولة: تصنيف رابع وسجل تاريخي داخل القضية دون ازدواج في العرض. */ .claim-transfer-pending,.claim-transfer-pending-indicator{display:block;margin-top:6px;color:#76551a;font-size:.72rem;font-weight:850} .claim-transfer-pending-indicator{display:inline-flex;align-items:center;min-height:38px;margin:0;padding:7px 12px;border:1px solid #ead39b;border-radius:11px;background:#fff8e6} .claim-transfer-client-locked{background:#f4f7f6!important;color:#35564c!important;cursor:not-allowed} .legal-case-transfer-title{align-items:center;padding:16px 18px;border:1px solid #cdbfeb;border-radius:16px;background:linear-gradient(135deg,#fbf9ff,#f2edfc)} .legal-case-transfer-title>div:first-child>span{display:block;margin-top:5px;color:#675481;font-size:.78rem} .claim-transfer-origin-badge{display:inline-flex!important;align-items:center;min-height:27px;margin:0 7px;padding:4px 10px;border:1px solid #c8b9e8;border-radius:999px;background:#f1ecfb;color:#573a91!important;font-size:.72rem!important;font-weight:900;vertical-align:middle;white-space:nowrap} .claim-transfer-history{margin:0 0 22px;padding:20px;border:1px solid #cabde8;border-radius:18px;background:linear-gradient(145deg,#fcfbff,#f6f2fc);box-shadow:0 8px 24px rgba(74,50,122,.07)} .claim-transfer-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #dfd5f1} .claim-transfer-history>header>div{display:grid;gap:6px} .claim-transfer-history h2{margin:0;color:#493276;font-size:1.25rem} .claim-transfer-history header b{color:#3d334f;font-size:.82rem} .claim-transfer-history header small{color:#746b82} .claim-transfer-history .collection-claim-registration-form{max-width:none} .claim-transfer-snapshot-section{margin-top:14px;padding:16px;border:1px solid #e1d9ef;border-radius:14px;background:#fff} .claim-transfer-snapshot-section h3{margin:0 0 12px;color:#543d82;font-size:1rem} .claim-transfer-snapshot-section table{width:100%;border-collapse:collapse} .claim-transfer-snapshot-section th,.claim-transfer-snapshot-section td{padding:9px 10px;text-align:right;vertical-align:top;border-bottom:1px solid #eee9f5;font-size:.78rem} .claim-transfer-snapshot-section th{color:#675481;background:#faf8fd} .case-after-transfer-boundary{display:grid;gap:7px;margin:0 0 18px;padding:16px 20px;border-inline-start:5px solid #0f6b52;border-radius:12px;background:#eef7f3} .case-after-transfer-boundary span{color:#667972;font-size:.76rem;font-weight:800} .case-after-transfer-boundary h2{margin:0;color:#174b3e;font-size:1.25rem} @media(max-width:920px){.file-lifecycle-tabs.has-transferred button{min-width:118px}.claim-transfer-history>header{display:grid}.legal-case-transfer-title{align-items:stretch}.legal-case-transfer-title>.actions{width:100%}} @media(max-width:620px){.claim-transfer-history{padding:13px}.claim-transfer-origin-badge{margin:5px 0}.legal-case-detail-title h1{display:grid;gap:6px}.file-lifecycle-tabs.has-transferred button{flex-basis:126px}} /* شريط إشعار الإصدار الجديد — يظهر بدل إعادة التحميل المفاجئة */ .hasad-build-update{position:fixed;left:24px;bottom:92px;z-index:95;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:min(560px,calc(100vw - 48px));padding:13px 16px;border:1px solid #d8bc7c;border-radius:13px;background:#102f28;color:#fff;box-shadow:0 14px 34px rgba(15,93,72,.35);font-size:.82rem;line-height:1.7} .hasad-build-update span{flex:1;min-width:180px} .hasad-build-update .primary{background:#d8bc7c;color:#102f28;box-shadow:none} .hasad-build-update .secondary{background:transparent;color:#e6efea;padding:6px 10px;font-size:1.1rem;line-height:1} @media(max-width:760px){.hasad-build-update{left:12px;right:12px;bottom:84px;max-width:none}} /* مسار العميل المستخرج من السجلات التشغيلية الحقيقية */ .real-journey-explainer{margin:0 0 16px;padding:18px 22px;border:1px solid #cddfd8;border-radius:16px;background:#f7fbf9} .real-journey-explainer b{color:#075e4b;font-size:1.05rem} .real-journey-explainer p{margin:7px 0 0;color:var(--muted)} .real-journey-card{margin-bottom:14px;border:1px solid #d8e5e0;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(17,68,55,.05)} .real-journey-card>header{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #e4ece9} .real-journey-card>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e8f3ef;color:#075e4b;font-weight:900} .real-journey-card h2{margin:0;font-size:1rem} .real-journey-card header small{display:block;margin-top:4px;color:var(--muted)} .real-journey-track{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:10px;padding:16px;overflow:auto} .real-journey-stage{position:relative;min-height:104px;padding:13px;border:1px solid #dfe7e4;border-radius:14px;background:#f7f9f8} .real-journey-stage:not(:last-child)::after{content:'←';position:absolute;inset-inline-end:-10px;top:41%;z-index:2;color:#9aaba4} .real-journey-stage span,.real-journey-stage b{display:block} .real-journey-stage span{font-size:.72rem;color:var(--muted)} .real-journey-stage b{margin-top:7px;font-size:.85rem} .real-journey-stage button{margin-top:10px;border:0;background:transparent;color:#075e4b;font-weight:800;cursor:pointer} .real-journey-stage.done{border-color:#9fd2c1;background:#eef8f4} .real-journey-stage.current{border-color:#dfc281;background:#fff9ec} .real-journey-stage.missing{color:#74817d;background:#f5f6f6} /* التقرير اليومي الآلي المستخرج من نشاط الموظف الفعلي */ .employee-activity-shell{max-width:1500px;margin:0 auto;padding:18px 22px 48px}.employee-activity-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:16px 0}.employee-activity-filter label{display:grid;gap:7px;min-width:210px;font-weight:800;color:#345b52}.employee-activity-filter input,.employee-activity-filter select{min-height:44px;border:1px solid #cbded8;border-radius:10px;background:#fff;padding:8px 12px}.employee-activity-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid #cadfd8;border-radius:16px;background:linear-gradient(115deg,#fff 0%,#f4faf7 100%);box-shadow:0 10px 26px rgba(13,79,65,.07)}.employee-activity-identity span,.employee-activity-identity small{color:#617c75}.employee-activity-identity h2{margin:5px 0;color:#083f35}.employee-activity-identity>strong{display:flex;align-items:baseline;gap:8px;color:#0a6855}.employee-activity-identity>strong b{font-size:30px}.employee-activity-counts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.employee-activity-counts span{padding:7px 12px;border-radius:999px;background:#eaf5f0;color:#285b50;border:1px solid #d0e7df}.employee-activity-timeline{position:relative;display:grid;gap:12px;margin-top:18px}.employee-activity-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;position:relative}.employee-activity-card>time{font-weight:900;color:#9a741f;padding-top:20px;text-align:center}.employee-activity-main{border:1px solid #c9ddd7;border-radius:15px;background:#fff;padding:16px 18px;box-shadow:0 7px 18px rgba(16,73,62,.05)}.employee-activity-main header{display:flex;justify-content:space-between;gap:12px;align-items:start}.employee-activity-main header span{font-size:12px;color:#9a741f;font-weight:900}.employee-activity-main h3{margin:4px 0 10px;color:#083f35}.employee-activity-subject{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:11px 13px;border-radius:10px;background:#f3f8f6}.employee-activity-subject>strong{color:#0b6956}.employee-activity-subject span,.employee-activity-details span{display:grid;gap:2px}.employee-activity-subject small,.employee-activity-details small{font-size:11px;color:#71877f}.employee-activity-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}.employee-activity-details span{padding:9px 11px;border:1px solid #e0eae6;border-radius:9px}.employee-activity-main p{margin:10px 2px 0;color:#526d65}.employee-activity-source{margin-top:18px;padding:12px 16px;border-radius:10px;background:#f8f5ec;color:#6d644d;border:1px solid #e8dcc0}@media(max-width:700px){.employee-activity-shell{padding:10px}.employee-activity-card{grid-template-columns:1fr}.employee-activity-card>time{text-align:start;padding:0}.employee-activity-identity{align-items:start;flex-direction:column}} /* R2: الامتدادات اللاتينية داخل RTL — مدخلات dir=ltr تبدأ من جهة البداية المنطقية، وهواتف/بريد مكدس اتصال الوكيل معزولة اتجاهيًا */ input[dir="ltr"],textarea[dir="ltr"]{text-align:start}.agent-contact-stack b bdi{direction:ltr;unicode-bidi:isolate} /* SH-1: زر «متابعة الجلسة» داخل رسالة الحالة، وإشعار استعادة المسودة بعد إعادة الدخول */ .toast-action{flex:none;align-self:center;padding:6px 12px;font-size:.82rem}.hasad-draft-notice{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.hasad-draft-notice .actions{gap:8px} /* عنوان الصفحة يكرر آخر عنصر في مسار التنقل: يبقى لقارئات الشاشة فقط (HQ-0101). */ .page-head:has(+ .legal-ops-breadcrumb) h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}