:root{color-scheme:only light}
/* =============================================================
   PENTANOVA TEMA — pentanovadanismanlik.com tasarım dili
   Turkuaz (#34B2B8 / #1C8A90), gece (#0E1A1D), Literata + Figtree,
   yuvarlak kartlar, hap düğmeler, yumuşak gölge ve hareket.
   app.css'ten SONRA yüklenir; yalnız görünümü değiştirir.
   ============================================================= */
:root{
  --ink:#0E1A1D; --ink-2:#1C8A90; --paper:#F7FAFA; --card:#FFFFFF;
  --rule:#D8E5E6; --rule-soft:#E9F1F2;
  --oxblood:#C8413A; --oxblood-soft:#FDEEEC;
  --green:#1C8A5E; --green-soft:#E6F5EE;
  --amber:#B7791F; --amber-soft:#FEF6E6;
  --teal:#34B2B8; --tq:#34B2B8; --tqk:#1C8A90; --tqa:#DDF1F2; --gece:#0E1A1D;
  --muted:#546468;
  --grad:linear-gradient(115deg,#34B2B8 0%,#1C8A90 100%);
  --shadow:0 1px 2px rgba(14,26,29,.04), 0 18px 40px -28px rgba(14,26,29,.35);
  --shadow-2:0 2px 4px rgba(14,26,29,.05), 0 28px 60px -30px rgba(14,26,29,.45);
  --r:18px; --r-s:12px;
  --disp:"Literata",Georgia,"Times New Roman",serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --cicek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='69.28' viewBox='0 0 40 69.28'%3E%3Cg fill='none' stroke='%2334B2B8' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='20'/%3E%3Ccircle cx='40' cy='0' r='20'/%3E%3Ccircle cx='20' cy='34.64' r='20'/%3E%3Ccircle cx='0' cy='69.28' r='20'/%3E%3Ccircle cx='40' cy='69.28' r='20'/%3E%3C/g%3E%3C/svg%3E");
}
body{
  font-family:var(--body);font-size:15px;color:var(--ink);
  background:radial-gradient(900px 520px at 100% -10%, #E3F4F5 0%, transparent 65%), radial-gradient(700px 500px at -10% 110%, #EAF6F6 0%, transparent 60%), var(--paper);
  background-attachment:fixed;
}
a{color:var(--tqk)}
::selection{background:var(--tqa)}

/* ---------- Üst çubuk ---------- */
.topbar{background:#17393D;background-image:linear-gradient(115deg,rgba(14,26,29,.96) 0%,rgba(20,52,56,.93) 45%,rgba(28,110,115,.88) 100%),var(--cicek);border-bottom:0;box-shadow:0 10px 30px -18px rgba(14,26,29,.8)}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad);opacity:.9}
.topbar-in{padding:10px 22px}
.brand img{width:40px;height:40px;background:transparent;border-radius:50%;box-shadow:0 0 0 2px rgba(52,178,184,.35), 0 0 24px -4px rgba(52,178,184,.6);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.brand:hover img{transform:rotate(60deg)}
.brand b{font-family:var(--disp);font-weight:600;font-size:16.5px;letter-spacing:0}
.brand small{font-family:var(--body);font-size:11px;letter-spacing:.02em;text-transform:none;color:#8FD9DC;font-style:italic}
.nav{gap:6px}
.nav a{color:#fff;font-weight:600;font-size:14.5px;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .25s,border-color .25s,transform .2s}
.nav a:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);transform:translateY(-1px)}
.nav a.on{background:#fff;color:var(--gece);border-color:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.nav a.on .say{background:var(--oxblood);color:#fff}
.nav a .say{font-family:var(--body);font-weight:700;background:#fff;color:var(--oxblood);border-radius:999px;padding:1px 7px}
.user{color:#A9BCC0}
.user button{border-radius:999px;border-color:rgba(143,217,220,.3);color:#DDF1F2;padding:6px 12px;transition:all .25s}
.user button:hover{background:rgba(52,178,184,.15);border-color:var(--tq)}
.mod-rozet{border-radius:999px;font-family:var(--body);font-weight:700}

/* ---------- Sayfa ---------- */
.wrap.anim{animation:yuksel .45s cubic-bezier(.2,.8,.2,1) both}
html{background:var(--paper)}
body{min-height:100vh;display:flow-root}
@keyframes yuksel{from{transform:translateY(8px)}to{transform:none}}
.sayfa-baslik{margin:14px 0 20px}
.sayfa-baslik h1{font-family:var(--disp);font-weight:600;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.01em}
.eyebrow{font-family:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--tqk)}
.eyebrow a{color:var(--tqk)}

.kart{border-radius:var(--r);border-color:var(--rule);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .3s}
.kart:hover{box-shadow:var(--shadow-2)}
.kart-bas{padding:15px 20px;border-bottom-color:var(--rule-soft)}
.kart-bas h2{font-family:var(--disp);font-size:18px;font-weight:600;letter-spacing:0;text-transform:none}
.kart-ic{padding:16px 20px}

/* ---------- Düğmeler ---------- */
.btn{border-radius:999px;border-color:var(--rule);padding:9px 16px;font-family:var(--body);font-weight:600;color:var(--ink);transition:all .25s}
.btn:hover{border-color:var(--tq);color:var(--tqk);transform:translateY(-1px)}
.btn.solid{background:var(--gece);border-color:var(--gece);color:#fff}
.btn.solid:hover{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 22px -12px rgba(28,138,144,.9)}
.btn.danger{color:var(--oxblood);border-color:#F0C9C5}
.btn.danger:hover{background:var(--oxblood-soft);color:var(--oxblood);border-color:var(--oxblood)}
.btn.kucuk{padding:5px 11px}
.btn:active{transform:translateY(0) scale(.98)}

/* ---------- Form ---------- */
.fld{border-color:var(--rule-soft)}
.fld label,.lbl{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--muted)}
.fld input,.fld select,.fld textarea{font-weight:600}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-bottom-color:var(--tq)}
.inp{border-radius:var(--r-s);padding:10px 12px;border-color:var(--rule);transition:border-color .2s, box-shadow .2s}
.inp:focus{outline:none;border-color:var(--tq);box-shadow:0 0 0 4px var(--tqa)}
input[type=checkbox]{accent-color:var(--tqk)}

/* ---------- Tablo ---------- */
table.t th{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--muted);background:#F9FCFC;border-bottom-color:var(--rule)}
table.t td{border-bottom-color:var(--rule-soft)}
table.t tr.tik td{transition:background .2s}
table.t tr.tik:hover td{background:#F1F9F9}

/* ---------- Rozet / çip ---------- */
.rz{font-family:var(--body);font-size:11.5px;font-weight:600;letter-spacing:0;border-radius:999px;padding:2px 9px;background:#F2F6F6;border-color:var(--rule)}
.rz.kirmizi{border-color:#F3CFCB}
.rz.yesil{border-color:#BFE6D3}
.rz.sari{border-color:#F3DDB0}
.rz.koyu{background:var(--tqa);border-color:var(--tqa);color:var(--tqk)}
.chip{font-family:var(--body);font-size:11px;letter-spacing:0;border-radius:999px;padding:2px 9px;background:#F5F9F9}

/* ---------- KPI ---------- */
.kpi{gap:14px}
.kpi a,.kpi div.k{border-radius:var(--r);border:1px solid var(--rule);border-left:1px solid var(--rule);box-shadow:var(--shadow);padding:16px 18px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s}
.kpi a::before,.kpi div.k::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.kpi a:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.kpi b{font-family:var(--disp);font-weight:600;font-size:32px}
.kpi span{font-family:var(--body);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none}
.kpi .kirmizi::before,.kpi div.k.kirmizi::before{background:var(--oxblood)} .kpi .sari::before,.kpi div.k.sari::before{background:var(--amber)} .kpi .yesil::before,.kpi div.k.yesil::before{background:var(--green)}
.kpi .kirmizi b{color:var(--oxblood)}

.skor-cubuk{border-radius:999px;overflow:hidden;height:8px;background:var(--rule-soft)}
.skor-cubuk i{background:var(--grad)}

/* ---------- Periyot kartı ---------- */
.periyot{background:var(--gece);background-image:linear-gradient(rgba(14,26,29,.92),rgba(14,26,29,.92)),var(--cicek);color:#DDF1F2}
.periyot h3{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.04em;color:#8FD9DC}
.pv{border-top-color:rgba(143,217,220,.14)}
.pv b{font-family:var(--disp);font-weight:600}
.pv span{color:#9FB4B8}

/* ---------- Karne ---------- */
.karne{background:rgba(247,250,250,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom-color:var(--rule);top:0}
.score b{font-family:var(--disp);font-weight:600;color:var(--tqk)}
.score span,.tally em,.kayit-durum{font-family:var(--body);letter-spacing:0;text-transform:none;font-weight:600}
.bar{border-radius:999px;height:10px}
.bar i{transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bar i.u{background:var(--grad)}
.alarm{font-family:var(--body);font-weight:700;letter-spacing:.02em;text-transform:none;border-radius:999px;padding:6px 12px}
.ceza-rozet{font-family:var(--body);font-weight:600;border-radius:999px;padding:6px 12px}
.tools input[type=search]{border-radius:999px;padding:10px 16px}
.tools input[type=search]:focus{outline:none;border-color:var(--tq);box-shadow:0 0 0 4px var(--tqa)}
.kilit-bant{border-radius:var(--r-s)}

/* ---------- Bölümler & maddeler ---------- */
.sec{border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .3s}
.sec:hover{box-shadow:var(--shadow-2)}
.sec-head{border-left:0;background:#FBFDFD;padding:15px 18px}
.sec-head:hover{background:#F1F9F9}
.sec-code{font-family:var(--body);font-weight:700;background:var(--gece);border-radius:8px;padding:4px 8px}
.sec[data-sektor="1"] .sec-code{background:var(--tqk)}
.sec-title{font-family:var(--disp);font-weight:600;font-size:17px}
.sec-meter{font-family:var(--body);font-weight:600}
.row{transition:background .25s}
.row:hover{background:#FBFEFE}
.row.d-flag{background:#FFF7F6}
.row-no{font-family:var(--body);font-weight:700;color:#9FB0B3}
.row-txt{font-size:15px;font-weight:500}
.seg{border-radius:999px;border-color:var(--rule)}
.seg button{font-family:var(--body);font-weight:700;font-size:11px;letter-spacing:.02em;transition:background .2s,color .2s}
.seg button:hover{background:#F1F9F9}
.seg button[aria-pressed=true][data-v=U]{background:var(--grad)}
.note{border-radius:var(--r-s)}
.note:focus{border-color:var(--tq);box-shadow:0 0 0 3px var(--tqa)}
.dof{border-radius:var(--r-s);border-color:#F3CFCB;border-left-width:4px}
.dof label{font-family:var(--body);font-weight:700;letter-spacing:0;text-transform:none;font-size:11.5px}
.dof input,.dof select,.dof textarea{border-radius:10px}
.row-uygun{border-radius:0 10px 10px 0;background:#F0F9F9;border-left-color:var(--tq);color:#20484C}
.row-uygun b{color:var(--tqk)}
.row-ceza{border-left-color:var(--amber)!important;background:var(--amber-soft)!important;color:#5A4210}
.row-ceza b{color:var(--amber)}
.row-ygt{border-left-color:var(--gece)!important;background:#F3F6F7!important;color:#27373A}
.row-ygt b{color:var(--gece)}
.foto{border-radius:10px;overflow:hidden}
.ceza-kutu{border-radius:var(--r-s)}

/* ---------- Diyalog ---------- */
.perde{background:rgba(14,26,29,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:sol .2s ease both}
.diyalog{border-top:0;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(14,26,29,.6);animation:belir .32s cubic-bezier(.2,.8,.2,1) both}
.diyalog h3{font-family:var(--disp);font-weight:600;font-size:20px;padding:18px 22px;background:linear-gradient(180deg,#F4FAFA,#fff)}
.diyalog .alt{padding:14px 22px;background:#FAFCFC}
@keyframes sol{from{opacity:0}to{opacity:1}}
@keyframes belir{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- Giriş ---------- */
.giris{max-width:420px;margin:8vh auto;border:1px solid var(--rule);border-top:0;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-2);position:relative}
.giris .ust{padding:30px 26px 14px;background:linear-gradient(180deg,rgba(247,250,250,.82),#fff 92%),var(--cicek);background-size:auto,40px 69.28px}
.giris .ust img{max-width:190px}
.giris .ust .eyebrow{font-family:var(--disp);font-style:italic;font-size:15px;color:var(--tqk)}
.giris form{padding:14px 26px 26px;gap:14px}
.giris .btn{justify-content:center;padding:12px 16px;font-size:15px}
body:has(.giris){background:radial-gradient(800px 600px at 80% 20%, #DDF1F2 0%, transparent 60%), radial-gradient(700px 500px at 10% 90%, #E3F4F5 0%, transparent 60%), var(--paper)}

/* ---------- Bildirim ---------- */
.bildirim{border-radius:999px;padding:11px 20px;background:var(--gece);box-shadow:0 18px 40px -16px rgba(14,26,29,.7);animation:bildir .35s cubic-bezier(.2,.8,.2,1) both}
.bildirim.hata{background:var(--oxblood)}
@keyframes bildir{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

.legal{border-radius:var(--r);border-left:1px solid var(--rule);background:#fff;position:relative;overflow:hidden}
.legal::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.foot{font-family:var(--disp);font-style:italic;color:var(--tqk)}

/* ---------- Denetime başla ---------- */
.btn-baslat{border-radius:22px;background:var(--grad);box-shadow:0 22px 40px -24px rgba(28,138,144,.95);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s}
.btn-baslat::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s}
.btn-baslat:hover{background:var(--grad);transform:translateY(-3px);box-shadow:0 30px 50px -24px rgba(28,138,144,1)}
.btn-baslat:hover::after{transform:translateX(120%)}
.btn-baslat b{font-family:var(--disp);font-weight:600;font-size:23px}
.btn-baslat .ok{background:rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:nabiz 2.4s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.btn-baslat.ikincil{background:var(--gece);box-shadow:0 22px 40px -26px rgba(14,26,29,.9)}
.btn-baslat.ikincil:hover{background:#15282C}
.btn-baslat.ikincil .ok{animation:none}

/* ---------- Modüller ---------- */
.modul-bas{font-family:var(--disp);font-weight:600;font-size:21px;border-radius:var(--r);padding:14px 20px;background:var(--gece);background-image:linear-gradient(90deg,rgba(14,26,29,.97) 40%,rgba(14,26,29,.8)),var(--cicek);position:relative;overflow:hidden}
.modul-bas::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad)}
.modul-nav a{font-family:var(--body);transition:all .25s}
.modul-nav a:hover{border-color:var(--tq);color:var(--tqk);transform:translateY(-1px)}
.modul-nav a span{font-family:var(--body);font-weight:700;color:var(--tqk);background:var(--tqa);border-radius:999px;padding:0 7px}
.giris-bilgi{border-radius:var(--r-s);background:#F4FAFA}
.firma-sec{border-radius:var(--r-s)}


@media (max-width:860px){
  .topbar-in{padding:8px 14px}
  .nav a{padding:6px 11px}
  .sec-title{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{ body{background:#fff} .topbar::after{display:none} }

/* ---------- İşveren portalı ---------- */
.p-ust{background:var(--gece);background-image:linear-gradient(90deg,rgba(14,26,29,.97) 50%,rgba(14,26,29,.85)),var(--cicek);border-bottom:0;position:relative}
.p-ust::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad)}
.p-marka{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.p-marka img{height:46px;width:46px;border-radius:50%;mix-blend-mode:normal;box-shadow:0 0 0 2px rgba(52,178,184,.35),0 0 24px -4px rgba(52,178,184,.6)}
.p-marka b{display:block;font-family:var(--body);font-weight:800;letter-spacing:.14em;font-size:17px}
.p-marka i{display:block;font-family:var(--disp);color:#8FD9DC;font-size:13.5px}
.p-ust-sag small{color:#8FD9DC;font-family:var(--body);font-weight:700;letter-spacing:.12em}
.p-ust-sag span{color:#DDF1F2;font-family:var(--body);font-style:normal}
.p-kart{border-radius:var(--r);border-left-width:1px;position:relative;overflow:hidden;transition:box-shadow .3s}
.p-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.p-kart.krit::before{background:var(--oxblood)} .p-kart.kapali::before{background:var(--green)}
.p-kart:hover{box-shadow:var(--shadow-2)}
.p-kart h3{font-family:var(--disp);font-weight:600;font-size:17px}
.p-bolum{font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:0;text-transform:none}
.p-form{border-radius:var(--r-s);background:#F7FBFB}
.p-form textarea,.p-form input[type=text]{border-radius:10px}
.p-plan{border-radius:0 12px 12px 0;border-left-color:var(--tq);background:#F0F9F9}
.p-plan-genel{border-radius:var(--r);border-color:var(--rule);background:#fff}

/* =============== RAPOR — Pentanova görünümü (ekranda belge, yazdırmada A4) =============== */
body.rapor-modu{background:var(--gece);background-image:radial-gradient(900px 600px at 85% 0%,rgba(52,178,184,.28),transparent 60%),linear-gradient(rgba(14,26,29,.94),rgba(14,26,29,.94)),var(--cicek)}
.r-arac{background:rgba(14,26,29,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:0;box-shadow:0 10px 30px -16px rgba(0,0,0,.8)}
.r-arac::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad)}
.r-arac b{font-family:var(--disp);font-weight:600;font-size:15.5px}
.r-arac .btn{border-radius:999px;border-color:rgba(143,217,220,.3)}
.r-arac .btn.solid{background:var(--grad);color:#fff;border-color:transparent}
.r-arac label{color:#B8C8CB}
.r-sayfa{--r-ink:#0E1A1D;--r-teal:#1C8A90;--r-ox:#C8413A;--r-mut:#546468;--r-rule:#D8E5E6;
  background:#fff;font-family:var(--body);color:#1B2A2D;border-radius:26px;overflow:hidden;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(143,217,220,.12);animation:belir .5s cubic-bezier(.2,.8,.2,1) both}
@media screen{
  .r-sayfa{width:min(1040px,calc(100% - 32px));min-height:0;margin:26px auto 60px}
  .r-ic{padding:0 clamp(18px,5vw,60px)}
  .r-antet{padding-left:clamp(18px,5vw,60px);padding-right:clamp(18px,5vw,60px)}
  .r-antet:after,.r-altbilgi:before{left:clamp(18px,5vw,60px);right:clamp(18px,5vw,60px)}
  .r-altbilgi{padding-left:clamp(18px,5vw,60px);padding-right:clamp(18px,5vw,60px)}
}
.r-serit{width:6px;background:var(--grad)}
.r-antet{background:linear-gradient(180deg,#F4FAFA,rgba(255,255,255,0))}
.r-antet:after{border-bottom:0;height:2px;background:var(--grad)}
.r-marka{display:flex;align-items:center;gap:3mm}
.r-marka img{height:12mm;width:12mm;border-radius:50%}
.r-marka b{display:block;font-family:var(--body);font-weight:800;letter-spacing:.16em;font-size:12pt;color:var(--gece)}
.r-marka i{display:block;font-family:var(--disp);color:var(--tqk);font-size:9.5pt}
.r-antet .sag small{font-family:var(--body);font-weight:700;letter-spacing:.14em;color:var(--tqk)}
.r-antet .sag i{font-family:var(--disp);color:var(--muted)}
.r-altbilgi img{border-radius:50%}
.r-altbilgi .sag{font-family:var(--body)}
.r-eyebrow{font-family:var(--body);font-weight:700;letter-spacing:.08em;color:var(--tqk)}
.r-baslik{font-family:var(--disp);font-weight:600;text-transform:none;font-size:24pt;letter-spacing:-.01em;color:var(--gece)}
.r-alt{font-family:var(--body);font-weight:600;color:var(--tqk);border-bottom:0;position:relative;padding-bottom:4mm}
.r-alt::after{content:"";position:absolute;left:0;bottom:0;width:38mm;height:3px;border-radius:3px;background:var(--grad)}
.r-sayfa h2{font-family:var(--disp);font-weight:600;font-size:15pt;color:var(--gece);border-bottom:1px solid var(--rule)}
.r-sayfa h3{font-family:var(--disp);font-weight:600;color:var(--gece)}
.r-kunye td{border-color:var(--rule)}
.r-kunye td:first-child{background:#F0F8F8;color:var(--gece)}
.r-tablo th{background:var(--gece);font-family:var(--body)}
.r-tablo td{border-bottom-color:var(--rule-soft)}
.r-tablo tr.r-toplam td{background:#F0F8F8;border-top-color:var(--tqk)}
.r-kpi div{border-radius:14px;border-top:0;position:relative;overflow:hidden;box-shadow:0 12px 26px -20px rgba(14,26,29,.6)}
.r-kpi div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}
.r-kpi .kir::before{background:var(--oxblood)}
.r-kpi b{font-family:var(--disp);font-weight:600;color:var(--gece)}
.r-kpi span{font-family:var(--body);font-weight:700;letter-spacing:.04em}
.r-cubuk{border-radius:999px;overflow:hidden;background:var(--rule-soft)}
.r-bulgu{border-radius:14px;border-left:1px solid var(--rule);position:relative;overflow:hidden;padding-left:6mm}
.r-bulgu::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.r-bulgu.krit::before{background:var(--oxblood)}
.r-bulgu .no{font-family:var(--body);font-weight:700;border-radius:999px;padding:.6mm 2.4mm;background:var(--gece)}
.r-bulgu.krit .no{background:var(--oxblood)}
.r-bulgu .mev{font-family:var(--body)}
.r-etiket{font-family:var(--body);font-weight:600;border-radius:999px;padding:.3mm 2mm}
.r-ceza{border-radius:0 10px 10px 0}
.r-ceza-ozet{border-radius:12px}
.r-ygt{background:#F3F6F7;border-left:3px solid var(--gece);padding:1.2mm 2.5mm;border-radius:0 10px 10px 0}
.r-not{border-radius:12px;background:#F4FAFA;border-left-color:var(--tq)}
.r-fotolar img{border-radius:10px}
@media print{
  body.rapor-modu{background:#fff;background-image:none}
  .r-sayfa{border-radius:0;box-shadow:none;animation:none;overflow:visible}
  .r-antet{background:#fff}
}
@media screen and (max-width:820px){ .r-sayfa{border-radius:18px;margin:12px auto 40px} }

/* ---- Giriş: büyük 3D amblem (pentanovadanismanlik.com hero'su gibi) ---- */
.giris-sahne{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:32px 28px;box-sizing:border-box}
.giris-sahne .giris{margin:0;justify-self:center;width:100%;max-width:420px}
.giris-amblem{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.amblem-kap{position:relative;width:100%;max-width:520px;aspect-ratio:1/1;perspective:1000px;animation:amb-yuz 6s ease-in-out infinite}
@keyframes amb-yuz{50%{transform:translateY(-10px)}}
.amblem-kap canvas{position:absolute;left:-14%;top:-14%;width:128%;height:128%;display:block;pointer-events:none;opacity:0;filter:drop-shadow(0 34px 40px rgba(14,26,29,.18))}
.amblem-kap .amb-duz{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 30px 50px rgba(28,138,144,.18))}
.amblem-kap.uc-acik canvas{opacity:1}
.amblem-kap.uc-acik .amb-duz{opacity:0}
.alan-cip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.alan-cip button{font:600 13px var(--body);padding:8px 16px;border-radius:999px;border:1px solid var(--rule);background:#fff;color:var(--muted);cursor:pointer;transition:all .3s}
.alan-cip button:hover{border-color:var(--tq);color:var(--tqk)}
.alan-cip button.on{background:var(--gece);border-color:var(--gece);color:#fff;box-shadow:0 8px 18px -10px rgba(14,26,29,.8)}
.alan-ad{margin:0;font-family:var(--disp);font-style:italic;font-size:17px;color:var(--tqk);min-height:1.4em}
.alan-ad.yeni{animation:kay .4s ease both}
@keyframes kay{from{transform:translateY(6px)}to{transform:none}}
.giris .ust .amb-yazi{display:block;margin:4px auto 0;max-width:230px;width:70%;height:auto}
.giris .ust{text-align:center}
@media (max-width:860px){
  .giris-sahne{grid-template-columns:1fr;gap:10px;padding:18px 16px 28px;align-content:start}
  .amblem-kap{max-width:min(250px,62vw)}
  .alan-cip{gap:6px} .alan-cip button{padding:6px 12px;font-size:12px}
  .alan-ad{font-size:15px}
}
@media (prefers-reduced-motion:reduce){ .amblem-kap{animation:none} }
.fld label.cb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);font-weight:600;cursor:pointer;margin-top:4px}
.fld label.cb input[type=checkbox]{width:auto;flex:none;margin:0;accent-color:var(--tq)}
.user #btnYukle{background:#fff;color:var(--gece);border-color:#fff;font-weight:700}
.user #btnYukle:hover{background:var(--tqa)}