/* FlyWhats form system: shared dialog structure, not tied to a single endpoint. */
[dir=rtl] .fw-dialog { font-family:"Noto Sans Arabic",Arial,sans-serif; }
[dir=rtl] .fw-dialog .fw-field label { font-size:14px; }
[dir=rtl] .fw-dialog .fw-field-hint { font-size:12px; line-height:1.8; }
[dir=rtl] .fw-dialog .fw-form-description { font-size:13px; }
[dir=rtl] .fw-dialog .fw-section-link { font-size:13px; }
.fw-dialog { --fw-form-accent:#168477; --fw-form-text:#183b42; --fw-form-muted:#71858a; --fw-form-line:#e0ebe7; --fw-form-surface:#fff; color:var(--fw-form-text); background:var(--fw-form-surface); border:1px solid var(--fw-form-line); border-radius:24px; overflow:hidden; box-shadow:0 28px 90px #173c342b; text-align:start; }
system-modal .modal-dialog { width:calc(100% - 40px); max-width:620px; margin:24px auto; }
system-modal .modal-dialog.modal-lg { max-width:940px; }
system-modal .modal-dialog.modal-xl { max-width:1180px; }
system-modal .modal-dialog.modal-sm { max-width:560px; }
system-modal-content { display:block; width:100%; min-width:0; }
.fw-application-form { margin:0; min-width:0; }
.fw-dialog { display:flex; flex-direction:column; max-height:calc(100dvh - 48px); overflow-wrap:anywhere; }
.fw-dialog .modal-header, .fw-dialog .modal-footer, .fw-form-navigation { flex:0 0 auto; }
.fw-dialog .modal-header { align-items:flex-start; gap:16px; padding:25px 28px 22px; border-bottom:1px solid var(--fw-form-line); background:var(--fw-form-surface); }
.fw-form-heading { flex:1; min-width:0; }
.fw-form-kicker { display:block; color:var(--fw-form-accent); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin-bottom:8px; }
.fw-dialog .modal-title { display:flex; align-items:center; gap:12px; margin:0; color:var(--fw-form-text); font-size:22px; line-height:1.4; font-weight:750; overflow-wrap:anywhere; text-align:start; }
.fw-dialog .modal-title > i { display:inline-flex; align-items:center; justify-content:center; flex:0 0 43px; height:43px; border-radius:14px; background:#e9f6ef; color:var(--fw-form-accent); font-size:24px; }
.fw-form-description { color:var(--fw-form-muted); font-size:13px; line-height:1.65; margin:9px 0 0; }
.fw-form-description:empty { display:none; }
.fw-dialog .modal-header .close, .fw-dialog .modal-header .btn-close { flex:0 0 36px; width:36px; height:36px; padding:0; margin:0; border:1px solid var(--fw-form-line); border-radius:50%; color:#526e68; opacity:1; font-size:24px; font-weight:400; background-color:#f8fbfa; box-shadow:none; display:grid; place-items:center; }
.fw-dialog .modal-header .close:hover { background:#e8f3ee; color:var(--fw-form-accent); }
.fw-dialog .modal-body { flex:1 1 auto; min-height:0; padding:22px 25px; background:#f6f9f7; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#bfd5cd transparent; text-align:start; }
.fw-dialog .modal-body > :last-child { margin-bottom:0; }
.fw-form-sections { display:grid; gap:18px; }
.fw-form-section { min-width:0; padding:20px; background:var(--fw-form-surface); border:1px solid var(--fw-form-line); border-radius:18px; scroll-margin:20px; }
.fw-section-title { display:flex; align-items:center; gap:10px; margin:0 0 21px; padding:0 0 15px; border-bottom:1px solid var(--fw-form-line); font-size:15px; font-weight:750; text-transform:none; color:var(--fw-form-text); }
.fw-section-number { display:inline-grid; place-items:center; flex:0 0 26px; height:26px; border-radius:8px; background:#edf5f0; color:var(--fw-form-accent); font-size:10px; font-variant-numeric:tabular-nums; }
.fw-fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
.fw-fields-grid > .form-group { min-width:0; width:auto; max-width:none!important; padding:0; margin:0; }
.fw-fields-grid > .col-12, .fw-fields-grid > .col-md-12, .fw-fields-grid > .col-md-8 { grid-column:1 / -1; }
.fw-dialog .fw-field > .form-group { margin-bottom:0; }
.fw-dialog .fw-field label { display:inline-block; color:#345650; font-size:13px; font-weight:700; margin:0 0 9px; line-height:1.6; text-align:start; }
.fw-dialog .fw-field label .badge { margin-inline-start:5px; }
.fw-dialog .fw-redundant-tip { display:none; }
.fw-dialog .form-control { width:100%; min-width:0; height:auto; min-height:46px; padding:11px 13px; border:1px solid #d9e5df; border-radius:11px; background:var(--fw-form-surface); color:var(--fw-form-text); font-size:14px; line-height:1.5; box-shadow:0 1px 2px #163e3305; transition:border-color .15s,box-shadow .15s; text-align:start; }
.fw-dialog .form-control:focus { outline:0; border-color:#47a795; box-shadow:0 0 0 3px #16887819; }
.fw-dialog .form-control::placeholder { color:#98aaa5; opacity:1; }
.fw-dialog .form-control:disabled, .fw-dialog .form-control[readonly] { background:#f0f5f2; }
.fw-dialog textarea.form-control { min-height:118px; resize:vertical; }
.fw-dialog input[type=file].form-control { padding:9px!important; min-height:52px; background:#f9fcfa; border-style:dashed; }
.fw-dialog input[type=file]::file-selector-button { border:0; background:#e4f2eb; color:#247264; padding:9px 12px; border-radius:8px; margin-inline-end:12px; font:inherit; cursor:pointer; }
.fw-dialog input[type=number], .fw-dialog input[type=email], .fw-dialog input[name=phone], .fw-dialog input[name=number], .fw-dialog input[type=url] { direction:ltr; text-align:start; }
.fw-dialog input[type=color] { padding:5px; min-width:80px; }
.fw-field-hint { display:block; margin-top:7px; margin-bottom:12px; color:var(--fw-form-muted); line-height:1.6; font-size:11px; overflow-wrap:anywhere; }
.fw-field-hint:last-child { margin-bottom:0; }
.fw-character-count { display:block; color:var(--fw-form-muted); font-size:10px; line-height:1.6; text-align:end; margin-top:6px; font-variant-numeric:tabular-nums; }
.fw-dialog .form-control.mb-3:has(+ .fw-field-hint) { margin-bottom:0!important; }
.fw-dialog .fw-field-error { display:block; color:#bb3c4d; font-size:12px; margin-top:6px; }
.fw-dialog [aria-invalid=true] { border-color:#cb5965; box-shadow:0 0 0 3px #cb596515; }
.fw-dialog .modal-footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; padding:17px 25px; border-top:1px solid var(--fw-form-line); background:var(--fw-form-surface); }
.fw-dialog .modal-footer > * { margin:0; }
.fw-dialog .btn { border-radius:10px; min-height:40px; font-weight:650; font-size:13px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
.fw-dialog .modal-footer .btn { min-height:44px; padding:11px 20px; }
.fw-dialog .btn-primary { color:#fff; background:var(--fw-form-accent); border-color:var(--fw-form-accent); box-shadow:0 4px 12px #1688781a; }
.fw-dialog .btn-primary:hover { background:#107263; border-color:#107263; }
.fw-dialog .fw-form-cancel { color:#637c76; background:#f3f7f4; border:1px solid #e2ece6; margin-inline-end:auto; }
.fw-dialog .btn-sm { min-height:32px; padding:5px 10px; font-size:11px; }
.fw-dialog .btn:focus-visible, .fw-dialog button:focus-visible, .fw-dialog a:focus-visible { outline:3px solid #47a79588; outline-offset:3px; }
.fw-form-navigation { display:flex; gap:7px; padding:11px 25px; overflow:auto; border-bottom:1px solid var(--fw-form-line); background:var(--fw-form-surface); scrollbar-width:thin; }
.fw-section-link { white-space:nowrap; border:1px solid transparent; color:#718780; background:transparent; padding:8px 13px; border-radius:9px; font-size:12px; line-height:1.5; cursor:pointer; }
.fw-section-link:hover, .fw-section-link.is-current { color:#147664; background:#e8f5ed; border-color:#d9ece1; }
.fw-dialog .bootstrap-select { width:100%!important; min-width:0; }
.fw-dialog .bootstrap-select > .dropdown-toggle { min-height:46px; padding:11px 13px; background:#fff; border:1px solid #d9e5df; color:var(--fw-form-text); font-weight:400; box-shadow:none; }
.fw-dialog .bootstrap-select .dropdown-menu { border:1px solid var(--fw-form-line); padding:8px; border-radius:12px; box-shadow:0 14px 36px #173c3420; max-width:100%; }
.fw-dialog .bootstrap-select .dropdown-item { border-radius:7px; padding:8px 11px; white-space:normal; text-align:start; }
.fw-dialog .bootstrap-select .dropdown-item.active, .fw-dialog .bootstrap-select .dropdown-item:active { background:#e6f5ed; color:#137463; }
.fw-dialog .bootstrap-select .filter-option-inner-inner { text-align:start; }
.fw-dialog .bootstrap-select .dropdown-toggle .filter-option { padding-inline-end:20px; }
.fw-dialog .bootstrap-select .dropdown-toggle::after { margin-inline-start:10px; }
.fw-dialog .nav-tabs { border:1px solid var(--fw-form-line); background:#eef5f0; border-radius:12px; padding:5px; gap:5px; }
.fw-dialog .nav-tabs .nav-item { margin:0; flex:1; }
.fw-dialog .nav-tabs .nav-link { border:0; border-radius:9px; color:#68847b; font-size:13px; }
.fw-dialog .nav-tabs .nav-link.active { background:#fff; color:#147a67; box-shadow:0 2px 5px #174b3220; }
.fw-dialog .alert { border:1px solid #d9e9e1; border-radius:12px; padding:13px 15px; font-size:13px; line-height:1.7; }
.fw-dialog .alert-info, .fw-dialog .alert-primary { color:#3b776b; background:#eaf6ef; border-color:#d7eade; }
.fw-dialog code, .fw-dialog pre { overflow-wrap:anywhere; white-space:pre-wrap; }
.fw-dialog .codeflask { min-height:220px; border-radius:10px; }
.fw-dialog .table-responsive { border:1px solid var(--fw-form-line); border-radius:12px; }
.fw-dialog table { margin:0; font-size:13px; }
.fw-dialog table th { background:#edf5f0; font-size:12px; border-bottom-width:1px; }
.fw-dialog .custom-control { padding-inline-start:1.7rem; padding-inline-end:0; }
.fw-dialog .custom-control-label::before, .fw-dialog .custom-control-label::after { inset-inline-start:-1.7rem; left:auto; }
.fw-password-field { display:flex; position:relative; }
.fw-password-field input { padding-inline-end:48px!important; }
.fw-password-toggle { position:absolute; inset-inline-end:5px; top:5px; height:36px; width:36px; border:0; border-radius:8px; background:transparent; color:#719184; cursor:pointer; }
.fw-password-toggle:hover { background:#edf5f0; }
.fw-dialog [system-language] { display:flex; flex-direction:column; align-items:center; gap:9px; padding:17px 8px; margin-bottom:12px; border:1px solid var(--fw-form-line); border-radius:13px; background:#fff; color:var(--fw-form-text); transition:.15s; }
.fw-dialog [system-language]:hover { border-color:#72b29b; background:#edf7ef; text-decoration:none; }
.fw-dialog .fw-language-name { font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.fw-dialog #wa_intro .w-50 { width:100%!important; }
.fw-dialog #wa_qrcode, .fw-dialog #system-qrcode, .fw-dialog #system-qrcode-download { width:fit-content; max-width:100%; padding:16px; margin:16px auto; border:1px solid var(--fw-form-line); border-radius:18px; background:#fff; }
.fw-dialog #wa_qrcode img, .fw-dialog #wa_qrcode canvas { max-width:100%; }
.fw-dialog #wa_countdown { text-align:center; color:var(--fw-form-accent); font-size:26px; font-variant-numeric:tabular-nums; }
.fw-dialog .modal-body > p.px-5 { padding-inline:0!important; text-align:start!important; }
[dir=rtl] .fw-dialog .text-left { text-align:right!important; }
[dir=rtl] .fw-dialog .text-right { text-align:left!important; }
[dir=rtl] .fw-dialog .bootstrap-select .dropdown-toggle .filter-option { text-align:right; }
.fw-dialog[data-theme=dark] { --fw-form-accent:#64c7b1; --fw-form-text:#e4f2ec; --fw-form-muted:#a1bab2; --fw-form-line:#304d49; --fw-form-surface:#193732; }
.fw-dialog[data-theme=dark] .modal-body { background:#102923; }
.fw-dialog[data-theme=dark] .fw-field label { color:#cde3da; }
.fw-dialog[data-theme=dark] .form-control, .fw-dialog[data-theme=dark] .bootstrap-select > .dropdown-toggle { background:#17342e; color:var(--fw-form-text); border-color:#416156; }
.fw-dialog[data-theme=dark] .form-control:disabled, .fw-dialog[data-theme=dark] .form-control[readonly] { background:#29483f; }
.fw-dialog[data-theme=dark] .btn-primary { color:#0f342a; }
.fw-dialog[data-theme=dark] .btn-primary:hover { background:#8edbc9; border-color:#8edbc9; }
.fw-dialog[data-theme=dark] .fw-section-number, .fw-dialog[data-theme=dark] .modal-title > i, .fw-dialog[data-theme=dark] .is-current, .fw-dialog[data-theme=dark] .fw-form-cancel, .fw-dialog[data-theme=dark] .modal-header .close { color:#9ed6c1; background:#284b3f; border-color:#416355; }
.fw-dialog[data-theme=dark] .bootstrap-select .dropdown-menu, .fw-dialog[data-theme=dark] [system-language], .fw-dialog[data-theme=dark] .nav-tabs { color:var(--fw-form-text); background:#1c3d34; border-color:#416156; }
.fw-dialog[data-theme=dark] .bootstrap-select .dropdown-item { color:#d9ede4; }
.fw-dialog[data-theme=dark] .bootstrap-select .dropdown-item:hover, .fw-dialog[data-theme=dark] .nav-tabs .nav-link.active { background:#31584a; color:#d9ede4; }
.fw-dialog[data-theme=dark] .alert-info, .fw-dialog[data-theme=dark] .alert-primary { background:#244e40; color:#c0e4d1; border-color:#3b6855; }
.fw-dialog[data-theme=dark] input[type=file].form-control { background:#15382d; }
@media (min-width:768px) {
  .fw-fields-grid > .fw-field:has(> textarea), .fw-fields-grid > .fw-field:has(> .form-group > textarea) { grid-column:1 / -1; }
}
@media (max-width:767px) {
  system-modal .modal-dialog, system-modal .modal-dialog.modal-sm { width:calc(100% - 20px); max-width:none; margin:10px auto; }
  .fw-dialog { border-radius:20px; max-height:calc(100dvh - 20px); }
  .fw-dialog .modal-header { padding:18px; gap:10px; }
  .fw-dialog .modal-title { font-size:19px; gap:9px; }
  .fw-dialog .modal-title > i { flex-basis:36px; height:36px; font-size:21px; border-radius:11px; }
  .fw-form-kicker { margin-bottom:5px; }
  .fw-form-description { font-size:12px; margin-top:7px; }
  .fw-dialog .modal-body { padding:13px; }
  .fw-form-navigation { padding:9px 13px; }
  .fw-form-section { padding:16px 14px; border-radius:14px; }
  .fw-section-title { font-size:14px; margin-bottom:17px; }
  .fw-fields-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
  .fw-fields-grid > .form-group { grid-column:1 / -1; }
  .fw-dialog .form-control { font-size:16px; }
  .fw-dialog .modal-footer { padding:13px; gap:9px; }
  .fw-dialog .modal-footer .btn { flex:1; padding:10px 12px; }
  .fw-dialog .modal-footer .fw-form-cancel { flex:0 1 35%; }
  .fw-dialog .fw-field label { font-size:13px; }
  .fw-dialog .col-3:has([system-language]) { flex:0 0 50%; max-width:50%; }
}
@media (prefers-reduced-motion:reduce) { .fw-dialog *, .fw-dialog *::before, .fw-dialog *::after { transition:none!important; scroll-behavior:auto!important; } }

.fw-language-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.fw-language-option {min-width:0;}
.fw-dialog .all-languages.fw-language-card {display:flex;flex-direction:row;margin:0;align-items:center;gap:12px;width:100%;height:auto;min-height:74px;padding:16px;border:1px solid var(--fw-border,#dce8e4);border-radius:15px;background:var(--fw-surface,#fff);color:var(--fw-ink,#183b42);text-decoration:none;text-align:start;box-shadow:none;}
.fw-language-monogram {display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f3ef;color:#288372;font-size:12px;font-weight:750;flex:none;}
.fw-dialog .fw-language-name {flex:1;min-width:0;font-size:15px;font-weight:650;overflow-wrap:anywhere;}
.fw-language-selected {font-size:22px;color:#168477;opacity:0;}
.fw-language-card:hover,.fw-language-card.is-current {border-color:#168477!important;background:#f2faf6!important;}
.fw-language-card.is-current .fw-language-selected {opacity:1;}
.fw-language-card:focus-visible {outline:3px solid #16847755;outline-offset:3px;}
[data-theme=dark] .fw-language-card.is-current,[data-theme=dark] .fw-language-card:hover {background:#21453c!important;color:#dceee4!important;}
@media(max-width:575px){.fw-language-options{grid-template-columns:minmax(0,1fr);}.fw-dialog .all-languages.fw-language-card{min-height:66px;padding:13px;}}
/* Subscription overview: actual allowance values and native bounded usage meters. */
.fw-plan-summary{display:flex;align-items:center;gap:20px;border:1px solid var(--fw-form-line,#dbe5e8);border-radius:18px;padding:24px;background:linear-gradient(120deg,#edf8f4,transparent);margin-bottom:24px}.fw-plan-icon{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:18px;background:#168477;color:#fff;font-size:34px}.fw-plan-eyebrow{display:block;font-size:11px;font-weight:700;color:var(--fw-form-muted,#71858a);margin-bottom:6px}.fw-plan-summary h4{font-size:24px;margin:0 0 8px;color:var(--fw-form-text,#183b42)}.fw-plan-summary p{margin:0;font-size:13px;color:var(--fw-form-muted,#71858a)}.fw-subscription-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fw-usage-card{min-width:0;border:1px solid var(--fw-form-line,#dbe5e8);padding:19px;border-radius:16px;background:var(--fw-form-surface,#fff)}.fw-usage-card header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.fw-usage-card header i{font-size:22px;color:#168477}.fw-usage-card h4{font-size:13px;line-height:1.7;margin:0;font-weight:600}.fw-usage-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.fw-usage-value strong{font-size:26px;font-weight:700;line-height:1.3}.fw-usage-value>span,.fw-usage-card p{font-size:12px;color:var(--fw-form-muted,#71858a)}.fw-usage-card p{margin:9px 0 0}.fw-usage-card progress{width:100%;height:6px;margin-top:18px;display:block;accent-color:#168477;border:0;border-radius:6px;overflow:hidden;background:#e4eeec}.fw-usage-card progress::-webkit-progress-bar{background:#e4eeec}.fw-usage-card progress::-webkit-progress-value{background:#168477}.fw-usage-card.is-near-limit progress{accent-color:#bc6c25}.fw-usage-card.is-near-limit progress::-webkit-progress-value{background:#bc6c25}body[data-fw-theme=dark] .fw-plan-summary{background:linear-gradient(120deg,#183e3d,transparent)}body[data-fw-theme=dark] .fw-usage-card{background:#183138;color:#edf6f5;border-color:#345059}body[data-fw-theme=dark] .fw-plan-summary h4{color:#edf6f5}@media(max-width:500px){.fw-subscription-metrics{grid-template-columns:1fr}.fw-plan-summary{padding:18px;gap:14px}.fw-plan-summary h4{font-size:21px}.fw-plan-icon{width:52px;height:52px}}