/* Customer branches - consistent Versapoint navy/blue/Cairo system. */
.vp-branches { --vp-b-navy:#061226;--vp-b-blue:#2563eb;--vp-b-line:#e2eaf6; color:var(--vp-b-navy); width:100%;font-family:"Cairo","Inter",sans-serif; }
.vp-branches *, .vp-branches *::before,.vp-branches *::after{box-sizing:border-box}
.vp-branch-pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}
.vp-branch-pagehead h1{font-size:clamp(24px,2.5vw,34px);line-height:1.4;font-weight:900;display:flex;align-items:center;gap:11px;margin:6px 0;color:#071a33}
.vp-branch-pagehead svg{width:32px;height:32px;stroke:#2563eb;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}
.vp-branch-pagehead p{color:#71819c;font-size:14px;margin:0;font-weight:700}.vp-branch-breadcrumb{font-weight:800;color:#64748b;font-size:12px}.vp-branch-breadcrumb a{color:#2563eb}
.vp-branch-primary,.vp-branch-outline{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 19px;border-radius:12px;border:1px solid #2563eb;font-weight:900;font-size:13px;line-height:1.5;transition:.18s ease;cursor:pointer;text-align:center}
.vp-branch-primary{background:linear-gradient(130deg,#1865ea,#327df7);color:white;box-shadow:0 9px 19px rgba(38,99,235,.17)}.vp-branch-primary:hover{color:white;filter:brightness(1.06)}
.vp-branch-outline{background:white;color:#2563eb}.vp-branch-outline:hover{color:#174bc6;background:#f5f9ff}
.vp-branch-panel{background:linear-gradient(160deg,#fff,#fbfdff);border:1px solid var(--vp-b-line);border-radius:21px;padding:23px;margin-bottom:18px;box-shadow:0 11px 33px rgba(7,26,51,.06)}
.vp-branch-section-title{display:flex;align-items:center;gap:11px;margin-bottom:20px}.vp-branch-section-title h2{font-size:17px;font-weight:900;margin:0}.vp-branch-section-title p{font-size:12px;font-weight:700;color:#71819c;margin:4px 0 0}.vp-branch-symbol{height:34px;width:34px;flex:none;display:grid;place-items:center;border-radius:10px;color:#2563eb;background:#eaf3ff;font-size:18px}
.vp-branch-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vp-branch-formgrid label{display:grid;gap:7px;color:#344661;font-weight:850;font-size:12px}.vp-branch-formgrid .vp-branch-wide{grid-column:1/-1}
.vp-branch-formgrid input{width:100%;border:1px solid #dce5f2;background:#f8fbff;border-radius:11px;min-height:47px;padding:10px 13px;color:#071a33;font-size:13px;font-weight:700;outline:0;max-width:none}.vp-branch-formgrid input:focus{border-color:#3282fb;box-shadow:0 0 0 3px rgba(37,99,235,.1);background:#fff}
.vp-branch-billing{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:18px;font-size:13px;font-weight:800}.vp-branch-billing>span:first-child{margin-inline-end:6px}.vp-branch-billing label{cursor:pointer}.vp-branch-billing input{accent-color:#2563eb;margin-inline-end:4px}.vp-branch-currency{margin-inline-start:auto;padding:5px 12px;border-radius:9px;background:#eef5ff;color:#2563eb}
.vp-branch-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vp-branch-plan{min-width:0;cursor:pointer;background:#fff;border:1.5px solid #e1eafa;border-radius:18px;padding:18px 14px;display:flex;flex-direction:column;gap:5px;position:relative;transition:.18s}
.vp-branch-plan:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(30,81,170,.08)}.vp-branch-plan:has(input:checked){border-color:#2772ef;background:linear-gradient(180deg,#eef6ff 0%,#fff 90%);box-shadow:0 0 0 2px rgba(37,99,235,.1)}
.vp-branch-plan input{position:absolute;opacity:0;pointer-events:none}.vp-branch-plan-top{min-height:23px;display:flex;align-items:center;justify-content:space-between;gap:5px}.vp-branch-crown{color:#3b82f6;font-size:18px}.vp-branch-plan-tag{background:#2563eb;color:white;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:800}
.vp-branch-plan>strong{font-size:16px;font-weight:900;margin-top:3px}.vp-branch-plan>small,.vp-branch-cycle-label{color:#7587a2;font-size:11px;font-weight:700;min-height:19px}.vp-branch-price{font-size:21px;color:#061226;font-weight:900;margin-top:9px;direction:ltr;text-align:start}.vp-branch-plan:has(input:checked) .vp-branch-price{color:#2563eb}
.vp-branch-plan-features{display:grid;gap:7px;flex:1;margin:14px 0;color:#465d78;font-size:11px;font-weight:800}.vp-branch-plan-features span{min-height:16px}.vp-branch-plan-features span::first-letter{color:#2563eb}
.vp-branch-plan-select{text-align:center;padding:9px 6px;border-radius:10px;border:1px solid #dbe7fa;color:#2563eb;font-weight:900;font-size:12px}.vp-branch-plan:has(input:checked) .vp-branch-plan-select{background:#2563eb;color:#fff}
.vp-branch-checkout-row{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.vp-branch-checkout-row>.vp-branch-panel{min-width:0}.vp-branch-paymob p{color:#7587a2;font-weight:700;font-size:13px}.vp-paymob-logo{color:#1763ec;font-size:36px;font-weight:900;letter-spacing:-2px;font-family:"Inter",sans-serif;font-style:italic}.vp-branch-payment-marks{display:flex;gap:15px;flex-wrap:wrap;margin-top:26px;align-items:center}.vp-branch-payment-marks b{color:#1f58b6;font-size:15px;letter-spacing:.5px}.vp-branch-payment-marks b:nth-child(2){color:#db3442}
.vp-branch-summary>div:not(.vp-branch-section-title):not(.wide){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf2fa;font-size:13px;font-weight:750}.vp-branch-summary>div>span{color:#71819c}.vp-branch-summary>div>strong{font-size:13px;color:#061226;direction:ltr}.vp-branch-summary>.vp-branch-total{font-weight:900}.vp-branch-summary>.vp-branch-total strong{font-size:18px!important;color:#174dc7!important}.vp-branch-summary .vp-branch-primary{width:100%;margin-top:15px}.vp-branch-warning{display:block;color:#b45309;font-weight:800;margin-top:11px}.vp-branch-summary [data-policy-acceptance]{margin-top:14px;border-radius:12px}
.vp-branch-lang{display:inline-flex;padding:7px 13px;background:#eaf3ff;border:1px solid #cbdbfa;color:#2467c9;border-radius:11px;font-weight:900;font-size:13px}
.vp-branch-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.vp-branch-metrics article{background:#f5f9ff;border:1px solid #e1eafa;border-radius:20px;padding:19px;display:flex;align-items:center;gap:13px}.vp-branch-metrics article>span{display:grid;place-items:center;background:#eaf3ff;color:#2563eb;font-size:23px;border-radius:11px;width:44px;height:44px}.vp-branch-metrics article div{display:grid;gap:2px}.vp-branch-metrics article strong{font-size:28px;font-weight:900;line-height:1.2}.vp-branch-metrics article small{color:#71819c;font-weight:800}
.vp-branch-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vp-branch-unit{min-width:0;border:1px solid #e1e9f6;background:#fff;border-radius:22px;padding:19px;box-shadow:0 14px 42px rgba(7,26,51,.07)}.vp-branch-unit-selected{border-color:#9fc3ff}.vp-branch-unit-top{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:9px}.vp-branch-unit-top h2{font-size:17px;font-weight:900;margin:0}.vp-branch-unit-top small{font-size:12px;color:#7990ab;font-weight:750}.vp-branch-status{font-size:11px;color:#895300;background:#fff5e0;font-weight:900;padding:5px 12px;border-radius:999px;white-space:nowrap}.vp-branch-status.is-live{color:#127b4c;background:#dcf9ea}
.vp-branch-unit-plan{background:#f3f8ff;border-radius:14px;padding:14px;display:flex;gap:13px;align-items:center;margin:17px 0 8px}.vp-branch-unit-plan>span{display:grid;place-items:center;font-size:24px;color:#2563eb}.vp-branch-unit-plan>div{display:grid;gap:3px}.vp-branch-unit-plan strong{font-size:16px;font-weight:900}.vp-branch-unit-plan small{font-size:11px;color:#7284a0}
.vp-branch-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.vp-branch-facts>div{display:grid;gap:4px;background:#f8fbff;border:1px solid #f0f3fa;border-radius:12px;padding:10px;overflow-wrap:anywhere}.vp-branch-facts small{color:#7890ac;font-size:11px;font-weight:800}.vp-branch-facts strong{font-size:12px;font-weight:900;color:#172d52}
.vp-branch-card-actions{display:flex;gap:9px}.vp-branch-card-actions>*{flex:1;min-width:0}.vp-branch-card-actions form button{width:100%}.vp-branch-unit>.vp-branch-outline{width:100%}
.vp-branch-expanded{margin-top:16px;padding:17px 15px;border:1px solid #dce8fa;background:#f9fcff;border-radius:15px}.vp-branch-expanded h3{font-size:15px;font-weight:900;margin:0 0 12px}.vp-branch-expanded div{display:flex;justify-content:space-between;align-items:start;gap:14px;border-bottom:1px solid #e8edf7;padding:9px 0;font-size:12px}.vp-branch-expanded div span{color:#71819c}.vp-branch-expanded div strong{overflow-wrap:anywhere;text-align:end}.vp-branch-expanded a{color:#2563eb}
@media (max-width:1100px){.vp-branch-list-grid{grid-template-columns:1fr}.vp-branch-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.vp-branch-pagehead{flex-wrap:wrap}.vp-branch-formgrid,.vp-branch-checkout-row,.vp-branch-plan-grid,.vp-branch-metrics{grid-template-columns:1fr}.vp-branch-panel{padding:17px}.vp-branch-formgrid .vp-branch-wide{grid-column:auto}.vp-branch-pagehead .vp-branch-primary{width:100%}.vp-branch-card-actions{flex-wrap:wrap}.vp-branch-card-actions>*{flex:1 1 100%}}
.vp-admin-branch-details{min-width:155px;font-size:12px;max-width:360px}
.vp-admin-branch-details summary{cursor:pointer;color:#2157bd;font-weight:850}
.vp-admin-branch-details[open]{background:#f7faff;border:1px solid #dce9fc;border-radius:11px;padding:11px;box-shadow:0 7px 20px rgba(6,18,38,.06)}
.vp-admin-branch-details p{margin:7px 0;color:#203452;overflow-wrap:anywhere}

/* Pricing breakdown: original plan price, active promotion and payable total. */
.vp-branch-price-details{display:grid;gap:6px;margin-top:10px}
.vp-branch-price-original{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:#71819c;font-weight:800}
.vp-branch-price-original strong{color:#344661;font-weight:850;font-size:13px;direction:ltr;unicode-bidi:isolate;text-align:end}
.vp-branch-price-discount{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;background:#ecfdf5;color:#047857;border:1px solid #c8f1db;border-radius:10px;padding:6px 9px;font-size:12px;font-weight:900}
.vp-branch-price-discount[hidden]{display:none!important}
.vp-branch-price-discount [data-plan-discount-value]{direction:ltr;unicode-bidi:isolate}
.vp-branch-price{margin-top:6px}
.vp-branch-cycle-label{min-height:auto;line-height:1.6}
.vp-branch-summary [data-branch-discount-percent]{font-size:11px;color:#047857;white-space:nowrap}
.vp-branch-summary [data-branch-discount]{color:#047857}

/* Account-wide plan and shared renewal anchor for additional branches. */
.vp-branch-shared-plan{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;background:#f4f8ff;border:1px solid #dce8fa;border-radius:17px;padding:20px;color:#183458;font-weight:800}
.vp-branch-shared-plan>strong{font-size:22px;color:#0c2350}
.vp-branch-shared-plan>span{font-size:13px}
.vp-branch-shared-plan .vp-branch-shared-total{margin-inline-start:auto;font-size:25px;color:#2563eb}


/* Approved add-branch redesign */
.vp-customer-app--branch-create .vp-side-top--brandonly{padding:8px 4px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.vp-side-brand-wide{display:block;max-width:190px;width:100%;height:auto;margin:0 auto 18px;filter:brightness(0) invert(1)}
.vp-customer-app--branch-create .vp-side-top--brandonly strong{font-size:20px;margin-top:0}
.vp-customer-app--branch-create .vp-customer-topbar--branch-create{justify-content:space-between;gap:18px}
.vp-topbar-brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:220px}
.vp-topbar-brand img{height:36px;width:auto;display:block}
.vp-topbar-actions{display:flex;align-items:center;gap:14px;margin-inline-start:auto}
.vp-top-user.is-clean{direction:rtl;padding:0 6px}
.vp-top-user.is-clean strong{font-size:16px}
.vp-customer-app--branch-create .vp-bell-wrap{order:2}
.vp-customer-app--branch-create .vp-branch-lang{order:1}
.vp-customer-app--branch-create .vp-top-user.is-clean{order:3}

.vp-branch-pagehead--compact{align-items:end;margin-bottom:18px}
.vp-branch-pagehead--compact h1{margin:2px 0 6px;font-size:clamp(26px,2.5vw,38px)}
.vp-branch-pagehead--compact p{font-size:14px;max-width:760px}
.vp-branch-top-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;margin-bottom:18px}
.vp-branch-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.vp-branch-form-card,.vp-branch-plan-card,.vp-branch-summary,.vp-branch-paymob-card{margin-bottom:0;height:100%}
.vp-branch-form-card,.vp-branch-plan-card,.vp-branch-summary,.vp-branch-paymob-card{border-radius:24px;padding:24px 24px 22px;box-shadow:0 16px 38px rgba(7,26,51,.06)}
.vp-branch-subscription-card{display:grid;gap:18px}
.vp-branch-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #e6eefb;background:linear-gradient(180deg,#fafdff,#f2f7ff);border-radius:18px}
.vp-branch-plan-label{display:block;color:#64748b;font-size:12px;font-weight:800;margin-bottom:4px}
.vp-branch-plan-head strong{display:block;font-size:26px;font-weight:900;color:#071a33}
.vp-branch-plan-head small{display:block;margin-top:3px;color:#6f83a1;font-size:13px;font-weight:800}
.vp-branch-plan-price{min-width:220px;text-align:center;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#0d2b5b,#1e4e9d);color:#fff;box-shadow:0 18px 35px rgba(13,43,91,.18)}
.vp-branch-plan-price span{display:block;font-size:12px;color:#dbe7ff;font-weight:800;margin-bottom:8px}
.vp-branch-plan-price strong{display:block;font-size:26px;color:#fff;direction:ltr}
.vp-branch-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vp-branch-stat-grid article{border:1px solid #e8eef8;background:#fbfdff;border-radius:16px;padding:14px 16px;display:grid;gap:8px;min-height:96px}
.vp-branch-stat-grid span{color:#6b7f9b;font-size:12px;font-weight:800;line-height:1.7}
.vp-branch-stat-grid strong{color:#071a33;font-size:18px;font-weight:900;line-height:1.45}
.vp-branch-note-strip{border:1px dashed #cfe0ff;background:#f4f8ff;border-radius:15px;padding:13px 15px;color:#33517d;font-size:12px;font-weight:800;line-height:1.9}
.vp-branch-summary>div:not(.vp-branch-section-title):not(.wide){padding:13px 0;font-size:13px}
.vp-branch-summary>div>strong{font-size:14px}
.vp-branch-summary .vp-branch-total strong{font-size:22px!important}
.vp-branch-paymob-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.vp-branch-paymob-card .vp-branch-section-title{align-self:stretch}
.vp-branch-paymob-card p{max-width:360px;line-height:1.9;margin:0 auto;color:#6c809b}
.vp-branch-paymob-card .vp-paymob-logo{font-size:52px;margin:12px 0 10px}
.vp-branch-paymob-card .vp-branch-payment-marks{margin-top:18px;justify-content:center}

@media (max-width:1160px){
  .vp-customer-app--branch-create .vp-customer-topbar--branch-create{flex-wrap:wrap}
  .vp-topbar-brand{min-width:0;width:100%;justify-content:center}
  .vp-topbar-actions{width:100%;justify-content:space-between}
  .vp-branch-top-grid,.vp-branch-bottom-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .vp-branch-form-card,.vp-branch-plan-card,.vp-branch-summary,.vp-branch-paymob-card{padding:18px}
  .vp-branch-plan-head{flex-direction:column}
  .vp-branch-plan-price{min-width:0;width:100%}
  .vp-branch-stat-grid{grid-template-columns:1fr}
  .vp-topbar-actions{gap:10px;flex-wrap:wrap}
}