/* Shared data-entry surfaces. Screen only; print layout and field behaviour
   stay with the existing templates and Django widgets. */
@media screen {
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .form-sayfa {
    width: 100%;
    max-width: 1120px;
    min-width: 0;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan-grubu {
    padding: 12px 16px 16px;
    margin: 0 0 16px;
    border-radius: 10px;
    box-shadow: none;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan-grubu > legend {
    padding: 0 6px;
    color: var(--yazi);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.01em;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alanlar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
    gap: 14px 18px;
    align-items: start;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan { min-width: 0; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan label {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 450;
    line-height: 1.45;
    color: var(--yazi);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]), select, textarea) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--yazi);
    background: var(--kart);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan textarea {
    min-height: 92px;
    resize: vertical;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan textarea[rows="1"],
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan textarea[rows="2"] { min-height: 68px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan select[multiple] { min-height: 132px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan input:is([type="checkbox"], [type="radio"]) {
    width: 17px;
    height: 17px;
    margin: 2px 0;
    flex-shrink: 0;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan :is(input, textarea)[readonly] {
    background: var(--zemin);
    border-style: dashed;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan .ipucu {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.55;
    color: var(--yazi-soluk);
    overflow-wrap: anywhere;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan .ipucu :is(ul, ol) { margin: 4px 0 0; padding-left: 19px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan .alan-hata {
    margin: 5px 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.55;
    color: var(--kirmizi-yazi);
    list-style: none;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan-hatali :is(input, textarea, select) {
    border-color: var(--kirmizi-cizgi);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan-hatali :is(input, textarea, select):focus {
    box-shadow: 0 0 0 3px var(--kirmizi-zemin);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-field { scroll-margin-top: 24px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-field:target {
    outline: 2px solid var(--mavi);
    outline-offset: 5px;
    border-radius: 5px;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-field-wide,
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-choice-field { grid-column: 1 / -1; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) fieldset.modern-choice-field {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan-grubu .modern-choice-field > legend {
    padding: 0;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 450;
    line-height: 1.45;
    color: var(--yazi);
    text-transform: none;
    letter-spacing: 0;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-choice-field > div[id]:has(input) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr));
    gap: 6px 16px;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-choice-field label,
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-checkbox-field .modern-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    padding: 9px 11px;
    min-height: 39px;
    border: 1px solid var(--cizgi);
    border-radius: 7px;
    font-size: 14px;
    font-weight: 400;
    background: var(--kart);
    line-height: 1.5;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-choice-field label:hover,
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-checkbox-field .modern-checkbox-label:hover { border-color: var(--cizgi-koyu); }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-choice-field label:has(input:checked),
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-checkbox-field .modern-checkbox-label:has(input:checked) {
    border-color: rgba(var(--vurgu-rgb), .45);
    background: var(--vurgu-yumusak);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-checkbox-field { align-self: end; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-hint {
    margin: 0 0 13px;
    color: var(--yazi-soluk);
    font-size: 12px;
    line-height: 1.5;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-errors {
    max-width: 1120px;
    margin: 0 0 18px;
    padding: 12px 15px;
    font-size: 13px;
    line-height: 1.6;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-errors strong { font-weight: 600; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-errors ul { margin: 5px 0 0; padding-left: 19px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-errors li { padding: 2px 0; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-errors a { color: inherit; font-weight: 550; text-decoration: underline; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .form-alt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin: 16px 0 5px;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .form-sayfa > .form-alt,
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-actions {
    padding: 14px 0 0;
    border-top: 1px solid var(--cizgi);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .form-alt .dugme { min-height: 40px; padding: 8px 16px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-upload-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
    gap: 0 16px;
    align-items: start;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-panel {
    width: 100%;
    max-width: 1120px;
    background: var(--vurgu-yumusak);
    border-color: rgba(var(--vurgu-rgb), .22);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: flex-start;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-row > .alan { flex: 1 1 300px; min-width: 0; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-row > .dugme { margin-top: 25px; flex: 0 0 auto; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-panel > legend,
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-title {
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--yazi);
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .ilac-tablosu .alan-hata,
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .ilac-tablosu .errorlist {
    padding: 0;
    margin: 5px 0 0;
    color: var(--kirmizi-yazi);
    list-style: none;
    font-size: 12px;
    line-height: 1.45;
    white-space: normal;
  }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .ilac-tablosu :is(input, select)[aria-invalid="true"] { border-color: var(--kirmizi-cizgi); }
  @media (max-width: 980px) {
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-upload-grid { grid-template-columns: minmax(0, 1fr); }
  }
  @media (max-width: 720px) {
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alanlar { grid-template-columns: minmax(0, 1fr); gap: 13px; }
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan-grubu { padding: 11px 13px 14px; margin-bottom: 15px; }
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-choice-field > div[id]:has(input) { grid-template-columns: minmax(0, 1fr); }
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-form-field { scroll-margin-top: 72px; }
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .modern-import-row > .dugme { margin-top: 0; }
    html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .form-alt .dugme { min-height: 42px; }
  }
}