/* ============================================================
   Faralya Frontend Library (frl-) — Abonelik Başvuru
   TÜM kurallar #frl-app (ID) altındadır — WordPress temasının
   input/button/link stilleri buraya ASLA sızamaz.
   Renk/ölçü değerleri --frl-* değişkenlerinden (Görünüm paneli).
   ============================================================ */
#frl-app{
    --frl-c-primary:#4f2fbf; --frl-c-primary-2:#3a1f8f; --frl-c-accent:#16a34a;
    --frl-c-topbar-1:#3a1f8f; --frl-c-topbar-2:#5a34d6; --frl-c-topbar-text:#fff;
    --frl-c-card:#fff; --frl-c-bg:#f5f4fb; --frl-c-text:#1f2937; --frl-c-muted:#6b7280;
    --frl-c-border:#e5e7eb; --frl-c-info-bg:#f1edfd; --frl-c-info-text:#4f2fbf;
    --frl-c-btn-1:#4f2fbf; --frl-c-btn-2:#3a1f8f; --frl-c-btn-text:#fff;
    --frl-font:inherit; --frl-fs-base:15px; --frl-fs-title:30px; --frl-fs-subtitle:15px;
    --frl-fs-btn:17px; --frl-fs-input:15px; --frl-ls:0; --frl-lh:1.6;
    --frl-radius-input:16px; --frl-radius-btn:999px; --frl-radius-card:24px;

    max-width:1040px; margin:0 auto; padding:24px 16px;
    font-family:var(--frl-font); font-size:var(--frl-fs-base); line-height:var(--frl-lh);
    letter-spacing:var(--frl-ls); color:var(--frl-c-text);
    background:linear-gradient(160deg,#faf5ff 0%,#f3f6ff 40%,#eefcff 100%);
    border-radius:var(--frl-radius-card); box-sizing:border-box;
}
#frl-app *,#frl-app *::before,#frl-app *::after{box-sizing:border-box}
#frl-app p{margin:0}
.frl-license-error{max-width:700px;margin:20px auto;padding:20px;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;color:#856404}

/* ---- Üst bar ---- */
#frl-app .frl-topbar{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    background:linear-gradient(90deg,var(--frl-c-topbar-1),var(--frl-c-topbar-2));
    color:var(--frl-c-topbar-text);border-radius:999px;padding:16px 24px;margin-bottom:26px;
    box-shadow:0 12px 30px -12px var(--frl-c-topbar-1);
}
#frl-app .frl-topbar__brand{min-width:130px;display:flex;align-items:center}
#frl-app .frl-topbar__logo{max-height:36px;width:auto;display:block}
#frl-app .frl-topbar__name{font-weight:800;font-size:20px;color:var(--frl-c-topbar-text)}
#frl-app .frl-topbar__title{flex:1;text-align:center;font-weight:700;font-size:16px;color:var(--frl-c-topbar-text)}
#frl-app .frl-topbar__counter{background:#fff;color:var(--frl-c-primary);font-weight:800;border-radius:999px;padding:9px 18px;font-size:13px;letter-spacing:.02em;white-space:nowrap;min-width:120px;text-align:center}

/* ---- Progress ---- */
#frl-app .frl-progress{margin:0 auto 26px;max-width:840px}
#frl-app .frl-progress__track{height:7px;background:#e7e4f3;border-radius:999px;overflow:hidden}
#frl-app .frl-progress__fill{height:100%;width:0;background:linear-gradient(90deg,var(--frl-c-primary),var(--frl-c-primary-2));border-radius:999px;transition:width .35s ease}
#frl-app .frl-progress--circles .frl-progress__circles{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
#frl-app .frl-progress__circle{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}
#frl-app .frl-progress__num{width:42px;height:42px;border-radius:50%;background:#c9c3e6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
#frl-app .frl-progress__circle.is-active .frl-progress__num,#frl-app .frl-progress__circle.is-done .frl-progress__num{background:var(--frl-c-primary)}
#frl-app .frl-progress__label{font-size:11px;font-weight:600;color:var(--frl-c-muted)}
#frl-app .frl-progress__circle.is-active .frl-progress__label{color:var(--frl-c-primary)}
#frl-app .frl-progress__line{flex:1;max-width:70px;height:3px;background:#d7d2ea;margin-top:-20px}

/* ---- Sahne / kart ---- */
#frl-app .frl-stage{position:relative}
#frl-app .frl-card{background:var(--frl-c-card);border:1px solid rgba(0,0,0,.04);border-radius:var(--frl-radius-card);padding:34px;box-shadow:0 24px 60px -30px rgba(79,47,191,.35)}
#frl-app .frl-card--narrow{max-width:760px;margin:0 auto}

/* ---- Bilgi kartı ---- */
#frl-app .frl-info{display:flex;gap:16px;align-items:flex-start;background:var(--frl-c-info-bg);color:var(--frl-c-info-text);border-radius:20px;padding:20px 24px;margin:0 auto 26px;max-width:900px;line-height:1.55}
#frl-app .frl-info__icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-weight:700;font-style:italic}
#frl-app .frl-info strong{display:block;margin-bottom:4px}
#frl-app .frl-info a{color:inherit;font-weight:800;text-decoration:underline}

/* ---- Başlık / alt başlık ---- */
#frl-app .frl-title{text-align:center;font-size:var(--frl-fs-title);font-weight:800;margin:6px 0 12px;color:var(--frl-c-text);letter-spacing:-.01em}
#frl-app .frl-subtitle{text-align:center;font-size:var(--frl-fs-subtitle);color:var(--frl-c-muted);max-width:720px;margin:0 auto 18px;line-height:1.55}

/* ---- Zaman rozeti (yeşil) ---- */
#frl-app .frl-timepill{display:flex;justify-content:center;margin:0 auto 26px}
#frl-app .frl-timepill__inner{display:inline-flex;align-items:center;gap:8px;background:var(--frl-c-accent);color:#fff;border-radius:999px;padding:12px 22px;font-weight:600;font-size:14px;box-shadow:0 12px 24px -12px var(--frl-c-accent)}

/* ---- Form ---- */
#frl-app .frl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#frl-app .frl-field{position:relative}
#frl-app .frl-field--full{grid-column:1 / -1}
#frl-app .frl-field__icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--frl-c-muted);pointer-events:none;display:flex;z-index:2}
#frl-app .frl-input,#frl-app .frl-select{
    -webkit-appearance:none;appearance:none;
    width:100% !important;font-size:var(--frl-fs-input) !important;font-family:inherit !important;
    color:var(--frl-c-text) !important;background:#fff !important;
    border:1.5px solid var(--frl-c-border) !important;border-radius:var(--frl-radius-input) !important;
    padding:15px 18px 15px 48px !important;line-height:1.3 !important;height:auto !important;min-height:0 !important;
    box-shadow:none !important;margin:0 !important;transition:border-color .15s,box-shadow .15s;
}
#frl-app .frl-select{padding-right:40px !important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%239aa1ac' stroke-width='1.6' stroke-linecap='round'/></svg>") !important;background-repeat:no-repeat !important;background-position:right 18px center !important}
#frl-app .frl-input:focus,#frl-app .frl-select:focus{outline:none !important;border-color:var(--frl-c-primary) !important;box-shadow:0 0 0 4px color-mix(in srgb,var(--frl-c-primary) 15%,transparent) !important}
#frl-app .frl-input::placeholder{color:#9aa1ac !important;opacity:1}
#frl-app .frl-field--noicon .frl-input,#frl-app .frl-field--noicon .frl-select{padding-left:18px !important}
#frl-app .frl-label{display:block;font-weight:600;font-size:13px;color:var(--frl-c-muted);margin:0 0 6px 4px}

/* ---- Onay kutuları ---- */
#frl-app input[type=radio],#frl-app input[type=checkbox]{accent-color:var(--frl-c-primary) !important;width:18px !important;height:18px !important;min-height:0 !important;margin:0}
#frl-app .frl-check{display:flex;gap:12px;align-items:flex-start;background:#f7f7fb;border:1px solid var(--frl-c-border);border-radius:16px;padding:15px 18px;margin-bottom:12px;font-size:14px;cursor:pointer;line-height:1.5}
#frl-app .frl-check input{margin-top:2px;flex-shrink:0}
#frl-app .frl-check a{color:var(--frl-c-primary);font-weight:700;text-decoration:underline;cursor:pointer}

/* ---- OTP notu (mavi) ---- */
#frl-app .frl-note{display:flex;gap:10px;align-items:center;background:#eef4ff;color:#1d4ed8;border-radius:14px;padding:14px 16px;font-size:13px;margin:8px 0 20px;line-height:1.45}

/* ---- Butonlar (tema ASLA ezemez) ---- */
#frl-app .frl-btn,#frl-app a.frl-btn,#frl-app button.frl-btn{
    display:inline-flex !important;align-items:center;justify-content:center;gap:8px;width:100%;
    background-image:linear-gradient(90deg,var(--frl-c-btn-1),var(--frl-c-btn-2)) !important;
    background-color:var(--frl-c-btn-1) !important;color:var(--frl-c-btn-text) !important;
    border:0 !important;outline:0 !important;text-decoration:none !important;text-shadow:none !important;
    border-radius:var(--frl-radius-btn) !important;padding:17px 28px !important;
    font-size:var(--frl-fs-btn) !important;font-weight:700 !important;font-family:inherit !important;
    line-height:1.2 !important;text-transform:none !important;cursor:pointer;letter-spacing:0;
    box-shadow:0 16px 34px -16px var(--frl-c-btn-1) !important;transition:filter .15s,transform .1s;
}
#frl-app .frl-btn:hover{filter:brightness(1.07)}
#frl-app .frl-btn:active{transform:translateY(1px)}
#frl-app .frl-btn:disabled{opacity:.5 !important;cursor:not-allowed;box-shadow:none !important}
#frl-app .frl-btn--ghost,#frl-app button.frl-btn--ghost{
    background-image:none !important;background-color:#f1f0f7 !important;color:var(--frl-c-primary) !important;
    width:auto;box-shadow:none !important;
}
#frl-app .frl-btn--accent,#frl-app a.frl-btn--accent{background-image:none !important;background-color:var(--frl-c-accent) !important;box-shadow:0 16px 34px -16px var(--frl-c-accent) !important}
#frl-app .frl-btn--auto{width:auto}
#frl-app .frl-actions{display:flex;gap:12px;margin-top:8px}
#frl-app .frl-actions--split{justify-content:space-between}
#frl-app .frl-actions .frl-btn{width:100%}
#frl-app .frl-actions--split .frl-btn{width:auto;flex:1}

/* ---- Footer rozeti ---- */
#frl-app .frl-footer{text-align:center;margin-top:22px}
#frl-app .frl-footer__badge{display:inline-flex;align-items:center;gap:8px;color:var(--frl-c-accent);font-weight:600;font-size:14px}
#frl-app .frl-footer__badge svg{flex-shrink:0;width:16px;height:16px}

/* ---- Seçim kartları (Abonelik/Bağlantı türü — 2 kart) ---- */
#frl-app .frl-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}
#frl-app .frl-choice{position:relative;border:1.5px solid var(--frl-c-border);border-radius:18px;padding:20px 20px 20px 46px;cursor:pointer;transition:.15s;background:#fff}
#frl-app .frl-choice:hover{border-color:var(--frl-c-primary)}
#frl-app .frl-choice input{position:absolute;left:18px;top:22px}
#frl-app .frl-choice.is-active{border-color:var(--frl-c-primary);background:color-mix(in srgb,var(--frl-c-primary) 6%,#fff);box-shadow:0 12px 30px -18px var(--frl-c-primary)}
#frl-app .frl-choice strong{display:block;font-size:16px;margin-bottom:6px}
#frl-app .frl-choice small{color:var(--frl-c-muted);line-height:1.45}

/* ---- Eski radyo (yedek) ---- */
#frl-app .frl-radio{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--frl-c-border);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:.15s;background:#fff}
#frl-app .frl-radio.is-active,#frl-app .frl-radio:has(input:checked){border-color:var(--frl-c-primary);background:color-mix(in srgb,var(--frl-c-primary) 6%,#fff)}
#frl-app .frl-radio__body strong{display:block}
#frl-app .frl-radio__body small{color:var(--frl-c-muted)}
#frl-app .frl-churn-no{margin:14px 0 0;padding:16px;border:1px dashed var(--frl-c-border);border-radius:16px;background:#fbfbfe}

/* ---- Altyapı sonucu ---- */
#frl-app .frl-infra{margin-top:22px;padding:22px;border-radius:18px}
#frl-app .frl-infra--ok{background:#f0fdf4;border:1px solid #bbf7d0}
#frl-app .frl-infra--no{background:#fef2f2;border:1px solid #fecaca}
#frl-app .frl-infra--ok h3{color:var(--frl-c-accent);margin:0 0 6px}
#frl-app .frl-speed{font-size:44px;font-weight:800;color:var(--frl-c-primary);line-height:1}
#frl-app .frl-speed span{font-size:18px}
#frl-app .frl-hint{font-size:13px;color:var(--frl-c-muted);margin:8px 0 0}

/* ---- Adres onay kartı ---- */
#frl-app .frl-addr-box{display:flex;align-items:center;gap:14px;border:1.5px solid var(--frl-c-primary);border-radius:16px;padding:16px 18px;background:color-mix(in srgb,var(--frl-c-primary) 4%,#fff)}
#frl-app .frl-addr-box__ico{flex-shrink:0;color:var(--frl-c-primary)}
#frl-app .frl-addr-box__main{font-weight:700}
#frl-app .frl-addr-box__sub{font-size:13px;color:var(--frl-c-muted);margin-top:2px}
#frl-app .frl-addr-trigger{display:flex;align-items:center;gap:12px;border:1.5px solid var(--frl-c-border);border-radius:16px;padding:16px 18px;cursor:pointer;color:var(--frl-c-muted);transition:.15s}
#frl-app .frl-addr-trigger:hover{border-color:var(--frl-c-primary)}

/* ---- Tercihler ---- */
#frl-app .frl-prefs{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}
#frl-app .frl-pkgs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
#frl-app .frl-pkg{position:relative;flex:1;min-width:150px;border:1.5px solid var(--frl-c-border);border-radius:18px;padding:16px;cursor:pointer;transition:.15s;background:#fff}
#frl-app .frl-pkg:hover{border-color:var(--frl-c-primary)}
#frl-app .frl-pkg.is-selected{border-color:var(--frl-c-primary);background:color-mix(in srgb,var(--frl-c-primary) 6%,#fff)}
#frl-app .frl-pkg.is-selected::after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;background:var(--frl-c-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
#frl-app .frl-pkg h4{margin:0 0 8px;color:var(--frl-c-primary)}
#frl-app .frl-pkg ul{list-style:none;padding:0;margin:0 0 8px;font-size:13px;color:var(--frl-c-muted)}
#frl-app .frl-pkg-price{font-weight:800;font-size:18px}
#frl-app .frl-addon{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--frl-c-border);border-radius:16px;padding:14px 16px;margin-bottom:10px}
#frl-app .frl-addon small{display:block;color:var(--frl-c-muted)}
#frl-app .frl-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}
#frl-app .frl-switch input{opacity:0;width:0;height:0}
#frl-app .frl-switch span{position:absolute;inset:0;background:#cbd5e1;border-radius:26px;transition:.2s;cursor:pointer}
#frl-app .frl-switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
#frl-app .frl-switch input:checked + span{background:var(--frl-c-primary)}
#frl-app .frl-switch input:checked + span:before{transform:translateX(22px)}
#frl-app .frl-summary{position:sticky;top:10px}
#frl-app .frl-summary h3{text-align:center;margin:0 0 12px}
#frl-app .frl-sum-line{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #f1f5f9}
#frl-app .frl-sum-line span:last-child{color:var(--frl-c-primary);font-weight:700}
#frl-app .frl-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:2px solid var(--frl-c-primary);font-weight:700}
#frl-app .frl-total span{font-size:22px;color:var(--frl-c-text)}
#frl-app .frl-ref{margin:12px 0}

/* ---- Sonuç ---- */
#frl-app .frl-result{text-align:center;padding:46px 26px}
#frl-app .frl-result__icon{width:74px;height:74px;border-radius:50%;background:#e7f6ec;color:var(--frl-c-accent);display:flex;align-items:center;justify-content:center;font-size:38px;margin:0 auto 16px}
#frl-app .frl-result h2{color:var(--frl-c-text)}
#frl-app .frl-result__ref{display:inline-block;background:#f4f1fe;color:var(--frl-c-primary);font-weight:700;border-radius:999px;padding:7px 18px;margin:12px 0}
#frl-app .frl-result__support{margin-top:14px;color:var(--frl-c-muted);font-size:14px}

/* ---- OTP modal ---- */
#frl-app .frl-modal{position:fixed;inset:0;background:rgba(20,10,40,.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}
#frl-app .frl-modal__box{background:#fff;border-radius:22px;padding:30px;max-width:400px;width:100%;text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.4)}
#frl-app .frl-otp{width:100%;font-size:26px;letter-spacing:12px;text-align:center;padding:14px;border:1.5px solid var(--frl-c-border);border-radius:14px;margin:16px 0}
#frl-app .frl-resend{display:inline-block;margin-top:12px;font-size:13px;color:var(--frl-c-primary);cursor:pointer}

/* ---- Yükleniyor ---- */
#frl-app .frl-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);z-index:5;border-radius:var(--frl-radius-card)}
#frl-app .frl-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--frl-c-primary);border-radius:50%;animation:frl-spin .8s linear infinite}
@keyframes frl-spin{to{transform:rotate(360deg)}}

/* ---- Select2 ---- */
#frl-app .select2-container--default .select2-selection--single{height:auto;border:1.5px solid var(--frl-c-border);border-radius:var(--frl-radius-input);padding:13px 16px}
#frl-app .select2-container--default .select2-selection--single .select2-selection__arrow{top:14px;right:14px}

/* ---- Alt "Önceki Adım" linki ---- */
#frl-app .frl-backlink{text-align:center;margin-top:18px}
#frl-app .frl-backlink button{background:none !important;background-image:none !important;border:0 !important;box-shadow:none !important;color:var(--frl-c-muted) !important;font-weight:600 !important;font-size:14px !important;font-family:inherit !important;cursor:pointer;padding:8px !important;width:auto !important;letter-spacing:0}
#frl-app .frl-backlink button:hover{color:var(--frl-c-primary) !important}

/* ---- Adres tetikleyici alt öğeleri ---- */
#frl-app .frl-addr-trigger__pin{color:var(--frl-c-primary);display:flex}
#frl-app .frl-addr-trigger__chev{margin-left:auto;color:var(--frl-c-muted);font-size:20px}
#frl-app .frl-addr-box__main{font-weight:700}
#frl-app .frl-addr-box__sub{font-size:13px;color:var(--frl-c-muted);margin-top:2px}
#frl-app .frl-addr-box .chev{font-size:20px}

/* ---- Adres seçici modal (body'ye eklenir — #frl-app dışı, bağımsız seçiciler) ---- */
.frl-picker{position:fixed !important;inset:0 !important;background:rgba(20,10,40,.5) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:2147483000 !important;padding:16px !important;font-family:inherit;--frl-c-primary:#4f2fbf;--frl-c-text:#1f2937;--frl-c-muted:#6b7280;--frl-c-border:#e5e7eb}
.frl-picker[hidden]{display:none !important}
.frl-picker *{box-sizing:border-box}
.frl-picker__box{background:#fff !important;border-radius:22px !important;width:100% !important;max-width:560px !important;max-height:82vh !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;box-shadow:0 30px 80px -20px rgba(0,0,0,.45) !important}
.frl-picker__head{display:flex !important;align-items:center;justify-content:space-between;padding:20px 22px 10px}
.frl-picker__head h3{margin:0 !important;font-size:20px !important;font-weight:800 !important;color:var(--frl-c-text) !important}
.frl-picker__close{background:#f1f0f7 !important;border:0 !important;box-shadow:none !important;width:34px !important;height:34px !important;min-width:0 !important;border-radius:50% !important;cursor:pointer;color:var(--frl-c-text) !important;font-size:14px !important;padding:0 !important;line-height:1 !important}
.frl-picker__crumb{display:flex;gap:6px;flex-wrap:wrap;padding:0 22px}
.frl-picker .frl-crumb{background:var(--frl-c-primary) !important;color:#fff !important;border-radius:999px !important;padding:5px 12px !important;font-size:12px !important;font-weight:600 !important;cursor:pointer;border:0 !important}
.frl-picker__search{padding:10px 22px 12px;position:relative}
.frl-picker__search svg{position:absolute;left:38px;top:50%;transform:translateY(-50%);color:var(--frl-c-muted)}
.frl-picker__search input{width:100% !important;padding:13px 16px 13px 44px !important;border:1.5px solid var(--frl-c-primary) !important;border-radius:14px !important;font-size:15px !important;background:#fff !important;color:var(--frl-c-text) !important;box-shadow:none !important;height:auto !important;margin:0 !important}
.frl-picker__list{overflow-y:auto !important;padding:0 12px 12px}
.frl-picker__row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px;width:100% !important;background:#fff !important;background-image:none !important;border:0 !important;border-bottom:1px solid #f1f1f5 !important;padding:16px 14px !important;margin:0 !important;font-size:15px !important;font-weight:600 !important;color:var(--frl-c-text) !important;cursor:pointer;text-align:left !important;box-shadow:none !important;border-radius:0 !important;font-family:inherit !important;text-transform:none !important;letter-spacing:0 !important;min-height:0 !important;height:auto !important}
.frl-picker__row:hover{background:#f4f1fe !important;color:var(--frl-c-primary) !important}
.frl-picker__row.frl-row-hidden{display:none !important}
.frl-picker__row .chev{color:var(--frl-c-muted) !important;font-size:18px}
.frl-picker__empty{padding:26px;text-align:center;color:var(--frl-c-muted)}

/* ---- Kimlik: bölüm başlığı + belge yükleme ---- */
#frl-app .frl-section-h{font-weight:800;font-size:16px;margin:20px 0 2px;color:var(--frl-c-text)}
#frl-app .frl-section-sub{color:var(--frl-c-muted);font-size:13px;margin:0 0 14px}
#frl-app .frl-docs{display:flex;flex-direction:column;gap:12px;margin-top:4px}
#frl-app .frl-doc{display:flex;align-items:center;gap:14px;border:2px dashed var(--frl-c-border);border-radius:16px;padding:16px;cursor:pointer;transition:.15s;background:#fbfbfe;margin:0}
#frl-app .frl-doc:hover,#frl-app .frl-doc.is-drag{border-color:var(--frl-c-primary);background:color-mix(in srgb,var(--frl-c-primary) 5%,#fff)}
#frl-app .frl-doc--ready{border-style:solid;border-color:#22c55e;background:#f0fdf4}
#frl-app .frl-doc__ico{width:58px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--frl-c-primary) 12%,#fff);color:var(--frl-c-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
#frl-app .frl-doc--ready .frl-doc__ico{background:#dcfce7;color:#16a34a}
#frl-app .frl-doc__txt{flex:1;min-width:0}
#frl-app .frl-doc__txt strong{display:block}
#frl-app .frl-doc--ready .frl-doc__txt strong{color:#16a34a}
#frl-app .frl-doc__txt small{color:var(--frl-c-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#frl-app .frl-doc__add{width:34px;height:34px;border-radius:9px;background:#eef0f4;color:var(--frl-c-muted);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
#frl-app .frl-doc--ready .frl-doc__add{background:#dcfce7;color:#16a34a}
#frl-app .frl-doc-note{text-align:center;color:var(--frl-c-muted);font-size:12px;margin-top:14px}

/* ---- Ödeme (POS — kart formu + canlı kart + modal iframe) ---- */
#frl-app .frl-pay{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start;background:var(--frl-c-card,#fff);border:1.5px solid var(--frl-c-border);border-radius:var(--frl-radius,18px);padding:26px}
#frl-app .frl-pay__form{min-width:0}
#frl-app .frl-pay__btn{width:100%;margin-top:8px}
#frl-app .frl-pay__secure{margin:12px 0 0;font-size:12px;color:var(--frl-c-muted);text-align:center}
#frl-app .frl-pay__side{position:sticky;top:14px}
#frl-app .frl-cc{position:relative;aspect-ratio:1.586/1;border-radius:16px;padding:20px;color:#fff;background:linear-gradient(135deg,var(--frl-c-primary,#2b6ef2),var(--frl-c-primary-2,var(--frl-c-accent,#7b3ff2)));box-shadow:0 14px 30px rgba(0,0,0,.18);overflow:hidden}
#frl-app .frl-cc__brand{position:absolute;top:16px;right:20px;font-weight:800;letter-spacing:1px;opacity:.9;font-size:15px}
#frl-app .frl-cc__chip{width:44px;height:32px;border-radius:7px;background:linear-gradient(135deg,#f7d98b,#c9a24a);margin-top:22px}
#frl-app .frl-cc__num{font-size:clamp(16px,4.5vw,22px);letter-spacing:2px;margin-top:20px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.25)}
#frl-app .frl-cc__row{display:flex;justify-content:space-between;gap:14px;margin-top:18px}
#frl-app .frl-cc__lbl{font-size:9px;letter-spacing:1px;opacity:.75;display:block}
#frl-app .frl-cc__name,#frl-app .frl-cc__exp{font-size:14px;font-weight:600;margin-top:3px;text-transform:uppercase}
#frl-app .frl-pay__amount{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 16px;border:1.5px solid var(--frl-c-border);border-radius:12px}
#frl-app .frl-pay__amount span{color:var(--frl-c-muted);font-size:13px}
#frl-app .frl-pay__amount strong{font-size:20px;color:var(--frl-c-text,#111)}

.frl-pay-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:18px}
.frl-pay-modal.is-open{display:flex}
.frl-pay-modal__box{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.frl-pay-modal__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eef0f4;font-weight:700;font-size:15px}
.frl-pay-modal__x{border:0;background:#f1f5f9;width:30px;height:30px;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;color:#475569}
#frl-pay-iframe.frl-pay-iframe{width:100%;height:70vh;min-height:460px;border:0;background:#fff}

/* ---- Başvuru özeti (sonuç — şık liste) ---- */
#frl-app .frl-deflist{margin:22px 0 4px;text-align:left}
#frl-app .frl-deflist__title{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--frl-c-muted);margin:0 2px 6px}
#frl-app .frl-deflist__row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 2px;border-bottom:1px solid var(--frl-c-border)}
#frl-app .frl-deflist__row:last-child{border-bottom:0}
#frl-app .frl-deflist__k{color:var(--frl-c-muted);font-size:14px;flex-shrink:0}
#frl-app .frl-deflist__v{color:var(--frl-c-text,#111);font-weight:600;font-size:14px;text-align:right;line-height:1.4}

/* ---- Responsive ---- */
@media(max-width:820px){
    #frl-app .frl-prefs{grid-template-columns:1fr}
    #frl-app .frl-grid{grid-template-columns:1fr}
    #frl-app .frl-choices{grid-template-columns:1fr}
    #frl-app .frl-pay{grid-template-columns:1fr;padding:20px}
    #frl-app .frl-pay__side{position:static;order:-1;max-width:340px;margin:0 auto}
    #frl-app .frl-topbar__title{display:none}
    #frl-app .frl-topbar{padding:12px 16px}
    #frl-app .frl-card{padding:22px}
    #frl-app .frl-title{font-size:24px}
    #frl-app .frl-progress__num{width:34px;height:34px;font-size:14px}
    #frl-app .frl-progress__line{max-width:34px}
    #frl-app .frl-progress__label{font-size:9px}
    #frl-pay-iframe.frl-pay-iframe{height:78vh}
}