/* Kurumsal tema tokenlari (ortak kullanim) */
* {
  font-family: "Poppins", sans-serif;
}

:root {
  --primary-color: #003366;
  --primary-light: #336699;
  --secondary-color: #f8f9fc;
  --accent-color: #e6f2ff;
  --text-color: #333;
  --light-text: #555;
  --white: #fff;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --border-radius: 8px;
  --sidebar-width: 250px;
  --success-color: #27ae60;
  --warning-color: #f39c12;
  --danger-color: #e74c3c;
  --info-color: #3498db;
}

body {
  font-family: "Poppins", sans-serif;
  background-color: var(--secondary-color);
  margin: 0;
  padding: 0;
  color: var(--text-color);
}

/* Embedded page layout normalization (inside shell iframe) */
body.app-embed {
  background: transparent !important;
  min-height: 0 !important;
  height: auto !important;
  overflow-x: hidden !important;
}

body.app-embed .main-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(10px, 1.2vw, 16px) !important;
  background: transparent !important;
  display: block !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.app-embed .page-content,
body.app-embed .content-body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Embedded pages: avoid fixed tall placeholders creating excessive iframe height */
body.app-embed .table-container,
body.app-embed .list-card,
body.app-embed .list-wrap,
body.app-embed .fb-layout.single {
  min-height: 0 !important;
  height: auto !important;
}

/* Embedded pages: center modal dialog to full shell viewport, not only iframe area */
body.app-embed .modal,
body.app-embed .custom-modal-content,
body.app-embed .detail-modal {
  margin-left: calc(-1 * var(--embedded-shell-shift, 148px));
}

@media (max-width: 992px) {
  body.app-embed .modal,
  body.app-embed .custom-modal-content,
  body.app-embed .detail-modal {
    margin-left: 0;
  }
}