/* Bireysel başvuru — kaynak tasarımın canlı kapsamı. */ #msmIndividualApp { --guardian-blue:var(--theme-color); --guardian-ink:#102e4a; --guardian-muted:#687a8c; } #msmIndividualApp [hidden] { display:none!important; } #msmIndividualApp .right { gap:14px; } #msmIndividualApp .flow-main-panel { min-height:0; } #msmIndividualApp .flow-main-panel>.section { padding:26px; } #msmIndividualApp .flow-panel-heading { margin-bottom:22px; } #msmIndividualApp .flow-panel-heading h2 { font-size:25px; font-weight:650; letter-spacing:-.65px; margin:5px 0 7px; color:var(--guardian-ink); } #msmIndividualApp .flow-panel-heading .p { font-size:12.7px; line-height:1.65; max-width:590px; } #msmIndividualApp .flow-panel-heading h2:focus { outline:none; } #msmIndividualApp .flow-eyebrow { font-size:10px; letter-spacing:1.5px; } #msmIndividualApp .guardian-preview-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 4px; color:#738092; font-size:10px; } #msmIndividualApp .guardian-preview-tools>div:first-child { display:flex; align-items:center; flex-wrap:wrap; gap:7px; } #msmIndividualApp .guardian-preview-tools b { color:#526579; font-size:10.5px; font-weight:600; } #msmIndividualApp .guardian-preview-dot { width:5px; height:5px; border-radius:50%; background:#7994ae; } #msmIndividualApp .guardian-preview-switch { display:flex; padding:3px; gap:3px; background:#e7edf3; border:1px solid #dce4ed; border-radius:9px; flex-shrink:0; } #msmIndividualApp .guardian-preview-switch button { border:0; border-radius:6px; background:transparent; padding:5px 10px; font:600 10.5px var(--body-font); color:#637589; line-height:1.4; } #msmIndividualApp .guardian-preview-switch button[aria-pressed="true"] { color:var(--guardian-blue); background:#fff; box-shadow:0 1px 4px #102e4a12; } #msmIndividualApp :is(.guardian-card,.guardian-preview-dialog) svg { fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } #msmIndividualApp .guardian-card { border:1px solid #dce5ed; border-radius:15px; background:#fff; overflow:hidden; box-shadow:0 5px 20px #18395404; } #msmIndividualApp .guardian-card__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:22px 22px 0; } #msmIndividualApp .guardian-card__title { display:flex; align-items:center; gap:12px; min-width:0; } #msmIndividualApp .guardian-symbol { display:grid; place-items:center; width:44px; height:48px; border-radius:13px; background:#eef5fb; border:1px solid #ddeaf5; color:var(--guardian-blue); flex-shrink:0; } #msmIndividualApp .guardian-symbol svg { width:25px; height:25px; } #msmIndividualApp .guardian-card h3 { margin:0 0 5px; font:600 16px/1.3 var(--title-font); letter-spacing:-.2px; color:var(--guardian-ink); } #msmIndividualApp .guardian-card__title p { font-size:11.2px; line-height:1.6; color:var(--guardian-muted); margin:0; } #msmIndividualApp .guardian-status { display:flex; align-items:center; gap:5px; font-size:10px; font-weight:600; color:#758699; white-space:nowrap; } #msmIndividualApp .guardian-status svg { width:13px; height:13px; } #msmIndividualApp .guardian-phone-form { padding:22px; } #msmIndividualApp .guardian-phone-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; } #msmIndividualApp .guardian-card .msm-inputShell { box-shadow:none; border-color:#dce4ed; background:#fff; } #msmIndividualApp .guardian-card .msm-inputShell:focus-within { border-color:var(--guardian-blue); box-shadow:0 0 0 3px rgba(var(--theme-color-rgb),.08); } #msmIndividualApp .guardian-card .msm-ico { color:#8093a6; } #msmIndividualApp .guardian-card .msm-input { font-weight:550; } #msmIndividualApp .guardian-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:54px; padding:12px 18px; border:1px solid transparent; border-radius:10px; font:600 12px/1.4 var(--body-font); cursor:pointer; transition:background .15s,box-shadow .15s; } #msmIndividualApp .guardian-button--primary { color:#fff; background:var(--guardian-blue); box-shadow:0 5px 12px rgba(var(--theme-color-rgb),.12); } #msmIndividualApp .guardian-button--primary:hover { background:#064779; box-shadow:0 6px 16px rgba(var(--theme-color-rgb),.18); } #msmIndividualApp .guardian-button svg { width:18px; height:18px; flex-shrink:0; } #msmIndividualApp .guardian-hint { margin:11px 0 0; font-size:10.8px; line-height:1.6; color:#7c8b9b; } #msmIndividualApp .guardian-waiting { display:flex; align-items:center; gap:11px; margin:0 22px 22px; padding:16px 0 0; border-top:1px dashed #dfe6ed; color:#91a0ae; } #msmIndividualApp .guardian-waiting>span { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:#f4f7f9; flex-shrink:0; } #msmIndividualApp .guardian-waiting svg { width:18px; height:18px; } #msmIndividualApp .guardian-waiting b { display:block; font-size:11.5px; font-weight:600; color:#6a7c8d; } #msmIndividualApp .guardian-waiting p { font-size:10.6px; line-height:1.5; margin:2px 0 0; color:#8694a1; } #msmIndividualApp .guardian-waiting .guardian-waiting__lock { margin-left:auto; width:15px; flex-shrink:0; } #msmIndividualApp .guardian-text-button { padding:4px 0; min-height:30px; border:0; background:transparent; color:var(--guardian-blue); font:600 11px var(--body-font); cursor:pointer; text-underline-offset:4px; } #msmIndividualApp .guardian-text-button:hover { text-decoration:underline; } #msmIndividualApp .guardian-otp { margin:21px 22px 22px; padding:19px; border:1px solid #dce8f3; border-radius:12px; background:#f6faff; } #msmIndividualApp .guardian-otp__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; } #msmIndividualApp .guardian-otp__heading b { font-size:13px; color:var(--guardian-ink); font-weight:650; } #msmIndividualApp .guardian-otp__heading p { margin:4px 0 0; font-size:10.8px; color:var(--guardian-muted); line-height:1.7; } #msmIndividualApp .guardian-otp__heading strong { font-weight:650; white-space:nowrap; } #msmIndividualApp .guardian-otp__row { display:flex; flex-wrap:wrap; align-items:center; gap:16px; justify-content:space-between; } #msmIndividualApp .guardian-otp__inputs { display:flex; gap:8px; min-width:0; } #msmIndividualApp .guardian-otp__inputs input { margin:0; padding:0; box-sizing:border-box; width:48px; min-width:0; height:48px; aspect-ratio:1; flex:0 0 48px; border:1px solid #d7e2ed; border-radius:9px; background:#fff; text-align:center; font:500 22px var(--title-font); color:var(--guardian-ink); box-shadow:0 2px 5px #18395403; } #msmIndividualApp .guardian-otp__inputs input:focus { outline:2px solid rgba(var(--theme-color-rgb),.23); outline-offset:2px; border-color:var(--guardian-blue); } #msmIndividualApp .guardian-otp__footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; font-size:10px; color:#8392a2; } #msmIndividualApp .guardian-otp__timer { display:inline-flex; align-items:center; gap:6px; color:#75879a; font-size:11px; white-space:nowrap; } #msmIndividualApp .guardian-otp__timer svg { width:15px; height:15px; color:var(--guardian-blue); } #msmIndividualApp .guardian-otp__timer b { color:var(--guardian-blue); font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; min-width:35px; } #msmIndividualApp .guardian-otp__timer[data-expired="true"] :is(svg,b) { color:#8b6b53; } #msmIndividualApp .guardian-otp__hint { margin:9px 0 0; font-size:10px; line-height:1.6; color:#8392a2; } #msmIndividualApp .guardian-text-button:disabled { color:#8392a2; cursor:default; text-decoration:none; font-variant-numeric:tabular-nums; } #msmIndividualApp .guardian-verified { display:flex; align-items:center; gap:10px; padding:14px 18px; margin:20px 22px; background:#f0f7fc; border:1px solid #dbe9f4; border-radius:11px; } #msmIndividualApp .guardian-verified__check { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#dcecf8; color:var(--guardian-blue); } #msmIndividualApp .guardian-verified__check svg { width:17px; height:17px; } #msmIndividualApp .guardian-verified>div { display:grid; gap:2px; } #msmIndividualApp .guardian-verified>div>span { color:#6e8395; font-size:10.3px; } #msmIndividualApp .guardian-verified b { font-size:13px; font-weight:650; color:var(--guardian-ink); } #msmIndividualApp .guardian-verified button { margin-left:auto; } #msmIndividualApp .guardian-details { padding:21px 22px 22px; border-top:1px solid #e8edf3; } #msmIndividualApp .guardian-details__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; } #msmIndividualApp .guardian-details h3 { font-size:15px; } #msmIndividualApp .guardian-details__heading p { margin:0; font-size:11px; line-height:1.6; color:var(--guardian-muted); } #msmIndividualApp .guardian-detail-badge { font-size:9.5px; font-weight:650; padding:5px 8px; border-radius:6px; background:#eef5fb; color:var(--guardian-blue); white-space:nowrap; } #msmIndividualApp .guardian-card[data-scenario="existing"] .guardian-details .msm-inputShell { background:#f4f7fa; border-color:#e5ebf1; } #msmIndividualApp .guardian-details .msm-input:disabled { opacity:1; color:#62778b; -webkit-text-fill-color:#62778b; cursor:not-allowed; } #msmIndividualApp .guardian-record-note { margin:14px 0 0; display:flex; align-items:center; gap:6px; font-size:10.5px; line-height:1.6; color:#7a8d9f; } #msmIndividualApp .guardian-record-note svg { width:13px; height:13px; flex-shrink:0; } #msmIndividualApp .flow-actionbar .cta-btn { min-height:46px; height:auto; font-size:12px; } #msmIndividualApp .flow-actionbar .cta-btn--primary { flex-direction:row-reverse; } #msmIndividualApp .flow-vstep li.done .dot { background:transparent; color:var(--guardian-blue); } #msmIndividualApp .flow-vstep li.done .dot::before { background:rgba(var(--theme-color-rgb),.24); box-shadow:0 10px 18px rgba(var(--theme-color-rgb),.08); } #msmIndividualApp .flow-vstep li.done .dot::after { background:#f5faff; } #msmIndividualApp .guardian-preview-dialog { width:min(420px,calc(100% - 32px)); max-width:none; border:1px solid #dce5ed; border-radius:18px; padding:30px; margin:auto; box-shadow:0 25px 90px #102e4a33; color:var(--guardian-ink); text-align:center; background:#fff; } #msmIndividualApp .guardian-preview-dialog::backdrop { background:#0f203859; backdrop-filter:blur(4px); } #msmIndividualApp .guardian-preview-dialog__icon { width:50px; height:50px; display:grid; place-items:center; margin:0 auto 16px; border-radius:50%; background:#edf5fb; color:var(--guardian-blue); } #msmIndividualApp .guardian-preview-dialog__icon svg { width:25px; height:25px; } #msmIndividualApp .guardian-preview-dialog h2 { font-size:22px; } #msmIndividualApp .guardian-preview-dialog p { font-size:12px; line-height:1.7; color:var(--guardian-muted); } #msmIndividualApp .guardian-noscript { text-align:center; padding:16px; } #msmIndividualApp :is(.guardian-button,.guardian-text-button,.guardian-preview-switch button):focus-visible { outline:3px solid #4d98d9; outline-offset:3px; } #msmIndividualApp .msm-msg { display:none; } @media (min-width:981px) and (max-width:1140px) { #msmIndividualApp .guardian-card__heading { align-items:flex-start; } #msmIndividualApp .guardian-status>span { display:none; } #msmIndividualApp .guardian-preview-description { display:none; } } @media (max-width:980px) { #msmIndividualApp .flow-profile-photo { display:none; } #msmIndividualApp .profile-body { padding:0 18px 16px; } #msmIndividualApp .flow-vstep { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0; } #msmIndividualApp .flow-vstep::before { display:none; } #msmIndividualApp .flow-vstep li { gap:9px; padding:10px; border-radius:10px; min-width:0; } #msmIndividualApp .flow-vstep li.active { background:#f0f6fb; } #msmIndividualApp .flow-vstep .dot { width:27px; height:27px; font-size:11px; flex-shrink:0; } #msmIndividualApp .flow-vstep .lbl b { font-size:11.5px; line-height:1.3; } #msmIndividualApp .flow-vstep .lbl span { display:none; } #msmIndividualApp .flow-side-actions { display:none; } } @media (max-width:640px) { #msmIndividualApp .wrap { gap:14px; } #msmIndividualApp .flow-main-panel>.section { padding:19px 16px; } #msmIndividualApp .flow-panel-heading h2 { font-size:23px; } #msmIndividualApp .flow-panel-heading .p { font-size:12px; } #msmIndividualApp .guardian-preview-description { display:none; } #msmIndividualApp .guardian-preview-tools { gap:6px; padding:0 2px; } #msmIndividualApp .guardian-card__heading { padding:17px 16px 0; } #msmIndividualApp .guardian-card__title { gap:10px; } #msmIndividualApp .guardian-symbol { width:35px; height:42px; border-radius:10px; } #msmIndividualApp .guardian-symbol svg { width:22px; height:22px; } #msmIndividualApp .guardian-card h3 { font-size:14px; } #msmIndividualApp .guardian-card__title p { font-size:10.7px; } #msmIndividualApp .guardian-status { display:none; } #msmIndividualApp .guardian-phone-form { padding:19px 16px; } #msmIndividualApp .guardian-phone-row { grid-template-columns:1fr; gap:10px; } #msmIndividualApp .guardian-button { min-height:46px; } #msmIndividualApp .guardian-waiting { margin:0 16px 18px; } #msmIndividualApp .guardian-waiting p { font-size:10px; } #msmIndividualApp .guardian-otp { margin:18px 16px; padding:14px; } #msmIndividualApp .guardian-otp__heading { flex-wrap:wrap; gap:4px; margin-bottom:14px; } #msmIndividualApp .guardian-otp__row { flex-direction:column; gap:13px; align-items:stretch; } #msmIndividualApp .guardian-otp__inputs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; width:100%; max-width:318px; } #msmIndividualApp .guardian-otp__inputs input { width:100%; height:auto; min-height:0; aspect-ratio:1; } #msmIndividualApp .guardian-otp__footer { flex-wrap:wrap; gap:6px 12px; align-items:center; } #msmIndividualApp .guardian-verified { margin:17px 16px; padding:12px; } #msmIndividualApp .guardian-details { padding:18px 16px; } #msmIndividualApp .guardian-details__heading { gap:8px; align-items:flex-start; } #msmIndividualApp .guardian-details__heading p { font-size:10.7px; } #msmIndividualApp .flow-actionbar .actionbar-left { display:none; } #msmIndividualApp .flow-actionbar .actionbar-right { width:100%; display:flex; gap:8px; } #msmIndividualApp .flow-actionbar .cta-btn--primary { flex:1; padding:0 10px; font-size:11.5px; } #msmIndividualApp .flow-actionbar .cta-btn--ghost { padding:0 10px; } #msmIndividualApp .flow-vstep li { padding:7px 3px; gap:6px; } #msmIndividualApp .flow-vstep .lbl b { font-size:10px; } #msmIndividualApp .flow-vstep .dot { width:23px; height:23px; font-size:10px; } #msmIndividualApp .profile-body { padding:0 10px 12px; } } @media (prefers-reduced-motion:reduce) { #msmIndividualApp *,#msmIndividualApp *::before,#msmIndividualApp *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } } /* ========================================================= Bireysel Adım 3 — Sınav seçimi + fatura drawer Adım 2 stillerine dokunmaz. ========================================================= */ #msmIndividualApp .individual-exam-shell{display:grid;gap:14px} #msmIndividualApp .individual-exam-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px} #msmIndividualApp .individual-exam-kicker{display:none} #msmIndividualApp .individual-exam-intro h3{margin:0;color:#102e4a;font:650 19px/1.2 var(--title-font);letter-spacing:-.3px} #msmIndividualApp .individual-exam-intro p{max-width:650px;margin:4px 0 0;color:#718395;font-size:11.2px;line-height:1.5} #msmIndividualApp .individual-exam-intro__note{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-top:0;padding:7px 9px;border:1px solid #dce8f3;border-radius:9px;background:#f6faff;color:#60778b;font-size:9.8px;font-weight:650;white-space:nowrap} #msmIndividualApp .individual-exam-intro__note i{color:var(--guardian-blue)} #msmIndividualApp .individual-exam-students{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);align-items:center;gap:14px;padding:12px 14px;border:1px solid #dbe7f0;border-radius:13px;background:linear-gradient(135deg,#fbfdff 0%,#f7fbfe 100%)} #msmIndividualApp .individual-exam-students__label{display:grid;gap:3px;min-width:0} #msmIndividualApp .individual-exam-students__label b{color:#133b5a;font-size:12.2px;font-weight:800;line-height:1.3;letter-spacing:-.08px} #msmIndividualApp .individual-exam-students__label span{color:#75899a;font-size:9.7px;line-height:1.4} #msmIndividualApp .individual-exam-students__tabs{display:flex;justify-content:flex-end;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:thin} #msmIndividualApp .individual-exam-student-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px 6px 7px;border:1px solid #dbe5ed;border-radius:10px;background:#fff;color:#526c80;font-family:var(--body-font);white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease} #msmIndividualApp .individual-exam-student-tab:hover{border-color:#bad6e9;background:#f9fcff;transform:translateY(-1px)} #msmIndividualApp .individual-exam-student-tab__order{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;background:#edf4f9;color:#587187;font-size:9.2px;font-weight:850} #msmIndividualApp .individual-exam-student-tab__copy{display:grid;gap:2px;min-width:0;text-align:left} #msmIndividualApp .individual-exam-student-tab__copy b{max-width:150px;overflow:hidden;color:#315069;font-size:10.3px;font-weight:800;line-height:1.15;text-overflow:ellipsis} #msmIndividualApp .individual-exam-student-tab__copy small{color:#8899a6;font-size:8.1px;font-weight:700;line-height:1.15} #msmIndividualApp .individual-exam-student-tab.is-active{border-color:#79b6e3;background:#edf7ff;color:#0f5f9f;box-shadow:0 0 0 1px rgba(25,119,204,.09),0 5px 14px rgba(25,119,204,.09)} #msmIndividualApp .individual-exam-student-tab.is-active .individual-exam-student-tab__order{background:#d6edff;color:#1977cc} #msmIndividualApp .individual-exam-student-tab.is-active .individual-exam-student-tab__copy b{color:#135f9f} #msmIndividualApp .individual-exam-student-tab.is-active .individual-exam-student-tab__copy small{color:#4d86b2} #msmIndividualApp .individual-exam-students__tabs.has-dropdown{position:relative;overflow:visible} #msmIndividualApp .individual-exam-student-select{position:relative;display:flex;justify-content:flex-end;width:310px;max-width:100%;min-width:0} #msmIndividualApp .individual-exam-student-select__trigger{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;min-height:46px;padding:6px 7px;border:1px solid #79b6e3;border-radius:10px;background:#edf7ff;color:#0f5f9f;font-family:var(--body-font);cursor:pointer;box-shadow:0 0 0 1px rgba(25,119,204,.07),0 5px 14px rgba(25,119,204,.07);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease} #msmIndividualApp .individual-exam-student-select__trigger:hover{border-color:#55a3dc;background:#e8f5ff;box-shadow:0 0 0 1px rgba(25,119,204,.09),0 7px 18px rgba(25,119,204,.10)} #msmIndividualApp .individual-exam-student-select__trigger .individual-exam-student-tab__order{background:#d6edff;color:#1977cc} #msmIndividualApp .individual-exam-student-select__trigger .individual-exam-student-tab__copy b{max-width:135px;color:#135f9f} #msmIndividualApp .individual-exam-student-select__trigger .individual-exam-student-tab__copy small{color:#4d86b2} #msmIndividualApp .individual-exam-student-select__change{display:inline-flex;align-items:center;gap:3px;padding-left:9px;border-left:1px solid rgba(25,119,204,.16);color:#1977cc;font-size:8.6px;font-weight:850;white-space:nowrap} #msmIndividualApp .individual-exam-student-select__change svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease} #msmIndividualApp .individual-exam-student-select.is-open .individual-exam-student-select__change svg{transform:rotate(180deg)} #msmIndividualApp .individual-exam-student-select__menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;left:0;width:100%;padding:6px;border:1px solid #d7e4ed;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(15,50,76,.16)} #msmIndividualApp .individual-exam-student-select__menu[hidden]{display:none} #msmIndividualApp .individual-exam-student-select__menu-title{padding:5px 7px 6px;color:#7890a2;font-size:8.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase} #msmIndividualApp .individual-exam-student-select__option{display:grid;grid-template-columns:25px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 7px;border:1px solid transparent;border-radius:8px;background:#fff;color:#526c80;font-family:var(--body-font);cursor:pointer;text-align:left;transition:background .14s ease,border-color .14s ease} #msmIndividualApp .individual-exam-student-select__option:hover{background:#f5f9fc;border-color:#e1eaf0} #msmIndividualApp .individual-exam-student-select__option+.individual-exam-student-select__option{margin-top:2px} #msmIndividualApp .individual-exam-student-select__option .individual-exam-student-tab__copy b{max-width:none;color:#315069} #msmIndividualApp .individual-exam-student-select__option.is-active{background:#edf7ff;border-color:#c3e1f6} #msmIndividualApp .individual-exam-student-select__option.is-active .individual-exam-student-tab__order{background:#d6edff;color:#1977cc} #msmIndividualApp .individual-exam-student-select__option.is-active .individual-exam-student-tab__copy b{color:#135f9f} #msmIndividualApp .individual-exam-student-select__check{width:16px;height:16px;fill:none;stroke:#1977cc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #msmIndividualApp .individual-exam-list{display:grid;gap:11px} #msmIndividualApp .individual-exam-card{--exam-accent:#1977cc;--exam-accent-rgb:25,119,204;position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) 96px 42px;align-items:center;column-gap:9px;min-height:92px;padding:8px 12px 8px 9px;border:2px solid rgba(var(--exam-accent-rgb),.62);border-radius:15px;background:linear-gradient(100deg,rgba(var(--exam-accent-rgb),.075),rgba(255,255,255,.97) 52%,rgba(var(--exam-accent-rgb),.045));box-shadow:0 6px 15px rgba(16,46,74,.055);cursor:pointer;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease} #msmIndividualApp .individual-exam-card::after{content:"";position:absolute;right:-55px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(var(--exam-accent-rgb),.08),transparent 66%);pointer-events:none} #msmIndividualApp .individual-exam-card--orange{--exam-accent:#f36a20;--exam-accent-rgb:243,106,32} #msmIndividualApp .individual-exam-card[data-exam-card="3"]{--exam-accent:#239447;--exam-accent-rgb:35,148,71} #msmIndividualApp .individual-exam-card:hover{transform:translateY(-1px);border-color:rgba(var(--exam-accent-rgb),.88);box-shadow:0 11px 28px rgba(16,46,74,.09)} #msmIndividualApp .individual-exam-card.is-selected{border-color:rgb(var(--exam-accent-rgb));background:linear-gradient(100deg,rgba(var(--exam-accent-rgb),.145) 0%,rgba(var(--exam-accent-rgb),.09) 45%,rgba(var(--exam-accent-rgb),.055) 100%);box-shadow:0 0 0 1px rgba(var(--exam-accent-rgb),.16),0 10px 24px rgba(var(--exam-accent-rgb),.13),0 6px 16px rgba(16,46,74,.055)} #msmIndividualApp .individual-exam-card__visual{position:relative;display:grid;place-items:center;width:66px;height:66px;overflow:visible} #msmIndividualApp .individual-exam-card__circle{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,rgba(var(--exam-accent-rgb),.98),rgba(var(--exam-accent-rgb),.72));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 5px 10px rgba(var(--exam-accent-rgb),.13)} #msmIndividualApp .individual-exam-card__circle svg{width:43px;height:43px;overflow:visible} #msmIndividualApp .individual-exam-card__circle svg rect:first-child{fill:#103d79;stroke:#082e62;stroke-width:1.8} #msmIndividualApp .individual-exam-card__circle svg rect:nth-child(2){fill:#fff;stroke:#dfeaf4;stroke-width:1.1} #msmIndividualApp .individual-exam-card__circle svg path:nth-of-type(1){fill:#ff5e1f;stroke:#ff5e1f;stroke-width:1.3;stroke-linejoin:round} #msmIndividualApp .individual-exam-card__circle svg path:nth-of-type(2){fill:none;stroke:#84c4ee;stroke-width:2.7;stroke-linecap:round} #msmIndividualApp .individual-exam-card__circle svg circle{fill:#77bde8;stroke:none} #msmIndividualApp .individual-exam-card__spark{position:absolute;z-index:3;top:-1px;right:0;width:21px;height:22px;pointer-events:none} #msmIndividualApp .individual-exam-card__spark i{position:absolute;display:block;width:3.5px;height:13px;border-radius:5px;background:#ff8a1f;transform-origin:center} #msmIndividualApp .individual-exam-card__spark i:first-child{top:0;right:8px;transform:rotate(24deg)} #msmIndividualApp .individual-exam-card__spark i:last-child{top:9px;right:0;height:11px;transform:rotate(56deg)} #msmIndividualApp .individual-exam-card__content{display:grid;justify-items:start;align-content:center;min-width:0;margin-left:4px} #msmIndividualApp .individual-exam-card__content strong{display:block;color:#154c94;font:700 16.5px/1.14 var(--title-font);letter-spacing:-.25px} #msmIndividualApp .individual-exam-card--orange .individual-exam-card__content strong{color:#c94717} #msmIndividualApp .individual-exam-card[data-exam-card="3"] .individual-exam-card__content strong{color:#1d7d3d} #msmIndividualApp .individual-exam-date{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:4px 8px;border-radius:999px;background:rgba(var(--exam-accent-rgb),.11);color:#174e91;font-size:9.8px;font-weight:750;line-height:1.2;white-space:nowrap} #msmIndividualApp .individual-exam-card--orange .individual-exam-date{color:#bd4519} #msmIndividualApp .individual-exam-card[data-exam-card="3"] .individual-exam-date{color:#1d7d3d} #msmIndividualApp .individual-exam-date i{font-size:10px} #msmIndividualApp .individual-exam-card__content small{display:block;margin-top:4px;color:#738598;font-size:8.9px;line-height:1.3} #msmIndividualApp .individual-exam-card__price{position:relative;z-index:1;display:grid;place-items:center;align-content:center;justify-self:start;width:90px;min-height:50px;margin-left:-8px;padding:6px 6px;border:1px solid rgba(var(--exam-accent-rgb),.08);border-radius:10px;background:rgba(var(--exam-accent-rgb),.11);text-align:center} #msmIndividualApp .individual-exam-card__price b{color:#154c94;font:750 17.5px/1 var(--title-font);letter-spacing:-.25px;font-variant-numeric:tabular-nums} #msmIndividualApp .individual-exam-card--orange .individual-exam-card__price b{color:#c94717} #msmIndividualApp .individual-exam-card[data-exam-card="3"] .individual-exam-card__price b{color:#1d7d3d} #msmIndividualApp .individual-exam-card__price small{margin-top:3px;color:#667d91;font-size:8.2px;font-weight:600;line-height:1.15} #msmIndividualApp .individual-exam-card__choice{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;justify-self:end;min-width:38px;color:#6e8092;font-size:8.6px;font-weight:700;line-height:1} #msmIndividualApp .individual-exam-checkbox{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;appearance:auto!important;-webkit-appearance:auto!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border:initial!important;border-radius:2px!important;background:initial!important;accent-color:var(--exam-accent);filter:drop-shadow(0 1px 1px rgba(16,46,74,.14));cursor:pointer} #msmIndividualApp .individual-exam-checkbox:focus-visible{outline:3px solid rgba(var(--exam-accent-rgb),.18);outline-offset:3px} #msmIndividualApp .individual-exam-card.is-selected .individual-exam-card__choice{color:var(--exam-accent)} #msmIndividualApp .individual-exam-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #dce7f0;border-radius:14px;background:linear-gradient(135deg,#fbfdff 0%,#f7fbfe 100%);box-shadow:0 4px 13px rgba(16,46,74,.035);overflow:hidden;transition:border-color .15s,background .15s,box-shadow .15s} #msmIndividualApp .individual-exam-summary::after{content:"";position:absolute;left:15px;right:15px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(25,119,204,.16),transparent)} #msmIndividualApp .individual-exam-summary.is-attention{border-color:rgba(220,65,55,.30);background:linear-gradient(135deg,#fff 0%,#fff8f7 100%)} #msmIndividualApp .individual-exam-summary.is-attention::after{background:linear-gradient(90deg,transparent,rgba(220,65,55,.18),transparent)} #msmIndividualApp .individual-exam-summary__copy{display:flex;align-items:center;gap:0;min-width:0} #msmIndividualApp .individual-exam-summary__icon{display:none} #msmIndividualApp .individual-exam-summary__copy>div{display:grid;gap:2px;min-width:0} #msmIndividualApp .individual-exam-summary__copy b{color:#173751;font-size:11.8px;font-weight:720;letter-spacing:-.06px} #msmIndividualApp .individual-exam-summary__copy span{color:#788a9b;font-size:9.7px;line-height:1.4} #msmIndividualApp .individual-exam-summary__total{position:relative;display:grid;justify-items:end;gap:1px;min-width:112px;flex:0 0 auto;padding-left:18px} #msmIndividualApp .individual-exam-summary__total::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:linear-gradient(180deg,transparent,#d8e6f0 20%,#d8e6f0 80%,transparent)} #msmIndividualApp .individual-exam-summary__total span{color:#728497;font-size:9.2px;font-weight:650} #msmIndividualApp .individual-exam-summary__total b{color:#102e4a;font:760 20px/1.15 var(--title-font);font-variant-numeric:tabular-nums;letter-spacing:-.28px} #msmIndividualApp .individual-application-summary{border:1px solid #dce7ef;border-radius:13px;background:#fff;overflow:hidden} #msmIndividualApp .individual-application-summary__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#f8fbfd} #msmIndividualApp .individual-application-summary__head>div{display:grid;gap:2px;min-width:0} #msmIndividualApp .individual-application-summary__head b{color:#173751;font-size:11.5px;font-weight:800} #msmIndividualApp .individual-application-summary__head span{color:#7b8d9c;font-size:9px;line-height:1.35} #msmIndividualApp .individual-application-summary__head>strong{flex:0 0 auto;color:#102e4a;font:760 17px/1 var(--title-font);font-variant-numeric:tabular-nums} #msmIndividualApp .individual-application-summary__rows{display:grid} #msmIndividualApp .individual-application-summary__row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:8px 12px;border-top:1px solid #edf2f6} #msmIndividualApp .individual-application-summary__number{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eef5fa;color:#526c81;font-size:8.8px;font-weight:850} #msmIndividualApp .individual-application-summary__student{display:grid;gap:2px;min-width:0} #msmIndividualApp .individual-application-summary__student b{overflow:hidden;color:#1d405a;font-size:10.1px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} #msmIndividualApp .individual-application-summary__student span{overflow:hidden;color:#75899b;font-size:8.9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} #msmIndividualApp .individual-application-summary__row>strong{color:#173751;font-size:10.6px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap} #msmIndividualApp .individual-application-summary__row.is-pending .individual-application-summary__student span{color:#b46c27} #msmIndividualApp .individual-application-summary__row.is-pending>strong{color:#8293a0} #msmIndividualApp .individual-billing-summary{position:relative;border:1px solid #d8e4ee;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(16,46,74,.045);overflow:hidden} #msmIndividualApp .individual-billing-summary::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#1977cc 0%,#6fb2e7 56%,rgba(25,119,204,.18) 100%)} #msmIndividualApp .individual-billing-summary__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px 12px;background:linear-gradient(180deg,#fcfeff 0%,#f8fbfe 100%)} #msmIndividualApp .individual-billing-summary__title{display:flex;align-items:center;gap:10px;min-width:0} #msmIndividualApp .individual-billing-summary__icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:0;border-radius:9px;background:#edf6fd;color:#1977cc;font-size:11px;box-shadow:none} #msmIndividualApp .individual-billing-summary__title>div{display:grid;gap:2px;min-width:0} #msmIndividualApp .individual-billing-summary__title b{color:#153650;font-size:12.2px;font-weight:760;letter-spacing:-.08px} #msmIndividualApp .individual-billing-summary__title span{color:#778a9b;font-size:9.6px;line-height:1.4} #msmIndividualApp .individual-billing-summary__button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 11px;border:1px solid rgba(25,119,204,.22);border-radius:9px;background:#f4f9fd;color:#1769ae;font:700 10px/1.2 var(--body-font);cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .15s,border-color .15s,transform .15s} #msmIndividualApp .individual-billing-summary__button:hover{background:#eaf5fd;border-color:rgba(25,119,204,.38);transform:translateY(-1px)} #msmIndividualApp .individual-billing-summary__button:active{transform:translateY(0)} #msmIndividualApp .individual-billing-empty,#msmIndividualApp .individual-billing-saved{position:relative;display:flex;align-items:center;gap:9px;margin:0 14px;padding:11px 0 12px;border:0;border-top:1px solid #e8eef4;border-radius:0;background:transparent;box-shadow:none} #msmIndividualApp .individual-billing-empty>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:0;border-radius:0;background:transparent;color:#7a8fa2;font-size:11px} #msmIndividualApp .individual-billing-empty>div{display:grid;gap:2px;min-width:0} #msmIndividualApp .individual-billing-empty b{font-size:10.9px;color:#52697c;font-weight:720} #msmIndividualApp .individual-billing-empty p{margin:0;color:#8796a3;font-size:9.3px;line-height:1.42} #msmIndividualApp .individual-billing-saved{background:transparent} #msmIndividualApp .individual-billing-saved__check{display:none} #msmIndividualApp .individual-billing-saved__body{display:grid;gap:3px;min-width:0} #msmIndividualApp .individual-billing-saved__body b{color:#173751;font-size:11.4px;font-weight:760} #msmIndividualApp .individual-billing-saved__body p{margin:0;color:#718598;font-size:9.6px;line-height:1.42} #msmIndividualApp .individual-billing-saved__badge{margin-left:auto;flex:0 0 auto;padding:4px 7px;border:1px solid rgba(25,119,204,.12);border-radius:999px;background:#eef7fd;color:#1977cc;font-size:8.5px;font-weight:760} #msmIndividualApp.billing-drawer-open{overflow:hidden} #msmIndividualApp.billing-drawer-open #individualBillingDrawer{transform:translateX(0)} #msmIndividualApp.billing-drawer-open #individualBillingOverlay{opacity:1;pointer-events:auto} #msmIndividualApp .individual-billing-drawer{width:min(520px,calc(100vw - 14px));z-index:10021;background:rgba(255,255,255,.98)} #msmIndividualApp .individual-billing-overlay{z-index:10020} #msmIndividualApp .individual-billing-drawer .msm-drawerHead{padding:17px 18px 14px} #msmIndividualApp .individual-billing-drawer .msm-drawerTitle b{font-size:15px;color:#173751} #msmIndividualApp .individual-billing-drawer .msm-drawerTitle span{font-size:10.8px;color:#7a8b9a} #msmIndividualApp .individual-billing-drawer .msm-drawerBody{padding:16px 18px} #msmIndividualApp .individual-billing-drawer__intro{display:flex;align-items:flex-start;gap:9px;margin-bottom:15px;padding:11px 12px;border:1px solid #dce9f4;border-radius:11px;background:#f6faff} #msmIndividualApp .individual-billing-drawer__intro>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:8px;background:#e6f2fc;color:#1977cc;font-size:11px} #msmIndividualApp .individual-billing-drawer__intro>div{display:grid;gap:2px} #msmIndividualApp .individual-billing-drawer__intro b{font-size:10.8px;color:#31526d;font-weight:700} #msmIndividualApp .individual-billing-drawer__intro p{margin:0;color:#768a9c;font-size:9.7px;line-height:1.45} #msmIndividualApp .individual-billing-drawer__fields{gap:13px} #msmIndividualApp .individual-billing-drawer .msm-inputShell{background:#fff;box-shadow:none;border-color:#dce5ed} #msmIndividualApp .individual-billing-drawer .msm-inputShell:focus-within{border-color:#1977cc;box-shadow:0 0 0 3px rgba(25,119,204,.07)} #msmIndividualApp .individual-billing-drawer textarea.msm-input{resize:none;min-height:70px;max-height:70px} #msmIndividualApp .individual-billing-drawer .msm-drawerFoot{padding:12px 18px} #msmIndividualApp .individual-billing-drawer .msm-drawerBtn{height:42px;border-radius:11px;font-size:11px;font-weight:700;box-shadow:none} #msmIndividualApp .individual-billing-drawer .msm-drawerBtn--primary{background:#1977cc;border-color:#1977cc} @media(max-width:860px){ #msmIndividualApp .individual-exam-card{grid-template-columns:62px minmax(0,1fr) 88px 40px;column-gap:8px;min-height:88px;padding:8px 10px 8px 8px;border-radius:14px} #msmIndividualApp .individual-exam-card__visual{width:62px;height:62px} #msmIndividualApp .individual-exam-card__circle{width:54px;height:54px} #msmIndividualApp .individual-exam-card__circle svg{width:40px;height:40px} #msmIndividualApp .individual-exam-card__spark{top:-2px;right:0;transform:scale(.82)} #msmIndividualApp .individual-exam-card__content strong{font-size:15.5px} #msmIndividualApp .individual-exam-date{font-size:9.4px} #msmIndividualApp .individual-exam-card__price{width:84px;min-height:48px;margin-left:-6px} #msmIndividualApp .individual-exam-card__price b{font-size:16px} } @media(max-width:680px){ #msmIndividualApp .individual-exam-intro{display:grid;gap:8px} #msmIndividualApp .individual-exam-intro__note{justify-self:start;margin-top:0} #msmIndividualApp .individual-exam-students{grid-template-columns:1fr;gap:8px} #msmIndividualApp .individual-exam-students__tabs{justify-content:flex-start} #msmIndividualApp .individual-exam-card{grid-template-columns:60px minmax(0,1fr) 44px;grid-template-rows:auto auto;column-gap:8px;row-gap:5px;padding:9px;border-radius:14px} #msmIndividualApp .individual-exam-card__visual{grid-row:1/3;width:60px;height:60px} #msmIndividualApp .individual-exam-card__circle{width:54px;height:54px} #msmIndividualApp .individual-exam-card__circle svg{width:40px;height:40px} #msmIndividualApp .individual-exam-card__spark{top:-3px;right:-1px;transform:scale(.72)} #msmIndividualApp .individual-exam-card__content{grid-column:2;grid-row:1} #msmIndividualApp .individual-exam-card__content strong{font-size:14.8px} #msmIndividualApp .individual-exam-date{margin-top:4px;padding:4px 7px;font-size:9.2px} #msmIndividualApp .individual-exam-card__content small{display:none} #msmIndividualApp .individual-exam-card__price{grid-column:2;grid-row:2;justify-self:start;width:auto;min-width:98px;min-height:0;margin:0;padding:5px 8px;grid-auto-flow:column;gap:5px;border-radius:8px} #msmIndividualApp .individual-exam-card__price b{font-size:14.8px} #msmIndividualApp .individual-exam-card__price small{margin:0;font-size:8.2px} #msmIndividualApp .individual-exam-card__choice{grid-column:3;grid-row:1/3;align-self:center} #msmIndividualApp .individual-exam-summary{align-items:flex-start;gap:10px} #msmIndividualApp .individual-exam-summary__copy span{font-size:9px} #msmIndividualApp .individual-exam-summary__total b{font-size:17px} #msmIndividualApp .individual-billing-summary__head{align-items:flex-start;flex-direction:column} #msmIndividualApp .individual-billing-summary__button{width:100%} #msmIndividualApp .individual-billing-saved{align-items:flex-start} #msmIndividualApp .individual-billing-saved__badge{display:none} } @media(max-width:420px){ #msmIndividualApp .individual-exam-card{grid-template-columns:54px minmax(0,1fr) 40px;column-gap:7px} #msmIndividualApp .individual-exam-card__visual{width:54px;height:54px} #msmIndividualApp .individual-exam-card__circle{width:50px;height:50px} #msmIndividualApp .individual-exam-card__circle svg{width:37px;height:37px} #msmIndividualApp .individual-exam-card__spark{top:-4px;right:-2px;transform:scale(.62)} #msmIndividualApp .individual-exam-card__content strong{font-size:14px} #msmIndividualApp .individual-exam-date{font-size:8.8px;white-space:normal} #msmIndividualApp .individual-exam-summary{display:grid;grid-template-columns:1fr auto} #msmIndividualApp .individual-exam-summary__copy span{display:none} #msmIndividualApp .individual-billing-drawer{width:calc(100vw - 8px)} } /* Adım 3 hiyerarşi sadeleştirmesi — Adım 1/2 görünümünü değiştirmez */ #msmIndividualApp[data-flow-step="3"] .flow-panel-heading .flow-eyebrow{display:none} #msmIndividualApp[data-flow-step="3"] .flow-panel-heading{margin-bottom:16px} #msmIndividualApp[data-flow-step="3"] .flow-panel-heading h2{margin-top:0} #msmIndividualApp .flow-stage[data-stage="3"] .individual-exam-shell{margin-top:-2px} @media (max-width:767px){ #msmIndividualApp .individual-exam-intro{align-items:flex-start;gap:10px} #msmIndividualApp .individual-exam-intro__note{margin-top:1px} #msmIndividualApp .individual-billing-summary__head{padding:12px} #msmIndividualApp .individual-billing-empty,#msmIndividualApp .individual-billing-saved{margin:0 12px;padding:10px 0 11px} } /* ========================================================= Bireysel Adım 2 — daha kompakt öğrenci formu Tekrarlanan iç başlığı kaldırır, satır aralarını azaltır. ========================================================= */ #msmIndividualApp[data-flow-step="2"] .flow-panel-heading .flow-eyebrow{display:none} #msmIndividualApp[data-flow-step="2"] .flow-panel-heading{margin-bottom:15px} #msmIndividualApp[data-flow-step="2"] .flow-panel-heading h2{margin-top:0} #msmIndividualApp .flow-stage[data-stage="2"] .flow-form-card>.flow-card-head{display:none} #msmIndividualApp .flow-stage[data-stage="2"] .flow-form-card>.flow-card-body{padding:14px 16px 15px} #msmIndividualApp .flow-stage[data-stage="2"] .flow-card-body>.row.g-3{--bs-gutter-y:10px;--bs-gutter-x:18px} #msmIndividualApp .flow-stage[data-stage="2"] .flow-inline-actions{margin-top:13px;padding-top:12px} @media (max-width:640px){ #msmIndividualApp[data-flow-step="2"] .flow-panel-heading{margin-bottom:13px} #msmIndividualApp .flow-stage[data-stage="2"] .flow-form-card>.flow-card-body{padding:13px 14px 14px} #msmIndividualApp .flow-stage[data-stage="2"] .flow-card-body>.row.g-3{--bs-gutter-y:9px;--bs-gutter-x:12px} } /* ========================================================= Bireysel akış — card içinde card azaltma / section hiyerarşisi Kurumsal akıştaki Page → Section → Card yaklaşımıyla uyumlu. ========================================================= */ #msmIndividualApp .guardian-card{ border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; } #msmIndividualApp .guardian-card__heading{ padding:4px 0 12px; } #msmIndividualApp .guardian-phone-form, #msmIndividualApp .guardian-otp, #msmIndividualApp .guardian-verified, #msmIndividualApp .guardian-waiting, #msmIndividualApp .guardian-details{ margin-left:0; margin-right:0; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-form-card{ border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-form-card .flow-card-head{ padding:0 0 11px; border-bottom:1px solid #e5edf3; background:transparent; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-form-card .flow-card-body{ padding:14px 0 0; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate{ box-shadow:none; } #msmIndividualApp #individualStudentCard{ border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; } #msmIndividualApp #individualStudentCard .studentCardTop{ padding-left:0; padding-right:0; background:transparent; } #msmIndividualApp #individualStudentCard .studentTableWrap{ border:1px solid #e1e9f0; border-radius:12px; overflow:auto; } #msmIndividualApp .individual-billing-summary{ padding-top:13px; border:0; border-top:1px solid #e4edf3; border-radius:0; background:transparent; box-shadow:none; overflow:visible; } #msmIndividualApp .individual-billing-summary::before{display:none} #msmIndividualApp .individual-billing-summary__head{ padding:0 0 11px; background:transparent; } #msmIndividualApp .individual-billing-empty, #msmIndividualApp .individual-billing-saved{ margin:0; padding:11px 0 0; } /* ========================================================= Bireysel Adım 3 — daha minimal dijital sınav kartları ========================================================= */ #msmIndividualApp .individual-exam-list{gap:9px} #msmIndividualApp .individual-exam-card{ grid-template-columns:62px minmax(0,1fr) 92px 42px; column-gap:8px; min-height:78px; padding:7px 11px 7px 8px; border-width:1.5px; border-radius:14px; } #msmIndividualApp .individual-exam-card__visual{ width:60px; height:60px; } #msmIndividualApp .individual-exam-card__circle{ width:53px; height:53px; } #msmIndividualApp .individual-exam-card__circle svg{ width:39px; height:39px; } #msmIndividualApp .individual-exam-card__spark{ top:-1px; right:0; transform:scale(.9); transform-origin:center; } #msmIndividualApp .individual-exam-card__content{margin-left:2px} #msmIndividualApp .individual-exam-card__content strong{font-size:15.8px} #msmIndividualApp .individual-exam-date{margin-top:4px;padding:4px 8px} #msmIndividualApp .individual-exam-card__price{ width:86px; min-height:44px; margin-left:-4px; padding:5px 6px; } #msmIndividualApp .individual-exam-card__price b{font-size:16.5px} @media(max-width:1100px){ #msmIndividualApp .individual-exam-card{ grid-template-columns:58px minmax(0,1fr) 84px 40px; min-height:74px; } #msmIndividualApp .individual-exam-card__visual{width:56px;height:56px} #msmIndividualApp .individual-exam-card__circle{width:50px;height:50px} #msmIndividualApp .individual-exam-card__circle svg{width:37px;height:37px} } @media(max-width:760px){ #msmIndividualApp .individual-exam-card{ grid-template-columns:52px minmax(0,1fr) 42px; grid-template-rows:auto auto; min-height:70px; padding:7px 8px; row-gap:4px; } #msmIndividualApp .individual-exam-card__visual{grid-row:1/3;width:50px;height:50px} #msmIndividualApp .individual-exam-card__circle{width:47px;height:47px} #msmIndividualApp .individual-exam-card__circle svg{width:35px;height:35px} #msmIndividualApp .individual-exam-card__price{min-height:0;padding:4px 7px} } /* ========================================================= Bireysel Adım 1 — optik denge / kompakt doğrulama düzeni Page → Section yaklaşımı korunur; yeni iç kart eklenmez. ========================================================= */ #msmIndividualApp[data-flow-step="1"] .flow-main-panel>.section{ padding:24px 26px 22px; } #msmIndividualApp[data-flow-step="1"] .flow-panel-heading{ margin-bottom:14px; } #msmIndividualApp[data-flow-step="1"] .flow-panel-heading h2{ margin:4px 0 5px; } #msmIndividualApp[data-flow-step="1"] .guardian-card__heading{ padding:6px 0 12px; } #msmIndividualApp[data-flow-step="1"] .guardian-card__title{ gap:11px; } #msmIndividualApp[data-flow-step="1"] .guardian-symbol{ width:40px; height:40px; border-radius:11px; } #msmIndividualApp[data-flow-step="1"] .guardian-symbol svg{ width:22px; height:22px; } #msmIndividualApp[data-flow-step="1"] .guardian-card h3{ margin-bottom:3px; font-size:15.5px; } #msmIndividualApp[data-flow-step="1"] .guardian-card__title p{ font-size:10.9px; line-height:1.45; } #msmIndividualApp[data-flow-step="1"] .guardian-phone-form{ padding:0; margin-left:0; } #msmIndividualApp[data-flow-step="1"] .guardian-phone-row{ grid-template-columns:minmax(0,1fr) 222px; gap:12px; align-items:stretch; } #msmIndividualApp[data-flow-step="1"] .guardian-phone-row .msm-inputShell, #msmIndividualApp[data-flow-step="1"] .guardian-phone-row .guardian-button{ min-height:52px; } #msmIndividualApp[data-flow-step="1"] .guardian-button{ min-height:52px; padding:10px 16px; gap:10px; } #msmIndividualApp[data-flow-step="1"] .guardian-hint{ margin-top:7px; font-size:10.3px; line-height:1.45; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting{ gap:9px; margin:0; padding:12px 0 0; border-top:0; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting>span{ width:28px; height:28px; border-radius:8px; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting>span svg{ width:15px; height:15px; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting>div{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 7px; min-width:0; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting b{ display:inline; font-size:10.9px; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting p{ margin:0; font-size:10.1px; line-height:1.4; } #msmIndividualApp[data-flow-step="1"] .guardian-waiting .guardian-waiting__lock{ display:none; } @media (max-width:760px){ #msmIndividualApp[data-flow-step="1"] .guardian-phone-form{margin-left:0} #msmIndividualApp[data-flow-step="1"] .guardian-phone-row{grid-template-columns:1fr} #msmIndividualApp[data-flow-step="1"] .guardian-button{width:100%} } @media (max-width:640px){ #msmIndividualApp[data-flow-step="1"] .flow-main-panel>.section{padding:19px 16px 18px} #msmIndividualApp[data-flow-step="1"] .flow-panel-heading{margin-bottom:12px} #msmIndividualApp[data-flow-step="1"] .guardian-card__heading{padding:4px 0 10px} #msmIndividualApp[data-flow-step="1"] .guardian-symbol{width:36px;height:36px} #msmIndividualApp[data-flow-step="1"] .guardian-symbol svg{width:20px;height:20px} #msmIndividualApp[data-flow-step="1"] .guardian-phone-form{padding:0} } /* ========================================================= Bireysel Adım 1 — mevcut veli kaydı bilgi bandı Kurumsal ödeme ekranındaki bilgi bandı ile aynı dil ========================================================= */ #msmIndividualApp[data-flow-step="1"] .guardian-hint{ position:relative; display:flex; align-items:center; gap:8px; min-height:36px; margin:24px 0 0; padding:7px 10px; border-left:2px solid #69b3e8; background:linear-gradient(90deg,#f4f9fd 0%,rgba(248,251,253,.42) 72%,transparent 100%); color:#48677f; font-size:9.5px; font-weight:720; line-height:1.45; } #msmIndividualApp[data-flow-step="1"] .guardian-hint::before{ content:"i"; display:grid; place-items:center; width:20px; height:20px; flex:0 0 20px; border-radius:7px; background:#e8f4fc; color:#1977cc; font:800 11px/1 "Outfit",sans-serif; } @media(max-width:760px){ #msmIndividualApp[data-flow-step="1"] .guardian-hint{align-items:flex-start} } /* Uyarı bandı ile doğrulama alanı arasındaki net boşluk */ #msmIndividualApp[data-flow-step="1"] .guardian-otp{ margin-top:15px; margin-bottom:7px; } /* ========================================================= Bireysel Adım 2 — her ek öğrenci için ayrı izin akışı + kurumsal öğrenci listesi ile aynı görsel dil ========================================================= */ #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate{ margin:0 0 14px; padding:12px 13px; border:1px solid #dce7ef; border-radius:12px; background:#f8fbfd; box-shadow:none; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate__icon{ width:36px; height:36px; border-radius:10px; background:#eaf4fc; border-color:#d7e9f6; color:#1977cc; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate__copy b{ color:#173751; font-size:11.6px; font-weight:780; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate__copy p{ color:#738697; font-size:9.8px; line-height:1.45; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate__button{ min-height:32px; min-width:0; padding:0 12px; border-radius:9px; box-shadow:none; font-size:9.5px; white-space:nowrap; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate.is-pending{ border-color:#ead7a5; background:#fffbf0; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate.is-pending .flow-additional-student-gate__icon{ color:#a66a12; background:#fff4d6; border-color:#f0dfae; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate.is-pending .flow-additional-student-gate__button{ border-color:#d59a38; background:#fff; color:#9a6515; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate.is-approved{ border-color:#cfe2f2; background:#f3f9fe; } #msmIndividualApp .flow-stage[data-stage="2"] .flow-additional-student-gate.is-approved .flow-additional-student-gate__icon{ color:#1977cc; background:#e2f1fc; border-color:#cde5f6; } #msmIndividualApp .flow-stage[data-stage="2"] #individualStudentFormCard{ margin-bottom:16px; } #msmIndividualApp .corporate-student-section{min-width:0;margin-top:0} #msmIndividualApp .corporate-student-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:1px 0 11px} #msmIndividualApp .corporate-student-head__copy{display:grid;gap:3px;min-width:0} #msmIndividualApp .corporate-student-head__copy strong{color:#102e4a;font:760 16px/1.2 "Outfit",sans-serif;letter-spacing:-.2px} #msmIndividualApp .corporate-student-head__copy span{color:#7a8b9b;font-size:9.7px;line-height:1.4} #msmIndividualApp .corporate-student-head__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0} #msmIndividualApp .corporate-student-add{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #1977cc;border-radius:10px;background:#1977cc;color:#fff;box-shadow:0 7px 16px rgba(25,119,204,.15);font:750 10.5px/1 "DM Sans",sans-serif;white-space:nowrap;cursor:pointer} #msmIndividualApp .corporate-student-add:hover{background:#166cb9;border-color:#166cb9;transform:translateY(-1px)} #msmIndividualApp .corporate-student-add svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} #msmIndividualApp .corporate-student-table-wrap{position:relative;max-height:390px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-top:1px solid #e7eef4;border-bottom:1px solid #e7eef4;scrollbar-width:thin;scrollbar-color:rgba(18,27,77,.16) transparent} #msmIndividualApp .corporate-student-table-wrap::-webkit-scrollbar{height:5px}#msmIndividualApp .corporate-student-table-wrap::-webkit-scrollbar-track{background:transparent}#msmIndividualApp .corporate-student-table-wrap::-webkit-scrollbar-thumb{background:rgba(18,27,77,.14);border-radius:999px} #msmIndividualApp .corporate-student-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:auto;color:#344c60} #msmIndividualApp .corporate-student-table thead{position:sticky;top:0;z-index:4} #msmIndividualApp .corporate-student-table thead th{padding:9px 10px;border-bottom:1px solid #e5edf3;background:#f8fbfd;box-shadow:0 1px 0 #e7eef4;color:#718496;font-size:8.6px;font-weight:800;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap} #msmIndividualApp .corporate-student-table thead th:first-child,#msmIndividualApp .corporate-student-table tbody td:first-child{width:38px;text-align:center} #msmIndividualApp .corporate-student-table thead th:last-child,#msmIndividualApp .corporate-student-table tbody td:last-child{width:82px;text-align:center} #msmIndividualApp .corporate-student-table tbody tr{background:#fff;transition:background .15s ease}#msmIndividualApp .corporate-student-table tbody tr:nth-child(even){background:#fbfdfe}#msmIndividualApp .corporate-student-table tbody tr:hover{background:#f5faff}#msmIndividualApp .corporate-student-table tbody tr.is-new-student td{background:#f8fcff}#msmIndividualApp .corporate-student-table tbody tr.is-new-student td:first-child{box-shadow:inset 3px 0 0 #1977cc} #msmIndividualApp .corporate-student-table tbody td{padding:10px;border-bottom:1px solid #edf2f6;vertical-align:middle;font-size:9.7px}#msmIndividualApp .corporate-student-table tbody tr:last-child td{border-bottom:0} #msmIndividualApp .corporate-student-index{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eef5fa;color:#526c81;font-size:9px;font-weight:800} #msmIndividualApp .corporate-student-tc{color:#4c667a;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.015em;font-size:9.4px;white-space:nowrap} #msmIndividualApp .corporate-student-person{display:block;min-width:132px}#msmIndividualApp .corporate-student-person__copy{display:block} #msmIndividualApp .corporate-student-person__copy strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#173751;font-size:10px;font-weight:800;line-height:1.25} #msmIndividualApp .corporate-student-avatar,#msmIndividualApp .corporate-student-person__copy small{display:none!important} #msmIndividualApp .corporate-student-class,#msmIndividualApp .corporate-student-guardian{display:grid;gap:2px;min-width:0} #msmIndividualApp .corporate-student-class strong,#msmIndividualApp .corporate-student-guardian strong{color:#213f57;font-size:9.8px;font-weight:780;line-height:1.25;white-space:nowrap} #msmIndividualApp .corporate-student-class span,#msmIndividualApp .corporate-student-guardian span{color:#8493a1;font-size:8.6px;line-height:1.2;white-space:nowrap} #msmIndividualApp .corporate-student-guardian span{color:#4c667a;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.015em;font-size:8.9px} #msmIndividualApp .corporate-student-new-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:0 7px;border-radius:999px;background:#eaf5fd;color:#1977cc;font-size:7.8px;font-weight:850;line-height:1} #msmIndividualApp .corporate-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:5px}#msmIndividualApp .corporate-row-action{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} #msmIndividualApp .corporate-row-action svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#msmIndividualApp .corporate-row-action--edit{color:#1977cc}#msmIndividualApp .corporate-row-action--edit:hover{border-color:#d7e9f7;background:#edf7fe;transform:translateY(-1px)}#msmIndividualApp .corporate-row-action--delete{color:#c4473e}#msmIndividualApp .corporate-row-action--delete:hover{border-color:#f0d4d1;background:#fff3f2;color:#b5322a;transform:translateY(-1px)}#msmIndividualApp .corporate-row-action:focus-visible{outline:3px solid rgba(25,119,204,.14);outline-offset:1px} #msmIndividualApp .corporate-student-empty{display:grid;gap:3px;padding:20px 12px;text-align:center}#msmIndividualApp .corporate-student-empty b{color:#28475f;font-size:10.5px}#msmIndividualApp .corporate-student-empty span{color:#8293a1;font-size:9px} #msmIndividualApp .corporate-student-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:7px 2px 0;color:#7a8f9f;font-size:8.6px;font-weight:700}#msmIndividualApp .corporate-student-pagination>div{display:flex;align-items:center;gap:7px}#msmIndividualApp .corporate-student-pagination>div>span{min-width:40px;color:#526e83;text-align:center;font-weight:850}#msmIndividualApp .corporate-student-pagination button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #dce7ef;border-radius:8px;background:#fff;color:#42657e;cursor:pointer}#msmIndividualApp .corporate-student-pagination button:hover:not(:disabled){border-color:#b8d5e9;background:#f6fbff;color:#1977cc}#msmIndividualApp .corporate-student-pagination button:disabled{opacity:.38;cursor:default}#msmIndividualApp .corporate-student-pagination button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#msmIndividualApp .corporate-student-pagination.is-single-page>div{opacity:.7} @media(max-width:760px){#msmIndividualApp .corporate-student-head{gap:10px}#msmIndividualApp .corporate-student-table-wrap{max-height:360px}} @media(max-width:520px){#msmIndividualApp .corporate-student-head{align-items:flex-start;flex-direction:column}#msmIndividualApp .corporate-student-head__actions{width:100%;justify-content:flex-start}#msmIndividualApp .corporate-student-add{width:100%}#msmIndividualApp .corporate-student-pagination{align-items:flex-start;flex-direction:column}} @media(max-width:620px){ #msmIndividualApp .individual-exam-student-tab{min-height:42px} #msmIndividualApp .individual-exam-student-tab__copy b{max-width:125px} #msmIndividualApp .individual-exam-student-select{width:100%;min-width:0;justify-content:flex-start} #msmIndividualApp .individual-exam-student-select__trigger{width:100%;min-width:0} #msmIndividualApp .individual-exam-student-select__trigger .individual-exam-student-tab__copy b{max-width:160px} #msmIndividualApp .individual-exam-student-select__menu{left:0;right:0;width:100%} #msmIndividualApp .individual-application-summary__head{align-items:flex-start} } @media(max-width:460px){ #msmIndividualApp .individual-application-summary__head span{display:none} #msmIndividualApp .individual-application-summary__row{grid-template-columns:23px minmax(0,1fr) auto;padding:8px 9px} #msmIndividualApp .individual-application-summary__student span{white-space:normal} } /* ========================================================= Bireysel Adım 3 — özet sadeleştirme Tek öğrencide kompakt seçim özeti, çoklu öğrencide başvuru özeti. ========================================================= */ #msmIndividualApp .individual-application-summary.is-single{ border-color:#dce7ef; background:#fff; } #msmIndividualApp .individual-application-summary.is-single .individual-application-summary__head{ min-height:54px; padding:10px 13px; background:linear-gradient(135deg,#fbfdff 0%,#f7fbfe 100%); } #msmIndividualApp .individual-application-summary.is-single .individual-application-summary__head b{ font-size:11.7px; } #msmIndividualApp .individual-application-summary.is-single .individual-application-summary__head span{ font-size:9.3px; } #msmIndividualApp .individual-application-summary.is-single .individual-application-summary__head>strong{ font-size:19px; } #msmIndividualApp .individual-application-summary.is-single .individual-application-summary__rows{ display:none; } #msmIndividualApp .individual-application-summary.is-multiple .individual-application-summary__head{ background:#f8fbfd; } #msmIndividualApp .individual-application-summary.is-attention{ border-color:rgba(220,65,55,.34); box-shadow:0 0 0 2px rgba(220,65,55,.055); } #msmIndividualApp .individual-application-summary.is-attention .individual-application-summary__head{ background:#fff8f7; } #msmIndividualApp .individual-application-summary.is-attention .individual-application-summary__head b{ color:#9f332d; } @media(max-width:480px){ #msmIndividualApp .individual-application-summary.is-single .individual-application-summary__head{ align-items:center; } } /* ========================================================= Bireysel Adım 3 — fiyat kutuları ve seçili kart vurgusu ========================================================= */ #msmIndividualApp .individual-exam-card__price{ background:rgba(var(--exam-accent-rgb),.16); border-color:rgba(var(--exam-accent-rgb),.12); } #msmIndividualApp .individual-exam-card.is-selected{ background:linear-gradient(100deg, rgba(var(--exam-accent-rgb),.19) 0%, rgba(var(--exam-accent-rgb),.125) 45%, rgba(var(--exam-accent-rgb),.075) 100%); } /* ========================================================= Bireysel Adım 3 — site genelindeki klasik bilgi/uyarı dili ========================================================= */ #msmIndividualApp .individual-paid-flow-notice{ display:flex; align-items:center; gap:9px; min-height:36px; margin:0 0 10px; padding:7px 10px; border:0; border-left:3px solid #1977cc; border-radius:0; background:linear-gradient(90deg,rgba(25,119,204,.055),rgba(25,119,204,.018) 72%,transparent); color:#587087; box-shadow:none; font-size:10.4px; font-weight:650; line-height:1.45; } #msmIndividualApp .individual-paid-flow-notice[hidden]{display:none} #msmIndividualApp .individual-paid-flow-notice__icon{ position:relative; display:grid; place-items:center; width:22px; height:22px; flex:0 0 22px; border-radius:0; background:transparent; color:transparent; font-size:0; } #msmIndividualApp .individual-paid-flow-notice__icon::before{ content:"i"; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#1977cc; color:#fff; font:900 11px/1 "Outfit",sans-serif; } #msmIndividualApp .individual-paid-flow-notice>div{display:grid;gap:1px;min-width:0} #msmIndividualApp .individual-paid-flow-notice b{color:#36566f;font-size:10.4px;font-weight:800;line-height:1.35} #msmIndividualApp .individual-paid-flow-notice div span{color:#587087;font-size:9.7px;font-weight:650;line-height:1.45} #msmIndividualApp .individual-student-payment-badge{ display:inline-flex; align-items:center; justify-content:center; min-height:18px; padding:0 7px; border:1px solid transparent; border-radius:999px; font-size:7.6px; font-weight:850; line-height:1; white-space:nowrap; } #msmIndividualApp .individual-student-payment-badge.is-paid{border-color:#cce4f5;background:#eaf5fd;color:#1977cc} #msmIndividualApp .individual-student-payment-badge.is-unpaid{border-color:#eadab8;background:#fff8e9;color:#a46a18} #msmIndividualApp .corporate-student-table tbody tr.is-paid-student{background:#fbfdff} #msmIndividualApp .corporate-row-action:disabled{ border-color:transparent!important; background:transparent!important; color:#a8b4be!important; opacity:.58; cursor:not-allowed; transform:none!important; } #msmIndividualApp .individual-exam-student-tab.is-paid, #msmIndividualApp .individual-exam-student-select__option.is-paid{ cursor:not-allowed; } #msmIndividualApp .individual-exam-student-tab.is-paid{ border-color:#d7e4ed; background:#f5f8fa; box-shadow:none; } #msmIndividualApp .individual-exam-student-tab.is-paid .individual-exam-student-tab__order{background:#e9f0f5;color:#718596} #msmIndividualApp .individual-exam-student-tab.is-paid .individual-exam-student-tab__copy b{color:#4b6578} #msmIndividualApp .individual-exam-student-tab.is-paid .individual-exam-student-tab__copy small{color:#1977cc} #msmIndividualApp .individual-exam-student-select__option.is-paid{background:#f8fafc;color:#778b9a;opacity:.78} #msmIndividualApp .individual-exam-student-select__option.is-paid:hover{border-color:transparent;background:#f8fafc} #msmIndividualApp .individual-exam-student-select__option.is-paid .individual-exam-student-tab__copy small{color:#1977cc;font-weight:850} #msmIndividualApp .individual-exam-card.is-payment-locked{ cursor:not-allowed; box-shadow:none; } #msmIndividualApp .individual-exam-card.is-payment-locked:not(.is-selected){opacity:.7} #msmIndividualApp .individual-exam-card.is-payment-locked .individual-exam-card__choice{pointer-events:none} #msmIndividualApp .individual-exam-card.is-payment-locked .individual-exam-card__choice>span{color:#698194} #msmIndividualApp .individual-application-summary__row.is-paid{background:#fbfdff} #msmIndividualApp .individual-application-summary__paid{ display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 8px; border:1px solid #cce4f5; border-radius:999px; background:#eaf5fd; color:#1977cc!important; font-size:8.4px!important; font-weight:850!important; } @media(max-width:620px){ #msmIndividualApp .individual-paid-flow-notice{align-items:flex-start} #msmIndividualApp .guardian-preview-switch{flex-wrap:wrap} } #msmIndividualApp .individual-application-summary.is-additional .individual-application-summary__head>strong{font-size:14.5px;letter-spacing:-.1px} @media(max-width:460px){#msmIndividualApp .individual-application-summary.is-additional .individual-application-summary__head>strong{font-size:13px}} /* ========================================================= Bireysel Adım 3 — paket ücretleri kartlardan bağımsız, sınav kartları masaüstünde 3'lü kompakt düzen ========================================================= */ #msmIndividualApp .individual-exam-package-pricing{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 2px; padding:7px 13px 7px 15px; overflow:hidden; border:1px solid #d9e7f2; border-radius:12px; background:linear-gradient(105deg,#f5faff 0%,#f9fcff 56%,#f3f8fc 100%); box-shadow:0 4px 14px rgba(18,55,81,.035); } #msmIndividualApp .individual-exam-package-pricing__copy{ display:flex; align-items:center; gap:9px; min-width:0; } #msmIndividualApp .individual-exam-package-pricing__icon{ display:grid; place-items:center; width:31px; height:31px; flex:0 0 31px; border:1px solid #d8e9f7; border-radius:9px; background:#eaf4fc; color:#1977cc; } #msmIndividualApp .individual-exam-package-pricing__icon svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } #msmIndividualApp .individual-exam-package-pricing__copy>div{ display:grid; gap:2px; min-width:0; } #msmIndividualApp .individual-exam-package-pricing__copy b{ color:#244862; font-size:10.9px; font-weight:800; letter-spacing:-.05px; } #msmIndividualApp .individual-exam-package-pricing__copy span:not(.individual-exam-package-pricing__icon){ color:#71889b; font-size:8.9px; line-height:1.35; } #msmIndividualApp .individual-exam-package-pricing__items{ display:grid; grid-template-columns:repeat(3,112px); align-items:stretch; flex:0 0 auto; min-height:38px; } #msmIndividualApp .individual-exam-package-pricing__item{ position:relative; display:grid; align-content:center; justify-items:center; gap:3px; min-width:0; padding:3px 13px; background:transparent; white-space:nowrap; } #msmIndividualApp .individual-exam-package-pricing__item+.individual-exam-package-pricing__item{ border-left:1px solid #d9e5ee; } #msmIndividualApp .individual-exam-package-pricing__item small{ display:flex; align-items:center; gap:4px; color:#71879a; font-size:8.6px; font-weight:850; line-height:1; letter-spacing:.42px; text-transform:uppercase; } #msmIndividualApp .individual-exam-package-pricing__item small i{ display:inline; color:#647f94; font:850 8.6px/1 var(--title-font); font-style:normal; } #msmIndividualApp .individual-exam-package-pricing__item b{ color:#123d5e; font:850 14.1px/1 var(--title-font); font-variant-numeric:tabular-nums; letter-spacing:-.22px; } #msmIndividualApp .individual-exam-list{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; } #msmIndividualApp .individual-exam-card{ grid-template-columns:52px minmax(0,1fr) 34px; column-gap:7px; min-height:84px; padding:8px 8px; border-radius:13px; } #msmIndividualApp .individual-exam-card__visual{ width:50px; height:50px; } #msmIndividualApp .individual-exam-card__circle{ width:47px; height:47px; } #msmIndividualApp .individual-exam-card__circle svg{ width:35px; height:35px; } #msmIndividualApp .individual-exam-card__spark{ top:-4px; right:-1px; transform:scale(.68); transform-origin:center; } #msmIndividualApp .individual-exam-card__content{ margin-left:1px; } #msmIndividualApp .individual-exam-card__content strong{ font-size:13.8px; line-height:1.15; } #msmIndividualApp .individual-exam-date{ margin-top:5px; padding:4px 6px; font-size:8.3px; white-space:nowrap; } #msmIndividualApp .individual-exam-date i{ font-size:8.5px; } #msmIndividualApp .individual-exam-card__choice{ min-width:30px; gap:4px; font-size:8px; } #msmIndividualApp .individual-exam-checkbox{ width:17px!important; height:17px!important; min-width:17px!important; min-height:17px!important; } @media(max-width:900px){ #msmIndividualApp .individual-exam-package-pricing{ align-items:flex-start; flex-direction:column; gap:7px; } #msmIndividualApp .individual-exam-package-pricing__items{ width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #e1ebf3; padding-top:7px; } #msmIndividualApp .individual-exam-package-pricing__item{ min-width:0; padding-left:7px; padding-right:7px; } #msmIndividualApp .individual-exam-list{ grid-template-columns:repeat(2,minmax(0,1fr)); } #msmIndividualApp .individual-exam-card{ grid-template-columns:50px minmax(0,1fr) 34px; min-height:80px; } } @media(max-width:560px){ #msmIndividualApp .individual-exam-package-pricing{padding:7px 9px 7px 12px} #msmIndividualApp .individual-exam-package-pricing__copy span:not(.individual-exam-package-pricing__icon){font-size:8.5px} #msmIndividualApp .individual-exam-package-pricing__items{ grid-template-columns:repeat(3,minmax(0,1fr)); } #msmIndividualApp .individual-exam-package-pricing__item{ gap:3px; padding:4px 3px; } #msmIndividualApp .individual-exam-package-pricing__item small{gap:3px;font-size:7.9px;letter-spacing:.25px} #msmIndividualApp .individual-exam-package-pricing__item small i{font-size:7.9px} #msmIndividualApp .individual-exam-package-pricing__item b{font-size:12.4px} #msmIndividualApp .individual-exam-list{ grid-template-columns:1fr; } #msmIndividualApp .individual-exam-card{ grid-template-columns:54px minmax(0,1fr) 40px; min-height:72px; padding:7px 9px; } #msmIndividualApp .individual-exam-card__visual{width:52px;height:52px} #msmIndividualApp .individual-exam-card__circle{width:49px;height:49px} #msmIndividualApp .individual-exam-card__circle svg{width:36px;height:36px} #msmIndividualApp .individual-exam-card__content strong{font-size:14.2px} #msmIndividualApp .individual-exam-date{font-size:8.8px} } /* ========================================================= Bireysel Adım 1 — ortak klasik bilgi uyarısı (yalnız 1. adım; Adım 3 stillerine dokunmaz) ========================================================= */ #msmIndividualApp[data-flow-step="1"] .guardian-hint{ position:relative; display:flex; align-items:center; gap:9px; min-height:36px; margin:17px 0 0; padding:7px 10px; border:0; border-left:3px solid #1977cc; border-radius:0; background:linear-gradient(90deg,rgba(25,119,204,.055),rgba(25,119,204,.018) 72%,transparent); color:#587087; font-size:10.3px; font-weight:650; line-height:1.45; } #msmIndividualApp[data-flow-step="1"] .guardian-hint::before{ content:"i"; display:grid; place-items:center; width:18px; height:18px; flex:0 0 18px; border-radius:50%; background:#1977cc; color:#fff; font:900 11px/1 "Outfit",sans-serif; } @media(max-width:760px){ #msmIndividualApp[data-flow-step="1"] .guardian-hint{align-items:flex-start} } /* ========================================================= 2026-09-14 — Bireysel Adım 3 ücret özeti Kurumsal ücret dökümü ile aynı bilgi hiyerarşisi. Önceki ödemeler mevcut işlem toplamına karıştırılmaz. ========================================================= */ #msmIndividualApp .individual-payment-summary{ margin-top:14px; overflow:hidden; border:1px solid #d8e6f3; border-radius:15px; background:#f8fbff; box-shadow:0 6px 16px rgba(35,74,105,.035); } #msmIndividualApp .individual-payment-summary__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:16px 18px 11px; } #msmIndividualApp .individual-payment-summary__copy{ display:grid; gap:4px; min-width:0; } #msmIndividualApp .individual-payment-summary__eyebrow{ color:#8297ac; font-size:7.7px; font-weight:900; line-height:1; letter-spacing:.13em; text-transform:uppercase; } #msmIndividualApp .individual-payment-summary__copy>strong{ color:#183550; font-size:14.2px; font-weight:900; line-height:1.18; } #msmIndividualApp .individual-payment-summary__copy>small{ margin-top:1px; color:#8498ab; font-size:8.5px; font-weight:650; line-height:1.35; } #msmIndividualApp .individual-payment-summary__amount{ display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:3px; flex:0 0 auto; text-align:right; } #msmIndividualApp .individual-payment-summary__amount>strong{ color:#0875d1; font-size:16.5px; font-weight:950; line-height:1.05; letter-spacing:-.02em; white-space:nowrap; } #msmIndividualApp .individual-payment-summary__amount>small{ color:#8a9caf; font-size:8.2px; font-weight:700; line-height:1.2; } #msmIndividualApp .individual-payment-summary__toggle{ display:inline-flex; align-items:center; gap:5px; margin:7px 18px 9px; padding:0; border:0; background:transparent; color:#66819a; font:750 8.35px/1.2 "DM Sans",sans-serif; cursor:pointer; } #msmIndividualApp .individual-payment-summary__toggle:hover{color:#1977cc} #msmIndividualApp .individual-payment-summary__toggle svg{ width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform:rotate(0deg); transform-origin:center; transition:transform .18s ease; } #msmIndividualApp .individual-payment-summary__toggle[aria-expanded="true"] svg{transform:rotate(180deg)} #msmIndividualApp .individual-payment-summary__breakdown{ margin:0 18px; border-top:1px solid #dbe6f0; } #msmIndividualApp .individual-payment-summary__breakdown[hidden]{display:none!important} #msmIndividualApp .individual-payment-summary__section-label{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0 7px; border-bottom:1px solid #dbe6f0; color:#5f778d; } #msmIndividualApp .individual-payment-summary__section-label>span{ font-size:9.4px; font-weight:850; letter-spacing:.01em; } #msmIndividualApp .individual-payment-summary__section-label>b{ color:#6c8295; font-size:8.8px; font-weight:800; } #msmIndividualApp .individual-payment-summary__section-label.is-paid-history{ margin-top:2px; padding-top:12px; color:#4f6f62; } #msmIndividualApp .individual-payment-summary__row{ display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:49px; padding:10px 0; border-bottom:1px solid #dbe6f0; } #msmIndividualApp .individual-payment-summary__row>div:first-child{ display:grid; gap:2px; min-width:0; } #msmIndividualApp .individual-payment-summary__row strong{ overflow:hidden; color:#38556f; font-size:10.5px; font-weight:820; line-height:1.36; text-overflow:ellipsis; white-space:nowrap; } #msmIndividualApp .individual-payment-summary__row span{ color:#8a9daf; font-size:9.25px; font-weight:650; line-height:1.36; } #msmIndividualApp .individual-payment-summary__row>b{ flex:0 0 auto; color:#405f7a; font-size:10.5px; font-weight:850; line-height:1.3; white-space:nowrap; } #msmIndividualApp .individual-payment-summary__row.is-paid-history{ background:linear-gradient(90deg,rgba(38,145,89,.035),transparent 68%); } #msmIndividualApp .individual-payment-summary__row.is-paid-history strong{color:#49695c} #msmIndividualApp .individual-payment-summary__paid-total{ display:grid; justify-items:end; gap:2px; flex:0 0 auto; } #msmIndividualApp .individual-payment-summary__paid-total>b{ color:#557064; font-size:10.5px; font-weight:850; line-height:1.2; } #msmIndividualApp .individual-payment-summary__paid-total>span{ display:inline-flex; align-items:center; min-height:18px; padding:0 7px; border:1px solid #cce4d6; border-radius:999px; background:#eff9f3; color:#2c7b4b; font-size:7.8px; font-weight:850; line-height:1; } #msmIndividualApp .individual-payment-summary__empty{ padding:14px 0; color:#8398aa; font-size:9px; font-weight:650; line-height:1.4; } #msmIndividualApp .individual-payment-summary__status{ padding:10px 18px 11px; background:#eef6ff; color:#6d879f; font-size:8.2px; font-weight:650; line-height:1.4; } #msmIndividualApp .individual-payment-summary__section-label.is-pending{ color:#1769ae; } #msmIndividualApp .individual-payment-summary__row.is-pending{ background:#f8fbfe; } #msmIndividualApp .individual-payment-summary__pending-total{ display:grid; justify-items:end; gap:2px; flex:0 0 auto; } #msmIndividualApp .individual-payment-summary__pending-total>b{ color:#1769ae; font-size:10.5px; font-weight:850; line-height:1.2; } #msmIndividualApp .individual-payment-summary__pending-total>span{ display:inline-flex; align-items:center; min-height:18px; padding:0 7px; border:1px solid rgba(25,119,204,.18); border-radius:999px; background:#eef6ff; color:#1769ae; font-size:7.8px; font-weight:850; line-height:1; } #msmIndividualApp .individual-payment-summary__pending-actions{ display:flex; justify-content:flex-end; padding:0 18px 12px; background:#eef6ff; } #msmIndividualApp .individual-payment-summary__pending-actions[hidden]{ display:none!important; } #msmIndividualApp .individual-payment-summary__change{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:31px; padding:6px 10px; border:1px solid rgba(25,119,204,.22); border-radius:8px; background:#fff; color:#1769ae; font:750 9px/1.2 var(--body-font); cursor:pointer; box-shadow:none; } #msmIndividualApp .individual-payment-summary__change:hover{ border-color:rgba(25,119,204,.38); background:#f8fbfe; } #msmIndividualApp .individual-payment-summary__change:disabled{ opacity:.58; cursor:not-allowed; } #msmIndividualApp .individual-payment-summary__change.is-loading{ cursor:wait; opacity:.72; } @media(max-width:640px){ #msmIndividualApp .individual-payment-summary__top{gap:12px;padding:14px 14px 10px} #msmIndividualApp .individual-payment-summary__toggle{margin:7px 14px 9px} #msmIndividualApp .individual-payment-summary__breakdown{margin-left:14px;margin-right:14px} #msmIndividualApp .individual-payment-summary__status{padding:10px 14px 11px} #msmIndividualApp .individual-payment-summary__pending-actions{padding:0 14px 11px} #msmIndividualApp .individual-payment-summary__change{width:100%} #msmIndividualApp .individual-payment-summary__copy>strong{font-size:12px} #msmIndividualApp .individual-payment-summary__amount>strong{font-size:14px} } /* OTP alanı ilk ekranda sabit görünür; SMS başarıyla gönderilene kadar pasiftir. */ #msmIndividualApp .guardian-otp[data-enabled="false"] { background:#f8fafc; border-color:#e2e9ef; box-shadow:none; } #msmIndividualApp .guardian-otp[data-enabled="false"] .guardian-otp__heading, #msmIndividualApp .guardian-otp[data-enabled="false"] .guardian-otp__footer, #msmIndividualApp .guardian-otp[data-enabled="false"] .guardian-otp__hint { opacity:.72; } #msmIndividualApp .guardian-otp__inputs input:disabled { background:#f2f5f8; border-color:#e0e7ed; color:#9aa9b6; -webkit-text-fill-color:#9aa9b6; box-shadow:none; cursor:not-allowed; } #msmIndividualApp .guardian-button:disabled { background:#dce6ef; border-color:#dce6ef; color:#8297aa; box-shadow:none; cursor:not-allowed; } #msmIndividualApp .guardian-button:disabled:hover { background:#dce6ef; box-shadow:none; } #msmIndividualApp .guardian-phone-form .msm-input:disabled { opacity:1; color:#61778a; -webkit-text-fill-color:#61778a; background:#f7f9fb; cursor:not-allowed; } /* OTP 6 kutu çevresindeki dikey boşluk: üstten ve alttan 5px azaltıldı. */ #msmIndividualApp .guardian-otp__heading{ margin-bottom:11px; } #msmIndividualApp .guardian-otp__footer{ margin-top:7px; } @media(max-width:760px){ #msmIndividualApp .guardian-otp__heading{ margin-bottom:9px; } } /* ========================================================= 2026-09-21 — Bireysel İl / İlçe / Okul seçim regresyon düzeltmesi Önceki çalışan MSM kurum arama davranışı geri getirildi. ========================================================= */ #msmIndividualApp #ogrOkulCombo{ position:relative; overflow:visible!important; z-index:8; } #msmIndividualApp #ogrOkulCombo.is-open{z-index:9999} /* Liste açıkken panelin alt kenarı okul seçeneklerini kırpmasın. */ #msmIndividualApp .flow-main-panel:has(#ogrOkulCombo.is-open){overflow:visible;z-index:10} #msmIndividualApp #ogrOkulListBireysel{ z-index:100; max-height:360px; overflow:auto; padding:6px; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option{ width:100%; min-height:0; margin:0; padding:10px 11px; border:0; border-radius:9px; outline:0; background:transparent; box-shadow:none; appearance:none; -webkit-appearance:none; display:flex; align-items:flex-start; gap:9px; text-align:left; font:inherit; color:inherit; cursor:pointer; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option + .flow-school-option{ margin-top:2px; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option:hover, #msmIndividualApp #ogrOkulListBireysel .flow-school-option:focus-visible{ background:rgba(var(--theme-color-rgb),.07); box-shadow:none; transform:none; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option:focus-visible{ outline:2px solid rgba(var(--theme-color-rgb),.18); outline-offset:-2px; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option>i{ width:20px; min-width:20px; margin-top:2px; color:var(--theme-color); font-size:12px; text-align:center; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option__copy{ display:block; min-width:0; flex:1; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option__copy b{ display:block; margin:0; color:rgba(17,24,39,.92); font-size:12.8px; font-weight:800; line-height:1.28; } #msmIndividualApp #ogrOkulListBireysel .flow-school-option__copy small{ display:block; margin-top:3px; color:rgba(107,114,128,.88); font-size:10.8px; font-weight:500; line-height:1.32; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #msmIndividualApp #ogrOkulListBireysel .flow-school-empty{ display:flex; align-items:center; gap:8px; padding:12px; border-radius:9px; background:rgba(17,24,39,.025); color:rgba(107,114,128,.9); font-size:11.4px; font-weight:650; } #msmIndividualApp #ogrOkulListBireysel .flow-school-empty i{ color:var(--theme-color); } #msmIndividualApp #ogrIlBireyselShell.loading .msm-loadRing, #msmIndividualApp #ogrIlceBireyselShell.loading .msm-loadRing, #msmIndividualApp #ogrOkulCombo.loading .msm-loadRing{ display:grid; } #msmIndividualApp #ogrIlBireyselShell.loading .flow-select-arrow, #msmIndividualApp #ogrIlceBireyselShell.loading .flow-select-arrow{ display:none; } #msmIndividualApp #ogrOkulCombo[data-disabled="1"] .msm-comboClear{ opacity:0; pointer-events:none; } #msmIndividualApp .msm-field[data-state="invalid"][data-touched="1"] .msm-msg{ display:block; } /* ========================================================= MSM Bireysel — KVKK Aydınlatma Telefon tasarımını bozmadan, telefon alanına bağlı kompakt satır. ========================================================= */ /* Masaüstü: telefon + buton ilk satır; KVKK yalnız telefon kolonunun altında. */ #msmIndividualApp[data-flow-step="1"] .guardian-phone-row{ grid-template-columns:minmax(0,1fr) 222px; grid-template-areas: "phone button" "kvkk ."; column-gap:12px; row-gap:8px; align-items:stretch; } #msmIndividualApp[data-flow-step="1"] .guardian-phone-row>.msm-field{ grid-area:phone; min-width:0; } #msmIndividualApp[data-flow-step="1"] .guardian-phone-row>.guardian-button{ grid-area:button; } #msmIndividualApp .guardian-kvkk{ grid-area:kvkk; box-sizing:border-box; display:flex; align-items:center; gap:9px; min-height:38px; margin:0; padding:7px 10px; border:1px solid #e2e9ef; border-radius:9px; background:#f8fafc; color:#62768a; cursor:pointer; user-select:none; transition:border-color .15s ease,background .15s ease,box-shadow .15s ease; } #msmIndividualApp .guardian-kvkk:hover{ border-color:#d2e0eb; background:#f6f9fc; } /* Global form resetlerinden bağımsız gerçek checkbox. */ #msmIndividualApp .guardian-kvkk input[type="checkbox"]{ display:block!important; visibility:visible!important; opacity:1!important; position:static!important; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; flex:0 0 16px!important; margin:0!important; padding:0!important; appearance:auto!important; -webkit-appearance:checkbox!important; accent-color:var(--guardian-blue); cursor:pointer!important; } #msmIndividualApp .guardian-kvkk input[type="checkbox"]:focus-visible{ outline:2px solid rgba(var(--theme-color-rgb),.24); outline-offset:2px; } #msmIndividualApp .guardian-kvkk__text{ display:block; min-width:0; color:#61778b; font:600 10.5px/1.4 var(--body-font); letter-spacing:0; } #msmIndividualApp .guardian-kvkk__text>span{ font:inherit; color:inherit; } #msmIndividualApp .guardian-kvkk__link{ display:inline; margin:0; padding:0; border:0; background:transparent; color:var(--guardian-blue); font:700 10.5px/1.4 var(--body-font); text-decoration:underline; text-underline-offset:2px; cursor:pointer; vertical-align:baseline; } #msmIndividualApp .guardian-kvkk.is-accepted{ border-color:#cfe0ec; background:#f4f9fd; box-shadow:0 0 0 1px rgba(var(--theme-color-rgb),.025); } #msmIndividualApp .guardian-kvkk.is-accepted .guardian-kvkk__text{ color:#526f84; } /* Bilgi bandıyla ritim: KVKK ayrı bir büyük kart gibi görünmesin. */ #msmIndividualApp[data-flow-step="1"] .guardian-phone-row + .guardian-hint{ margin-top:11px; } @media(max-width:760px){ #msmIndividualApp[data-flow-step="1"] .guardian-phone-row{ grid-template-columns:1fr; grid-template-areas: "phone" "kvkk" "button"; gap:8px; } #msmIndividualApp .guardian-kvkk{ min-height:40px; padding:8px 10px; } #msmIndividualApp .guardian-kvkk__text, #msmIndividualApp .guardian-kvkk__link{ font-size:10.3px; } } /* Modal */ #msmIndividualApp .guardian-kvkk-dialog{ width:min(760px,calc(100% - 28px)); max-width:760px; max-height:88vh; padding:0; border:0; border-radius:16px; background:#fff; color:var(--guardian-ink); box-shadow:0 28px 90px rgba(16,46,74,.25); overflow:hidden; } #msmIndividualApp .guardian-kvkk-dialog::backdrop{ background:rgba(15,32,56,.55); backdrop-filter:blur(3px); } #msmIndividualApp .guardian-kvkk-dialog__panel{ display:flex; flex-direction:column; max-height:88vh; } #msmIndividualApp .guardian-kvkk-dialog__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px 17px; border-bottom:1px solid #e8edf3; } #msmIndividualApp .guardian-kvkk-dialog__head span{ display:block; margin-bottom:4px; color:var(--guardian-blue); font-size:9px; font-weight:800; letter-spacing:1.1px; } #msmIndividualApp .guardian-kvkk-dialog__head h3{ margin:0 0 3px; color:var(--guardian-ink); font-size:18px; line-height:1.35; } #msmIndividualApp .guardian-kvkk-dialog__head small{ color:#8191a0; font-size:9.5px; } #msmIndividualApp .guardian-kvkk-dialog__close{ width:34px; height:34px; flex:0 0 34px; border:1px solid #dce5ed; border-radius:9px; background:#fff; color:#63788a; font-size:22px; line-height:1; cursor:pointer; } #msmIndividualApp .guardian-kvkk-dialog__body{ padding:20px 22px 24px; overflow-y:auto; overscroll-behavior:contain; } #msmIndividualApp .guardian-kvkk-dialog__body h4{ margin:20px 0 7px; color:#183b56; font-size:13px; font-weight:750; } #msmIndividualApp .guardian-kvkk-dialog__body h4:first-of-type{ margin-top:0; } #msmIndividualApp .guardian-kvkk-dialog__body p{ margin:0 0 10px; color:#536b7f; font-size:11px; line-height:1.75; } #msmIndividualApp .guardian-kvkk-dialog__notice{ padding:10px 12px; border-left:3px solid var(--guardian-blue); background:#f4f9fd; color:#365c78!important; font-weight:650; } #msmIndividualApp .guardian-kvkk-dialog__foot{ display:flex; justify-content:flex-end; padding:14px 22px; border-top:1px solid #e8edf3; background:#fbfcfd; } #msmIndividualApp .guardian-kvkk-dialog__foot .guardian-button{ min-height:42px; } @media(max-width:640px){ #msmIndividualApp .guardian-kvkk-dialog{ width:calc(100% - 18px); max-height:92vh; border-radius:14px; } #msmIndividualApp .guardian-kvkk-dialog__panel{ max-height:92vh; } #msmIndividualApp .guardian-kvkk-dialog__head, #msmIndividualApp .guardian-kvkk-dialog__body, #msmIndividualApp .guardian-kvkk-dialog__foot{ padding-left:16px; padding-right:16px; } #msmIndividualApp .guardian-kvkk-dialog__head h3{ font-size:16px; } }