/* Docker Compose olusturucu */
@media (min-width: 961px) {
  .dc-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .dc-sag { position: sticky; top: 92px; }
  #dc-ciktilar pre { max-height: calc(100vh - 330px); min-height: 280px; }
}
.dc-kartlar { display: grid; gap: 14px; }
.dc-kartlar:empty { display: none; }
.dc-kart { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); display: grid; gap: 12px; min-width: 0; }
.dc-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dc-kart-ust strong { font-family: var(--heading); font-size: 15.5px; font-weight: 650; }
.dc-kart-ust .arac-dugme { width: auto; }
.dc-kart-izgara { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dc-kart-izgara .dc-genis { grid-column: 1 / -1; }
.dc-kart .arac-alan > label small { font-weight: 400; color: var(--muted); font-size: 11.5px; }
.arac-panel .dc-kart input[type=text], .arac-panel .dc-kart select { min-height: 38px; padding-top: 7px; padding-bottom: 7px; font-size: 13.5px; }
.arac-panel .dc-kart textarea { min-height: 58px; font-size: 12.5px; padding: 8px 11px; }
.arac-panel .dc-kart input[type=text] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.dc-oto { margin: 0; font-size: 12px; line-height: 1.55; color: var(--muted); overflow-wrap: anywhere; }
.dc-oto:empty { display: none; }
.dc-oto strong { color: var(--accent); font-weight: 600; }
.dc-sekmeler { display: flex; flex-wrap: wrap; gap: 4px; }
.dc-sekmeler button {
  padding: 5px 10px; border-radius: 7px; border: 1px solid transparent; background: transparent; color: #93aebb;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; cursor: pointer;
}
.dc-sekmeler button:hover { color: #d8e6ec; }
.dc-sekmeler button[aria-selected=true] { color: #d8e6ec; border-color: #2c3e4a; background: #16252e; }
.dc-sekmeler button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
#dc-ekle button { font-size: 12.5px; padding: 6px 11px; }
@media (max-width: 560px) { .dc-kart-izgara { grid-template-columns: minmax(0, 1fr); } }