/* Akıllı Tabela Teklif — atölye estetiği: koyu şase grisi + emniyet amberi.
   Tüm kurallar .att-wizard altına kapsanmıştır; tema stiliyle çakışmaz. */

.att-wizard{
	--att-ink:#1c1f24;        /* profil şasesi grisi */
	--att-amber:#f5a300;      /* emniyet/ikaz amberi */
	--att-paper:#ffffff;
	--att-line:#d8dbe0;
	--att-ok:#1f9d55; --att-fail:#d63638;
	max-width:760px;margin:0 auto;font-size:16px;line-height:1.5;color:var(--att-ink);
}
.att-wizard *,.att-wizard *::before,.att-wizard *::after{box-sizing:border-box}

/* adım rayı */
.att-rail{display:flex;gap:2px;margin-bottom:28px;border:1px solid var(--att-ink);border-radius:6px;overflow:hidden}
.att-rail-item{flex:1;padding:10px 8px;text-align:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
	background:var(--att-paper);color:#6b7076;position:relative}
.att-rail-item i{display:block;font-style:normal;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;font-weight:700;margin-bottom:2px}
.att-rail-item.is-active{background:var(--att-ink);color:var(--att-amber)}
.att-rail-item.is-done{color:var(--att-ink)}
.att-rail-item.is-done i::after{content:" ✓";color:var(--att-ok)}

/* adımlar */
.att-step{display:none}
.att-step.is-active{display:block;animation:att-in .25s ease}
@keyframes att-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.att-step.is-active{animation:none}}
.att-step h3{margin:0 0 6px;font-size:1.35em}
.att-hint{color:#5c6167;font-size:.92em;margin:0 0 18px}

.att-wizard label{display:block;margin:0 0 16px;font-weight:600;font-size:.95em}
.att-wizard input[type=text],.att-wizard input[type=email],.att-wizard input[type=tel],
.att-wizard input[type=number],.att-wizard select{
	display:block;width:100%;margin-top:6px;padding:11px 12px;font:inherit;font-weight:400;
	border:1.5px solid var(--att-line);border-radius:6px;background:var(--att-paper);color:var(--att-ink)}
.att-wizard input:focus,.att-wizard select:focus{outline:2px solid var(--att-amber);outline-offset:1px;border-color:var(--att-ink)}
.att-wizard .att-invalid{border-color:var(--att-fail)!important}
.att-row{display:flex;gap:24px;flex-wrap:wrap}
.att-check{display:flex!important;align-items:center;gap:8px;font-weight:500}
.att-check input{width:auto;margin:0}

.att-file{border:1.5px dashed var(--att-line);border-radius:8px;padding:14px;background:#fafbfc}
.att-file.is-required{border-color:var(--att-amber)}
.att-file span{display:block;margin-bottom:8px}
.att-file small{display:block;font-weight:400;color:#6b7076}

/* nav */
.att-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.att-btn{padding:12px 22px;font:inherit;font-weight:700;border:1.5px solid var(--att-ink);
	border-radius:6px;background:var(--att-paper);color:var(--att-ink);cursor:pointer}
.att-btn-primary{background:var(--att-ink);color:var(--att-amber);margin-left:auto}
.att-btn-primary:hover{background:#000}
.att-btn:focus-visible{outline:2px solid var(--att-amber);outline-offset:2px}
.att-btn:disabled{opacity:.55;cursor:default}

/* analiz görevleri */
.att-progress{border:1px solid var(--att-line);border-radius:8px;padding:8px 16px}
.att-task{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--att-line);color:#6b7076}
.att-task:last-child{border-bottom:0}
.att-dot{width:12px;height:12px;border-radius:50%;background:var(--att-line);flex:none}
.att-task.is-run{color:var(--att-ink)}
.att-task.is-run .att-dot{background:var(--att-amber);animation:att-pulse 1s infinite}
.att-task.is-ok .att-dot{background:var(--att-ok)}
.att-task.is-fail .att-dot{background:var(--att-fail)}
@keyframes att-pulse{50%{transform:scale(1.5);opacity:.6}}

/* sonuç */
.att-mockup-wrap{position:relative;margin-bottom:20px}
.att-mockup-wrap img{width:100%;border-radius:8px;border:1px solid var(--att-line);display:block}
.att-mockup-tag{position:absolute;left:10px;bottom:10px;background:rgba(28,31,36,.85);color:#fff;
	font-size:11px;padding:4px 10px;border-radius:4px}
.att-offer h3{margin-top:0}
.att-note{color:#5c6167;font-size:.93em}
.att-price{border:2px solid var(--att-ink);border-left:8px solid var(--att-amber);border-radius:8px;
	padding:16px 20px;margin:18px 0;text-align:center}
.att-price small{display:block;color:#5c6167;font-size:.8em;letter-spacing:.04em;text-transform:uppercase}
.att-price strong{display:block;font-size:2em;font-family:ui-monospace,Menlo,Consolas,monospace;margin:4px 0}
.att-report{background:#fafbfc;border:1px solid var(--att-line);border-radius:8px;padding:14px 16px;margin:14px 0;white-space:pre-line}
.att-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.att-final{background:#eaf7ef;border:1px solid var(--att-ok);border-radius:6px;padding:12px 14px;font-weight:600}
.att-error{background:#fdeeee;border:1px solid var(--att-fail);border-radius:6px;padding:12px 14px;margin-top:14px}

@media(max-width:560px){
	.att-rail-item{font-size:0}
	.att-rail-item i{font-size:14px;margin:0}
	.att-price strong{font-size:1.5em}
}

/* Doküman indirme: yalnızca teklif bölümü yazdırılır */
@media print{
	body.att-printing *{visibility:hidden}
	body.att-printing .att-result,body.att-printing .att-result *{visibility:visible}
	body.att-printing .att-result{position:absolute;left:0;top:0;width:100%}
	body.att-printing .att-actions,body.att-printing .att-final{display:none}
}

/* ---------- v1.1 eklemeleri ---------- */
.att-wizard textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;font:inherit;font-weight:400;
	border:1.5px solid var(--att-line);border-radius:6px;background:var(--att-paper);color:var(--att-ink);resize:vertical}
.att-wizard textarea:focus{outline:2px solid var(--att-amber);outline-offset:1px;border-color:var(--att-ink)}

/* tabela tipi örnek görseli */
.att-type-preview{margin:0 0 16px;max-width:340px}
.att-type-preview img{width:100%;border:1px solid var(--att-line);border-radius:8px;display:block}
.att-type-preview figcaption{font-size:.8em;color:#6b7076;margin-top:4px}

/* en × boy ölçü alanı */
.att-dims{border:1px solid var(--att-line);border-radius:8px;padding:12px 14px;margin:0 0 16px}
.att-dims legend{font-weight:600;font-size:.95em;padding:0 6px}
.att-dims .att-row label{flex:1;margin-bottom:0}

/* çoklu fotoğraf listesi + kamera */
.att-cam-row{display:block;margin-top:8px}
.att-btn-cam{padding:8px 14px;font-size:.9em}
.att-file-list{display:block;margin-top:8px}
.att-file-list small{display:block;color:#6b7076;margin-top:4px}
.att-chip{display:inline-flex;align-items:center;gap:6px;background:#eef1f4;border:1px solid var(--att-line);
	border-radius:14px;padding:3px 6px 3px 10px;margin:0 6px 6px 0;font-size:.85em;font-weight:500}
.att-chip button{border:0;background:var(--att-ink);color:#fff;border-radius:50%;width:18px;height:18px;
	line-height:1;cursor:pointer;font-size:12px;padding:0}
.att-file.att-invalid{border-color:var(--att-fail)}

/* yönetici onayı bilgilendirmesi */
.att-approval-note{background:#fdf6e7;border:1px solid var(--att-amber);border-radius:6px;padding:10px 12px;color:var(--att-ink)}

/* geliştirici imzası */
.att-credit{text-align:right;font-size:.75em;color:#8a8f95;margin-top:10px}
.att-credit a{color:#8a8f95}