/* PİKSEL · Atölye tema katmanı (gece ve gündüz: yalnızca token kullanır)
   styles.css renkleri tema_uygula.py ile lacivert/camgöbeğine çevrildi;
   bu dosya dönüşümün yapamadığı ayrıntıları Fotoğraf Simülatörü diline bağlar. */

:root{color:var(--atl-text-2);background:var(--atl-bg);font-family:var(--atl-font)}
body{background:var(--atl-bg)}

/* Üst menü: cam şerit */
#menubar{background:linear-gradient(180deg,var(--atl-surface-2),var(--atl-bg-2));border-bottom:1px solid var(--atl-line)}
summary{font-weight:500;color:var(--atl-text-2)}
summary:hover,details[open]>summary{background:var(--atl-hover);color:var(--atl-text)}
.menu-dropdown{background:var(--atl-surface-2);border:1px solid var(--atl-line-2);border-radius:0 0 var(--atl-r-md) var(--atl-r-md);
  box-shadow:var(--atl-shadow);backdrop-filter:blur(var(--atl-blur));-webkit-backdrop-filter:blur(var(--atl-blur));padding:6px}
.menu-dropdown button{border-radius:var(--atl-r-sm)}
.menu-dropdown button:hover{background:var(--atl-cyan-soft);color:var(--atl-cyan-on-soft)}
.menu-dropdown kbd{font:400 11px var(--atl-mono);color:var(--atl-text-4)}
.menu-dropdown hr{border-top-color:var(--atl-line)}
.version{font-family:var(--atl-mono);color:var(--atl-text-4)}

/* Seçenek çubuğu ve alanlar */
#options{background:var(--atl-bg-2);border-bottom:1px solid var(--atl-line)}
input,select,textarea{background:var(--atl-field);color:var(--atl-text);border-color:var(--atl-line-2);border-radius:var(--atl-r-sm)}
input[type="number"],#zoom,#hex{font-family:var(--atl-mono)}
#panels{background:var(--atl-surface);border-left:1px solid var(--atl-line)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--atl-cyan);outline-offset:1px}
button{border-radius:var(--atl-r-sm)}
button:hover{background:var(--atl-hover)}
button:active{background:var(--atl-press)}

/* Araç çubuğu: seçili araç Foto'daki seçili parça gibi */
#toolbar{background:var(--atl-bg-2);border-right:1px solid var(--atl-line)}
#tools button{border-radius:var(--atl-r-sm);color:var(--atl-text-2)}
#tools button:hover{background:var(--atl-hover);border-color:transparent}
#tools button.active{background:var(--atl-cyan-soft);border:1px solid var(--atl-cyan-line);box-shadow:0 0 12px var(--atl-cyan-glow);color:var(--atl-cyan-on-soft)}

/* Belge alanı */
#document-area,#stage{background:var(--atl-bg)}
#document-tab{background:var(--atl-bg-2);border-bottom:1px solid var(--atl-line);font-family:var(--atl-mono);font-size:11.5px}
#canvas-wrap{background-color:#fff;background-image:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0);box-shadow:var(--atl-shadow),0 0 0 1px var(--atl-line)}

/* Sağ paneller: başlıklar Foto'nun mono etiketleri gibi */
.panel{background:var(--atl-surface);border-bottom:1px solid var(--atl-line)}
.panel-tabs{background:transparent;border-bottom:1px solid var(--atl-line);font:500 10px var(--atl-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--atl-text)}
.panel-tabs .muted{color:var(--atl-text-4);font-weight:400}

/* Katmanlar ve geçmiş */
.layer-row{border-bottom-color:var(--atl-line)}
.layer-row.active{background:var(--atl-cyan-soft)}
.layer-thumb{background:conic-gradient(#9b9b9b 25%,#ddd 0 50%,#9b9b9b 0 75%,#ddd 0);background-size:8px 8px;border-color:var(--atl-line-2);border-radius:4px}
.active .layer-thumb{outline:1px solid var(--atl-cyan)}
.history-item{color:var(--atl-text-3)}
.history-item:hover{background:var(--atl-hover)}
.history-item.current{background:var(--atl-cyan-soft);color:var(--atl-text)}
.history-item.future{color:var(--atl-text-5)}

/* Durum çubuğu */
#statusbar,.statusbar{background:var(--atl-bg-2);border-top:1px solid var(--atl-line);font-family:var(--atl-mono)}

/* Pencereler: Foto'nun diyalogları */
dialog{background:var(--atl-surface-2);border:1px solid var(--atl-line-2);border-radius:var(--atl-r-xl);box-shadow:var(--atl-shadow-lg);color:var(--atl-text)}
dialog::backdrop{background:var(--atl-backdrop);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.dialog-heading h2{font-weight:700;letter-spacing:-.01em}
.dialog-actions button{border:1px solid var(--atl-line-2);border-radius:var(--atl-r-md);background:var(--atl-press)}
.dialog-actions button:hover{background:var(--atl-hover)}
.dialog-actions button.primary{background:var(--atl-cyan);color:var(--atl-cyan-ink);border-color:var(--atl-cyan);font-weight:700}
.dialog-actions button.primary:hover{background:var(--atl-cyan);filter:brightness(1.08)}

/* Kaydırma çubuğu */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--atl-scroll);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--atl-scroll-hover)}

/* Gündüz: logotip beyaz zeminli JPEG (gece ters çevrilip "screen" ile koyu menüye oturur);
   gündüzde ters çevirme kaldırılır, çarpma kipi beyazı siler ve koyu yazı kalır */
:root[data-atl-mod="gunduz"] .brand-logotype{mix-blend-mode:multiply}
:root[data-atl-mod="gunduz"] .brand-logotype img{filter:none}