.packages-section,.packages-page{padding-block:36px 65px;scroll-margin-top:25px}.packages-heading,.package-actions,.package-admin-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.packages-heading{margin-bottom:28px}.packages-heading p{max-width:700px;color:var(--muted)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.package-card{display:flex;flex-direction:column;gap:16px;border:1px solid #d8cdf7;border-radius:24px;padding:28px;background:#fff;box-shadow:6px 7px 0 #f2edff;min-width:0;overflow-wrap:anywhere}.package-card h3{color:var(--violet);font-size:1.35rem;margin:0}.package-kind{font-size:.85rem;color:var(--muted)}.package-credit{font-size:1.6rem;color:var(--ink);font-weight:800}.package-price{font-size:1.4rem;font-weight:800;color:var(--violet)}.package-description{color:var(--muted);white-space:pre-line;margin:0;flex:1}.package-meta{display:grid;gap:9px;margin:0}.package-meta div{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.package-meta dt{color:var(--muted)}.package-meta dd{margin:0}.package-card .button{width:100%;white-space:normal}.package-card.is-archived{background:#f8f8fb}.package-status{border:1px solid #ddd3fa;border-radius:15px;background:#faf8ff;padding:4px 12px;font-size:.85rem}.package-status.is-success{border-color:#b9dfc1;background:#effaf2;color:#23623a}.package-notice{background:#f5f9ff;border:1px solid #cdddf4;border-radius:15px;padding:18px 22px;color:#31527e;overflow-wrap:anywhere}.package-notice.is-success{background:#effaf2;border-color:#b9dfc1;color:#23623a}.package-notice.is-error{background:#fff4f4;border-color:#edc5c5;color:#a33333}.packages-section [hidden],.packages-page [hidden],.package-dialog [hidden]{display:none!important}.package-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:24px}.package-balance-card{background:#faf8ff;border:1px solid #ddd3fa;border-radius:18px;padding:22px}.package-balance-card h3{margin:0 0 14px}.package-balance-card p{margin-block:7px;color:var(--muted)}.package-balance-card strong{color:var(--ink)}.package-ledger{margin-top:35px}.package-ledger-list{display:grid;gap:15px}.package-ledger-entry{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.package-ledger-entry p{margin:5px 0}.package-admin-heading{margin-bottom:28px}.package-admin-heading p{max-width:720px}.package-admin-card .package-actions{margin-top:auto}.package-admin-card .package-actions .button{width:auto;flex:1}.package-admin-card .package-status{display:inline-flex;width:max-content;max-width:100%}.package-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px}.package-editor-grid .span-all{grid-column:1/-1}.package-editor-checks{display:flex;gap:20px;flex-wrap:wrap;margin-block:15px 25px}.package-dialog{width:min(780px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow-y:auto;border:1px solid #d4c7ff;border-radius:25px;background:#fff;padding:30px;box-sizing:border-box;color:var(--ink)}.package-dialog::backdrop{background:rgba(24,22,60,.48)}.package-dialog h2{margin-top:0;font-size:1.5rem}.package-dialog .package-actions{margin-top:24px}.package-dialog .package-actions .button{flex:1}.package-dialog textarea{min-height:110px;resize:vertical}.package-dialog .form-field{min-width:0}.package-payment-form{direction:ltr;min-height:170px;margin-top:20px}.package-checkout-summary{border:1px solid #ded5fa;border-radius:15px;padding:18px;background:#faf8ff}.package-checkout-summary p{margin:6px 0}.package-empty{padding:30px;border:1px dashed #cbbdf5;border-radius:20px;color:var(--muted);text-align:center}.package-danger{color:#a33333!important;border-color:#e7c3c3!important}.package-field-help{color:var(--muted);font-size:.9rem}.packages-section .button:disabled,.packages-page .button:disabled,.package-dialog .button:disabled{opacity:.55;cursor:default}.package-follow-spinner{width:46px;height:46px;border:5px solid #e9e0ff;border-top-color:var(--violet);border-radius:50%;margin:0 auto 18px;animation:package-spin 1s linear infinite}@keyframes package-spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.package-grid,.package-balance-grid,.package-editor-grid{grid-template-columns:minmax(0,1fr)}.package-card{padding:22px}.package-editor-grid .span-all{grid-column:auto}.package-dialog{padding:24px 18px}.package-actions{align-items:stretch}.package-actions .button{flex:1 1 100%}.packages-heading>.button,.package-admin-heading>.button{width:100%}.package-ledger-entry{align-items:stretch}.package-ledger-entry>.button{width:100%}}@media(prefers-reduced-motion:reduce){.package-follow-spinner{animation:none}}
/* Keep Arabic action words intact instead of squeezing three padded flex items. */
.package-admin-card .package-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:12px;align-items:stretch}
.package-admin-card .package-actions .button{width:100%;min-width:0;min-height:52px;padding-inline:16px;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.package-admin-card .package-actions [data-package-action="edit"],.package-admin-card .package-actions [data-package-action="delete"]{grid-column:1/-1}
.package-limits{padding-top:12px;border-top:1px solid #e7defa;font-size:.9rem;line-height:1.8;overflow-wrap:normal;word-break:normal}
.package-limits dt,.package-limits dd{min-width:0}.package-limits dd{font-weight:700;color:var(--ink)}
.package-entitlement{margin:20px 0;padding:22px;border:1px solid #ddd3fa;border-radius:18px;background:#faf8ff}
.package-entitlement h3,.package-entitlement-compare h3{font-size:1.06rem;margin:0 0 10px}.package-entitlement p{margin-block:9px}
.package-entitlement-compare{margin-top:18px;padding-top:15px;border-top:1px solid #ddd3fa}.package-entitlement-compare .package-limits{border-top:0;padding-top:0}
@media(max-width:650px){.package-entitlement{padding:18px}.package-limits div{align-items:flex-start}.package-limits dd{text-align:start}}
.packages-section .packages-heading+.package-grid,.packages-section>.package-notice+.package-grid,.packages-section>p+.package-grid,.packages-page .package-notice+.package-grid,.packages-page .package-entitlement+.package-grid{margin-block-start:26px}.packages-section .packages-heading p{margin-top:10px}