/* Demir Konut v5.6 – Tema & PWA › Açılış ekranı yönetim sayfası (canlı önizleme) */
.v56sp { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
.v56sp-h { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.v56sp-prev { display: grid; justify-items: center; gap: 10px; padding: 16px 12px 12px; border-radius: var(--radius, 18px); background: var(--surface-3); }
.v56sp-phone { --pw: 132px; width: var(--pw); padding: 7px; border-radius: 30px; background: #0F1724; box-shadow: 0 12px 30px rgba(15, 23, 36, .28), inset 0 0 0 1px rgba(255, 255, 255, .08); }
.v56sp-screen { position: relative; width: 100%; aspect-ratio: 390 / 844; border-radius: 23px; overflow: hidden; background: #1B2A41; isolation: isolate; }
/* önizleme, gerçek açılış ekranını 390×844 telefon boyutunda çizip ölçekler: oranlar birebir aynı kalır */
.v56sp-screen .splash.v56sp-live { position: absolute; inset: auto; left: 0; top: 0; width: 390px; height: 844px; z-index: 0; transform: scale(.395); transform-origin: 0 0; }
.v56sp .hint { display: block; color: var(--muted); font-size: 12px; line-height: 1.45; margin-top: 4px; }
.v56sp-prev-act { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.v56sp-warn { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--amber); max-width: 34ch; }
.v56sp-warn .ic { flex: none; margin-top: 1px; }
.v56sp-presets { display: grid; grid-template-columns: repeat(auto-fill, minmax(86px, 1fr)); gap: 8px; }
.v56sp-preset { display: grid; gap: 6px; justify-items: start; padding: 6px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink-2); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; text-align: left; }
.v56sp-preset:hover { border-color: var(--accent); }
.v56sp-preset:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.v56sp-preset i { display: grid; place-items: center; width: 100%; height: 40px; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
.v56sp-preset i b { width: 14px; height: 14px; border-radius: 4px; }
.v56sp-colors { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.v56sp-cin { display: flex; gap: 6px; align-items: center; }
.v56sp-cin input[type=color] { flex: none; width: 44px; height: 44px; padding: 3px; border-radius: 12px; cursor: pointer; }
.v56sp-cin input:not([type=color]) { min-width: 0; font-variant-numeric: tabular-nums; text-transform: uppercase; }
.v56sp-cin input[aria-invalid=true] { border-color: var(--red); }
.v56sp-out { margin-left: auto; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.v56sp input[type=range] { width: 100%; accent-color: var(--accent); min-height: 32px; }
.v56sp-roles { display: grid; gap: 12px; margin-top: 10px; }
.v56sp-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; position: sticky; padding: 8px !important; bottom: calc(var(--tabbar-h, 64px) + 8px + env(safe-area-inset-bottom)); z-index: 2; padding: 10px; border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(8px); box-shadow: var(--shadow-1); }
.v56sp-actions .btn-primary { flex: 1; max-width: 240px; }
.splash.v56sp-full { z-index: 400; cursor: pointer; }
.v56sp-full-hint { position: absolute; bottom: calc(22px + env(safe-area-inset-bottom)); left: 0; right: 0; font-size: 12px; opacity: .55; }
.seg button[disabled] { opacity: .45; cursor: not-allowed; }
#ttab button[data-v56] { white-space: nowrap; }
@media (min-width: 900px) {
  .v56sp { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .v56sp-prev { order: 2; position: sticky; top: 84px; }
  .v56sp-phone { --pw: 230px; }
  .v56sp-roles { grid-template-columns: 1fr 1fr; }
  .v56sp-actions { bottom: 12px; }
}
@media (max-width: 380px) { .v56sp-colors { grid-template-columns: 1fr; } }