/* =====================================================================
   Voiser Work — arayüz teması
   Tanıtım sayfasıyla aynı dil: Aspekta; zemin ve yazı nötr (siyah-beyaz), mor yalnız vurgu (düğme, seçili öğe, odak);
   etiketler sitedeki gibi küçük renkli kareli; liste sayfalarının başlığında sitedeki "ipek" bandı.
   ===================================================================== */
:root{
  color-scheme:light;
  --f1:Aspekta,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  /* zemin ve yüzeyler */
  --bg:#F7F6FB; --bg2:#FFFFFF; --panel:#FFFFFF; --card:#FFFFFF; --card2:#F3F2F7; --card3:#E8E6EE;
  --line:rgba(17,16,22,.07); --line2:rgba(17,16,22,.11); --line3:rgba(17,16,22,.2);
  /* metin */
  --txt:#111016; --body:#34323C; --dim:#5E5C68; --dim2:#72707C;
  /* marka: dolgu için mor, açık zeminde yazı ve simge için koyu mor */
  --brand:#927BFF; --brand-hi:#A897FF; --brand-lo:#7359F0; --brand-ink:#5B42D9; --lav:#C3B7FF;
  --logo-mark:#927BFF;          /* logo: açık zeminde Voiser moru, koyu zeminde beyaz */
  --brand-soft:rgba(146,123,255,.12); --brand-soft2:rgba(146,123,255,.2); --brand-line:rgba(146,123,255,.5);
  /* ana dolgu: Voiser moru (beyaz yazı okunur tonda); üzerine gelince bir ton koyu */
  --grad:#7359F0; --grad-hi:#6043E4; --on-grad:#FFFFFF;
  /* bölüm adları, tablo başlıkları */
  --label:#72707C;
  /* satır üstü, tablo başlığı, iskelet, kaydırma çubuğu, üst bar, perde */
  --hover:#FAF9FC; --head:#FFFFFF; --sk1:#EFEEF4; --sk2:#E4E2EA; --sb:#D9D7E0; --sb-hi:#BDBAC7;
  --hdr:rgba(247,246,251,.86); --scrim:rgba(17,16,22,.32);
  /* durum */
  --danger:#E5484D; --danger-ink:#C42B3A; --danger-soft:rgba(229,72,77,.1); --danger-line:rgba(229,72,77,.35);
  --warn:#DB9A2E; --warn-ink:#8F5B0C; --warn-soft:rgba(219,154,46,.14);
  --ok:#1E9E6A; --ok-ink:#157550; --ok-soft:rgba(30,158,106,.11);
  /* eski adlar (kodda geçiyor) */
  --red:var(--brand); --red-dim:#C9BFFF; --focus:var(--brand);
  /* ölçü */
  --r-sm:8px; --r:10px; --r-lg:16px; --r-xl:20px;
  --sh-1:none;
  --sh-2:0 18px 40px -26px rgba(17,16,22,.22);
  --sh-pop:0 24px 60px -22px rgba(17,16,22,.26),0 0 0 1px rgba(17,16,22,.06);
  --ease:cubic-bezier(.2,.8,.3,1);
  --aside:352px;
  /* seçili sekme: kanalın üstünde beyaz kart */
  --seg-on:#FFFFFF; --seg-sh:0 1px 2px rgba(17,16,22,.08),0 0 0 1px rgba(17,16,22,.06);
}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--sb) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--sb);border-radius:6px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--sb-hi)}
aside::-webkit-scrollbar-thumb{border-color:var(--bg2)}
::selection{background:rgba(146,123,255,.28);color:var(--txt)}
[hidden]{display:none !important}
html,body{margin:0;height:100%;color:var(--txt);overflow-x:hidden;
  font:14.5px/1.55 var(--f1);letter-spacing:-.005em;font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{background:var(--bg)}
body{display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg)}
button,input,select,textarea{font:inherit;letter-spacing:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
svg{flex-shrink:0}
h1,h2,h3{font-weight:400}

/* ---------- üst bar ---------- */
header{position:relative;z-index:6;display:flex;align-items:center;gap:22px;height:72px;padding:0 28px;
  border-bottom:1px solid var(--line);background:var(--hdr);backdrop-filter:saturate(140%) blur(14px)}
.lockup{display:flex;align-items:center;gap:18px;padding:6px 2px;border-radius:10px}
.vlogo{display:block;width:auto;aspect-ratio:310.7/109.9;color:var(--logo-mark);transition:color .3s ease}
.lockup .voiser{height:25px}
.title{display:flex;align-items:center;gap:14px;padding-left:16px;margin-left:-4px;border-left:1px solid var(--line3);height:26px}
.title b{font-size:21px;font-weight:400;letter-spacing:-.02em;line-height:1}
.title span{font-size:13px;color:var(--dim2)}
.status{margin-left:auto;display:flex;align-items:center;gap:14px}
.state{display:flex;align-items:center;justify-content:center;width:26px;height:26px;transition:opacity .3s ease}
.state[hidden]{display:flex;opacity:0;pointer-events:none}
#statusText{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--line3);transition:background-color .45s ease,box-shadow .45s ease}
.dot.done{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;
  border-top-color:var(--brand);border-right-color:var(--brand);opacity:0;transition:opacity .35s ease;animation:ringspin .9s linear infinite}
.dot.busy::after{opacity:1}
@keyframes ringspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.dot.live{background:var(--danger);box-shadow:0 0 0 0 rgba(229,72,77,.5);animation:recpulse 1.6s ease-out infinite}
@keyframes recpulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}80%,100%{box-shadow:0 0 0 9px rgba(229,72,77,0)}}
@media (prefers-reduced-motion:reduce){.dot::after,.dot.live{animation:none}}
.dg{display:inline-block;width:.61em;text-align:center;font-style:normal}
code,kbd,samp,pre{font-family:inherit}          /* tarayıcının varsayılan mono yazısı da kullanılmaz */
.clock{font-size:22px;font-weight:400;letter-spacing:-.02em;min-width:76px;text-align:right;color:var(--txt)}
.headlink{border:0;background:transparent;color:var(--dim);font-size:13.5px;padding:6px 2px;transition:color .18s ease}
.headlink:hover{color:var(--txt)}
.headlink.pill,.btn.ghost{height:44px;padding:0 18px;border-radius:var(--r-sm);border:1px solid var(--line2);background:var(--panel);
  color:var(--txt);font-weight:400;font-size:13.5px;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease}
/* çerçeveli ikincil düğmeler: üstüne gelince mor çerçeve, mor yazı, hafif mor zemin (tehlikeli olanlar kırmızı kalır) */
.headlink.pill:hover,.btn.ghost:hover{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
body.archive .headlink{display:none}

/* ---------- düğmeler: Voiser moru, mono, büyük harf ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:var(--r-sm);border:0;
  background:var(--grad);color:#fff;font-weight:400;font-size:13.5px;white-space:nowrap;
  transition:background-color .2s ease,color .2s ease,transform .12s ease,opacity .2s ease}
.btn:active{transform:translateY(1px)}
.btn.red{background:var(--grad);color:var(--on-grad)}
.btn.red:hover{background:var(--grad-hi)}
.btn.red .pl{color:var(--lav)}
.btn.danger-btn{background:var(--danger);color:#fff}
.btn.danger-btn:hover{background:var(--danger-ink)}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn .pl{margin-left:-3px}
#mainBtn{min-width:148px}

/* ---------- belge genişliği ----------
   Kayıt başlığı, araç çubuğu, transkript ve alttaki oynatıcı aynı sütuna hizalanır: tek sütunda 760 px,
   mülakat asistanı varken transkript + asistan (iki sekmede de aynı genişlik, başlık ve sekmeler yerinden oynamaz). */
.main{--docw:760px;display:flex;flex-direction:column;min-width:0;min-height:0}
.main:has(#assist:not([hidden])){--docw:1188px}
.dochead,.head2,.docgrid,.strip .dock{width:100%;max-width:var(--docw);margin-left:auto;margin-right:auto}

/* ---------- kayıt başlığı (panelin başında) ----------
   İlan yolu, düzenlenebilir başlık, tarih · süre · konuşmacılar; sağda İndir ve Sil. */
.dochead{display:flex;flex-direction:column;gap:12px;padding-bottom:28px}
.rcrumb{display:flex}
.rcrumb .rc{display:inline-flex;align-items:center;gap:6px;padding:2px 0;border:0;background:none;color:var(--dim);
  font-size:13px;transition:color .2s ease}
.rcrumb .rc:hover{color:var(--brand-ink)}
.rcrumb .rc svg{transition:transform .45s cubic-bezier(.19,1,.22,1)}
.rcrumb .rc:hover svg{transform:translateX(-3px)}
.dbar{display:flex;align-items:center;gap:16px;min-height:36px;margin-bottom:2px}
.dtitle{min-width:0}
.dtitle .rectitle{min-width:0}
.dtitle .rectitle .ed{position:relative;display:block}
.dtitle .rectitle .ed .tin{display:block;width:100%;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:6px;resize:none;overflow:hidden;
  font-family:var(--f1);font-size:38px;line-height:1.14;letter-spacing:-.035em;color:var(--txt);background:transparent;cursor:text;
  transition:background-color .2s ease,box-shadow .2s ease}
.dtitle .rectitle .ed .tin:hover{background:var(--card2);box-shadow:0 0 0 6px var(--card2)}
.dtitle .rectitle .ed .tin:focus{background:var(--panel);box-shadow:0 0 0 6px var(--panel),0 0 0 7px var(--brand-line)}
.dtitle .saved{position:absolute;right:0;top:100%;margin:8px 0 0}
.tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
.tools .abtn{height:36px;padding:0 12px 0 14px;gap:8px}
.ibtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line2);
  background:var(--panel);color:var(--dim);transition:color .2s ease,border-color .2s ease,background-color .2s ease}
.ibtn:hover{color:var(--txt);border-color:var(--line3);background:var(--card2)}
.ibtn.danger:hover{color:var(--danger-ink);border-color:var(--danger-line);background:var(--danger-soft)}
.rmeta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;font-size:13.5px;color:var(--dim)}
.rmeta > span{display:inline-flex;align-items:center;gap:8px}
.rmeta > span + span::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--line3);margin:0 14px}
.rmeta em{font-style:normal;font-size:12px;color:var(--txt)}
.rmeta .avs{display:inline-flex}
.rmeta .avs b{width:22px;height:22px;margin-left:-5px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;
  font:400 10px var(--f1);color:#16142A;box-shadow:0 0 0 2px var(--bg)}
.rmeta .avs b:first-child{margin-left:0}

/* ---------- oynatıcı / konuşma akışı (ana sütunun altında) ----------
   Canlı kayıtta "Konuşma akışı" ve sağdan sola kayan konuşma şeridi; açılan kayıtta oynat düğmesi, süre,
   konuşmacı başına ince şeritler, asistanın işaretlediği anlar ve hız. */
.strip{position:relative;padding:0 40px 18px;transition:opacity .28s ease,transform .5s cubic-bezier(.19,1,.22,1)}
.follow{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:3;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border:0;border-radius:17px;background:var(--grad);color:var(--on-grad);font:inherit;font-size:13px;box-shadow:var(--sh-2);cursor:pointer;transform:translateX(-50%)}
.follow:hover{background:var(--grad-hi)}
.strip.opening{opacity:0;transform:translateY(14px)}
.strip.open{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.strip{transition:none}}
.dock{display:flex;align-items:center;gap:16px;padding:12px 18px 12px 12px;border-radius:18px;background:var(--panel);
  border:1px solid var(--line);box-shadow:0 1px 0 rgba(17,16,22,.02),0 18px 40px -28px rgba(17,16,22,.24)}
.slabel{display:inline-flex;align-items:center;gap:8px;padding-left:8px;flex:0 0 auto;font-weight:400;font-size:13px;
  color:var(--dim);white-space:nowrap}
.slabel::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.strip.is-rec .slabel{display:none}
.time{font-size:12.5px;color:var(--txt);font-weight:400;white-space:nowrap;min-width:48px}
.time em{font-style:normal;color:var(--dim2);font-weight:400}
.rate{flex:0 0 auto;border:1px solid var(--line2);background:var(--panel);color:var(--body);border-radius:var(--r-sm);height:30px;min-width:44px;padding:0 10px;
  font-size:11.5px;font-weight:400;transition:border-color .15s ease,background-color .15s ease}
.rate:hover{border-color:var(--line3);background:var(--card2)}
.play{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:12px;background:var(--grad);display:none;align-items:center;justify-content:center;
  transition:transform .35s cubic-bezier(.34,1.36,.64,1),background-color .2s ease}
.play:hover{transform:scale(1.05);background:var(--grad-hi)}
.play:active{transform:scale(.96)}
.play svg{display:block}
.play.on{display:flex}
.play.on + .time{min-width:104px}
/* konuşmacı şeritleri: solda baş harf, sağda o kişinin konuştuğu anlar */
.lanes{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;padding-left:2px}
.lanes[hidden]{display:none}
.lanes i{width:18px;height:14px;border-radius:4px;display:flex;align-items:center;justify-content:center;font:400 9px/1 var(--f1);font-style:normal;color:#16142A}
.bars{--lanes:1;position:relative;height:26px;overflow:hidden;flex:1 1 auto;min-width:0;border-radius:6px}
.bars .base{position:absolute;left:0;right:0;top:12px;height:2px;border-radius:1px;background:var(--line2)}
.bars .track{position:absolute;inset:0;will-change:transform}
.bars .seg{position:absolute;top:4px;height:18px;border-radius:5px;opacity:.95}
.bars .head{position:absolute;top:0;left:0;width:2px;height:26px;border-radius:1px;background:var(--brand-lo);will-change:transform}
/* konuşulan parça: kesinleşene kadar sağa doğru uzar; konuşan henüz bilinmiyorsa soluk lavanta, belli olunca onun rengine döner */
.bars .seg.cur{left:0;will-change:transform,width;transition:background-color .7s ease,opacity .7s ease}
.bars .seg.cur.unk{background:var(--lav);opacity:.6}
@media (prefers-reduced-motion:reduce){.bars .seg.cur{transition:none}}
.bars.seekable{cursor:pointer;overflow:visible;height:calc(var(--lanes) * 18px - 4px)}
.bars.seekable .base{display:none}
.bars.seekable::before{content:"";position:absolute;inset:-3px 0;border-radius:6px;background:repeating-linear-gradient(to bottom,var(--card2) 0 14px,transparent 14px 18px);opacity:.9}
.bars.seekable .seg{height:14px;border-radius:4px;opacity:.42;transition:opacity .3s ease,filter .2s ease,box-shadow .2s ease}
.bars.seekable .seg.past{opacity:1}
.bars.seekable .seg.now{opacity:1;box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px var(--brand-lo)}
.bars.seekable .seg:hover{opacity:1;filter:brightness(.94)}
.bars.seekable .head{top:-8px;height:calc(100% + 16px);width:2px;background:var(--brand-lo);z-index:2}
.bars.seekable .head::before{content:"";position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--brand-lo)}
/* asistanın işaretlediği anlar: şeridin üstünde küçük işaretler; tıklayınca o ana gidilir */
.bars .marks{position:absolute;left:0;right:0;top:-14px;height:0;z-index:3}
.bars .mk{position:absolute;top:0;width:9px;height:9px;margin-left:-4.5px;padding:0;border:0;border-radius:2.5px;transform:rotate(45deg);
  background:var(--brand);box-shadow:0 0 0 2px var(--panel);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.36,.64,1)}
.bars .mk.c{background:var(--warn)}
.bars .mk.d{background:var(--dim2)}
.bars .mk:hover{transform:rotate(45deg) scale(1.4)}
.strip.is-rec .dock{padding:16px 18px 14px 14px}
.strip.is-rec .bars{margin-top:6px}

/* üst bar ve şerit hiç ezilmez, kalan yükseklik tamamen içerik alanına gider */
header,.strip,.chips{flex-shrink:0}
.layout{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--aside);grid-template-rows:minmax(0,1fr)}
.panel{flex:1 1 auto;min-height:0;padding:36px 40px 72px;overflow-y:auto;min-width:0}
/* altta oynatıcı varken içerik altına doğru yumuşakça kaybolur */
.main:has(> .strip:not([hidden])) > .panel{padding-bottom:32px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}
aside{border-left:1px solid var(--line);background:var(--bg2);padding:26px 24px;display:flex;flex-direction:column;gap:26px;overflow-y:auto}
body.busy aside{opacity:.55;pointer-events:none}
body.busy .bars{opacity:.45}

/* ---------- yan panel ortak ---------- */
.sect,.sbl{font-size:13px;font-weight:400;color:var(--label);margin:0 0 12px}
.sect{display:flex;align-items:center;color:var(--txt)}
.sect::before,.recent .rhd h3::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-right:10px;background:var(--brand)}
.sbl{margin:0}

/* ---------- yan panel: görüşme ayarları ---------- */
#peoplePanel{display:flex;flex-direction:column;gap:26px}
.sb{display:flex;flex-direction:column;gap:10px}
.sbh{display:flex;align-items:baseline;gap:12px}
.sbh .sbc{margin-left:auto;font-size:11.5px;color:var(--dim2)}
.sbh .sbc em{font-style:normal;color:var(--txt)}
.sbnote{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--dim2)}
.titlefield .tf{display:flex;align-items:center;height:44px;border:1px solid var(--line2);border-radius:var(--r);padding:0 13px;background:var(--panel);
  transition:border-color .18s ease,background-color .18s ease,padding .18s ease,box-shadow .18s ease}
.titlefield .tf:hover{border-color:var(--line3)}
.titlefield .tf:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.titlefield input{width:100%;min-width:0;border:0;background:transparent;color:var(--txt);font-size:14px;padding:0;outline:none;text-overflow:ellipsis}
.titlefield input::placeholder{color:var(--dim2)}

#people{display:flex;flex-direction:column;gap:6px}
.person{position:relative;display:flex;align-items:flex-start;gap:12px;padding:11px;border-radius:12px;
  border:1px solid var(--line);background:var(--panel);transition:background-color .15s ease,border-color .15s ease}
.person:hover,.person:focus-within{background:var(--card2);border-color:var(--line2)}
.avatar{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:#16142A;font-size:12px;font-weight:400;margin-top:1px}
.person .who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.pname{width:100%;min-width:0;height:24px;border:0;border-radius:6px;background:transparent;color:var(--txt);
  font-size:14.5px;font-weight:400;padding:0 6px;margin-left:-6px;outline:none;text-overflow:ellipsis;transition:background-color .15s ease,box-shadow .15s ease}
.pname:hover{background:rgba(17,16,22,.04)}
.pname:focus{background:var(--panel);box-shadow:inset 0 0 0 1px var(--brand)}
.pname:disabled{color:var(--txt);-webkit-text-fill-color:var(--txt);opacity:1;cursor:default;background:transparent}
.person .line2{display:flex;align-items:center;gap:4px;min-height:24px}
.person .st{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;color:var(--dim2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person .line2 .st{margin-right:1px;flex:0 1 auto}
.person .st::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--line3)}
.person .st.ok{color:var(--body)}
.person .st.ok::before{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.person .st.err{color:var(--danger-ink)}
.person .st.err::before{background:var(--danger)}
.person .st.busy::before,.person .st.count::before{display:none}
.person .st.busy{color:var(--body)}
.person .st.count{color:var(--brand-ink)}
.enr{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--line2);
  background:var(--panel);color:var(--body);font-size:12.5px;font-weight:400;white-space:nowrap;flex:0 0 auto;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.enr + .enr{margin-left:0}
.enr svg{color:var(--dim2);transition:color .15s ease}
.enr:hover{border-color:var(--brand-line);color:var(--txt);background:var(--card2)}
.enr:hover svg{color:var(--brand-ink)}
.enr.first{background:var(--grad);border-color:transparent;color:var(--on-grad)}
.enr.first svg{color:var(--lav)}
.enr.first:hover{background:var(--grad-hi);color:var(--on-grad)}
.enr:disabled{opacity:.35;cursor:not-allowed}
.person.drop{background:var(--brand-soft);border-color:var(--brand)}
.cvchip{display:flex;align-items:center;gap:8px;min-width:0;height:32px;margin-top:2px;padding:0 4px 0 10px;border:1px solid var(--brand-line);border-radius:var(--r-sm);
  background:var(--brand-soft);font-size:12.5px;color:var(--body);transition:border-color .15s ease,background-color .15s ease}
.cvchip > svg{flex:0 0 auto;color:var(--brand-ink)}
.cvchip .fn{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:var(--txt);
  font:inherit;font-weight:400;text-align:left;padding:0;cursor:pointer}
.cvchip .fn:hover{color:var(--txt);text-decoration:underline;text-decoration-color:var(--brand-line);text-underline-offset:3px}
.cvchip .meta{flex:0 0 auto;color:var(--brand-ink);font-size:12.5px}
.cvchip.busy{border-color:var(--line2);background:var(--card2)}
.cvchip.busy .meta{display:inline-flex;align-items:center;gap:6px;color:var(--body)}
.cvchip.err{border-color:var(--danger-line);background:var(--danger-soft)}
.cvchip.err .meta{color:var(--danger-ink)}
.cvchip .x{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--dim);display:flex;align-items:center;justify-content:center}
.cvchip .x:hover{color:var(--danger-ink);background:var(--danger-soft)}
.cvchip.open{border-color:var(--brand)}
.cvp{margin:4px 0 2px;padding:11px 13px;border-radius:10px;background:var(--bg);border:1px solid var(--line2);display:flex;flex-direction:column;gap:9px;
  font-size:12.5px;line-height:1.5;color:var(--body)}
.cvp div{display:flex;flex-direction:column;gap:2px}
.cvp small{font-size:12.5px;font-weight:400;color:var(--dim2)}
.cvp .hl{background:var(--warn-soft);color:var(--warn-ink);border-radius:4px;padding:0 3px;margin:0 -3px}
#peoplePanel.locked .cvchip .x{display:none}
.person .rm{position:absolute;top:10px;right:8px;width:24px;height:24px;border:0;background:transparent;color:var(--dim2);border-radius:7px;
  display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease}
.person:hover .rm,.person .rm:focus-visible{opacity:1}
.person .rm:hover{color:var(--danger-ink);background:var(--danger-soft)}
.person .rm:disabled{display:none}
.person .pname{padding-right:30px}
.cd{height:3px;border-radius:2px;background:var(--line2);overflow:hidden;margin-top:2px}
.cd i{display:block;height:3px;background:var(--brand);width:100%;border-radius:2px}
.addrow{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:4px;border:1px dashed var(--line3);border-radius:12px;
  background:transparent;color:var(--dim);font-size:13px;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.addrow span{font-size:16px;line-height:1}
.addrow:hover{border-color:var(--brand);color:var(--txt);background:var(--brand-soft)}
.addrow:disabled{opacity:.35;cursor:not-allowed}
/* kayıt sürerken ayarlar kilitli: düzenleme düğmeleri gizlenir, bilgiler okunur kalır */
#peoplePanel.locked .enr,#peoplePanel.locked .rm,#peoplePanel.locked .addrow,#peoplePanel.locked .sbnote{display:none}
#peoplePanel.locked .person{background:transparent;border-color:transparent;padding-left:0;padding-right:0}
#peoplePanel.locked .person:hover,#peoplePanel.locked .person:focus-within{background:transparent}
#peoplePanel.locked #people{gap:2px}
#peoplePanel.locked .titlefield .tf{border-color:transparent;background:transparent;padding:0;height:auto;box-shadow:none}
#peoplePanel.locked .titlefield input{font-size:19px;font-weight:400;letter-spacing:-.015em;-webkit-text-fill-color:var(--txt);opacity:1}
#peoplePanel.locked .titlefield input::placeholder{color:var(--txt);-webkit-text-fill-color:var(--txt);opacity:1}

.mic-block{margin-top:auto;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.mich{display:flex;align-items:center;gap:9px}
.mich svg{color:var(--dim2);flex:0 0 auto;transition:color .2s ease}
.mic-block.on .mich svg{color:var(--brand-ink)}
.mich b{font-size:13px;font-weight:400}
.mich span{margin-left:auto;font-size:12.5px;color:var(--dim2)}
.mic-block.on .mich span{color:var(--ok-ink)}
.meter{height:4px;border-radius:2px;background:var(--line2);overflow:hidden}
.meter i{display:block;height:4px;width:0;background:linear-gradient(90deg,var(--brand),var(--lav));transition:width .08s linear}
.mic-block p{margin:0;font-size:12.5px;line-height:1.5;color:var(--dim2)}
@media (max-height:700px){.sbnote,.mic-block p{display:none}aside,#peoplePanel{gap:18px}}

/* ---------- transkript satırları ----------
   Her konuşma sırası avatar + ad + zamanla başlar, metin altında; aynı kişinin devam eden cümlesi (cont) başlıksız bağlanır. */
.script{min-width:0}
.row{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"av who" "av say";column-gap:16px;row-gap:4px;
  padding:14px 16px 12px;margin:10px -16px 0;border:0;border-radius:14px;width:calc(100% + 32px);text-align:left}
.row:first-child{margin-top:0}
.row.cont{grid-template-areas:"av say";padding-top:4px;margin-top:0}
.row.cont + .row:not(.cont){margin-top:14px}
.row .av{grid-area:av;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font:400 12px var(--f1);color:#16142A;margin-top:1px;user-select:none}
.row.cont .av{visibility:hidden}
.row.partial .av{background:var(--card3);animation:speakRing 1.6s ease-out infinite}
.row .av{transition:background-color .6s ease}
.row .who{grid-area:who;display:flex;align-items:baseline;gap:10px;min-width:0}
.row.cont .who{grid-area:av;justify-content:center;align-self:start;padding-top:6px}
.row .nm{font-size:14px;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--spk-ink,var(--txt))}
.row .tm{position:relative;font-size:11px;color:var(--dim2);font-weight:400}
.row.cont .tm{font-size:10px;opacity:0;transition:opacity .2s ease}
.row.cont:hover .tm,.row.cont.active .tm{opacity:1}
.row .say{grid-area:say;font-size:16.5px;line-height:1.7;max-width:66ch;color:var(--body);margin:0;transition:color .4s ease}
.row.partial .nm{color:var(--dim2);font-weight:400}
.row.partial.known .nm{color:var(--spk-ink,var(--txt));font-weight:600}
/* konuşan satırın avatarından halka yayılır: kişi belli değilken lavanta, belli olunca onun renginde (aynı hareket sürer) */
@keyframes speakRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ring,var(--lav)) 55%,transparent)}100%{box-shadow:0 0 0 9px color-mix(in srgb,var(--ring,var(--lav)) 0%,transparent)}}
.row.partial .say{color:var(--dim)}
.row.partial .say i{display:inline-block;width:2px;height:18px;background:var(--brand);margin-left:3px;vertical-align:-3px;font-style:normal;animation:caret 1.05s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.say .tk{animation:tkIn .6s ease-out both}
@keyframes tkIn{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}
@media (prefers-reduced-motion:reduce){.say .tk,.row.partial .say i,.row.partial .av{animation:none}.row .av{transition:none}}
#live .row{transition:opacity .22s ease}
#live .row.gone{opacity:0}
/* nihai satır: tıklanınca (ya da Enter) o ana gider; sağ üstte düzelt düğmesi */
.row.seek{position:relative;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}
.row.seek:hover{background:var(--panel);box-shadow:0 0 0 1px var(--line)}
.row.seek.active{background:var(--panel);box-shadow:0 0 0 1px var(--brand-line),inset 3px 0 0 var(--brand)}
.row.seek.active .say{color:var(--txt)}
.row.seek:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.row.seek.editing{cursor:default;background:var(--panel);box-shadow:0 0 0 1px var(--brand-line)}
.redit{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;
  border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--dim);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}
.row.seek:hover .redit,.row.seek:focus-within .redit{opacity:1}
.redit:hover{color:var(--brand-ink);border-color:var(--brand-line)}
.row.editing .redit{display:none}
@media (hover:none){.redit{opacity:.75}}
/* düzeltilmiş satır: orijinalden çıkanların üstü çizili, eklenenler işaretli; "düzeltildi" notunun üstüne gelince kim, ne zaman, orijinal */
.say del{color:var(--dim2);text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:1.5px}
.say ins{text-decoration:none;color:var(--txt);background:var(--ok-soft);border-radius:4px;padding:0 3px;box-shadow:inset 0 -1.5px 0 var(--ok)}
.say .edited{display:inline-flex;align-items:center;height:20px;margin-left:8px;padding:0 7px;border-radius:6px;background:var(--card2);color:var(--dim);
  font-size:11.5px;line-height:1;vertical-align:2px;cursor:help}
.rbox{grid-area:say;display:flex;flex-direction:column;gap:10px;min-width:0}
.rbox textarea{width:100%;min-height:46px;resize:none;border:1px solid var(--brand-line);border-radius:10px;background:var(--bg2);color:var(--txt);
  font:inherit;font-size:16px;line-height:1.6;padding:10px 12px;outline:none;box-shadow:0 0 0 3px var(--brand-soft);overflow:hidden}
.racts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.racts button{height:32px;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--txt);font:inherit;font-size:13px;cursor:pointer}
.racts button:hover{border-color:var(--line3)}
.racts .rsave{background:var(--grad);border-color:transparent;color:var(--on-grad)}
.racts .rsave:hover{background:var(--grad-hi)}
.racts .rrevert{color:var(--dim)}
.racts button:disabled{opacity:.5;cursor:default}
.racts span{margin-left:auto;font-size:12px;color:var(--dim2)}
.rorig{margin:0;font-size:13px;line-height:1.5;color:var(--dim)}
.rorig b{font-weight:600}
.row mark{background:rgba(146,123,255,.28);color:var(--txt);border-radius:3px;padding:0 2px}
.row.seek .nm,.row.seek .av{cursor:pointer}
.row .nm{border-bottom:1px dashed transparent;transition:border-color .18s ease,color .4s ease}
.row.seek:hover .nm{border-bottom-color:currentColor}
/* asistanın işaret ettiği satır: adın yanında kartla aynı etiket (nötr zemin, türün renginde kare); satırın kendisi renklenmez.
   Devam satırında (aynı kişinin sonraki cümlesi) etiket metnin üstünde durur. */
.rflag{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 7px 0 6px;border-radius:6px;background:var(--card2);color:var(--dim);
  font-size:11.5px;font-weight:400;white-space:nowrap}
.rflag::before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--dim2)}
.rflag.c::before{background:var(--warn)}
.rflag.a::before{background:var(--brand)}
.row.cont.flag{grid-template-areas:"av who" "av say"}
.row.cont.flag .who{grid-area:who;justify-content:flex-start;align-self:auto;padding-top:0}
.script .row.pulse{animation:rowflash 1.4s ease}
@keyframes rowflash{0%,40%{background-color:rgba(146,123,255,.18)}100%{background-color:transparent}}

/* ---------- canlı görünüm: solda transkript, sağda mülakat asistanı ---------- */
.docgrid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(28px,3vw,48px);align-items:start}
.docgrid:has(> .assist:not([hidden])){grid-template-columns:minmax(0,1fr) clamp(300px,30cqw,380px)}
.docgrid > .assist{position:sticky;top:24px;max-height:calc(var(--ph,100vh) - 56px);overflow-y:auto}
.assist{display:flex;flex-direction:column;gap:12px;padding:0 2px 16px;overscroll-behavior:contain}
/* kayıt sürerken panel kaymaz; transkript ve asistan kendi sütunlarında ayrı ayrı kayar (yeni satır altta belirir).
   Biten kayıtta (başlık görünürken) iki sekmede de sayfa kayar, asistan sütunu yukarıda sabit kalır. */
.panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]){overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}
.panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]) > :not(#liveView){flex-shrink:0}
.panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]) > #liveView{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]) .livegrid{flex:1 1 auto;min-height:0;align-items:stretch}
.panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]) #live{height:100%;overflow-y:auto;margin:0 -16px;padding:0 16px 48px;overscroll-behavior:contain}
.panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]) .assist{height:100%;position:static;overflow-y:auto}
/* başlık: sütunun üstünde opak şerit (kart değil); kaydırınca kartlar altına girer, yanlardan hiçbir şey taşmaz */
.ahead{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 2px;margin:0;background:var(--bg);box-shadow:0 1px 0 var(--line)}
.ahead b{font-size:13px;font-weight:400}
.ahead span{margin-left:auto;font-size:12.5px;color:var(--brand-ink);background:var(--brand-soft2);padding:0 8px;height:22px;line-height:22px;border-radius:6px}
.ahead span:empty{display:none}
.adot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--line3);transition:background-color .3s ease}
.assist.on .adot{background:var(--brand);animation:adot 1.8s ease-in-out infinite}
.assist.think .adot{background:var(--brand-lo);animation:adot .8s ease-in-out infinite}
@keyframes adot{0%,100%{box-shadow:0 0 0 0 rgba(146,123,255,.5)}50%{box-shadow:0 0 0 6px rgba(146,123,255,0)}}
.astat{margin:2px 0 6px 2px;font-size:12.5px;color:var(--dim2);transition:color .2s ease}
.assist.think .astat{color:var(--brand-ink)}
.aempty{border:1px dashed var(--line2);border-radius:14px;padding:16px;font-size:13px;line-height:1.6;color:var(--dim2);background:transparent}
.alist{display:flex;flex-direction:column;gap:12px}
.icard{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;
  animation:icIn .45s var(--ease) backwards;transition:opacity .25s ease,transform .25s ease}
@keyframes icIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.icard.out{opacity:0;transform:translateX(14px)}
.icard.asked{opacity:.55}
.icard .k{display:flex;align-items:center;gap:8px;min-width:0}
.kind{display:inline-flex;align-items:center;gap:7px;height:22px;padding:0 8px 0 7px;border-radius:6px;font-size:12px;font-weight:400;background:var(--card2);color:var(--body)}
.kind::before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--dim2)}
.kind.c::before{background:var(--warn)}
.kind.a::before{background:var(--brand)}
.cvtag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;font-size:12.5px;font-weight:400;
  background:transparent;border:1px solid var(--brand-line);color:var(--brand-ink);max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icard .k time{margin-left:auto;font-size:11px;color:var(--dim2);font-weight:400}
.icard .t{margin:0;font-size:14px;line-height:1.5;color:var(--txt)}
.ev{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ev button{display:flex;gap:10px;width:100%;text-align:left;border:0;border-left:1px solid var(--line3);background:transparent;
  padding:1px 0 1px 10px;border-radius:0;color:var(--dim);font-size:12.5px;line-height:1.45;transition:color .15s ease}
.ev button:hover{color:var(--txt)}
.ev em{font-style:normal;flex:0 0 auto;color:var(--dim2);font-size:11px;padding-top:1px}
.ev button.cv{border-left-color:var(--brand)}
.ev button.cv em{color:var(--brand-ink)}
.iq{border-radius:10px;background:var(--brand-soft);padding:11px 12px}
.iq small{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:400;color:var(--brand-ink);margin-bottom:4px}
.iq p{margin:0;font-size:14.5px;line-height:1.55;color:var(--txt);min-height:1.55em}
.iacts{display:flex;gap:2px;margin:0 -6px}
.iacts button{height:30px;padding:0 10px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--dim);
  font-size:12.5px;font-weight:400;transition:background-color .15s ease,color .15s ease}
.iacts button:hover{color:var(--txt);background:var(--card2)}
.iacts button.primary{color:var(--brand-ink)}
.iacts button.primary:hover{background:var(--brand-soft)}
.icard.asked .iacts button.primary{color:var(--ok-ink)}
.iacts button[data-a="hide"]{margin-left:auto;color:var(--dim2)}
@container (max-width:860px){
  .docgrid:has(> .assist:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .docgrid > .assist{order:-1;margin-bottom:12px;max-height:38vh;overflow-y:auto;position:static}
}
@media (prefers-reduced-motion:reduce){.icard,.assist.on .adot,.assist.think .adot,.script .row.pulse{animation:none}}
.livenote{margin:26px auto 0;max-width:46ch;text-align:center;font-size:13.5px;line-height:1.6;color:var(--dim2)}

/* ---------- hazırlık ekranı ---------- */
.ready{width:100%;max-width:660px;margin:0 auto;padding:clamp(8px,4vh,44px) 0 0}
.panel:has(> #liveView > #liveEmpty:not([hidden])){padding-bottom:20px}
.rhead{margin-bottom:24px}
.rhead .kick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--brand-ink);margin-bottom:14px}
.rhead .kick::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}
.rhead h2{margin:0;font-size:42px;line-height:1.05;font-weight:400;letter-spacing:-.035em;overflow-wrap:anywhere;transition:color .2s ease}
.rhead h2.auto{color:var(--body)}
.rhead p{margin:12px 0 0;font-size:14.5px;line-height:1.55;color:var(--dim)}
.rcard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);overflow:hidden}
.rsec{padding:16px 22px}
.rsec + .rsec{border-top:1px solid var(--line)}
.rline{display:flex;align-items:center;gap:16px}
.rline > b,.rtop > b{font-size:13px;font-weight:400;color:var(--dim)}
.rline > span{margin-left:auto;font-size:13.5px;color:var(--body);text-align:right}
.rtop{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.rtop > span{margin-left:auto;font-size:11.5px;color:var(--dim)}
.rtop > span em{font-style:normal;color:var(--txt)}
.rpeople{list-style:none;margin:0;padding:0}
.rpeople li{display:flex;align-items:center;gap:12px;padding:10px 0}
.rpeople li + li{border-top:1px solid var(--line)}
.rpeople .av{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:#16142A;font-size:12px;font-weight:400}
.rpeople .nm{flex:1 1 auto;min-width:0;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpeople .ss{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--dim2)}
.rpeople .ss.ok{color:var(--body)}
.rpeople .ss.err{color:var(--danger-ink)}
.rpeople .ss i{width:16px;height:16px;border-radius:50%;border:1px dashed var(--line3);display:inline-flex;align-items:center;justify-content:center}
.rpeople .ss.ok i{border:0;background:var(--ok)}
.rpeople .ss.ok i::after{content:"";width:7px;height:4px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg) translate(.5px,-.5px)}
.rpeople .cvt{flex:0 0 auto;height:22px;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;
  font-size:10.5px;font-weight:400;background:var(--brand-soft2);color:var(--brand-ink)}
.rmic{display:inline-flex;align-items:center;gap:10px}
.rmic .lv{width:64px;height:4px;border-radius:2px;background:var(--line2);overflow:hidden}
.rmic .lv i{display:block;height:4px;width:0;background:var(--brand);transition:width .08s linear}
.rnote{margin:16px 2px 0;font-size:13.5px;line-height:1.6;color:var(--dim)}
.rflow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:f}
.rflow li{counter-increment:f;display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.rflow li::before{content:"0" counter(f);font-size:11.5px;color:var(--brand-ink);margin-bottom:10px}
.rflow b{font-size:14.5px;font-weight:400;letter-spacing:-.01em;color:var(--txt)}
.rflow span{font-size:12.5px;line-height:1.5;color:var(--dim2)}
@container (max-width:560px){.rflow{grid-template-columns:1fr;gap:10px}.rflow li{display:grid;grid-template-columns:28px 1fr;column-gap:12px}
  .rflow li::before{grid-row:span 2;margin:0}}
@media (max-width:860px){.ready{max-width:none;padding-top:20px}.rhead h2{font-size:30px}}
@media (max-height:700px){.rflow{display:none}}
.ready > *{transition:opacity .3s ease,transform .42s cubic-bezier(.3,.7,.2,1)}
.ready.leaving > *{opacity:0;transform:translateY(-14px)}
.ready.leaving > :nth-child(2){transition-delay:.06s}
.ready.leaving > :nth-child(3){transition-delay:.12s}
.ready.leaving > :nth-child(4){transition-delay:.18s}
@media (prefers-reduced-motion:reduce){.ready > *{transition:none}}

/* ---------- boş durum, bilgi ---------- */
.empty{color:var(--dim);padding:48px 28px;text-align:center;border:1px dashed var(--line2);border-radius:var(--r-lg);background:var(--panel);font-size:14px;line-height:1.6}
.empty::before{content:"";display:block;width:46px;height:46px;margin:0 auto 16px;border-radius:12px;background:var(--brand-soft) center/22px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B42D9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3'/%3E%3C/svg%3E")}
.empty b{display:block;color:var(--txt);font-size:18px;margin-bottom:6px;font-weight:400;letter-spacing:-.015em}
.banner{padding:0;background:none;color:var(--dim2);font-size:13px;margin:2px 0 16px;max-width:880px;line-height:1.5}
.banner:empty{display:none}
.banner.err{color:var(--danger-ink)}
#banner:empty{display:none}

/* ---------- işlem ekranı ---------- */
.proc{max-width:560px;margin:7vh auto 0;padding:30px;border-radius:var(--r-xl);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh-2)}
.proc h2{margin:0 0 8px;font-size:26px;font-weight:400;letter-spacing:-.025em}
.proc .sub{margin:0 0 26px;font-size:14px;line-height:1.55;color:var(--dim)}
.steps{display:flex;flex-direction:column;gap:18px}
.step{display:flex;gap:14px;align-items:flex-start}
.step span span,.step>span:last-child{display:flex;flex-direction:column;gap:2px}
.step b{font-size:14.5px;font-weight:400;color:var(--dim2)}
.step i{font-style:normal;font-size:12.5px;color:var(--dim2)}
.step .ico{width:26px;height:26px;flex:0 0 26px;border-radius:50%;border:1px dashed var(--line3);box-sizing:border-box}
.step.active b{color:var(--txt)}
.step.active i{color:var(--body)}
.step.active .ico{border:2px solid var(--brand);border-top-color:transparent;animation:spin 1s linear infinite}
.step.done b{color:var(--txt)}
.step.done .ico{border:0;background:var(--ok-soft);display:flex;align-items:center;justify-content:center}
.step.done .ico::after{content:"";width:11px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg) translate(1px,-2px)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.step.active .ico{animation:none}}
.pbar{height:6px;border-radius:3px;background:var(--line2);overflow:hidden;margin:26px 0 10px;max-width:560px}
.pbar i{display:block;height:6px;background:linear-gradient(90deg,var(--brand-lo),var(--brand));width:8%;border-radius:3px;transition:width .4s ease}
.pfoot{display:flex;font-size:13px;color:var(--dim2);max-width:560px}
.pfoot span:last-child{margin-left:auto}
.panel{container-type:inline-size}

/* panel başı satırı (ör. geri dönüş düğmesi); boşsa yer tutmaz */
.head2{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;z-index:3}
.head2:has(#panelHead:not(:empty)){margin-bottom:18px;min-height:44px}

/* ---------- modal ---------- */
.scrim{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px;z-index:20;
  opacity:0;visibility:hidden;backdrop-filter:blur(0px);
  transition:opacity .28s ease,backdrop-filter .32s ease,visibility 0s linear .32s}
.scrim.on{opacity:1;visibility:visible;backdrop-filter:blur(8px);transition:opacity .28s ease,backdrop-filter .32s ease,visibility 0s}
.modal{transform:translateY(8px) scale(.975);transition:transform .28s var(--ease)}
.scrim.on .modal{transform:none}
.modal{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-pop)}
.modal .ico{width:46px;height:46px;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.modal .ico.danger{background:var(--danger-soft)}
.modal h3{margin:0 0 10px;font-size:24px;font-weight:400;letter-spacing:-.025em;line-height:1.15}
.modal p{margin:0 0 6px;font-size:14.5px;line-height:1.55;color:var(--body)}
.modal p.sub{color:var(--dim);font-size:13.5px;margin-bottom:22px}
.modal .acts{display:flex;gap:10px;justify-content:flex-end}
.modal .warn{padding:13px 14px;border-radius:10px;background:var(--danger-soft);border:1px solid rgba(229,72,77,.2);margin:12px 0 20px}
.modal .warn p{margin:0;font-size:13.5px;line-height:1.55;color:var(--danger-ink)}

/* ---------- sayfa başlıkları ---------- */
.archhead{display:flex;align-items:flex-end;gap:24px;margin-bottom:32px;max-width:none}
.archhead > div{flex:1 1 auto;min-width:0}
.archhead #archNew,.archhead #jobNew{flex:0 0 auto}
.archhead h2{margin:0;font-size:54px;line-height:1;font-weight:400;letter-spacing:-.045em;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.archhead h2 #archTitle{display:inline;font-size:inherit;color:var(--txt)}
.archhead > div > span{display:block;font-size:15px;color:var(--dim)}
.archhead h2 .jstat{font-size:10.5px;letter-spacing:.01em}
.archhead h2 + span{margin-top:14px}
/* liste sayfalarının başlık bandı: sitedeki "ipek" (silk.js), sitedeki gibi sayfanın tersi temada (açıkta koyu, koyuda açık).
   WebGL yoksa zemin ve ışık kalır. Kayıt ekranında yok (orada dikkat transkriptte). */
.archhead.band{position:relative;isolation:isolate;overflow:hidden;align-items:flex-end;min-height:240px;padding:40px 44px;border-radius:20px;
  --fx0:#08070B;--fx1:#0D0A17;--fx2:#4A33CC;--fx3:#8C75FF;--fx4:#D9CEFF;
  --b-txt:#F4F2FA;--b-dim:rgba(244,242,250,.72);--b-veil:rgba(8,7,11,.55);--b-chip:rgba(244,242,250,.14);
  background:radial-gradient(90% 140% at 88% 10%,color-mix(in srgb,var(--fx3) 50%,transparent),transparent 62%),var(--fx0);color:var(--b-txt)}
:root[data-theme="dark"] .archhead.band{--fx0:#EFEBFD;--fx1:#A48EFF;--fx2:#F1EDFF;--fx3:#7359F0;--fx4:#FFFFFF;
  --b-txt:#111016;--b-dim:rgba(17,16,22,.7);--b-veil:rgba(239,235,253,.62);--b-chip:rgba(17,16,22,.08)}
.archhead.band{clip-path:inset(0 round 20px)}
/* tuval (WebGL) ve perde ayrı katman olunca üst öğenin yuvarlak kırpması onlara geçmeyebiliyor (Chrome): köşeleri kendileri de taşır */
.archhead.band .hero-fx,.archhead.band::after{border-radius:inherit}
.archhead.band .hero-fx{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1.2s ease}
.archhead.band .hero-fx.is-on{opacity:1}
.archhead.band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,var(--b-veil),transparent 62%)}
.archhead.band h2,.archhead.band h2 #archTitle,.archhead.band #jobsMeta b{color:var(--b-txt)}
.archhead.band > div > span{color:var(--b-dim)}
.archhead.band #jobsMeta > span + span::before{background:var(--b-dim)}
.archhead.band .jstat{background:var(--b-chip);color:var(--b-txt)}
.archhead.band .btn.red,.archhead.band .btn.red:hover{background:var(--b-txt);color:var(--fx0)}
.crumb{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--dim);font-size:13px;
  padding:4px 8px 4px 4px;margin:0 0 18px -4px;border-radius:8px;transition:color .15s ease,background-color .15s ease}
.crumb:hover{color:var(--txt)}
.back{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--dim);font-size:13.5px;padding:0;margin-bottom:12px}
.back:hover{color:var(--txt)}

/* ---------- ana ekran: iş ilanları ----------
   Başlığın altında tek satır özet; solda ilan listesi (tek beyaz yaprak, satırlar ince çizgiyle ayrılır), sağda son görüşmeler. */
#jobsMeta{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:4px}
#jobsMeta > span + span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--line3);margin:0 12px;vertical-align:4px}
#jobsMeta b{font-weight:600;color:var(--txt)}
.home{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.home > *{min-width:0}
@container (max-width:1100px){.home{grid-template-columns:minmax(0,1fr)}}
.sheet{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 1px 0 rgba(17,16,22,.02),0 26px 50px -40px rgba(17,16,22,.2)}
.sheet .empty{border:0;border-radius:0;background:transparent;padding:56px 28px}

/* araç çubuğu: solda durum süzgeci (sayılarıyla), sağda arama */
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.toolbar .search{flex:0 1 360px;margin:0 0 0 auto}
.search{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:var(--r);border:1px solid var(--line2);background:var(--panel);max-width:none;margin-bottom:6px;
  color:var(--dim2);transition:border-color .18s ease,box-shadow .18s ease}
.search:hover{border-color:var(--line3)}
.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);color:var(--brand-ink)}
.search input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--txt);font-size:14.5px;outline:none}
.search input::placeholder{color:var(--dim2)}
.jfilter{display:inline-flex;gap:2px;padding:4px;margin:0;border:1px solid transparent;border-radius:var(--r);background:var(--card2);flex:0 0 auto}
.jfilter button{height:38px;padding:0 16px;border-radius:7px;border:0;background:transparent;color:var(--dim);
  font-size:13px;font-weight:400;transition:background-color .15s ease,color .15s ease}
.jfilter button:hover{color:var(--txt)}
.jfilter button[aria-pressed="true"]{color:var(--txt)}
.jfilter em{font-style:normal;margin-left:8px;opacity:.55}

/* ilan satırı: ad + durum, departman · lokasyon | adaylar, görüşme sayısı | son başvuru ve kalan süre | ok */
.jhead,.job{display:grid;grid-template-columns:minmax(0,1fr) 220px 170px 18px;column-gap:32px;align-items:center;padding:0 24px}
.jhead{height:46px;border-bottom:1px solid var(--line);background:var(--head);
  font-size:12.5px;color:var(--label)}
.jobs{display:flex;flex-direction:column}
.job{position:relative;width:100%;min-height:92px;padding-top:18px;padding-bottom:18px;border:0;border-top:1px solid var(--line);
  background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .25s ease}
.job:first-child{border-top:0}
.job:hover{background:var(--hover)}
.job:focus-visible{outline-offset:-2px}
.jmain{display:flex;flex-direction:column;gap:7px;min-width:0}
.jtl{display:flex;align-items:center;gap:12px;min-width:0}
.jtl b{min-width:0;font-size:18.5px;font-weight:400;line-height:1.25;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}
.job:hover .jtl b{color:var(--brand-ink)}
.jtl .ji{display:flex;color:var(--dim2)}
.job.none .jtl b{color:var(--body)}
.jmeta{font-size:13.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jrec{display:flex;align-items:center;gap:12px;min-width:0}
.jrec .avs{display:inline-flex;flex:0 0 auto}
.jrec .avs:empty{display:none}
.jrec .avs b{width:28px;height:28px;margin-left:-8px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  font:400 11px var(--f1);color:#16142A;box-shadow:0 0 0 2px var(--panel);transition:transform .45s cubic-bezier(.19,1,.22,1)}
.jrec .avs b:first-child{margin-left:0}
.job:hover .jrec .avs b:nth-child(2){transform:translateX(2px)}.job:hover .jrec .avs b:nth-child(3){transform:translateX(4px)}.job:hover .jrec .avs b:nth-child(4){transform:translateX(6px)}
.jrec .avs i{align-self:center;margin-left:6px;font:400 11px var(--f1);font-style:normal;color:var(--dim2)}
.jrt{display:flex;flex-direction:column;gap:3px;min-width:0}
.jrt b{font-size:14px;font-weight:400;color:var(--txt);white-space:nowrap}
.jrt small{font-size:12.5px;color:var(--dim2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.job.norec .jrt b{color:var(--dim)}
.jdl{display:flex;flex-direction:column;gap:9px;min-width:0}
.jdt{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.jdt b{font-size:14px;font-weight:400;white-space:nowrap}
.jdt small{font-size:11px;color:var(--dim2);white-space:nowrap}
.jdl:has(.jbar.warn) small{color:var(--warn-ink)}
.jbar{height:3px;border-radius:2px;background:var(--card3);overflow:hidden}
.jbar i{display:block;height:100%;border-radius:2px;background:var(--brand);transform-origin:left;transform:scaleX(var(--p,0))}
.jbar.warn i{background:var(--warn)}
.jbar.off i{background:var(--line3)}
.jgo{display:flex;color:var(--line3);transition:color .25s ease,transform .5s cubic-bezier(.19,1,.22,1)}
.job:hover .jgo{color:var(--brand-ink);transform:translateX(4px)}
.jstat{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;
  font-size:12.5px;font-weight:400;font-style:normal}
.jstat{background:var(--card2);color:var(--body)}
.jstat::before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--dim2)}
.jstat.open::before{background:var(--ok)}
.jstat.soon::before{background:var(--warn)}
.jstat.closed{color:var(--dim)}
@container (max-width:760px){
  .jhead{display:none}
  .job{grid-template-columns:minmax(0,1fr) minmax(120px,160px);grid-template-areas:"main main" "rec dl";row-gap:14px;column-gap:18px;padding:16px 18px}
  .jmain{grid-area:main}.jrec{grid-area:rec}.jdl{grid-area:dl}.jgo{display:none}
  .jrec .avs{display:none}
  .toolbar{flex-wrap:wrap}.toolbar .search{flex:1 1 100%;margin:0}
  #jobsMeta{column-gap:16px}
  #jobsMeta > span + span::before{display:none}
}

/* son görüşmeler: aday, ilan ve zaman, süre; asistanın işaretledikleri */
.recent .rhd{display:flex;align-items:center;height:48px;margin-bottom:14px;padding:0 2px}
.recent .rhd h3{display:flex;align-items:center;margin:0;font-size:14px;font-weight:400;color:var(--txt)}
.rlist{display:flex;flex-direction:column}
.ri{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"av main dur" "av flags flags";column-gap:14px;row-gap:10px;align-items:center;
  width:100%;padding:16px 20px 16px 18px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;
  transition:background-color .25s ease}
.ri:first-child{border-top:0}
.ri:hover{background:var(--hover)}
.ri:focus-visible{outline-offset:-2px}
.ri .av{grid-area:av;align-self:start;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font:400 12px var(--f1);color:#16142A;
  transition:transform .5s cubic-bezier(.34,1.36,.64,1)}
.ri:hover .av{transform:rotate(-6deg) scale(1.04)}
.rim{grid-area:main;display:flex;flex-direction:column;gap:3px;min-width:0}
.rim b{font-size:14.5px;font-weight:400;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}
.ri:hover .rim b{color:var(--brand-ink)}
.rim small{font-size:12.5px;color:var(--dim2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rid{grid-area:dur;align-self:start;margin-top:2px;font-size:11.5px;color:var(--dim2)}
.rif{grid-area:flags;display:flex;flex-wrap:wrap;gap:6px}
.rif i{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;font:400 12px var(--f1);font-style:normal}
.rif i{background:var(--card2);color:var(--body)}
.rif i::before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--dim2)}
.rif i.c::before{background:var(--warn)}
.rif i.a::before{background:var(--brand)}

/* ---------- görüşme listesi ---------- */
#archList{margin-top:8px}
.grp{padding:24px 4px 10px;font-size:13px;font-weight:400;color:var(--label)}
.rec{display:flex;align-items:center;gap:20px;padding:16px 18px;margin-bottom:8px;border-radius:14px;
  border:1px solid var(--line);background:var(--panel);max-width:none;cursor:pointer;
  transition:border-color .16s ease}
.rec:hover{border-color:var(--brand-line)}
.rec:last-child{margin-bottom:0}
.rec .av{display:flex;align-items:center;min-width:54px}
.rec .av b{width:30px;height:30px;border-radius:8px;color:#16142A;font-size:11.5px;font-weight:400;display:flex;align-items:center;justify-content:center;margin-right:-7px;box-shadow:0 0 0 2px var(--panel)}
.rec .meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.rec .meta .ttl{display:flex;align-items:center;min-width:0}
.rec .meta b{font-size:16.5px;font-weight:400;letter-spacing:-.015em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec .meta .badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;margin-left:12px;height:22px;padding:0 8px;border-radius:6px;font-style:normal;
  font-size:12.5px;color:var(--danger-ink);background:var(--danger-soft)}
.rec .meta .badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--danger)}
.rec .meta .sub{font-size:13px;color:var(--dim2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec .dur{font-size:12px;font-weight:400;color:var(--body);flex:0 0 auto;padding:0 10px;height:28px;line-height:28px;border-radius:7px;background:var(--card2)}
.rec .more{width:34px;height:34px;flex:0 0 34px;margin-left:4px;border-radius:8px;border:1px solid transparent;background:transparent;
  color:var(--dim2);display:flex;align-items:center;justify-content:center;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.rec .more:hover,.rec .more.on{border-color:var(--line2);background:var(--card2);color:var(--txt)}

/* ---------- açılır menü ---------- */
.menu{position:fixed;width:224px;padding:6px;border-radius:14px;background:var(--panel);border:1px solid var(--line);
  box-shadow:var(--sh-pop);z-index:10;
  opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right;
  transition:opacity .15s ease,transform .15s var(--ease)}
.menu.in{opacity:1;transform:none}
.menu.dl{width:244px}
.menu .mlbl{padding:8px 10px 6px;font-size:12.5px;font-weight:400;color:var(--dim2)}
.menu button{display:flex;align-items:center;gap:11px;width:100%;height:38px;padding:0 10px;border:0;border-radius:8px;
  background:transparent;color:var(--body);text-align:left;font-size:13.5px;transition:background-color .14s ease,color .14s ease}
.menu button svg{flex:0 0 15px;color:var(--dim2);transition:color .14s ease}
.menu button:hover{background:var(--card2);color:var(--txt)}
.menu button:hover svg{color:var(--brand-ink)}
.menu button small{margin-left:auto;font-size:10px;font-weight:400;color:var(--dim);padding:2px 6px;border-radius:5px;background:var(--card3)}
.menu button:hover small{color:var(--brand-ink);background:var(--brand-soft2)}
.menu button .chev{margin-left:auto;color:var(--dim2)}
.menu button.danger{color:var(--danger-ink)}
.menu button.danger:hover{background:var(--danger-soft);color:var(--danger-ink)}
.menu button.danger:hover svg{color:var(--danger-ink)}
.menu .chk{display:flex;align-items:center;gap:10px;padding:9px 11px;font-size:13px;color:var(--body)}
.menu .chk i{width:16px;height:16px;border-radius:5px;border:1px solid var(--line3);display:flex;align-items:center;justify-content:center;font-style:normal}
.menu .chk.on i{background:var(--brand);border-color:var(--brand)}
.menu .sep{height:1px;background:var(--line);margin:6px 4px}
.menu.spk{width:260px}
.menu.spk .ren{display:flex;gap:6px;padding:2px 4px 4px}
.menu.spk .ren input{flex:1 1 auto;min-width:0;height:34px;padding:0 10px;border:1px solid var(--line2);border-radius:8px;background:var(--bg2);color:var(--txt);
  font:inherit;font-size:13.5px;outline:none}
.menu.spk .ren input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.menu.spk .ren button{width:auto;height:34px;padding:0 12px;justify-content:center;background:var(--grad);color:var(--on-grad)}
.menu.spk .ren button:hover{background:var(--grad-hi);color:var(--on-grad)}
.menu.spk .renerr{margin:2px 8px 4px;font-size:12px;line-height:1.4;color:var(--danger-ink)}
.menu .apply{padding:4px}
.menu .apply button{justify-content:center;background:var(--grad);color:var(--on-grad);height:38px;border-radius:8px;
  font-size:13px;font-weight:400}
.menu .apply button:hover{background:var(--grad-hi);color:var(--on-grad)}

/* ---------- bildirim ---------- */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);z-index:60;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 15px;border-radius:12px;
  background:var(--brand-ink);border:0;color:#fff;font-size:13.5px;box-shadow:var(--sh-pop);opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease}
.toast::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lav)}
.toast:has(.spin)::before{display:none}
.toast .spin{border-color:rgba(255,255,255,.3);border-top-color:#fff}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- yan panel: kayıt detayı ---------- */
#infoPanel{display:flex;flex-direction:column;gap:22px;height:100%;min-height:0}
.itabs{display:flex;flex:0 0 auto}
.itabs button{flex:1 1 0;padding:0 8px}
.ipane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:26px}
.ipane[hidden]{display:none}
aside:has(#infoPanel:not([hidden]) .ipane[data-p="chat"]:not([hidden])){overflow:hidden}
.info{display:flex;flex-direction:column;font-size:13.5px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:2px 16px}
/* kayıt detayında bilgi listesi kartsız, ince çizgili */
#infoPanel .info{border:0;border-radius:0;background:none;padding:0;font-size:13px}
#infoPanel .info div{padding:9px 0}
#infoPanel .info div:first-child{padding-top:2px}
/* konuşma payı: kim ne kadar konuştu (süreye göre) */
.share{display:flex;flex-direction:column;gap:14px}
.sh{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;grid-template-areas:"av nm pc du" "br br br br";column-gap:10px;row-gap:8px;align-items:center}
.sh .av{grid-area:av;width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font:400 10.5px var(--f1);color:#16142A}
.sh .nm{grid-area:nm;min-width:0;font-size:13.5px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh .pc{grid-area:pc;font-size:12px;color:var(--txt)}
.sh .du{grid-area:du;min-width:40px;text-align:right;font-size:11.5px;color:var(--dim2)}
.sh .br{grid-area:br;height:4px;border-radius:2px;background:var(--card2);overflow:hidden}
.sh .br i{display:block;height:100%;border-radius:2px;transform-origin:left;animation:shareIn 1.1s cubic-bezier(.19,1,.22,1) both}
.sh:nth-child(2) .br i{animation-delay:.08s}.sh:nth-child(3) .br i{animation-delay:.16s}.sh:nth-child(n+4) .br i{animation-delay:.24s}
@keyframes shareIn{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.sh .br i{animation:none}}
.info div{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.info div:first-child{border-top:0}
.info div span:first-child{color:var(--dim)}
.info div span:last-child{margin-left:auto;color:var(--txt);font-weight:400;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acts{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px}
.abtn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:var(--r-sm);border:1px solid var(--line2);background:var(--panel);color:var(--txt);
  font-size:13.5px;font-weight:400;text-decoration:none;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease}
.abtn:hover{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.abtn.primary{background:var(--grad);border-color:transparent;color:var(--on-grad)}
.abtn.primary:hover{background:var(--grad-hi);color:var(--on-grad)}
.abtn.danger{border-color:var(--danger-line);color:var(--danger-ink);background:transparent}
.abtn.danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-ink)}

/* ilan paneli: işlemler üstte, bilgi altta */
#jobPanel{display:flex;flex-direction:column;gap:24px}
#jobPanel .acts{order:-2;flex-direction:row;flex-wrap:wrap;margin-top:0;padding-top:0;gap:8px}
#jobPanel .acts .abtn{flex:1 1 0;height:40px;font-size:11.5px;padding:0 10px;white-space:nowrap}
#jobPanel .acts .abtn#jobDel{flex:1 1 100%}
.jdelnote{order:-1;margin:-16px 2px 0;font-size:12.5px;color:var(--dim2)}
#jobPanel .jd{margin:0;font-size:13.5px;line-height:1.65;color:var(--body);white-space:pre-line}
.jreq{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.jreq li{position:relative;padding-left:26px;font-size:13.5px;line-height:1.5;color:var(--body)}
.jreq li::before{content:"";position:absolute;left:0;top:.16em;width:17px;height:17px;border-radius:5px;background:var(--brand-soft) center/10px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B42D9' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}

/* özet */
#sumBody{display:flex;flex-direction:column;gap:24px}
.sumhead{display:flex;align-items:center;gap:10px}
.sumhead h2{margin:0;font-size:13px;font-weight:400;color:var(--dim);white-space:nowrap}
.sumhead span{font-size:12.5px;color:var(--dim2)}
.sumhead button{margin-left:auto;white-space:nowrap;flex:0 0 auto;height:30px;padding:0 11px;border-radius:var(--r-sm);border:1px solid var(--line2);background:var(--panel);color:var(--body);
  font-size:12.5px;font-weight:400}
.sumhead button:hover{border-color:var(--brand-line);color:var(--txt)}
.sumov{margin:0;font-size:14px;line-height:1.7;color:var(--body);padding:16px;border-radius:14px;background:rgba(146,123,255,.07);border:1px solid rgba(146,123,255,.25)}
.sumsec h3{margin:0 0 12px;font-size:13px;font-weight:400;color:var(--dim)}
.sumsec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sumsec li{font-size:13.5px;line-height:1.55;color:var(--body);padding-left:15px;position:relative}
.sumsec li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--line3)}
.sumsec li.k-c::before{background:var(--warn)}.sumsec li.k-a::before{background:var(--brand)}.sumsec li.k-d::before{background:var(--dim2)}
.ts{display:inline-flex;align-items:center;height:20px;padding:0 6px;margin:0 2px;border-radius:5px;border:1px solid var(--line2);background:var(--panel);
  color:var(--brand-ink);font-size:10.5px;font-weight:400;vertical-align:1px;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.ts:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
.sumempty{border:1px dashed var(--line2);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;background:var(--panel)}
.sumempty p{margin:0;font-size:13.5px;line-height:1.6;color:var(--dim)}
.sumempty .err{color:var(--danger-ink)}
.pbtn{height:40px;padding:0 16px;border-radius:var(--r-sm);border:0;background:var(--grad);color:var(--on-grad);
  font-size:13px;font-weight:400}
.pbtn:hover{background:var(--grad-hi)}
.sk{display:flex;flex-direction:column;gap:10px}
.sk i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--sk1) 0%,var(--sk2) 50%,var(--sk1) 100%);background-size:200% 100%;animation:skm 1.3s ease-in-out infinite}
.sk i:nth-child(2){width:92%}.sk i:nth-child(3){width:78%}.sk i:nth-child(5){width:85%}.sk i:nth-child(6){width:60%}
.sk b{display:block;height:14px}
@keyframes skm{to{background-position:-200% 0}}
.sknote{font-size:13px;color:var(--dim)}
.fadein > *{animation:tkIn .5s ease-out both}
.fadein > *:nth-child(2){animation-delay:.08s}.fadein > *:nth-child(3){animation-delay:.16s}.fadein > *:nth-child(4){animation-delay:.24s}.fadein > *:nth-child(5){animation-delay:.32s}

/* chat */
.ipane[data-p="chat"]{gap:12px}
.chatlog{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:2px 4px 8px 0;overscroll-behavior:contain}
.cintro{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.cintro p{margin:0;font-size:13.5px;line-height:1.6;color:var(--dim)}
.cintro::before{content:"";width:42px;height:42px;border-radius:12px;background:var(--brand-soft) center/20px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B42D9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9z'/%3E%3Cpath d='M19 15l.8 1.9 1.9.8-1.9.8L19 20.4l-.8-1.9-1.9-.8 1.9-.8z'/%3E%3C/svg%3E")}
.sugg{display:flex;flex-direction:column;gap:6px}
.sugg button{text-align:left;padding:11px 13px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);color:var(--body);font-size:13px;line-height:1.4;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.sugg button:hover{border-color:var(--brand-line);color:var(--txt);background:var(--brand-soft)}
.cm{font-size:14px;line-height:1.6;color:var(--body)}
.cm.u{align-self:flex-end;max-width:88%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:var(--grad);color:var(--on-grad)}
.cm.a p{margin:0 0 8px}.cm.a p:last-child{margin-bottom:0}
.cm.a ul{margin:0 0 8px;padding-left:18px}.cm.a li{margin:3px 0}
.cm.a b{color:var(--txt);font-weight:600}
.cm.a > *{animation:tkIn .55s ease-out both}
.cm.err{color:var(--danger-ink);font-size:13px}
.typing{display:inline-flex;gap:4px;padding:6px 0}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:tdot 1.2s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chatin{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 13px;border:1px solid var(--line2);border-radius:14px;background:var(--panel);transition:border-color .15s ease,box-shadow .15s ease}
.chatin:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.chatin textarea{flex:1 1 auto;min-width:0;resize:none;border:0;background:transparent;color:var(--txt);font:inherit;font-size:14px;line-height:1.45;
  max-height:120px;padding:5px 0;outline:none}
.chatin textarea::placeholder{color:var(--dim2)}
.chatin button{width:34px;height:34px;flex:0 0 34px;border-radius:9px;border:0;background:var(--grad);color:var(--on-grad);display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,background-color .15s ease}
.chatin button:hover{background:var(--grad-hi)}
.chatin button:disabled{opacity:1;cursor:not-allowed;background:var(--card3);color:var(--dim2)}
.chatnote{flex:0 0 auto;margin:0;font-size:12px;color:var(--dim2);text-align:center}
@media (prefers-reduced-motion:reduce){.sk i,.typing i,.cm.a > *,.fadein > *{animation:none}}

/* ---------- kayıt başlığı (düzenlenebilir) ---------- */
.rectitle{display:flex;flex-direction:column;gap:3px}
.rectitle .ed{display:flex;align-items:center;gap:8px}
.rectitle .ed .tin{font:inherit;font-size:21px;font-weight:400;letter-spacing:-.02em;color:var(--txt);background:transparent;border:0;
  border-bottom:1px dashed transparent;padding:0 0 2px;min-width:260px;outline:none;transition:border-color .18s ease}
.rectitle .ed .tin::placeholder{color:var(--dim2)}
.rectitle .ed .tin:hover{border-bottom-color:var(--line3)}
.rectitle .ed .tin:focus{border-bottom-color:var(--brand)}
.rectitle .ed svg{color:var(--dim2);transition:color .18s ease}
.rectitle .ed:hover svg{color:var(--brand-ink)}
/* kayıt başlığının altı: solda tarih, süre, konuşmacılar; sağda transkriptte arama */
.dmeta{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.dmeta .rmeta{flex:1 1 auto;min-width:0}
.dmeta .tsearch{flex:0 1 320px;height:40px;margin-left:auto}
.dmeta .tsearch input{flex:1 1 auto;width:auto;min-width:0}
@container (max-width:560px){.dmeta .tsearch{flex:1 1 100%}}
.vseg{position:relative;display:inline-flex;padding:4px;border-radius:var(--r);border:1px solid transparent;background:var(--card2)}
.vseg button{position:relative;z-index:1;height:34px;padding:0 16px;border:0;background:transparent;color:var(--dim);
  font-size:13px;font-weight:400;border-radius:7px;transition:color .2s ease}
.vseg button:hover{color:var(--txt)}
.vseg button[aria-pressed="true"]{color:var(--txt)}
.vseg .thumb{position:absolute;top:4px;height:34px;border-radius:7px;background:var(--seg-on);box-shadow:var(--seg-sh);
  transition:transform .26s var(--ease),width .26s var(--ease)}
.tsearch{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line2);background:var(--panel);color:var(--dim2);transition:border-color .18s ease,color .18s ease,box-shadow .18s ease}
.tsearch:focus-within{border-color:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 3px var(--brand-soft)}
.tsearch input{border:0;background:transparent;color:var(--txt);font-size:14px;outline:none;width:170px}
.tsearch input::placeholder{color:var(--dim2)}
.tsearch span{font-size:11px;color:var(--dim2)}
.spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--line3);border-top-color:var(--brand);
  display:inline-block;animation:spin .8s linear infinite;vertical-align:-2px}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.busywrap{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:14px;padding:28px 0}
.saved{margin-left:8px;font-size:12.5px;color:var(--ok-ink);opacity:0;transition:opacity .25s ease}
.saved.on{opacity:1}
body.archive aside{display:none}
.lockup{cursor:pointer}
.lockup:hover{background:transparent}
body.jobmode #peoplePanel,body.jobmode #infoPanel,body.jobmode .mic-block{display:none !important}
body:not(.jobmode) #jobPanel{display:none !important}

/* ---------- ilan formu ---------- */
.modal.wide{max-width:600px;max-height:calc(100dvh - 48px);overflow-y:auto}
.fld{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}
.fld label{font-size:12.5px;font-weight:400;color:var(--dim)}
.fld label em{font-style:normal;color:var(--dim2);margin-left:4px;text-transform:none}
.fld input,.fld textarea,.fld select{width:100%;min-width:0;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);color:var(--txt);
  font:inherit;font-size:14px;padding:11px 13px;outline:none;color-scheme:light;transition:border-color .15s ease,box-shadow .15s ease}
.fld input::placeholder,.fld textarea::placeholder{color:var(--dim2)}
.fld textarea{resize:vertical;line-height:1.5}
.fld input:hover,.fld textarea:hover,.fld select:hover{border-color:var(--line3)}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.fld input.bad{border-color:var(--danger)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ferr{margin:-4px 0 10px;font-size:13px;color:var(--danger-ink)}
@media (max-width:560px){.frow{grid-template-columns:1fr}}
body.archive .head2{display:none}
body.archive .clock,body.archive #mainBtn{display:none}
body.archive .layout{grid-template-columns:minmax(0,1fr)}
body.archive .panel{padding-right:40px}
/* sayfalar (iş ilanları, ilan, ayarlar) ortada ve aynı genişlikte: başlık her sayfada aynı yerde. Çalışma ekranları (hazırlık,
   canlı görüşme, görüşme kaydı) tam genişlik, sağda yan panelle. */
#jobsView,#archView{max-width:1320px;margin:0 auto}

/* ---------- etiketler ---------- */
.tags{display:inline-flex;align-items:center;gap:6px;margin-left:12px;flex-wrap:wrap}
.rowtags{margin-left:auto;flex:0 0 auto;justify-content:flex-end}
.rowtags .tag-add{opacity:0;transition:opacity .16s ease,border-color .18s ease,color .18s ease}
.rec:hover .rowtags .tag-add{opacity:1}
.tag-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;
  font-size:12px;font-weight:400;color:var(--body);background:var(--card2);border:1px solid var(--line)}
.tag-chip i{width:7px;height:7px;border-radius:50%;display:block}
.tag-chip button{border:0;background:transparent;color:var(--dim2);padding:0;margin-left:1px;font-size:13px;line-height:1;transition:color .16s ease}
.tag-chip button:hover{color:var(--brand-ink)}
.tag-add{height:26px;padding:0 10px;border-radius:6px;border:1px dashed var(--line3);background:transparent;color:var(--dim);
  font-size:12.5px;transition:border-color .18s ease,color .18s ease}
.tag-add:hover{border-color:var(--brand);color:var(--brand-ink)}
.tagpop{position:fixed;width:252px;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);
  box-shadow:var(--sh-pop);z-index:30;opacity:0;transform:translateY(-6px) scale(.97);
  transition:opacity .18s var(--ease),transform .18s var(--ease)}
.tagpop.in{opacity:1;transform:none}
.tagpop h4{margin:0 0 10px;font-size:12.5px;font-weight:400;color:var(--dim2)}
.tagpop .current{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.tagpop .known{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tagpop .known button{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:6px;
  border:1px solid var(--line2);background:var(--card2);color:var(--body);font-size:12px}
.tagpop .known button:hover{border-color:var(--brand-line)}
.tagpop .known i{width:7px;height:7px;border-radius:50%}
.tagpop .empty-note{font-size:12.5px;color:var(--dim2);margin:0 0 12px}
.tagpop input{width:100%;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:var(--panel);
  color:var(--txt);font-size:13.5px;outline:none;margin-bottom:10px}
.tagpop input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.tagpop .dots{display:flex;gap:7px;margin-bottom:12px}
.tagpop .dots button{width:20px;height:20px;border-radius:50%;border:2px solid transparent;padding:0}
.tagpop .dots button[aria-pressed="true"]{border-color:var(--txt)}
.tagpop .save{width:100%;height:38px;border-radius:8px;border:0;background:var(--grad);color:var(--on-grad);
  font-size:13px;font-weight:400}
.tagpop .save:hover{background:var(--grad-hi)}

/* ---------- ekran geçişleri ---------- */
.panel > #liveView,.panel > #finalView,.panel > #archView,.panel > #procView,.panel > #jobsView{
  transition:opacity .26s ease,transform .26s var(--ease)}
.panel.swap > #liveView,.panel.swap > #finalView,.panel.swap > #archView,.panel.swap > #procView,.panel.swap > #jobsView{opacity:0;transform:translateY(4px)}
aside{transition:opacity .26s ease}
body.swapping aside{opacity:0}
@media (prefers-reduced-motion:reduce){
  .panel > #liveView,.panel > #finalView,.panel > #archView,.panel > #procView,.panel > #jobsView,aside{transition:none}
}
.chips{display:none}

/* ---------- dar ekran ---------- */
@media (max-width:1180px){.title span{display:none}}
@media (max-width:860px){
  header{height:auto;flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}
  .lockup{gap:12px}
  .status{margin-left:0;width:100%;gap:12px}
  .status .themebtn{margin-left:auto}          /* dar ekranda da tema ve hesap sağda */
  .status > *{flex:0 0 auto}
  #toArch{display:none}                        /* sayfadaki "‹ ilan adı" aynı yere gider */
  #mainBtn{min-width:0}
  .btn{height:42px;padding:0 16px}
  .headlink.pill{padding:0 12px}
  .chips{padding:10px 16px;gap:8px;border-bottom:1px solid var(--line);overflow-x:auto;background:var(--panel)}
  body.recording .chips{display:flex}
  body.recording aside{display:none}
  .chip{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:9px;background:var(--panel);border:1px solid var(--line);flex:0 0 auto}
  .chip b{width:22px;height:22px;border-radius:7px;color:#16142A;font-size:11px;font-weight:400;display:flex;align-items:center;justify-content:center}
  .chip span{font-size:13px;color:var(--body);white-space:nowrap}
  .lockup .voiser{height:21px}
  .title{display:none}
  .clock{font-size:20px;min-width:62px}
  .strip{padding:0 12px 10px}
  .dock{flex-wrap:wrap;gap:10px 12px;padding:10px 12px;border-radius:14px}
  .strip.is-rec .dock{padding:10px 12px 12px}
  .dock .bars{order:5;flex:1 1 100%}
  .dock .rate{margin-left:auto}
  .lanes{display:none}
  .layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  aside{border-left:0;border-bottom:1px solid var(--line);order:-1}
  .panel{padding:20px 16px 48px}
  body.archive .panel{padding-right:16px}
  .row{grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding:12px 12px 10px;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}
  .row .av{width:26px;height:26px;border-radius:8px;font-size:11px}
  .panel:has(> #docHead[hidden]):has(> #liveView:not([hidden]) > #liveEmpty[hidden]) #live{margin:0 -12px;padding:0 12px 40px}
  .row .who{flex-direction:row;align-items:baseline;gap:10px}
  .row .say{font-size:15.5px}
  .rec{gap:12px;padding:14px}
  .rec .rowtags{display:none}
  .archhead h2{font-size:32px}
  .rec .av{display:none}
  .rec .meta .ttl{flex-wrap:wrap;row-gap:4px}
  .rec .meta b{flex:1 1 auto}
  .rec .meta .badge{margin-left:0}
  .archhead{flex-wrap:wrap;align-items:flex-start}
  .archhead.band{min-height:190px;padding:26px 22px;border-radius:16px;clip-path:inset(0 round 16px)}
  .rectitle .ed .tin{font-size:17px;min-width:0}
  .dtitle .rectitle .ed .tin{font-size:24px}
  .rmeta{gap:6px 16px}
  .rmeta > span + span::before{display:none}
  .dochead{padding-bottom:22px}
}

/* =====================================================================
   Hareket ve etkileşim — tanıtım sayfasıyla aynı dil (core/fx.js ile birlikte)
   ===================================================================== */
:root{--e-out:cubic-bezier(.19,1,.22,1);--e-spring:cubic-bezier(.34,1.36,.64,1);
  --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}

/* kayan yazı: üzerine gelince yazı yukarı kayar, aynısı alttan gelir */
.rl{display:inline-block;position:relative;overflow:hidden;vertical-align:top;height:1.3em;line-height:1.3em}
.rl > span{display:block;transition:transform .6s var(--e-out)}
.rl > span::after{content:attr(data-t);content:attr(data-t) / "";display:block}
:is(.btn,.abtn,.headlink.pill,.pbtn):hover .rl > span{transform:translateY(-50%)}

/* ana düğme: mor yazı bloğu + eğik kesimli açık mor ok bloğu */
.btn.red{position:relative;isolation:isolate;overflow:hidden;padding-right:66px}
.btn.red::after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;z-index:-1;background:var(--brand);
  clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);transition:width .6s var(--e-out),background-color .3s ease}
.btn.red::before{content:"";position:absolute;right:15px;top:50%;width:17px;height:17px;margin-top:-8.5px;z-index:1;background:#fff;
  -webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat;transition:transform .6s var(--e-out)}
.btn.red:hover{background:var(--grad)}
.btn.red:hover::after{width:56px;background:var(--brand-hi)}
.btn.red:hover::before{transform:translateX(3px)}
.btn.red:has(.pl)::before{display:none}
.btn.red .pl{position:absolute;right:16px;top:50%;margin:-8px 0 0;width:16px;height:16px;z-index:1;color:#fff;transition:transform .6s var(--e-out)}
.btn.red:hover .pl{transform:rotate(90deg)}
.btn:active,.abtn:active,.pbtn:active{transform:scale(.98)}
.btn,.abtn,.pbtn{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s var(--e-out),opacity .2s ease}

/* görüşme kartları: imleci izleyen yumuşak ışık */
.rec{--mx:50%;--my:50%;position:relative}
.rec::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(146,123,255,.10),transparent 42%)}
.rec:hover::before{opacity:1}
.rec::after{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--brand);
  transform:scaleY(0);transition:transform .5s var(--e-out)}
.rec:hover::after{transform:scaleY(1)}

/* süzgeç: seçili düğmenin arkasındaki koyu zemin kayar */
.jfilter{position:relative}
.jfilter .thumb,.vseg .thumb{position:absolute;top:4px;left:0;height:38px;border-radius:7px;background:var(--seg-on);box-shadow:var(--seg-sh);
  transition:transform .55s var(--e-out),width .55s var(--e-out)}
.vseg .thumb{height:34px}
.jfilter button{position:relative;z-index:1}
.jfilter button[aria-pressed="true"]{background:transparent;color:var(--txt)}
.jfilter button,.vseg button{transition:color .35s ease}

/* üst bar: kurum içi göstergesi nefes alır; kayıtta sese göre oynayan çubuklar */
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(30,158,106,.4)}55%{box-shadow:0 0 0 5px rgba(30,158,106,0)}}
.viz{display:none;align-items:center;gap:3px;height:24px;margin-right:-4px}
.status:has(#clock:not([hidden])) .viz{display:inline-flex}
.viz i{width:3px;height:22px;border-radius:2px;background:var(--danger);transform:scaleY(calc(.16 + var(--lvl,0) * var(--k)));transition:transform .14s linear}
.viz i:nth-child(1){--k:.45}.viz i:nth-child(2){--k:.8}.viz i:nth-child(3){--k:1}.viz i:nth-child(4){--k:.68}.viz i:nth-child(5){--k:.4}

/* menüler sırayla açılır, pencereler hafif yaylanır, bildirim yumuşak gelir */
.menu{transition:opacity .2s ease,transform .45s var(--e-out)}
.menu.in > *{animation:mIn .5s var(--e-out) backwards}
.menu.in > :nth-child(2){animation-delay:.025s}.menu.in > :nth-child(3){animation-delay:.05s}.menu.in > :nth-child(4){animation-delay:.075s}
.menu.in > :nth-child(5){animation-delay:.1s}.menu.in > :nth-child(6){animation-delay:.125s}.menu.in > :nth-child(7){animation-delay:.15s}.menu.in > :nth-child(8){animation-delay:.175s}
@keyframes mIn{from{opacity:0;transform:translateY(-5px)}}
.modal{transition:transform .55s var(--e-spring)}
.toast{transition:opacity .3s ease,transform .55s var(--e-spring)}
.tagpop{transition:opacity .2s ease,transform .45s var(--e-out)}

/* küçük ayrıntılar */
.crumb svg{transition:transform .45s var(--e-out)}
.crumb:hover svg{transform:translateX(-3px)}
.search svg,.tsearch svg{transition:color .3s ease,transform .45s var(--e-out)}
.search:focus-within svg,.tsearch:focus-within svg{transform:scale(1.08)}
.assist.think .astat{background:linear-gradient(90deg,var(--brand-ink) 0%,#B9ABFF 50%,var(--brand-ink) 100%);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 1.6s linear infinite}
@keyframes shim{to{background-position:-200% 0}}
@keyframes icIn{from{opacity:0;transform:translateY(-12px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.icard{animation-duration:.8s;animation-timing-function:var(--e-out)}
#live > .row{animation:rowIn .7s var(--e-out) backwards}
@keyframes rowIn{from{opacity:0;transform:translateY(10px)}}

/* yüklenirken: kart iskeletleri */
.job.skel{pointer-events:none;cursor:default}
.job.skel i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--sk1) 0%,var(--sk2) 50%,var(--sk1) 100%);background-size:200% 100%;animation:skm 1.3s ease-in-out infinite}
.job.skel i:nth-child(1){width:52%;height:16px}.job.skel i:nth-child(2){width:74%}.job.skel i:nth-child(3){width:86%}

@media (prefers-reduced-motion:reduce){
  .rl > span,.btn.red::after,.btn.red::before,.btn.red .pl,.job,.jgo,.jrec .avs b,.ri,.ri .av,.rec::after,.jfilter .thumb,.vseg .thumb,.menu,.modal,.toast,.crumb svg{transition:none}
  .menu.in > *,.assist.think .astat,#live > .row,.job.skel i{animation:none}
  .assist.think .astat{color:var(--brand-ink)}
}

/* =====================================================================
   Koyu tema: siyah zemin, mor dolgu ve vurgular. Üst bardaki düğmeyle seçilir (core/theme.js), ilk açılışta sistem ayarı.
   ===================================================================== */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#09080C; --bg2:#0F0E13; --panel:#111015; --card:#111015; --card2:#18171E; --card3:#24222C;
  --line:rgba(255,255,255,.065); --line2:rgba(255,255,255,.1); --line3:rgba(255,255,255,.18);
  --txt:#F4F2FA; --body:#D6D3E2; --dim:#A3A0AE; --dim2:#8E8B99;
  --logo-mark:#F4F2FA;
  --brand-ink:#BBAAFF; --brand-soft:rgba(146,123,255,.16); --brand-soft2:rgba(146,123,255,.26); --brand-line:rgba(146,123,255,.55);
  --grad:#7359F0; --grad-hi:#8367F8; --on-grad:#FFFFFF;
  --label:#8E8B99;
  --seg-on:#24222C; --seg-sh:none;
  --danger:#F0666B; --danger-ink:#FF8E93; --danger-soft:rgba(240,102,107,.16); --danger-line:rgba(240,102,107,.45);
  --warn:#E8A94A; --warn-ink:#F4C777; --warn-soft:rgba(232,169,74,.16);
  --ok:#39C489; --ok-ink:#72DFAE; --ok-soft:rgba(57,196,137,.15);
  --red-dim:#3F3480;
  --sh-2:0 18px 40px -26px rgba(0,0,0,.7);
  --sh-pop:0 24px 60px -22px rgba(0,0,0,.7),0 0 0 1px rgba(169,151,255,.14);
  --hover:#15141A; --head:#111015; --sk1:#18171E; --sk2:#24222C; --sb:#2C2A34; --sb-hi:#3C3946;
  --hdr:rgba(9,8,12,.82); --scrim:rgba(0,0,0,.66);
}
:root[data-theme="dark"] :is(.row:not(.partial),.row.partial.known) .nm{color:var(--spk,var(--txt))}
:root[data-theme="dark"] .fld :is(input,textarea,select){color-scheme:dark}
:root[data-theme="dark"] .assist.think .astat{background-image:linear-gradient(90deg,var(--brand-ink) 0%,#FFFFFF 50%,var(--brand-ink) 100%)}
:root[data-theme="dark"] .empty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BBAAFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3'/%3E%3C/svg%3E")}
:root[data-theme="dark"] .jreq li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BBAAFF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
:root[data-theme="dark"] .cintro::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BBAAFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9z'/%3E%3Cpath d='M19 15l.8 1.9 1.9.8-1.9.8L19 20.4l-.8-1.9-1.9-.8 1.9-.8z'/%3E%3C/svg%3E")}

/* adı bilinmeyen görüşme: baş harf yerine ses simgesi, markanın açık zemininde */
.ri .av.nt{background:var(--brand-soft);color:var(--brand-ink)}
/* koyu zeminde henüz çalınmamış konuşma parçaları biraz daha belirgin */
:root[data-theme="dark"] .bars.seekable .seg{opacity:.55}
:root[data-theme="dark"] .bars.seekable .seg.past,:root[data-theme="dark"] .bars.seekable .seg:hover{opacity:1}

/* tema düğmesi: açık temada ay, koyu temada güneş; değişirken döner */
.themebtn{position:relative;width:40px;height:40px;border-radius:var(--r-sm);overflow:hidden;color:var(--dim)}
.themebtn svg{position:absolute;inset:0;margin:auto;transition:transform .6s cubic-bezier(.34,1.36,.64,1),opacity .3s ease}
.themebtn .sun{transform:rotate(-90deg) scale(.4);opacity:0}
:root[data-theme="dark"] .themebtn .sun{transform:none;opacity:1}
:root[data-theme="dark"] .themebtn .moon{transform:rotate(90deg) scale(.4);opacity:0}
.themebtn:hover{color:var(--brand-ink)}
/* tema geçişi: yeni görünüm tıklanan düğmeden daire olarak açılır (core/theme.js).
   Daire CSS'te tanımlı, ilk karede yarıçap 0: JS'in animasyonu eklemesini beklemez, yeni tema bir kare tam ekran görünüp
   sönmez (göz kırpması). Tema değişirken renk geçişleri kapalı: düğme ve kutular daire içinde bir an eski renkte kalmaz. */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
:root.vt-theme::view-transition-new(root){animation:vtReveal .7s cubic-bezier(.19,1,.22,1) both}
@keyframes vtReveal{from{clip-path:circle(0 at var(--vt-x) var(--vt-y))}to{clip-path:circle(var(--vt-r) at var(--vt-x) var(--vt-y))}}
:root.theme-swap :not(.themebtn svg),:root.theme-swap :not(.themebtn svg)::before,:root.theme-swap :not(.themebtn svg)::after{transition:none !important}
@media (prefers-reduced-motion:reduce){.themebtn svg{transition:none}}

/* =====================================================================
   Giriş, ilk kurulum ve şifre belirleme (#authView), üst bardaki hesap menüsü, Ayarlar (#setView)
   ===================================================================== */
:root{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B72A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.mono{font-size:12.5px;color:var(--body)}
.btn.sm{height:34px;padding:0 14px;font-size:11.5px}
.btn.red.sm{padding-right:50px}
.btn.red.sm::after{width:38px}
.btn.red.sm:hover::after{width:44px}
.btn.red.sm::before{right:11px;width:14px;height:14px;margin-top:-7px}
.btn.wide{width:100%}
.btn.red.wide{padding-left:66px}
.btn.primary{background:var(--grad);color:var(--on-grad)}
.btn.primary:hover{background:var(--grad-hi)}
.btn.ghost.danger-ghost{color:var(--danger-ink);border-color:var(--danger-line)}
.btn.ghost.danger-ghost:hover{background:var(--danger-soft);border-color:var(--danger)}
.btn .spin{width:14px;height:14px;border-width:2px}
.inp{width:320px;max-width:100%;height:42px;padding:0 13px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);color:var(--txt);
  font-size:14.5px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.inp:hover{border-color:var(--line3)}
.inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.inp::placeholder{color:var(--dim2)}
textarea.inp{height:auto;padding:11px 13px;line-height:1.55;resize:vertical;width:420px}
select.inp{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;background:var(--panel) no-repeat right 13px center/14px var(--chev)}
.inp.narrow{width:180px}
.uav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;
  font-size:11px;color:#16142A;background:var(--lav)}
.switch{position:relative;width:44px;height:26px;padding:0;border:0;border-radius:13px;background:var(--card3);flex:0 0 auto;
  box-shadow:inset 0 0 0 1px var(--line2);transition:background-color .3s ease,box-shadow .3s ease}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(22,20,42,.3);transition:transform .45s var(--e-spring)}
.switch[aria-checked="true"]{background:var(--grad);box-shadow:none}
.switch[aria-checked="true"]::after{transform:translateX(18px)}
.switch:disabled{opacity:.5;cursor:not-allowed}
.segs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border:1px solid transparent;border-radius:var(--r);background:var(--card2)}
.segs button{height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--dim);
  font-size:13px;transition:background-color .3s ease,color .3s ease}
.segs button:hover{color:var(--txt)}
.segs button[aria-pressed="true"]{background:var(--seg-on);color:var(--txt);box-shadow:var(--seg-sh)}
.segs.full{display:flex}
.segs.full button{flex:1 1 0}
.rolepill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:var(--card3);color:var(--body);
  font-size:12.5px;white-space:nowrap}
.rolepill.admin{background:var(--brand-soft2);color:var(--brand-ink)}
.rolepill.viewer{background:transparent;box-shadow:inset 0 0 0 1px var(--line3);color:var(--dim)}

/* ---------- giriş: solda tanıtım sayfasındaki "ipek" (sayfanın tersi temada), sağda form ---------- */
#authView{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:var(--bg);overflow-y:auto;
  transition:opacity .45s ease}
#authView.leaving{opacity:0;pointer-events:none}
body.authmode > header,body.authmode > .layout,:root.booting body > header,:root.booting body > .layout{visibility:hidden}
.auth-brand{position:relative;margin:12px 0 12px 12px;border-radius:20px;overflow:hidden;isolation:isolate;min-height:560px;
  --fx0:#08070B;--fx1:#0D0A17;--fx2:#4A33CC;--fx3:#8C75FF;--fx4:#D9CEFF;
  --ab-txt:#F4F2FA;--ab-mark:#F4F2FA;--ab-dim:rgba(244,242,250,.74);--ab-line:rgba(244,242,250,.2);--ab-veil:rgba(8,7,11,.55);background:var(--fx0);color:var(--ab-txt)}
:root[data-theme="dark"] .auth-brand{--fx0:#EFEBFD;--fx1:#A48EFF;--fx2:#F1EDFF;--fx3:#7359F0;--fx4:#FFFFFF;
  --ab-txt:#111016;--ab-mark:#927BFF;--ab-dim:rgba(17,16,22,.72);--ab-line:rgba(17,16,22,.16);--ab-veil:rgba(239,235,253,.62)}
.auth-brand{clip-path:inset(0 round 20px)}
.auth-brand .hero-fx,.auth-brand::after{border-radius:inherit}      /* bant ile aynı kırpma sorunu */
.auth-brand .hero-fx{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1.2s ease}
.auth-brand .hero-fx.is-on{opacity:1}
.auth-brand::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,var(--ab-veil),transparent 55%),linear-gradient(100deg,var(--ab-veil),transparent 60%)}
.ab-in{position:relative;height:100%;display:flex;flex-direction:column;padding:34px 40px 36px}
.ab-logo{display:flex;align-items:center;gap:14px}
.ab-logo .vlogo{height:25px;color:var(--ab-mark)}          /* panel sayfanın tersi temada */
.ab-logo span{padding-left:14px;border-left:1px solid var(--ab-line);font-size:21px;letter-spacing:-.02em;line-height:1}
.ab-copy{margin-top:auto}
.ab-copy h1{margin:0 0 18px;font-size:clamp(40px,4.6vw,68px);line-height:1;letter-spacing:-.035em}
.ab-copy p{margin:0;max-width:420px;font-size:16px;line-height:1.5;color:var(--ab-dim)}
.auth-side{display:flex;flex-direction:column;min-width:0;padding:22px 28px 24px}
.as-top{display:flex;align-items:center;justify-content:flex-end}
.as-logo{display:none;align-items:center;gap:12px;margin-right:auto}
.as-logo .vlogo{height:22px}
.as-logo span{padding-left:12px;border-left:1px solid var(--line3);font-size:19px;letter-spacing:-.02em;line-height:1}
/* dil düğmesi (core/auth.js langMenu): küre + dil kodu; menüde diller kendi adlarıyla, seçili dilin önünde mor kare */
.ibtn.langbtn{width:auto;height:40px;gap:7px;padding:0 12px;font-size:13px}
.ibtn.langbtn.on{color:var(--txt);border-color:var(--line3);background:var(--card2)}
.as-top{gap:8px}
.menu.langs{width:188px;z-index:100}
.menu.langs button i{flex:0 0 7px;height:7px}
.menu.langs button[aria-checked=true] i{background:var(--brand)}
/* dil değişirken sayfa hafifçe söner, sonra o dille yeniden yüklenir (core/i18n.js setLang) */
:root.lang-out body{opacity:0;transition:opacity .2s ease}
.aform{width:100%;max-width:392px;margin:auto;padding:32px 0}
.aform .kicker{display:block;margin-bottom:14px;font-size:13px;color:var(--label)}
.aform h2{margin:0 0 10px;font-size:44px;line-height:1;letter-spacing:-.035em}
.aform .lead{margin:0 0 30px;color:var(--dim);font-size:15px;line-height:1.5}
.aform .fld input{height:46px;padding:0 14px}
.aform .fld .hint{font-size:12.5px;line-height:1.45;color:var(--dim)}
.aform .fld .hint code{font-size:11.5px;padding:1px 5px;border-radius:5px;background:var(--card3);color:var(--body)}
.frow2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pw{position:relative}
.pw input{padding-right:46px}
.eye{position:absolute;right:6px;top:50%;width:34px;height:34px;margin-top:-17px;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:8px;background:transparent;color:var(--dim2)}
.eye:hover{color:var(--txt);background:var(--card2)}
.eye .off,.eye.on .on{display:none}
.eye.on .off{display:block}
.check{display:flex;align-items:center;gap:10px;margin:4px 0 22px;font-size:14px;color:var(--body);cursor:pointer;user-select:none}
.check input{position:absolute;opacity:0;pointer-events:none}
.check .box{width:18px;height:18px;border-radius:5px;border:1px solid var(--line3);background:var(--panel);display:flex;align-items:center;justify-content:center;
  transition:background-color .2s ease,border-color .2s ease}
.check input:checked + .box{background:var(--grad);border-color:var(--grad)}
.check input:checked + .box::after{content:"";width:9px;height:5px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.check input:focus-visible + .box{outline:2px solid var(--brand);outline-offset:2px}
.aerr{display:flex;align-items:center;gap:9px;margin:-6px 0 16px;padding:11px 13px;border-radius:10px;background:var(--danger-soft);
  color:var(--danger-ink);font-size:13.5px;line-height:1.45;border:1px solid var(--danger-line)}
.aerr svg{flex:0 0 auto}
.aerr.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.aform .help{margin:18px 0 0;text-align:center;font-size:13.5px;color:var(--dim)}
.aform .help button,.aform .help a{border:0;background:none;padding:0;color:var(--brand-ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.aform .help + .help{margin-top:8px}
.aform .help.sm{font-size:12.5px}
.pwmeter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.pwmeter i{height:3px;border-radius:2px;background:var(--card3);transition:background-color .3s ease}
.pwmeter[data-s="1"] i:nth-child(-n+1){background:var(--danger)}
.pwmeter[data-s="2"] i:nth-child(-n+2){background:var(--warn)}
.pwmeter[data-s="3"] i:nth-child(-n+3){background:var(--brand)}
.pwmeter[data-s="4"] i{background:var(--ok)}
.aform.in > *{animation:rise .7s var(--e-out) backwards}
.aform.in > :nth-child(2){animation-delay:.04s}.aform.in > :nth-child(3){animation-delay:.08s}.aform.in > :nth-child(4){animation-delay:.12s}
.aform.in > :nth-child(5){animation-delay:.16s}.aform.in > :nth-child(6){animation-delay:.2s}.aform.in > :nth-child(7){animation-delay:.24s}.aform.in > :nth-child(n+8){animation-delay:.28s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@media (max-width:860px){
  #authView{grid-template-columns:1fr}
  .auth-brand{display:none}
  .as-logo{display:flex}
  .auth-side{padding:16px 20px 20px}
  .aform h2{font-size:38px}
}

/* ---------- üst bar: ayarlar ve hesap menüsü ---------- */
.acct{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 6px;border-radius:var(--r);border:1px solid var(--line2);background:var(--panel);color:var(--txt);
  transition:background-color .2s ease,border-color .2s ease}
.acct:hover,.acct[aria-expanded="true"]{background:var(--card2);border-color:var(--line3)}
.acct .an{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-size:13.5px;max-width:160px}
.acct .an b{font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct .an em{font-style:normal;font-size:12px;color:var(--dim2)}
.acct .chev{color:var(--dim2);transition:transform .35s var(--e-out)}
.acct[aria-expanded="true"] .chev{transform:rotate(180deg)}
.uav.av0{background:#4FD1B8}.uav.av1{background:#F37BB5}.uav.av2{background:#F5A462}.uav.av3{background:#8FB8FF}.uav.av4{background:#B4E063}.uav.av5{background:#F5CE5A}
.uav.sys{background:var(--card3);color:var(--dim)}
.menu .mhead{padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.menu .mhead b{display:block;font-weight:400;font-size:14px;color:var(--txt)}
.menu .mhead span{font-size:12.5px;color:var(--dim2)}
@media (max-width:760px){.acct .an{display:none}}

/* ---------- Ayarlar ---------- */
#setView{max-width:1320px;margin:0 auto}
#setView .archhead{margin-bottom:34px}
.setgrid{display:grid;grid-template-columns:236px minmax(0,1fr);gap:44px;align-items:start}
.setnav{position:sticky;top:0;display:flex;flex-direction:column;gap:2px}
.setnav b{margin:18px 0 8px 12px;font-size:12.5px;font-weight:400;color:var(--label)}
.setnav b:first-child{margin-top:0}
.setnav button{position:relative;display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--body);
  font-size:14.5px;text-align:left;transition:background-color .2s ease,color .2s ease}
.setnav button svg{color:var(--dim2);transition:color .2s ease}
.setnav button:hover{background:var(--card2);color:var(--txt)}
.setnav button[aria-current="true"]{background:var(--brand-soft);color:var(--brand-ink)}
.setnav button[aria-current="true"] svg{color:var(--brand-ink)}
.setnav em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--dim2);padding:2px 7px;border-radius:5px;background:var(--card3)}
.setnav em:empty{display:none}
.setnav button[aria-current="true"] em{background:var(--brand-soft2);color:var(--brand-ink)}
.setnav .okdot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.setnav .okdot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.sec{min-width:0}
.sec.in{animation:secIn .5s var(--e-out)}
@keyframes secIn{from{opacity:0;transform:translateY(8px)}}
.sechead{margin-bottom:18px}
.sechead h3{margin:0 0 6px;font-size:28px;line-height:1.1;letter-spacing:-.03em}
.sechead p{margin:0;color:var(--dim);font-size:14.5px}
.sechead.row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.scard{margin-bottom:16px;border-radius:16px}
.scap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 0;
  font-size:12.5px;color:var(--label)}
.scap + .srow{border-top:0}
.srow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 32px;padding:18px 22px;border-top:1px solid var(--line)}
.srow:first-child{border-top:0}
.srow.top{align-items:start}
.sl b{display:block;font-weight:400;font-size:15px;color:var(--txt)}
.sl span{display:block;margin-top:3px;max-width:430px;font-size:13.5px;line-height:1.5;color:var(--dim)}
.sc{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.sfoot{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid var(--line);background:var(--head)}
.sfoot .ferr{margin:0 auto 0 0}
.snote{margin:-4px 0 16px;font-size:13px;color:var(--dim)}
.upload{display:flex;align-items:center;gap:14px;width:420px;max-width:100%;padding:12px;border:1px dashed var(--line3);border-radius:12px;background:var(--head)}
.logo-prev{flex:0 0 auto;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:linear-gradient(135deg,var(--brand-lo),var(--brand));color:#fff;font-size:13px}
.logo-prev.has{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--line2)}
.logo-prev img{max-width:84%;max-height:84%;object-fit:contain}
.logo-prev.sq img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.logo-prev.sm{width:40px;height:40px;border-radius:10px;font-size:11px}
.up-txt{flex:1 1 auto;min-width:0}
.up-txt b{display:block;font-weight:400;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-txt span{font-size:12.5px;color:var(--dim)}
.docprev{margin:14px 22px 22px;padding:22px 24px 16px;border-radius:10px;background:#FFFFFF;color:#111016;box-shadow:0 12px 34px -22px rgba(17,16,22,.4),0 0 0 1px rgba(17,16,22,.08)}
.docprev .dh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(17,16,22,.1)}
.docprev .dh b{display:block;font-weight:400;font-size:18px;letter-spacing:-.02em}
.docprev .dh span{font-size:12.5px;color:#72707C}
.docprev .dl{display:flex;flex-direction:column;gap:9px;padding:16px 0 18px}
.docprev .dl i{display:block;height:7px;border-radius:4px;background:#EFEEF4}
.docprev{cursor:pointer;transition:box-shadow .25s ease,transform .25s ease}
@media (hover:hover) and (pointer:fine){.docprev:hover{transform:translateY(-2px);box-shadow:0 18px 40px -22px rgba(17,16,22,.45),0 0 0 1px rgba(17,16,22,.12)}}
/* tutanak önizlemesi penceresi: gerçek PDF sayfası (beyaz kâğıt) */
.docview .modal{max-width:880px;height:min(88vh,1100px);padding:0;display:flex;flex-direction:column;overflow:hidden}
.dvhead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.dvhead b{display:block;font-weight:400;font-size:17px;color:var(--txt)}
.dvhead span{font-size:13px;color:var(--dim)}
.docview iframe{flex:1 1 auto;width:100%;border:0;background:#FFFFFF}
.docprev .df{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(17,16,22,.1);font-size:11.5px;color:#72707C}
.kinds{flex-direction:column;align-items:stretch;gap:8px;width:420px;max-width:100%}
.kopt{display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease}
.kopt:hover{border-color:var(--line3);background:var(--hover)}
.kopt input,.ropt input{appearance:none;-webkit-appearance:none;margin:0;flex:0 0 auto;width:18px;height:18px;border:1px solid var(--line3);background:var(--panel);cursor:pointer}
.kopt input{border-radius:5px;display:grid;place-content:center}
.kopt input:checked{background:var(--grad);border-color:var(--grad)}
.kopt input:checked::after{content:"";width:9px;height:5px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.kopt em{font-style:normal;font-size:13px;color:var(--dim);line-height:1.35}
.kopt:has(input:not(:checked)) .kind{opacity:.45}
.stags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;width:420px;max-width:100%}
.stag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:7px;background:var(--brand-soft);color:var(--brand-ink);font-size:13px;white-space:nowrap}
.stag button{border:0;background:transparent;color:inherit;opacity:.6;padding:0 0 0 2px;font-size:15px;line-height:1}
.stag button:hover{opacity:1}
.stags.locked .stag{background:var(--card2);color:var(--body);box-shadow:inset 0 0 0 1px var(--line)}
.stags.locked .stag svg{color:var(--dim2)}
.stag.new{animation:tagIn .45s var(--e-spring)}
@keyframes tagIn{from{opacity:0;transform:scale(.8)}}
.taginput{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:420px;max-width:100%;min-height:46px;padding:8px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);cursor:text;
  transition:border-color .2s ease,box-shadow .2s ease}
.taginput:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.taginput input{flex:1 1 120px;min-width:100px;height:28px;border:0;background:transparent;color:var(--txt);outline:none;font-size:14px;padding:0 4px}
.taginput input::placeholder{color:var(--dim2)}
.microw{flex-wrap:wrap}
.mlevel{display:flex;align-items:center;gap:3px;height:28px;padding:0 4px}
.mlevel i{width:4px;height:6px;border-radius:2px;background:var(--brand);opacity:.35;transition:height .12s ease,opacity .12s ease}
.radios{flex-direction:column;align-items:stretch;gap:8px;width:420px;max-width:100%}
.ropt{display:flex;gap:12px;padding:12px 14px;border:1px solid var(--line2);border-radius:10px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.ropt:hover{border-color:var(--line3)}
.ropt:has(input:checked){border-color:var(--brand-line);background:var(--brand-soft)}
.ropt input{margin-top:2px;border-radius:50%;transition:border-width .2s ease,border-color .2s ease}
.ropt input:checked{border:5px solid var(--grad)}
.ropt b{display:block;font-weight:400;font-size:14.5px}
.ropt em{display:block;font-style:normal;font-size:13px;color:var(--dim);margin-top:2px}
.alog{padding:6px 10px 10px}
.alog > div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px}
.alog > div:hover{background:var(--hover)}
.alog p{margin:0;font-size:14px;color:var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alog p b{font-weight:400;color:var(--txt)}
.alog time{font-size:11.5px;color:var(--dim2);white-space:nowrap}
.alog .empty-note{padding:14px 12px;color:var(--dim);font-size:13.5px}
.dz{border-color:var(--danger-line)}
.utable{border-radius:16px;margin-bottom:16px}
.uhead,.urow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.7fr) 44px;align-items:center;gap:16px;padding:0 20px}
.uhead{height:44px;background:var(--head);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--label)}
.urow{min-height:66px;border-top:1px solid var(--line);transition:background-color .2s ease}
.uhead + .urow{border-top:0}
.urow:hover{background:var(--hover)}
.urow.off .uwho,.urow.off time{opacity:.55}
.uwho{display:flex;align-items:center;gap:12px;min-width:0}
.uwho > div{min-width:0}
.uwho b{display:block;font-weight:400;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uwho b em{font-style:normal;margin-left:6px;font-size:12px;color:var(--dim2)}
.uwho span{font-size:12px;color:var(--dim)}
.urow time{font-size:12px;color:var(--dim)}
.ocell{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13.5px;color:var(--body)}
.ocell b{font-weight:400;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocell .mono{font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orgt .uhead,.orgt .urow{grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,.7fr) auto}
.oacts{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.urow .jstat.warn{background:var(--warn-soft);color:var(--warn-ink)}
select.inp.role{width:150px;height:34px;font-size:13.5px;background-position:right 10px center;padding-right:32px}
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.roles .sheet{padding:16px 18px;border-radius:14px}
.roles p{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--dim)}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.svc .sheet{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:4px;padding:18px;border-radius:14px}
.svc .sdot{align-self:center;width:8px;height:8px;border-radius:50%;background:var(--line3)}
.svc .sdot.ok{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft);animation:okPulse 2.4s ease-in-out infinite}
.svc .sdot.warn{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}
@keyframes okPulse{50%{box-shadow:0 0 0 7px transparent}}
.svc b{font-weight:400;font-size:15px}
.svc em{grid-column:1 / -1;font-style:normal;font-size:12.5px;color:var(--dim);margin-top:6px}
.svc em.ok{color:var(--ok-ink)}
.svc em.warn{color:var(--warn-ink)}
.svc .mono{grid-column:1 / -1;font-size:12px;color:var(--dim)}
.gauge{gap:14px}
.gauge .bar{width:240px;max-width:40vw;height:8px;border-radius:5px;background:var(--card3);overflow:hidden}
.gauge .bar i{display:block;height:100%;border-radius:inherit;background:var(--grad);transform-origin:left;transition:width .8s var(--e-out)}
.savebar{position:fixed;left:50%;bottom:26px;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 18px;border-radius:14px;
  background:var(--panel);border:1px solid var(--line2);box-shadow:var(--sh-pop);transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;
  transition:transform .55s var(--e-spring),opacity .3s ease}
.savebar.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.savebar > span{display:flex;align-items:center;gap:9px;margin-right:10px;font-size:14px;color:var(--body);white-space:nowrap}
.savebar > span i{width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.tmppw{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 6px 0 14px;border-radius:var(--r);border:1px dashed var(--line3);background:var(--head)}
.tmppw .mono{font-size:15px;letter-spacing:.06em;color:var(--txt)}
.modal .frow2 .fld{margin-bottom:12px}
.expchip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;background:var(--warn-soft);color:var(--warn-ink);
  font-size:12px;white-space:nowrap}
@media (max-width:1100px){
  .setgrid{grid-template-columns:1fr;gap:20px}
  .setnav{position:static;flex-direction:row;flex-wrap:wrap}
  .setnav b{display:none}
  .srow{grid-template-columns:1fr}
  .sc{justify-content:flex-start}
  .stags{justify-content:flex-start}
  .uhead{display:none}
  .urow{grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}
  .urow time{display:none}
  .roles,.svc{grid-template-columns:1fr}
  .sechead.row{flex-direction:column;align-items:flex-start}
}
/* izleyici yalnız okur: kayıt, ilan ve düzenleme düğmeleri gizli (sunucu da izin vermez) */
body.role-viewer :is(#jobNew,#archNew,#mainBtn,#jobEdit,#jobToggle,#jobDel,#delRec,.tag-add){display:none !important}
body:not(.role-admin) #jobDel{display:none !important}
body:not(.setmode) #setView,body:not(.setmode) .savebar{display:none !important}
.cntext{max-height:220px;overflow-y:auto;margin:6px 0 18px !important;padding:14px 16px;border-radius:12px;background:var(--card2);border:1px solid var(--line);
  font-size:14.5px;line-height:1.6;color:var(--body);white-space:pre-line}
#consentScrim .check{margin:0 0 20px}

/* tanıtım sayfasından "Ürünü deneyin" ile gelince: sayfa ürünün zemin renginden, sitenin açılışındaki gibi ortadan büyüyen
   yuvarlak köşeli bir çerçevede açılır (core/fx.js entrance). İlk boyamada çerçeve kapalı, uygulama hazır olunca açılır. */
html.entering body{clip-path:inset(50% 50% 50% 50% round 200px)}