/**
 * İkasyon Mobil — web ile aynı renk paleti (dashboard_base tailwind config)
 */
:root {
    --ik-dark: #161451;
    --ik-darkblue: #161451;
    --ik-light: #9999FF;
    --ik-table: #7C7CFF;
    --ik-row: #EBEBFF;
    --ik-cyan: #25C0D5;
    --ik-green: #25D574;
    --ik-lightgreen: #3FE930;
    --ik-yellow: #FBDD00;
    --ik-lightyellow: #FBB800;
    --ik-red: #D52525;
    --ik-pink: #ED3694;
    --ik-input: #B3B3B3;
    --ik-text: #1E1E1E;
    --ik-bg: #f4f4fa;
    --ik-card: #ffffff;
    --ik-gradient: linear-gradient(to right, var(--ik-table), var(--ik-light));
    --ik-gradient-brand: linear-gradient(135deg, var(--ik-dark) 0%, #2a2878 50%, var(--ik-table) 100%);
    --ik-safe-top: env(safe-area-inset-top, 0px);
    --ik-safe-bottom: env(safe-area-inset-bottom, 0px);
}

*, *::before, *::after { box-sizing: border-box; }

.ik-mob-app {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--ik-bg);
    color: var(--ik-text);
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.ik-mob-content {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.ik-mob-content > .ik-mob-screen.active {
    flex: 1;
    min-height: 0;
}
.ik-mob-content > .ik-mob-subpage {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Üst navbar */
.ik-mob-navbar {
    background: var(--ik-dark);
    border-bottom: none;
    flex-shrink: 0;
    z-index: 40;
    position: relative;
    color: #fff;
}
.ik-mob-navbar .ik-mob-navbar__brand-text,
.ik-mob-navbar .ik-mob-navbar__name {
    color: #fff;
}
.ik-mob-navbar .ik-mob-icon-btn {
    color: #fff;
}
.ik-mob-navbar .ik-mob-icon-btn--logout {
    color: #fff;
}
.ik-mob-navbar .ik-mob-icon-btn:active {
    background: rgba(255, 255, 255, 0.15);
}
.ik-beta-banner--nav {
    border-radius: 0;
    padding: 4px 8px;
    font-size: 9px;
}
.ik-mob-navbar__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: calc(10px + var(--ik-safe-top)) 8px 10px;
    min-height: 48px;
}
.ik-mob-navbar__brand-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    max-width: 42%;
}
.ik-mob-navbar__brand {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    flex-shrink: 0;
    min-width: 0;
}
.ik-mob-navbar__logo {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}
.ik-mob-navbar__brand-text {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1;
    white-space: nowrap;
}
.ik-mob-navbar__actions {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    flex: 1;
    justify-content: flex-end;
}
.ik-mob-navbar__icons {
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}
.ik-mob-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--ik-dark);
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
    text-decoration: none;
}
.ik-mob-icon-btn svg {
    width: 18px;
    height: 18px;
}
.ik-mob-icon-btn:active {
    background: var(--ik-row);
}
.ik-mob-icon-btn--logout {
    color: var(--ik-red);
}
.ik-mob-navbar__name {
    font-size: 10px;
    font-weight: 600;
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 1;
    min-width: 0;
}
.ik-mob-navbar__icon-wrap {
    position: relative;
    flex-shrink: 0;
}
/* Navbar — Tailwind / harici reset koruması (sicil kartı vb.) */
.ik-mob-navbar .ik-mob-navbar__logo {
    width: 36px;
    height: 36px;
    max-width: none;
    flex-shrink: 0;
}
.ik-mob-navbar .ik-mob-navbar__row,
.ik-mob-navbar .ik-mob-navbar__actions,
.ik-mob-navbar .ik-mob-navbar__icons {
    display: flex;
    align-items: center;
}
.ik-mob-navbar .ik-mob-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    padding: 0;
    border: none;
    background: transparent;
    text-decoration: none;
}
.ik-mob-navbar .ik-mob-icon-btn svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.ik-mob-navbar .ik-mob-navbar__name {
    color: #fff;
    text-decoration: none;
}
.ik-mob-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 8px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    color: #fff;
    background: var(--ik-red);
    border-radius: 99px;
}
.ik-mob-navbar__icons .ik-mob-icon-btn {
    position: relative;
}

/* Ana sayfa — kişisel özet (İzin, Masraf, Avans, Talep, Kalan İzin) */
.ik-mob-nav-shortcuts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    padding: 8px 4px 10px;
    margin: -4px -4px 10px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(22, 20, 81, 0.08);
    box-shadow: 0 2px 8px rgba(22, 20, 81, 0.06);
}
.ik-mob-nav-shortcut {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 2px 1px;
    border: none;
    background: transparent;
    text-decoration: none;
    color: var(--ik-dark);
    cursor: default;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
}
.ik-mob-nav-shortcut__icons {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    flex-shrink: 0;
}
.ik-mob-nav-shortcut__icon {
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0;
}
.ik-mob-nav-shortcut__value {
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.ik-mob-nav-shortcut__value small {
    font-size: 8px;
    font-weight: 700;
    margin-left: 1px;
    opacity: 0.75;
}
.ik-mob-nav-shortcut__label {
    font-size: 8px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    color: #6b7280;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ik-mob-nav-shortcut--izin .ik-mob-nav-shortcut__icon { color: #7c3aed; }
.ik-mob-nav-shortcut--masraf .ik-mob-nav-shortcut__icon { color: #16a34a; }
.ik-mob-nav-shortcut--avans .ik-mob-nav-shortcut__icon { color: #6366f1; }
.ik-mob-nav-shortcut--talep .ik-mob-nav-shortcut__icon { color: #ea580c; }
.ik-mob-nav-shortcut--kalan .ik-mob-nav-shortcut__icon { color: var(--ik-table); }
.ik-mob-nav-shortcut--kalan .ik-mob-nav-shortcut__value { color: var(--ik-dark); }

.ik-mob-badge--msg {
    background: var(--ik-table);
}
.ik-mob-badge.hidden { display: none; }
.ik-mob-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    width: min(280px, calc(100vw - 24px));
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(22, 20, 81, 0.15);
    z-index: 100;
    overflow: hidden;
}
.ik-mob-dropdown.hidden { display: none; }
.ik-mob-dropdown__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
    font-size: 12px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-mob-dropdown__meta {
    font-size: 10px;
    font-weight: 500;
    color: var(--ik-input);
}
.ik-mob-dropdown__body {
    max-height: 220px;
    overflow-y: auto;
}
.ik-mob-dropdown__empty {
    padding: 20px 12px;
    text-align: center;
    font-size: 11px;
    color: var(--ik-input);
    margin: 0;
}
.ik-mob-notif-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ik-mob-notif-item {
    display: flex;
    gap: 8px;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
}
.ik-mob-notif-item:active { background: var(--ik-row); }
.ik-mob-notif-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ik-table);
    margin-top: 6px;
    flex-shrink: 0;
}
.ik-mob-notif-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ik-mob-notif-text strong {
    font-size: 11px;
    color: var(--ik-dark);
    font-weight: 600;
}
.ik-mob-notif-text small {
    font-size: 10px;
    color: #666;
    line-height: 1.3;
}

/* Mobil modallar */
.ik-mob-modal {
    position: fixed;
    inset: 0;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.ik-mob-modal.hidden { display: none; }
.ik-mob-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}
.ik-mob-modal__panel {
    position: relative;
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}
.ik-mob-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--ik-dark);
    color: #fff;
}
.ik-mob-modal__head h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.ik-mob-modal__head .ik-mob-icon-btn { color: #fff; }
.ik-mob-modal__body {
    padding: 16px;
    overflow-y: auto;
}
.ik-mob-field {
    display: block;
    margin-bottom: 12px;
}
.ik-mob-field span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #555;
    margin-bottom: 4px;
}
.ik-mob-field-msg {
    font-size: 11px;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
}
.ik-mob-field-msg.hidden { display: none; }
.ik-mob-field-msg.is-error {
    background: #fef2f2;
    color: #b91c1c;
}
.ik-mob-field-msg.is-success {
    background: #f0fdf4;
    color: #15803d;
}
.ik-mob-modal__actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.ik-phone-shell .ik-mob-modal {
    position: absolute;
    z-index: 300;
}

/* Hub modalları — duyuru, yardım, destek */
.ik-mob-hub-modal {
    position: fixed;
    inset: 0;
    z-index: 600;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
}
.ik-mob-hub-modal.hidden { display: none; }
.ik-mob-hub-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}
.ik-mob-hub-modal__panel {
    position: relative;
    width: 100%;
    max-height: 92vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
    animation: ik-mob-hub-slide-up 0.22s ease-out;
}
.ik-mob-hub-modal__panel--tall {
    height: 92vh;
    max-height: 96vh;
}
@keyframes ik-mob-hub-slide-up {
    from { transform: translateY(100%); opacity: 0.6; }
    to { transform: translateY(0); opacity: 1; }
}
.ik-mob-hub-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: var(--ik-dark);
    color: #fff;
    flex-shrink: 0;
}
.ik-mob-hub-modal__head h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.ik-mob-hub-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
}
.ik-mob-hub-modal__close svg { width: 20px; height: 20px; }
.ik-mob-hub-modal__close:active { background: rgba(255, 255, 255, 0.12); }
.ik-mob-hub-modal__search-wrap {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}
.ik-mob-hub-modal__body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.ik-mob-hub-modal__panel-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
.ik-mob-hub-modal__footer-btn {
    width: 100%;
    border: none;
    padding: 14px 16px;
    background: var(--ik-dark);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    flex-shrink: 0;
}
.ik-mob-hub-modal__footer-btn:active { background: #100e3e; }
.ik-mob-hub-empty {
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
    padding: 32px 16px;
    margin: 0;
}

/* Duyurular */
.ik-mob-announce-list { padding: 0; }
.ik-mob-announce-item {
    padding: 14px 16px;
    border-bottom: 1px solid #f3f4f6;
}
.ik-mob-announce-item h3 {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-mob-announce-item time {
    display: block;
    font-size: 10px;
    color: #9ca3af;
    margin-bottom: 8px;
}
.ik-mob-announce-body {
    font-size: 12px;
    color: #4b5563;
    line-height: 1.55;
    white-space: pre-wrap;
}

/* Yardım merkezi */
.ik-mob-help-modules {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    max-height: 38%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.ik-mob-help-modules::-webkit-scrollbar { width: 0; height: 0; }
.ik-mob-help-module {
    flex: 0 1 auto;
    max-width: 100%;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #4b5563;
    font-size: 11px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 999px;
    cursor: pointer;
    line-height: 1.3;
    text-align: left;
    white-space: normal;
    word-break: break-word;
}
.ik-mob-help-module.is-active {
    background: var(--ik-dark);
    border-color: var(--ik-dark);
    color: #fff;
}
.ik-mob-help-faqs {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    padding: 12px 14px 16px;
    -webkit-overflow-scrolling: touch;
}
.ik-mob-help-faq {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    background: #fff;
}
.ik-mob-help-faq[open] { border-color: rgba(22, 20, 81, 0.25); }
.ik-mob-help-faq summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ik-dark);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.ik-mob-help-faq summary::-webkit-details-marker { display: none; }
.ik-mob-help-faq summary svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #9ca3af;
    transition: transform 0.15s;
}
.ik-mob-help-faq[open] summary svg { transform: rotate(180deg); }
.ik-mob-help-faq__body {
    padding: 0 14px 12px;
    font-size: 12px;
    color: #4b5563;
    line-height: 1.55;
    white-space: pre-wrap;
    border-top: 1px solid #f3f4f6;
    padding-top: 10px;
}
.ik-mob-help-empty {
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
    padding: 24px 8px;
}

/* Destek talepleri */
.ik-mob-support-list { padding: 10px 12px 4px; }
.ik-mob-support-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    background: #fafafa;
}
.ik-mob-support-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}
.ik-mob-support-card__id {
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
}
.ik-mob-support-card__status {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f3f4f6;
}
.ik-mob-support-card__status--acik { color: #dc2626; background: #fef2f2; }
.ik-mob-support-card__status--islemde { color: #d97706; background: #fffbeb; }
.ik-mob-support-card__status--cevaplandi { color: #ca8a04; background: #fefce8; }
.ik-mob-support-card__status--kapali { color: #16a34a; background: #f0fdf4; }
.ik-mob-support-card__subject {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    line-height: 1.35;
}
.ik-mob-support-card__date {
    display: block;
    font-size: 10px;
    color: #9ca3af;
}
.ik-mob-support-card__link {
    display: inline-block;
    margin-top: 6px;
    font-size: 11px;
    color: var(--ik-dark);
    font-weight: 600;
}
.ik-mob-support-card__reply {
    margin-top: 8px;
    font-size: 11px;
}
.ik-mob-support-card__reply summary {
    color: #ca8a04;
    cursor: pointer;
    font-weight: 600;
}
.ik-mob-support-card__reply div {
    margin-top: 6px;
    padding: 8px;
    background: #fefce8;
    border: 1px solid #fef08a;
    border-radius: 8px;
    color: #4b5563;
    white-space: pre-wrap;
    line-height: 1.45;
}

/* Destek formu */
.ik-mob-support-form { padding: 14px 16px 20px; }
.ik-mob-support-form textarea.ik-mob-input { min-height: 100px; resize: vertical; }
.ik-mob-field-hint {
    font-size: 10px;
    color: #9ca3af;
    margin: 4px 0 0;
}
.ik-mob-hub-modal .hidden { display: none !important; }
.ik-mob-hub-modal .ik-mob-field-msg.is-error {
    background: #fef2f2;
    color: #b91c1c;
}
.ik-mob-hub-modal .ik-mob-field-msg.is-success {
    background: #f0fdf4;
    color: #15803d;
}

.ik-phone-shell .ik-mob-hub-modal {
    position: absolute;
    z-index: 400;
}
.ik-mob-app.ik-hub-modal-open,
body.ik-hub-modal-open {
    overflow: hidden;
}

.ik-mob-screen {
    display: none;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.ik-mob-screen.active { display: flex; }

.ik-mob-scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.ik-mob-scroll::-webkit-scrollbar { width: 0; }

/* Header — marka lacivert */
.ik-mob-header {
    background: var(--ik-dark);
    color: #fff;
    padding: calc(12px + var(--ik-safe-top)) 16px 14px;
    flex-shrink: 0;
}
.ik-mob-header-light {
    background: #fff;
    color: var(--ik-dark);
    padding: calc(12px + var(--ik-safe-top)) 16px 12px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.1);
    flex-shrink: 0;
}

/* KPI — web dashboard gradient */
.ik-kpi-gradient {
    background: var(--ik-gradient);
    color: #fff;
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 2px 8px rgba(124, 124, 255, 0.25);
}
.ik-kpi-white {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 10px 12px;
}
.ik-kpi-white .ik-kpi-value { color: var(--ik-dark); }

.ik-mob-kpi-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 12px;
}
.ik-mob-kpi-row .ik-mob-kpi-cell {
    min-width: 0;
    padding: 8px 4px;
    text-align: center;
    text-decoration: none;
    display: block;
}
.ik-mob-kpi-row .ik-kpi-label {
    font-size: 8px;
    line-height: 1.25;
    color: #757575;
    margin: 0 0 4px;
    white-space: normal;
    word-break: break-word;
}
.ik-mob-kpi-row .ik-kpi-value {
    font-size: 1.05rem;
    margin: 0;
}
.ik-mob-kpi-trend {
    font-size: 7px;
    color: #25D574;
    font-weight: 600;
    margin: 2px 0 0;
    line-height: 1.1;
}

.ik-kpi-label { font-size: 10px; opacity: 0.85; font-weight: 600; }
.ik-kpi-value { font-size: 1.25rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }

/* Kartlar */
.ik-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(22, 20, 81, 0.1);
    padding: 12px;
}
.ik-mob-pending-card {
    padding: 8px 10px 6px;
    margin-bottom: 12px;
}
.ik-mob-pending-card__title {
    font-size: 12px;
    font-weight: 700;
    color: var(--ik-dark);
    margin: 0 0 4px;
    line-height: 1.2;
}
.ik-mob-pending-card .ik-pending-row {
    padding: 3px 0;
}
.ik-mob-pending-card .ik-pending-count {
    padding: 1px 7px;
    font-size: 10px;
}

/* Butonlar */
.ik-btn-primary {
    background: var(--ik-dark);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 14px 16px;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}
.ik-btn-primary:active { opacity: 0.9; }
.ik-btn-gradient {
    background: var(--ik-gradient);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 14px 16px;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}
.ik-btn-outline {
    background: #fff;
    color: var(--ik-dark);
    border: 2px solid var(--ik-dark);
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
}
.ik-btn-danger {
    background: #fff;
    color: var(--ik-red);
    border: 2px solid var(--ik-red);
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
}

/* Alt menü */
.ik-bottom-nav {
    display: flex;
    background: #fff;
    border-top: 1px solid rgba(22, 20, 81, 0.12);
    padding: 6px 0 calc(10px + var(--ik-safe-bottom));
    flex-shrink: 0;
}
.ik-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 9px;
    font-weight: 600;
    color: var(--ik-input);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
}
.ik-nav-item.active { color: var(--ik-dark); }
.ik-nav-item svg { width: 22px; height: 22px; }
.ik-bottom-nav--hub {
    padding-left: 2px;
    padding-right: 2px;
}
.ik-bottom-nav--hub .ik-nav-item {
    position: relative;
    font-size: 8px;
    padding: 4px 1px;
    gap: 1px;
    line-height: 1.15;
    text-align: center;
}
.ik-bottom-nav--hub .ik-nav-item svg {
    width: 20px;
    height: 20px;
}
.ik-bottom-nav--hub .ik-nav-item .ik-mob-badge {
    top: 0;
    right: calc(50% - 18px);
}
a.ik-nav-link {
    text-decoration: none;
    color: var(--ik-input);
}
a.ik-nav-link:active { color: var(--ik-dark); }

.ik-kpi-tap:active { background: var(--ik-row); }
.ik-pending-row--link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ik-pending-row--link:active { background: var(--ik-row); border-radius: 8px; }
a.ik-quick-btn { color: var(--ik-dark); }
a.ik-menu-item { color: var(--ik-dark); }

/* Hızlı işlem */
.ik-quick-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px;
    border-radius: 10px;
    background: var(--ik-row);
    border: 1px solid rgba(124, 124, 255, 0.2);
    font-size: 9px;
    font-weight: 600;
    color: var(--ik-dark);
    cursor: pointer;
}
.ik-quick-btn:active { background: rgba(124, 124, 255, 0.25); }

/* Kısa yollarım — PDKS kapalı: 2×4, PDKS açık: 2×6 */
.ik-mob-user-shortcuts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}
.ik-mob-user-shortcuts--pdks {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 5px;
}
.ik-mob-user-shortcut {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    min-width: 0;
    min-height: 62px;
    padding: 8px 4px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #f4f4fa;
    text-decoration: none;
    color: var(--ik-dark);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.ik-mob-user-shortcut:active:not(:disabled):not(.is-disabled) { opacity: 0.85; }
.ik-mob-user-shortcut.is-disabled,
.ik-mob-user-shortcut:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.ik-mob-user-shortcut--purple { background: linear-gradient(135deg, #faf5ff, #f3e8ff); border-color: #e9d5ff; }
.ik-mob-user-shortcut--green { background: linear-gradient(135deg, #f0fdf4, #dcfce7); border-color: #bbf7d0; }
.ik-mob-user-shortcut--indigo { background: linear-gradient(135deg, #eef2ff, #e0e7ff); border-color: #c7d2fe; }
.ik-mob-user-shortcut--orange { background: linear-gradient(135deg, #fff7ed, #ffedd5); border-color: #fed7aa; }
.ik-mob-user-shortcut--fuchsia { background: linear-gradient(135deg, #fdf4ff, #fae8ff); border-color: #f5d0fe; }
.ik-mob-user-shortcut--blue { background: linear-gradient(135deg, #eff6ff, #dbeafe); border-color: #bfdbfe; }
.ik-mob-user-shortcut--rose { background: linear-gradient(135deg, #fff1f2, #ffe4e6); border-color: #fecdd3; }
.ik-mob-user-shortcut--teal { background: linear-gradient(135deg, #f0fdfa, #ccfbf1); border-color: #99f6e4; }
.ik-mob-user-shortcut--amber { background: linear-gradient(135deg, #fffbeb, #fef3c7); border-color: #fde68a; }
.ik-mob-user-shortcut--sky { background: linear-gradient(135deg, #f0f9ff, #e0f2fe); border-color: #bae6fd; }
.ik-mob-user-shortcuts--pdks .ik-mob-user-shortcut {
    gap: 3px;
    min-height: 52px;
    padding: 5px 1px;
}
.ik-mob-user-shortcut__chip {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}
.ik-mob-user-shortcut__chip--purple { background: #9333ea; }
.ik-mob-user-shortcut__chip--green { background: #22c55e; }
.ik-mob-user-shortcut__chip--indigo { background: #6366f1; }
.ik-mob-user-shortcut__chip--orange { background: #f97316; }
.ik-mob-user-shortcut__chip--fuchsia { background: #d946ef; }
.ik-mob-user-shortcut__chip--blue { background: #3b82f6; }
.ik-mob-user-shortcut__chip--rose { background: #f43f5e; }
.ik-mob-user-shortcut__chip--teal { background: #14b8a6; }
.ik-mob-user-shortcut__chip--amber { background: #f59e0b; }
.ik-mob-user-shortcut__chip--sky { background: #0ea5e9; }
.ik-mob-user-shortcuts--pdks .ik-mob-user-shortcut__chip {
    width: 26px;
    height: 26px;
}
.ik-mob-user-shortcut__icon {
    width: 16px !important;
    height: 16px !important;
}
.ik-mob-user-shortcuts--pdks .ik-mob-user-shortcut__icon {
    width: 13px !important;
    height: 13px !important;
}
.ik-mob-user-shortcut__label {
    font-size: 9px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    color: #374151;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ik-mob-user-shortcuts--pdks .ik-mob-user-shortcut__label {
    font-size: 7px;
}

/* Kısa yollarım — Seviye 3: 3 sütun, büyük buton (3+3…) */
.ik-mob-user-shortcuts--cols3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.ik-mob-user-shortcuts--cols3 .ik-mob-user-shortcut {
    gap: 6px;
    min-height: 80px;
    padding: 10px 6px;
    border-radius: 12px;
}
.ik-mob-user-shortcuts--cols3 .ik-mob-user-shortcut__chip {
    width: 42px;
    height: 42px;
}
.ik-mob-user-shortcuts--cols3 .ik-mob-user-shortcut__icon {
    width: 20px !important;
    height: 20px !important;
}
.ik-mob-user-shortcuts--cols3 .ik-mob-user-shortcut__label {
    font-size: 10px;
    line-height: 1.2;
}

/* Bugün özeti — tarih + bildirimler tek satır */
.ik-mob-today-card {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 6px 6px;
    margin-bottom: 12px;
}
.ik-mob-today-row {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) repeat(5, minmax(0, 1fr));
    gap: 2px;
    align-items: center;
}
.ik-mob-today-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    padding: 2px 0;
    text-align: center;
}
.ik-mob-today-item--date {
    padding-right: 2px;
    border-right: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-mob-today-item__date {
    font-size: 9px;
    font-weight: 800;
    color: var(--ik-dark);
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.ik-mob-today-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: rgba(22, 20, 81, 0.06);
    flex-shrink: 0;
}
.ik-mob-today-item__svg {
    width: 13px !important;
    height: 13px !important;
}
.ik-mob-today-item__label {
    font-size: 7px;
    font-weight: 600;
    line-height: 1.2;
    color: #6b7280;
    word-break: break-word;
}
.ik-mob-today-item__label strong {
    font-size: 9px;
    font-weight: 800;
    color: var(--ik-dark);
    margin-left: 1px;
}

/* Seviye 3 — takvim + duyurular ayrı kartlar */
.ik-mob-today-card--calendar {
    margin-bottom: 10px;
}
.ik-mob-today-row--seviye3 {
    grid-template-columns: minmax(0, 0.72fr) repeat(5, minmax(0, 1fr));
    gap: 1px;
}
.ik-mob-today-row--seviye3 .ik-mob-today-item__label {
    font-size: 6px;
    line-height: 1.15;
    -webkit-line-clamp: 3;
}
.ik-mob-announce-card {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 8px 10px 10px;
    margin-bottom: 12px;
}
.ik-mob-announce-card__title {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ik-input);
    margin: 0 0 6px;
}
.ik-mob-scroll--seviye3 .ik-section-title {
    margin-top: 4px;
}

.ik-mob-today-duyuru-wrap {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-mob-today-duyuru__heading {
    margin: 0 0 6px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(22, 20, 81, 0.5);
}
.ik-mob-today-duyuru {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    margin: 0;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 10px;
    background: rgba(22, 20, 81, 0.03);
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.ik-mob-today-duyuru:active {
    background: rgba(22, 20, 81, 0.06);
}
.ik-mob-today-duyuru__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(124, 124, 255, 0.15);
    color: var(--ik-table);
}
.ik-mob-today-duyuru__svg {
    width: 14px !important;
    height: 14px !important;
}
.ik-mob-today-duyuru__content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ik-mob-today-duyuru__title {
    font-size: 11px;
    font-weight: 700;
    color: var(--ik-dark);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ik-mob-today-duyuru__preview {
    font-size: 9px;
    color: rgba(22, 20, 81, 0.65);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ik-mob-today-duyuru__time {
    font-size: 8px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-mob-today-duyuru__chevron {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    color: rgba(22, 20, 81, 0.35);
}
.ik-mob-today-duyuru__empty {
    margin: 0;
    padding: 8px 10px;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.5);
    background: rgba(22, 20, 81, 0.03);
    border-radius: 10px;
}

.ik-quick-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}
.ik-quick-icon--table { background: var(--ik-table); }
.ik-quick-icon--light { background: var(--ik-light); }
.ik-quick-icon--cyan { background: var(--ik-cyan); }
.ik-quick-icon--green { background: var(--ik-green); }
.ik-quick-icon--pink { background: var(--ik-pink); }

/* Liste */
.ik-list-card {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    border: 1px solid rgba(22, 20, 81, 0.08);
    margin-bottom: 8px;
    cursor: pointer;
}
.ik-list-card:active { background: var(--ik-row); }

.ik-badge-wait { background: #fff7ed; color: #ea580c; font-size: 10px; padding: 2px 8px; border-radius: 99px; font-weight: 600; }
.ik-badge-ok { background: #f0fdf4; color: var(--ik-green); font-size: 10px; padding: 2px 8px; border-radius: 99px; font-weight: 600; }

.ik-tab-pill {
    padding: 6px 12px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    border: none;
    background: var(--ik-row);
    color: var(--ik-dark);
    opacity: 0.7;
    cursor: pointer;
}
.ik-tab-pill.active {
    background: var(--ik-dark);
    color: #fff;
    opacity: 1;
}

.ik-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px 6px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(22, 20, 81, 0.08);
    font-size: 9px;
    font-weight: 600;
    color: var(--ik-dark);
    text-align: center;
    cursor: pointer;
}
.ik-menu-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(124, 124, 255, 0.1);
}
.ik-menu-item__svg {
    width: 18px;
    height: 18px;
}
.ik-menu-item:active { background: var(--ik-row); }

[data-goto] { cursor: pointer; }

/* Giriş sayfası */
.ik-mob-login-page {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: url('../img/bg.png') center/cover no-repeat;
}
.ik-mob-login-card {
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 16px;
    padding: 32px 24px;
    box-shadow: 0 8px 32px rgba(22, 20, 81, 0.15);
}
.ik-mob-input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(153, 153, 255, 0.5);
    padding: 10px 14px;
    font-size: 14px;
    margin-top: 4px;
}
.ik-mob-input:focus {
    outline: none;
    border-color: var(--ik-table);
    box-shadow: 0 0 0 3px rgba(124, 124, 255, 0.2);
}

/* Superuser önizleme telefon çerçevesi */
.ik-phone-shell {
    width: 390px;
    height: 844px;
    border-radius: 44px;
    background: #1a1a1a;
    padding: 12px;
    box-shadow: 0 25px 80px rgba(22, 20, 81, 0.35);
    position: relative;
    margin: 0 auto;
    flex-shrink: 0;
}
.ik-phone-screen-wrap {
    width: 100%;
    height: 100%;
    border-radius: 34px;
    overflow: hidden;
    position: relative;
    background: var(--ik-bg);
}
.ik-phone-notch {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 28px;
    background: #1a1a1a;
    border-radius: 0 0 18px 18px;
    z-index: 50;
    pointer-events: none;
}
.ik-phone-shell .ik-mob-app {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    max-width: none;
    width: 100%;
    margin: 0;
    border-radius: 34px;
}
.ik-phone-shell .ik-mob-toast,
.ik-phone-screen-wrap .ik-mob-toast {
    position: absolute;
    left: 50%;
    bottom: calc(72px + var(--ik-safe-bottom));
    z-index: 60;
}
.ik-phone-shell .ik-beta-banner {
    flex-shrink: 0;
}

.ik-section-title {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ik-input);
    margin-bottom: 8px;
}

.ik-pending-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}
.ik-pending-count {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 99px;
    background: var(--ik-row);
    color: var(--ik-table);
}

.ik-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--ik-row);
    color: var(--ik-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    flex-shrink: 0;
}

.ik-beta-banner {
    background: linear-gradient(90deg, var(--ik-lightyellow), var(--ik-yellow));
    color: var(--ik-dark);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    padding: 6px 12px;
}

/* Yakında toast */
.ik-mob-toast {
    position: fixed;
    left: 50%;
    bottom: calc(24px + var(--ik-safe-bottom));
    transform: translateX(-50%) translateY(12px);
    background: var(--ik-dark);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 99px;
    box-shadow: 0 4px 20px rgba(22, 20, 81, 0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
    z-index: 9999;
    white-space: nowrap;
}
.ik-mob-toast.visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Alt sayfa — modül ekranları */
.ik-mob-subpage {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 100%;
}
.ik-mob-subpage__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 12px 8px;
    flex-shrink: 0;
}
.ik-mob-subpage__title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-mob-subpage__action {
    border: none;
    border-radius: 10px;
    padding: 8px 14px;
    background: var(--ik-table);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    flex-shrink: 0;
}
.ik-mob-subpage__action:active { background: var(--ik-dark); }
.ik-mob-subpage__scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 12px calc(12px + var(--ik-safe-bottom));
    -webkit-overflow-scrolling: touch;
}
.ik-mob-subpage__empty {
    margin: 24px 0;
    padding: 20px 12px;
    text-align: center;
    font-size: 13px;
    color: rgba(22, 20, 81, 0.55);
    background: #fff;
    border-radius: 12px;
    border: 1px dashed rgba(22, 20, 81, 0.12);
}

.ik-yetki-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ik-yetki-card {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 12px;
}
.ik-yetki-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}
.ik-yetki-card__names {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--ik-dark);
    line-height: 1.35;
}
.ik-yetki-card__arrow {
    color: rgba(22, 20, 81, 0.45);
    font-weight: 600;
    padding: 0 2px;
}
.ik-yetki-badge {
    flex-shrink: 0;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 99px;
}
.ik-yetki-badge--active {
    background: rgba(37, 213, 116, 0.15);
    color: #15803d;
}
.ik-yetki-card__dates {
    margin: 0 0 6px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.6);
}
.ik-yetki-card__reason {
    margin: 0 0 10px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.75);
    line-height: 1.45;
}
.ik-yetki-card__btn {
    width: 100%;
    border: 1px solid rgba(249, 115, 22, 0.35);
    background: rgba(249, 115, 22, 0.08);
    color: #c2410c;
    border-radius: 10px;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.ik-yetki-card__btn:active { background: rgba(249, 115, 22, 0.16); }

.ik-mob-form-body {
    padding: 12px 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ik-mob-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ik-dark);
}
.ik-mob-req { color: var(--ik-red); }
.ik-mob-field-hint {
    font-size: 10px;
    font-weight: 500;
    color: rgba(22, 20, 81, 0.5);
}
.ik-mob-date-field {
    position: relative;
    display: flex;
    align-items: center;
}
.ik-mob-date-field .ik-mob-input {
    width: 100%;
    padding-right: 42px;
}
.ik-mob-date-native {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: 0;
}
.ik-mob-date-btn {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: rgba(124, 124, 255, 0.12);
    color: var(--ik-table);
    cursor: pointer;
    flex-shrink: 0;
}
.ik-mob-date-btn svg {
    width: 18px;
    height: 18px;
}
.ik-mob-date-btn:active {
    background: rgba(124, 124, 255, 0.22);
}
.ik-mob-form-error {
    margin: 0;
    font-size: 11px;
    color: var(--ik-red);
    line-height: 1.4;
}
.ik-mob-form-error.hidden { display: none; }

/* Personel Yönetimi — tek satır tablo */
.ik-mob-subpage--personel {
    min-height: 0;
}
.ik-mob-subpage--personel .ik-mob-subpage__scroll {
    padding-top: 0;
}
.ik-personel-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 12px calc(12px + var(--ik-safe-bottom));
    overflow: hidden;
}
.ik-personel-tabs {
    display: flex;
    gap: 6px;
    padding: 0 12px 10px;
    flex-shrink: 0;
}
.ik-personel-tab {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 6px;
    border-radius: 10px;
    background: rgba(22, 20, 81, 0.06);
    color: rgba(22, 20, 81, 0.65);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.ik-personel-tab.is-active {
    background: var(--ik-table);
    color: #fff;
}
.ik-personel-tab__count {
    font-size: 10px;
    opacity: 0.85;
}
.ik-personel-table-scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    margin-bottom: 10px;
}
.ik-personel-table {
    width: 100%;
    min-width: 620px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 11px;
}
.ik-personel-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
}
.ik-personel-th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 8px 6px;
    background: var(--ik-table);
    background: linear-gradient(90deg, var(--ik-table), var(--ik-light));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(22, 20, 81, 0.08);
}
.ik-personel-th--photo { width: 40px; }
.ik-personel-th--name { width: 96px; }
.ik-personel-th--email { width: 120px; }
.ik-personel-th--gsm { width: 88px; }
.ik-personel-th--actions { width: 118px; text-align: center; }
.ik-personel-row {
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-personel-row--inactive { opacity: 0.72; }
.ik-personel-cell {
    padding: 6px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.ik-personel-cell--photo {
    width: 40px;
    text-align: center;
}
.ik-personel-photo-link {
    display: block;
    line-height: 0;
}
.ik-personel-photo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border: 1px solid rgba(124, 124, 255, 0.25);
}
.ik-personel-name {
    color: var(--ik-dark);
    font-weight: 600;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-personel-name:active { color: var(--ik-table); }
.ik-personel-link {
    color: var(--ik-table);
    font-weight: 500;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-personel-link:active { color: var(--ik-dark); }
.ik-personel-cell--actions {
    text-align: center;
    overflow: visible;
}
.ik-personel-cell--actions .ik-personel-btn {
    display: inline-block;
    vertical-align: middle;
}
.ik-personel-btn {
    border: none;
    border-radius: 6px;
    padding: 4px 6px;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
}
.ik-personel-btn--pwd {
    background: rgba(37, 213, 116, 0.15);
    color: #15803d;
    margin-right: 3px;
}
.ik-personel-btn--disable {
    background: rgba(251, 221, 0, 0.35);
    color: #854d0e;
}
.ik-personel-btn--activate {
    background: rgba(37, 213, 116, 0.2);
    color: #166534;
}
.ik-personel-muted {
    font-size: 10px;
    color: rgba(22, 20, 81, 0.4);
}
.ik-personel-empty {
    padding: 24px 12px;
    text-align: center;
    color: rgba(22, 20, 81, 0.5);
    font-size: 12px;
}
.ik-personel-pagination {
    flex-shrink: 0;
    padding: 0 0 4px;
}
.ik-personel-pagination__info {
    margin: 0 0 8px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.55);
    text-align: center;
}
.ik-personel-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.ik-personel-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid rgba(22, 20, 81, 0.12);
    background: #fff;
    color: var(--ik-dark);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}
.ik-personel-page--current {
    background: var(--ik-table);
    border-color: var(--ik-table);
    color: #fff;
}
.ik-personel-page:active {
    background: rgba(124, 124, 255, 0.12);
}

/* PDKS — giriş-çıkış lite liste */
.ik-mob-subpage--pdks {
    min-height: 0;
}
.ik-pdks-filters-wrap {
    flex-shrink: 0;
    padding: 0 12px 8px;
}
.ik-pdks-filters {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ik-pdks-filters__row {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    min-width: 0;
}
.ik-pdks-filters__row--dates {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    align-items: end;
}
.ik-pdks-filters__row--actions {
    flex-wrap: nowrap;
}
.ik-pdks-filter {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.ik-pdks-filter--personel {
    flex: 1;
    min-width: 0;
}
.ik-pdks-filter__label {
    font-size: 9px;
    font-weight: 600;
    color: rgba(22, 20, 81, 0.55);
    white-space: nowrap;
}
.ik-pdks-filter__input {
    width: 100%;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    padding: 6px 4px;
    font-size: 11px;
    color: var(--ik-dark);
    background: #fff;
    min-width: 0;
}
.ik-pdks-filters__row--dates .ik-pdks-filter__input {
    font-size: 10px;
    padding: 6px 3px;
}
.ik-pdks-filter__btn {
    flex-shrink: 0;
    border: none;
    border-radius: 8px;
    padding: 7px 10px;
    background: var(--ik-table);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    height: 32px;
    align-self: flex-end;
}
.ik-pdks-filter__clear {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(22, 20, 81, 0.06);
    color: rgba(22, 20, 81, 0.65);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    height: 32px;
    align-self: flex-end;
}
.ik-pdks-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 12px calc(12px + var(--ik-safe-bottom));
    overflow: hidden;
}
.ik-pdks-table-scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    margin-bottom: 10px;
}
.ik-pdks-table {
    width: 100%;
    min-width: 880px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 10px;
}
.ik-pdks-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
}
.ik-pdks-th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 8px 5px;
    background: var(--ik-table);
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(22, 20, 81, 0.08);
}
.ik-pdks-th--tarih { width: 62px; }
.ik-pdks-th--name { width: 88px; }
.ik-pdks-th--dept { width: 72px; }
.ik-pdks-th--pos { width: 72px; }
.ik-pdks-th--gc { width: 96px; }
.ik-pdks-th--brut { width: 52px; }
.ik-pdks-th--fm { width: 52px; }
.ik-pdks-th--net { width: 52px; }
.ik-pdks-th--ihlal { width: 72px; }
.ik-pdks-row {
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-pdks-row--mesai-disi {
    background: rgba(251, 191, 36, 0.08);
}
.ik-pdks-cell {
    padding: 6px 5px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
    color: var(--ik-dark);
}
.ik-pdks-cell--tarih {
    white-space: normal;
    line-height: 1.2;
}
.ik-pdks-date {
    display: block;
    font-weight: 600;
}
.ik-pdks-weekday {
    display: block;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-pdks-cell--name {
    font-weight: 600;
}
.ik-pdks-cell--gc {
    white-space: normal;
}
.ik-pdks-gc {
    display: block;
    font-size: 9px;
}
.ik-pdks-muted {
    color: rgba(22, 20, 81, 0.35);
}
.ik-pdks-badge {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 600;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-pdks-badge--ok {
    background: rgba(37, 213, 116, 0.15);
    color: #166534;
}
.ik-pdks-badge--bad {
    background: rgba(213, 37, 37, 0.12);
    color: #991b1b;
}
.ik-pdks-empty {
    padding: 24px 12px;
    text-align: center;
    color: rgba(22, 20, 81, 0.5);
    font-size: 12px;
}
.ik-pdks-pagination {
    flex-shrink: 0;
    padding: 0 0 4px;
}
.ik-pdks-pagination__info {
    margin: 0 0 8px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.55);
    text-align: center;
}
.ik-pdks-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.ik-pdks-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid rgba(22, 20, 81, 0.12);
    background: #fff;
    color: var(--ik-dark);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}
.ik-pdks-page--current {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #fff;
}
.ik-pdks-page:active {
    background: rgba(14, 165, 233, 0.12);
}

/* İzin Süreç Takibi — mobil lite */
.ik-mob-subpage--izin {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.ik-mob-subpage--masraf,
.ik-mob-subpage--avans {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.ik-masraf-table { min-width: 820px; }
.ik-avans-table { min-width: 520px; }
.ik-masraf-th--type { width: 72px; }
.ik-masraf-th--date { width: 72px; }
.ik-masraf-th--pay { width: 64px; }
.ik-masraf-th--amount { width: 56px; }
.ik-masraf-th--detail { width: 48px; }
.ik-avans-th--type { width: 80px; }
.ik-avans-th--date { width: 72px; }
.ik-avans-th--amount { width: 56px; }
.ik-izin-tabs {
    display: flex;
    gap: 4px;
    padding: 0 12px 8px;
    flex-shrink: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.ik-izin-tab {
    flex: 1 0 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(22, 20, 81, 0.06);
    color: rgba(22, 20, 81, 0.65);
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.1;
}
.ik-izin-tab.is-active {
    background: var(--ik-table);
    color: #fff;
}
.ik-izin-tab__count {
    font-size: 9px;
    opacity: 0.85;
}
.ik-izin-filters-wrap {
    flex-shrink: 0;
    padding: 0 12px 8px;
}
.ik-izin-filters {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 8px;
}
.ik-izin-filters__row {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: 0;
}
.ik-izin-filter {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.ik-izin-filter--personel {
    flex: 1.4;
}
.ik-izin-filter__label {
    font-size: 9px;
    font-weight: 600;
    color: rgba(22, 20, 81, 0.55);
}
.ik-izin-filter__input {
    width: 100%;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    padding: 6px 4px;
    font-size: 10px;
    min-width: 0;
}
.ik-izin-filter__btn {
    flex-shrink: 0;
    border: none;
    border-radius: 8px;
    padding: 7px 10px;
    background: var(--ik-table);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 32px;
    align-self: flex-end;
    white-space: nowrap;
}
.ik-izin-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 12px calc(12px + var(--ik-safe-bottom));
    overflow: hidden;
}
.ik-izin-table-scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    margin-bottom: 10px;
}
.ik-izin-table {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 10px;
}
.ik-izin-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
}
.ik-izin-th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 7px 4px;
    background: var(--ik-table);
    background: var(--ik-gradient);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}
.ik-izin-th--name { width: 88px; }
.ik-izin-th--type { width: 72px; }
.ik-izin-th--period { width: 88px; }
.ik-izin-th--days { width: 40px; }
.ik-izin-th--remain { width: 44px; }
.ik-izin-th--status { width: 52px; }
.ik-izin-th--actions { width: 130px; }
.ik-izin-row {
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-izin-cell {
    padding: 5px 4px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.ik-izin-cell--name { font-weight: 600; }
.ik-izin-cell--status { overflow: visible; }
.ik-izin-status-group {
    display: inline-flex;
    align-items: stretch;
    white-space: nowrap;
    line-height: 1.2;
}
.ik-izin-badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 9px;
    font-weight: 600;
}
.ik-izin-badge--pending {
    border-radius: 5px 0 0 5px;
    background: rgba(251, 221, 0, 0.35);
    color: #854d0e;
}
.ik-izin-badge--step {
    border-radius: 0 5px 5px 0;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
    background: rgba(251, 221, 0, 0.55);
    color: #713f12;
    border-left: 1px solid rgba(133, 77, 14, 0.2);
}
.ik-izin-badge--ok { border-radius: 5px; background: rgba(37, 213, 116, 0.15); color: #166534; }
.ik-izin-badge--bad { border-radius: 5px; background: rgba(213, 37, 37, 0.12); color: #991b1b; }
.ik-izin-cell--period { font-size: 9px; white-space: normal; }
.ik-izin-btn {
    display: inline-block;
    border: none;
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    vertical-align: middle;
}
.ik-izin-btn--ok { background: rgba(37, 213, 116, 0.2); color: #166534; }
.ik-izin-btn--no { background: rgba(213, 37, 37, 0.12); color: #991b1b; }
.ik-izin-btn--warn { background: rgba(251, 221, 0, 0.35); color: #854d0e; }
.ik-izin-btn--view { background: rgba(124, 124, 255, 0.15); color: var(--ik-dark); }
.ik-izin-btn--conflict { background: rgba(249, 115, 22, 0.15); color: #c2410c; padding: 3px 6px; }
.ik-izin-btn--disabled,
.ik-izin-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}
.ik-izin-cell--actions {
    overflow: visible;
    white-space: nowrap;
}
.ik-izin-muted { font-size: 9px; color: rgba(22, 20, 81, 0.35); }
.ik-izin-empty {
    padding: 20px;
    text-align: center;
    color: rgba(22, 20, 81, 0.5);
    font-size: 12px;
}
.ik-izin-pagination {
    flex-shrink: 0;
    padding: 0 0 4px;
}
.ik-izin-pagination__info {
    margin: 0 0 8px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.55);
    text-align: center;
}
.ik-izin-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
}
.ik-izin-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid rgba(22, 20, 81, 0.12);
    background: #fff;
    color: var(--ik-dark);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}
.ik-izin-page--current {
    background: var(--ik-table);
    border-color: var(--ik-table);
    color: #fff;
}
.ik-izin-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.ik-izin-modal.hidden { display: none; }
.ik-izin-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(22, 20, 81, 0.45);
}
.ik-izin-modal__panel {
    position: relative;
    width: 100%;
    max-width: 480px;
    max-height: 70vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ik-izin-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-izin-modal__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}
.ik-izin-modal__close {
    border: none;
    background: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: rgba(22, 20, 81, 0.5);
}
.ik-izin-modal__body {
    padding: 12px 14px;
    overflow-y: auto;
}
.ik-izin-conflict-item {
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 10px;
    background: rgba(249, 115, 22, 0.08);
    border-left: 3px solid #f97316;
    font-size: 11px;
}
.ik-izin-conflict-item strong { display: block; margin-bottom: 2px; }
.ik-izin-conflict-item span { display: block; color: rgba(22, 20, 81, 0.65); }
.ik-izin-conflict-item small { display: block; margin-top: 4px; color: rgba(22, 20, 81, 0.45); font-size: 10px; }

/* Performans Değerlendirme — mobil */
.ik-mob-subpage--performans {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.ik-mob-subpage--performans-form {
    overflow: hidden;
}
.ik-izin-body--no-filter {
    padding-top: 0;
}
.ik-performans-table { min-width: 480px; }
.ik-performans-th--period { width: 88px; }
.ik-performans-form-head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0 12px 8px;
}
.ik-performans-form-back {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(22, 20, 81, 0.06);
    color: var(--ik-dark);
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
    margin-top: 2px;
}
.ik-performans-form-head__text { min-width: 0; flex: 1; }
.ik-performans-form-sub {
    margin: 4px 0 0;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.6);
    line-height: 1.3;
}
.ik-performans-form {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 12px calc(12px + var(--ik-safe-bottom));
}
.ik-performans-form-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
}
.ik-performans-competency {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
}
.ik-performans-competency__title {
    margin: 0;
    padding: 8px 10px;
    background: rgba(22, 20, 81, 0.04);
    font-size: 11px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-performans-question {
    padding: 10px;
    border-top: 1px solid rgba(22, 20, 81, 0.06);
}
.ik-performans-question__text {
    margin: 0 0 8px;
    font-size: 11px;
    line-height: 1.35;
    color: rgba(22, 20, 81, 0.85);
}
.ik-performans-question__score {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-performans-score-row {
    display: flex;
    gap: 6px;
}
.ik-performans-score {
    flex: 1;
    cursor: pointer;
}
.ik-performans-score input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.ik-performans-score span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(22, 20, 81, 0.12);
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    color: rgba(22, 20, 81, 0.75);
}
.ik-performans-score input:checked + span {
    background: var(--ik-table);
    border-color: var(--ik-table);
    color: #fff;
}
.ik-performans-form-footer {
    flex-shrink: 0;
    padding-top: 8px;
}
.ik-performans-save-btn {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: 12px 16px;
    background: var(--ik-table);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
.ik-performans-save-btn:active {
    opacity: 0.9;
}

/* Talep Yönetimi — mobil */
.ik-mob-subpage--talep {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.ik-talep-stats-wrap {
    flex-shrink: 0;
    padding: 0 12px 8px;
}
.ik-talep-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
}
.ik-talep-stat-card {
    background: linear-gradient(135deg, var(--ik-table) 0%, var(--ik-light) 100%);
    border-radius: 8px;
    padding: 6px 5px;
    min-width: 0;
    overflow: hidden;
}
.ik-talep-stat-card__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
}
.ik-talep-stat-card__text {
    min-width: 0;
    flex: 1;
}
.ik-talep-stat-card__label {
    margin: 0;
    font-size: 7px;
    line-height: 1.1;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
    word-break: break-word;
}
.ik-talep-stat-card__value {
    margin: 2px 0 0;
    font-size: 0.95rem;
    line-height: 1.05;
    font-weight: 700;
    color: #fff;
    font-variant-numeric: tabular-nums;
}
.ik-talep-stat-card__sub {
    display: none;
}
.ik-talep-stat-card__icon {
    display: none;
}
.ik-talep-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 12px calc(12px + var(--ik-safe-bottom));
}
.ik-talep-filters__stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.talep-filters-row {
    display: flex;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    min-width: 0;
}
.talep-filter-select {
    flex: 0 0 34%;
    min-width: 0;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    padding: 8px 6px;
    font-size: 10px;
    background: #fff;
    color: var(--ik-dark);
}
.talep-filter-search {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    padding: 8px 8px;
    font-size: 10px;
    background: #fff;
    color: var(--ik-dark);
}
.talep-filter-btn {
    flex: 0 0 auto;
    border: none;
    border-radius: 8px;
    padding: 8px 10px;
    background: var(--ik-table);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}
.talep-filters-wrap {
    padding: 0 12px 8px;
    flex-shrink: 0;
}
.talep-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    margin-top: 8px;
}
.talep-liste-table {
    width: 100%;
    min-width: 600px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 10px;
}
.talep-liste-table thead tr {
    background: var(--ik-gradient);
}
.talep-th {
    padding: 7px 6px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    white-space: nowrap;
}
.talep-th--status,
.talep-th--date,
.talep-th--action {
    text-align: center;
}
.talep-th--detail { width: 26%; }
.talep-th--sender { width: 18%; }
.talep-th--recipient { width: 18%; }
.talep-th--status { width: 14%; }
.talep-th--date { width: 12%; }
.talep-th--action { width: 12%; }
/* Mobil sayfalarda detay sütunu tamamen gizli (Görüntüle ile detaya gidilir) */
.ik-talep-page .talep-th--detail,
.ik-talep-page .talep-td--detail,
.ik-mob-app .talep-th--detail,
.ik-mob-app .talep-td--detail {
    display: none;
}
.ik-talep-page .talep-liste-table,
.ik-mob-app .talep-liste-table {
    min-width: 360px;
}
.ik-talep-page .talep-th--sender,
.ik-mob-app .talep-th--sender { width: 24%; }
.ik-talep-page .talep-th--recipient,
.ik-mob-app .talep-th--recipient { width: 24%; }
.ik-talep-page .talep-th--status,
.ik-mob-app .talep-th--status { width: 18%; }
.ik-talep-page .talep-th--date,
.ik-mob-app .talep-th--date { width: 18%; }
.ik-talep-page .talep-th--action,
.ik-mob-app .talep-th--action { width: 16%; }
.talep-row {
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.talep-td {
    padding: 7px 6px;
    vertical-align: middle;
    line-height: 1.25;
}
.talep-td--detail { min-width: 0; }
.talep-detail__title {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: var(--ik-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.talep-detail__meta {
    margin: 2px 0 0;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.45);
}
.talep-td--sender,
.talep-td--recipient {
    font-size: 10px;
    font-weight: 600;
    color: var(--ik-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.talep-alici-list {
    display: inline;
}
.talep-alici-item + .talep-alici-item::before {
    content: ', ';
    font-weight: 400;
}
.talep-alici-empty {
    color: rgba(22, 20, 81, 0.35);
    font-weight: 400;
}
.talep-td--status { text-align: center; overflow: visible; }
.talep-td--date {
    text-align: center;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.65);
}
.talep-date { display: block; }
.talep-time { display: block; opacity: 0.75; }
.talep-td--action { text-align: center; }
.talep-view-btn {
    display: inline-block;
    border: none;
    border-radius: 6px;
    padding: 4px 8px;
    background: var(--ik-table);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.talep-badge--progress {
    border-radius: 5px;
    background: rgba(124, 124, 255, 0.15);
    color: var(--ik-dark);
}
.talep-badge--neutral {
    border-radius: 5px;
    background: rgba(22, 20, 81, 0.08);
    color: var(--ik-dark);
}
.talep-empty {
    text-align: center;
    padding: 24px 12px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.5);
}
.talep-empty a {
    color: var(--ik-table);
    font-weight: 600;
    text-decoration: none;
}
.ik-talep-filter__btn {
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 8px 10px;
    background: var(--ik-table);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}
.ik-talep-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
.ik-talep-card {
    display: block;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 10px;
    text-decoration: none;
    color: inherit;
}
.ik-talep-card:active {
    background: rgba(22, 20, 81, 0.03);
}
.ik-talep-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 4px;
}
.ik-talep-card__title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--ik-dark);
    line-height: 1.25;
    flex: 1;
    min-width: 0;
}
.ik-talep-card__id {
    font-size: 9px;
    color: rgba(22, 20, 81, 0.4);
    flex-shrink: 0;
}
.ik-talep-card__desc {
    margin: 0 0 6px;
    font-size: 10px;
    line-height: 1.35;
    color: rgba(22, 20, 81, 0.55);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ik-talep-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 6px;
}
.ik-talep-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.5);
}
.ik-talep-card__meta span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ik-talep-card__stats {
    display: flex;
    gap: 10px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid rgba(22, 20, 81, 0.06);
    font-size: 9px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-talep-empty {
    text-align: center;
    padding: 24px 12px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.5);
}
.ik-talep-empty a {
    color: var(--ik-table);
    font-weight: 600;
    text-decoration: none;
}
.ik-talep-page {
    min-height: 100vh;
    background: var(--ik-bg);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding-bottom: calc(68px + var(--ik-safe-bottom));
}
.ik-talep-page__inner {
    padding: 10px 12px 16px;
}
.ik-talep-page__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}
.ik-talep-page__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--ik-dark);
    line-height: 1.2;
}
.ik-talep-page__cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 10px;
    border-radius: 8px;
    background: var(--ik-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}
.ik-talep-page__cta svg {
    width: 12px;
    height: 12px;
}
.ik-talep-panel {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 8px;
    margin-top: 8px;
}
.ik-talep-page__footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: 10px 12px calc(10px + var(--ik-safe-bottom));
    background: #fff;
    border-top: 1px solid rgba(22, 20, 81, 0.08);
    box-shadow: 0 -4px 16px rgba(22, 20, 81, 0.06);
}
.ik-talep-page__footer-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background: var(--ik-gradient);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.ik-talep-panel .ik-izin-tabs {
    padding-left: 0;
    padding-right: 0;
}
.ik-talep-panel {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 8px 0 0;
    margin-top: 8px;
}
.ik-talep-panel .talep-filters-wrap {
    padding: 0 12px 8px;
}
.ik-talep-panel .talep-table-scroll {
    margin: 0 12px 8px;
}
.ik-talep-panel .ik-izin-pagination {
    padding: 0 12px 8px;
}

@media (min-width: 640px) {
    .ik-talep-stat-card {
        padding: 8px 10px;
        border-radius: 10px;
    }
    .ik-talep-stat-card__label {
        font-size: 8px;
    }
    .ik-talep-stat-card__value {
        font-size: 1.1rem;
    }
    .ik-talep-stat-card__sub {
        display: block;
        margin: 1px 0 0;
        font-size: 7px;
        line-height: 1.1;
        color: rgba(255, 255, 255, 0.78);
    }
    .ik-talep-stat-card__icon {
        display: flex;
        width: 20px;
        height: 20px;
    }
    .ik-talep-stat-card__icon svg {
        width: 10px;
        height: 10px;
        color: #fff;
    }
}

/* ── Talep detay (mobil) ── */
.ik-talep-page--detay .ik-talep-page__inner,
.ik-mob-subpage--talep-detay {
    padding: 8px 10px 16px;
}
.ik-talep-detay__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
}
.ik-talep-detay__header-main {
    flex: 1;
    min-width: 0;
}
.ik-talep-detay__title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ik-dark);
    line-height: 1.25;
    word-break: break-word;
}
.ik-talep-detay__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 6px;
}
.ik-talep-detay-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.3;
}
.ik-talep-detay-badge--wait { background: #fef3c7; color: #92400e; }
.ik-talep-detay-badge--progress { background: rgba(124, 124, 255, 0.2); color: var(--ik-dark); }
.ik-talep-detay-badge--done { background: #d1fae5; color: #065f46; }
.ik-talep-detay-badge--cancel { background: #fee2e2; color: #991b1b; }
.ik-talep-detay-badge--prio-high { background: #fee2e2; color: #991b1b; }
.ik-talep-detay-badge--prio-low { background: #d1fae5; color: #065f46; }
.ik-talep-detay-badge--prio-normal { background: #f3f4f6; color: #374151; }
.ik-talep-detay__meta {
    margin: 0;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.65);
}
.ik-talep-detay__meta-row {
    display: flex;
    gap: 4px;
    margin: 2px 0;
}
.ik-talep-detay__meta-row dt {
    font-weight: 600;
    flex-shrink: 0;
}
.ik-talep-detay__meta-row dd {
    margin: 0;
    min-width: 0;
    word-break: break-word;
}
.ik-talep-detay__back {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 6px 8px;
    border-radius: 8px;
    background: #4b5563;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
}
.ik-talep-detay__back svg {
    width: 12px;
    height: 12px;
}
.ik-talep-detay__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}
.ik-talep-detay__action {
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}
.ik-talep-detay__action--danger { background: #dc2626; }
.ik-talep-detay__action--success { background: #059669; }
.ik-talep-detay__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 8px;
    align-items: start;
}
.ik-talep-detay__col {
    min-width: 0;
}
.ik-talep-detay__card {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 8px;
}
.ik-talep-detay__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 8px;
}
.ik-talep-detay__card-title {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-talep-detay__card-head .ik-talep-detay__card-title {
    margin-bottom: 0;
}
.ik-talep-detay__count {
    font-size: 9px;
    color: rgba(22, 20, 81, 0.5);
    white-space: nowrap;
}
.ik-talep-detay__desc {
    font-size: 10px;
    line-height: 1.45;
    color: rgba(22, 20, 81, 0.85);
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.ik-talep-detay__messages {
    max-height: 220px;
    overflow-y: auto;
    margin-bottom: 10px;
}
.ik-talep-detay__message {
    padding: 6px 8px;
    margin-bottom: 6px;
    border-radius: 8px;
    background: #f9fafb;
    border: 1px solid rgba(22, 20, 81, 0.06);
}
.ik-talep-detay__message.is-mine {
    background: rgba(124, 124, 255, 0.08);
    border-color: rgba(124, 124, 255, 0.2);
}
.ik-talep-detay__message-head {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 4px;
    font-size: 9px;
}
.ik-talep-detay__message-head strong {
    color: var(--ik-dark);
}
.ik-talep-detay__message-head time {
    color: rgba(22, 20, 81, 0.45);
    white-space: nowrap;
}
.ik-talep-detay__message-text {
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    color: rgba(22, 20, 81, 0.85);
    word-break: break-word;
    overflow-wrap: anywhere;
}
.ik-talep-detay__empty {
    margin: 0;
    padding: 12px 0;
    text-align: center;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-talep-detay__label {
    display: block;
    margin: 0 0 4px;
    font-size: 9px;
    font-weight: 600;
    color: var(--ik-dark);
}
.ik-talep-detay__textarea,
.ik-talep-detay__file {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(22, 20, 81, 0.15);
    border-radius: 8px;
    padding: 8px;
    font-size: 10px;
    font-family: inherit;
}
.ik-talep-detay__textarea {
    resize: vertical;
    min-height: 64px;
}
.ik-talep-detay__hint {
    margin: 2px 0 8px;
    font-size: 8px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-talep-detay__form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 8px;
}
.ik-talep-detay__btn-clear {
    border: none;
    background: transparent;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.55);
    cursor: pointer;
}
.ik-talep-detay__btn-send {
    border: none;
    border-radius: 8px;
    padding: 6px 12px;
    background: var(--ik-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}
.ik-talep-islem-field {
    margin-bottom: 10px;
}
.ik-talep-islem-field__label {
    font-size: 10px;
    font-weight: 700;
    color: var(--ik-dark);
    margin: 0 0 6px;
}
.ik-talep-islem-field__req {
    color: #dc2626;
}
.ik-talep-islem-field__options {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ik-talep-islem-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}
.ik-talep-islem-field__hint {
    font-size: 9px;
    color: rgba(22, 20, 81, 0.5);
    margin: 6px 0 0;
}
.ik-talep-detay__message-islem {
    font-size: 9px;
    font-weight: 600;
    color: #4338ca;
    margin: 4px 0 0;
}
.ik-talep-detay__participant-tag--progress {
    background: #cffafe;
    color: #0e7490;
}
.ik-talep-detay__participant-tag--cancel {
    background: #fee2e2;
    color: #991b1b;
}
.ik-talep-detay__participants {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ik-talep-detay__participant {
    display: flex;
    gap: 6px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
}
.ik-talep-detay__participant:last-child {
    border-bottom: none;
}
.ik-talep-detay__participant.is-owner {
    background: rgba(124, 124, 255, 0.06);
    margin: 0 -6px;
    padding: 6px;
    border-radius: 8px;
    border-bottom: none;
    margin-bottom: 4px;
}
.ik-talep-detay__avatar {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--ik-dark);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
}
.ik-talep-detay__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ik-talep-detay__participant-body {
    min-width: 0;
    flex: 1;
}
.ik-talep-detay__participant-name {
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    color: var(--ik-dark);
    word-break: break-word;
}
.ik-talep-detay__participant-email {
    margin: 1px 0 0;
    font-size: 8px;
    color: rgba(22, 20, 81, 0.55);
    word-break: break-all;
}
.ik-talep-detay__participant-tag {
    display: inline-block;
    margin-top: 3px;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 8px;
    font-weight: 700;
    background: var(--ik-dark);
    color: #fff;
}
.ik-talep-detay__participant-tag--seen {
    background: #059669;
}
.ik-talep-detay__participant-tag--wait {
    background: #fef3c7;
    color: #92400e;
}
.ik-talep-detay__files {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ik-talep-detay__file-link {
    display: block;
    padding: 6px 0;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
    text-decoration: none;
    color: inherit;
}
.ik-talep-detay__file-link:last-child {
    border-bottom: none;
}
.ik-talep-detay__file-name {
    display: block;
    font-size: 9px;
    font-weight: 600;
    color: var(--ik-dark);
    word-break: break-word;
}
.ik-talep-detay__file-meta {
    display: block;
    margin-top: 2px;
    font-size: 8px;
    color: rgba(22, 20, 81, 0.5);
}
@media (max-width: 360px) {
    .ik-talep-detay__back span {
        display: none;
    }
    .ik-talep-detay__back {
        padding: 6px;
    }
}

/* ── Yeni talep (mobil) ── */
.ik-mob-subpage--yeni-talep,
.ik-talep-page--yeni .ik-talep-page__inner {
    padding: 8px 10px 20px;
}
.ik-yeni-talep-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
}
.ik-yeni-talep-header__title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ik-dark);
    line-height: 1.2;
}
.ik-yeni-talep-header__sub {
    margin: 0;
    font-size: 9px;
    line-height: 1.35;
    color: rgba(22, 20, 81, 0.6);
}
.ik-yeni-talep-header__back {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 6px 8px;
    border-radius: 8px;
    background: #4b5563;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}
.ik-yeni-talep-header__back svg {
    width: 12px;
    height: 12px;
}
.ik-yeni-talep-form .hidden {
    display: none !important;
}
.ik-yeni-talep-field {
    margin-bottom: 10px;
}
.ik-yeni-talep-label {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-yeni-talep-req {
    color: #dc2626;
}
.ik-yeni-talep-input,
.ik-yeni-talep-textarea,
.ik-yeni-talep-select,
.ik-yeni-talep-search {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(22, 20, 81, 0.15);
    border-radius: 8px;
    padding: 8px;
    font-size: 11px;
    font-family: inherit;
    color: var(--ik-dark);
}
.ik-yeni-talep-textarea {
    resize: vertical;
    min-height: 72px;
}
.ik-yeni-talep-hint {
    margin: 3px 0 0;
    font-size: 8px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-yeni-talep-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 8px;
    align-items: start;
}
.ik-yeni-talep-col {
    min-width: 0;
}
.ik-yeni-talep-file-input {
    display: none;
}
.ik-yeni-talep-drop {
    border: 1px dashed rgba(22, 20, 81, 0.25);
    border-radius: 8px;
    padding: 10px 8px;
    text-align: center;
    cursor: pointer;
    background: rgba(124, 124, 255, 0.04);
}
.ik-yeni-talep-drop__icon {
    width: 24px;
    height: 24px;
    margin: 0 auto 4px;
    color: rgba(22, 20, 81, 0.35);
}
.ik-yeni-talep-drop__text {
    margin: 0;
    font-size: 9px;
    font-weight: 600;
    color: var(--ik-dark);
}
.ik-yeni-talep-file-list {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    font-size: 8px;
    color: rgba(22, 20, 81, 0.65);
}
.ik-yeni-talep-file-item {
    padding: 3px 0;
    word-break: break-word;
}
.ik-yeni-talep-search-wrap {
    position: relative;
    margin-bottom: 6px;
}
.ik-yeni-talep-search {
    padding-left: 28px;
}
.ik-yeni-talep-search__icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: rgba(22, 20, 81, 0.35);
    pointer-events: none;
}
.ik-yeni-talep-recipients {
    max-height: 180px;
    overflow-y: auto;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    background: #fff;
}
.ik-yeni-talep-recipient {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
    cursor: pointer;
    font-size: 9px;
}
.ik-yeni-talep-recipient:last-child {
    border-bottom: none;
}
.ik-yeni-talep-recipient__name {
    font-weight: 600;
    color: var(--ik-dark);
}
.ik-yeni-talep-recipient__email {
    color: rgba(22, 20, 81, 0.5);
    font-size: 8px;
    flex: 1;
    min-width: 0;
    word-break: break-all;
}
.ik-yeni-talep-recipient .katilimci-checkbox {
    margin-left: auto;
    flex-shrink: 0;
}
.ik-yeni-talep-empty {
    margin: 0;
    padding: 12px 8px;
    text-align: center;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-yeni-talep-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-yeni-talep-btn {
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.ik-yeni-talep-btn--ghost {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.2);
    color: var(--ik-dark);
}
.ik-yeni-talep-btn--primary {
    background: var(--ik-dark);
    color: #fff;
}
.ik-yeni-talep-btn--primary:disabled {
    opacity: 0.6;
}
@media (max-width: 360px) {
    .ik-yeni-talep-header__back span {
        display: none;
    }
}

/* ── İkasyon Connect mobil ── */
.ik-mob-subpage--connect {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-connect {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
.ik-connect-tabs {
    display: flex;
    gap: 4px;
    padding: 0 12px 8px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-connect-tabs__btn {
    flex: 1;
    text-align: center;
    padding: 8px 4px;
    font-size: 11px;
    font-weight: 700;
    color: rgba(22, 20, 81, 0.5);
    text-decoration: none;
    border-radius: 8px;
    border: none;
    background: transparent;
}
.ik-connect-tabs__btn.is-active {
    background: rgba(133, 133, 255, 0.15);
    color: var(--ik-dark);
}
.ik-connect-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.ik-connect-list-view {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.ik-connect-actions {
    display: flex;
    gap: 6px;
    padding: 10px 12px 6px;
    flex-wrap: wrap;
}
.ik-connect-actions__btn {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(22, 20, 81, 0.15);
    background: #fff;
    border-radius: 8px;
    padding: 7px 6px;
    font-size: 10px;
    font-weight: 700;
    color: var(--ik-dark);
    cursor: pointer;
    position: relative;
}
.ik-connect-actions__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    margin-left: 4px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
}
.ik-connect-search {
    padding: 0 12px 8px;
}
.ik-connect-search__input {
    width: 100%;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;
    background: #fff;
}
.ik-connect-chat-list {
    list-style: none;
    margin: 0;
    padding: 0 0 12px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}
.ik-connect-chat-item__btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.ik-connect-chat-item.is-unread .ik-connect-chat-item__btn {
    background: rgba(133, 133, 255, 0.12);
}
.ik-connect-chat-item__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(22, 20, 81, 0.08);
    color: var(--ik-dark);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ik-connect-chat-item__avatar.is-group {
    background: rgba(133, 133, 255, 0.2);
    color: #5b21b6;
}
.ik-connect-chat-item__avatar--img {
    padding: 0;
    overflow: hidden;
    background: rgba(22, 20, 81, 0.08);
}
.ik-connect-chat-item__avatar--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ik-connect-chat-head__avatar {
    flex-shrink: 0;
}
.ik-connect-chat-head__avatar-inner {
    width: 36px;
    height: 36px;
    font-size: 13px;
}
.ik-connect-msg__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: calc(100% - 34px);
}
.ik-connect-msg__avatar {
    width: 28px;
    height: 28px;
    font-size: 11px;
    flex-shrink: 0;
    margin-bottom: 2px;
}
.ik-connect-chat-item__body {
    flex: 1;
    min-width: 0;
}
.ik-connect-chat-item__title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--ik-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-connect-chat-item__meta {
    display: block;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-connect-chat-item__badge {
    flex-shrink: 0;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #8585ff;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ik-connect-chat-empty {
    padding: 24px 16px;
    text-align: center;
    font-size: 12px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-connect-chat-view {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    flex-direction: column;
    background: #f5f5f8;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}
.ik-connect-chat-view.hidden {
    display: none !important;
}
.ik-connect-chat-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background: var(--ik-dark);
    color: #fff;
}
.ik-connect-chat-head__info {
    flex: 1;
    min-width: 0;
}
.ik-connect-chat-head__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-connect-chat-head__sub {
    margin: 2px 0 0;
    font-size: 10px;
    opacity: 0.75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-connect-chat-head__back {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ik-connect-messages {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ik-connect-msg {
    display: flex;
    max-width: 85%;
}
.ik-connect-msg.is-mine {
    align-self: flex-end;
}
.ik-connect-msg.is-theirs {
    align-self: flex-start;
    align-items: flex-end;
    gap: 6px;
}
.ik-connect-msg--system {
    align-self: center;
    max-width: 100%;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.5);
    text-align: center;
    padding: 4px 8px;
}
.ik-connect-msg__sender {
    display: block;
    font-size: 9px;
    font-weight: 700;
    color: #5b21b6;
    margin-bottom: 2px;
}
.ik-connect-msg__bubble {
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.4;
    word-break: break-word;
}
.ik-connect-msg.is-mine .ik-connect-msg__bubble {
    background: #8585ff;
    color: #fff;
    border-bottom-right-radius: 4px;
}
.ik-connect-msg.is-theirs .ik-connect-msg__bubble {
    background: #fff;
    color: var(--ik-dark);
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 2px rgba(22, 20, 81, 0.06);
}
.ik-connect-msg__file {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: underline;
}
.ik-connect-msg.is-mine .ik-connect-msg__file {
    color: rgba(255, 255, 255, 0.9);
}
.ik-connect-msg__time {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    opacity: 0.65;
    text-align: right;
}
.ik-connect-compose {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: #fff;
    border-top: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-connect-compose__attach,
.ik-connect-compose__camera {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(22, 20, 81, 0.55);
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
.ik-connect-compose__camera:active {
    opacity: 0.7;
}
.ik-connect-compose__input {
    flex: 1;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 20px;
    padding: 8px 14px;
    font-size: 13px;
    min-width: 0;
}
.ik-connect-compose__send {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: var(--ik-dark);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ik-connect-compose__file-name {
    margin: 0;
    padding: 0 12px 6px;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.55);
    background: #fff;
}
.ik-connect-field {
    display: block;
    margin-bottom: 10px;
}
.ik-connect-field__label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: rgba(22, 20, 81, 0.55);
    margin-bottom: 4px;
}
.ik-connect-field__textarea,
.ik-connect-field__input {
    width: 100%;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
}
.ik-connect-field__file {
    font-size: 11px;
}
.ik-connect-bulk-form,
.ik-connect-announce-form {
    padding: 12px;
}
.ik-connect-bulk-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid rgba(22, 20, 81, 0.08);
    border-radius: 8px;
}
.ik-connect-bulk-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    font-size: 12px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.05);
    cursor: pointer;
}
.ik-connect-bulk-item small {
    display: block;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-connect-bulk-item.hidden {
    display: none;
}
.ik-connect-bulk-select-all {
    padding: 8px 0;
    font-size: 11px;
    font-weight: 600;
}
.ik-connect-bulk-submit {
    width: 100%;
    margin-top: 10px;
    border: none;
    border-radius: 8px;
    padding: 10px;
    background: var(--ik-dark);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.ik-connect-bulk-result {
    margin-top: 8px;
    font-size: 11px;
    color: #16a34a;
}
.ik-connect-bulk-result.is-error {
    color: #dc2626;
}
.ik-connect-announce-list {
    padding: 0 12px 16px;
}
.ik-connect-announce-list__title {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-connect-announce-items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ik-connect-announce-item {
    padding: 12px;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-connect-announce-item__title {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-connect-announce-item__body {
    margin: 6px 0 0;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.65);
}
.ik-connect-announce-item__time {
    display: block;
    margin-top: 6px;
    font-size: 9px;
    color: rgba(22, 20, 81, 0.4);
}
.ik-connect-modal {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.ik-connect-modal.hidden {
    display: none !important;
}
.ik-connect-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(22, 20, 81, 0.45);
}
.ik-connect-modal__sheet {
    position: relative;
    width: 100%;
    max-height: 85vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom);
}
.ik-connect-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-connect-modal__head h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-connect-modal__close {
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: rgba(22, 20, 81, 0.45);
    cursor: pointer;
}
.ik-connect-modal__body {
    padding: 12px 16px 16px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}
.ik-connect-add-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    max-height: 50vh;
    overflow-y: auto;
}
.ik-connect-add-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
}
.ik-connect-add-item.hidden {
    display: none;
}
.ik-connect-add-item__info {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}
.ik-connect-add-item__avatar {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}
.ik-connect-add-item__info strong {
    display: block;
    font-size: 12px;
    color: var(--ik-dark);
}
.ik-connect-add-item__info small {
    font-size: 9px;
    color: rgba(22, 20, 81, 0.45);
}
.ik-connect-add-item__btn {
    flex-shrink: 0;
    border: none;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 700;
    background: var(--ik-dark);
    color: #fff;
    cursor: pointer;
}
.ik-connect-add-item__btn--outline {
    background: #fff;
    border: 1px solid rgba(22, 20, 81, 0.2);
    color: var(--ik-dark);
}
.ik-connect-request-list {
    list-style: none;
    margin: 0;
    padding: 12px 16px 16px;
}
.ik-connect-request-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
    font-size: 12px;
    font-weight: 600;
}
.ik-connect-request-item__actions {
    display: flex;
    gap: 6px;
}
.ik-connect-request-item__accept,
.ik-connect-request-item__reject {
    border: none;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}
.ik-connect-request-item__accept {
    background: #16a34a;
    color: #fff;
}
.ik-connect-request-item__reject {
    background: rgba(22, 20, 81, 0.08);
    color: var(--ik-dark);
}
.ik-connect-photo-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 20px;
}
.ik-connect-photo-action {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: var(--ik-dark);
    cursor: pointer;
    text-align: left;
}
.ik-connect-photo-action:active {
    background: rgba(133, 133, 255, 0.08);
}
.ik-connect-photo-action svg {
    flex-shrink: 0;
    color: var(--ik-table);
}
.ik-connect-modal__sheet--confirm {
    max-height: 92vh;
}
.ik-connect-photo-confirm__body {
    padding: 12px 16px;
    background: #f5f5f8;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    max-height: 55vh;
    overflow: hidden;
}
.ik-connect-photo-confirm__img {
    max-width: 100%;
    max-height: 55vh;
    object-fit: contain;
    border-radius: 8px;
    background: #000;
}
.ik-connect-photo-confirm__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px 16px 20px;
}
.ik-connect-photo-confirm__btn {
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.ik-connect-photo-confirm__btn--cancel {
    background: rgba(22, 20, 81, 0.08);
    color: var(--ik-dark);
}
.ik-connect-photo-confirm__btn--ok {
    background: var(--ik-dark);
    color: #fff;
}
.ik-connect-chat-view .ik-connect-modal {
    z-index: 350;
}

/* ── Envanter mobil ── */
.ik-mob-subpage--envanter {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-envanter-search {
    display: flex;
    gap: 6px;
    padding: 0 12px 10px;
}
.ik-envanter-search__input {
    flex: 1;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;
    min-width: 0;
}
.ik-envanter-search__btn {
    flex-shrink: 0;
    width: 40px;
    border: none;
    border-radius: 10px;
    background: var(--ik-dark);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.ik-envanter-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 8px 12px;
}
.ik-envanter-table-wrap {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.ik-envanter-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 10px;
}
.ik-envanter-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f3f4f8;
}
.ik-envanter-th {
    padding: 8px 4px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: rgba(22, 20, 81, 0.55);
    text-align: left;
    border-bottom: 1px solid rgba(22, 20, 81, 0.1);
}
.ik-envanter-th--ad { width: 28%; }
.ik-envanter-th--seri { width: 18%; }
.ik-envanter-th--kat { width: 18%; }
.ik-envanter-th--atama { width: 24%; }
.ik-envanter-th--actions { width: 12%; text-align: center; }
.ik-envanter-cell {
    padding: 8px 4px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
    color: var(--ik-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ik-envanter-cell--ad {
    font-weight: 700;
}
.ik-envanter-cell--actions {
    text-align: center;
}
.ik-envanter-atama {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 600;
}
.ik-envanter-atama--bolge { background: rgba(59, 130, 246, 0.15); color: #1d4ed8; }
.ik-envanter-atama--dept { background: rgba(34, 197, 94, 0.15); color: #15803d; }
.ik-envanter-atama--person { background: rgba(234, 179, 8, 0.2); color: #a16207; }
.ik-envanter-atama--none { background: rgba(22, 20, 81, 0.08); color: rgba(22, 20, 81, 0.55); }
.ik-envanter-btn-atama {
    border: none;
    border-radius: 6px;
    padding: 4px 6px;
    font-size: 9px;
    font-weight: 700;
    background: var(--ik-dark);
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
}
.ik-envanter-empty {
    padding: 20px 8px;
    text-align: center;
    color: rgba(22, 20, 81, 0.45);
    font-size: 11px;
}
.ik-envanter-pagination {
    padding: 10px 4px 0;
    text-align: center;
}
.ik-envanter-pagination__info {
    margin: 0 0 6px;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.55);
}
.ik-envanter-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}
.ik-envanter-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid rgba(22, 20, 81, 0.12);
    font-size: 10px;
    font-weight: 600;
    color: var(--ik-dark);
    text-decoration: none;
    background: #fff;
}
.ik-envanter-page--current {
    background: var(--ik-dark);
    color: #fff;
    border-color: var(--ik-dark);
}
.ik-envanter-flash {
    margin: 0 0 10px;
}
.ik-envanter-flash__item {
    margin: 0 0 6px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.4;
}
.ik-envanter-flash__item--success,
.ik-envanter-flash__item--info {
    background: #ecfdf5;
    color: #065f46;
}
.ik-envanter-flash__item--error {
    background: #fef2f2;
    color: #991b1b;
}
.ik-envanter-modal {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.ik-envanter-modal.hidden {
    display: none !important;
}
.ik-envanter-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(22, 20, 81, 0.45);
}
.ik-envanter-modal__sheet {
    position: relative;
    width: 100%;
    max-height: 88vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom);
}
.ik-envanter-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-envanter-modal__head h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-envanter-modal__close {
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: rgba(22, 20, 81, 0.45);
    cursor: pointer;
}
.ik-envanter-modal__body {
    padding: 12px 16px 16px;
    overflow-y: auto;
    max-height: calc(88vh - 52px);
}
.ik-envanter-modal__item-name {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-envanter-field {
    display: block;
    margin-bottom: 10px;
}
.ik-envanter-field.hidden {
    display: none;
}
.ik-envanter-field__label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: rgba(22, 20, 81, 0.55);
    margin-bottom: 4px;
}
.ik-envanter-field__select,
.ik-envanter-field__textarea {
    width: 100%;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
}
.ik-envanter-zimmet-note {
    margin: 0 0 10px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(234, 179, 8, 0.12);
    font-size: 10px;
    color: #a16207;
}
.ik-envanter-zimmet-note.hidden {
    display: none;
}
.ik-envanter-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}
.ik-envanter-modal__btn {
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.ik-envanter-modal__btn--ghost {
    background: rgba(22, 20, 81, 0.08);
    color: var(--ik-dark);
}
.ik-envanter-modal__btn--primary {
    background: var(--ik-dark);
    color: #fff;
}

/* —— Eğitim Akademisi mobil —— */
.ik-mob-subpage__subtitle {
    margin: 2px 0 0;
    font-size: 11px;
    font-weight: 500;
    color: rgba(22, 20, 81, 0.5);
}
.ik-mob-subpage--egitim {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-egitim-th--konu { width: 34%; }
.ik-egitim-th--tarih { width: 22%; }
.ik-egitim-th--saat { width: 26%; }
.ik-egitim-th--kat { width: 18%; text-align: center; }
.ik-egitim-cell--konu { white-space: normal; line-height: 1.25; }
.ik-egitim-cell--tarih,
.ik-egitim-cell--saat { font-size: 9px; }
.ik-egitim-cell--kat { text-align: center; }
.ik-egitim-kat-btn {
    border: none;
    background: rgba(22, 20, 81, 0.08);
    color: var(--ik-dark);
    font-size: 9px;
    font-weight: 700;
    padding: 4px 6px;
    border-radius: 8px;
    cursor: pointer;
}
.ik-egitim-kat-btn:disabled {
    opacity: 0.45;
    cursor: default;
}
.ik-egitim-modal__sheet {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}
.ik-egitim-modal__subtitle {
    margin: 4px 0 0;
    font-size: 11px;
    font-weight: 500;
    color: rgba(22, 20, 81, 0.55);
}
.ik-egitim-modal__body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 16px 16px;
}
.ik-egitim-modal__loading,
.ik-egitim-modal__error,
.ik-egitim-modal__empty {
    font-size: 12px;
    color: rgba(22, 20, 81, 0.6);
    text-align: center;
    padding: 16px 0;
}
.ik-egitim-modal__error { color: #b91c1c; }
.ik-egitim-participant-wrap {
    overflow-x: auto;
}
.ik-egitim-participant-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 9px;
}
.ik-egitim-participant-table thead {
    position: sticky;
    top: 0;
    background: #f3f4f8;
    z-index: 1;
}
.ik-egitim-participant-table th {
    padding: 8px 4px;
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: rgba(22, 20, 81, 0.55);
    border-bottom: 1px solid rgba(22, 20, 81, 0.1);
}
.ik-egitim-participant-table td {
    padding: 8px 4px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
    color: var(--ik-dark);
}
.ik-egitim-p-name { font-weight: 700; min-width: 64px; }
.ik-egitim-p-email {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(22, 20, 81, 0.65);
}
.ik-egitim-badge {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 6px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}
.ik-egitim-badge--pending { background: rgba(234, 179, 8, 0.2); color: #a16207; }
.ik-egitim-badge--accepted { background: rgba(34, 197, 94, 0.15); color: #15803d; }
.ik-egitim-badge--rejected { background: rgba(239, 68, 68, 0.15); color: #b91c1c; }
.ik-egitim-badge--attended { background: rgba(147, 51, 234, 0.15); color: #7e22ce; }
.ik-egitim-badge--absent { background: rgba(22, 20, 81, 0.1); color: rgba(22, 20, 81, 0.55); }
.ik-egitim-badge--unset { background: rgba(22, 20, 81, 0.06); color: rgba(22, 20, 81, 0.45); }
.ik-egitim-dash { color: rgba(22, 20, 81, 0.35); }

/* —— Görev Yönetimi mobil —— */
.ik-mob-subpage--gorev {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-gorev-tabs {
    display: flex;
    gap: 6px;
    padding: 0 10px 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.ik-gorev-tabs::-webkit-scrollbar { display: none; }
.ik-gorev-tab {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
    color: rgba(22, 20, 81, 0.65);
    background: rgba(22, 20, 81, 0.06);
    border: 1px solid transparent;
}
.ik-gorev-tab--active {
    background: var(--ik-dark);
    color: #fff;
}
.ik-gorev-body {
    padding-top: 0;
}
.ik-gorev-th--gorev { width: 30%; }
.ik-gorev-th--atan { width: 16%; text-align: center; }
.ik-gorev-th--olust { width: 14%; }
.ik-gorev-th--tarih { width: 20%; }
.ik-gorev-th--iler { width: 20%; }
.ik-gorev-cell--gorev {
    white-space: normal;
    line-height: 1.25;
    font-weight: 700;
}
.ik-gorev-cell--atan { text-align: center; }
.ik-gorev-cell--olust {
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ik-gorev-cell--tarih { font-size: 9px; }
.ik-gorev-cell--overdue { color: #b91c1c; font-weight: 700; }
.ik-gorev-row--overdue { background: rgba(239, 68, 68, 0.06); }
.ik-gorev-atan-btn {
    border: none;
    background: rgba(13, 148, 136, 0.12);
    color: #0d9488;
    font-size: 8px;
    font-weight: 700;
    padding: 4px 5px;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
}
.ik-gorev-muted { color: rgba(22, 20, 81, 0.35); font-size: 9px; }
.ik-gorev-progress {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ik-gorev-progress__pct {
    font-size: 8px;
    font-weight: 700;
    color: rgba(22, 20, 81, 0.7);
}
.ik-gorev-progress__bar {
    display: block;
    height: 4px;
    border-radius: 4px;
    background: rgba(22, 20, 81, 0.1);
    overflow: hidden;
}
.ik-gorev-progress__fill {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, #161451, #8585ff);
}
.ik-gorev-count-info {
    text-align: center;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.55);
    padding: 8px 0 4px;
}
.ik-gorev-modal__sheet {
    max-height: 70vh;
    display: flex;
    flex-direction: column;
}
.ik-gorev-modal__subtitle {
    margin: 4px 0 0;
    font-size: 11px;
    font-weight: 500;
    color: rgba(22, 20, 81, 0.55);
}
.ik-gorev-modal__body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 16px 16px;
}
.ik-gorev-modal__loading,
.ik-gorev-modal__error,
.ik-gorev-modal__empty {
    font-size: 12px;
    text-align: center;
    padding: 16px 0;
    color: rgba(22, 20, 81, 0.6);
}
.ik-gorev-modal__error { color: #b91c1c; }
.ik-gorev-assignee-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ik-gorev-assignee-item {
    padding: 10px 0;
    border-bottom: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-gorev-assignee-item:last-child { border-bottom: none; }
.ik-gorev-assignee-item__name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--ik-dark);
}
.ik-gorev-assignee-item__email {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: rgba(22, 20, 81, 0.55);
}

/* —— Sicil kartı mobil kabuk —— */
.ik-mob-app--sicil {
    min-height: 100dvh;
}
.ik-mob-subpage--sicil {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-mob-sicil-content {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.ik-mob-sicil-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 8px 12px;
    -webkit-overflow-scrolling: touch;
}
.ik-mob-sicil-scroll > .bg-white > h1:first-of-type {
    display: none;
}
.ik-mob-sicil-scroll > .bg-white {
    padding: 0.75rem !important;
    border-radius: 12px;
    margin-top: 0;
}
.ik-mob-sicil-scroll .profile-header {
    border-radius: 12px;
    margin-bottom: 0.75rem;
}

/* Tecrübe Bilgilerim — kompakt alt menü (mobil sicil) */
.ik-mob-sicil-scroll .tecrube-subtab-nav .subtab-btn-mobile {
    flex: 1 1 calc(33.333% - 4px);
    min-width: calc(33.333% - 4px);
    padding: 5px 3px;
    font-size: 9px;
    line-height: 1.2;
}

/* Accordion açıkken içerik taşmasın, sayfa kaydırılsın */
.ik-mob-sicil-scroll .accordion-item,
.ik-mob-sicil-scroll .accordion-item.is-open {
    overflow: visible;
}
.ik-mob-sicil-scroll .accordion-content.active {
    max-height: none;
    overflow: visible;
}
.ik-mob-sicil-scroll .subtab-content-container,
.ik-mob-sicil-scroll .subtab-content-mobile {
    overflow: visible;
}

/* —— Süresi dolacak belgeler mobil —— */
.ik-mob-subpage--sureli-belge {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-mob-subpage--sureli-belge .ik-mob-subpage__head {
    padding-bottom: 4px;
}
.ik-sureli-belge-count {
    font-size: 11px;
    font-weight: 600;
    color: rgba(22, 20, 81, 0.55);
    white-space: nowrap;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(22, 20, 81, 0.06);
}
.ik-sureli-belge-subtitle {
    margin: 0;
    padding: 0 12px 8px;
    font-size: 11px;
    line-height: 1.35;
    color: rgba(22, 20, 81, 0.55);
}
.ik-sureli-belge-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 8px 12px;
}
.ik-sureli-belge-table-wrap {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.ik-sureli-belge-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 10px;
}
.ik-sureli-belge-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f3f4f8;
}
.ik-sureli-belge-th {
    padding: 8px 4px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: rgba(22, 20, 81, 0.55);
    text-align: left;
    border-bottom: 1px solid rgba(22, 20, 81, 0.1);
}
.ik-sureli-belge-th--personel { width: 28%; }
.ik-sureli-belge-th--belge { width: 32%; }
.ik-sureli-belge-th--tarih { width: 22%; }
.ik-sureli-belge-th--kalan { width: 18%; text-align: right; }
.ik-sureli-belge-cell {
    padding: 8px 4px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(22, 20, 81, 0.06);
    color: var(--ik-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ik-sureli-belge-cell--personel {
    font-weight: 700;
}
.ik-sureli-belge-cell--kalan {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.ik-sureli-belge-cell--urgent {
    color: #b45309;
}
.ik-sureli-belge-cell--expired {
    color: #dc2626;
}
.ik-sureli-belge-empty {
    padding: 24px 12px;
    text-align: center;
    font-size: 12px;
    color: rgba(22, 20, 81, 0.5);
}

/* —— İzin Girişi mobil —— */
.ik-mob-subpage--izin-giris {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-izin-giris-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px 16px;
    -webkit-overflow-scrolling: touch;
}
.ik-izin-giris-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ik-izin-giris-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.ik-izin-giris-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.ik-izin-giris-field--full {
    grid-column: 1 / -1;
}
.ik-izin-giris-field label {
    font-size: 10px;
    font-weight: 600;
    color: rgba(22, 20, 81, 0.65);
}
.ik-izin-giris-input,
.ik-izin-giris-textarea {
    width: 100%;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 10px;
    padding: 8px 8px;
    font-size: 11px;
    color: var(--ik-dark);
    background: #fff;
    box-sizing: border-box;
}
.ik-izin-giris-input--readonly {
    background: #f3f4f6;
    color: rgba(22, 20, 81, 0.75);
}
.ik-izin-giris-textarea {
    resize: vertical;
    min-height: 72px;
}
.ik-izin-giris-section {
    margin-top: 4px;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 12px;
    padding: 10px 8px;
    background: #fff;
}
.ik-izin-giris-section__title {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ik-dark);
}
.ik-izin-giris-emergency-head {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
    margin-bottom: 4px;
}
.ik-izin-giris-emergency-head span {
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: rgba(22, 20, 81, 0.5);
    line-height: 1.2;
}
.ik-izin-giris-emergency-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
}
.ik-izin-giris-emergency-row .ik-izin-giris-input {
    padding: 6px 4px;
    font-size: 10px;
}
.ik-izin-giris-actions {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 6px;
    align-items: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(22, 20, 81, 0.08);
}
.ik-izin-giris-btn {
    border-radius: 10px;
    padding: 10px 6px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    border: none;
}
.ik-izin-giris-btn--outline {
    background: rgba(124, 124, 255, 0.12);
    color: var(--ik-dark);
    border: 1px solid rgba(124, 124, 255, 0.35);
}
.ik-izin-giris-btn--primary {
    background: linear-gradient(to right, var(--ik-table), var(--ik-light));
    color: #fff;
}
.ik-izin-giris-days {
    font-size: 13px;
    font-weight: 800;
    color: var(--ik-dark);
    text-align: center;
    white-space: nowrap;
    min-width: 44px;
}

/* —— Masraf Girişi mobil —— */
.ik-mob-subpage--masraf-giris {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-izin-giris-field--spacer {
    visibility: hidden;
    pointer-events: none;
}
.ik-masraf-giris-required {
    color: #dc2626;
}
.ik-masraf-giris-receipt {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px dashed rgba(22, 20, 81, 0.2);
    border-radius: 12px;
    background: #fff;
}
.ik-masraf-giris-camera {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(22, 20, 81, 0.12);
    border-radius: 14px;
    background: rgba(124, 124, 255, 0.08);
    color: var(--ik-dark);
    cursor: pointer;
    padding: 0;
}
.ik-masraf-giris-camera:active {
    opacity: 0.75;
    transform: scale(0.98);
}
.ik-masraf-giris-receipt__info {
    flex: 1;
    min-width: 0;
}
.ik-masraf-giris-receipt__name {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(22, 20, 81, 0.45);
    word-break: break-word;
}
.ik-masraf-giris-receipt__name.is-selected {
    color: var(--ik-dark);
}
.ik-masraf-giris-pdf-link {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    color: var(--ik-table);
    text-decoration: underline;
    cursor: pointer;
}
.ik-masraf-giris-file-hint {
    margin: 4px 0 0;
    font-size: 9px;
    line-height: 1.35;
    color: rgba(22, 20, 81, 0.55);
}
.ik-izin-giris-actions--single {
    grid-template-columns: 1fr;
    justify-items: stretch;
}
.ik-izin-giris-actions--single .ik-izin-giris-btn--primary {
    width: 100%;
    padding: 12px 10px;
    font-size: 11px;
}

/* —— Avans Girişi mobil —— */
.ik-mob-subpage--avans-giris {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.ik-avans-kesim {
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 12px;
    padding: 10px 8px;
    background: rgba(255, 251, 235, 0.85);
}
.ik-avans-kesim.hidden {
    display: none;
}
.ik-avans-kesim__title {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    color: #92400e;
}
.ik-avans-kesim__hint {
    margin: 0 0 8px;
    font-size: 9px;
    line-height: 1.35;
    color: rgba(146, 64, 14, 0.85);
}
.ik-avans-kesim__radios {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 8px;
}
.ik-avans-kesim__radio {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: var(--ik-dark);
}
.ik-avans-kesim__periods {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ik-avans-kesim__period-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: 4px;
    align-items: end;
    padding: 8px 6px;
    border: 1px solid rgba(22, 20, 81, 0.1);
    border-radius: 10px;
    background: #fff;
}
.ik-avans-kesim__remove {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 8px;
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    margin-bottom: 2px;
}
.ik-avans-kesim__add {
    margin-top: 6px;
    border: none;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 10px;
    font-weight: 700;
    background: rgba(245, 158, 11, 0.2);
    color: #92400e;
    cursor: pointer;
    width: 100%;
}
.ik-avans-balance {
    border: 1px solid rgba(59, 130, 246, 0.25);
    border-radius: 12px;
    padding: 10px 8px;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(245, 243, 255, 0.95));
}
.ik-avans-balance__title {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    color: #1e40af;
}
.ik-avans-balance__grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ik-avans-balance__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 10px;
    color: rgba(22, 20, 81, 0.65);
}
.ik-avans-balance__item strong {
    font-size: 11px;
    color: var(--ik-dark);
    white-space: nowrap;
}