/* Keyzira v6.6.35 — theme-aware brand assets */
body:not(.admin-mode) .brand.keyzira-image-brand::before,
body:not(.admin-mode) .brand.keyzira-image-brand:before{content:none!important;display:none!important}
.keyzira-image-brand{display:flex!important;align-items:center!important;min-width:0!important;width:max-content!important;gap:0!important}
.site-brand-logo{width:auto!important;height:40px!important;max-width:154px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;filter:none!important}
.site-brand-logo-dark{display:none!important}
html[data-theme="dark"] .site-brand-logo-light{display:none!important}
html[data-theme="dark"] .site-brand-logo-dark{display:block!important}
.footer-image-brand{display:inline-flex!important;align-items:center!important;min-height:44px}
.footer-brand-image{width:auto;height:43px;max-width:170px;object-fit:contain;object-position:left center;filter:none}
.footer-brand-image-dark{display:none}
html[data-theme="dark"] .footer-brand-image-light{display:none}
html[data-theme="dark"] .footer-brand-image-dark{display:block}
@media(max-width:1400px){.site-brand-logo{height:36px!important;max-width:140px!important}}
@media(max-width:760px){.site-brand-logo{height:33px!important;max-width:128px!important}.footer-brand-image{height:38px;max-width:150px}}

/* Admin sidebar now uses the managed favicon. */
.tf-admin-brand-icon{
  width:36px;height:36px;flex:0 0 36px;
  border-radius:10px;object-fit:cover;
  box-shadow:0 7px 18px color-mix(in srgb,var(--admin-brand) 22%,transparent);
}

/* Site & Marka — professional asset manager */
.brand-assets-section{overflow:hidden}
.brand-assets-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.brand-asset-card{
  min-width:0;
  padding:18px;
  border:1px solid var(--admin-line);
  border-radius:14px;
  background:var(--admin-surface-2);
}
.brand-asset-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin-bottom:13px;
}
.brand-asset-card-head>div{display:grid;gap:3px}
.brand-asset-card-head b{font-size:13px}
.brand-asset-card-head small{font-size:10px;color:var(--admin-muted);font-weight:500}
.brand-asset-card-head>span{
  flex:0 0 auto;padding:5px 8px;border-radius:999px;
  border:1px solid var(--admin-line);background:var(--admin-surface);
  color:var(--admin-muted);font-size:8px;font-weight:850;letter-spacing:.04em;
}
.brand-preview{
  min-height:132px;
  border:1px solid var(--admin-line-strong);
  border-radius:12px;
  overflow:hidden;
  display:grid;place-items:center;
  background:
    linear-gradient(45deg,color-mix(in srgb,var(--admin-line) 35%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--admin-line) 35%,transparent) 75%),
    linear-gradient(45deg,color-mix(in srgb,var(--admin-line) 35%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--admin-line) 35%,transparent) 75%),
    var(--admin-surface);
  background-position:0 0,8px 8px;
  background-size:16px 16px;
}
.brand-preview-logo img{
  max-width:min(84%,430px);max-height:96px;object-fit:contain;
  filter:drop-shadow(0 8px 15px rgba(23,30,76,.10));
}
.brand-preview-favicon{
  padding:22px;
  background:linear-gradient(180deg,#eef1f7,#fff);
}
html[data-admin-theme=dark] .brand-preview-favicon{
  background:linear-gradient(180deg,#252938,#181b27);
}
.fake-browser-tab{
  width:min(100%,390px);height:54px;padding:10px 13px;
  display:flex;align-items:center;gap:7px;border:1px solid #d8dde9;
  border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(30,39,79,.10);
}
html[data-admin-theme=dark] .fake-browser-tab{background:#222635;border-color:#34394b}
.fake-browser-tab>i{width:7px;height:7px;border-radius:50%;background:#d9dce5}
.fake-browser-tab>span{
  margin-left:5px;min-width:0;display:flex;align-items:center;gap:8px;
  color:#33384a;font-size:10px;font-weight:700;
}
html[data-admin-theme=dark] .fake-browser-tab>span{color:#edf0fa}
.fake-browser-tab img{width:25px;height:25px;border-radius:7px;object-fit:cover}
.brand-asset-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.brand-file-button{position:relative;overflow:hidden;cursor:pointer}
.brand-file-button input{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer;width:100%!important;height:100%!important}
.brand-asset-help{display:block!important;margin-top:10px;font-size:9px!important;line-height:1.5!important}
.brand-live-preview{
  margin-top:16px;padding:16px;border:1px solid var(--admin-line);
  border-radius:14px;background:var(--admin-surface-2);
}
.brand-live-preview>div:first-child{display:grid;gap:3px;margin-bottom:10px}
.brand-live-preview b{font-size:12.5px}
.brand-header-preview{
  min-height:68px;padding:12px 14px;
  display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px;
  border:1px solid #29283f;border-radius:13px;
  background:#12111e;color:#f6f5ff;
}
.brand-header-preview>img{max-width:160px;max-height:40px;object-fit:contain;object-position:left center}
.brand-header-preview nav{display:flex;justify-content:center;gap:22px}
.brand-header-preview nav span{font-size:9px;color:#b7b4c9;font-weight:700}
.brand-header-preview button{
  height:35px;padding:0 12px;border:1px solid #46415f;border-radius:9px;
  background:#181625;color:#fff;font-size:9px;font-weight:800;
}
@media(max-width:920px){
  .brand-assets-grid{grid-template-columns:1fr}
  .brand-header-preview{grid-template-columns:150px 1fr}
  .brand-header-preview nav{display:none}
}
@media(max-width:560px){
  .brand-asset-actions{grid-template-columns:1fr}
  .brand-header-preview{grid-template-columns:1fr auto}
  .brand-header-preview>img{max-width:140px}
}

.brand-preview-logo.is-light{background:#f8f9fc!important}
.brand-preview-logo.is-dark{background:#0d0d17!important}
.brand-preview-logo.is-light img,.brand-preview-logo.is-dark img{filter:none!important}
.brand-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brand-header-preview.is-light{background:#fff;color:#161824;border-color:#e1e3ed}
.brand-header-preview.is-light nav span{color:#676b7c}
.brand-header-preview.is-light button{background:#f6f7fb;color:#202235;border-color:#dfe2ec}
.brand-header-preview.is-dark{background:#11111d;color:#f6f5ff;border-color:#29283f}
.brand-header-preview.is-dark nav span{color:#b7b4c9}
.brand-header-preview.is-dark button{background:#181625;color:#fff;border-color:#46415f}
@media(max-width:1180px){.brand-assets-grid-three{grid-template-columns:1fr 1fr!important}.brand-preview-pair{grid-template-columns:1fr}}
@media(max-width:760px){.brand-assets-grid-three{grid-template-columns:1fr!important}}