@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;800&display=swap');

/* KCM Lojistik — Ana Stil Dosyası (statik CSS)
 * Dinamik tema değişkenleri index.php içindeki <style>:root{} bloğunda kalır.
 * Burası: tüm layout, component ve utility sınıfları.
 */

:root {
    --control-radius: var(--radius);
    --control-border-color: var(--border);
    --control-border-width: 1px;
    --sal: env(safe-area-inset-left, 0px);
    --sar: env(safe-area-inset-right, 0px);

    /* Z-index katman sistemi */
    --z-sticky:   3;
    --z-dropdown: 100;
    --z-header:   1000;
    --z-modal:    2000;
    --z-modal-top: 5000;
    --z-toast:    9999;
    --z-confirm:  99999;

    /* Border-radius skalası */
    --radius-sm:   4px;
    --radius-lg:   10px;
    --radius-pill: 999px;

    /* Buton yükseklik skalası */
    --btn-height:    38px;
    --btn-height-sm: 30px;
    --btn-height-xs: 26px;
}


        /* Login sayfası */
        body.login-page { font-family: var(--font-main); background-color: var(--bg); margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; color: var(--text); }
        .login-box { background: var(--card-bg); padding: 40px 30px; border-radius: var(--radius); box-shadow: 0 10px 25px rgba(0,0,0,0.06); width: 100%; max-width: 360px; text-align: center; }
        .login-box h2 { margin: 0 0 4px 0; font-size: 24px; font-weight: 800; letter-spacing: -0.5px; }
        .login-input-group { position: relative; margin-bottom: 16px; }
        .login-box input { width: 100%; padding: 16px 16px 16px 44px; background: var(--bg); border: 1px solid #E5E7EB; border-radius: var(--radius); font-size: 15px; box-sizing: border-box; transition: all 0.2s; color: var(--text); font-weight: 500; font-family: var(--font-main); }
        .login-box input:focus { border-color: var(--primary-accent); outline: none; }
        .login-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #9CA3AF; }
        .login-box button { width: 100%; padding: 16px; background-color: var(--primary-accent); color: #111827; border: none; border-radius: var(--radius); font-size: 16px; font-weight: 800; cursor: pointer; transition: all 0.2s; margin-top: 8px; font-family: var(--font-main); }
        .error { color: #DC2626; background: #FEE2E2; padding: 12px; border-radius: var(--radius); margin-bottom: 16px; font-size: 13.5px; font-weight: 600; border: 1px solid #FCA5A5; }

*, *::before, *::after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
        html { height: -webkit-fill-available; overscroll-behavior: none; }
        body { font-family: var(--font-main); background: var(--bg); margin: 0; padding: 0; font-size: calc(12.5px * var(--font-scale) / 100); color: var(--text); overflow-x: hidden; width: 100%; min-height: -webkit-fill-available; -webkit-font-smoothing: antialiased; overscroll-behavior-y: none; }
        
        .app-container { display: flex; height: 100dvh; overflow: hidden; width: 100%; }
        /* FIX2: var(--sal), var(--sar) fallback eklendi */
        .app-header { position: fixed; top: 0; left: 0; right: 0; height: calc(46px + var(--sat)); padding-top: var(--sat); background: var(--card-bg); border-bottom: 1px solid var(--border); display: flex; align-items: flex-end; padding-left: calc(12px + var(--sal, 0px)); padding-right: calc(12px + var(--sar, 0px)); z-index: var(--z-header); box-shadow: 0 1px 2px rgba(0,0,0,0.02); }
        .app-header-inner { display:flex; align-items:center; gap:8px; width:100%; height:46px; }
        .header-logo { width:26px; height:26px; border-radius:6px; object-fit:cover; flex-shrink:0; }
        .header-title { font-size:15px; font-weight:800; color:var(--text); flex:1; text-align:center; }
        .header-exit { background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:var(--radius); padding:4px 10px; font-size:11.5px; font-weight:600; cursor:pointer; min-height:var(--btn-height-sm); }

        .sidebar { width:220px; background:var(--sidebar-bg); display:flex; flex-direction:column; padding:0; z-index:10; flex-shrink:0; padding-top:0; }
        .logo-area { padding:14px; border-bottom:1px solid rgba(255,255,255,0.05); }
        .logo-area-inner { display:flex; align-items:center; gap:10px; }
        .logo-area img { width:32px; height:32px; border-radius:6px; }
        .logo-area-text { color:#F9FAFB; font-size:13px; font-weight:700; }
        .logo-area-sub { color:#9CA3AF; font-size:9.5px; }
        .sidebar-section { padding:6px 0; }
        .sidebar-section-title { font-size:9.5px; font-weight:700; color:rgba(255,255,255,0.65); text-transform:uppercase; padding:6px 14px 4px; letter-spacing:0.06em; }
        .menu-item { padding:8px 12px; cursor:pointer; font-weight:500; font-size:12px; color:var(--sidebar-text, #CBD5E1); display:flex; align-items:center; gap:8px; margin:2px 8px; border-radius:var(--radius); min-height:38px; transition:background 0.15s, color 0.15s; border-left:3px solid transparent; }
        .menu-item:hover:not(.active) { background:rgba(255,255,255,0.07); color:#F8FAFC; }
        .menu-item.active { background:var(--sidebar-active); color:#fff; font-weight:700; border-left-color:rgba(255,255,255,0.4); }
        .mi-icon, .icon { opacity: 0.7; font-size:16px; width:22px; text-align:center; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .mi-icon svg { display:block; }
        .menu-item.active .mi-icon { opacity: 1; }
        .nav-item.active .icon { filter: sepia(100%) saturate(500%) hue-rotate(5deg) brightness(0.9); opacity: 1; }

        .sidebar-footer { margin-top:auto; padding:8px 8px calc(8px + var(--sab)); border-top:1px solid rgba(255,255,255,0.05); }
        .sidebar-user { padding:8px 12px; display:flex; align-items:center; gap:8px; }
        .sidebar-user-avatar { width:28px; height:28px; border-radius:6px; background:var(--sidebar-active); display:flex; align-items:center; justify-content:center; color:var(--sidebar-active-text); font-weight:700; font-size:12px; }
        .sidebar-user-name { color:#F9FAFB; font-size:11.5px; font-weight:600; }
        .sidebar-user-role { color:#9CA3AF; font-size:9.5px; }

        /* FIX4: padding-top'tan hayalet 46px header boşluğu kaldırıldı (app-header HTML'de yok) */
        .main-content { flex:1; overflow-y:auto; overflow-x:hidden; background:var(--bg); padding:12px; padding-top:calc(12px + var(--sat, 0px)); padding-bottom:calc(60px + var(--sab, 0px) + 16px); padding-left:calc(12px + var(--sal, 0px)); padding-right:calc(12px + var(--sar, 0px)); -webkit-overflow-scrolling:touch; }

        /* ===== DASHBOARD ===== */
        .d-row { display: flex; gap: 8px; margin-bottom: 8px; }
        .d-row-4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 8px; }
        .d-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 8px; }
        .d-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
        @media(min-width:901px) { .d-row-4 { grid-template-columns: repeat(4, 1fr); } }
        @media(max-width:380px) { .d-row-3 { grid-template-columns: 1fr 1fr; } }

        .d-kpi { background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 12px; cursor: pointer; transition: transform 0.12s; position: relative; overflow: hidden; }
        .d-kpi:active { transform: scale(0.97); }
        .d-kpi-label { font-size: 8.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 2px; color: var(--text-light); }
        .d-kpi-val { font-size: 24px; font-weight: 800; line-height: 1.15; color: var(--text); letter-spacing: -0.03em; }
        .d-kpi-badge { display: inline-block; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 20px; margin-top: 4px; }

        .d-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; margin-bottom: 6px; }
        .d-card-head { padding: 10px 12px 6px; display: flex; justify-content: space-between; align-items: center; }
        .d-card-title { font-size: 13px; font-weight: 800; color: var(--text); line-height: 1.2; letter-spacing: -0.02em; }
        .d-card-sub { font-size: 9px; color: var(--text-tertiary); font-weight: 600; }
        .d-card-badge { font-size: 8.5px; font-weight: 700; padding: 2px 8px; border-radius: 20px; background: #FEF3C7; color: #B45309; }
        .d-card-body { padding: 0 12px 10px; }

        /* Kompakt metrik kartları — tek satırda 8'e kadar sığar */
        .d-metric-row { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; margin-bottom: 6px; }
        .d-metric-row.row-4 { grid-template-columns: repeat(4, 1fr); }
        .d-metric-row.row-8 { grid-template-columns: repeat(8, 1fr); justify-content: center; }
        /* Tek satır korumak için mobilde sadece font/padding küçültülür, kart sayısı değişmez */
        @media (max-width: 600px) {
            .d-metric-row.row-8 .d-metric, .d-metric-row .d-metric { padding: 4px 2px; }
            .d-metric-row.row-8 .d-metric-val, .d-metric-row .d-metric-val { font-size: 13px; }
            .d-metric-row.row-8 .d-metric-val.sm, .d-metric-row .d-metric-val.sm { font-size: 11px; }
            .d-metric-row.row-8 .d-metric-lbl, .d-metric-row .d-metric-lbl { font-size: 7px; letter-spacing: 0; }
        }
        @media (max-width: 380px) {
            .d-metric-row.row-8 .d-metric-val, .d-metric-row .d-metric-val { font-size: 11px; }
            .d-metric-row.row-8 .d-metric-val.sm, .d-metric-row .d-metric-val.sm { font-size: 9px; }
            .d-metric-row.row-8 .d-metric-lbl, .d-metric-row .d-metric-lbl { font-size: 6px; }
        }
        .d-metric { background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: 5px 4px; text-align: center; min-width: 0; }
        .d-metric.clickable { cursor: pointer; transition: transform 0.1s, box-shadow 0.15s; }
        .d-metric.clickable:active { transform: scale(0.97); }
        .d-metric-val { font-size: 16px; font-weight: 800; line-height: 1; color: var(--text); letter-spacing: -0.02em; }
        .d-metric-val.sm { font-size: 13px; }
        .d-metric-lbl { font-size: 8px; font-weight: 700; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.03em; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        /* Renk varyantları */
        .d-metric.accent .d-metric-val { color: var(--primary-accent); }
        .d-metric.green .d-metric-val { color: var(--green); }
        .d-metric.yellow .d-metric-val { color: #D97706; }
        .d-metric.yellow .d-metric-lbl { color: #B45309; }
        .d-metric.red .d-metric-val, .d-metric.red .d-metric-lbl { color: #DC2626; }
        .d-metric.amber .d-metric-val, .d-metric.amber .d-metric-lbl { color: #B45309; }
        .d-metric.gray .d-metric-val { color: #4B5563; }
        .d-metric.slate .d-metric-val, .d-metric.slate .d-metric-lbl { color: #374151; }

        /* Accordion başlığı (tekrar eden pattern) */
        .d-acc-head { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 8px 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
        .d-acc-head.plain { color: var(--text-light); background: var(--bg); border-bottom: 1px solid var(--border); }
        .d-acc-head.warn { color: #DC2626; background: #FEF2F2; }
        .d-acc-head.purple { color: #7C3AED; background: #F5F3FF; }
        .d-section-title { font-size: 9px; font-weight: 700; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.05em; padding: 10px 14px 0; }

        /* Settings widget/menu checkbox pattern (14x repeat) */
        .ayar-cb-widget { display:flex; align-items:center; gap:6px; font-size:11px; padding:4px 6px; background:var(--card-bg); border-radius:6px; cursor:pointer; }
        .ayar-cb-menu { display:flex; align-items:center; gap:4px; font-size:11px; cursor:pointer; }
        .ayar-cb-widget input[type="checkbox"], .ayar-cb-menu input[type="checkbox"] { width:14px; height:14px; }

        /* Mini başlık — tiny uppercase label (5+ tekrar) */
        .tiny-lbl { font-size:8px; font-weight:700; color:var(--text-light); text-transform:uppercase; letter-spacing:0.03em; }
        .tiny-lbl-dim { font-size:8px; color:var(--text-tertiary); }
        .pnl-head { display:flex; justify-content:space-between; align-items:baseline; }

        /* Utility classes — tekrarlayan inline patterns */
        .u-center { text-align:center; }
        .u-hidden { display:none; }
        .u-flex-1 { flex:1; }
        .u-fs-10 { font-size:10px; }
        .u-fs-12 { font-size:12px; }
        .u-fs-13 { font-size:13px; }
        .u-fw-700 { font-weight:700; }


/* FIX3: Eksik utility sınıfları eklendi */
.u-flex-1-min { flex:1; min-width:0; }
.u-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.u-pointer { cursor:pointer; }
.system-message { position:fixed; top:calc(8px + var(--sat, 0px)); left:50%; transform:translateX(-50%); z-index:var(--z-toast); padding:12px 20px; border-radius:var(--radius); font-size:13px; font-weight:700; max-width:90%; text-align:center; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.system-message.success { background:#F0FDF4; color:#16a34a; border:1px solid #86EFAC; }
.system-message.error { background:#FEF2F2; color:#DC2626; border:1px solid #FCA5A5; }

        .u-mb-6 { margin-bottom:6px; }
        .u-mb-8 { margin-bottom:8px; }
        .u-mb-16 { margin-bottom:16px; }
        .u-dim { color:var(--text-tertiary); }
        .u-dim-9 { font-size:9px; color:var(--text-tertiary); }
        .u-dim-8 { font-size:8px; color:var(--text-tertiary); }
        .u-lbl-ul { font-size:8px; font-weight:700; color:var(--text-light); text-transform:uppercase; }
        .u-flex-gap-6 { display:flex; gap:6px; }
        .u-flex-gap-3-c { display:flex; gap:3px; align-items:center; }
        .u-scroll-x { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        .u-cb-16 { width:16px; height:16px; cursor:pointer; }
        .u-color-swatch { width:28px; height:28px; border:none; padding:0; cursor:pointer; }
        .u-code-text { font-size:10px; color:var(--text-light); font-family:monospace; }
        .u-input-sm { min-height:34px; padding:6px 8px; }
        .u-metric-card { flex:1; padding:12px 8px; text-align:center; min-height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
        .u-title-md { font-size:15px; font-weight:800; color:var(--text); }

        /* Sayfalama (pager) — izin ve mazot tabloları */
        .pager { display:flex; justify-content:center; align-items:center; gap:4px; padding:8px; border-top:1px solid var(--border); background:var(--bg); flex-wrap:wrap; }
        .pager-btn { padding:5px 10px; background:var(--card-bg); color:var(--text); border:1px solid var(--border); border-radius:6px; font-size:11px; font-weight:700; text-decoration:none; cursor:pointer; transition:all 0.15s; white-space:nowrap; }
        .pager-btn:hover { background:var(--primary-accent); color:#111827; border-color:var(--primary-accent); }
        .pager-btn.disabled { opacity:0.4; pointer-events:none; cursor:not-allowed; }
        .pager-info { font-size:11px; color:var(--text-light); font-weight:600; padding:0 8px; }

        /* Sayfalama (pagination) */
        .pg-wrap { display:flex; justify-content:center; align-items:center; gap:4px; padding:8px; flex-wrap:wrap; font-size:11px; }
        .pg-btn { min-width:28px; height:28px; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; background:var(--card-bg); border:1px solid var(--border); border-radius:6px; cursor:pointer; font-weight:700; color:var(--text); text-decoration:none; transition:all 0.15s; font-size:11px; }
        .pg-btn:hover { background:var(--bg); border-color:var(--primary-accent); }
        .pg-btn.active { background:var(--primary-accent); color:#111827; border-color:var(--primary-accent); }
        .pg-btn.disabled { opacity:0.4; cursor:not-allowed; pointer-events:none; }
        .pg-info { font-size:10px; color:var(--text-tertiary); padding:0 6px; font-weight:600; }

        .d-opr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
        .d-opr-item { padding: 8px 0; text-align: center; }
        .d-opr-item:nth-child(odd) { border-right: 1px solid var(--border); }
        .d-opr-item:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
        .d-opr-label { font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-light); margin-bottom: 1px; }
        .d-opr-val { font-size: 18px; font-weight: 800; line-height: 1.1; }

        .d-chart-wrap { position: relative; height: 130px; }

        .d-list-row { display: flex; align-items: center; padding: 5px 12px; border-bottom: 1px solid var(--border); font-size: 11px; gap: 6px; }
        .d-list-row:last-child { border-bottom: none; }
        .d-list-name { flex: 1; font-weight: 600; color: var(--text-light); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; }
        .d-list-bar { height: 5px; border-radius: 3px; background: var(--primary-accent); flex-shrink: 0; transition: width 0.3s; }
        .d-list-val { min-width: 22px; text-align: right; font-weight: 800; color: var(--text); font-size: 11px; }
        .d-list-footer { display: flex; justify-content: space-between; padding: 6px 12px; background: var(--bg); font-weight: 800; font-size: 11px; border-top: 1px solid var(--border); }
        .d-list-title { font-size: 13px; font-weight: 800; color: var(--text); padding: 10px 12px 6px; }
        
        .card { background:var(--card-bg); border-radius:var(--radius); box-shadow:0 1px 3px rgba(0,0,0,0.03); padding:10px; margin-bottom:8px; border:1px solid var(--border); }
        .card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; border-bottom:1px solid var(--border); padding-bottom:10px; }
        .card-title { font-size:14px; font-weight:700; color:var(--text); margin:0; }

        .metric-card { background:var(--card-bg); padding:8px 10px; border-radius:var(--radius); border:1px solid var(--border); }
        .metric-card.m-blue { border-left-color: #3b82f6; } .metric-card.m-orange{ border-left-color: var(--primary-accent); } .metric-card.m-teal { border-left-color: #4B5563; }
        .metric-info h3 { margin:0 0 2px; font-size:16px; font-weight:800; color:var(--text); line-height:1; }
        .metric-info p  { margin:0; color:var(--text-light); font-size:8px; font-weight:700; text-transform:uppercase; }
        
        .dash-body { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
        .grid-container { display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; }
        .col { display:flex; flex-direction:column; gap:6px; }
        
        .form-group { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; }
        .form-group label { font-size:10px; font-weight:700; color:var(--text-light); text-transform:uppercase; }
        .form-control { padding:5px 12px; border:var(--control-border-width,1px) solid var(--control-border-color,var(--border)); border-radius:var(--control-radius,var(--radius)); font-size:13px; background:var(--bg); width:100%; box-sizing:border-box; color:var(--text); min-height:30px; font-family: var(--font-main); transition:0.2s; }
        .form-control:focus { border-color:var(--primary-accent); outline:none; background:var(--card-bg); }
        textarea.form-control { min-height:60px; resize:vertical; }
        .readonly { background:var(--bg) !important; pointer-events:none; }
        .span-2 { grid-column:span 2; }

        .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 16px; border-radius:var(--radius); font-weight:700; cursor:pointer; border:none; font-size:13px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); min-height:40px; font-family: var(--font-main); transition: all 0.2s; text-decoration:none; }
        .btn:active { transform: translateY(1px); }
        .btn-primary  { background:var(--primary-accent); color:var(--primary-text); }
        .btn-secondary{ background:var(--bg); color:var(--text); border:1px solid var(--border); }
        .btn-success  { background:var(--green); color:#FFFFFF; }
        .btn-warning  { background:#1F2937; color:#FFFFFF; }
        .btn-danger   { background:var(--red); color:#FFFFFF; }
        
        .btn-sil { background: var(--bg); color: #4B5563; border: 1px solid var(--border); padding: 4px 10px; border-radius: var(--radius); font-size: 12px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; transition: all 0.2s ease; gap: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.02); min-height: var(--btn-height-xs); }
        .btn-sil:hover { background: #FEE2E2; color: #DC2626; border-color: #FCA5A5; }
        .plist-item:active, .plist-item:hover { background:var(--bg); }
        .plist-item:last-of-type { border-bottom:none; }
        .combo-list { position:absolute; left:0; right:0; top:100%; z-index:var(--z-dropdown); background:var(--card-bg); border:var(--control-border-width,1px) solid var(--control-border-color,var(--border)); border-top:none; border-radius:0 0 var(--control-radius,var(--radius)) var(--control-radius,var(--radius)); max-height:220px; overflow-y:auto; box-shadow:0 8px 24px rgba(0,0,0,0.12); -webkit-overflow-scrolling:touch; }
        .combo-list .plist-item { padding:9px 12px; border-bottom:1px solid var(--border); font-size:12px; font-weight:600; cursor:pointer; }
        .combo-empty { padding:12px; text-align:center; color:var(--text-tertiary); font-size:11px; }

        .bottom-nav { display:none; position:fixed; bottom:0; left:0; right:0; height:calc(52px + var(--sab)); padding-bottom:var(--sab); background:var(--card-bg); border-top:1px solid var(--border); z-index:var(--z-header); justify-content:space-around; align-items:flex-start; padding-top:5px; padding-left:0; padding-right:0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* FIX6: font-size 7px→9px (okunabilirlik) */
        .nav-item { display:flex; flex-direction:column; align-items:center; color:#9CA3AF; font-size:9px; cursor:pointer; flex:1; min-width:0; font-weight:600; padding:2px 1px; text-align:center; min-height:44px; justify-content:center; -webkit-tap-highlight-color:transparent; white-space:nowrap; }
        .nav-item .icon { font-size:16px; line-height:1; margin-bottom:1px; }
        .nav-item .nav-label { overflow:hidden; text-overflow:ellipsis; max-width:100%; }
        .nav-item.active { color:var(--primary-accent); font-weight:700; }

        .view-section { display:none; } .view-section.active { display:block; animation:fadeIn 0.2s ease; min-height:calc(100dvh - 120px); }
        @keyframes fadeIn { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }

        .ios-group { background:var(--card-bg); border-radius:var(--radius); overflow:hidden; margin-bottom:8px; border:1px solid var(--border); }
        .ios-group-title { font-size:9px; font-weight:700; color:var(--text-light); text-transform:uppercase; padding:8px 12px 5px; background:var(--bg); border-bottom:1px solid var(--border); }
        .ios-row { display:flex; align-items:center; padding:6px 12px; border-bottom:1px solid var(--border); font-size:12px; min-height:32px; }
        .ios-row.compact { padding:5px 12px; min-height:28px; font-size: 11px; }
        .ios-row:last-child { border-bottom:none; }
        .ios-row-label { color:var(--text-light); flex-shrink:0; font-size:11px; font-weight:600; min-width:90px; }
        .ios-row-value { font-weight:600; font-size:12px; color:var(--text); text-align:left; flex:1; word-break:break-word; }

        .personel-avatar { width:60px; height:76px; border-radius:var(--radius); background:var(--bg); flex-shrink:0; overflow:hidden; border:1px solid var(--border); }
        .personel-avatar img { width:100%; height:100%; object-fit:cover; }
        .personel-avatar-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:28px; color:var(--text-tertiary); }
        .dept-badge { display:inline-block; background:#FEF3C7; color:#D97706; font-size:10px; font-weight:700; padding:4px 8px; border-radius:var(--radius); margin-right:4px; border:1px solid #FDE68A; }
        .gorev-badge { display:inline-block; background:var(--bg); color:var(--text-light); font-size:10px; font-weight:600; padding:4px 8px; border-radius:var(--radius); border:1px solid var(--border); }

        .op-card-list { display:flex; flex-direction:column; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); background:var(--card-bg); }
        .op-day-row { display:flex; align-items:center; background:var(--card-bg); padding:3px 10px; border-bottom:1px solid var(--border); cursor:pointer; min-height:30px; }
        .op-day-row:last-child { border-bottom:none; }
        .op-day-num { font-size:13px; font-weight:800; color:var(--text); line-height:1; }
        .op-bar { height:5px; border-radius:3px; min-width:5px; }
        .op-bar.cfs { background:var(--primary-accent); } .op-bar.sun { background:#9CA3AF; }
        .op-detay-panel { display:none; background:var(--bg); border-top:1px solid var(--border); padding:10px; }
        .op-detay-panel.open { display:block; animation:fadeInDown 0.2s ease; }

        .compact-table { width:100%; border-collapse:collapse; font-size:12.5px; background:var(--card-bg); table-layout:auto; text-align:left; }
        .compact-table th, .compact-table td { padding:3px 3px; font-size:12px; border-bottom:1px solid var(--border); word-wrap: break-word; overflow-wrap: break-word; white-space: normal; line-height: 1.1; }
        .compact-table th { background:var(--bg); font-weight:700; color:var(--text-light); font-size:10.5px; text-transform:uppercase; border-bottom:2px solid var(--border); }
        
        

        .modal { display:none; position:fixed; z-index:var(--z-modal); left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); align-items:center; justify-content:center; -webkit-overflow-scrolling:touch; }
        .modal.active { display:flex; }
        .modal.centered-modal { align-items: center !important; justify-content:center !important; }
        .modal.centered-modal.active { display:flex !important; }
        .modal-content { background:#f1f6fb; padding:20px; border-radius:var(--radius) var(--radius) 0 0; width:100%; max-width:500px; position:relative; padding-bottom:calc(20px + var(--sab)); max-height:92dvh; overflow-y:auto; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
        @media (min-width:600px) { .modal-content { border-radius:var(--radius); margin-bottom:40px; } }
        .centered-modal .modal-content { border-radius: var(--radius) !important; padding: 20px; padding-bottom: calc(20px + var(--sab, 0px)); margin: 0; pointer-events:auto; width:100%; }
        [data-modal-style="glass"] .modal-content, [data-modal-style="glass"] .modal.active > .modal-content { background: #f1f6fb !important; }
        .modal.active > .modal-content { background: rgba(255, 255, 255, 0.95); }
        .close-btn { position:absolute; right:11px; top:10px; cursor:pointer; color:var(--text-light); width:32px; height:27px; background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-weight:700; font-size: 16px; transition: 0.2s; z-index: 10; }
        .close-btn:active { background: var(--bg); }

        .toast-container { position:fixed; top:calc(8px + var(--sat)); left:50%; transform:translateX(-50%); z-index:var(--z-toast); display:flex; flex-direction:column; align-items:center; gap:6px; pointer-events:none; width:92%; max-width:380px; }
        .toast { background:rgba(30,30,30,0.95); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); color:#FFFFFF; padding:14px 16px; border-radius:14px; font-size:13px; font-weight:500; display:flex; align-items:flex-start; gap:12px; width:100%; box-shadow:0 8px 32px rgba(0,0,0,0.3), 0 0 0 0.5px rgba(255,255,255,0.1); pointer-events:auto; opacity:0; transform:translateY(-20px) scale(0.95); transition:all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }
        .toast.show { opacity:1; transform:translateY(0) scale(1); }
        .toast-app-icon { width:36px; height:36px; border-radius:8px; background:var(--primary-accent); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; box-shadow:0 2px 6px rgba(0,0,0,0.2); }
        .toast-app-icon.error { background:#DC2626; }
        .toast-body { flex:1; min-width:0; }
        .toast-app-name { font-size:11px; font-weight:700; color:rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:0.3px; margin-bottom:2px; }
        .toast-msg { font-size:13px; font-weight:500; color:#fff; line-height:1.4; }
        .toast-time { font-size:10px; color:rgba(255,255,255,0.4); flex-shrink:0; margin-top:2px; }

        .dark-chart-title { font-size: 11px; font-weight: 700; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; display: block; }

        @media (min-width:901px) {
    .app-header { display:none !important; }
    /* FIX10: Sabit #F8FAFC yerine CSS değişkeni — tema sidebar override'ları artık çalışır */
    .sidebar {
        display:flex !important;
        width:220px !important;
        background:var(--sidebar-bg, #F8FAFC) !important;
        border-right:1px solid #E2E8F0 !important;
        padding-top:0 !important;
    }
    .logo-area { border-bottom:1px solid #E2E8F0 !important; }
    .logo-area-text { color:#1E293B !important; }
    .logo-area-sub { color:#94A3B8 !important; }
    .sidebar-section-title { color:#64748B !important; font-weight:700 !important; }
    .menu-item { color:#475569 !important; margin:1px 8px !important; border-radius:8px !important; }
    .menu-item:hover { background:#9ca3af4a !important; }
    .menu-item.active { background:var(--sidebar-active, #EFF6FF) !important; color:var(--sidebar-active-text, #2563EB) !important; font-weight:700 !important; }
    .sidebar-footer { border-top:1px solid #E2E8F0 !important; }
    .sidebar-user-name { color:#1E293B !important; }
    .sidebar-user-role { color:#94A3B8 !important; }
    .sidebar-user-avatar { background:#EFF6FF !important; color:#2563EB !important; }
    .main-content {
        padding-top:16px !important;
        padding-bottom:16px !important;
        padding-left:20px !important;
        padding-right:20px !important;
        background:#F1F5F9 !important;
        flex:1 !important;
        height:100dvh !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }
    .app-container { height:100dvh !important; overflow:hidden !important; }
    .bottom-nav { display:none !important; }

    .view-section.active { min-height:calc(100vh - 32px) !important; }
}
        @media (max-width:900px) { 
            .app-container { flex-direction:column; } .sidebar { display:none; } .bottom-nav { display:flex; } 
            .grid-container { grid-template-columns:1fr 1fr; } .span-2 { grid-column:1 / -1; } .dash-body { grid-template-columns:1fr; }
            /* FIX4: mobil padding-top'tan hayalet 46px header kaldırıldı */
            .main-content { padding:8px; padding-top:calc(8px + var(--sat, 0px)); padding-bottom:calc(60px + var(--sab, 0px) + 12px); }
            .compact-table th, .compact-table td { padding:4px 8px; font-size:10px; }
            .compact-table th { font-size:9px; }
            .form-control { min-height:36px; padding:8px 10px; font-size:12px; }
            .form-group { margin-bottom:8px; }
            .form-group label { font-size:9px; }
            .btn { min-height:34px; font-size:12px; padding:6px 12px; }
            .card { padding:8px; }
            .card-title { font-size:13px; }
            .card-header { margin-bottom:8px; padding-bottom:8px; }
            .modal-content { padding:16px; padding-bottom:calc(16px + var(--sab)); }
            .centered-modal .modal-content { padding:16px; padding-bottom:calc(16px + var(--sab, 0px)); }
            /* Inline grid 3-sütun → 2-sütun mobilde */
            .ayar-grid-3 { grid-template-columns:1fr 1fr !important; }
            .ayar-grid-2 { grid-template-columns:1fr !important; }
            /* Tablo scroll wrapper */
            .table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        }
        @media (max-width:480px) {
            /* Çok küçük ekranlar */
            .ayar-grid-3 { grid-template-columns:1fr !important; }
            .modal-content { padding:12px; padding-bottom:calc(12px + var(--sab)); }
            .centered-modal .modal-content { padding:12px; padding-bottom:calc(12px + var(--sab, 0px)); }
            .nav-item .icon { font-size:14px; }
            /* FIX6: font-size 6.5px→8px */
            .nav-item { font-size:8px; }
        }
        @media (max-width:380px) {
            .d-row-3 { grid-template-columns:1fr 1fr; }
            .grid-container { grid-template-columns:1fr; }
            body { font-size: calc(11px * var(--font-scale) / 100); }
        }
        @media (max-width:360px) {
            .nav-item { font-size:7.5px; padding:2px 0; }
            .nav-item .icon { font-size:13px; }
            .d-row-4, .d-row-3, .d-row-2 { grid-template-columns:1fr 1fr; }
            .modal-content { padding:10px; padding-bottom:calc(10px + var(--sab)); }
        }
        
        /* Ekipman detay modal */
        .ekp-detail-foto { width:100%; max-height:200px; object-fit:cover; border-radius:8px; margin-bottom:12px; }
        .ekp-detail-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border); font-size:12px; }
        .ekp-detail-label { color:var(--text-light); font-weight:600; }
        .ekp-detail-val { color:var(--text); font-weight:700; text-align:right; }

/* Ayarlar accordion */
.ayar-acc { background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius); margin-bottom:6px; overflow:hidden; }
                .ayar-acc-head { padding:10px 14px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-size:12px; font-weight:700; color:var(--text); user-select:none; background:var(--card-bg); transition:background 0.15s; }
                .ayar-acc-head:hover { background:var(--bg); }
                .ayar-acc-head .arr { font-size:10px; color:var(--text-tertiary); transition:transform 0.2s; }
                .ayar-acc.open .ayar-acc-head .arr { transform:rotate(90deg); }
                .ayar-acc-body { padding:10px 14px 12px; border-top:1px solid var(--border); display:none; background:var(--bg); }
                .ayar-acc.open .ayar-acc-body { display:block; }
                .ayar-acc-head .acc-icon { margin-right:8px; font-size:14px; }
                .ayar-acc-head .acc-sub { font-size:10px; font-weight:500; color:var(--text-tertiary); margin-left:6px; }
                .ayar-kaydet-bar { margin-top:12px; padding:10px; background:var(--card-bg); border:2px solid var(--primary-accent); border-radius:var(--radius); text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
                .ayar-kaydet-bar button { padding:10px 24px; width:100%; font-size:13px; font-weight:800; }
                .compact-form-group { margin-bottom:6px; }
                .compact-form-group label { font-size:10.5px; font-weight:600; color:var(--text-light); margin-bottom:3px; display:block; }
                .compact-form-group .form-control { min-height:30px; padding:4px 8px; font-size:11.5px; }
                .ayar-section-head { font-size:12px; font-weight:800; color:var(--text); padding:6px 2px; border-bottom:2px solid var(--primary-accent); margin-bottom:8px; }

/* PDKS mini kartlar (detay modal) */
.pdks-mini-card { text-align:center; padding:3px 2px; border-radius:6px; }
.pdks-mc { text-align:center; padding:2px 2px; border-radius:4px; min-width:0; }
.pdks-mc .pdks-mc-v { font-size:13px; font-weight:800; line-height:1.1; color:var(--text); }
.pdks-mc-v { font-size:14px; font-weight:800; line-height:1.1; }
.pdks-mc-l { font-size:6.5px; font-weight:700; color:var(--text-light); letter-spacing:0.02em; margin-top:1px; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/* ===== v6 App Görünümü / Kompakt Ayarlar =====
   Mevcut PHP akışını değiştirmez; sadece style layer. */
input, select, textarea { border-radius: var(--control-radius, var(--radius)); }
select.form-control { appearance:auto; }

@media (max-width: 900px) {
    html, body { width:100%; max-width:100vw; overflow-x:hidden; }
    .app-container { min-height:100dvh; width:100%; max-width:100vw; }
    .main-content { width:100%; max-width:100vw; overflow-x:hidden; }
    .view-section.active { min-height:calc(100dvh - 114px); }
    .modal { padding-left:max(0px, env(safe-area-inset-left)); padding-right:max(0px, env(safe-area-inset-right)); }
    .modal.active .form-control,
    .modal.active input:not([type="hidden"]),
    .modal.active select,
    .modal.active textarea {
        width: 100% !important;
        min-height: 35px !important;
    }
}

#view-ayarlar .ayar-acc-body .compact-form-group { margin-bottom:5px; }
#view-ayarlar .ayar-acc-body .form-control { min-height:36px; }
#view-ayarlar .ayar-acc-body .btn { min-height:34px; }
.ayar-section { background:var(--card-bg,#fff); border:1px solid var(--border); border-radius:6px; padding:10px 12px 10px; margin-bottom:10px; }
.ayar-section:last-child { margin-bottom:0; }
.ayar-section-head { font-size:9px; font-weight:800; text-transform:uppercase; color:var(--text-tertiary); letter-spacing:.06em; margin-bottom:8px; padding-bottom:6px; border-bottom:1px solid var(--border); }
#view-ayarlar .ayar-kaydet-bar { position:static; bottom:auto; z-index:auto; }
#view-ayarlar .acc-icon { background:transparent !important; box-shadow:none !important; }

/* Touch hedefleri: başlık büyük kalsın, açılan içerik compact olsun. */
#view-ayarlar .ayar-acc-head { touch-action:manipulation; }
#view-ayarlar .theme-preset-card { touch-action:manipulation; }


/* ===== v7 — Tema kayıt düzeltmesi & non-floating kayıt barı ===== */
#view-ayarlar .ayar-kaydet-bar {
    position: static !important;
    margin: 14px 0 18px !important;
    padding: 8px !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--border) !important;
    box-shadow: none !important;
}
#view-ayarlar .ayar-kaydet-bar .btn {
    width: 100%;
    min-height: 38px;
    border-radius: var(--control-radius, var(--radius));
}
#view-ayarlar .theme-preset-manual {
    border-style: dashed !important;
}
#view-ayarlar .theme-preset-card input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: var(--primary-accent);
}
#view-ayarlar .settings-preset-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
@media (max-width: 900px) {
    #view-ayarlar .settings-preset-grid { grid-template-columns: 1fr !important; }
    #view-ayarlar .ayar-acc-body { max-height: min(68dvh, 560px); overflow-y:auto; -webkit-overflow-scrolling:touch; }
    #view-ayarlar .ayar-kaydet-bar { margin-bottom: calc(72px + var(--sab)) !important; }
}


/* ===== v8 — index.php içinden taşınan responsive/talep/ayarlar stilleri ===== */
        html, body { margin:0; padding:0; max-width:100vw; overflow-x:hidden; }
        .app-container { display:flex; width:100%; max-width:100vw; overflow-x:hidden; box-sizing:border-box; }
        .main-content { flex:1; min-width:0; width:100%; max-width:100%; box-sizing:border-box; }
        .view-section, .card { width:100% !important; max-width:100% !important; box-sizing:border-box; }
        .u-scroll-x, .personel-list-table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
        @media (min-width:901px) {
            .personel-list-table .sticky-th,
            .personel-list-table .sticky-td { position:sticky; left:0; z-index:2; background:var(--card-bg); }
            .personel-list-table .sticky-th { background:#F3F4F6; z-index:3; }
            .personel-list-table .sticky-td::after,
            .personel-list-table .sticky-th::after { content:''; position:absolute; right:-1px; top:0; bottom:0; width:1px; background:var(--border); }
        }

        @media (max-width: 900px) {
            body { padding-top:0 !important; }
            .app-container, .main-content {
                margin-top:0 !important;
                padding-top:env(safe-area-inset-top, 0) !important;
            }
            .app-header { position:relative !important; top:0; }
        }
        /* Üst kartlar biraz daha büyük (sadece padding) */
        .u-metric-card { padding:4px 4px !important; min-height:50px !important; }
        /* Personel listesi — mobil/desktop satır gösterimi */
        .per-desktop-head { display:none; }
        .per-desktop-row { display:none; }
        @media(min-width:901px) {
            .per-desktop-head { display:table-header-group; }
            .per-desktop-row { display:table-row; }
            .per-mobile-head { display:none !important; }
            .per-mobile-row { display:none !important; }
        }

        /* Ekipman Excel export butonu — sadece desktop */
        .ekp-excel-btn { display:none; }
        @media(min-width:901px) { .ekp-excel-btn { display:inline-flex !important; align-items:center; } }

        /* Talep girişi — genel tasarıma uyumlu, mobilde tam oturan yapı */
        .talep-modal-content { background:#f1f6fb; width:min(340px, calc(100vw - 32px)) !important; max-width:calc(100vw - 32px) !important; max-height:calc(100dvh - 24px); overflow-y:auto; padding:10px 12px !important; box-sizing:border-box; }
        .talep-form-grid { display:grid; gap:12px; margin-bottom:8px; }
        .talep-two-col { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
        .talep-modal-content label { color:var(--text); font-weight:700; display:block; margin-top:4px; margin-bottom:2px; font-size:11px; }
        .talep-modal-content .u-mb-12, .talep-modal-content .u-mb-10, .talep-modal-content .u-mb-14 { margin-bottom:6px; }
        .talep-modal-content .form-control { min-height:34px !important; padding:6px 8px !important; font-size:12px !important; }
        .talep-modal-content textarea.form-control { min-height:48px !important; }
        .talep-modal-content .form-control,
        .talep-unit-select,
        .talep-table-wrap .form-control { min-height:36px; font-size:13px; border:1px solid var(--border); border-radius:var(--radius); background:var(--card-bg); color:var(--text); box-sizing:border-box; }
        .talep-type-row .talep-type-btn { padding:10px; border-radius:var(--radius); border:1px solid var(--border); background:var(--card-bg); color:var(--text); transition:var(--anim); }
        .talep-type-row .talep-type-btn.active { border-color:var(--primary-accent); background:var(--bg); color:var(--primary-accent); }
        .talep-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-bottom:8px; }
        .talep-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        .talep-table { min-width:760px; }
        .talep-action-btn { padding:3px 7px; min-height:24px; border-radius:var(--radius); border:1px solid var(--border); background:var(--card-bg); color:var(--text); font-weight:700; cursor:pointer; }
        #talepForm .form-control,
        #talepForm select,
        #talepForm textarea { margin-top:4px; }
        #talepForm button:not(.talep-type-btn) { margin-top:8px; }
        @media (max-width: 760px) {
            .modal.centered-modal:not(#pdksDetayModal) { overflow-y:auto; }
            .talep-modal-content { max-height:calc(100dvh - 16px); border-radius:var(--radius) !important; margin:0 auto; }
            .talep-two-col { grid-template-columns:1fr; gap:8px; }
            .talep-type-row { gap:6px !important; }
            .talep-type-row button { padding:9px 6px !important; font-size:11px !important; }
            .talep-summary-grid { grid-template-columns:repeat(0,minmax(0,1fr)); }
            .talep-subsummary-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
        }


        /* Ayarlar ekranı */
        #view-ayarlar { background:var(--settings-surface); border-radius:calc(var(--radius) + 2px); padding:10px; min-height:calc(100dvh - 32px); }
        #view-ayarlar .card { background:var(--card-bg); border:1px solid color-mix(in srgb, var(--text) 7%, transparent); box-shadow:var(--card-shadow); }
        .settings-ios-hero { margin:2px 0 12px; }
        .settings-ios-hero h1 { margin:0 0 10px; font-size:31px; line-height:1.02; letter-spacing:-.045em; font-weight:650; color:var(--text); }
        .settings-title-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
        .settings-search { display:flex; align-items:center; gap:8px; min-height:42px; border-radius:18px; background:var(--settings-muted); color:var(--text-tertiary); padding:0 13px; box-sizing:border-box; border:1px solid color-mix(in srgb, var(--text) 5%, transparent); }
        .settings-search input { width:100%; border:0 !important; outline:0; background:transparent !important; color:var(--text); font-size:15px; font-family:var(--font-main); min-height:40px !important; padding:0 !important; box-shadow:none !important; }
        .settings-search input::placeholder { color:var(--text-tertiary); }
        .settings-note { margin-top:8px; color:var(--text-light); font-size:12px; line-height:1.42; }
        #view-ayarlar .ayar-acc { margin:0 0 9px; background:var(--card-bg); border:1px solid color-mix(in srgb, var(--text) 6%, transparent); border-radius:calc(var(--radius) + 6px); overflow:hidden; box-shadow:0 1px 2px rgba(15,23,42,.025); transition:box-shadow var(--anim), border-color var(--anim); }
        #view-ayarlar .ayar-acc:hover { box-shadow:0 8px 22px rgba(15,23,42,.045); border-color:color-mix(in srgb, var(--primary-accent) 20%, var(--border)); }
        #view-ayarlar .ayar-acc-head { min-height:62px; padding:9px 12px !important; display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; user-select:none; border:0 !important; background:var(--card-bg) !important; }
        #view-ayarlar .ayar-acc-head > span:first-child { display:grid; grid-template-columns:36px 1fr; column-gap:10px; align-items:center; min-width:0; color:var(--text); font-size:14px; line-height:1.12; font-weight:800; }
        #view-ayarlar .acc-icon { width:36px; height:36px; border-radius:0; display:inline-flex; align-items:center; justify-content:center; color:var(--primary-accent); background:transparent !important; box-shadow:none !important; font-size:21px; grid-row:1 / span 2; filter:saturate(.78); opacity:.92; }
        #view-ayarlar .acc-sub { display:block; margin-top:3px; color:var(--text-light); font-weight:600; font-size:11px; letter-spacing:0; }
        #view-ayarlar .arr { flex:0 0 auto; width:26px; height:24px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:900; color:var(--primary-accent); background:color-mix(in srgb, var(--primary-accent) 9%, transparent); transition:transform var(--anim); }
        #view-ayarlar .ayar-acc.open .arr { transform:rotate(90deg); }
        #view-ayarlar .ayar-acc-body { padding:10px 12px 12px !important; border-top:1px solid color-mix(in srgb, var(--text) 7%, transparent); display:none; background:linear-gradient(180deg, rgba(255,255,255,.92), color-mix(in srgb, var(--settings-surface) 36%, white)); }
        #view-ayarlar .ayar-acc.open .ayar-acc-body { display:block; }
        #view-ayarlar .ayar-acc-body > div { gap:6px !important; }
        #view-ayarlar .ayar-section { background:color-mix(in srgb,var(--card-bg,#fff) 60%,transparent); border:1px solid color-mix(in srgb,var(--text) 9%,transparent); border-radius:6px; padding:9px 10px 9px; margin-bottom:8px; }
        #view-ayarlar .ayar-section-head { font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:7px; padding-bottom:5px; border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent); }
        #view-ayarlar .compact-form-group { min-width:0; margin-bottom:5px; }
        #view-ayarlar .compact-form-group label, #view-ayarlar .form-group label { display:block; margin:0 0 4px; color:var(--text-light); font-size:10px !important; font-weight:800; letter-spacing:.01em; line-height:1.15; }
        #view-ayarlar .form-control, #view-ayarlar input[type="text"], #view-ayarlar input[type="email"], #view-ayarlar input[type="number"], #view-ayarlar select, #view-ayarlar textarea { min-height:36px; border:var(--control-border-width,1px) solid var(--control-border-color,var(--border)) !important; border-radius:var(--control-radius,var(--radius)) !important; background:#fff !important; color:var(--text) !important; padding:7px 10px !important; font-family:var(--font-main); font-size:12.5px !important; box-sizing:border-box; box-shadow:none !important; }
        #view-ayarlar textarea { line-height:1.4; min-height:58px; }
        #view-ayarlar .form-control:focus, #view-ayarlar input:focus, #view-ayarlar select:focus, #view-ayarlar textarea:focus { outline:0; border-color:var(--primary-accent) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-accent) 14%, transparent) !important; }
        #view-ayarlar .btn, #view-ayarlar button { min-height:34px; border-radius:var(--control-radius,var(--radius)) !important; font-family:var(--font-main); font-size:12px; box-shadow:none; }
        #view-ayarlar .btn-primary { box-shadow:none !important; }
        #view-ayarlar .btn-secondary { background:#fff !important; border:var(--control-border-width,1px) solid var(--control-border-color,var(--border)) !important; color:var(--text) !important; }
        .settings-preset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:9px; }
        .theme-preset-card { position:relative; display:flex; gap:9px; align-items:center; padding:9px; min-height:54px; border-radius:calc(var(--radius) + 4px); border:1px solid color-mix(in srgb, var(--text) 8%, transparent); background:#fff; cursor:pointer; }
        .theme-preset-card input { position:absolute; opacity:0; pointer-events:none; }
        .theme-preset-card:has(input:checked) { border-color:var(--primary-accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-accent) 14%, transparent); }
        .theme-dots { display:flex; gap:4px; flex:0 0 auto; }
        .theme-dots i { width:16px; height:16px; border-radius:50%; border:1px solid rgba(15,23,42,.08); display:block; }
        .theme-preset-title { font-weight:850; font-size:12.5px; color:var(--text); line-height:1.12; }
        .theme-preset-sub { margin-top:2px; font-size:10.5px; color:var(--text-light); line-height:1.2; }
        .settings-filter-hidden { display:none !important; }
        .settings-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
        .settings-color-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:7px; }
        .settings-style-grid { margin-top:7px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
        @media (max-width:760px){
            #view-ayarlar { padding:8px 8px calc(76px + var(--sab)); border-radius:0; margin-left:-8px; margin-right:-8px; min-height:calc(100dvh - 8px); }
            .settings-ios-hero h1 { font-size:30px; }
            .settings-preset-grid { grid-template-columns:1fr; }
            #view-ayarlar .ayar-acc { border-radius:18px; margin-bottom:8px; }
            #view-ayarlar .ayar-acc-head { min-height:58px; padding:8px 11px !important; }
            #view-ayarlar .ayar-acc-head > span:first-child { grid-template-columns:34px 1fr; column-gap:9px; font-size:13.5px; }
            #view-ayarlar .acc-icon { width:34px; height:34px; font-size:20px; }
            #view-ayarlar .ayar-acc-body { padding:9px 10px 10px !important; max-height:calc(100dvh - 210px); overflow-y:auto; -webkit-overflow-scrolling:touch; }
            .settings-control-grid, .settings-color-grid, .settings-style-grid { grid-template-columns:1fr 1fr !important; gap:6px !important; }
            #view-ayarlar .ayar-acc-body [style*="grid-template-columns:1fr 1fr 1fr 1fr"] { grid-template-columns:1fr 1fr !important; }
            #view-ayarlar .ayar-acc-body [style*="grid-template-columns:repeat(auto-fill"] { grid-template-columns:1fr !important; }
            #view-ayarlar .ayar-acc-body [style*="grid-template-columns:repeat(2"] { grid-template-columns:1fr !important; }
            #view-ayarlar .ayar-acc-body [style*="grid-template-columns:1fr 1fr 1fr"] { grid-template-columns:1fr 1fr !important; }
        }
        @media (max-width:430px){
            .settings-control-grid, .settings-color-grid, .settings-style-grid { grid-template-columns:1fr !important; }
            #view-ayarlar .form-control, #view-ayarlar select, #view-ayarlar input { font-size:12px !important; }
        }
        @media (max-width:900px){
            .modal-content:not(#pdksDetayModal .modal-content):not(#pdksManuelModal .modal-content):not(#mazotModal .modal-content):not(#opModal .modal-content) { width:100% !important; max-width:100% !important; max-height:calc(100dvh - 16px) !important; }
        }
        #pdksManuelModal .modal-content,
        #mazotModal .modal-content { width:340px !important; max-width:calc(100vw - 32px) !important; }
        #opModal .modal-content { width:420px !important; max-width:calc(100vw - 32px) !important; }


/* ===== v8 — Buton kontrol ayarları, full-screen mobil modallar, sade talep tablosu ===== */
.btn {
    border-radius: var(--button-radius, var(--control-radius, var(--radius))) !important;
}
.btn-primary {
    background: var(--button-bg, var(--primary-accent)) !important;
    border: var(--button-border-width, 1px) solid var(--button-border-color, var(--button-bg, var(--primary-accent))) !important;
    color: #fff !important;
}
.btn-secondary,
.talep-type-btn,
.talep-action-btn {
    border-radius: var(--button-radius, var(--control-radius, var(--radius))) !important;
    border-width: var(--button-border-width, 1px) !important;
}

.talep-info-note {
    padding: 5px 8px;
    margin: 3px 0;
    border: 1px dashed var(--control-border-color, var(--border));
    border-radius: var(--control-radius, var(--radius));
    background: color-mix(in srgb, var(--primary-accent) 6%, var(--card-bg));
    color: var(--text-light);
    font-size: 11px;
    line-height: 1.35;
}
.talep-table-simple { min-width: 620px; }
.talep-table-simple th,
.talep-table-simple td { vertical-align: middle; }
.talep-status-pill {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 999px;
    line-height: 1.15;
    white-space: nowrap;
}
.talep-approve-btn { margin-top: 4px; background:#F0FDF4 !important; color:#16a34a !important; border-color:#86efac !important; }
.talep-delete-btn { background:#FEF2F2 !important; color:#DC2626 !important; border-color:#FCA5A5 !important; }

/* ===== v9–v12 — Mobil modal & talep tablosu (konsolide edilmiş) =====
   FIX: Eski v9/v10/v11 blokları kaldırılıp v12 ile birleştirildi, çakışmalar giderildi. */
body.modal-open {
    overflow: hidden !important;
    touch-action: none;
}

@media (max-width: 900px) {
    body:has(.modal.active) { overflow: hidden; }
    body.modal-open .bottom-nav,
    body.modal-open .app-header {
        pointer-events: none;
    }

    .modal.active {
        position: fixed !important;
        inset: 0 !important;
        width: 100dvw !important;
        height: 100dvh !important;
        padding: 0 !important;
        margin: 0 !important;
        background: rgba(0,0,0,0.55) !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        z-index: var(--z-modal-top) !important;
    }

    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    .talep-modal-content,
    #talepModal.modal.active > .modal-content {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: column !important;
        width: 90vw !important;
        min-width: 0 !important;
        max-width: 560px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 90dvh !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border: 1px solid var(--border) !important;
        border-radius: calc(var(--radius) + 6px) !important;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .18) !important;
        background: var(--bg) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .modal.active > .modal-content > h2 {
        position: sticky !important;
        top: 0 !important;
        z-index: 20 !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: flex-end !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 12px 52px 10px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--border) !important;
        border-radius: calc(var(--radius) + 6px) calc(var(--radius) + 6px) 0 0 !important;
        background: color-mix(in srgb, var(--card-bg) 96%, var(--bg)) !important;
        color: var(--text) !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
        box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
    }

    .modal.active > .modal-content > .close-btn {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid color-mix(in srgb, var(--text) 10%, transparent) !important;
        background: color-mix(in srgb, var(--card-bg) 88%, transparent) !important;
        color: var(--text-light) !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        z-index: 50 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .modal.active > .modal-content > form,
    .modal.active > .modal-content > .modal-app-body {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-height: 0 !important;
        /* FIX7: overflow:visible → overflow-y:auto (form scroll desteği) */
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px 10px 12px 10px !important;
    }

    .modal.active > .modal-content > div:not(.close-btn):not(.modal-app-body),
    .modal.active > .modal-content > table,
    .modal.active > .modal-content > .ios-group,
    .modal.active > .modal-content > .card {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .modal.active .form-group {
        margin-bottom: 8px !important;
        gap: 3px !important;
    }

    .modal.active .form-group label,
    .modal.active label {
        margin-bottom: 2px !important;
        color: var(--text-light) !important;
        font-size: 9.5px !important;
        font-weight: 850 !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
        letter-spacing: .025em !important;
    }

    .modal.active .form-control,
    .modal.active input:not([type="hidden"]),
    .modal.active select,
    .modal.active textarea {
        width: 100% !important;
        min-height: 38px !important;
        padding: 8px 10px !important;
        border-radius: var(--control-radius, var(--radius)) !important;
        border: var(--control-border-width, 1px) solid var(--control-border-color, var(--border)) !important;
        background: var(--card-bg) !important;
        color: var(--text) !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        line-height: 1.15 !important;
        box-shadow: none !important;
    }

    .modal.active textarea.form-control,
    .modal.active textarea {
        min-height: 58px !important;
    }

    .modal.active .btn,
    .modal.active button:not(.close-btn) {
        min-height: 38px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        border-radius: var(--button-radius, var(--control-radius, var(--radius))) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .modal.active .btn-primary {
        position: static !important;
        bottom: auto !important;
        box-shadow: none !important;
    }

    /* Operasyon modalı */
    #opModal .modal-content > form > div[style*="display:flex"] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-top: 6px !important;
    }
    #opModal .modal-content > form > div[style*="display:flex"] > div {
        width: 100% !important;
        background: var(--card-bg) !important;
        border: 1px solid var(--border) !important;
        border-radius: calc(var(--radius) + 2px) !important;
        padding: 6px 8px !important;
    }
    #opModal .modal-content h4 {
        margin: 0 0 6px !important;
        padding-bottom: 5px !important;
        border-bottom: 1px solid var(--border) !important;
        font-size: 12px !important;
        color: var(--text) !important;
    }
    #opModal .modal-content .form-control {
        text-align: right !important;
        font-size: 16px !important;
        font-weight: 850 !important;
    }
    #opModal .u-center.u-fw-800 {
        margin: 12px 0 !important;
        padding: 13px 12px !important;
        border-width: 1px !important;
        background: color-mix(in srgb, var(--primary-accent) 9%, var(--card-bg)) !important;
    }

    /* Yakıt fişi modalı */
    #mazotModal .form-group > div[style*="display:flex"] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
    }
    #mazotModal .form-group > div[style*="display:flex"] button {
        width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* Talep modal */
    .talep-modal-content,
    #talepModal .modal-content {
        width: min(340px, calc(100dvw - 32px)) !important;
        min-width: 0 !important;
        max-width: calc(100dvw - 32px) !important;
        max-height: 90dvh !important;
    }

    .talep-two-col {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .talep-info-note {
        font-size: 11.5px !important;
        padding: 10px 12px !important;
        margin: 4px 0 !important;
        border-radius: var(--control-radius, var(--radius)) !important;
    }

    .talep-type-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    .talep-type-btn {
        min-height: 44px !important;
        padding: 10px 8px !important;
        border: 1px solid var(--control-border-color, var(--border)) !important;
        background: var(--card-bg) !important;
        color: var(--text) !important;
    }
    .talep-type-btn.active {
        background: color-mix(in srgb, var(--primary-accent) 12%, var(--card-bg)) !important;
        border-color: var(--primary-accent) !important;
        color: var(--primary-accent) !important;
    }

    /* Talep tablosu: yatay satır olarak kaydırılır */
    .talep-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        border-radius: var(--radius) !important;
    }
    .talep-table-simple,
    .talep-table {
        width: max-content !important;
        min-width: 760px !important;
        table-layout: auto !important;
        border-collapse: collapse !important;
    }
    .talep-table-simple thead { display: table-header-group !important; }
    .talep-table-simple tbody { display: table-row-group !important; }
    .talep-table-simple tr { display: table-row !important; }
    .talep-table-simple th,
    .talep-table-simple td {
        display: table-cell !important;
        width: auto !important;
        padding: 8px 9px !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        border-bottom: 1px solid var(--border) !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
    }
    .talep-table-simple td:nth-child(3),
    .talep-table-simple td:nth-child(4) {
        min-width: 150px !important;
        max-width: 220px !important;
        white-space: normal !important;
    }
    .talep-status-pill {
        padding: 4px 7px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        max-width: none !important;
    }

    /* Kısa ekran kompaktlaştırma */
    @media (max-height: 740px) {
        .modal.active .form-group { margin-bottom: 6px !important; }
        .modal.active .form-control,
        .modal.active input:not([type="hidden"]),
        .modal.active select,
        .modal.active textarea { min-height: 34px !important; padding: 6px 8px !important; font-size: 12px !important; }
        .modal.active .btn,
        .modal.active button:not(.close-btn) { min-height: 34px !important; padding-top: 6px !important; padding-bottom: 6px !important; }
        .modal.active > .modal-content > h2 { min-height: 44px !important; padding-top: 10px !important; padding-bottom: 8px !important; font-size: 15px !important; }
        .modal.active > .modal-content > form,
        .modal.active > .modal-content > .modal-app-body { padding-top: 8px !important; padding-bottom: 8px !important; }
    }
}

@media (max-width: 420px) {
    .modal.active { padding: 5dvh 5dvw !important; }
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    .talep-modal-content,
    #talepModal.modal.active > .modal-content {
        width: 90vw !important;
        max-width: 560px !important;
        max-height: 90dvh !important;
    }
    .modal.active > .modal-content > h2 {
        font-size: 16px !important;
        min-height: 54px !important;
        padding-left: 14px !important;
    }
    #mazotModal .form-group > div[style*="display:flex"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 380px) {
    .modal.active > .modal-content > h2 {
        font-size: 17px !important;
        min-height: calc(66px + var(--sat, 0px)) !important;
        padding-left: calc(12px + var(--sal, 0px)) !important;
    }
    .modal.active > .modal-content > form,
    .modal.active > .modal-content > .modal-app-body {
        padding-left: calc(10px + var(--sal, 0px)) !important;
        padding-right: calc(10px + var(--sar, 0px)) !important;
    }
}

@media (min-width: 901px) {
    .modal.active {
        padding: 5vh 33vw !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }
    .modal:not(.centered-modal) { align-items: center; padding: 24px; }
    .modal:not(.centered-modal) .modal-content,
    .modal.centered-modal .modal-content {
        border-radius: var(--radius);
        margin: 0;
        max-height: min(88vh, 760px);
    }
    /* FIX9: Desktop modal overflow:hidden → overflow-y:auto */
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content {
        max-width: min(90vw, 920px) !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    #opModal .modal-content { max-width: 760px; }
    #mazotModal .modal-content,
    #talepModal .modal-content { max-width: 560px; }
    .sidebar {
        display: flex !important;
        width: 220px !important;
        background: #f9fafb !important;
        border-right: 1px solid #E2E8F0 !important;
        padding-top: 1px !important;
    }
    .menu-item {
        color: #475569 !important;
        margin: 1px 8px !important;
        border-radius: 4px !important;
    }
    .menu-item.active {
        background: #9ca3af6e !important;
        color: #111827 !important;
        font-weight: 700 !important;
    }
}

/* ===== v13 — PDKS detay/düzenleme ve modal layout düzeltmeleri ===== */
@media (max-width: 900px) {
    .modal.active:not(.confirm-modal) {
        padding: 5dvh 5dvw !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* FIX8: overflow:hidden → overflow-y:auto */
    .modal.active:not(.confirm-modal) > .modal-content,
    .modal.centered-modal.active:not(.confirm-modal) > .modal-content {
        width: 90vw !important;
        max-width: 560px !important;
        max-height: 90dvh !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .modal.active:not(.confirm-modal) > .modal-content > form,
    .modal.active:not(.confirm-modal) > .modal-content > .modal-app-body,
    .modal.active:not(.confirm-modal) > .modal-content > .pdks-detail-body {
        min-height: 0 !important;
        overflow: visible !important;
    }

    #pdksDetayModal [style*="display:flex"],
    #pdksDetayModal [style*="display: flex"] {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
}

/* PDKS detay düzenleme alanındaki tarih inputu */
#pdksDetayModal input[type="date"],
#pdksDetayModal .pdks-date-input,
#pdksDetayBody input[type="date"],
#pdksDetayBody .pdks-date-input {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 170px !important;
    flex: 0 0 145px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    background: var(--card-bg) !important;
    border: var(--control-border-width, 1px) solid var(--control-border-color, var(--border)) !important;
    border-radius: var(--control-radius, var(--radius)) !important;
    text-align: center !important;
    opacity: 1 !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

#pdksDetayModal input[type="time"],
#pdksDetayModal .pdks-time-input,
#pdksDetayBody input[type="time"],
#pdksDetayBody .pdks-time-input {
    min-width: 120px !important;
    flex: 1 1 120px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: center !important;
    color: var(--text) !important;
    background: var(--card-bg) !important;
    border: var(--control-border-width, 1px) solid var(--control-border-color, var(--border)) !important;
    border-radius: var(--control-radius, var(--radius)) !important;
}

@media (max-width: 420px) {
    #pdksDetayModal input[type="date"],
    #pdksDetayModal .pdks-date-input,
    #pdksDetayBody input[type="date"],
    #pdksDetayBody .pdks-date-input {
        width: 132px !important;
        min-width: 132px !important;
        flex-basis: 132px !important;
        font-size: 12px !important;
    }

    #pdksDetayModal input[type="time"],
    #pdksDetayModal .pdks-time-input,
    #pdksDetayBody input[type="time"],
    #pdksDetayBody .pdks-time-input {
        min-width: 104px !important;
        flex-basis: 104px !important;
    }
}

/* PDKS detay satırları */
#pdksDetayBody table,
#pdksDetayModal table {
    width: 100% !important;
    table-layout: auto !important;
}

#pdksDetayBody td,
#pdksDetayBody th,
#pdksDetayModal td,
#pdksDetayModal th {
    vertical-align: middle !important;
}

#pdksDetayBody .pdks-edit-row,
#pdksDetayBody .pdks-edit-box,
#pdksDetayModal .pdks-edit-row,
#pdksDetayModal .pdks-edit-box {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 2px !important;
    margin: 2px 0 !important;
}

#pdksDetayBody .pdks-action-btn,
#pdksDetayModal .pdks-action-btn {
    min-height: 20px !important;
    padding: 5px 10px !important;
    border-radius: var(--button-radius, var(--radius)) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

#pdksDetayBody .pdks-action-edit,
#pdksDetayModal .pdks-action-edit {
    background: transparent !important;
    border: none !important;
    color: #2563EB !important;
    font-size: 0 !important;
    padding: 2px 3px !important;
    min-height: unset !important;
    box-shadow: none !important;
}

#pdksDetayBody .pdks-action-edit::before,
#pdksDetayModal .pdks-action-edit::before {
    content: '✏️';
    font-size: 11px;
}

#pdksDetayBody .pdks-action-delete,
#pdksDetayModal .pdks-action-delete {
    background: transparent !important;
    border: none !important;
    font-size: 0 !important;
    padding: 2px 3px !important;
    min-height: unset !important;
    box-shadow: none !important;
}

#pdksDetayBody .pdks-action-delete::before,
#pdksDetayModal .pdks-action-delete::before {
    content: '✕';
    font-size: 11px;
    color: #DC2626;
}

#pdksDetayBody .pdks-action-save,
#pdksDetayModal .pdks-action-save {
    background: var(--button-bg, var(--primary-accent)) !important;
    color: var(--primary-text, #fff) !important;
    border: var(--button-border-width, 1px) solid var(--button-border-color, var(--button-bg, var(--primary-accent))) !important;
}

#pdksDetayBody .pdks-action-cancel,
#pdksDetayModal .pdks-action-cancel {
    background: var(--bg) !important;
    color: var(--text-light) !important;
    border: 1px solid var(--border) !important;
}

/* Header sol padding ile tablo hizalaması */
#pdksDetayBody tr td:first-child,
#pdksDetayBody table th:first-child {
    padding-left: 16px !important;
}

/* Son sütun (butonlar) sağa yapışmasın */
#pdksDetayBody tr td:last-child {
    padding-right: 5px !important;
}
.modal-body table tr td:last-child {
    padding-right: 5px !important;
}
.modal-body table tr {
    transform: scaleX(.985);
}

/* Action butonları arası */
#pdksDetayBody .pdks-action-btn + .pdks-action-btn {
    margin-left: 2px !important;
}

/* Modal başlık/kapama hizası */
#pdksDetayModal .modal-content > div:first-child {
    gap: 8px !important;
    align-items: center !important;
}
#pdksDetayModal .close-btn {
    flex: 0 0 auto !important;
}

/* PDKS detay modalı */

/* Özet kartları (üst kart grid) padding uyumu */
#pdksDetayBody > div:first-child {
    padding: 10px 16px !important;
}

/* pdksDetayBody table - yatay scroll olmadan sığsın */
#pdksDetayBody table {
    width: 100% !important;
    box-sizing: border-box !important;
}

#pdksDetayModal .pdks-detail-body,
#pdksDetayBody {
    max-height: none !important;
    overflow: visible !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 4px !important;
}

#pdksDetayModal .pdks-detail-body table,
#pdksDetayBody table {
    border-collapse: collapse !important;
}

#pdksDetayModal .compact-table th,
#pdksDetayModal .compact-table td,
#pdksDetayBody .compact-table th,
#pdksDetayBody .compact-table td,
#pdksDetayBody table th,
#pdksDetayBody table td {
    padding: 5px 6px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    min-height: 0 !important;
}

#pdksDetayBody .ios-row,
#pdksDetayBody .d-list-row,
#pdksDetayBody .ekp-detail-row,
#pdksDetayBody .pdks-detail-row {
    padding: 5px 8px !important;
    min-height: 26px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
}

#pdksDetayBody .pdks-mini-card,
#pdksDetayBody .pdks-mc {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/* ===== v14 — UI/UX güvenli override paketi =====
   Amaç: PHP/JS işleyişine dokunmadan modal, form, tablo, buton ve renk tutarlılığını düzeltmek.
   Not: Bu blok özellikle dosyanın en sonunda durmalıdır; önceki çakışan kuralları güvenli şekilde ezer. */
:root {
    --ui-surface: var(--card-bg, #fff);
    --ui-surface-soft: var(--bg, #f8fafc);
    --ui-border: var(--control-border-color, var(--border, #e5e7eb));
    --ui-radius: var(--control-radius, var(--radius, 8px));
    --ui-button-radius: var(--button-radius, var(--control-radius, var(--radius, 8px)));
    --ui-shadow-modal: 0 18px 45px rgba(15, 23, 42, .18);
    --ui-shadow-card: 0 1px 2px rgba(15, 23, 42, .05);
    --ui-danger: var(--red, #dc2626);
    --ui-success: var(--green, #16a34a);
    --ui-warning: #d97706;
    --ui-info: #2563eb;
}

/* Modal genel düzen: desktopta 33vw padding yüzünden daralma olmasın */
.modal.active,
.modal.centered-modal.active {
    padding: clamp(14px, 5vw, 28px) !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: rgba(15, 23, 42, .56) !important;
}

.modal.active > .modal-content,
.modal.centered-modal.active > .modal-content {
    width: min(92vw, 560px) !important;
    max-width: min(92vw, 760px) !important;
    max-height: min(90dvh, 760px) !important;
    margin: 0 auto !important;
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: calc(var(--ui-radius) + 4px) !important;
    box-shadow: var(--ui-shadow-modal) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* Geniş içerikli modallar */
#pdksDetayModal.modal.active > .modal-content,
#pdksDetayModal.modal.centered-modal.active > .modal-content {
    width: min(99vw, 720px) !important;
    max-width: min(99vw, 720px) !important;
}
@media (max-width: 900px) {
    #pdksDetayModal.modal.active > .modal-content,
    #pdksDetayModal.modal.centered-modal.active > .modal-content {
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        border-radius: 10px !important;
    }
}

#opModal.modal.active > .modal-content,
#arsivModal.modal.active > .modal-content {
    width: min(94vw, 760px) !important;
    max-width: min(94vw, 760px) !important;
}

#talepModal.modal.active > .modal-content,
#talepModal.modal.centered-modal.active > .modal-content,
.talep-modal-content {
    width: min(92vw, 520px) !important;
    max-width: min(92vw, 520px) !important;
}

/* Başlık satırı olan modallar: kapatma butonu yapışmasın */
.modal .modal-content > div:first-child[style*="border-bottom"],
.modal .modal-content > div:first-child[style*="justify-content:space-between"],
.modal .modal-content > div:first-child[style*="justify-content: space-between"] {
    min-height: 52px !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: color-mix(in srgb, var(--ui-surface) 96%, var(--ui-surface-soft)) !important;
    border-bottom: 1px solid var(--ui-border) !important;
}

.modal .modal-content > h2 {
    margin: 0 0 14px 0 !important;
    padding: 0 46px 12px 0 !important;
    border-bottom: 1px solid var(--ui-border) !important;
    color: var(--text, #111827) !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
}

/* Kapatma butonu: ortak boyut/margin */
.modal .close-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin-left: 10px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-button-radius) !important;
    background: var(--ui-surface) !important;
    color: var(--text-light, #64748b) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: var(--ui-shadow-card) !important;
    cursor: pointer !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease, transform .08s ease !important;
}
.modal .close-btn:hover {
    background: #fef2f2 !important;
    color: var(--ui-danger) !important;
    border-color: #fecaca !important;
}
.modal .close-btn:active { transform: scale(.96) !important; }
.modal .modal-content > .close-btn {
    top: 10px !important;
    right: 10px !important;
    margin-left: 0 !important;
}

/* Modal gövde boşlukları */
.modal.active > .modal-content > form,
.modal.active > .modal-content > .modal-app-body,
.modal.active > .modal-content > .pdks-detail-body,
.modal.active > .modal-content > div[id$="Body"],
#genericPopupBody,
#izinPopupIcerik {
    padding: 14px 16px !important;
}

/* Form okunabilirliği: label-input arası ve input yüksekliği */
.form-group,
.modal .form-group,
.compact-form-group,
.modal .compact-form-group {
    gap: 6px !important;
    margin-bottom: 13px !important;
}

.form-group label,
.compact-form-group label,
.modal .form-group label,
.modal .compact-form-group label,
.modal label {
    display: block !important;
    margin: 0 0 5px 0 !important;
    color: var(--text-light, #64748b) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
}

.form-control,
.modal .form-control,
.modal input:not([type="hidden"]),
.modal select,
.modal textarea {
    min-height: 38px !important;
    padding: 8px 10px !important;
    border-radius: var(--ui-radius) !important;
    border: var(--control-border-width, 1px) solid var(--ui-border) !important;
    background: var(--ui-surface) !important;
    color: var(--text, #111827) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}
.form-control:focus,
.modal .form-control:focus,
.modal input:not([type="hidden"]):focus,
.modal select:focus,
.modal textarea:focus {
    outline: none !important;
    border-color: var(--primary-accent, #2563eb) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-accent, #2563eb) 14%, transparent) !important;
}
.modal textarea,
textarea.form-control { min-height: 64px !important; }

/* Buton standardı */
.btn,
.modal button:not(.close-btn),
.pager-btn,
.pg-btn,
.talep-action-btn,
.talep-type-btn,
.btn-sil {
    border-radius: var(--ui-button-radius) !important;
    font-family: var(--font-main) !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .08s ease !important;
}
.btn,
.modal button:not(.close-btn) {
    min-height: 38px !important;
    padding: 8px 14px !important;
}
.btn-primary,
.modal .btn-primary {
    background: var(--button-bg, var(--primary-accent, #2563eb)) !important;
    border: var(--button-border-width, 1px) solid var(--button-border-color, var(--button-bg, var(--primary-accent, #2563eb))) !important;
    color: var(--primary-text, #fff) !important;
}
.btn-secondary,
.modal .btn-secondary,
.talep-type-btn {
    background: var(--ui-surface-soft) !important;
    color: var(--text, #111827) !important;
    border: 1px solid var(--ui-border) !important;
}
.btn-warning,
.modal .btn-warning {
    background: #fffbeb !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
}
.btn-danger,
.modal .btn-danger {
    background: #fef2f2 !important;
    color: var(--ui-danger) !important;
    border: 1px solid #fecaca !important;
}
.btn-success,
.modal .btn-success {
    background: #f0fdf4 !important;
    color: var(--ui-success) !important;
    border: 1px solid #bbf7d0 !important;
}
.btn:active,
.modal button:not(.close-btn):active { transform: translateY(1px) !important; }

/* Modal içindeki tablolar: bitişik görünümü azalt */
.modal .compact-table,
.talep-table-simple,
.talep-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: var(--ui-surface) !important;
}
.modal .compact-table th,
.modal .compact-table td,
.talep-table-simple th,
.talep-table-simple td,
.talep-table th,
.talep-table td {
    padding: 7px 9px !important;
    font-size: 11.5px !important;
    line-height: 1.28 !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--ui-border) !important;
}
.modal .compact-table th,
.talep-table-simple th,
.talep-table th {
    background: var(--ui-surface-soft) !important;
    color: var(--text-light, #64748b) !important;
    font-weight: 850 !important;
}

/* Talep tablosu: yatay satır kalsın ama daha nefesli olsun */
.talep-table-wrap {
    border: 1px solid var(--ui-border) !important;
    border-radius: calc(var(--ui-radius) + 2px) !important;
    overflow-x: auto !important;
    background: var(--ui-surface) !important;
}
.talep-table-simple,
.talep-table { min-width: 760px !important; }
.talep-status-pill {
    padding: 5px 8px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
}

/* PDKS detay: çok sıkışık tablo ve ikon zorlamasını düzelt */
#pdksDetayModal .pdks-detail-body,
#pdksDetayBody {
    padding: 12px 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}
#pdksDetayBody table,
#pdksDetayModal table {
    width: 100% !important;
    table-layout: auto !important;
}
#pdksDetayModal .compact-table th,
#pdksDetayModal .compact-table td,
#pdksDetayBody .compact-table th,
#pdksDetayBody .compact-table td,
#pdksDetayBody table th,
#pdksDetayBody table td {
    padding: 6px 8px !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
    min-height: 0 !important;
}
#pdksDetayBody tr td:first-child,
#pdksDetayBody table th:first-child { padding-left: 10px !important; }
#pdksDetayBody tr td:last-child,
.modal-body table tr td:last-child { padding-right: 10px !important; }
.modal-body table tr { transform: none !important; }

#pdksDetayBody .pdks-action-btn,
#pdksDetayModal .pdks-action-btn {
    min-height: 28px !important;
    padding: 6px 10px !important;
    border-radius: var(--ui-button-radius) !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
#pdksDetayBody .pdks-action-edit,
#pdksDetayModal .pdks-action-edit {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: var(--ui-info) !important;
    font-size: 11.5px !important;
    padding: 6px 10px !important;
    min-height: 28px !important;
}
#pdksDetayBody .pdks-action-delete,
#pdksDetayModal .pdks-action-delete {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: var(--ui-danger) !important;
    font-size: 11.5px !important;
    padding: 6px 10px !important;
    min-height: 28px !important;
}
#pdksDetayBody .pdks-action-edit::before,
#pdksDetayModal .pdks-action-edit::before,
#pdksDetayBody .pdks-action-delete::before,
#pdksDetayModal .pdks-action-delete::before {
    content: none !important;
}
#pdksDetayBody .pdks-action-btn + .pdks-action-btn { margin-left: 18px !important; }
#pdksDetayBody td.pdks-ie-btn { padding-left: 10px !important; }
#pdksDetayBody td.pdks-ie-btn .pdks-action-btn { padding: 0 !important; min-height: unset !important; font-size: 0 !important; }

/* Mobil: 80vw dar kalıyordu; modalı okunabilir genişliğe çek */
@media (max-width: 900px) {
    .modal.active,
    .modal.centered-modal.active {
        padding: max(14px, 4dvw) !important;
    }
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content {
        width: min(92vw, 520px) !important;
        max-width: 92vw !important;
        max-height: calc(100dvh - 28px) !important;
    }
    #pdksDetayModal.modal.active > .modal-content,
    #pdksDetayModal.modal.centered-modal.active > .modal-content {
        width: min(94vw, 720px) !important;
        max-width: 94vw !important;
    }
    .modal .modal-content > div:first-child[style*="border-bottom"],
    .modal .modal-content > div:first-child[style*="justify-content:space-between"],
    .modal .modal-content > div:first-child[style*="justify-content: space-between"] {
        padding: 12px 14px !important;
        min-height: 50px !important;
    }
    .modal.active > .modal-content > form,
    .modal.active > .modal-content > .modal-app-body,
    .modal.active > .modal-content > .pdks-detail-body,
    .modal.active > .modal-content > div[id$="Body"] {
        padding: 12px 14px !important;
    }
    .modal .compact-table th,
    .modal .compact-table td,
    .talep-table-simple th,
    .talep-table-simple td,
    .talep-table th,
    .talep-table td {
        padding: 6px 8px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 420px) {
    .modal.active,
    .modal.centered-modal.active { padding: 10px !important; }
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
    }
    .modal .close-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        margin-left: 8px !important;
    }
    .form-control,
    .modal .form-control,
    .modal input:not([type="hidden"]),
    .modal select,
    .modal textarea {
        min-height: 37px !important;
        font-size: 12.5px !important;
    }
}


/* ===== v15 Mazot toolbar/layout upgrade — çalışan yapıyı bozmadan ===== */
#view-mazot .mazot-top-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
}
#view-mazot .mazot-kpi-card {
    padding: 5px 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card-bg);
    min-width: 0;
}
#view-mazot .mazot-action-card {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary-accent);
    border-radius: var(--radius);
    background: var(--card-bg);
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    min-height: 58px;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
#view-mazot .mazot-action-card:hover {
    border-color: color-mix(in srgb, var(--primary-accent) 30%, var(--border));
    background: color-mix(in srgb, var(--primary-accent) 4%, var(--card-bg));
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}
#view-mazot .mazot-action-card:active { transform: translateY(1px); }
#view-mazot .mazot-action-card-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--primary-accent) 16%, var(--bg));
    color: var(--primary-accent);
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    border: 1px solid color-mix(in srgb, var(--primary-accent) 18%, var(--border));
}
#view-mazot .mazot-action-card-text { display:flex; flex-direction:column; min-width:0; }
#view-mazot .mazot-action-card-text strong {
    font-size: 14px;
    line-height: 1.2;
    color: var(--text);
}
#view-mazot .mazot-action-card-text small {
    margin-top: 2px;
    font-size: 10px;
    color: var(--text-light);
    line-height: 1.3;
}

#view-mazot .mazot-toolbar {
    margin-bottom: 10px;
    background: var(--bg);
    padding: 10px;
    border-radius: var(--radius);
    border: 1px solid var(--border);
}
#view-mazot .mazot-toolbar-row {
    display: grid;
    grid-template-columns: minmax(84px, .9fr) minmax(150px, 1.35fr) minmax(130px, 1fr) minmax(130px, 1fr) auto auto;
    gap: 8px;
    align-items: center;
}
#view-mazot .mazot-filter-control {
    min-height: 38px;
    padding: 6px 10px;
    width: 100%;
}
#view-mazot .mazot-toolbar-btn {
    min-height: 38px;
    padding: 6px 12px;
    white-space: nowrap;
}
#view-mazot .mazot-btn-refresh {
    min-width: 44px;
    padding-left: 10px;
    padding-right: 10px;
}
#view-mazot .mazot-toolbar-meta {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}
#view-mazot .mazot-clear-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 5px 10px;
    color: #DC2626;
    border: 1px solid #FCA5A5;
    border-radius: 8px;
    background: #FEF2F2;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}
#view-mazot .mazot-clear-link:hover { background:#FEE2E2; }

@media (max-width: 980px) {
    #view-mazot .mazot-top-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #view-mazot .mazot-toolbar-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #view-mazot .mazot-btn-filter,
    #view-mazot .mazot-btn-refresh {
        width: 100%;
    }
}

@media (max-width: 640px) {
    #view-mazot .mazot-top-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #view-mazot .mazot-toolbar {
        padding: 8px;
    }
    #view-mazot .mazot-toolbar-row {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    #view-mazot .mazot-filter-control,
    #view-mazot .mazot-toolbar-btn {
        min-height: 36px;
        font-size: 11px;
        min-width: 0;
    }
    #view-mazot input[type="date"].mazot-filter-control {
        padding-right: 2px;
    }
    #view-mazot .mazot-action-card {
        min-height: 56px;
    }
    #view-mazot .mazot-action-card-text strong { font-size: 13px; }
    #view-mazot .mazot-action-card-text small { font-size: 9px; }
}

@media (max-width: 380px) {
    #view-mazot .mazot-top-grid { grid-template-columns: 1fr; }
}


/* ===== v16 Mazot grid + izin tatil notu düzeltmeleri ===== */
#view-mazot .mazot-top-grid {
    display: grid !important;
    gap: 8px;
    align-items: stretch;
}
#view-mazot .mazot-top-grid > * {
    min-width: 0;
}
#view-mazot .mazot-kpi-card,
#view-mazot .mazot-action-card {
    min-height: 86px;
}
#view-mazot .mazot-action-card {
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary-accent);
    background: var(--card-bg);
}
#view-mazot .mazot-action-card:hover {
    background: color-mix(in srgb, var(--primary-accent) 5%, var(--card-bg));
}
#view-mazot .mazot-action-card-icon {
    background: var(--primary-accent);
    color: var(--primary-text);
    border-color: var(--primary-accent);
    font-size: 18px;
}
#view-mazot .mazot-action-card-text strong {
    color: var(--text);
}
#view-mazot .mazot-action-card-text small {
    color: var(--text-light);
}

@media (min-width: 1100px) {
    #view-mazot .mazot-top-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 381px) and (max-width: 1099px) {
    #view-mazot .mazot-top-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 380px) {
    #view-mazot .mazot-top-grid {
        grid-template-columns: 1fr !important;
    }
}

.izin-gun-notu {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
    color: #92400E;
    background: #FEF3C7;
    border: 1px solid #FCD34D;
    border-radius: 8px;
    padding: 4px 8px;
    line-height: 1.3;
}


/* ===== v17 Mazot üst kartları: tek satır + otomatik sıkışma ===== */
#view-mazot .mazot-top-panel {
    padding: clamp(6px, 1vw, 10px) !important;
}

#view-mazot .mazot-top-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(4px, .8vw, 8px) !important;
    align-items: stretch !important;
    width: 100%;
}

#view-mazot .mazot-top-grid > * {
    min-width: 0 !important;
}

#view-mazot .mazot-kpi-card,
#view-mazot .mazot-action-card {
    min-height: clamp(48px, 7vw, 68px) !important;
    height: auto !important;
    padding: clamp(4px, .7vw, 7px) clamp(5px, .9vw, 9px) !important;
}
#view-mazot .mazot-kpi-card {
    border-left-width: 1px !important;
}

#view-mazot .mazot-kpi-card .u-title-md,
#view-mazot .mazot-kpi-card .u-fw-800 {
    font-size: clamp(12px, 2.4vw, 22px) !important;
    line-height: 1.08 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#view-mazot .mazot-kpi-card .u-lbl-ul {
    font-size: clamp(6px, 1.25vw, 10px) !important;
    line-height: 1.05 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#view-mazot .mazot-action-card {
    gap: clamp(4px, .8vw, 9px) !important;
    background: var(--card-bg) !important;
    border-color: var(--border) !important;
    border-left-color: var(--primary-accent) !important;
}

#view-mazot .mazot-action-card-icon {
    width: clamp(26px, 5.2vw, 38px) !important;
    height: clamp(26px, 5.2vw, 38px) !important;
    flex-basis: clamp(26px, 5.2vw, 38px) !important;
    border-radius: clamp(6px, 1.2vw, 10px) !important;
    font-size: clamp(13px, 2.4vw, 19px) !important;
    background: var(--primary-accent) !important;
    color: var(--primary-text) !important;
    border-color: var(--primary-accent) !important;
}

#view-mazot .mazot-action-card-text strong {
    font-size: clamp(10px, 1.8vw, 14px) !important;
    line-height: 1.08 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#view-mazot .mazot-action-card-text small {
    font-size: clamp(7px, 1.2vw, 10px) !important;
    line-height: 1.1 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Önceki 2 sütun/1 sütun media kurallarını ezer: her ekranda tek satır 4 kart */
@media (max-width: 1099px) {
    #view-mazot .mazot-top-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    #view-mazot .mazot-action-card-text small {
        display: none !important;
    }
    #view-mazot .mazot-kpi-card,
    #view-mazot .mazot-action-card {
        min-height: 46px !important;
    }
}

@media (max-width: 390px) {
    #view-mazot .mazot-action-card {
        justify-content: center !important;
        text-align: center !important;
    }
    #view-mazot .mazot-action-card-icon {
        display: none !important;
    }
}


/* ===== v17 Yakıt Ekle sağ ikon (fuel.jpg) ===== */
#view-mazot .mazot-action-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(6px, 1vw, 12px);
    padding: clamp(6px, 0.75vw, 10px) clamp(8px, 1vw, 12px);
    min-height: clamp(58px, 6vw, 72px);
}
#view-mazot .mazot-action-card-icon {
    display: none !important;
}
#view-mazot .mazot-action-card-text {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}
#view-mazot .mazot-action-card-text strong {
    font-size: clamp(12px, 1.35vw, 14px);
    line-height: 1.15;
}
#view-mazot .mazot-action-card-text small {
    font-size: clamp(8.5px, 1vw, 10px);
    line-height: 1.25;
    margin-top: 2px;
}
#view-mazot .mazot-action-card-media {
    flex: 0 0 auto;
    margin-left: auto;
    width: clamp(28px, 4vw, 46px);
    height: clamp(28px, 4vw, 46px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    background: color-mix(in srgb, var(--primary-accent) 8%, var(--card-bg));
    border: 1px solid color-mix(in srgb, var(--primary-accent) 18%, var(--border));
}
#view-mazot .mazot-action-card-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
@media (max-width: 520px) {
    #view-mazot .mazot-action-card-media {
        width: 30px;
        height: 30px;
        border-radius: 8px;
    }
}


/* ===== v18 Yakıt Ekle sağ kart son düzeltme ===== */
#view-mazot .mazot-action-card {
    order: 99;
}
#view-mazot .mazot-action-card-text {
    justify-content: center;
}
#view-mazot .mazot-action-card-text strong {
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 800;
}
#view-mazot .mazot-action-card-text small {
    display: none !important;
}


/* ===== v19 Buton yazı rengi düzeltmesi =====
   Sebep: önceki override'larda .btn-primary color var(--primary-text,#fff) kullanıyordu.
   Tema tarafında asıl değişken --button-text olduğu için bazı butonlar beyaza düşüyordu. */
.btn-primary,
.modal .btn-primary,
#view-mazot .mazot-btn-filter,
#pdksDetayBody .pdks-action-save,
#pdksDetayModal .pdks-action-save {
    color: var(--button-text, #111827) !important;
}
#view-mazot .mazot-action-card-media,
#view-mazot .mazot-action-card-icon {
    color: var(--button-text, #111827) !important;
}


/* ===== v19 PDKS edit modal + OPR nav + Yakıt Ekle renk düzeltmeleri ===== */
#view-mazot .mazot-action-card {
    background: var(--button-bg, var(--primary-accent)) !important;
    border-color: var(--button-border-color, var(--button-bg, var(--primary-accent))) !important;
    border-left-color: var(--button-border-color, var(--button-bg, var(--primary-accent))) !important;
    color: var(--button-text, #111827) !important;
}
#view-mazot .mazot-action-card:hover {
    background: color-mix(in srgb, var(--button-bg, var(--primary-accent)) 88%, #000 12%) !important;
}
#view-mazot .mazot-action-card-text strong {
    color: var(--button-text, #111827) !important;
}
#view-mazot .mazot-action-card-media {
    background: rgba(255,255,255,.24) !important;
    border-color: rgba(255,255,255,.35) !important;
}

/* OPR özet popup: modal z-index standart seviyede, nav üzerinde kalmasın */
#oprDetayModal.modal.active {
    z-index: var(--z-modal) !important;
}
body:has(#oprDetayModal.modal.active) .sidebar,
body:has(#oprDetayModal.modal.active) .bottom-nav {
    z-index: var(--z-header) !important;
    pointer-events: auto !important;
}

/* PDKS detay > Düzelt ekranı, Manuel modal ile aynı görsel dil */
#pdksDetayBody .pdks-edit-card {
    width: min(380px, 100%);
    margin: 0 auto;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 14px 16px;
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
}
#pdksDetayBody .pdks-edit-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 8px;
}
#pdksDetayBody .pdks-edit-title {
    font-size: 14px;
    font-weight: 800;
    color: var(--text);
    line-height: 1.2;
}
#pdksDetayBody .pdks-edit-sub {
    margin-top: 2px;
    font-size: 10px;
    color: var(--text-tertiary);
    font-weight: 700;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#pdksDetayBody .pdks-edit-back {
    flex: 0 0 auto;
    min-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    background: var(--bg) !important;
    color: var(--text-light) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    cursor: pointer;
    font-weight: 800;
}
#pdksDetayBody .pdks-edit-section {
    background: var(--bg);
    padding: 7px 8px;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    margin-bottom: 7px;
}
#pdksDetayBody .pdks-edit-section-title {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#pdksDetayBody .pdks-edit-section-in .pdks-edit-section-title { color: var(--green); }
#pdksDetayBody .pdks-edit-section-out .pdks-edit-section-title { color: var(--red); }
#pdksDetayBody .pdks-edit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 102px;
    gap: 6px;
}
#pdksDetayBody .pdks-edit-date,
#pdksDetayBody .pdks-edit-time {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    text-align: center;
    font-weight: 800;
    color: var(--text) !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--control-radius, var(--radius)) !important;
}
#pdksDetayBody .pdks-edit-date { font-size: 13px !important; }
#pdksDetayBody .pdks-edit-time { font-size: 15px !important; letter-spacing: .02em; }
#pdksDetayBody .pdks-edit-save {
    width: 100%;
    margin-top: 4px;
    min-height: 40px !important;
    font-weight: 800;
}
@media (max-width: 420px) {
    #pdksDetayBody .pdks-edit-card { padding: 12px; }
    #pdksDetayBody .pdks-edit-row { grid-template-columns: minmax(0, 1fr) 86px; gap: 5px; }
    #pdksDetayBody .pdks-edit-date { font-size: 12px !important; }
    #pdksDetayBody .pdks-edit-time { font-size: 14px !important; }
}


/* ===== v20 PDKS Düzelt ekranı: gerçek Manuel modal görünümü ===== */
#pdksDetayModal.pdks-edit-mode.modal.active > .modal-content,
#pdksDetayModal.pdks-edit-mode.modal.centered-modal.active > .modal-content {
    width: min(380px, calc(100vw - 28px)) !important;
    max-width: 380px !important;
    min-width: 0 !important;
    padding: 14px 16px !important;
    border-radius: var(--radius) !important;
    background: var(--card-bg) !important;
    box-shadow: 0 18px 48px rgba(15,23,42,.18) !important;
    transform: none !important;
}

#pdksDetayModal.pdks-edit-mode .modal-content > div:first-child {
    padding: 0 0 8px 0 !important;
    margin: 0 0 10px 0 !important;
    border-bottom: 1px solid var(--border) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#pdksDetayModal.pdks-edit-mode #pdksDetayAd {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--text) !important;
    line-height: 1.2 !important;
}

#pdksDetayModal.pdks-edit-mode #pdksDetayKayit {
    display: block !important;
    margin-top: 2px !important;
    font-size: 10px !important;
    color: var(--text-tertiary) !important;
    font-weight: 700 !important;
    max-width: 260px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#pdksDetayModal.pdks-edit-mode #pdksDetayTop {
    display: none !important;
}

#pdksDetayModal.pdks-edit-mode button[onclick*="pdksDetayManuelEkle"] {
    display: none !important;
}

#pdksDetayModal.pdks-edit-mode #pdksDetayBody {
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-card,
#pdksDetayModal.pdks-edit-mode .pdks-edit-head {
    display: none !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-form {
    display: block !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-person {
    margin-bottom: 8px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-person label {
    display: block !important;
    margin-bottom: 3px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: var(--text-tertiary) !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-person div {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--control-radius, var(--radius)) !important;
    background: var(--bg) !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-section {
    background: var(--bg) !important;
    padding: 7px 8px !important;
    border-radius: var(--radius) !important;
    border: 1px solid var(--border) !important;
    margin-bottom: 6px !important;
    box-shadow: none !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-section-out {
    margin-bottom: 10px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-section-title {
    font-size: 9px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-row {
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-date {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    text-align: center !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-time {
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    text-align: center !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-footer {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    align-items: center !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-save {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    font-weight: 800 !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-cancel {
    min-height: 40px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-weight: 800 !important;
}

@media (max-width: 420px) {
    #pdksDetayModal.pdks-edit-mode.modal.active > .modal-content,
    #pdksDetayModal.pdks-edit-mode.modal.centered-modal.active > .modal-content {
        width: calc(100vw - 28px) !important;
        padding: 12px !important;
    }
    #pdksDetayModal.pdks-edit-mode .pdks-edit-time {
        flex-basis: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }
}


/* ===== v21 Modal UI konsolidasyonu + PDKS Düzelt hataları =====
   Amaç: çalışan akışı bozmadan en son katmanda tek standart uygulamak. */
:root {
    --modal-std-radius: calc(var(--radius, 8px) + 4px);
    --modal-std-border: var(--border, #e5e7eb);
    --modal-std-bg: var(--card-bg, #fff);
    --modal-std-soft: var(--bg, #f8fafc);
    --modal-std-shadow: 0 18px 48px rgba(15,23,42,.18);
    --modal-control-h: 38px;
    --modal-gap: 10px;
}

/* Mobil modal ortak genişlik: kenarlarda toplam ~%20 boşluk, merkezde tek ölçü */
@media (max-width: 900px) {
    .modal.active,
    .modal.centered-modal.active {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100dvw !important;
        height: 100dvh !important;
        padding: 10dvh 10dvw !important;
        overflow: hidden !important;
        background: rgba(15,23,42,.58) !important;
    }
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    #pdksDetayModal.modal.active > .modal-content,
    #pdksDetayModal.modal.centered-modal.active > .modal-content,
    #opModal.modal.active > .modal-content,
    #mazotModal.modal.active > .modal-content,
    #mazotDuzenleModal.modal.active > .modal-content,
    #talepModal.modal.active > .modal-content,
    #pdksManuelModal.modal.active > .modal-content,
    #raporModal.modal.active > .modal-content,
    #bakimModal.modal.active > .modal-content,
    #ekpDetailModal.modal.active > .modal-content,
    #genericPopup.modal.active > .modal-content,
    #izinPopupModal.modal.active > .modal-content,
    .talep-modal-content {
        width: min(80vw, 420px) !important;
        max-width: min(80vw, 420px) !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: 80dvh !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border-radius: var(--modal-std-radius) !important;
        border: 1px solid var(--modal-std-border) !important;
        background: var(--modal-std-bg) !important;
        box-shadow: var(--modal-std-shadow) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }
    /* CSV onayı tablo/import gibi geniş içerik taşıyor; taşmasın diye istisna */
    #csvOnayModal.modal.active > .modal-content {
        width: min(94vw, 920px) !important;
        max-width: min(94vw, 920px) !important;
        max-height: 88dvh !important;
    }
}

@media (min-width: 901px) {
    .modal.active,
    .modal.centered-modal.active {
        padding: 28px !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content {
        width: min(92vw, 560px) !important;
        max-width: min(92vw, 560px) !important;
        max-height: calc(100dvh - 56px) !important;
        border-radius: var(--modal-std-radius) !important;
        background: var(--modal-std-bg) !important;
        box-shadow: var(--modal-std-shadow) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    #pdksDetayModal.modal.active > .modal-content,
    #csvOnayModal.modal.active > .modal-content {
        width: min(94vw, 760px) !important;
        max-width: min(94vw, 760px) !important;
    }
}

/* Modal başlık/kapama standardı */
.modal .modal-content > div:first-child[style*="border-bottom"],
.modal .modal-content > div:first-child[style*="justify-content:space-between"],
.modal .modal-content > div:first-child[style*="justify-content: space-between"] {
    min-height: 50px !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: var(--modal-std-bg) !important;
    border-bottom: 1px solid var(--modal-std-border) !important;
}
.modal .close-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin-left: 10px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--button-radius, var(--radius, 8px)) !important;
    border: 1px solid var(--modal-std-border) !important;
    background: var(--modal-std-bg) !important;
    color: var(--text-light, #64748b) !important;
    box-shadow: none !important;
}

/* Modal gövde/form boşluk standardı */
.modal.active > .modal-content > form,
.modal.active > .modal-content > .modal-app-body,
.modal.active > .modal-content > .pdks-detail-body,
.modal.active > .modal-content > div[id$="Body"],
#genericPopupBody,
#izinPopupIcerik {
    padding: 12px 14px !important;
}
.modal .form-group,
.modal .compact-form-group,
.modal .u-mb-12,
.modal .u-mb-16 {
    margin-bottom: 11px !important;
}
.modal .form-group label,
.modal .compact-form-group label,
.modal label {
    display: block !important;
    margin: 0 0 5px 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: var(--text-light, #64748b) !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}
.modal .form-control,
.modal input:not([type="hidden"]),
.modal select,
.modal textarea {
    min-height: var(--modal-control-h) !important;
    padding: 8px 10px !important;
    border-radius: var(--control-radius, var(--radius, 8px)) !important;
    border: 1px solid var(--modal-std-border) !important;
    background: var(--modal-std-bg) !important;
    color: var(--text, #111827) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}
.modal .form-control:focus,
.modal input:not([type="hidden"]):focus,
.modal select:focus,
.modal textarea:focus {
    outline: none !important;
    border-color: var(--primary-accent, #2563eb) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-accent, #2563eb) 14%, transparent) !important;
}

/* Modal butonları tek aile */
.modal .btn,
.modal button:not(.close-btn) {
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: var(--button-radius, var(--radius, 8px)) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}
.modal .btn-primary {
    background: var(--button-bg, var(--primary-accent, #2563eb)) !important;
    border: var(--button-border-width, 1px) solid var(--button-border-color, var(--button-bg, var(--primary-accent, #2563eb))) !important;
    color: var(--button-text, #111827) !important;
}
.modal .btn-secondary {
    background: var(--modal-std-soft) !important;
    border: 1px solid var(--modal-std-border) !important;
    color: var(--text, #111827) !important;
}

/* PDKS Düzelt: çift Düzelt/kalma sorunu ve renk standardı */
#pdksDetayModal.pdks-edit-mode.modal.active > .modal-content,
#pdksDetayModal.pdks-edit-mode.modal.centered-modal.active > .modal-content {
    width: min(80vw, 420px) !important;
    max-width: min(80vw, 420px) !important;
    padding: 0 !important;
    background: var(--modal-std-bg) !important;
}
#pdksDetayModal.pdks-edit-mode #pdksDetayBody {
    padding: 12px 14px !important;
    overflow: visible !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-footer {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 10px !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-save,
#pdksDetayModal.pdks-edit-mode .pdks-edit-cancel {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: var(--button-radius, var(--radius, 8px)) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-save {
    background: var(--button-bg, var(--primary-accent, #2563eb)) !important;
    color: var(--button-text, #111827) !important;
    border: var(--button-border-width, 1px) solid var(--button-border-color, var(--button-bg, var(--primary-accent, #2563eb))) !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-cancel {
    background: var(--modal-std-soft) !important;
    color: var(--text, #111827) !important;
    border: 1px solid var(--modal-std-border) !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-save:disabled {
    opacity: .65 !important;
    cursor: wait !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-section {
    background: var(--modal-std-soft) !important;
    border: 1px solid var(--modal-std-border) !important;
    border-radius: var(--radius, 8px) !important;
    padding: 8px !important;
    margin-bottom: 8px !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(82px, 100px) !important;
    gap: 6px !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-date,
#pdksDetayModal.pdks-edit-mode .pdks-edit-time {
    min-height: 38px !important;
    padding: 8px 10px !important;
    text-align: center !important;
    font-weight: 800 !important;
    background: var(--modal-std-bg) !important;
}

@media (max-width: 380px) {
    .modal.active,
    .modal.centered-modal.active {
        padding: 8dvh 8dvw !important;
    }
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    #pdksDetayModal.pdks-edit-mode.modal.active > .modal-content {
        width: 84vw !important;
        max-width: 84vw !important;
        max-height: 84dvh !important;
    }
    #pdksDetayModal.pdks-edit-mode .pdks-edit-footer {
        grid-template-columns: 1fr !important;
    }
}


/* ===== v21 Modal mobil boşluk standardı: kenarlarda %5 ===== */
@media (max-width: 900px) {
    .modal.active,
    .modal.centered-modal.active {
        padding: 5dvh 5vw !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    .modal.active .modal-content,
    .modal.centered-modal.active .modal-content {
        width: 90vw !important;
        max-width: 560px !important;
        min-width: 0 !important;
        max-height: 80dvh !important;
        margin: 0 auto !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    #pdksDetayModal.pdks-edit-mode.modal.active > .modal-content,
    #pdksDetayModal.pdks-edit-mode.modal.centered-modal.active > .modal-content {
        width: 90vw !important;
        max-width: 560px !important;
        max-height: 80dvh !important;
    }

    .modal .form-group,
    .modal .compact-form-group {
        gap: 5px !important;
        margin-bottom: 10px !important;
    }

    .modal label {
        margin-bottom: 4px !important;
        line-height: 1.25 !important;
    }

    .modal input.form-control,
    .modal select.form-control,
    .modal textarea.form-control,
    .modal input[type="date"],
    .modal input[type="time"],
    .modal input[type="tel"],
    .modal input[type="number"],
    .modal input[type="text"],
    .modal select,
    .modal textarea {
        min-height: 38px !important;
        padding: 8px 10px !important;
        line-height: 1.35 !important;
    }

    .modal .btn {
        min-height: 38px !important;
        padding: 8px 12px !important;
    }

    .modal .close-btn,
    .modal-close,
    .modal button[onclick*="closeModal"] {
        min-width: 38px !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
}

@media (max-width: 380px) {
    .modal.active,
    .modal.centered-modal.active {
        padding-left: 8vw !important;
        padding-right: 8vw !important;
    }

    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    .modal.active .modal-content,
    .modal.centered-modal.active .modal-content {
        width: 84vw !important;
        max-width: 84vw !important;
    }
}


/* ===== v22 PDKS detay sıkılaştırma + edit modal net düzeltme ===== */

/* Detay modalında tablo kenarındaki beyaz boşluğu yaklaşık %50 azalt */
#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 6px !important;
}

#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody > div:first-child {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* PDKS detay tablosu: satır aralarını yaklaşık %25 düşür */
#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 10.5px !important;
    border-collapse: collapse !important;
}

#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table th,
#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table td {
    padding: 4px 12px !important;
    line-height: 1.05 !important;
    min-height: 0 !important;
    height: auto !important;
    vertical-align: middle !important;
}

#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table button {
    min-height: 26px !important;
    padding: 5px 8px !important;
    line-height: 1 !important;
}

/* Düzelt modalında başlık ve X kapatma margin/padding standardı */
#pdksDetayModal.pdks-edit-mode .modal-content > div:first-child {
    padding: 10px 12px !important;
    margin: 0 !important;
    min-height: 50px !important;
    border-bottom: 1px solid var(--border) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#pdksDetayModal.pdks-edit-mode #pdksDetayAd {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

#pdksDetayModal.pdks-edit-mode #pdksDetayKayit {
    margin-top: 2px !important;
}

#pdksDetayModal.pdks-edit-mode .close-btn {
    margin-left: 8px !important;
    margin-right: 0 !important;
    border: 1px solid var(--border) !important;
    background: var(--card-bg) !important;
    color: var(--text-light) !important;
    border-radius: var(--radius) !important;
}

/* Düzelt formundaki geniş iç boşlukları azalt */
#pdksDetayModal.pdks-edit-mode #pdksDetayBody {
    padding: 8px 10px 12px !important;
    overflow: visible !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-person {
    margin-bottom: 6px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-person div {
    min-height: 34px !important;
    padding: 6px 9px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-section {
    padding: 7px !important;
    margin-bottom: 6px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-row {
    gap: 6px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-date,
#pdksDetayModal.pdks-edit-mode .pdks-edit-time {
    min-height: 36px !important;
    padding: 7px 9px !important;
}

/* İkinci buton yok; tek Düzelt butonu tam genişlik */
#pdksDetayModal.pdks-edit-mode .pdks-edit-footer {
    display: block !important;
    margin-top: 8px !important;
}

#pdksDetayModal.pdks-edit-mode .pdks-edit-save {
    width: 100% !important;
    min-height: 40px !important;
    background: var(--button-bg, var(--primary-accent)) !important;
    color: var(--button-text, var(--primary-text, #111827)) !important;
    border: var(--button-border-width, 1px) solid var(--button-border-color, var(--button-bg, var(--primary-accent))) !important;
    border-radius: var(--button-radius, var(--radius)) !important;
    font-weight: 800 !important;
}

/* -- iptal butonu göster -- */
#pdksDetayModal.pdks-edit-mode .pdks-edit-footer {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
}
#pdksDetayModal.pdks-edit-mode .pdks-edit-cancel,
.kcm-ui-core #pdksDetayModal.pdks-edit-mode .pdks-edit-cancel {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
}

@media (max-width: 900px) {
    #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table th,
    #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table td {
        padding: 3px 4px !important;
        line-height: 1.02 !important;
    }

    #pdksDetayModal.pdks-edit-mode #pdksDetayBody {
        padding: 8px 9px 11px !important;
    }
}


/* =====================================================================
   v23 UI CORE TEMİZLİĞİ
   Amaç: çalışan yapıyı bozmadan buton/input/modal/tablo dilini tekleştirmek.
   Eski kurallar silinmez; bu katman en sonda güvenli standart verir.
   ===================================================================== */

:root {
    /* Ana UI ölçüleri */
    --ui-radius: var(--radius, 8px);
    --ui-radius-sm: max(4px, calc(var(--ui-radius) - 3px));
    --ui-radius-lg: calc(var(--ui-radius) + 4px);

    --ui-border: var(--border, #E5E7EB);
    --ui-border-strong: color-mix(in srgb, var(--ui-border) 82%, #111827);
    --ui-surface: var(--card-bg, #FFFFFF);
    --ui-surface-soft: var(--bg, #F9FAFB);
    --ui-text: var(--text, #111827);
    --ui-text-muted: var(--text-light, #6B7280);
    --ui-text-soft: var(--text-tertiary, #9CA3AF);

    --ui-primary: var(--button-bg, var(--primary-accent, #D6D76B));
    --ui-primary-text: var(--button-text, var(--primary-text, #111827));
    --ui-success: var(--green, #059669);
    --ui-danger: var(--red, #DC2626);
    --ui-warning: #D97706;
    --ui-info: #2563EB;

    --ui-control-height: 38px;
    --ui-control-height-sm: 32px;
    --ui-control-padding-x: 10px;
    --ui-control-padding-y: 8px;
    --ui-control-border-width: var(--control-border-width, 1px);
    --ui-control-border: var(--control-border-color, var(--ui-border));
    --ui-control-radius: var(--control-radius, var(--ui-radius));

    --ui-btn-height: 38px;
    --ui-btn-height-sm: 30px;
    --ui-btn-padding-x: 12px;
    --ui-btn-padding-y: 8px;
    --ui-btn-radius: var(--button-radius, var(--ui-radius));

    --ui-card-padding: 10px;
    --ui-gap: 8px;

    --ui-modal-mobile-space-x: 10vw;
    --ui-modal-mobile-space-y: 10dvh;
}

/* ---------- Genel kutu ve okunabilirlik ---------- */
.kcm-ui-core *,
.kcm-ui-core *::before,
.kcm-ui-core *::after {
    box-sizing: border-box;
}

.kcm-ui-core {
    color: var(--ui-text);
}

/* ---------- Buton çekirdeği ---------- */
.kcm-ui-core .btn,
.kcm-ui-core .ui-btn,
.kcm-ui-core button.btn,
.kcm-ui-core a.btn {
    min-height: var(--ui-btn-height);
    padding: var(--ui-btn-padding-y) var(--ui-btn-padding-x);
    border-radius: var(--ui-btn-radius);
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font-main, inherit);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .08s ease, box-shadow .15s ease;
    box-shadow: none;
}

.kcm-ui-core .btn:active,
.kcm-ui-core .ui-btn:active {
    transform: translateY(1px);
}

.kcm-ui-core .btn-primary,
.kcm-ui-core .ui-btn-primary {
    background: var(--ui-primary) !important;
    color: var(--ui-primary-text) !important;
    border-color: var(--button-border-color, var(--ui-primary)) !important;
}

.kcm-ui-core .btn-secondary,
.kcm-ui-core .ui-btn-secondary {
    background: var(--ui-surface) !important;
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
}

.kcm-ui-core .btn-danger,
.kcm-ui-core .ui-btn-danger {
    background: #FEF2F2 !important;
    color: var(--ui-danger) !important;
    border-color: #FCA5A5 !important;
}

.kcm-ui-core .btn-success,
.kcm-ui-core .ui-btn-success {
    background: #F0FDF4 !important;
    color: var(--ui-success) !important;
    border-color: #86EFAC !important;
}

.kcm-ui-core .btn-warning,
.kcm-ui-core .ui-btn-warning {
    background: #FFFBEB !important;
    color: var(--ui-warning) !important;
    border-color: #FDE68A !important;
}

.kcm-ui-core .btn-sm,
.kcm-ui-core .u-fs-11.btn,
.kcm-ui-core .u-fs-11.ui-btn {
    min-height: var(--ui-btn-height-sm);
    padding: 5px 9px;
    font-size: 11.5px;
}

.kcm-ui-core .btn-icon,
.kcm-ui-core .ui-btn-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
}

/* ---------- Form çekirdeği ---------- */
.kcm-ui-core .form-group,
.kcm-ui-core .compact-form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
}

.kcm-ui-core .form-group label,
.kcm-ui-core .compact-form-group label,
.kcm-ui-core .form-label {
    margin: 0;
    font-size: 10px;
    font-weight: 800;
    color: var(--ui-text-muted);
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.25;
}

.kcm-ui-core .form-control,
.kcm-ui-core .ui-control,
.kcm-ui-core input[type="text"],
.kcm-ui-core input[type="number"],
.kcm-ui-core input[type="date"],
.kcm-ui-core input[type="time"],
.kcm-ui-core input[type="tel"],
.kcm-ui-core input[type="email"],
.kcm-ui-core input[type="password"],
.kcm-ui-core select,
.kcm-ui-core textarea {
    min-height: var(--ui-control-height);
    padding: var(--ui-control-padding-y) var(--ui-control-padding-x);
    border: var(--ui-control-border-width) solid var(--ui-control-border);
    border-radius: var(--ui-control-radius);
    background: var(--ui-surface);
    color: var(--ui-text);
    font-family: var(--font-main, inherit);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    outline: none;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.kcm-ui-core textarea.form-control,
.kcm-ui-core textarea {
    min-height: 72px;
}

.kcm-ui-core .form-control:focus,
.kcm-ui-core .ui-control:focus,
.kcm-ui-core input:focus,
.kcm-ui-core select:focus,
.kcm-ui-core textarea:focus {
    border-color: var(--ui-primary);
    background: var(--ui-surface);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 18%, transparent);
}

/* ---------- Modal çekirdeği ---------- */
.kcm-ui-core .modal.active,
.kcm-ui-core .modal.centered-modal.active,
.kcm-ui-core .ui-modal.active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ui-modal-mobile-space-y) var(--ui-modal-mobile-space-x) !important;
    background: rgba(17, 24, 39, .54);
    backdrop-filter: blur(2px);
}

.kcm-ui-core .modal-content,
.kcm-ui-core .ui-modal-content {
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .18);
    overflow: hidden;
}

@media (max-width: 900px) {
    .kcm-ui-core .modal.active > .modal-content,
    .kcm-ui-core .modal.centered-modal.active > .modal-content,
    .kcm-ui-core .modal.active .ui-modal-content,
    .kcm-ui-core .ui-modal.active > .ui-modal-content {
        width: 90vw !important;
        max-width: 560px !important;
        min-width: 0 !important;
        max-height: 80dvh !important;
        margin: 0 auto !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
}

@media (min-width: 901px) {
    .kcm-ui-core .modal.active > .modal-content,
    .kcm-ui-core .modal.centered-modal.active > .modal-content {
        width: min(92vw, 560px);
        max-height: 86vh;
        overflow-y: auto;
    }
}

.kcm-ui-core .close-btn,
.kcm-ui-core .ui-modal-close,
.kcm-ui-core .modal-close {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 8px !important;
    border-radius: var(--ui-radius-sm) !important;
    border: 1px solid var(--ui-border) !important;
    background: var(--ui-surface) !important;
    color: var(--ui-text-muted) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    flex: 0 0 38px !important;
}

/* Modal içi standart boşluk */
.kcm-ui-core .modal .form-group,
.kcm-ui-core .modal .compact-form-group {
    margin-bottom: 10px;
}

.kcm-ui-core .modal .btn {
    min-height: 38px;
}

/* ---------- Kart / Toolbar çekirdeği ---------- */
.kcm-ui-core .card,
.kcm-ui-core .d-card,
.kcm-ui-core .ios-group {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
}

.kcm-ui-core .card-header,
.kcm-ui-core .d-card-head {
    gap: var(--ui-gap);
}

.kcm-ui-core .toolbar,
.kcm-ui-core .mazot-toolbar,
.kcm-ui-core .talep-toolbar {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface-soft);
    padding: 10px;
    gap: 8px;
}

/* ---------- Tablo çekirdeği ---------- */
.kcm-ui-core .compact-table,
.kcm-ui-core .ui-table,
.kcm-ui-core table.data-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--ui-text);
}

.kcm-ui-core .compact-table th,
.kcm-ui-core .compact-table td,
.kcm-ui-core .ui-table th,
.kcm-ui-core .ui-table td,
.kcm-ui-core table.data-table th,
.kcm-ui-core table.data-table td {
    border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
    vertical-align: middle;
}

.kcm-ui-core .compact-table th,
.kcm-ui-core .ui-table th,
.kcm-ui-core table.data-table th {
    color: var(--ui-text-muted);
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .025em;
}

/* ---------- Aksiyon butonları ---------- */
.kcm-ui-core .pdks-action-btn,
.kcm-ui-core .table-action,
.kcm-ui-core .action-btn {
    min-height: 28px !important;
    padding: 5px 9px !important;
    border-radius: var(--ui-radius-sm) !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.kcm-ui-core .pdks-action-edit,
.kcm-ui-core .table-action-edit {
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    color: var(--ui-info) !important;
}

.kcm-ui-core .pdks-action-delete,
.kcm-ui-core .table-action-delete,
.kcm-ui-core .btn-sil {
    background: #FEF2F2 !important;
    border: 1px solid #FCA5A5 !important;
    color: var(--ui-danger) !important;
}

/* ---------- Mazot üst kartı: UI core ile uyum ---------- */
.kcm-ui-core #view-mazot .mazot-action-card {
    background: var(--ui-primary) !important;
    color: var(--ui-primary-text) !important;
    border-color: var(--button-border-color, var(--ui-primary)) !important;
}

.kcm-ui-core #view-mazot .mazot-action-card strong,
.kcm-ui-core #view-mazot .mazot-action-card-text strong {
    color: var(--ui-primary-text) !important;
}

.kcm-ui-core #view-mazot .mazot-action-card-media {
    background: color-mix(in srgb, var(--ui-primary-text) 10%, transparent) !important;
    border-color: color-mix(in srgb, var(--ui-primary-text) 22%, transparent) !important;
}

/* ---------- PDKS özel: mevcut son düzeltmeler korunarak çekirdek standardı ---------- */
.kcm-ui-core #pdksDetayModal.pdks-edit-mode .pdks-edit-save {
    background: var(--ui-primary) !important;
    color: var(--ui-primary-text) !important;
    border-color: var(--button-border-color, var(--ui-primary)) !important;
}

.kcm-ui-core #pdksDetayModal.pdks-edit-mode .pdks-edit-cancel {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
}

/* ---------- Mobil güvenlik ---------- */
@media (max-width: 420px) {
    :root {
        --ui-control-height: 36px;
        --ui-btn-height: 36px;
        --ui-control-padding-x: 9px;
        --ui-control-padding-y: 7px;
    }

    .kcm-ui-core .modal.active,
    .kcm-ui-core .modal.centered-modal.active {
        padding-left: 8vw !important;
        padding-right: 8vw !important;
    }

    .kcm-ui-core .modal.active > .modal-content,
    .kcm-ui-core .modal.centered-modal.active > .modal-content {
        width: 84vw !important;
        max-width: 84vw !important;
    }
}

/* ---------- Çok küçük ekranlarda yazı taşmasını engelle ---------- */
@media (max-width: 360px) {
    .kcm-ui-core .btn,
    .kcm-ui-core .ui-btn {
        font-size: 12px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .kcm-ui-core .form-control,
    .kcm-ui-core .ui-control {
        font-size: 12px;
    }
}


/* =====================================================================
   v24 FAZ 5 — MOBİL QA MATRİSİ VE RESPONSIVE GÜVENLİK KATMANI
   Test hedefleri: 360 / 390 / 412 / 430 / 768 / 1024 / 1366 px
   Çalışan yapıyı bozmaz; son katmanda taşma/boşluk/touch standardı verir.
   ===================================================================== */

:root {
    --qa-safe-top: env(safe-area-inset-top, 0px);
    --qa-safe-bottom: env(safe-area-inset-bottom, 0px);
    --qa-safe-left: env(safe-area-inset-left, 0px);
    --qa-safe-right: env(safe-area-inset-right, 0px);

    --qa-page-pad: clamp(8px, 2.2vw, 14px);
    --qa-card-gap: clamp(6px, 1.6vw, 10px);
    --qa-touch: 38px;
    --qa-touch-sm: 32px;
    --qa-modal-side-space: 10vw;
    --qa-modal-top-space: 10dvh;

    --qa-font-xs: clamp(8px, 1.9vw, 10px);
    --qa-font-sm: clamp(10px, 2.4vw, 12px);
    --qa-font-md: clamp(12px, 2.8vw, 14px);
}

/* Genel taşma güvenliği */
html,
body.kcm-ui-core {
    max-width: 100%;
    overflow-x: hidden;
}

.kcm-ui-core img,
.kcm-ui-core video,
.kcm-ui-core canvas,
.kcm-ui-core svg {
    max-width: 100%;
}

.kcm-ui-core .main-content {
    padding-left: calc(var(--qa-page-pad) + var(--qa-safe-left)) !important;
    padding-right: calc(var(--qa-page-pad) + var(--qa-safe-right)) !important;
    padding-bottom: calc(64px + var(--qa-safe-bottom)) !important;
}

/* Dokunma hedefi standardı */
.kcm-ui-core .qa-touch,
.kcm-ui-core button,
.kcm-ui-core a.btn,
.kcm-ui-core .nav-item,
.kcm-ui-core .menu-item {
    min-height: var(--qa-touch-sm);
}

@media (max-width: 768px) {
    .kcm-ui-core .qa-touch,
    .kcm-ui-core button,
    .kcm-ui-core a.btn,
    .kcm-ui-core .nav-item {
        min-height: var(--qa-touch) !important;
    }
}

/* Bottom nav: safe-area ve taşma kontrolü */
@media (max-width: 900px) {
    .kcm-ui-core .bottom-nav {
        height: calc(54px + var(--qa-safe-bottom)) !important;
        padding-bottom: var(--qa-safe-bottom) !important;
        padding-left: max(2px, var(--qa-safe-left)) !important;
        padding-right: max(2px, var(--qa-safe-right)) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
    }

    .kcm-ui-core .bottom-nav::-webkit-scrollbar {
        display: none;
    }

    .kcm-ui-core .bottom-nav .nav-item {
        min-width: 48px !important;
        max-width: 82px;
        padding: 3px 2px !important;
        font-size: clamp(8px, 2.1vw, 10px) !important;
        line-height: 1.1 !important;
    }

    .kcm-ui-core .bottom-nav .icon {
        font-size: clamp(14px, 4vw, 18px) !important;
    }
}

/* Modal QA: bütün mobil cihazlarda ortalı ve %10 kenar boşluklu */
@media (max-width: 900px) {
    .kcm-ui-core .modal.active,
    .kcm-ui-core .modal.centered-modal.active {
        padding-top: var(--qa-modal-top-space) !important;
        padding-bottom: var(--qa-modal-top-space) !important;
        padding-left: var(--qa-modal-side-space) !important;
        padding-right: var(--qa-modal-side-space) !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .kcm-ui-core .modal.active > .modal-content,
    .kcm-ui-core .modal.centered-modal.active > .modal-content,
    .kcm-ui-core .modal.active .ui-modal-content,
    .kcm-ui-core .modal.active .qa-modal-content {
        width: calc(100vw - (var(--qa-modal-side-space) * 2)) !important;
        max-width: calc(100vw - (var(--qa-modal-side-space) * 2)) !important;
        max-height: calc(100dvh - (var(--qa-modal-top-space) * 2)) !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}

/* 360 px sınıfı: modal %10 hedefi korunur ama mikro taşmalar yumuşatılır */
@media (max-width: 360px) {
    :root {
        --qa-modal-side-space: 8vw;
        --qa-modal-top-space: 8dvh;
        --qa-page-pad: 6px;
        --qa-touch: 36px;
    }

    .kcm-ui-core .btn,
    .kcm-ui-core .form-control,
    .kcm-ui-core input,
    .kcm-ui-core select,
    .kcm-ui-core textarea {
        font-size: 12px !important;
    }

    .kcm-ui-core .close-btn,
    .kcm-ui-core .ui-modal-close {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
    }
}

/* Kart/grid responsive dengesi */
@media (max-width: 430px) {
    .kcm-ui-core .d-row-4,
    .kcm-ui-core .grid-container,
    .kcm-ui-core .dash-body {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--qa-card-gap) !important;
    }

    .kcm-ui-core .d-row-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--qa-card-gap) !important;
    }

    .kcm-ui-core .card,
    .kcm-ui-core .d-card {
        padding: clamp(7px, 2vw, 10px) !important;
        margin-bottom: var(--qa-card-gap) !important;
    }
}

@media (min-width: 431px) and (max-width: 768px) {
    .kcm-ui-core .d-row-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .kcm-ui-core .grid-container,
    .kcm-ui-core .dash-body {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Toolbarlar: 360-430 arası taşma yapmasın */
@media (max-width: 430px) {
    .kcm-ui-core .mazot-toolbar-row,
    .kcm-ui-core .talep-toolbar,
    .kcm-ui-core form[id*="Filtre"],
    .kcm-ui-core form[id*="filtre"] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        align-items: stretch !important;
    }

    .kcm-ui-core .mazot-toolbar-row > *,
    .kcm-ui-core .talep-toolbar > *,
    .kcm-ui-core form[id*="Filtre"] > *,
    .kcm-ui-core form[id*="filtre"] > * {
        min-width: 0 !important;
        width: 100% !important;
    }

    .kcm-ui-core .mazot-toolbar .btn,
    .kcm-ui-core .talep-toolbar .btn {
        width: 100% !important;
    }
}

@media (min-width: 431px) and (max-width: 768px) {
    .kcm-ui-core .mazot-toolbar-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Tablolar: yatay taşma kontrollü scroll olsun */
.kcm-ui-core .qa-scroll-x,
.kcm-ui-core .u-scroll-x,
.kcm-ui-core .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}
/* Tablo taşıyorsa solma efektiyle ipucu ver */
.kcm-ui-core .u-scroll-x {
    background:
        linear-gradient(to right, var(--card-bg,#fff) 10%, transparent 30%) left center / 20px 100% no-repeat,
        linear-gradient(to left,  var(--card-bg,#fff) 10%, transparent 30%) right center / 20px 100% no-repeat,
        radial-gradient(ellipse at left,  rgba(0,0,0,.08) 0%, transparent 70%) left center / 10px 100% no-repeat,
        radial-gradient(ellipse at right, rgba(0,0,0,.08) 0%, transparent 70%) right center / 10px 100% no-repeat;
    background-attachment: local, local, scroll, scroll;
}

.kcm-ui-core table.qa-table-wide,
.kcm-ui-core .u-scroll-x > table,
.kcm-ui-core .table-responsive > table {
    min-width: max-content;
}

/* PDKS ana ekran mobil güvenliği */
@media (max-width: 768px) {
    .kcm-ui-core #view-pdks .card,
    .kcm-ui-core #view-pdks .d-card {
        border-radius: var(--ui-radius, 8px) !important;
    }

    .kcm-ui-core #pdksTabloWrap {
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    .kcm-ui-core #pdksTabloWrap table {
        min-width: 860px;
    }

    .kcm-ui-core #view-pdks .compact-table th,
    .kcm-ui-core #view-pdks .compact-table td {
        touch-action: manipulation;
    }
}

/* PDKS detay modalı: tablo ve edit formu cihazlara otursun */
@media (max-width: 430px) {
    .kcm-ui-core #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .kcm-ui-core #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table {
        font-size: 10px !important;
    }

    .kcm-ui-core #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table th,
    .kcm-ui-core #pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table td {
        padding: 3px 3px !important;
    }

    .kcm-ui-core #pdksDetayModal.pdks-edit-mode .pdks-edit-row {
        grid-template-columns: minmax(0, 1fr) minmax(78px, 92px) !important;
        gap: 5px !important;
    }

    .kcm-ui-core #pdksDetayModal.pdks-edit-mode .pdks-edit-date,
    .kcm-ui-core #pdksDetayModal.pdks-edit-mode .pdks-edit-time {
        min-width: 0 !important;
        font-size: 12px !important;
    }
}

/* Mazot üst kartları: her cihazda tek satır; çok dar alanda içeriği küçült */
.kcm-ui-core #view-mazot .mazot-top-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(4px, 1.3vw, 8px) !important;
}

.kcm-ui-core #view-mazot .mazot-kpi-card,
.kcm-ui-core #view-mazot .mazot-action-card {
    min-height: clamp(48px, 8.5vw, 72px) !important;
    padding: clamp(4px, 1vw, 8px) !important;
}
.kcm-ui-core #view-mazot .mazot-kpi-card {
    border-left-width: 1px !important;
}

.kcm-ui-core #view-mazot .mazot-kpi-card .u-title-md,
.kcm-ui-core #view-mazot .mazot-kpi-card .u-fw-800 {
    font-size: clamp(12px, 3.2vw, 18px) !important;
    line-height: 1.1 !important;
}

.kcm-ui-core #view-mazot .mazot-kpi-card .u-lbl-ul,
.kcm-ui-core #view-mazot .mazot-action-card strong {
    font-size: clamp(7px, 2vw, 10px) !important;
    line-height: 1.1 !important;
}

.kcm-ui-core #view-mazot .mazot-action-card-media {
    width: clamp(22px, 5.5vw, 38px) !important;
    height: clamp(22px, 5.5vw, 38px) !important;
}

@media (max-width: 360px) {
    .kcm-ui-core #view-mazot .mazot-action-card-media {
        display: none !important;
    }
}

/* Form gridleri: küçük cihazlarda dikeyleşsin */
@media (max-width: 430px) {
    .kcm-ui-core .u-flex-gap-6 {
        gap: 6px !important;
    }

    .kcm-ui-core .modal .u-flex-gap-6 {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .kcm-ui-core .modal .span-2 {
        grid-column: auto !important;
    }
}

/* Tablet düzeni */
@media (min-width: 769px) and (max-width: 1024px) {
    .kcm-ui-core .main-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .kcm-ui-core .modal.active > .modal-content,
    .kcm-ui-core .modal.centered-modal.active > .modal-content {
        max-width: min(86vw, 680px) !important;
    }

    .kcm-ui-core #pdksTabloWrap table {
        min-width: 980px;
    }
}

/* Desktop QA */
@media (min-width: 1025px) {
    .kcm-ui-core .modal.active > .modal-content,
    .kcm-ui-core .modal.centered-modal.active > .modal-content {
        max-width: min(92vw, 720px);
    }

    .kcm-ui-core #pdksDetayModal.modal.active > .modal-content {
        max-width: 560px !important;
    }

    .kcm-ui-core #pdksDetayModal.pdks-edit-mode.modal.active > .modal-content {
        max-width: 420px !important;
    }
}



/* =====================================================================
   v25 İzinler sekmesi — admin / operatör / izleyici tablo uyumu
   ===================================================================== */
.kcm-ui-core #view-izinler {
    --izin-row-pad-y: 7px;
    --izin-row-pad-x: 8px;
    --izin-border: var(--ui-border, var(--border));
}

.kcm-ui-core #view-izinler .izin-history-card {
    padding: 10px !important;
    overflow: visible !important;
}

.kcm-ui-core #view-izinler .izin-history-head {
    gap: 8px !important;
    align-items: center !important;
}

.kcm-ui-core #view-izinler .izin-history-tools {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
}

.kcm-ui-core #view-izinler .izin-history-tools button,
.kcm-ui-core #view-izinler .izin-history-tools select {
    min-height: 32px !important;
    border-radius: var(--ui-radius-sm, 6px) !important;
}

.kcm-ui-core #view-izinler .izin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border: 1px solid var(--izin-border) !important;
    border-radius: var(--ui-radius, var(--radius)) !important;
    background: var(--ui-surface, var(--card-bg)) !important;
}

.kcm-ui-core #view-izinler .izin-table {
    width: 100% !important;
    min-width: 720px !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

.kcm-ui-core #view-izinler .izin-table th,
.kcm-ui-core #view-izinler .izin-table td {
    padding: var(--izin-row-pad-y) var(--izin-row-pad-x) !important;
    line-height: 1.22 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--izin-border) 72%, transparent) !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.kcm-ui-core #view-izinler .izin-table th {
    font-size: 10px !important;
    font-weight: 850 !important;
    color: var(--ui-text-muted, var(--text-light)) !important;
    background: var(--ui-surface-soft, var(--bg)) !important;
    text-transform: uppercase !important;
    letter-spacing: .025em !important;
}

.kcm-ui-core #view-izinler .izin-table td {
    font-size: 10.5px !important;
    color: var(--ui-text, var(--text)) !important;
}

.kcm-ui-core #view-izinler .izin-personel-cell {
    width: 170px !important;
    max-width: 170px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 750 !important;
}

.kcm-ui-core #view-izinler .izin-date-cell {
    width: 66px !important;
    text-align: center !important;
    font-weight: 750 !important;
}

.kcm-ui-core #view-izinler .izin-isbasi-cell {
    width: 92px !important;
    text-align: center !important;
    color: var(--ui-text-muted, var(--text-light)) !important;
}

.kcm-ui-core #view-izinler .izin-gun-cell {
    width: 48px !important;
    text-align: center !important;
}

.kcm-ui-core #view-izinler .izin-actions-th,
.kcm-ui-core #view-izinler .izin-actions-cell {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    text-align: center !important;
}

.kcm-ui-core #view-izinler .izin-menu-btn {
    min-width: 32px !important;
    width: 32px !important;
    min-height: 30px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--ui-radius-sm, 6px) !important;
}

.kcm-ui-core #view-izinler .izin-menu-popup {
    border-radius: var(--ui-radius, 8px) !important;
    overflow: hidden !important;
}

.kcm-ui-core #view-izinler .pager {
    margin-top: 8px !important;
    border-radius: var(--ui-radius, var(--radius)) !important;
}

/* İzleyici / operatör / admin rol farkından doğan dar-ferah görüntüyü azalt */
.kcm-ui-core #view-izinler:not(:has(#izin_form)) .izin-history-card {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .kcm-ui-core #view-izinler .izin-history-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .kcm-ui-core #view-izinler .izin-history-tools {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
    }

    .kcm-ui-core #view-izinler .izin-history-tools button,
    .kcm-ui-core #view-izinler .izin-history-tools select {
        width: 100% !important;
    }

    .kcm-ui-core #view-izinler .izin-table {
        min-width: 660px !important;
    }

    .kcm-ui-core #view-izinler .izin-table th,
    .kcm-ui-core #view-izinler .izin-table td {
        padding: 6px 7px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-izinler .izin-history-card {
        padding: 8px !important;
    }

    .kcm-ui-core #view-izinler .izin-table {
        min-width: 620px !important;
    }

    .kcm-ui-core #view-izinler .izin-table th,
    .kcm-ui-core #view-izinler .izin-table td {
        padding: 5px 6px !important;
        font-size: 10px !important;
    }

    .kcm-ui-core #view-izinler .izin-personel-cell {
        width: 145px !important;
        max-width: 145px !important;
    }
}


/* =====================================================================
   v26 İzinler tablosu final: scrollsuz, tam isim, hizalı başlık/veri
   ===================================================================== */

/* Scroll çıkmasın: tablo her çözünürlükte bulunduğu alana yayılsın */
.kcm-ui-core #view-izinler .izin-table-wrap {
    overflow-x: visible !important;
    overflow-y: visible !important;
    width: 100% !important;
    max-width: 100% !important;
}

.kcm-ui-core #view-izinler .izin-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    white-space: normal !important;
}

/* Sabit oranlı kolonlar: başlık ve veri aynı hizaya oturur */
.kcm-ui-core #view-izinler .izin-col-personel { width: 27%; }
.kcm-ui-core #view-izinler .izin-col-baslangic { width: 10%; }
.kcm-ui-core #view-izinler .izin-col-bitis { width: 10%; }
.kcm-ui-core #view-izinler .izin-col-isbasi { width: 16%; }
.kcm-ui-core #view-izinler .izin-col-gun { width: 7%; }
.kcm-ui-core #view-izinler .izin-col-tur { width: 22%; }
.kcm-ui-core #view-izinler .izin-col-rapor { width: 4%; }
.kcm-ui-core #view-izinler .izin-col-actions { width: 4%; }

.kcm-ui-core #view-izinler .izin-table th,
.kcm-ui-core #view-izinler .izin-table td {
    box-sizing: border-box !important;
    padding: 6px 5px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

/* Başlık hizaları */
.kcm-ui-core #view-izinler .izin-table th:nth-child(1),
.kcm-ui-core #view-izinler .izin-table td:nth-child(1) { text-align: left !important; }

.kcm-ui-core #view-izinler .izin-table th:nth-child(2),
.kcm-ui-core #view-izinler .izin-table th:nth-child(3),
.kcm-ui-core #view-izinler .izin-table th:nth-child(4),
.kcm-ui-core #view-izinler .izin-table th:nth-child(5),
.kcm-ui-core #view-izinler .izin-table th:nth-child(7),
.kcm-ui-core #view-izinler .izin-table th:nth-child(8),
.kcm-ui-core #view-izinler .izin-table td:nth-child(2),
.kcm-ui-core #view-izinler .izin-table td:nth-child(3),
.kcm-ui-core #view-izinler .izin-table td:nth-child(4),
.kcm-ui-core #view-izinler .izin-table td:nth-child(5),
.kcm-ui-core #view-izinler .izin-table td:nth-child(7),
.kcm-ui-core #view-izinler .izin-table td:nth-child(8) {
    text-align: center !important;
}

.kcm-ui-core #view-izinler .izin-table th:nth-child(6),
.kcm-ui-core #view-izinler .izin-table td:nth-child(6) {
    text-align: left !important;
}

/* İsimler tam çıksın: ellipsis kaldırıldı */
.kcm-ui-core #view-izinler .izin-personel-cell {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    font-weight: 800 !important;
}

/* Tür de kesilmesin */
.kcm-ui-core #view-izinler .izin-tur-cell {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
}

/* Tarih/gün hücreleri dar ama hizalı */
.kcm-ui-core #view-izinler .izin-date-cell,
.kcm-ui-core #view-izinler .izin-isbasi-cell,
.kcm-ui-core #view-izinler .izin-gun-cell {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* Satır yüksekliğini bozan ikonlar yerine küçük açılır menü butonu */
.kcm-ui-core #view-izinler .izin-actions-th,
.kcm-ui-core #view-izinler .izin-actions-cell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center !important;
}

.kcm-ui-core #view-izinler .izin-menu-btn,
.kcm-ui-core #view-izinler .izin-doc-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    border: none !important;
    background: transparent !important;
    color: #000 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.kcm-ui-core #view-izinler .izin-doc-btn {
    font-size: 12px !important;
    cursor: pointer !important;
}

/* Açılır menü küçük ve satır yüksekliğine etki etmez */
.kcm-ui-core #view-izinler .izin-menu-popup {
    min-width: 112px !important;
    right: 0 !important;
    top: calc(100% + 2px) !important;
}

.kcm-ui-core #view-izinler .izin-menu-popup > div {
    min-height: 32px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
}

/* Mobil: font ve kolonlar daha kompakt; scroll yok */
@media (max-width: 768px) {
    .kcm-ui-core #view-izinler .izin-col-personel { width: 25%; }
    .kcm-ui-core #view-izinler .izin-col-baslangic { width: 10%; }
    .kcm-ui-core #view-izinler .izin-col-bitis { width: 10%; }
    .kcm-ui-core #view-izinler .izin-col-isbasi { width: 15%; }
    .kcm-ui-core #view-izinler .izin-col-gun { width: 7%; }
    .kcm-ui-core #view-izinler .izin-col-tur { width: 25%; }
    .kcm-ui-core #view-izinler .izin-col-rapor { width: 4%; }
    .kcm-ui-core #view-izinler .izin-col-actions { width: 4%; }

    .kcm-ui-core #view-izinler .izin-table th,
    .kcm-ui-core #view-izinler .izin-table td {
        padding: 5px 3px !important;
        font-size: 9.2px !important;
        line-height: 1.12 !important;
    }

    .kcm-ui-core #view-izinler .izin-table th {
        font-size: 8.5px !important;
        letter-spacing: 0 !important;
    }

    .kcm-ui-core #view-izinler .izin-menu-btn,
    .kcm-ui-core #view-izinler .izin-doc-btn {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-izinler .izin-history-card {
        padding: 7px !important;
    }

    .kcm-ui-core #view-izinler .izin-col-personel { width: 24%; }
    .kcm-ui-core #view-izinler .izin-col-baslangic { width: 10%; }
    .kcm-ui-core #view-izinler .izin-col-bitis { width: 10%; }
    .kcm-ui-core #view-izinler .izin-col-isbasi { width: 15%; }
    .kcm-ui-core #view-izinler .izin-col-gun { width: 7%; }
    .kcm-ui-core #view-izinler .izin-col-tur { width: 26%; }
    .kcm-ui-core #view-izinler .izin-col-rapor { width: 4%; }
    .kcm-ui-core #view-izinler .izin-col-actions { width: 4%; }

    .kcm-ui-core #view-izinler .izin-table th,
    .kcm-ui-core #view-izinler .izin-table td {
        padding: 4px 2px !important;
        font-size: 8.7px !important;
    }

    .kcm-ui-core #view-izinler .izin-table th {
        font-size: 7.8px !important;
    }

    .kcm-ui-core #view-izinler .izin-isbasi-cell {
        font-size: 8.1px !important;
    }

    .kcm-ui-core #view-izinler .izin-menu-btn,
    .kcm-ui-core #view-izinler .izin-doc-btn {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        font-size: 11px !important;
        border-radius: 5px !important;
    }
}

/* İzleyici modunda aksiyon kolonu yokken kalan kolonlar otomatik genişlesin */
.kcm-ui-core #view-izinler .izin-table:not(:has(.izin-actions-cell)) .izin-col-personel { width: 28%; }
.kcm-ui-core #view-izinler .izin-table:not(:has(.izin-actions-cell)) .izin-col-tur { width: 25%; }


/* =====================================================================
   v27 İzinler mobil kart görünümü
   ===================================================================== */
.kcm-ui-core #view-izinler .izin-mobile-list,
.kcm-ui-core #view-izinler .izin-mobile-hint {
    display: none;
}

.kcm-ui-core #view-izinler .izin-mobile-card {
    background: var(--card-bg, #fff);
    border: 1px solid rgba(203,213,225,.9);
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(15,23,42,.06);
    padding: 14px 14px 13px;
    margin-bottom: 12px;
}

.kcm-ui-core #view-izinler .izin-mobile-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.kcm-ui-core #view-izinler .izin-mobile-name {
    flex: 1 1 auto;
    min-width: 0;
    color: #0b1f5c;
    font-size: 15px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.01em;
    word-break: break-word;
}

.kcm-ui-core #view-izinler .izin-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}
.kcm-ui-core #view-izinler .izin-mobile-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 68px;
    flex: 0 0 68px;
}

.kcm-ui-core #view-izinler .izin-mobile-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px !important;
    padding: 7px 12px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
}
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-yillik { background:#e8f6ea; color:#1f8a4c; }
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-ucretsiz { background:#f0e7fa; color:#7b46c5; }
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-kaza { background:#fde9df; color:#d46b1e; }
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-rapor { background:#e8f0ff; color:#2c67d8; }
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-evlilik { background:#f8e6f0; color:#ba3a74; }
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-olum { background:#eef1f4; color:#475569; }
.kcm-ui-core #view-izinler .izin-mobile-badge.badge-default { background:#eef2f6; color:#334155; }

.kcm-ui-core #view-izinler .izin-mobile-menu-wrap {
    position: relative;
    flex: 0 0 auto;
}

.kcm-ui-core #view-izinler .izin-mobile-menu-btn,
.kcm-ui-core #view-izinler .izin-mobile-doc-btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0b1f5c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

.kcm-ui-core #view-izinler .izin-mobile-popup {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 180px !important;
    max-width: min(78vw, 220px);
}

.kcm-ui-core #view-izinler .izin-mobile-popup > div {
    min-height: 38px;
    font-size: 12px !important;
}

.kcm-ui-core #view-izinler .izin-mobile-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    color: #5b6783;
    font-size: 12px;
    line-height: 1.25;
}

.kcm-ui-core #view-izinler .izin-mobile-date,
.kcm-ui-core #view-izinler .izin-mobile-return,
.kcm-ui-core #view-izinler .izin-mobile-days {
    white-space: nowrap;
}

.kcm-ui-core #view-izinler .izin-mobile-days {
    color: #344054;
    font-weight: 700;
}

.kcm-ui-core #view-izinler .izin-mobile-sep {
    color: #a0aec0;
}

.kcm-ui-core #view-izinler .izin-mobile-empty {
    padding: 16px;
    border: 1px dashed var(--border);
    border-radius: 14px;
    text-align: center;
    font-size: 12px;
    color: var(--text-light);
    background: var(--bg);
}

.kcm-ui-core #view-izinler .izin-mobile-hint {
    margin-top: 8px;
    color: #7b8798;
    font-size: 11px;
    text-align: center;
}
.kcm-ui-core #view-izinler .izin-mobile-hint-icon { margin-right: 6px; }

/* desktop/tablet table retains current table layout */
@media (max-width: 768px) {
    .kcm-ui-core #view-izinler .izin-table-wrap {
        display: none !important;
    }
    .kcm-ui-core #view-izinler .izin-mobile-list,
    .kcm-ui-core #view-izinler .izin-mobile-hint {
        display: block;
    }
    .kcm-ui-core #view-izinler .izin-history-card {
        padding: 10px !important;
        border-radius: 14px;
    }
    .kcm-ui-core #view-izinler .izin-history-head {
        display: block !important;
    }
    .kcm-ui-core #view-izinler .izin-history-head > .card-title {
        margin-bottom: 10px !important;
    }
    .kcm-ui-core #view-izinler .izin-history-tools {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    .kcm-ui-core #view-izinler .izin-history-tools > * {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        font-size: 13px !important;
        border-radius: 12px !important;
    }
    .kcm-ui-core #view-izinler .izin-history-tools button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    .kcm-ui-core #view-izinler .pager {
        margin-top: 12px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-izinler .izin-mobile-card {
        padding: 12px 12px 11px;
        border-radius: 14px;
        margin-bottom: 10px;
    }
    .kcm-ui-core #view-izinler .izin-mobile-top {
        gap: 8px;
        margin-bottom: 8px;
    }
    .kcm-ui-core #view-izinler .izin-mobile-name {
        font-size: 14px;
    }
    .kcm-ui-core #view-izinler .izin-mobile-badge {
        min-height: 30px;
        padding: 6px 10px;
        font-size: 10.5px;
        border-radius: 10px;
    }
    .kcm-ui-core #view-izinler .izin-mobile-menu-btn,
    .kcm-ui-core #view-izinler .izin-mobile-doc-btn {
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
        border-radius: 10px;
        font-size: 17px;
    }
    .kcm-ui-core #view-izinler .izin-mobile-popup {
        min-width: 164px !important;
        max-width: min(76vw, 204px);
    }
    .kcm-ui-core #view-izinler .izin-mobile-meta {
        gap: 6px 8px;
        font-size: 11px;
    }
}


/* =====================================================================
   v28 Kompakt izin kartları + Mazot tek ⋮ menü
   ===================================================================== */

/* İzin mobil kartları %20 daha kompakt ve daha düşük radius */
@media (max-width: 768px) {
    .kcm-ui-core #view-izinler .izin-mobile-card {
        padding: 5px 8px 5px !important;
        border-radius: 5px !important;
        margin-bottom: 6px !important;
        box-shadow: 0 3px 10px rgba(15, 23, 42, .045) !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-top {
        margin-bottom: -7px !important;
        gap: 7px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-name {
        font-size: 13.2px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-actions {
        gap: 6px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-badge {
        min-height: 22px !important;
        padding: 2px 4px !important;
        border-radius: 3px !important;
        font-size: 11px !important;
        line-height: 1.0 !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: nowrap !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-menu-btn,
    .kcm-ui-core #view-izinler .izin-mobile-doc-btn {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        border-radius: 8px !important;
        font-size: 15px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-meta {
        font-size: 10.5px !important;
        gap: 4px 7px !important;
        line-height: 1.18 !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-popup {
        top: calc(100% + 6px) !important;
        min-width: 154px !important;
        border-radius: 10px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-popup > div {
        min-height: 34px !important;
        padding: 8px 10px !important;
        font-size: 11px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-hint {
        font-size: 10.5px !important;
        margin-top: 6px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-izinler .izin-mobile-card {
        padding: 9px 10px 8px !important;
        border-radius: 10px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-name {
        font-size: 12.8px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-badge {
        max-width: 112px !important;
        font-size: 9.4px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-meta {
        font-size: 10.2px !important;
    }
}

/* Genel satır aksiyon menüsü */
.kcm-ui-core .kcm-row-menu-btn {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
    border: none !important;
    background: var(--ui-surface, #fff) !important;
    color: var(--ui-text-muted, #64748b) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.kcm-ui-core .kcm-row-menu-popup {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 300;
    min-width: 122px;
    overflow: hidden;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(15,23,42,.14);
}

.kcm-ui-core .kcm-row-menu-item {
    min-height: 34px;
    padding: 8px 11px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text, #111827);
    font-size: 11.5px;
    font-weight: 800;
    cursor: pointer;
}

.kcm-ui-core .kcm-row-menu-item:hover {
    background: var(--bg, #f8fafc);
}

.kcm-ui-core .kcm-row-menu-item.danger {
    color: #DC2626;
    border-top: 1px solid var(--border, #e5e7eb);
}

.kcm-ui-core .kcm-row-menu-item.danger:hover {
    background: #FEF2F2;
}

/* Mazot tablo aksiyonları: kalem/X yerine tek menü */
.kcm-ui-core #view-mazot .mazot-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.kcm-ui-core #view-mazot .mazot-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.kcm-ui-core #view-mazot .mazot-table th,
.kcm-ui-core #view-mazot .mazot-table td {
    padding: 3px 7px !important;
    line-height: 1.12 !important;
    vertical-align: middle !important;
}

.kcm-ui-core #view-mazot .mazot-actions-th,
.kcm-ui-core #view-mazot .mazot-actions-cell {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    text-align: center !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    white-space: nowrap !important;
}

.kcm-ui-core #view-mazot .mazot-menu-popup {
    min-width: 116px !important;
}

@media (max-width: 768px) {
    .kcm-ui-core #view-mazot .mazot-table th,
    .kcm-ui-core #view-mazot .mazot-table td {
        padding: 5px 5px !important;
        font-size: 10.5px !important;
    }

    .kcm-ui-core #view-mazot .mazot-actions-th,
    .kcm-ui-core #view-mazot .mazot-actions-cell {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
    }

    .kcm-ui-core #view-mazot .mazot-menu-btn {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        border-radius: 7px !important;
    }
}


/* =====================================================================
   v29 Talep mobil kart + İzin menü boşluk fix + Mazot/Ekipman kart standardı
   ===================================================================== */

/* İzin açılır menüsündeki gri boşluğu oluşturan separator yüksekliğini kilitle */
.kcm-ui-core .izin-menu-popup .kcm-menu-sep,
.kcm-ui-core #view-izinler .izin-menu-popup .kcm-menu-sep {
    display: block !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    background: var(--border, #e5e7eb) !important;
}

/* Genel row menüde success rengi */
.kcm-ui-core .kcm-row-menu-item.success {
    color: #16A34A;
}
.kcm-ui-core .kcm-row-menu-item.success:hover {
    background: #F0FDF4;
}

/* Talep mobil kart görünümü */
.kcm-ui-core #view-talep .talep-mobile-list {
    display: none;
}

@media (max-width: 768px) {
    .kcm-ui-core #view-talep .talep-table {
        display: none !important;
    }

    .kcm-ui-core #view-talep .talep-table-wrap {
        padding: 0px !important;
        border-radius: 3px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .kcm-ui-core #view-talep .talep-mobile-list {
        display: block;
    }

    .kcm-ui-core #view-talep .talep-mobile-card {
        position: relative;
        background: var(--card-bg, #fff);
        border: 1px solid rgba(203,213,225,.92);
        border-radius: 11px;
        box-shadow: 0 3px 10px rgba(15,23,42,.045);
        padding: 10px 11px 9px;
        margin-bottom: 8px;
    }

    .kcm-ui-core #view-talep .talep-mobile-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 7px;
    }

    .kcm-ui-core #view-talep .talep-mobile-main {
        min-width: 0;
        flex: 1 1 auto;
    }

    .kcm-ui-core #view-talep .talep-mobile-no {
        color: #0b1f5c;
        font-size: 13px;
        font-weight: 850;
        line-height: 1.12;
    }

    .kcm-ui-core #view-talep .talep-mobile-date {
        margin-top: 2px;
        color: var(--text-light, #6b7280);
        font-size: 10px;
        line-height: 1.15;
    }

    .kcm-ui-core #view-talep .talep-mobile-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        flex: 0 0 auto;
    }

    .kcm-ui-core #view-talep .talep-mobile-status,
    .kcm-ui-core #view-talep .talep-mobile-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 27px;
        padding: 5px 9px;
        border-radius: 8px;
        font-size: 9.8px;
        line-height: 1.05;
        font-weight: 800;
        white-space: nowrap;
    }

    .kcm-ui-core #view-talep .talep-mobile-badge.talep-badge-personel {
        background: #E8F0FF;
        color: #2C67D8;
    }

    .kcm-ui-core #view-talep .talep-mobile-badge.talep-badge-ekipman {
        background: #F0E7FA;
        color: #7B46C5;
    }

    .kcm-ui-core #view-talep .talep-mobile-menu-wrap {
        position: relative;
        flex: 0 0 auto;
    }

    .kcm-ui-core #view-talep .talep-mobile-info,
    .kcm-ui-core #view-talep .talep-mobile-sub {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 7px;
        color: #5b6783;
        font-size: 10.5px;
        line-height: 1.18;
    }

    .kcm-ui-core #view-talep .talep-mobile-info {
        color: #344054;
        font-weight: 700;
    }

    .kcm-ui-core #view-talep .talep-mobile-sub {
        margin-top: 5px;
        color: var(--text-light, #6b7280);
    }

    .kcm-ui-core #view-talep .talep-mobile-sep {
        color: #a0aec0;
    }

    .kcm-ui-core #view-talep .talep-menu-popup {
        min-width: 126px;
    }

    .kcm-ui-core #view-talep .talep-summary-grid,
    .kcm-ui-core #view-talep .talep-subsummary-grid {
        gap: 6px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-talep .talep-mobile-card {
        padding: 9px 10px 8px;
        border-radius: 10px;
    }

    .kcm-ui-core #view-talep .talep-mobile-no {
        font-size: 12.6px;
    }

    .kcm-ui-core #view-talep .talep-mobile-status,
    .kcm-ui-core #view-talep .talep-mobile-badge {
        min-height: 25px;
        padding: 5px 8px;
        font-size: 9.2px;
    }

    .kcm-ui-core #view-talep .talep-mobile-info,
    .kcm-ui-core #view-talep .talep-mobile-sub {
        font-size: 10.1px;
    }
}

/* Mazot görselini ekteki tasarıma sabitle: tek menü, kompakt satır, Yakıt Ekle canEdit ile korunur */
.kcm-ui-core #view-mazot .mazot-table-wrap {
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 3px;
    overflow: hidden !important;
    background: var(--card-bg, #fff);
}

.kcm-ui-core #view-mazot .mazot-table th {
    background: #F8FAFC;
    color: #64748B;
    font-weight: 850;
    text-transform: none;
}

.kcm-ui-core #view-mazot .mazot-table td {
    color: #263445;
}

.kcm-ui-core #view-mazot .mazot-menu-popup {
    min-width: 118px !important;
}

/* Ekipman mobil kart görünümü */
@media (max-width: 768px) {
    .kcm-ui-core #view-ekipman .ekipman-list-wrap {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-group-head {
        margin: 8px 0 6px !important;
        padding: 7px 10px !important;
        border: 1px solid var(--border, #e5e7eb) !important;
        border-left: 4px solid var(--primary-accent) !important;
        border-radius: 10px !important;
        background: var(--bg, #f8fafc) !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card {
        background: var(--card-bg, #fff);
        border: 1px solid rgba(203, 213, 225, .92) !important;
        border-radius: 3px;
        box-shadow: 0 3px 10px rgba(15, 23, 42, .045);
        padding: 5px 11px !important;
        margin-bottom: 8px;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card img,
    .kcm-ui-core #view-ekipman .ekipman-mobile-card > div:first-child {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 2px !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card .u-fs-11 {
        font-size: 12px !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card .u-text-light {
        font-size: 10px !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-ekipman .ekipman-mobile-card {
        padding: 5px 11px !important;
        border-radius: 3px;
        gap: 8px !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card img,
    .kcm-ui-core #view-ekipman .ekipman-mobile-card > div:first-child {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 2px !important;
    }
}


/* =====================================================================
   v30 İzin mobil kart rapor ataç göstergesi
   ===================================================================== */
.kcm-ui-core #view-izinler .izin-mobile-attach {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: none !important;
    background: transparent !important;
    color: #d97706 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
}

.kcm-ui-core #view-izinler .izin-mobile-attach:hover {
    background: transparent !important;
    border-color: transparent !important;
}

@media (max-width: 768px) {
    .kcm-ui-core #view-izinler .izin-mobile-actions {
        gap: 5px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-attach {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-izinler .izin-mobile-attach {
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        min-height: 26px !important;
        border-radius: 7px !important;
        font-size: 12px !important;
    }

    .kcm-ui-core #view-izinler .izin-mobile-badge {
        max-width: 104px !important;
    }
}


/* =====================================================================
   v31 İzin form kompakt: Gün küçük, İşbaşı textbox, ek önizleme kapalı
   ===================================================================== */
.kcm-ui-core #view-izinler > .card:first-of-type {
    padding: 8px 10px !important;
}

.kcm-ui-core #izin_form {
    --izin-form-gap: 6px;
}

.kcm-ui-core #izin_form .form-group {
    margin-bottom: 7px !important;
    gap: 4px !important;
}

.kcm-ui-core #izin_form label {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    margin-bottom: 2px !important;
}

.kcm-ui-core #izin_form .form-control,
.kcm-ui-core #izin_form select,
.kcm-ui-core #izin_form input {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
    border-radius: var(--control-radius, var(--radius)) !important;
}

.kcm-ui-core #izin_form .u-flex-gap-6 {
    gap: var(--izin-form-gap) !important;
}

.kcm-ui-core #izin_form .izin-gun-form-group {
    flex: 0 0 72px !important;
    max-width: 72px !important;
}
.kcm-ui-core #izin_form .izin-tur-form-group {
    flex: 2 1 0 !important;
}

.kcm-ui-core #izin_form .izin-gun-input {
    text-align: center !important;
    font-weight: 850 !important;
}

.kcm-ui-core #izin_form .izin-isbasi-text {
    background: var(--bg, #f8fafc) !important;
    color: var(--text, #111827) !important;
    font-weight: 750 !important;
}

.kcm-ui-core #izin_form #izinRaporPreview,
.kcm-ui-core #izin_form .izin-rapor-preview-off {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.kcm-ui-core #izin_form #izinRaporName {
    font-size: 10px !important;
    max-width: 100% !important;
}

.kcm-ui-core #izin_form #izin_kaydet_btn {
    min-height: 38px !important;
    padding: 8px 40px !important;
    margin-top: 2px !important;
    width: auto !important;
}

.kcm-ui-core #izin_gun_notu {
    margin-top: 4px !important;
    font-size: 9.5px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
}

@media (max-width: 768px) {
    .kcm-ui-core #izin_form .izin-date-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .kcm-ui-core #izin_form .izin-type-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }

    .kcm-ui-core #izin_form .izin-gun-form-group {
        flex: 0 0 64px !important;
        max-width: 64px !important;
    }

    .kcm-ui-core #izin_form .izin-tur-form-group {
        flex: 2 1 0 !important;
        min-width: 0 !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-izinler > .card:first-of-type {
        padding: 7px 8px !important;
    }

    .kcm-ui-core #izin_form .form-control,
    .kcm-ui-core #izin_form select,
    .kcm-ui-core #izin_form input {
        min-height: 32px !important;
        padding: 5px 8px !important;
        font-size: 11.5px !important;
    }

    .kcm-ui-core #izin_form #izin_kaydet_btn {
        min-height: 36px !important;
    }
}


/* =====================================================================
   v32 UI kalite düzeltmeleri
   Kapsam: dashboard 8 kart, operasyon satırları, ekipman taşma,
   PDKS küçük ekran, sidebar aktif menü, rapor overlay X butonu.
   ===================================================================== */

/* 1) Çok küçük ekranda 8'li KPI kartlar okunmaz olmasın: 4 + 4 */
@media (max-width: 400px) {
    .kcm-ui-core .d-metric-row.row-8 {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 5px !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .kcm-ui-core .d-metric-row.row-8 .d-metric {
        min-width: 0 !important;
        padding: 6px 4px !important;
        border-radius: var(--ui-radius-sm, 6px) !important;
    }

    .kcm-ui-core .d-metric-row.row-8 .d-metric-val,
    .kcm-ui-core .d-metric-row.row-8 .d-metric-val.sm {
        font-size: clamp(11px, 3.4vw, 14px) !important;
        line-height: 1.05 !important;
    }

    .kcm-ui-core .d-metric-row.row-8 .d-metric-lbl {
        font-size: clamp(7px, 2.2vw, 9px) !important;
        line-height: 1.1 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }
}

/* 2) Operasyon günlük satır/bar dokunma ve okunabilirlik düzeltmesi */
.kcm-ui-core .op-day-row {
    min-height: 38px !important;
    align-items: center !important;
    gap: 6px !important;
}

.kcm-ui-core .op-day-bars {
    min-height: 16px !important;
    justify-content: center !important;
    gap: 3px !important;
}

.kcm-ui-core .op-bar {
    height: 8px !important;
    min-height: 8px !important;
    border-radius: 4px !important;
}

@media (max-width: 430px) {
    .kcm-ui-core .op-day-row {
        min-height: 36px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .kcm-ui-core .op-bar {
        height: 7px !important;
        min-height: 7px !important;
    }
}

/* 3) Ekipman mobil kartta uzun açıklama / arıza metni sıkışmasın */
@media (max-width: 768px) {
    .kcm-ui-core #view-ekipman .ekipman-mobile-card {
        align-items: flex-start !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card > div {
        min-width: 0 !important;
    }

    .kcm-ui-core #view-ekipman .ekipman-mobile-card .u-text-light,
    .kcm-ui-core #view-ekipman .ekipman-mobile-card .u-dim,
    .kcm-ui-core #view-ekipman .ekipman-mobile-card small {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 3px 5px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
}

/* 4) PDKS küçük ekranda hücreler daha dengeli */
@media (max-width: 430px) {
    .kcm-ui-core #pdksTabloWrap .compact-table th,
    .kcm-ui-core #pdksTabloWrap .compact-table td {
        padding: 3px 2px !important;
        font-size: 9px !important;
        line-height: 1.08 !important;
    }

    .kcm-ui-core #pdksTabloWrap .compact-table td div,
    .kcm-ui-core #pdksTabloWrap .compact-table td span {
        line-height: 1.08 !important;
    }

    .kcm-ui-core #pdksTabloWrap .compact-table th:first-child,
    .kcm-ui-core #pdksTabloWrap .compact-table td:first-child {
        min-width: 92px !important;
        max-width: 116px !important;
    }
}

/* 5) Desktop sidebar aktif menü daha net görünsün */
@media (min-width: 901px) {
    .kcm-ui-core .menu-item.active,
    .kcm-ui-core .sidebar .menu-item.active,
    .kcm-ui-core .side-nav .menu-item.active {
        background: color-mix(in srgb, var(--ui-primary, var(--primary-accent)) 82%, #ffffff) !important;
        color: var(--ui-primary-text, var(--button-text, #111827)) !important;
        border-left-color: currentColor !important;
        font-weight: 850 !important;
    }

    .kcm-ui-core .menu-item.active .icon,
    .kcm-ui-core .menu-item.active span {
        color: inherit !important;
    }
}

/* 6) Rapor overlay kapatma butonu mobilde daha rahat tıklansın */
.kcm-ui-core #raporOverlay > button[onclick*="raporOverlayKapat"],
#raporOverlay > button[onclick*="raporOverlayKapat"] {
    top: max(12px, env(safe-area-inset-top, 0px)) !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 7) Bottom nav uzun etiket güvenliği */
@media (max-width: 900px) {
    .kcm-ui-core .bottom-nav .nav-label,
    .kcm-ui-core .bottom-nav .nav-item span:last-child {
        font-size: clamp(7px, 2vw, 9px) !important;
        letter-spacing: -0.2px !important;
        line-height: 1.05 !important;
        max-width: 74px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* 8) Mazot Yakıt Ekle çok dar ekranda taşmasın */
@media (max-width: 400px) {
    .kcm-ui-core #view-mazot .mazot-action-card-text strong {
        font-size: clamp(8.5px, 2.7vw, 11px) !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }
}

/* 9) Modal içi yatay formlarda hafif nefes payı */
.kcm-ui-core .modal .u-flex-gap-6 {
    gap: 10px !important;
}

@media (max-width: 430px) {
    .kcm-ui-core .modal .u-flex-gap-6 {
        gap: 8px !important;
    }
}


/* =====================================================================
   v33 İzin/Rapor akışı + evrensel modal X standardı
   ===================================================================== */

/* Rapor ekleme alanı sadece Hastalık Raporu / İş Kazası türünde görünür */
.kcm-ui-core #izinRaporGroup.u-hidden,
.kcm-ui-core #izinRaporGroup[style*="display: none"] {
    display: none !important;
}

.kcm-ui-core #izinRaporGroup {
    border: 1px dashed var(--border, #d1d5db);
    border-radius: 10px;
    padding: 8px 10px;
    background: color-mix(in srgb, var(--bg, #f8fafc) 72%, #fff);
    margin-top: 17px !important;
}

.kcm-ui-core #izinRaporGroup label {
    margin-bottom: 6px !important;
}

.kcm-ui-core #izinRaporGroup > div {
    gap: 8px !important;
}

.kcm-ui-core #izin_gun_notu {
    background: #FEF3C7 !important;
    color: #92400E !important;
    border: 1px solid #FDE68A !important;
}

/* Gün alanı tamamen otomatik hesap alanı gibi dursun */
.kcm-ui-core #izin_gun[readonly] {
    background: var(--bg, #f8fafc) !important;
    color: var(--text, #111827) !important;
    cursor: default !important;
}

/* Tüm modallarda X butonu evrensel 44px ve standart margin */
.kcm-ui-core .modal .close-btn,
.kcm-ui-core .modal .ui-modal-close,
.kcm-ui-core .modal .modal-close,
.kcm-ui-core .modal button[onclick*="closeModal"],
.kcm-ui-core .modal button[onclick*="ModalKapat"],
.kcm-ui-core .modal button[onclick*="modalKapat"] {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 10px 10px 18px auto !important;
    border-radius: 10px !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    background: var(--card-bg, #fff) !important;
    color: var(--text-light, #6b7280) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    flex: 0 0 44px !important;
}

.kcm-ui-core .modal .modal-content > div:first-child .close-btn,
.kcm-ui-core .modal .modal-content > .modal-header .close-btn {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.kcm-ui-core #izin_form_baslik {
    margin-bottom: 6px !important;
}

.kcm-ui-core #izin_form .izin-isbasi-form-group label::after {
    content: "  +1 otomatik";
    color: var(--text-tertiary, #9ca3af);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    font-size: 9px;
}

@media (max-width: 768px) {
    .kcm-ui-core #izinRaporGroup {
        padding: 0px 7px;
        border-radius: 0px;
    }

    .kcm-ui-core #izinRaporGroup button {
        min-height: 32px !important;
    }
}


/* =====================================================================
   v34 Ekipman detay modal kompakt/kurumsal düzeltme
   ===================================================================== */

/* Modal genel ölçü: içeriği taşırmadan, footer'ı kırpmadan göster */
.kcm-ui-core #ekpDetailModal .ekp-detail-modal-content {
    width: min(92vw, 420px) !important;
    max-width: 420px !important;
    max-height: min(86dvh, 760px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 14px 12px !important;
    border-radius: 12px !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Fotoğraf fazla yer kaplamasın */
.kcm-ui-core #ekpDetailModal .ekp-detail-photo-wrap {
    margin: 0 -14px 10px -14px !important;
    border-radius: 12px 12px 0 0 !important;
    max-height: 165px !important;
    overflow: hidden !important;
    background: var(--bg, #f8fafc) !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-photo-img {
    width: 100% !important;
    height: 165px !important;
    max-height: 165px !important;
    object-fit: cover !important;
    display: block !important;
}

/* X butonu: 44px, 12px margin, foto üstünde rahat tıklanır */
.kcm-ui-core #ekpDetailModal .ekp-detail-x {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 8 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    background: rgba(255,255,255,.94) !important;
    color: #4b5563 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    line-height: 1 !important;
    box-shadow: 0 6px 18px rgba(15,23,42,.13) !important;
}

/* Başlık alanı daha dengeli */
.kcm-ui-core #ekpDetailModal .ekp-detail-title {
    margin: 10px 0 6px !important;
    padding-right: 50px !important;
    gap: 9px !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetIcon {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetAdi {
    font-size: 16px !important;
    line-height: 1.12 !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetSeri {
    font-size: 10px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-badge-row {
    margin-bottom: 8px !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetDurumBadge {
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

/* Bilgi satırları %20 daha kompakt */
.kcm-ui-core #ekpDetailModal .ekp-detail-info-box {
    margin-bottom: 10px !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-row {
    padding: 6px 0 !important;
    min-height: 31px !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 11.5px !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-label {
    min-width: 82px !important;
    color: var(--text-light, #6b7280) !important;
    font-weight: 750 !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-val {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
    font-weight: 850 !important;
}

/* Durum üstte badge ile zaten göründüğü için tekrar satırını gizle */
.kcm-ui-core #ekpDetailModal .ekp-detail-status-row {
    display: none !important;
}

/* Arıza / not blokları daha kompakt */
.kcm-ui-core #ekpDetailModal #ekpDetArizaBlok,
.kcm-ui-core #ekpDetailModal #ekpDetNotlarBlok {
    margin-bottom: 10px !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetArizaBlok {
    padding: 8px 10px !important;
    border-radius: 10px !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetNotlar {
    padding: 7px 10px !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
}

/* Bakım alanı */
.kcm-ui-core #ekpDetailModal .ekp-detail-maint {
    margin-bottom: 8px !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-maint-head {
    margin-bottom: 6px !important;
    gap: 8px !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-maint-btn {
    min-height: 34px !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.kcm-ui-core #ekpDetailModal #ekpDetBakimList {
    border-radius: 10px !important;
    background: var(--bg, #f8fafc) !important;
}

.kcm-ui-core #ekpDetailModal .ekp-bakim-empty {
    min-height: 40px !important;
    padding: 8px 10px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

/* Footer aksiyonları kırpılmasın */
.kcm-ui-core #ekpDetailModal .ekp-detail-footer {
    display: grid !important;
    grid-template-columns: 1fr 46px !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin-top: 8px !important;
    padding: 10px 0 4px !important;
    border-top: 1px solid var(--border, #e5e7eb) !important;
    background: var(--card-bg, #fff) !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    overflow: visible !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-edit-btn {
    min-height: 42px !important;
    height: auto !important;
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

.kcm-ui-core #ekpDetailModal .ekp-detail-delete-btn {
    width: 46px !important;
    min-width: 46px !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Mobilde daha kısa modal */
@media (max-width: 768px) {
    .kcm-ui-core #ekpDetailModal .ekp-detail-modal-content {
        width: min(86vw, 420px) !important;
        max-height: 82dvh !important;
        padding: 0 12px 10px !important;
        border-radius: 11px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-photo-wrap {
        margin-left: -12px !important;
        margin-right: -12px !important;
        max-height: 150px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-photo-img {
        height: 150px !important;
        max-height: 150px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-x {
        top: 10px !important;
        right: 10px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-row {
        padding: 5px 0 !important;
        min-height: 29px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-title {
        margin-top: 8px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #ekpDetailModal .ekp-detail-modal-content {
        width: 86vw !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-photo-wrap {
        max-height: 140px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-photo-img {
        height: 140px !important;
        max-height: 140px !important;
    }

    .kcm-ui-core #ekpDetailModal #ekpDetAdi {
        font-size: 15px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-maint-btn {
        min-height: 32px !important;
        padding: 5px 9px !important;
    }

    .kcm-ui-core #ekpDetailModal .ekp-detail-edit-btn,
    .kcm-ui-core #ekpDetailModal .ekp-detail-delete-btn {
        height: auto !important;
        min-height: 40px !important;
    }
}


/* =====================================================================
   EKİPMAN DETAY MODAL — Compact DM redesign
   ===================================================================== */
.kcm-ui-core .ekp-dm { padding: 0 !important; overflow: hidden !important; border-radius: 14px !important; }

/* Header */
.kcm-ui-core .ekp-dm-head {
    display: flex !important; align-items: flex-start !important; gap: 10px !important;
    padding: 12px 14px 10px !important; border-bottom: 1px solid var(--border) !important;
}
.kcm-ui-core .ekp-dm-head-body { flex: 1 !important; min-width: 0 !important; }
.kcm-ui-core .ekp-dm-head-right {
    display: flex !important; flex-direction: column !important;
    align-items: flex-end !important; gap: 6px !important; flex-shrink: 0 !important;
}

/* Close button — sağ üst köşe, head-right içinde */
.kcm-ui-core .ekp-dm-close {
    width: 36px !important; height: 36px !important; border-radius: 50% !important;
    border: 1px solid var(--border) !important; background: var(--card-bg, #fff) !important;
    color: var(--text-light) !important; font-size: 16px !important; line-height: 1 !important;
    cursor: pointer !important; display: flex !important; align-items: center !important;
    justify-content: center !important; padding: 0 !important; flex-shrink: 0 !important;
}

/* Thumbnail — close butonun hemen altında, head-right genişliğine uyumlu */
.kcm-ui-core .ekp-dm-thumb {
    width: 44px !important; height: 44px !important; border-radius: 6px !important;
    overflow: hidden !important; border: 1px solid var(--border) !important; background: var(--bg) !important;
    align-self: flex-end !important;
}
.kcm-ui-core .ekp-dm-thumb-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; cursor: zoom-in !important; }

.kcm-ui-core .ekp-dm-title { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 4px !important; }
.kcm-ui-core .ekp-dm-icon { font-size: 14px !important; flex-shrink: 0 !important; }
.kcm-ui-core .ekp-dm-name { font-size: 15px !important; font-weight: 800 !important; color: var(--text) !important; line-height: 1.2 !important; }
.kcm-ui-core .ekp-dm-sub { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.kcm-ui-core .ekp-dm-badge { display: inline-flex !important; align-items: center !important; padding: 2px 8px !important; border-radius: 20px !important; font-size: 10px !important; font-weight: 800 !important; }
.kcm-ui-core .ekp-dm-seri { font-size: 10px !important; color: var(--text-light) !important; }

/* Info grid */
.kcm-ui-core .ekp-dm-grid {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    margin: 0 14px !important; padding: 4px 0 !important;
}
.kcm-ui-core .ekp-dm-cell { display: flex !important; flex-direction: column !important; padding: 5px 0 !important; border-bottom: 1px solid var(--border) !important; }
.kcm-ui-core .ekp-dm-cell:nth-child(odd) { padding-right: 12px !important; border-right: 1px solid var(--border) !important; }
.kcm-ui-core .ekp-dm-cell:nth-child(even) { padding-left: 12px !important; }
.kcm-ui-core .ekp-dm-cell:nth-last-child(-n+2) { border-bottom: none !important; }
.kcm-ui-core .ekp-dm-lbl { font-size: 9px !important; font-weight: 700 !important; color: var(--text-light) !important; text-transform: uppercase !important; letter-spacing: .04em !important; margin-bottom: 1px !important; }
.kcm-ui-core .ekp-dm-val { font-size: 12px !important; font-weight: 800 !important; color: var(--text) !important; }

/* Arıza alert — display JS ile kontrol edilir (display:none inline başlangıç) */
.kcm-ui-core .ekp-dm-ariza {
    gap: 8px !important; align-items: flex-start !important;
    margin: 8px 14px !important; padding: 8px 10px !important;
    background: #FFFBEB !important; border: 1px solid #FCD34D !important; border-radius: 8px !important; font-size: 11px !important;
}
.kcm-ui-core .ekp-dm-ariza-txt { font-weight: 700 !important; color: var(--text) !important; }
.kcm-ui-core .ekp-dm-termin { font-size: 10px !important; color: #D97706 !important; margin-top: 2px !important; }

/* Notlar */
.kcm-ui-core .ekp-dm-notlar {
    margin: 4px 14px 6px !important; padding: 6px 10px !important;
    background: var(--bg) !important; border-radius: 8px !important; font-size: 11px !important; color: var(--text) !important;
}

/* Sections */
.kcm-ui-core .ekp-dm-section { margin: 0 14px 8px !important; }
.kcm-ui-core .ekp-dm-sec-hd {
    font-size: 9px !important; font-weight: 800 !important; color: var(--text-light) !important;
    text-transform: uppercase !important; letter-spacing: .05em !important;
    padding: 8px 0 5px !important; border-top: 1px solid var(--border) !important; margin-bottom: 6px !important;
}

/* Inline kayıt formu */
.kcm-ui-core .ekp-dm-form .ekp-dm-form-row {
    display: grid !important; grid-template-columns: 1.4fr 1fr 1.4fr 1fr !important; gap: 4px !important;
}
.kcm-ui-core .ekp-dm-form .ekp-dm-lbl { display: block !important; }
/* Date + select eşit yükseklik */
.kcm-ui-core .ekp-dm-form .form-control {
    font-size: 11px !important; padding: 0px 7px !important;
    height: 35px !important; min-height: 35px !important;
    box-sizing: border-box !important; line-height: 35px !important;
    border-radius: 6px !important;
}
.kcm-ui-core .ekp-dm-form select.form-control { padding-right: 4px !important; border-radius: 2px !important; }
.kcm-ui-core .ekp-dm-form-acik { display: flex !important; gap: 6px !important; margin-top: 6px !important; align-items: flex-end !important; }
.kcm-ui-core .ekp-dm-form-acik .form-control { flex: 1 !important; height: auto !important; min-height: 34px !important; line-height: 1.4 !important; padding: 6px 7px !important; resize: vertical !important; }
.kcm-ui-core .ekp-dm-submit { padding: 0 12px !important; height: 34px !important; min-height: 34px !important; font-size: 13px !important; flex-shrink: 0 !important; border-radius: 6px !important; }

/* Geçmiş tablosu */
.kcm-ui-core .ekp-dm-history { border: 1px solid var(--border) !important; border-radius: 3px !important; overflow: hidden !important; }
.kcm-ui-core #ekpDetailModal #ekpDetBakimList { border-radius: 3px !important; }
.kcm-ui-core .ekp-dm-empty { padding: 12px !important; text-align: center !important; font-size: 11px !important; color: var(--text-light) !important; }
.kcm-ui-core .ekp-dm-tbl { width: 100% !important; border-collapse: collapse !important; font-size: 11px !important; }
.kcm-ui-core .ekp-dm-tbl thead th { background: var(--bg) !important; font-size: 9px !important; font-weight: 800 !important; color: var(--text-light) !important; text-transform: uppercase !important; padding: 4px 7px !important; text-align: left !important; border-bottom: 1px solid var(--border) !important; }
.kcm-ui-core .ekp-dm-tbl tbody tr { border-bottom: 1px solid var(--border) !important; }
.kcm-ui-core .ekp-dm-tbl tbody tr:last-child { border-bottom: none !important; }
.kcm-ui-core .ekp-dm-tbl td { padding: 0px 7px !important; vertical-align: middle !important; color: var(--text) !important; height: 28px !important; }
.kcm-ui-core .ekp-dm-td-tarih { white-space: nowrap !important; font-size: 10px !important; font-weight: 700 !important; color: var(--text-light) !important; }
.kcm-ui-core .ekp-dm-td-tip { white-space: nowrap !important; font-size: 10px !important; font-weight: 800 !important; }
.kcm-ui-core .ekp-dm-td-acik { font-size: 10px !important; color: var(--text-light) !important; max-width: 110px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.kcm-ui-core .ekp-dm-durum { display: inline-flex !important; align-items: center !important; padding: 2px 5px !important; border-radius: 8px !important; font-size: 12px !important; }
.kcm-ui-core .ekp-dm-del-row { background: none !important; border: none !important; color: var(--text-light) !important; cursor: pointer !important; font-size: 14px !important; padding: 2px 3px !important; line-height: 1 !important; }
.kcm-ui-core .ekp-dm-sonraki { font-size: 9px !important; color: var(--text-light) !important; margin-top: 1px !important; }
.kcm-ui-core .ekp-dm-gecti { color: #DC2626 !important; font-weight: 800 !important; }
.kcm-ui-core .ekp-dm-foto { width: 100% !important; max-height: 90px !important; object-fit: cover !important; border-radius: 0 !important; cursor: zoom-in !important; display: block !important; }

/* Footer — kompakt, butonlar eşit yükseklik */
.kcm-ui-core .ekp-dm-footer {
    display: flex !important; gap: 6px !important; align-items: center !important;
    padding: 3px 4px !important; border-top: 1px solid var(--border) !important;
    background: var(--card-bg, #fff) !important; position: sticky !important; bottom: 0 !important; z-index: 5 !important;
    padding-bottom: max(3px, env(safe-area-inset-bottom, 0px)) !important;
}
.kcm-ui-core .ekp-dm-edit-btn,
.kcm-ui-core .btn.ekp-dm-edit-btn,
.kcm-ui-core .ui-btn.ekp-dm-edit-btn {
    flex: 1 !important; height: 34px !important; min-height: 34px !important;
    font-size: 10px !important; font-weight: 700 !important; border-radius: 4px !important; padding: 0 8px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    white-space: nowrap !important; overflow: hidden !important; min-width: 0 !important;
}
.kcm-ui-core .ekp-dm-del-btn {
    height: 34px !important; width: 34px !important; flex-shrink: 0 !important;
    background: #FEE2E2 !important; color: #DC2626 !important;
    border: 1px solid #FCA5A5 !important; border-radius: 4px !important; cursor: pointer !important;
    font-size: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important;
}

/* =====================================================================
   v35 Dashboard mobil okunabilirlik düzeltmeleri
   7 öneri: bildirim tarihi, iş günü kaybı etiketleri, mazot stok,
   mazot anomali, bölüm dağılımı, grafik boşluğu, bottom nav kontrastı.
   ===================================================================== */

/* 1) Bildirim satırı ve tarih okunabilirliği */
.kcm-ui-core #view-dashboard .dash-notify-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--border) !important;
}
.kcm-ui-core #view-dashboard .dash-notify-msg {
    min-width: 0 !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
.kcm-ui-core #view-dashboard .dash-notify-date {
    white-space: nowrap !important;
    color: #64748B !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    background: rgba(255,255,255,.65) !important;
    border: 1px solid rgba(203,213,225,.65) !important;
    border-radius: 7px !important;
    padding: 2px 6px !important;
}

/* 2) İş günü kaybı: gün/kayıt bilgisini açık göster */
.kcm-ui-core #view-dashboard .dash-loss-chips {
    gap: 5px !important;
}
.kcm-ui-core #view-dashboard .dash-loss-chip {
    border-radius: 7px !important;
    padding: 5px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 104px !important;
}
.kcm-ui-core #view-dashboard .dash-loss-chip-main {
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
}
.kcm-ui-core #view-dashboard .dash-loss-chip-sub {
    font-size: 10.5px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

/* 3) Mazot stok alt bilgisini iki kolon yap */
.kcm-ui-core #view-dashboard .dash-mazot-foot {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: 4px !important;
}
.kcm-ui-core #view-dashboard .dash-mazot-pct {
    color: var(--text-light) !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
}
.kcm-ui-core #view-dashboard .dash-mazot-mini {
    min-width: 72px !important;
    display: grid !important;
    gap: 1px !important;
    text-align: right !important;
}
.kcm-ui-core #view-dashboard .dash-mazot-mini span {
    color: var(--text-light) !important;
    font-size: 8.5px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
}
.kcm-ui-core #view-dashboard .dash-mazot-mini strong {
    color: var(--text) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

/* 4) Mazot anomali satırlarını mobilde okunur hizala */
.kcm-ui-core #view-dashboard .dash-anom-row {
    display: grid !important;
    grid-template-columns: 20px 1fr auto !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 7px 12px !important;
    border-bottom: 1px solid rgba(220,38,38,.16) !important;
    background: #FEF2F2 !important;
}
.kcm-ui-core #view-dashboard .dash-anom-icon {
    font-size: 13px !important;
}
.kcm-ui-core #view-dashboard .dash-anom-main {
    min-width: 0 !important;
}
.kcm-ui-core #view-dashboard .dash-anom-top {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: #991B1B !important;
}
.kcm-ui-core #view-dashboard .dash-anom-top strong {
    font-size: 11px !important;
    font-weight: 900 !important;
}
.kcm-ui-core #view-dashboard .dash-anom-top span {
    font-size: 10.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}
.kcm-ui-core #view-dashboard .dash-anom-sub {
    margin-top: 2px !important;
    color: #7F1D1D !important;
    font-size: 9px !important;
    font-weight: 650 !important;
}
.kcm-ui-core #view-dashboard .dash-anom-badge {
    background: #DC2626 !important;
    color: #fff !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

/* 5) Bölüm dağılımı: satırlar biraz daha kompakt */
.kcm-ui-core #view-dashboard .d-list-row {
    min-height: 28px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.kcm-ui-core #view-dashboard .d-list-name,
.kcm-ui-core #view-dashboard .d-list-val {
    line-height: 1.15 !important;
}

/* 6) Grafiklere alt boşluk ver, bottom nav ile nefes payı bırak */
.kcm-ui-core #view-dashboard .dash-chart-card {
    overflow: visible !important;
}
.kcm-ui-core #view-dashboard .dash-chart-card .d-chart-wrap {
    margin-bottom: 4px !important;
}
.kcm-ui-core #view-dashboard .dash-chart-card-last {
    margin-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
}

/* 7) Bottom nav pasif ikon/metin kontrastı */
@media (max-width: 900px) {
    .kcm-ui-core .bottom-nav .nav-item:not(.active),
    .kcm-ui-core .bottom-nav .nav-item:not(.active) .icon,
    .kcm-ui-core .bottom-nav .nav-item:not(.active) .nav-label {
        color: #6B7280 !important;
        opacity: 1 !important;
        font-weight: 650 !important;
    }
    .kcm-ui-core .bottom-nav .nav-item.active,
    .kcm-ui-core .bottom-nav .nav-item.active .icon,
    .kcm-ui-core .bottom-nav .nav-item.active .nav-label {
        font-weight: 850 !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core #view-dashboard .dash-notify-row {
        align-items: flex-start !important;
    }
    .kcm-ui-core #view-dashboard .dash-notify-date {
        font-size: 9px !important;
        padding: 2px 5px !important;
    }
    .kcm-ui-core #view-dashboard .dash-loss-chip {
        min-width: calc(50% - 4px) !important;
        padding: 5px 7px !important;
    }
    .kcm-ui-core #view-dashboard .dash-mazot-foot {
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
    }
    .kcm-ui-core #view-dashboard .dash-mazot-pct {
        grid-column: 1 / -1 !important;
    }
    .kcm-ui-core #view-dashboard .dash-mazot-mini {
        min-width: 0 !important;
        text-align: left !important;
        background: rgba(248,250,252,.75) !important;
        border: 1px solid rgba(226,232,240,.9) !important;
        border-radius: 7px !important;
        padding: 4px 6px !important;
    }
    .kcm-ui-core #view-dashboard .dash-anom-row {
        grid-template-columns: 18px 1fr auto !important;
        padding: 7px 10px !important;
        gap: 7px !important;
    }
}


/* === v36: dashboard mazot anomali + mobil PDKS kart görünümü === */
.kcm-ui-core #view-dashboard .dash-anom-row {
    grid-template-columns: 18px minmax(0, 1fr) auto auto !important;
    gap: 7px !important;
}
.kcm-ui-core #view-dashboard .dash-anom-main {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.kcm-ui-core #view-dashboard .dash-anom-name {
    color: #991B1B !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}
.kcm-ui-core #view-dashboard .dash-anom-sub-inline {
    color: #7F1D1D !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.kcm-ui-core #view-dashboard .dash-anom-val {
    color: #991B1B !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}
@media (max-width: 430px) {
    .kcm-ui-core #view-dashboard .dash-anom-row {
        grid-template-columns: 16px minmax(0, 1fr) auto auto !important;
        gap: 6px !important;
        padding: 7px 8px !important;
    }
    .kcm-ui-core #view-dashboard .dash-anom-name {
        font-size: 10.5px !important;
    }
    .kcm-ui-core #view-dashboard .dash-anom-sub-inline,
    .kcm-ui-core #view-dashboard .dash-anom-val,
    .kcm-ui-core #view-dashboard .dash-anom-badge {
        font-size: 9px !important;
    }
}

@media (max-width: 768px) {
    .kcm-ui-core #view-pdks .pdks-toolbar {
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
    }
    .kcm-ui-core #view-pdks .pdks-toolbar > .u-flex-1 {
        order: -1 !important;
        flex: 1 0 100% !important;
        text-align: left !important;
        font-size: 12px !important;
    }
    .kcm-ui-core #view-pdks .pdks-toolbar > div:last-child {
        margin-left: auto !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid .u-metric-card {
        padding: 7px 5px !important;
        min-height: 56px !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid .tiny-lbl {
        font-size: 8px !important;
    }
    .kcm-ui-core #pdksTabloWrap {
        overflow-x: auto !important;
    }
    .kcm-ui-core .pdks-mobile-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 8px;
    }
    .kcm-ui-core .pdks-mobile-card {
        background: var(--card-bg);
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 4px 14px rgba(15,23,42,.05);
    }
    .kcm-ui-core .pdks-mobile-head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
    }
    .kcm-ui-core .pdks-mobile-name {
        font-size: 13px;
        font-weight: 900;
        color: var(--text);
        line-height: 1.15;
    }
    .kcm-ui-core .pdks-mobile-dept {
        margin-top: 2px;
        font-size: 10px;
        font-weight: 700;
        color: var(--text-tertiary);
    }
    .kcm-ui-core .pdks-mobile-total {
        font-size: 18px;
        line-height: 1;
        font-weight: 900;
        color: var(--primary-accent);
        white-space: nowrap;
    }
    .kcm-ui-core .pdks-mobile-metrics {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 8px;
    }
    .kcm-ui-core .pdks-mobile-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 22px;
        padding: 3px 7px;
        border-radius: 999px;
        font-size: 10px;
        font-weight: 800;
        border: 1px solid transparent;
        white-space: nowrap;
    }
    .kcm-ui-core .pdks-mobile-pill.ok { background: #F0FDF4; color: #166534; border-color: #86EFAC; }
    .kcm-ui-core .pdks-mobile-pill.izin { background: #DBEAFE; color: #1D4ED8; border-color: #93C5FD; }
    .kcm-ui-core .pdks-mobile-pill.gelmedi { background: #F3F4F6; color: #6B7280; border-color: #D1D5DB; }
    .kcm-ui-core .pdks-mobile-pill.mesai { background: #FFFBEB; color: #B45309; border-color: #FDE68A; }
    .kcm-ui-core .pdks-mobile-pill.bayram { background: #FEE2E2; color: #B91C1C; border-color: #FCA5A5; }
    .kcm-ui-core .pdks-mobile-days {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 36px;
        gap: 4px;
        overflow-x: auto;
        padding: 8px 1px 2px;
        margin-top: 2px;
        scrollbar-width: thin;
    }
    .kcm-ui-core .pdks-day-cell {
        min-height: 42px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: 1px solid var(--border);
        background: var(--bg);
        padding: 3px 2px;
    }
    .kcm-ui-core .pdks-day-no {
        font-size: 9px;
        line-height: 1;
        font-weight: 700;
        color: var(--text-tertiary);
        margin-bottom: 3px;
    }
    .kcm-ui-core .pdks-day-val {
        font-size: 10px;
        line-height: 1;
        font-weight: 900;
        color: var(--text);
    }
    .kcm-ui-core .pdks-day-cell.full { background: #F0FDF4; border-color: #86EFAC; }
    .kcm-ui-core .pdks-day-cell.full .pdks-day-val { color: #166534; }
    .kcm-ui-core .pdks-day-cell.mid { background: #FFFBEB; border-color: #FDE68A; }
    .kcm-ui-core .pdks-day-cell.mid .pdks-day-val { color: #B45309; }
    .kcm-ui-core .pdks-day-cell.short { background: #FEF2F2; border-color: #FECACA; }
    .kcm-ui-core .pdks-day-cell.short .pdks-day-val { color: #B91C1C; }
    .kcm-ui-core .pdks-day-cell.bayram { background: #FEE2E2; border-color: #FCA5A5; }
    .kcm-ui-core .pdks-day-cell.bayram .pdks-day-val { color: #B91C1C; }
    .kcm-ui-core .pdks-day-cell.pending { background: #FEF3C7; border-color: #FCD34D; }
    .kcm-ui-core .pdks-day-cell.pending .pdks-day-val { color: #92400E; }
    .kcm-ui-core .pdks-day-cell.izin { background: #DBEAFE; border-color: #93C5FD; }
    .kcm-ui-core .pdks-day-cell.izin .pdks-day-val { color: #1D4ED8; }
    .kcm-ui-core .pdks-day-cell.rapor { background: #FEE2E2; border-color: #FCA5A5; }
    .kcm-ui-core .pdks-day-cell.rapor .pdks-day-val { color: #B91C1C; }
    .kcm-ui-core .pdks-day-cell.ucretsiz { background: #F3E8FF; border-color: #D8B4FE; }
    .kcm-ui-core .pdks-day-cell.ucretsiz .pdks-day-val { color: #7C3AED; }
    .kcm-ui-core .pdks-day-cell.rest { background: #F8FAFC; border-color: #E5E7EB; }
    .kcm-ui-core .pdks-day-cell.rest .pdks-day-val { color: #CBD5E1; }
    .kcm-ui-core .pdks-day-cell.empty .pdks-day-val { color: #CBD5E1; }
    .kcm-ui-core .pdks-mobile-foot {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 10px;
        align-items: center;
        justify-content: space-between;
        margin-top: 8px;
        font-size: 10px;
        font-weight: 700;
        color: var(--text-tertiary);
    }
    .kcm-ui-core .pdks-mobile-foot .over { color: #DC2626; font-weight: 900; }
    .kcm-ui-core .pdks-mobile-foot .ok { color: #059669; font-weight: 900; }
}


/* === v37: İş günü kaybı tek satır kapalı + PDKS hata düzeltme === */
.kcm-ui-core #view-dashboard .dash-loss-card {
    overflow: hidden !important;
}
.kcm-ui-core #view-dashboard .dash-loss-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 16px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
}
.kcm-ui-core #view-dashboard .dash-loss-title {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 900 !important;
}
.kcm-ui-core #view-dashboard .dash-loss-summary {
    font-size: 10px !important;
    font-weight: 900 !important;
    color: #7C3AED !important;
    background: rgba(124,58,237,.08) !important;
    border: 1px solid rgba(124,58,237,.12) !important;
    border-radius: 999px !important;
    padding: 2px 7px !important;
    white-space: nowrap !important;
}
.kcm-ui-core #view-dashboard .dash-loss-body {
    border-top: 1px solid rgba(124,58,237,.10) !important;
}
@media (max-width: 430px) {
    .kcm-ui-core #view-dashboard .dash-loss-head {
        grid-template-columns: minmax(0, 1fr) auto 14px !important;
        padding: 7px 10px !important;
        gap: 6px !important;
    }
    .kcm-ui-core #view-dashboard .dash-loss-title {
        font-size: 10px !important;
    }
    .kcm-ui-core #view-dashboard .dash-loss-summary {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }
}


/* =====================================================================
   v38 PDKS mobil: kompakt liste + takvim detay / düşük radius
   ===================================================================== */

/* İş günü kaybı: tek satır, varsayılan kapalı ve kompakt */
.kcm-ui-core #view-dashboard .dash-loss-card {
    border-radius: 6px !important;
    overflow: hidden !important;
}
.kcm-ui-core #view-dashboard .dash-loss-head {
    min-height: 36px !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 14px !important;
    gap: 8px !important;
    align-items: center !important;
}
.kcm-ui-core #view-dashboard .dash-loss-title {
    font-size: 10.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.kcm-ui-core #view-dashboard .dash-loss-summary {
    font-size: 11px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}
.kcm-ui-core #view-dashboard .dash-loss-body {
    border-top: 1px solid rgba(124,58,237,.12) !important;
}

/* PDKS toolbar ve özet daha az yer kaplasın */
@media (max-width: 768px) {
    .kcm-ui-core #view-pdks .pdks-toolbar {
        flex-wrap: wrap !important;
        gap: 5px !important;
        padding: 1px 0 !important;
    }
    .kcm-ui-core #view-pdks .pdks-toolbar > .u-flex-1 {
        order: -1 !important;
        flex: 1 0 100% !important;
        text-align: left !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid .u-metric-card {
        min-height: 48px !important;
        padding: 6px 4px !important;
        border-radius: 5px !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid .u-metric-card > div:first-child {
        font-size: 14px !important;
        line-height: 1 !important;
    }
    .kcm-ui-core #view-pdks .pdks-top-grid .tiny-lbl {
        font-size: 7.5px !important;
    }
}

/* Ana mobil PDKS liste: kart değil, kompakt personel satırı */
@media (max-width: 768px) {
    .kcm-ui-core #pdksTabloWrap {
        overflow-x: auto !important;
    }
    .kcm-ui-core .pdks-mobile-list-compact {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 6px !important;
    }
    .kcm-ui-core .pdks-compact-person {
        border: 1px solid var(--border, #e5e7eb) !important;
        border-radius: 4px !important;
        background: var(--card-bg, #fff) !important;
        padding: 7px 8px !important;
        box-shadow: none !important;
    }
    .kcm-ui-core .pdks-compact-main {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
    .kcm-ui-core .pdks-compact-left {
        min-width: 0 !important;
    }
    .kcm-ui-core .pdks-mobile-name {
        font-size: 12px !important;
        line-height: 1.12 !important;
        font-weight: 900 !important;
        color: var(--text, #111827) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .kcm-ui-core .pdks-mobile-dept {
        margin-top: 1px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        color: var(--text-tertiary, #9ca3af) !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .kcm-ui-core .pdks-compact-total {
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        color: var(--primary-accent) !important;
        white-space: nowrap !important;
    }
    .kcm-ui-core .pdks-compact-stats {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        margin-top: 5px !important;
    }
    .kcm-ui-core .pdks-mobile-pill {
        min-height: 18px !important;
        padding: 2px 6px !important;
        border-radius: 3px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }
    .kcm-ui-core .pdks-compact-open {
        margin-left: auto !important;
        color: var(--text-light, #6b7280) !important;
        font-size: 9px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }
    .kcm-ui-core .pdks-compact-preview {
        display: flex !important;
        gap: 3px !important;
        margin-top: 5px !important;
        overflow-x: auto !important;
        padding-bottom: 1px !important;
        scrollbar-width: none !important;
    }
    .kcm-ui-core .pdks-compact-preview::-webkit-scrollbar {
        display: none !important;
    }
    .kcm-ui-core .pdks-mini-day,
    .kcm-ui-core .pdks-mini-more {
        width: 31px !important;
        min-width: 31px !important;
        min-height: 30px !important;
        border-radius: 3px !important;
        border: 1px solid var(--border, #e5e7eb) !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        background: var(--bg, #f8fafc) !important;
    }
    .kcm-ui-core .pdks-mini-day b {
        font-size: 8px !important;
        line-height: 1 !important;
        color: var(--text-tertiary, #9ca3af) !important;
    }
    .kcm-ui-core .pdks-mini-day em {
        margin-top: 2px !important;
        font-size: 8.5px !important;
        line-height: 1 !important;
        font-style: normal !important;
        font-weight: 900 !important;
        color: var(--text, #111827) !important;
    }
    .kcm-ui-core .pdks-mini-day.full { background: #F0FDF4 !important; border-color: #86EFAC !important; }
    .kcm-ui-core .pdks-mini-day.full em { color: #166534 !important; }
    .kcm-ui-core .pdks-mini-day.mid { background: #FFFBEB !important; border-color: #FDE68A !important; }
    .kcm-ui-core .pdks-mini-day.mid em { color: #B45309 !important; }
    .kcm-ui-core .pdks-mini-day.short,
    .kcm-ui-core .pdks-mini-day.rapor { background: #FEF2F2 !important; border-color: #FECACA !important; }
    .kcm-ui-core .pdks-mini-day.short em,
    .kcm-ui-core .pdks-mini-day.rapor em { color: #B91C1C !important; }
    .kcm-ui-core .pdks-mini-day.izin { background: #DBEAFE !important; border-color: #93C5FD !important; }
    .kcm-ui-core .pdks-mini-day.izin em { color: #1D4ED8 !important; }
    .kcm-ui-core .pdks-mini-day.ucretsiz { background: #F3E8FF !important; border-color: #D8B4FE !important; }
    .kcm-ui-core .pdks-mini-day.ucretsiz em { color: #7C3AED !important; }
    .kcm-ui-core .pdks-mini-day.pending { background: #FEF3C7 !important; border-color: #FCD34D !important; }
    .kcm-ui-core .pdks-mini-day.pending em { color: #92400E !important; }
    .kcm-ui-core .pdks-mini-more {
        color: var(--text-light, #6b7280) !important;
        font-size: 10px !important;
        font-weight: 900 !important;
    }
    .kcm-ui-core .pdks-compact-empty {
        font-size: 9px !important;
        color: var(--text-tertiary, #9ca3af) !important;
        font-weight: 750 !important;
    }
}

/* PDKS mobil takvim modalı */
.kcm-ui-core #pdksMobilTakvimModal .pdks-mobil-calendar-modal {
    width: min(90vw, 430px) !important;
    max-width: 430px !important;
    max-height: 86dvh !important;
    overflow-y: auto !important;
    padding: 0 10px 10px !important;
    border-radius: 6px !important;
}
.kcm-ui-core .pdks-cal-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 0 8px !important;
    border-bottom: 1px solid var(--border, #e5e7eb) !important;
}
.kcm-ui-core .pdks-cal-title {
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    color: var(--text, #111827) !important;
}
.kcm-ui-core .pdks-cal-sub {
    margin-top: 2px !important;
    font-size: 9px !important;
    color: var(--text-tertiary, #9ca3af) !important;
    font-weight: 700 !important;
}
.kcm-ui-core #pdksMobilTakvimModal .pdks-cal-close {
    position: static !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.kcm-ui-core .pdks-cal-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin: 8px 0 !important;
}
.kcm-ui-core .pdks-cal-summary span {
    min-height: 30px !important;
    border-radius: 4px !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    background: var(--bg, #f8fafc) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    color: var(--text, #111827) !important;
    padding: 2px 4px !important;
}
.kcm-ui-core .pdks-cal-week,
.kcm-ui-core .pdks-cal-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 3px !important;
}
.kcm-ui-core .pdks-cal-week {
    margin-bottom: 4px !important;
}
.kcm-ui-core .pdks-cal-week span {
    text-align: center !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    color: var(--text-tertiary, #9ca3af) !important;
}
.kcm-ui-core .pdks-cal-cell {
    min-height: 43px !important;
    border-radius: 4px !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    background: var(--card-bg, #fff) !important;
    padding: 3px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    cursor: pointer !important;
}
.kcm-ui-core .pdks-cal-cell.blank {
    border: 0 !important;
    background: transparent !important;
    cursor: default !important;
}
.kcm-ui-core .pdks-cal-cell span {
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    color: var(--text-tertiary, #9ca3af) !important;
}
.kcm-ui-core .pdks-cal-cell b {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: var(--text, #111827) !important;
}
.kcm-ui-core .pdks-cal-cell.selected {
    outline: 2px solid var(--primary-accent) !important;
    outline-offset: 1px !important;
}
.kcm-ui-core .pdks-cal-cell.full { background:#F0FDF4 !important; border-color:#86EFAC !important; }
.kcm-ui-core .pdks-cal-cell.full b { color:#166534 !important; }
.kcm-ui-core .pdks-cal-cell.mid { background:#FFFBEB !important; border-color:#FDE68A !important; }
.kcm-ui-core .pdks-cal-cell.mid b { color:#B45309 !important; }
.kcm-ui-core .pdks-cal-cell.short,
.kcm-ui-core .pdks-cal-cell.rapor { background:#FEF2F2 !important; border-color:#FECACA !important; }
.kcm-ui-core .pdks-cal-cell.short b,
.kcm-ui-core .pdks-cal-cell.rapor b { color:#B91C1C !important; }
.kcm-ui-core .pdks-cal-cell.izin { background:#DBEAFE !important; border-color:#93C5FD !important; }
.kcm-ui-core .pdks-cal-cell.izin b { color:#1D4ED8 !important; }
.kcm-ui-core .pdks-cal-cell.ucretsiz { background:#F3E8FF !important; border-color:#D8B4FE !important; }
.kcm-ui-core .pdks-cal-cell.ucretsiz b { color:#7C3AED !important; }
.kcm-ui-core .pdks-cal-cell.pending { background:#FEF3C7 !important; border-color:#FCD34D !important; }
.kcm-ui-core .pdks-cal-cell.pending b { color:#92400E !important; }
.kcm-ui-core .pdks-cal-cell.rest { background:#F8FAFC !important; }
.kcm-ui-core .pdks-cal-day-detail {
    margin-top: 8px !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border-radius: 4px !important;
    background: var(--bg, #f8fafc) !important;
    padding: 8px !important;
    font-size: 11px !important;
    color: var(--text-light, #6b7280) !important;
}
.kcm-ui-core .pdks-day-detail-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
    color: var(--text, #111827) !important;
}
.kcm-ui-core .pdks-day-move {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
    gap: 5px !important;
    align-items: center !important;
    background: var(--card-bg, #fff) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border-radius: 4px !important;
    padding: 6px !important;
    margin-top: 5px !important;
}
.kcm-ui-core .pdks-day-move div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.kcm-ui-core .pdks-day-move b {
    font-size: 8px !important;
    color: var(--text-tertiary, #9ca3af) !important;
    text-transform: uppercase !important;
}
.kcm-ui-core .pdks-day-move span {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: var(--text, #111827) !important;
}
.kcm-ui-core .pdks-day-move em {
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    color: var(--text-light, #6b7280) !important;
}
.kcm-ui-core .pdks-day-empty {
    background: var(--card-bg, #fff) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border-radius: 4px !important;
    padding: 8px !important;
    color: var(--text-light, #6b7280) !important;
    font-weight: 750 !important;
}
.kcm-ui-core .pdks-day-empty.izin {
    background: #EFF6FF !important;
    border-color: #BFDBFE !important;
    color: #1D4ED8 !important;
}
.kcm-ui-core .pdks-day-detail-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}
.kcm-ui-core .pdks-day-detail-actions button,
.kcm-ui-core .pdks-cal-actions button {
    min-height: 34px !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
.kcm-ui-core .pdks-cal-actions {
    display: flex !important;
    gap: 6px !important;
    margin-top: 8px !important;
}
.kcm-ui-core .pdks-cal-actions button {
    flex: 1 !important;
}
@media (max-width: 430px) {
    .kcm-ui-core #pdksMobilTakvimModal .pdks-mobil-calendar-modal {
        width: 90vw !important;
    }
    .kcm-ui-core .pdks-cal-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .kcm-ui-core .pdks-day-move {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .kcm-ui-core .pdks-day-move em {
        grid-column: 1 / -1 !important;
    }
}


/* =====================================================================
   v39 PDKS mobil geniş/kompakt liste + kart içinde açılan takvim
   ===================================================================== */

@media (max-width: 768px) {
    .kcm-ui-core #view-pdks {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .kcm-ui-core #view-pdks > .card,
    .kcm-ui-core #view-pdks > .d-card {
        margin-left: 2px !important;
        margin-right: 2px !important;
        border-radius: 5px !important;
    }

    .kcm-ui-core .pdks-mobile-search {
        padding: 6px 5px 2px !important;
    }

    .kcm-ui-core .pdks-mobile-search input {
        width: 100% !important;
        box-sizing: border-box !important;
        border: 1px solid var(--border, #e5e7eb) !important;
        border-radius: 6px !important;
        padding: 6px 10px !important;
        font-size: 13px !important;
        background: var(--card-bg, #fff) !important;
        color: var(--text, #111827) !important;
        outline: none !important;
    }

    .kcm-ui-core .pdks-mobile-search input:focus {
        border-color: var(--primary-accent) !important;
    }

    .kcm-ui-core .pdks-mobile-sortbar {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 5px !important;
        padding: 5px 5px 2px !important;
    }

    .kcm-ui-core .pdks-mobile-sortbar button {
        min-height: 32px !important;
        border-radius: 4px !important;
        border: 1px solid var(--border, #e5e7eb) !important;
        background: var(--card-bg, #fff) !important;
        color: var(--text, #111827) !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        padding: 5px 8px !important;
    }

    .kcm-ui-core .pdks-mobile-sortbar button.active {
        background: color-mix(in srgb, var(--primary-accent) 18%, #fff) !important;
        border-color: var(--primary-accent) !important;
        color: var(--text, #111827) !important;
    }

    .kcm-ui-core .pdks-mobile-list-compact {
        padding: 4px 3px 72px !important;
        gap: 5px !important;
    }

    .kcm-ui-core .pdks-compact-person {
        border-radius: 3px !important;
        padding: 3px 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .kcm-ui-core .pdks-compact-person.is-open {
        border-color: color-mix(in srgb, var(--primary-accent) 55%, var(--border)) !important;
        box-shadow: 0 4px 12px rgba(15,23,42,.06) !important;
    }

    .kcm-ui-core .pdks-mobile-name {
        font-size: 13px !important;
    }

    .kcm-ui-core .pdks-mobile-dept {
        font-size: 9.5px !important;
    }

    .kcm-ui-core .pdks-compact-total {
        font-size: 18px !important;
        color: #1f5f7a !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: 1px !important;
    }
    .kcm-ui-core .pdks-compact-m50 {
        font-size: 10px !important;
        font-weight: 900 !important;
        color: #C2410C !important;
        line-height: 1 !important;
    }

    .kcm-ui-core .pdks-mobile-pill {
        border-radius: 3px !important;
        min-height: 19px !important;
        font-size: 9.5px !important;
    }

    .kcm-ui-core .pdks-mini-day,
    .kcm-ui-core .pdks-mini-more {
        width: 35px !important;
        min-width: 35px !important;
        min-height: 34px !important;
        border-radius: 3px !important;
    }

    .kcm-ui-core .pdks-mini-day b {
        font-size: 8.5px !important;
    }

    .kcm-ui-core .pdks-mini-day em {
        font-size: 9.5px !important;
    }
}

/* Kart içinde açılan takvim */
.kcm-ui-core .pdks-inline-calendar-wrap {
    display: none;
}

.kcm-ui-core .pdks-compact-person.is-open .pdks-inline-calendar-wrap {
    display: block;
}

.kcm-ui-core .pdks-inline-calendar {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border, #e5e7eb);
}

.kcm-ui-core .pdks-inline-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.kcm-ui-core .pdks-inline-head strong {
    font-size: 12px;
    font-weight: 950;
    color: var(--text, #111827);
}

.kcm-ui-core .pdks-inline-head span {
    font-size: 9px;
    font-weight: 750;
    color: var(--text-tertiary, #9ca3af);
}

.kcm-ui-core .pdks-inline-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    margin-bottom: 7px;
}

.kcm-ui-core .pdks-inline-summary span {
    min-height: 28px;
    border-radius: 3px;
    border: 1px solid var(--border, #e5e7eb);
    background: var(--bg, #f8fafc);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 8.5px;
    font-weight: 750;
    color: var(--text-light, #6b7280);
    white-space: nowrap;
}

.kcm-ui-core .pdks-inline-summary b {
    color: var(--text, #111827);
    font-weight: 950;
}

.kcm-ui-core .pdks-inline-week,
.kcm-ui-core .pdks-inline-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 3px;
}

.kcm-ui-core .pdks-inline-week {
    margin-bottom: 4px;
}

.kcm-ui-core .pdks-inline-week span {
    text-align: center;
    font-size: 8px;
    font-weight: 900;
    color: var(--text-tertiary, #9ca3af);
}

.kcm-ui-core .pdks-inline-day {
    min-height: 38px;
    border-radius: 3px;
    border: 1px solid var(--border, #e5e7eb);
    background: var(--card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 2px;
}

.kcm-ui-core .pdks-inline-day.blank {
    border: 0;
    background: transparent;
}

.kcm-ui-core .pdks-inline-day span {
    font-size: 8px;
    line-height: 1;
    color: var(--text-tertiary, #9ca3af);
    font-weight: 750;
}

.kcm-ui-core .pdks-inline-day b {
    font-size: 8px;
    line-height: 1;
    color: var(--text, #111827);
    font-weight: 950;
}

.kcm-ui-core .pdks-inline-day.selected {
    outline: 2px solid #1f5f7a;
    outline-offset: 1px;
}

.kcm-ui-core .pdks-inline-day.full { background:#F0FDF4; border-color:#86EFAC; }
.kcm-ui-core .pdks-inline-day.full b { color:#166534; }
.kcm-ui-core .pdks-inline-day.mid { background:#FFFBEB; border-color:#FDE68A; }
.kcm-ui-core .pdks-inline-day.mid b { color:#B45309; }
.kcm-ui-core .pdks-inline-day.short,
.kcm-ui-core .pdks-inline-day.rapor { background:#FEF2F2; border-color:#FECACA; }
.kcm-ui-core .pdks-inline-day.short b,
.kcm-ui-core .pdks-inline-day.rapor b { color:#B91C1C; }
.kcm-ui-core .pdks-inline-day.izin { background:#DBEAFE; border-color:#93C5FD; }
.kcm-ui-core .pdks-inline-day.izin b { color:#1D4ED8; }
.kcm-ui-core .pdks-inline-day.ucretsiz { background:#F3E8FF; border-color:#D8B4FE; }
.kcm-ui-core .pdks-inline-day.ucretsiz b { color:#7C3AED; }
.kcm-ui-core .pdks-inline-day.pending { background:#FEF3C7; border-color:#FCD34D; }
.kcm-ui-core .pdks-inline-day.pending b { color:#92400E; }
.kcm-ui-core .pdks-inline-day.rest { background:#F8FAFC; }
.kcm-ui-core .pdks-inline-day.rest b { color:#CBD5E1; }
.kcm-ui-core .pdks-inline-day.tatil-calisma,
.kcm-ui-core .pdks-inline-day.full.tatil-calisma,
.kcm-ui-core .pdks-inline-day.mid.tatil-calisma,
.kcm-ui-core .pdks-inline-day.short.tatil-calisma,
.kcm-ui-core .pdks-inline-day.yedi-gun,
.kcm-ui-core .pdks-inline-day.full.yedi-gun,
.kcm-ui-core .pdks-inline-day.mid.yedi-gun,
.kcm-ui-core .pdks-inline-day.short.yedi-gun { background:#D8B4FE !important; border-color:#A855F7 !important; }
.kcm-ui-core .pdks-inline-day.tatil-calisma b,
.kcm-ui-core .pdks-inline-day.full.tatil-calisma b,
.kcm-ui-core .pdks-inline-day.mid.tatil-calisma b,
.kcm-ui-core .pdks-inline-day.short.tatil-calisma b,
.kcm-ui-core .pdks-inline-day.yedi-gun b,
.kcm-ui-core .pdks-inline-day.full.yedi-gun b,
.kcm-ui-core .pdks-inline-day.mid.yedi-gun b,
.kcm-ui-core .pdks-inline-day.short.yedi-gun b { color:#000 !important; }

.kcm-ui-core .pdks-inline-detail {
    margin-top: 7px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 3px;
    background: var(--bg, #f8fafc);
    padding: 7px;
}

.kcm-ui-core .pdks-inline-detail .pdks-day-detail-head {
    margin-bottom: 5px !important;
}

.kcm-ui-core .pdks-inline-detail .pdks-day-move {
    border-radius: 3px !important;
    padding: 5px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
}

.kcm-ui-core .pdks-inline-detail .pdks-day-detail-actions {
    justify-content: stretch !important;
    gap: 5px !important;
}

.kcm-ui-core .pdks-inline-detail .pdks-day-detail-actions button {
    flex: 1 !important;
    min-height: 32px !important;
    border-radius: 3px !important;
    border: 1px solid var(--border, #d1d5db) !important;
    background: var(--card-bg, #fff) !important;
    color: var(--text, #111827) !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
}

/* Eski mobil takvim modalı kullanılırsa butonları büyümesin */
.kcm-ui-core #pdksMobilTakvimModal .pdks-cal-actions .btn,
.kcm-ui-core #pdksMobilTakvimModal .pdks-day-detail-actions button {
    min-height: 34px !important;
    height: 34px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    padding: 5px 8px !important;
}

/* Çok küçük ekranda inline özet 2x2 olsun */
@media (max-width: 430px) {
    .kcm-ui-core .pdks-inline-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kcm-ui-core .pdks-inline-day {
        min-height: 35px;
    }

    .kcm-ui-core .pdks-inline-detail .pdks-day-move {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .kcm-ui-core .pdks-inline-detail .pdks-day-move em {
        grid-column: 1 / -1;
    }
}


/* =====================================================================
   v40 PDKS mobil: açıklama, filtre, pastel renk ve buton davranış düzeltmesi
   ===================================================================== */
@media (max-width: 768px) {
    .kcm-ui-core .pdks-mobile-legend {
        display: flex !important;
        align-items: center !important;
        gap: 5px 8px !important;
        flex-wrap: wrap !important;
        padding: 5px 7px 2px !important;
        color: #667085 !important;
        font-size: 9px !important;
        font-weight: 750 !important;
        line-height: 1.25 !important;
    }

    .kcm-ui-core .pdks-mobile-legend span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        white-space: nowrap !important;
    }

    .kcm-ui-core .pdks-mobile-legend b {
        min-width: 15px !important;
        height: 15px !important;
        border-radius: 3px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 8px !important;
        font-weight: 950 !important;
        border: 1px solid transparent !important;
    }

    .kcm-ui-core .pdks-mobile-legend .lg-ok { background:#ECFDF3 !important; color:#067647 !important; border-color:#ABEFC6 !important; }
    .kcm-ui-core .pdks-mobile-legend .lg-izin { background:#EFF8FF !important; color:#175CD3 !important; border-color:#B2DDFF !important; }
    .kcm-ui-core .pdks-mobile-legend .lg-bos { background:#F9FAFB !important; color:#98A2B3 !important; border-color:#EAECF0 !important; }
    .kcm-ui-core .pdks-mobile-legend .lg-mesai { background:#FFFAEB !important; color:#B54708 !important; border-color:#FEDF89 !important; }
    .kcm-ui-core .pdks-mobile-legend .lg-bayram { background:#FEF3F2 !important; color:#B42318 !important; border-color:#FECDCA !important; }

    .kcm-ui-core .pdks-mobile-quickfilters {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        padding: 4px 5px 3px !important;
    }

    .kcm-ui-core .pdks-mobile-quickfilters button {
        min-height: 28px !important;
        border-radius: 3px !important;
        border: 1px solid #EAECF0 !important;
        background: #FFFFFF !important;
        color: #667085 !important;
        font-size: 9.5px !important;
        font-weight: 850 !important;
        padding: 4px 5px !important;
    }

    .kcm-ui-core .pdks-mobile-quickfilters button.active {
        background: #d8d908 !important;
        color: #101828 !important;
        border-color: #b8b800 !important;
        box-shadow: inset 0 0 0 1px rgba(184,184,0,.25) !important;
    }

    /* Daha kurumsal/pastel PDKS renkleri */
    .kcm-ui-core .pdks-mobile-pill {
        border-width: 1px !important;
        font-weight: 800 !important;
    }

    .kcm-ui-core .pdks-mobile-pill.ok,
    .kcm-ui-core .pdks-mini-day.full,
    .kcm-ui-core .pdks-inline-day.full,
    .kcm-ui-core .pdks-cal-cell.full {
        background: #ECFDF3 !important;
        border-color: #ABEFC6 !important;
    }
    .kcm-ui-core .pdks-mobile-pill.ok,
    .kcm-ui-core .pdks-mini-day.full em,
    .kcm-ui-core .pdks-inline-day.full b,
    .kcm-ui-core .pdks-cal-cell.full b {
        color: #067647 !important;
    }

    .kcm-ui-core .pdks-mobile-pill.mesai,
    .kcm-ui-core .pdks-mini-day.mid,
    .kcm-ui-core .pdks-inline-day.mid,
    .kcm-ui-core .pdks-cal-cell.mid {
        background: #FFFAEB !important;
        border-color: #FEDF89 !important;
    }
    .kcm-ui-core .pdks-mobile-pill.mesai,
    .kcm-ui-core .pdks-mini-day.mid em,
    .kcm-ui-core .pdks-inline-day.mid b,
    .kcm-ui-core .pdks-cal-cell.mid b {
        color: #B54708 !important;
    }

    .kcm-ui-core .pdks-mobile-pill.bayram,
    .kcm-ui-core .pdks-mini-day.short,
    .kcm-ui-core .pdks-mini-day.rapor,
    .kcm-ui-core .pdks-inline-day.short,
    .kcm-ui-core .pdks-inline-day.rapor,
    .kcm-ui-core .pdks-cal-cell.short,
    .kcm-ui-core .pdks-cal-cell.rapor {
        background: #FEF3F2 !important;
        border-color: #FECDCA !important;
    }
    .kcm-ui-core .pdks-mobile-pill.bayram,
    .kcm-ui-core .pdks-mini-day.short em,
    .kcm-ui-core .pdks-mini-day.rapor em,
    .kcm-ui-core .pdks-inline-day.short b,
    .kcm-ui-core .pdks-inline-day.rapor b,
    .kcm-ui-core .pdks-cal-cell.short b,
    .kcm-ui-core .pdks-cal-cell.rapor b {
        color: #B42318 !important;
    }

    .kcm-ui-core .pdks-mobile-pill.izin,
    .kcm-ui-core .pdks-mini-day.izin,
    .kcm-ui-core .pdks-inline-day.izin,
    .kcm-ui-core .pdks-cal-cell.izin {
        background: #EFF8FF !important;
        border-color: #B2DDFF !important;
    }
    .kcm-ui-core .pdks-mobile-pill.izin,
    .kcm-ui-core .pdks-mini-day.izin em,
    .kcm-ui-core .pdks-inline-day.izin b,
    .kcm-ui-core .pdks-cal-cell.izin b {
        color: #175CD3 !important;
    }

    .kcm-ui-core .pdks-mobile-pill.gelmedi,
    .kcm-ui-core .pdks-mini-day.empty,
    .kcm-ui-core .pdks-inline-day.empty,
    .kcm-ui-core .pdks-cal-cell.empty,
    .kcm-ui-core .pdks-inline-day.rest,
    .kcm-ui-core .pdks-cal-cell.rest {
        background: #F9FAFB !important;
        border-color: #EAECF0 !important;
    }
    .kcm-ui-core .pdks-mobile-pill.gelmedi,
    .kcm-ui-core .pdks-mini-day.empty em,
    .kcm-ui-core .pdks-inline-day.empty b,
    .kcm-ui-core .pdks-cal-cell.empty b,
    .kcm-ui-core .pdks-inline-day.rest b,
    .kcm-ui-core .pdks-cal-cell.rest b {
        color: #98A2B3 !important;
    }

    .kcm-ui-core .pdks-mini-day.ucretsiz,
    .kcm-ui-core .pdks-inline-day.ucretsiz,
    .kcm-ui-core .pdks-cal-cell.ucretsiz {
        background: #F4F3FF !important;
        border-color: #D9D6FE !important;
    }
    .kcm-ui-core .pdks-mini-day.ucretsiz em,
    .kcm-ui-core .pdks-inline-day.ucretsiz b,
    .kcm-ui-core .pdks-cal-cell.ucretsiz b {
        color: #5925DC !important;
    }

    .kcm-ui-core .pdks-mini-day.pending,
    .kcm-ui-core .pdks-inline-day.pending,
    .kcm-ui-core .pdks-cal-cell.pending {
        background: #FFF6ED !important;
        border-color: #F9DBAF !important;
    }
    .kcm-ui-core .pdks-mini-day.pending em,
    .kcm-ui-core .pdks-inline-day.pending b,
    .kcm-ui-core .pdks-cal-cell.pending b {
        color: #B93815 !important;
    }

    .kcm-ui-core .pdks-inline-detail .pdks-day-detail-actions,
    .kcm-ui-core #pdksMobilTakvimModal .pdks-day-detail-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    .kcm-ui-core .pdks-inline-detail .pdks-day-detail-actions button,
    .kcm-ui-core #pdksMobilTakvimModal .pdks-day-detail-actions button {
        width: 100% !important;
        min-height: 34px !important;
        border-radius: 3px !important;
        border: 1px solid #D0D5DD !important;
        background: #FFFFFF !important;
        color: #344054 !important;
        font-size: 10.5px !important;
        font-weight: 850 !important;
        padding: 6px 8px !important;
    }

    .kcm-ui-core .pdks-inline-detail .pdks-day-detail-actions button:first-child,
    .kcm-ui-core #pdksMobilTakvimModal .pdks-day-detail-actions button:first-child {
        background: #EFF8FF !important;
        border-color: #B2DDFF !important;
        color: #175CD3 !important;
    }
}


/* =====================================================================
   v41 PDKS mobil: kart özetleri + belirgin gelmedi günleri
   Not: Renk/radius/border değerleri sistem değişkenleriyle uyumludur.
   ===================================================================== */

:root {
    --pdks-radius: 3px;
    --pdks-border: var(--border, #e5e7eb);
    --pdks-card-bg: var(--card-bg, #ffffff);
    --pdks-bg-soft: var(--bg, #f8fafc);
    --pdks-ok-bg: #ECFDF3;
    --pdks-ok-text: #067647;
    --pdks-ok-border: #ABEFC6;
    --pdks-warn-bg: #FFFAEB;
    --pdks-warn-text: #B54708;
    --pdks-warn-border: #FEDF89;
    --pdks-danger-bg: #FEF3F2;
    --pdks-danger-text: #B42318;
    --pdks-danger-border: #FECDCA;
    --pdks-info-bg: #EFF8FF;
    --pdks-info-text: #175CD3;
    --pdks-info-border: #B2DDFF;
    --pdks-muted-bg: #F9FAFB;
    --pdks-muted-text: #98A2B3;
    --pdks-muted-border: #EAECF0;
    --pdks-purple-bg: #F4F3FF;
    --pdks-purple-text: #5925DC;
    --pdks-purple-border: #D9D6FE;
}

@media (max-width: 768px) {
    .kcm-ui-core .pdks-compact-actionline {
        margin-top: 0px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
    }


    .kcm-ui-core .pdks-compact-facts {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-top: 6px !important;
    }

    .kcm-ui-core .pdks-fact {
        min-width: 0 !important;
        min-height: 35px !important;
        border-radius: var(--pdks-radius) !important;
        border: 1px solid var(--pdks-border) !important;
        background: var(--pdks-bg-soft) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        padding: 3px 2px !important;
    }

    .kcm-ui-core .pdks-fact b {
        font-size: 7.8px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        color: #667085 !important;
        white-space: nowrap !important;
    }

    .kcm-ui-core .pdks-fact em {
        font-size: 11px !important;
        line-height: 1 !important;
        font-style: normal !important;
        font-weight: 950 !important;
        color: var(--text, #111827) !important;
        white-space: nowrap !important;
    }

    .kcm-ui-core .pdks-fact.ok {
        background: var(--pdks-ok-bg) !important;
        border-color: var(--pdks-ok-border) !important;
    }
    .kcm-ui-core .pdks-fact.ok em {
        color: var(--pdks-ok-text) !important;
    }

    .kcm-ui-core .pdks-fact.izin {
        background: var(--pdks-info-bg) !important;
        border-color: var(--pdks-info-border) !important;
    }
    .kcm-ui-core .pdks-fact.izin em {
        color: var(--pdks-info-text) !important;
    }

    .kcm-ui-core .pdks-fact.gelmedi {
        background: var(--pdks-danger-bg) !important;
        border-color: var(--pdks-danger-border) !important;
    }
    .kcm-ui-core .pdks-fact.gelmedi em {
        color: var(--pdks-danger-text) !important;
    }

    .kcm-ui-core .pdks-fact.mesai {
        background: var(--pdks-warn-bg) !important;
        border-color: var(--pdks-warn-border) !important;
    }
    .kcm-ui-core .pdks-fact.mesai em {
        color: var(--pdks-warn-text) !important;
    }

    .kcm-ui-core .pdks-fact.bayram {
        background: #D8B4FE !important;
        border-color: #A855F7 !important;
    }
    .kcm-ui-core .pdks-fact.bayram em {
        color: #000 !important;
    }

    .kcm-ui-core .pdks-inline-day,
    .kcm-ui-core .pdks-cal-cell {
        min-height: 34px !important;
        padding: 1px !important;
        border-radius: var(--pdks-radius) !important;
        gap: 1px !important;
    }

    .kcm-ui-core .pdks-inline-day span,
    .kcm-ui-core .pdks-cal-cell span {
        font-size: 9.5px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    .kcm-ui-core .pdks-inline-day b,
    .kcm-ui-core .pdks-cal-cell b {
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    .kcm-ui-core .pdks-inline-day.absent,
    .kcm-ui-core .pdks-cal-cell.absent {
        background: var(--pdks-danger-bg) !important;
        border-color: var(--pdks-danger-border) !important;
        box-shadow: inset 0 0 0 1px rgba(180, 35, 24, .10) !important;
    }

    .kcm-ui-core .pdks-inline-day.absent span,
    .kcm-ui-core .pdks-cal-cell.absent span,
    .kcm-ui-core .pdks-inline-day.absent b,
    .kcm-ui-core .pdks-cal-cell.absent b {
        color: var(--pdks-danger-text) !important;
    }

    .kcm-ui-core .pdks-inline-day.future,
    .kcm-ui-core .pdks-cal-cell.future {
        background: var(--pdks-muted-bg) !important;
        border-color: var(--pdks-muted-border) !important;
        opacity: .72 !important;
    }

    .kcm-ui-core .pdks-inline-day.future b,
    .kcm-ui-core .pdks-cal-cell.future b {
        color: var(--pdks-muted-text) !important;
    }

    .kcm-ui-core .pdks-day-empty.absent {
        background: var(--pdks-danger-bg) !important;
        border-color: var(--pdks-danger-border) !important;
        color: var(--pdks-danger-text) !important;
        font-weight: 850 !important;
    }

    .kcm-ui-core .pdks-inline-grid,
    .kcm-ui-core .pdks-cal-grid {
        gap: 2px !important;
    }

    .kcm-ui-core .pdks-inline-summary {
        gap: 3px !important;
        margin-bottom: 6px !important;
    }

    .kcm-ui-core .pdks-inline-summary span {
        min-height: 25px !important;
        border-radius: var(--pdks-radius) !important;
        font-size: 8.5px !important;
        padding: 1px 3px !important;
    }

    .kcm-ui-core .pdks-inline-detail {
        border-radius: var(--pdks-radius) !important;
        padding: 6px !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core .pdks-compact-facts {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .kcm-ui-core .pdks-fact {
        min-height: 32px !important;
    }

    .kcm-ui-core .pdks-inline-day,
    .kcm-ui-core .pdks-cal-cell {
        min-height: 32px !important;
    }

    .kcm-ui-core .pdks-inline-day b,
    .kcm-ui-core .pdks-cal-cell b {
        font-size: 11.5px !important;
    }
}


/* =====================================================================
   v43 PDKS takvim: Gelmedi ayrımı
   Amaç: Eksik çalışma ile gelmedi karışmasın.
   - Eksik çalışma: sarı/uyarı tonu
   - Gelmedi: gri zemin + kırmızı yazı/border
   ===================================================================== */

:root {
    --pdks-absent-bg: #F8FAFC;
    --pdks-absent-text: #B42318;
    --pdks-absent-border: #FCA5A5;
    --pdks-short-bg: #FFFAEB;
    --pdks-short-text: #B54708;
    --pdks-short-border: #FEDF89;
}

/* Eksik çalışma artık kırmızı değil, uyarı/sarı ton */
@media (max-width: 768px) {
    .kcm-ui-core .pdks-inline-day.short,
    .kcm-ui-core .pdks-cal-cell.short,
    .kcm-ui-core .pdks-mini-day.short {
        background: var(--pdks-short-bg) !important;
        border-color: var(--pdks-short-border) !important;
    }

    .kcm-ui-core .pdks-inline-day.short b,
    .kcm-ui-core .pdks-cal-cell.short b,
    .kcm-ui-core .pdks-mini-day.short em {
        color: var(--pdks-short-text) !important;
    }

    /* Gelmedi: gri zemin + kırmızı metin */
    .kcm-ui-core .pdks-inline-day.absent,
    .kcm-ui-core .pdks-cal-cell.absent {
        background: var(--pdks-absent-bg) !important;
        border-color: var(--pdks-absent-border) !important;
        box-shadow: inset 0 0 0 1px rgba(180, 35, 24, .08) !important;
    }

    .kcm-ui-core .pdks-inline-day.absent span,
    .kcm-ui-core .pdks-cal-cell.absent span {
        color: #98A2B3 !important;
        font-weight: 850 !important;
    }

    .kcm-ui-core .pdks-inline-day.absent b,
    .kcm-ui-core .pdks-cal-cell.absent b {
        color: var(--pdks-absent-text) !important;
        font-size: 8.4px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.35px !important;
        white-space: nowrap !important;
        text-transform: none !important;
    }

    /* Karta sığması için absent hücresinde padding daha düşük */
    .kcm-ui-core .pdks-inline-day.absent,
    .kcm-ui-core .pdks-cal-cell.absent {
        padding: 1px 0 !important;
        gap: 1px !important;
    }

    .kcm-ui-core .pdks-day-empty.absent {
        background: #FFFFFF !important;
        border-color: var(--pdks-absent-border) !important;
        color: var(--pdks-absent-text) !important;
        font-weight: 900 !important;
    }

    /* Rapor kırmızı kalabilir; gelmedi gri zeminde ayrışır */
    .kcm-ui-core .pdks-inline-day.rapor,
    .kcm-ui-core .pdks-cal-cell.rapor,
    .kcm-ui-core .pdks-mini-day.rapor {
        background: #FEF3F2 !important;
        border-color: #FECDCA !important;
    }

    .kcm-ui-core .pdks-inline-day.rapor b,
    .kcm-ui-core .pdks-cal-cell.rapor b,
    .kcm-ui-core .pdks-mini-day.rapor em {
        color: #B42318 !important;
    }
}

@media (max-width: 430px) {
    .kcm-ui-core .pdks-inline-day.absent b,
    .kcm-ui-core .pdks-cal-cell.absent b {
        font-size: 7.8px !important;
        letter-spacing: -0.45px !important;
    }
}

/* =====================================================================
   Modal Buton & Metin Normalize — genel modal türleri için tek kaynak
   Ekipman detay modal (#ekpDetailModal) kendi özel kurallarına sahip,
   buraya dahil edilmiyor.
   ===================================================================== */

/* PDKS detay tablosundaki aksiyon butonları — compact table içinde küçük kalacak */
#pdksDetayModal:not(.pdks-edit-mode) #pdksDetayBody .compact-table button {
    min-height: unset !important;
    padding: 0 3px !important;
    line-height: 1 !important;
    background: none !important;
    border: none !important;
    font-size: 10px !important;
    box-shadow: none !important;
}

.modal:not(#ekpDetailModal) .modal-content .btn,
.modal:not(#ekpDetailModal) .ui-modal-content .btn,
.modal:not(#ekpDetailModal) .qa-modal-content .btn,
.modal:not(#ekpDetailModal) .modal-content button:not(.close-btn),
.modal:not(#ekpDetailModal) .ui-modal-content button:not(.close-btn),
.modal:not(#ekpDetailModal) .qa-modal-content button:not(.close-btn) {
    min-height: 38px !important;
    height: auto !important;
    padding: 8px 16px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    border-radius: var(--button-radius, var(--radius, 8px)) !important;
    font-family: var(--font-main) !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
}

/* Başlıklar */
.modal:not(#ekpDetailModal) .modal-content h2,
.modal:not(#ekpDetailModal) .ui-modal-content h2,
.modal:not(#ekpDetailModal) .qa-modal-content h2 {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.modal:not(#ekpDetailModal) .modal-content h3,
.modal:not(#ekpDetailModal) .ui-modal-content h3,
.modal:not(#ekpDetailModal) .qa-modal-content h3 {
    font-size: 13px !important;
    font-weight: 800 !important;
}

.modal:not(#ekpDetailModal) .modal-content h4,
.modal:not(#ekpDetailModal) .ui-modal-content h4,
.modal:not(#ekpDetailModal) .qa-modal-content h4 {
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Etiketler */
.modal:not(#ekpDetailModal) .modal-content label,
.modal:not(#ekpDetailModal) .ui-modal-content label,
.modal:not(#ekpDetailModal) .qa-modal-content label {
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Form kontrolleri */
.modal:not(#ekpDetailModal) .modal-content .form-control,
.modal:not(#ekpDetailModal) .ui-modal-content .form-control,
.modal:not(#ekpDetailModal) .qa-modal-content .form-control {
    font-size: 13px !important;
    min-height: 36px !important;
}

/* Mobilde biraz daha kompakt */
@media (max-width: 480px) {
    .modal:not(#ekpDetailModal) .modal-content .btn,
    .modal:not(#ekpDetailModal) .ui-modal-content .btn,
    .modal:not(#ekpDetailModal) .qa-modal-content .btn,
    .modal:not(#ekpDetailModal) .modal-content button:not(.close-btn),
    .modal:not(#ekpDetailModal) .ui-modal-content button:not(.close-btn),
    .modal:not(#ekpDetailModal) .qa-modal-content button:not(.close-btn) {
        font-size: 12px !important;
        padding: 7px 12px !important;
        min-height: 36px !important;
    }
    .modal:not(#ekpDetailModal) .modal-content .form-control,
    .modal:not(#ekpDetailModal) .ui-modal-content .form-control,
    .modal:not(#ekpDetailModal) .qa-modal-content .form-control {
        font-size: 12px !important;
        min-height: 34px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ===== BOTTOM SHEET — Tüm mobil modallar (≤900px) ===== */
@media (max-width: 900px) {
    /* Overlay: aşağı hizalı */
    .modal.active {
        align-items: flex-end !important;
        justify-content: stretch !important;
        padding: 0 !important;
    }

    /* Sheet paneli */
    .modal.active > .modal-content,
    .modal.centered-modal.active > .modal-content,
    .talep-modal-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: 85dvh !important;
        border-radius: 20px 20px 0 0 !important;
        border: 1px solid var(--border) !important;
        border-bottom: none !important;
        background: var(--bg, #f8fafc) !important;
        box-shadow: 0 -6px 32px rgba(15,23,42,0.14) !important;
        margin: 0 !important;
        padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        animation: kcm-sheet-up 0.3s cubic-bezier(0.34,1.06,0.64,1);
    }

    /* Drag handle */
    .modal.active > .modal-content::before,
    .modal.centered-modal.active > .modal-content::before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 40px;
        height: 4px;
        margin: 10px auto 0;
        border-radius: 2px;
        background: color-mix(in srgb, var(--text, #1e293b) 18%, transparent);
        pointer-events: none;
    }

    /* Başlık — üst köşe radius 0 (sheet köşeleri taşır) */
    .modal.active > .modal-content > h2,
    .modal.centered-modal.active > .modal-content > h2 {
        border-radius: 0 !important;
    }

    /* Kapat butonu — handle'ın hemen altında */
    .modal.active > .modal-content > .close-btn,
    .modal.centered-modal.active > .modal-content > .close-btn {
        top: 4px !important;
        border-radius: 999px !important;
        padding: 3px 12px !important;
    }
}

@keyframes kcm-sheet-up {
    from { transform: translateY(55%); opacity: 0.75; }
    to   { transform: translateY(0);   opacity: 1; }
}

/* ===== perDuzenleModal — kompakt form elemanları + gruplar ===== */
#perDuzenleModal .pdm-group-hdr {
    font-size: 9px;
    font-weight: 800;
    color: var(--primary-accent);
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 6px 0 3px;
    border-bottom: 1.5px solid var(--primary-accent);
    margin-top: 4px;
    opacity: .85;
}
#perDuzenleModal .pdm-group-hdr:first-child {
    margin-top: 0;
    padding-top: 0;
}
#perDuzenleModal .form-control {
    padding: 4px 8px !important;
    min-height: 28px !important;
    font-size: 12px !important;
}
#perDuzenleModal .u-form-lbl {
    display: block;
    font-size: 9px;
    font-weight: 700;
    color: var(--primary-accent);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 2px;
}
#perDuzenleModal textarea.form-control {
    min-height: 44px !important;
}

/* pdks inline edit — yeni yapı: GÜN + birleşik GİRİŞ→ÇIKIŞ hücresi */
#pdksDetayBody tr.pdks-ie-active td {
    overflow: visible !important;
    padding: 3px 4px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
#pdksDetayBody tr.pdks-ie-active td.pdks-ie-gs > div { display: flex !important; align-items: center !important; gap: 3px !important; flex-wrap: wrap !important; }
#pdksDetayBody tr.pdks-ie-active td.pdks-ie-kum {
    padding: 0 !important;
    overflow: hidden !important;
}
#pdksDetayBody tr.pdks-ie-active input[type="tel"] {
    box-sizing: border-box !important;
    height: 20px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 3px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline-block !important;
    flex: none !important;
}
/* standart genişlikler: tarih 74px, saat 46px */
#pdksDetayBody tr.pdks-ie-active td:first-child input[type="tel"],
#pdksDetayBody tr.pdks-ie-active td.pdks-ie-cs input[type="tel"] { width: 74px !important; }
#pdksDetayBody tr.pdks-ie-active td.pdks-ie-gs input[type="tel"],
#pdksDetayBody tr.pdks-ie-active td.pdks-ie-saat input[type="tel"] { width: 46px !important; }

/* pdksDetayModal mobil genişlik — overlay padding'i sıfırla, içerik tam oturur */
@media (max-width: 900px) {
    #pdksDetayModal.modal.active,
    #pdksDetayModal.modal.centered-modal.active {
        padding: 4px !important;
    }
    #pdksDetayModal.modal.active > .modal-content,
    #pdksDetayModal.modal.active .modal-content {
        width: 90vw !important;
        max-width: 90vw !important;
        margin: 0 auto !important;
    }
}

/* ===== Scroll-to-top butonu ===== */
#_scrollTopBtn {
    position: fixed;
    bottom: calc(64px + var(--sab, 0px));
    right: 16px;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border);
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    z-index: var(--z-dropdown);
    opacity: 0; pointer-events: none;
    transition: opacity .2s, transform .2s;
    transform: translateY(8px);
}
#_scrollTopBtn.visible {
    opacity: 1; pointer-events: auto; transform: translateY(0);
}

/* ===== Fetch loading spinner ===== */
.u-btn-loading { position: relative; pointer-events: none; }
.u-btn-loading::after {
    content: '';
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    background: inherit;
    border-radius: inherit;
}
.u-btn-loading::before {
    content: '';
    position: absolute; top: 50%; left: 50%;
    width: 14px; height: 14px;
    margin: -7px 0 0 -7px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: _ptr_spin .6s linear infinite;
    z-index: 1;
}

/* ===== Empty state ===== */
.u-empty-state {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 40px 20px; text-align: center;
    color: var(--text-light);
    gap: 8px;
}
.u-empty-state svg { opacity: .35; }
.u-empty-state strong { font-size: 13px; font-weight: 700; color: var(--text); }
.u-empty-state span { font-size: 11px; }