/* Otomatik uretildi: scripts/build-tepegoz-maket.mjs — kaynak dist/panel/*.css (panelin Tepegoz penceresi) */
.tgm,.tgm *,.tgm *::before,.tgm *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
.tgm :where(p,h1,h2,h3,h4,dl,dd,figure,ul,ol){margin:0}
.tgm :where(ul,ol){list-style:none;padding:0}
.tgm :where(button,input,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;background-color:transparent;border-radius:0;padding:0;margin:0}
.tgm :where(button){cursor:pointer;text-transform:none;line-height:inherit}
.tgm :where(img,svg){display:block;max-width:100%}
.tgm :where(img){height:auto}
.tgm{font-family:var(--font,'DM Sans',Arial,sans-serif);-webkit-font-smoothing:antialiased;text-align:left}
/* ---- panel.css ---- */
.tgm{--muted:#8ea5b2;--line:#2a3d49;--accent:#8bbccb;--card:#16232c}
.tgm{margin:0;font-size:15px}
.tgm a{color:inherit;text-decoration:none}
.tgm button,.tgm input,.tgm select,.tgm textarea{font:inherit}
.tgm button{cursor:pointer;color:inherit}
.tgm button,.tgm a,.tgm input,.tgm select,.tgm textarea{outline-offset:4px}
.tgm button:focus-visible,.tgm a:focus-visible,.tgm input:focus-visible,.tgm select:focus-visible,.tgm textarea:focus-visible{outline:2px solid #acd8e8}
.tgm button{border:0}
.tgm h1,.tgm h2,.tgm h3,.tgm p{margin:0}
.tgm h1,.tgm h2,.tgm h3{font-family:'Manrope',Arial,sans-serif}
.tgm h1{font-size:31px;font-weight:600;letter-spacing:-1.1px;line-height:1.35}
.tgm h2{font-size:20px;font-weight:600;letter-spacing:-.5px}
.tgm h3{font-size:16px;font-weight:600}
.tgm button:hover{filter:brightness(1.13)}
.tgm .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #3b5766;border-radius:6px;padding:11px 15px;background:#1d303c;color:#bed5e2;font-size:13px;white-space:nowrap}
.tgm .btn.primary{background:#88bacb;color:#132a35;border-color:#88bacb;font-weight:600}
.tgm .btn.small{padding:8px 11px;font-size:12px}
.tgm select,.tgm input,.tgm textarea{background:#12232e;color:#d5e3ec;border:1px solid #3c5a6d;border-radius:5px;padding:10px;min-width:0}
.tgm select{font-size:13px;max-width:100%}
.tgm .ai-card .btn{width:100%;margin-top:23px;background:#2d4b5e;color:#c1dce9;border-color:#47687c}
.tgm .detail-side .btn{width:100%;margin-top:15px}
.tgm textarea{min-height:120px;resize:vertical;width:100%}
@media(max-width:720px){.tgm .detail-side .btn{display:flex}
}
/* ---- modern.css ---- */
.tgm{--muted:#7f9fb6;--line:#123a52;--accent:#1fbaff;--card:#051d2c}
.tgm{background:radial-gradient(ellipse at 95% 5%,#00457820,transparent 55%),#03121c}
.tgm .btn{background:#06263b;border-color:#185270;color:#a7d8f3;border-radius:7px}
.tgm .btn.primary{background:linear-gradient(110deg,#05aeea,#22baff);border-color:#28c3ff;color:#012138;box-shadow:0 5px 18px #008bc31d}
.tgm select,.tgm input,.tgm textarea{background:#031622;border-color:#154763;color:#baddf2}
.tgm .ai-card .btn{background:#07456a;border-color:#147cab;color:#8addff}
/* ---- v2.css ---- */
.tgm{
  --tone:#22bafb;
  --bg:#050f18;--surface:#0a1826;--surface-2:#0d1e2e;--surface-3:#12283b;
  --line:#173247;--line-2:#1f3f57;
  --text:#e6f0f7;--text-2:#a9bccb;--text-3:#7a93a6;
  --accent:#22bafb;--accent-2:#0e5f85;--ok:#34d399;--warn:#f5a524;--bad:#f06a5b;
  --r:10px;--r-lg:14px;
  --fs-xs:13px;--fs-sm:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:25px}
.tgm{background:var(--bg);color:var(--text);font-size:var(--fs-md);line-height:1.5}
.tgm h1,.tgm h2,.tgm h3{color:var(--text);letter-spacing:-.2px}
.tgm h1{font-size:var(--fs-2xl);font-weight:650;letter-spacing:-.6px;line-height:1.25}
.tgm h2{font-size:var(--fs-lg);font-weight:600}
.tgm h3{font-size:var(--fs-md);font-weight:600}
.tgm p{color:var(--text-2)}
.tgm button:hover{filter:none}
.tgm .btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;box-shadow:none;transition:background .12s,border-color .12s}
.tgm .btn:hover{background:var(--surface-3);border-color:#2a5270}
.tgm .btn .modern-icon{width:16px;height:16px;color:var(--text-2)}
.tgm .btn.primary{background:var(--accent);border-color:var(--accent);color:#03202f;font-weight:600;box-shadow:none}
.tgm .btn.primary:hover{background:#4ccbff;border-color:#4ccbff}
.tgm .btn.primary .modern-icon{color:#03202f}
.tgm .btn.ghost{background:none;border-color:var(--line)}
.tgm .btn.small{height:32px;padding:0 12px;font-size:var(--fs-xs)}
.tgm select,.tgm input,.tgm textarea{height:36px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg);color:var(--text);font-size:var(--fs-sm);padding:0 12px}
.tgm textarea{height:auto;padding:10px 12px}
.tgm input::placeholder,.tgm textarea::placeholder{color:var(--text-3)}
.tgm .side-support .btn{width:100%;margin-top:14px;justify-content:center}
@media(max-width:520px){.tgm .welcome-actions .btn{flex:1;justify-content:center}
}
html[data-theme=light] .tgm{--bg:#f4f7fa;--surface:#ffffff;--surface-2:#f1f5f8;--surface-3:#e6edf3;--line:#dde5ec;--line-2:#c9d6e0;--text:#0f1f2c;--text-2:#3f5566;--text-3:#6b8194;--accent:#0d8fd1;--accent-2:#9fd0ee}
html[data-theme=light] .tgm .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme=light] .tgm .btn.primary:hover{background:#1aa0e6;border-color:#1aa0e6}
html[data-theme=light] .tgm .btn.primary .modern-icon{color:#fff}
html[data-theme=light] .tgm{--line:#a9d6f0;--line-2:#8cc8ea;--line-dash:2px dashed #a9d6f0}
.tgm select,.tgm input,.tgm textarea,.tgm .btn{border:var(--line-dash)}
html[data-theme=light] .tgm .btn.primary{border:2px solid var(--accent)}
html[data-theme=light] .tgm{--line:#dbe6ef;--line-2:#c5d7e4;--line-dash:1px solid #dbe6ef}
html[data-theme=light] .tgm .btn,html[data-theme=light] .tgm select,html[data-theme=light] .tgm input,html[data-theme=light] .tgm textarea{border:1px solid #c5d7e4}
.tgm .krw-cart-actions .btn{height:32px;padding:0 11px;font-size:var(--fs-xs)}
.tgm .krw-qty .btn{width:30px;padding:0;justify-content:center}
.tgm .krw-side-actions .btn{width:100%;justify-content:center}
.tgm .krw-side-actions .btn.primary{height:42px}
.tgm .krw-side-actions .btn:not(.primary){height:38px;font-size:var(--fs-xs)}
@media(max-width:760px){.tgm .krw-mobil-bar .btn{height:42px;padding:0 18px}
}
.tgm .krw-empty .btn{margin-top:6px;height:40px;padding:0 20px}
.tgm .krw-coupon-row .btn{height:38px;flex:none;font-size:11.5px}
.tgm .krw-coupon-row .btn{padding-inline:14px}
.tgm .krw-side-actions .btn{width:100%;justify-content:center}
.tgm .krw-coupon-row .btn{width:auto;flex:none;white-space:nowrap}
.tgm .krw-coupon-row .btn{width:auto;margin:0;padding-inline:15px;white-space:nowrap}
.tgm .krw-store .detail-side .btn{margin-top:0}
.tgm .krw-side-actions .btn{width:100%;justify-content:center}
.tgm .krw-plan-foot .btn{width:100%;justify-content:center;height:40px}
.tgm .krw-plan-foot .btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}
.tgm .krw-plan-foot .btn{height:36px}
.tgm .tg-akis{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.tgm .tg-mesaj{display:flex;align-items:flex-start;gap:10px;max-width:min(740px,100%)}
.tgm .tg-kullanici{align-self:flex-end;flex-direction:row}
.tgm .tg-asistan{align-self:flex-start}
.tgm .tg-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;font-size:10.5px;font-weight:700}
.tgm .tg-avatar-kul{background:var(--surface-3);color:var(--text-2);border:1px solid var(--line-2)}
.tgm .tg-avatar-tg{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
.tgm .tg-balon{min-width:0;padding:11px 14px;border-radius:14px;font-size:var(--fs-sm);line-height:1.6}
.tgm .tg-kullanici .tg-balon{background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-bottom-right-radius:5px}
.tgm .tg-asistan .tg-balon{background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:5px}
.tgm .tg-balon p{color:var(--text);margin:0}
.tgm .tg-balon p+p,.tgm .tg-balon ul+p{margin-top:9px}
.tgm .tg-balon ul{margin:8px 0 0;padding-left:17px;display:grid;gap:6px}
.tgm .tg-balon li{font-size:13.5px;color:var(--text-2);line-height:1.55}
.tgm .tg-balon strong{color:var(--text);font-weight:650}
.tgm .tg-kod{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:1px 5px;border-radius:5px;background:var(--bg);border:1px solid var(--line);word-break:break-all}
.tgm .tg-balon em{font-style:italic;color:var(--text-2)}
.tgm .tg-blok{margin:10px 0 0;padding:11px 13px;border-radius:9px;background:var(--bg);border:1px solid var(--line);overflow-x:auto}
.tgm .tg-blok code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--text-2);line-height:1.6;white-space:pre}
.tgm .tg-mesaj-arac{display:flex;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.tgm .tg-kucuk-dugme{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--line-2);border-radius:7px;background:none;color:var(--text-3);font-size:11px;cursor:pointer}
.tgm .tg-kucuk-dugme:hover{color:var(--text);border-color:var(--accent)}
.tgm .tg-sistem{align-self:center;max-width:560px;padding:10px 14px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--warn) 40%,var(--line));background:color-mix(in srgb,var(--warn) 8%,transparent);color:var(--text-2);font-size:12.5px;line-height:1.55;text-align:center}
.tgm .tg-dip{border-top:1px solid var(--line);padding:12px 16px 14px}
.tgm .tg-oneriler{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.tgm .tg-oneri{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:11.5px;cursor:pointer}
.tgm .tg-oneri:hover{border-color:var(--accent);color:var(--text)}
.tgm .tg-oneri .tg-ic{color:var(--accent)}
.tgm .tg-yazma{border:1px solid var(--line-2);border-radius:12px;background:var(--bg);padding:10px 10px 8px;transition:border-color .12s}
.tgm .tg-yazma:focus-within{border-color:var(--accent)}
.tgm .tg-yazma textarea{width:100%;min-height:24px;max-height:132px;border:0;background:none;color:var(--text);font:inherit;font-size:var(--fs-sm);line-height:1.6;resize:none;outline:none}
.tgm .tg-yazma textarea::placeholder{color:var(--text-3)}
.tgm .tg-yazma-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.tgm .tg-yazma-sol{display:flex;align-items:center;gap:8px;min-width:0}
.tgm .tg-ikon-dugme{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:8px;background:none;color:var(--text-3);cursor:pointer;flex:none}
.tgm .tg-ikon-dugme:hover{color:var(--text);border-color:var(--accent)}
.tgm .tg-secim select{max-width:230px;height:30px;padding:0 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:11.5px}
.tgm .tg-gonder{height:34px;padding:0 14px;font-size:var(--fs-xs)}
.tgm .tg-dip-not{margin:9px 2px 0;font-size:11px;line-height:1.5;color:var(--text-3)}
.tgm .tg-kilit{display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  padding:16px;border:1px solid var(--line);border-left:3px solid var(--warn);
  border-radius:12px;background:var(--surface)}
.tgm .tg-kilit strong{font-size:14px;font-weight:600;color:var(--text)}
.tgm .tg-kilit span{font-size:12.5px;line-height:1.6;color:var(--text-2)}
.tgm .tg-kilit .btn{margin-top:2px}
.tgm .tg-dip-not strong{color:var(--warn);font-weight:650}
.tgm .tg-ic{width:17px;height:17px;flex:none}
.tgm .tg-ic-kucuk{width:14px;height:14px}
@media(max-width:620px){.tgm .tg-ust-sag .tg-onizleme span{display:none}
.tgm .tg-oneriler{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
.tgm .tg-oneri{white-space:nowrap}
.tgm .tg-secim select{max-width:130px}
}
.tgm .tg-panel{position:fixed;top:0;right:0;bottom:0;z-index:59;width:min(680px,100vw);display:flex;background:var(--surface);border-left:1px solid var(--line);box-shadow:-18px 0 44px -24px #000c;transform:translateX(100%);transition:transform .22s ease-out}
.tgm .tg-ana{flex:1;min-width:0;display:flex;flex-direction:column}
.tgm .tg-panel{visibility:hidden;transition:transform .22s ease-out,visibility 0s .22s}
.tgm .tg-panel.is-open{transform:translateX(0);visibility:visible;transition:transform .22s ease-out}
.tgm .tg-panel[hidden]{display:none}
.tgm .tg-ray{flex:none;width:214px;display:flex;flex-direction:column;min-height:0;background:var(--bg);border-right:1px solid var(--line)}
.tgm .tg-ray-ust{padding:12px 11px 9px;display:grid;gap:8px}
.tgm .tg-yeni{width:100%;justify-content:center;gap:7px;height:34px;font-size:var(--fs-xs)}
.tgm .tg-ara{position:relative}
.tgm .tg-ara input{width:100%;height:31px;padding:0 9px 0 29px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:var(--fs-xs)}
.tgm .tg-ara input:focus{outline:none;border-color:var(--accent)}
.tgm .tg-ara-ic{position:absolute;left:8px;top:8px;width:15px;height:15px;color:var(--text-3);pointer-events:none}
.tgm .tg-liste{flex:1;min-height:0;overflow-y:auto;padding:2px 7px 8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.tgm .tg-grup{padding:11px 5px 4px;font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text-3)}
.tgm .tg-sohbet-satir{display:flex;align-items:center;gap:2px;border-radius:7px}
.tgm .tg-sohbet-satir:hover{background:var(--surface-2)}
.tgm .tg-sohbet{display:block;flex:1;min-width:0;padding:7px 8px;border:0;border-radius:7px;background:none;color:var(--text-2);font-size:12.5px;text-align:left;cursor:pointer}
.tgm .tg-sohbet-sil{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-right:4px;padding:0;border:0;border-radius:6px;background:none;color:var(--text-3);cursor:pointer;opacity:0;transition:opacity .12s,color .12s}
.tgm .tg-sohbet-sil svg{width:15px;height:15px}
.tgm .tg-sohbet-satir:hover .tg-sohbet-sil,.tgm .tg-sohbet-sil:focus-visible{opacity:1}
.tgm .tg-sohbet-sil:hover{color:var(--err,#f85149);background:color-mix(in srgb,var(--err,#f85149) 14%,transparent)}
@media(hover:none){.tgm .tg-sohbet-sil{opacity:.55}
}
.tgm .tg-sohbet:hover{background:var(--surface-2);color:var(--text)}
.tgm .tg-sohbet.is-active{background:var(--surface-3);color:var(--text);font-weight:600}
.tgm .tg-sohbet span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tgm .tg-ray-alt{flex:none;border-top:1px solid var(--line);padding:7px}
.tgm .tg-ray-bag{display:block;width:100%;padding:7px 8px;border:0;border-radius:7px;background:none;color:var(--text-3);font-size:12px;text-align:left;cursor:pointer}
.tgm .tg-ray-bag:hover{background:var(--surface-2);color:var(--text-2)}
.tgm .tg-ray-dugme{display:none}
.tgm .tg-panel-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);flex:none}
.tgm .tg-panel-kimlik{display:flex;align-items:center;gap:10px;min-width:0}
.tgm .tg-panel-kimlik img{width:34px;height:auto;flex:none}
.tgm .tg-panel-kimlik strong{display:block;font-size:var(--fs-sm);font-weight:650;line-height:1.25}
.tgm .tg-panel-kimlik span{display:block;font-size:11.5px;color:var(--text-3);margin-top:1px}
.tgm .tg-panel-arac{display:flex;align-items:center;gap:8px;flex:none}
.tgm .tg-onizleme{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.3px;color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,transparent);border:1px solid color-mix(in srgb,var(--warn) 28%,transparent)}
.tgm .tg-akis{flex:1;min-height:0;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.tgm .tg-hos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;margin:auto 0;padding:18px 10px}
.tgm .tg-hos img{width:74px;height:auto;margin-bottom:2px}
.tgm .tg-hos strong{font-size:var(--fs-md);font-weight:650}
.tgm .tg-hos p{font-size:var(--fs-xs);color:var(--text-3);line-height:1.55;max-width:34ch;margin:0}
.tgm .tg-dip{flex:none;border-top:1px solid var(--line);padding:11px 14px 13px}
.tgm .tg-oneriler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.tgm .tg-oneri{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:11px;cursor:pointer}
.tgm .tg-oneri:hover{border-color:var(--accent);color:var(--text)}
.tgm .tg-yazma{border:1px solid var(--line-2);border-radius:12px;background:var(--bg);padding:9px 10px 7px;transition:border-color .12s}
.tgm .tg-yazma:focus-within{border-color:var(--accent)}
.tgm .tg-yazma textarea{width:100%;min-height:22px;max-height:120px;border:0;background:none;color:var(--text);font:inherit;font-size:var(--fs-sm);line-height:1.55;resize:none;outline:none}
.tgm .tg-yazma textarea::placeholder{color:var(--text-3)}
.tgm .tg-yazma-alt{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:7px}
.tgm .tg-secim select{max-width:200px;height:29px;padding:0 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:11px}
.tgm .tg-gonder{width:32px;height:32px;padding:0;justify-content:center;flex:none}
.tgm .tg-ikon-dugme{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:8px;background:none;color:var(--text-3);cursor:pointer;flex:none}
.tgm .tg-ikon-dugme:hover{color:var(--text);border-color:var(--accent)}
.tgm .tg-dip-not{margin:8px 2px 0;font-size:10.5px;line-height:1.5;color:var(--text-3)}
.tgm .tg-dip-not strong{color:var(--warn);font-weight:650}
.tgm .tg-ic{width:17px;height:17px;flex:none}
.tgm .tg-ic-kucuk{width:15px;height:15px}
@media(max-width:820px){.tgm .tg-ray-dugme{display:grid}
.tgm .tg-ray{position:absolute;top:0;left:0;bottom:0;z-index:2;width:236px;transform:translateX(-100%);transition:transform .18s ease-out;box-shadow:12px 0 30px -18px #000c;visibility:hidden}
.tgm .tg-ray.is-open{transform:translateX(0);visibility:visible}
.tgm .tg-panel{width:min(440px,100vw)}
}
@media(max-width:560px){.tgm .tg-panel{width:100vw;border-left:0}
}
.tgm .tg-mod-rozet{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.2px;color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,transparent);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
.tgm .tg-ayar{flex:none;border-bottom:1px solid var(--line);background:var(--bg);padding:11px 14px 12px}
.tgm .tg-ayar-baslik{font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}
.tgm .tg-ayar-secim{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);margin-bottom:6px;cursor:pointer;font-size:12.5px;color:var(--text-2)}
.tgm .tg-ayar-secim:hover{border-color:var(--accent)}
.tgm .tg-ayar-secim.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.tgm .tg-ayar-secim input{margin-top:2px;flex:none}
.tgm .tg-ayar-uyari{margin:8px 0 0;font-size:11.5px;line-height:1.55;color:var(--warn)}
.tgm .tg-arac{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:11.5px;color:var(--text-3)}
.tgm .tg-arac span{color:var(--text-2)}
.tgm .tg-arac em{font-style:normal}
.tgm .tg-arac-tamam{border-color:color-mix(in srgb,var(--ok,#3fb950) 30%,var(--line))}
.tgm .tg-arac-tamam em{color:var(--ok,#3fb950)}
.tgm .tg-arac-hata,.tgm .tg-arac-ret{border-color:color-mix(in srgb,var(--err,#f85149) 34%,var(--line))}
.tgm .tg-arac-hata em,.tgm .tg-arac-ret em{color:var(--err,#f85149)}
.tgm .tg-arac-onay_bekliyor{border-color:color-mix(in srgb,var(--warn) 34%,var(--line))}
.tgm .tg-arac-onay_bekliyor em{color:var(--warn)}
.tgm .tg-arac-calisiyor{border-color:color-mix(in srgb,var(--accent,#22bafb) 34%,var(--line))}
.tgm .tg-arac-calisiyor em{color:var(--accent,#22bafb);animation:tgNabiz 1.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.tgm .tg-arac-calisiyor em{animation:none}
}
@keyframes tgNabiz{0%,100%{opacity:1}50%{opacity:.45}}
.tgm .tg-olcum{margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:10.5px;color:var(--text-3)}
.tgm .tg-onay{align-self:stretch;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:12px;background:var(--surface-2);padding:12px 13px}
.tgm .tg-onay.is-yikici{border-color:color-mix(in srgb,var(--err,#f85149) 45%,var(--line));background:color-mix(in srgb,var(--err,#f85149) 7%,var(--surface-2))}
.tgm .tg-onay-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.tgm .tg-onay-ust strong{font-size:var(--fs-sm);font-weight:650}
.tgm .tg-onay-uyari{flex:none;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--err,#f85149);background:color-mix(in srgb,var(--err,#f85149) 14%,transparent)}
.tgm .tg-onay-alan{display:grid;gap:5px;margin:0 0 11px}
.tgm .tg-onay-alan>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tgm .tg-onay-alan dt{margin:0;font-size:11.5px;color:var(--text-3)}
.tgm .tg-onay-alan dd{margin:0;font-size:12px;text-align:right;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tgm .tg-onay-dugmeler{display:flex;gap:8px}
.tgm .tg-onay-dugmeler .btn{height:32px;padding:0 12px;font-size:var(--fs-xs)}
.tgm .tg-dusunuyor{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-3)}
.tgm .tg-dusunuyor span{width:5px;height:5px;border-radius:50%;background:var(--text-3);animation:tgnokta 1.1s infinite ease-in-out}
.tgm .tg-dusunuyor span:nth-child(2){animation-delay:.15s}
.tgm .tg-dusunuyor span:nth-child(3){animation-delay:.3s}
@keyframes tgnokta{0%,60%,100%{opacity:.25}30%{opacity:1}}
.tgm .tg-kota{font-size:10.5px;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.tgm .tg-dusunuyor span{animation:none;opacity:.6}
.tgm .tg-panel{transition:none}
}
.tgm .tg-ekran{align-self:stretch;display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2);text-decoration:none}
.tgm .tg-ekran:hover{border-color:var(--accent)}
.tgm .tg-ekran img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:top}
.tgm .tg-ekran span{display:block;padding:7px 10px;border-top:1px solid var(--line);font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tgm .tg-onay-hepsi{display:block;width:100%;margin-top:9px;padding:6px 0 0;border:0;border-top:1px solid var(--line);background:none;color:var(--text-3);font-size:11.5px;text-align:left;cursor:pointer}
.tgm .tg-onay-hepsi:hover{color:var(--text-2)}
.tgm .tg-onay-hepsi em{font-style:normal;opacity:.7}
.tgm .tg-arac-satir{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
/* ---- maket cercevesi ---- */
.tgm{position:relative;z-index:1;height:690px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
html[data-theme=light] .tgm{box-shadow:0 34px 70px -44px rgba(12,54,92,.45)}
.tgm .tg-panel{position:absolute;inset:0;width:auto;height:auto;transform:none;visibility:visible;transition:none;box-shadow:none;border-left:0;z-index:auto}
.tgm .tg-ikon-dugme:not(.tg-ray-dugme){cursor:default}
.tgm .tg-akis[hidden]{display:none}
.tgm #hero-ai-hint:empty{display:none}
@media(max-width:850px){.tgm{order:6;margin-top:18px;height:600px;border-radius:15px}}