/* tools/teklif.html — Anında fiyat teklifi (uretim.css üzerine) */
.tk-price { font-size: 2.4rem; font-weight: 800; line-height: 1.1; margin: 4px 0; }
.tk-sub { color: var(--muted); font-size: .92rem; min-height: 1.4em; }
.tk-notes { margin: 10px 0 14px; padding-left: 18px; color: var(--muted); font-size: .85rem; display: grid; gap: 4px; }
.tk-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#tk-form { margin-top: 10px; border-top: 1px solid var(--border, rgba(127,127,127,.3)); padding-top: 12px; }
.tk-busy { opacity: .55; transition: opacity .15s; }
#tk-form .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 520px) { #tk-form .grid-2 { grid-template-columns: 1fr; } }
#tk-form textarea.input { width: 100%; resize: vertical; }

.tk-view-wrap { margin: 12px 0 4px; }
.tk-view { width: 100%; height: 300px; border-radius: 12px; overflow: hidden; background: radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--muted) 22%, transparent), color-mix(in srgb, var(--muted) 8%, transparent)); border: 1px solid var(--border, rgba(127,127,127,.3)); }
@media (max-width: 520px) { .tk-view { height: 240px; } }
.tk-view-hint { display: block; margin-top: 6px; color: var(--muted); font-size: .78rem; line-height: 1.4; }
.tk-bed { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, #d32f2f 16%, transparent); border: 1px solid color-mix(in srgb, #d32f2f 55%, transparent); font-size: .88rem; line-height: 1.45; }
.tk-bed[hidden] { display: none; }
.tk-colors { margin-top: 12px; display: grid; gap: 8px; }
.tk-colors[hidden] { display: none; }
.tk-color-row { display: grid; grid-template-columns: 22px 1fr minmax(120px, 190px); align-items: center; gap: 10px; }
.tk-color-row label { font-size: .88rem; }
.tk-swatch { width: 22px; height: 22px; border-radius: 6px; border: 1px solid var(--border, rgba(127,127,127,.5)); }
.tk-color-note { color: var(--muted); font-size: .8rem; }

.tk-art { display: block; width: min(320px, 90%); aspect-ratio: 8 / 5; margin: 6px 0 10px; background: var(--art) center / cover no-repeat; border-radius: 14px; }
.tk-art[hidden] { display: none; }
[data-tk-closed] .ornek-row { display: none; }
.ornek-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: -6px 0 14px; }
.ornek-row small { color: var(--muted); font-size: .8rem; }