/* Portal eklemeleri: oturum, rol menüsü, istek akışı, yazdırma */
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
body{font-family:var(--f-body);line-height:1.5}
html,body{margin:0}
body{font-size:14px}
.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.who{font-size:13px;color:var(--muted);text-align:right;line-height:1.3}
.who b{color:var(--ink);display:block;font-size:14px}
.role{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:0 5px;margin-left:4px;color:var(--accent)}

.login{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}
.login form{width:min(380px,100%);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:14px}
.login h1{font-family:var(--f-display);font-size:24px;margin:0;line-height:1.15}
.login .eyebrow{font-family:var(--f-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}

.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.d-bekliyor{background:var(--warn-soft);color:var(--warn)}
.d-onaylandi{background:var(--accent-soft);color:var(--accent)}
.d-karsilandi{background:var(--ok-soft);color:var(--ok)}
.d-reddedildi{background:var(--bad-soft);color:var(--bad)}
.d-iptal{background:var(--idle-soft);color:var(--idle)}
.tab .count.hot{background:var(--warn);color:var(--paper);border-radius:999px;padding:0 6px}

.lines{display:flex;flex-direction:column;gap:10px}
.line{border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;background:var(--bg)}
.line .full{grid-column:1/-1}
.line .rm{justify-self:end}
.pick{position:relative}
.pick .menu{position:absolute;left:0;right:0;top:100%;margin-top:2px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);max-height:260px;overflow:auto;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.pick .menu button{all:unset;box-sizing:border-box;display:block;width:100%;padding:8px 10px;border-bottom:1px solid var(--line-soft);cursor:pointer}
.pick .menu button:hover,.pick .menu button:focus-visible{background:var(--accent-soft)}
.pick .menu .sub{display:block;color:var(--muted);font-size:12px}
.chosen{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}

.ktable td input[type=number]{width:90px}
.ktable td select,.ktable td input[type=text]{min-width:150px}
.steps{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.steps span{display:inline-flex;align-items:center;gap:6px}
.steps span+span::before{content:"→";color:var(--line)}
.steps .on{color:var(--ink);font-weight:600}

.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:820px){.grid2{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column}
.card>h3{font-family:var(--f-display);font-size:16px;margin:0;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}
.card .bd{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.secret{font-family:var(--f-mono);font-size:18px;letter-spacing:.06em;background:var(--bg);border:1px dashed var(--accent);border-radius:var(--r);padding:10px 12px;user-select:all}
.drop{border:2px dashed var(--line);border-radius:var(--r);padding:20px;text-align:center;color:var(--muted)}
.drop.over{border-color:var(--accent);background:var(--accent-soft)}

#print{display:none}
@media print{
  body{background:#fff;color:#000}
  body>*:not(#print){display:none!important}
  #print{display:block;font-family:var(--f-body);font-size:11pt;color:#000}
  #print h1{font-family:var(--f-display);font-size:16pt;text-align:center;margin:0 0 4mm}
  #print .meta{display:grid;grid-template-columns:1fr 1fr;gap:1mm 8mm;margin-bottom:4mm;font-size:10pt}
  #print table{width:100%;border-collapse:collapse;min-width:0}
  #print th,#print td{border:1px solid #000;padding:1.5mm 2mm;font-size:9.5pt;text-align:left;background:none;color:#000;text-transform:none;letter-spacing:0}
  #print td.r,#print th.r{text-align:right}
  #print .sig{display:grid;grid-template-columns:repeat(4,1fr);gap:6mm;margin-top:12mm;font-size:9.5pt;text-align:center}
  #print .sig div{border-top:1px solid #000;padding-top:2mm;min-height:18mm}
  #print .sig.three{grid-template-columns:repeat(2,1fr)}
  @page{size:A4;margin:14mm}
}