.wcpec-pay-wrap{direction:rtl;max-width:1380px;margin:24px auto;font-family:Tajawal,Cairo,Tahoma,Arial,sans-serif;color:#10243a}
.wcpec-pay-card{background:linear-gradient(180deg,#fffdfb 0%,#ffffff 100%);border:1px solid #e9dfd6;border-radius:28px;padding:28px;box-shadow:0 16px 50px rgba(16,36,58,.08)}
.wcpec-pay-title{margin:0 0 18px;color:#10243a;font-size:20px}
.wcpec-pay-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#10243a,#183453 60%,#22476f);color:#fff;padding:26px;border-radius:24px;margin-bottom:22px;box-shadow:0 24px 60px rgba(16,36,58,.18)}
.wcpec-pay-hero h3{margin:0 0 10px;font-size:28px}.wcpec-pay-hero p{margin:0;color:#d8e4f1;line-height:1.9}.wcpec-pay-hero small{display:block;color:#ffd7bd;margin-top:8px}
.wcpec-pay-grid{display:grid;gap:16px}.wcpec-pay-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.wcpec-pay-columns-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.wcpec-pay-columns-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.wcpec-pay-stat,.wcpec-pay-kpi,.wcpec-pay-info-card,.wcpec-pay-mini-card{background:linear-gradient(180deg,#fffaf5,#ffffff);border:1px solid #efdfd0;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(16,36,58,.05)}
.wcpec-pay-stat strong,.wcpec-pay-kpi strong{display:block;font-size:30px;color:#d86312;margin-bottom:10px}.wcpec-pay-stat span,.wcpec-pay-kpi span,.wcpec-pay-muted{color:#6d7a88;font-size:14px}
.wcpec-pay-section{background:linear-gradient(180deg,#fffdfb,#fff);border:1px solid #eedfd0;border-radius:24px;padding:22px;margin-top:18px;box-shadow:0 10px 28px rgba(16,36,58,.05)}
.wcpec-pay-section h3{margin:0 0 10px;font-size:24px;color:#10243a}.wcpec-pay-section p{color:#6d7a88;line-height:1.9}
.wcpec-pay-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.wcpec-pay-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.wcpec-pay-links a,.wcpec-pay-btn,.wcpec-pay-form button,.wcpec-pay-tab-btn{background:#e56615;color:#fff;text-decoration:none;border:none;padding:13px 18px;border-radius:16px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease;box-shadow:0 10px 24px rgba(229,102,21,.24)}
.wcpec-pay-links a:hover,.wcpec-pay-btn:hover,.wcpec-pay-form button:hover,.wcpec-pay-tab-btn:hover{transform:translateY(-1px);background:#d75d10}
.wcpec-pay-btn.is-light,.wcpec-pay-tab-btn{background:#fff;border:1px solid #efd7c4;color:#10243a;box-shadow:none}.wcpec-pay-tab-btn.is-active{background:#10243a;color:#fff;border-color:#10243a}
.wcpec-pay-form{display:grid;gap:14px;max-width:820px}.wcpec-pay-form input,.wcpec-pay-form textarea,.wcpec-pay-form select{width:100%;padding:14px 16px;border:1px solid #d7dbe2;border-radius:16px;background:#fff;min-height:50px}.wcpec-pay-form textarea{min-height:120px}
.wcpec-pay-table-wrap{overflow:auto;border:1px solid #efdfd0;border-radius:20px;background:#fff}.wcpec-pay-table{width:100%;border-collapse:collapse;min-width:760px}.wcpec-pay-table th,.wcpec-pay-table td{border-bottom:1px solid #f2e7dc;padding:14px 16px;text-align:right;vertical-align:top}.wcpec-pay-table th{background:#fcf4ec;color:#10243a;font-size:15px}.wcpec-pay-table tr:hover td{background:#fffaf5}
.wcpec-pay-badge{padding:7px 12px;border-radius:999px;background:#eef3f8;display:inline-block;font-weight:700;font-size:12px}.wcpec-pay-status-paid,.wcpec-pay-status-approved,.wcpec-pay-status-active,.wcpec-pay-status-resolved,.wcpec-pay-status-completed{background:#dff5e8;color:#126a36}.wcpec-pay-status-pending,.wcpec-pay-status-awaiting_payment,.wcpec-pay-status-under_review,.wcpec-pay-status-reviewing,.wcpec-pay-status-open,.wcpec-pay-status-overdue{background:#fff4d6;color:#8c6b00}.wcpec-pay-status-rejected,.wcpec-pay-status-cancelled,.wcpec-pay-status-expired,.wcpec-pay-status-failed{background:#fde3e3;color:#8b1f1f}
.wcpec-pay-note-item,.wcpec-pay-bank-item,.wcpec-pay-panel{background:#fff;border:1px solid #efdfd0;border-radius:18px;padding:18px}.wcpec-pay-bank-item strong{display:block;font-size:18px;margin-bottom:8px}
.wcpec-pay-success{background:#dff5e8;color:#126a36;padding:12px 14px;border-radius:12px;margin-bottom:14px}.wcpec-pay-error{background:#fde3e3;color:#8b1f1f;padding:12px 14px;border-radius:12px}.wcpec-pay-loading{padding:40px;text-align:center;color:#6d7a88}
.wcpec-pay-mini-chart,.wcpec-pay-chart-bars{display:flex;align-items:flex-end;gap:14px;overflow:auto;min-height:220px}.wcpec-pay-mini-chart .wcpec-pay-bar-col,.wcpec-pay-chart-bars .wcpec-pay-bar-col{min-width:96px;text-align:center}.wcpec-pay-mini-chart .wcpec-pay-bar,.wcpec-pay-chart-bars .wcpec-pay-bar{width:56px;margin:0 auto 10px;background:linear-gradient(180deg,#e57c22,#10243a);border-radius:16px 16px 6px 6px;box-shadow:0 12px 28px rgba(16,36,58,.16)}
.wcpec-pay-mini-chart span,.wcpec-pay-chart-bars span{display:block;color:#5f7184;font-size:12px}.wcpec-pay-mini-chart strong,.wcpec-pay-chart-bars strong{display:block;color:#0f2742;font-size:13px;margin-top:6px}
.wcpec-pay-ajax-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.wcpec-pay-ajax-content{min-height:220px}
.wcpec-pay-invoice-header{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.wcpec-pay-branding{display:flex;align-items:center;justify-content:flex-start;min-height:96px}.wcpec-pay-branding img{max-width:180px;height:auto}
.wcpec-pay-keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.wcpec-pay-keyfacts .wcpec-pay-mini-card label{display:block;color:#7d8793;margin-bottom:10px;font-weight:700}.wcpec-pay-keyfacts .wcpec-pay-mini-card strong{font-size:22px;color:#10243a}
.wcpec-pay-invoice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.wcpec-pay-subtitle{font-size:14px;color:#6d7a88;margin-top:6px}
.wcpec-pay-timeline{display:grid;gap:12px}.wcpec-pay-timeline-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #efdfd0;border-radius:16px;background:#fff}.wcpec-pay-dot{width:14px;height:14px;border-radius:50%;background:#e57c22;flex:0 0 14px;margin-top:8px;box-shadow:0 0 0 6px rgba(229,124,34,.15)}
.wcpec-pay-message-list{display:grid;gap:12px}.wcpec-pay-message{padding:16px;border-radius:18px;border:1px solid #efdfd0;background:#fff}.wcpec-pay-message.staff{background:#f8fbff;border-color:#dbe6f5}.wcpec-pay-message-header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:#6d7a88;margin-bottom:8px}
.wcpec-pay-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
@media(max-width:900px){.wcpec-pay-wrap{margin:12px}.wcpec-pay-card{padding:18px}.wcpec-pay-invoice-header{grid-template-columns:1fr}.wcpec-pay-hero h3{font-size:24px}}

.wcpec-pay-portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.wcpec-pay-portal-cards .wcpec-pay-panel{border-radius:22px;background:linear-gradient(180deg,#fffaf5,#fff)}

.wcpec-pay-hero h3{font-size:24px}.wcpec-pay-hero p{font-size:14px}.wcpec-pay-title{font-size:26px}.wcpec-pay-table th{font-size:14px;color:#16314f;background:#f8efe6}.wcpec-pay-table td{font-size:13px;line-height:1.8}.wcpec-pay-subtitle,.wcpec-pay-muted,.wcpec-pay-note-item{font-size:13px}.wcpec-pay-btn{transition:all .2s ease}.wcpec-pay-btn:hover{transform:translateY(-1px)}