@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap'); .wcpec-app,.wcpec-app *{box-sizing:border-box;font-family:'Tajawal',Arial,sans-serif}.wcpec-app{--navy:#080A24;--navy2:#141744;--purple:#716DA5;--purple2:#EDEAFD;--bg:#F4F3FB;--card:#fff;--line:#DEDCEB;--text:#16172b;--muted:#77758B;--ok:#16B7A0;--danger:#FF5B78;--gold:#E3BD7C;display:flex;min-height:100vh;background:var(--bg);color:var(--text);overflow:hidden}.wcpec-sidebar{width:310px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:0 20px 60px rgba(8,10,36,.24);z-index:20}.wcpec-brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.wcpec-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:16px;padding:6px}.wcpec-brand strong{display:block;font-size:22px}.wcpec-brand span{display:block;color:#d8d7ff;font-size:12px;margin-top:4px}.wcpec-service-search input{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:12px 14px;outline:none}.wcpec-service-search input::placeholder{color:#d8d7ff}.wcpec-nav{display:flex;flex-direction:column;gap:8px;margin-top:18px}.wcpec-nav button{border:0;background:transparent;color:#fff;text-align:right;padding:13px 14px;border-radius:16px;cursor:pointer;font-weight:700;transition:.2s}.wcpec-nav button:hover,.wcpec-nav button.active{background:#fff;color:var(--navy);box-shadow:0 12px 25px rgba(0,0,0,.12)}.wcpec-sidebar-footer{font-size:12px;color:#d8d7ff;margin-top:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.wcpec-main{flex:1;min-width:0;height:100vh;overflow:auto}.wcpec-topbar{position:sticky;top:0;z-index:10;background:rgba(244,243,251,.92);backdrop-filter:blur(14px);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wcpec-topbar h1{margin:0;color:var(--navy);font-size:28px;font-weight:900}.wcpec-topbar p{margin:5px 0 0;color:var(--muted);font-size:14px}.wcpec-userbox{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 14px}.wcpec-userbox a{color:var(--purple);font-weight:800;text-decoration:none}.wcpec-menu-toggle{display:none}.wcpec-content{padding:28px}.wcpec-card,.wcpec-stat,.wcpec-service-card,.wcpec-alert,.wcpec-login-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 50px rgba(8,10,36,.07);padding:22px}.wcpec-card h3,.wcpec-service-card h3{margin:0 0 14px;color:var(--navy);font-weight:900}.wcpec-grid{display:grid;gap:16px}.wcpec-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.wcpec-stat span{display:block;color:var(--muted);font-weight:700}.wcpec-stat strong{display:block;font-size:34px;color:var(--purple);margin-top:8px}.wcpec-alert{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}.wcpec-alert strong{color:var(--navy)}.wcpec-alert span{color:var(--muted)}.wcpec-alert-warning{border-color:#f1d595;background:#fffaf0}.wcpec-alert-danger{border-color:#ffc2cc;background:#fff5f7}.wcpec-alert-success{border-color:#a7eadf;background:#f2fffc}.wcpec-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.wcpec-btn{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:14px;padding:11px 16px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.wcpec-btn-primary{background:linear-gradient(135deg,var(--purple),#4c4a86);color:#fff;border-color:transparent}.wcpec-btn-small{padding:7px 10px;border-radius:10px;font-size:12px}.wcpec-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.wcpec-service-card{display:flex;flex-direction:column;gap:12px}.wcpec-service-card>span{align-self:flex-start;background:var(--purple2);color:var(--purple);font-weight:900;border-radius:999px;padding:5px 10px}.wcpec-service-card p{color:var(--muted);line-height:1.8;margin:0;min-height:56px}.wcpec-service-meta{display:flex;justify-content:space-between;gap:10px;color:var(--navy);border-top:1px solid var(--line);padding-top:12px}.wcpec-form-grid,.wcpec-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wcpec-form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--navy);font-weight:800}.wcpec-form-grid input,.wcpec-form-grid select,.wcpec-inline-form input{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;outline:none;color:var(--text)}.wcpec-info-grid div{background:#fafafe;border:1px solid var(--line);border-radius:16px;padding:14px}.wcpec-info-grid span{display:block;color:var(--muted);font-size:12px}.wcpec-info-grid strong{display:block;color:var(--navy);font-size:15px;margin-top:5px}.wcpec-stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.wcpec-stepper span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--muted);font-weight:800}.wcpec-stepper span.active{background:var(--navy);color:#fff}.wcpec-wizard-form{display:flex;flex-direction:column;gap:16px}.wcpec-pledge p{line-height:1.9;color:var(--muted)}.wcpec-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.wcpec-price-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafafe;border:1px solid var(--line);border-radius:16px;padding:15px}.wcpec-price-box strong{color:var(--purple);font-size:22px}.wcpec-price-box small{color:var(--muted)}.wcpec-table-wrap{overflow:auto}.wcpec-data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.wcpec-data-table th{background:var(--navy);color:#fff;text-align:right;padding:14px;font-weight:900}.wcpec-data-table th:first-child{border-radius:0 16px 0 0}.wcpec-data-table th:last-child{border-radius:16px 0 0 0}.wcpec-data-table td{padding:14px;border-bottom:1px solid var(--line);background:#fff}.wcpec-empty{text-align:center;color:var(--muted)}.wcpec-inline-form{display:flex;gap:10px}.wcpec-inline-form input{flex:1}.wcpec-loader-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;color:var(--muted)}.wcpec-toast{position:fixed;left:24px;bottom:24px;z-index:99999;padding:14px 18px;border-radius:16px;color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.25)}.wcpec-toast.ok{background:var(--ok)}.wcpec-toast.err{background:var(--danger)}.wcpec-tasees-login{min-height:520px;display:flex;align-items:center;justify-content:center;background:var(--bg,#F4F3FB);font-family:'Tajawal',Arial}.wcpec-login-card{text-align:center;max-width:520px}.wcpec-login-card h2{color:#080A24}.wcpec-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.wcpec-modal-box{background:#fff;border-radius:24px;max-width:720px;width:100%;padding:22px;position:relative}.wcpec-modal-close{position:absolute;left:14px;top:10px;border:0;background:#f2f2f8;border-radius:12px;width:34px;height:34px;cursor:pointer} @media(max-width:1100px){.wcpec-grid-5{grid-template-columns:repeat(2,1fr)}.wcpec-form-grid,.wcpec-info-grid{grid-template-columns:repeat(2,1fr)}.wcpec-sidebar{position:fixed;right:-330px;transition:.25s}.wcpec-app.sidebar-open .wcpec-sidebar{right:0}.wcpec-menu-toggle{display:block;border:0;background:var(--navy);color:#fff;border-radius:12px;padding:9px 12px}.wcpec-main{height:auto;min-height:100vh}.wcpec-topbar{gap:12px}.wcpec-userbox{display:none}} @media(max-width:700px){.wcpec-content{padding:16px}.wcpec-topbar{padding:16px}.wcpec-topbar h1{font-size:22px}.wcpec-grid-5,.wcpec-form-grid,.wcpec-info-grid,.wcpec-service-grid{grid-template-columns:1fr}.wcpec-alert,.wcpec-price-box{flex-direction:column;align-items:flex-start}.wcpec-inline-form{flex-direction:column}.wcpec-btn{width:100%}} /* WCPEC FIX: منع بقاء النافذة المعلقة فوق الشاشة */ .wcpec-modal[hidden], #wcpec-modal[hidden]{ display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } .wcpec-modal:not([hidden]){ display:flex !important; opacity:1; visibility:visible; pointer-events:auto; } .wcpec-modal-box{ max-height:88vh; overflow:auto; } body.wcpec-tasees-modal-open{ overflow:hidden; } /* WCPEC FIX: تخفيف ثقل الواجهة */ .wcpec-app{ contain:layout style; } .wcpec-sidebar,.wcpec-topbar{ will-change:auto; } .wcpec-loader-card{ min-height:120px; display:flex; align-items:center; justify-content:center; } /* WCPEC PROFILE/ICN FIXES */ .wcpec-hidden-soft{display:none!important} .wcpec-form-grid select, .wcpec-form-grid input, .wcpec-inline-form input{ position:relative; z-index:2; min-height:46px; pointer-events:auto!important; appearance:auto!important; -webkit-appearance:menulist!important; } .wcpec-form-grid label{position:relative;z-index:1} .wcpec-card{position:relative} .wcpec-alert .wcpec-btn{flex:0 0 auto} .wcpec-field-label{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:8px;color:#080A24} .wcpec-help{width:22px;height:22px;border-radius:50%;border:1px solid #DEDCEB;background:#EDEAFD;color:#080A24;font-weight:900;line-height:1;cursor:pointer} .wcpec-help:hover{background:#716DA5;color:#fff} .wcpec-hidden-soft{display:none!important} .wcpec-form-grid select option[style*="display: none"]{display:none!important} /* WCPEC Founder Form Official Visual Hotfix */ .wcpec-form-grid > label{ gap:8px !important; overflow:visible !important; } .wcpec-field-label{ display:flex !important; align-items:center !important; justify-content:flex-start !important; flex-direction:row !important; gap:7px !important; width:100% !important; margin:0 0 6px !important; padding:0 !important; color:#080A24 !important; font-size:15px !important; font-weight:900 !important; line-height:1.4 !important; background:transparent !important; border:0 !important; } .wcpec-help, .wcpec-field-label .wcpec-help{ all:unset !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 20px !important; width:20px !important; height:20px !important; min-width:20px !important; min-height:20px !important; max-width:20px !important; max-height:20px !important; border-radius:50% !important; border:1px solid #d8d4ee !important; background:#f4f1ff !important; color:#57508c !important; font-size:12px !important; font-weight:900 !important; line-height:20px !important; text-align:center !important; cursor:pointer !important; box-shadow:none !important; padding:0 !important; margin:0 !important; } .wcpec-help:hover, .wcpec-help:focus{ background:#716DA5 !important; color:#fff !important; outline:0 !important; } .wcpec-form-grid input, .wcpec-form-grid select{ width:100% !important; height:52px !important; min-height:52px !important; padding:0 14px !important; border:1px solid #d9d6ea !important; border-radius:15px !important; background:#fff !important; color:#080A24 !important; font-size:15px !important; font-weight:600 !important; box-shadow:none !important; } .wcpec-form-grid select{ cursor:pointer !important; } .wcpec-form-grid input:focus, .wcpec-form-grid select:focus{ border-color:#716DA5 !important; box-shadow:0 0 0 3px rgba(113,109,165,.12) !important; } .wcpec-card .wcpec-form-grid{ align-items:start !important; } /* WCPEC ICN/Pledge Final Hotfix */ .wcpec-modal-box > .wcpec-modal-close{ position:absolute!important; left:14px!important; top:10px!important; width:34px!important; height:34px!important; border:0!important; background:#f2f2f8!important; color:#080A24!important; border-radius:12px!important; cursor:pointer!important; z-index:3!important; } .wcpec-modal-content .wcpec-modal-close{ position:static!important; width:auto!important; height:auto!important; min-width:auto!important; min-height:auto!important; border:1px solid #DEDCEB!important; background:#fff!important; color:#080A24!important; border-radius:14px!important; padding:11px 16px!important; font-weight:900!important; line-height:1.4!important; } .wcpec-modal-panel, .wcpec-pledge-modal{ background:#fff; border:1px solid #DEDCEB; border-radius:22px; padding:24px; box-shadow:none; } .wcpec-pledge-modal h3,.wcpec-modal-panel h3{margin:0 0 14px;color:#080A24;font-size:26px;font-weight:900} .wcpec-pledge-scroll{max-height:52vh;overflow:auto;padding:6px 4px 6px 12px;color:#2f3347;line-height:2;font-size:15px} .wcpec-pledge-scroll p{margin:0 0 12px} .wcpec-icn-card{border-color:#d8d4ee!important;background:linear-gradient(180deg,#fff,#fbfbff)!important} .wcpec-pledge-actions{margin-bottom:10px} .wcpec-pledge-check{margin-top:8px!important} #wcpec-inline-issue-icn:disabled{opacity:.65;cursor:not-allowed} /* WCPEC Tasees Unified Login/Register + UICS Merge */ .wcpec-auth-page{min-height:70vh;display:flex;align-items:center;justify-content:center;background:#f4f3fb;padding:32px;font-family:Tajawal,Arial,sans-serif;color:#080a24} .wcpec-auth-card{width:min(560px,100%);background:#fff;border:1px solid #dedceb;border-radius:28px;box-shadow:0 20px 55px rgba(8,10,36,.10);padding:30px;display:grid;gap:16px} .wcpec-auth-card h2,.wcpec-auth-card h3{margin:0;color:#080a24;font-size:28px;font-weight:900}.wcpec-auth-card p{margin:0;color:#77758b;line-height:1.8}.wcpec-auth-card label{display:grid;gap:8px;font-weight:800}.wcpec-auth-card input,.wcpec-auth-card select,.wcpec-auth-card textarea{height:52px;border:1px solid #dedceb;border-radius:16px;padding:0 16px;font-family:inherit;background:#fff}.wcpec-auth-card textarea{height:120px;padding:14px 16px}.wcpec-inline-check{display:flex!important;grid-template-columns:unset!important;align-items:center;gap:10px}.wcpec-inline-check input{width:18px;height:18px}.wcpec-uics-merged-card{border-color:#dedceb}.wcpec-live-seal{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:54px;border-radius:18px;background:#edeafd;color:#080a24;font-weight:900;border:1px solid #716da5;letter-spacing:.5px} /* WCPEC Smart Onboarding Steps Hotfix */ .wcpec-steps-card{border:1px solid #dedceb;background:#fff;box-shadow:0 18px 40px rgba(8,10,36,.08)} .wcpec-smart-steps{display:flex;flex-direction:column;gap:12px;margin-top:14px} .wcpec-smart-step{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;border:1px solid #e4e1f2;border-radius:18px;padding:14px 16px;background:#fafaff} .wcpec-smart-step.done{background:#f3fbf8;border-color:#c9eee3} .wcpec-smart-step.pending{background:#fffaf1;border-color:#ecdab6} .wcpec-smart-step-num{width:38px;height:38px;border-radius:14px;background:#716DA5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900} .wcpec-smart-step.done .wcpec-smart-step-num{background:#16B7A0} .wcpec-smart-step-body{display:flex;flex-direction:column;gap:6px} .wcpec-smart-step-body strong{font-size:15px;color:#080A24} .wcpec-smart-step-body span{font-size:13px;color:#5f5b74;line-height:1.8} .wcpec-step-done-label{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 14px;background:#dff7ef;color:#0b745f;font-size:13px} @media(max-width:760px){.wcpec-smart-step{grid-template-columns:38px 1fr}.wcpec-smart-step .wcpec-btn,.wcpec-step-done-label{grid-column:1/-1;width:100%}} /* WCPEC REAL FRONTEND VALIDATION PATCH */ .wcpec-field-error{border-color:#ff5b78!important;box-shadow:0 0 0 3px rgba(255,91,120,.12)!important;background:#fff7f9!important}.wcpec-inline-error{display:block;color:#ff2f5f;font-weight:900;margin-top:6px}.wcpec-loading-btn{opacity:.75;cursor:wait}.wcpec-status-card .wcpec-info-grid{margin-bottom:18px}.wcpec-hidden-soft{display:none!important}.wcpec-alert-success{border-color:#16B7A0!important;background:#f0fffc!important}.wcpec-alert-danger{border-color:#ff5b78!important;background:#fff5f7!important}.wcpec-alert-warning{border-color:#e3bd7c!important;background:#fffaf0!important}.wcpec-smart-steps{display:grid;gap:12px}.wcpec-smart-step{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #dedceb;border-radius:18px;padding:14px;background:#fff}.wcpec-smart-step.done{background:#f0fffc}.wcpec-smart-step.pending{background:#fff}.wcpec-smart-step-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#716DA5;color:#fff;font-weight:900}.wcpec-step-done-label{color:#16B7A0}.wcpec-smart-step-body span{display:block;color:#77758B;margin-top:4px} /* WCPEC stabilized frontend actions */ .wcpec-hidden-soft{display:none!important}.wcpec-field-error{border-color:#e5484d!important;background:#fff5f5!important;box-shadow:0 0 0 3px rgba(229,72,77,.08)!important}.wcpec-inline-error{display:block;color:#c40000;font-weight:800;font-size:12px;margin-top:6px}.wcpec-loading-btn{opacity:.75;cursor:wait!important}.wcpec-loading-btn:after{content:' ...';animation:wcpecDots 1s infinite}@keyframes wcpecDots{0%{content:' .'}50%{content:' ..'}100%{content:' ...'}}.wcpec-status-card .wcpec-alert{margin-top:16px}.wcpec-independent-panel{border-top:4px solid #716da5}.wcpec-form-grid label{position:relative}.wcpec-file-current{display:block;margin-top:6px;color:#0b5d46;font-weight:700}.wcpec-actions{gap:10px;flex-wrap:wrap} .wcpec-smart-step.review{border-color:#d6a43b;background:#fffaf0}.wcpec-smart-step.correction{border-color:#d44;background:#fff5f5}.wcpec-smart-step.locked{opacity:.72;background:#f5f6f8}.wcpec-step-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 12px;background:#eef2ff;color:#172554;font-size:12px;white-space:nowrap}.wcpec-smart-step.done .wcpec-step-state{background:#dcfce7;color:#14532d}.wcpec-smart-step.review .wcpec-step-state{background:#fef3c7;color:#92400e}.wcpec-smart-step.correction .wcpec-step-state{background:#fee2e2;color:#991b1b}.wcpec-smart-step.locked .wcpec-step-state{background:#e5e7eb;color:#374151}.wcpec-required-missing{border-color:#dc2626!important;background:#fff7f7!important;box-shadow:0 0 0 2px rgba(220,38,38,.12)!important}.wcpec-field-error{display:block;margin-top:5px;color:#dc2626;font-weight:700}.wcpec-btn-loading{position:relative;opacity:.75;cursor:wait!important} .wcpec-auth-box{max-width:520px;margin:40px auto;background:#fff;border:1px solid #dedceb;border-radius:22px;padding:28px;box-shadow:0 20px 50px rgba(7,25,39,.12);font-family:Tajawal,Arial,sans-serif}.wcpec-auth-box h2{margin-top:0;color:#071927}.wcpec-auth-box label{display:block;margin:12px 0;font-weight:700;color:#071927}.wcpec-auth-box input,.wcpec-auth-box select{width:100%;padding:12px;border:1px solid #d9e2e8;border-radius:12px;margin-top:6px}.wcpec-form-result{margin-top:12px;padding:10px;border-radius:10px;display:none}.wcpec-form-result.ok,.wcpec-form-result.err{display:block}.wcpec-form-result.ok{background:#edfffb;color:#0b5d46}.wcpec-form-result.err{background:#fff1f4;color:#b00028}.wcpec-btn.is-loading{opacity:.75;cursor:wait} .wcpec-field-error{border-color:#e11d48!important;box-shadow:0 0 0 2px rgba(225,29,72,.14)!important;background:#fff7f8!important} .wcpec-doc-hint{display:block;margin:8px 0;color:#6b7280;line-height:1.7}.wcpec-service-group{margin-bottom:18px}.wcpec-service-grid-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))} /* WCPEC Auth and service UX fixes */ .wcpec-auth-page{min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6f7fb,#eef1f8);padding:40px 16px;font-family:Tajawal,Arial,sans-serif} .wcpec-auth-card,.wcpec-auth-box{width:min(560px,94vw);background:#fff;border:1px solid #d9dcef;border-radius:28px;box-shadow:0 26px 70px rgba(8,10,36,.13);padding:34px;display:flex;flex-direction:column;gap:16px;color:#080a24} .wcpec-auth-card h2,.wcpec-auth-box h2{margin:0 0 8px;font-size:32px;line-height:1.35;color:#080a24;text-align:center} .wcpec-auth-card p,.wcpec-auth-box p{margin:0 0 8px;color:#77758b;text-align:center} .wcpec-auth-card label,.wcpec-auth-box label{font-weight:800;color:#080a24;display:flex;flex-direction:column;gap:8px} .wcpec-auth-card input,.wcpec-auth-card select,.wcpec-auth-box input,.wcpec-auth-box select{height:48px;border:1px solid #d9dcef;border-radius:14px;padding:0 14px;background:#fff;color:#080a24;font-weight:700} .wcpec-auth-card .wcpec-btn,.wcpec-auth-box .wcpec-btn{height:50px;border-radius:14px;background:#56519b!important;color:#fff!important;border:0!important;font-weight:900;font-size:16px;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none} .wcpec-auth-card a,.wcpec-auth-box a{color:#56519b;font-weight:800;text-align:center;text-decoration:none} .wcpec-service-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.wcpec-service-actions .wcpec-btn{flex:1}.wcpec-service-modal h3{margin-top:0;color:#080a24}.wcpec-service-modal p{line-height:1.9;color:#333}.wcpec-delegation-form-card{border-top:4px solid #716da5}.wcpec-form-result{margin-top:10px}.wcpec-field-error,[required].wcpec-field-error{border-color:#ff5b78!important;background:#fff5f7!important} /* WCPEC Auth / UX final fixes */ .wcpec-auth-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f8fc,#eef0f8);padding:40px 16px;font-family:Tajawal,Arial,sans-serif} .wcpec-auth-card{width:min(560px,100%);background:#fff;border:1px solid #dfe3f1;border-radius:28px;box-shadow:0 24px 70px rgba(8,10,36,.12);padding:36px;text-align:right} .wcpec-auth-card h2{margin:0 0 10px;color:#080A24;font-size:34px;font-weight:900;line-height:1.35;text-align:center} .wcpec-auth-card p{color:#747891;text-align:center;margin:0 0 24px;line-height:1.8} .wcpec-auth-card label{display:block;margin:14px 0 8px;font-weight:900;color:#080A24} .wcpec-auth-card input,.wcpec-auth-card select{width:100%;border:1px solid #d8dceb;border-radius:16px;padding:14px 16px;background:#fff;color:#080A24;font-size:15px;outline:none;box-sizing:border-box} .wcpec-auth-card input:focus,.wcpec-auth-card select:focus{border-color:#716DA5;box-shadow:0 0 0 4px rgba(113,109,165,.12)} .wcpec-auth-card .wcpec-btn,.wcpec-auth-card button[type=submit]{width:100%;margin-top:18px;background:linear-gradient(135deg,#716DA5,#4c4a86)!important;color:#fff!important;border:0!important;border-radius:16px;padding:14px 18px;font-weight:900;font-size:16px;cursor:pointer;text-decoration:none} .wcpec-auth-card .wcpec-btn:hover,.wcpec-auth-card button[type=submit]:hover{filter:brightness(.96)} .wcpec-auth-card a{display:block;text-align:center;margin-top:18px;color:#4c4a86;font-weight:900;text-decoration:none} .wcpec-auth-card .wcpec-inline-check{display:flex;align-items:center;gap:10px;line-height:1.8} .wcpec-auth-card .wcpec-inline-check input{width:auto} .wcpec-form-result.ok{background:#effdf8;border:1px solid #a8ead9;color:#0b6657;border-radius:14px;padding:10px 12px;margin-top:10px} .wcpec-form-result.err{background:#fff3f5;border:1px solid #ffc5d0;color:#a01834;border-radius:14px;padding:10px 12px;margin-top:10px} .wcpec-service-actions{display:flex;gap:10px;flex-wrap:wrap} /* WCPEC Connector payment overlay fallback */ .wcpec-sbcp-transfer-overlay{position:fixed;inset:0;background:rgba(7,16,30,.72);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl} .wcpec-sbcp-transfer-box{width:min(560px,92vw);background:#fff;border-radius:24px;padding:34px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25);border:1px solid rgba(120,120,180,.18);color:#07112b} .wcpec-sbcp-transfer-box h3{margin:10px 0 8px;font-size:24px;color:#07112b}.wcpec-sbcp-transfer-box p{margin:0 0 16px;color:#555;line-height:1.9} .wcpec-sbcp-transfer-spinner{width:56px;height:56px;border-radius:50%;border:5px solid #eef0f8;border-top-color:#635aa3;margin:0 auto 12px;animation:wcpecSpin 1s linear infinite} .wcpec-sbcp-transfer-progress{height:8px;background:#eef0f8;border-radius:30px;overflow:hidden;margin-top:18px}.wcpec-sbcp-transfer-progress span{display:block;height:100%;width:60%;background:#635aa3;animation:wcpecProgress 1.8s ease-in-out infinite;border-radius:30px} .wcpec-sbcp-success-check,.wcpec-sbcp-error-mark{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:30px;font-weight:900}.wcpec-sbcp-success-check{background:#e7fbf2;color:#0a7c51}.wcpec-sbcp-error-mark{background:#fff0f0;color:#b42318} .wcpec-sbcp-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 24px;text-decoration:none;font-weight:800;cursor:pointer}.wcpec-sbcp-btn.is-primary{background:#635aa3;color:#fff!important} @keyframes wcpecSpin{to{transform:rotate(360deg)}}@keyframes wcpecProgress{0%{transform:translateX(120%)}50%{transform:translateX(0)}100%{transform:translateX(-120%)}} /* ===== WCPEC Professional Accounts Layer ===== */ .wcpec-userbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#0b2233} .wcpec-account-switcher{position:relative;z-index:30;font-family:'Tajawal','Cairo',Arial,sans-serif;color:#0b2233} .wcpec-account-current{min-width:230px;border:1px solid rgba(184,145,59,.35);background:#ffffff;color:#0b2233;border-radius:16px;padding:10px 14px;text-align:right;box-shadow:0 10px 28px rgba(7,25,39,.08);cursor:pointer;display:grid;gap:2px} .wcpec-account-current span{font-size:12px;color:#607080;font-weight:700} .wcpec-account-current strong{font-size:15px;color:#071927;font-weight:900} .wcpec-account-current small{font-size:11px;color:#0b5d46;font-weight:800;direction:ltr;text-align:right} .wcpec-account-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:310px;background:#ffffff;border:1px solid #d9e2e8;border-radius:18px;box-shadow:0 22px 55px rgba(7,25,39,.18);padding:12px;display:none;color:#0b2233} .wcpec-account-switcher.is-open .wcpec-account-menu{display:block} .wcpec-account-menu>b{display:block;color:#071927;margin:0 0 8px;font-size:14px;font-weight:900} .wcpec-account-option{width:100%;border:1px solid #e1e8ee;background:#f8fafc;color:#0b2233;border-radius:14px;padding:10px 12px;margin:6px 0;text-align:right;cursor:pointer;display:grid;gap:3px} .wcpec-account-option:hover,.wcpec-account-option.is-active{background:#0b2233;color:#ffffff;border-color:#0b2233} .wcpec-account-option small{direction:ltr;text-align:right;color:inherit;opacity:.82;font-weight:700} .wcpec-account-create-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e1e8ee} .wcpec-create-account{border:1px solid rgba(11,93,70,.25);background:#eef8f4;color:#0b5d46;border-radius:12px;padding:9px 10px;font-weight:800;cursor:pointer} .wcpec-create-account:hover{background:#0b5d46;color:#ffffff} .wcpec-active-account-card{display:flex!important;align-items:center;gap:12px;justify-content:flex-start;flex-wrap:wrap;border-right:5px solid #b8913b!important;background:linear-gradient(135deg,#ffffff,#f7fafb)!important;color:#0b2233!important} .wcpec-active-account-card span{color:#607080;font-weight:800} .wcpec-active-account-card strong{color:#071927;font-weight:900;font-size:18px} .wcpec-active-account-card b{color:#0b5d46;background:#e9f6f1;border-radius:999px;padding:7px 12px;font-size:13px} .wcpec-active-account-card small{color:#4f6170;font-weight:700} .wcpec-account-block-modal h3{color:#071927;margin:0 0 12px;font-size:22px;font-weight:900} .wcpec-account-block-modal p{color:#263847;font-size:15px;line-height:1.8;margin:6px 0} .wcpec-account-block-modal strong{color:#0b5d46} .wcpec-activity-category{background:#ffffff;color:#071927;border:1px solid #cfd9e2} .wcpec-field-error,.wcpec-required-missing+small{color:#b42318!important;background:#fff1f0!important;padding:3px 7px;border-radius:8px;font-weight:800;display:inline-block;margin-top:5px} .wcpec-required-missing{border-color:#b42318!important;background:#fffafa!important;color:#071927!important} @media(max-width:780px){.wcpec-account-current{min-width:100%}.wcpec-account-menu{left:auto;right:0;min-width:280px}.wcpec-account-create-row{grid-template-columns:1fr}.wcpec-userbox{width:100%;align-items:stretch}.wcpec-account-switcher{width:100%}} /* WCPEC 5.4.5 account creation confirmation */ .wcpec-account-confirm-modal{ position:fixed; inset:0; background:rgba(9,22,36,.68); z-index:9999999; display:flex; align-items:center; justify-content:center; padding:20px; } .wcpec-account-confirm-box{ width:min(560px,96vw); background:#fff; border-radius:24px; padding:30px; box-shadow:0 35px 100px rgba(0,0,0,.34); font-family:"Tajawal","Cairo",Arial,sans-serif; color:#182536; text-align:right; } .wcpec-account-confirm-box h3{ margin:0 0 14px; color:#071c33; font-size:24px; font-weight:900; } .wcpec-account-confirm-box p{ margin:0 0 12px; color:#344054; line-height:1.9; font-size:16px; } .wcpec-account-confirm-actions{ display:flex; gap:10px; justify-content:flex-start; flex-wrap:wrap; margin-top:22px; } .wcpec-account-confirm-actions button{ border:0; min-height:46px; padding:0 22px; border-radius:14px; cursor:pointer; font-weight:900; } .wcpec-account-confirm-yes{ background:#075e45; color:#fff; } .wcpec-account-confirm-no{ background:#edf2f7; color:#071c33; } .wcpec-account-confirm-yes:disabled{ opacity:.7; cursor:not-allowed; } /* ===================================================================== WCPEC Tasees 5.8.0 - Government User Interface Full Replacement Applies only inside frontend user dashboards: #wcpec-tasees-app ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap'); body:has(#wcpec-tasees-app) #wpadminbar{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important} html:has(#wcpec-tasees-app){margin-top:0!important} body:has(#wcpec-tasees-app){margin:0!important;background:#f4f7fb!important;overflow:hidden!important;font-family:'Tajawal',Arial,sans-serif!important;color:#0b1f3a!important} body:has(#wcpec-tasees-app) header:not(.wcpec-gov-topbar), body:has(#wcpec-tasees-app) footer:not(.wcpec-gov-footer), body:has(#wcpec-tasees-app) .site-header, body:has(#wcpec-tasees-app) .site-footer, body:has(#wcpec-tasees-app) .entry-header, body:has(#wcpec-tasees-app) .page-header{display:none!important} body:has(#wcpec-tasees-app) .entry-content, body:has(#wcpec-tasees-app) .elementor-widget-container, body:has(#wcpec-tasees-app) .elementor-section, body:has(#wcpec-tasees-app) .elementor-container, body:has(#wcpec-tasees-app) .elementor-column, body:has(#wcpec-tasees-app) .elementor-widget-wrap{padding:0!important;margin:0!important;max-width:none!important;width:100%!important} #wcpec-tasees-app, #wcpec-tasees-app *{box-sizing:border-box;font-family:'Tajawal',Arial,sans-serif!important;letter-spacing:0!important} #wcpec-tasees-app{--gov-navy:#071b34;--gov-navy2:#0b2547;--gov-blue:#1167d8;--gov-blue2:#0b7bd3;--gov-gold:#c78a28;--gov-green:#008c62;--gov-red:#c72920;--gov-text:#081f3f;--gov-muted:#69758a;--gov-line:#d9e3f0;--gov-soft:#f5f8fc;--gov-card:#ffffff;--gov-shadow:0 18px 42px rgba(7,27,52,.08);display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;grid-template-areas:'sidebar main'!important;direction:rtl!important;width:100vw!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important;background:radial-gradient(circle at 18% 10%,rgba(17,103,216,.11),transparent 34%),linear-gradient(180deg,#f8fbff 0%,#edf3fa 100%)!important;color:var(--gov-text)!important} #wcpec-tasees-app .wcpec-gov-sidebar{grid-area:sidebar!important;width:292px!important;min-width:292px!important;height:100vh!important;position:sticky!important;top:0!important;right:0!important;display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#071b34 0%,#06162a 100%)!important;border-left:1px solid rgba(255,255,255,.08)!important;border-right:0!important;box-shadow:-18px 0 46px rgba(7,27,52,.18)!important;padding:0!important;z-index:50!important;color:#fff!important;overflow:hidden!important} #wcpec-tasees-app .wcpec-gov-brand{height:116px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:22px 20px!important;background:#fff!important;border-bottom:1px solid rgba(7,27,52,.08)!important;color:var(--gov-navy)!important} #wcpec-tasees-app .wcpec-gov-brand-logo{width:58px!important;height:58px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#fff6e7,#fff)!important;border:1px solid #efd8b2!important;color:var(--gov-gold)!important;font-size:28px!important;font-weight:900!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(199,138,40,.16)!important} #wcpec-tasees-app .wcpec-gov-brand-logo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important} #wcpec-tasees-app .wcpec-gov-brand-text{display:flex!important;flex-direction:column!important;gap:4px!important;line-height:1.2!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-brand-text strong{font-size:24px!important;font-weight:900!important;color:#071b34!important;margin:0!important} #wcpec-tasees-app .wcpec-gov-brand-text span{font-size:12px!important;font-weight:800!important;color:#44536a!important;margin:0!important;white-space:normal!important} #wcpec-tasees-app .wcpec-gov-search{padding:18px 18px 12px!important;background:rgba(255,255,255,.02)!important} #wcpec-tasees-app .wcpec-gov-search input{width:100%!important;height:54px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;background:#fff!important;color:#071b34!important;padding:0 18px!important;font-size:14px!important;font-weight:800!important;outline:0!important;box-shadow:0 14px 35px rgba(0,0,0,.12)!important} #wcpec-tasees-app .wcpec-gov-search input::placeholder{color:#7b8798!important} #wcpec-tasees-app .wcpec-gov-nav{display:flex!important;flex-direction:column!important;gap:6px!important;overflow:auto!important;padding:10px 16px 18px!important;flex:1!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.35) transparent!important;background:transparent!important;border:0!important} #wcpec-tasees-app .wcpec-gov-nav button{height:49px!important;min-height:49px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;border:0!important;border-radius:15px!important;padding:0 14px!important;background:transparent!important;color:#eef5ff!important;font-size:15px!important;font-weight:900!important;text-align:right!important;cursor:pointer!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,transform .18s ease!important} #wcpec-tasees-app .wcpec-gov-nav button i{width:25px!important;height:25px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#c78a28!important;background:rgba(255,255,255,.07)!important;font-style:normal!important;font-size:13px!important;flex:0 0 25px!important} #wcpec-tasees-app .wcpec-gov-nav button span{display:block!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important} #wcpec-tasees-app .wcpec-gov-nav button:hover{background:rgba(255,255,255,.08)!important;transform:translateX(-2px)!important} #wcpec-tasees-app .wcpec-gov-nav button.active{background:#fff!important;color:#0b4aa1!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important} #wcpec-tasees-app .wcpec-gov-nav button.active i{background:#eef5ff!important;color:#0b67d8!important} #wcpec-tasees-app .wcpec-gov-sidebar-footer{padding:18px 18px 22px!important;border-top:1px solid rgba(255,255,255,.10)!important;background:rgba(0,0,0,.12)!important;display:flex!important;flex-direction:column!important;gap:7px!important;color:#dfeaff!important} #wcpec-tasees-app .wcpec-gov-sidebar-footer strong{font-size:13px!important;font-weight:900!important;color:#fff!important} #wcpec-tasees-app .wcpec-gov-sidebar-footer span{font-size:12px!important;line-height:1.8!important;color:#b9c8db!important} #wcpec-tasees-app .wcpec-gov-main{grid-area:main!important;height:100vh!important;min-width:0!important;overflow:auto!important;background:transparent!important;padding:0!important;position:relative!important} #wcpec-tasees-app .wcpec-gov-topbar{height:86px!important;position:sticky!important;top:0!important;z-index:40!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--gov-line)!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto minmax(280px,auto)!important;gap:16px!important;align-items:center!important;padding:14px 26px!important;box-shadow:0 10px 28px rgba(7,27,52,.06)!important;margin:0!important;color:var(--gov-text)!important} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important} #wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:flex-end!important} #wcpec-tasees-app .wcpec-menu-toggle{width:46px!important;height:46px!important;display:none!important;align-items:center!important;justify-content:center!important;border:1px solid var(--gov-line)!important;border-radius:14px!important;background:#fff!important;color:var(--gov-navy)!important;font-size:22px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(7,27,52,.06)!important} #wcpec-tasees-app .wcpec-gov-current-account{min-height:58px!important;display:grid!important;grid-template-columns:auto auto!important;grid-template-areas:'label type' 'icn icn'!important;gap:2px 8px!important;align-content:center!important;border:1px solid #caeadf!important;background:linear-gradient(135deg,#ecfff8,#fff)!important;border-radius:18px!important;padding:10px 16px!important;min-width:300px!important;color:#064b39!important;box-shadow:0 12px 28px rgba(0,140,98,.07)!important} #wcpec-tasees-app .wcpec-gov-current-account span{grid-area:label!important;font-size:12px!important;font-weight:800!important;color:#66758a!important} #wcpec-tasees-app .wcpec-gov-current-account strong{grid-area:type!important;font-size:15px!important;font-weight:900!important;color:#071b34!important} #wcpec-tasees-app .wcpec-gov-current-account b{grid-area:icn!important;font-size:12px!important;font-weight:900!important;color:#007a58!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-notification{height:50px!important;display:flex!important;align-items:center!important;gap:9px!important;position:relative!important;border:1px solid var(--gov-line)!important;background:#fff!important;color:#1a3355!important;border-radius:999px!important;padding:0 18px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(7,27,52,.06)!important;cursor:pointer!important} #wcpec-tasees-app .wcpec-gov-notification i{font-style:normal!important;color:#1167d8!important} #wcpec-tasees-app .wcpec-gov-notification em{position:absolute!important;top:-7px!important;right:9px!important;min-width:20px!important;height:20px!important;border-radius:999px!important;background:#c72920!important;color:#fff!important;border:2px solid #fff!important;font-size:11px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important} #wcpec-tasees-app .wcpec-gov-account-switcher{display:flex!important;align-items:center!important;min-width:0!important} #wcpec-tasees-app .wcpec-gov-account-switcher:empty{display:none!important} #wcpec-tasees-app .wcpec-gov-account-switcher *{max-width:360px!important} #wcpec-tasees-app .wcpec-gov-account-switcher select, #wcpec-tasees-app .wcpec-gov-account-switcher button, #wcpec-tasees-app .wcpec-gov-account-switcher a{height:50px!important;border-radius:14px!important;border:1px solid var(--gov-line)!important;background:#fff!important;color:#071b34!important;font-weight:900!important;text-decoration:none!important} #wcpec-tasees-app .wcpec-gov-user-card{height:58px!important;display:flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--gov-line)!important;background:#fff!important;border-radius:18px!important;padding:8px 10px 8px 16px!important;box-shadow:0 10px 22px rgba(7,27,52,.06)!important;color:#071b34!important} #wcpec-tasees-app .wcpec-gov-avatar{width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(135deg,#0b67d8,#0b2547)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:18px!important} #wcpec-tasees-app .wcpec-gov-user-card span{display:block!important;font-size:11px!important;color:#7a8798!important;font-weight:800!important;margin-bottom:3px!important} #wcpec-tasees-app .wcpec-gov-user-card strong{display:block!important;font-size:14px!important;color:#071b34!important;font-weight:900!important;white-space:nowrap!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-logout{height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;border-radius:14px!important;background:#fff4f2!important;color:#ba281f!important;border:1px solid #ffd6d0!important;font-weight:900!important;text-decoration:none!important} #wcpec-tasees-app .wcpec-gov-hero{margin:28px 28px 16px!important;min-height:144px!important;border:1px solid var(--gov-line)!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(250,252,255,.88)),radial-gradient(circle at 18% 22%,rgba(17,103,216,.14),transparent 34%)!important;box-shadow:var(--gov-shadow)!important;padding:30px 34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;position:relative!important;overflow:hidden!important;color:#071b34!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-hero:before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(199,138,40,.18),transparent 14%,transparent 86%,rgba(17,103,216,.10))!important;pointer-events:none!important} #wcpec-tasees-app .wcpec-gov-kicker{display:block!important;margin:0 0 8px!important;color:#69758a!important;font-size:13px!important;font-weight:800!important} #wcpec-tasees-app .wcpec-gov-hero h1{margin:0!important;color:#061b36!important;font-size:38px!important;line-height:1.2!important;font-weight:900!important} #wcpec-tasees-app .wcpec-gov-hero p{margin:10px 0 0!important;color:#69758a!important;font-size:15px!important;line-height:1.8!important;font-weight:700!important} #wcpec-tasees-app .wcpec-gov-hero-status{min-width:170px!important;border:1px solid #cfeee1!important;background:#effff8!important;border-radius:20px!important;padding:14px 18px!important;color:#074e3b!important;box-shadow:0 14px 28px rgba(0,140,98,.08)!important} #wcpec-tasees-app .wcpec-gov-hero-status span{display:block!important;font-size:12px!important;font-weight:800!important;color:#68847b!important;margin-bottom:5px!important} #wcpec-tasees-app .wcpec-gov-hero-status strong{display:block!important;font-size:16px!important;font-weight:900!important;color:#007a58!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 28px 28px!important;margin:0!important;max-width:none!important;width:100%!important;min-height:calc(100vh - 330px)!important;background:transparent!important;color:#071b34!important;text-align:right!important} #wcpec-tasees-app .wcpec-loader-card{border:1px solid var(--gov-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--gov-shadow)!important;min-height:180px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#69758a!important;font-weight:900!important;font-size:16px!important} /* Cards, alerts, dashboards */ #wcpec-tasees-app .wcpec-card, #wcpec-tasees-app .wcpec-status-card, #wcpec-tasees-app .wcpec-icn-card, #wcpec-tasees-app .wcpec-steps-card, #wcpec-tasees-app .wcpec-delegation-form-card, #wcpec-tasees-app .wcpec-service-card, #wcpec-tasees-app .wcpec-active-account-card{background:#fff!important;border:1px solid var(--gov-line)!important;border-radius:24px!important;box-shadow:var(--gov-shadow)!important;color:#071b34!important;padding:24px!important;margin:0 0 18px!important;text-align:right!important;overflow:hidden!important} #wcpec-tasees-app .wcpec-card h2, #wcpec-tasees-app .wcpec-card h3, #wcpec-tasees-app .wcpec-status-card h3{margin:0 0 16px!important;color:#061b36!important;font-size:23px!important;font-weight:900!important;line-height:1.4!important} #wcpec-tasees-app .wcpec-card p, #wcpec-tasees-app .wcpec-card span, #wcpec-tasees-app .wcpec-card small{line-height:1.9!important} #wcpec-tasees-app .wcpec-active-account-card{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:8px 14px!important;align-items:center!important;background:linear-gradient(135deg,#effff8,#fff)!important;border-color:#bfeada!important} #wcpec-tasees-app .wcpec-active-account-card span{color:#69758a!important;font-size:13px!important;font-weight:800!important} #wcpec-tasees-app .wcpec-active-account-card strong{color:#071b34!important;font-size:18px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-active-account-card b{color:#007a58!important;background:#dff8ef!important;padding:8px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;width:max-content!important;justify-self:end!important} #wcpec-tasees-app .wcpec-active-account-card small{grid-column:1/-1!important;color:#66758a!important;font-weight:700!important} #wcpec-tasees-app .wcpec-stats, #wcpec-tasees-app .wcpec-stat-grid, #wcpec-tasees-app .wcpec-info-grid, #wcpec-tasees-app .wcpec-service-grid, #wcpec-tasees-app .wcpec-service-grid-compact{display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:16px!important;margin:0 0 22px!important} #wcpec-tasees-app .wcpec-stat, #wcpec-tasees-app .wcpec-info-grid > div, #wcpec-tasees-app .wcpec-service-grid > *, #wcpec-tasees-app .wcpec-service-grid-compact > *{background:#fff!important;border:1px solid var(--gov-line)!important;border-radius:22px!important;box-shadow:0 14px 32px rgba(7,27,52,.06)!important;padding:18px!important;color:#071b34!important;min-height:110px!important} #wcpec-tasees-app .wcpec-stat strong, #wcpec-tasees-app .wcpec-info-grid strong{font-size:24px!important;color:#071b34!important;font-weight:900!important;display:block!important;margin-top:6px!important} #wcpec-tasees-app .wcpec-stat span, #wcpec-tasees-app .wcpec-info-grid span{font-size:13px!important;color:#69758a!important;font-weight:800!important} #wcpec-tasees-app .wcpec-alert{border-radius:18px!important;padding:16px 18px!important;margin:16px 0!important;border:1px solid var(--gov-line)!important;box-shadow:0 12px 24px rgba(7,27,52,.05)!important;display:flex!important;flex-direction:column!important;gap:5px!important;font-weight:800!important;line-height:1.8!important;text-align:right!important;background:#f8fbff!important;color:#17365d!important} #wcpec-tasees-app .wcpec-alert-success{background:#f0fff8!important;border-color:#bdebd9!important;color:#06714f!important} #wcpec-tasees-app .wcpec-alert-danger{background:#fff5f4!important;border-color:#ffd1cc!important;color:#b5261e!important} #wcpec-tasees-app .wcpec-alert-warning{background:#fff9ef!important;border-color:#f1d8ad!important;color:#9d6815!important} /* Steps and workflow */ #wcpec-tasees-app .wcpec-smart-steps{display:flex!important;flex-direction:column!important;gap:14px!important;margin:18px 0!important} #wcpec-tasees-app .wcpec-smart-step{display:grid!important;grid-template-columns:46px 1fr auto!important;gap:16px!important;align-items:center!important;border:1px solid #cfe8e1!important;border-radius:22px!important;background:linear-gradient(135deg,#effff8,#fbfffd)!important;padding:18px!important;box-shadow:0 12px 26px rgba(7,27,52,.05)!important;color:#071b34!important;min-height:86px!important} #wcpec-tasees-app .wcpec-smart-step.pending{background:#fff!important;border-color:#efd8b2!important} #wcpec-tasees-app .wcpec-smart-step.locked{background:#f6f8fb!important;border-color:#dce5f0!important;opacity:.96!important} #wcpec-tasees-app .wcpec-smart-step-num{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#20b89b,#008c62)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 22px rgba(0,140,98,.20)!important} #wcpec-tasees-app .wcpec-smart-step.pending .wcpec-smart-step-num{background:linear-gradient(135deg,#716da5,#5b56a5)!important} #wcpec-tasees-app .wcpec-smart-step-body strong{display:block!important;color:#061b36!important;font-size:17px!important;font-weight:900!important;margin-bottom:4px!important} #wcpec-tasees-app .wcpec-smart-step-body span{display:block!important;color:#69758a!important;font-size:13px!important;font-weight:700!important;line-height:1.8!important} #wcpec-tasees-app .wcpec-step-state, #wcpec-tasees-app .wcpec-step-done-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;border-radius:999px!important;padding:0 14px!important;background:#dff8ef!important;color:#06714f!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important} #wcpec-tasees-app .wcpec-smart-step.pending .wcpec-step-state{background:#eef3ff!important;color:#0b67d8!important} /* Tables */ #wcpec-tasees-app .wcpec-table-wrap{width:100%!important;overflow:auto!important;border:1px solid var(--gov-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 32px rgba(7,27,52,.05)!important;margin:10px 0!important} #wcpec-tasees-app table.wcpec-data-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;margin:0!important;color:#071b34!important;direction:rtl!important;font-size:14px!important;overflow:hidden!important} #wcpec-tasees-app table.wcpec-data-table thead th{height:58px!important;background:linear-gradient(180deg,#f6f9fd,#eef4fa)!important;color:#233a59!important;border-bottom:1px solid var(--gov-line)!important;border-left:1px solid #e5ecf4!important;padding:0 16px!important;text-align:right!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important} #wcpec-tasees-app table.wcpec-data-table tbody td{height:62px!important;border-bottom:1px solid #edf2f7!important;border-left:1px solid #edf2f7!important;padding:12px 16px!important;color:#10294a!important;font-weight:700!important;vertical-align:middle!important;background:#fff!important;text-align:right!important} #wcpec-tasees-app table.wcpec-data-table tbody tr:hover td{background:#f8fbff!important} #wcpec-tasees-app table.wcpec-data-table tbody tr:last-child td{border-bottom:0!important} #wcpec-tasees-app .wcpec-empty{text-align:center!important;color:#77859a!important;padding:34px!important;font-weight:900!important} /* Forms */ #wcpec-tasees-app form, #wcpec-tasees-app .wcpec-form-grid{direction:rtl!important;text-align:right!important} #wcpec-tasees-app .wcpec-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:16px!important} #wcpec-tasees-app label{color:#071b34!important;font-weight:900!important;font-size:14px!important;line-height:1.7!important} #wcpec-tasees-app input, #wcpec-tasees-app select, #wcpec-tasees-app textarea{width:100%!important;min-height:50px!important;border:1px solid #d7e1ee!important;border-radius:16px!important;background:#fff!important;color:#071b34!important;padding:0 15px!important;font-size:14px!important;font-weight:800!important;outline:0!important;box-shadow:none!important;text-align:right!important;direction:rtl!important} #wcpec-tasees-app textarea{min-height:120px!important;padding:14px 15px!important;resize:vertical!important} #wcpec-tasees-app input:focus, #wcpec-tasees-app select:focus, #wcpec-tasees-app textarea:focus{border-color:#1167d8!important;box-shadow:0 0 0 4px rgba(17,103,216,.10)!important} #wcpec-tasees-app .wcpec-inline-form{display:flex!important;gap:12px!important;align-items:center!important} #wcpec-tasees-app .wcpec-inline-form input{flex:1!important} /* Buttons */ #wcpec-tasees-app .wcpec-btn, #wcpec-tasees-app button.wcpec-btn, #wcpec-tasees-app a.wcpec-btn{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:14px!important;border:1px solid #d6e1ee!important;background:#fff!important;color:#0b376f!important;font-size:14px!important;font-weight:900!important;padding:0 18px!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(7,27,52,.06)!important;transition:.18s ease!important;line-height:1!important} #wcpec-tasees-app .wcpec-btn:hover{transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(7,27,52,.10)!important} #wcpec-tasees-app .wcpec-btn-primary, #wcpec-tasees-app button.wcpec-btn-primary, #wcpec-tasees-app a.wcpec-btn-primary{background:linear-gradient(135deg,#1167d8,#0b4aa1)!important;border-color:#1167d8!important;color:#fff!important} #wcpec-tasees-app .wcpec-btn-danger{background:linear-gradient(135deg,#d83a30,#a51f17)!important;border-color:#c72920!important;color:#fff!important} #wcpec-tasees-app .wcpec-btn-small{min-height:34px!important;border-radius:11px!important;font-size:12px!important;padding:0 12px!important} #wcpec-tasees-app .wcpec-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:16px!important} /* Status badges */ #wcpec-tasees-app .status, #wcpec-tasees-app .wcpec-badge, #wcpec-tasees-app [class*='badge'], #wcpec-tasees-app [class*='status']{border-radius:999px!important;font-weight:900!important} /* Modals and toasts */ #wcpec-tasees-app .wcpec-modal{position:fixed!important;inset:0!important;background:rgba(5,20,39,.52)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;backdrop-filter:blur(8px)!important} #wcpec-tasees-app .wcpec-modal[hidden]{display:none!important} #wcpec-tasees-app .wcpec-modal-box{width:min(900px,96vw)!important;max-height:86vh!important;overflow:auto!important;background:#fff!important;border:1px solid var(--gov-line)!important;border-radius:26px!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important;padding:26px!important;position:relative!important;color:#071b34!important} #wcpec-tasees-app .wcpec-modal-close{position:absolute!important;top:14px!important;left:14px!important;width:38px!important;height:38px!important;border:0!important;border-radius:12px!important;background:#fff4f2!important;color:#b5261e!important;font-size:24px!important;font-weight:900!important;cursor:pointer!important} #wcpec-tasees-app .wcpec-toast{position:fixed!important;bottom:24px!important;left:24px!important;z-index:100000!important;border-radius:16px!important;background:#071b34!important;color:#fff!important;padding:14px 18px!important;font-weight:900!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important} #wcpec-tasees-app .wcpec-toast.ok{background:#008c62!important} #wcpec-tasees-app .wcpec-toast.err{background:#c72920!important} #wcpec-tasees-app .wcpec-gov-footer{margin:8px 28px 28px!important;border:1px solid var(--gov-line)!important;border-radius:22px!important;background:#fff!important;padding:16px 20px!important;display:flex!important;gap:12px!important;align-items:center!important;justify-content:space-between!important;color:#69758a!important;font-size:12px!important;font-weight:800!important;box-shadow:0 12px 28px rgba(7,27,52,.05)!important} #wcpec-tasees-app .wcpec-gov-footer b{color:#071b34!important;font-size:13px!important;font-weight:900!important} /* Other module cleanup inside user interface */ #wcpec-tasees-app .wcpec-owner-delegations, #wcpec-tasees-app .wcpec-representative-dashboard, #wcpec-tasees-app .wcpec-delegation-dashboard, #wcpec-tasees-app .wcpec-delegation-wrap{background:#fff!important;border:1px solid var(--gov-line)!important;border-radius:24px!important;box-shadow:var(--gov-shadow)!important;padding:24px!important;color:#071b34!important;direction:rtl!important;text-align:right!important} #wcpec-tasees-app [style*='position: fixed'], #wcpec-tasees-app [style*='position:fixed']{max-width:100vw!important} @media(max-width:1280px){ #wcpec-tasees-app{grid-template-columns:260px minmax(0,1fr)!important} #wcpec-tasees-app .wcpec-gov-sidebar{width:260px!important;min-width:260px!important} #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:1fr auto!important;height:auto!important;min-height:86px!important} #wcpec-tasees-app .wcpec-gov-topbar-center{grid-column:1/2!important;grid-row:2!important} #wcpec-tasees-app .wcpec-gov-topbar-left{grid-column:2!important;grid-row:1 / span 2!important} #wcpec-tasees-app .wcpec-stats,#wcpec-tasees-app .wcpec-stat-grid,#wcpec-tasees-app .wcpec-info-grid,#wcpec-tasees-app .wcpec-service-grid,#wcpec-tasees-app .wcpec-service-grid-compact{grid-template-columns:repeat(2,minmax(200px,1fr))!important} } @media(max-width:980px){ body:has(#wcpec-tasees-app){overflow:auto!important} #wcpec-tasees-app{display:block!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;width:100%!important} #wcpec-tasees-app .wcpec-gov-sidebar{position:fixed!important;right:-292px!important;top:0!important;bottom:0!important;transition:right .22s ease!important;z-index:1000!important} #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{right:0!important} #wcpec-tasees-app .wcpec-gov-main{height:auto!important;min-height:100vh!important;overflow:visible!important} #wcpec-tasees-app .wcpec-menu-toggle{display:flex!important} #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:1fr!important;position:sticky!important;padding:12px!important;gap:10px!important} #wcpec-tasees-app .wcpec-gov-topbar-right,#wcpec-tasees-app .wcpec-gov-topbar-center,#wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:space-between!important;width:100%!important} #wcpec-tasees-app .wcpec-gov-current-account{min-width:0!important;flex:1!important} #wcpec-tasees-app .wcpec-gov-hero{margin:16px 12px!important;padding:22px!important;display:block!important} #wcpec-tasees-app .wcpec-gov-hero-status{margin-top:16px!important;min-width:0!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 12px 18px!important} #wcpec-tasees-app .wcpec-gov-footer{margin:6px 12px 18px!important;display:block!important;text-align:center!important;line-height:2!important} #wcpec-tasees-app .wcpec-form-grid,#wcpec-tasees-app .wcpec-stats,#wcpec-tasees-app .wcpec-stat-grid,#wcpec-tasees-app .wcpec-info-grid,#wcpec-tasees-app .wcpec-service-grid,#wcpec-tasees-app .wcpec-service-grid-compact{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-smart-step{grid-template-columns:40px 1fr!important} #wcpec-tasees-app .wcpec-smart-step .wcpec-btn,#wcpec-tasees-app .wcpec-smart-step .wcpec-step-state{grid-column:1/-1!important;width:100%!important} } @media(max-width:560px){ #wcpec-tasees-app .wcpec-gov-user-card strong{max-width:110px!important} #wcpec-tasees-app .wcpec-gov-topbar-left{flex-wrap:wrap!important} #wcpec-tasees-app .wcpec-gov-notification{flex:1!important;justify-content:center!important} #wcpec-tasees-app .wcpec-gov-hero h1{font-size:29px!important} #wcpec-tasees-app .wcpec-card,#wcpec-tasees-app .wcpec-status-card,#wcpec-tasees-app .wcpec-icn-card,#wcpec-tasees-app .wcpec-steps-card{padding:18px!important;border-radius:20px!important} } /* ===================================================================== WCPEC Tasees 5.8.1 - Saudi Government UI correction layer Fixes duplicated notifications, topbar collisions, account switcher, blue floating button, broken spacing and adminbar visibility. ===================================================================== */ html.wcpec-tasees-ui-active{margin-top:0!important;overflow:hidden!important} body.wcpec-tasees-ui-active{margin:0!important;overflow:hidden!important;background:#f4f7fb!important} body.wcpec-tasees-ui-active #wpadminbar{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important} body.wcpec-tasees-ui-active .site-header, body.wcpec-tasees-ui-active .site-footer, body.wcpec-tasees-ui-active header:not(.wcpec-gov-topbar), body.wcpec-tasees-ui-active footer:not(.wcpec-gov-footer), body.wcpec-tasees-ui-active .entry-header, body.wcpec-tasees-ui-active .page-header{display:none!important} body.wcpec-tasees-ui-active .entry-content, body.wcpec-tasees-ui-active .site-content, body.wcpec-tasees-ui-active .content-area, body.wcpec-tasees-ui-active .elementor, body.wcpec-tasees-ui-active .elementor-section, body.wcpec-tasees-ui-active .elementor-container, body.wcpec-tasees-ui-active .elementor-widget-wrap, body.wcpec-tasees-ui-active .elementor-widget-container{margin:0!important;padding:0!important;width:100%!important;max-width:none!important} #wcpec-tasees-app.wcpec-gov-app{--sg-navy:#071b34;--sg-navy2:#0b2747;--sg-blue:#0b65c2;--sg-green:#008560;--sg-gold:#c58b2b;--sg-bg:#f4f7fb;--sg-card:#fff;--sg-line:#d8e3f0;--sg-text:#071b34;--sg-muted:#66748a;--sg-shadow:0 16px 38px rgba(7,27,52,.08);grid-template-columns:300px minmax(0,1fr)!important;background:linear-gradient(180deg,#f9fbff 0%,#eef4fa 100%)!important;color:var(--sg-text)!important;isolation:isolate!important} #wcpec-tasees-app .wcpec-gov-main{overflow:auto!important;scrollbar-width:thin!important;background:transparent!important} #wcpec-tasees-app .wcpec-gov-main::-webkit-scrollbar{width:10px!important} #wcpec-tasees-app .wcpec-gov-main::-webkit-scrollbar-thumb{background:#b8c5d6!important;border-radius:20px!important;border:2px solid #eef4fa!important} /* Sidebar */ #wcpec-tasees-app .wcpec-gov-sidebar{width:300px!important;min-width:300px!important;background:linear-gradient(180deg,#071b34 0%,#061629 100%)!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:-18px 0 44px rgba(7,27,52,.16)!important} #wcpec-tasees-app .wcpec-gov-brand{height:116px!important;padding:22px!important;background:#fff!important;border-bottom:1px solid #edf2f8!important} #wcpec-tasees-app .wcpec-gov-search{padding:18px 18px 10px!important} #wcpec-tasees-app .wcpec-gov-nav{padding:8px 16px 18px!important;gap:6px!important} #wcpec-tasees-app .wcpec-gov-nav button{height:48px!important;min-height:48px!important;border-radius:15px!important;padding:0 14px!important;font-size:14px!important;font-weight:900!important;justify-content:flex-start!important;overflow:hidden!important} #wcpec-tasees-app .wcpec-gov-nav button span{max-width:205px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} /* Professional topbar */ #wcpec-tasees-app .wcpec-gov-topbar{height:96px!important;min-height:96px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:16px 28px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sg-line)!important;box-shadow:0 12px 30px rgba(7,27,52,.06)!important;overflow:visible!important;z-index:200!important} #wcpec-tasees-app .wcpec-gov-topbar-right{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;order:1!important} #wcpec-tasees-app .wcpec-gov-topbar-center{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-width:0!important;order:2!important;overflow:visible!important} #wcpec-tasees-app .wcpec-gov-topbar-left{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;order:3!important;min-width:0!important} #wcpec-tasees-app .wcpec-gov-current-account{display:none!important} #wcpec-tasees-app .wcpec-menu-toggle{width:48px!important;height:48px!important;border-radius:15px!important;background:#fff!important;border:1px solid var(--sg-line)!important;color:var(--sg-navy)!important;box-shadow:0 10px 22px rgba(7,27,52,.06)!important} /* One notification only */ #wcpec-tasees-app .wcpec-account-current .wcpec-notification-wrap, #wcpec-tasees-app .wcpec-user-card .wcpec-notification-wrap, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-notification-wrap{display:none!important} #wcpec-tasees-app .wcpec-gov-notification{height:54px!important;min-width:150px!important;border-radius:17px!important;border:1px solid var(--sg-line)!important;background:#fff!important;color:#183555!important;box-shadow:0 10px 24px rgba(7,27,52,.07)!important;padding:0 18px!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important} #wcpec-tasees-app .wcpec-gov-notification i{font-style:normal!important;font-size:17px!important;color:var(--sg-gold)!important} #wcpec-tasees-app .wcpec-gov-notification em{position:absolute!important;top:-8px!important;right:-8px!important;width:24px!important;height:24px!important;border-radius:999px!important;background:#c72920!important;color:#fff!important;border:3px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(199,41,32,.25)!important} /* Account switcher as official selector */ #wcpec-tasees-app .wcpec-gov-account-switcher{position:relative!important;display:block!important;z-index:260!important;min-width:330px!important;max-width:420px!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher{position:relative!important;display:block!important;width:100%!important;z-index:260!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{width:100%!important;height:60px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:'label label' 'type icn'!important;align-items:center!important;gap:0 10px!important;border:1px solid #bee8dc!important;background:linear-gradient(135deg,#ecfff8 0%,#ffffff 100%)!important;border-radius:18px!important;color:#073527!important;padding:9px 18px!important;text-align:right!important;box-shadow:0 14px 30px rgba(0,133,96,.08)!important;cursor:pointer!important;overflow:hidden!important;transform:none!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current::after{content:'⌄'!important;grid-row:1 / span 2!important;grid-column:2!important;width:26px!important;height:26px!important;border-radius:9px!important;background:#fff!important;border:1px solid #cfe4df!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#0b5d46!important;font-size:15px!important;margin-inline-start:2px!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{grid-area:label!important;font-size:12px!important;color:#66748a!important;font-weight:900!important;line-height:1!important;margin:0!important;display:block!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{grid-area:type!important;color:#071b34!important;font-size:16px!important;font-weight:900!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{grid-area:icn!important;color:#008560!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;text-align:left!important;direction:ltr!important;display:block!important;max-width:165px!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{display:none!important;position:absolute!important;top:70px!important;right:0!important;width:370px!important;max-width:min(370px,calc(100vw - 28px))!important;background:#fff!important;border:1px solid var(--sg-line)!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(7,27,52,.22)!important;padding:14px!important;z-index:9999!important;color:#071b34!important;text-align:right!important;overflow:visible!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:hover .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:focus-within .wcpec-account-menu{display:block!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu b{display:block!important;padding:6px 6px 12px!important;color:#071b34!important;font-size:15px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option{width:100%!important;min-height:54px!important;border:1px solid #e0e8f2!important;background:#fff!important;border-radius:15px!important;padding:10px 13px!important;margin:0 0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#071b34!important;box-shadow:none!important;cursor:pointer!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option.is-active{border-color:#a9e5d6!important;background:#effdf8!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option span{font-weight:900!important;font-size:14px!important;color:#071b34!important;white-space:nowrap!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option small{font-size:11px!important;font-weight:900!important;color:#008560!important;direction:ltr!important;text-align:left!important;max-width:155px!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-create-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important;padding-top:12px!important;border-top:1px solid #edf2f8!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-create-account{height:46px!important;border:1px solid #d9e3ef!important;background:#fff!important;border-radius:14px!important;color:#071b34!important;font-weight:900!important;font-size:13px!important;cursor:pointer!important;box-shadow:none!important;padding:0 8px!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-delegated-active-banner{position:absolute!important;top:72px!important;right:0!important;left:0!important;background:#ecfff8!important;border:1px solid #b7eadb!important;border-radius:16px!important;color:#064b39!important;padding:11px 13px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(0,133,96,.10)!important;z-index:9998!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-exit-delegated-account{background:#c72920!important;color:#fff!important;border:0!important;border-radius:12px!important;height:34px!important;padding:0 12px!important;font-weight:900!important;margin-inline-start:10px!important;cursor:pointer!important} /* User and logout */ #wcpec-tasees-app .wcpec-gov-user-card{height:58px!important;min-width:210px!important;display:flex!important;align-items:center!important;gap:12px!important;border:1px solid var(--sg-line)!important;border-radius:18px!important;background:#fff!important;padding:8px 12px!important;box-shadow:0 10px 22px rgba(7,27,52,.06)!important;color:#071b34!important;overflow:hidden!important} #wcpec-tasees-app .wcpec-gov-avatar{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(135deg,#0b65c2,#073b7c)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:900!important;flex:0 0 40px!important} #wcpec-tasees-app .wcpec-gov-user-card span{display:block!important;font-size:11px!important;color:#6b7890!important;font-weight:900!important;line-height:1!important;margin-bottom:4px!important} #wcpec-tasees-app .wcpec-gov-user-card strong{display:block!important;color:#071b34!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:140px!important;line-height:1.2!important} #wcpec-tasees-app .wcpec-gov-logout{height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #ffd2cc!important;background:#fff4f2!important;color:#b5261e!important;border-radius:15px!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;padding:0 18px!important;white-space:nowrap!important;box-shadow:none!important} /* Hero */ #wcpec-tasees-app .wcpec-gov-hero{margin:26px 28px 18px!important;min-height:176px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border:1px solid #dbe7f4!important;border-radius:28px!important;background:linear-gradient(135deg,#ffffff 0%,#f3f8ff 66%,#eaf4ff 100%)!important;box-shadow:var(--sg-shadow)!important;padding:30px 36px!important;overflow:hidden!important;position:relative!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-hero::before{content:''!important;position:absolute!important;inset:auto -80px -120px auto!important;width:340px!important;height:340px!important;border-radius:50%!important;background:rgba(11,101,194,.09)!important;z-index:0!important} #wcpec-tasees-app .wcpec-gov-hero>*{position:relative!important;z-index:1!important} #wcpec-tasees-app .wcpec-gov-kicker{display:block!important;color:#728098!important;font-size:14px!important;font-weight:900!important;margin-bottom:10px!important} #wcpec-tasees-app .wcpec-gov-hero h1{margin:0!important;color:#071b34!important;font-size:42px!important;font-weight:900!important;letter-spacing:-1px!important;line-height:1.25!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-hero p{margin:8px 0 0!important;color:#5f6d84!important;font-size:15px!important;font-weight:800!important;line-height:1.8!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-hero-status{min-width:210px!important;min-height:108px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:26px!important;border:1px solid #e9d8b7!important;background:linear-gradient(135deg,#fff8ea,#fff)!important;color:#071b34!important;box-shadow:0 18px 44px rgba(197,139,43,.10)!important;text-align:center!important} #wcpec-tasees-app .wcpec-gov-hero-status span{font-size:13px!important;color:#66748a!important;font-weight:900!important} #wcpec-tasees-app .wcpec-gov-hero-status strong{font-size:20px!important;color:#008560!important;font-weight:900!important;margin-top:6px!important} /* Content and cards */ #wcpec-tasees-app .wcpec-gov-content{padding:0 28px 20px!important;position:relative!important;z-index:1!important} #wcpec-tasees-app .wcpec-loader-card{background:#fff!important;border:1px solid var(--sg-line)!important;border-radius:24px!important;padding:34px!important;color:#071b34!important;font-weight:900!important;box-shadow:var(--sg-shadow)!important;text-align:center!important} #wcpec-tasees-app .wcpec-card, #wcpec-tasees-app .wcpec-status-card, #wcpec-tasees-app .wcpec-icn-card, #wcpec-tasees-app .wcpec-steps-card, #wcpec-tasees-app .wcpec-delegation-dashboard, #wcpec-tasees-app .wcpec-owner-delegations, #wcpec-tasees-app .wcpec-representative-dashboard, #wcpec-tasees-app .wcpec-delegation-wrap{border:1px solid var(--sg-line)!important;border-radius:26px!important;background:#fff!important;box-shadow:var(--sg-shadow)!important;padding:26px!important;color:#071b34!important;overflow:visible!important;text-align:right!important;direction:rtl!important} #wcpec-tasees-app .wcpec-card h2, #wcpec-tasees-app .wcpec-card h3, #wcpec-tasees-app .wcpec-steps-card h3{margin:0 0 20px!important;color:#071b34!important;font-size:24px!important;font-weight:900!important;line-height:1.4!important;text-align:right!important} /* Steps: solve clipped blue action and overlapping */ #wcpec-tasees-app .wcpec-smart-steps{display:grid!important;gap:14px!important;overflow:visible!important} #wcpec-tasees-app .wcpec-smart-step{display:grid!important;grid-template-columns:54px minmax(0,1fr) 126px!important;gap:16px!important;align-items:center!important;min-height:100px!important;border:1px solid #d7e8f1!important;border-radius:24px!important;background:#f0fffb!important;padding:18px!important;position:relative!important;overflow:visible!important;box-shadow:none!important} #wcpec-tasees-app .wcpec-smart-step.pending{background:#fff!important;border-color:#ecd2a5!important} #wcpec-tasees-app .wcpec-smart-step.locked{background:#f8fafc!important;border-color:#e4eaf2!important;opacity:1!important} #wcpec-tasees-app .wcpec-smart-step-num{width:44px!important;height:44px!important;border-radius:999px!important;background:#7169b8!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;font-weight:900!important;z-index:1!important;line-height:1!important} #wcpec-tasees-app .wcpec-smart-step.done .wcpec-smart-step-num{background:#11aa88!important} #wcpec-tasees-app .wcpec-smart-step-body{min-width:0!important;display:block!important;text-align:right!important;overflow:visible!important} #wcpec-tasees-app .wcpec-smart-step-body strong{display:block!important;color:#071b34!important;font-size:17px!important;font-weight:900!important;line-height:1.5!important;margin:0 0 5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #wcpec-tasees-app .wcpec-smart-step-body span{display:block!important;color:#65748b!important;font-size:13px!important;font-weight:800!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #wcpec-tasees-app .wcpec-step-state{width:100%!important;min-height:36px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;background:#eef5ff!important;color:#0b4aa1!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;position:static!important;transform:none!important;z-index:2!important;line-height:1!important;overflow:visible!important;text-align:center!important} #wcpec-tasees-app .wcpec-smart-step.done .wcpec-step-state{background:#dcf8ee!important;color:#057453!important} #wcpec-tasees-app .wcpec-smart-step.pending .wcpec-step-state{background:#eef5ff!important;color:#0b4aa1!important} #wcpec-tasees-app .wcpec-smart-step.locked .wcpec-step-state{background:#eef1f5!important;color:#5f6d84!important} #wcpec-tasees-app .wcpec-smart-step .wcpec-btn{position:static!important;transform:none!important;grid-column:3!important;width:100%!important;min-width:0!important;min-height:42px!important;white-space:normal!important;line-height:1.35!important;border-radius:14px!important;padding:8px 12px!important;z-index:3!important;overflow:visible!important;box-shadow:0 10px 22px rgba(11,101,194,.12)!important;background:linear-gradient(135deg,#0b65c2,#0a4e9a)!important;color:#fff!important;border-color:#0b65c2!important} /* Tables */ #wcpec-tasees-app .wcpec-table-wrap{border:1px solid var(--sg-line)!important;border-radius:22px!important;overflow:auto!important;background:#fff!important;box-shadow:0 10px 24px rgba(7,27,52,.04)!important} #wcpec-tasees-app table.wcpec-data-table{min-width:760px!important;border-collapse:separate!important;border-spacing:0!important;font-size:14px!important;background:#fff!important} #wcpec-tasees-app table.wcpec-data-table thead th{height:56px!important;background:#f4f8fd!important;color:#263d5c!important;font-size:13px!important;font-weight:900!important;border-bottom:1px solid #dde7f3!important;text-align:right!important} #wcpec-tasees-app table.wcpec-data-table tbody td{height:62px!important;border-bottom:1px solid #edf2f7!important;color:#10294a!important;font-weight:800!important;text-align:right!important;background:#fff!important} /* Remove accidental old/floating blocks and duplicated delegated banners in content top */ #wcpec-tasees-app .wcpec-gov-main > .wcpec-account-switcher, #wcpec-tasees-app .wcpec-content > .wcpec-account-switcher{display:none!important} #wcpec-tasees-app .wcpec-delegated-active-banner:not(.wcpec-gov-account-switcher .wcpec-delegated-active-banner){border-radius:18px!important;margin:0 0 16px!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;box-shadow:none!important} /* Buttons: no broken blue pills */ #wcpec-tasees-app .wcpec-btn, #wcpec-tasees-app button.wcpec-btn, #wcpec-tasees-app a.wcpec-btn{border-radius:14px!important;min-height:42px!important;padding:9px 16px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-align:center!important} #wcpec-tasees-app .wcpec-btn-primary{background:linear-gradient(135deg,#0b65c2,#073d7a)!important;color:#fff!important;border-color:#0b65c2!important} /* Footer */ #wcpec-tasees-app .wcpec-gov-footer{margin:8px 28px 28px!important;border-radius:22px!important;border:1px solid var(--sg-line)!important;background:#fff!important;box-shadow:0 10px 22px rgba(7,27,52,.04)!important;color:#6a778b!important;padding:16px 20px!important} @media(max-width:1400px){ #wcpec-tasees-app.wcpec-gov-app{grid-template-columns:280px minmax(0,1fr)!important} #wcpec-tasees-app .wcpec-gov-sidebar{width:280px!important;min-width:280px!important} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:300px!important;max-width:340px!important} #wcpec-tasees-app .wcpec-gov-user-card{min-width:180px!important} #wcpec-tasees-app .wcpec-gov-hero h1{font-size:36px!important} } @media(max-width:1180px){ #wcpec-tasees-app .wcpec-gov-topbar{height:auto!important;min-height:96px!important;flex-wrap:wrap!important;padding:12px 18px!important} #wcpec-tasees-app .wcpec-gov-topbar-center{order:3!important;flex-basis:100%!important;justify-content:flex-start!important} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:280px!important;max-width:100%!important} #wcpec-tasees-app .wcpec-gov-hero{margin:20px 18px 16px!important;padding:26px!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 18px 18px!important} #wcpec-tasees-app .wcpec-smart-step{grid-template-columns:50px minmax(0,1fr) 112px!important} } @media(max-width:980px){ html.wcpec-tasees-ui-active,body.wcpec-tasees-ui-active{overflow:auto!important} #wcpec-tasees-app.wcpec-gov-app{display:block!important;width:100%!important;min-height:100vh!important;max-height:none!important;overflow:visible!important} #wcpec-tasees-app .wcpec-gov-sidebar{right:-300px!important;width:300px!important;min-width:300px!important} #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{right:0!important} #wcpec-tasees-app .wcpec-gov-main{height:auto!important;min-height:100vh!important;overflow:visible!important} #wcpec-tasees-app .wcpec-menu-toggle{display:flex!important} #wcpec-tasees-app .wcpec-gov-topbar{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;height:auto!important;min-height:0!important;padding:12px!important} #wcpec-tasees-app .wcpec-gov-topbar-right,#wcpec-tasees-app .wcpec-gov-topbar-center,#wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;justify-content:space-between!important;order:initial!important;flex-basis:auto!important} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:0!important;width:100%!important;max-width:none!important} #wcpec-tasees-app .wcpec-gov-notification{min-width:0!important;flex:1!important} #wcpec-tasees-app .wcpec-gov-user-card{min-width:0!important;flex:1!important} #wcpec-tasees-app .wcpec-gov-hero{display:block!important;margin:14px 12px!important;padding:22px!important;min-height:0!important} #wcpec-tasees-app .wcpec-gov-hero h1{font-size:30px!important} #wcpec-tasees-app .wcpec-gov-hero-status{margin-top:14px!important;min-width:0!important;min-height:86px!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 12px 16px!important} #wcpec-tasees-app .wcpec-smart-step{grid-template-columns:44px minmax(0,1fr)!important;min-height:0!important;padding:16px!important} #wcpec-tasees-app .wcpec-smart-step .wcpec-btn,#wcpec-tasees-app .wcpec-step-state{grid-column:1/-1!important;width:100%!important} #wcpec-tasees-app .wcpec-gov-footer{margin:8px 12px 18px!important;display:block!important;text-align:center!important;line-height:2!important} } /* ========================================================= WCPEC TASEES 5.8.2 - GOVERNMENT USER INTERFACE REBUILD تطبيق نهائي على واجهات المستخدمين فقط ========================================================= */ html.wcpec-tasees-ui-active, body.wcpec-tasees-ui-active{ margin:0!important; padding:0!important; background:#eef3f8!important; overflow:hidden!important; } body.wcpec-tasees-ui-active #wpadminbar{display:none!important} body.wcpec-tasees-ui-active{padding-top:0!important} #wcpec-tasees-app.wcpec-gov-app{ --tasees-navy:#071b34; --tasees-navy-2:#08223f; --tasees-navy-3:#0b2d52; --tasees-blue:#0b65c2; --tasees-blue-2:#084b92; --tasees-gold:#c4912f; --tasees-green:#008c62; --tasees-red:#c82920; --tasees-bg:#eef3f8; --tasees-panel:#ffffff; --tasees-soft:#f7fafc; --tasees-line:#d8e3ef; --tasees-line-2:#e8eef5; --tasees-text:#071b34; --tasees-muted:#65758b; --tasees-shadow:0 18px 50px rgba(7,27,52,.08); --tasees-shadow-soft:0 10px 26px rgba(7,27,52,.055); display:grid!important; grid-template-columns:304px minmax(0,1fr)!important; width:100%!important; height:100vh!important; max-height:100vh!important; overflow:hidden!important; direction:rtl!important; background:var(--tasees-bg)!important; color:var(--tasees-text)!important; font-family:'Tajawal','Cairo',Arial,sans-serif!important; } #wcpec-tasees-app, #wcpec-tasees-app *{box-sizing:border-box!important;font-family:'Tajawal','Cairo',Arial,sans-serif!important} #wcpec-tasees-app .wcpec-gov-sidebar{ grid-column:1!important; grid-row:1!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; width:304px!important; min-width:304px!important; height:100vh!important; max-height:100vh!important; overflow:hidden!important; padding:0!important; background:linear-gradient(180deg,#06182f 0%,#071b34 52%,#041124 100%)!important; border-left:1px solid rgba(255,255,255,.08)!important; box-shadow:-16px 0 42px rgba(7,27,52,.16)!important; z-index:40!important; } #wcpec-tasees-app .wcpec-gov-brand{ height:116px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:14px!important; padding:18px 18px!important; background:#fff!important; border-bottom:1px solid #edf1f6!important; } #wcpec-tasees-app .wcpec-gov-brand-logo{ width:88px!important; height:78px!important; border-radius:0!important; background:transparent!important; border:0!important; box-shadow:none!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; flex:0 0 auto!important; } #wcpec-tasees-app .wcpec-gov-brand-logo img{ width:88px!important; height:auto!important; max-height:78px!important; object-fit:contain!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; filter:drop-shadow(0 8px 12px rgba(196,145,47,.16))!important; } #wcpec-tasees-app .wcpec-gov-brand-text{min-width:0!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-brand-text strong{ display:block!important; color:#071b34!important; font-size:24px!important; font-weight:900!important; line-height:1.1!important; letter-spacing:-.3px!important; } #wcpec-tasees-app .wcpec-gov-brand-text span{ display:block!important; margin-top:5px!important; color:#394a62!important; font-size:11.5px!important; font-weight:800!important; line-height:1.45!important; } #wcpec-tasees-app .wcpec-gov-search{padding:18px 18px 12px!important;background:rgba(255,255,255,.02)!important} #wcpec-tasees-app .wcpec-gov-search input{ width:100%!important; height:54px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:16px!important; background:#fff!important; color:#071b34!important; padding:0 18px!important; font-size:14px!important; font-weight:800!important; outline:none!important; box-shadow:0 12px 26px rgba(0,0,0,.12)!important; } #wcpec-tasees-app .wcpec-gov-search input::placeholder{color:#8a96a8!important} #wcpec-tasees-app .wcpec-gov-nav{ height:calc(100vh - 116px - 84px - 76px)!important; overflow:auto!important; padding:10px 14px 16px!important; margin:0!important; gap:7px!important; scrollbar-width:thin!important; scrollbar-color:#52627b transparent!important; } #wcpec-tasees-app .wcpec-gov-nav button{ width:100%!important; height:48px!important; border:0!important; border-radius:15px!important; background:transparent!important; color:#eef6ff!important; display:grid!important; grid-template-columns:28px minmax(0,1fr)!important; align-items:center!important; gap:10px!important; padding:0 13px!important; text-align:right!important; cursor:pointer!important; font-size:14px!important; font-weight:900!important; line-height:1!important; box-shadow:none!important; transition:background .18s ease,color .18s ease,transform .18s ease!important; } #wcpec-tasees-app .wcpec-gov-nav button i{ width:28px!important; height:28px!important; border-radius:9px!important; background:rgba(196,145,47,.16)!important; color:#d9a443!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:12px!important; font-style:normal!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-nav button span{ display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-nav button:hover{background:rgba(255,255,255,.09)!important;transform:translateX(-2px)!important} #wcpec-tasees-app .wcpec-gov-nav button.active{ background:#fff!important; color:#0b65c2!important; box-shadow:0 12px 28px rgba(0,0,0,.14)!important; } #wcpec-tasees-app .wcpec-gov-nav button.active i{background:#eef6ff!important;color:#0b65c2!important} #wcpec-tasees-app .wcpec-gov-sidebar-footer{ height:76px!important; margin:0 14px!important; padding:14px 14px!important; border:1px solid rgba(255,255,255,.09)!important; border-radius:18px!important; background:rgba(255,255,255,.045)!important; color:#dbe7f7!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:5px!important; } #wcpec-tasees-app .wcpec-gov-sidebar-footer strong{font-size:12.5px!important;font-weight:900!important;color:#fff!important} #wcpec-tasees-app .wcpec-gov-sidebar-footer span{font-size:11px!important;font-weight:700!important;color:#b7c4d5!important} #wcpec-tasees-app .wcpec-gov-main{ grid-column:2!important; grid-row:1!important; height:100vh!important; max-height:100vh!important; overflow:auto!important; background: radial-gradient(circle at 18% 5%,rgba(11,101,194,.11),transparent 28%), linear-gradient(180deg,#f9fbfd 0%,#eef3f8 42%,#edf3f8 100%)!important; min-width:0!important; position:relative!important; } #wcpec-tasees-app .wcpec-gov-topbar{ position:sticky!important; top:0!important; z-index:30!important; min-height:88px!important; height:88px!important; padding:0 24px!important; margin:0!important; border-bottom:1px solid var(--tasees-line)!important; background:rgba(255,255,255,.94)!important; backdrop-filter:blur(16px)!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; box-shadow:0 10px 28px rgba(7,27,52,.045)!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; flex-wrap:nowrap!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{order:1!important;flex:0 0 auto!important} #wcpec-tasees-app .wcpec-gov-topbar-center{order:2!important;flex:1 1 auto!important;justify-content:center!important;overflow:visible!important} #wcpec-tasees-app .wcpec-gov-topbar-left{order:3!important;flex:0 0 auto!important;justify-content:flex-end!important} #wcpec-tasees-app .wcpec-menu-toggle{ display:none!important; width:44px!important;height:44px!important;border:1px solid var(--tasees-line)!important;border-radius:14px!important;background:#fff!important;color:#071b34!important;font-weight:900!important;align-items:center!important;justify-content:center!important;cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-current-account{ min-width:270px!important; max-width:330px!important; min-height:58px!important; border:1px solid #bce8d8!important; background:linear-gradient(135deg,#ecfff8,#ffffff)!important; border-radius:18px!important; padding:10px 16px!important; display:grid!important; grid-template-columns:1fr!important; align-content:center!important; gap:2px!important; color:#071b34!important; box-shadow:0 12px 28px rgba(0,140,98,.08)!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-current-account span{font-size:12px!important;color:#69758a!important;font-weight:900!important;line-height:1!important} #wcpec-tasees-app .wcpec-gov-current-account strong{font-size:17px!important;color:#071b34!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-current-account b{font-size:11px!important;color:#008c62!important;font-weight:900!important;direction:ltr!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-notification{ position:relative!important; min-width:156px!important; height:58px!important; border:1px solid var(--tasees-line)!important; border-radius:18px!important; background:#fff!important; color:#071b34!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; font-size:14px!important; font-weight:900!important; box-shadow:var(--tasees-shadow-soft)!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-notification i{font-style:normal!important;font-size:16px!important;line-height:1!important;color:#c4912f!important} #wcpec-tasees-app .wcpec-gov-notification em{ position:absolute!important; top:-8px!important; left:12px!important; min-width:23px!important; height:23px!important; padding:0 6px!important; border-radius:999px!important; background:#c82920!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:11px!important; font-weight:900!important; font-style:normal!important; border:2px solid #fff!important; line-height:1!important; } #wcpec-tasees-app .wcpec-gov-account-switcher{ position:relative!important; min-width:318px!important; max-width:380px!important; height:58px!important; z-index:60!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher{width:100%!important;height:58px!important;position:relative!important;z-index:61!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ width:100%!important; min-width:0!important; height:58px!important; border:1px solid #bce8d8!important; background:linear-gradient(135deg,#ecfff8,#ffffff)!important; border-radius:18px!important; padding:8px 44px 8px 16px!important; color:#071b34!important; box-shadow:0 12px 28px rgba(0,140,98,.08)!important; display:grid!important; grid-template-columns:1fr!important; gap:2px!important; text-align:right!important; position:relative!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before{ content:'⌄'!important; position:absolute!important; right:15px!important; top:18px!important; width:22px!important;height:22px!important;border-radius:9px!important;background:#fff!important;border:1px solid #cfe4dc!important;color:#008c62!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{font-size:12px!important;color:#69758a!important;font-weight:900!important;line-height:1!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{font-size:17px!important;color:#071b34!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{font-size:11px!important;color:#008c62!important;font-weight:900!important;direction:ltr!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{ position:absolute!important; top:68px!important; left:0!important; right:auto!important; width:360px!important; min-width:360px!important; max-width:calc(100vw - 48px)!important; max-height:calc(100vh - 116px)!important; overflow:auto!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:22px!important; box-shadow:0 26px 70px rgba(7,27,52,.18)!important; padding:14px!important; z-index:9999!important; color:#071b34!important; } #wcpec-tasees-app .wcpec-account-menu>b{font-size:15px!important;color:#071b34!important;font-weight:900!important;margin-bottom:10px!important;display:block!important} #wcpec-tasees-app .wcpec-account-option{ min-height:58px!important; border:1px solid #e3ebf4!important; background:#f8fbfd!important; border-radius:16px!important; padding:10px 14px!important; margin:8px 0!important; color:#071b34!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-account-option.is-active, #wcpec-tasees-app .wcpec-account-option:hover{background:#071b34!important;color:#fff!important;border-color:#071b34!important} #wcpec-tasees-app .wcpec-account-create-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important} #wcpec-tasees-app .wcpec-create-account{height:42px!important;border-radius:14px!important;background:#eef8f4!important;color:#008c62!important;border:1px solid #cdeee2!important;font-weight:900!important;cursor:pointer!important} #wcpec-tasees-app .wcpec-create-account:hover{background:#008c62!important;color:#fff!important} #wcpec-tasees-app .wcpec-gov-user-card{ min-width:220px!important; height:58px!important; border:1px solid var(--tasees-line)!important; border-radius:18px!important; background:#fff!important; display:flex!important; align-items:center!important; gap:10px!important; padding:8px 12px!important; box-shadow:var(--tasees-shadow-soft)!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-avatar{ width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#0b65c2,#073d7a)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;font-weight:900!important;flex:0 0 auto!important; } #wcpec-tasees-app .wcpec-gov-user-card span{display:block!important;font-size:11px!important;color:#69758a!important;font-weight:900!important;line-height:1!important} #wcpec-tasees-app .wcpec-gov-user-card strong{display:block!important;max-width:150px!important;color:#071b34!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.5!important} #wcpec-tasees-app .wcpec-gov-logout{ width:78px!important; height:48px!important; border-radius:15px!important; background:#fff6f5!important; border:1px solid #ffd1cc!important; color:#c82920!important; display:flex!important; align-items:center!important; justify-content:center!important; text-decoration:none!important; font-size:14px!important; font-weight:900!important; flex:0 0 auto!important; } #wcpec-tasees-app .wcpec-gov-hero{ margin:24px 28px 18px!important; min-height:156px!important; border:1px solid var(--tasees-line)!important; border-radius:28px!important; background:linear-gradient(135deg,#ffffff 0%,#f4f8fd 58%,#eaf3ff 100%)!important; box-shadow:var(--tasees-shadow)!important; padding:32px 36px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:28px!important; overflow:hidden!important; position:relative!important; } #wcpec-tasees-app .wcpec-gov-hero:before{ content:''!important; position:absolute!important; inset:auto -80px -140px auto!important; width:300px!important; height:300px!important; border-radius:50%!important; background:rgba(196,145,47,.09)!important; pointer-events:none!important; } #wcpec-tasees-app .wcpec-gov-kicker{display:block!important;color:#66758a!important;font-size:13px!important;font-weight:900!important;margin-bottom:8px!important} #wcpec-tasees-app .wcpec-gov-hero h1{margin:0!important;color:#071b34!important;font-size:42px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.8px!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-hero p{margin:8px 0 0!important;color:#65758b!important;font-size:15px!important;font-weight:800!important;line-height:1.7!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-hero-status{ min-width:210px!important; min-height:96px!important; border:1px solid #cdeee2!important; border-radius:26px!important; background:linear-gradient(135deg,#f0fff9,#fff9ec)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:8px!important; box-shadow:0 16px 42px rgba(0,140,98,.08)!important; } #wcpec-tasees-app .wcpec-gov-hero-status span{color:#69758a!important;font-size:13px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-gov-hero-status strong{color:#008c62!important;font-size:20px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 28px 20px!important;position:relative!important;z-index:1!important} #wcpec-tasees-app .wcpec-card, #wcpec-tasees-app .wcpec-status-card, #wcpec-tasees-app .wcpec-steps-card, #wcpec-tasees-app .wcpec-icn-card, #wcpec-tasees-app .wcpec-service-card, #wcpec-tasees-app .wcpec-stat, #wcpec-tasees-app .wcpec-owner-delegations, #wcpec-tasees-app .wcpec-representative-dashboard, #wcpec-tasees-app .wcpec-delegation-dashboard, #wcpec-tasees-app .wcpec-delegation-wrap, #wcpec-tasees-app .wcpec-internal-delegation-center, #wcpec-tasees-app .wcpec-permissions-box{ background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:26px!important; box-shadow:var(--tasees-shadow-soft)!important; color:#071b34!important; padding:26px!important; overflow:visible!important; direction:rtl!important; text-align:right!important; } #wcpec-tasees-app .wcpec-card h2, #wcpec-tasees-app .wcpec-card h3, #wcpec-tasees-app .wcpec-status-card h2, #wcpec-tasees-app .wcpec-status-card h3, #wcpec-tasees-app .wcpec-permissions-box h3{ margin:0 0 18px!important; color:#071b34!important; font-size:24px!important; font-weight:900!important; line-height:1.35!important; text-align:right!important; } #wcpec-tasees-app .wcpec-card p, #wcpec-tasees-app .wcpec-status-card p, #wcpec-tasees-app .wcpec-permissions-box p{color:#65758b!important;font-size:14px!important;font-weight:700!important;line-height:1.9!important;margin:0 0 18px!important} #wcpec-tasees-app .wcpec-form-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; align-items:start!important; } #wcpec-tasees-app .wcpec-form-grid label{ display:flex!important; flex-direction:column!important; gap:9px!important; color:#071b34!important; font-size:14px!important; font-weight:900!important; line-height:1.5!important; } #wcpec-tasees-app input:not([type=checkbox]):not([type=radio]), #wcpec-tasees-app select, #wcpec-tasees-app textarea{ width:100%!important; min-height:50px!important; border:1px solid #d6e2ee!important; border-radius:16px!important; background:#fff!important; color:#071b34!important; padding:0 16px!important; font-size:14px!important; font-weight:800!important; outline:none!important; box-shadow:none!important; } #wcpec-tasees-app textarea{min-height:110px!important;padding:14px 16px!important;line-height:1.7!important} #wcpec-tasees-app input:focus, #wcpec-tasees-app select:focus, #wcpec-tasees-app textarea:focus{border-color:#0b65c2!important;box-shadow:0 0 0 4px rgba(11,101,194,.10)!important} #wcpec-tasees-app input[type=checkbox], #wcpec-tasees-app input[type=radio]{ width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; max-width:22px!important; max-height:22px!important; margin:0!important; padding:0!important; transform:none!important; accent-color:#0b65c2!important; flex:0 0 22px!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:18px 0 0!important} #wcpec-tasees-app .wcpec-btn, #wcpec-tasees-app button.wcpec-btn, #wcpec-tasees-app a.wcpec-btn, #wcpec-tasees-app button[type=button], #wcpec-tasees-app button[type=submit]{ min-height:44px!important; border-radius:14px!important; padding:10px 18px!important; font-size:14px!important; font-weight:900!important; line-height:1.35!important; text-decoration:none!important; white-space:normal!important; text-align:center!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; cursor:pointer!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-btn-primary, #wcpec-tasees-app button.wcpec-btn-primary, #wcpec-tasees-app a.wcpec-btn-primary{ background:linear-gradient(135deg,#0b65c2,#073d7a)!important; color:#fff!important; border:1px solid #0b65c2!important; box-shadow:0 12px 26px rgba(11,101,194,.18)!important; } #wcpec-tasees-app .wcpec-btn:not(.wcpec-btn-primary){background:#fff!important;color:#071b34!important;border:1px solid #d6e2ee!important} #wcpec-tasees-app .wcpec-permission-grid{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important; gap:14px!important; margin-top:18px!important; } #wcpec-tasees-app .wcpec-permission-card{ min-height:178px!important; border:1px solid #d6e2ee!important; border-radius:22px!important; background:#fff!important; padding:18px!important; display:grid!important; grid-template-rows:auto auto 1fr!important; align-content:start!important; gap:10px!important; cursor:pointer!important; position:relative!important; overflow:hidden!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important; } #wcpec-tasees-app .wcpec-permission-card:has(input:checked){border-color:#008c62!important;background:#f0fff9!important;box-shadow:0 14px 30px rgba(0,140,98,.08)!important} #wcpec-tasees-app .wcpec-permission-card input{position:absolute!important;top:18px!important;left:18px!important} #wcpec-tasees-app .wcpec-permission-card strong{display:block!important;color:#071b34!important;font-size:16px!important;font-weight:900!important;line-height:1.5!important;padding-left:34px!important;margin:0!important;text-align:right!important} #wcpec-tasees-app .wcpec-permission-card span{display:block!important;color:#65758b!important;font-size:13px!important;font-weight:700!important;line-height:1.8!important;text-align:right!important} #wcpec-tasees-app .wcpec-permission-card:has(input:checked):after{ content:'مفعلة'!important; position:absolute!important; bottom:14px!important; left:14px!important; background:#008c62!important; color:#fff!important; border-radius:999px!important; padding:5px 10px!important; font-size:11px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-smart-step{grid-template-columns:54px minmax(0,1fr) 140px!important;min-height:96px!important;padding:18px 20px!important;border-radius:24px!important;overflow:visible!important} #wcpec-tasees-app .wcpec-smart-step .wcpec-btn{grid-column:3!important;width:100%!important;min-height:42px!important;position:static!important;transform:none!important;white-space:normal!important;font-size:12.5px!important;line-height:1.35!important;padding:8px 10px!important} #wcpec-tasees-app .wcpec-smart-step-body strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #wcpec-tasees-app .wcpec-step-state{position:static!important;transform:none!important;white-space:nowrap!important;width:100%!important;min-height:34px!important;overflow:visible!important} #wcpec-tasees-app .wcpec-table-wrap{width:100%!important;overflow:auto!important;border:1px solid var(--tasees-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 24px rgba(7,27,52,.04)!important} #wcpec-tasees-app table{max-width:100%!important} #wcpec-tasees-app table.wcpec-data-table, #wcpec-tasees-app table.widefat{ width:100%!important; min-width:780px!important; border-collapse:separate!important; border-spacing:0!important; background:#fff!important; border:0!important; } #wcpec-tasees-app table.wcpec-data-table th, #wcpec-tasees-app table.widefat th{ height:56px!important; background:#f4f8fd!important; color:#263d5c!important; border-bottom:1px solid #dfe9f4!important; padding:14px 16px!important; text-align:right!important; font-size:13px!important; font-weight:900!important; } #wcpec-tasees-app table.wcpec-data-table td, #wcpec-tasees-app table.widefat td{ min-height:60px!important; background:#fff!important; color:#10294a!important; border-bottom:1px solid #edf2f7!important; padding:14px 16px!important; text-align:right!important; font-size:13.5px!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-alert{border-radius:20px!important;border:1px solid #d6e2ee!important;background:#fff!important;padding:16px 18px!important;color:#071b34!important;box-shadow:none!important} #wcpec-tasees-app .wcpec-alert-warning{background:#fff9ec!important;border-color:#efd6a7!important;color:#7b520f!important} #wcpec-tasees-app .wcpec-alert-success{background:#f0fff9!important;border-color:#bce8d8!important;color:#006b4b!important} #wcpec-tasees-app .wcpec-alert-danger{background:#fff6f5!important;border-color:#ffd1cc!important;color:#b5261e!important} #wcpec-tasees-app .wcpec-alert-info{background:#eef6ff!important;border-color:#cfe0f4!important;color:#0b4e91!important} #wcpec-tasees-app .wcpec-gov-footer{ margin:8px 28px 28px!important; border:1px solid var(--tasees-line)!important; border-radius:22px!important; background:#fff!important; padding:16px 20px!important; display:flex!important; gap:12px!important; align-items:center!important; justify-content:space-between!important; color:#65758b!important; font-size:12px!important; font-weight:800!important; box-shadow:0 10px 22px rgba(7,27,52,.04)!important; } #wcpec-tasees-app .wcpec-gov-footer b{color:#071b34!important;font-size:13px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-notification-wrap{display:none!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-notification-wrap{display:none!important} #wcpec-tasees-app .wcpec-gov-main > .wcpec-account-switcher, #wcpec-tasees-app .wcpec-content > .wcpec-account-switcher{display:none!important} #wcpec-tasees-app .wcpec-modal{position:fixed!important;inset:0!important;background:rgba(5,20,39,.58)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;backdrop-filter:blur(8px)!important} #wcpec-tasees-app .wcpec-modal[hidden]{display:none!important} #wcpec-tasees-app .wcpec-modal-box{width:min(920px,96vw)!important;max-height:86vh!important;overflow:auto!important;background:#fff!important;border:1px solid var(--tasees-line)!important;border-radius:26px!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important;padding:28px!important;position:relative!important;color:#071b34!important} #wcpec-tasees-app .wcpec-modal-close{position:absolute!important;top:14px!important;left:14px!important;width:38px!important;height:38px!important;border:0!important;border-radius:12px!important;background:#fff4f2!important;color:#b5261e!important;font-size:24px!important;font-weight:900!important;cursor:pointer!important} #wcpec-tasees-app .wcpec-toast{position:fixed!important;bottom:24px!important;left:24px!important;z-index:100000!important;border-radius:16px!important;background:#071b34!important;color:#fff!important;padding:14px 18px!important;font-weight:900!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important} #wcpec-tasees-app .wcpec-toast.ok{background:#008c62!important} #wcpec-tasees-app .wcpec-toast.err{background:#c82920!important} @media(max-width:1360px){ #wcpec-tasees-app.wcpec-gov-app{grid-template-columns:286px minmax(0,1fr)!important} #wcpec-tasees-app .wcpec-gov-sidebar{width:286px!important;min-width:286px!important} #wcpec-tasees-app .wcpec-gov-topbar{padding:0 18px!important;gap:10px!important} #wcpec-tasees-app .wcpec-gov-current-account{min-width:235px!important;max-width:280px!important} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:280px!important;max-width:320px!important} #wcpec-tasees-app .wcpec-gov-user-card{min-width:190px!important} #wcpec-tasees-app .wcpec-gov-notification{min-width:140px!important} #wcpec-tasees-app .wcpec-gov-hero h1{font-size:36px!important} } @media(max-width:1120px){ html.wcpec-tasees-ui-active,body.wcpec-tasees-ui-active{overflow:auto!important} #wcpec-tasees-app.wcpec-gov-app{display:block!important;height:auto!important;max-height:none!important;min-height:100vh!important;overflow:visible!important} #wcpec-tasees-app .wcpec-gov-sidebar{position:fixed!important;right:-304px!important;top:0!important;bottom:0!important;width:304px!important;min-width:304px!important;z-index:1000!important;transition:right .22s ease!important} #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{right:0!important} #wcpec-tasees-app .wcpec-gov-main{height:auto!important;max-height:none!important;min-height:100vh!important;overflow:visible!important} #wcpec-tasees-app .wcpec-menu-toggle{display:flex!important} #wcpec-tasees-app .wcpec-gov-topbar{height:auto!important;min-height:88px!important;flex-wrap:wrap!important;padding:12px!important} #wcpec-tasees-app .wcpec-gov-topbar-right,#wcpec-tasees-app .wcpec-gov-topbar-center,#wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;justify-content:space-between!important;flex:1 1 100%!important;order:initial!important} #wcpec-tasees-app .wcpec-gov-current-account,#wcpec-tasees-app .wcpec-gov-account-switcher,#wcpec-tasees-app .wcpec-gov-user-card{min-width:0!important;max-width:none!important;flex:1!important} #wcpec-tasees-app .wcpec-gov-notification{min-width:0!important;flex:0 0 150px!important} #wcpec-tasees-app .wcpec-gov-hero{margin:16px 12px!important;padding:22px!important;display:block!important;min-height:0!important} #wcpec-tasees-app .wcpec-gov-hero-status{margin-top:16px!important;min-width:0!important;min-height:84px!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 12px 18px!important} #wcpec-tasees-app .wcpec-form-grid{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-smart-step{grid-template-columns:44px minmax(0,1fr)!important;min-height:0!important} #wcpec-tasees-app .wcpec-smart-step .wcpec-btn,#wcpec-tasees-app .wcpec-step-state{grid-column:1/-1!important;width:100%!important} #wcpec-tasees-app .wcpec-gov-footer{margin:8px 12px 18px!important;display:block!important;text-align:center!important;line-height:2!important} } /* ========================================================= WCPEC TASEES 5.8.3 - FINAL USER TOPBAR / SIDEBAR FIX - يمنع تكرار الحساب الحالي - يثبت زر القائمة الجانبية - ينظم الهيدر والإشعارات وتبديل الحساب - يعتمد شعار تأسيس الرسمي ========================================================= */ #wcpec-tasees-app.wcpec-gov-app{ --tasees-navy:#071b34; --tasees-navy-2:#092544; --tasees-blue:#0b65c2; --tasees-gold:#c4912f; --tasees-green:#008c62; --tasees-bg:#f4f8fc; --tasees-line:#d8e3ef; --tasees-text:#071b34; } #wcpec-tasees-app .wcpec-gov-topbar{ height:92px!important; min-height:92px!important; display:grid!important; grid-template-columns:minmax(360px,1.1fr) minmax(150px,auto) minmax(250px,.9fr)!important; align-items:center!important; gap:18px!important; padding:14px 26px!important; background:rgba(255,255,255,.97)!important; border-bottom:1px solid var(--tasees-line)!important; box-shadow:0 12px 34px rgba(7,27,52,.07)!important; overflow:visible!important; z-index:500!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ display:flex!important; align-items:center!important; min-width:0!important; gap:12px!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{justify-content:flex-start!important;order:1!important;} #wcpec-tasees-app .wcpec-gov-topbar-center{justify-content:center!important;order:2!important;} #wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:flex-end!important;order:3!important;} #wcpec-tasees-app .wcpec-gov-current-account{display:none!important;} #wcpec-tasees-app .wcpec-gov-account-switcher{ width:min(390px,100%)!important; min-width:330px!important; max-width:430px!important; height:58px!important; display:block!important; position:relative!important; z-index:650!important; flex:0 1 390px!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher{ width:100%!important; height:58px!important; position:relative!important; z-index:651!important; display:block!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ width:100%!important; height:58px!important; min-height:58px!important; padding:8px 18px!important; border:1px solid rgba(0,140,98,.22)!important; border-radius:22px!important; background:linear-gradient(135deg,#f1fff9,#ffffff)!important; color:var(--tasees-text)!important; box-shadow:0 14px 30px rgba(7,27,52,.06)!important; display:grid!important; grid-template-columns:auto 1fr auto!important; grid-template-rows:auto auto!important; align-items:center!important; column-gap:10px!important; text-align:right!important; overflow:hidden!important; white-space:normal!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:after{ content:'⌄'!important; grid-column:3!important; grid-row:1 / 3!important; width:28px!important; height:28px!important; border-radius:999px!important; border:1px solid rgba(0,140,98,.24)!important; background:#fff!important; color:var(--tasees-green)!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:15px!important; font-weight:900!important; line-height:1!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{ grid-column:1/3!important; grid-row:1!important; font-size:12px!important; line-height:1.2!important; color:#66758c!important; font-weight:900!important; margin:0!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{ grid-column:1!important; grid-row:2!important; color:var(--tasees-text)!important; font-size:17px!important; font-weight:900!important; line-height:1.2!important; margin:0!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{ grid-column:2!important; grid-row:2!important; justify-self:start!important; direction:ltr!important; unicode-bidi:plaintext!important; max-width:190px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:var(--tasees-green)!important; font-size:11px!important; font-weight:900!important; margin:0!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{ display:none!important; position:absolute!important; top:68px!important; right:0!important; left:auto!important; width:390px!important; max-width:calc(100vw - 32px)!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:22px!important; box-shadow:0 30px 80px rgba(7,27,52,.20)!important; padding:14px!important; z-index:99999!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher.is-open .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:hover .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:focus-within .wcpec-account-menu{ display:block!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu>b{ display:block!important; color:var(--tasees-text)!important; font-size:15px!important; font-weight:900!important; padding:6px 4px 12px!important; border-bottom:1px solid #eef3f8!important; margin-bottom:10px!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option{ width:100%!important; min-height:52px!important; border:1px solid #e2ebf3!important; border-radius:16px!important; background:#fff!important; color:var(--tasees-text)!important; display:grid!important; grid-template-columns:1fr!important; align-items:center!important; text-align:right!important; margin:0 0 8px!important; padding:10px 12px!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option.is-active{ border-color:rgba(0,140,98,.35)!important; background:#f0fff9!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option span{font-weight:900!important;color:var(--tasees-text)!important;font-size:14px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option small{font-weight:900!important;color:var(--tasees-green)!important;font-size:11px!important;direction:ltr!important;} #wcpec-tasees-app .wcpec-gov-notification{ width:170px!important; height:58px!important; min-height:58px!important; border-radius:18px!important; border:1px solid var(--tasees-line)!important; background:#fff!important; color:var(--tasees-text)!important; box-shadow:0 14px 30px rgba(7,27,52,.06)!important; padding:0 18px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; position:relative!important; white-space:nowrap!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-notification i{font-style:normal!important;color:var(--tasees-gold)!important;font-size:17px!important;line-height:1!important;} #wcpec-tasees-app .wcpec-gov-notification span{font-size:14px!important;font-weight:900!important;color:var(--tasees-text)!important;line-height:1!important;} #wcpec-tasees-app .wcpec-gov-notification em{ position:absolute!important; top:-9px!important; right:-9px!important; min-width:26px!important; width:auto!important; height:26px!important; padding:0 6px!important; border-radius:999px!important; background:#c82920!important; color:#fff!important; border:3px solid #fff!important; font-size:11px!important; font-weight:900!important; display:flex!important; align-items:center!important; justify-content:center!important; box-shadow:0 10px 20px rgba(200,41,32,.25)!important; font-style:normal!important; line-height:1!important; } #wcpec-tasees-app .wcpec-gov-user-card{ height:58px!important; min-width:245px!important; max-width:310px!important; display:flex!important; align-items:center!important; gap:12px!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:20px!important; padding:8px 12px!important; box-shadow:0 14px 30px rgba(7,27,52,.06)!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-avatar{ width:44px!important; height:44px!important; min-width:44px!important; border-radius:15px!important; background:linear-gradient(135deg,var(--tasees-navy),#0b65c2)!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:20px!important; font-weight:900!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-gov-user-card span{display:block!important;font-size:12px!important;font-weight:900!important;color:#7a8798!important;line-height:1.2!important;} #wcpec-tasees-app .wcpec-gov-user-card strong{display:block!important;color:var(--tasees-text)!important;font-size:15px!important;font-weight:900!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:210px!important;} #wcpec-tasees-app .wcpec-gov-logout{ height:48px!important; min-width:78px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; color:#b42318!important; background:#fff7f5!important; border:1px solid #ffd4cc!important; border-radius:15px!important; text-decoration:none!important; font-size:14px!important; font-weight:900!important; padding:0 16px!important; } #wcpec-tasees-app .wcpec-menu-toggle{ width:48px!important; height:48px!important; min-width:48px!important; border-radius:15px!important; background:#fff!important; border:1px solid var(--tasees-line)!important; color:var(--tasees-navy)!important; box-shadow:0 10px 22px rgba(7,27,52,.07)!important; align-items:center!important; justify-content:center!important; font-size:22px!important; font-weight:900!important; cursor:pointer!important; line-height:1!important; } #wcpec-tasees-app .wcpec-gov-brand-logo img, #wcpec-tasees-app .wcpec-brand img{ content:url('https://tasees.wcpec.com/business/wp-content/uploads/2026/05/cropped-tasees-logo.png')!important; object-fit:contain!important; } #wcpec-tasees-app .wcpec-gov-brand-logo{ width:76px!important; height:76px!important; min-width:76px!important; border-radius:24px!important; background:#fff!important; border:1px solid rgba(196,145,47,.22)!important; box-shadow:0 18px 38px rgba(0,0,0,.10)!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:8px!important; } #wcpec-tasees-app .wcpec-gov-brand-logo img{width:100%!important;height:100%!important;filter:drop-shadow(0 8px 14px rgba(196,145,47,.20))!important;} #wcpec-tasees-app .wcpec-gov-sidebar{z-index:450!important;} #wcpec-tasees-app .wcpec-nav button{overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-permission-card input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;} @media(max-width:1360px){ #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:minmax(320px,1fr) auto minmax(220px,.8fr)!important;padding:12px 18px!important;gap:12px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:300px!important;max-width:360px!important;} #wcpec-tasees-app .wcpec-gov-user-card{min-width:210px!important;} #wcpec-tasees-app .wcpec-gov-notification{width:152px!important;} } @media(max-width:1120px){ #wcpec-tasees-app .wcpec-gov-topbar{display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:12px!important;gap:10px!important;} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;justify-content:space-between!important;} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:0!important;width:calc(100% - 62px)!important;max-width:none!important;flex:1 1 auto!important;} #wcpec-tasees-app .wcpec-gov-notification{width:auto!important;flex:1 1 auto!important;} #wcpec-tasees-app .wcpec-gov-user-card{min-width:0!important;flex:1 1 auto!important;} #wcpec-tasees-app .wcpec-menu-toggle{display:flex!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{right:0!important;width:100%!important;} } @media(min-width:1121px){ #wcpec-tasees-app .wcpec-menu-toggle{display:none!important;} } /* ========================================================= WCPEC Tasees 5.8.4 - Final governmental UI fixes Fix: duplicated arrows, working menu button, notification dropdown, copy ICN, smaller headings, right-aligned sidebar, cleaner icons. ========================================================= */ #wcpec-tasees-app.wcpec-gov-app{ --tasees-navy:#06172f; --tasees-navy-2:#082247; --tasees-blue:#1268d8; --tasees-green:#00845f; --tasees-gold:#c8922d; --tasees-bg:#eef4fb; --tasees-card:#ffffff; --tasees-line:#d9e5f2; --tasees-text:#061a36; --tasees-muted:#64748b; direction:rtl!important; background:var(--tasees-bg)!important; } #wcpec-tasees-app .wcpec-gov-topbar{ height:86px!important; min-height:86px!important; padding:12px 24px!important; background:rgba(255,255,255,.96)!important; border-bottom:1px solid var(--tasees-line)!important; display:grid!important; grid-template-columns:minmax(360px,1fr) minmax(300px,420px) minmax(420px,1fr)!important; align-items:center!important; gap:16px!important; box-shadow:0 12px 35px rgba(6,26,54,.06)!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{justify-content:flex-start!important;} #wcpec-tasees-app .wcpec-gov-topbar-center{justify-content:center!important;} #wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:flex-end!important;} #wcpec-tasees-app .wcpec-menu-toggle{ display:flex!important; width:52px!important; height:52px!important; min-width:52px!important; padding:0!important; border:1px solid var(--tasees-line)!important; border-radius:18px!important; background:#fff!important; color:var(--tasees-text)!important; box-shadow:0 12px 28px rgba(6,26,54,.08)!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:5px!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-menu-toggle span{ width:18px!important; height:2px!important; background:#0a2347!important; border-radius:999px!important; display:block!important; } #wcpec-tasees-app.sidebar-collapsed .wcpec-gov-sidebar{ transform:translateX(112%)!important; opacity:0!important; pointer-events:none!important; } #wcpec-tasees-app.sidebar-collapsed{ grid-template-columns:0 minmax(0,1fr)!important; } #wcpec-tasees-app .wcpec-gov-current-account{ min-height:56px!important; min-width:330px!important; max-width:390px!important; border:1px solid rgba(0,132,95,.22)!important; border-radius:22px!important; background:linear-gradient(135deg,#f1fff9,#ffffff)!important; padding:10px 16px!important; display:grid!important; grid-template-columns:auto 1fr auto!important; grid-template-rows:auto auto!important; align-items:center!important; column-gap:10px!important; box-shadow:0 14px 35px rgba(0,132,95,.08)!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-current-account span{grid-column:1/4!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;line-height:1!important;} #wcpec-tasees-app .wcpec-gov-current-account strong{grid-column:1!important;color:#061a36!important;font-size:18px!important;font-weight:900!important;line-height:1.25!important;white-space:nowrap!important;} #wcpec-tasees-app .wcpec-gov-current-account code{grid-column:2!important;direction:ltr!important;unicode-bidi:plaintext!important;color:var(--tasees-green)!important;font-size:11px!important;font-weight:900!important;background:transparent!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important;} #wcpec-tasees-app .wcpec-copy-icn{grid-column:3!important;border:0!important;border-radius:999px!important;background:#e7f8f2!important;color:var(--tasees-green)!important;font-size:11px!important;font-weight:900!important;padding:7px 10px!important;cursor:pointer!important;} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:320px!important;max-width:390px!important;position:relative!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ width:100%!important; min-width:0!important; height:58px!important; padding:9px 44px 9px 16px!important; border-radius:22px!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; column-gap:10px!important; background:linear-gradient(135deg,#f1fff9,#fff)!important; border:1px solid rgba(0,132,95,.22)!important; box-shadow:0 14px 35px rgba(0,132,95,.08)!important; position:relative!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before{ content:'⌄'!important; position:absolute!important; right:14px!important; top:50%!important; transform:translateY(-50%)!important; width:24px!important; height:24px!important; border-radius:999px!important; border:1px solid rgba(0,132,95,.22)!important; background:#fff!important; color:var(--tasees-green)!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:13px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:after{display:none!important;content:none!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{font-size:12px!important;color:#64748b!important;grid-column:1/3!important;font-weight:900!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{font-size:18px!important;color:#061a36!important;grid-column:1!important;white-space:nowrap!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{font-size:11px!important;color:var(--tasees-green)!important;grid-column:2!important;max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;direction:ltr!important;unicode-bidi:plaintext!important;} #wcpec-tasees-app .wcpec-gov-notification{ min-width:172px!important; height:56px!important; border:1px solid var(--tasees-line)!important; border-radius:18px!important; background:#fff!important; color:#061a36!important; font-weight:900!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; position:relative!important; box-shadow:0 12px 28px rgba(6,26,54,.07)!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-notification em{ position:absolute!important; top:-10px!important; left:-8px!important; min-width:28px!important; height:22px!important; padding:0 8px!important; border-radius:999px!important; background:#d92d20!important; color:#fff!important; font-size:12px!important; line-height:22px!important; font-style:normal!important; box-shadow:0 10px 20px rgba(217,45,32,.22)!important; } #wcpec-tasees-app .wcpec-notification-wrap{position:relative!important;} #wcpec-tasees-app .wcpec-notification-panel{ display:none!important; position:absolute!important; top:66px!important; left:0!important; width:380px!important; max-width:calc(100vw - 32px)!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:22px!important; box-shadow:0 30px 80px rgba(6,26,54,.18)!important; padding:12px!important; z-index:999999!important; } #wcpec-tasees-app .wcpec-notification-wrap.is-open .wcpec-notification-panel{display:block!important;} #wcpec-tasees-app .wcpec-notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:6px 6px 12px!important;border-bottom:1px solid #eef3f8!important;margin-bottom:8px!important;} #wcpec-tasees-app .wcpec-notification-head strong{font-size:15px!important;color:#061a36!important;font-weight:900!important;} #wcpec-tasees-app .wcpec-notification-head button{border:0!important;background:#edf5ff!important;color:#1268d8!important;border-radius:999px!important;padding:7px 10px!important;font-weight:900!important;cursor:pointer!important;} #wcpec-tasees-app .wcpec-notification-item{width:100%!important;border:1px solid #edf2f7!important;background:#fff!important;border-radius:16px!important;padding:12px!important;margin:8px 0!important;text-align:right!important;display:block!important;cursor:pointer!important;} #wcpec-tasees-app .wcpec-notification-item.is-unread{background:#f4fbff!important;border-color:#cae2ff!important;} #wcpec-tasees-app .wcpec-notification-item strong{display:block!important;color:#061a36!important;font-size:14px!important;font-weight:900!important;margin-bottom:5px!important;} #wcpec-tasees-app .wcpec-notification-item span{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;line-height:1.7!important;} #wcpec-tasees-app .wcpec-notification-item small{display:block!important;color:#94a3b8!important;font-size:11px!important;font-weight:800!important;margin-top:6px!important;} #wcpec-tasees-app .wcpec-notification-empty{padding:18px!important;text-align:center!important;color:#64748b!important;font-weight:800!important;} #wcpec-tasees-app .wcpec-gov-hero{min-height:124px!important;margin:24px 28px 18px!important;padding:24px 32px!important;border-radius:26px!important;} #wcpec-tasees-app .wcpec-gov-hero h1, #wcpec-tasees-app #wcpec-view-title{ font-size:30px!important; line-height:1.35!important; letter-spacing:-.3px!important; } #wcpec-tasees-app .wcpec-gov-hero p, #wcpec-tasees-app #wcpec-view-subtitle{font-size:14px!important;line-height:1.7!important;} #wcpec-tasees-app .wcpec-card h1, #wcpec-tasees-app .wcpec-card h2, #wcpec-tasees-app .wcpec-content h1, #wcpec-tasees-app .wcpec-content h2{font-size:24px!important;line-height:1.45!important;} #wcpec-tasees-app .wcpec-content h3{font-size:19px!important;line-height:1.55!important;} #wcpec-tasees-app .wcpec-gov-nav{gap:6px!important;padding:10px 14px 24px!important;} #wcpec-tasees-app .wcpec-gov-nav button{ width:100%!important; min-height:48px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; text-align:right!important; padding:11px 12px!important; border-radius:16px!important; font-size:14px!important; } #wcpec-tasees-app .wcpec-gov-nav button i{ order:0!important; width:30px!important; height:30px!important; min-width:30px!important; border-radius:10px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:rgba(255,255,255,.12)!important; color:#f5bd4f!important; font-size:14px!important; line-height:1!important; margin:0!important; } #wcpec-tasees-app .wcpec-gov-nav button span{ order:1!important; flex:1!important; text-align:right!important; color:inherit!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-nav button.active i, #wcpec-tasees-app .wcpec-gov-nav button:hover i{background:#f4eddf!important;color:#b87813!important;} #wcpec-tasees-app .wcpec-gov-sidebar{transition:transform .24s ease, opacity .24s ease!important;} @media(max-width:1280px){ #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;} #wcpec-tasees-app .wcpec-gov-topbar-right,#wcpec-tasees-app .wcpec-gov-topbar-center,#wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:space-between!important;} #wcpec-tasees-app .wcpec-gov-current-account,#wcpec-tasees-app .wcpec-gov-account-switcher{min-width:0!important;max-width:none!important;flex:1!important;} } @media(max-width:900px){ #wcpec-tasees-app .wcpec-gov-sidebar{right:0!important;transform:translateX(112%)!important;opacity:0!important;pointer-events:none!important;} #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important;} #wcpec-tasees-app.sidebar-collapsed{grid-template-columns:1fr!important;} #wcpec-tasees-app .wcpec-gov-current-account{min-width:0!important;width:100%!important;} #wcpec-tasees-app .wcpec-notification-panel{left:auto!important;right:0!important;} #wcpec-tasees-app .wcpec-gov-hero h1,#wcpec-tasees-app #wcpec-view-title{font-size:26px!important;} } /* ===================================================================== WCPEC TASEES 5.8.6 - OFFICIAL USER UI FINAL OVERRIDE Scope: frontend user dashboards only ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&display=swap'); #wcpec-tasees-app, #wcpec-tasees-app *{ font-family:'IBM Plex Sans Arabic','Tajawal',Arial,sans-serif!important; letter-spacing:0!important; } #wcpec-tasees-app{ --tasees-navy:#071b34; --tasees-navy-2:#061528; --tasees-blue:#145fc8; --tasees-gold:#c9902f; --tasees-green:#007a58; --tasees-red:#c6281f; --tasees-text:#071b34; --tasees-muted:#64748b; --tasees-line:#dbe5f1; --tasees-bg:#f4f8fc; --tasees-soft:#f8fbff; --tasees-card:#ffffff; --tasees-shadow:0 14px 34px rgba(7,27,52,.07); display:grid!important; grid-template-columns:286px minmax(0,1fr)!important; grid-template-areas:'sidebar main'!important; width:100vw!important; min-height:100vh!important; max-height:100vh!important; overflow:hidden!important; direction:rtl!important; background:linear-gradient(180deg,#f8fbff 0%,#edf4fb 100%)!important; color:var(--tasees-text)!important; } #wcpec-tasees-app .wcpec-gov-sidebar{ grid-area:sidebar!important; width:286px!important; min-width:286px!important; height:100vh!important; position:sticky!important; top:0!important; right:0!important; display:flex!important; flex-direction:column!important; background:linear-gradient(180deg,#071b34 0%,#061528 100%)!important; border-left:1px solid rgba(255,255,255,.10)!important; box-shadow:-14px 0 38px rgba(7,27,52,.16)!important; z-index:80!important; overflow:hidden!important; transition:transform .22s ease,opacity .22s ease!important; } #wcpec-tasees-app.sidebar-collapsed{ grid-template-columns:0 minmax(0,1fr)!important; } #wcpec-tasees-app.sidebar-collapsed .wcpec-gov-sidebar{ transform:translateX(110%)!important; opacity:0!important; pointer-events:none!important; } #wcpec-tasees-app .wcpec-gov-brand{ height:112px!important; display:flex!important; align-items:center!important; gap:12px!important; padding:18px 18px!important; background:#fff!important; border-bottom:1px solid rgba(7,27,52,.08)!important; } #wcpec-tasees-app .wcpec-gov-brand-logo{ width:64px!important; height:64px!important; min-width:64px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; padding:0!important; } #wcpec-tasees-app .wcpec-gov-brand-logo img{ width:64px!important; height:64px!important; object-fit:contain!important; display:block!important; } #wcpec-tasees-app .wcpec-gov-brand-text strong{ color:#071b34!important; font-size:20px!important; line-height:1.15!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-gov-brand-text span{ color:#475569!important; font-size:11px!important; line-height:1.55!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-gov-search{padding:16px 18px 10px!important;} #wcpec-tasees-app .wcpec-gov-search input{ height:48px!important; border-radius:14px!important; border:1px solid rgba(255,255,255,.16)!important; background:#fff!important; color:#071b34!important; padding:0 15px!important; font-size:12px!important; font-weight:700!important; box-shadow:0 10px 24px rgba(0,0,0,.12)!important; } #wcpec-tasees-app .wcpec-gov-nav{ display:flex!important; flex-direction:column!important; gap:5px!important; padding:10px 14px 18px!important; overflow:auto!important; flex:1!important; } #wcpec-tasees-app .wcpec-gov-nav button{ width:100%!important; min-height:44px!important; height:44px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; padding:0 12px!important; border:0!important; border-radius:13px!important; background:transparent!important; color:#edf6ff!important; font-size:13px!important; font-weight:700!important; text-align:right!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-gov-nav button i{ order:0!important; width:26px!important; height:26px!important; min-width:26px!important; border-radius:9px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:rgba(255,255,255,.09)!important; color:#d8a64a!important; font-size:12px!important; font-style:normal!important; line-height:1!important; margin:0!important; } #wcpec-tasees-app .wcpec-gov-nav button span{ order:1!important; flex:1!important; display:block!important; text-align:right!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; line-height:1.4!important; } #wcpec-tasees-app .wcpec-gov-nav button:hover{ background:rgba(255,255,255,.08)!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-nav button.active{ background:#fff!important; color:#0b4aa1!important; box-shadow:0 10px 24px rgba(0,0,0,.14)!important; } #wcpec-tasees-app .wcpec-gov-nav button.active i{ background:#f6efe1!important; color:#b87913!important; } #wcpec-tasees-app .wcpec-gov-sidebar-footer{ padding:14px 18px 18px!important; border-top:1px solid rgba(255,255,255,.10)!important; background:rgba(0,0,0,.10)!important; } #wcpec-tasees-app .wcpec-gov-sidebar-footer strong{font-size:12px!important;font-weight:800!important;} #wcpec-tasees-app .wcpec-gov-sidebar-footer span{font-size:11px!important;line-height:1.7!important;color:#b8c7d9!important;} #wcpec-tasees-app .wcpec-gov-main{ grid-area:main!important; min-width:0!important; height:100vh!important; overflow:auto!important; background:transparent!important; } #wcpec-tasees-app .wcpec-gov-topbar{ height:78px!important; min-height:78px!important; position:sticky!important; top:0!important; z-index:120!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:10px 22px!important; background:rgba(255,255,255,.96)!important; border-bottom:1px solid var(--tasees-line)!important; box-shadow:0 10px 26px rgba(7,27,52,.06)!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{order:1!important;justify-content:flex-start!important;flex:0 0 auto!important;} #wcpec-tasees-app .wcpec-gov-topbar-center{order:2!important;justify-content:center!important;flex:1 1 auto!important;} #wcpec-tasees-app .wcpec-gov-topbar-left{order:3!important;justify-content:flex-end!important;flex:0 0 auto!important;} #wcpec-tasees-app .wcpec-menu-toggle{ display:flex!important; width:44px!important; height:44px!important; min-width:44px!important; border-radius:13px!important; border:1px solid var(--tasees-line)!important; background:#fff!important; color:#071b34!important; padding:0!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:4px!important; cursor:pointer!important; box-shadow:0 8px 18px rgba(7,27,52,.06)!important; } #wcpec-tasees-app .wcpec-menu-toggle span{ width:17px!important; height:2px!important; border-radius:999px!important; background:#071b34!important; display:block!important; } #wcpec-tasees-app .wcpec-gov-current-account{ min-width:300px!important; max-width:360px!important; height:56px!important; min-height:56px!important; display:grid!important; grid-template-columns:minmax(70px,auto) minmax(0,1fr) auto!important; grid-template-rows:18px 22px!important; align-items:center!important; gap:2px 9px!important; padding:8px 14px!important; border:1px solid rgba(0,122,88,.22)!important; border-radius:17px!important; background:linear-gradient(135deg,#f1fff9,#fff)!important; box-shadow:0 10px 22px rgba(0,122,88,.06)!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-current-account span{ grid-column:1/4!important; color:#64748b!important; font-size:10px!important; font-weight:700!important; line-height:1!important; } #wcpec-tasees-app .wcpec-gov-current-account strong{ grid-column:1!important; color:#071b34!important; font-size:13px!important; font-weight:800!important; line-height:1.2!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-gov-current-account code, #wcpec-tasees-app #wcpec-current-icn-code{ grid-column:2!important; direction:ltr!important; unicode-bidi:plaintext!important; color:#007a58!important; background:transparent!important; font-size:10px!important; font-weight:800!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; padding:0!important; } #wcpec-tasees-app .wcpec-copy-icn{ grid-column:3!important; height:30px!important; min-width:48px!important; border:0!important; border-radius:11px!important; background:#e6f8f1!important; color:#007a58!important; font-size:11px!important; font-weight:800!important; padding:0 10px!important; cursor:pointer!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher{ position:relative!important; min-width:290px!important; max-width:350px!important; } #wcpec-tasees-app .wcpec-account-current{ width:100%!important; height:54px!important; min-height:54px!important; position:relative!important; display:grid!important; grid-template-columns:minmax(64px,auto) minmax(0,1fr)!important; grid-template-rows:17px 22px!important; align-items:center!important; column-gap:9px!important; padding:8px 42px 8px 14px!important; border:1px solid rgba(0,122,88,.22)!important; border-radius:17px!important; background:linear-gradient(135deg,#f1fff9,#fff)!important; box-shadow:0 10px 22px rgba(0,122,88,.06)!important; overflow:hidden!important; cursor:pointer!important; text-align:right!important; } #wcpec-tasees-app .wcpec-account-current:before{ content:'⌄'!important; position:absolute!important; right:13px!important; top:50%!important; transform:translateY(-50%)!important; width:22px!important; height:22px!important; border-radius:999px!important; display:flex!important; align-items:center!important; justify-content:center!important; border:1px solid rgba(0,122,88,.24)!important; background:#fff!important; color:#007a58!important; font-size:12px!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-account-current:after{display:none!important;content:none!important;} #wcpec-tasees-app .wcpec-account-current span{grid-column:1/3!important;font-size:10px!important;color:#64748b!important;font-weight:700!important;line-height:1!important;} #wcpec-tasees-app .wcpec-account-current strong{grid-column:1!important;font-size:13px!important;color:#071b34!important;font-weight:800!important;white-space:nowrap!important;line-height:1.2!important;} #wcpec-tasees-app .wcpec-account-current small{grid-column:2!important;font-size:10px!important;color:#007a58!important;font-weight:800!important;direction:ltr!important;unicode-bidi:plaintext!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important;} #wcpec-tasees-app .wcpec-account-menu{ display:none!important; position:absolute!important; top:62px!important; right:0!important; width:330px!important; max-width:calc(100vw - 32px)!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:18px!important; box-shadow:0 26px 70px rgba(7,27,52,.18)!important; padding:10px!important; z-index:999999!important; } #wcpec-tasees-app .wcpec-account-switcher.is-open .wcpec-account-menu{display:block!important;} #wcpec-tasees-app .wcpec-account-menu b{display:block!important;padding:8px 10px 12px!important;color:#071b34!important;font-size:13px!important;font-weight:800!important;border-bottom:1px solid #eef3f8!important;margin-bottom:8px!important;} #wcpec-tasees-app .wcpec-account-option, #wcpec-tasees-app .wcpec-create-account{ width:100%!important; min-height:42px!important; border:1px solid #edf2f7!important; background:#fff!important; border-radius:13px!important; margin:6px 0!important; padding:8px 10px!important; text-align:right!important; font-size:12px!important; font-weight:700!important; color:#071b34!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-account-option.is-active{background:#f1fff9!important;border-color:#bfe8d9!important;} #wcpec-tasees-app .wcpec-account-option small{display:block!important;color:#007a58!important;font-size:10px!important;font-weight:800!important;margin-top:3px!important;} #wcpec-tasees-app .wcpec-account-create-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;} #wcpec-tasees-app .wcpec-gov-notification{ height:50px!important; min-width:140px!important; border-radius:15px!important; border:1px solid var(--tasees-line)!important; background:#fff!important; color:#071b34!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; position:relative!important; font-size:13px!important; font-weight:800!important; box-shadow:0 8px 18px rgba(7,27,52,.06)!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-notification i{font-style:normal!important;font-size:15px!important;color:#c9902f!important;} #wcpec-tasees-app .wcpec-gov-notification em{ position:absolute!important; top:-8px!important; left:-7px!important; min-width:22px!important; height:20px!important; padding:0 6px!important; border-radius:999px!important; background:#c6281f!important; border:2px solid #fff!important; color:#fff!important; font-size:10px!important; font-weight:800!important; font-style:normal!important; line-height:17px!important; text-align:center!important; box-shadow:0 8px 16px rgba(198,40,31,.22)!important; } #wcpec-tasees-app .wcpec-notification-wrap{position:relative!important;} #wcpec-tasees-app .wcpec-notification-panel{ display:none!important; position:absolute!important; top:58px!important; left:0!important; width:360px!important; max-width:calc(100vw - 32px)!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:18px!important; box-shadow:0 26px 70px rgba(7,27,52,.18)!important; padding:10px!important; z-index:999999!important; } #wcpec-tasees-app .wcpec-notification-wrap.is-open .wcpec-notification-panel{display:block!important;} #wcpec-tasees-app .wcpec-notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 8px 12px!important;border-bottom:1px solid #eef3f8!important;margin-bottom:8px!important;} #wcpec-tasees-app .wcpec-notification-head strong{font-size:13px!important;color:#071b34!important;font-weight:800!important;} #wcpec-tasees-app .wcpec-notification-head button{border:0!important;background:#edf5ff!important;color:#145fc8!important;border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;} #wcpec-tasees-app .wcpec-notification-item{width:100%!important;border:1px solid #edf2f7!important;background:#fff!important;border-radius:14px!important;padding:10px!important;margin:7px 0!important;text-align:right!important;display:block!important;cursor:pointer!important;} #wcpec-tasees-app .wcpec-notification-item.is-unread{background:#f4fbff!important;border-color:#cae2ff!important;} #wcpec-tasees-app .wcpec-notification-item strong{display:block!important;color:#071b34!important;font-size:12px!important;font-weight:800!important;margin-bottom:4px!important;} #wcpec-tasees-app .wcpec-notification-item span{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:600!important;line-height:1.7!important;} #wcpec-tasees-app .wcpec-notification-item small{display:block!important;color:#94a3b8!important;font-size:10px!important;font-weight:700!important;margin-top:5px!important;} #wcpec-tasees-app .wcpec-notification-empty{padding:16px!important;text-align:center!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;} #wcpec-tasees-app .wcpec-gov-user-card{ height:50px!important; min-width:160px!important; max-width:220px!important; display:flex!important; align-items:center!important; gap:9px!important; padding:7px 10px!important; background:#fff!important; border:1px solid var(--tasees-line)!important; border-radius:15px!important; box-shadow:0 8px 18px rgba(7,27,52,.06)!important; } #wcpec-tasees-app .wcpec-gov-avatar{width:34px!important;height:34px!important;border-radius:12px!important;background:#145fc8!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:800!important;} #wcpec-tasees-app .wcpec-gov-user-card span{display:block!important;font-size:10px!important;color:#64748b!important;font-weight:700!important;line-height:1!important;} #wcpec-tasees-app .wcpec-gov-user-card strong{display:block!important;font-size:12px!important;color:#071b34!important;font-weight:800!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-gov-logout{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #ffc9c4!important;background:#fff5f4!important;color:#b42318!important;border-radius:13px!important;padding:0 14px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;} #wcpec-tasees-app .wcpec-gov-hero{ min-height:116px!important; margin:18px 24px 14px!important; padding:22px 28px!important; border:1px solid var(--tasees-line)!important; border-radius:22px!important; background:linear-gradient(135deg,#f8fbff 0%,#edf4fb 100%)!important; box-shadow:var(--tasees-shadow)!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-kicker{font-size:12px!important;color:#64748b!important;font-weight:700!important;line-height:1.7!important;} #wcpec-tasees-app .wcpec-gov-hero h1, #wcpec-tasees-app #wcpec-view-title{ font-size:26px!important; line-height:1.35!important; font-weight:800!important; margin:4px 0 6px!important; color:#071b34!important; } #wcpec-tasees-app .wcpec-gov-hero p, #wcpec-tasees-app #wcpec-view-subtitle{font-size:12px!important;line-height:1.8!important;color:#64748b!important;font-weight:600!important;margin:0!important;} #wcpec-tasees-app .wcpec-gov-hero-status{min-width:155px!important;border:1px solid #c9eadf!important;border-radius:18px!important;background:linear-gradient(135deg,#f1fff9,#fffdf6)!important;padding:14px!important;text-align:center!important;box-shadow:none!important;} #wcpec-tasees-app .wcpec-gov-hero-status span{display:block!important;font-size:11px!important;color:#64748b!important;font-weight:700!important;margin-bottom:5px!important;} #wcpec-tasees-app .wcpec-gov-hero-status strong{display:block!important;font-size:15px!important;color:#007a58!important;font-weight:800!important;} #wcpec-tasees-app .wcpec-gov-content, #wcpec-tasees-app .wcpec-content{padding:18px 24px!important;} #wcpec-tasees-app .wcpec-card, #wcpec-tasees-app .wcpec-owner-delegations, #wcpec-tasees-app .wcpec-representative-dashboard, #wcpec-tasees-app .wcpec-delegation-dashboard, #wcpec-tasees-app .wcpec-delegation-wrap{ border:1px solid var(--tasees-line)!important; border-radius:20px!important; background:#fff!important; box-shadow:var(--tasees-shadow)!important; padding:20px!important; color:#071b34!important; text-align:right!important; } #wcpec-tasees-app h1, #wcpec-tasees-app h2, #wcpec-tasees-app h3, #wcpec-tasees-app h4{ color:#071b34!important; font-weight:800!important; letter-spacing:0!important; } #wcpec-tasees-app .wcpec-content h1{font-size:24px!important;line-height:1.45!important;} #wcpec-tasees-app .wcpec-content h2{font-size:21px!important;line-height:1.5!important;} #wcpec-tasees-app .wcpec-content h3{font-size:17px!important;line-height:1.6!important;} #wcpec-tasees-app .wcpec-content p, #wcpec-tasees-app .wcpec-content li, #wcpec-tasees-app .wcpec-content span, #wcpec-tasees-app .wcpec-content label{font-size:12px!important;line-height:1.8!important;} #wcpec-tasees-app .wcpec-info-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;} #wcpec-tasees-app .wcpec-info-grid div{ min-height:92px!important; border:1px solid var(--tasees-line)!important; border-radius:16px!important; background:#fff!important; padding:15px!important; box-shadow:0 8px 20px rgba(7,27,52,.04)!important; } #wcpec-tasees-app .wcpec-info-grid span{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:700!important;margin-bottom:8px!important;} #wcpec-tasees-app .wcpec-info-grid strong{display:block!important;color:#071b34!important;font-size:16px!important;font-weight:800!important;line-height:1.55!important;word-break:break-word!important;} #wcpec-tasees-app .wcpec-stat strong{font-size:22px!important;font-weight:800!important;} #wcpec-tasees-app .wcpec-stat span{font-size:11px!important;font-weight:700!important;} #wcpec-tasees-app table.wcpec-data-table{font-size:12px!important;} #wcpec-tasees-app table.wcpec-data-table thead th{height:48px!important;font-size:11px!important;font-weight:800!important;padding:0 13px!important;} #wcpec-tasees-app table.wcpec-data-table tbody td{height:52px!important;font-size:12px!important;font-weight:600!important;padding:10px 13px!important;} #wcpec-tasees-app input, #wcpec-tasees-app select, #wcpec-tasees-app textarea{ min-height:44px!important; border-radius:13px!important; font-size:12px!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-btn, #wcpec-tasees-app button.wcpec-btn, #wcpec-tasees-app a.wcpec-btn{ min-height:38px!important; border-radius:12px!important; font-size:12px!important; font-weight:800!important; padding:0 14px!important; } #wcpec-tasees-app .wcpec-gov-footer{ margin:4px 24px 22px!important; padding:13px 16px!important; border-radius:18px!important; font-size:11px!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-gov-footer b{font-size:12px!important;font-weight:800!important;} @media(max-width:1280px){ #wcpec-tasees-app .wcpec-gov-topbar{height:auto!important;min-height:78px!important;flex-wrap:wrap!important;} #wcpec-tasees-app .wcpec-gov-topbar-center{order:4!important;flex-basis:100%!important;justify-content:flex-start!important;} #wcpec-tasees-app .wcpec-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:1100px){ #wcpec-tasees-app{grid-template-columns:1fr!important;grid-template-areas:'main'!important;} #wcpec-tasees-app .wcpec-gov-sidebar{ position:fixed!important; right:0!important; top:0!important; transform:translateX(110%)!important; opacity:0!important; pointer-events:none!important; } #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important;} #wcpec-tasees-app.sidebar-collapsed .wcpec-gov-sidebar{transform:translateX(110%)!important;opacity:0!important;pointer-events:none!important;} #wcpec-tasees-app .wcpec-gov-current-account, #wcpec-tasees-app .wcpec-gov-account-switcher, #wcpec-tasees-app .wcpec-gov-user-card{min-width:0!important;max-width:none!important;flex:1!important;} #wcpec-tasees-app .wcpec-gov-hero{margin:14px 14px 10px!important;padding:18px!important;flex-direction:column!important;align-items:stretch!important;} #wcpec-tasees-app .wcpec-gov-content,#wcpec-tasees-app .wcpec-content{padding:14px!important;} } @media(max-width:720px){ #wcpec-tasees-app .wcpec-gov-topbar{padding:10px!important;} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;justify-content:space-between!important;flex-basis:100%!important;} #wcpec-tasees-app .wcpec-gov-user-card{display:none!important;} #wcpec-tasees-app .wcpec-gov-current-account{min-width:0!important;} #wcpec-tasees-app .wcpec-gov-current-account code{max-width:135px!important;} #wcpec-tasees-app .wcpec-info-grid{grid-template-columns:1fr!important;} #wcpec-tasees-app .wcpec-gov-hero h1,#wcpec-tasees-app #wcpec-view-title{font-size:22px!important;} #wcpec-tasees-app .wcpec-notification-panel{left:auto!important;right:0!important;width:320px!important;} } /* FIX HEADER ACCOUNT OVERLAP */ .tasees-current-account, .wcpec-current-account-card, .account-switcher-box, .top-account-box{ display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:flex-start !important; gap:6px !important; min-height:88px !important; padding:16px 22px !important; overflow:hidden !important; } .tasees-current-account *, .wcpec-current-account-card *, .account-switcher-box *, .top-account-box *{ position:relative !important; top:auto !important; right:auto !important; left:auto !important; bottom:auto !important; transform:none !important; } .account-title, .current-account-title{ font-size:12px !important; line-height:1.3 !important; color:#7f8b99 !important; margin:0 !important; } .account-name, .current-account-name{ font-size:21px !important; line-height:1.2 !important; font-weight:800 !important; color:#061c3d !important; margin:0 !important; } .account-id, .current-account-id{ font-size:11px !important; line-height:1.3 !important; color:#0d8b68 !important; margin:0 !important; direction:ltr !important; } /* ========================================================= WCPEC Tasees 5.8.8 - Account classification stacking fix المطلوب: إظهار نوع الحساب تحت/بعد عبارة الحساب الحالي بدون تراكب ========================================================= */ #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current, #wcpec-tasees-app .wcpec-account-current{ height:68px!important; min-height:68px!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:16px 22px 16px!important; align-items:center!important; row-gap:2px!important; column-gap:0!important; padding:9px 42px 9px 14px!important; line-height:1.2!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span, #wcpec-tasees-app .wcpec-account-current span{ grid-column:1!important; grid-row:1!important; display:block!important; margin:0!important; padding:0!important; font-size:10px!important; line-height:16px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong, #wcpec-tasees-app .wcpec-account-current strong{ grid-column:1!important; grid-row:2!important; display:block!important; margin:0!important; padding:0!important; font-size:13px!important; line-height:22px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small, #wcpec-tasees-app .wcpec-account-current small{ grid-column:1!important; grid-row:3!important; display:block!important; margin:0!important; padding:0!important; font-size:10px!important; line-height:16px!important; direction:ltr!important; unicode-bidi:plaintext!important; text-align:right!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before, #wcpec-tasees-app .wcpec-account-current:before{ top:50%!important; transform:translateY(-50%)!important; } /* ========================================================= WCPEC Tasees 5.8.11 - Header final alignment فصل بطاقة رقم الحساب عن مبدّل الحساب ومنع التكرار والتداخل ========================================================= */ #wcpec-tasees-app .wcpec-gov-topbar{ height:88px!important; min-height:88px!important; display:grid!important; grid-template-columns:minmax(360px,auto) minmax(330px,430px) minmax(360px,auto)!important; align-items:center!important; gap:18px!important; padding:14px 28px!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ height:60px!important; display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{justify-content:flex-start!important;} #wcpec-tasees-app .wcpec-gov-topbar-center{justify-content:center!important;} #wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:flex-end!important;} #wcpec-tasees-app .wcpec-menu-toggle{ width:54px!important; height:54px!important; flex:0 0 54px!important; margin:0!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card{ width:360px!important; min-width:360px!important; max-width:360px!important; height:60px!important; min-height:60px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:8px 12px 8px 16px!important; border:1px solid #bce8d8!important; border-radius:18px!important; background:linear-gradient(135deg,#ecfff8,#ffffff)!important; box-shadow:0 12px 28px rgba(0,140,98,.08)!important; overflow:hidden!important; text-align:right!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-current-icn-info{ flex:1 1 auto!important; min-width:0!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:4px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card span{ display:block!important; margin:0!important; padding:0!important; font-size:12px!important; line-height:1.2!important; color:#64748b!important; font-weight:900!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card strong{ display:none!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card code{ display:block!important; width:100%!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; color:#008560!important; font-family:'Tajawal','Cairo',Arial,sans-serif!important; font-size:11px!important; line-height:1.2!important; font-weight:900!important; text-align:right!important; direction:ltr!important; unicode-bidi:plaintext!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card .wcpec-copy-icn{ width:62px!important; min-width:62px!important; height:44px!important; min-height:44px!important; flex:0 0 62px!important; margin:0!important; padding:0!important; border:0!important; border-radius:14px!important; background:#e6f7f1!important; color:#008560!important; font-size:15px!important; line-height:1!important; font-weight:900!important; display:flex!important; align-items:center!important; justify-content:center!important; box-shadow:none!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher{ width:390px!important; min-width:390px!important; max-width:390px!important; height:60px!important; min-height:60px!important; display:block!important; overflow:visible!important; position:relative!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher{ width:100%!important; height:60px!important; min-height:60px!important; display:block!important; position:relative!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ width:100%!important; min-width:0!important; max-width:none!important; height:60px!important; min-height:60px!important; display:grid!important; grid-template-columns:32px 1fr!important; grid-template-rows:17px 21px 15px!important; grid-template-areas:'arrow label' 'arrow type' 'arrow icn'!important; align-items:center!important; column-gap:12px!important; row-gap:0!important; padding:8px 16px!important; border:1px solid #bce8d8!important; border-radius:18px!important; background:linear-gradient(135deg,#ecfff8,#ffffff)!important; box-shadow:0 12px 28px rgba(0,140,98,.08)!important; overflow:hidden!important; text-align:right!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:after{ grid-area:arrow!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important; transform:none!important; width:28px!important; height:28px!important; border-radius:50%!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:1px solid #cfe4df!important; color:#008560!important; font-size:15px!important; font-weight:900!important; content:'⌄'!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:after{display:none!important;content:none!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{ grid-area:label!important; display:block!important; margin:0!important; padding:0!important; color:#64748b!important; font-size:12px!important; line-height:17px!important; font-weight:900!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{ grid-area:type!important; display:block!important; margin:0!important; padding:0!important; color:#061a36!important; font-size:17px!important; line-height:21px!important; font-weight:900!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{ grid-area:icn!important; display:block!important; margin:0!important; padding:0!important; color:#008560!important; font-size:10px!important; line-height:15px!important; font-weight:900!important; direction:ltr!important; unicode-bidi:plaintext!important; text-align:right!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{ top:70px!important; right:0!important; left:auto!important; width:390px!important; min-width:390px!important; max-width:min(390px,calc(100vw - 28px))!important; } @media(max-width:1280px){ #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;justify-content:space-between!important;height:auto!important;min-height:60px!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card, #wcpec-tasees-app .wcpec-gov-account-switcher{width:calc(100% - 66px)!important;min-width:0!important;max-width:none!important;} } @media(max-width:700px){ #wcpec-tasees-app .wcpec-gov-topbar{padding:10px!important;gap:10px!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card, #wcpec-tasees-app .wcpec-gov-account-switcher{width:100%!important;min-width:0!important;} #wcpec-tasees-app .wcpec-gov-topbar-right{flex-wrap:nowrap!important;} #wcpec-tasees-app .wcpec-gov-topbar-left{flex-wrap:wrap!important;} } /* ===================================================================== WCPEC Tasees 5.8.12 - Government / Banking header enterprise layout الهدف: هيدر رسمي منظم بدون تكرار، رقم الحساب مع النسخ في جهة، ومبدل الحساب النشط في جهة مستقلة، مع منع أي تداخل. ===================================================================== */ #wcpec-tasees-app.wcpec-gov-app{ --wcpec-head-navy:#071b34; --wcpec-head-muted:#6b778d; --wcpec-head-line:#dfe8f3; --wcpec-head-green:#008560; --wcpec-head-soft:#eefcf7; } #wcpec-tasees-app .wcpec-gov-topbar{ height:86px!important; min-height:86px!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:12px 24px!important; background:rgba(255,255,255,.98)!important; border-bottom:1px solid var(--wcpec-head-line)!important; box-shadow:0 10px 26px rgba(7,27,52,.055)!important; overflow:visible!important; position:sticky!important; top:0!important; z-index:500!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ display:flex!important; align-items:center!important; min-width:0!important; height:62px!important; gap:12px!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{ order:1!important; flex:0 0 auto!important; justify-content:flex-start!important; } #wcpec-tasees-app .wcpec-gov-topbar-center{ order:2!important; flex:1 1 auto!important; justify-content:center!important; } #wcpec-tasees-app .wcpec-gov-topbar-left{ order:3!important; flex:0 0 auto!important; justify-content:flex-end!important; } #wcpec-tasees-app .wcpec-menu-toggle{ width:52px!important; height:52px!important; min-width:52px!important; flex:0 0 52px!important; border-radius:16px!important; border:1px solid #d8e4f2!important; background:#fff!important; color:#071b34!important; box-shadow:0 8px 22px rgba(7,27,52,.06)!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; } #wcpec-tasees-app .wcpec-menu-toggle span{ display:block!important; width:24px!important; height:2px!important; border-radius:10px!important; background:#071b34!important; margin:3px 0!important; } /* بطاقة رقم الحساب + النسخ فقط */ #wcpec-tasees-app .wcpec-gov-current-account, #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card{ display:flex!important; align-items:center!important; justify-content:space-between!important; flex-direction:row!important; gap:14px!important; width:360px!important; min-width:360px!important; max-width:360px!important; height:62px!important; min-height:62px!important; padding:8px 12px 8px 16px!important; border:1px solid #bde8da!important; border-radius:19px!important; background:linear-gradient(135deg,#eefcf7 0%,#ffffff 100%)!important; box-shadow:0 12px 30px rgba(0,133,96,.075)!important; color:#071b34!important; position:relative!important; overflow:hidden!important; text-align:right!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-current-icn-info{ flex:1 1 auto!important; min-width:0!important; height:auto!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:5px!important; overflow:hidden!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card span{ display:block!important; color:#6b778d!important; font-size:11px!important; font-weight:900!important; line-height:1.1!important; margin:0!important; padding:0!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card code{ display:block!important; max-width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; color:var(--wcpec-head-green)!important; font-family:'Tajawal','Cairo',Arial,sans-serif!important; font-size:10.5px!important; font-weight:900!important; line-height:1.25!important; direction:ltr!important; unicode-bidi:plaintext!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card .wcpec-copy-icn{ flex:0 0 66px!important; width:66px!important; min-width:66px!important; max-width:66px!important; height:48px!important; min-height:48px!important; padding:0!important; margin:0!important; border:0!important; border-radius:16px!important; background:#e3f7f0!important; color:var(--wcpec-head-green)!important; font-family:'Tajawal','Cairo',Arial,sans-serif!important; font-size:15px!important; font-weight:900!important; line-height:1!important; box-shadow:none!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; transform:none!important; } /* مبدل الحساب النشط: يعرض نوع الحساب والقائمة فقط */ #wcpec-tasees-app .wcpec-gov-account-switcher{ display:block!important; position:relative!important; width:360px!important; min-width:360px!important; max-width:360px!important; height:62px!important; min-height:62px!important; overflow:visible!important; z-index:650!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher{ display:block!important; position:relative!important; width:100%!important; height:62px!important; min-height:62px!important; overflow:visible!important; z-index:650!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ width:100%!important; min-width:0!important; max-width:none!important; height:62px!important; min-height:62px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:18px 22px 14px!important; grid-template-areas:'arrow label' 'arrow type' 'arrow icn'!important; align-items:center!important; column-gap:12px!important; row-gap:0!important; padding:8px 16px!important; border:1px solid #bde8da!important; border-radius:19px!important; background:linear-gradient(135deg,#eefcf7 0%,#ffffff 100%)!important; box-shadow:0 12px 30px rgba(0,133,96,.075)!important; color:#071b34!important; text-align:right!important; overflow:hidden!important; cursor:pointer!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before{ content:'⌄'!important; grid-area:arrow!important; width:28px!important; height:28px!important; min-width:28px!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:1px solid #cae0da!important; color:var(--wcpec-head-green)!important; font-size:15px!important; font-weight:900!important; line-height:1!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important; transform:none!important; margin:0!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:after{display:none!important;content:none!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{ grid-area:label!important; display:block!important; color:#6b778d!important; font-size:11px!important; font-weight:900!important; line-height:18px!important; margin:0!important; padding:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{ grid-area:type!important; display:block!important; color:#061a36!important; font-size:16px!important; font-weight:900!important; line-height:22px!important; margin:0!important; padding:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{ grid-area:icn!important; display:block!important; color:var(--wcpec-head-green)!important; font-size:9.5px!important; font-weight:900!important; line-height:14px!important; margin:0!important; padding:0!important; direction:ltr!important; unicode-bidi:plaintext!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{ display:none!important; position:absolute!important; top:70px!important; right:0!important; left:auto!important; width:360px!important; min-width:360px!important; max-width:min(360px,calc(100vw - 28px))!important; padding:12px!important; border:1px solid #dfe8f3!important; border-radius:20px!important; background:#fff!important; box-shadow:0 26px 70px rgba(7,27,52,.20)!important; z-index:9999!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher.is-open .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:hover .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:focus-within .wcpec-account-menu{display:block!important} /* الإشعارات، المستخدم، والخروج */ #wcpec-tasees-app .wcpec-gov-topbar-left > .wcpec-notification-wrap, #wcpec-tasees-app .wcpec-notification-wrap{ position:relative!important; display:block!important; width:auto!important; height:52px!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-notification{ height:52px!important; min-height:52px!important; min-width:142px!important; padding:0 16px!important; border-radius:17px!important; border:1px solid #dfe8f3!important; background:#fff!important; color:#183555!important; box-shadow:0 8px 22px rgba(7,27,52,.055)!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; white-space:nowrap!important; font-size:13px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-user-card{ height:52px!important; min-width:220px!important; max-width:260px!important; padding:7px 10px 7px 14px!important; border:1px solid #dfe8f3!important; border-radius:17px!important; background:#fff!important; box-shadow:0 8px 22px rgba(7,27,52,.055)!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-avatar{ width:38px!important; height:38px!important; min-width:38px!important; border-radius:13px!important; background:linear-gradient(135deg,#0b65c2,#08458e)!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:17px!important; font-weight:900!important; box-shadow:0 8px 18px rgba(11,101,194,.18)!important; } #wcpec-tasees-app .wcpec-gov-user-card span{font-size:11px!important;color:#6b778d!important;font-weight:900!important;line-height:1!important;margin:0 0 4px!important} #wcpec-tasees-app .wcpec-gov-user-card strong{font-size:13px!important;color:#071b34!important;font-weight:900!important;line-height:1.3!important;max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-gov-logout{ height:52px!important; min-width:76px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; border-radius:17px!important; border:1px solid #f2b8b5!important; background:#fff7f6!important; color:#c72920!important; font-size:13px!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; } @media(max-width:1440px){ #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card{width:320px!important;min-width:320px!important;max-width:320px!important} #wcpec-tasees-app .wcpec-gov-account-switcher{width:320px!important;min-width:320px!important;max-width:320px!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{width:320px!important;min-width:320px!important} #wcpec-tasees-app .wcpec-gov-user-card{min-width:190px!important;max-width:220px!important} #wcpec-tasees-app .wcpec-gov-notification{min-width:124px!important} } @media(max-width:1180px){ #wcpec-tasees-app .wcpec-gov-topbar{height:auto!important;min-height:86px!important;flex-wrap:wrap!important;padding:12px 16px!important} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;height:auto!important;min-height:58px!important;justify-content:space-between!important;flex:1 1 100%!important} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card, #wcpec-tasees-app .wcpec-gov-account-switcher{width:calc(100% - 66px)!important;min-width:0!important;max-width:none!important} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{width:100%!important;min-width:0!important} } @media(max-width:700px){ #wcpec-tasees-app .wcpec-gov-topbar{padding:10px!important;gap:10px!important} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{gap:8px!important;flex-wrap:wrap!important} #wcpec-tasees-app .wcpec-menu-toggle{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card, #wcpec-tasees-app .wcpec-gov-account-switcher{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 100%!important} #wcpec-tasees-app .wcpec-gov-notification, #wcpec-tasees-app .wcpec-gov-user-card, #wcpec-tasees-app .wcpec-gov-logout{flex:1 1 100%!important;width:100%!important;max-width:none!important;min-width:0!important} } /* ========================================================= WCPEC Tasees - Enterprise Home Dashboard 5.8.13 ========================================================= */ #wcpec-tasees-app .wcpec-home-enterprise{ display:flex!important; flex-direction:column!important; gap:18px!important; width:100%!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-summary{ display:grid!important; grid-template-columns:minmax(0,1fr) 320px!important; gap:18px!important; align-items:stretch!important; } #wcpec-tasees-app .wcpec-home-summary-main, #wcpec-tasees-app .wcpec-home-status-card, #wcpec-tasees-app .wcpec-home-panel, #wcpec-tasees-app .wcpec-home-stat-card{ background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%)!important; border:1px solid #dfe8f3!important; border-radius:24px!important; box-shadow:0 18px 44px rgba(7,27,52,.06)!important; } #wcpec-tasees-app .wcpec-home-summary-main{ padding:26px 28px!important; position:relative!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-home-summary-main:before{ content:''!important; position:absolute!important; inset:auto -70px -90px auto!important; width:240px!important; height:240px!important; border-radius:50%!important; background:radial-gradient(circle,rgba(0,133,96,.14),rgba(0,133,96,0) 68%)!important; } #wcpec-tasees-app .wcpec-home-kicker{ display:inline-flex!important; align-items:center!important; height:30px!important; padding:0 12px!important; border-radius:999px!important; background:#eefaf6!important; color:#008560!important; font-size:12px!important; font-weight:900!important; margin-bottom:12px!important; } #wcpec-tasees-app .wcpec-home-summary-main h2{ margin:0 0 8px!important; color:#071b34!important; font-size:24px!important; font-weight:900!important; line-height:1.35!important; } #wcpec-tasees-app .wcpec-home-summary-main p{ margin:0!important; color:#64748b!important; font-size:14px!important; font-weight:700!important; line-height:1.9!important; } #wcpec-tasees-app .wcpec-home-account-line{ display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:wrap!important; margin-top:18px!important; padding:12px 14px!important; border-radius:18px!important; background:#f8fbff!important; border:1px solid #e3edf7!important; width:max-content!important; max-width:100%!important; } #wcpec-tasees-app .wcpec-home-account-line span{font-size:12px!important;font-weight:900!important;color:#6b778d!important} #wcpec-tasees-app .wcpec-home-account-line strong{font-size:15px!important;font-weight:900!important;color:#071b34!important} #wcpec-tasees-app .wcpec-home-account-line code{font-size:11px!important;font-weight:900!important;color:#008560!important;background:transparent!important;padding:0!important} #wcpec-tasees-app .wcpec-home-status-card{ padding:22px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:10px!important; } #wcpec-tasees-app .wcpec-home-status-card span{font-size:12px!important;color:#6b778d!important;font-weight:900!important} #wcpec-tasees-app .wcpec-home-status-card strong{font-size:21px!important;color:#071b34!important;font-weight:900!important} #wcpec-tasees-app .wcpec-home-status-card small{font-size:12px!important;color:#64748b!important;font-weight:800!important} #wcpec-tasees-app .wcpec-home-progress, #wcpec-tasees-app .wcpec-home-indicator b{ display:block!important; width:100%!important; height:9px!important; border-radius:999px!important; background:#edf3f8!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-home-progress i, #wcpec-tasees-app .wcpec-home-indicator b i{ display:block!important; height:100%!important; border-radius:999px!important; background:linear-gradient(90deg,#008560,#17b889)!important; } #wcpec-tasees-app .wcpec-home-stats-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:14px!important; } #wcpec-tasees-app .wcpec-home-stat-card{ min-height:132px!important; padding:18px!important; text-align:right!important; cursor:pointer!important; border:1px solid #dfe8f3!important; display:grid!important; grid-template-columns:52px minmax(0,1fr)!important; grid-template-areas:'icon label' 'icon value' 'icon hint'!important; align-items:center!important; gap:2px 12px!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } #wcpec-tasees-app .wcpec-home-stat-card:hover{ transform:translateY(-2px)!important; border-color:#b7dcd1!important; box-shadow:0 20px 50px rgba(7,27,52,.09)!important; } #wcpec-tasees-app .wcpec-home-stat-card i{ grid-area:icon!important; width:52px!important; height:52px!important; border-radius:18px!important; background:#eefaf6!important; color:#008560!important; display:flex!important; align-items:center!important; justify-content:center!important; font-style:normal!important; font-size:23px!important; } #wcpec-tasees-app .wcpec-home-stat-card span{grid-area:label!important;color:#64748b!important;font-size:12px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-home-stat-card strong{grid-area:value!important;color:#071b34!important;font-size:26px!important;font-weight:900!important;line-height:1!important} #wcpec-tasees-app .wcpec-home-stat-card em{grid-area:hint!important;color:#7b8797!important;font-size:11px!important;font-weight:800!important;font-style:normal!important} #wcpec-tasees-app .wcpec-home-stat-card.is-alert i{background:#fff4f2!important;color:#c72920!important} #wcpec-tasees-app .wcpec-home-panels{ display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)!important; gap:18px!important; } #wcpec-tasees-app .wcpec-home-panels-secondary{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } #wcpec-tasees-app .wcpec-home-panel{ padding:20px!important; min-width:0!important; } #wcpec-tasees-app .wcpec-home-panel-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin-bottom:16px!important; } #wcpec-tasees-app .wcpec-home-panel-head h3{ margin:0!important; color:#071b34!important; font-size:17px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-panel-head span, #wcpec-tasees-app .wcpec-home-panel-head button{ border:0!important; background:#f3f7fb!important; color:#4d6078!important; border-radius:999px!important; padding:7px 11px!important; font-size:11px!important; font-weight:900!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-home-quick-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } #wcpec-tasees-app .wcpec-home-quick-grid button{ min-height:112px!important; padding:16px!important; border-radius:20px!important; border:1px solid #e1eaf4!important; background:#fff!important; text-align:right!important; cursor:pointer!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:7px!important; box-shadow:0 10px 26px rgba(7,27,52,.045)!important; } #wcpec-tasees-app .wcpec-home-quick-grid button:hover{border-color:#b7dcd1!important;background:#fafffd!important} #wcpec-tasees-app .wcpec-home-quick-grid i{font-style:normal!important;font-size:24px!important;margin-bottom:2px!important} #wcpec-tasees-app .wcpec-home-quick-grid strong{color:#071b34!important;font-size:14px!important;font-weight:900!important;line-height:1.3!important} #wcpec-tasees-app .wcpec-home-quick-grid span{color:#64748b!important;font-size:11px!important;font-weight:800!important;line-height:1.5!important} #wcpec-tasees-app .wcpec-home-indicators-panel{display:flex!important;flex-direction:column!important;gap:16px!important} #wcpec-tasees-app .wcpec-home-indicator{display:flex!important;flex-direction:column!important;gap:8px!important} #wcpec-tasees-app .wcpec-home-indicator div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important} #wcpec-tasees-app .wcpec-home-indicator strong{font-size:13px!important;font-weight:900!important;color:#071b34!important} #wcpec-tasees-app .wcpec-home-indicator span{font-size:12px!important;font-weight:900!important;color:#008560!important} #wcpec-tasees-app .wcpec-home-indicator.is-warning span{color:#c77700!important} #wcpec-tasees-app .wcpec-home-indicator.is-warning b i{background:linear-gradient(90deg,#f59e0b,#f7c667)!important} #wcpec-tasees-app .wcpec-home-list{display:flex!important;flex-direction:column!important;gap:10px!important} #wcpec-tasees-app .wcpec-home-list button, #wcpec-tasees-app .wcpec-home-empty{ width:100%!important; min-height:74px!important; padding:12px 14px!important; border:1px solid #e1eaf4!important; border-radius:18px!important; background:#fff!important; text-align:right!important; cursor:pointer!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:4px 10px!important; align-items:center!important; } #wcpec-tasees-app .wcpec-home-list button.is-unread{border-color:#b8d9ff!important;background:#f7fbff!important} #wcpec-tasees-app .wcpec-home-list button strong{font-size:13px!important;font-weight:900!important;color:#071b34!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #wcpec-tasees-app .wcpec-home-list button span{font-size:11px!important;font-weight:900!important;color:#008560!important;background:#eefaf6!important;border-radius:999px!important;padding:5px 9px!important;white-space:nowrap!important} #wcpec-tasees-app .wcpec-home-list button small{grid-column:1/-1!important;color:#7b8797!important;font-size:11px!important;font-weight:800!important;direction:ltr!important;text-align:right!important} #wcpec-tasees-app .wcpec-home-empty{ cursor:default!important; color:#64748b!important; font-size:13px!important; font-weight:800!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#f8fbff!important; } @media(max-width:1280px){ #wcpec-tasees-app .wcpec-home-summary{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #wcpec-tasees-app .wcpec-home-panels, #wcpec-tasees-app .wcpec-home-panels-secondary{grid-template-columns:1fr!important} } @media(max-width:760px){ #wcpec-tasees-app .wcpec-home-stats-grid, #wcpec-tasees-app .wcpec-home-quick-grid{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-home-summary-main, #wcpec-tasees-app .wcpec-home-panel{padding:16px!important} #wcpec-tasees-app .wcpec-home-account-line{width:100%!important} } /* ========================================================= WCPEC Tasees - Home/Header Corrections 5.8.14 ========================================================= */ #wcpec-tasees-app .wcpec-home-list button{ grid-template-columns:minmax(0,1fr) auto!important; overflow:hidden!important; max-width:100%!important; } #wcpec-tasees-app .wcpec-home-list button strong, #wcpec-tasees-app .wcpec-home-list button span, #wcpec-tasees-app .wcpec-home-list button small{ min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-home-list button span{ display:inline-block!important; max-width:220px!important; white-space:nowrap!important; vertical-align:middle!important; } #wcpec-tasees-app .wcpec-home-panel{ overflow:hidden!important; } #wcpec-tasees-app .wcpec-home-panel .wcpec-home-list{ min-width:0!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-menu-toggle, #wcpec-tasees-app button.wcpec-menu-toggle{ background:#ffffff!important; color:#071b34!important; border-color:#d8e4f2!important; } #wcpec-tasees-app .wcpec-menu-toggle *, #wcpec-tasees-app button.wcpec-menu-toggle *{ color:#071b34!important; } #wcpec-tasees-app .wcpec-menu-toggle span, #wcpec-tasees-app button.wcpec-menu-toggle span, #wcpec-tasees-app .wcpec-menu-toggle::before, #wcpec-tasees-app .wcpec-menu-toggle::after{ background:#071b34!important; border-color:#071b34!important; } @media(max-width:900px){ #wcpec-tasees-app .wcpec-home-list button{ grid-template-columns:1fr!important; } #wcpec-tasees-app .wcpec-home-list button span{ justify-self:start!important; max-width:100%!important; } } /* WCPEC Inbox pagination and Arabic notification types fix */ #wcpec-tasees-app .wcpec-inbox-card .wcpec-table-wrap{margin-bottom:16px!important;} #wcpec-tasees-app .wcpec-inbox-message{max-width:620px!important;white-space:normal!important;line-height:1.8!important;word-break:break-word!important;overflow-wrap:anywhere!important;} #wcpec-tasees-app .wcpec-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:18px!important;direction:rtl!important;} #wcpec-tasees-app .wcpec-pagination button, #wcpec-tasees-app .wcpec-pagination span{min-width:38px!important;height:38px!important;padding:0 13px!important;border-radius:12px!important;border:1px solid #dbe6f3!important;background:#fff!important;color:#10294a!important;font-family:'Tajawal',Arial,sans-serif!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} #wcpec-tasees-app .wcpec-pagination button{cursor:pointer!important;} #wcpec-tasees-app .wcpec-pagination button.active{background:#0f7f5f!important;color:#fff!important;border-color:#0f7f5f!important;box-shadow:0 10px 22px rgba(15,127,95,.18)!important;} #wcpec-tasees-app .wcpec-pagination button:hover{border-color:#0f7f5f!important;color:#0f7f5f!important;} #wcpec-tasees-app .wcpec-pagination button.active:hover{color:#fff!important;} /* WCPEC Internal Delegation Success Card - 5.8.24 */ #wcpec-tasees-app .wcpec-internal-create-result{ width:100%!important; margin-top:18px!important; } #wcpec-tasees-app .wcpec-internal-success-card{ width:100%!important; border:1px solid #a9ead5!important; border-radius:24px!important; background:#eefdf7!important; padding:22px!important; display:flex!important; flex-direction:column!important; gap:16px!important; box-shadow:0 14px 34px rgba(0,140,98,.08)!important; text-align:right!important; direction:rtl!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-internal-success-head{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; margin:0!important; } #wcpec-tasees-app .wcpec-internal-success-icon{ width:42px!important; height:42px!important; min-width:42px!important; border-radius:14px!important; background:#008c62!important; color:#fff!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:20px!important; font-weight:900!important; line-height:1!important; } #wcpec-tasees-app .wcpec-internal-success-head strong{ display:block!important; color:#071b34!important; font-size:18px!important; font-weight:900!important; line-height:1.5!important; margin:0!important; } #wcpec-tasees-app .wcpec-internal-success-head small{ display:block!important; color:#65758b!important; font-size:13px!important; font-weight:800!important; line-height:1.7!important; margin:2px 0 0!important; } #wcpec-tasees-app .wcpec-internal-success-grid{ width:100%!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; align-items:stretch!important; } #wcpec-tasees-app .wcpec-internal-success-item{ min-height:72px!important; border:1px solid #ccefe4!important; border-radius:18px!important; background:#fff!important; padding:13px 15px!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:5px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-internal-success-item span{ color:#65758b!important; font-size:12px!important; font-weight:900!important; line-height:1.4!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-internal-success-item b{ width:100%!important; color:#007f5f!important; font-size:14px!important; font-weight:900!important; line-height:1.45!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-internal-success-item b[dir="ltr"]{ direction:ltr!important; text-align:left!important; } #wcpec-tasees-app .wcpec-internal-success-warning{ width:100%!important; border:1px solid #f3ce8a!important; border-radius:18px!important; background:#fff8e9!important; color:#8a5a00!important; padding:14px 16px!important; font-size:14px!important; font-weight:900!important; line-height:1.8!important; text-align:center!important; } #wcpec-tasees-app .wcpec-internal-success-payment{ width:100%!important; display:flex!important; justify-content:center!important; align-items:center!important; margin-top:0!important; } #wcpec-tasees-app .wcpec-internal-success-payment .wcpec-shortcode-payment-box{ width:auto!important; min-width:230px!important; text-align:center!important; } @media (max-width:900px){ #wcpec-tasees-app .wcpec-internal-success-grid{grid-template-columns:1fr!important;} #wcpec-tasees-app .wcpec-internal-success-head{align-items:flex-start!important;} } /* WCPEC 5.8.40 delegated account fixes */ #wcpec-tasees-app .wcpec-account-switcher{position:relative!important;z-index:80!important;} #wcpec-tasees-app .wcpec-account-switcher .wcpec-delegated-active-banner{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;min-width:360px!important;max-width:min(520px,90vw)!important;z-index:999!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;box-shadow:0 18px 45px rgba(16,24,40,.13)!important;} #wcpec-tasees-app .wcpec-account-switcher .wcpec-exit-delegated-account{position:relative!important;z-index:1001!important;pointer-events:auto!important;} #wcpec-tasees-app .wcpec-delegated-workspace-secure .wcpec-delegation-top-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:linear-gradient(135deg,#f8fbff,#eef7ff)!important;border:1px solid #d8e6f5!important;border-radius:22px!important;padding:22px!important;} #wcpec-tasees-app .wcpec-delegated-workspace-secure .wcpec-delegation-return{white-space:nowrap!important;} /* مركز حالة الحساب - ربط إجراءات الإدارة بواجهة المستخدم */ .wcpec-user-reflection-center .wcpec-section-title{margin-bottom:18px}.wcpec-user-reflection-center .wcpec-section-title h3{margin:0 0 8px;font-size:22px}.wcpec-user-reflection-center .wcpec-section-title p{margin:0;color:#516070;line-height:1.8}.wcpec-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.wcpec-kpi-card{background:#fff;border:1px solid rgba(10,31,68,.10);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(10,31,68,.06)}.wcpec-kpi-card span{display:block;color:#516070;font-size:13px;margin-bottom:8px}.wcpec-kpi-card strong{display:block;color:#0b1f3a;font-size:26px;line-height:1}.wcpec-kpi-card small{display:block;color:#758397;margin-top:8px}.wcpec-account-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;padding:14px;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#ffffff);border:1px solid rgba(10,31,68,.10)}.wcpec-account-status-strip div{padding:12px;background:#fff;border-radius:14px;border:1px solid rgba(10,31,68,.08)}.wcpec-account-status-strip span{display:block;color:#667085;font-size:12px;margin-bottom:7px}.wcpec-account-status-strip strong{display:block;color:#0b1f3a;font-size:14px}.wcpec-reflection-table{margin-top:16px}.wcpec-reflection-table h3{margin-top:0}@media (max-width:1000px){.wcpec-kpi-grid,.wcpec-account-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.wcpec-kpi-grid,.wcpec-account-status-strip{grid-template-columns:1fr}} /* WCPEC 5.8.48 Main Activity Contract + Certificate */ .wcpec-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.wcpec-benefit-grid>div{background:linear-gradient(145deg,#fff,#f6f9ff);border:1px solid #dbe6f5;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(11,31,58,.06)}.wcpec-benefit-grid i{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:#0b1f3a;color:#fff;font-style:normal;font-size:22px;margin-bottom:10px}.wcpec-benefit-grid strong{display:block;color:#0b1f3a;font-size:15px;margin-bottom:6px}.wcpec-benefit-grid span{display:block;color:#46556a;font-size:13px;line-height:1.8}.wcpec-social-grid,.wcpec-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wcpec-social-grid label,.wcpec-policy-grid label,.wcpec-policy-item{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #dbe6f5;border-radius:14px;padding:12px;font-weight:700;color:#0b1f3a}.wcpec-policy-item select,.wcpec-social-grid input{border:1px solid #cfd9e8;border-radius:12px;padding:10px}.wcpec-conditional{display:contents}.wcpec-prepare-policy{font-weight:600!important;color:#44546a!important;background:#fffaf0!important;border-color:#ead29a!important}.wcpec-official-document{position:relative;background:#fff;border:1px solid #cad6e6;border-radius:18px;padding:28px;margin:18px 0;overflow:hidden;box-shadow:0 12px 30px rgba(11,31,58,.08);color:#0b1f3a}.wcpec-doc-watermark{position:absolute;inset:auto 7% 30% auto;transform:rotate(-22deg);font-size:52px;font-weight:900;color:rgba(165,30,30,.12);border:6px solid rgba(165,30,30,.12);padding:20px 36px;border-radius:18px;pointer-events:none;z-index:0}.wcpec-doc-head,.wcpec-certificate-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:3px solid #0b1f3a;padding-bottom:16px;margin-bottom:18px}.wcpec-doc-head strong,.wcpec-certificate-title span{font-size:22px;color:#0b1f3a}.wcpec-doc-head span,.wcpec-certificate-title strong{color:#0b6b78}.wcpec-doc-table{position:relative;z-index:1;width:100%;border-collapse:collapse;margin:16px 0;background:#fff}.wcpec-doc-table th,.wcpec-doc-table td{border:1px solid #d7e1ef;padding:11px;text-align:right;font-size:13px}.wcpec-doc-table th{background:#f1f6fc;color:#0b1f3a;width:18%}.wcpec-official-document h3{position:relative;z-index:1;color:#0b1f3a;margin:18px 0 8px}.wcpec-official-document p,.wcpec-official-document li{position:relative;z-index:1;line-height:1.9;font-size:14px}.wcpec-doc-signatures{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.wcpec-doc-signatures>div{border:1px dashed #b6c4d6;border-radius:14px;padding:16px;background:#f8fbff}.wcpec-doc-signatures span{display:block;color:#607086;font-size:12px}.wcpec-doc-signatures strong{display:block;color:#0b1f3a;margin-top:5px}.wcpec-certificate-title{flex-direction:column;align-items:flex-start}.wcpec-certificate-note{background:#f6fbff;border-right:4px solid #0b6b78;padding:14px;border-radius:12px}.wcpec-document-item{border:1px solid #dbe6f5;border-radius:16px;margin:14px 0;background:#fff;overflow:hidden}.wcpec-document-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7faff}.wcpec-document-toolbar span{background:#fff4df;color:#7a5200;border:1px solid #e5c06a;border-radius:999px;padding:5px 12px;font-weight:800}.wcpec-document-preview{display:none;padding:14px}.wcpec-document-item.is-open .wcpec-document-preview{display:block}.wcpec-main-activity-summary .wcpec-info-grid,.wcpec-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.wcpec-info-grid>div{background:#f8fbff;border:1px solid #dbe6f5;border-radius:14px;padding:13px}.wcpec-info-grid span{display:block;color:#607086;font-size:12px;margin-bottom:5px}.wcpec-info-grid strong{display:block;color:#0b1f3a}.wcpec-home-indicator.is-ok span{color:#0b6b3a}.wcpec-home-indicator.is-warning span{color:#916000}@media(max-width:900px){.wcpec-benefit-grid,.wcpec-social-grid,.wcpec-policy-grid,.wcpec-info-grid{grid-template-columns:1fr}.wcpec-doc-head{flex-direction:column;align-items:flex-start}.wcpec-doc-watermark{font-size:34px;right:4%;bottom:42%}} @media print{body.wcpec-enable-legacy-document-print .wcpec-document-toolbar{display:none!important}} /* WCPEC Accredited Main Activity System 5.9.02 */ .wcpec-accredited-activity-landing{overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 46%,#fff9ec 100%)} .wcpec-landing-hero{padding:8px 0 4px}.wcpec-landing-hero h3{font-size:28px!important;line-height:1.55!important}.wcpec-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.wcpec-trust-strip>div{background:#0b1f3a;color:#fff;border-radius:18px;padding:16px;box-shadow:0 14px 30px rgba(11,31,58,.14)}.wcpec-trust-strip strong{display:block;font-size:18px;color:#f2c66d}.wcpec-trust-strip span{display:block;font-size:12px;opacity:.92;margin-top:5px}.wcpec-visual-section{display:grid;grid-template-columns:1.1fr 1.4fr;gap:16px;margin:18px 0}.wcpec-world-map-card,.wcpec-compare-card{border:1px solid #dbe6f5;border-radius:20px;background:#fff;padding:20px;box-shadow:0 10px 24px rgba(11,31,58,.06)}.wcpec-world-map-card{min-height:230px;background:radial-gradient(circle at 30% 40%,rgba(11,107,120,.16),transparent 20%),radial-gradient(circle at 70% 55%,rgba(242,198,109,.25),transparent 18%),linear-gradient(145deg,#fff,#f1f7ff);position:relative}.wcpec-world-map-card strong,.wcpec-compare-card h4{display:block;font-size:20px;color:#0b1f3a;margin-bottom:8px}.wcpec-world-map-card p{line-height:1.9;color:#41536b}.wcpec-map-dots i{position:absolute;width:13px;height:13px;background:#0b6b78;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 7px rgba(11,107,120,.12)}.wcpec-map-dots i:nth-child(1){top:38%;right:23%}.wcpec-map-dots i:nth-child(2){top:52%;right:42%}.wcpec-map-dots i:nth-child(3){top:35%;right:61%}.wcpec-map-dots i:nth-child(4){top:62%;right:73%}.wcpec-map-dots i:nth-child(5){top:70%;right:31%}.wcpec-compare-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wcpec-compare-card h4{grid-column:1/-1}.wcpec-compare-card>div{background:#f8fbff;border:1px solid #dbe6f5;border-radius:16px;padding:14px}.wcpec-compare-card span{display:block;font-weight:900;color:#0b6b78;margin-bottom:8px}.wcpec-compare-card ul{margin:0;padding:0 18px}.wcpec-compare-card li{line-height:1.9;font-size:13px;color:#3f5065}.wcpec-temp-file-panel{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;border-radius:16px;background:#0b1f3a;color:#fff}.wcpec-temp-file-panel strong{color:#f2c66d}.wcpec-temp-file-panel span{font-weight:900}.wcpec-temp-file-panel em{font-style:normal;background:rgba(255,255,255,.12);padding:7px 12px;border-radius:999px}.wcpec-doc-meta-qr{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 18px;padding:12px;border:1px solid #dbe6f5;border-radius:16px;background:#f8fbff}.wcpec-doc-meta-qr span,.wcpec-doc-meta-qr small{display:block;color:#607086}.wcpec-doc-meta-qr strong{display:block;color:#0b1f3a;font-size:16px;margin:4px 0}.wcpec-doc-meta-qr img{width:96px;height:96px;border-radius:10px;background:#fff;border:1px solid #dbe6f5;padding:6px}.wcpec-wizard-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.wcpec-wizard-tabs button{border:1px solid #dbe6f5;background:#fff;border-radius:14px;padding:10px;text-align:right;cursor:pointer;color:#0b1f3a}.wcpec-wizard-tabs button b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#eef4fb;border-radius:50%;margin-left:7px;color:#0b6b78}.wcpec-wizard-tabs button span{font-weight:800;font-size:12px}.wcpec-wizard-tabs button.is-active{background:#0b1f3a;color:#fff;border-color:#0b1f3a}.wcpec-wizard-tabs button.is-active b{background:#f2c66d;color:#0b1f3a}.wcpec-wizard-step{border:1px solid #dbe6f5;background:#fff;border-radius:18px;padding:16px;margin:12px 0}.wcpec-step-actions{border-top:1px solid #e6edf6;margin-top:14px;padding-top:14px}.wcpec-final-contract-review{max-height:760px;overflow:auto;border:1px dashed #c8d5e7;border-radius:16px;padding:12px;background:#f9fbfe}.wcpec-final-approval{display:block;margin:12px 0;padding:12px;border-radius:14px;background:#fff8e8;border:1px solid #e4ca8b;font-weight:900;color:#0b1f3a}.wcpec-readiness-meter{display:grid;grid-template-columns:1fr;gap:8px;background:#f8fbff;border:1px solid #dbe6f5;border-radius:18px;padding:16px;margin:14px 0}.wcpec-readiness-meter strong{display:block;color:#0b1f3a;font-size:18px}.wcpec-readiness-meter span{display:block;color:#596b82;font-size:13px;margin-top:5px}.wcpec-readiness-meter b{display:block;height:12px;border-radius:999px;background:#e7eef8;overflow:hidden}.wcpec-readiness-meter i{display:block;height:100%;background:linear-gradient(90deg,#0b6b78,#f2c66d);border-radius:999px} @media(max-width:900px){.wcpec-trust-strip,.wcpec-visual-section,.wcpec-compare-card,.wcpec-wizard-tabs{grid-template-columns:1fr}.wcpec-temp-file-panel{grid-template-columns:1fr}.wcpec-landing-hero h3{font-size:22px!important}.wcpec-doc-meta-qr{align-items:flex-start;flex-direction:column}} @media print{body.wcpec-enable-legacy-document-print .wcpec-document-toolbar{display:none!important}} /* WCPEC 5.9.03 Main Activity Fixes + Integration Services */ .wcpec-trust-strip>div{background:#071b33!important;color:#ffffff!important;border:1px solid rgba(245,197,66,.28)!important} .wcpec-trust-strip strong{color:#ffd76a!important;text-shadow:0 1px 0 rgba(0,0,0,.25)!important} .wcpec-trust-strip span{color:#e7eef8!important;opacity:1!important;font-weight:700!important} .wcpec-benefit-grid-rich>div span,.wcpec-benefit-grid span{color:#35465c!important} .wcpec-doc-watermark{color:rgba(146,64,14,.14)!important;border-color:rgba(146,64,14,.16)!important} .wcpec-integration-services .wcpec-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0} .wcpec-integration-services .wcpec-code-grid label{display:flex;flex-direction:column;gap:8px;background:#f8fbff;border:1px solid #dbe6f5;border-radius:16px;padding:14px;font-weight:900;color:#0b1f3a} .wcpec-integration-services textarea{width:100%;border:1px solid #cbd8e8;border-radius:12px;padding:12px;font-family:Consolas,monospace;direction:ltr;text-align:left;background:#fff;color:#0b1f3a;resize:vertical} .wcpec-integration-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border-radius:18px;margin:14px 0;border:1px solid #dbe6f5;background:#fff} .wcpec-integration-status strong{display:block;padding:9px 12px;border-radius:999px;text-align:center;background:#fff7ed;color:#92400e;border:1px solid #fed7aa} .wcpec-integration-status.is-connected strong{background:#ecfdf5;color:#047857;border-color:#bbf7d0} .wcpec-integration-status span{display:block;background:#f8fbff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;color:#43546a;font-weight:700} .wcpec-document-toolbar button[disabled]{opacity:.65;cursor:not-allowed;background:#eef2f7;color:#526173} @media(max-width:900px){.wcpec-integration-services .wcpec-code-grid,.wcpec-integration-status{grid-template-columns:1fr}} /* WCPEC Main Activity Real Wizard 5.9.15 */ .wcpec-main-activity-wizard-shell{display:block;max-width:100%;} .wcpec-main-activity-stage{margin-top:18px;} .wcpec-contract-step-card{overflow:hidden;} .wcpec-form-steps{position:relative;} .wcpec-wizard-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:12px;background:#f8fafc;border:1px solid #dbe4f0;border-radius:18px;} .wcpec-wizard-tabs button{border:1px solid #dbe4f0;background:#fff;color:#0b1f3a;border-radius:14px;padding:10px 12px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:8px;} .wcpec-wizard-tabs button b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#edf2f7;color:#0b1f3a;font-size:12px;} .wcpec-wizard-tabs button.is-active{background:#0b1f3a;color:#fff;border-color:#0b1f3a;} .wcpec-wizard-tabs button.is-active b{background:#f5c542;color:#0b1f3a;} .wcpec-wizard-step{display:none;border:1px solid #dbe4f0;border-radius:20px;background:#fff;padding:18px;margin-bottom:16px;} .wcpec-step-title{font-size:20px;font-weight:900;color:#0b1f3a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5edf7;} .wcpec-step-actions{justify-content:space-between;border-top:1px solid #e5edf7;padding-top:16px;} .wcpec-payment-step-card{border:1px solid #dbe4f0;border-radius:22px;background:#fff;padding:20px;margin-top:18px;} .wcpec-payment-box{background:#f8fafc;border:1px solid #dbe4f0;border-radius:18px;padding:18px;margin-top:14px;} .wcpec-payment-box h4{margin:0 0 12px;color:#0b1f3a;font-size:20px;font-weight:900;} .wcpec-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;} .wcpec-code-grid label{display:flex;flex-direction:column;gap:10px;font-weight:900;color:#0b1f3a;} .wcpec-code-grid textarea{width:100%;border:1px solid #dbe4f0;border-radius:16px;background:#f8fafc;padding:14px;direction:ltr;text-align:left;font-family:Consolas,monospace;min-height:100px;color:#0b1f3a;} @media(max-width:780px){.wcpec-code-grid{grid-template-columns:1fr}.wcpec-wizard-tabs{flex-direction:column}.wcpec-wizard-tabs button{width:100%;justify-content:flex-start}.wcpec-step-actions{flex-direction:column}.wcpec-step-actions .wcpec-btn{width:100%;}} /* WCPEC 5.9.17 - نظام خطوات تأسيس موحد */ #wcpec-main-activity-wizard-shell > .wcpec-main-activity-stage, #wcpec-main-activity-wizard-shell > .wcpec-main-activity-landing{width:100%;} #wcpec-main-activity-wizard-shell > .wcpec-main-activity-stage:not([style*="block"]){display:none;} #wcpec-main-activity-wizard-shell .wcpec-form-steps > .wcpec-wizard-step{display:none;} #wcpec-main-activity-wizard-shell .wcpec-form-steps > .wcpec-wizard-step:first-of-type{display:block;} #wcpec-main-activity-wizard-shell .wcpec-form-steps[data-current-step] > .wcpec-wizard-step:first-of-type{display:none;} /* WCPEC Main Activity Official Documents Fix */ .wcpec-letterhead-document{background:#fff!important;border:1px solid #cbd7e7!important;border-radius:18px!important;padding:26px!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 35px rgba(11,31,58,.08)!important;} .wcpec-letterhead-document:before{content:""!important;position:absolute!important;inset:12px!important;border:2px solid rgba(180,129,55,.28)!important;border-radius:14px!important;pointer-events:none!important;} .wcpec-letterhead-document:after{content:"WCPEC"!important;position:absolute!important;left:40px!important;bottom:40px!important;font-size:56px!important;font-weight:900!important;color:rgba(180,129,55,.06)!important;letter-spacing:4px!important;pointer-events:none!important;} .wcpec-official-letterhead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-bottom:4px solid #0b1f3a!important;padding:0 0 16px!important;margin:0 0 18px!important;position:relative!important;z-index:1!important;} .wcpec-official-letterhead strong{display:block!important;color:#0b1f3a!important;font-size:22px!important;font-weight:900!important;} .wcpec-official-letterhead span{display:block!important;color:#64748b!important;font-size:12px!important;margin-top:4px!important;} .wcpec-official-letterhead b{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0b1f3a!important;color:#f5c542!important;border-radius:14px!important;padding:12px 18px!important;font-size:16px!important;} .wcpec-letterhead-document .wcpec-doc-head,.wcpec-letterhead-document .wcpec-certificate-title,.wcpec-letterhead-document .wcpec-doc-meta-qr,.wcpec-letterhead-document .wcpec-doc-table,.wcpec-letterhead-document p,.wcpec-letterhead-document h3,.wcpec-letterhead-document ol{position:relative!important;z-index:1!important;} .wcpec-document-preview{display:none;margin-top:14px;} .wcpec-document-item.is-open .wcpec-document-preview{display:block;} @media print{body.wcpec-enable-legacy-document-print .wcpec-document-toolbar{display:none!important}} /* ===== WCPEC 5.9.99: contracts repeated letterhead, paid-only print, PDF cleanup ===== */ .wcpec-agreement-print-shell{width:100%;border-collapse:collapse;border-spacing:0;margin:0;padding:0;background:#fff;direction:rtl;} .wcpec-agreement-print-shell>thead>tr>td,.wcpec-agreement-print-shell>tbody>tr>td{padding:0;border:0;vertical-align:top;} .wcpec-cert-modal-toolbar button[disabled]{opacity:.55;cursor:not-allowed;background:#eef3f8!important;color:#667085!important;border-color:#d8e1ec!important;} .wcpec-print-locked-note{display:inline-flex;align-items:center;border:1px solid #e4c36a;background:#fff8e6;color:#7a5400;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;} .wcpec-certificate-agreement .wcpec-agreement-letterhead{background:#fff;} .wcpec-certificate-agreement .wcpec-agreement-full-body h3{break-after:avoid;page-break-after:avoid;} .wcpec-certificate-agreement .wcpec-agreement-full-body table,.wcpec-certificate-agreement .wcpec-agreement-full-body ol,.wcpec-certificate-agreement .wcpec-agreement-full-body p,.wcpec-certificate-agreement .wcpec-agreement-footer,.wcpec-certificate-agreement .wcpec-agreement-electronic-note{break-inside:avoid;page-break-inside:avoid;} @media screen and (max-width:1px){ @page wcpec_certificate_landscape{size:A4 landscape;margin:0!important;} @page wcpec_contract_portrait{size:A4 portrait;margin:9mm 10mm 9mm 10mm!important;} html,body{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;} body.wcpec-cert-modal-open:not(.wcpec-cert-print-allowed) #wcpec-cert-modal-body:before{content:"هذه الوثيقة غير مدفوعة أو غير معتمدة، ولا تتاح طباعتها أو حفظها PDF إلا بعد السداد والاعتماد.";display:block!important;visibility:visible!important;margin:20mm auto;padding:10mm;border:2px solid #d7b760;border-radius:6mm;color:#7a5400;font:900 16pt Tajawal,Arial,sans-serif;text-align:center;} body.wcpec-cert-modal-open:not(.wcpec-cert-print-allowed) #wcpec-cert-modal-body .wcpec-certificate-bundle, body.wcpec-cert-modal-open:not(.wcpec-cert-print-allowed) #wcpec-cert-modal-body .wcpec-certificate-paper, body.wcpec-cert-modal-open:not(.wcpec-cert-print-allowed) #wcpec-cert-modal-body .wcpec-certificate-agreement{display:none!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed *{visibility:hidden!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed #wcpec-cert-modal, body.wcpec-cert-modal-open.wcpec-cert-print-allowed #wcpec-cert-modal-body, body.wcpec-cert-modal-open.wcpec-cert-print-allowed #wcpec-cert-modal-body *{visibility:visible!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed #wcpec-cert-modal{position:static!important;display:block!important;background:#fff!important;inset:auto!important;overflow:visible!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-cert-modal-backdrop, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-cert-modal-close, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-cert-modal-toolbar{display:none!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-cert-modal-card{position:static!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed #wcpec-cert-modal-body{display:block!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-bundle{display:block!important;margin:0!important;padding:0!important;background:#fff!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-paper{page:wcpec_certificate_landscape!important;width:297mm!important;height:210mm!important;min-height:210mm!important;max-height:210mm!important;margin:0!important;padding:14mm 18mm!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;break-after:page!important;page-break-after:always!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement{page:wcpec_contract_portrait!important;width:190mm!important;max-width:190mm!important;margin:0 auto!important;padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;break-before:page!important;page-break-before:always!important;break-after:auto!important;page-break-after:auto!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-print-shell{display:table!important;width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-print-shell thead{display:table-header-group!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-print-shell tbody{display:table-row-group!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-print-shell tr{page-break-inside:avoid!important;break-inside:avoid!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-print-shell td{padding:0!important;border:0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement:before, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement:after{display:none!important;content:none!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-top-line{height:2.4mm!important;background:linear-gradient(90deg,#082b5f,#d7b760,#082b5f)!important;margin:0 0 3mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-letterhead{display:grid!important;grid-template-columns:1fr 28mm 34mm!important;align-items:center!important;gap:4mm!important;margin:0 0 4mm!important;padding:0 0 3mm!important;border-bottom:1.4pt solid #082b5f!important;background:#fff!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-entity{display:flex!important;align-items:center!important;gap:3mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-entity img{width:18mm!important;height:18mm!important;object-fit:contain!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-entity strong{display:block!important;font-size:12.5pt!important;line-height:1.2!important;color:#082b5f!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-entity span{display:block!important;font-size:6.8pt!important;color:#5b6b80!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-center-seal{text-align:center!important;font-size:7pt!important;color:#8a6b1e!important;font-weight:900!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-center-seal img{width:14mm!important;height:14mm!important;object-fit:contain!important;display:block!important;margin:0 auto .7mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-qr{text-decoration:none!important;text-align:center!important;color:#082b5f!important;font-size:6.2pt!important;line-height:1.15!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-qr img{width:17mm!important;height:17mm!important;display:block!important;margin:0 auto .6mm!important;border:1px solid #d7b760!important;border-radius:2mm!important;padding:1mm!important;background:#fff!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-title-block{margin:2mm 0 3mm!important;text-align:center!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-title-block small{font-size:7.5pt!important;color:#8a6b1e!important;font-weight:900!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-title-block h2{font-size:14pt!important;line-height:1.25!important;margin:1mm 0!important;color:#082b5f!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-title-block p{font-size:7.8pt!important;line-height:1.45!important;margin:0 auto!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-meta-strip, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-data-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5mm!important;margin:2mm 0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-meta-strip div, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-data-grid div{border:1px solid #d7e1ef!important;background:#fbfdff!important;border-radius:1.8mm!important;padding:1.6mm!important;min-height:0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-meta-strip span, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-data-grid span{display:block!important;font-size:6.6pt!important;color:#667085!important;font-weight:900!important;margin:0 0 .6mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-meta-strip strong, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-data-grid strong{display:block!important;font-size:7.4pt!important;color:#0b1f3a!important;line-height:1.25!important;word-break:break-word!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-two-col>div{border:1px solid #d7e1ef!important;background:#fbfdff!important;border-radius:2mm!important;padding:2mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement h3{font-size:9.2pt!important;line-height:1.25!important;margin:2.4mm 0 1mm!important;color:#082b5f!important;border-bottom:1px solid #d7b760!important;padding-bottom:.8mm!important;break-after:avoid!important;page-break-after:avoid!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement p, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement li{font-size:7.8pt!important;line-height:1.43!important;margin:.8mm 0!important;color:#1f334d!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement ol, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-certificate-agreement ul{margin:1mm 5mm 1.6mm 0!important;padding:0 3mm 0 0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;margin:1.5mm 0!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-table th, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-table td{border:1px solid #d7e1ef!important;padding:1.5mm!important;font-size:7.4pt!important;line-height:1.35!important;vertical-align:top!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-table th{width:28mm!important;background:#f3f7fb!important;color:#082b5f!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-electronic-note{font-size:7.4pt!important;line-height:1.35!important;margin:2mm 0!important;padding:2mm!important;border:1px solid #d7b760!important;border-radius:2mm!important;background:#fffdf5!important;break-inside:avoid!important;page-break-inside:avoid!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3mm!important;margin-top:3mm!important;break-inside:avoid!important;page-break-inside:avoid!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-footer>div{border:1px dashed #b6c4d6!important;border-radius:2mm!important;padding:2mm!important;background:#fbfdff!important;min-height:16mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-status-stamp.is-unpaid{position:fixed!important;top:120mm!important;left:20mm!important;right:20mm!important;z-index:50!important;transform:rotate(-18deg)!important;font-size:34pt!important;color:rgba(160,25,25,.16)!important;border:5px solid rgba(160,25,25,.12)!important;text-align:center!important;padding:6mm!important;border-radius:5mm!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-status-stamp.is-paid{display:none!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-full-body, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-parties, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-subject-data, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-footer{break-inside:auto!important;page-break-inside:auto!important;} body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-full-body h3, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-full-body p, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-full-body ol, body.wcpec-cert-modal-open.wcpec-cert-print-allowed .wcpec-agreement-full-body table{orphans:3!important;widows:3!important;} } /* إصلاحات 5.9.156: أيقونة الفواتير في الهيدر */ .wcpec-gov-invoice-shortcut{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 18px; border:1px solid #dbe7f5; border-radius:16px; background:#fff; color:#0b1f3a; font-family:inherit; font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(2,35,72,.06); } .wcpec-gov-invoice-shortcut i{font-style:normal;line-height:1} .wcpec-gov-invoice-shortcut em{ position:absolute; top:-10px; inset-inline-start:14px; min-width:24px; height:22px; padding:0 7px; border-radius:999px; background:#c62828; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-style:normal; font-weight:900; box-shadow:0 8px 18px rgba(198,40,40,.22); } .wcpec-gov-invoice-shortcut:hover{border-color:#0b5fb3;color:#0b5fb3;background:#f8fbff} @media(max-width:900px){.wcpec-gov-invoice-shortcut span{display:none}.wcpec-gov-invoice-shortcut{padding:10px 13px;min-width:48px}} .wcpec-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.wcpec-metric{position:relative;overflow:hidden}.wcpec-metric>span{display:block;color:#64748b;font-weight:800;margin-bottom:10px}.wcpec-metric>strong{display:block;color:#0b2f55;font-size:20px;line-height:1.7}.wcpec-metric small{display:block;color:#6b7280;margin-top:8px}.wcpec-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;margin-top:12px}.wcpec-status-active{background:#e8f7ef;color:#117a43;border:1px solid #b9ebcf}.wcpec-status-warning{background:#fff7e6;color:#9a6700;border:1px solid #ffe1a3}.wcpec-owner-summary .wcpec-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px}.wcpec-icn-box{background:linear-gradient(135deg,#0b2f55,#123f70);color:#fff;border-radius:18px;padding:16px 18px;margin:14px 0;box-shadow:0 12px 30px rgba(11,47,85,.16)}.wcpec-icn-box span{display:block;opacity:.78;font-weight:800;margin-bottom:5px}.wcpec-icn-box strong{display:block;font-size:22px;letter-spacing:.5px}.wcpec-summary-grid,.wcpec-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wcpec-summary-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.wcpec-summary-item span,.wcpec-tasees-form label span{display:block;color:#64748b;font-size:13px;font-weight:800;margin-bottom:7px}.wcpec-summary-item strong{display:block;color:#102a43;font-size:15px}.wcpec-tasees-form input,.wcpec-tasees-form select,.wcpec-tasees-form textarea{width:100%;border:1px solid #dbe2ea;border-radius:14px;padding:13px 14px;background:#fff;color:#172b4d;font-family:inherit;box-sizing:border-box}.wcpec-tasees-form input:focus,.wcpec-tasees-form select:focus,.wcpec-tasees-form textarea:focus{outline:none;border-color:#0b2f55;box-shadow:0 0 0 3px rgba(11,47,85,.12)}.wcpec-full{grid-column:1/-1}.wcpec-check{display:flex!important;gap:10px;align-items:flex-start;margin:18px 0}.wcpec-check input{width:auto!important;margin-top:5px}.wcpec-linked-declaration{margin:18px 0;padding:16px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc}.wcpec-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wcpec-form-message{font-weight:800}.wcpec-form-message.success{color:#117a43}.wcpec-form-message.error{color:#b42318}.wcpec-alert{padding:14px 16px;border-radius:16px;margin:12px 0;font-weight:800}.wcpec-alert-warning{background:#fff7e6;border:1px solid #ffe1a3;color:#7a4b00}@media(max-width:860px){.wcpec-dashboard-grid,.wcpec-summary-grid,.wcpec-form-grid{grid-template-columns:1fr}.wcpec-owner-summary .wcpec-summary-head{display:block}} /* WCPEC Tasees Phase 6 - Main Activity Workflow */ .wcpec-main-activity-form-card .wcpec-inner-card, .wcpec-main-activity-summary .wcpec-inner-card, .wcpec-payment-panel{ margin-top:16px; box-shadow:none; background:#fbfbff; } .wcpec-checkbox-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; } .wcpec-subcat-item{ background:#fff; border:1px solid var(--line,#dedceb); border-radius:16px; padding:12px 14px; margin:0; font-weight:800; } .wcpec-subcat-item input{ width:18px; height:18px; } .wcpec-subcat-empty{ grid-column:1/-1; border:1px dashed var(--line,#dedceb); border-radius:16px; padding:16px; background:#fff; } .wcpec-status-badge{ display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:6px 13px; border-radius:999px; font-weight:900; font-size:13px; white-space:nowrap; } .wcpec-status-active{background:#e9fff9;color:#087a68;border:1px solid #b8efe3;} .wcpec-status-warning{background:#fff8e8;color:#8a5b00;border:1px solid #f1d595;} .wcpec-status-danger{background:#fff0f3;color:#b4233c;border:1px solid #ffc2cc;} .wcpec-summary-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; } .wcpec-summary-head h3{margin-bottom:6px!important;} .wcpec-summary-head p{margin:0;color:var(--muted,#77758B);line-height:1.8;} .wcpec-form-message.success{color:#087a68;font-weight:900;margin-top:10px;} .wcpec-form-message.error{color:#b4233c;font-weight:900;margin-top:10px;} .wcpec-payment-panel .wcpec-tasees-integration-warning, .wcpec-tasees-integration-warning{ border:1px solid #f1d595; background:#fff8e8; color:#8a5b00; border-radius:16px; padding:14px 16px; font-weight:800; } @media(max-width:900px){ .wcpec-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .wcpec-summary-head{flex-direction:column;} } @media(max-width:640px){ .wcpec-checkbox-grid{grid-template-columns:1fr;} } /* WCPEC Tasees Phase 7 - Sub Activity Workflow */ .wcpec-sub-activity-form-card .wcpec-inner-card, .wcpec-sub-activity-list, .wcpec-activities-tree{margin-top:16px;} .wcpec-activity-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} .wcpec-activity-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid #dfe7f1;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(8,43,95,.08);} .wcpec-activity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e7edf5;padding-bottom:12px;margin-bottom:14px;} .wcpec-activity-card-head span,.wcpec-tree-main-head span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:5px;} .wcpec-activity-card-head strong,.wcpec-tree-main-head strong{display:block;color:#0b2f55;font-size:18px;font-weight:900;line-height:1.7;} .wcpec-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .wcpec-info-grid>div{background:#f8fafc;border:1px solid #e7edf5;border-radius:16px;padding:12px;} .wcpec-info-grid span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:5px;} .wcpec-info-grid strong{display:block;color:#102a43;font-size:14px;line-height:1.7;word-break:break-word;} .wcpec-info-grid-compact{grid-template-columns:1fr;} .wcpec-activity-url{display:block;margin-top:12px;background:#eef6ff;border:1px solid #cfe4ff;border-radius:14px;padding:10px 12px;color:#0b5fb3;font-weight:900;text-decoration:none;word-break:break-all;} .wcpec-sub-payment{margin-top:14px;padding:14px;border-radius:16px;background:#fff8e8;border:1px solid #f1d595;} .wcpec-sub-payment h4{margin:0 0 6px;color:#8a5b00;font-weight:900;} .wcpec-sub-payment p{margin:0 0 10px;color:#735100;font-weight:800;} .wcpec-tree-main{border:1px solid #dfe7f1;border-radius:24px;margin:18px 0;padding:16px;background:#fff;box-shadow:0 16px 38px rgba(8,43,95,.07);} .wcpec-tree-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#f8fbff,#ffffff);border:1px solid #e8eef7;border-radius:18px;padding:16px;margin-bottom:14px;} .wcpec-tree-main-head small{display:block;color:#64748b;font-weight:900;margin-top:4px;} .wcpec-tree-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-inline-start:18px;border-inline-start:4px solid #d7b760;} .wcpec-sub-activity-blocked .wcpec-alert span{display:block;margin-top:6px;} @media(max-width:900px){.wcpec-activity-card-grid,.wcpec-tree-children{grid-template-columns:1fr}.wcpec-tree-children{padding-inline-start:0;border-inline-start:0}.wcpec-tree-main-head,.wcpec-activity-card-head{flex-direction:column}.wcpec-info-grid{grid-template-columns:1fr}} /* Phase 8: Activities, badges and verification codes */ .wcpec-badge-card{margin-top:14px;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dfe7f1;border-radius:20px;padding:15px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;box-shadow:0 12px 28px rgba(8,43,95,.07)} .wcpec-badge-seal{width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#0b2f55,#123f70);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid #d7b760;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)} .wcpec-badge-seal span{font-size:13px;font-weight:900;letter-spacing:.5px}.wcpec-badge-seal strong{font-size:11px;font-weight:900;line-height:1.5;padding:0 4px} .wcpec-badge-info span,.wcpec-badge-meta span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:5px}.wcpec-badge-info strong{display:block;color:#0b2f55;font-size:16px;font-weight:900;line-height:1.6}.wcpec-badge-info small{display:block;color:#6b7280;font-weight:800;margin-top:3px} .wcpec-badge-meta{grid-column:1/-1;background:#f8fafc;border:1px solid #e7edf5;border-radius:14px;padding:10px 12px}.wcpec-badge-meta code{direction:ltr;display:block;color:#123f70;font-weight:900;word-break:break-all}.wcpec-badge-meta a{color:#0b5fb3;font-weight:900;text-decoration:none;word-break:break-all} .wcpec-badge-status-active .wcpec-badge-seal{background:linear-gradient(145deg,#0b6b3a,#109257)}.wcpec-badge-status-pending .wcpec-badge-seal{background:linear-gradient(145deg,#8a5b00,#b7791f)}.wcpec-badge-status-suspended .wcpec-badge-seal,.wcpec-badge-status-revoked .wcpec-badge-seal{background:linear-gradient(145deg,#8b1e1e,#b42318)} .wcpec-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wcpec-badges-page .wcpec-badge-card{margin-top:0}.wcpec-badge-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;border:1px solid #e7edf5;border-radius:14px;padding:10px}.wcpec-badge-stats span{font-size:11px;color:#64748b;font-weight:900}.wcpec-badge-stats strong{font-size:13px;color:#102a43;font-weight:900} .wcpec-activity-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed #d9e2ec}.wcpec-btn-light{background:#f8fafc!important;color:#0b2f55!important;border:1px solid #d8e2ef!important} .wcpec-code-activity-block{background:#fff;border:1px solid #dfe7f1;border-radius:22px;margin:16px 0;padding:16px;box-shadow:0 12px 30px rgba(8,43,95,.07)}.wcpec-code-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #e7edf5;padding-bottom:12px;margin-bottom:14px}.wcpec-code-head span{display:block;color:#64748b;font-size:12px;font-weight:900}.wcpec-code-head strong{display:block;color:#0b2f55;font-size:18px;font-weight:900;line-height:1.6}.wcpec-code-head small{display:block;color:#64748b;font-weight:800} .wcpec-code-grid{display:grid;grid-template-columns:1fr;gap:12px}.wcpec-code-grid label{display:block}.wcpec-code-grid span{display:block;color:#0b2f55;font-weight:900;margin-bottom:7px}.wcpec-code-grid input,.wcpec-code-grid textarea{width:100%;box-sizing:border-box;direction:ltr;text-align:left;background:#f8fafc;border:1px solid #dfe7f1;border-radius:14px;padding:12px;font-family:Consolas,Monaco,monospace;color:#102a43;font-size:13px;line-height:1.7}.wcpec-qr-placeholder{margin-top:12px;background:#f8fafc;border:1px dashed #b8c7d9;border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center}.wcpec-qr-placeholder strong{width:54px;height:54px;border-radius:12px;background:#0b2f55;color:#fff;display:flex;align-items:center;justify-content:center}.wcpec-qr-placeholder span{color:#64748b;font-weight:800;line-height:1.7} @media(max-width:900px){.wcpec-badge-grid{grid-template-columns:1fr}.wcpec-badge-card{grid-template-columns:1fr}.wcpec-badge-seal{width:72px;height:72px}.wcpec-code-head{flex-direction:column}.wcpec-badge-stats{grid-template-columns:1fr}} .wcpec-edit-activity-card .wcpec-info-grid{margin-bottom:18px} .wcpec-activity-summary-actions{margin:18px 0;justify-content:flex-start;gap:10px;flex-wrap:wrap} .wcpec-before-after{overflow:auto;border:1px solid rgba(15,46,84,.12);border-radius:14px;background:#fff;margin-top:10px} .wcpec-before-after .wcpec-data-table{margin:0;min-width:760px} .wcpec-before-after .wcpec-row-changed td{background:rgba(193,143,35,.08);font-weight:700} .wcpec-request-details-row td{background:#f8fafc!important;padding:16px!important} .wcpec-edit-success .wcpec-info-grid{margin:16px 0} .wcpec-edit-activity-card .wcpec-inner-card{box-shadow:none;border:1px solid rgba(15,46,84,.10)} /* Phase 10: Suspension and strike-off workflow */ .wcpec-delete-activity-page .wcpec-alert span{display:block;margin-top:6px;line-height:1.8} .wcpec-delete-tree{display:grid;gap:18px;margin-top:18px} .wcpec-delete-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dfe7f1;border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(8,43,95,.07)} .wcpec-delete-card-main{border-inline-start:5px solid #0b2f55}.wcpec-delete-card-sub{border-inline-start:5px solid #d7b760;margin-top:12px} .wcpec-delete-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e7edf5;padding-bottom:12px;margin-bottom:14px} .wcpec-delete-card-head span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:5px}.wcpec-delete-card-head strong{display:block;color:#0b2f55;font-size:18px;font-weight:900;line-height:1.7}.wcpec-delete-card-head small{display:block;color:#64748b;font-weight:800;margin-top:4px} .wcpec-delete-children{padding-inline-start:24px;border-inline-start:4px solid #e3edf8;margin:4px 0 18px} .wcpec-delete-form-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start;margin-top:14px}.wcpec-delete-form-grid label span{display:block;font-weight:900;color:#0b2f55;margin-bottom:7px}.wcpec-delete-form-grid select,.wcpec-delete-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d7e1ee;border-radius:14px;background:#fff;padding:12px;color:#102a43;font-family:inherit;line-height:1.8}.wcpec-closure-declaration{margin-top:12px}.wcpec-btn-danger{background:#9f1239!important;color:#fff!important;border:1px solid #9f1239!important}.wcpec-delete-success .wcpec-info-grid{margin:16px 0} @media(max-width:900px){.wcpec-delete-card-head{flex-direction:column}.wcpec-delete-form-grid{grid-template-columns:1fr}.wcpec-delete-children{padding-inline-start:0;border-inline-start:0}} /* Phase 12 User Authorizations */ .wcpec-user-table{width:100%;border-collapse:collapse;direction:rtl}.wcpec-user-table th,.wcpec-user-table td{border-bottom:1px solid #e2e8f0;padding:12px;text-align:right}.wcpec-user-table th{color:#0b2f55;font-weight:900;background:#f8fafc}.wcpec-table-wrap{overflow:auto}.wcpec-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:18px;text-align:center;color:#64748b;font-weight:800} .wcpec-tasees-print-center{direction:rtl;display:grid;gap:18px}.wcpec-tasees-print-center .wcpec-tasees-card{background:#fff;border:1px solid #dbe4ef;border-radius:16px;padding:22px;box-shadow:0 10px 25px rgba(15,40,80,.07)}.wcpec-tasees-actions{display:flex;gap:10px;flex-wrap:wrap}.wcpec-tasees-btn{display:inline-flex;align-items:center;justify-content:center;background:#0b2f55;color:#fff!important;text-decoration:none;border-radius:10px;padding:10px 16px;font-weight:700}.wcpec-tasees-table{width:100%;border-collapse:collapse}.wcpec-tasees-table th,.wcpec-tasees-table td{border:1px solid #e1e7ef;padding:10px;text-align:right}.wcpec-tasees-table th{background:#f6f8fb;color:#0b2f55} /* WCPEC Tasees 2.3.2 - Restore original rich home dashboard */ #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stats-grid-4{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-panels-main{ display:grid!important; grid-template-columns:1fr 1.15fr!important; gap:18px!important; align-items:stretch!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-dark-stats{ grid-template-columns:repeat(4,minmax(0,1fr))!important; margin-top:18px!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card.is-dark{ background:#061c32!important; color:#fff!important; border-color:#061c32!important; min-height:115px!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card.is-dark span, #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card.is-dark strong, #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card.is-dark em{ color:#fff!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card.is-dark em{ opacity:.78!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-active-account-circle{ min-width:260px!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-active-account-circle code{ display:block!important; direction:ltr!important; margin-top:10px!important; padding:8px 12px!important; border-radius:12px!important; background:#fff!important; border:1px solid #d8e5ef!important; color:#061c32!important; font-weight:900!important; font-size:12px!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-dashboard-path{ display:flex!important; flex-direction:column!important; gap:12px!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-steps-panel{ min-height:100%!important; } @media(max-width:1100px){ #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stats-grid-4, #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-dark-stats{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-panels-main{ grid-template-columns:1fr!important; } } @media(max-width:700px){ #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stats-grid-4, #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-dark-stats{ grid-template-columns:1fr!important; } } /* WCPEC 2.3.3 FINAL FRONTEND LAYOUT RESTORE إصلاح الهيدر وترتيب الرئيسية بدون تغيير ألوان وهوية واجهة المستخدم */ #wcpec-tasees-app.wcpec-gov-app{ direction:rtl!important; grid-template-columns:300px minmax(0,1fr)!important; align-items:stretch!important; } #wcpec-tasees-app .wcpec-gov-main{ min-width:0!important; overflow-x:hidden!important; } #wcpec-tasees-app .wcpec-gov-topbar{ height:92px!important; min-height:92px!important; display:grid!important; grid-template-columns:minmax(250px,340px) minmax(420px,1fr) minmax(270px,360px)!important; align-items:center!important; gap:16px!important; padding:14px 24px!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ min-width:0!important; width:100%!important; display:flex!important; align-items:center!important; gap:12px!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{justify-content:flex-start!important;order:initial!important} #wcpec-tasees-app .wcpec-gov-topbar-center{justify-content:center!important;order:initial!important} #wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:flex-end!important;order:initial!important} #wcpec-tasees-app .wcpec-gov-view-title{min-width:0!important;text-align:right!important} #wcpec-tasees-app .wcpec-gov-view-title h1{ margin:0!important; font-size:26px!important; font-weight:900!important; line-height:1.25!important; color:#071b34!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-view-title p{ margin:5px 0 0!important; font-size:12px!important; font-weight:800!important; color:#65758b!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-current-account{cursor:pointer!important;flex:0 1 300px!important;min-width:230px!important;max-width:320px!important} #wcpec-tasees-app .wcpec-gov-account-switcher{flex:0 1 340px!important;min-width:260px!important;max-width:360px!important} #wcpec-tasees-app .wcpec-gov-notification{flex:0 0 132px!important;min-width:132px!important} #wcpec-tasees-app .wcpec-gov-user-card{flex:1 1 auto!important;min-width:185px!important;max-width:245px!important} #wcpec-tasees-app .wcpec-gov-logout{flex:0 0 78px!important} #wcpec-tasees-app .wcpec-gov-hero{ min-height:132px!important; margin:20px 24px 18px!important; padding:28px 32px!important; } #wcpec-tasees-app .wcpec-gov-hero h1{font-size:34px!important;letter-spacing:0!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 24px 20px!important} #wcpec-tasees-app .wcpec-home-enterprise{ display:grid!important; gap:18px!important; } #wcpec-tasees-app .wcpec-home-summary{ display:grid!important; grid-template-columns:minmax(0,1fr) 260px!important; align-items:stretch!important; gap:18px!important; margin:0!important; } #wcpec-tasees-app .wcpec-home-summary-main, #wcpec-tasees-app .wcpec-home-status-card{ min-height:150px!important; border-radius:28px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-home-summary-main{ display:flex!important; flex-direction:column!important; justify-content:center!important; padding:30px 34px!important; } #wcpec-tasees-app .wcpec-home-status-card{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; padding:24px!important; text-align:center!important; } #wcpec-tasees-app .wcpec-home-stats-grid, #wcpec-tasees-app .wcpec-home-stats-grid-4{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; } #wcpec-tasees-app .wcpec-home-stat-card{ min-height:118px!important; width:100%!important; text-align:right!important; display:grid!important; grid-template-columns:auto 1fr!important; grid-template-areas:'icon label' 'icon value' 'icon hint'!important; align-content:center!important; column-gap:14px!important; row-gap:4px!important; padding:20px!important; } #wcpec-tasees-app .wcpec-home-stat-card i{grid-area:icon!important;align-self:center!important;justify-self:center!important} #wcpec-tasees-app .wcpec-home-stat-card span{grid-area:label!important} #wcpec-tasees-app .wcpec-home-stat-card strong{grid-area:value!important} #wcpec-tasees-app .wcpec-home-stat-card em{grid-area:hint!important} #wcpec-tasees-app .wcpec-home-panels, #wcpec-tasees-app .wcpec-home-panels-main, #wcpec-tasees-app .wcpec-home-panels-secondary{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(360px,0.92fr)!important; gap:18px!important; align-items:start!important; } #wcpec-tasees-app .wcpec-home-panels-secondary{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-home-panel{ width:100%!important; min-width:0!important; border-radius:28px!important; padding:24px!important; } #wcpec-tasees-app .wcpec-home-panel-head{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:14px!important; margin-bottom:18px!important; } #wcpec-tasees-app .wcpec-home-panel-head h3{margin:0!important;font-size:22px!important;font-weight:900!important;color:#071b34!important} #wcpec-tasees-app .wcpec-home-panel-head span{display:block!important;color:#65758b!important;font-weight:800!important;font-size:13px!important;line-height:1.7!important;text-align:right!important} #wcpec-tasees-app .wcpec-home-quick-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } #wcpec-tasees-app .wcpec-home-quick-grid button{ min-height:132px!important; border:1px solid #dfe8f2!important; border-radius:22px!important; background:#fff!important; box-shadow:0 10px 22px rgba(7,27,52,.04)!important; padding:18px!important; text-align:right!important; display:grid!important; grid-template-columns:50px 1fr!important; grid-template-areas:'icon title' 'icon text'!important; align-content:center!important; column-gap:12px!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-home-quick-grid button i{grid-area:icon!important;width:50px!important;height:50px!important;border-radius:18px!important;background:#eef6ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important} #wcpec-tasees-app .wcpec-home-quick-grid button strong{grid-area:title!important;font-size:16px!important;line-height:1.5!important;color:#071b34!important} #wcpec-tasees-app .wcpec-home-quick-grid button span{grid-area:text!important;font-size:13px!important;line-height:1.7!important;color:#65758b!important;font-weight:800!important} #wcpec-tasees-app .wcpec-dashboard-path .wcpec-smart-step{ min-height:82px!important; grid-template-columns:52px minmax(0,1fr)!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card{ min-height:104px!important; grid-template-columns:1fr auto!important; grid-template-areas:'label value' 'hint value'!important; background:#071b34!important; color:#fff!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card em{color:#dbe7f4!important} #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card strong{font-size:34px!important;color:#fff!important;text-align:left!important} #wcpec-tasees-app .wcpec-home-indicators-panel{max-width:100%!important} #wcpec-tasees-app .wcpec-home-indicator{ display:grid!important; grid-template-columns:minmax(220px,.7fr) minmax(0,1fr)!important; align-items:center!important; gap:18px!important; margin:14px 0!important; } #wcpec-tasees-app .wcpec-home-indicator b{height:12px!important;border-radius:99px!important;background:#eef3f7!important;overflow:hidden!important;display:block!important} #wcpec-tasees-app .wcpec-home-indicator b i{height:100%!important;display:block!important;border-radius:99px!important;background:#08a174!important} #wcpec-tasees-app .wcpec-home-indicator.is-warning b i{background:#f2a516!important} @media(max-width:1380px){ #wcpec-tasees-app.wcpec-gov-app{grid-template-columns:280px minmax(0,1fr)!important} #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:minmax(220px,300px) minmax(360px,1fr) minmax(230px,320px)!important;gap:10px!important;padding:12px 18px!important} #wcpec-tasees-app .wcpec-gov-current-account{min-width:210px!important;max-width:270px!important} #wcpec-tasees-app .wcpec-gov-account-switcher{min-width:230px!important;max-width:300px!important} #wcpec-tasees-app .wcpec-gov-notification{display:none!important} #wcpec-tasees-app .wcpec-home-panels-main{grid-template-columns:1fr!important} } @media(max-width:1100px){ #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:88px!important} #wcpec-tasees-app .wcpec-gov-topbar-right,#wcpec-tasees-app .wcpec-gov-topbar-center,#wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:space-between!important;flex-wrap:wrap!important} #wcpec-tasees-app .wcpec-home-summary,#wcpec-tasees-app .wcpec-home-stats-grid,#wcpec-tasees-app .wcpec-home-stats-grid-4{grid-template-columns:1fr 1fr!important} } @media(max-width:720px){ #wcpec-tasees-app .wcpec-home-summary,#wcpec-tasees-app .wcpec-home-stats-grid,#wcpec-tasees-app .wcpec-home-stats-grid-4,#wcpec-tasees-app .wcpec-home-quick-grid,#wcpec-tasees-app .wcpec-home-indicator{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-gov-content{padding:0 12px 16px!important} #wcpec-tasees-app .wcpec-gov-hero{margin:14px 12px!important;padding:20px!important} } /* WCPEC 2.3.4 FINAL FONT BALANCE FIX ضبط أحجام الخطوط داخل الرئيسية بدون تغيير الهوية البصرية أو ترتيب الواجهة */ #wcpec-tasees-app .wcpec-gov-hero h1, #wcpec-tasees-app .wcpec-home-summary-main h1, #wcpec-tasees-app .wcpec-home-summary-main h2, #wcpec-tasees-app .wcpec-home-summary-main .wcpec-home-title{ font-size:26px!important; line-height:1.45!important; letter-spacing:0!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-hero p, #wcpec-tasees-app .wcpec-home-summary-main p, #wcpec-tasees-app .wcpec-home-summary-main span{ font-size:13px!important; line-height:1.9!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-gov-kicker, #wcpec-tasees-app .wcpec-home-kicker, #wcpec-tasees-app .wcpec-home-summary-main .wcpec-badge, #wcpec-tasees-app .wcpec-home-summary-main .wcpec-label{ font-size:12.5px!important; line-height:1.3!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-status-card span, #wcpec-tasees-app .wcpec-home-stat-card span{ font-size:12.5px!important; line-height:1.5!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-status-card strong, #wcpec-tasees-app .wcpec-home-stat-card strong{ font-size:20px!important; line-height:1.35!important; letter-spacing:0!important; font-weight:900!important; word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important; } #wcpec-tasees-app .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-home-status-card em, #wcpec-tasees-app .wcpec-home-stat-card small, #wcpec-tasees-app .wcpec-home-status-card small{ font-size:11.5px!important; line-height:1.65!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-home-panel-head h3, #wcpec-tasees-app .wcpec-steps-card h3, #wcpec-tasees-app .wcpec-home-panel h3{ font-size:20px!important; line-height:1.45!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-panel-head span, #wcpec-tasees-app .wcpec-home-panel p, #wcpec-tasees-app .wcpec-home-panel small{ font-size:12.5px!important; line-height:1.8!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-dashboard-path .wcpec-smart-step-body strong, #wcpec-tasees-app .wcpec-smart-step-body strong{ font-size:16px!important; line-height:1.55!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-dashboard-path .wcpec-smart-step-body span, #wcpec-tasees-app .wcpec-smart-step-body span{ font-size:12.5px!important; line-height:1.75!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-smart-step-num{ width:42px!important; height:42px!important; font-size:14px!important; line-height:1!important; } #wcpec-tasees-app .wcpec-home-quick-grid button strong{ font-size:15px!important; line-height:1.6!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-quick-grid button span{ font-size:12.5px!important; line-height:1.75!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card strong{ font-size:28px!important; line-height:1.2!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card em{ font-size:12px!important; line-height:1.6!important; } #wcpec-tasees-app .wcpec-home-indicator strong, #wcpec-tasees-app .wcpec-home-indicator span{ font-size:13px!important; line-height:1.7!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-sidebar .wcpec-gov-nav button, #wcpec-tasees-app .wcpec-gov-nav button{ font-size:14px!important; line-height:1.35!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-brand strong{ font-size:21px!important; line-height:1.25!important; } #wcpec-tasees-app .wcpec-gov-brand span{ font-size:11.5px!important; line-height:1.6!important; } #wcpec-tasees-app .wcpec-gov-current-account strong, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{ font-size:15px!important; line-height:1.25!important; } #wcpec-tasees-app .wcpec-gov-current-account span, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{ font-size:11px!important; } #wcpec-tasees-app .wcpec-gov-current-account b, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{ font-size:10.5px!important; } @media(max-width:1380px){ #wcpec-tasees-app .wcpec-gov-hero h1, #wcpec-tasees-app .wcpec-home-summary-main h1, #wcpec-tasees-app .wcpec-home-summary-main h2{font-size:24px!important} #wcpec-tasees-app .wcpec-home-stat-card strong{font-size:18px!important} #wcpec-tasees-app .wcpec-home-panel-head h3{font-size:19px!important} } @media(max-width:720px){ #wcpec-tasees-app .wcpec-gov-hero h1, #wcpec-tasees-app .wcpec-home-summary-main h1, #wcpec-tasees-app .wcpec-home-summary-main h2{font-size:22px!important} #wcpec-tasees-app .wcpec-home-stat-card strong{font-size:18px!important} #wcpec-tasees-app .wcpec-home-quick-grid button strong{font-size:14px!important} } /* WCPEC 2.3.5 FINAL FONT HARD FIX تصغير فعلي للنصوص الكبيرة ومنع تكسير الكلمات داخل بطاقات الرئيسية */ #wcpec-tasees-app, #wcpec-tasees-app *{ letter-spacing:0!important; } #wcpec-tasees-app{ font-size:13px!important; } #wcpec-tasees-app .wcpec-gov-content{ padding:0 22px 18px!important; } #wcpec-tasees-app .wcpec-gov-hero{ min-height:112px!important; margin:16px 22px 14px!important; padding:20px 28px!important; } #wcpec-tasees-app .wcpec-gov-hero h1, #wcpec-tasees-app #wcpec-view-title{ font-size:27px!important; line-height:1.25!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-hero p{ font-size:12px!important; line-height:1.65!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-gov-topbar{ min-height:70px!important; height:70px!important; padding:9px 16px!important; } #wcpec-tasees-app .wcpec-gov-brand strong{font-size:18px!important;line-height:1.2!important;} #wcpec-tasees-app .wcpec-gov-brand span{font-size:10.5px!important;line-height:1.4!important;} #wcpec-tasees-app .wcpec-gov-nav button{ font-size:13px!important; line-height:1.25!important; min-height:42px!important; padding:9px 12px!important; } #wcpec-tasees-app .wcpec-home-enterprise{gap:14px!important;} #wcpec-tasees-app .wcpec-home-summary{ grid-template-columns:minmax(0,1fr) 230px!important; gap:14px!important; } #wcpec-tasees-app .wcpec-home-summary-main, #wcpec-tasees-app .wcpec-home-status-card{ min-height:128px!important; border-radius:22px!important; } #wcpec-tasees-app .wcpec-home-summary-main{padding:22px 28px!important;} #wcpec-tasees-app .wcpec-home-kicker, #wcpec-tasees-app .wcpec-gov-kicker{font-size:11px!important;padding:6px 12px!important;} #wcpec-tasees-app .wcpec-home-summary-main h1, #wcpec-tasees-app .wcpec-home-summary-main h2, #wcpec-tasees-app .wcpec-home-title{ font-size:22px!important; line-height:1.35!important; margin:6px 0!important; } #wcpec-tasees-app .wcpec-home-summary-main p{ font-size:12px!important; line-height:1.65!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-home-status-card span{font-size:11px!important;} #wcpec-tasees-app .wcpec-home-status-card strong{ font-size:18px!important; line-height:1.25!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-home-status-card code, #wcpec-tasees-app .wcpec-home-status-card small{ font-size:10px!important; line-height:1.3!important; direction:ltr!important; } #wcpec-tasees-app .wcpec-home-stats-grid, #wcpec-tasees-app .wcpec-home-stats-grid-4{ gap:12px!important; } #wcpec-tasees-app .wcpec-home-stat-card{ min-height:78px!important; padding:12px 14px!important; border-radius:16px!important; grid-template-columns:40px minmax(0,1fr)!important; column-gap:9px!important; row-gap:1px!important; } #wcpec-tasees-app .wcpec-home-stat-card i{ width:40px!important; height:40px!important; border-radius:14px!important; font-size:17px!important; } #wcpec-tasees-app .wcpec-home-stat-card span{ font-size:10.5px!important; line-height:1.25!important; font-weight:800!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-home-stat-card strong{ font-size:15px!important; line-height:1.25!important; font-weight:900!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-home-stat-card small{ font-size:10px!important; line-height:1.35!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-home-panels, #wcpec-tasees-app .wcpec-home-panels-main{ grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)!important; gap:14px!important; } #wcpec-tasees-app .wcpec-home-panel{ border-radius:20px!important; padding:18px!important; } #wcpec-tasees-app .wcpec-home-panel-head{margin-bottom:12px!important;gap:10px!important;} #wcpec-tasees-app .wcpec-home-panel-head h3, #wcpec-tasees-app .wcpec-home-panel h3{ font-size:18px!important; line-height:1.35!important; } #wcpec-tasees-app .wcpec-home-panel-head span, #wcpec-tasees-app .wcpec-home-panel p, #wcpec-tasees-app .wcpec-home-panel small{ font-size:11px!important; line-height:1.55!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-home-quick-grid{gap:10px!important;} #wcpec-tasees-app .wcpec-home-quick-grid button{ min-height:104px!important; border-radius:18px!important; padding:14px!important; grid-template-columns:42px minmax(0,1fr)!important; column-gap:10px!important; } #wcpec-tasees-app .wcpec-home-quick-grid button i{ width:42px!important; height:42px!important; border-radius:14px!important; font-size:17px!important; } #wcpec-tasees-app .wcpec-home-quick-grid button strong{ font-size:13px!important; line-height:1.35!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-home-quick-grid button span{ font-size:10.5px!important; line-height:1.45!important; font-weight:700!important; } #wcpec-tasees-app .wcpec-dashboard-path .wcpec-smart-step, #wcpec-tasees-app .wcpec-smart-step{ min-height:62px!important; padding:10px 12px!important; border-radius:16px!important; grid-template-columns:38px minmax(0,1fr) auto!important; gap:10px!important; } #wcpec-tasees-app .wcpec-smart-step-num{ width:36px!important; height:36px!important; font-size:12px!important; } #wcpec-tasees-app .wcpec-smart-step-body strong{ font-size:13px!important; line-height:1.35!important; } #wcpec-tasees-app .wcpec-smart-step-body span{ font-size:10.5px!important; line-height:1.45!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card{ min-height:76px!important; padding:14px 18px!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card strong{ font-size:22px!important; line-height:1!important; } #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-dark-stats .wcpec-home-stat-card em{ font-size:10.5px!important; line-height:1.35!important; } #wcpec-tasees-app .wcpec-home-indicator{ grid-template-columns:minmax(180px,.62fr) minmax(0,1fr)!important; gap:12px!important; margin:9px 0!important; } #wcpec-tasees-app .wcpec-home-indicator strong, #wcpec-tasees-app .wcpec-home-indicator span{ font-size:11px!important; line-height:1.45!important; } @media(max-width:1380px){ #wcpec-tasees-app .wcpec-gov-hero h1,#wcpec-tasees-app #wcpec-view-title{font-size:24px!important;} #wcpec-tasees-app .wcpec-home-summary-main h1,#wcpec-tasees-app .wcpec-home-summary-main h2{font-size:20px!important;} #wcpec-tasees-app .wcpec-home-stat-card strong{font-size:14px!important;} #wcpec-tasees-app .wcpec-home-panel-head h3{font-size:17px!important;} } @media(max-width:1100px){ #wcpec-tasees-app .wcpec-home-summary,#wcpec-tasees-app .wcpec-home-panels,#wcpec-tasees-app .wcpec-home-panels-main{grid-template-columns:1fr!important;} #wcpec-tasees-app .wcpec-home-stats-grid,#wcpec-tasees-app .wcpec-home-stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } /* WCPEC 2.3.6 - definitive home card text visibility and ICN identifier icon balance */ #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stats-grid-4{ grid-template-columns:repeat(4,minmax(230px,1fr))!important; align-items:stretch!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card{ min-height:92px!important; height:auto!important; padding:14px 16px!important; display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; grid-template-areas: "icon label" "icon value" "icon hint"!important; column-gap:12px!important; row-gap:3px!important; align-items:center!important; overflow:visible!important; text-align:right!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card i{ grid-area:icon!important; width:44px!important; height:44px!important; min-width:44px!important; border-radius:15px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:18px!important; line-height:1!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card span{ grid-area:label!important; font-size:11px!important; line-height:1.35!important; font-weight:900!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important; overflow-wrap:anywhere!important; max-width:100%!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card strong{ grid-area:value!important; font-size:18px!important; line-height:1.25!important; font-weight:900!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important; overflow-wrap:anywhere!important; max-width:100%!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card small{ grid-area:hint!important; font-size:10.5px!important; line-height:1.35!important; font-weight:800!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important; overflow-wrap:anywhere!important; max-width:100%!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card em[dir="ltr"]{ direction:ltr!important; text-align:right!important; unicode-bidi:plaintext!important; font-size:9.5px!important; letter-spacing:-.2px!important; overflow-wrap:anywhere!important; } #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card:nth-child(3) i{ background:linear-gradient(135deg,#eef8ff,#ffffff)!important; color:#0b5d8f!important; border-color:#d7e9f7!important; } @media(max-width:1380px){ #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:760px){ #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stats-grid-4{grid-template-columns:1fr!important;} #wcpec-tasees-app .wcpec-tasees-original-home .wcpec-home-stat-card strong{font-size:16px!important;} } /* WCPEC Tasees Auth Gateway - uses the current user dashboard visual language */ .wcpec-auth-shell{direction:rtl;max-width:1180px;margin:34px auto;padding:20px} .wcpec-auth-card{background:#fff;border:1px solid #dbe7f3;border-radius:28px;padding:28px;box-shadow:0 22px 60px rgba(11,47,85,.10)} .wcpec-auth-head{background:linear-gradient(135deg,#f8fbff,#eefbf6);border:1px solid #e3edf7;border-radius:24px;padding:24px;margin-bottom:18px} .wcpec-auth-head h2{margin:10px 0 8px;font-size:26px;line-height:1.5;color:#061e3a;font-weight:900} .wcpec-auth-head p{margin:0;color:#52657d;font-weight:700;line-height:1.9} .wcpec-auth-tabs{display:flex;gap:10px;margin:12px 0 20px} .wcpec-auth-tabs button{border:1px solid #d9e6f2;background:#f8fbff;border-radius:16px;padding:12px 20px;font-weight:900;color:#0b2f55;cursor:pointer} .wcpec-auth-tabs button.active{background:#0b65c2;color:#fff;border-color:#0b65c2;box-shadow:0 12px 24px rgba(11,101,194,.20)} .wcpec-auth-panel{display:none} .wcpec-auth-panel.active{display:block} .wcpec-auth-form{background:#fff;border:1px solid #dbe7f3;border-radius:22px;padding:22px} .wcpec-auth-form .wcpec-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .wcpec-auth-form label{display:flex;flex-direction:column;gap:8px;font-weight:900;color:#0b2f55} .wcpec-auth-form input,.wcpec-auth-form select{height:48px;border:1px solid #d8e4f0;border-radius:14px;background:#fff;padding:0 14px;font-family:inherit;font-weight:800;color:#061e3a} .wcpec-auth-form input:focus,.wcpec-auth-form select:focus{outline:none;border-color:#0b65c2;box-shadow:0 0 0 3px rgba(11,101,194,.10)} .wcpec-auth-message{min-height:26px;margin:16px 0;font-weight:900} .wcpec-auth-message.is-success{color:#07805f} .wcpec-auth-message.is-error{color:#d92d20} .wcpec-auth-message.is-loading{color:#0b65c2} .wcpec-uics-issue-card .uics-page,.wcpec-uics-issue-card .uics-card{max-width:100%!important} .wcpec-route-guard{text-align:center} .wcpec-route-guard h3{font-size:22px;margin-bottom:10px} .wcpec-step-complete code{display:inline-flex;margin-top:12px;padding:12px 18px;border:1px solid #d7e9df;background:#f0fff7;border-radius:14px;font-weight:900;color:#047857} @media(max-width:800px){.wcpec-auth-form .wcpec-form-grid{grid-template-columns:1fr}.wcpec-auth-shell{padding:10px}.wcpec-auth-card{padding:18px}} /* WCPEC Tasees 2.4.2 - Official login/register page only */ body:has(.wcpec-official-auth-page){background:#eef3f8!important;} .wcpec-official-auth-page, .wcpec-official-auth-page *{box-sizing:border-box;font-family:'Tajawal',Arial,sans-serif;} .wcpec-official-auth-page{--auth-navy:#071b34;--auth-navy2:#0b2f55;--auth-blue:#0b65c2;--auth-gold:#c78a28;--auth-green:#07916f;--auth-bg:#eef3f8;--auth-card:#fff;--auth-line:#d8e4f0;--auth-muted:#5d6f86;direction:rtl;width:100%!important;max-width:none!important;min-height:calc(100vh - 120px);margin:0!important;padding:42px 22px 54px!important;background:radial-gradient(circle at 14% 16%,rgba(199,138,40,.12),transparent 30%),radial-gradient(circle at 88% 26%,rgba(11,101,194,.12),transparent 34%),linear-gradient(180deg,#f6f9fc 0%,#eef3f8 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;} .wcpec-official-auth-page .wcpec-auth-bg-seal{position:absolute;inset:auto -80px -180px auto;width:520px;height:520px;border-radius:50%;background:linear-gradient(135deg,rgba(199,138,40,.14),rgba(7,27,52,.03));filter:blur(.2px);pointer-events:none;} .wcpec-official-auth-page .wcpec-auth-layout{position:relative;z-index:1;width:min(1180px,100%)!important;display:grid!important;grid-template-columns:minmax(310px,420px) minmax(520px,680px)!important;gap:24px!important;align-items:stretch!important;justify-content:center!important;margin:0 auto!important;} .wcpec-official-auth-page .wcpec-auth-identity{background:linear-gradient(160deg,var(--auth-navy) 0%,#09294d 58%,#0a3a66 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:30px!important;padding:32px 28px!important;box-shadow:0 28px 80px rgba(7,27,52,.18)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:640px!important;overflow:hidden!important;position:relative!important;} .wcpec-official-auth-page .wcpec-auth-identity:before{content:"";position:absolute;inset:-90px auto auto -90px;width:240px;height:240px;border-radius:50%;background:rgba(199,138,40,.22);} .wcpec-official-auth-page .wcpec-auth-logo{width:108px;height:108px;background:#fff;border:1px solid rgba(199,138,40,.32);border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 45px rgba(0,0,0,.16);margin-bottom:24px;position:relative;z-index:1;} .wcpec-official-auth-page .wcpec-auth-logo img{max-width:86%;max-height:86%;object-fit:contain;display:block;} .wcpec-official-auth-page .wcpec-auth-badge{position:relative;z-index:1;width:max-content;max-width:100%;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);border-radius:999px;padding:9px 14px;color:#f8e5bf!important;font-size:13px!important;font-weight:900!important;} .wcpec-official-auth-page .wcpec-auth-identity h1{position:relative;z-index:1;margin:22px 0 10px!important;font-size:20px!important;line-height:1.2!important;color:#fff!important;font-weight:900!important;text-align:right!important;} .wcpec-official-auth-page .wcpec-auth-identity p{position:relative;z-index:1;margin:0!important;color:#d8e8f8!important;font-size:15px!important;line-height:2!important;text-align:right!important;font-weight:700!important;} .wcpec-official-auth-page .wcpec-auth-assurance{position:relative;z-index:1;margin-top:28px;display:grid;gap:12px;} .wcpec-official-auth-page .wcpec-auth-assurance div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:18px;padding:14px 16px;} .wcpec-official-auth-page .wcpec-auth-assurance strong{display:block;color:#fff;font-size:15px;font-weight:900;margin-bottom:4px;} .wcpec-official-auth-page .wcpec-auth-assurance span{display:block;color:#c9d9ea;font-size:12px;font-weight:700;line-height:1.7;} .wcpec-official-auth-page .wcpec-auth-card{width:100%!important;max-width:none!important;min-height:640px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--auth-line)!important;border-radius:30px!important;padding:28px!important;box-shadow:0 28px 80px rgba(7,27,52,.13)!important;display:flex!important;flex-direction:column!important;gap:18px!important;color:var(--auth-navy)!important;text-align:right!important;margin:0!important;} .wcpec-official-auth-page .wcpec-auth-head{background:linear-gradient(135deg,#f7fbff,#eefbf6)!important;border:1px solid #dceaf5!important;border-right:6px solid var(--auth-green)!important;border-radius:24px!important;padding:24px 26px!important;margin:0!important;box-shadow:none!important;} .wcpec-official-auth-page .wcpec-home-kicker{display:inline-flex;background:#e9f7f2;color:var(--auth-green);border:1px solid #cceee2;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;} .wcpec-official-auth-page .wcpec-auth-head h2{margin:14px 0 8px!important;font-size:20px!important;line-height:1.35!important;color:var(--auth-navy)!important;font-weight:900!important;text-align:right!important;} .wcpec-official-auth-page .wcpec-auth-head p{margin:0!important;color:var(--auth-muted)!important;font-size:14px!important;line-height:1.9!important;text-align:right!important;font-weight:800!important;} .wcpec-official-auth-page .wcpec-auth-tabs{width:max-content;display:flex!important;gap:8px!important;padding:6px!important;margin:0!important;background:#f2f6fa!important;border:1px solid #dbe7f3!important;border-radius:18px!important;align-self:flex-start!important;} .wcpec-official-auth-page .wcpec-auth-tabs button{height:44px!important;border:0!important;background:transparent!important;border-radius:13px!important;padding:0 20px!important;font-size:14px!important;font-weight:900!important;color:#38506a!important;cursor:pointer!important;box-shadow:none!important;} .wcpec-official-auth-page .wcpec-auth-tabs button.active{background:linear-gradient(135deg,var(--auth-blue),#084f99)!important;color:#fff!important;box-shadow:0 12px 24px rgba(11,101,194,.20)!important;} .wcpec-official-auth-page .wcpec-auth-panels{flex:1;min-height:0;} .wcpec-official-auth-page .wcpec-auth-panel{display:none!important;} .wcpec-official-auth-page .wcpec-auth-panel.active{display:block!important;} .wcpec-official-auth-page .wcpec-auth-form{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:24px!important;padding:24px!important;box-shadow:0 12px 34px rgba(7,27,52,.05)!important;margin:0!important;} .wcpec-official-auth-page .wcpec-auth-form .wcpec-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important;} .wcpec-official-auth-page .wcpec-tasees-login-form .wcpec-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .wcpec-official-auth-page .wcpec-auth-form label{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;color:var(--auth-navy)!important;font-size:14px!important;font-weight:900!important;} .wcpec-official-auth-page .wcpec-auth-form label span{font-size:13px!important;color:var(--auth-navy)!important;font-weight:900!important;line-height:1.4!important;} .wcpec-official-auth-page .wcpec-auth-form input,.wcpec-official-auth-page .wcpec-auth-form select{width:100%!important;height:52px!important;border:1px solid #d7e3ef!important;border-radius:15px!important;background:#fff!important;padding:0 14px!important;color:#061e3a!important;font-size:14px!important;font-weight:800!important;outline:0!important;box-shadow:none!important;} .wcpec-official-auth-page .wcpec-auth-form input:focus,.wcpec-official-auth-page .wcpec-auth-form select:focus{border-color:var(--auth-blue)!important;box-shadow:0 0 0 4px rgba(11,101,194,.10)!important;} .wcpec-official-auth-page .wcpec-auth-form input::placeholder{color:#8b9ab0!important;font-weight:700!important;} .wcpec-official-auth-page .wcpec-auth-message{min-height:28px!important;margin:16px 0 8px!important;font-size:13px!important;font-weight:900!important;} .wcpec-official-auth-page .wcpec-auth-message.is-success{color:#07805f!important;} .wcpec-official-auth-page .wcpec-auth-message.is-error{color:#d92d20!important;} .wcpec-official-auth-page .wcpec-auth-message.is-loading{color:var(--auth-blue)!important;} .wcpec-official-auth-page .wcpec-auth-form button[type=submit],.wcpec-official-auth-page .wcpec-auth-form .wcpec-btn{width:auto!important;min-width:155px!important;height:52px!important;margin-top:10px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,var(--auth-blue),#084f99)!important;color:#fff!important;padding:0 24px!important;font-size:15px!important;font-weight:900!important;box-shadow:0 16px 32px rgba(11,101,194,.22)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} .wcpec-official-auth-page .wcpec-auth-form button[disabled]{opacity:.72;cursor:not-allowed;} @media(max-width:1050px){.wcpec-official-auth-page{padding:24px 14px 38px!important}.wcpec-official-auth-page .wcpec-auth-layout{grid-template-columns:1fr!important;max-width:760px!important}.wcpec-official-auth-page .wcpec-auth-identity{min-height:auto!important}.wcpec-official-auth-page .wcpec-auth-card{min-height:auto!important}.wcpec-official-auth-page .wcpec-auth-assurance{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.wcpec-official-auth-page .wcpec-auth-form .wcpec-form-grid,.wcpec-official-auth-page .wcpec-tasees-login-form .wcpec-form-grid{grid-template-columns:1fr!important}.wcpec-official-auth-page .wcpec-auth-assurance{grid-template-columns:1fr}.wcpec-official-auth-page .wcpec-auth-head h2{font-size:24px!important}.wcpec-official-auth-page .wcpec-auth-identity h1{font-size:32px!important}.wcpec-official-auth-page .wcpec-auth-tabs{width:100%!important}.wcpec-official-auth-page .wcpec-auth-tabs button{flex:1!important}.wcpec-official-auth-page .wcpec-auth-form button[type=submit]{width:100%!important}} /* WCPEC Tasees 2.4.3 - nationality controlled identity fields */ .wcpec-official-auth-page [data-wcpec-identity-type]:disabled, .wcpec-app [data-wcpec-identity-type]:disabled{ background:#f4f7fb!important; color:#8b98aa!important; cursor:not-allowed!important; } .wcpec-official-auth-page .wcpec-field-disabled span, .wcpec-app .wcpec-field-disabled span{ color:#8b98aa!important; } /* ========================================================= WCPEC Tasees 2.4.5 - Fixed User Header Layout تثبيت الهيدر الرسمي بدون تداخل أو قص نصوص ========================================================= */ #wcpec-tasees-app .wcpec-gov-topbar{ height:78px!important; min-height:78px!important; display:grid!important; grid-template-columns:minmax(260px,330px) minmax(620px,1fr) minmax(300px,380px)!important; align-items:center!important; gap:12px!important; padding:10px 20px!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{ height:56px!important; min-height:56px!important; display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; overflow:visible!important; flex-wrap:nowrap!important; } #wcpec-tasees-app .wcpec-gov-topbar-right{justify-content:flex-start!important;order:1!important;} #wcpec-tasees-app .wcpec-gov-topbar-center{justify-content:center!important;order:2!important;} #wcpec-tasees-app .wcpec-gov-topbar-left{justify-content:flex-end!important;order:3!important;} #wcpec-tasees-app .wcpec-gov-view-title{min-width:0!important;overflow:hidden!important;} #wcpec-tasees-app .wcpec-gov-view-title h1{font-size:22px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-gov-view-title p{font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-menu-toggle{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card{ width:300px!important; min-width:300px!important; max-width:300px!important; height:54px!important; min-height:54px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:7px 10px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card .wcpec-copy-icn{ width:52px!important; min-width:52px!important; max-width:52px!important; height:38px!important; min-height:38px!important; flex:0 0 52px!important; font-size:12px!important; line-height:1!important; } #wcpec-tasees-app .wcpec-gov-current-icn-info{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;align-items:flex-end!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card span{font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card code{font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-gov-account-switcher{ width:270px!important; min-width:270px!important; max-width:270px!important; height:54px!important; min-height:54px!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{height:54px!important;min-height:54px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ grid-template-columns:30px minmax(0,1fr)!important; grid-template-rows:15px 19px 13px!important; padding:6px 12px!important; column-gap:9px!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before{width:24px!important;height:24px!important;min-width:24px!important;font-size:13px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{font-size:10px!important;line-height:15px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{font-size:14px!important;line-height:19px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{font-size:8.5px!important;line-height:13px!important;} #wcpec-tasees-app .wcpec-gov-notification{height:46px!important;min-height:46px!important;min-width:106px!important;padding:0 12px!important;font-size:12px!important;} #wcpec-tasees-app .wcpec-gov-user-card{height:46px!important;min-width:180px!important;max-width:210px!important;padding:6px 9px!important;} #wcpec-tasees-app .wcpec-gov-user-card strong{font-size:12px!important;max-width:135px!important;} #wcpec-tasees-app .wcpec-gov-avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:15px!important;} #wcpec-tasees-app .wcpec-gov-logout{height:46px!important;min-width:68px!important;padding:0 12px!important;font-size:12px!important;} @media(max-width:1320px){ #wcpec-tasees-app .wcpec-gov-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:78px!important;gap:10px!important;} #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{width:100%!important;justify-content:space-between!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card, #wcpec-tasees-app .wcpec-gov-account-switcher{width:calc(50% - 60px)!important;min-width:0!important;max-width:none!important;} } @media(max-width:760px){ #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left{flex-wrap:wrap!important;height:auto!important;} #wcpec-tasees-app .wcpec-gov-current-account.wcpec-gov-current-icn-card, #wcpec-tasees-app .wcpec-gov-account-switcher, #wcpec-tasees-app .wcpec-gov-notification, #wcpec-tasees-app .wcpec-gov-user-card, #wcpec-tasees-app .wcpec-gov-logout{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 100%!important;} } /* UICS AJAX bridge message inside Tasees route */ #wcpec-tasees-app .wcpec-uics-ajax-message, #wcpec-tasees-app .uics-ajax-message{ direction:rtl; width:100%; display:block; margin:0 0 16px; padding:14px 18px; border-radius:16px; font-weight:800; line-height:1.9; border:1px solid #d8e6f3; background:#f8fbff; color:#0b2f55; } #wcpec-tasees-app .wcpec-uics-ajax-message.loading{background:#f7fbff;border-color:#cfe0f2;color:#0b2f55;} #wcpec-tasees-app .wcpec-uics-ajax-message.success{background:#edfdf6;border-color:#a7f3d0;color:#047857;} #wcpec-tasees-app .wcpec-uics-ajax-message.error{background:#fff1f2;border-color:#fecdd3;color:#b42318;} #wcpec-tasees-app form.uics-request-form .is-loading{opacity:.75;pointer-events:none;} /* WCPEC Tasees 2.4.7 - UICS issue step refinement */ #wcpec-tasees-app .wcpec-uics-issue-card{ overflow:hidden!important; } #wcpec-tasees-app .wcpec-uics-issue-card > p{ display:none!important; } #wcpec-tasees-app .wcpec-uics-issue-head{ margin-bottom:18px!important; padding:18px 20px!important; border:1px solid rgba(22,183,160,.20)!important; border-radius:22px!important; background:linear-gradient(135deg,rgba(240,255,252,.95),rgba(255,255,255,.98))!important; } #wcpec-tasees-app .wcpec-uics-issue-head h3{ margin:8px 0 6px!important; color:#071b34!important; font-size:22px!important; font-weight:900!important; line-height:1.6!important; } #wcpec-tasees-app .wcpec-uics-issue-head p{ margin:0!important; color:#64748b!important; font-size:13px!important; font-weight:800!important; line-height:1.9!important; } #wcpec-tasees-app .wcpec-uics-hidden-prefilled{ display:none!important; } #wcpec-tasees-app .wcpec-uics-prefill-note{ display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:wrap!important; padding:12px 16px!important; margin:0 0 16px!important; border-radius:16px!important; border:1px solid rgba(22,183,160,.22)!important; background:#f0fffc!important; color:#071b34!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-uics-prefill-note span{ color:#64748b!important; font-size:12px!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-locked-field{ background:#f8fafc!important; color:#334155!important; } /* WCPEC Tasees 2.5.0 - Owner declaration text from UICS Declaration */ .wcpec-linked-declaration-text .uics-decltext{background:#fff;border:1px solid #f3c77c;border-radius:18px;padding:18px 20px;box-shadow:0 12px 32px rgba(11,47,85,.06);color:#0b2038;line-height:1.9}.wcpec-linked-declaration-text .uics-decltext__head{border-bottom:1px solid #f5dfb8;margin-bottom:12px;padding-bottom:10px}.wcpec-linked-declaration-text .uics-decltext__head h3{margin:0;color:#0b2f55;font-size:17px;font-weight:900}.wcpec-linked-declaration-text .uics-decltext__body{font-size:14px;font-weight:700;color:#334155}.wcpec-linked-declaration-text .uics-decltext__body p{margin:0 0 10px}.wcpec-linked-declaration-text .uics-decltext__body ul,.wcpec-linked-declaration-text .uics-decltext__body ol{margin:8px 20px 8px 0;padding:0} /* WCPEC 2.5.2 - locked owner identity fields */ .wcpec-field-locked input:disabled, .wcpec-field-locked select:disabled{ background:#f5f7fb!important; color:#0b2440!important; border-color:#d7e3f4!important; opacity:1!important; cursor:not-allowed!important; } .wcpec-locked-note{ display:block; margin-top:7px; color:#6b7c93; font-size:12px; font-weight:700; } /* Identity summary shortcode inside declarations */ .wcpec-identity-summary{display:inline-flex;flex-wrap:wrap;gap:8px 12px;align-items:center;direction:rtl;font-family:inherit;color:#0b2341;font-weight:700;line-height:1.9} .wcpec-identity-summary .wcpec-identity-item{display:inline-flex;gap:5px;align-items:center} .wcpec-identity-summary .wcpec-identity-item b{color:#0b3a66;font-weight:800} .wcpec-identity-summary .wcpec-identity-sep{color:#c9a227;font-weight:900} .wcpec-identity-summary-box{display:flex;width:100%;padding:14px 16px;background:#f8fbff;border:1px solid #d7e3f2;border-right:5px solid #0b3a66;border-radius:12px;margin:12px 0} .wcpec-identity-summary-empty{color:#8a5b00;background:#fff8e6;border:1px solid #f0ce7a;border-radius:10px;padding:6px 10px} /* WCPEC Tasees 2.5.5 - UICS issued account detailed official card */ #wcpec-tasees-app .wcpec-uics-issued-card{ padding:24px!important; border-radius:24px!important; background:#fff!important; border:1px solid #d8e4f2!important; box-shadow:0 16px 38px rgba(11,47,85,.07)!important; } #wcpec-tasees-app .wcpec-uics-issued-hero{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; flex-wrap:wrap!important; padding:22px 24px!important; border-radius:22px!important; background:linear-gradient(135deg,#0b2f55,#123f70)!important; color:#fff!important; margin-bottom:18px!important; } #wcpec-tasees-app .wcpec-uics-issued-hero .wcpec-home-kicker{ background:rgba(255,255,255,.12)!important; color:#d7f7ed!important; border-color:rgba(255,255,255,.18)!important; margin:0!important; } #wcpec-tasees-app .wcpec-uics-issued-hero h3{ margin:0!important; font-size:22px!important; line-height:1.5!important; font-weight:900!important; color:#fff!important; letter-spacing:.2px!important; direction:ltr!important; text-align:left!important; flex:1 1 360px!important; } #wcpec-tasees-app .wcpec-uics-issued-hero .wcpec-btn{ background:#16b7a0!important; border-color:#16b7a0!important; color:#fff!important; min-width:120px!important; } #wcpec-tasees-app .wcpec-uics-issued-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(160px,1fr))!important; gap:12px!important; } #wcpec-tasees-app .wcpec-uics-issued-grid>div{ min-height:86px!important; padding:14px 16px!important; border:1px solid #d9e6f3!important; border-radius:18px!important; background:linear-gradient(180deg,#fbfdff,#f7fbff)!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:7px!important; } #wcpec-tasees-app .wcpec-uics-issued-grid span{ color:#64748b!important; font-size:12px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-uics-issued-grid strong{ color:#071b34!important; font-size:15px!important; font-weight:900!important; line-height:1.7!important; word-break:break-word!important; } #wcpec-tasees-app .wcpec-uics-badge{ display:inline-flex!important; width:max-content!important; max-width:100%!important; padding:6px 12px!important; border-radius:999px!important; font-size:12px!important; line-height:1.4!important; border:1px solid transparent!important; } #wcpec-tasees-app .wcpec-uics-state-approved, #wcpec-tasees-app .wcpec-uics-state-active{ color:#047857!important; background:#ecfdf5!important; border-color:#a7f3d0!important; } #wcpec-tasees-app .wcpec-uics-state-inactive{ color:#92400e!important; background:#fffbeb!important; border-color:#fcd34d!important; } #wcpec-tasees-app .wcpec-uics-issued-note{ margin-top:14px!important; padding:13px 16px!important; border-radius:16px!important; border:1px solid rgba(22,183,160,.20)!important; background:#f0fffc!important; color:#0b2f55!important; font-size:12px!important; font-weight:800!important; line-height:1.9!important; } @media(max-width:1100px){#wcpec-tasees-app .wcpec-uics-issued-grid{grid-template-columns:repeat(2,minmax(160px,1fr))!important;}} @media(max-width:620px){#wcpec-tasees-app .wcpec-uics-issued-grid{grid-template-columns:1fr!important;}#wcpec-tasees-app .wcpec-uics-issued-hero h3{font-size:17px!important;}} /* WCPEC Tasees 2.5.7 - Main activity payment QR and form balance */ .wcpec-service-payment-box{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; direction:rtl; } .wcpec-payment-qr{ width:118px; min-width:118px; padding:10px; border:1px solid #dbe7f3; border-radius:18px; background:#fff; text-align:center; box-shadow:0 12px 26px rgba(11,47,85,.08); } .wcpec-payment-qr img{ display:block; width:86px; height:86px; object-fit:contain; margin:0 auto 6px; } .wcpec-payment-qr span{ display:block; font-size:11px; font-weight:800; color:#64748b; direction:ltr; } .wcpec-service-payment-action{ flex:1; min-width:240px; } .wcpec-main-activity-declaration{ margin-top:18px; } /* WCPEC 2.5.8 Main Activity Classifier - same user visual identity */ .wcpec-activities-classifier{overflow:hidden!important} .wcpec-classifier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px} .wcpec-classifier-head h3{margin-bottom:6px!important} .wcpec-classifier-head p{margin:0;color:var(--muted);line-height:1.8;font-weight:700} .wcpec-classifier-head>span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#EDEAFD;color:#080A24;border:1px solid #DEDCEB;padding:8px 13px;font-weight:900;white-space:nowrap} .wcpec-classifier{display:grid;grid-template-columns:minmax(280px,34%) 1fr;gap:14px;align-items:stretch;margin-top:12px} .wcpec-classifier-column{background:#fff;border:1px solid #DEDCEB;border-radius:18px;padding:14px;min-height:420px;max-height:620px;overflow:hidden;display:flex;flex-direction:column} .wcpec-classifier-search{margin-bottom:12px} .wcpec-classifier-search input{width:100%;height:48px;border:1px solid #DEDCEB;border-radius:14px;background:#fff;padding:0 14px;color:#080A24;font-weight:700;outline:0} .wcpec-classifier-search input:focus{border-color:#716DA5;box-shadow:0 0 0 3px rgba(113,109,165,.12)} .wcpec-classifier-list,.wcpec-classifier-sublist{overflow:auto;display:flex;flex-direction:column;gap:9px;padding-left:4px} .wcpec-main-cat-btn{width:100%;border:1px solid transparent;background:#fafafe;color:#080A24;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:right;cursor:pointer;transition:.18s;font-weight:900} .wcpec-main-cat-btn:hover,.wcpec-main-cat-btn.active{background:#EDEAFD;border-color:#cfc9ef;box-shadow:0 8px 22px rgba(8,10,36,.05)} .wcpec-main-cat-btn strong{font-size:14px;line-height:1.7} .wcpec-main-cat-btn i{font-style:normal;color:#716DA5;font-size:20px;line-height:1} .wcpec-cat-counter{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:30px;border-radius:9px;background:#fff;border:1px solid #DEDCEB;color:#716DA5;font-weight:900;font-size:12px} .wcpec-classifier-path{background:#f3f1fb;border:1px solid #e3e0f0;border-radius:13px;padding:11px 13px;margin-bottom:12px;color:#080A24;font-weight:900;line-height:1.7} .wcpec-purpose-group{border:1px solid #EEEAF7;border-radius:16px;background:#fff;overflow:hidden;margin-bottom:10px} .wcpec-purpose-title{background:#f4f2fb;color:#080A24;font-weight:900;padding:11px 13px;border-bottom:1px solid #EEEAF7} .wcpec-purpose-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px} .wcpec-activity-purpose-item{display:grid!important;grid-template-columns:24px 1fr!important;align-items:start!important;gap:10px!important;background:#fafafe;border:1px solid #f0edf8;border-radius:14px;padding:12px!important;color:#080A24!important;font-weight:800!important;line-height:1.7!important;cursor:pointer!important;min-height:72px} .wcpec-activity-purpose-item:hover{border-color:#cfc9ef;background:#fbfaff} .wcpec-activity-purpose-item input{width:18px!important;height:18px!important;min-height:auto!important;margin-top:4px;accent-color:#716DA5;box-shadow:none!important} .wcpec-activity-purpose-item span{font-size:14px;line-height:1.8} .wcpec-activity-purpose-item em{font-style:normal;color:#716DA5;font-weight:900;white-space:nowrap} .wcpec-selected-activities{margin-top:14px;background:#fff;border:1px solid #DEDCEB;border-radius:18px;padding:16px} .wcpec-selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#080A24} .wcpec-selected-head strong{font-size:16px;font-weight:900} .wcpec-selected-head span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:999px;background:#EDEAFD;color:#716DA5;font-weight:900} .wcpec-selected-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:48px} .wcpec-selected-chip{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;background:#eef4ff;border:1px solid #d7e3fb;border-radius:14px;padding:10px;color:#080A24;font-weight:800;line-height:1.7} .wcpec-selected-chip button{width:24px;height:24px;border-radius:50%;border:1px solid #716DA5;background:#fff;color:#716DA5;font-weight:900;cursor:pointer;line-height:1} .wcpec-selected-chip span{font-size:13px} @media(max-width:1100px){.wcpec-classifier{grid-template-columns:1fr}.wcpec-classifier-column{max-height:none}.wcpec-purpose-items{grid-template-columns:1fr}.wcpec-selected-list{grid-template-columns:1fr}} /* WCPEC 2.5.9 Main Activity Single Wizard Classifier */ .wcpec-main-wizard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 18px} .wcpec-main-wizard button{border:1px solid #d6e1ea;background:#fff;color:#0b2f55;border-radius:16px;min-height:68px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer;transition:.18s;box-shadow:0 10px 24px rgba(11,47,85,.04)} .wcpec-main-wizard button b{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf2fb;color:#0b2f55;font-size:14px} .wcpec-main-wizard button span{font-size:14px;line-height:1.5;white-space:normal} .wcpec-main-wizard button.active{background:#eefdf8;border-color:#12a37d;color:#062b22;box-shadow:0 12px 26px rgba(18,163,125,.10)} .wcpec-main-wizard button.active b{background:#12a37d;color:#fff} .wcpec-main-wizard button.done{background:#f6fbff;border-color:#b9d3ef} .wcpec-main-step-panel{display:none!important} .wcpec-main-step-panel.active{display:block!important} .wcpec-main-step-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:18px;border-top:1px solid #e7edf3;padding-top:16px} .wcpec-activities-classifier .wcpec-classifier{grid-template-columns:minmax(310px,37%) 1fr!important;gap:16px!important} .wcpec-activities-classifier .wcpec-classifier-column{min-height:560px!important;max-height:680px!important} .wcpec-main-cat-node{display:block;border:1px solid #edf1f5;background:#fff;border-radius:16px;overflow:hidden} .wcpec-main-cat-node+.wcpec-main-cat-node{margin-top:8px} .wcpec-main-cat-node.active{border-color:#c8d6e5;background:#fbfdff} .wcpec-main-cat-node .wcpec-main-cat-btn{border-radius:0!important;border:0!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #edf1f5!important} .wcpec-main-cat-node .wcpec-main-cat-btn.active{background:#f4fbff!important;color:#0b2f55!important} .wcpec-subgroup-list{display:flex;flex-direction:column;gap:8px;padding:10px;background:#fbfdff} .wcpec-subgroup-btn{width:100%;border:1px solid #e4ebf2;background:#fff;color:#0b2f55;border-radius:13px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:right;font-weight:900;cursor:pointer;transition:.18s} .wcpec-subgroup-btn:hover,.wcpec-subgroup-btn.active{background:#eefdf8;border-color:#12a37d;color:#062b22;box-shadow:0 8px 18px rgba(18,163,125,.08)} .wcpec-subgroup-btn i{font-style:normal;color:#12a37d;font-size:18px} .wcpec-subgroup-btn strong{line-height:1.6;font-size:13px} .wcpec-classifier-path{background:#f4fbff!important;border-color:#cfe3f5!important;color:#0b2f55!important} .wcpec-purpose-group.active{border-color:#cfe3f5!important;background:#fff!important} .wcpec-purpose-title{background:#f4fbff!important;color:#0b2f55!important} .wcpec-activity-purpose-item{grid-template-columns:24px 1fr!important;min-height:78px!important;background:#fff!important;border-color:#e7edf3!important} .wcpec-activity-purpose-item:hover{border-color:#12a37d!important;background:#f9fffd!important} .wcpec-activity-purpose-item small{display:block;color:#6b7c90;font-size:11px;font-weight:800;margin-top:4px} .wcpec-activity-purpose-item input:checked+span{color:#062b22} .wcpec-selected-chip span b{display:block;color:#0b2f55;font-size:11px;margin-bottom:3px} @media(max-width:1100px){.wcpec-main-wizard{grid-template-columns:repeat(2,minmax(0,1fr))}.wcpec-activities-classifier .wcpec-classifier{grid-template-columns:1fr!important}.wcpec-activities-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important}} @media(max-width:640px){.wcpec-main-wizard{grid-template-columns:1fr}} /* WCPEC 2.6.1 - Main Activity Wizard: generated description and dynamic policies */ .wcpec-auto-description-box{background:#f8fbff;border:1px dashed #c9d8ea;border-radius:16px;padding:16px!important;color:#0b1f3a;display:flex;flex-direction:column;gap:8px;line-height:1.9}.wcpec-auto-description-box strong{font-size:15px;color:#0b3f70}.wcpec-auto-description-box span{font-size:13px;color:#55677f;font-weight:700}.wcpec-policy-dynamic-box{border:1px solid #d9e5f2;border-radius:18px;background:#fbfdff;padding:16px;margin:14px 0}.wcpec-policy-dynamic-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.wcpec-policy-dynamic-head strong{font-size:17px;color:#0b1f3a}.wcpec-policy-dynamic-head span{display:inline-flex;align-items:center;border-radius:999px;background:#eef6ff;border:1px solid #d4e4f7;color:#0b3f70;padding:6px 12px;font-size:12px;font-weight:900}.wcpec-policy-dynamic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wcpec-policy-required-item{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dce8f6;border-radius:14px;padding:13px;box-shadow:0 8px 18px rgba(11,31,58,.035)}.wcpec-policy-required-item strong{font-size:13px;color:#0b1f3a}.wcpec-policy-required-item select{height:42px;border:1px solid #cfd9e8;border-radius:12px;background:#fff;color:#0b1f3a;font-weight:800;padding:0 12px}.wcpec-policy-order-box{margin-top:14px;border:1px solid #ead29a;background:#fffaf0;border-radius:16px;padding:15px;color:#5c4300}.wcpec-policy-order-box strong{display:block;font-size:16px;margin-bottom:6px;color:#8a5b00}.wcpec-policy-order-box span{display:block;font-size:13px;font-weight:800;line-height:1.8}.wcpec-policy-payment{margin-top:12px}.wcpec-muted{color:#65758b;font-size:13px;line-height:1.9;font-weight:700}@media(max-width:900px){.wcpec-policy-dynamic-list{grid-template-columns:1fr}} /* WCPEC 2.6.2 - Fixed one-form activity classifier visibility */ .wcpec-activities-classifier .wcpec-classifier{display:grid!important;grid-template-columns:minmax(360px,40%) minmax(0,1fr)!important;gap:16px!important;align-items:start!important} .wcpec-activities-classifier .wcpec-classifier-column{background:#fff!important;border:1px solid #dbe7f2!important;border-radius:18px!important;padding:14px!important;min-height:560px!important;max-height:690px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} .wcpec-activities-classifier .wcpec-classifier-list,.wcpec-activities-classifier .wcpec-classifier-sublist{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;padding:4px!important;min-height:0!important} .wcpec-main-cat-node{display:block!important;background:#fff!important;border:1px solid #e2ebf4!important;border-radius:16px!important;margin:0 0 10px!important;overflow:hidden!important;color:#0b2f55!important} .wcpec-main-cat-btn,.wcpec-subgroup-btn{width:100%!important;min-height:52px!important;height:auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#0b2f55!important;background:#fff!important;border:0!important;text-align:right!important;direction:rtl!important;font-weight:900!important;line-height:1.7!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;padding:12px 14px!important;border-radius:0!important;cursor:pointer!important} .wcpec-main-cat-btn strong,.wcpec-subgroup-btn strong{display:block!important;color:#0b2f55!important;font-size:13px!important;line-height:1.7!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important} .wcpec-main-cat-btn i,.wcpec-subgroup-btn i{font-style:normal!important;color:#0e9f7f!important;font-size:18px!important;line-height:1!important} .wcpec-cat-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:28px!important;border-radius:9px!important;background:#eef4ff!important;border:1px solid #d3e2f6!important;color:#0b2f55!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important} .wcpec-main-cat-node.active{border-color:#9edcca!important;background:#fbfffd!important;box-shadow:0 10px 24px rgba(18,163,125,.06)!important} .wcpec-main-cat-btn.active{background:#eefdf8!important;border-bottom:1px solid #c9f2e5!important;color:#062b22!important} .wcpec-main-cat-btn.active strong{color:#062b22!important} .wcpec-subgroup-list{display:flex!important;flex-direction:column!important;gap:8px!important;background:#fbfdff!important;padding:10px!important;border-top:1px solid #e7edf3!important} .wcpec-subgroup-btn{border:1px solid #e3ebf3!important;border-radius:13px!important;background:#fff!important} .wcpec-subgroup-btn.active,.wcpec-subgroup-btn:hover{background:#eefdf8!important;border-color:#12a37d!important;color:#062b22!important} .wcpec-subgroup-btn.active strong,.wcpec-subgroup-btn:hover strong{color:#062b22!important} .wcpec-classifier-path{display:block!important;background:#f4fbff!important;border:1px solid #cfe3f5!important;border-radius:13px!important;padding:12px 14px!important;margin-bottom:12px!important;color:#0b2f55!important;font-weight:900!important;line-height:1.7!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} .wcpec-purpose-group.active{display:block!important;background:#fff!important;border:1px solid #dbe7f2!important;border-radius:16px!important;overflow:hidden!important} .wcpec-purpose-title{display:block!important;background:#f4fbff!important;color:#0b2f55!important;border-bottom:1px solid #dbe7f2!important;padding:12px 14px!important;font-weight:900!important;line-height:1.8!important} .wcpec-purpose-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important} .wcpec-activity-purpose-item{display:grid!important;grid-template-columns:28px 1fr!important;gap:10px!important;align-items:center!important;min-height:82px!important;background:#fff!important;border:1px solid #e7edf3!important;border-radius:14px!important;padding:12px!important;color:#0b2f55!important;cursor:pointer!important} .wcpec-activity-purpose-item:hover{border-color:#12a37d!important;background:#f9fffd!important} .wcpec-activity-purpose-item input{width:18px!important;height:18px!important;accent-color:#12a37d!important} .wcpec-activity-purpose-item span{display:block!important;color:#0b2f55!important;font-size:13px!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} .wcpec-activity-purpose-item em{font-style:normal!important;color:#65758b!important;font-size:12px!important;font-weight:800!important} .wcpec-activity-purpose-item small{display:block!important;color:#6b7c90!important;font-size:11px!important;font-weight:800!important;margin-top:3px!important} .wcpec-selected-activities{background:#fff!important;border:1px solid #dbe7f2!important;border-radius:16px!important;margin-top:16px!important;padding:14px!important} .wcpec-selected-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-height:86px!important;align-items:start!important} .wcpec-selected-chip{display:grid!important;grid-template-columns:28px 1fr!important;gap:10px!important;align-items:center!important;background:#eef4ff!important;border:1px solid #d8e6fb!important;border-radius:14px!important;padding:12px!important;color:#0b2f55!important} .wcpec-selected-chip span{display:block!important;line-height:1.8!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} .wcpec-selected-chip span b{display:block!important;color:#0b2f55!important;font-size:11px!important;margin-bottom:2px!important} .wcpec-empty{display:block!important;background:#fbfdff!important;border:1px dashed #cfe0ef!important;border-radius:14px!important;padding:24px!important;text-align:center!important;color:#667892!important;font-weight:900!important;line-height:1.8!important} @media(max-width:1100px){.wcpec-activities-classifier .wcpec-classifier{grid-template-columns:1fr!important}.wcpec-purpose-items,.wcpec-selected-list{grid-template-columns:1fr!important}.wcpec-activities-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important}} /* WCPEC 2.6.3 classifier hard visibility fix */ #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{ display:flex!important; flex-direction:column!important; gap:9px!important; min-height:360px!important; overflow:auto!important; } #wcpec-main-activity-classifier .wcpec-main-cat-node{ display:block!important; width:100%!important; min-height:auto!important; border:1px solid #edf1f5!important; border-radius:16px!important; background:#fff!important; overflow:hidden!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{ display:grid!important; grid-template-columns:auto 1fr auto!important; align-items:center!important; gap:10px!important; width:100%!important; min-height:48px!important; text-align:right!important; white-space:normal!important; overflow:visible!important; opacity:1!important; visibility:visible!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong, #wcpec-main-activity-classifier .wcpec-activity-purpose-item span{ display:block!important; color:#0b2f55!important; font-size:14px!important; font-weight:900!important; line-height:1.65!important; opacity:1!important; visibility:visible!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{ display:inline-flex!important; color:#12a37d!important; font-style:normal!important; } #wcpec-main-activity-classifier .wcpec-empty{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:80px!important; border:1px dashed #cfe3f5!important; border-radius:14px!important; color:#64748b!important; font-weight:800!important; background:#fbfdff!important; } /* WCPEC 2.6.4 - FINAL classifier visible layout fix */ #wcpec-main-activity-classifier, #wcpec-main-activity-classifier *{box-sizing:border-box!important} #wcpec-main-activity-classifier{display:grid!important;grid-template-columns:minmax(360px,40%) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;width:100%!important;direction:rtl!important;overflow:visible!important} #wcpec-main-activity-classifier .wcpec-classifier-column{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid #dbe7f2!important;border-radius:18px!important;padding:14px!important;min-height:560px!important;max-height:720px!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;color:#0b2f55!important} #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;min-height:0!important;height:auto!important;padding:4px!important;background:#fff!important;background-image:none!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important} #wcpec-main-activity-classifier [data-wcpec-main-list]::before, #wcpec-main-activity-classifier [data-wcpec-main-list]::after, #wcpec-main-activity-classifier [data-wcpec-sub-list]::before, #wcpec-main-activity-classifier [data-wcpec-sub-list]::after{display:none!important;content:none!important;background:none!important} #wcpec-main-activity-classifier .wcpec-main-cat-node{display:block!important;width:100%!important;height:auto!important;min-height:unset!important;background:#fff!important;border:1px solid #e2ebf4!important;border-radius:16px!important;margin:0 0 10px!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;color:#0b2f55!important} #wcpec-main-activity-classifier .wcpec-main-cat-node.active{border-color:#9edcca!important;background:#fbfffd!important;box-shadow:0 10px 24px rgba(18,163,125,.06)!important} #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:54px!important;max-height:none!important;padding:12px 14px!important;margin:0!important;background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;color:#0b2f55!important;text-align:right!important;direction:rtl!important;font-weight:900!important;line-height:1.7!important;white-space:normal!important;overflow:visible!important;text-indent:0!important;font-size:14px!important;cursor:pointer!important} #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{background:#eefdf8!important;color:#062b22!important;border-color:#c9f2e5!important} #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{display:block!important;opacity:1!important;visibility:visible!important;color:inherit!important;font-size:14px!important;line-height:1.7!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-indent:0!important;max-width:none!important;width:auto!important;height:auto!important;min-height:0!important} #wcpec-main-activity-classifier .wcpec-cat-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:28px!important;padding:0 8px!important;border-radius:9px!important;background:#f1f5f9!important;border:1px solid #d8e4ef!important;color:#0b2f55!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important} #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{display:inline-block!important;font-style:normal!important;color:#0e9f7f!important;font-size:18px!important;line-height:1!important;opacity:1!important;visibility:visible!important} #wcpec-main-activity-classifier .wcpec-subgroup-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;background:#fbfdff!important;opacity:1!important;visibility:visible!important} #wcpec-main-activity-classifier .wcpec-classifier-path{display:block!important;background:#f4fbff!important;border:1px solid #cfe3f5!important;border-radius:13px!important;padding:12px 14px!important;margin-bottom:12px!important;color:#0b2f55!important;font-weight:900!important;line-height:1.7!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;opacity:1!important;visibility:visible!important} #wcpec-main-activity-classifier .wcpec-purpose-group{display:block!important;background:#fff!important;border:1px solid #edf1f5!important;border-radius:16px!important;padding:12px!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important} #wcpec-main-activity-classifier .wcpec-purpose-title{font-weight:900!important;margin-bottom:12px!important;color:#0b2f55!important;background:#f5f8fb!important;border-radius:12px!important;padding:10px 12px!important} #wcpec-main-activity-classifier .wcpec-purpose-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #wcpec-main-activity-classifier .wcpec-activity-purpose-item{display:flex!important;align-items:flex-start!important;gap:10px!important;background:#fbfcfe!important;border:1px solid #edf1f5!important;border-radius:14px!important;padding:13px!important;min-height:70px!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;cursor:pointer!important} #wcpec-main-activity-classifier .wcpec-activity-purpose-item span{display:block!important;color:#0b2f55!important;font-weight:900!important;line-height:1.8!important;opacity:1!important;visibility:visible!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #wcpec-main-activity-classifier .wcpec-activity-purpose-item small{display:block!important;color:#64748b!important;font-weight:800!important;margin-top:4px!important} #wcpec-main-activity-classifier .wcpec-empty{display:flex!important;align-items:center!important;justify-content:center!important;min-height:90px!important;border:1px dashed #cfe3f5!important;border-radius:14px!important;background:#fbfdff!important;color:#64748b!important;font-weight:900!important;line-height:1.8!important;text-align:center!important;opacity:1!important;visibility:visible!important;background-image:none!important} @media(max-width:1100px){#wcpec-main-activity-classifier{grid-template-columns:1fr!important}#wcpec-main-activity-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important}#wcpec-main-activity-classifier .wcpec-purpose-items{grid-template-columns:1fr!important}} /* WCPEC 2.6.5 - classifier visible-first fix */ #wcpec-main-activity-classifier [data-wcpec-main-list]{background:#fff!important;background-image:none!important;min-height:420px!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier [data-wcpec-main-list]:empty::before{content:"جاري تحميل التصنيفات...";display:block!important;padding:18px;border:1px dashed #cfe3f5;border-radius:14px;text-align:center;color:#51677c;font-weight:800;background:#fbfdff;} #wcpec-main-activity-classifier .wcpec-main-cat-node,#wcpec-main-activity-classifier .wcpec-subgroup-list,#wcpec-main-activity-classifier .wcpec-main-cat-btn,#wcpec-main-activity-classifier .wcpec-subgroup-btn{opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn strong,#wcpec-main-activity-classifier .wcpec-subgroup-btn strong{display:block!important;color:#0b2f55!important;font-weight:900!important;white-space:normal!important;line-height:1.7!important;} /* WCPEC 2.6.6 - main activity classifier server-render visibility fix */ #wcpec-main-activity-classifier{display:grid!important;visibility:visible!important;opacity:1!important;} #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{position:relative!important;z-index:2!important;background:#fff!important;background-image:none!important;color:#0b2f55!important;overflow:auto!important;} #wcpec-main-activity-classifier [data-wcpec-main-list] > *, #wcpec-main-activity-classifier [data-wcpec-sub-list] > *{visibility:visible!important;opacity:1!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node{display:block!important;position:relative!important;z-index:3!important;background:#fff!important;border:1px solid #e2ebf4!important;border-radius:16px!important;margin-bottom:10px!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{display:grid!important;position:relative!important;z-index:4!important;background:#fff!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;font-size:14px!important;line-height:1.7!important;min-height:54px!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{display:block!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;font-size:14px!important;font-weight:900!important;line-height:1.7!important;} #wcpec-main-activity-classifier .wcpec-subgroup-list{display:flex!important;flex-direction:column!important;gap:8px!important;background:#fbfdff!important;} /* WCPEC 2.6.7 - hard cache/style conflict repair for main activity classifier */ .wcpec-main-step-panel[data-wcpec-main-step="2"], .wcpec-activities-classifier, #wcpec-main-activity-classifier, #wcpec-main-activity-classifier *{ box-sizing:border-box!important; } .wcpec-main-step-panel[data-wcpec-main-step="2"].active, .wcpec-activities-classifier.active{ display:block!important; opacity:1!important; visibility:visible!important; overflow:visible!important; } #wcpec-main-activity-classifier{ display:grid!important; grid-template-columns:minmax(360px,40%) minmax(0,1fr)!important; gap:16px!important; width:100%!important; min-height:620px!important; direction:rtl!important; align-items:start!important; overflow:visible!important; opacity:1!important; visibility:visible!important; background:transparent!important; background-image:none!important; } #wcpec-main-activity-classifier .wcpec-classifier-column{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; min-height:620px!important; max-height:720px!important; overflow:hidden!important; background:#ffffff!important; background-image:none!important; border:1px solid #dbe7f2!important; border-radius:18px!important; padding:14px!important; opacity:1!important; visibility:visible!important; transform:none!important; filter:none!important; } #wcpec-main-activity-classifier .wcpec-classifier-search, #wcpec-main-activity-classifier .wcpec-classifier-search input{ display:block!important; width:100%!important; opacity:1!important; visibility:visible!important; color:#0b2f55!important; background:#ffffff!important; background-image:none!important; } #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; gap:10px!important; width:100%!important; min-height:0!important; height:auto!important; overflow:auto!important; padding:4px!important; background:#ffffff!important; background-image:none!important; opacity:1!important; visibility:visible!important; color:#0b2f55!important; z-index:2!important; } #wcpec-main-activity-classifier [data-wcpec-main-list]::before, #wcpec-main-activity-classifier [data-wcpec-main-list]::after, #wcpec-main-activity-classifier [data-wcpec-sub-list]::before, #wcpec-main-activity-classifier [data-wcpec-sub-list]::after{ display:none!important; content:none!important; } #wcpec-main-activity-classifier .wcpec-main-cat-node{ display:block!important; position:relative!important; width:100%!important; min-height:54px!important; height:auto!important; margin:0 0 10px 0!important; padding:0!important; background:#ffffff!important; background-image:none!important; border:1px solid #e2ebf4!important; border-radius:16px!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; transform:none!important; filter:none!important; z-index:3!important; } #wcpec-main-activity-classifier .wcpec-main-cat-node.active{ background:#fbfffd!important; border-color:#9edcca!important; box-shadow:0 10px 24px rgba(18,163,125,.06)!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{ appearance:none!important; -webkit-appearance:none!important; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; width:100%!important; min-width:0!important; min-height:56px!important; height:auto!important; max-height:none!important; padding:12px 14px!important; margin:0!important; border:0!important; border-bottom:1px solid #edf1f5!important; border-radius:0!important; background:#ffffff!important; background-image:none!important; color:#0b2f55!important; font-size:14px!important; font-weight:900!important; line-height:1.7!important; text-align:right!important; direction:rtl!important; white-space:normal!important; overflow:visible!important; text-indent:0!important; text-shadow:none!important; letter-spacing:0!important; opacity:1!important; visibility:visible!important; transform:none!important; filter:none!important; clip:auto!important; clip-path:none!important; cursor:pointer!important; z-index:4!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{ background:#eefdf8!important; color:#062b22!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn > *, #wcpec-main-activity-classifier .wcpec-subgroup-btn > *, #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong, #wcpec-main-activity-classifier .wcpec-main-cat-btn span, #wcpec-main-activity-classifier .wcpec-subgroup-btn span, #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{ display:block!important; position:relative!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; color:inherit!important; opacity:1!important; visibility:visible!important; overflow:visible!important; white-space:normal!important; text-indent:0!important; text-shadow:none!important; clip:auto!important; clip-path:none!important; transform:none!important; filter:none!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{ font-size:14px!important; font-weight:900!important; line-height:1.7!important; text-align:right!important; } #wcpec-main-activity-classifier .wcpec-cat-counter{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:42px!important; height:28px!important; padding:0 8px!important; border-radius:9px!important; background:#f1f5f9!important; border:1px solid #d8e4ef!important; color:#0b2f55!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{ color:#0e9f7f!important; font-style:normal!important; font-size:18px!important; line-height:1!important; text-align:center!important; } #wcpec-main-activity-classifier .wcpec-subgroup-list{ display:flex!important; flex-direction:column!important; gap:8px!important; padding:8px!important; background:#fbfdff!important; background-image:none!important; opacity:1!important; visibility:visible!important; } #wcpec-main-activity-classifier .wcpec-classifier-path, #wcpec-main-activity-classifier .wcpec-purpose-group, #wcpec-main-activity-classifier .wcpec-purpose-title, #wcpec-main-activity-classifier .wcpec-activity-purpose-item, #wcpec-main-activity-classifier .wcpec-activity-purpose-item span, #wcpec-main-activity-classifier .wcpec-activity-purpose-item small{ opacity:1!important; visibility:visible!important; transform:none!important; filter:none!important; clip:auto!important; clip-path:none!important; text-indent:0!important; } @media(max-width:1100px){ #wcpec-main-activity-classifier{grid-template-columns:1fr!important;min-height:0!important;} #wcpec-main-activity-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important;} } /* WCPEC 2.6.8 - clickable classifier interaction repair */ #wcpec-main-activity-classifier, #wcpec-main-activity-classifier .wcpec-classifier-column, #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list], #wcpec-main-activity-classifier .wcpec-main-cat-node, #wcpec-main-activity-classifier .wcpec-subgroup-list, #wcpec-main-activity-classifier .wcpec-purpose-group{ pointer-events:auto!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn, #wcpec-main-activity-classifier .wcpec-activity-purpose-item, #wcpec-main-activity-classifier .wcpec-activity-purpose-item input{ pointer-events:auto!important; cursor:pointer!important; position:relative!important; z-index:30!important; user-select:none!important; } #wcpec-main-activity-classifier .wcpec-main-cat-btn *, #wcpec-main-activity-classifier .wcpec-subgroup-btn *{ pointer-events:none!important; } #wcpec-main-activity-classifier .wcpec-classifier-column{ isolation:isolate!important; } #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{ position:relative!important; z-index:20!important; } #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{ background:#eefdf8!important; border-color:#12a37d!important; color:#062b22!important; } /* WCPEC 2.6.9 - final classifier layout, click safety, and official visual alignment */ #wcpec-main-activity-classifier, #wcpec-main-activity-classifier *{box-sizing:border-box!important;pointer-events:auto!important;} #wcpec-main-activity-classifier{display:grid!important;grid-template-columns:minmax(360px,40%) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;width:100%!important;direction:rtl!important;overflow:visible!important;position:relative!important;z-index:5!important;} #wcpec-main-activity-classifier .wcpec-classifier-column{display:flex!important;flex-direction:column!important;background:#ffffff!important;border:1px solid #d9e4ef!important;border-radius:18px!important;padding:14px!important;min-height:560px!important;max-height:720px!important;overflow:hidden!important;color:#101828!important;position:relative!important;z-index:6!important;} #wcpec-main-activity-classifier .wcpec-classifier-search{display:block!important;margin:0 0 12px!important;position:relative!important;z-index:8!important;} #wcpec-main-activity-classifier .wcpec-classifier-search input{display:block!important;width:100%!important;height:50px!important;border:1px solid #d9e4ef!important;border-radius:14px!important;background:#fff!important;color:#101828!important;font-weight:800!important;text-align:right!important;padding:0 16px!important;box-shadow:0 6px 14px rgba(16,24,40,.04)!important;} #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;height:auto!important;overflow:auto!important;background:#fff!important;background-image:none!important;padding:4px!important;position:relative!important;z-index:7!important;} #wcpec-main-activity-classifier [data-wcpec-main-list]::before, #wcpec-main-activity-classifier [data-wcpec-main-list]::after, #wcpec-main-activity-classifier [data-wcpec-sub-list]::before, #wcpec-main-activity-classifier [data-wcpec-sub-list]::after{display:none!important;content:none!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 10px!important;background:#fff!important;border:1px solid #e3ebf3!important;border-radius:16px!important;overflow:hidden!important;position:relative!important;z-index:9!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node.active{border-color:#b9eadc!important;background:#fbfffd!important;box-shadow:0 10px 26px rgba(18,163,125,.08)!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:58px!important;height:auto!important;padding:13px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf2f7!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#0b2f55!important;text-align:right!important;direction:rtl!important;font-size:14px!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;cursor:pointer!important;position:relative!important;z-index:10!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{background:#eefdf8!important;color:#062b22!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn > *, #wcpec-main-activity-classifier .wcpec-subgroup-btn > *{pointer-events:none!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{display:block!important;color:inherit!important;font-weight:900!important;font-size:14px!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;} #wcpec-main-activity-classifier .wcpec-cat-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;height:30px!important;padding:0 8px!important;border-radius:10px!important;background:#f3f6fb!important;border:1px solid #d8e3ef!important;color:#0b2f55!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{display:inline-block!important;font-style:normal!important;color:#0e9f7f!important;font-size:18px!important;line-height:1!important;} #wcpec-main-activity-classifier .wcpec-subgroup-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:9px!important;background:#fbfdff!important;position:relative!important;z-index:9!important;} #wcpec-main-activity-classifier .wcpec-classifier-path{display:block!important;margin:0 0 12px!important;padding:13px 14px!important;border:1px solid #cfe3f5!important;border-radius:14px!important;background:#f4fbff!important;color:#0b2f55!important;font-weight:900!important;line-height:1.8!important;text-align:right!important;} #wcpec-main-activity-classifier .wcpec-purpose-group{display:block!important;background:#fff!important;border:1px solid #edf1f5!important;border-radius:16px!important;padding:12px!important;} #wcpec-main-activity-classifier .wcpec-purpose-title{display:block!important;margin:0 0 12px!important;padding:10px 12px!important;background:#f5f8fb!important;border-radius:12px!important;color:#0b2f55!important;font-weight:900!important;line-height:1.8!important;} #wcpec-main-activity-classifier .wcpec-purpose-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:78px!important;padding:13px!important;background:#fbfcfe!important;border:1px solid #edf1f5!important;border-radius:14px!important;color:#0b2f55!important;cursor:pointer!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item input{flex:0 0 auto!important;width:20px!important;height:20px!important;margin-top:6px!important;accent-color:#5b55a3!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item span{display:block!important;color:#0b2f55!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item small{display:block!important;color:#667085!important;font-weight:800!important;margin-top:4px!important;} #wcpec-main-activity-classifier .wcpec-empty{display:flex!important;align-items:center!important;justify-content:center!important;min-height:94px!important;padding:14px!important;border:1px dashed #cfe3f5!important;border-radius:14px!important;background:#fbfdff!important;color:#667085!important;font-weight:900!important;line-height:1.8!important;text-align:center!important;} @media(max-width:1100px){#wcpec-main-activity-classifier{grid-template-columns:1fr!important;}#wcpec-main-activity-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important;}#wcpec-main-activity-classifier .wcpec-purpose-items{grid-template-columns:1fr!important;}} /* WCPEC 2.7.0 - Main Activity Classifier exact visible interactive layout */ #wcpec-main-activity-classifier, #wcpec-main-activity-classifier *{box-sizing:border-box!important;} #wcpec-main-activity-classifier{direction:rtl!important;width:100%!important;display:grid!important;grid-template-columns:minmax(360px,40%) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;margin-top:14px!important;overflow:visible!important;} #wcpec-main-activity-classifier .wcpec-classifier-column{background:#fff!important;border:1px solid #d9e4f1!important;border-radius:18px!important;padding:14px!important;min-height:560px!important;max-height:720px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-classifier-search{margin:0 0 12px!important;display:block!important;} #wcpec-main-activity-classifier .wcpec-classifier-search input{width:100%!important;height:50px!important;border:1px solid #d9e4f1!important;border-radius:14px!important;background:#fff!important;color:#0b2f55!important;text-align:right!important;font-weight:800!important;padding:0 16px!important;outline:0!important;box-shadow:none!important;} #wcpec-main-activity-classifier .wcpec-classifier-search input:focus{border-color:#13a37d!important;box-shadow:0 0 0 3px rgba(19,163,125,.10)!important;} #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-main-activity-classifier [data-wcpec-sub-list]{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;min-height:0!important;height:auto!important;padding:4px!important;background:#fff!important;background-image:none!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier [data-wcpec-main-list]::before, #wcpec-main-activity-classifier [data-wcpec-main-list]::after, #wcpec-main-activity-classifier [data-wcpec-sub-list]::before, #wcpec-main-activity-classifier [data-wcpec-sub-list]::after{display:none!important;content:none!important;background:none!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node{display:block!important;width:100%!important;height:auto!important;background:#fff!important;border:1px solid #e4edf6!important;border-radius:16px!important;margin:0 0 10px!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;color:#0b2f55!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node.active{border-color:#9fe0cf!important;background:#fbfffd!important;box-shadow:0 10px 24px rgba(19,163,125,.06)!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:54px!important;max-height:none!important;padding:12px 14px!important;margin:0!important;background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #edf3f8!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;color:#0b2f55!important;text-align:right!important;direction:rtl!important;font-weight:900!important;line-height:1.7!important;white-space:normal!important;overflow:visible!important;text-indent:0!important;font-size:14px!important;cursor:pointer!important;pointer-events:auto!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{background:#eefdf8!important;color:#062b22!important;border-color:#c9f2e5!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{display:block!important;opacity:1!important;visibility:visible!important;color:inherit!important;font-size:14px!important;line-height:1.7!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-indent:0!important;max-width:none!important;width:auto!important;height:auto!important;min-height:0!important;} #wcpec-main-activity-classifier .wcpec-cat-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:28px!important;padding:0 8px!important;border-radius:9px!important;background:#f1f5f9!important;border:1px solid #d8e4ef!important;color:#0b2f55!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{display:inline-block!important;font-style:normal!important;color:#0e9f7f!important;font-size:18px!important;line-height:1!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-subgroup-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;background:#fbfdff!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-classifier-path{display:block!important;background:#f4fbff!important;border:1px solid #cfe3f5!important;border-radius:13px!important;padding:12px 14px!important;margin-bottom:12px!important;color:#0b2f55!important;font-weight:900!important;line-height:1.7!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-purpose-group{display:block!important;background:#fff!important;border:1px solid #edf1f5!important;border-radius:16px!important;padding:12px!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-purpose-title{font-weight:900!important;margin-bottom:12px!important;color:#0b2f55!important;background:#f5f8fb!important;border-radius:12px!important;padding:10px 12px!important;} #wcpec-main-activity-classifier .wcpec-purpose-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item{display:flex!important;align-items:flex-start!important;gap:10px!important;background:#fbfcfe!important;border:1px solid #edf1f5!important;border-radius:14px!important;padding:13px!important;min-height:70px!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;cursor:pointer!important;pointer-events:auto!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item:hover{border-color:#13a37d!important;background:#f8fffc!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item input{width:18px!important;height:18px!important;min-width:18px!important;accent-color:#13a37d!important;cursor:pointer!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item span{display:block!important;color:#0b2f55!important;font-weight:900!important;line-height:1.8!important;opacity:1!important;visibility:visible!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item small{display:block!important;color:#64748b!important;font-weight:800!important;margin-top:4px!important;} .wcpec-selected-activities .wcpec-selected-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-height:86px!important;align-items:start!important;} .wcpec-selected-activities .wcpec-selected-chip{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;background:#eef4ff!important;border:1px solid #d8e6fb!important;border-radius:14px!important;padding:12px!important;color:#0b2f55!important;} .wcpec-selected-activities .wcpec-selected-chip span{display:block!important;line-height:1.8!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;} .wcpec-selected-activities .wcpec-selected-chip span b{display:block!important;color:#0b2f55!important;font-size:11px!important;margin-bottom:2px!important;} .wcpec-selected-activities .wcpec-selected-chip button{width:24px!important;height:24px!important;border-radius:50%!important;border:1px solid #13a37d!important;background:#fff!important;color:#13a37d!important;font-weight:900!important;cursor:pointer!important;line-height:1!important;} #wcpec-main-activity-classifier .wcpec-empty, .wcpec-selected-activities .wcpec-empty{display:flex!important;align-items:center!important;justify-content:center!important;min-height:90px!important;border:1px dashed #cfe3f5!important;border-radius:14px!important;background:#fbfdff!important;color:#64748b!important;font-weight:900!important;line-height:1.8!important;text-align:center!important;opacity:1!important;visibility:visible!important;background-image:none!important;} @media(max-width:1100px){#wcpec-main-activity-classifier{grid-template-columns:1fr!important}#wcpec-main-activity-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important}#wcpec-main-activity-classifier .wcpec-purpose-items,.wcpec-selected-activities .wcpec-selected-list{grid-template-columns:1fr!important}} /* WCPEC 2.7.3 - Final forced visible classifier layer */ #wcpec-main-activity-classifier{direction:rtl!important;width:100%!important;display:grid!important;grid-template-columns:minmax(360px,40%) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;overflow:visible!important;background:transparent!important;} #wcpec-main-activity-classifier .wcpec-classifier-column{background:#fff!important;border:1px solid #d9e4f1!important;border-radius:18px!important;padding:14px!important;min-height:560px!important;max-height:720px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;z-index:20!important;} #wcpec-main-activity-classifier .wcpec-classifier-list, #wcpec-main-activity-classifier .wcpec-classifier-sublist{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;min-height:0!important;height:auto!important;padding:4px!important;background:#fff!important;background-image:none!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:30!important;} #wcpec-main-activity-classifier .wcpec-classifier-list::before, #wcpec-main-activity-classifier .wcpec-classifier-list::after, #wcpec-main-activity-classifier .wcpec-classifier-sublist::before, #wcpec-main-activity-classifier .wcpec-classifier-sublist::after{display:none!important;content:none!important;background:none!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 10px!important;background:#fff!important;border:1px solid #e3ebf3!important;border-radius:16px!important;overflow:hidden!important;position:relative!important;z-index:40!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-main-cat-node.active{border-color:#b9eadc!important;background:#fbfffd!important;box-shadow:0 10px 26px rgba(18,163,125,.08)!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-main-activity-classifier .wcpec-subgroup-btn{appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:58px!important;height:auto!important;padding:13px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf2f7!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#0b2f55!important;text-align:right!important;direction:rtl!important;font-size:14px!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;cursor:pointer!important;position:relative!important;z-index:50!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{background:#eefdf8!important;color:#062b22!important;border-color:#c9f2e5!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn *, #wcpec-main-activity-classifier .wcpec-subgroup-btn *{opacity:1!important;visibility:visible!important;pointer-events:none!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{display:block!important;color:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-indent:0!important;height:auto!important;min-height:0!important;} #wcpec-main-activity-classifier .wcpec-cat-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:28px!important;padding:0 8px!important;border-radius:9px!important;background:#f1f5f9!important;border:1px solid #d8e4ef!important;color:#0b2f55!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;} #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-main-activity-classifier .wcpec-subgroup-btn i{display:inline-block!important;font-style:normal!important;color:#0e9f7f!important;font-size:18px!important;line-height:1!important;} #wcpec-main-activity-classifier .wcpec-subgroup-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;background:#fbfdff!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-classifier-path{display:block!important;background:#f4fbff!important;border:1px solid #cfe3f5!important;border-radius:13px!important;padding:12px 14px!important;margin-bottom:12px!important;color:#0b2f55!important;font-weight:900!important;line-height:1.7!important;white-space:normal!important;} #wcpec-main-activity-classifier .wcpec-purpose-group{display:block!important;background:#fff!important;border:1px solid #edf1f5!important;border-radius:16px!important;padding:12px!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;} #wcpec-main-activity-classifier .wcpec-purpose-title{font-weight:900!important;margin-bottom:12px!important;color:#0b2f55!important;background:#f5f8fb!important;border-radius:12px!important;padding:10px 12px!important;} #wcpec-main-activity-classifier .wcpec-purpose-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item{display:flex!important;align-items:flex-start!important;gap:10px!important;background:#fbfcfe!important;border:1px solid #edf1f5!important;border-radius:14px!important;padding:13px!important;min-height:70px!important;color:#0b2f55!important;opacity:1!important;visibility:visible!important;cursor:pointer!important;pointer-events:auto!important;} #wcpec-main-activity-classifier .wcpec-activity-purpose-item span{display:block!important;color:#0b2f55!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;} #wcpec-main-activity-classifier .wcpec-empty{display:flex!important;align-items:center!important;justify-content:center!important;min-height:94px!important;padding:14px!important;border:1px dashed #cfe3f5!important;border-radius:14px!important;background:#fbfdff!important;color:#667085!important;font-weight:900!important;line-height:1.8!important;text-align:center!important;background-image:none!important;} @media(max-width:1100px){#wcpec-main-activity-classifier{grid-template-columns:1fr!important;}#wcpec-main-activity-classifier .wcpec-classifier-column{min-height:auto!important;max-height:none!important;}#wcpec-main-activity-classifier .wcpec-purpose-items{grid-template-columns:1fr!important;}} /* WCPEC 2.7.4 - unified classifier visibility and official layout */ .wcpec-activities-classifier #wcpec-main-activity-classifier{ display:grid!important; grid-template-columns:minmax(360px,1fr) minmax(360px,1fr)!important; gap:14px!important; direction:rtl!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-column{ display:flex!important; flex-direction:column!important; gap:10px!important; background:#fff!important; background-image:none!important; border:1px solid #d9e7f4!important; border-radius:18px!important; padding:14px!important; min-height:430px!important; max-height:720px!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list], .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list]{ display:flex!important; flex-direction:column!important; gap:10px!important; min-height:330px!important; max-height:640px!important; overflow:auto!important; background:#fff!important; background-image:none!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-node{ display:block!important; width:100%!important; height:auto!important; background:#fff!important; border:1px solid #dbe8f4!important; border-radius:16px!important; margin:0!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-node.active{ background:#f5fffb!important; border-color:#a8e8d6!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn{ appearance:none!important; -webkit-appearance:none!important; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; width:100%!important; min-height:54px!important; padding:12px 14px!important; background:#fff!important; background-image:none!important; border:0!important; border-radius:0!important; color:#062b4f!important; cursor:pointer!important; text-align:right!important; direction:rtl!important; line-height:1.7!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn.active{ background:#eefdf8!important; color:#062b22!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn strong{ display:block!important; color:inherit!important; font-size:14px!important; font-weight:900!important; line-height:1.7!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cat-counter{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:42px!important; height:28px!important; padding:0 8px!important; border-radius:9px!important; background:#f1f5f9!important; border:1px solid #d8e4ef!important; color:#0b2f55!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list{ display:flex!important; flex-direction:column!important; gap:8px!important; padding:10px!important; background:#fbfdff!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-path, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-empty{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:52px!important; padding:12px 14px!important; background:#f4fbff!important; background-image:none!important; border:1px solid #cfe3f5!important; border-radius:14px!important; color:#51677c!important; font-weight:900!important; text-align:center!important; line-height:1.8!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-group{ display:block!important; background:#fff!important; border:1px solid #edf1f5!important; border-radius:16px!important; padding:12px!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-title{ display:block!important; background:#f5f8fb!important; border-radius:12px!important; padding:10px 12px!important; margin-bottom:12px!important; color:#0b2f55!important; font-weight:900!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-items{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item{ display:flex!important; align-items:flex-start!important; gap:10px!important; background:#fbfcfe!important; border:1px solid #edf1f5!important; border-radius:14px!important; padding:13px!important; min-height:76px!important; color:#0b2f55!important; cursor:pointer!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item span{ display:block!important; color:#0b2f55!important; font-weight:900!important; line-height:1.8!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item small{ display:block!important; color:#64748b!important; font-size:12px!important; font-weight:800!important; line-height:1.7!important; margin-top:4px!important; } @media(max-width:1100px){ .wcpec-activities-classifier #wcpec-main-activity-classifier{grid-template-columns:1fr!important;} .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-items{grid-template-columns:1fr!important;} } /* WCPEC 2.7.5 - Authoritative clean classifier UI: stop skeleton lines and force visible rows */ .wcpec-activities-classifier #wcpec-main-activity-classifier, .wcpec-activities-classifier #wcpec-main-activity-classifier *{ box-sizing:border-box!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier{ display:grid!important; grid-template-columns:minmax(360px,1fr) minmax(360px,1fr)!important; gap:14px!important; width:100%!important; direction:rtl!important; overflow:visible!important; background:transparent!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-column{ display:flex!important; flex-direction:column!important; background:#fff!important; background-image:none!important; border:1px solid #d9e7f4!important; border-radius:18px!important; padding:14px!important; min-height:430px!important; max-height:720px!important; overflow:hidden!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-search input{ display:block!important; width:100%!important; height:50px!important; min-height:50px!important; border:1px solid #d9e7f4!important; border-radius:14px!important; background:#fff!important; background-image:none!important; color:#062b4f!important; font-size:14px!important; font-weight:800!important; text-align:right!important; padding:0 16px!important; margin:0!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list], .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list], .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list{ display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; min-height:0!important; height:auto!important; overflow:auto!important; background:#fff!important; background-image:none!important; border:0!important; padding:4px!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list{ padding:10px!important; background:#fbfdff!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list]::before, .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list]::after, .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list]::before, .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list]::after, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list::before, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list::after{ display:none!important; content:none!important; background:none!important; background-image:none!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-node{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; background:#fff!important; background-image:none!important; border:1px solid #dbe8f4!important; border-radius:16px!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-node.active{ background:#f5fffb!important; border-color:#a8e8d6!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-main-btn, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-subgroup-btn{ appearance:none!important; -webkit-appearance:none!important; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; width:100%!important; height:auto!important; min-height:58px!important; max-height:none!important; margin:0!important; padding:13px 16px!important; background:#fff!important; background-image:none!important; border:0!important; border-bottom:1px solid #edf2f7!important; border-radius:0!important; box-shadow:none!important; color:#062b4f!important; cursor:pointer!important; text-align:right!important; direction:rtl!important; font-size:14px!important; font-weight:900!important; line-height:1.8!important; white-space:normal!important; overflow:visible!important; text-indent:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-main-btn.active, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-subgroup-btn.active{ background:#eefdf8!important; color:#062b22!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-main-btn *, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-subgroup-btn *{ opacity:1!important; visibility:visible!important; pointer-events:none!important; text-indent:0!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-label{ display:block!important; color:inherit!important; font-size:14px!important; font-weight:900!important; line-height:1.8!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; height:auto!important; min-height:0!important; max-height:none!important; width:auto!important; max-width:none!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-counter{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:42px!important; height:28px!important; padding:0 8px!important; border-radius:9px!important; background:#f1f5f9!important; border:1px solid #d8e4ef!important; color:#0b2f55!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-arrow{ display:inline-block!important; color:#0e9f7f!important; font-size:18px!important; font-style:normal!important; line-height:1!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-path, .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-empty{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:54px!important; padding:12px 14px!important; background:#f4fbff!important; background-image:none!important; border:1px solid #cfe3f5!important; border-radius:14px!important; color:#51677c!important; font-weight:900!important; text-align:center!important; line-height:1.8!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-group{ display:block!important; background:#fff!important; border:1px solid #edf1f5!important; border-radius:16px!important; padding:12px!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-title{ display:block!important; margin:0 0 12px!important; padding:10px 12px!important; background:#f5f8fb!important; border-radius:12px!important; color:#062b4f!important; font-weight:900!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-items{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item{ display:flex!important; align-items:flex-start!important; gap:10px!important; min-height:78px!important; padding:13px!important; background:#fbfcfe!important; border:1px solid #edf1f5!important; border-radius:14px!important; color:#062b4f!important; cursor:pointer!important; } @media(max-width:1100px){ .wcpec-activities-classifier #wcpec-main-activity-classifier{grid-template-columns:1fr!important;} .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-items{grid-template-columns:1fr!important;} } /* WCPEC 2.7.6 - FINAL ACTIVITY CLASSIFIER STYLE ISOLATION يعزل مكوّن التصنيفات عن استايل نموذج التسجيل والـ skeleton ويجبر كل الصفوف على الظهور كنصوص فعلية. */ body.rtl #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier{ display:grid!important; grid-template-columns:minmax(360px,1fr) minmax(360px,1fr)!important; gap:16px!important; width:100%!important; direction:rtl!important; background:transparent!important; background-image:none!important; overflow:visible!important; opacity:1!important; visibility:visible!important; } body.rtl #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier *, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier *{ box-sizing:border-box!important; text-indent:0!important; letter-spacing:normal!important; filter:none!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-column{ display:flex!important; flex-direction:column!important; gap:12px!important; min-height:430px!important; max-height:720px!important; overflow:hidden!important; padding:14px!important; border:1px solid #d9e7f4!important; border-radius:18px!important; background:#fff!important; background-image:none!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-column::before, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-column::after, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-list::before, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-list::after, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-sublist::before, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-sublist::after, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list]::before, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list]::after, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list]::before, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list]::after, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list::before, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list::after{ display:none!important; content:none!important; width:0!important; height:0!important; background:none!important; background-image:none!important; border:0!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-search, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-search *{ display:block!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-search input{ width:100%!important; height:52px!important; min-height:52px!important; margin:0!important; padding:0 16px!important; border:1px solid #d9e7f4!important; border-radius:14px!important; background:#fff!important; background-image:none!important; color:#0b2f55!important; font-size:14px!important; font-weight:800!important; line-height:52px!important; text-align:right!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-main-list], #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier [data-wcpec-sub-list], #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list{ display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; height:auto!important; min-height:0!important; max-height:640px!important; overflow:auto!important; padding:4px!important; margin:0!important; border:0!important; background:#fff!important; background-image:none!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-list{ padding:10px!important; background:#fbfdff!important; border-top:1px solid #edf3f8!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-node{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid #dbe8f4!important; border-radius:16px!important; background:#fff!important; background-image:none!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-node.active{ border-color:#9ee7d3!important; background:#f5fffb!important; box-shadow:0 10px 24px rgba(18,163,125,.07)!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-main-btn, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-subgroup-btn{ appearance:none!important; -webkit-appearance:none!important; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; width:100%!important; height:auto!important; min-height:58px!important; max-height:none!important; padding:13px 16px!important; margin:0!important; border:0!important; border-bottom:1px solid #edf2f7!important; border-radius:0!important; background:#fff!important; background-image:none!important; color:#062b4f!important; text-align:right!important; direction:rtl!important; font-size:14px!important; font-weight:900!important; line-height:1.8!important; white-space:normal!important; overflow:visible!important; text-decoration:none!important; box-shadow:none!important; cursor:pointer!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn.active, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn.active, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-main-btn.active, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-subgroup-btn.active{ background:#eefdf8!important; color:#062b22!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn > *, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn > *, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-main-btn > *, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-subgroup-btn > *{ opacity:1!important; visibility:visible!important; pointer-events:none!important; transform:none!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn strong, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn strong, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-label{ display:block!important; width:auto!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; word-break:normal!important; color:inherit!important; font-size:14px!important; font-weight:900!important; line-height:1.8!important; text-indent:0!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cat-counter, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-counter{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:42px!important; height:28px!important; padding:0 8px!important; border-radius:9px!important; background:#f1f5f9!important; border:1px solid #d8e4ef!important; color:#0b2f55!important; font-size:12px!important; font-weight:900!important; line-height:1!important; white-space:nowrap!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-cx-arrow, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-main-cat-btn i, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-subgroup-btn i{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:22px!important; height:22px!important; color:#0e9f7f!important; font-size:18px!important; font-style:normal!important; line-height:1!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-classifier-path, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-empty{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:54px!important; padding:12px 14px!important; border:1px solid #cfe3f5!important; border-radius:14px!important; background:#f4fbff!important; background-image:none!important; color:#51677c!important; font-size:14px!important; font-weight:900!important; line-height:1.8!important; text-align:center!important; opacity:1!important; visibility:visible!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-group{ display:block!important; background:#fff!important; border:1px solid #edf1f5!important; border-radius:16px!important; padding:12px!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-title{ display:block!important; margin:0 0 12px!important; padding:10px 12px!important; background:#f5f8fb!important; border-radius:12px!important; color:#062b4f!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-items{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item{ display:flex!important; align-items:flex-start!important; gap:10px!important; min-height:78px!important; padding:13px!important; border:1px solid #edf1f5!important; border-radius:14px!important; background:#fbfcfe!important; color:#062b4f!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item span, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item small, #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-activity-purpose-item em{ display:block!important; color:inherit!important; opacity:1!important; visibility:visible!important; text-indent:0!important; } @media(max-width:1100px){ #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier{grid-template-columns:1fr!important;} #wcpec-tasees-app .wcpec-activities-classifier #wcpec-main-activity-classifier .wcpec-purpose-items{grid-template-columns:1fr!important;} } /* WCPEC 2.8.9 - Certificates, Contracts, Badges */ .wcpec-official-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px}.wcpec-doc-card{background:#fff;border:1px solid #dde6ef;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(11,47,85,.08)}.wcpec-doc-card-head{background:linear-gradient(135deg,#0b2f55,#123f70);color:#fff;padding:16px;display:grid;gap:5px}.wcpec-doc-card-head span{color:#e8c46a;font-weight:900}.wcpec-doc-card-head strong{font-size:18px}.wcpec-doc-card-head em{font-style:normal;direction:ltr;font-family:monospace;opacity:.92}.wcpec-doc-card-body{padding:16px;line-height:1.9}.wcpec-doc-card-body p{margin:0 0 8px}.wcpec-doc-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.wcpec-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.wcpec-badge-card,.wcpec-code-activity-block{background:#fff;border:1px solid #dde6ef;border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(11,47,85,.08)}.wcpec-badge-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;padding:12px 14px;background:linear-gradient(135deg,#062f24,#0b6b3a);color:#fff;margin:12px 0}.wcpec-badge-preview b{background:rgba(255,255,255,.18);border-radius:12px;padding:7px 9px}.wcpec-code-grid{display:grid;grid-template-columns:1fr;gap:12px}.wcpec-code-grid input,.wcpec-code-grid textarea{width:100%;direction:ltr;text-align:left;border:1px solid #d6e0eb;border-radius:12px;padding:10px;background:#f8fbff}.wcpec-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wcpec-code-head strong{display:block;color:#0b2f55}.wcpec-qr-placeholder{border:1px dashed #b7c6d8;background:#f8fbff;border-radius:14px;padding:12px;margin-top:12px;color:#475569}.wcpec-status-active{background:#e8f8ef!important;color:#137b38!important}.wcpec-status-warning{background:#fff8e1!important;color:#8a5b00!important}.wcpec-status-danger{background:#fdecec!important;color:#a01818!important} /* WCPEC 2.9.0 - إلزام تبويبات تأسيس النشاط الرئيسي */ .wcpec-main-wizard button.locked{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.25)!important} .wcpec-required-error-field,.wcpec-required-error-field-wrap input,.wcpec-required-error-field-wrap select,.wcpec-required-error-field-wrap textarea{border-color:#c62828!important;box-shadow:0 0 0 3px rgba(198,40,40,.08)!important;background:#fffafa!important} .wcpec-required-error-field-wrap span{color:#8a1f1f!important} .wcpec-form-message.error{display:block;margin-top:14px;border:1px solid #f0b8b8;background:#fff4f4;color:#8a1f1f;border-radius:12px;padding:12px 14px;font-weight:900;line-height:1.8} .wcpec-form-message.success{display:block;margin-top:14px;border:1px solid #b8e4cc;background:#f2fff7;color:#115c35;border-radius:12px;padding:12px 14px;font-weight:900;line-height:1.8} /* WCPEC 2.9.1 - تبويب مرفقات النشاط الرئيسية بمسميات مستقلة */ .wcpec-main-activity-form-card .wcpec-attachments-grid label{ background:#f8fbff; border:1px solid #d7e6f5; border-radius:18px; padding:16px; min-height:112px; display:flex; flex-direction:column; gap:12px; } .wcpec-main-activity-form-card .wcpec-attachments-grid label span{ color:#06213d; font-weight:900; text-align:right; } .wcpec-main-activity-form-card .wcpec-attachments-grid input[type="file"]{ width:100%; min-height:48px; border:1px dashed #b9d5ef; border-radius:14px; background:#fff; padding:11px 12px; color:#06213d; font-weight:800; } /* WCPEC Tasees 2.9.2 - Main activity autosave indicators */ .wcpec-main-activity-form-card .wcpec-autosave-message{ margin:0 0 14px!important; padding:10px 14px!important; border:1px solid #bfe3d7!important; background:#f0fdf7!important; color:#07543f!important; border-radius:14px!important; font-size:13px!important; font-weight:800!important; text-align:right!important; } .wcpec-main-activity-form-card .wcpec-autosave-message.is-error{ border-color:#f5c2c2!important; background:#fff5f5!important; color:#9b1c1c!important; } .wcpec-main-activity-form-card .wcpec-draft-upload-note{ display:block!important; margin-top:8px!important; padding:7px 10px!important; border-radius:10px!important; background:#eefaf5!important; border:1px solid #bfe3d7!important; color:#07543f!important; font-size:12px!important; font-style:normal!important; font-weight:800!important; } /* WCPEC 2.9.3 - مرفقات شرطية بنعم/لا دون تغيير بقية النموذج */ .wcpec-conditional-attachments-grid{ align-items:stretch; } .wcpec-attachment-requirement{ direction:rtl; text-align:right; background:#f8fbff; border:1px solid #d6e6f7; border-radius:18px; padding:16px; display:flex; flex-direction:column; gap:12px; min-height:150px; } .wcpec-attachment-question{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .wcpec-attachment-question strong{ color:#7f1d1d; font-weight:900; line-height:1.9; } .wcpec-attachment-choice{ display:flex; align-items:center; gap:8px; } .wcpec-attachment-choice label{ width:auto!important; min-height:auto!important; padding:8px 12px!important; border:1px solid #d7e5f5!important; border-radius:999px!important; background:#fff!important; display:inline-flex!important; align-items:center!important; gap:6px!important; cursor:pointer; margin:0!important; } .wcpec-attachment-choice input{margin:0!important;} .wcpec-attachment-file{ width:100%!important; margin:0!important; background:#fff!important; border:1px solid #d7e5f5!important; border-radius:14px!important; padding:12px!important; } .wcpec-attachment-missing-note{ background:#eefbf5; border:1px solid #b8ead4; color:#075a3c; border-radius:14px; padding:12px 14px; font-weight:800; line-height:1.9; } .wcpec-attachment-requirement.is-yes{ border-color:#7dd3fc; background:#f0f9ff; } .wcpec-attachment-requirement.is-no{ border-color:#86efac; background:#f0fdf4; } .wcpec-attachment-requirement.wcpec-required-error-field-wrap{ border-color:#ef4444!important; box-shadow:0 0 0 3px rgba(239,68,68,.08)!important; } /* WCPEC Tasees 2.9.4 - Mandatory services tab and compact one-line wizard */ .wcpec-main-activity-form-card .wcpec-main-wizard{ grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:8px!important; align-items:stretch!important; } .wcpec-main-activity-form-card .wcpec-main-wizard button{ min-height:52px!important; border-radius:14px!important; gap:7px!important; padding:8px 7px!important; } .wcpec-main-activity-form-card .wcpec-main-wizard button b{ width:28px!important; height:28px!important; min-width:28px!important; font-size:12px!important; } .wcpec-main-activity-form-card .wcpec-main-wizard button span{ font-size:12px!important; line-height:1.35!important; white-space:normal!important; } .wcpec-required-services-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; margin-top:18px!important; } .wcpec-required-service-card{ border:1px solid #d8e5f2!important; background:#fff!important; border-radius:18px!important; padding:18px!important; box-shadow:0 12px 28px rgba(11,47,85,.05)!important; } .wcpec-required-service-card.is-done{ border-color:#10a37f!important; background:#f0fdf8!important; } .wcpec-required-service-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin-bottom:8px!important; } .wcpec-required-service-head strong{ color:#082846!important; font-size:17px!important; font-weight:900!important; } .wcpec-required-service-head span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; background:#fff4e5!important; border:1px solid #f1ca84!important; color:#8a5b00!important; padding:6px 11px!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } .wcpec-required-service-card.is-done .wcpec-required-service-head span{ background:#dcfce7!important; border-color:#86efac!important; color:#166534!important; } .wcpec-required-service-card p{ margin:0 0 12px!important; color:#53677d!important; font-size:13px!important; line-height:1.9!important; font-weight:800!important; } .wcpec-final-submit-box{ border:1px solid #d8e5f2!important; background:#f8fbff!important; border-radius:18px!important; padding:18px!important; display:flex!important; flex-direction:column!important; gap:8px!important; color:#0b2f55!important; } .wcpec-final-submit-box strong{font-size:18px!important;font-weight:900!important;color:#082846!important} .wcpec-final-submit-box span{font-size:13px!important;font-weight:800!important;color:#566b80!important;line-height:1.9!important} @media(max-width:1280px){.wcpec-main-activity-form-card .wcpec-main-wizard{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:900px){.wcpec-required-services-grid{grid-template-columns:1fr!important}.wcpec-main-activity-form-card .wcpec-main-wizard{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:520px){.wcpec-main-activity-form-card .wcpec-main-wizard{grid-template-columns:1fr!important}} /* WCPEC Tasees 3.0.3 - Legacy 11-step main activity schema */ .wcpec-main-wizard-11{display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:10px!important;align-items:stretch!important} .wcpec-main-wizard-11 button{min-height:48px!important;padding:8px 10px!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important;text-align:center!important} .wcpec-main-wizard-11 button b{display:inline-flex!important;width:24px!important;height:24px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;margin-inline-start:6px!important;background:#eef5ff!important;color:#0b2f55!important} .wcpec-main-wizard-11 button.active b{background:#fff!important;color:#0b2f55!important} .wcpec-address-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0} .wcpec-choice-card{display:flex!important;gap:12px!important;align-items:flex-start!important;border:1px solid #d7e5f2!important;background:#fff!important;border-radius:16px!important;padding:18px!important;cursor:pointer!important} .wcpec-choice-card:has(input:checked){background:#edf6ff!important;border-color:#0b67c2!important;box-shadow:0 0 0 2px rgba(11,103,194,.08)!important} .wcpec-choice-card strong{display:block;color:#0b2f55;font-weight:900;margin-bottom:6px} .wcpec-choice-card span{display:block;color:#5d6b7b;font-size:13px;line-height:1.8} .wcpec-old-contract-preview{border:1px solid #d8b36a;background:#fffdf8;border-radius:16px;padding:22px;margin:18px 0;color:#0b1f37} .wcpec-old-contract-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #0b2f55;padding-bottom:14px;margin-bottom:18px} .wcpec-old-contract-head strong{background:#0b2f55;color:#f6c768;padding:12px 18px;border-radius:10px;font-weight:900} .wcpec-old-contract-head span{font-size:13px;color:#607086} .wcpec-old-contract-preview h3{font-size:24px;color:#0b2f55;margin:12px 0 10px;font-weight:900;text-align:center} .wcpec-old-contract-preview h4{font-size:18px;color:#0b2f55;margin:24px 0 10px;font-weight:900;text-align:right} .wcpec-contract-preview-table th{background:#eef4fb!important;color:#0b2f55!important;width:18%} .wcpec-contract-preview-table td{background:#fff!important;color:#111827!important} .wcpec-final-contract-check{background:#fff8e8;border:1px solid #f2d59b;border-radius:14px;padding:14px 16px;margin-top:14px} @media(max-width:900px){.wcpec-main-wizard-11{grid-template-columns:repeat(2,minmax(120px,1fr))!important}.wcpec-address-choice-grid{grid-template-columns:1fr}} /* ========================================================= WCPEC Tasees 3.0.8 - Certificates modal hard viewport isolation ========================================================= */ html.wcpec-cert-modal-open, body.wcpec-cert-modal-open{ overflow:hidden!important; } body > #wcpec-cert-modal.wcpec-cert-modal, body > #wcpec-cert-modal.wcpec-cert-modal.is-open, body > #wcpec-cert-modal.wcpec-cert-modal[aria-hidden="false"]{ position:fixed!important; inset:0!important; top:0!important; right:0!important; bottom:0!important; left:0!important; width:100vw!important; height:100vh!important; min-width:100vw!important; min-height:100vh!important; max-width:none!important; max-height:none!important; z-index:2147483647!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; margin:0!important; box-sizing:border-box!important; direction:rtl!important; background:transparent!important; transform:none!important; contain:none!important; } body > #wcpec-cert-modal[aria-hidden="true"]{ display:none!important; } body > #wcpec-cert-modal .wcpec-cert-modal-backdrop{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; background:rgba(8,22,38,.74)!important; backdrop-filter:blur(7px)!important; z-index:0!important; } body > #wcpec-cert-modal .wcpec-cert-modal-card{ position:relative!important; z-index:2!important; width:min(1320px,calc(100vw - 56px))!important; height:calc(100vh - 44px)!important; max-width:1320px!important; max-height:calc(100vh - 44px)!important; overflow:auto!important; overflow-x:hidden!important; background:#f6faff!important; border:1px solid #dce8f4!important; border-radius:30px!important; box-shadow:0 45px 130px rgba(0,0,0,.44)!important; padding:0 22px 28px!important; margin:0!important; box-sizing:border-box!important; transform:none!important; scroll-behavior:smooth!important; } body > #wcpec-cert-modal .wcpec-cert-modal-close{ position:sticky!important; top:18px!important; float:left!important; z-index:80!important; width:54px!important; height:54px!important; min-width:54px!important; border:0!important; border-radius:50%!important; background:#eef5fc!important; color:#071b34!important; font-size:30px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; box-shadow:0 10px 24px rgba(8,22,38,.10)!important; } body > #wcpec-cert-modal .wcpec-cert-modal-toolbar{ position:sticky!important; top:0!important; z-index:70!important; height:76px!important; min-height:76px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; margin:0 -22px 26px!important; padding:14px 86px 14px 70px!important; background:rgba(246,250,255,.97)!important; border-bottom:1px solid #d6e3f1!important; backdrop-filter:blur(12px)!important; box-sizing:border-box!important; } body > #wcpec-cert-modal .wcpec-cert-modal-toolbar button{ border:0!important; border-radius:13px!important; background:#08356f!important; color:#fff!important; padding:12px 22px!important; font-size:13px!important; font-weight:900!important; cursor:pointer!important; box-shadow:none!important; } body > #wcpec-cert-modal .wcpec-cert-modal-toolbar button:disabled{ background:#edf2f7!important; color:#a5b2c2!important; cursor:not-allowed!important; } body > #wcpec-cert-modal .wcpec-print-locked-note{ display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid #f0a85c!important; background:#fff7ed!important; color:#a53c0d!important; border-radius:14px!important; padding:11px 18px!important; font-weight:900!important; font-size:13px!important; line-height:1.4!important; } body > #wcpec-cert-modal #wcpec-cert-modal-body{ width:100%!important; min-height:100%!important; box-sizing:border-box!important; } body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-certificate-bundle, body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-certificate-paper, body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-certificate-agreement, body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-cert-features-panel{ clear:both!important; } body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-certificate-bundle{ width:100%!important; max-width:1140px!important; margin:0 auto 30px!important; padding:0 0 30px!important; box-sizing:border-box!important; } body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-certificate-paper{ width:1123px!important; max-width:100%!important; margin:0 auto 30px!important; transform:none!important; } body > #wcpec-cert-modal #wcpec-cert-modal-body .wcpec-certificate-agreement{ width:980px!important; max-width:100%!important; margin:26px auto 30px!important; transform:none!important; } @media(max-width:760px){ body > #wcpec-cert-modal.wcpec-cert-modal{padding:8px!important;} body > #wcpec-cert-modal .wcpec-cert-modal-card{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:22px!important;padding:0 10px 18px!important;} body > #wcpec-cert-modal .wcpec-cert-modal-toolbar{height:auto!important;min-height:70px!important;flex-wrap:wrap!important;justify-content:flex-start!important;margin:0 -10px 18px!important;padding:12px 66px 12px 12px!important;} body > #wcpec-cert-modal .wcpec-cert-modal-close{width:46px!important;height:46px!important;min-width:46px!important;top:12px!important;} } @media print{ body > #wcpec-cert-modal.wcpec-cert-modal{display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;padding:0!important;background:#fff!important;} body > #wcpec-cert-modal .wcpec-cert-modal-card{position:static!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;} body > #wcpec-cert-modal .wcpec-cert-modal-toolbar, body > #wcpec-cert-modal .wcpec-cert-modal-close, body > #wcpec-cert-modal .wcpec-cert-modal-backdrop{display:none!important;} } .wcpec-identity-live-status{ display:block; margin-top:8px; padding:9px 12px; border-radius:12px; font-size:13px; font-weight:800; line-height:1.7; border:1px solid transparent; } .wcpec-identity-live-status:empty{display:none;} .wcpec-identity-live-status.is-checking{ color:#0b4a7a; background:#eef7ff; border-color:#bfdbfe; } .wcpec-identity-live-status.is-ok{ color:#047857; background:#ecfdf5; border-color:#a7f3d0; } .wcpec-identity-live-status.is-error{ color:#991b1b; background:#fff1f2; border-color:#fecdd3; } .wcpec-btn-disabled-by-identity{ opacity:.55!important; cursor:not-allowed!important; } /* WCPEC 3.2.4 - exact old dashboard notification routing */ #wcpec-tasees-app .wcpec-gov-notification-alert{ position:relative!important; background:#fff!important; border:1px solid #d7e6f7!important; color:#071b34!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-gov-notification-alert:before{ content:"5"; position:absolute!important; top:-12px!important; left:8px!important; right:8px!important; height:16px!important; line-height:16px!important; border-radius:999px!important; background:#d6241f!important; color:#fff!important; font-size:11px!important; text-align:center!important; box-shadow:0 8px 18px rgba(214,36,31,.24)!important; } #wcpec-tasees-app .wcpec-old-inbox-exact{ background:#fff!important; border:1px solid #d7e6f7!important; border-radius:22px!important; padding:22px!important; box-shadow:0 16px 40px rgba(8,31,61,.08)!important; } #wcpec-tasees-app .wcpec-inbox-list button{ cursor:default!important; text-align:right!important; } /* WCPEC 3.2.7 - استعادة مبدل الحسابات والإشعارات بنفس تنظيم الإضافة القديمة دون تغيير محتوى الرئيسية */ #wcpec-tasees-app .wcpec-gov-topbar{ overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-center{ overflow:visible!important; position:relative!important; z-index:800!important; } #wcpec-tasees-app .wcpec-gov-account-switcher{ display:block!important; position:relative!important; width:360px!important; min-width:320px!important; max-width:390px!important; height:62px!important; overflow:visible!important; z-index:900!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher{ display:block!important; position:relative!important; width:100%!important; height:62px!important; overflow:visible!important; z-index:901!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current{ width:100%!important; height:62px!important; min-height:62px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:18px 22px 14px!important; grid-template-areas:'arrow label' 'arrow type' 'arrow icn'!important; align-items:center!important; column-gap:12px!important; padding:8px 16px!important; margin:0!important; border:1px solid #bde8da!important; border-radius:19px!important; background:linear-gradient(135deg,#eefcf7 0%,#ffffff 100%)!important; box-shadow:0 12px 30px rgba(0,133,96,.075)!important; color:#071b34!important; text-align:right!important; overflow:hidden!important; cursor:pointer!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:before{ content:'⌄'!important; grid-area:arrow!important; width:28px!important; height:28px!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:1px solid #cae0da!important; color:#008560!important; font-size:15px!important; font-weight:900!important; margin:0!important; transform:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current:after{display:none!important;content:none!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current span{ grid-area:label!important; display:block!important; color:#66748a!important; font-size:11px!important; font-weight:900!important; line-height:18px!important; text-align:right!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current strong{ grid-area:type!important; display:block!important; color:#061a36!important; font-size:17px!important; font-weight:900!important; line-height:22px!important; text-align:right!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-current small{ grid-area:icn!important; display:block!important; color:#008560!important; font-size:9.5px!important; font-weight:900!important; line-height:14px!important; direction:ltr!important; unicode-bidi:plaintext!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{ display:none!important; position:absolute!important; top:70px!important; right:0!important; left:auto!important; width:360px!important; max-width:min(360px,calc(100vw - 28px))!important; padding:12px!important; border:1px solid #dfe8f3!important; border-radius:22px!important; background:#fff!important; box-shadow:0 26px 70px rgba(7,27,52,.20)!important; z-index:99999!important; overflow:visible!important; color:#071b34!important; text-align:right!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher.is-open .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:hover .wcpec-account-menu, #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-switcher:focus-within .wcpec-account-menu{display:block!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu>b{ display:block!important; color:#071b34!important; font-size:16px!important; font-weight:900!important; padding:8px 8px 12px!important; border-bottom:1px solid #edf2f8!important; margin:0 0 10px!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option{ width:100%!important; min-height:54px!important; border:1px solid #e0e8f2!important; background:#fff!important; border-radius:15px!important; padding:10px 13px!important; margin:0 0 8px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; color:#071b34!important; cursor:pointer!important; text-align:right!important; box-shadow:none!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option.is-active{ border-color:#a9e5d6!important; background:#effdf8!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option span{font-size:14px!important;font-weight:900!important;color:#071b34!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-option small{font-size:11px!important;font-weight:900!important;color:#008560!important;direction:ltr!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-create-row{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; margin-top:10px!important; padding-top:12px!important; border-top:1px solid #edf2f8!important; } #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-create-account{ height:46px!important; border:1px solid #d9e3ef!important; background:#fff!important; border-radius:14px!important; color:#071b34!important; font-weight:900!important; font-size:13px!important; cursor:pointer!important; box-shadow:none!important; padding:0 8px!important; } #wcpec-tasees-app .wcpec-notification-wrap{ position:relative!important; display:block!important; width:auto!important; height:52px!important; overflow:visible!important; z-index:850!important; } #wcpec-tasees-app .wcpec-gov-notification{ height:52px!important; min-height:52px!important; min-width:154px!important; padding:0 18px!important; border-radius:17px!important; border:1px solid #dfe8f3!important; background:#fff!important; color:#183555!important; box-shadow:0 8px 22px rgba(7,27,52,.055)!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; white-space:nowrap!important; font-size:13px!important; font-weight:900!important; position:relative!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-gov-notification em{ position:absolute!important; top:-13px!important; left:14px!important; right:14px!important; height:17px!important; min-width:70px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; background:#c92a24!important; color:#fff!important; font-size:11px!important; font-style:normal!important; font-weight:900!important; box-shadow:0 10px 24px rgba(201,42,36,.24)!important; } #wcpec-tasees-app .wcpec-notification-panel{ display:none!important; position:absolute!important; top:64px!important; left:0!important; right:auto!important; width:390px!important; max-width:min(390px,calc(100vw - 24px))!important; background:#fff!important; border:1px solid #dfe8f3!important; border-radius:22px!important; box-shadow:0 28px 90px rgba(7,28,51,.22)!important; z-index:99999!important; padding:10px!important; overflow:hidden!important; text-align:right!important; } #wcpec-tasees-app .wcpec-notification-wrap.is-open .wcpec-notification-panel, #wcpec-tasees-app .wcpec-notification-wrap:hover .wcpec-notification-panel, #wcpec-tasees-app .wcpec-notification-wrap:focus-within .wcpec-notification-panel{display:block!important;} #wcpec-tasees-app .wcpec-notification-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:10px 12px!important; border-bottom:1px solid #edf2f8!important; margin-bottom:8px!important; } #wcpec-tasees-app .wcpec-notification-head strong{font-size:15px!important;color:#071b34!important;font-weight:900!important;} #wcpec-tasees-app .wcpec-notification-head button{border:0!important;background:#eef6ff!important;color:#0b65c2!important;border-radius:999px!important;padding:7px 12px!important;font-weight:900!important;cursor:pointer!important;} #wcpec-tasees-app .wcpec-notification-item{ width:100%!important; display:block!important; text-align:right!important; border:1px solid #e1ebf6!important; background:#fff!important; border-radius:16px!important; padding:10px 12px!important; margin-bottom:8px!important; cursor:pointer!important; } #wcpec-tasees-app .wcpec-notification-item.is-unread{background:#f0fbf7!important;border-color:#bde8da!important;} #wcpec-tasees-app .wcpec-notification-item strong{display:block!important;color:#071b34!important;font-size:13px!important;font-weight:900!important;margin-bottom:5px!important;} #wcpec-tasees-app .wcpec-notification-item span{display:block!important;color:#617087!important;font-size:12px!important;font-weight:800!important;line-height:1.7!important;} #wcpec-tasees-app .wcpec-notification-item small{display:block!important;color:#7b8798!important;font-size:11px!important;font-weight:800!important;margin-top:5px!important;direction:ltr!important;text-align:left!important;} #wcpec-tasees-app .wcpec-notification-empty{padding:18px!important;text-align:center!important;color:#66748a!important;font-weight:900!important;} @media(max-width:980px){ #wcpec-tasees-app .wcpec-gov-account-switcher{width:320px!important;min-width:280px!important;} #wcpec-tasees-app .wcpec-gov-account-switcher .wcpec-account-menu{width:320px!important;} #wcpec-tasees-app .wcpec-notification-panel{left:auto!important;right:0!important;} } /* WCPEC 3.2.8 - إصلاح تكرار عداد الإشعارات وتعريب محتوى القائمة */ #wcpec-tasees-app .wcpec-gov-notification-alert:before{ display:none!important; content:none!important; } #wcpec-tasees-app .wcpec-gov-notification em{ top:-10px!important; right:auto!important; left:12px!important; min-width:26px!important; width:auto!important; height:20px!important; padding:0 8px!important; border:2px solid #fff!important; border-radius:999px!important; background:#d6241f!important; color:#fff!important; box-shadow:0 8px 18px rgba(214,36,31,.24)!important; } #wcpec-tasees-app .wcpec-notification-panel{ width:410px!important; padding:14px!important; } #wcpec-tasees-app .wcpec-notification-item{ display:grid!important; grid-template-columns:1fr auto!important; gap:4px 10px!important; align-items:center!important; background:#f7fffb!important; border-color:#bde8da!important; } #wcpec-tasees-app .wcpec-notification-item strong{ grid-column:1 / -1!important; font-size:13px!important; color:#071b34!important; } #wcpec-tasees-app .wcpec-notification-item span{ grid-column:1 / -1!important; color:#475569!important; font-size:12px!important; } #wcpec-tasees-app .wcpec-notification-item small{ grid-column:1 / -1!important; direction:ltr!important; text-align:left!important; color:#64748b!important; } /* ===================================================================== WCPEC Tasees 3.4.7 - Emergency layout containment fix الهدف: منع تمدد الواجهة خارج الشاشة وإلغاء كسر العرض داخل Elementor/القالب. ===================================================================== */ html.wcpec-tasees-ui-active, body.wcpec-tasees-ui-active, body:has(#wcpec-tasees-app){ width:100%!important; max-width:100%!important; overflow-x:hidden!important; overflow-y:auto!important; } body.wcpec-tasees-ui-active .site, body.wcpec-tasees-ui-active .site-main, body.wcpec-tasees-ui-active .site-content, body.wcpec-tasees-ui-active .content-area, body.wcpec-tasees-ui-active .entry-content, body.wcpec-tasees-ui-active .page-content, body.wcpec-tasees-ui-active .elementor, body.wcpec-tasees-ui-active .elementor-section, body.wcpec-tasees-ui-active .elementor-container, body.wcpec-tasees-ui-active .elementor-column, body.wcpec-tasees-ui-active .elementor-widget-wrap, body.wcpec-tasees-ui-active .elementor-widget-container, body:has(#wcpec-tasees-app) .site, body:has(#wcpec-tasees-app) .site-main, body:has(#wcpec-tasees-app) .site-content, body:has(#wcpec-tasees-app) .content-area, body:has(#wcpec-tasees-app) .entry-content, body:has(#wcpec-tasees-app) .page-content, body:has(#wcpec-tasees-app) .elementor, body:has(#wcpec-tasees-app) .elementor-section, body:has(#wcpec-tasees-app) .elementor-container, body:has(#wcpec-tasees-app) .elementor-column, body:has(#wcpec-tasees-app) .elementor-widget-wrap, body:has(#wcpec-tasees-app) .elementor-widget-container{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow-x:hidden!important; } #wcpec-tasees-app{ width:100%!important; max-width:100%!important; min-width:0!important; min-height:100vh!important; max-height:none!important; overflow:hidden!important; position:relative!important; inset:auto!important; margin:0!important; padding:0!important; transform:none!important; } #wcpec-tasees-app.wcpec-gov-app{ grid-template-columns:286px minmax(0,1fr)!important; grid-template-areas:'sidebar main'!important; } #wcpec-tasees-app.sidebar-collapsed{ grid-template-columns:0 minmax(0,1fr)!important; } #wcpec-tasees-app .wcpec-gov-main{ width:100%!important; max-width:100%!important; min-width:0!important; height:100vh!important; overflow-y:auto!important; overflow-x:hidden!important; } #wcpec-tasees-app .wcpec-gov-sidebar{ width:286px!important; min-width:286px!important; max-width:286px!important; right:auto!important; left:auto!important; } #wcpec-tasees-app .wcpec-gov-topbar{ width:100%!important; max-width:100%!important; min-width:0!important; grid-template-columns:minmax(0,1fr) minmax(240px,420px) minmax(0,1fr)!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-gov-topbar-right, #wcpec-tasees-app .wcpec-gov-topbar-center, #wcpec-tasees-app .wcpec-gov-topbar-left, #wcpec-tasees-app .wcpec-gov-content, #wcpec-tasees-app .wcpec-gov-hero, #wcpec-tasees-app .wcpec-card, #wcpec-tasees-app .wcpec-home-summary, #wcpec-tasees-app .wcpec-home-panels, #wcpec-tasees-app .wcpec-home-panels-secondary, #wcpec-tasees-app .wcpec-home-quick-grid, #wcpec-tasees-app .wcpec-service-grid, #wcpec-tasees-app .wcpec-service-grid-compact, #wcpec-tasees-app .wcpec-info-grid, #wcpec-tasees-app .wcpec-stat-grid, #wcpec-tasees-app .wcpec-table-wrap{ max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } #wcpec-tasees-app .wcpec-gov-content{ width:100%!important; overflow-x:hidden!important; } #wcpec-tasees-app .wcpec-table-wrap{ overflow-x:auto!important; overflow-y:hidden!important; } #wcpec-tasees-app img, #wcpec-tasees-app svg, #wcpec-tasees-app canvas, #wcpec-tasees-app iframe{ max-width:100%!important; } @media(max-width:1280px){ #wcpec-tasees-app.wcpec-gov-app{ grid-template-columns:260px minmax(0,1fr)!important; } #wcpec-tasees-app .wcpec-gov-sidebar{ width:260px!important; min-width:260px!important; max-width:260px!important; } #wcpec-tasees-app .wcpec-gov-topbar{ grid-template-columns:1fr!important; height:auto!important; min-height:0!important; } } @media(max-width:900px){ #wcpec-tasees-app, #wcpec-tasees-app.wcpec-gov-app, #wcpec-tasees-app.sidebar-collapsed{ grid-template-columns:1fr!important; grid-template-areas:'main'!important; } #wcpec-tasees-app .wcpec-gov-sidebar{ position:fixed!important; top:0!important; right:0!important; width:286px!important; min-width:286px!important; max-width:286px!important; transform:translateX(110%)!important; } #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{ transform:translateX(0)!important; opacity:1!important; pointer-events:auto!important; } } /* ===================================================================== WCPEC Tasees 3.4.9 - Brand color and sidebar toggle hard fix ===================================================================== */ #wcpec-tasees-app .wcpec-gov-brand, #wcpec-tasees-app .wcpec-gov-brand *{ text-shadow:none!important; } #wcpec-tasees-app .wcpec-gov-brand-text strong, #wcpec-tasees-app .wcpec-gov-brand strong{ color:#000000!important; } #wcpec-tasees-app .wcpec-gov-brand-text span, #wcpec-tasees-app .wcpec-gov-brand span{ color:#000000!important; opacity:1!important; } #wcpec-tasees-app .wcpec-menu-toggle, #wcpec-tasees-app button.wcpec-menu-toggle{ cursor:pointer!important; pointer-events:auto!important; user-select:none!important; z-index:999!important; } #wcpec-tasees-app.sidebar-collapsed{ grid-template-columns:0 minmax(0,1fr)!important; } #wcpec-tasees-app.sidebar-collapsed .wcpec-gov-sidebar{ width:0!important; min-width:0!important; max-width:0!important; transform:translateX(120%)!important; opacity:0!important; pointer-events:none!important; overflow:hidden!important; border:0!important; } #wcpec-tasees-app.sidebar-collapsed .wcpec-gov-main{ grid-column:1 / -1!important; } @media(max-width:900px){ #wcpec-tasees-app.sidebar-collapsed .wcpec-gov-sidebar{ width:286px!important; min-width:286px!important; max-width:286px!important; } #wcpec-tasees-app.sidebar-open .wcpec-gov-sidebar{ transform:translateX(0)!important; opacity:1!important; pointer-events:auto!important; } } /* ===================================================================== WCPEC Tasees 3.5.0 - Exact Home Dashboard Layout Lock تثبيت ترتيب الرئيسية حسب التنظيم المعتمد دون تغيير الهوية البصرية ===================================================================== */ #wcpec-tasees-app .wcpec-home-enterprise.wcpec-home-old-dashboard-exact{ display:flex!important; flex-direction:column!important; gap:18px!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-summary{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important; gap:18px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; min-width:0!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-summary-main{ order:1!important; min-height:150px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; text-align:right!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-status-card{ order:2!important; min-height:150px!important; text-align:center!important; align-items:center!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stats-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:16px!important; width:100%!important; max-width:100%!important; min-width:0!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card{ min-height:72px!important; height:72px!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:14px 18px!important; display:grid!important; grid-template-columns:minmax(0,1fr) 52px!important; grid-template-areas:'text icon'!important; align-items:center!important; text-align:right!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card i{ grid-area:icon!important; width:52px!important; height:52px!important; justify-self:end!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card em{ grid-area:text!important; display:inline!important; min-width:0!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card span{ margin-inline-start:6px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card strong{ font-size:21px!important; margin-inline-start:6px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card em{ font-size:11px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact > .wcpec-home-panels:not(.wcpec-home-panels-secondary){ display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)!important; gap:18px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; min-width:0!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-panel{ order:1!important; min-height:208px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-indicators-panel{ order:2!important; min-height:208px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button{ min-height:116px!important; display:grid!important; grid-template-columns:minmax(0,1fr) 52px!important; grid-template-areas:'title icon' 'text icon'!important; align-content:center!important; align-items:center!important; gap:4px 12px!important; text-align:right!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button i{ grid-area:icon!important; width:52px!important; height:52px!important; justify-self:end!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button strong{ grid-area:title!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button span{ grid-area:text!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-indicator{ display:grid!important; grid-template-columns:minmax(170px,.62fr) minmax(0,1fr)!important; gap:12px!important; align-items:center!important; margin:12px 0!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-indicator div{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:3px!important; min-width:0!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-indicator b{ width:100%!important; min-width:0!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-panels-secondary{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; min-width:0!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-panels-secondary .wcpec-home-panel{ min-height:255px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list{ display:flex!important; flex-direction:column!important; gap:10px!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button{ min-height:74px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:'title badge' 'date badge'!important; align-items:center!important; gap:4px 12px!important; text-align:right!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button strong{ grid-area:title!important; min-width:0!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button span{ grid-area:badge!important; justify-self:end!important; max-width:180px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button small{ grid-area:date!important; } @media(max-width:1280px){ #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-summary{ grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stats-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact > .wcpec-home-panels:not(.wcpec-home-panels-secondary){ grid-template-columns:1fr!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-panels-secondary{ grid-template-columns:1fr!important; } } @media(max-width:760px){ #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-summary, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stats-grid, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-indicator{ grid-template-columns:1fr!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button{ height:auto!important; min-height:72px!important; grid-template-columns:1fr!important; grid-template-areas:none!important; } #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card i, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button i, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button strong, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-quick-grid button span, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button strong, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button span, #wcpec-tasees-app .wcpec-home-old-dashboard-exact .wcpec-home-list button small{ grid-area:auto!important; justify-self:start!important; } } /* WCPEC 3.5.1 - تثبيت محاذاة بطاقات الأرقام في الرئيسية */ #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; min-height:72px!important; height:auto!important; padding:16px 18px!important; text-align:right!important; direction:rtl!important; overflow:hidden!important; white-space:nowrap!important; } #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card i, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card i{ flex:0 0 52px!important; width:52px!important; height:52px!important; min-width:52px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; align-self:center!important; justify-self:auto!important; position:static!important; } #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card em{ display:inline-flex!important; align-items:center!important; width:auto!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; position:static!important; inset:auto!important; transform:none!important; grid-area:auto!important; vertical-align:middle!important; text-align:right!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; line-height:1.4!important; } #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card span{ flex:0 1 auto!important; color:#69778d!important; font-size:13px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card strong{ flex:0 0 auto!important; color:#071b34!important; font-size:22px!important; font-weight:900!important; letter-spacing:0!important; } #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card em{ flex:0 1 auto!important; color:#69778d!important; font-size:12px!important; font-style:normal!important; font-weight:900!important; } @media(max-width:1100px){ #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card{ flex-wrap:wrap!important; white-space:normal!important; } #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card span, #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card strong, #wcpec-tasees-app .wcpec-home-stats-grid .wcpec-home-stat-card em, #wcpec-tasees-app .wcpec-home-stats-grid-4 .wcpec-home-stat-card em{ white-space:normal!important; } } /* WCPEC Tasees 3.5.3 - Services Engine Integration */ .wcpec-services-panel{overflow:hidden!important} .wcpec-service-toolbar{display:flex!important;gap:12px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;margin:12px 0 18px!important} .wcpec-service-filter{min-width:260px!important;max-width:420px!important;width:100%!important;border:1px solid rgba(15,23,42,.14)!important;border-radius:14px!important;padding:12px 16px!important;font-family:inherit!important;background:#fff!important;color:#111827!important} .wcpec-service-toolbar-note{font-size:13px!important;color:#64748b!important;line-height:1.8!important} .wcpec-services-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:12px!important} .wcpec-service-card{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:22px!important;padding:18px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important} .wcpec-service-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important} .wcpec-service-code{font-size:12px!important;font-weight:800!important;color:#0b2f55!important;background:#f3f6fb!important;border:1px solid rgba(11,47,85,.12)!important;border-radius:999px!important;padding:6px 10px!important;direction:ltr!important;unicode-bidi:embed!important} .wcpec-service-card h4{margin:0!important;font-size:18px!important;color:#111827!important;font-weight:900!important;line-height:1.7!important} .wcpec-service-card p{margin:0!important;color:#475569!important;font-size:14px!important;line-height:1.9!important} .wcpec-service-price{font-size:16px!important;font-weight:900!important;color:#0b2f55!important;background:linear-gradient(135deg,#f8fafc,#eef5ff)!important;border:1px solid rgba(11,47,85,.10)!important;border-radius:16px!important;padding:10px 12px!important;width:max-content!important;max-width:100%!important} .wcpec-service-flags{display:flex!important;gap:7px!important;flex-wrap:wrap!important} .wcpec-service-flags span{font-size:12px!important;font-weight:800!important;background:#f8fafc!important;color:#334155!important;border:1px solid rgba(51,65,85,.12)!important;border-radius:999px!important;padding:5px 9px!important} .wcpec-service-requirements{background:#fbfdff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:16px!important;padding:12px!important;color:#334155!important;font-size:13px!important;line-height:1.9!important} .wcpec-service-requirements strong{display:block!important;color:#0f172a!important;margin-bottom:5px!important} .wcpec-service-requirements ul{margin:0!important;padding:0 18px 0 0!important} .wcpec-service-actions{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important} .wcpec-service-actions .wcpec-btn,.wcpec-request-service-btn{border:0!important;border-radius:14px!important;background:#0b2f55!important;color:#fff!important;font-weight:900!important;padding:11px 18px!important;cursor:pointer!important;font-family:inherit!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important} .wcpec-service-actions .wcpec-btn.is-disabled{background:#94a3b8!important;cursor:not-allowed!important} .wcpec-service-actions small{color:#64748b!important;font-size:12px!important} .wcpec-orders-box-card{margin-top:18px!important} .wcpec-empty-state{grid-column:1/-1!important;background:#fff!important;border:1px dashed rgba(15,23,42,.2)!important;border-radius:18px!important;padding:22px!important;color:#64748b!important;text-align:center!important;font-weight:800!important} @media(max-width:900px){.wcpec-services-grid{grid-template-columns:1fr!important}.wcpec-service-toolbar{align-items:stretch!important}.wcpec-service-filter{max-width:none!important}} /* WCPEC 3.5.6 - مواقع جغرافية وعملات */ #wcpec-tasees-app .wcpec-location-currency, .wcpec-location-currency{ display:block; margin-top:6px; color:#0b2f55; font-size:12px; font-weight:700; background:#f6f8fb; border:1px solid #dce3ed; border-radius:9px; padding:6px 9px; } .wcpec-websites-panel .wcpec-grid-form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0 22px; } .wcpec-websites-panel .wcpec-grid-form label{ display:flex; flex-direction:column; gap:7px; font-weight:800; color:#0b2f55; } .wcpec-websites-panel .wcpec-grid-form input, .wcpec-websites-panel .wcpec-grid-form select{ width:100%; min-height:44px; border:1px solid rgba(11,47,85,.16); border-radius:12px; padding:10px 12px; background:#fff; color:#111827; font-family:inherit; } .wcpec-websites-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .wcpec-website-card{ background:#fff; border:1px solid rgba(11,47,85,.12); border-radius:18px; padding:18px; box-shadow:0 14px 30px rgba(11,47,85,.08); } .wcpec-website-card h4{ margin:10px 0 8px; color:#0b2f55; font-size:18px; } .wcpec-website-card a{ color:#111827; word-break:break-word; } @media(max-width:800px){ .wcpec-websites-panel .wcpec-grid-form, .wcpec-websites-grid{ grid-template-columns:1fr; } } .wcpec-professional-accounts .wcpec-active-account-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px 18px;margin:14px 0 18px;color:#111827} .wcpec-professional-accounts .wcpec-active-account-box strong{color:#0b2f55;font-weight:900} .wcpec-professional-accounts .wcpec-active-account-box span{font-weight:900;color:#111827} .wcpec-professional-accounts .wcpec-active-account-box small{color:#64748b} .wcpec-professional-accounts .wcpec-list-cards{display:grid;gap:12px} .wcpec-professional-accounts .wcpec-mini-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff} .wcpec-professional-accounts .wcpec-mini-card.is-active{border-color:#0b7a53;background:#f0fdf4} .wcpec-professional-accounts .wcpec-mini-card strong{display:block;color:#111827;font-weight:900} .wcpec-professional-accounts .wcpec-mini-card span,.wcpec-professional-accounts .wcpec-mini-card small{display:block;color:#64748b;margin-top:3px} .wcpec-professional-accounts .wcpec-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .wcpec-professional-accounts .wcpec-professional-account-form{display:grid;gap:10px} .wcpec-professional-accounts .wcpec-professional-account-form input,.wcpec-professional-accounts .wcpec-professional-account-form select{width:100%;border:1px solid #d7dce3;border-radius:12px;padding:11px 12px;background:#fff;color:#111827} .wcpec-professional-accounts .wcpec-checkbox-list{max-height:170px;overflow:auto;border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#f8fafc;display:grid;gap:7px} .wcpec-professional-accounts .wcpec-checkbox-list label{display:flex;align-items:center;gap:8px;color:#111827} .wcpec-professional-accounts .wcpec-checkbox-list small{color:#64748b;margin-inline-start:auto} .wcpec-professional-accounts .wcpec-form-message{font-weight:800;color:#0b2f55;min-height:22px} /* WCPEC Tasees 3.6.4-R4 - Services Engine practical completion */ .wcpec-service-payment-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-inline-start:10px!important;border-radius:14px!important;background:#0f766e!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;padding:11px 18px!important;line-height:1!important;box-shadow:0 8px 18px rgba(15,118,110,.18)!important} .wcpec-service-payment-link:hover{color:#fff!important;filter:brightness(.96)!important} .wcpec-service-policy-warning ul{margin:8px 18px 0 0!important;padding:0!important;display:grid!important;gap:6px!important} .wcpec-service-requirements li small{display:inline-flex!important;margin-inline-start:6px!important;color:#64748b!important;font-weight:800!important} .wcpec-service-actions small{display:block!important;margin-top:8px!important;color:#475569!important;font-weight:800!important;line-height:1.7!important} @media(max-width:700px){.wcpec-service-payment-link{width:100%!important;margin:10px 0 0!important}.wcpec-service-actions .wcpec-btn{width:100%!important}} /* WCPEC Tasees 3.6.6 - User compliance tabs */ .wcpec-compliance-panel{direction:rtl;text-align:right} .wcpec-compliance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0} .wcpec-compliance-summary-card{border:1px solid #dbe7f3;background:#f8fbff;border-radius:20px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;text-align:right;align-items:center;cursor:pointer;min-height:118px;box-shadow:0 10px 28px rgba(15,47,85,.05)} .wcpec-compliance-summary-card i{grid-row:1/4;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eef7ff;font-style:normal;font-size:22px} .wcpec-compliance-summary-card span{font-weight:900;color:#0b2f55;font-size:15px} .wcpec-compliance-summary-card strong{font-weight:900;color:#071d35;font-size:28px;line-height:1} .wcpec-compliance-summary-card em{font-style:normal;color:#64748b;font-weight:800;font-size:12px} .wcpec-compliance-summary-card.is-danger i{background:#fff0f0}.wcpec-compliance-summary-card.is-warning i{background:#fff8e8} .wcpec-compliance-icn-box,.wcpec-compliance-headline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid #dbe7f3;border-radius:18px;background:#f8fbff;padding:14px 16px;margin:12px 0 18px} .wcpec-compliance-icn-box span,.wcpec-compliance-headline span{color:#64748b;font-weight:800}.wcpec-compliance-icn-box strong,.wcpec-compliance-headline strong{color:#0b2f55;font-weight:900}.wcpec-compliance-headline i{font-style:normal;font-size:24px} .wcpec-compliance-block{border:1px solid #dbe7f3;border-radius:22px;background:#fff;margin:16px 0;padding:16px} .wcpec-compliance-block-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;border-bottom:1px solid #eef3f8;padding-bottom:12px} .wcpec-compliance-block-head h4{margin:0;color:#071d35;font-size:18px;font-weight:900}.wcpec-compliance-block-head span{background:#eef7ff;color:#0b5b94;border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px} .wcpec-compliance-list{display:grid;gap:10px}.wcpec-compliance-record{border:1px solid #e2edf7;background:#f8fbff;border-radius:17px;padding:14px}.wcpec-compliance-record>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.wcpec-compliance-record strong{color:#071d35;font-weight:900}.wcpec-compliance-record span{background:#eef7ff;color:#0b5b94;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.wcpec-compliance-record p{margin:9px 0;color:#475569;line-height:1.8;font-weight:700}.wcpec-compliance-record footer{display:flex;gap:8px;flex-wrap:wrap}.wcpec-compliance-record small{background:#fff;border:1px solid #e2edf7;border-radius:999px;padding:5px 9px;color:#64748b;font-weight:800} @media(max-width:900px){.wcpec-compliance-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wcpec-compliance-summary{grid-template-columns:1fr}.wcpec-compliance-record>div{display:block}.wcpec-compliance-record span{display:inline-flex;margin-top:8px}} /* WCPEC Tasees 3.6.6-R2 - Compliance details visible fields */ .wcpec-compliance-record-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:8px!important} .wcpec-compliance-record-meta-top{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 8px!important} .wcpec-compliance-record-meta-top small{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:999px!important;padding:6px 10px!important;color:#0b2f55!important;font-weight:900!important} /* WCPEC 3.6.6.3 - صندوق الوارد الكامل وقراءة الإشعارات */ #wcpec-tasees-app .wcpec-inbox-toolbar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 18px!important;padding:12px 14px!important;border:1px solid #dbe8f5!important;border-radius:16px!important;background:#f8fbff!important;color:#173452!important;font-weight:900!important} #wcpec-tasees-app .wcpec-inbox-toolbar span{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#fff!important;border:1px solid #e2edf8!important;border-radius:999px!important;padding:7px 12px!important;font-size:12px!important} #wcpec-tasees-app .wcpec-inbox-full-list{display:grid!important;gap:12px!important} #wcpec-tasees-app .wcpec-inbox-notice{border:1px solid #d9e7f6!important;background:#ffffff!important;border-radius:18px!important;padding:16px 18px!important;box-shadow:0 10px 24px rgba(15,42,77,.05)!important;text-align:right!important} #wcpec-tasees-app .wcpec-inbox-notice.is-unread{background:#f0fbf7!important;border-color:#aee5d1!important} #wcpec-tasees-app .wcpec-inbox-notice header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important} #wcpec-tasees-app .wcpec-inbox-notice header strong{display:block!important;font-size:16px!important;font-weight:900!important;color:#071b34!important;line-height:1.6!important} #wcpec-tasees-app .wcpec-inbox-notice header small{display:block!important;color:#61748c!important;font-size:12px!important;font-weight:800!important;margin-top:3px!important} #wcpec-tasees-app .wcpec-inbox-notice header > span{white-space:nowrap!important;background:#eaf5ff!important;color:#0b5cb8!important;border:1px solid #cfe6ff!important;border-radius:999px!important;padding:6px 11px!important;font-size:12px!important;font-weight:900!important} #wcpec-tasees-app .wcpec-inbox-notice.is-unread header > span{background:#fff5dd!important;color:#946200!important;border-color:#ffd88a!important} #wcpec-tasees-app .wcpec-inbox-notice p{margin:0 0 12px!important;color:#223b55!important;font-size:14px!important;font-weight:800!important;line-height:1.9!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #wcpec-tasees-app .wcpec-inbox-notice-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important} #wcpec-tasees-app .wcpec-inbox-notice-meta div{background:#f8fbff!important;border:1px solid #e1ebf6!important;border-radius:14px!important;padding:9px 10px!important} #wcpec-tasees-app .wcpec-inbox-notice-meta dt{font-size:11px!important;color:#718197!important;font-weight:800!important;margin:0 0 4px!important} #wcpec-tasees-app .wcpec-inbox-notice-meta dd{font-size:13px!important;color:#071b34!important;font-weight:900!important;margin:0!important} #wcpec-tasees-app .wcpec-inbox-notice footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-top:1px solid #edf3f9!important;padding-top:10px!important} #wcpec-tasees-app .wcpec-inbox-notice footer small{color:#718197!important;font-size:12px!important;font-weight:800!important} #wcpec-tasees-app .wcpec-mark-notification-read{border:0!important;background:#0b7a55!important;color:#fff!important;border-radius:999px!important;padding:8px 14px!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important} #wcpec-tasees-app .wcpec-mark-notification-read:disabled{opacity:.65!important;cursor:not-allowed!important} #wcpec-tasees-app .wcpec-home-list button span, #wcpec-tasees-app .wcpec-notification-item span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;line-height:1.75!important} @media(max-width:760px){#wcpec-tasees-app .wcpec-inbox-notice-meta{grid-template-columns:1fr!important}#wcpec-tasees-app .wcpec-inbox-notice header,#wcpec-tasees-app .wcpec-inbox-notice footer{align-items:stretch!important;flex-direction:column!important}} /* WCPEC 3.6.6-R4: mail-like inbox details and automatic read state */ #wcpec-tasees-app .wcpec-mail-like-inbox{display:grid!important;gap:8px!important} #wcpec-tasees-app .wcpec-mail-notice{cursor:pointer!important;padding:0!important;overflow:hidden!important;border:1px solid #d9e7f6!important;background:#fff!important;border-radius:16px!important;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease!important} #wcpec-tasees-app .wcpec-mail-notice:hover{border-color:#9fc8f2!important;box-shadow:0 12px 26px rgba(15,42,77,.08)!important} #wcpec-tasees-app .wcpec-mail-notice.is-unread{background:#f1fbf7!important;border-color:#aee5d1!important} #wcpec-tasees-app .wcpec-mail-notice.is-open{background:#fff!important;border-color:#85bdf4!important;box-shadow:0 16px 34px rgba(15,42,77,.10)!important} #wcpec-tasees-app .wcpec-mail-notice-row{display:grid!important;grid-template-columns:14px minmax(180px,280px) 1fr minmax(120px,150px) minmax(80px,100px)!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;text-align:right!important} #wcpec-tasees-app .wcpec-mail-status-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:#cbd5e1!important;justify-self:center!important} #wcpec-tasees-app .wcpec-mail-notice.is-unread .wcpec-mail-status-dot{background:#f59e0b!important;box-shadow:0 0 0 5px rgba(245,158,11,.12)!important} #wcpec-tasees-app .wcpec-mail-title strong{display:block!important;color:#071b34!important;font-size:14px!important;font-weight:900!important;line-height:1.5!important;white-space:normal!important} #wcpec-tasees-app .wcpec-mail-title small{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:11px!important;font-weight:800!important} #wcpec-tasees-app .wcpec-mail-preview{color:#334155!important;font-size:13px!important;font-weight:800!important;line-height:1.7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important} #wcpec-tasees-app .wcpec-mail-notice time{color:#64748b!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;text-align:center!important} #wcpec-tasees-app .wcpec-mail-read-state{display:inline-flex!important;justify-content:center!important;align-items:center!important;border:1px solid #cfe6ff!important;background:#eaf5ff!important;color:#0b5cb8!important;border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important} #wcpec-tasees-app .wcpec-mail-notice.is-unread .wcpec-mail-read-state{background:#fff5dd!important;color:#946200!important;border-color:#ffd88a!important} #wcpec-tasees-app .wcpec-mail-notice-detail{border-top:1px solid #edf3f9!important;background:#fbfdff!important;padding:18px!important} #wcpec-tasees-app .wcpec-mail-detail-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important} #wcpec-tasees-app .wcpec-mail-detail-head h4{margin:0!important;color:#071b34!important;font-size:18px!important;font-weight:900!important;line-height:1.6!important} #wcpec-tasees-app .wcpec-mail-detail-head span{color:#64748b!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important} #wcpec-tasees-app .wcpec-mail-detail-body p{margin:0 0 14px!important;color:#1f3349!important;font-size:14px!important;font-weight:800!important;line-height:2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #wcpec-tasees-app .wcpec-inbox-notice-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} @media(max-width:900px){#wcpec-tasees-app .wcpec-mail-notice-row{grid-template-columns:12px 1fr!important}#wcpec-tasees-app .wcpec-mail-preview,#wcpec-tasees-app .wcpec-mail-notice time,#wcpec-tasees-app .wcpec-mail-read-state{grid-column:2!important;text-align:right!important;justify-self:start!important;white-space:normal!important}#wcpec-tasees-app .wcpec-mail-detail-head{display:block!important}#wcpec-tasees-app .wcpec-inbox-notice-details-grid{grid-template-columns:1fr!important}} /* WCPEC 3.6.6-R5: compliance objections and actionable inbox */ #wcpec-tasees-app .wcpec-compliance-actions, #wcpec-tasees-app .wcpec-mail-actions{ margin-top:14px!important; padding:12px!important; border:1px solid #dbe8f5!important; border-radius:16px!important; background:#ffffff!important; display:flex!important; align-items:flex-start!important; gap:10px!important; flex-wrap:wrap!important; } #wcpec-tasees-app .wcpec-mail-actions h5{ width:100%!important; margin:0 0 8px!important; color:#0b2f55!important; font-size:14px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-compliance-action-box, #wcpec-tasees-app .wcpec-mail-action-box{ width:100%!important; display:block!important; } #wcpec-tasees-app .uics-objection-box{width:100%!important;display:block!important;text-align:right!important;direction:rtl!important;} #wcpec-tasees-app .uics-objection-toggle, #wcpec-tasees-app .uics-objection-submit, #wcpec-tasees-app .wcpec-compliance-action-link, #wcpec-tasees-app .wcpec-mail-action-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:38px!important; padding:9px 16px!important; border:1px solid #0b6bcb!important; border-radius:999px!important; background:#0b6bcb!important; color:#ffffff!important; font-size:13px!important; font-weight:900!important; line-height:1.4!important; text-decoration:none!important; cursor:pointer!important; box-shadow:0 8px 18px rgba(11,107,203,.16)!important; } #wcpec-tasees-app .uics-objection-toggle:hover, #wcpec-tasees-app .uics-objection-submit:hover, #wcpec-tasees-app .wcpec-compliance-action-link:hover, #wcpec-tasees-app .wcpec-mail-action-link:hover{background:#084f99!important;color:#fff!important;} #wcpec-tasees-app .uics-objection-form{ width:100%!important; max-width:720px!important; margin-top:12px!important; padding:14px!important; border:1px solid #dbe8f5!important; border-radius:16px!important; background:#f8fbff!important; } #wcpec-tasees-app .uics-objection-form select, #wcpec-tasees-app .uics-objection-form textarea, #wcpec-tasees-app .uics-objection-form input{ width:100%!important; border:1px solid #cddded!important; border-radius:12px!important; background:#fff!important; color:#0b1f33!important; padding:10px 12px!important; font-family:inherit!important; font-weight:800!important; margin-bottom:8px!important; } #wcpec-tasees-app .uics-objection-message, #wcpec-tasees-app .wcpec-compliance-action-note, #wcpec-tasees-app .wcpec-mail-action-note{ display:inline-flex!important; align-items:center!important; min-height:34px!important; padding:7px 12px!important; border-radius:999px!important; background:#fff8e6!important; color:#8a5b00!important; font-size:12px!important; font-weight:900!important; } @media(max-width:760px){ #wcpec-tasees-app .wcpec-compliance-actions, #wcpec-tasees-app .wcpec-mail-actions{display:block!important;} #wcpec-tasees-app .uics-objection-toggle, #wcpec-tasees-app .uics-objection-submit, #wcpec-tasees-app .wcpec-compliance-action-link, #wcpec-tasees-app .wcpec-mail-action-link{width:100%!important;margin-top:8px!important;} } /* WCPEC 3.6.6-R6: نموذج اعتراض بمرفق ملف */ .wcpec-tasees-objection-form{gap:10px;margin-top:12px;padding:14px;border:1px solid rgba(16,87,154,.14);border-radius:16px;background:#fff;} .wcpec-tasees-objection-form select,.wcpec-tasees-objection-form textarea{width:100%;border:1px solid #dbe7f3;border-radius:14px;padding:10px 12px;font-family:inherit;box-sizing:border-box;} .wcpec-tasees-file-label{display:block;border:1px dashed #b8cce2;border-radius:14px;padding:12px;background:#f8fbff;color:#0b2f55;font-weight:800;} .wcpec-tasees-file-label input{display:block;margin-top:8px;width:100%;} .wcpec-tasees-objection-message{font-weight:800;color:#0b2f55;} /* WCPEC 3.6.6-R7: توسيع نموذج الاعتراض بعرض البطاقة كاملة */ #wcpec-tasees-app .wcpec-compliance-record .wcpec-compliance-actions, #wcpec-tasees-app .wcpec-inbox-notice .wcpec-mail-actions{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; display:block!important; clear:both!important; } #wcpec-tasees-app .wcpec-compliance-objection-box, #wcpec-tasees-app .uics-objection-box, #wcpec-tasees-app .wcpec-mail-action-box, #wcpec-tasees-app .wcpec-compliance-action-box{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; display:block!important; direction:rtl!important; text-align:right!important; } #wcpec-tasees-app .wcpec-tasees-objection-form, #wcpec-tasees-app .uics-objection-form, #wcpec-tasees-app .wcpec-mail-actions .uics-objection-form, #wcpec-tasees-app .wcpec-mail-actions .wcpec-tasees-objection-form, #wcpec-tasees-app .wcpec-compliance-actions .uics-objection-form, #wcpec-tasees-app .wcpec-compliance-actions .wcpec-tasees-objection-form{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; display:block!important; margin:14px 0 0!important; padding:18px!important; border:1px solid #dbe8f5!important; border-radius:18px!important; background:#ffffff!important; direction:rtl!important; text-align:right!important; } #wcpec-tasees-app .wcpec-tasees-objection-form select, #wcpec-tasees-app .wcpec-tasees-objection-form textarea, #wcpec-tasees-app .wcpec-tasees-objection-form input[type="text"], #wcpec-tasees-app .wcpec-tasees-objection-form input[type="file"], #wcpec-tasees-app .uics-objection-form select, #wcpec-tasees-app .uics-objection-form textarea, #wcpec-tasees-app .uics-objection-form input[type="text"], #wcpec-tasees-app .uics-objection-form input[type="file"]{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; display:block!important; margin:0 0 12px!important; border:1px solid #d4e2f0!important; border-radius:14px!important; background:#fff!important; color:#071d35!important; padding:12px 14px!important; font-family:inherit!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-tasees-objection-form textarea, #wcpec-tasees-app .uics-objection-form textarea{ min-height:150px!important; resize:vertical!important; line-height:1.9!important; } #wcpec-tasees-app .wcpec-tasees-file-label, #wcpec-tasees-app .uics-objection-form label, #wcpec-tasees-app .wcpec-tasees-objection-form label{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; display:block!important; margin:0 0 12px!important; border:1px dashed #b8cce2!important; border-radius:14px!important; padding:14px!important; background:#f8fbff!important; color:#0b2f55!important; font-weight:900!important; text-align:right!important; } #wcpec-tasees-app .wcpec-tasees-objection-submit, #wcpec-tasees-app .uics-objection-submit{ width:100%!important; max-width:100%!important; border-radius:14px!important; min-height:48px!important; margin-top:4px!important; } #wcpec-tasees-app .wcpec-compliance-action-link.wcpec-tasees-objection-toggle, #wcpec-tasees-app .uics-objection-toggle{ min-width:170px!important; } /* WCPEC 3.6.6-R8 Trust Score Visual Meter */ #wcpec-tasees-app .wcpec-trust-meter{ border:1px solid rgba(15,83,126,.14)!important; border-radius:22px!important; padding:16px!important; background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,rgba(255,255,255,.92) 100%)!important; box-shadow:0 12px 26px rgba(14,43,73,.07)!important; position:relative!important; overflow:hidden!important; } #wcpec-tasees-app .wcpec-trust-meter:before{ content:""!important; position:absolute!important; width:170px!important; height:170px!important; left:-58px!important; bottom:-82px!important; background:radial-gradient(circle,var(--wcpec-trust-color) 0%,rgba(255,255,255,0) 68%)!important; opacity:.13!important; pointer-events:none!important; } #wcpec-tasees-app .wcpec-trust-meter-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-trust-meter-head span{ display:block!important; color:#607189!important; font-size:12px!important; font-weight:900!important; margin-bottom:5px!important; } #wcpec-tasees-app .wcpec-trust-meter-head strong{ display:block!important; color:#071b34!important; font-size:17px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-trust-meter-head small{ display:inline-flex!important; margin-top:7px!important; color:#0b7b62!important; background:#eefcf6!important; border:1px solid #c9f0df!important; border-radius:999px!important; padding:5px 9px!important; font-weight:900!important; direction:ltr!important; } #wcpec-tasees-app .wcpec-trust-score-circle{ width:84px!important; height:84px!important; min-width:84px!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; background:conic-gradient(var(--wcpec-trust-color) calc(var(--wcpec-trust-score)*1%),#e8eef6 0)!important; box-shadow:inset 0 0 0 9px #fff,0 12px 24px rgba(14,43,73,.09)!important; color:var(--wcpec-trust-color)!important; } #wcpec-tasees-app .wcpec-trust-score-circle b{ font-size:27px!important; line-height:1!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-trust-score-circle em{ font-style:normal!important; font-size:11px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-trust-stars{ display:flex!important; justify-content:center!important; gap:4px!important; direction:ltr!important; margin:13px 0 9px!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-trust-stars span{ color:#d9e3ee!important; font-size:22px!important; line-height:1!important; } #wcpec-tasees-app .wcpec-trust-stars span.is-on{color:#f4b400!important;text-shadow:0 4px 12px rgba(244,180,0,.18)!important} #wcpec-tasees-app .wcpec-trust-meter.is-critical .wcpec-trust-stars span.is-on{color:#dc2626!important} #wcpec-tasees-app .wcpec-trust-meter.is-low .wcpec-trust-stars span.is-on{color:#f97316!important} #wcpec-tasees-app .wcpec-trust-meter.is-medium .wcpec-trust-stars span.is-on{color:#f59e0b!important} #wcpec-tasees-app .wcpec-trust-meter.is-high .wcpec-trust-stars span.is-on, #wcpec-tasees-app .wcpec-trust-meter.is-excellent .wcpec-trust-stars span.is-on{color:#16a34a!important} #wcpec-tasees-app .wcpec-trust-bar{ height:12px!important; background:#e8eef6!important; border-radius:999px!important; overflow:hidden!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-trust-bar i{ display:block!important; height:100%!important; width:calc(var(--wcpec-trust-score)*1%)!important; border-radius:999px!important; background:linear-gradient(90deg,#dc2626 0%,#f97316 35%,#f59e0b 55%,#16a34a 78%,#009b72 100%)!important; } #wcpec-tasees-app .wcpec-trust-meta{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; margin-top:12px!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-trust-meta span{ background:#f7fbff!important; border:1px solid #e1ebf5!important; border-radius:13px!important; padding:9px 8px!important; color:#41536a!important; font-size:12px!important; font-weight:900!important; text-align:center!important; } #wcpec-tasees-app .wcpec-trust-meta b{ color:#071b34!important; font-weight:900!important; } @media(max-width:900px){ #wcpec-tasees-app .wcpec-trust-meter-head{align-items:flex-start!important;flex-direction:column!important} #wcpec-tasees-app .wcpec-trust-meta{grid-template-columns:1fr!important} } /* WCPEC 3.6.6-R14 Dashboard Trust Overview Under Welcome */ #wcpec-tasees-app .wcpec-home-trust-overview{ display:grid!important; grid-template-columns:360px minmax(0,1fr)!important; gap:22px!important; margin:0 0 22px!important; direction:rtl!important; } #wcpec-tasees-app .wcpec-home-trust-score-card, #wcpec-tasees-app .wcpec-home-trust-summary-card{ background:#fff!important; border:1px solid #dce6f2!important; border-radius:22px!important; box-shadow:0 14px 34px rgba(14,43,73,.075)!important; padding:24px!important; min-width:0!important; } #wcpec-tasees-app .wcpec-home-trust-score-card{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; overflow:hidden!important; position:relative!important; } #wcpec-tasees-app .wcpec-home-trust-score-card:before{ content:""!important; position:absolute!important; width:220px!important; height:220px!important; left:-86px!important; top:-90px!important; border-radius:50%!important; background:radial-gradient(circle,var(--wcpec-trust-color) 0%,rgba(255,255,255,0) 70%)!important; opacity:.10!important; pointer-events:none!important; } #wcpec-tasees-app .wcpec-home-trust-circle{ width:210px!important; height:210px!important; border-radius:50%!important; background:radial-gradient(circle closest-side,#fff 73%,transparent 74% 100%),conic-gradient(var(--wcpec-trust-color) calc(var(--wcpec-trust-score)*1%),#e7edf5 0)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; color:var(--wcpec-trust-color)!important; box-shadow:inset 0 0 0 4px #f7fafc,0 14px 30px rgba(14,43,73,.10)!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-home-trust-circle strong{ font-size:46px!important; line-height:1!important; font-weight:950!important; } #wcpec-tasees-app .wcpec-home-trust-circle small{ font-size:18px!important; font-weight:950!important; margin-top:-2px!important; } #wcpec-tasees-app .wcpec-home-trust-circle span{ color:#607189!important; font-size:13px!important; font-weight:950!important; margin-top:8px!important; } #wcpec-tasees-app .wcpec-home-trust-stars{ color:#f5b942!important; font-size:25px!important; letter-spacing:3px!important; margin:16px 0 10px!important; line-height:1!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-home-trust-grade{ display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; padding:8px 18px!important; background:#e8f7f1!important; border:1px solid #c9f0df!important; color:#0b7b62!important; font-size:15px!important; font-weight:950!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-home-trust-score-card p{ margin:14px 0 0!important; color:#607189!important; font-size:13px!important; font-weight:800!important; line-height:1.9!important; max-width:310px!important; position:relative!important; z-index:1!important; } #wcpec-tasees-app .wcpec-home-trust-summary-head{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:14px!important; margin-bottom:18px!important; } #wcpec-tasees-app .wcpec-home-trust-summary-head h3{ margin:0!important; color:#071b34!important; font-size:22px!important; font-weight:950!important; } #wcpec-tasees-app .wcpec-home-trust-summary-head span{ color:#607189!important; font-size:12px!important; font-weight:900!important; } #wcpec-tasees-app .wcpec-home-trust-mini-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; margin-bottom:18px!important; } #wcpec-tasees-app .wcpec-home-trust-mini{ min-height:138px!important; border:1px solid #e1ebf5!important; border-radius:18px!important; background:#fbfdff!important; padding:16px!important; text-align:right!important; cursor:pointer!important; font-family:inherit!important; color:#071b34!important; transition:.18s ease!important; } #wcpec-tasees-app .wcpec-home-trust-mini:hover{ transform:translateY(-2px)!important; box-shadow:0 12px 28px rgba(14,43,73,.08)!important; } #wcpec-tasees-app .wcpec-home-trust-mini i{ width:42px!important; height:42px!important; border-radius:14px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-style:normal!important; font-size:20px!important; font-weight:950!important; margin-bottom:12px!important; } #wcpec-tasees-app .wcpec-home-trust-mini.is-ok i{background:#e8f7f1!important;color:#12805c!important} #wcpec-tasees-app .wcpec-home-trust-mini.is-warning i{background:#fff5df!important;color:#a76600!important} #wcpec-tasees-app .wcpec-home-trust-mini.is-danger i{background:#fdecec!important;color:#c9342f!important} #wcpec-tasees-app .wcpec-home-trust-mini span{ display:block!important; color:#607189!important; font-size:12px!important; font-weight:950!important; } #wcpec-tasees-app .wcpec-home-trust-mini strong{ display:block!important; color:#071b34!important; font-size:28px!important; font-weight:950!important; line-height:1.35!important; margin:5px 0!important; } #wcpec-tasees-app .wcpec-home-trust-mini em{ display:block!important; color:#607189!important; font-style:normal!important; font-size:12px!important; font-weight:800!important; } #wcpec-tasees-app .wcpec-home-trust-scale{ border:1px solid #e1ebf5!important; background:#fbfdff!important; border-radius:18px!important; padding:18px!important; } #wcpec-tasees-app .wcpec-home-trust-scale>div{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin-bottom:11px!important; } #wcpec-tasees-app .wcpec-home-trust-scale strong, #wcpec-tasees-app .wcpec-home-trust-scale span{ color:#071b34!important; font-size:14px!important; font-weight:950!important; } #wcpec-tasees-app .wcpec-home-trust-scale>b{ display:block!important; height:16px!important; border-radius:999px!important; background:linear-gradient(90deg,#dc2626 0%,#f97316 35%,#f59e0b 55%,#16a34a 78%,#009b72 100%)!important; position:relative!important; overflow:visible!important; } #wcpec-tasees-app .wcpec-home-trust-scale>b i{ display:none!important; } #wcpec-tasees-app .wcpec-home-trust-scale>b u{ position:absolute!important; top:-5px!important; width:26px!important; height:26px!important; border-radius:50%!important; background:#fff!important; border:5px solid var(--wcpec-trust-color,#12805c)!important; box-shadow:0 4px 12px rgba(0,0,0,.18)!important; text-decoration:none!important; } #wcpec-tasees-app .wcpec-home-trust-scale ol{ list-style:none!important; display:flex!important; align-items:center!important; justify-content:space-between!important; margin:9px 0 0!important; padding:0!important; color:#607189!important; font-size:11px!important; font-weight:900!important; } @media(max-width:1100px){ #wcpec-tasees-app .wcpec-home-trust-overview{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-home-trust-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:640px){ #wcpec-tasees-app .wcpec-home-trust-mini-grid{grid-template-columns:1fr!important} #wcpec-tasees-app .wcpec-home-trust-summary-head{display:block!important} #wcpec-tasees-app .wcpec-home-trust-circle{width:185px!important;height:185px!important} } /* WCPEC 3.6.6-R15 Dashboard Trust Overview Compact Typography */ #wcpec-tasees-app .wcpec-home-trust-overview{ grid-template-columns:320px minmax(0,1fr)!important; gap:18px!important; margin:0 0 18px!important; } #wcpec-tasees-app .wcpec-home-trust-score-card, #wcpec-tasees-app .wcpec-home-trust-summary-card{ border-radius:20px!important; padding:18px!important; } #wcpec-tasees-app .wcpec-home-trust-circle{ width:170px!important; height:170px!important; } #wcpec-tasees-app .wcpec-home-trust-circle strong{ font-size:36px!important; } #wcpec-tasees-app .wcpec-home-trust-circle small{ font-size:14px!important; } #wcpec-tasees-app .wcpec-home-trust-circle span{ font-size:11px!important; margin-top:6px!important; } #wcpec-tasees-app .wcpec-home-trust-stars{ font-size:19px!important; letter-spacing:2px!important; margin:12px 0 8px!important; } #wcpec-tasees-app .wcpec-home-trust-grade{ padding:6px 14px!important; font-size:13px!important; } #wcpec-tasees-app .wcpec-home-trust-score-card p{ margin:10px 0 0!important; font-size:11.5px!important; line-height:1.75!important; max-width:270px!important; } #wcpec-tasees-app .wcpec-home-trust-summary-head{ margin-bottom:14px!important; } #wcpec-tasees-app .wcpec-home-trust-summary-head h3{ font-size:18px!important; line-height:1.4!important; } #wcpec-tasees-app .wcpec-home-trust-summary-head span{ font-size:11px!important; } #wcpec-tasees-app .wcpec-home-trust-mini-grid{ gap:11px!important; margin-bottom:14px!important; } #wcpec-tasees-app .wcpec-home-trust-mini{ min-height:104px!important; border-radius:16px!important; padding:12px!important; } #wcpec-tasees-app .wcpec-home-trust-mini i{ width:34px!important; height:34px!important; border-radius:12px!important; font-size:15px!important; margin-bottom:8px!important; } #wcpec-tasees-app .wcpec-home-trust-mini span{ font-size:10.5px!important; line-height:1.45!important; } #wcpec-tasees-app .wcpec-home-trust-mini strong{ font-size:20px!important; line-height:1.2!important; margin:3px 0!important; } #wcpec-tasees-app .wcpec-home-trust-mini em{ font-size:10.5px!important; line-height:1.55!important; } #wcpec-tasees-app .wcpec-home-trust-scale{ border-radius:16px!important; padding:13px!important; } #wcpec-tasees-app .wcpec-home-trust-scale>div{ margin-bottom:8px!important; } #wcpec-tasees-app .wcpec-home-trust-scale strong, #wcpec-tasees-app .wcpec-home-trust-scale span{ font-size:12px!important; } #wcpec-tasees-app .wcpec-home-trust-scale>b{ height:12px!important; } #wcpec-tasees-app .wcpec-home-trust-scale>b u{ top:-5px!important; width:22px!important; height:22px!important; border-width:4px!important; } #wcpec-tasees-app .wcpec-home-trust-scale ol{ margin-top:8px!important; font-size:9.5px!important; } @media(max-width:640px){ #wcpec-tasees-app .wcpec-home-trust-circle{width:150px!important;height:150px!important} #wcpec-tasees-app .wcpec-home-trust-summary-head h3{font-size:16px!important} } /* WCPEC Tasees Phase 11 - Main Activity Success Page */ .wcpec-main-activity-success-page{ background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%); border:1px solid #dbe6f2; } .wcpec-main-success-hero{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border:1px solid #d9e7f5; border-radius:20px; background:linear-gradient(135deg,#f6fbff 0%,#eef7ff 100%); margin-bottom:18px; } .wcpec-main-success-hero__eyebrow{ display:inline-flex; align-items:center; gap:6px; background:#e9fff8; color:#0d7a63; border:1px solid #b9ebd9; border-radius:999px; padding:6px 12px; font-size:12px; font-weight:900; margin-bottom:10px; } .wcpec-main-success-hero__content h3{ margin:0 0 8px!important; color:#0b2f55!important; font-size:28px!important; line-height:1.4; } .wcpec-main-success-hero__content p{ margin:0; color:#526276; line-height:1.95; max-width:900px; } .wcpec-main-success-hero__status{display:flex;align-items:flex-start;justify-content:flex-end;min-width:180px} .wcpec-main-summary-core{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; } .wcpec-main-summary-card{ background:#fff; border:1px solid #dbe6f2; border-radius:18px; padding:16px 18px; box-shadow:0 10px 30px rgba(11,47,85,.05); } .wcpec-main-summary-card--primary{ background:linear-gradient(135deg,#0b2f55 0%,#123f70 100%); border-color:#0b2f55; } .wcpec-main-summary-card--primary span, .wcpec-main-summary-card--primary strong, .wcpec-main-summary-card--primary a{color:#fff!important} .wcpec-main-summary-card--full{grid-column:1/-1} .wcpec-main-summary-card span{ display:block; color:#6b7a8d; font-size:12px; font-weight:900; margin-bottom:8px; } .wcpec-main-summary-card strong{ display:block; color:#0f2e54; font-size:18px; line-height:1.8; word-break:break-word; } .wcpec-main-subcategories-card, .wcpec-main-description-card, .wcpec-main-summary-actions-card, .wcpec-main-payment-panel{ margin-top:18px; background:#fff; border:1px solid #dbe6f2; border-radius:20px; box-shadow:0 12px 32px rgba(15,46,84,.05); } .wcpec-main-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px} .wcpec-main-block-head h3{margin:0!important;color:#0b2f55!important;font-size:22px!important} .wcpec-main-block-head p{margin:6px 0 0;color:#607086;line-height:1.85} .wcpec-main-tags{display:flex;flex-wrap:wrap;gap:10px} .wcpec-main-tag{ display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px; background:#f4f8fc; border:1px solid #d7e5f2; color:#0f2e54; font-weight:800; line-height:1.7; } .wcpec-main-description-card p{ margin:0; color:#20364f; line-height:2; } .wcpec-main-summary-actions-card .wcpec-form-actions{margin-top:10px} .wcpec-main-summary-actions-card .wcpec-btn, .wcpec-main-payment-panel .wcpec-btn{ min-width:170px; } .wcpec-main-payment-panel__body{margin-top:14px} .wcpec-main-payment-panel .wcpec-tasees-service-card, .wcpec-main-payment-panel .wcpec-service-billing-card, .wcpec-main-payment-panel .wcpec-linked-service-card{ margin-top:0!important; } @media(max-width:1200px){ .wcpec-main-summary-core{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:860px){ .wcpec-main-success-hero{flex-direction:column;} .wcpec-main-success-hero__status{min-width:0;justify-content:flex-start} } @media(max-width:640px){ .wcpec-main-summary-core{grid-template-columns:1fr;} .wcpec-main-block-head{flex-direction:column;} } /* WCPEC Tasees 3.6.8.12 - Auth Logged-in Gateway */ .wcpec-official-auth-page .wcpec-auth-logged-in-panel{ flex:1; min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:14px; background:linear-gradient(135deg,#ffffff 0%,#f5fbff 100%); border:1px solid #dbe7f3; border-radius:24px; padding:34px 26px; box-shadow:0 12px 34px rgba(7,27,52,.05); } .wcpec-official-auth-page .wcpec-auth-logged-in-icon{ width:72px; height:72px; border-radius:24px; display:grid; place-items:center; background:linear-gradient(135deg,#07916f,#0bbf94); color:#fff; font-size:34px; font-weight:900; box-shadow:0 18px 40px rgba(7,145,111,.18); } .wcpec-official-auth-page .wcpec-auth-logged-in-panel h3{ margin:8px 0 0!important; color:#071b34!important; font-size:24px!important; font-weight:900!important; line-height:1.5!important; } .wcpec-official-auth-page .wcpec-auth-logged-in-panel p{ margin:0!important; color:#5d6f86!important; font-size:15px!important; font-weight:800!important; line-height:2!important; max-width:520px; } .wcpec-official-auth-page .wcpec-auth-dashboard-btn, .wcpec-auth-logged-in-inline .wcpec-btn{ min-width:210px!important; height:54px!important; border-radius:16px!important; background:linear-gradient(135deg,#0b65c2,#084f99)!important; color:#fff!important; border:0!important; padding:0 28px!important; font-size:16px!important; font-weight:900!important; text-decoration:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; box-shadow:0 16px 32px rgba(11,101,194,.22)!important; margin-top:8px!important; } .wcpec-auth-logged-in-inline{ text-align:center; display:grid; gap:14px; justify-items:center; }