.kb-order-items .fi-fo-repeater-items {
    gap: .75rem;
}

.kb-order-items .fi-fo-repeater-item {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #f59e0b;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffaf0 0%, #ffffff 58%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.kb-order-items .fi-fo-repeater-item:nth-child(2n) {
    border-left-color: #0ea5e9;
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 58%);
}

.kb-order-items .fi-fo-repeater-item:nth-child(3n) {
    border-left-color: #10b981;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 58%);
}

.kb-order-items .fi-fo-repeater-item-header {
    min-height: 44px;
    padding: .55rem .75rem;
    border-bottom: 1px solid rgba(148, 163, 184, .22);
    background: rgba(255, 255, 255, .62);
}

.kb-order-items .fi-fo-repeater-item-header-label {
    font-size: .84rem;
    font-weight: 600;
    color: #334155;
}

.kb-order-items .fi-fo-repeater-item-content {
    padding: .9rem;
}

.kb-order-items .fi-fo-component-ctn {
    align-items: start;
}

.kb-order-items .fi-fo-field-wrp {
    min-width: 0;
}

.kb-order-items .fi-input-wrp,
.kb-order-items .fi-select-input {
    width: 100%;
    min-width: 132px;
}

.kb-order-items .fi-select-input {
    white-space: nowrap;
}

.kb-order-items .fi-fo-field-wrp-label {
    margin-bottom: .3rem;
    font-size: .78rem;
    font-weight: 600;
    color: #475569;
}

.kb-order-items .fi-fo-repeater-add {
    margin-top: .5rem;
}

@media (max-width: 900px) {
    .kb-order-items .fi-fo-repeater-item-content {
        padding: .75rem;
    }

    .kb-order-items .fi-input-wrp,
    .kb-order-items .fi-select-input {
        min-width: 0;
    }
}

/* ============================================================
   Daha kompakt / kibar sidebar (Claude tarzı)
   ============================================================ */
.fi-sidebar-nav {
    gap: .125rem;
}

.fi-sidebar-nav-groups {
    gap: .5rem !important;
}

.fi-sidebar-nav > .fi-sidebar-group + .fi-sidebar-group {
    margin-top: .2rem !important;
}

.fi-sidebar-group {
    row-gap: .25rem;
}

.fi-sidebar-group[data-group-label=""] .fi-sidebar-group-items {
    display: flex !important;
}

.fi-sidebar-group-items {
    gap: .0625rem;
}

.fi-sidebar-item-btn {
    padding-top: .4rem;
    padding-bottom: .4rem;
    gap: .625rem;
    border-radius: .55rem;
}

.fi-sidebar-item-label {
    font-size: .8125rem;
    font-weight: 500;
}

.fi-sidebar-item-icon {
    width: 1.15rem;
    height: 1.15rem;
}

/* Gruplar arası nefes + daha sessiz grup başlığı */
.fi-sidebar-group:not(:first-child) {
    margin-top: .2rem !important;
}

.fi-sidebar-group-label {
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: 1;
}

.fi-sidebar {
    --kb-sidebar-group-label-color: #111827;
}

.dark .fi-sidebar {
    --kb-sidebar-group-label-color: #f9fafb;
}

.fi-sidebar .fi-sidebar-group > .fi-sidebar-group-btn .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn .fi-icon {
    color: var(--kb-sidebar-group-label-color) !important;
}

.fi-sidebar-group-button {
    padding-top: .28rem;
    padding-bottom: .28rem;
}

/* Logo alanı biraz daha sıkışık */
.fi-sidebar-header {
    padding-top: .85rem;
    padding-bottom: .85rem;
}

/* Firma logosu: ayarlardaki yükseklik korunur, genişlik bulunduğu alana yayılır. */
.fi-logo {
    width: 100%;
    max-width: 13rem;
    object-fit: contain;
    object-position: left center;
}

.fi-simple-page .fi-logo,
.fi-simple-layout .fi-logo {
    max-width: 16rem;
    object-position: center;
}

/* Ayarlar > Firma Görünümü */
.kb-branding-card {
    margin: 1.25rem 0 1.5rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 1.1rem;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .06);
}

.dark .kb-branding-card {
    border-color: rgba(148, 163, 184, .18);
    background: #111827;
}

.kb-branding-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, .22);
    background: linear-gradient(135deg, #fff7ed 0%, #ffffff 58%);
}

.dark .kb-branding-header {
    background: linear-gradient(135deg, rgba(120, 53, 15, .22) 0%, rgba(17, 24, 39, 1) 58%);
}

.kb-branding-eyebrow {
    margin: 0 0 .25rem;
    color: #ea580c;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kb-branding-title {
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

.dark .kb-branding-title {
    color: #f9fafb;
}

.kb-branding-description {
    margin: .3rem 0 0;
    max-width: 42rem;
    color: #64748b;
    font-size: .88rem;
    line-height: 1.5;
}

.dark .kb-branding-description {
    color: #cbd5e1;
}

.kb-branding-status {
    flex: 0 0 auto;
    border-radius: 999px;
    background: #ffedd5;
    padding: .38rem .7rem;
    color: #9a3412;
    font-size: .72rem;
    font-weight: 700;
}

.kb-branding-alert {
    margin: 1rem 1.5rem 0;
    border-radius: .8rem;
    padding: .75rem .9rem;
    font-size: .86rem;
    font-weight: 600;
}

.kb-branding-alert-success {
    background: #ecfdf5;
    color: #047857;
}

.kb-branding-alert-warning {
    background: #fffbeb;
    color: #b45309;
}

.kb-branding-alert-danger {
    background: #fef2f2;
    color: #b91c1c;
}

.kb-branding-form {
    padding: 1.25rem 1.5rem 1.4rem;
}

.kb-branding-grid {
    display: grid;
    grid-template-columns: minmax(280px, 1.35fr) minmax(220px, .75fr) minmax(220px, .75fr);
    gap: 1rem;
}

.kb-branding-panel {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: .95rem;
    background: #f8fafc;
    padding: 1rem;
}

.dark .kb-branding-panel {
    border-color: rgba(148, 163, 184, .16);
    background: rgba(15, 23, 42, .62);
}

.kb-branding-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    min-height: 3.1rem;
}

.kb-branding-panel-head h3 {
    margin: 0;
    color: #111827;
    font-size: .92rem;
    font-weight: 700;
}

.dark .kb-branding-panel-head h3 {
    color: #f9fafb;
}

.kb-branding-panel-head p {
    margin: .2rem 0 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.45;
}

.kb-branding-panel-head span {
    white-space: nowrap;
    border-radius: 999px;
    background: #e2e8f0;
    padding: .24rem .5rem;
    color: #475569;
    font-size: .66rem;
    font-weight: 700;
}

.kb-branding-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .9rem;
    min-height: 5.5rem;
    border: 1px dashed rgba(100, 116, 139, .35);
    border-radius: .85rem;
    background: #fff;
    padding: .85rem;
}

.dark .kb-branding-preview {
    background: #020617;
}

.kb-branding-logo-preview {
    justify-content: flex-start;
}

.kb-branding-logo-preview img {
    display: block;
    width: 100%;
    max-width: 18rem;
    object-fit: contain;
    object-position: left center;
}

.kb-branding-favicon-preview img {
    display: block;
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.kb-branding-empty {
    color: #94a3b8;
    font-size: .82rem;
    font-weight: 600;
}

.kb-branding-upload {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .85rem;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: .75rem;
    background: #fff;
    padding: .65rem .75rem;
    color: #334155;
    font-size: .82rem;
    font-weight: 700;
}

.dark .kb-branding-upload {
    background: #0f172a;
    color: #e2e8f0;
}

.kb-branding-upload input {
    max-width: 12rem;
    color: #64748b;
    font-size: .75rem;
}

.kb-branding-field {
    display: block;
    margin-top: .9rem;
}

.kb-branding-field > span {
    display: block;
    margin-bottom: .45rem;
    color: #334155;
    font-size: .82rem;
    font-weight: 700;
}

.dark .kb-branding-field > span {
    color: #e2e8f0;
}

.kb-branding-number {
    display: flex;
    align-items: center;
    max-width: 9rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: .75rem;
    background: #fff;
}

.dark .kb-branding-number {
    background: #0f172a;
}

.kb-branding-number input {
    width: 100%;
    border: 0;
    background: transparent;
    padding: .7rem .75rem;
    color: #111827;
    font-size: .9rem;
    font-weight: 700;
    outline: 0;
}

.dark .kb-branding-number input {
    color: #f9fafb;
}

.kb-branding-number em {
    border-left: 1px solid rgba(148, 163, 184, .3);
    padding: .7rem .75rem;
    color: #64748b;
    font-size: .78rem;
    font-style: normal;
    font-weight: 700;
}

.kb-branding-help {
    margin: .55rem 0 0;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.45;
}

.kb-branding-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.1rem;
}

.kb-branding-submit {
    border: 0;
    border-radius: .8rem;
    background: #ea580c;
    padding: .72rem 1rem;
    color: #fff;
    font-size: .86rem;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(234, 88, 12, .22);
}

.kb-branding-submit:hover {
    background: #c2410c;
}

@media (max-width: 1180px) {
    .kb-branding-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .kb-branding-header {
        flex-direction: column;
        padding: 1.1rem;
    }

    .kb-branding-form {
        padding: 1rem;
    }
}

/* Alan adları listesi: okunur kalırken daha dar, işlem ikonları her zaman ulaşılabilir. */
.kb-domains-table .fi-ta-header {
    padding: .75rem 1rem;
}

.kb-domains-table .fi-ta-table th,
.kb-domains-table .fi-ta-table td {
    padding: .65rem .6rem !important;
}

.kb-domains-table .fi-ta-table th {
    font-size: .82rem;
    line-height: 1.25;
}

.kb-domains-table .fi-ta-text,
.kb-domains-table .fi-ta-text-item,
.kb-domains-table .fi-badge {
    font-size: .82rem;
    line-height: 1.28;
}

.kb-domains-table .fi-badge {
    max-width: 13rem;
    padding: .18rem .48rem;
}

.kb-domains-table .fi-badge .fi-badge-label,
.kb-domains-table .fi-ta-text-item-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kb-domains-table .fi-ac {
    gap: .12rem;
    flex-wrap: nowrap;
}

.kb-domains-table .fi-icon-btn {
    width: 1.9rem;
    height: 1.9rem;
}

.kb-domains-table .fi-icon-btn .fi-icon {
    width: 1.05rem;
    height: 1.05rem;
}

.kb-domains-table .fi-ta-table th:last-child,
.kb-domains-table .fi-ta-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    width: 1%;
    min-width: 8.9rem;
    white-space: nowrap;
    background: #fff;
    box-shadow: -10px 0 14px -14px rgba(15, 23, 42, .55);
}

.dark .kb-domains-table .fi-ta-table th:last-child,
.dark .kb-domains-table .fi-ta-table td:last-child {
    background: #111827;
}