.ukp-app,.ukp-app *{box-sizing:border-box}
.ukp-app{--ink:#14233a;--muted:#718096;--line:#e3eaf2;--soft:#f7f9fc;--blue:#1677ff;--blue-2:#2563eb;--cyan:#0891b2;--green:#059669;font-family:inherit;color:var(--ink);width:100%;max-width:1180px;margin:18px auto;background:#fff;border:1px solid #e6ecf3;border-radius:20px;box-shadow:0 12px 36px rgba(15,23,42,.06);overflow:hidden;container-type:inline-size;container-name:ukp}
.ukp-app button,.ukp-app input,.ukp-app select{font-family:inherit}
.ukp-app button{line-height:1.2}

/* Header */
.ukp-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#132842 0%,#1d4777 100%);color:#fff;overflow:hidden}
.ukp-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.045);right:4%;top:-130px}
.ukp-hero-copy{min-width:0;position:relative;z-index:1}
.ukp-eyebrow{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e0f2fe}
.ukp-hero h2{margin:8px 0 4px!important;color:#fff!important;font-size:clamp(24px,3vw,31px)!important;line-height:1.08!important;letter-spacing:-.025em}
.ukp-hero p{max-width:760px;margin:0!important;color:#d6e1ee!important;font-size:12px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ukp-hero-pill{position:relative;z-index:1;flex:0 0 auto;white-space:nowrap;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);padding:9px 11px;border-radius:11px;color:#e0f2fe;font-size:10px;font-weight:700}

/* Single exam dropdown */
.ukp-exam-picker{display:grid;grid-template-columns:minmax(145px,.72fr) minmax(250px,1.65fr) auto;align-items:center;gap:14px;padding:16px 18px;background:#fbfcfe;border-bottom:1px solid #edf1f5}
.ukp-exam-picker-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.ukp-exam-picker-copy strong{font-size:14px;color:#1e293b;line-height:1.2}
.ukp-exam-picker-copy span{font-size:10px;color:#8492a6;line-height:1.4}
.ukp-exam-select-shell{position:relative;min-width:0}
.ukp-exam-select-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf6ff;font-size:17px;pointer-events:none}
.ukp-exam-select{appearance:none;-webkit-appearance:none;width:100%!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 44px 0 58px!important;border:1px solid #cedbea!important;border-radius:12px!important;background:#fff!important;color:#17243a!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important;font-size:13px!important;font-weight:750!important;cursor:pointer}
.ukp-exam-select-shell:after{content:"⌄";position:absolute;right:16px;top:50%;transform:translateY(-57%);color:#64748b;font-size:19px;line-height:1;pointer-events:none}
.ukp-exam-select:focus{border-color:#79b7ff!important;outline:3px solid rgba(22,119,255,.09)!important}
.ukp-exam-picker-note{justify-self:end;font-size:9.5px;color:#718096;background:#fff;border:1px solid #e7edf4;border-radius:999px;padding:7px 10px;white-space:nowrap}

/* Main layout */
.ukp-workspace{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(270px,.72fr);gap:16px;padding:18px;align-items:start}
.ukp-workspace>*{min-width:0}
.ukp-panel,.ukp-result-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff}
.ukp-panel{padding:20px}
.ukp-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #edf2f7}
.ukp-panel-head>div{min-width:0}
.ukp-current-badge{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:850;letter-spacing:.055em;color:#1681c4;text-transform:uppercase}
.ukp-current-title{font-size:21px!important;line-height:1.18!important;margin:4px 0 0!important;color:#132238!important;letter-spacing:-.02em}
.ukp-mode-badge{flex:0 0 auto;font-size:9px;font-weight:850;border-radius:999px;padding:6px 9px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;white-space:nowrap}
.ukp-mode-badge[data-mode="direct"]{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.ukp-form{padding-top:15px;min-width:0}
.ukp-form-intro{display:flex;flex-direction:column;gap:3px;background:#f8fafc;border:1px solid #e9eff6;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.ukp-form-intro strong{font-size:12px;color:#334155}
.ukp-form-intro span{font-size:10px;color:#718096;line-height:1.45}
.ukp-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}
.ukp-field{min-width:0;display:flex;flex-direction:column;gap:6px;font-size:10.5px;font-weight:750;color:#526177;margin:0!important}
.ukp-field-wide{grid-column:auto}
.ukp-field input,.ukp-field select{width:100%!important;height:44px!important;min-height:44px!important;border:1px solid #d5e0ec!important;border-radius:10px!important;background:#fff!important;padding:0 12px!important;box-shadow:none!important;font-size:12px!important;color:#132238!important;margin:0!important}
.ukp-field small{font-weight:500;color:#94a3b8;font-size:9px}
.ukp-check{min-width:0;display:flex!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:10px;color:#526177;align-self:end;min-height:44px;margin:0!important;line-height:1.35}
.ukp-check input{width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;flex:0 0 16px}
.ukp-section-title{display:flex;align-items:baseline;gap:8px;margin:16px 0 8px}
.ukp-section-title span{font-size:13px;font-weight:900;color:#132238}
.ukp-section-title small{font-size:9px;color:#94a3b8}

/* Net tables */
.ukp-net-head,.ukp-net-row{min-width:0;display:grid;grid-template-columns:minmax(150px,1.55fr) minmax(76px,.55fr) minmax(76px,.55fr) minmax(76px,.55fr);gap:8px;align-items:center}
.ukp-net-head{padding:0 10px 7px;color:#94a3b8;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.ukp-net-head span:not(:first-child){text-align:center}
.ukp-net-list{min-width:0;border:1px solid #e4ebf3;border-radius:12px;overflow:hidden}
.ukp-net-row{padding:9px 10px;background:#fff;border-bottom:1px solid #edf2f7}
.ukp-net-row:last-child{border-bottom:0}
.ukp-net-row>*{min-width:0;margin:0!important}
.ukp-subject{min-width:0}
.ukp-subject strong{display:block;font-size:11px;line-height:1.25;color:#334155;white-space:normal;overflow-wrap:anywhere}
.ukp-subject small{display:block;font-size:8px;color:#94a3b8;margin-top:2px}
.ukp-net-row input{width:100%!important;height:36px!important;min-height:36px!important;text-align:center;border:1px solid #d5e0ec!important;border-radius:9px!important;box-shadow:none!important;padding:0 5px!important;font-size:11px!important;margin:0!important}
.ukp-net-row input:focus,.ukp-field input:focus,.ukp-field select:focus{border-color:#79b7ff!important;outline:3px solid rgba(22,119,255,.08)!important}
.ukp-net-value{display:grid;place-items:center;height:36px;min-width:0;border-radius:9px;background:#edf9f7;color:#0f766e;font-size:10px;font-weight:900;overflow:hidden}
.ukp-mobile-label{display:none}

/* Buttons */
.ukp-action-row{display:flex;gap:10px;margin-top:15px}
.ukp-btn{height:43px!important;min-height:43px!important;border-radius:10px!important;padding:0 19px!important;font-size:11px!important;font-weight:850!important;cursor:pointer;margin:0!important}
.ukp-btn-primary{border:0!important;background:linear-gradient(135deg,#0891b2,#2563eb)!important;color:#fff!important;box-shadow:0 6px 14px rgba(37,99,235,.15)!important;min-width:140px}
.ukp-btn-ghost{border:1px solid #d8e2ed!important;background:#fff!important;color:#526177!important}
.ukp-error{margin-top:11px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:10px;padding:10px 12px;font-size:10px}

/* Result */
.ukp-result-card{position:relative;min-height:338px;padding:18px;background:linear-gradient(180deg,#f8fbff,#fff);overflow:hidden}
.ukp-result-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(22,119,255,.055);right:-58px;top:-55px;pointer-events:none}
.ukp-result-empty{position:relative;z-index:1;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;color:#718096}
.ukp-result-icon{width:50px;height:50px;border-radius:14px;background:#edf6ff;color:#1681c4;display:grid;place-items:center;font-size:23px;font-weight:700;margin-bottom:11px}
.ukp-result-empty strong{font-size:13px;color:#334155;margin-bottom:5px}
.ukp-result-empty span{font-size:9.5px;line-height:1.5;max-width:220px}
.ukp-result-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ukp-result-top small{font-size:9px;font-weight:800;color:#94a3b8}
.ukp-result-mode{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:5px 8px}
.ukp-score-ring{position:relative;margin:20px auto 15px;width:142px;height:142px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle at center,#fff 59%,transparent 60%),conic-gradient(#06b6d4 0 30%,#2563eb 30% 66%,#7c3aed 66% 82%,#e2e8f0 82%);box-shadow:inset 0 0 0 1px #edf2f7}
.ukp-score-ring span{font-size:27px;font-weight:900;letter-spacing:-.035em;color:#132238}
.ukp-score-ring small{font-size:8.5px;color:#718096;max-width:98px;line-height:1.25}
.ukp-result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ukp-result-stat{min-width:0;padding:9px 10px;background:#fff;border:1px solid #e7edf4;border-radius:9px}
.ukp-result-stat span{display:block;font-size:8.5px;color:#718096;white-space:normal;overflow-wrap:anywhere}
.ukp-result-stat strong{display:block;margin-top:2px;font-size:11px;color:#132238;overflow-wrap:anywhere}
.ukp-net-summary{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.ukp-net-summary>span{min-width:0;display:flex;gap:5px;align-items:center;border:1px solid #e7edf4;background:#fff;padding:5px 7px;border-radius:8px}
.ukp-net-summary small{font-size:7px;color:#94a3b8}
.ukp-net-summary strong{font-size:9px}
.ukp-result-note{position:relative;z-index:1;display:flex;gap:8px;margin-top:10px;padding:9px 10px;border-radius:10px;background:#fffaf3;border:1px solid #ffedd5}
.ukp-result-note>span{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:50%;background:#fb923c;color:#fff;font-size:9px;font-weight:900}
.ukp-result-note p{margin:0!important;font-size:8.5px!important;line-height:1.5!important;color:#9a3412!important}

/* Method + disclaimer */
.ukp-method{margin:0 18px 12px;border:1px solid #e3eaf2;border-radius:12px;background:#fff;overflow:hidden}
.ukp-method summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px}
.ukp-method summary::-webkit-details-marker{display:none}
.ukp-method-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#f5f3ff;color:#6d28d9;display:grid;place-items:center;font-size:14px;font-weight:900}
.ukp-method summary>span:nth-child(2){min-width:0;display:flex;flex-direction:column}
.ukp-method summary strong{font-size:10.5px;color:#334155}
.ukp-method summary small{font-size:8.5px;color:#94a3b8;margin-top:2px}
.ukp-chevron{margin-left:auto;color:#94a3b8;transition:.2s}
.ukp-method[open] .ukp-chevron{transform:rotate(180deg)}
.ukp-method-body{border-top:1px solid #edf2f7;padding:14px}
.ukp-method-text{font-size:10.5px!important;line-height:1.65!important;color:#526177!important;margin:0 0 12px!important}
.ukp-coeff-box{background:#132238;border-radius:10px;overflow:hidden}
.ukp-coeff-head{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.08)}
.ukp-coeff-head strong{font-size:8.5px;color:#e2e8f0}
.ukp-coeff-head span{font-size:8px;color:#67e8f9}
.ukp-coeff-json{max-height:240px;overflow:auto;margin:0!important;padding:11px!important;background:transparent!important;border:0!important;color:#cbd5e1!important;font-size:9px!important;line-height:1.55!important;white-space:pre-wrap}
.ukp-disclaimer{margin:0 18px 18px;display:flex;gap:9px;padding:11px 13px;border-radius:11px;background:#f8fafc;border:1px solid #e7edf4}
.ukp-disclaimer>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:900;flex:0 0 20px}
.ukp-disclaimer p{margin:0!important;font-size:9px!important;line-height:1.55!important;color:#718096!important}

/* Takdir / teşekkür rows */
.ukp-grade-head,.ukp-grade-row{min-width:0;display:grid;grid-template-columns:minmax(140px,1.5fr) .62fr .62fr 32px;gap:8px;align-items:center}
.ukp-grade-head{font-size:8.5px;font-weight:800;color:#94a3b8;text-transform:uppercase;padding:0 8px 6px}
.ukp-grade-row{margin-bottom:7px}
.ukp-grade-row>*{min-width:0;margin:0!important}
.ukp-grade-row input{width:100%!important;height:36px!important;min-height:36px!important;border:1px solid #dce5ef!important;border-radius:9px!important;box-shadow:none!important;padding:0 8px!important;font-size:10px!important}
.ukp-grade-row button{width:32px!important;height:32px!important;min-height:32px!important;border:0!important;border-radius:9px!important;background:#fff1f2!important;color:#be123c!important;font-size:17px!important;cursor:pointer;padding:0!important}
.ukp-add-course{border:1px dashed #7dd3fc!important;background:#f0f9ff!important;color:#0369a1!important;border-radius:9px!important;padding:8px 11px!important;font-size:10px!important;font-weight:800!important;margin:2px 0 12px!important}
.ukp-grade-options{margin-top:4px}

/* Respond to plugin width. */
@container ukp (max-width: 960px){
  .ukp-exam-picker{grid-template-columns:minmax(120px,.7fr) minmax(240px,1.8fr);gap:12px}
  .ukp-exam-picker-note{display:none}
  .ukp-workspace{grid-template-columns:1fr;gap:12px}
  .ukp-result-card{min-height:0;padding:14px 16px}
  .ukp-result-empty{min-height:92px;flex-direction:row;text-align:left;justify-content:flex-start;gap:12px;padding:10px 12px}
  .ukp-result-icon{flex:0 0 44px;width:44px;height:44px;margin:0}
  .ukp-result-empty strong{margin:0 4px 0 0;font-size:12px}
  .ukp-result-empty span{max-width:none;font-size:9px}
  .ukp-result-card:has(.ukp-score-ring){display:grid;grid-template-columns:155px minmax(0,1fr);column-gap:14px;align-items:center}
  .ukp-result-card:has(.ukp-score-ring) .ukp-result-top{grid-column:1/-1}
  .ukp-result-card:has(.ukp-score-ring) .ukp-score-ring{grid-column:1;margin:12px auto;width:124px;height:124px}
  .ukp-result-card:has(.ukp-score-ring) .ukp-result-stats{grid-column:2}
  .ukp-result-card:has(.ukp-score-ring) .ukp-net-summary{grid-column:1/-1;margin-top:7px}
  .ukp-result-card:has(.ukp-score-ring) .ukp-result-note{grid-column:1/-1}
}

@container ukp (max-width: 720px){
  .ukp-hero{padding:18px}
  .ukp-hero p{display:none}
  .ukp-hero-pill{display:none}
  .ukp-exam-picker{grid-template-columns:1fr;padding:14px 16px;gap:9px}
  .ukp-exam-picker-copy span{display:none}
  .ukp-exam-select{height:48px!important;min-height:48px!important}
  .ukp-workspace{padding:14px 16px 16px}
  .ukp-panel{padding:16px}
  .ukp-current-title{font-size:19px!important}
  .ukp-field-grid{gap:9px}
  .ukp-net-head,.ukp-net-row{grid-template-columns:minmax(126px,1.35fr) minmax(62px,.55fr) minmax(62px,.55fr) minmax(62px,.55fr);gap:6px}
  .ukp-method{margin:0 16px 10px}
  .ukp-disclaimer{margin:0 16px 16px}
}

@container ukp (max-width: 520px){
  .ukp-app{border-radius:15px;margin:10px auto}
  .ukp-hero{padding:14px}
  .ukp-eyebrow{display:none}
  .ukp-hero h2{font-size:20px!important;margin:0!important}
  .ukp-exam-picker{padding:12px}
  .ukp-exam-picker-copy strong{font-size:13px}
  .ukp-exam-select-icon{left:11px;width:31px;height:31px;font-size:15px}
  .ukp-exam-select{padding-left:51px!important;font-size:12px!important}
  .ukp-workspace{padding:12px;gap:10px}
  .ukp-panel{padding:14px}
  .ukp-field-grid{grid-template-columns:1fr}
  .ukp-panel-head{align-items:center}
  .ukp-current-badge{max-width:190px;font-size:8.5px}
  .ukp-current-title{font-size:17px!important}
  .ukp-mode-badge{font-size:7.5px;padding:5px 7px}
  .ukp-form-intro{padding:10px 11px}
  .ukp-net-head{display:none}
  .ukp-net-row{grid-template-columns:minmax(102px,1fr) 52px 52px 56px;gap:5px;padding:8px 7px}
  .ukp-subject strong{font-size:9.5px}
  .ukp-subject small{font-size:7.3px}
  .ukp-net-row input,.ukp-net-value{height:32px!important;min-height:32px!important;font-size:9.5px!important;border-radius:8px!important}
  .ukp-action-row .ukp-btn{flex:1;min-width:0}
  .ukp-btn{height:40px!important;min-height:40px!important}
  .ukp-result-card:has(.ukp-score-ring){display:block}
  .ukp-result-card:has(.ukp-score-ring) .ukp-score-ring{margin:12px auto;width:112px;height:112px}
  .ukp-result-stats{grid-template-columns:1fr 1fr}
  .ukp-method summary small{display:none}
  .ukp-grade-head{display:none}
  .ukp-grade-row{grid-template-columns:minmax(98px,1.2fr) 58px 54px 29px;gap:5px}
  .ukp-method{margin:0 12px 9px}
  .ukp-disclaimer{margin:0 12px 12px}
}

/* Viewport fallbacks */
@media(max-width:820px){.ukp-workspace{grid-template-columns:1fr}.ukp-result-card{min-height:0}.ukp-exam-picker-note{display:none}}
@media(max-width:560px){.ukp-field-grid{grid-template-columns:1fr}.ukp-net-head{display:none}.ukp-action-row .ukp-btn{flex:1}}

/* Dynamic exam title + intro text shown above the selected calculator */
.ukp-exam-content{padding:20px 22px 4px;background:#fff}
.ukp-exam-content-kicker{display:block;margin-bottom:5px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#1681c4;text-transform:uppercase}
.ukp-exam-content-title{margin:0 0 8px!important;color:#132238!important;font-size:24px!important;line-height:1.2!important;letter-spacing:-.025em}
.ukp-exam-content-text{max-width:980px;color:#5f6f84;font-size:11.5px;line-height:1.7;white-space:pre-line}

@container ukp (max-width:720px){
  .ukp-exam-content{padding:17px 16px 2px}
  .ukp-exam-content-title{font-size:21px!important}
  .ukp-exam-content-text{font-size:11px;line-height:1.65}
}
@container ukp (max-width:520px){
  .ukp-exam-content{padding:15px 13px 1px}
  .ukp-exam-content-title{font-size:19px!important;margin-bottom:6px!important}
  .ukp-exam-content-text{font-size:10.5px;line-height:1.6}
}

/* v2.5 - Her sınav için görünür başlık + açıklama + hesaplayıcı akışı */
.ukp-exam-content{padding:24px 24px 0;background:#fff}
.ukp-exam-content-kicker{display:block;margin-bottom:6px;font-size:10px;font-weight:900;letter-spacing:.085em;color:#0f7fbe;text-transform:uppercase}
.ukp-exam-content-title{margin:0 0 10px!important;color:#132238!important;font-size:clamp(23px,2.8vw,30px)!important;line-height:1.16!important;letter-spacing:-.03em}
.ukp-exam-content-text{max-width:980px;color:#53647a;font-size:13.5px;line-height:1.75;white-space:normal}
.ukp-exam-content-text p{margin:0 0 10px!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
.ukp-exam-content-text p:last-child{margin-bottom:0!important}
.ukp-exam-content-divider{height:1px;background:#e9eef5;margin:20px 0 14px}
.ukp-calculator-anchor-title{display:block;font-size:12px;line-height:1.3;color:#0f7fbe;letter-spacing:.02em}
.ukp-workspace{padding-top:12px}

@container ukp (max-width:720px){
  .ukp-exam-content{padding:20px 16px 0}
  .ukp-exam-content-title{font-size:22px!important}
  .ukp-exam-content-text{font-size:12.5px;line-height:1.7}
  .ukp-exam-content-divider{margin:16px 0 12px}
}
@container ukp (max-width:520px){
  .ukp-exam-content{padding:18px 13px 0}
  .ukp-exam-content-title{font-size:20px!important}
  .ukp-exam-content-text{font-size:12px;line-height:1.65}
}