/* UI-INTERNAL-TABLET.CSS */

/* media (min-width: 768px) and (max-width: 1023px) */

/* =========================================
   wrapper pojemnik na buttony zapisz / anuluj
========================================= */
@media (min-width: 768px) and (max-width: 1023px) {
	
  body.ui-internal main {
	padding-left: 32px;
    padding-right: 32px;
    padding-top: calc(var(--search-h) + var(--top-gap));
    padding-bottom: calc(var(--footer-h) + 24px);
  }



  body.panel-body .edit-box {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0;
  }

  body.panel-body .dashboard-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: calc(var(--search-h, 56px) + 24px);
  }




/* PANEL — ADS (MOBILE FIRST, SEARCH AKTYWNY) */
body.panel-body .ads-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: calc(var(--search-h, 56px) + 24px);
}


body.ui-internal button, body.ui-internal .btn {
    background: #ff7917;
    color: #1f2937;
    margin-top: 24px;
    border: none;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    font-size: 1.2rem;
}






  .form-actions {
    justify-content: flex-end;
  }

  .form-actions .btn {
    width: auto;
  }

  .form-actions .zapisz,
  .form-actions .anuluj {
    flex: 0;
  }

/* =========================================
   SUCCESS PAGE — DESKTOP (FULL WIDTH)
========================================= */

  .success-info {
    display: block;
  }

  /* main = tło, pełna szerokość */
  body.ui-internal .success-page {
    padding-top: calc(var(--menu-h, 64px) + 32px);
    padding-bottom: calc(var(--footer-h, 64px) + 32px);
  }

  /* grid = obszar roboczy */
  body.ui-internal .success-layout {
    display: grid;

    /* 1 kolumna wizualnie */
    grid-template-columns: 1fr;

    /* ale zachowujemy strukturę */
    grid-template-rows: auto auto;

    gap: 48px;

    width: 100%;
    margin: 0 auto;
  }

  /* karta NIE centruje się sama */
  body.ui-internal .success-box {
    margin: 0 auto;
    width: 100%;
  }

  body.ui-internal .success-info {
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
  }



 
}