/* Extracted from app-settings.html inline style block 1. */
.kb-app-settings-page {
        display: grid;
        gap: 24px;
      }

      .kb-app-settings-card {
        border: 1px solid #e7edf6;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 18px 32px -28px rgba(15, 23, 42, 0.24);
        padding: 24px;
      }

      .kb-app-settings-notice {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 14px;
        align-items: start;
        padding: 18px 20px;
        border: 1px solid rgba(37, 99, 235, 0.18);
        border-radius: 20px;
        background:
          radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 34%),
          linear-gradient(180deg, #ffffff, #f8fbff);
        box-shadow: 0 18px 32px -28px rgba(37, 99, 235, 0.3);
      }

      .kb-app-settings-notice strong,
      .kb-app-settings-empty-state strong {
        display: block;
        color: var(--kb-text);
        font-size: 14px;
        margin-bottom: 6px;
      }

      .kb-app-settings-notice p,
      .kb-app-settings-empty-state p {
        margin: 0;
        color: var(--kb-text-muted);
        font-size: 13px;
        line-height: 1.6;
      }

      .kb-app-settings-empty-state {
        padding: 18px;
        border: 1px dashed rgba(37, 99, 235, 0.24);
        border-radius: 16px;
        background: rgba(239, 246, 255, 0.62);
      }

      .kb-settings-app-icon {
        background: var(--kb-brand-badge-bg);
        color: var(--kb-brand-badge-text);
        box-shadow: var(--kb-brand-badge-shadow);
      }

      .kb-app-settings-topbar {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 18px;
      }

      .kb-page-back {
        margin-bottom: var(--space-4);
      }

      .kb-page-back + .page-header {
        margin-top: 0;
      }

      .kb-tabs {
        margin-top: 0;
        margin-bottom: var(--space-6);
      }

      .kb-tab-panel {
        padding-top: var(--space-4);
        margin-top: 0;
      }

      .kb-app-settings-topbar-right {
        display: flex;
        align-items: center;
        gap: 14px;
      }

      .kb-app-settings-logo-row {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .kb-app-settings-logo-meta {
        display: grid;
        gap: 8px;
      }

      .kb-app-settings-logo-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }

      .kb-app-settings-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }

      .kb-app-settings-field-full {
        grid-column: 1 / -1;
      }

      .kb-inline-field {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .kb-inline-field .kb-input {
        flex: 1;
      }

      .kb-app-settings-muted {
        font-size: 12px;
        color: var(--kb-text-light);
      }

      .kb-switch-label {
        font-size: 13px;
        font-weight: 600;
        color: var(--kb-text);
      }

      .kb-tab-panel[hidden] {
        display: none;
      }

      .kb-tabs--compact {
        width: fit-content;
        max-width: 100%;
      }

      @media (max-width: 860px) {
        .kb-app-settings-topbar {
          flex-direction: column;
        }

        .kb-app-settings-notice {
          grid-template-columns: 1fr;
        }

        .kb-app-settings-grid {
          grid-template-columns: 1fr;
        }
      }

.c09-app-settings-style-001 { margin-bottom: var(--space-lg) }

.c09-app-settings-style-002 { margin-bottom: 4px }

.c09-app-settings-style-003 { margin-top: 22px }

.c09-app-settings-style-004 { padding-top: 12px; min-height: 116px }

.c09-app-settings-style-005 { display: flex; justify-content: flex-end; margin-top: 10px }

.c09-app-settings-style-006 { padding: 0 }

.c09-app-settings-style-007 { margin-bottom: 18px }

.c09-app-settings-style-008 { padding: 0 }

.c09-app-settings-style-009 { margin-bottom: 18px }

.c09-app-settings-style-010 { padding: 0 }