/* ============================================================================
   Konzila — tasarım sistemi
   Kullanıcı: şirket sahibi. Önce "benden ne bekleniyor", sonra detay.
   Koyu tema varsayılan; aydınlık tema ayrı ayarlanmış kontrastla.
   ========================================================================== */
:root{
  color-scheme:dark;
  --bg:#050506; --s1:#0b0b0d; --s2:#121215; --s3:#19191d; --s4:#222227;
  --bd:#1d1d22; --bd2:#2a2a31; --bd3:#3a3a43;
  --tx:#f2f2f4; --tx2:#a7a7b0; --tx3:#6c6c76;
  --br:#8b7cf6; --br-hi:#a498ff; --br-a:#8b7cf61f;
  --ok:#3ecf8e; --ok-a:#3ecf8e1a; --wn:#e8b23a; --wn-a:#e8b23a1a; --dn:#ef4d5f; --dn-a:#ef4d5f1a;
  --in:#4d8dfa; --in-a:#4d8dfa1a; --vi:#c07cf6; --vi-a:#c07cf61a; --or:#f2845d; --or-a:#f2845d1a;
  --r:7px; --r2:10px; --r3:14px;
  --sans:Inter,ui-sans-serif,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --side:236px; --feed:330px; --top:66px;
  --sh:0 12px 40px -12px rgba(0,0,0,.8);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f6f8; --s1:#ffffff; --s2:#f4f5f8; --s3:#eceef2; --s4:#e1e4ea;
  --bd:#e5e7ec; --bd2:#d5d9e0; --bd3:#b8bec9;
  --tx:#15171c; --tx2:#4a5160; --tx3:#7b818d;
  --br:#6b56e8; --br-hi:#5a45d6; --br-a:#6b56e814;
  --ok:#0f9d63; --ok-a:#0f9d6314; --wn:#b47600; --wn-a:#b4760014; --dn:#d32b45; --dn-a:#d32b4514;
  --in:#1f6feb; --in-a:#1f6feb14; --vi:#9a3fd4; --vi-a:#9a3fd414; --or:#d4552b; --or-a:#d4552b14;
  --sh:0 12px 40px -16px rgba(20,24,40,.25);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--tx);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}
h1{font-size:20px} h2{font-size:17px} h3{font-size:15px} h4{font-size:13.5px}
code,.mono{font-family:var(--mono);font-size:.92em}
::selection{background:var(--br-a)}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--bd3);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--bd3);filter:brightness(1.4)}
/* Geniş tablolarda yatay çubuk daha kalın ve zemini belirgin: kaydırılabildiği görünsün */
.tbl-wrap::-webkit-scrollbar{height:14px}
.tbl-wrap::-webkit-scrollbar-track{background:var(--s2);border-radius:8px}
.tbl-wrap{scrollbar-width:auto;scrollbar-color:var(--bd3) var(--s2)}
.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100vh;color:var(--tx3)}
.boot::before{content:'';width:34px;height:34px;border:3px solid var(--bd3);border-top-color:var(--br);border-radius:50%;animation:spin .8s linear infinite}

/* ── yardımcı sınıflar ── */
.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}
.gap{gap:10px}.gap-s{gap:6px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}
.mt{margin-top:12px}.pad{padding:18px}.pad-s{padding:8px 0}
.mut{color:var(--tx2)}.sm{font-size:12.5px}.xs{font-size:11.5px}
.ok{color:var(--ok)}.bad{color:var(--dn)}.warn{color:var(--wn)}.info{color:var(--in)}.run{color:var(--br)}.vi{color:var(--vi)}.br{color:var(--or)}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clickable{cursor:pointer}
.link{color:var(--br);cursor:pointer}.link:hover{text-decoration:underline}
.w80{width:80px!important;flex:none}.w120{width:130px!important;flex:none}.w160{width:170px!important;flex:none}
.hide-sm{}
.mob{display:none!important}

/* ── iskelet ── */
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:var(--top) minmax(0,1fr);height:100vh;overflow:hidden}
.shell.feed-on{grid-template-columns:var(--side) minmax(0,1fr) var(--feed)}
.side{grid-row:1/3;grid-column:1;background:var(--s1);border-right:1px solid var(--bd);display:flex;flex-direction:column;overflow:hidden}
.side-bg{display:none}
.brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--bd);height:var(--top)}
/* Marka işareti: köşeyi CSS yuvarlar (kare sürüm kullanılır), yoksa iki yarıçap üst üste biner. */
.logo{width:30px;height:30px;border-radius:9px;background:url("/assets/shared/brand/konzila-icon-square.svg") center/cover no-repeat;box-shadow:0 4px 14px -4px var(--br)}
.logo.lg{width:52px;height:52px;border-radius:14px;margin:0 auto 10px}
.logo.xs{width:18px;height:18px;border-radius:5px;box-shadow:none;flex:none}
.brand .logo{flex:none}
.brand-t{min-width:0;flex:1;display:flex;align-items:center;height:100%}
/* Şirket logosu sabit kutuya sığar: ölçüsü ne olursa olsun menü bozulmaz */
.brand-logo{display:block;max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain;object-position:left center}
.logo-thumb{display:inline-flex;align-items:center;justify-content:center;height:34px;max-width:140px;padding:3px 8px;border-radius:8px;background:var(--s2);border:1px solid var(--bd)}
.logo-thumb img{max-height:26px;max-width:124px;object-fit:contain}
.logo-li{gap:8px}
.lp{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-mock{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;height:84px;padding:0 16px;border-radius:10px;border:1px solid var(--bd)}
.lp.sm .lp-mock{height:58px;padding:0 10px}
.lp-mock img{max-height:38px;max-width:100%;object-fit:contain}.lp.sm .lp-mock img{max-height:30px}
.lp-mock.dark{background:#0b0b0f}.lp-mock.light{background:#fff}
.lp-mock small{font-size:10.5px;color:#8a8a99}
.logo-rules li{margin:2px 0}
.logo-cands{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.logo-cand{display:flex;flex-direction:column;gap:8px;padding:10px}
.brand b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:15px;line-height:1.25}.brand small{display:block;color:var(--tx3);font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Pano ve Canlı Ofis: bir bölüm başlığının altında sıradan birer satır değil, menünün tepesinde
   yan yana iki düğme — ikisi de tek bir işin ekranı değil, her yerden dönülen genel görünüm. */
.nav{padding:8px 10px;flex:1;overflow-y:auto;min-height:0}
/* Hafıza ve Hesap Yönetimi: menü kayarken yerinde kalır, sürümün hemen üstünde durur */
.nav-pin{flex:none;overflow:visible;padding:4px 10px 6px;border-top:1px solid var(--bd)}
.nav-grp+.nav-grp{margin-top:2px}
.nav-grp.flat{padding:4px 0}.nav-grp.flat+.nav-grp:not(.flat),.nav-grp:not(.flat)+.nav-grp.flat{margin-top:8px}
.nav-h{font-size:12.5px;letter-spacing:.04em;color:var(--tx2);font-weight:700;margin:14px 0 3px;display:flex;align-items:center;gap:7px;width:100%;padding:4px 8px;background:none;border:0;border-radius:var(--r);font-family:inherit;text-transform:inherit;text-align:left;cursor:pointer}
.nav-grp:not(.closed) .nav-h{background:var(--s2);color:var(--tx)}
.nav-h:hover{color:var(--tx);background:var(--s3)}
.nav-h .ic{flex:none;transform:rotate(90deg);transition:transform .15s}
.nav-grp.closed .nav-h .ic{transform:rotate(0)}
.nav a{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r);color:var(--tx2);font-weight:500;font-size:12.5px}
.nav a:hover{background:var(--s2);color:var(--tx)}
.nav a.on{background:var(--br-a);color:var(--br-hi)}
.nav a .ic{flex:none}
.nav a .lb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav a.sub{padding:4px 10px 4px 26px;font-size:11.5px;color:var(--tx3)}
.nav a.sub.on{color:var(--br-hi)}
html[data-theme="light"] .nav a.on{color:var(--br)}
.nav .cnt{margin-left:auto;background:var(--wn);color:#000;font-size:11px;font-weight:700;border-radius:10px;padding:0 7px;line-height:18px}
.side-ver{flex:none;padding:8px 16px 10px;border-top:1px solid var(--bd);font-size:11px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-ver b{font-weight:600;color:var(--tx2)}
button.side-ver{display:flex;align-items:center;gap:6px;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;font-family:inherit}button.side-ver:hover{color:var(--tx)}
.ver-dot{width:7px;height:7px;border-radius:50%;background:var(--br);flex:none}
.rel-langs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:10px}.rel-lang ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.rel-list{display:flex;flex-direction:column;gap:18px}.rel-h{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.rel ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;line-height:1.5}

.top{grid-column:2/-1;grid-row:1;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--bd);background:var(--s1);min-width:0}
.top-head{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.top-h1{display:flex;align-items:center;min-width:0;font-size:20px;font-weight:700;line-height:1.2;color:var(--tx)}
.top-h1 .help-btn{margin-left:4px}
/* ekranın sorumlusu: başlığın parçası değil, yanındaki bilgi — başlık yazı stilini almaz */
.top-owner{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:2px 10px 2px 3px;border-radius:999px;
  border:1px solid var(--bd2);background:var(--s2);color:var(--tx2);font-size:12.5px;font-weight:500;max-width:220px}
.top-owner.warnc{border-color:var(--wn);color:var(--wn)}
@media (max-width:700px){.top-owner span:last-child{display:none}}
.top-sub{font-size:13px;color:var(--tx2);line-height:1.35}
.page-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cp-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:stretch}
.cp-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.st-jobs{table-layout:fixed;width:100%}.st-jobs td{white-space:nowrap}
.st-jobs td.ell{overflow:hidden;text-overflow:ellipsis}
.prod-pick{display:flex;align-items:center;gap:4px}
.prod-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px;flex:1;min-width:0;scrollbar-width:thin}
.prod-tile{position:relative;flex:none;width:84px;height:84px;padding:0;border-radius:10px;overflow:hidden;border:3px solid var(--bd2);background:var(--s2);cursor:pointer;scroll-snap-align:start;display:grid;place-items:center;color:var(--tx3)}
.prod-tile img{width:100%;height:100%;object-fit:cover;display:block}
.prod-tile:hover{border-color:var(--bd3)}.prod-tile.on{border-color:var(--ok)}
.prod-check{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff}
.prod-arrow{flex:none}
.aud-strip{gap:10px;margin:6px 0 12px;padding:4px 2px 8px}.aud-strip .wz-card{flex:0 0 200px;scroll-snap-align:start}
.wz-modal .prod-tile{width:120px;height:120px}
.goal-strip .wz-card{flex-basis:170px}
/* şeritlerin kaydırma çubuğu görünür kalınlıkta (kullanıcının isteği) */
/* scrollbar-width/scrollbar-color "auto" kalmalı: tanımlıysa Chrome ::-webkit-scrollbar ayarını yok sayar, tutamak incecik kalır */
.prod-strip{scrollbar-width:auto;scrollbar-color:auto;padding-bottom:10px}
.prod-strip::-webkit-scrollbar{height:14px}
.prod-strip::-webkit-scrollbar-track{background:var(--s2);border-radius:7px}
.prod-strip::-webkit-scrollbar-thumb{background:var(--bd3);border-radius:7px;border:2px solid var(--s2);min-width:40px}
.prod-strip::-webkit-scrollbar-thumb:hover{background:var(--tx3)}
.bw-metric{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
@media (max-width:700px){.bw-metric{grid-template-columns:1fr}}
/* brief: birleşik adımın bölümleri, kanca seçenekleri, kutunun üst kenarındaki küçük alan adı, sürüklenen senaryo satırı */
.bw-sec{margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--bd);font-size:15px}.bw-sec:first-of-type{margin-top:0;padding-top:0;border-top:0}
.hook-opts{display:flex;flex-direction:column;gap:6px}
.hook-on{width:100%;border:2px solid var(--br)!important;background:var(--br-a)!important}
/* her sahne/kare ayrı kutuda (kullanıcının kararı: alt alta alanlar karışık görünüyordu); zemin pencereyle aynı, alan adı şeridi bozulmasın */
.bw-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;padding:12px;border:1px solid var(--bd);border-radius:12px;background:var(--s1)}
.bw-row-acts{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s}
.bw-row:hover .bw-row-acts,.bw-row:focus-within .bw-row-acts{opacity:1}
@media (hover:none){.bw-row-acts{opacity:1}}
.wz-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bw-chans{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.bw-chan{position:relative;display:flex;align-items:center;gap:8px;padding:8px 36px 8px 10px;border:2px solid var(--bd);border-radius:12px;background:var(--s1);color:var(--tx);font:inherit;font-size:14px;cursor:pointer}
.bw-chan:hover{border-color:var(--bd2)}.bw-chan.on{border-color:var(--br);background:var(--br-a)}
.bw-chan .wz-logo svg{width:20px;height:20px}.bw-chan .dot{margin-left:2px}
.bw-chan .wz-check{top:50%;right:9px;transform:translateY(-50%)}.bw-chan.on .wz-check{background:var(--br);border-color:var(--br)}
.hook-opt{position:relative;display:block;width:100%;text-align:left;padding:9px 36px 9px 12px;border:1px solid var(--bd2);border-radius:10px;background:var(--s1);color:var(--tx);font-size:13px;line-height:1.4;cursor:pointer}
.hook-opt:hover{border-color:var(--bd3)}.hook-opt.on{border-color:var(--br);background:var(--br-a)}
.hook-opt .wz-check{top:50%;transform:translateY(-50%)}.hook-opt.on .wz-check{background:var(--br);border-color:var(--br)}
.fl{position:relative;display:block;margin-top:6px}.fl>span{position:absolute;top:-7px;left:10px;z-index:1;padding:0 4px;font-size:10.5px;line-height:13px;color:var(--tx3);background:linear-gradient(var(--s1) 50%,var(--s2) 50%);border-radius:3px;pointer-events:none}
.fl>textarea,.fl>input{width:100%}
.slide-n.drag{cursor:grab}.slide-n.drag:active{cursor:grabbing}.bw-row.over{outline:1px dashed var(--bd2);outline-offset:3px}
.ref-pick{margin-top:10px;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.ref-row{display:flex;align-items:center;gap:10px;min-width:0}
.ref-name{flex:0 0 140px;font-size:12px;color:var(--tx2)}
.ref-imgs{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;padding:2px}
.ref-img{position:relative;flex:none;width:56px;height:56px;padding:0;border-radius:8px;overflow:hidden;border:3px solid var(--bd2);background:var(--s2);cursor:pointer}
.ref-img img{width:100%;height:100%;object-fit:cover;display:block}
.ref-img.on{border-color:var(--ok)}.ref-img:disabled{opacity:.4;cursor:not-allowed}
.ref-img .prod-check{width:16px;height:16px;top:2px;right:2px}
/* Marka tarzı (Sosyal medya yönetimi › Ayarlar): örnek görseller, ışık/ortam kartları, renk kutuları */
.brand-ex{display:flex;flex-wrap:wrap;gap:8px}
.brand-ex .ex{position:relative;width:88px;height:88px;border-radius:8px;overflow:hidden;border:1px solid var(--bd2);background:var(--s2)}
.brand-ex .ex img{width:100%;height:100%;object-fit:cover;display:block}
.brand-ex .ex .ib{position:absolute;top:3px;right:3px;background:rgba(0,0,0,.55);color:#fff}
.brand-ex .add{display:grid;place-items:center;width:88px;height:88px;border-radius:8px;border:1px dashed var(--bd3);color:var(--tx3);cursor:pointer;text-align:center;font-size:11.5px}
.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.look-grid button{text-align:left;padding:8px 10px;border-radius:var(--r);border:2px solid var(--bd2);background:var(--s2);color:var(--tx);cursor:pointer}
.look-grid button.on{border-color:var(--ok)}
.look-grid button small{display:block;color:var(--tx3);font-size:11.5px;margin-top:2px}
.brand-sw{display:inline-flex;align-items:center;gap:6px}
.brand-sw i{display:inline-block;width:22px;height:22px;border-radius:6px;border:1px solid var(--bd2)}
.brand-sw input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--bd2);border-radius:6px;background:none;cursor:pointer}
.ref-mini{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1px solid var(--bd)}
/* Reklam taslağının görsel/video şeridi (Reklamlar › Profil & taslak) */
.ad-media{position:relative;width:64px;height:64px;padding:0;border-radius:8px;overflow:hidden;border:2px solid var(--bd);background:var(--s3);cursor:pointer;flex:none}
.ad-media.on{border-color:var(--br)}
.ad-media img,.ad-media video{width:100%;height:100%;object-fit:cover;display:block}
.ad-media-k,.ad-media-ok{position:absolute;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:#fff;border:0;padding:0}
.ad-media-k{left:4px;bottom:4px;background:rgba(0,0,0,.6)}
.ad-media-ok{right:4px;top:4px;background:var(--br)}
@media (max-width:620px){.ref-row{flex-direction:column;align-items:flex-start}.ref-name{flex:none}}
/* Çalışan yetkinlikleri: grup başlığı + kart ızgarası. Kapalı yetkinlik silinmez, soluk
   gösterilir — "bu ajan neyi yapmıyor" da bilgidir. */
.set-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media (max-width:1000px){.set-split{grid-template-columns:1fr}}
.sk-group{margin-bottom:18px}
.sk-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.sk-head b{font-size:13px}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sk-card{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1.5px solid var(--bd);border-radius:var(--r2);background:var(--s1)}
.sk-card.off{opacity:.62;border-style:dashed;background:none}
.sk-card.act{cursor:pointer;transition:border-color .15s,opacity .15s}
.sk-card.act:hover{opacity:1;border-color:var(--ac)}
.sk-card.lock{opacity:.45}.sk-card.lock,.sk-card.lock .switch{cursor:not-allowed}
.sk-ic{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--ac) 12%,transparent);color:var(--ac)}
.sk-card.off .sk-ic{background:var(--s3);color:var(--tx3)}
.sk-name{font-weight:600;font-size:13.5px;display:flex;align-items:center;flex-wrap:wrap}
.sk-desc{color:var(--tx2);font-size:12.5px;line-height:1.5;margin-top:3px}
@media (max-width:560px){.sk-grid{grid-template-columns:1fr}}
.slide-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.slide-row textarea{min-width:0}
.slide-n{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--s3);color:var(--tx2);font-size:12px;font-weight:700;margin-top:4px}
.slide-gen{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--bd)}
.slide-gen:first-of-type{border-top:0}
.pp-car{position:absolute;inset:0}
.pp-car img,.pp-car video{width:100%;height:100%;object-fit:cover;display:block}
.pp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pp-arrow.left{left:6px}.pp-arrow.right{right:6px}
.pp-count{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px}
.pp-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:4px}
.pp-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}.pp-dots i.on{background:#fff}
.dlg-gal{margin-top:6px;max-height:340px;overflow-y:auto;padding:2px}
.dlg-gal .st-gal{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.dlg-gal .st-tile.on{border-color:var(--ok)}
.dlg-feat{margin-top:12px;border:1px solid var(--bd);border-radius:10px;padding:10px 12px}
.lightbox{display:grid;place-items:center;background:transparent;overflow:hidden}
.lightbox img,.lightbox video{max-width:100%;max-height:72vh;object-fit:contain;display:block}
.dlg-adv{margin-top:12px;border:1px solid var(--bd);border-radius:10px;padding:8px 12px;background:var(--s2)}
.dlg-adv summary{cursor:pointer;font-weight:600;font-size:13px}.dlg-adv[open] summary{margin-bottom:8px}
.st-drop.over{outline:2px dashed var(--br);outline-offset:-6px;background:var(--br-a)}
.st-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.st-filter input{flex:1 1 200px;max-width:320px}.st-filter select{width:auto;min-width:140px}
@media (max-width:640px){.st-filter input,.st-filter select{flex:1 1 100%;max-width:none}}
.st-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.st-tile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid var(--bd);background:var(--s2);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0}
.st-tile:hover{border-color:var(--bd3)}.st-tile.on{border-color:var(--ok)}
.st-tile>img,.st-tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-tile .img-act{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:1}  /* galeride düğmeler hep görünür (dokunmatikte üzerine gelme yok) */
.st-play{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
.st-used{position:absolute;left:6px;top:6px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--ok);color:#fff}
.st-job{padding:12px;text-align:center;color:var(--tx2);cursor:pointer}.st-job small{max-width:100%;color:var(--tx3)}
.st-job.bad{color:var(--dn);border-color:color-mix(in srgb,var(--dn) 40%,transparent)}.st-job.warn{color:var(--wn)}
.cp-item.focus{outline:2px solid var(--br);outline-offset:4px;border-radius:12px;transition:outline-color .6s}
.pl-list{max-height:calc(100vh - 250px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px}
.pl-card{display:flex;gap:10px;padding:8px;border:3px solid var(--bd3);border-radius:10px;color:inherit;text-decoration:none;background:var(--s1);transition:border-color .15s}
.pl-card:hover{border-color:var(--bd3)}.pl-card.on{border-color:var(--br);background:var(--br-a)}
.pl-thumbs{flex:none;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--s2);display:grid;gap:1px}
.pl-thumbs.n2{grid-template-columns:1fr 1fr}.pl-thumbs.n3,.pl-thumbs.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.pl-thumbs.n3 img:first-child{grid-row:span 2}
.pl-thumbs img{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
.pl-chs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:6px}.pl-chs i{display:grid}.pl-chs svg{width:18px;height:18px}
.pl-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pl-body>b{font-size:13.5px;font-weight:600}
.pl-origin{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;max-width:100%;color:var(--br);cursor:pointer}.pl-origin:hover{text-decoration:underline}
.pl-body .pc-bar{height:4px;margin-top:auto}
.cp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cp-list .cp-item{border:3px solid var(--bd3);border-radius:12px;padding:12px;background:var(--s1)}
/* satırda iki kart: telefon küçülür ve bilgilerin yanında durur (kart kısa kalsın) */
.cp-list .cp-grid{grid-template-columns:210px minmax(0,1fr);gap:14px}
.cp-list .phone{width:210px;padding:7px;border-radius:30px}
.cp-list .phone-notch{top:12px;width:62px;height:16px;border-radius:10px}
.cp-list .phone-screen{height:380px;border-radius:24px;font-size:11px;padding-top:30px}
.cp-list .phone.vert .phone-screen{padding-top:0}
.cp-list .pp-av{width:26px;height:26px;font-size:11px}
.cp-list .pp-icons svg{width:18px;height:18px}.cp-list .pp-icons{gap:11px}
.cp-list .pp-bars{top:32px}.cp-list .pp-top{top:38px}.cp-list .pp-side{bottom:90px;gap:14px}.cp-list .pp-side svg{width:21px;height:21px}
.cp-list .cp-side{gap:8px}
.cp-list .cp-meta .chip{font-size:12px;padding:3px 8px;gap:5px}.cp-list .cp-meta .chip svg{width:14px;height:14px}.cp-list .cp-ch i svg{width:18px;height:18px}
.cp-list .cp-topic{font-size:14px}
.cp-list .cp-scene span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-list .gen-th{width:44px;height:44px}
@media (max-width:1250px){.cp-list{grid-template-columns:1fr}}
@media (max-width:620px){.cp-list .cp-grid{grid-template-columns:1fr}.cp-list .phone{margin:0 auto}}
/* telefonda plan kartları ve plandaki paylaşımlar alt alta uzamaz, yana kaydırılan şerit olur (yandaki kartın ucu görünür) */
@media (max-width:900px){
  .pl-list,.cp-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 4px 10px;scroll-padding:0 4px}
  .pl-card{flex:0 0 min(86%,340px);min-width:0;scroll-snap-align:start}
  .cp-list .cp-item{flex:0 0 min(88%,560px);scroll-snap-align:start;min-width:0}
  .cp-head>.grow{flex:1 1 calc(100% - 40px)}   /* plan başlığı tam satır, düğmeler alt satıra */
}
.pc-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--s3)}
.pc-bar i{display:block;height:100%;background:var(--c)}
.cp-refs .lbl{flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:4px}
.cp-ref{width:46px;height:46px;border-radius:8px;overflow:hidden;border:2px solid var(--bd2);background:var(--s2);display:grid;place-items:center;flex:none;color:var(--tx3)}
.cp-ref img{width:100%;height:100%;object-fit:cover;display:block}
.cp-side .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-sel{width:auto!important;padding:3px 26px 3px 10px!important;font-size:12.5px;font-weight:600;border-radius:999px;border:2px solid var(--c,var(--bd2));color:var(--c,var(--tx2));background-color:color-mix(in srgb,var(--c,var(--tx3)) 10%,transparent)}
.cp-actions .btn{white-space:normal;max-width:100%;text-align:left}
.st-yayinlandi_oto{--c:var(--ok)}.st-paylasim_hata{--c:var(--dn)}
.cp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.cp-list .cp-meta{flex-wrap:nowrap}   /* plan listesinde tek satır; pencerede kırılabilir (saat kesilmesin) */
.cp-meta .chip{min-width:0}.cp-meta .cp-ch,.cp-meta .cp-day{flex:none}
.cp-meta .chip{display:inline-flex;align-items:center;gap:7px;font-size:14px;padding:6px 13px;font-weight:500}
.cp-meta .badge{font-size:12.5px;padding:3px 10px}
.cp-ch i,.cal-ch{display:inline-grid;place-items:center}
.cp-ch i svg{width:22px;height:22px}
.cal-ch{width:14px;height:14px;vertical-align:-3px;margin-right:3px}.cal-ch svg{width:14px;height:14px}
.ch-instagram>i,i.ch-instagram{color:#e1306c}.ch-linkedin>i,i.ch-linkedin{color:#0a66c2}.ch-youtube>i,i.ch-youtube{color:#ff0000}
.ch-facebook>i,i.ch-facebook{color:#1877f2}.ch-tiktok>i,i.ch-tiktok,.ch-x>i,i.ch-x{color:var(--tx)}
.cp-topic{font-size:15px;line-height:1.35}
.cp-scene{display:flex;gap:6px;font-size:12.5px;color:var(--tx2);background:var(--s2);border:1.5px solid var(--bd2);border-radius:8px;padding:8px 10px}
.gen-thumbs{display:flex;flex-wrap:wrap;gap:6px}
.gen-th{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid var(--bd);cursor:pointer;background:var(--s2);display:grid;place-items:center;flex:none}
.gen-th img,.gen-th video{width:100%;height:100%;object-fit:cover;display:block}
.gen-th:hover{border-color:var(--bd3)}.gen-th.on{border-color:var(--ok);box-shadow:0 0 0 2px color-mix(in srgb,var(--ok) 30%,transparent)}
.gen-th b{position:absolute;top:0;left:0;font-size:9.5px;line-height:1;background:rgba(0,0,0,.6);color:#fff;padding:2px 4px;border-bottom-right-radius:5px}
.gen-open{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;padding:2px;display:none}
.gen-th:hover .gen-open{display:grid}
.gen-empty{cursor:default;color:var(--tx3);font-size:12px;font-weight:700}
/* üretiliyor: büyük dönen simge + yazı + nabız atan çerçeve (küçük ve belirsiz kalıyordu) */
.gen-empty.busy{width:auto;min-width:96px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  color:var(--br);border-color:var(--br);background:var(--br-a);animation:genpulse 1.4s ease-in-out infinite}
.gen-empty.busy .spin{width:20px;height:20px}.gen-empty.busy small{font-size:11px;font-weight:600;white-space:nowrap}
.gen-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;background:var(--br-a);color:var(--br);font-size:11.5px;font-weight:600}
@keyframes genpulse{0%,100%{box-shadow:0 0 0 0 var(--br-a)}50%{box-shadow:0 0 0 4px var(--br-a)}}
.gen-empty.bad{color:var(--dn);border-color:color-mix(in srgb,var(--dn) 40%,transparent)}
/* telefonda önizleme (sosyal medya uygulamasının açık teması, panel temasından bağımsız) */
.phone{position:relative;align-self:start;width:300px;padding:10px;border-radius:40px;background:#111;box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 0 0 2px #2c2c2e}
.phone-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:86px;height:22px;border-radius:14px;background:#000;z-index:5}
.phone-screen{position:relative;height:560px;border-radius:31px;overflow:hidden auto;background:#fff;color:#111;font-size:12.5px;line-height:1.42;padding-top:40px;scrollbar-width:none}
.phone-screen::-webkit-scrollbar{display:none}
.pp-head{display:flex;align-items:center;gap:8px;padding:4px 10px 8px}
.pp-head b{display:block;font-size:12.5px}.pp-head small{display:block;color:#8e8e8e;font-size:10.5px}
.pp-more{color:#555;letter-spacing:1px;font-size:10px}
.pp-av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);border:2px solid #fff;box-shadow:0 0 0 2px #dd2a7b}
.ch-linkedin .pp-av{background:#0a66c2;box-shadow:none;border-radius:6px}.ch-facebook .pp-av{background:#1877f2;box-shadow:none}
.ch-x .pp-av,.ch-tiktok .pp-av{background:#111;box-shadow:none}.ch-youtube .pp-av{background:#f00;box-shadow:none}
.pp-media{position:relative;width:100%;background:#efefef;display:grid;place-items:center;overflow:hidden}
.pp-media>img,.pp-media>video{width:100%;height:100%;object-fit:cover;display:block}
.pp-ph{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;text-align:center;color:#8e8e8e;font-size:11.5px}
.pp-ph b{color:#555}.pp-ph.bad,.pp-ph.bad b{color:#d93025}
.pp-ph em{color:#777;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.pp-icons{display:flex;align-items:center;gap:14px;padding:8px 10px 4px;color:#111}
.pp-icons span{display:grid}.pp-icons svg{width:22px;height:22px}
.pp-acts{display:flex;justify-content:space-around;padding:6px 4px;border-top:1px solid #e6e6e6;color:#555;font-size:11.5px;font-weight:600}
.pp-acts span{display:flex;align-items:center;gap:5px}.pp-acts i{display:grid}.pp-acts svg{width:16px;height:16px}
.pp-text{padding:4px 10px 6px;white-space:pre-wrap;word-break:break-word}
.pp-tags{color:#00376b;margin-top:2px}.ch-linkedin .pp-tags{color:#0a66c2}.ch-facebook .pp-tags{color:#1877f2}.ch-x .pp-tags{color:#1d9bf0}
.pp-time{padding:2px 10px 14px;color:#8e8e8e;font-size:10px;text-transform:uppercase;letter-spacing:.3px}
.phone.vert .phone-screen{padding-top:0;background:#000;color:#fff;overflow:hidden}
.pp-media.full{position:absolute;inset:0;height:100%;background:#1c1c1e}
.phone.vert .pp-ph,.phone.vert .pp-ph b{color:#bbb}.phone.vert .pp-ph em{color:#999}
.pp-bars{position:absolute;top:44px;left:10px;right:10px;height:2px;border-radius:2px;background:rgba(255,255,255,.35);z-index:3}
.pp-bars i{display:block;width:40%;height:100%;background:#fff;border-radius:2px}
.pp-top{position:absolute;top:52px;left:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pp-top .pp-av{width:28px;height:28px;font-size:12px}.pp-top small{opacity:.8}
.pp-side{position:absolute;right:10px;bottom:120px;display:flex;flex-direction:column;gap:18px;z-index:3;color:#fff}
.pp-side span{display:grid}.pp-side svg{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.pp-bottom{position:absolute;left:0;right:0;bottom:0;padding:48px 48px 18px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));z-index:2}
.pp-bottom .pp-text{padding:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pp-bottom .pp-tags{color:#fff;opacity:.85}.pp-name{font-weight:700;margin-bottom:3px}
@media (max-width:900px){.cp-grid{grid-template-columns:1fr}.phone{margin:0 auto}}
.cal{padding:12px}
.cal-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.cal-title{font-size:16px;text-transform:capitalize;margin:0 4px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--bd);border-left:1px solid var(--bd)}
.cal-wd{padding:6px 8px;font-size:11.5px;font-weight:600;color:var(--tx3);text-transform:uppercase;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--s2)}
.cal-day{min-height:118px;padding:4px 5px 6px;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:3px;min-width:0}
.cal-grid.hafta .cal-day{min-height:420px}
.cal-day.out{background:var(--s2)}.cal-day.out .cal-dn{color:var(--tx3)}
.cal-day.drop{background:var(--br-a);outline:2px dashed var(--br);outline-offset:-3px}
.cal-dn{font-size:12px;font-weight:600;color:var(--tx2);padding:2px 3px}
.cal-day.today .cal-dn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--br);color:#fff;padding:0}
.cal-it{display:flex;flex-direction:column;gap:1px;padding:3px 6px;border-radius:6px;border-left:3px solid var(--c,var(--tx3));background:color-mix(in srgb,var(--c,var(--tx3)) 10%,transparent);cursor:pointer;font-size:11.5px;line-height:1.3;color:var(--tx);min-width:0}
.cal-it:hover{background:color-mix(in srgb,var(--c,var(--tx3)) 20%,transparent)}
.cal-meta{color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-grid.hafta .cal-topic{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.cal-thumb{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:4px;margin-bottom:3px;overflow:hidden;background:var(--s3)}
.cal-thumb img,.cal-thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.cal-play{position:absolute;left:5px;bottom:5px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
.st-taslak{--c:var(--tx3)}.st-onaylandi{--c:var(--wn)}.st-zamanlandi{--c:var(--in)}.st-yayinlandi{--c:var(--ok)}.st-iptal{--c:var(--dn);opacity:.6}
.st-iptal .cal-topic{text-decoration:line-through}
/* durum etiketi: kartın sağ üst köşesinde, dolu renkli (görselin üstünde de okunur) */
.cal-it{position:relative}
.cal-st{position:absolute;top:4px;right:4px;z-index:2;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;line-height:1.6;padding:0 8px;border-radius:999px;color:#fff;background:var(--c);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.cal-grid.ay .cal-it .cal-meta{padding-right:74px}
.cal-key{width:10px;height:10px;border-radius:3px;background:var(--c)}
@media (max-width:760px){.cal-day{min-height:70px}.cal-it .cal-topic{display:none}.cal-grid.hafta .cal-day{min-height:160px}}

/* ── sağ üst kullanıcı menüsü: hesap, tema, arayüz dili, çıkış ── */
.umenu{position:relative;flex:none}
.co-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 10px}.btn.co-pick{justify-content:space-between;width:100%;padding:12px 14px;text-align:left}
.rmenu{display:inline-block}.rmenu .btn{white-space:nowrap}.rmenu .btn.on{background:var(--s3)}
.rmenu-pop{position:fixed;z-index:90;min-width:210px;padding:5px;background:var(--s1);border:1px solid var(--bd2);border-radius:var(--r2,10px);box-shadow:var(--sh)}
.rmenu-it{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--tx);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.rmenu-it:hover:not(:disabled){background:var(--s3)}.rmenu-it:disabled{opacity:.45;cursor:default}.rmenu-it .ic{color:var(--tx3)}
.rmenu-it.bad,.rmenu-it.bad .ic{color:var(--dn)}
.umenu-btn{display:flex;align-items:center;gap:8px;height:34px;padding:0 9px 0 3px;border-radius:999px;border:1px solid var(--bd2);background:var(--s2);color:var(--tx);cursor:pointer;max-width:230px;transition:background .15s,border-color .15s}
.umenu-btn:hover,.umenu-btn.on{background:var(--s3);border-color:var(--bd3)}
.umenu-btn .ic{color:var(--tx3);transform:rotate(90deg);transition:transform .15s}
.umenu-btn.on .ic{transform:rotate(-90deg)}
.um-av{width:28px;height:28px;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--br),var(--or))}
.um-av.lg{width:40px;height:40px;font-size:14px;box-shadow:0 4px 14px -4px var(--br)}
.um-name{font-size:12.5px;font-weight:600;max-width:150px}
.umenu-pop{position:absolute;right:0;top:calc(100% + 8px);width:288px;max-width:calc(100vw - 24px);padding:6px;background:var(--s1);border:1px solid var(--bd2);border-radius:var(--r3);box-shadow:var(--sh);z-index:80;animation:um-in .14s ease-out}
@keyframes um-in{from{opacity:0;transform:translateY(-4px)}}
.um-head{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;margin-bottom:6px;border-bottom:1px solid var(--bd)}
.um-head b{display:block;font-size:13.5px}.um-head small{display:block;font-size:11.5px;color:var(--tx3)}
.um-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--r);background:none;color:var(--tx2);font-size:13px;text-align:left;cursor:pointer}
.um-item:hover{background:var(--s2);color:var(--tx)}
.um-item .ic{flex:none}
.um-item b{display:block;font-weight:500;color:var(--tx)}.um-item small{display:block;font-size:11.5px;color:var(--tx3)}
.um-sec{display:flex;align-items:center;gap:6px;margin-top:6px;padding:10px 10px 4px;border-top:1px solid var(--bd);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.um-lang{display:flex;align-items:center;gap:8px;padding:4px 10px 8px}
.um-lang .flag-svg{width:24px;height:16px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.um-lang select{flex:1;min-width:0}
.um-flags{display:flex;gap:6px;padding:4px 10px 6px}
.um-flag{flex:1;height:34px;display:grid;place-items:center;border:1px solid var(--bd2);border-radius:var(--r);background:var(--s2);font-size:18px;line-height:1;cursor:pointer;filter:grayscale(.6);opacity:.75;transition:background .15s,border-color .15s,opacity .15s,filter .15s}
.um-flag .flag-svg{width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.um-flag:hover{opacity:1;filter:none;background:var(--s3)}
.um-flag.on{opacity:1;filter:none;border-color:var(--br);background:var(--br-a);box-shadow:0 0 0 1px var(--br) inset}
.um-sep{height:1px;margin:6px 4px;background:var(--bd)}
.um-item.danger:hover{background:var(--dn-a);color:var(--dn)}
.provs{display:flex;gap:6px}
.prov{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tx3);padding:3px 9px;border:1px solid var(--bd2);border-radius:20px}
.prov i{width:7px;height:7px;border-radius:50%;background:var(--tx3)}
.prov.on{color:var(--tx2)}.prov.on i{background:var(--ok)}
.main{grid-column:2;grid-row:2;overflow-y:auto;min-width:0;min-height:0}
/* Deneme/ödeme uyarı şeridi varken tam yükseklikli ekranlar (sohbet, toplantı, e-posta) şeridin altında kalan alanı
   alır; yoksa height:100% şerit kadar taşar ve sohbet kutusu ekranın altında kalır. */
.main.has-banner{display:flex;flex-direction:column}
.main.has-banner>*{flex-shrink:0;width:100%}.main.has-banner>.alert{width:auto}
.main.has-banner>:is(.chat,.thread-page,.mtg-page,.mail-wrap){height:auto;flex:1 1 0;min-height:0}

/* ── canlı akış ── */
.feed{grid-column:3;grid-row:2;border-left:1px solid var(--bd);background:var(--s1);display:flex;flex-direction:column;min-height:0}
.feed-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--bd);font-size:11px;letter-spacing:.06em}
.dot{width:8px;height:8px;border-radius:50%;background:var(--tx3)}.dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-a)}
.feed-list{overflow-y:auto;flex:1;padding:6px 0}
.fe{display:flex;gap:8px;padding:6px 12px;font-size:12.5px;align-items:flex-start;border-left:2px solid transparent}
.fe:hover{background:var(--s2)}
.fe-t{color:var(--tx3);font-family:var(--mono);font-size:11px;padding-top:2px;flex:none}
.fe-x{color:var(--tx2);min-width:0;overflow-wrap:anywhere}
.fe.k-sende{border-left-color:var(--wn)}.fe.k-sende .fe-x{color:var(--tx)}
.fe.k-hata{border-left-color:var(--dn)}.fe.k-hata .fe-x{color:var(--dn)}
.fe.k-firsat{border-left-color:var(--ok)}.fe.k-rapor{border-left-color:var(--in)}.fe.k-danisma{border-left-color:var(--vi)}
.fe.k-kredi{border-left-color:var(--br)}.fe.k-kredi .fe-x{color:var(--tx)}
.fe.k-uyari{border-left-color:var(--wn)}  /* dikkat isteyen ama hata olmayan olay (ör. reklam tavanına yaklaşma) */

/* ── sayfa ── */
.page{padding:22px 32px 40px;margin:0 auto}
.help-btn{display:inline-grid;place-items:center;vertical-align:middle;margin-left:6px;width:26px;height:26px;border-radius:50%;border:0;background:none;color:var(--tx3);cursor:pointer}
.help-btn:hover{color:var(--br);background:var(--br-a)}
.help-body{font-size:14px;line-height:1.65}.help-body p{margin:0 0 10px}.help-body ol,.help-body ul{margin:0 0 12px;padding-left:22px}.help-body li{margin:3px 0}
.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.page-h p{margin:4px 0 0}
.sec{margin:22px 0 10px;display:flex;align-items:center;gap:8px;color:var(--tx2);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
section{margin-bottom:8px}

.card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r2);padding:14px 16px;min-width:0}
.card-h{display:flex;align-items:center;gap:8px;margin:-2px 0 10px;color:var(--tx)}
.card-h b{font-size:13.5px}.card-h .link,.card-h .chip{margin-left:auto}.card-h .chip + .link{margin-left:8px}
.card-h.clickable:hover b{color:var(--br)}
.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}
/* üyelik planı kartları (müşteri yönetimi) */
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px;align-items:stretch;margin-top:6px}
/* ödeme sayfası: deneme doldu ya da ödeme alınamadı, panelin yerine yalnızca bu (PayLock) */
.paylock{max-width:1100px;margin:0 auto;padding:20px 20px 40px}
.paylock > header{align-items:center;min-height:40px}
.paylock-head{text-align:center;max-width:640px;margin:28px auto 22px;color:var(--tx)}
.paylock-head h1{font-size:26px;margin:10px 0 8px}
.paylock-head p{margin:0;line-height:1.55}
.paylock-due{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.paylock .sec{text-align:center}
.paylock-foot{text-align:center;margin-top:18px}
/* kanal kartı (Hesaplar ve kurallar): kısa kart; açıklama iki satır, tıklayınca açılır; bağlama formu pencerede */
.so-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start;margin-top:6px}
.so-card{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.so-card-h{display:flex;align-items:center;gap:6px;min-height:26px}
.so-desc{margin:0;font-size:12.5px;line-height:1.45;color:var(--tx2);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.so-desc.open{display:block}
.so-accs{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--bd);padding-top:8px}
.so-acc{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:6px 8px;border-radius:var(--r2);background:var(--s2)}
.so-acc > .dot{margin-top:6px;flex:none}
.so-acc > .grow{flex-basis:150px}
.so-acc-act{display:flex;align-items:center;gap:4px;margin-left:auto}
.plan-grid .li{flex-wrap:wrap;row-gap:6px}
.plan-grid .li > .grow{min-width:0;flex-basis:140px}
.plan-grid .li b{overflow-wrap:anywhere}
.plan-card{display:flex;flex-direction:column;position:relative;border:1px solid var(--bd2);border-radius:var(--r3);background:var(--s1);padding:24px}
.plan-card.off{opacity:.62}
.plan-card.on{border-color:var(--br);box-shadow:0 0 0 1px var(--br-a)}
.plan-card.pop{border-color:var(--br);box-shadow:0 18px 50px -28px var(--br)}
.plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--br);color:#fff;font-size:10.5px;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;white-space:nowrap}
.plan-name{font-size:18px;font-weight:600;letter-spacing:-.02em}
.plan-desc{color:var(--tx2);font-size:13.5px;margin:6px 0 0;min-height:38px}
.plan-price{margin:18px 0 0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.plan-price b{font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum"}
.plan-price span{color:var(--tx3);font-size:13px}
.plan-feats{list-style:none;padding:18px 0 0;margin:18px 0 20px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:10px;font-size:14px;flex:1}
.plan-feats li{display:flex;gap:9px;align-items:flex-start;color:var(--tx2)}
.plan-feats li svg{flex:none;margin-top:2px;color:var(--tx3)}
.plan-feats li.hi{color:var(--tx)}.plan-feats li.hi svg{color:var(--ok)}
/* "bu kredi ile neler yapılır" satırı: tüm kartlarda aynı yükseklik, biraz daha küçük yazı */
.plan-feats li.ex{font-size:12.5px;line-height:1.45;min-height:54px;align-items:flex-start}
.plan-btn{width:100%;justify-content:center}
.plan-state{text-align:center;font-size:13px;padding:8px;border-radius:var(--r);background:var(--s3)}
.plan-state.ok{color:var(--ok)}.plan-state.warn{color:var(--wn)}
/* eski paket kartı yardımcıları (ödeme penceresindeki kredi paketleri sade kalsın) */
.plan-card.clickable{padding:14px}
.plan-fee{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:8px}
.plan-card .list{margin-top:10px}
.kpi{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r2);padding:12px 14px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:border-color .15s}
.kpi:hover{border-color:var(--bd3)}
.k-l{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);display:flex;align-items:center;gap:6px;font-weight:600}
.k-v{font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.k-s{font-size:12px;color:var(--tx3)}
.list{display:flex;flex-direction:column}
.li{display:flex;align-items:center;gap:9px;padding:8px 6px;border-radius:var(--r);min-width:0;border:0;background:none;text-align:left;width:100%}
a.li:hover,.li.btnlike:hover{background:var(--s2);cursor:pointer}
.li + .li{border-top:1px solid var(--bd)}
.news-t{font-weight:500;color:var(--tx)}.news-t:hover{color:var(--br);text-decoration:underline}.news-t .ic{opacity:.5;vertical-align:-1px}
.news-u{display:block;max-width:100%;margin-top:1px}
.yr-thumb{width:72px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--bd2);background:var(--s2)}
.yr-thumb.tiny{width:46px;height:34px;border-radius:5px;flex:0 0 auto}
.yr-shot{width:150px;height:110px;object-fit:cover;border-radius:8px;border:1px solid var(--bd2);background:var(--s2)}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:28px 10px;color:var(--tx3)}
.empty b{color:var(--tx)}.empty p{margin:0}.empty.sm{padding:16px 8px}
.empty > .ic{padding:9px;width:38px;height:38px;border:1px solid var(--bd2);border-radius:10px;background:var(--s2)}
.alert{padding:10px 14px;border-radius:var(--r2);border:1px solid var(--bd2);background:var(--s2);margin:10px 0;font-size:13px}
.alert.warn{border-color:color-mix(in srgb,var(--wn) 40%,transparent);background:var(--wn-a)}
.alert.info{border-color:color-mix(in srgb,var(--in) 40%,transparent);background:var(--in-a)}
.alert.ok{border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:var(--ok-a)}

/* ── kontroller ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border-radius:var(--r);border:1px solid var(--bd2);background:var(--s2);color:var(--tx);cursor:pointer;font-weight:500;font-size:13px;white-space:nowrap;transition:background .12s,border-color .12s}
.btn:hover{background:var(--s3);border-color:var(--bd3)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.pri{background:var(--br);border-color:var(--br);color:#fff}.btn.pri:hover{background:var(--br-hi)}
.btn.ghost{background:transparent}
.btn.ok{background:var(--ok-a);border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}
.btn.warn{background:var(--wn-a);border-color:color-mix(in srgb,var(--wn) 45%,transparent);color:var(--wn)}
.btn.bad{background:var(--dn-a);border-color:color-mix(in srgb,var(--dn) 45%,transparent);color:var(--dn)}
.btn.sm{padding:4px 10px;font-size:12.5px}.btn.xs{padding:2px 8px;font-size:11.5px}.btn.block{width:100%}
.ib{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r);border:0;background:transparent;color:var(--tx2);cursor:pointer;flex:none}
.ib:hover{background:var(--s3);color:var(--tx)}.ib.on{color:var(--br)}.ib.xs{width:22px;height:22px}
.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;border:1px solid var(--bd2);background:var(--s2);font-size:12.5px;color:var(--tx2);white-space:nowrap;line-height:1.4}
.chip.sm{padding:1px 8px;font-size:11.5px}.chip.xs{padding:0 6px;font-size:10.5px}
.chip.clickable:hover{border-color:var(--bd3);color:var(--tx)}
.chip.on{background:var(--br-a);border-color:color-mix(in srgb,var(--br) 50%,transparent);color:var(--br-hi)}
html[data-theme="light"] .chip.on{color:var(--br)}
.chip.off{opacity:.55;text-decoration:line-through dotted}
.btn.off{opacity:.6;pointer-events:none}   /* iş sürerken: soluk ve tıklanamaz (label'a disabled yazılamaz) */
.chip.warnc{color:var(--wn);border-color:color-mix(in srgb,var(--wn) 40%,transparent)}
.um-credit{display:block;margin:0 0 6px;padding:9px 10px;border-radius:var(--r);border:1px solid var(--bd);background:var(--s2);color:var(--tx);text-decoration:none;cursor:pointer}
.um-credit:hover{border-color:var(--bd2)}
.um-cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;font-variant-numeric:tabular-nums}
.um-cr-grid small{display:block;font-size:11px;color:var(--tx3)}.um-cr-grid b{font-size:14px}
.um-cr-grid b.ok{color:var(--ok)}.um-cr-grid b.warn{color:var(--wn)}.um-cr-grid b.bad{color:var(--dn)}
.chip small{color:var(--tx3)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:5px;font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--s3);color:var(--tx2)}
.badge.ok{background:var(--ok-a);color:var(--ok)}.badge.warn{background:var(--wn-a);color:var(--wn)}.badge.bad{background:var(--dn-a);color:var(--dn)}
.badge.info{background:var(--in-a);color:var(--in)}.badge.run{background:var(--br-a);color:var(--br-hi)}.badge.vi{background:var(--vi-a);color:var(--vi)}
html[data-theme="light"] .badge.run{color:var(--br)}
.pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.25}}
.blink{animation:pulse 1.1s infinite}   /* dikkat çekmesi gereken durum rozeti (ör. oturum kapalı) */
@media (prefers-reduced-motion:reduce){.blink{animation:none}}
.spin{display:inline-block;width:12px;height:12px;border:2px solid var(--bd3);border-top-color:var(--br);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}
/* ortak loader (web/loader.js) */
.ld{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 16px;color:var(--tx3);text-align:center}
.ld-t{display:flex;flex-direction:column;gap:2px;font-size:13.5px}.ld-t small{font-size:12px;color:var(--tx3)}
.ld-page{min-height:100vh;padding:16px}
.ld-box{flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px;margin:10px 0;border:1px solid var(--bd2);border-radius:var(--r);background:var(--s2);color:var(--tx2);text-align:left}
.ld-box .ld-t{flex:1;min-width:0;font-size:13px}
.ld-time{flex:none;font-size:11.5px;color:var(--tx3)}
.ld-spin{flex:none;display:inline-block;width:22px;height:22px;border:2.5px solid var(--bd3);border-top-color:var(--br);border-radius:50%;animation:spin .8s linear infinite}
.ld-box .ld-spin,.ld-spin.sm{width:14px;height:14px;border-width:2px}
.ld-spin.lg{width:34px;height:34px;border-width:3px}
.top-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}
.top-progress.on{opacity:1}
.top-progress i{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,var(--br),var(--or),transparent);animation:tp 1.1s ease-in-out infinite}
@keyframes tp{from{left:-40%}to{left:100%}}
@media (prefers-reduced-motion:reduce){.ld-spin,.top-progress i{animation-duration:2.4s}}
.av{display:inline-grid;place-items:center;border-radius:50%;flex:none;line-height:1;overflow:hidden}
.av-img{width:100%;height:100%;object-fit:cover;display:block}
.avs{display:flex;gap:3px;flex-wrap:wrap}

input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{width:100%;background:var(--s2);border:1px solid var(--bd2);border-radius:var(--r);padding:7px 10px;outline:none;min-width:0}
input:focus,select:focus,textarea:focus{border-color:var(--br);box-shadow:0 0 0 3px var(--br-a)}
input:disabled{opacity:.6}
input[type=color]{width:100%;height:36px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--s2);padding:3px}
/* Sayı kutusunun ok düğmeleri. Ayarlar ekranında kapalı: kutular dar, oklar metnin üstüne biniyor
   ve yanlış tıklamada değer `step` kadar zıplıyor (kredi paketinde bin kredi, fiyatlarda kuruş).
   Değer klavyeden yazılır; ok tuşları da çalışmaya devam eder. */
.no-spin input[type=number]{-moz-appearance:textfield;appearance:textfield}
.no-spin input[type=number]::-webkit-outer-spin-button,
.no-spin input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
textarea{resize:vertical;line-height:1.5}
select{cursor:pointer}
.sm-sel{padding:3px 6px!important;font-size:12.5px;width:auto!important}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form.one{grid-template-columns:1fr}
.form label,.lbl{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--tx2);font-weight:500}
.form .full{grid-column:1/-1}
label.check{flex-direction:row!important;align-items:center;gap:8px;cursor:pointer;color:var(--tx)}
/* Birkaç satırlık onay metni (sözleşme, cayma hakkı): kutu solda, metin sağında alt alta akar */
label.check.wrap-text{display:flex;align-items:flex-start;line-height:1.5}
label.check.wrap-text input{flex:none;margin:3px 0 0}
.switch{position:relative;width:34px;height:20px;border-radius:20px;background:var(--s4);border:0;cursor:pointer;flex:none;transition:background .15s}
.switch::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}
.switch.on{background:var(--ok)}.switch.on::after{left:17px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--bd);margin-bottom:16px;overflow-x:auto}
.tabs button{border:0;background:none;padding:8px 13px;color:var(--tx2);cursor:pointer;border-bottom:2px solid transparent;font-weight:500;white-space:nowrap}
.tabs button:hover{color:var(--tx)}.tabs button.on{color:var(--tx);border-bottom-color:var(--br)}
/* sayfa kayınca sekmeler üstte kalır (Sosyal medya yönetimi; kullanıcının kararı) */
.tabs-stick{position:sticky;top:0;z-index:15;background:var(--bg);padding-top:6px}
.card .tabs-stick{background:var(--s1)}
/* iç içe sekme: üstteki yapışkan sekmelerin altına yapışır (yüksekliği --stick-top, ör. yönetim › müşteri › Abonelik) */
.tabs-stick.under{top:var(--stick-top,0px);z-index:14}
.tabs.sub{margin-top:-10px;margin-bottom:14px}.tabs.sub button{padding:6px 11px;font-size:13px}   /* sekme içindeki alt sekmeler */
.pl-new{width:100%;justify-content:center;margin-bottom:8px}   /* plan listesinin kendi düğmesi */
.tabs.dlg-tabs{margin:14px 0 12px}.tabs.dlg-tabs button{display:flex;align-items:center;gap:6px;font-size:13px}
.bar{height:6px;border-radius:6px;background:var(--s3);overflow:hidden;min-width:60px}
.bar i{display:block;height:100%;background:var(--br);border-radius:6px}
.bar.ok i{background:var(--ok)}.bar.warn i{background:var(--wn)}.bar.bad i{background:var(--dn)}
.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px}
.filters > .ic{color:var(--tx3);flex:none}
.filters input{min-width:200px}
.filters select{flex:none;max-width:190px}
.task-flt input{flex:1 1 240px}.task-flt select{max-width:170px;width:auto}

.tbl-wrap{overflow-x:auto;padding:0}
/* sığdırılmış tablo: sütun genişlikleri sabit, metin sarar — yatay kaydırma olmaz */
.tbl.fit{table-layout:fixed}
.tbl.fit th,.tbl.fit td{padding:8px 9px;overflow-wrap:anywhere}
.tbl.fit .nowrap{overflow-wrap:normal;white-space:nowrap}
.tbl.fit .chip{white-space:normal}
.tbl.fit select{width:100%!important;max-width:100%;min-width:0}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--tx3);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--bd);white-space:nowrap}
.tbl td{padding:9px 12px;border-bottom:1px solid var(--bd);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--s2)}

/* ── modal & bildirim ── */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);padding:20px;backdrop-filter:blur(2px)}
.modal{background:var(--s1);border:1px solid var(--bd2);border-radius:var(--r3);width:min(560px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:var(--sh)}
.modal.wide{width:min(940px,100%)}
/* paket vitrini gibi yan yana kart isteyen pencereler */
.modal.xwide{width:min(1060px,100%)}
.modal-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--bd)}
.modal-h b{flex:1}
.modal-b{padding:16px;overflow-y:auto;min-height:0}
.modal-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--bd)}
/* ortak onay / metin sorma penceresi (shared/dialog.js): diğer pencerelerin üstünde açılır */
.dlg-bg{z-index:300}.dlg{width:min(440px,100%)}
.gw-steps{display:flex;gap:6px;margin-bottom:10px}.gw-steps span{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--s3);color:var(--tx3);border:1px solid var(--bd)}
.gw-steps span.on{background:var(--br);color:#fff;border-color:var(--br)}.gw-steps span.done{color:var(--ok);border-color:var(--ok)}
.gw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.gw-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1.5px solid var(--bd);border-radius:12px;cursor:pointer;background:var(--s2)}
.gw-card.on{border-color:var(--br);background:var(--s3)}.gw-card.off{opacity:.55;cursor:not-allowed}
.gw-ad-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;color:#8ab4f8}
.gw-h{margin:2px 0 4px;font-size:17px}
/* Reklam görseli sürümleri */
.gw-sizes{width:100%;border-collapse:collapse;margin-top:6px}.gw-sizes th,.gw-sizes td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--bd)}.gw-sizes th{color:var(--tx2);font-weight:600}
.gw-set{margin-top:8px;padding:10px;border:1px solid var(--bd);border-radius:10px;background:var(--s1)}
.gw-set-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gw-set-src{width:36px;height:36px;object-fit:cover;border-radius:6px}
.gw-vars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.gw-var{display:flex;flex-direction:column;gap:4px;min-width:0}
.gw-var-box{width:100%;border-radius:6px;overflow:hidden;background:var(--s3);border:1px solid var(--bd)}.gw-var-box img{width:100%;height:100%;object-fit:cover;display:block}
.gw-var-box.r-landscape{aspect-ratio:1.91/1}.gw-var-box.r-square{aspect-ratio:1/1}.gw-var-box.r-portrait{aspect-ratio:4/5}
.gw-var-ai{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;height:auto;white-space:normal;line-height:1.25;padding:5px 6px;text-align:center}
.gw-var-ai small{font-size:10.5px;opacity:.85;font-weight:400}
.gw-var-box.clickable,.gw-set-src.clickable{cursor:zoom-in}.gw-var-box.clickable:hover{outline:2px solid var(--br)}
/* büyük görünüm: zemin ve kenarlık yok — resmin etrafında boşluk/kırpılmış gibi görünmesin */
.gw-view{display:flex;align-items:center;justify-content:center;background:transparent;border:0;min-height:240px;max-height:62vh;overflow:hidden}
.gw-view img{max-width:100%;max-height:62vh;object-fit:contain;display:block}
.gw-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.gw-mode{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:10px 12px;border:1.5px solid var(--bd);border-radius:10px;background:var(--s2);cursor:pointer;color:var(--tx)}
.gw-mode.on{border-color:var(--br);background:var(--br-a)}.gw-mode:disabled{opacity:.6;cursor:progress}
@media (max-width:600px){.gw-modes{grid-template-columns:1fr}}
.gw-vst.pending{background:var(--br-a);color:var(--br)}
.gw-vst.fit{background:var(--s3);color:var(--tx2)}
.gw-vst{align-self:flex-start;padding:1px 8px;border-radius:99px;background:var(--s3)}
.gw-vst.ok,.gw-vst.ai{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.gw-vst.crop{background:var(--s3);color:var(--tx2)}
.gw-vst.bad{background:color-mix(in srgb,var(--wn) 20%,transparent);color:var(--wn)}
.gw-vst.small{background:color-mix(in srgb,var(--dn) 18%,transparent);color:var(--dn)}
@media (max-width:600px){.gw-vars{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gw-sec.first{margin-top:4px;border-top:0;padding-top:0}
.gw-url{margin-top:4px;padding:6px 8px;border-radius:6px;background:var(--s2);border:1px solid var(--bd);overflow-wrap:anywhere}
.gw-sub{margin:4px 0 6px 26px;padding:10px 12px;border-left:2px solid var(--br);background:var(--s2);border-radius:0 8px 8px 0}
.gw-example{margin:6px 0 0;color:var(--tx)}
/* Yapay zekânın doldurduğu alanlar: etiket + renkli çerçeve (neyin yazıldığı görünsün) */
.gw-ai-chip{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:600;background:var(--br-a);color:var(--br);vertical-align:middle}
.gw-ai-box input,.gw-ai-box textarea{border-color:var(--br)!important;background:var(--br-a)!important}
.gw-ai-sec{scroll-margin-top:8px}
.gw-more{margin-top:16px;border-top:1px solid var(--bd);padding-top:10px}.gw-more>summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.gw-more>summary::-webkit-details-marker{display:none}.gw-more>summary::before,.gw-row>summary::before{content:'▸';color:var(--tx2);flex:none;width:14px;font-size:15px;line-height:1}.gw-more[open]>summary::before,.gw-row[open]>summary::before{content:'▾'}
.gw-more>summary .mut{font-weight:400;margin-left:6px}
/* Kampanya sihirbazı: adımdan adıma boyu değişmez (zıplamasın); içerik uzunsa pencerenin içi kayar */
.gw-modal .modal{height:calc(100vh - 40px);width:min(1000px,100%)}.gw-modal .modal-b{flex:1 1 auto}
.gw-sl-demo{padding:8px 10px;border:1px dashed var(--bd2);border-radius:8px;background:var(--s2);margin-bottom:4px}.gw-sl-demo .gw-ad-links span{text-decoration:underline}
.gw-ad-call{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;border:1px solid var(--bd2);border-radius:99px;color:#8ab4f8}
.gw-more[open]>.gw-rows{margin-top:10px}
.gw-rows{border:1px solid var(--bd);border-radius:10px;overflow:hidden}.gw-row{border-top:1px solid var(--bd)}.gw-row:first-child{border-top:0}
.gw-row>summary{display:flex;gap:10px;align-items:center;padding:10px 12px;cursor:pointer;font-size:13px;list-style:none}.gw-row>summary::-webkit-details-marker{display:none}
.gw-row>summary b{min-width:190px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.gw-row>summary span{flex:1;color:var(--tx2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-row[open]>summary{background:var(--s2)}
.gw-row>:not(summary){margin-left:12px;margin-right:12px}.gw-row>summary+*{margin-top:8px}.gw-row>:last-child{margin-bottom:12px}@media (max-width:600px){.gw-row>summary{flex-wrap:wrap;gap:4px}.gw-row>summary b{min-width:0;width:100%}}
.gw-demo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.gw-demo>span{min-width:90px}
.gw-steps>b{margin-left:8px;align-self:center}.gw-steps>span{cursor:pointer}
.gw-five{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.gw-side{position:sticky;top:0;align-self:start}@media (max-width:760px){.gw-five{grid-template-columns:1fr}.gw-side{position:static}}
.gw-sum div.gw-thumbs{justify-content:flex-start;border:0}
.gw-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.gw-thumb{position:relative;width:96px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--bd);background:var(--s2)}
.gw-thumb.logo{width:64px;background:#fff}.gw-thumb img{width:100%;height:100%;object-fit:cover}.gw-thumb.logo img{object-fit:contain}
.gw-x{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gw-add{width:64px;height:64px;border:1.5px dashed var(--bd2);border-radius:8px;background:var(--s2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--tx2)}
.gw-add.wide{width:96px}.gw-add:disabled{opacity:.5;cursor:not-allowed}
.gw-vad-empty{display:flex;align-items:center;justify-content:center;color:var(--tx3);background:var(--s3)}
.gw-sum>div{display:flex;gap:10px;align-items:baseline}.gw-sum>div>a{margin-left:auto}
.gw-sec{display:flex;align-items:center;gap:6px;margin:16px 0 6px;padding-top:10px;border-top:1px solid var(--bd);font-weight:600;font-size:14px}
.gw-pic-unused{margin-top:6px;aspect-ratio:1.91/1;border:1.5px dashed var(--bd);border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;overflow:hidden;background:var(--s2)}
.gw-pic img{width:100%;height:100%;object-fit:cover}
.gw-logo{margin-top:6px;width:96px;height:96px;border:1px solid var(--bd);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;text-align:center;padding:4px}
.gw-logo img{max-width:100%;max-height:100%}
.gw-vad{border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:var(--s2);margin-top:4px}
.gw-vad-img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block}
.gw-vad-body{padding:10px 12px}.gw-vad-logo{width:22px;height:22px;border-radius:50%;object-fit:contain;background:#fff}
.gw-sum-img{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#fff}.gw-why{margin:0 0 12px;line-height:1.5}
.gw-ai-panel{margin-top:10px;padding:10px 12px;border:1px solid var(--br);border-radius:10px;background:var(--br-a)}
.gw-ai-note{display:flex;flex-direction:column;gap:8px;margin:0;font-size:12.5px;color:var(--tx2);font-weight:500}
.gw-ai-head{display:flex;gap:8px;align-items:flex-start;line-height:1.5}.gw-ai-head .ic{flex:none;margin-top:2px;color:var(--br)}
.gw-ai-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}
.gw-ai-actions .check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.gw-ai-actions .btn{flex:none}
.gw-tip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:8px;background:var(--s2);font-size:13px}
.gw-loc{position:relative;max-width:420px}.gw-loc input{width:100%}
.gw-loc-list{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--s2);border:1px solid var(--bd2);border-radius:8px;max-height:220px;overflow:auto}
.gw-loc-list a{display:block;padding:6px 10px;cursor:pointer;font-size:13px}.gw-loc-list a:hover{background:var(--s3)}
.gw-two{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}@media (max-width:760px){.gw-two{grid-template-columns:1fr}}
.gw-line{display:flex;align-items:center;gap:6px;margin-top:5px}.gw-line input,.gw-line textarea{flex:1}
.gw-ad{border:1px solid var(--bd2);border-radius:10px;padding:10px 12px;margin:6px 0;background:var(--s1)}
.gw-ad-h{color:#8ab4f8;font-size:16px;margin:3px 0}
.gw-link{cursor:pointer}.gw-ad-h.gw-link:hover,a.gw-link:hover{text-decoration:underline}  /* önizlemedeki bağlantı: sabit sekmede açılır */
.gw-opt,.form label.gw-opt{display:flex;flex-direction:row;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;margin-top:6px;cursor:pointer;font-size:13px;font-weight:400;color:var(--tx);line-height:1.45;background:var(--s1)}
.gw-opt.on{border-color:var(--br);background:var(--br-a)}
.gw-hours{display:inline-flex;align-items:center;gap:6px}.gw-hours select{width:auto}
.gw-opt>input{flex:none;margin:3px 0 0;width:auto;accent-color:var(--br)}.gw-opt>span{flex:1;min-width:0}
.gw-sum div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--bd);font-size:13px}.gw-sum div.alert{display:block;border:0}
.ad-prev{flex-basis:100%;display:flex;flex-direction:column;gap:4px;margin:2px 0 6px 0;padding:8px 10px;border-radius:8px;background:var(--s2)}
.ad-prev-media{display:flex;gap:6px;flex-wrap:wrap}
.ad-prev-img{position:relative;display:block;width:96px;height:96px;cursor:zoom-in;border-radius:6px;overflow:hidden;border:1px solid var(--bd);background:var(--s3)}
.ad-prev-img img{width:100%;height:100%;object-fit:cover;display:block}.ad-prev-img.logo img{object-fit:contain}
.ch-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--s3);border:1px solid var(--bd2)}
.ch-badge.ch-meta{background:#1877f21f;border-color:#1877f2;color:#4a9bff}
.ch-badge.ch-google{background:#34a8531f;border-color:#34a853;color:#4cc26c}
.ch-badge.ch-tiktok{background:#fe2c551f;border-color:#fe2c55;color:#ff5c7c}
th.sortable{cursor:pointer;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--tx)}
.tbl-wrap{overflow-x:auto}
/* Uyarı/hata penceresi: kenar çizgisi yuvarlak köşeye oturmuyordu; başlığın başında renkli bir simge durur */
.dlg-alert{display:flex;align-items:center;gap:10px}
.dlg-alert::before{content:'!';flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--dn)}
.dlg-alert.warn::before{background:var(--wn)}
.toast.notice{border-left-color:var(--wn)}
.dlg-text{margin:0;white-space:pre-line;line-height:1.55}
.dlg-field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.dlg-field input,.dlg-field textarea{width:100%}
.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:min(420px,calc(100vw - 32px))}
.toast{background:var(--s3);border:1px solid var(--bd2);border-left:3px solid var(--ok);padding:10px 14px;border-radius:var(--r);box-shadow:var(--sh);font-size:13px;animation:tin .2s}
.toast.bad{border-left-color:var(--dn)}.toast.warn{border-left-color:var(--wn)}
@keyframes tin{from{transform:translateY(8px);opacity:0}}

/* ── markdown ── */
.md{overflow-wrap:anywhere}
.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}
.md p{margin:0 0 8px}.md ul,.md ol{margin:0 0 8px;padding-left:22px}.md li{margin:2px 0}
.md h1,.md h2,.md h3,.md h4{margin:14px 0 6px}.md h1{font-size:17px}.md h2{font-size:15.5px}.md h3{font-size:14px}
.md a{color:var(--br)}.md a:hover{text-decoration:underline}
.md code{background:var(--s3);padding:1px 5px;border-radius:4px}
.md pre{background:var(--s2);border:1px solid var(--bd);padding:10px;border-radius:var(--r);overflow-x:auto}
.md pre code{background:none;padding:0}
.md blockquote{margin:0 0 8px;padding:4px 12px;border-left:3px solid var(--bd3);color:var(--tx2)}
.md table{border-collapse:collapse;margin:6px 0 10px;font-size:13px;display:block;overflow-x:auto;max-width:100%}
.md th,.md td{border:1px solid var(--bd2);padding:5px 9px;text-align:left;vertical-align:top}
.md th{background:var(--s2);font-weight:600}
.md hr{border:0;border-top:1px solid var(--bd);margin:12px 0}

/* ── mesajlar ── */
.msgs{display:flex;flex-direction:column;gap:12px}
.msg.user{display:flex;justify-content:flex-end}
.msg.user .bubble{background:var(--br-a);border:1px solid color-mix(in srgb,var(--br) 30%,transparent);border-radius:var(--r3) var(--r3) 4px var(--r3);padding:9px 13px;max-width:min(760px,88%)}
.msg.user.topic .bubble,.msg.system.topic .bubble{max-width:100%;width:100%;border-radius:var(--r2);background:var(--s2);border-color:var(--bd2)}
.msg.user.owner_note .bubble{background:var(--wn-a);border-color:color-mix(in srgb,var(--wn) 40%,transparent)}
.bubble .who{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);font-weight:600;margin-bottom:3px}
.bubble .time,.head .time{font-size:11px;color:var(--tx3)}
.bubble .time{text-align:right;margin-top:2px}
.msg.agent{display:flex;gap:10px;align-items:flex-start}
.msg.agent .body{flex:1;min-width:0}
.msg.agent .head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:3px;font-size:13px}
.msg.agent .head .time{margin-left:auto}
.card-msg{background:var(--s1);border:1px solid var(--bd);border-radius:4px var(--r3) var(--r3) var(--r3);padding:10px 14px}
.msg.agent.decision .card-msg{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:linear-gradient(0deg,var(--ok-a),var(--ok-a)),var(--s1)}
.msg.tool{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;color:var(--tx2);padding:0 0 0 44px;margin:-6px 0}
.msg.tool .ttext{cursor:pointer;min-width:0;overflow-wrap:anywhere}.msg.tool .ttext:hover{color:var(--tx)}
.msg.tool.hata .ttext{color:var(--dn)}
.tstate{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--s3);color:var(--ok);flex:none}
.msg.tool.hata .tstate{color:var(--dn)}
.hire-card{flex-basis:100%;max-width:560px;margin:6px 0 10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--tx)}
.hire-card .hire-desc{margin:0;white-space:pre-wrap;max-height:160px;overflow:auto}
.tresult{flex-basis:100%;white-space:pre-wrap;font-family:var(--mono);font-size:11.5px;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:8px 10px;max-height:260px;overflow:auto;color:var(--tx2)}
.msg.system{text-align:center;color:var(--tx2);font-size:13px}
.msg.system.topic{text-align:left}
details.prompt summary{cursor:pointer;color:var(--tx2);font-size:12.5px}
details.prompt[open] summary{margin-bottom:6px}
.typing{display:flex;align-items:center;gap:8px;color:var(--tx2);font-size:13px;padding:10px 0 0 44px}
.composer{display:flex;gap:8px;align-items:flex-end}
.composer textarea{flex:1;min-height:42px;max-height:220px}
/* @ ile çalışan anma listesi: yazı alanının hemen üstünde açılır */
.composer-in{flex:1;position:relative;display:flex}.composer-in textarea{width:100%}
/* konuşmaya eklenen belgeler (AttachPicker): etiketler + "Belge ekle"; mesajda tıklanınca belge açılır */
.composer-in.with-attach{flex-direction:column;gap:6px}
.attach{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.attach-chip{display:inline-flex;align-items:center;gap:4px;max-width:260px}.attach-chip .ell{min-width:0}
.oc-load{font-size:12px;color:var(--wn);margin-top:6px;line-height:1.5}.oc-load .link{margin-left:6px}
.vs-hint{font-size:12.5px;color:var(--tx2);background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:8px 11px;line-height:1.5}
.mem-legend{font-size:12.5px;color:var(--tx2);line-height:1.6}.mem-legend b{color:var(--tx)}
.attach-msg{margin-top:6px}.attach-list{max-height:320px;overflow:auto}
/* Belge seçme penceresi form içinde açılınca (Yeni toplantı) formun alt alta etiket stilini almasın */
.form .attach label{flex-direction:row;align-items:center}
.form .attach .attach-list label{font-size:13px;color:var(--tx);font-weight:400;text-align:left}
.new-employee-card{max-width:820px;margin:14px auto 0;text-align:left;border-color:var(--pri)}
.mention-pop{position:absolute;left:0;bottom:calc(100% + 6px);width:min(340px,100%);background:var(--s1);border:1px solid var(--bd2);border-radius:var(--r);box-shadow:var(--sh);padding:4px;z-index:30}
.mention-li{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:var(--r);background:none;color:var(--tx);text-align:left;cursor:pointer}
.mention-li.on{background:var(--br-a)}

/* ── sohbet ── */
.chat{display:grid;grid-template-columns:220px 250px minmax(0,1fr);height:100%;min-height:0}
.chat-employees,.chat-threads{border-right:1px solid var(--bd);overflow-y:auto;background:var(--s1);min-height:0}
.chat-threads{background:var(--bg)}
.side-h{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-weight:600;padding:12px 12px 6px;display:flex;align-items:center}
.employee-li{display:flex;align-items:center;gap:9px;padding:7px 10px;margin:1px 6px;border-radius:var(--r)}
.employee-li b{display:block;font-size:13px;line-height:1.2}.employee-li small{color:var(--tx3);font-size:11.5px;display:block;line-height:1.25}
.employee-li:hover{background:var(--s2)}.employee-li.on{background:var(--br-a)}
.thread-li{display:block;padding:8px 12px;margin:1px 6px;border-radius:var(--r);font-size:13px}
.thread-li small{display:flex;align-items:center;gap:6px;color:var(--tx3);font-size:11px}
.thread-li:hover{background:var(--s2)}.thread-li.on{background:var(--s3)}
.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}
.chat-head{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
/* sohbet işlemleri (dahil edilenler, karara bağla…): mesaj kutusunun hemen üstünde */
.chat-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 18px 0;border-top:1px solid var(--bd);background:var(--s1)}
.chat-main>.chat-bar+.composer{border-top:0;padding-top:8px}
.chat-scroll{flex:1;overflow-y:auto;padding:18px 22px;min-height:0}
.chat-main>.composer{padding:12px 18px;border-top:1px solid var(--bd);background:var(--s1)}
.chat-intro{max-width:820px;margin:10px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.chat-intro p{margin:0 0 10px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;text-align:left;margin-top:8px}
ul.plain{margin:0;padding-left:18px;color:var(--tx2);font-size:13px}ul.plain li{margin:3px 0}
.sugg{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}

/* ── toplantı ── */
.meeting{display:flex;flex-direction:column;height:100%;min-height:0}
.meeting-head{display:flex;gap:16px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
.meeting-head h1{font-size:18px}
.meeting-body{display:flex;flex-direction:column;flex:1;min-height:0}
.meeting-scroll{flex:1;overflow-y:auto;padding:18px 22px;min-height:0;display:flex;flex-direction:column;gap:12px}
.meeting-bar{display:flex;gap:10px;align-items:stretch;padding:12px 18px;border-top:1px solid var(--bd);background:var(--s1)}
.meeting-bar textarea{flex:1}
.meeting-bar .col{justify-content:center}
.agenda ol{margin:0;padding-left:20px;color:var(--tx2)}
.meeting-card{display:flex;flex-direction:column;gap:8px}
.meeting-card:hover,.employee-card:hover{border-color:var(--bd3)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.decision-card .summary{margin:0 0 8px;color:var(--tx2)}
.decision-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.decision-actions input{flex:1;min-width:200px}
/* sonuç kartı: toplantının/sohbetin kararı ve sıradaki adımlar (en üstte durur) */
.outcome{border-color:color-mix(in srgb,var(--br) 45%,var(--bd2))}
.outcome.live{border-color:color-mix(in srgb,var(--info,var(--br)) 50%,var(--bd2))}
.oc-summary{margin:0 0 8px;font-size:14.5px;line-height:1.55}
.oc-full{margin-top:8px;padding-top:8px;border-top:1px solid var(--bd)}
.oc-next{margin:16px 0 6px;color:var(--tx2);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.oc-step{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--bd)}
.oc-step .decision-actions{border-top:0;padding-top:0;margin-top:10px}
.oc-step .decision-actions input{flex:1 1 100%;min-width:0}
.oc-n{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--br-a);color:var(--br)}
.oc-tasks{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.oc-task{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--bd);border-radius:var(--r2);background:var(--s2)}
.oc-task.off{opacity:.5}.oc-task.off .grow>div:first-child{text-decoration:line-through}
.oc-task input[type=checkbox]{margin-top:3px}
.oc-edit{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:6px}
@media (max-width:760px){.oc-edit{grid-template-columns:1fr}}
.oc-q{margin:6px 0 10px;padding-left:18px;font-size:13.5px;line-height:1.6}
.oc-docs{margin-top:12px;padding-top:12px;border-top:1px solid var(--bd);align-items:center}
.oc-talk .card-h{margin:0}
/* görev satırının sağ sütunu: etiketli alanlar alt alta (Çalışan, Sorumlu kişi, Termin, Durum); dar sütunda tablo yatay kaymasın */
.meeting-actions .tbl td{vertical-align:top}
.kv-cell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 8px;align-items:center;min-width:220px}
.kv-cell>span{font-size:12px;color:var(--tx2);white-space:nowrap}
.kv-cell>select,.kv-cell>input{width:100%;min-width:0}
/* görevin yapay zekâ durumu (Görevler, toplantının görevleri, sonuç kartı) */
.ai-state{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 6px;font-size:12px;color:var(--tx2)}
.ai-state.ai-bitti{color:var(--ok)}
.ai-state.ai-insana{color:var(--wn)}
.ai-state .ai-note{flex-basis:100%;color:var(--tx2);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.ai-state .ai-note.open{display:block;-webkit-line-clamp:unset}
/* Tasarla: çalışanların görsel/video talepleri */
.req-li{align-items:flex-start;gap:12px}
.req-title{display:block;font-weight:600;margin-bottom:2px}.req-scene{margin:2px 0 3px;line-height:1.5}
.req-src{display:inline-flex;align-items:center;gap:4px;margin-top:3px}
/* Pano: kurulumdan sonraki "İlk adımlar" kartı */
.first-steps{border-color:color-mix(in srgb,var(--br) 45%,var(--bd2));margin-bottom:14px}
.fst-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.fst{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bd2);border-radius:var(--r2);background:var(--s2);cursor:pointer}
.fst:hover{border-color:var(--br)}
.fst .grow{display:flex;flex-direction:column;gap:2px;min-width:0}
.fst-n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;background:var(--br-a);color:var(--br-hi)}
.fst.done{opacity:.65}.fst.done .fst-n{background:var(--ok-a);color:var(--ok)}.fst.done b{text-decoration:line-through}
/* müşterinin gönderdiği ekler (sosyal / CRM) */
.so-media{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.so-thumb{display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--bd2)}
.so-thumb img{display:block;max-width:180px;max-height:180px;object-fit:cover}
.ai-state button.link{background:none;border:0;padding:0;font:inherit;color:var(--br-hi);cursor:pointer}
.ai-pick{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tx2);cursor:pointer;white-space:nowrap}
.ai-pick input{accent-color:var(--br)}
.oc-task .ai-pick{align-self:center}
/* onay kartında görev: başlık doğrudan düzenlenir, alanlar kartın altında (ayrı "Düzenle" düğmesi yok) */
.oc-task-ed{flex-direction:column;align-items:stretch;gap:6px}
.oc-task-top{display:flex;align-items:center;gap:10px}
.oc-task-top input[type=checkbox]{margin:0}
/* genel form kuralı (input:not(...)×3) çok özgül: burada !important bilerek, .sm-sel gibi */
.oc-title{flex:1;min-width:0;border:1px solid transparent!important;background:transparent!important;border-radius:var(--r);padding:3px 6px!important;font-weight:500}
.oc-fields select,.oc-fields input:not([type=checkbox]){padding:4px 8px!important;font-size:13px}
.oc-title:hover:not(:disabled),.oc-title:focus{border-color:var(--bd2)!important;background:var(--s1)!important}
.oc-fields{margin-left:26px}
.ai-fit{font-size:12px}.ai-fit.no{color:var(--wn)}.ai-fit.yes{color:var(--ok);margin-left:4px}
.tpanel{display:flex;flex-direction:column;min-height:0;height:100%}
.tp-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
.t-title{font-weight:600;font-size:15px}
.tp-scroll{overflow-y:auto;padding:14px 2px;min-height:0;flex:1}
.modal .tpanel{max-height:calc(100vh - 150px)}
.thread-page{height:100%;display:flex;flex-direction:column;padding-bottom:16px}

/* ── çalışan ── */
.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.employee-card{display:flex;flex-direction:column;gap:8px;transition:border-color .15s}
.employee-card p{margin:0;color:var(--tx2)}
.employee-card.inactive{opacity:.55}
/* Ekip › organizasyon şeması: koordinasyon tepede, kollar gerçek kişiye göre; geniş ekipte yatay kayar */
.org-chart{overflow-x:auto;padding:20px 16px}
.org-in{display:flex;flex-direction:column;align-items:center;width:max-content;min-width:100%}
.org-node{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:230px;padding:10px 12px;background:var(--s2);border:1px solid var(--bd2);border-radius:var(--r2);color:inherit;text-decoration:none;transition:border-color .15s}
a.org-node:hover{border-color:var(--br)}
.org-node b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-node .grow{min-width:0}
.org-node .row{margin-top:4px}
.org-node.inactive{opacity:.55}
.org-top{width:260px;border-color:var(--br)}
.org-stem{width:2px;height:22px;background:var(--bd3)}
.org-cols{display:flex;gap:16px}
.org-col{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:22px}
.org-col::before{content:'';position:absolute;top:0;left:50%;width:2px;height:22px;background:var(--bd3)}
.org-col::after{content:'';position:absolute;top:0;left:-8px;right:-8px;height:2px;background:var(--bd3)}
.org-col:first-child::after{left:50%}
.org-col:last-child::after{right:50%}
.org-col:only-child::after{display:none}
.org-person{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:230px;padding:7px 12px;background:var(--s3);border:1px dashed var(--bd3);border-radius:var(--r2)}
.org-person.warnc{border-color:var(--wn);color:var(--wn)}
.org-list{position:relative;display:flex;flex-direction:column;gap:12px;padding-top:12px}
.org-list::before{content:'';position:absolute;top:0;bottom:24px;left:50%;width:2px;background:var(--bd3)}
.org-hint{margin:0 0 14px;text-align:center}
.org-node[draggable="true"]{cursor:grab}
.org-node.dragging{opacity:.4}
.org-col.drop .org-person{border-style:solid;border-color:var(--br);background:var(--br-a)}
.org-col.drop .org-list{outline:2px dashed var(--br);outline-offset:4px;border-radius:var(--r2)}
.org-empty{position:relative;z-index:1;width:230px;padding:14px 12px;text-align:center;border:1px dashed var(--bd2);border-radius:var(--r2);background:var(--s1)}
/* telefonda kollar alt alta: yan yana kaydırmak yerine tek sütun */
@media (max-width:640px){
  .org-chart{padding:16px 12px}
  .org-in{width:auto}
  .org-cols{flex-direction:column;gap:0;width:100%}
  .org-col::after{display:none}
  .org-col:first-child::before{height:22px}
  .org-node,.org-person,.org-top,.org-empty{width:100%}
  .org-list{width:100%}
}
.employee-hero{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.req{display:flex;gap:10px;align-items:flex-start;padding:10px 0}
.req + .req{border-top:1px solid var(--bd)}
.req .st{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:2px;border:1.5px solid var(--bd3);cursor:pointer}
.req .st.ok{background:var(--ok);border-color:var(--ok);color:#000}
.wf-card{display:flex;flex-direction:column;gap:6px}
.wf-card p{margin:0;color:var(--tx2);font-size:13px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.stat{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px}
.stat b{display:block;font-size:20px;font-weight:600;line-height:1.2}
.stat span{font-size:11.5px;color:var(--tx3)}
tr.clickable:hover td{background:var(--s2)}
.keyrow{padding:11px 0}
.keyrow + .keyrow{border-top:1px solid var(--bd)}
.edit-rows{display:flex;flex-direction:column;gap:6px}
.erow{display:flex;gap:6px;align-items:center}
.wf-edit{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px}
.bp .sec{margin-top:18px}

/* ── kanban ── */
.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.kcol{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r2);padding:10px;min-height:120px}
.kcol-h{display:flex;align-items:center;gap:8px;padding:2px 4px 10px;font-weight:600;font-size:13px}
/* ── iki adımlı doğrulama ── */
.mfa-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}
.mfa-way{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;
  border:1px solid var(--bd2);border-radius:var(--r2);background:var(--s2);color:var(--tx);cursor:pointer;
  font-family:inherit;font-size:13px}
.mfa-way:hover:not(:disabled){border-color:var(--br);background:var(--s3)}
.mfa-way:disabled{opacity:.5;cursor:not-allowed}
/* Yöntem değiştirirken şu an açık olan işaretli durur. */
.mfa-way.on{border-color:var(--br);background:var(--br-a)}
.mfa-way small{color:var(--tx3);font-size:11.5px;line-height:1.4}
/* QR siyah-beyaz üretilir; koyu temada da okunabilmesi için beyaz bir zemine oturur. */
.mfa-qr{display:flex;justify-content:center;margin:10px 0 4px}
.mfa-qr img{background:#fff;border-radius:var(--r);padding:6px;display:block}
.mfa-secret{margin:8px 0 4px;padding:10px;border:1px dashed var(--bd2);border-radius:var(--r);background:var(--s2);text-align:center}
.mfa-secret code{font-family:ui-monospace,monospace;font-size:16px;letter-spacing:.14em;word-break:break-all}
/* Yedek kodlar bir kez gösterilir: okunaklı ve seçilebilir olmalı, süslemeye gerek yok. */
.rec-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0}
.rec-codes code{padding:8px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--s2);
  font-family:ui-monospace,monospace;font-size:14px;letter-spacing:.06em;text-align:center;user-select:all}

.kcol.over{border-color:var(--br);background:var(--br-a)}
.task{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:9px 10px;margin-bottom:8px;cursor:grab}
.task:active{cursor:grabbing}
.task.dragging{opacity:.4}
.task.overdue{border-left:3px solid var(--dn)}
.task-t{font-weight:500;font-size:13px;margin-bottom:5px}
.task-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--tx3)}
.task-d{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--tx3);margin:0 0 5px}

/* ── raporlar ── */
.split{display:grid;grid-template-columns:var(--list-w,340px) minmax(0,1fr);gap:14px;align-items:start}
/* listenin sağ kenarındaki sürükleme tutamağı (useListWidth) */
.split-list{position:relative}
.split-handle{position:absolute;top:10px;bottom:10px;right:-11px;width:8px;border-radius:4px;cursor:col-resize;z-index:3;touch-action:none}
.split-handle:hover,body.resizing .split-handle{background:color-mix(in srgb,var(--br) 45%,transparent)}
body.resizing{cursor:col-resize;user-select:none}
.rep-list{max-height:calc(100vh - 220px);overflow-y:auto;padding:6px}
.rep-li{display:block;padding:9px 10px;border-radius:var(--r)}
.rep-li:hover{background:var(--s2)}.rep-li.on{background:var(--br-a)}
.rep-li + .rep-li{border-top:1px solid var(--bd)}
.plan-matrix td input:not([type=checkbox]),.plan-matrix td textarea{width:100%;min-width:0}
.plan-matrix td label.check{display:flex;margin-top:4px}
.cp-item{padding:12px 0;border-top:1px solid var(--bd)}   /* içerik planı: seçilen plandaki paylaşım */
.doc-body{white-space:pre-wrap;font-family:var(--mono);font-size:12px;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:12px;max-height:55vh;overflow:auto}
.drop{border-style:dashed}.drop.drag{border-color:var(--br);background:var(--br-a)}
.bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding-top:10px}
.bars .b{flex:1;background:var(--br);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}
.bars .b:hover{opacity:1}
/* eksenli sütun grafiği (yönetim paneli genel bakış): solda değerler yatay yazılı, altta gün */
.chart{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}
.chart-y{height:160px;padding-top:10px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;
  font:11px/1 var(--mono);color:var(--tx3,var(--tx2));white-space:nowrap}
.chart-y span{transform:translateY(-50%)}.chart-y span:last-child{transform:none}
.chart-area{border-left:1px solid var(--bd);border-bottom:1px solid var(--bd);padding-left:3px;
  background:linear-gradient(to bottom,transparent calc(10px + 50% - 5px - .5px),var(--bd) calc(10px + 50% - 5px - .5px),var(--bd) calc(10px + 50% - 5px + .5px),transparent calc(10px + 50% - 5px + .5px)),
    linear-gradient(to bottom,transparent 9.5px,var(--bd) 9.5px,var(--bd) 10.5px,transparent 10.5px)}
.chart-x{display:flex;justify-content:space-between;font:11px/1 var(--mono);color:var(--tx3,var(--tx2));margin-top:5px}
.spark{color:var(--br);height:48px}.spark svg{width:100%;height:100%}
.score{display:inline-grid;place-items:center;min-width:28px;height:22px;border-radius:6px;font-weight:600;font-size:12px;background:var(--s3)}
.score.hi{background:var(--ok-a);color:var(--ok)}.score.mid{background:var(--wn-a);color:var(--wn)}
.okr{display:flex;flex-direction:column;gap:8px}
.kr{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px;gap:8px;align-items:center;font-size:13px}
.kr input{padding:3px 6px!important}

/* ── giriş ── */
.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(800px 400px at 50% -10%,var(--br-a),transparent),var(--bg)}
.login{width:min(360px,calc(100vw - 32px));background:var(--s1);border:1px solid var(--bd2);border-radius:var(--r3);padding:26px;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:var(--sh)}
.login label{display:flex;flex-direction:column;gap:5px;text-align:left;font-size:12.5px;color:var(--tx2)}
.login p{margin:0}

/* ── duyarlı ── */
@media (max-width:1200px){
  .shell.feed-on{grid-template-columns:var(--side) minmax(0,1fr)}
  .feed{position:fixed;right:0;top:var(--top);bottom:0;width:min(340px,92vw);z-index:40;box-shadow:var(--sh)}
  .grid3{grid-template-columns:1fr 1fr}
  .chat{grid-template-columns:200px 220px minmax(0,1fr)}
}
@media (max-width:900px){
  .shell,.shell.feed-on{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:60;transform:translateX(-102%);transition:transform .2s}
  .side-on .side{transform:none;box-shadow:var(--sh)}
  .side-on .side-bg{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55}
  .top,.main{grid-column:1}
  .mob{display:inline-grid!important}
  .hide-sm{display:none!important}
  .page{padding:16px 16px 32px}
  .grid2,.grid3,.intro-grid,.split,.kanban,.form{grid-template-columns:minmax(0,1fr)}
  .split-handle{display:none}
  .chat{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
  .chat-employees{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--bd)}
  .chat-employees .side-h{display:none}
  .employee-li{flex:none}.employee-li small{display:none}
  .chat-threads{max-height:130px;border-right:0;border-bottom:1px solid var(--bd)}
  .chat-scroll,.meeting-scroll{padding:14px}
  .meeting-bar{flex-direction:column}
  .meeting-bar .col{flex-direction:row;flex-wrap:wrap}
  .msg.tool{padding-left:0}
  .typing{padding-left:0}
  .kr{grid-template-columns:minmax(0,1fr) 70px 90px}
  .rep-list{max-height:260px}
}

/* ── telefon ve tablet ince ayarları ── */
.shell{height:100dvh}                                  /* mobil tarayıcıda adres çubuğu açıkken alt kısım kesilmesin */
@media (max-width:900px){
  /* başlıklı tablolar sıkışıp sütun ezmesin: kendi genişliğini korur, kutusunun içinde yana kayar */
  .tbl-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .tbl-wrap>.tbl:has(thead),.tbl-wrap>.tbl.kpi-tbl{min-width:640px}
  .tbl-wrap>.tbl.fit,.tbl-wrap>.yr-tbl{min-width:920px}
  /* süzgeç çubuğu: arama tam satır, seçimler kalan yeri paylaşır */
  .filters input{min-width:0;flex:1 1 calc(100% - 30px)}
  .filters select{flex:1 1 140px;max-width:none;min-width:0}
  /* sayfa ve kart başlığındaki eylem satırları sığmazsa alt satıra iner */
  .page-h>.row{flex-wrap:wrap;width:100%}
  .page-h>.row select{width:auto!important;flex:1 1 150px;min-width:0}
  .card-h{flex-wrap:wrap}
  /* pencereler alttan açılan tam genişlik sayfa olur */
  .modal-bg{padding:0;place-items:end stretch}
  .modal,.modal.wide,.modal.xwide{width:100%;max-height:92dvh;border-radius:var(--r3) var(--r3) 0 0}
  .modal .tpanel{max-height:calc(92dvh - 110px)}
  .modal-f{flex-wrap:wrap}
  .page .btn{max-width:100%;white-space:normal;text-align:center}  /* uzun etiketli buton ekrana sığmazsa metni kayar */
}
@media (max-width:900px) and (pointer:coarse){
  input,select,textarea{font-size:16px}                /* iOS 16 px altındaki kutuya dokununca sayfayı yakınlaştırır */
  .ib{width:36px;height:36px}                          /* parmakla dokunulabilir ikon butonları */
}

/* Yapıradar detay sayfasından alınan bloklar — sayfanın kendi (bootstrap) sınıfları bizim temaya uyarlanır */
.yr-html{font-size:13px;line-height:1.55;user-select:text}
.yr-html img{max-width:100%}
.yr-html a{color:var(--br);text-decoration:none}
.yr-html a:hover{text-decoration:underline}
.yr-html ul{list-style:none;margin:0;padding:0}
.yr-html h2,.yr-html h3{font-size:14px;margin:0 0 6px}
.yr-html .row{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0}
.yr-html [class*="col-"]{min-width:0;flex:1 1 100%}
.yr-html .col-sm-4{flex:0 0 132px}
.yr-html .col-sm-8{flex:1 1 0}
.yr-html .col-lg-6,.yr-html .col-6{flex:1 1 300px}
.yr-html .showMap,.yr-html .information,.yr-html .controller>a,.yr-html .d-block.d-lg-none,.yr-html .badge,
.yr-html .projeListesi>.header .icon,.yr-html #projeNote .noteHeader .icon{display:none}
/* künye: etiket + değer satırları */
.yr-html #projeDetailArea>ul>li{padding:6px 0;border-bottom:1px solid var(--bd)}
.yr-html #projeDetailArea>ul>li:last-child{border-bottom:0}
.yr-html .specs{color:var(--tx3);font-size:12px}
.yr-html .content{color:var(--tx);font-weight:500}
.yr-html .person-detail{cursor:default}
.yr-html .collapse ul{margin-top:4px}
.yr-html .collapse li{padding:1px 0;font-size:12px}
/* görseller: hepsi yan yana, kaydırılabilir şerit */
.yr-html .col-lg-6:has(.projeImages):not(:has(img)){display:none}   /* görseli olmayan projede boş sütun kalmasın */
.yr-html #projeSliders{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.yr-html #projeSliders .item{flex:0 0 auto}
.yr-html #projeSliders img{height:128px;width:auto;border-radius:8px;border:1px solid var(--bd2)}
/* proje özellikleri: rozet dizisi */
.yr-html #projeSpecsList ul{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.yr-html #projeSpecsList li{display:flex;align-items:center;gap:6px;font-size:12px;padding:5px 10px;
  border:1px solid var(--bd2);border-radius:999px;background:var(--s2)}
.yr-html #projeSpecsList svg{display:block;width:14px;height:14px}
/* proje açıklaması */
.yr-html #projeNote{margin-top:14px;padding:10px 12px;border:1px solid var(--bd2);border-radius:var(--r2);background:var(--s2)}
.yr-html #projeNote .noteHeader{display:flex;align-items:center;gap:8px}
.yr-html #projeNote p{margin:6px 0 0;white-space:pre-line}
/* müellif kartları: müteahhit, mimari proje, yatırımcı… */
.yr-html #muellif>.row{gap:10px;margin-top:14px}
.yr-html .position-muellif{flex:1 1 320px;min-width:0}
.yr-html .muellifItem{height:100%;border:1px solid var(--bd2);border-radius:var(--r2);background:var(--s2);padding:10px 12px}
.yr-html .muellifItem .header .text span{color:var(--br-hi);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.yr-html .muellifItem .header .icon{display:none}
.yr-html .muellifItem h3{margin:2px 0 8px}
.yr-html .muellifItem .listItem{flex:1 1 46%;margin-bottom:6px}
.yr-html .muellifItem .head{display:block;color:var(--tx3);font-size:11px}
.yr-html .muellifItem strong{font-weight:500}
/* firmanın diğer projeleri */
.yr-html .projeListesi{margin-top:14px}
.yr-html .projeListesi>.header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.yr-html .projeListesi>.header strong{font-weight:500}
.yr-html .projeListesi .tableArea{overflow-x:auto}
.yr-html .d-table{display:table;width:100%;border-collapse:collapse}
.yr-html .d-table-row{display:table-row}
.yr-html .d-table-row.heigth{display:none}
.yr-html .d-table-cell{display:table-cell;padding:6px 10px;font-size:12px;border-bottom:1px solid var(--bd);white-space:nowrap}
.yr-html .d-table-cell:nth-child(2){white-space:normal;min-width:190px}
.yr-html .d-table-row.header .d-table-cell{color:var(--tx3);font-weight:500;white-space:nowrap}
.yr-html a.d-table-row:hover .d-table-cell{background:var(--s3)}
@media (max-width:720px){.yr-html .col-sm-4{flex:1 1 100%}}

/* Yapıradar proje tablosu: sabit sütun düzeni — yatay kaydırma yerine metin sarar/kırpılır */
.yr-tbl{table-layout:fixed;width:100%}
.yr-tbl th,.yr-tbl td{overflow:hidden}                      /* sabit düzende taşan içerik satırı genişletmesin */
.yr-tbl td>*{overflow-wrap:anywhere}
.yr-tbl td.nw,.yr-tbl td.acts{white-space:nowrap;text-overflow:ellipsis}
.yr-tbl th,.yr-tbl td{padding-left:9px;padding-right:9px}
.yr-tbl .c-sel{width:32px}
.yr-tbl .c-ek{width:8%}.yr-tbl .c-proje{width:23%}.yr-tbl .c-firma{width:16%}
.yr-tbl .c-konum{width:10%}.yr-tbl .c-butce{width:11%}.yr-tbl .c-tarih{width:8%}.yr-tbl .c-durum{width:10%}
.yr-tbl .c-act{width:11%}
.yr-tbl tr.on td{background:var(--br-a)}      /* seçili satır */
.yr-tbl td.acts{white-space:nowrap;text-align:right;font-size:0}      /* düğmeler arası boşluk kırpılır */
.yr-tbl td.acts .ib{vertical-align:middle;margin-left:2px}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Fırsat Radarı */
.radar-card{padding:12px 14px}
.radar-card .score{min-width:38px;height:28px;font-size:14px}
.radar-card .acts.col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
@media (max-width:640px){.radar-card .acts.col{flex-direction:row}.radar-card>.row{flex-wrap:wrap}}

/* sosyal medya cevapları */
.so-item{padding:12px 14px}
.so-ch{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:5px;font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--c,var(--tx2));background:color-mix(in srgb,var(--c,var(--tx3)) 14%,transparent)}
.crm{display:grid;grid-template-columns:340px minmax(0,1fr) 360px;gap:12px;height:calc(100vh - 205px);min-height:520px}
.crm-pane{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.crm-tools{display:flex;flex-direction:column;gap:8px;padding:12px;border-bottom:1px solid var(--bd)}
.crm-scroll{overflow:auto;flex:1}
.crm-row{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--bd);cursor:pointer}
.crm-row:hover{background:var(--s2)}.crm-row.on{background:var(--br-a)}.crm-row.unread b{font-weight:700}
.crm-av{width:34px;height:34px;font-size:12px;font-weight:600;background:var(--s3);color:var(--tx2)}
.crm-av.xs{width:20px;height:20px;font-size:9px}.crm-av.lg{width:42px;height:42px;font-size:14px}
.crm-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bd)}
.crm-thread{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.crm-msg{max-width:80%;align-self:flex-start;padding:9px 12px;border-radius:12px;background:var(--s2);border:1px solid var(--bd)}
.crm-msg.out{align-self:flex-end;background:var(--br-a);border-color:color-mix(in srgb,var(--br) 35%,transparent)}
.crm-text{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.5}
.crm-meta{font-size:11px;color:var(--tx3);display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.so-draft{align-self:flex-end;width:min(560px,90%);border:1px dashed var(--bd3);border-radius:12px;padding:10px 12px;background:var(--s1);display:flex;flex-direction:column;gap:6px}
.crm-card{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:14px}
.crm-name{font-weight:600;font-size:15px}
.crm-chan{margin-bottom:3px;color:inherit;text-decoration:none}
/* kişi kartı alanları: etiket solda, kutu sağda */
.crm-fields{display:grid;grid-template-columns:minmax(64px,max-content) minmax(0,1fr);gap:8px 10px;align-items:center}
.crm-fields>label{font-size:12.5px;color:var(--tx2);font-weight:500;max-width:110px}
.crm-box{border:1px solid var(--bd);border-radius:10px;padding:10px 12px;background:var(--s2)}
.crm-note{border-top:1px solid var(--bd);padding:8px 0 2px}
.so-ch.sm{padding:0 6px;font-size:10.5px}
.crm-back,.crm-cardbtn{display:none}
.seg{display:inline-flex;border:1px solid var(--bd2);border-radius:8px;overflow:hidden;flex:none}
.seg button{padding:4px 10px;font-size:12px;background:none;border:0;color:var(--tx2);cursor:pointer}
.seg button+button{border-left:1px solid var(--bd2)}.seg button.on{background:var(--br-a);color:var(--tx)}
.badge.sm{font-size:10.5px;padding:0 6px}
@media(max-width:1180px){.crm{grid-template-columns:280px minmax(0,1fr)}.crm-side{display:none;position:fixed;right:12px;top:70px;bottom:12px;width:340px;z-index:60;box-shadow:0 12px 40px rgba(0,0,0,.35)}
  .crm-side.show{display:flex}.crm-cardbtn{display:inline-grid}}
@media(max-width:760px){.crm{grid-template-columns:1fr;height:calc(100vh - 170px)}.crm.has-sel .crm-listpane{display:none}.crm:not(.has-sel) .crm-threadpane{display:none}
  .crm-back{display:inline-grid}.crm-side{left:8px;right:8px;width:auto}}
/* ── destek: talepler (CRM düzeninin iki sütunlu hâli) ve köşedeki canlı destek ── */
.crm.sup{grid-template-columns:340px minmax(0,1fr)}
.sup-compose{padding:10px 12px;border-top:1px solid var(--bd);align-items:flex-end}
.live-fab{position:fixed;right:18px;bottom:18px;z-index:70;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--br);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.live-fab:hover{filter:brightness(1.08)}.live-fab.on{background:var(--s3);color:var(--tx)}
.live-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--wn);border:2px solid var(--bg)}
.live-fab ~ .toasts{bottom:84px}
.live-pop{position:fixed;right:18px;bottom:82px;z-index:70;width:min(380px,calc(100vw - 32px));height:min(540px,calc(100vh - 120px));padding:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.35)}
@media(max-width:760px){.crm.sup{grid-template-columns:1fr}.live-pop{right:16px;left:16px;width:auto}}
.so-ch.instagram{--c:#e1306c}.so-ch.whatsapp{--c:#1faa55}.so-ch.tiktok{--c:#1ba3ad}.so-ch.email{--c:#4f7cff}.so-ch.trendyol{--c:#f27a1a}.so-ch.hepsiburada{--c:#ff6000}.so-ch.x{--c:#71767b}
.so-q{margin:8px 0 6px;padding:8px 12px;border-left:3px solid var(--bd3);background:var(--s2);border-radius:0 var(--r) var(--r) 0;white-space:pre-wrap;overflow-wrap:anywhere}
.so-ans{margin-top:8px;padding:8px 12px;border-left:3px solid var(--br);background:var(--br-a);border-radius:0 var(--r) var(--r) 0;white-space:pre-wrap;overflow-wrap:anywhere}
.so-reply{width:100%;margin-top:8px}
.so-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.so-mode{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--bd2);border-radius:var(--r2);cursor:pointer;background:var(--s2)}
.so-mode input{display:none}.so-mode small{font-size:11.5px;line-height:1.4}
.so-mode.on{border-color:color-mix(in srgb,var(--br) 55%,transparent);background:var(--br-a)}
.so-try{background:var(--s2)}

/* ── toplantılar: liste + detay ── */
.mtg-page{height:100%;display:flex;flex-direction:column;padding-bottom:16px}
.mtg-page>.page-actions{margin-bottom:14px}
.mtg-split{flex:1;min-height:0;display:grid;grid-template-columns:var(--list-w,330px) minmax(0,1fr);gap:14px}
.mtg-listcol{display:flex;flex-direction:column;min-height:0;padding:10px}
.mtg-new{width:100%;justify-content:center;margin-bottom:10px;flex:none}
.mtg-list{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}
.mtg-li{display:block;padding:10px;border-radius:var(--r);border:1px solid transparent}
.mtg-li b{font-weight:500}
.mtg-li:hover{background:var(--s2)}.mtg-li.on{background:var(--br-a);border-color:color-mix(in srgb,var(--br) 35%,transparent)}
.mtg-li + .mtg-li{margin-top:2px}
.mtg-detail{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mtg-detail.empty{padding:28px}
.mtg-detail .meeting-head{padding:12px 16px}
.mtg-detail .meeting-scroll{padding:14px 16px}
.mtg-detail .meeting-bar{padding:10px 14px}
.mtg-back{display:none}
/* toplantı süreci: sol sütunda zaman çizelgesi, sağda seçilen adımın ayrıntısı (app.js MeetingDetail) */
.mtg-flow{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px;min-height:0;min-width:0}
.mtg-tl,.mtg-step{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mtg-tl .meeting-head{padding:12px 14px;align-items:flex-start}
.mtg-tl .meeting-head h1{font-size:16px;white-space:normal}
.flow{list-style:none;margin:0;padding:12px 10px 12px 12px;overflow-y:auto;flex:1;min-height:0}
.fs{position:relative;padding-left:28px}
.fs::before{content:"";position:absolute;left:9px;top:24px;bottom:-2px;width:2px;background:var(--bd2)}
.fs:last-child::before{display:none}
.fs.done::before{background:color-mix(in srgb,var(--br) 55%,var(--bd2))}
.fs-dot{position:absolute;left:2px;top:10px;width:16px;height:16px;border-radius:50%;border:2px solid var(--bd3);background:var(--s1)}
.fs.done .fs-dot{background:var(--br);border-color:var(--br)}
.fs.act .fs-dot{background:var(--wn);border-color:var(--wn);box-shadow:0 0 0 4px var(--wn-a)}
.fs.live .fs-dot{background:var(--in);border-color:var(--in);box-shadow:0 0 0 4px var(--in-a);animation:fs-pulse 1.6s ease-in-out infinite}
@keyframes fs-pulse{50%{box-shadow:0 0 0 7px transparent}}
@media (prefers-reduced-motion:reduce){.fs.live .fs-dot{animation:none}}
.fs button{display:block;width:100%;text-align:left;border:1px solid transparent;background:none;border-radius:var(--r2);padding:7px 10px;margin-bottom:4px;cursor:pointer}
.fs button:hover:not(:disabled){background:var(--s2)}
.fs.sel button{background:var(--s3);border-color:var(--bd2)}
.fs button:disabled{cursor:default}
.fs-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;font-size:13.5px}
.fs-s{display:block;font-size:12px;color:var(--tx2);overflow-wrap:anywhere}
.fs-at{display:block;font-size:11px;color:var(--tx3);font-variant-numeric:tabular-nums}
.fs.future .fs-t,.fs.future .fs-s{color:var(--tx3)}
.step-h{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--bd)}
.step-h h2{font-size:16px}
.choice{display:grid;gap:8px}
.choice .opt{display:flex;gap:12px;align-items:center;border:1px solid var(--bd2);border-radius:var(--r2);padding:10px 12px;background:var(--s2)}
.choice .opt .btn{flex:none;min-width:150px;justify-content:center}
.mtg-mtabs{display:none}
.mtg-rail,.mtg-rail-close{display:none}
@media (max-width:1280px) and (min-width:761px){
  .mtg-flow{grid-template-columns:260px minmax(0,1fr)}
  .mtg-split.has-sel:not(.list-open){grid-template-columns:52px minmax(0,1fr)}
  .mtg-split.has-sel:not(.list-open) .mtg-listcol{padding:8px 6px}
  .mtg-split.has-sel:not(.list-open) .mtg-listcol>:not(.mtg-rail){display:none}
  .mtg-split.has-sel:not(.list-open) .mtg-rail{display:flex;flex-direction:column;align-items:center;gap:6px;overflow-y:auto}
  .mtg-split.has-sel.list-open .mtg-rail-close{display:inline-grid;align-self:flex-end;margin-bottom:6px}
  .mtg-rail-li{width:36px;height:36px;border-radius:var(--r2);display:grid;place-items:center;font-weight:700;font-size:13px;border:1px solid var(--bd2);background:var(--s2);flex:none}
  .mtg-rail-li.on{border-color:var(--br);background:var(--br-a)}
  .mtg-rail-li.is-live{box-shadow:0 0 0 2px color-mix(in srgb,#e5484d 45%,transparent)}
}

/* ── toplantı odası (sahne): tüm ölçüler sahne genişliğine (cqw) göre ── */
.room-wrap{display:flex;flex-direction:column;gap:10px}
.room{
  --wall:#1b1926;--wall2:#232032;--side:#141220;--ceil:#0c0b12;--floor1:#231b16;--floor2:#2b211b;--wood1:#7a4d2c;--wood2:#43291a;--edge:#2a1a10;
  --frame:#0f0e16;--paper:#f3efe6;--ink:#1d1a24;--bub:#1f1c2b;--bubtx:#eeedf6;--plate:#0b0a10d9;--seat:#2a2735;
  position:relative;aspect-ratio:16/10;container-type:inline-size;overflow:hidden;border-radius:var(--r2);border:1px solid var(--bd);
  background:var(--wall);isolation:isolate;font-size:clamp(9px,1.12cqw,15px);user-select:none;box-shadow:var(--sh)}
html[data-theme="light"] .room{
  --wall:#e8e3ea;--wall2:#f2eef3;--side:#d9d3dc;--ceil:#f6f4f7;--floor1:#b9a38d;--floor2:#c7b29b;--wood1:#b07a47;--wood2:#7c4f2b;--edge:#5a3a1f;
  --frame:#ffffff;--paper:#fffdf8;--ink:#1d1a24;--bub:#ffffff;--bubtx:#1b1a22;--plate:#1b1a22d0;--seat:#4a4656}
.room>*{position:absolute}
.room::after{content:'';position:absolute;inset:0;background:#000;opacity:.85;transition:opacity 1.4s ease .1s;z-index:40;pointer-events:none}
.room.lit::after{opacity:0}
.rm-vignette{inset:0;z-index:30;pointer-events:none;background:radial-gradient(120% 90% at 50% 55%,transparent 55%,rgba(0,0,0,.45))}
html[data-theme="light"] .rm-vignette{background:radial-gradient(120% 90% at 50% 55%,transparent 60%,rgba(40,30,60,.18))}

/* tavan, duvarlar, zemin */
.rm-ceil{inset:0;clip-path:polygon(0 0,100% 0,86% 7%,14% 7%);background:linear-gradient(180deg,var(--ceil),color-mix(in srgb,var(--ceil) 80%,#000))}
/* Tavan lambaları kaldırıldı; boşalan yere sağ üstte şirket adı kondu (kullanıcının kararı). */
.rm-lwall,.rm-rwall{inset:0}
.rm-lwall{clip-path:polygon(0 0,14% 7%,14% 44%,0 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--side) 80%,#000),var(--side))}
.rm-rwall{clip-path:polygon(100% 0,86% 7%,86% 44%,100% 100%);background:linear-gradient(270deg,color-mix(in srgb,var(--side) 80%,#000),var(--side))}
/* Ofiste sağ duvarın grisi kaldırıldı; yalnızca köşe çizgisi kalır (kullanıcının kararı). Oda zemini
   zaten arka duvarla aynı renk, boşluk oluşmaz. Çizgi %86'ya çizilir — kırpma onu kendiliğinden
   duvarın üst ve alt sınırları arasında tutar. Toplantı odası sahnesi etkilenmez. */
.room.office .rm-rwall{background:linear-gradient(90deg,transparent 0 86%,
  color-mix(in srgb,var(--side) 55%,#fff) 86% 86.22%,transparent 86.22%)}
.room.office .rm-lwall{background:linear-gradient(90deg,transparent 0 13.78%,
  color-mix(in srgb,var(--side) 55%,#fff) 13.78% 14%,transparent 14%)}
.rm-back{left:14%;top:7%;width:72%;height:37%;overflow:hidden;
  background:repeating-linear-gradient(90deg,transparent 0 7.9%,rgba(0,0,0,.08) 7.9% 8%),linear-gradient(180deg,var(--wall2),var(--wall))}
.rm-back>*{position:absolute}
.rm-floor{inset:0;z-index:0;clip-path:polygon(14% 44%,86% 44%,100% 100%,0 100%);
  background:repeating-conic-gradient(from 0deg at 50% -35%,transparent 0 1.6deg,rgba(0,0,0,.16) 1.6deg 1.75deg),
    linear-gradient(180deg,var(--floor1),var(--floor2))}
.rm-floor::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%)}
.rm-rug{left:50%;top:64%;width:80%;height:44%;transform:translate(-50%,-50%);border-radius:50%;z-index:1;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--br) 22%,transparent),color-mix(in srgb,var(--br) 10%,transparent) 80%,transparent)}

/* pencere ve şehir */
.rm-window{inset:0;clip-path:polygon(2.5% 13%,11.4% 16.5%,11.4% 40%,2.5% 58%);overflow:hidden}
.rm-sky{position:absolute;left:0;top:10%;width:14%;height:52%;background:linear-gradient(180deg,#0b1030,#2b2350 55%,#7a3f5c 85%,#d97b56)}
html[data-theme="light"] .rm-sky{background:linear-gradient(180deg,#7fb2ea,#b8d7f2 60%,#f4d9b5)}
.rm-city{position:absolute;left:0;top:10%;width:14%;height:48%;display:flex;align-items:flex-end;gap:.25%}
.rm-city i{flex:none;background:#10101c;background-image:radial-gradient(circle,#ffd77a .09cqw,transparent .14cqw);background-size:.55cqw .7cqw;animation:rm-twinkle 5s infinite alternate}
.rm-city i:nth-child(3n){animation-delay:-2s}.rm-city i:nth-child(4n){background-color:#161628}
html[data-theme="light"] .rm-city i{background-color:#5d6b85;background-image:radial-gradient(circle,#dfe9f7 .09cqw,transparent .14cqw)}
@keyframes rm-twinkle{to{filter:brightness(.7)}}
.rm-mullion{position:absolute;inset:0;background:linear-gradient(90deg,transparent 6.8%,var(--frame) 6.8% 7.2%,transparent 7.2%),linear-gradient(180deg,transparent 30%,var(--frame) 30% 30.6%,transparent 30.6%);opacity:.9}

/* arka duvar: kayan yazı, şirket adı, saat, ekran, çerçeveler */
.rm-ticker{left:0;right:0;top:1%;height:6.5%;background:#07060b;overflow:hidden;border-bottom:1px solid #000;display:flex;align-items:center}
.rm-ticker>div{display:flex;white-space:nowrap;animation:rm-marq 60s linear infinite}
.rm-ticker span{display:flex;gap:2.2cqw;padding-right:2.2cqw;font:600 .95cqw/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffb347;text-shadow:0 0 .6cqw #ff8a00}
.rm-ticker em{font-style:normal;color:#ff6a3d}
/* dijital saat (tabelanın yanında): yalnızca saat:dakika:saniye, tarih yok */
.of-digit{font:800 1.6cqw/1 var(--mono);letter-spacing:.06em;color:#9ff3e0;
  text-shadow:0 0 .5cqw #2ee6c0,0 0 1.8cqw #17b79980;font-variant-numeric:tabular-nums}
html[data-theme="light"] .of-digit{color:#0f9e86;text-shadow:0 0 .6cqw #7ff0dc}

/* müşteri mesajları panosunun alt özeti */
/* Pano satırı: üstte metin (iki satırda kırpılır), altında kaynak ve saat. */
.of-nw{padding:.3cqw 0;border-bottom:1px solid rgba(255,255,255,.07)}
.of-nw span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.of-nw em{display:block;font-style:normal;color:#ffb347;font-family:var(--mono);font-size:.65cqw;
  margin-top:.1cqw;opacity:.85}
.of-msgsum{position:absolute;left:.9cqw;right:.9cqw;bottom:.6cqw;display:flex;gap:.6cqw;flex-wrap:wrap;
  font:600 .62cqw/1.4 var(--mono);color:#8e98b5;border-top:1px solid rgba(255,255,255,.08);padding-top:.35cqw}
.of-msgsum .hot{color:#ffb347}
.of-stats.sm div strong{font-size:1.5cqw}
.of-board .of-stats.sm .hot strong{color:#ff8a66}

/* kahve köşesi */
.of-coffee{position:absolute;width:7cqw;height:5cqw;transform:translate(-50%,-100%)}
.of-coffee .mch{position:absolute;left:28%;bottom:18%;width:44%;height:72%;border-radius:.3cqw .3cqw .15cqw .15cqw;
  background:linear-gradient(180deg,#3a3550,#221f30);box-shadow:inset 0 .12cqw 0 #5b5578,0 .25cqw .5cqw rgba(0,0,0,.5)}
.of-coffee .mch::after{content:'';position:absolute;left:24%;right:24%;top:22%;height:26%;border-radius:.1cqw;
  background:#2ee6c0;opacity:.55;box-shadow:0 0 .7cqw #2ee6c0}
.of-coffee::before{content:'';position:absolute;left:0;right:0;bottom:0;height:20%;border-radius:.2cqw;
  background:linear-gradient(180deg,#6b4a32,#3b2a1d);box-shadow:0 .2cqw .5cqw rgba(0,0,0,.55)}
.of-coffee .cup{position:absolute;bottom:20%;width:.7cqw;height:.55cqw;border-radius:.1cqw .1cqw .25cqw .25cqw;background:#f3efe6}
.of-coffee .cup.a{left:10%}.of-coffee .cup.b{right:12%}
/* Etiket sahnedeki ad plakalarıyla aynı okunur zemini kullanır: düz gri yazı açık temada
   zemine karışıp okunmuyordu. */
.of-coffee .lbl{position:absolute;left:50%;top:-1.1cqw;transform:translateX(-50%);white-space:nowrap;
  padding:.15cqw .5cqw;border-radius:.3cqw;background:var(--plate);color:#fff;
  font:700 .62cqw/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}


/* Gündem akarken: akan yazının solunda sabit duran etiket, sloganla karışmasın diye.
   `position`+`z-index` şart: akan kısım `transform` animasyonuyla kendi yığma bağlamını kurar ve
   DOM'da etiketten sonra geldiği için onun üstüne boyanır — başlıklar etiketin yazısına biniyordu.
   Etiket kendi katmanında, opak zeminiyle durur; yazı sağındaki gölgeye girip kaybolur. */
.rm-ticker.nw{cursor:pointer}
.rm-ticker .rm-tag{position:relative;z-index:2;flex:none;align-self:stretch;display:flex;align-items:center;
  padding:0 .9cqw;margin-right:.9cqw;background:#ff6a3d;color:#0b0a10;font:800 .8cqw/1 var(--mono);
  letter-spacing:.14em;text-transform:uppercase;box-shadow:.5cqw 0 .7cqw rgba(7,6,11,.95)}
.rm-ticker.nw:hover span{color:#ffd9a8}
/* Saat şeridin en sağında sabit durur; akan yazı arkasından geçer (etiketle aynı mantık).
   Akış içeriği kabı taşırdığı için flex boşluğu yoktur: `margin-left:auto` saati ekran dışına
   iterdi, bu yüzden mutlak konumlanır. */
.rm-time{position:absolute;right:0;top:0;bottom:0;z-index:2;padding:0 .9cqw;
  display:flex;align-items:center;background:#07060b;color:#9ff3e0;cursor:default;
  font:800 1.05cqw/1 var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;
  text-shadow:0 0 .6cqw #2ee6c0;box-shadow:-.5cqw 0 .7cqw rgba(7,6,11,.95)}
@keyframes rm-marq{to{transform:translateX(-50%)}}
.rm-brand,.of-name{font:800 2cqw/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;
  color:color-mix(in srgb,var(--br-hi) 80%,#fff);text-shadow:0 0 .4cqw var(--br),0 0 1.6cqw var(--br),0 0 3cqw var(--br);animation:rm-neon 7s infinite}
.rm-brand{left:50%;top:11%;transform:translateX(-50%)}
html[data-theme="light"] .rm-brand,html[data-theme="light"] .of-name{color:var(--br);text-shadow:0 .15cqw 0 color-mix(in srgb,var(--br) 40%,#000),0 0 1.4cqw color-mix(in srgb,var(--br) 45%,transparent)}
/* Tavanın solu: logo ya da şirket adı. Sol kenarı kayan yazının sol kenarıyla aynı dikey hizadadır
   (`.rm-back` left:14%); CANLI kutusu da simetrik olarak şeridin sağ kenarına (%86) dayanır. */
.of-sign{left:14%;top:.9%;z-index:31;display:flex;align-items:center;gap:1.1cqw}
.of-sign .of-name{font-size:1.35cqw;letter-spacing:.26em}
.of-logo{height:2.4cqw;max-width:14cqw;object-fit:contain}
@keyframes rm-neon{0%,91%,95%,100%{opacity:1}92%,94%{opacity:.55}}
.rm-clock{left:21.5%;top:14%;width:4.4cqw;height:4.4cqw;border-radius:50%;background:var(--paper);border:.35cqw solid #2a2733;box-shadow:0 .3cqw .8cqw rgba(0,0,0,.5)}
.rm-clock i{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:1cqw;background:var(--ink);transition:transform .8s cubic-bezier(.4,1.6,.5,1)}
.rm-clock .h{width:.3cqw;height:1.05cqw;margin-left:-.15cqw}.rm-clock .m{width:.2cqw;height:1.55cqw;margin-left:-.1cqw}
.rm-clock .s{width:.1cqw;height:1.7cqw;margin-left:-.05cqw;background:#e5484d;animation:spin 60s steps(60) infinite;transition:none}
.rm-onair{right:3%;top:23%;padding:.35cqw .9cqw;border-radius:.4cqw;font:700 .85cqw/1 var(--sans);letter-spacing:.14em;background:#2a1417;color:#6d3a40;border:1px solid #000}
.rm-onair.on{background:#d92638;color:#fff;box-shadow:0 0 1.6cqw #ff2b3f;animation:pulse 2.4s infinite}
.rm-frame{top:34%;width:17%;height:52%;background:var(--paper);border:.45cqw solid #26222e;box-shadow:0 .5cqw 1.4cqw rgba(0,0,0,.45),inset 0 0 0 .6cqw color-mix(in srgb,var(--paper) 80%,#bbb);
  display:grid;place-items:center;padding:1.2cqw;text-align:center}
.rm-frame.l{left:3%}.rm-frame.r{right:3%}
.rm-frame span,.rm-poster span{font:700 1.18cqw/1.3 var(--sans);color:var(--ink);letter-spacing:.01em;animation:rm-fade .9s ease}
.rm-frame span::before{content:'\201C';display:block;font:800 2.6cqw/0.8 Georgia,serif;color:var(--br)}
@keyframes rm-fade{from{opacity:0;transform:translateY(.4cqw)}}
.rm-screen{left:26%;top:26%;width:48%;height:68%;background:#050507;border-radius:.5cqw;padding:.45cqw;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.6),0 0 3cqw color-mix(in srgb,var(--br) 25%,transparent)}
.rm-scr{position:relative;height:100%;border-radius:.3cqw;overflow:hidden;padding:.9cqw 1.1cqw;color:#e9e8f5;display:flex;flex-direction:column;gap:.5cqw;
  background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--br) 35%,#0b1020),#0b1020 60%)}
.rm-scr::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none}
.rm-scr-h{display:flex;align-items:center;gap:.8cqw;font-size:.82cqw;text-transform:uppercase;letter-spacing:.08em;color:#b8b5d6}
.rm-live{display:inline-flex;align-items:center;gap:.4cqw;color:#ff5a67;font-weight:700}
.rm-live i{width:.6cqw;height:.6cqw;border-radius:50%;background:#ff3b4d;box-shadow:0 0 .6cqw #ff3b4d;animation:pulse 1.2s infinite}
.rm-scr-b{flex:1;min-height:0;overflow:hidden;animation:rm-fade .6s ease}
.rm-scr-t{font:700 1.45cqw/1.25 var(--sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rm-scr-t.sm{font-size:1cqw;font-weight:500;-webkit-line-clamp:4;color:#cfcdea}
.rm-scr-k{font:700 .9cqw/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--br-hi);margin-bottom:.5cqw}
.rm-scr-b.dec .rm-scr-k{color:#4ee0a0;font-size:1.1cqw}
.rm-scr ol{margin:.5cqw 0 0;padding-left:1.4cqw;font-size:.92cqw;line-height:1.45;color:#cfcdea}
.rm-scr ol li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-scr-bar{height:.3cqw;border-radius:1cqw;background:rgba(255,255,255,.12);overflow:hidden}
.rm-scr-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--br),#4ee0a0);transition:width .6s}

/* yan duvar posteri ve bitkiler */
.rm-poster{right:3.2%;top:16%;width:8.5%;height:22%;transform:perspective(30cqw) rotateY(-46deg);transform-origin:100% 50%;
  background:linear-gradient(160deg,color-mix(in srgb,var(--br) 85%,#000),color-mix(in srgb,var(--br) 45%,#000));border:.3cqw solid #1a1822;
  display:flex;flex-direction:column;justify-content:center;gap:.6cqw;padding:1cqw;box-shadow:-.6cqw .6cqw 1.4cqw rgba(0,0,0,.4)}
.rm-poster small{font:700 .7cqw/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#ffffffb0}
.rm-poster span{color:#fff;font-size:1.05cqw}
.rm-plant{z-index:2;width:4cqw;height:7cqw}
.rm-plant.back{left:15.3%;top:34%}
.rm-plant.front{right:1%;bottom:0;width:9cqw;height:16cqw;z-index:12}
.rm-plant .pot{position:absolute;left:18%;right:18%;bottom:0;height:34%;background:linear-gradient(90deg,#3b3542,#5b5366 45%,#2d2833);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}
.rm-plant .lf{position:absolute;left:50%;bottom:28%;width:30%;height:62%;border-radius:50% 50% 50% 50%/80% 80% 20% 20%;transform-origin:50% 100%;
  background:linear-gradient(90deg,#1f6b3f,#39a863);animation:rm-sway 6s ease-in-out infinite alternate}
.rm-plant .lf:nth-child(1){transform:translateX(-50%) rotate(-38deg)}.rm-plant .lf:nth-child(2){transform:translateX(-50%) rotate(-12deg);height:72%}
.rm-plant .lf:nth-child(3){transform:translateX(-50%) rotate(14deg);height:68%}.rm-plant .lf:nth-child(4){transform:translateX(-50%) rotate(40deg)}
.rm-plant .lf:nth-child(5){transform:translateX(-50%) rotate(-62deg);height:50%}
@keyframes rm-sway{to{filter:brightness(1.12)}}

/* masa ve hologram */
.rm-table{left:50%;top:64%;width:50%;height:25%;transform:translate(-50%,-50%);border-radius:50%;z-index:5;
  background:radial-gradient(ellipse at 45% 30%,rgba(255,255,255,.22),transparent 45%),repeating-linear-gradient(97deg,transparent 0 1.1cqw,rgba(0,0,0,.07) 1.1cqw 1.25cqw),
    radial-gradient(ellipse at 50% 40%,var(--wood1),var(--wood2));
  box-shadow:0 1cqw 0 var(--edge),0 1.1cqw 0 color-mix(in srgb,var(--edge) 60%,#000),0 2.6cqw 3cqw rgba(0,0,0,.55)}
.rm-table::before{content:'';position:absolute;inset:18% 20%;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(closest-side,rgba(0,0,0,.18),transparent)}
.rm-holo{position:absolute;left:50%;top:50%;width:9cqw;height:9cqw;transform:translate(-50%,-78%);display:grid;place-items:center;pointer-events:none}
.rm-holo .disk{position:absolute;left:18%;right:18%;bottom:12%;height:22%;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);opacity:.85;filter:blur(.15cqw)}
.rm-holo .beam{position:absolute;left:22%;right:22%;bottom:22%;height:70%;clip-path:polygon(35% 100%,65% 100%,100% 0,0 0);
  background:linear-gradient(0deg,color-mix(in srgb,var(--c) 70%,transparent),transparent);opacity:.45;animation:rm-beam 2.4s ease-in-out infinite}
.rm-holo span{position:relative;font-size:3.3cqw;line-height:1;filter:drop-shadow(0 0 .8cqw var(--c));animation:rm-float 3s ease-in-out infinite,rm-pop .5s ease}
@keyframes rm-float{50%{transform:translateY(-.5cqw)}}
@keyframes rm-beam{50%{opacity:.7}}
@keyframes rm-pop{from{transform:scale(.3);opacity:0}}
.rm-laptop{z-index:6;width:2.5cqw;height:1.5cqw;transform:translate(-50%,-50%) scale(var(--sc));border-radius:.2cqw;background:linear-gradient(180deg,#3a3845,#1f1d27);
  box-shadow:0 .25cqw 0 #111,0 .4cqw .6cqw rgba(0,0,0,.4);transition:box-shadow .4s,background .4s}
.rm-laptop::after{content:'';position:absolute;left:50%;top:50%;width:.45cqw;height:.45cqw;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff40}
.rm-laptop:not(.back){background:linear-gradient(180deg,#8fb4ff33,#2a3a66);height:1.3cqw}
.rm-laptop.on{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 .25cqw 0 #111,0 0 1.6cqw var(--c)}

/* spot ışığı */
.rm-spot{z-index:2;width:30cqw;height:30cqw;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,236,190,.22),rgba(255,236,190,.08) 55%,transparent);transition:left .7s cubic-bezier(.3,.9,.3,1),top .7s cubic-bezier(.3,.9,.3,1),opacity .5s}
html[data-theme="light"] .rm-spot{background:radial-gradient(closest-side,rgba(255,220,140,.35),rgba(255,220,140,.12) 55%,transparent)}

/* katılımcılar */
.rm-seat{width:0;height:0;transition:filter .5s,opacity .5s}
.rm-person{position:absolute;left:0;bottom:0;width:7cqw;height:8.6cqw;transform:translateX(-50%) scale(var(--sc));transform-origin:50% 100%;
  opacity:0;translate:0 1.5cqw;transition:opacity .7s ease var(--d),translate .9s cubic-bezier(.2,1.3,.4,1) var(--d)}
.room.lit .rm-person{opacity:1;translate:0 0}
.rm-chair{position:absolute;left:50%;bottom:.2cqw;width:5.8cqw;height:6.6cqw;transform:translateX(-50%);border-radius:1.6cqw 1.6cqw .6cqw .6cqw;
  background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 85%,#fff),var(--seat));box-shadow:inset 0 -.4cqw .8cqw rgba(0,0,0,.35)}
.rm-body{position:absolute;left:50%;bottom:0;width:5cqw;height:3.6cqw;transform:translateX(-50%);transform-origin:50% 100%;border-radius:2.5cqw 2.5cqw .7cqw .7cqw;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 80%,#fff),color-mix(in srgb,var(--c) 70%,#000));animation:rm-breath 4.5s ease-in-out infinite;animation-delay:calc(var(--d) * -7)}
.rm-body::after{content:'';position:absolute;left:50%;top:0;width:1.2cqw;height:1.3cqw;transform:translateX(-50%);clip-path:polygon(0 0,100% 0,50% 100%);background:#ffffffd0}
.rm-head{position:absolute;left:50%;bottom:3cqw;width:3.9cqw;height:3.9cqw;margin-left:-1.95cqw;border-radius:50%;display:grid;place-items:center;font-size:2.3cqw;line-height:1;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 25%,#fff),color-mix(in srgb,var(--c) 45%,#f3e2d3));
  box-shadow:0 0 0 .2cqw color-mix(in srgb,var(--c) 70%,#fff),0 .3cqw .6cqw rgba(0,0,0,.35);transition:transform .7s cubic-bezier(.3,1.4,.5,1),box-shadow .4s}
@keyframes rm-breath{50%{transform:translateX(-50%) scaleY(1.035)}}
.rm-seat.dim{filter:saturate(.75) brightness(.85)}
.rm-seat.talk .rm-head{box-shadow:0 0 0 .25cqw var(--c),0 0 1.4cqw .3cqw var(--c),0 0 3.2cqw var(--c);animation:rm-talk .32s ease-in-out infinite alternate}
.rm-seat.talk .rm-body{animation-duration:1.6s}
@keyframes rm-talk{to{translate:0 -.18cqw}}
.rm-seat.user .rm-head{font-size:2cqw;background:radial-gradient(circle at 35% 30%,#fff,#cfd5e2)}
.rm-star{position:absolute;left:50%;bottom:6.9cqw;transform:translateX(-50%);font-size:1.3cqw;color:#ffcf4a;text-shadow:0 0 .8cqw #ffb800}
.rm-wave{position:absolute;left:calc(50% + 2.3cqw);bottom:4.1cqw;display:flex;gap:.18cqw;align-items:center;height:1.6cqw}
.rm-wave i{width:.28cqw;height:100%;border-radius:1cqw;background:var(--c);animation:rm-eq .5s ease-in-out infinite alternate}
.rm-wave i:nth-child(2){animation-delay:-.2s}.rm-wave i:nth-child(3){animation-delay:-.35s}.rm-wave i:nth-child(4){animation-delay:-.1s}
@keyframes rm-eq{from{transform:scaleY(.25)}}
.rm-think{position:absolute;left:calc(50% + 1.6cqw);bottom:6.6cqw;display:flex;gap:.3cqw;padding:.45cqw .6cqw;border-radius:1.2cqw;background:var(--bub);box-shadow:0 .3cqw .8cqw rgba(0,0,0,.35)}
.rm-think i{width:.5cqw;height:.5cqw;border-radius:50%;background:var(--c);animation:rm-dot 1.2s infinite}
.rm-think i:nth-child(2){animation-delay:.2s}.rm-think i:nth-child(3){animation-delay:.4s}
@keyframes rm-dot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-.3cqw)}}
.rm-tool{position:absolute;left:calc(50% + 1.8cqw);bottom:6.2cqw;font-size:1.5cqw;animation:rm-pop .4s ease,rm-float 1.4s ease-in-out infinite}
.rm-plate{position:absolute;left:0;top:.35cqw;transform:translateX(-50%) scale(var(--sc));transform-origin:50% 0;padding:.25cqw .65cqw;border-radius:.4cqw;background:var(--plate);
  color:#fff;text-align:center;white-space:nowrap;max-width:13cqw;line-height:1.15;opacity:0;transition:opacity .8s ease calc(var(--d) + .4s)}
.room.lit .rm-plate{opacity:1}
.rm-plate b{display:block;font-size:.95cqw;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.rm-plate small{display:block;font-size:.72cqw;color:#ffffffa8;overflow:hidden;text-overflow:ellipsis}
.rm-seat.talk .rm-plate{background:var(--c);box-shadow:0 0 1cqw var(--c)}
.rm-seat.back .rm-plate{top:-.2cqw}

/* konuşma balonu */
.rm-bubble{z-index:20;width:max-content;max-width:31cqw;min-width:13cqw;padding:.8cqw 1cqw;border-radius:1cqw;background:var(--bub);color:var(--bubtx);
  border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-left:.35cqw solid var(--c);box-shadow:0 1cqw 2.6cqw rgba(0,0,0,.45);animation:rm-bin .35s cubic-bezier(.2,1.4,.4,1)}
.rm-bubble.up{transform:translate(var(--bx),calc(-100% - .8cqw))}
.rm-bubble.la{--bx:-2.6cqw}.rm-bubble.ra{--bx:calc(-100% + 2.6cqw)}.rm-bubble.ca{--bx:-50%}
.rm-bubble.side{transform:translateY(-50%)}
.rm-bubble::after{content:'';position:absolute;width:1cqw;height:1cqw;background:var(--bub);border-right:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.rm-bubble.up::after{bottom:-.55cqw;transform:rotate(45deg)}
.rm-bubble.la::after{left:2.1cqw}.rm-bubble.ra::after{right:2.1cqw}.rm-bubble.ca::after{left:calc(50% - .5cqw)}
.rm-bubble.side::after{left:-.6cqw;top:calc(50% - .5cqw);transform:rotate(135deg)}
.rm-bubble.old{opacity:.55}
.rm-bubble.dec{border-left-color:#3ecf8e;max-width:34cqw}
.rm-b-h{display:flex;gap:.4cqw;font-size:.85cqw;color:color-mix(in srgb,var(--bubtx) 60%,transparent);margin-bottom:.25cqw}
.rm-b-h b{color:var(--c);filter:brightness(1.25)}
html[data-theme="light"] .rm-b-h b{filter:brightness(.8)}
/* konuşmanın tamamı balonda: ~9 satırdan uzunsa balon içinde kayar (yazılan satır görünür kalır) */
.rm-bubble p{margin:0;font-size:1.12cqw;line-height:1.45;max-height:calc(1.12cqw * 1.45 * 9);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;white-space:pre-line}
.rm-caret{display:inline-block;width:.12cqw;height:1.1cqw;margin-left:.1cqw;vertical-align:-.15cqw;background:var(--c);animation:pulse .8s infinite}
@keyframes rm-bin{from{opacity:0;scale:.85}}

/* tur geçişi, karar damgası, tekrar izle */
.rm-flash{inset:0;z-index:25;display:grid;place-items:center;pointer-events:none;animation:rm-flashbg 1.9s ease forwards}
.rm-flash span{font:800 5.5cqw/1 var(--sans);letter-spacing:.12em;color:#fff;text-shadow:0 0 2cqw var(--br),0 .4cqw 1.6cqw rgba(0,0,0,.6);animation:rm-flashtx 1.9s cubic-bezier(.2,1,.3,1) forwards}
@keyframes rm-flashbg{0%{background:rgba(0,0,0,0)}20%{background:rgba(5,4,12,.45)}75%{background:rgba(5,4,12,.35)}100%{background:rgba(0,0,0,0)}}
@keyframes rm-flashtx{0%{opacity:0;transform:scale(1.6);letter-spacing:.6em}25%{opacity:1;transform:scale(1);letter-spacing:.12em}75%{opacity:1}100%{opacity:0;transform:scale(.96)}}
.rm-flash.stamp{animation:rm-flashbg 3.2s ease forwards}
.rm-flash.stamp span{font-size:4cqw;color:#3ecf8e;padding:1cqw 2.4cqw;border:.5cqw solid #3ecf8e;border-radius:1cqw;text-shadow:0 0 1.2cqw #3ecf8e88;background:rgba(6,20,14,.55);
  animation:rm-stamp 3.2s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes rm-stamp{0%{opacity:0;transform:rotate(-9deg) scale(2.6)}14%{opacity:1;transform:rotate(-9deg) scale(1)}80%{opacity:1;transform:rotate(-9deg) scale(1)}100%{opacity:0;transform:rotate(-9deg) scale(1)}}
.rm-center{left:50%;top:84%;transform:translateX(-50%);z-index:15;padding:.6cqw 1.2cqw;border-radius:2cqw;background:var(--plate);color:#fff;font-size:1.1cqw}
.rm-replay{left:50%;top:50%;transform:translate(-50%,-50%);z-index:26;display:flex;align-items:center;gap:.6cqw;padding:1cqw 2cqw;border-radius:3cqw;border:0;cursor:pointer;
  background:color-mix(in srgb,var(--br) 88%,#000);color:#fff;font-size:1.3cqw;font-weight:600;box-shadow:0 0 0 .5cqw color-mix(in srgb,var(--br) 30%,transparent),0 1cqw 3cqw rgba(0,0,0,.5)}
.rm-replay:hover{background:var(--br)}

/* oynatma denetimleri ve altyazı */
.rm-ctrl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative}
.rm-voices{position:absolute;right:0;bottom:calc(100% + 6px);width:min(380px,100%);max-height:360px;overflow-y:auto;z-index:20;padding:10px 12px;box-shadow:var(--sh)}
.rm-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;background:var(--br);color:#fff;flex:none}
.rm-play:hover{background:var(--br-hi)}
.rm-ctrl .ib:disabled{opacity:.35;cursor:default}
.rm-tl{flex:1;min-width:160px;display:flex;gap:2px;height:22px;align-items:center}
.rm-tl i{height:6px;border-radius:3px;background:color-mix(in srgb,var(--c) 30%,var(--s3));cursor:pointer;min-width:3px;transition:height .15s,background .2s}
.rm-tl i.past{background:color-mix(in srgb,var(--c) 75%,var(--s3))}
.rm-tl i.on{height:14px;background:var(--c);box-shadow:0 0 8px var(--c)}
.rm-tl i:hover{height:12px}
.rm-tl i.round{background:var(--tx3);height:14px;max-width:3px}
.rm-golive i{width:7px;height:7px;border-radius:50%;background:var(--dn);animation:pulse 1.2s infinite}
.rm-cap{padding:12px 14px}
.rm-cap-body{max-height:240px;overflow-y:auto;margin-top:8px;font-size:13.5px}

@media (prefers-reduced-motion:reduce){
  .rm-body,.rm-city i,.rm-ticker>div,.rm-brand,.rm-holo span,.rm-holo .beam,.rm-plant .lf,.rm-seat.talk .rm-head{animation:none}
}
@media (max-width:900px){
  .mtg-page{height:auto;padding:14px 12px 24px}
  .main.has-banner>.mtg-page{flex:none}
  .mtg-split{grid-template-columns:minmax(0,1fr)}
  .split-handle{display:none}
  .mtg-split.has-sel .mtg-listcol{display:none}
  .mtg-split:not(.has-sel) .mtg-detail{display:none}
  .mtg-back{display:inline-grid}
  .mtg-flow{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .mtg-flow.m-steps .mtg-step,.mtg-flow.m-detail .mtg-tl{display:none}
  .mtg-mtabs{display:flex;padding:8px 10px 0}
  .mtg-mtabs button{border:0;background:none;color:var(--br-hi);display:inline-flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}
  .choice .opt{flex-direction:column;align-items:stretch}
  .mtg-detail .meeting-bar{flex-direction:column}
  .room{font-size:9px}
}
select.invalid{border-color:var(--wn)}  /* zorunlu seçim yapılmamış (ör. müşteri planı) */

/* ── toplantı odası: canlı yayın ve tam ekran ── */
.live-chip{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:4px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:16px;flex:none}
.live-chip i{width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
.mtg-li.is-live{border-color:color-mix(in srgb,#e5484d 35%,transparent)}
.room.on-air{border-color:#e5484d;animation:rm-onlive 2.6s ease-in-out infinite}
@keyframes rm-onlive{50%{box-shadow:0 0 0 3px color-mix(in srgb,#e5484d 35%,transparent),var(--sh)}}
.rm-hud{left:1.4%;top:2.2%;z-index:32;display:flex;align-items:center;gap:.8cqw;max-width:62%;padding:.45cqw .8cqw .45cqw .5cqw;border-radius:.7cqw;
  background:rgba(8,6,14,.72);backdrop-filter:blur(4px);color:#fff;font-size:1cqw;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.35)}
.rm-hud .mono{font-size:1cqw;color:#ffd0d3}
.rm-hud .ell{color:#d7d4ea;min-width:0}
.rm-rec{display:inline-flex;align-items:center;gap:.45cqw;padding:.2cqw .6cqw;border-radius:.4cqw;background:#e5484d;font-weight:800;letter-spacing:.1em;font-size:.9cqw;flex:none}
.rm-rec i{width:.6cqw;height:.6cqw;border-radius:50%;background:#fff;animation:pulse 1s infinite}
.rm-fsbtn{right:1.2%;top:2.2%;z-index:32;display:grid;place-items:center;width:3cqw;height:3cqw;min-width:28px;min-height:28px;border:0;border-radius:.6cqw;cursor:pointer;
  background:rgba(8,6,14,.55);color:#fff;opacity:.7;transition:opacity .2s,background .2s}
.rm-fsbtn:hover{opacity:1;background:rgba(8,6,14,.8)}
.rm-bubble.floor{border-style:dashed;border-left-style:solid}
/* seslendirme: okunan kelime işaretli, henüz okunmayan kısım soluk */
.rm-bubble p{position:relative}
.rm-now{background:color-mix(in srgb,var(--c) 38%,transparent);color:inherit;border-radius:.2cqw;padding:0 .08cqw;transition:background .1s}
.rm-rest{opacity:.5}
.rm-full{margin-left:auto;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.rm-bubble.floor p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rm-dots{display:inline-flex;gap:.25cqw;margin-left:.5cqw;vertical-align:middle}
.rm-dots i{width:.45cqw;height:.45cqw;border-radius:50%;background:var(--c);animation:rm-dot 1.2s infinite}
.rm-dots i:nth-child(2){animation-delay:.2s}.rm-dots i:nth-child(3){animation-delay:.4s}
.rm-seat.think .rm-head{box-shadow:0 0 0 .22cqw var(--c),0 0 1.6cqw var(--c);animation:rm-thinkhead 1.6s ease-in-out infinite}
@keyframes rm-thinkhead{50%{box-shadow:0 0 0 .4cqw color-mix(in srgb,var(--c) 40%,transparent),0 0 2.6cqw var(--c)}}
.rm-seat.think .rm-plate{background:var(--c)}
.room-wrap.fs{position:fixed;inset:0;z-index:1000;background:var(--bg);padding:16px 20px;justify-content:center;align-items:center;gap:12px}
.room-wrap.fs .room,.room-wrap.fs .rm-ctrl{width:min(100%,calc((100vh - 84px) * 1.6));flex:none}
.room-wrap.fs .rm-cap{display:none}
.room-wrap.fs .room{border-radius:12px}
@media (prefers-reduced-motion:reduce){.room.on-air,.rm-seat.think .rm-head{animation:none}}

/* ── Canlı Ofis ── */
@property --sc{syntax:'<number>';inherits:true;initial-value:1}

.of-stage{position:relative;overflow:hidden;border-radius:var(--r2)}
.of-wrap{display:flex;flex-direction:column;align-items:center}
/* Sahne 16:9'dur ve genişliğe göre büyür: tam ekranda yükseklik sınırı vardı, normal modda yoktu.
   Geniş pencerede sahnenin alt şeridi (yönetim masası, kahve köşesi) ekranın altında kalıp
   kaydırma istiyordu. Sınır hafiftir — sahneyi küçültmek yerine asıl çözüm, alt kenara içerik
   koymamaktır (kahve köşesi yönetim masasıyla aynı banda alındı). */
.of-wrap:not(.fs) .room.office{width:min(100%,calc((100vh - 120px) * 16 / 9))}
.of-wrap.fs{position:fixed;inset:0;z-index:1000;background:var(--bg);padding:16px;justify-content:center;align-items:center}
.of-wrap.fs .room{width:min(100%,calc((100vh - 32px) * 16 / 9));flex:none}
.room.office{aspect-ratio:16/9;cursor:default;transition:transform .65s cubic-bezier(.5,0,.75,0),opacity .65s ease}
.room.office.zoom{transform:scale(2.8);transform-origin:27.5% 41%;opacity:0}
.office .rm-lamp{width:8%}
.office .rm-plant.back{left:87%;top:31%}
.office .of-clock{left:6%;top:19%}
.office .of-frame{left:17%;top:27%;width:22%;height:19%;padding:.6cqw 1cqw}
.office .of-frame span{font-size:1cqw}
.office .of-frame span::before{display:inline;font-size:1.6cqw;margin-right:.3cqw;vertical-align:-.4cqw}
.of-board{position:absolute;top:10%;width:23.2%;height:56%;overflow:hidden;padding:.7cqw .9cqw;border-radius:.5cqw;background:#0a0c16;color:#e7e6f4;
  border:.3cqw solid #1c1a26;box-shadow:0 .5cqw 1.4cqw rgba(0,0,0,.45);display:flex;flex-direction:column;gap:.45cqw;font-size:.85cqw;overflow:hidden}
.of-board>b{font-size:.8cqw;letter-spacing:.14em;color:var(--br-hi)}
.of-board.msg{left:1.2%;padding-bottom:2.4cqw}.of-board.tsk{left:25.4%}.of-board.today{left:49.6%}.of-board.rt{left:73.8%}
.of-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;flex:1}
.of-stats div{display:flex;flex-direction:column;justify-content:center;padding:.3cqw .5cqw;border-radius:.35cqw;background:rgba(255,255,255,.05)}
.of-stats strong{font:700 1.45cqw/1.1 var(--sans);color:#fff}
.of-stats small{font-size:.7cqw;color:#a9a6c4;text-transform:uppercase;letter-spacing:.06em}
.of-rt{display:flex;gap:.5cqw;align-items:center;padding:.25cqw 0;border-bottom:1px solid rgba(255,255,255,.07)}
.of-rt span{flex:1;min-width:0}.of-rt em{font-style:normal;color:#ffb347;font-family:var(--mono);font-size:.75cqw;flex:none}

/* cam toplantı odası */
/* Camın yüksekliği azaltıldı: taban (55%) yerinde kalsın diye üst kenar indirildi. */
.of-mr-in,.of-mr-front,.of-mr-glass{left:15%;top:36%;width:25%;height:19%}
.of-mr-in{z-index:3;border-radius:.3cqw .3cqw 0 0;transition:filter .8s;filter:brightness(.55) saturate(.7);
  background:linear-gradient(180deg,#27233a 0 46%,#3a2c24 46% 100%)}
html[data-theme="light"] .of-mr-in{background:linear-gradient(180deg,#d8d2e2 0 46%,#b49b83 46% 100%)}
.of-mr-in::before{content:'';position:absolute;left:30%;right:30%;top:6%;height:5%;border-radius:1cqw;background:#fff5de;box-shadow:0 0 2cqw #ffd98a;opacity:.25;transition:opacity .8s}
.of-mr-in.on{filter:none}.of-mr-in.on::before{opacity:1}
.of-mr-table{z-index:5;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,var(--wood1),var(--wood2));box-shadow:0 .4cqw 0 var(--edge),0 .8cqw 1cqw rgba(0,0,0,.4)}
.of-mr-front{z-index:7;cursor:pointer;border:.35cqw solid #8c93a6;border-bottom-width:.5cqw;border-radius:.3cqw .3cqw 0 0;
  background:linear-gradient(115deg,rgba(255,255,255,.1) 0 18%,transparent 18% 30%,rgba(255,255,255,.07) 30% 36%,transparent 36%),
    repeating-linear-gradient(90deg,transparent 0 24.6%,#8c93a6 24.6% 25%),rgba(170,200,255,.07);transition:box-shadow .4s}
.of-mr-front:hover{box-shadow:0 0 0 .3cqw var(--br),0 0 2cqw color-mix(in srgb,var(--br) 50%,transparent)}
.of-mr-front.on{border-color:#e5484d;animation:rm-onlive 2.6s ease-in-out infinite}
.of-mr-glass{z-index:8;pointer-events:none}
.of-mr-sign{position:absolute;left:50%;top:-1.2cqw;transform:translateX(-50%);display:flex;gap:.5cqw;align-items:center;white-space:nowrap;
  padding:.25cqw .6cqw;border-radius:.35cqw;background:#12101a;font:700 .75cqw/1 var(--sans);letter-spacing:.12em;color:#c9c6de}
.of-mr-sign em{font-style:normal;padding:.15cqw .4cqw;border-radius:.25cqw;background:#2b3a2f;color:#8fdcb0}
.of-mr-sign em.on{background:#d92638;color:#fff;box-shadow:0 0 1cqw #ff2b3f;animation:pulse 2.4s infinite}
.of-mr-title{position:absolute;left:8%;right:8%;top:6%;text-align:center;font-size:.85cqw;font-weight:600;color:#fff;padding:.2cqw .5cqw;border-radius:.3cqw;background:rgba(10,8,16,.65)}

/* masalar ve ajanlar */
.of-desk{width:0;height:0;cursor:pointer}
.of-desk-in{position:absolute;left:0;bottom:0;width:11cqw;height:4.2cqw;transform:translateX(-50%) scale(var(--sc));transform-origin:50% 100%}
.of-top{position:absolute;left:0;right:0;bottom:2cqw;height:2.2cqw}
.of-top::before{content:'';position:absolute;inset:0;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--wood1) 75%,#fff),var(--wood1))}
.of-front{position:absolute;left:0;right:0;bottom:0;height:2cqw;border-radius:0 0 .3cqw .3cqw;background:linear-gradient(180deg,var(--wood2),color-mix(in srgb,var(--wood2) 70%,#000));
  display:grid;place-items:center;box-shadow:0 .6cqw 1cqw rgba(0,0,0,.35)}
.of-front span{max-width:92%;padding:.1cqw .5cqw;border-radius:.25cqw;background:rgba(0,0,0,.45);color:#fff;font-size:.82cqw;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border-bottom:.15cqw solid var(--c)}
.of-mon{position:absolute;left:5%;bottom:.9cqw;width:3.3cqw;height:2.3cqw;border-radius:.2cqw;background:#15141c;border:.18cqw solid #2c2a36;padding:.3cqw;display:flex;flex-direction:column;gap:.2cqw;z-index:1}
.of-mon::after{content:'';position:absolute;left:40%;right:40%;bottom:-.75cqw;height:.6cqw;background:#2c2a36}
.of-mon i{height:.22cqw;border-radius:1cqw;background:#ffffff1c;width:80%}
.of-mon i:nth-child(2){width:55%}.of-mon i:nth-child(3){width:68%}
.of-desk.busy .of-mon{box-shadow:0 0 1.2cqw var(--c);background:color-mix(in srgb,var(--c) 22%,#101018)}
.of-desk.busy .of-mon i{background:var(--c);animation:of-code 1.1s ease-in-out infinite alternate}
.of-desk.busy .of-mon i:nth-child(2){animation-delay:-.4s}.of-desk.busy .of-mon i:nth-child(3){animation-delay:-.8s}
@keyframes of-code{from{width:20%}}
.of-desk.away .of-front span{opacity:.6}
.of-cup{position:absolute;right:9%;bottom:.5cqw;width:.8cqw;height:.9cqw;border-radius:0 0 .25cqw .25cqw;background:#e9e4dc;box-shadow:inset -.15cqw 0 0 #cfc8bc}
.of-chair{width:5.4cqw;height:6cqw;transform:translate(-50%,-100%) scale(var(--sc));transform-origin:50% 100%;border-radius:1.5cqw 1.5cqw .5cqw .5cqw;
  background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 85%,#fff),var(--seat));box-shadow:inset 0 -.4cqw .8cqw rgba(0,0,0,.35);transition:opacity .5s}
.of-agent{cursor:pointer;transition:left 2.2s cubic-bezier(.45,.05,.55,.95),top 2.2s cubic-bezier(.45,.05,.55,.95),--sc 2.2s ease}
.of-agent.walk .rm-person{animation:of-walk .34s ease-in-out infinite alternate}
@keyframes of-walk{from{rotate:-4deg;translate:0 -.3cqw}to{rotate:4deg;translate:0 0}}
.of-agent.think .rm-head{box-shadow:0 0 0 .22cqw var(--c),0 0 1.6cqw var(--c);animation:rm-thinkhead 1.6s ease-in-out infinite}
.of-agent.boss{cursor:default}
.of-agent.boss .rm-head{font-size:2cqw;background:radial-gradient(circle at 35% 30%,#fff,#cfd5e2)}
.of-bubble{max-width:17cqw;min-width:0;padding:.45cqw .7cqw;cursor:pointer;animation:rm-bin .35s cubic-bezier(.2,1.4,.4,1)}
/* `-webkit-line-clamp` tek başına işe yaramaz, `display:-webkit-box` ister: yoksa uzun bir metin
   balonu sayfa boyu uzatır (hafızadan gelen sohbet cümlesinde böyle oluyordu). */
.of-bubble p{font-size:.88cqw;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:3;overflow:hidden;max-height:none}
/* Balon sahnede küçük kalır ama metnin tamamı kaybolmasın: fareyle üzerine gelince açılır
   (ayrıca `title` ile daha uzun hâli ipucunda durur). */
.of-bubble:hover{z-index:500}
.of-bubble:hover p{-webkit-line-clamp:9}
.of-bi{margin-right:.35cqw}
/* Masasından uzaktayken (toplantı, mola) kim olduğu belli olsun: masadaki ad plakası uzakta kalıyor. */
.of-plate{top:.1cqw;padding:.12cqw .45cqw;border-radius:.3cqw;max-width:9cqw;pointer-events:none}
.of-plate b{font-size:.72cqw;font-weight:700}
.of-papers{position:absolute;right:14%;bottom:.3cqw;width:2.6cqw;height:2cqw}
.of-papers i{position:absolute;left:0;width:2.6cqw;height:.45cqw;background:#fbfaf6;border:1px solid #d9d4c8;border-radius:.08cqw;box-shadow:0 .08cqw .15cqw rgba(0,0,0,.25)}
.of-papers.pulse{animation:of-pile 2.2s ease-in-out infinite}
@keyframes of-pile{50%{filter:drop-shadow(0 0 .6cqw #ffb347)}}
.of-badge{position:absolute;right:6%;bottom:2.2cqw;min-width:1.5cqw;height:1.5cqw;padding:0 .35cqw;border-radius:1cqw;background:#e5484d;color:#fff;font:700 .85cqw/1.5cqw var(--sans);text-align:center;box-shadow:0 0 .8cqw #e5484d}
.of-phone{position:absolute;left:10%;bottom:.4cqw;font-size:1.3cqw;cursor:pointer}
.of-phone em{position:absolute;right:-.7cqw;top:-.5cqw;font:700 .7cqw/1.1cqw var(--sans);font-style:normal;min-width:1.1cqw;padding:0 .25cqw;border-radius:1cqw;background:#e5484d;color:#fff;text-align:center}
.rm-rec.calm{background:#2f9e6b}
/* Ofiste CANLI kutusu tavanın sağındadır: sağ kenarı kayan yazının sağ kenarıyla (%86) aynı dikey
   hizada. Logo soldan, CANLI sağdan şeridi çerçeveler. Toplantı odası sahnesi etkilenmez. */
.room.office .rm-hud{left:auto;right:14%;top:1.05%;max-width:48%}
.of-lists .card{min-width:0}
.of-feed{max-height:320px;overflow-y:auto}
@media (prefers-reduced-motion:reduce){.of-agent{transition:none}.of-agent.walk .rm-person,.of-desk.busy .of-mon i{animation:none}}
/* Model çekme penceresi: adım adım ilerleme; çalışırken çubuk üzerinde ışık kayar */
.sync-steps{padding:10px 12px;border:1px solid var(--bd);border-radius:10px;margin-bottom:12px}
.bar.run{position:relative}.bar.run::after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--br) 45%,transparent),transparent);animation:tp 1.2s linear infinite}
.tbl th.grp{text-align:center;border-bottom:1px solid var(--bd)}.tbl th.num,.tbl td.num{text-align:right}  /* gruplu başlık, sayı sütunları */
.tbl tfoot tr.total td{border-top:2px solid var(--bd);background:var(--s2, transparent)}  /* tablo altı toplam satırı */
/* Model fiyatları: geniş sayfa; sağlayıcı ve model sütunları yatay kaydırmada SOLDA sabit
   kalır — tablo geniş, satırın hangi modele ait olduğu kaybolmasın (satış/maliyet/kâr
   sütunları sabit değil: sayılar okunurken modelin adı gerekir, tersi değil). */

.tbl.grid tr>:first-child{position:sticky;left:0;background:var(--s1);z-index:1}
/* Uzun tablolar kendi kutusunda kayar: yatay çubuk sayfanın en altında kalmasın, başlık da
   yukarıda yapışsın. Yükseklik ekrana göre sınırlıdır. */
/* Geniş tablonun üst çubuğu (düğmeler + filtre) sayfa kaydırılırken yerinde kalır. */
.tbl-head{position:sticky;top:0;z-index:6;background:var(--s1);border-radius:12px 12px 0 0}
/* Tam ekran: kart pencereyi kaplar, yalnızca tablo kayar. Esc ile çıkılır. */
.fs-card{position:fixed;inset:10px;z-index:60;margin:0;display:flex;flex-direction:column;
  overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.fs-card .tbl-scroll{max-height:none;flex:1;min-height:0}
.fs-card .tbl-head{border-radius:0}
.tbl-scroll{max-height:66vh;overflow:auto}
/* Model fiyatları: liste pencerenin tamamını kullanır (66vh'lik kutu yer harcıyordu) ama dikey
   kaydırma yine tablonun kendisindedir — başlık satırı ancak böyle sabit kalır.
   Neden ikisi birden olmuyor: tablo yirmi küsur sütun olduğu için yatayda kaymak zorunda, bu da
   kabı bir kaydırma kabı yapıyor; `position:sticky` en yakın kaydırma kabına göre çalıştığından
   dikey kaydırmayı `.main`e bırakırsak başlık onunla birlikte yukarı kayıp gider. */
.tbl-scroll.grow-y{max-height:calc(100vh - 250px);min-height:340px}
.tbl-scroll::-webkit-scrollbar{height:14px;width:14px}
.tbl-scroll::-webkit-scrollbar-track{background:var(--s2);border-radius:8px}
.tbl-scroll{scrollbar-width:auto;scrollbar-color:var(--bd3) var(--s2)}
.tbl-scroll thead th{position:sticky;top:0;background:var(--s1);z-index:4}
.tbl-scroll thead tr:nth-child(2) th{top:32px}
.tbl-scroll thead .fix-a,.tbl-scroll thead .fix-b,.tbl-scroll thead tr>:first-child{z-index:5}
.tbl .fix-a,.tbl .fix-b{position:sticky;background:var(--s1);z-index:1}
.tbl .fix-a{left:30px;min-width:96px;width:96px}
.tbl .fix-b{left:126px;min-width:266px;box-shadow:1px 0 0 var(--bd)}
.tbl.grid thead tr>:first-child,.tbl thead .fix-a,.tbl thead .fix-b{z-index:3}
/* Çizgili tablo görünümü (Model fiyatları): her hücre çerçeveli, başlık ve toplam ayrı zeminde */
.tbl.grid{border-collapse:separate;border-spacing:0}
.tbl.grid th,.tbl.grid td{border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:6px 8px}
.tbl.grid tr>:first-child{border-left:1px solid var(--bd)}
.tbl.grid thead tr:first-child th{border-top:1px solid var(--bd)}
.tbl.grid thead th{background:var(--s2);vertical-align:middle}
.tbl.grid tbody tr:hover td{background:var(--s2)}
.tbl.grid tfoot td{background:var(--s2)}

/* çizgi grafik (Kredi kullanımı → günlük) */
.linechart{position:relative;height:190px;margin:4px 0 18px 0}
.linechart svg{width:100%;height:100%;display:block;overflow:visible;cursor:crosshair}
.lc-grid{stroke:var(--bd2);stroke-width:1;stroke-dasharray:3 4}
.lc-line{fill:none;stroke:var(--br);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lc-area{fill:var(--br-a)}
.lc-guide{stroke:var(--bd3);stroke-width:1}
.lc-y{position:absolute;left:0;transform:translateY(-115%);font:11px var(--mono);color:var(--tx3);pointer-events:none}
.lc-x{position:absolute;bottom:-16px;font-size:11px;color:var(--tx3);transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.lc-x.start{transform:none}.lc-x.end{transform:translateX(-100%)}
.lc-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--br);border:2px solid var(--s1);transform:translate(-50%,-50%);pointer-events:none}
.lc-tip{position:absolute;top:-6px;transform:translate(8px,-100%);background:var(--s3);border:1px solid var(--bd2);border-radius:var(--r);padding:5px 8px;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:var(--sh);display:flex;flex-direction:column;gap:1px;z-index:2}
.lc-tip.flip{transform:translate(calc(-100% - 8px),-100%)}
.lc-tip small{color:var(--tx3)}

/* yatay çubuklar (Kredi kullanımı → çalışana göre pay) */
.hbar{display:grid;grid-template-columns:minmax(120px,220px) 1fr 56px;align-items:center;gap:12px;padding:7px 0}
.hbar+.hbar{border-top:1px solid var(--bd)}
.hbar-l{min-width:0}.hbar-b{height:8px}.hbar-v{text-align:right}
@media (max-width:640px){.hbar{grid-template-columns:minmax(90px,130px) 1fr 48px;gap:8px}}

.fx-chip{gap:4px;white-space:nowrap;text-decoration:none}
@media (max-width:640px){.fx-chip .mut{display:none}}

.tbl tr.gone td{opacity:.55}  /* silinmiş müşteri satırı */

/* ── e-posta (web/mail.js: iki panelde de aynı) ── */
/* Düzen: solda kutular · ortada yazışma listesi · sağda okuma bölmesi (sohbet ekranıyla aynı mantık) */
.mail-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);height:100%;min-height:0}
.mail-wrap.solo{grid-template-columns:minmax(0,1fr)}   /* hiç posta kutusu yokken sol bölme yok */
.mail-side{border-right:1px solid var(--bd);background:var(--s1);padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.mail-new{margin:0 6px 10px;justify-content:flex-start}
.mail-side-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--tx2);font:inherit;font-size:13px;cursor:pointer;text-align:left;width:100%}
.mail-side-item:hover{background:var(--s2);color:var(--tx)}
.mail-side-item.on{background:var(--br-a);color:var(--br-hi);font-weight:600}
/* Sürükle-bırak: bırakılabilir klasör sürükleme boyunca belli olur, üstüne gelince vurgulanır. */
.mail-side-item.drop-ok{outline:1px dashed var(--bd3);outline-offset:-2px}
.mail-side-item.drop-on{background:var(--br-a);color:var(--br-hi);outline:2px solid var(--br);outline-offset:-2px}
.mail-row[draggable=true]{cursor:grab}
.mail-row.dragging{opacity:.45}
html[data-theme="light"] .mail-side-item.on{color:var(--br)}
.mail-side-item em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--br-hi)}
.mail-side-item em.warn{color:var(--wn)}
.mail-side-sep{height:1px;background:var(--bd);margin:8px 6px}
/* hesap sekmeleri: kutu listesi solda kalır, hangi hesaba baktığın üstte durur */
.mail-tabs{margin:0;padding:0 12px;flex:none}
.mail-tabs button{display:inline-flex;align-items:center;gap:7px;max-width:290px;font-size:13px;padding:9px 13px}
.mt-who{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.3;min-width:0;max-width:225px}
/* kutunun sorumlusu sekmenin üçüncü satırı: hangi ajanın yürüttüğü listeye bakarken de belli olsun */
.mt-employee{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--br-hi);max-width:100%}
.mt-auto{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ok);max-width:100%}
html[data-theme="light"] .mt-employee{color:var(--br)}
.mt-addr{font-size:11px;font-weight:400;color:var(--tx3);max-width:100%}
/* sekmedeki ayar düğmesi: sekmenin içinde ama sekmeyi seçmeden tıklanır */
.mt-gear{display:inline-flex;align-items:center;padding:3px;border-radius:6px;color:var(--tx3);cursor:pointer}
.mt-gear:hover{background:var(--s4);color:var(--tx)}
/* bağlantı durumu: sekmede yazı değil nokta — ad ve adresle birlikte satıra sığsın */
.mt-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--tx3)}
.mt-dot.ok{background:var(--ok)}.mt-dot.bad{background:var(--dn)}.mt-dot.info{background:var(--br)}
.mail-tabs button.off{opacity:.55}
/* posta kutuları: alt alta uzayan şerit yerine kart ızgarası */
/* imza düzenleyici */
.sig-edit{border:1px solid var(--bd2);border-radius:var(--r);background:var(--s2);overflow:hidden}
.sig-bar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--bd);background:var(--s3)}
.sig-bar button,.sig-img{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border:0;border-radius:6px;background:none;color:var(--tx2);cursor:pointer;font-size:13px}
.sig-bar button:hover,.sig-img:hover{background:var(--s4);color:var(--tx)}
.sig-sep{width:1px;height:16px;background:var(--bd);margin:0 4px}
.sig-body{min-height:90px;max-height:320px;overflow-y:auto;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--tx);outline:none}
.sig-body:focus{background:var(--s1)}
.sig-body.tall{min-height:190px}
/* kutu formunun sekme gövdesi: her sekmede birebir aynı yükseklik, taşan sekme kendi içinde kayar */
.mb-body{height:380px;overflow-y:auto;padding-right:6px}
/* ajanın yazdığı cevap: yazışmanın altında, kendi çerçevesinde */
.mail-ai{margin:12px 0 0;padding:12px;border:1px solid color-mix(in srgb,var(--br) 45%,transparent);border-radius:var(--r2);background:var(--br-a)}
.mail-ai textarea{width:100%}
/* sunucu ayarları: adres/kapı/güvenlik/şifre tek satıra sığsın (dar ekranda ikişerli) */
.form.srv{grid-template-columns:1.15fr .95fr 1fr 1.25fr;gap:10px}
@media (max-width:760px){.form.srv{grid-template-columns:1fr 1fr}}
.mb-body .sec{margin:14px 0 8px}.mb-body .sec:first-child{margin-top:0}
@media (max-height:760px){.mb-body{height:300px}}
/* contenteditable'da placeholder yok: boşken ipucu metni çizilir */
.sig-body:empty::before{content:attr(data-ph);color:var(--tx3);pointer-events:none}
.sig-body img{max-width:100%;height:auto}
.sig-body ul,.sig-body ol{margin:4px 0;padding-left:20px}
.mb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px}
.mb-grid .card{min-width:0}
.mb-grid .card-h{flex-wrap:wrap}
@media (max-width:640px){.mb-grid{grid-template-columns:1fr}}
.mail-tabs em{font-style:normal;font-weight:700}.mail-tabs em.warn{color:var(--wn)}
.mail-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}
.mail-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--bd);flex:none}
.mail-search{flex:1;max-width:420px}
/* süzgeçler (Gmail'deki gibi tek tıkla açılıp kapanan düğmeler) ve seçim kutuları */
.mail-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 12px;border-bottom:1px solid var(--bd);flex:none}
.mail-filters .chip{cursor:pointer}
.mail-filters select{width:auto}
.mail-chk{flex:none;width:15px;height:15px;margin:0;cursor:pointer;accent-color:var(--br)}
.mail-row .mail-chk{margin-top:9px}
.mail-row.picked{background:color-mix(in srgb,var(--br) 13%,transparent)}
.mail-bar select{width:auto;max-width:180px}
.mail-side-h{padding:10px 12px 4px;text-transform:uppercase;letter-spacing:.04em}
.mail-split{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);flex:1;min-height:0}
.mail-list{overflow-y:auto;border-right:1px solid var(--bd);min-height:0}
.mail-row{display:flex;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--bd);align-items:flex-start}
.mail-row:hover{background:var(--s2)}
.mail-row.on{background:var(--s3)}
.mail-row.unseen{background:color-mix(in srgb,var(--br) 7%,transparent)}
.mail-row.unseen .mail-from,.mail-row.unseen .mail-subj{font-weight:700;color:var(--tx)}
.mail-row-b{min-width:0;flex:1}
.mail-row-t{display:flex;align-items:center;gap:6px;min-width:0}
.mail-from{font-size:13px;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.mail-count{font-size:11px;color:var(--tx3)}
.mail-date{font-size:11.5px;color:var(--tx3);white-space:nowrap;flex:none}
.mail-subj{font-size:13px;color:var(--tx2);margin-top:1px;display:flex;align-items:center;gap:6px;min-width:0}
.mail-subj,.mail-snip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-snip{font-size:12px;color:var(--tx3);margin-top:1px}
.mail-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--s3);color:var(--tx2);font-size:13px;font-weight:600}
.mail-av.sm{width:26px;height:26px;font-size:11.5px}
.mail-read{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}
.mail-read.empty{align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--tx3)}
.mail-read-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--bd);flex:none;background:var(--s1)}
.mail-read-h h2{font-size:15px;margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-read-sub{padding:8px 14px 0}
.mail-read-b{flex:1;overflow-y:auto;padding:14px;min-height:0;display:flex;flex-direction:column}
.mail-msg{border:1px solid var(--bd);border-radius:var(--r2);margin-bottom:10px;background:var(--s1);flex:none}
/* açık olan son mesaj kalan yüksekliği doldurur; kısa mailde de kutu boş alanı kaplar */
.mail-msg.son{flex:1;min-height:260px;display:flex;flex-direction:column;margin-bottom:0}
.mail-msg.son .mail-msg-b{flex:1;min-height:0;display:flex;flex-direction:column}
.mail-msg.son .mail-msg-b > div:first-child{flex:1;min-height:0;display:flex;flex-direction:column}
.mail-msg.out{background:var(--s2)}
.mail-msg-h{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}
.mail-msg-b{padding:0 12px 12px;border-top:1px solid var(--bd);padding-top:10px}
.mail-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13.5px;line-height:1.65;margin:0;color:var(--tx)}
.mail-frame{width:100%;min-height:260px;flex:1;border:1px solid var(--bd);border-radius:var(--r);background:#fff}
.mail-frame.inv{filter:invert(1) hue-rotate(180deg);border-color:#d8d8d4}
.mail-imgbar{display:flex;align-items:center;gap:8px;margin-bottom:6px}
/* cevap alanı okuma bölmesinin altına sabit: mesajlar kalan yüksekliğin tamamını alır */
.mail-read-f{flex:none;padding:0 14px 14px;border-top:1px solid var(--bd);background:var(--bg)}
.mail-reply-bar{display:flex;align-items:center;gap:10px;padding:12px 0 0}
.mail-reply{border:1px solid var(--bd2);border-radius:var(--r2);padding:12px;background:var(--s1);margin:12px 0 0;max-height:52vh;overflow-y:auto}
.mail-reply textarea{width:100%}
.mail-accounts{padding:18px 20px 40px;max-width:820px}
/* Yeni mail penceresi: sağ altta, ekranın üstünde durur */
.mail-compose{position:fixed;right:24px;bottom:0;width:min(560px,calc(100vw - 32px));background:var(--s1);border:1px solid var(--bd2);border-radius:12px 12px 0 0;box-shadow:var(--sh);z-index:70;display:flex;flex-direction:column;max-height:min(640px,calc(100vh - 60px))}
.mail-compose-h{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--s3);border-radius:11px 11px 0 0;cursor:pointer}
.mail-compose.small{width:280px}
.mail-compose-b{display:flex;flex-direction:column;min-height:0}
.mail-field{border:0;border-bottom:1px solid var(--bd);border-radius:0;padding:9px 12px;background:transparent}
.mail-field:focus{outline:0;border-bottom-color:var(--br)}
.mail-field-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--bd);padding-right:12px}
.mail-field-row .mail-field{flex:1;border-bottom:0}
.mail-compose-t{border:0;border-radius:0;min-height:220px;resize:vertical;padding:12px;background:transparent}
.mail-compose-t:focus{outline:0}
.only-narrow{display:none}
@media (max-width:1100px){.mail-split{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}}
@media (max-width:900px){
  .mail-wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .mail-side{flex-direction:row;align-items:center;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--bd);padding:8px}
  .mail-new{margin:0}.mail-side-item{width:auto;white-space:nowrap}.mail-side-sep,.mail-side-h{display:none}
  .mail-side-accs{margin:0}
  .mail-split{grid-template-columns:minmax(0,1fr)}
  .mail-wrap.reading .mail-list{display:none}
  .mail-wrap:not(.reading) .mail-read{display:none}
  .only-narrow{display:inline-grid}
  .hide-narrow{display:none!important}
  .mail-compose{right:0;left:0;width:auto;border-radius:0;max-height:100vh;top:0}
  .mail-compose-t{min-height:40vh}
}

/* ── pazarlama kodları (web/tracking.js) ── */
.code-box{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:12px;font:12px/1.55 var(--mono);
  color:var(--tx2);white-space:pre-wrap;word-break:break-all;max-height:340px;overflow:auto;margin:0}
.form label.bad input{border-color:var(--dn)}

/* ── ürünler ve stüdyo (web/studio.js) ── */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;padding:12px 0}
.prod-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--bd);border-radius:var(--r2);
  background:var(--s2);padding:8px;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.prod-card:hover{border-color:var(--bd2);background:var(--s3)}
.prod-img{aspect-ratio:1;border-radius:var(--r);background:var(--s3);display:grid;place-items:center;
  overflow:hidden;color:var(--tx3)}
.prod-img img{width:100%;height:100%;object-fit:cover}
.prod-b{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.prod-b > *{max-width:100%}

.img-row{display:flex;gap:10px;padding:10px 0;overflow-x:auto}
.img-row.wrap{flex-wrap:wrap;overflow:visible}
.img-cell{position:relative;width:132px;height:132px;flex:none;border-radius:var(--r);overflow:hidden;
  border:1px solid var(--bd);background:var(--s3);display:grid;place-items:center}
.img-cell img{width:100%;height:100%;object-fit:cover;display:block}
.img-cell.pri{border-color:var(--br)}
.img-cell.add{flex-direction:column;gap:4px;cursor:pointer;border-style:dashed;color:var(--tx2);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}
.img-act{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s}
.img-cell:hover .img-act{opacity:1}
.img-act .ib,.img-act a.ib{background:rgba(0,0,0,.55);color:#fff}
.img-act .ib:hover{background:rgba(0,0,0,.8)}
.img-tag{position:absolute;left:4px;bottom:4px;padding:1px 7px;border-radius:5px;font-size:10.5px;
  background:var(--br);color:#fff}
.imp-list{max-height:320px;overflow-y:auto;margin-top:8px}
.mini{width:36px;height:36px;border-radius:var(--r);object-fit:cover;display:block;background:var(--s3)}
.mini-empty{flex:none}  /* görseli olmayan ürün: hizayı bozmayan boşluk */
.pre{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:10px;
  font:11.5px/1.5 var(--mono);color:var(--tx2);white-space:pre-wrap;max-height:260px;overflow:auto;margin:6px 0 0}


/* aktarım listesi: ürün başına sonuç rozeti */
.ib.fav{color:var(--wn)}
.ib.fav svg{fill:currentColor}
.chip.okc{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.chip.badc{color:var(--dn);border-color:color-mix(in srgb,var(--dn) 40%,transparent)}
.spin.xs{width:10px;height:10px;border-width:2px;margin-right:4px}

/* site taraması: yapılan adımların kısa geçmişi */
.scan-log{margin-top:6px;font-size:11.5px;line-height:1.7;color:var(--tx3)}

/* Tam ekran bölmeli düzenler (sohbet, e-posta) de diğer sayfalar gibi kenar boşluklu, çerçeveli bir kutuda durur */
.chat,.mail-wrap{margin:16px 32px 20px;height:calc(100% - 36px);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden;background:var(--s1)}
@media (max-width:760px){.chat,.mail-wrap{margin:10px 16px 14px;height:calc(100% - 24px)}}
/* kaydırdıkça sıradaki parti (studio.js → v-onvisible): liste sonundaki işaretçi */
.load-more{display:flex;justify-content:center;padding:14px 0;min-height:24px;color:var(--tx3)}
/* Genel ayarlar → Hesabı sil (yalnızca şirket yöneticisi) */
.danger-zone{border-color:color-mix(in srgb,var(--dn) 40%,var(--bd))}

/* reklam ekranı: kampanyanın altındaki reklam setleri ve reklamlar (app/ads) */
.sub-list{display:flex;flex-direction:column;gap:6px;padding:4px 0 4px 14px;border-left:2px solid var(--bd2)}
.sub-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.sub-row.ad{padding-left:14px;color:var(--tx2)}

/* Ayar ekranı: her seçenek kendi kutusunda (Sosyal medya yönetimi › Ayarlar) */
.set-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
@media (max-width:900px){.set-boxes{grid-template-columns:1fr}}
.set-box{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r2);padding:14px 16px}
.set-box h4{margin:0 0 4px;font-size:14px}.set-box>p.mut{margin:0 0 10px}
.set-col{display:flex;flex-direction:column;gap:12px;min-width:0}
/* grup kutusu: başlık, alt alta ayarlar (aralarında çizgi), Kaydet kutunun kendi altında */
.set-group{display:flex;flex-direction:column;padding:0}
.set-group-h{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bd);color:var(--tx)}
.set-item{padding:14px 16px}.set-item+.set-item{border-top:1px solid var(--bd)}
.set-item>p.mut{margin:0 0 10px}.set-item>label.check{display:flex}.set-item .form{gap:10px}
.set-boxes>.set-group{align-self:stretch}
/* kaydedilen kutular tek dış kutuda (.set-wrap), tek Kaydet o kutunun içinde en altta; yapışkan değil (kullanıcının kararı) */
.set-wrap{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r3);padding:14px}
.set-save{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--bd)}

/* galeri: ana görselin ölçü sayısı (studio.variants) */
.st-vars{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:99px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:600;cursor:pointer;z-index:2}
/* Hazır tasarımla üretilen dosya (şablondan; yapay zekâ görseli değil) */
.st-design{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:99px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:600;z-index:2;pointer-events:none}
.img-cell-wrap{display:inline-flex;flex-direction:column;gap:4px;align-items:center}
.gw-var-box.sel{outline:2px solid var(--br)}

/* ölçü penceresi (shared/variants.js): solda ölçüler, sağda büyük önizleme + yöntem */
.ve{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.ve-list{display:flex;flex-direction:column;gap:8px}
.ve-item{display:flex;gap:10px;align-items:center;padding:8px;border:1.5px solid var(--bd);border-radius:10px;background:var(--s2);cursor:pointer;text-align:left;color:var(--tx)}
.ve-item.on{border-color:var(--br);background:var(--br-a)}
.ve-th{flex:none;width:56px;display:block;border-radius:6px;overflow:hidden;background:var(--s3)}.ve-th img{width:100%;height:100%;object-fit:cover;display:block}
.ve-th.r-landscape{aspect-ratio:1.91/1}.ve-th.r-square{aspect-ratio:1/1}.ve-th.r-portrait{aspect-ratio:4/5;width:44px}.ve-th.r-story{aspect-ratio:9/16;width:36px}.gw-var-box.r-story{aspect-ratio:9/16}
.ve-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.ve-st{color:var(--tx2)}.ve-st.ai,.ve-st.ok{color:var(--ok)}.ve-st.bad,.ve-st.small{color:var(--wn)}.ve-st.pending{color:var(--br)}
/* pencere ve önizleme boyu sabit: ölçü değişince (yatay ↔ dikey) pencere büyüyüp küçülmesin */
.ve-modal .modal{height:min(720px,calc(100vh - 40px))}.ve-modal .modal-b{flex:1 1 auto}
.ve-main .gw-view{height:min(430px,calc(100vh - 330px));min-height:220px;max-height:none;background:transparent;border:0;border-radius:0}.ve-main .gw-view img{max-height:100%}
.ve-item.src{margin-top:6px;border-style:dashed}.ve-th[style]{width:48px}
.ve-seg{display:flex;margin-top:10px;border:1px solid var(--bd2);border-radius:10px;overflow:hidden}
.ve-seg button{flex:1;padding:9px 6px;background:var(--s2);border:0;border-left:1px solid var(--bd2);cursor:pointer;color:var(--tx);font-size:13px;font-weight:600}
.ve-seg button:first-child{border-left:0}.ve-seg button.on{background:var(--br);color:#fff}.ve-seg button:disabled{opacity:.6;cursor:progress}
.ve-seg small{font-weight:400;opacity:.8;margin-left:3px}
@media (max-width:700px){.ve{grid-template-columns:1fr}.ve-list{flex-direction:row;flex-wrap:wrap}.ve-item{flex:1;min-width:150px}}
.ve-hist{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.ve-h{position:relative;width:46px;height:46px;padding:0;border:2px solid var(--bd);border-radius:6px;overflow:hidden;background:var(--s3);cursor:pointer}
.ve-h.on{border-color:var(--br)}.ve-h img{width:100%;height:100%;object-fit:cover;display:block}
.ve-h i{position:absolute;right:1px;bottom:0;font-style:normal;font-size:11px;text-shadow:0 0 3px #000}

/* sade görsel seçici (shared/imagepick.js) */
.ip-modal .modal{height:min(680px,calc(100vh - 40px))}.ip-modal .modal-b{flex:1 1 auto}
.ip-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ip-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1.5px solid var(--bd);border-radius:10px;background:var(--s2);color:var(--tx);font-weight:600;cursor:pointer}
.ip-tabs button.on{border-color:var(--br);background:var(--br-a);color:var(--br)}
.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.ip-tile{position:relative;aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:10px;overflow:hidden;background:var(--s3);cursor:pointer}
.ip-tile img{width:100%;height:100%;object-fit:cover;display:block}.ip-tile.on{border-color:var(--br)}
.ip-n{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:var(--br);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.ip-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:260px;border:2px dashed var(--bd2);border-radius:12px;background:var(--s2);cursor:pointer;color:var(--tx2);text-align:center;padding:20px}
.ip-drop.drag{border-color:var(--br);background:var(--br-a)}
.ip-ai{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px}
@media (max-width:600px){.ip-tabs{grid-template-columns:1fr}}

/* reklam: yarım kalan kampanyalar (sihirbaz taslakları) */
.wd-box{border:1px dashed var(--bd2);border-radius:10px;padding:10px 12px;margin:0 0 12px;background:var(--s2)}
.wd-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--bd)}.wd-row:first-of-type{border-top:0}

/* kampanya sihirbazı: tek sayfa + solda bölüm menüsü (Google Ads düzeni) */
.gw-form{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start}
.gw-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;padding-top:4px}
.gw-nav a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;color:var(--tx2);font-size:13px;font-weight:500}
.gw-nav a:hover{background:var(--s2)}.gw-nav a.on{background:var(--br-a);color:var(--br);font-weight:600}
.gw-nav-ic{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--s3);color:var(--tx3)}
.gw-nav-ic.ok{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.gw-nav-ic.bad{background:color-mix(in srgb,var(--wn) 22%,transparent);color:var(--wn)}
.gw-parts{min-width:0}
/* bölüm: başlık kendi satırında, altında tam genişlikte kalın çizgi */
.gw-part{margin-top:40px}.gw-part:first-child{margin-top:6px}.gw-part:last-child{padding-bottom:12px}
.gw-part>.gw-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 0 8px;font-size:17px;font-weight:700;
  border-bottom:6px solid color-mix(in srgb,var(--br) 60%,var(--bd2))}
.gw-part>.gw-h::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--br)}
@media (max-width:760px){.gw-form{grid-template-columns:1fr}.gw-nav{position:static;flex-direction:row;flex-wrap:wrap}}
/* Yapay zekâ bekleme penceresi (loader.js → AiOverlay): Çalışma Ofisi'ndeki masa — monitörde kod akar, çalışan düşünür */
.ai-bg{position:fixed;inset:0;z-index:285;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:progress;padding:16px}
.ai-box{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--s2);border:1px solid var(--bd2);border-radius:16px;padding:22px 28px 18px;box-shadow:var(--sh);width:min(340px,100%)}
.ai-box b{font-size:15px;margin-top:8px}.ai-box small{font-size:12.5px;line-height:1.45}.ai-time{color:var(--tx3);margin-top:4px}
.ai-who{margin-top:8px;padding:3px 12px;border-radius:20px;border:1px solid var(--bd2);background:var(--s1);color:var(--br);font-size:12.5px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-who + b,.ai-who + .lvl + b{margin-top:2px}
/* Çalışanın seviye rozeti (loader.js → LevelBadge): Yardımcı ★, Uzman ★★, Kıdemli ★★★ */
.lvl{--lc:var(--ok);display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:20px;border:1px solid color-mix(in srgb,var(--lc) 45%,transparent);background:color-mix(in srgb,var(--lc) 13%,transparent);color:var(--lc);font-size:12.5px;font-weight:600;white-space:nowrap;line-height:1.4}
.lvl.sm{padding:1px 8px 1px 6px;font-size:11.5px;gap:5px}
.lvl i{font-style:normal;font-size:.9em;letter-spacing:-1px}.lvl i span{opacity:.25}.lvl i span.on{opacity:1}
.lvl-taslak{--lc:var(--ok)}.lvl-standart{--lc:var(--in)}.lvl-yuksek{--lc:var(--wn)}
.lvl-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin-top:12px}
/* Seçili kart seviyenin renginde çerçeve, zemin ve "✓ Seçili" alır; ötekiler soluk (kullanıcının kararı: hangisi seçili tam belli olsun) */
.lvl-pick button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:var(--r);border:1px solid var(--bd2);background:var(--s1);color:var(--tx);text-align:left;cursor:pointer;font:inherit;opacity:.55;transition:opacity .15s,border-color .15s}
.lvl-pick button:hover{border-color:var(--bd3);opacity:.85}
.lvl-pick button.on{opacity:1;border-color:var(--lc);box-shadow:0 0 0 1px var(--lc);background:color-mix(in srgb,var(--lc) 10%,var(--s1))}
.lvl-tick{position:absolute;top:-9px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:20px;background:var(--lc);color:#fff;font-size:11px;font-weight:700}
.lvl-pick small{font-size:11.5px;color:var(--tx3)}
@media (max-width:560px){.lvl-pick{grid-template-columns:1fr}}
.ai-scene{position:relative;width:200px;height:120px;--c:var(--br)}
.ai-mon{position:absolute;left:22px;top:8px;width:96px;height:64px;border-radius:5px;background:color-mix(in srgb,var(--c) 22%,#101018);border:3px solid #2c2a36;
  box-shadow:0 0 18px var(--c);padding:8px;display:flex;flex-direction:column;gap:6px}
.ai-mon::after{content:'';position:absolute;left:40%;right:40%;bottom:-15px;height:12px;background:#2c2a36}
.ai-mon i{height:4px;border-radius:4px;background:var(--c);width:80%;animation:of-code 1.1s ease-in-out infinite alternate}
.ai-mon i:nth-child(2){animation-delay:-.4s;width:55%}.ai-mon i:nth-child(3){animation-delay:-.8s;width:68%}.ai-mon i:nth-child(4){animation-delay:-.2s;width:40%}
.ai-desk{position:absolute;left:0;right:0;bottom:12px;height:16px;border-radius:4px;background:linear-gradient(180deg,#b98a5e,#8a6040);box-shadow:0 6px 12px rgba(0,0,0,.3)}
.ai-person{position:absolute;right:26px;bottom:20px;display:flex;flex-direction:column;align-items:center}
.ai-head{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:radial-gradient(circle at 35% 30%,#fff,#cfd5e2);
  box-shadow:0 0 0 3px var(--c),0 0 18px var(--c);animation:ai-think 1.6s ease-in-out infinite}
.ai-body{width:54px;height:30px;margin-top:3px;border-radius:22px 22px 6px 6px;background:color-mix(in srgb,var(--c) 70%,#333)}
.ai-head.kz{background:url("/assets/shared/brand/konzila-icon-square.svg") center/cover no-repeat;border-radius:11px}
@keyframes ai-think{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 40%,transparent),0 0 30px var(--c);translate:0 -2px}}
.ai-dot{position:absolute;right:36px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--c);opacity:0;animation:ai-rise 1.8s ease-out infinite}
.ai-dot:nth-of-type(2){right:50px;animation-delay:.6s}.ai-dot:nth-of-type(3){right:22px;animation-delay:1.2s}
@keyframes ai-rise{0%{opacity:0;transform:translateY(10px) scale(.6)}30%{opacity:.9}100%{opacity:0;transform:translateY(-16px) scale(1)}}
@media (prefers-reduced-motion:reduce){.ai-mon i,.ai-head,.ai-dot{animation:none}}
/* Ölçü penceresinde kırpım odağı: kaynak resim, kalacak kısım çerçevede; çerçeve sürüklenir, dışı karartılır */
.ve-crop{position:relative;display:inline-block;max-width:100%;max-height:100%;overflow:hidden;touch-action:none;user-select:none}
.ve-crop img{display:block;max-width:100%;max-height:100%;pointer-events:none}.ve-main .gw-view .ve-crop img{max-height:min(430px,calc(100vh - 330px))}
.ve-frame{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4) inset;cursor:grab}
.ve-frame:active{cursor:grabbing}.ve-frame.fixed{cursor:default;box-shadow:none;border-color:transparent}
.ve-frame span{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 1px 4px rgba(0,0,0,.4)}
.ve-frame span::before{content:'✥';position:absolute;inset:0;display:grid;place-items:center;color:#222;font-size:15px}
.ve-frame.fixed span{display:none}.ve-crop.busy{opacity:.6;pointer-events:none}
/* Meta kampanya sihirbazı (ads_meta.js): Google sihirbazının gw-* düzenini kullanır, yalnızca farklı parçalar burada */
.mw-radius{width:auto!important;padding:1px 4px!important;margin-left:6px;font-size:11px;background:transparent;border:0}
.mw-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mw-formats .gw-opt{margin:0}
@media (max-width:700px){.mw-formats{grid-template-columns:1fr}}
.mw-card{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--bd);border-radius:10px;margin-top:6px}
.mw-card img{width:52px;height:52px;object-fit:cover;border-radius:6px;flex:none}
.mw-prev{border:1px solid var(--bd2);border-radius:12px;background:var(--s1);overflow:hidden;margin:6px 0}
.mw-prev-h{display:flex;gap:8px;align-items:center;padding:10px 12px 6px}
.mw-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--br);color:#fff;font-weight:700;flex:none}
.mw-prev-text{padding:0 12px 8px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mw-prev-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--s2)}
.mw-prev-img.gw-vad-empty{display:grid;place-items:center;color:var(--tx3)}
.mw-prev-bar{display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--s2)}.mw-prev-bar .btn{flex:none}
.mw-story{position:relative;width:150px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;margin-top:4px;background:#000}
.mw-story img{width:100%;height:100%;object-fit:cover;display:block}
.mw-story-cta{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:4px 10px;border-radius:99px;background:#fff;color:#111;font-size:11px;font-weight:600;white-space:nowrap}
.mw-auds{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow:auto}
.mw-aud{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--bd);border-radius:8px}.mw-aud.on{border-color:var(--br);background:var(--br-a)}
.ig-opts{margin-top:10px}.ig-opts .lbl{margin-top:8px}.ig-opts .check{margin-top:8px;display:flex;gap:6px;align-items:center}
/* Yeni paylaşım sihirbazı (content.js MediaDialog): her adımda tek soru, büyük seçim kartları */
.wz-modal .modal{height:min(760px,calc(100vh - 40px))}.wz-modal .modal-b{flex:1 1 auto}
.wz-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.wz-steps span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--s2);color:var(--tx3);border:1px solid var(--bd)}
.wz-steps span.done{background:var(--br-a);color:var(--br);border-color:var(--br);cursor:pointer}.wz-steps span.on{background:var(--br);color:#fff;border-color:var(--br)}
.wz-q{font-size:20px;margin:4px 0 12px}.wz-why{margin:0 0 14px}
.wz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:6px 0 12px}.wz-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.wz-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:2px solid var(--bd);border-radius:14px;background:var(--s1);cursor:pointer;text-align:left;color:var(--tx)}
.wz-card:hover{border-color:var(--bd2)}.wz-card.on{border-color:var(--br);background:var(--br-a)}.wz-card:disabled{opacity:.45;cursor:not-allowed}
.wz-card b{font-size:15px}
@media (max-width:600px){.wz-cards.two{grid-template-columns:1fr}}
.wz-card{position:relative}.wz-check{position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;border:2px solid var(--bd2);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.wz-card.on .wz-check{background:var(--br);border-color:var(--br)}
.wz-logo{display:grid;place-items:center}.wz-logo svg{width:28px;height:28px}
.wz-conn{display:flex;align-items:center;gap:5px}.wz-conn.ok{color:var(--ok)}
.wz-chans{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.wz-chan{display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--bd);border-radius:10px}
.wz-chan img{height:56px;width:auto;border-radius:6px;object-fit:cover;background:var(--s2)}
/* Sosyal medya yönetimi sadeleştirme: kartın tek satır üst bilgisi, plan notu, yan yana süzgeçler, plan özeti */
.cp-line{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tx2);min-width:0}.cp-line .cal-ch{width:16px;height:16px;margin:0}.cp-line .cal-ch svg{width:16px;height:16px}
.pl-note{margin:0 0 10px}.pl-note>summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--tx2);list-style:none}
.pl-note>summary::-webkit-details-marker{display:none}.pl-note>summary::before{content:'▸';width:14px}.pl-note[open]>summary::before{content:'▾'}.pl-note p{margin:6px 0 0 20px}
.pl-filters{display:grid;grid-template-columns:3fr 2fr;gap:6px}.pl-filters select{min-width:0}
.pl-sum{display:flex;align-items:center;gap:5px}.pl-sum .pl-origin{flex:none;display:inline-grid;color:var(--br);cursor:pointer}
.cp-main{display:flex;align-items:center;gap:6px;flex:1 1 100%;min-width:0}.cp-main>*{flex:none}
.cp-main .st-sel{flex:0 1 auto;min-width:0;text-overflow:ellipsis}
/* Yeni plan önerisi: üç tema kartı */
.np-themes{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}.np-themes>.np-theme{flex:0 0 min(290px,80%);scroll-snap-align:start}
.np-theme{gap:8px;min-width:0;overflow:hidden}.np-theme>*{max-width:100%;min-width:0}.np-theme>b{padding-right:24px}
.np-src{display:flex;flex-direction:column;gap:4px;width:100%}.np-src .chip{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-items{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--bd);padding-top:6px;width:100%;min-width:0}
.np-items .cal-ch{margin-right:4px}
.np-notes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 10px}.np-note{cursor:pointer;border:1px solid var(--bd2);background:var(--s1);text-align:left;white-space:normal}.np-note.on{border-color:var(--br);background:var(--br-a);color:var(--br)}
/* Etkileşim: kartta ölçülen sayılar ve kontrol puanı, plan özeti, kontrol penceresi */
.eg-metrics{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;color:var(--tx2)}.eg-metrics b{color:var(--ok)}
.eg-score{cursor:pointer;border:1px solid transparent}.badc{background:var(--dn-a);color:var(--dn)}
.goal-res{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;border:1px solid var(--bd);border-radius:999px;padding:2px 9px;background:var(--s1);color:var(--tx2);cursor:pointer;font:inherit}
.goal-res.g-ulasti{border-color:var(--ok);color:var(--ok)}.goal-res.g-ulasmadi{border-color:var(--dn);color:var(--dn)}
.goal-res.g-olcum_yok{border-color:var(--wn);color:var(--wn)}
.eg-plan .miss{color:var(--dn)}.eg-plan .todo{color:var(--wn);font-weight:600}
.goal-f input{border-color:var(--ok);box-shadow:0 0 0 2px color-mix(in srgb,var(--ok) 25%,transparent)}
.eg-plan{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;color:var(--tx2)}
.eg-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.eg-big{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:700;flex:none}
.eg-notes{margin:0 0 12px;padding-left:18px}.eg-notes li{margin:3px 0}
.eg-text{white-space:pre-wrap;background:var(--s2);border:1px solid var(--bd);border-radius:10px;padding:10px;font-size:13.5px;margin-bottom:10px}
/* sihirbaz: adımlar solda */
.wz-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}
.wz-side{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--bd);padding-right:12px}
.wz-side button{display:flex;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:9px;background:none;color:var(--tx2);font:inherit;font-size:13px;text-align:left;cursor:default}
.wz-side .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:11px;font-weight:700;border:1px solid var(--bd);background:var(--s2)}
.wz-side button.go{cursor:pointer}.wz-side button.go:hover{background:var(--s2)}
.wz-side button.done{color:var(--tx2)}.wz-side button.done .n{background:var(--br-a);color:var(--br);border-color:var(--br)}
.wz-side button.on{background:var(--br-a);color:var(--tx);font-weight:600}.wz-side button.on .n{background:var(--br);color:#fff;border-color:var(--br)}
.wz-main{min-width:0}
@media (max-width:700px){.wz-grid{grid-template-columns:1fr;gap:10px}.wz-side{position:static;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--bd);padding:0 0 8px}.wz-side .l{display:none}.wz-side button.on .l{display:inline}}
/* sihirbaz: açık bölümler (açılır kutu değil) ve özetin "Nerede" satırı */
.dlg-adv.flat{border:0;padding:0;margin-top:14px;background:none}.ig-opts:not(details){margin-top:4px}
.gw-sum .gw-where-v{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.gw-sum .gw-chs{display:flex;flex-wrap:wrap;gap:6px}
.gw-sum .gw-ch{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--bd);border-radius:999px;font-size:12.5px;color:var(--tx2)}
.gw-sum .gw-ch img{height:28px;width:auto;border-radius:4px;object-fit:cover}
/* brief sihirbazı: solda alt adımlar, senaryo satırları */
.wz-group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tx3);padding:8px 8px 2px}
.wz-side button.sub{padding-left:18px}.wz-side button.sub .n{width:18px;height:18px;font-size:10px}
.bw-row{align-items:flex-start}.bw-row textarea,.bw-row input{width:100%}
.bw-ai{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px dashed var(--br);border-radius:12px;background:var(--br-a)}
.inline-sel{width:auto!important;display:inline-block;margin-left:6px;padding:3px 26px 3px 8px!important}
/* Hedef kitleler */
.aud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.aud-card{display:flex;flex-direction:column;gap:6px}/* `.main` sayfa düzeninin sınıfı (grid-row:2): kartta kullanılırsa kart ikinci satıra itilir */
.aud-card.is-main{border:2px solid var(--ok);background:color-mix(in srgb,var(--ok) 4%,transparent)}.aud-card.sugg{border-style:dashed;border-color:var(--br)}
.aud-tg{color:var(--tx2)}
.aud-head{align-items:flex-start}
/* ad iki satıra kadar kayar, fazlası üç noktayla kesilir */
.aud-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.35}
/* ana kitle: kartın en üstünde dolu, yıldızlı rozet */
.aud-main-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--ok);color:#fff;font-size:13px;font-weight:700}
.aud-acts{margin-top:auto;padding-top:6px}
.aud-q{max-width:320px;margin-bottom:10px}
.aud-tbl tbody tr{cursor:pointer}.aud-tbl tbody tr:hover{background:var(--s2)}
.aud-tbl tr.is-main{background:color-mix(in srgb,var(--ok) 6%,transparent);box-shadow:inset 3px 0 0 var(--ok)}
.aud-tbl .aud-main-badge{padding:2px 8px;font-size:11px;white-space:nowrap}
.aud-tbl .chip{margin:0 4px 4px 0}.aud-tbl td:first-child{min-width:340px;width:45%}
.aud-tbl td:nth-child(3){width:240px;max-width:240px}
.aud-who{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
/* influencer iş birliği */
.inf-chip{background:#f5b40026;color:#b07a00;border:1px solid #f5b40066}.inf-sum{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px;color:var(--tx2)}
.inf-line{color:#b07a00;font-weight:600}.inf-dot{color:#e0a000;margin-right:3px}
.st-sel.st-brief_gonderildi{--c:#3b82f6}.st-sel.st-kargolandi{--c:#8b5cf6}.st-sel.st-taslak_geldi{--c:#e0a000}

/* Konzila Tasarım sihirbazı (web/userpanel/design.js): adımlar · form · canlı önizleme */
.dz-grid{grid-template-columns:150px minmax(0,1fr) 270px}
.dz-prev{position:sticky;top:0;display:flex;flex-direction:column;gap:6px}
/* gömülü (üretim penceresinin adımı): içerik + önizleme */
.dz-embed{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}
.dz-box{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--bd);background:var(--s2)}
.dz-frame{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none}
.dz-empty{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center}
.dz-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
.dz-fields textarea{grid-column:1/-1}
.dz-img{display:flex;align-items:center;gap:8px;margin-top:4px}.dz-img img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--bd)}
.dz-scene{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--s1)}
.dz-h{margin:14px 0 8px;font-size:14px}
.dz-sw{width:26px;height:26px;border-radius:50%;border:2px solid var(--bd2);cursor:pointer;padding:0}.dz-sw.on{border-color:var(--br);box-shadow:0 0 0 2px var(--br-a)}
@media (max-width:900px){.dz-grid,.dz-embed{grid-template-columns:1fr}.dz-prev{position:static;align-items:center}.dz-fields{grid-template-columns:1fr}}

/* Yönetim → Sözleşmeler: seçili sözleşme ve sitedeki sayfanın önizlemesi */
.legal-list .li{color:inherit;text-decoration:none}
.legal-list .li.on{background:var(--s2);box-shadow:inset 3px 0 0 var(--br)}
.legal-prev{font-size:14px;line-height:1.65;max-width:78ch}
.legal-prev h3{font-size:15px;margin:18px 0 6px}
.legal-prev p{margin:0 0 10px}
.legal-prev ul{margin:0 0 10px;padding-left:20px}
.legal-prev li{margin-bottom:4px}
.legal-prev a{color:var(--br)}
.dz-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:56vh;overflow:auto}
.dz-prod{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border:2px solid var(--bd);border-radius:12px;background:var(--s1);color:var(--tx);cursor:pointer;text-align:left;min-width:0}
.dz-prod:hover{border-color:var(--bd2)}.dz-prod.on{border-color:var(--br);background:var(--br-a)}
.dz-prod img,.dz-noimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--s2);display:grid;place-items:center;color:var(--tx3)}
.dz-prod b{font-size:13px;font-weight:600;width:100%}
.dz-music{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto;margin-bottom:12px;padding-right:4px}
.dz-mood{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tx3);padding:8px 2px 2px}
.dz-track{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--s1);color:var(--tx);cursor:pointer;font:inherit;font-size:13px;text-align:left}
.dz-track:hover{border-color:var(--bd2)}.dz-track.on{border-color:var(--br);background:var(--br-a)}
.dz-batch{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin-bottom:12px;background:var(--s1)}
.dz-bthumb{width:34px;height:34px;border-radius:8px;overflow:hidden;border:2px solid var(--bd);display:grid;place-items:center;background:var(--s2);cursor:pointer}
.dz-bthumb img{width:100%;height:100%;object-fit:cover}.dz-bthumb.on{border-color:var(--br)}
.dz-bnav{margin-bottom:4px}
.dz-selbar{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.prod-img{position:relative}.prod-sel{position:absolute;left:6px;top:6px;z-index:2;background:rgba(0,0,0,.45);border-radius:6px;padding:3px 4px;display:flex}
.prod-card.picked{outline:2px solid var(--br);outline-offset:-2px}