/* HR Çalışan Operasyon Ekranı V2 - sadece .hr-employee-list-page kapsayıcısı içinde çalışır. */

.admin-layout .main-panel.is-hr-list-v2{
    --hr-v2-blue:#005be8;
    --hr-v2-blue-soft:#edf4ff;
    --hr-v2-text:#0b1f3a;
    --hr-v2-muted:#64748b;
    --hr-v2-border:#e1e8f0;
    --hr-v2-border-2:#d8e2ef;
    --hr-v2-green:#16a05d;
    --hr-v2-orange:#f59e0b;
    --hr-v2-red:#ef4444;
    --hr-v2-purple:#8738d6;
    --hr-v2-shadow:0 12px 28px rgba(15,35,65,.12);
    overflow-x:hidden;
}

/* Calisan karti acikken eski kural: liste kart kadar daralir, sadece 3 nokta kalir. */
.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open{
    grid-template-columns:minmax(0,1fr)!important;
    padding-right:336px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-main-column{
    min-width:0!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions .employee-icon-btn,
.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions .hr-op-action-placeholder{
    display:none!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions .hr-op-panel-toggle{
    display:inline-grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:8!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions .hr-op-panel-toggle svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions .hr-op-panel-toggle svg circle{
    display:block!important;
    fill:currentColor!important;
    stroke:none!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open tr.is-selected .hr-op-panel-toggle{
    border-color:#bdd7ff!important;
    background:#edf4ff!important;
    color:#005be8!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions{
    justify-content:center!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table .hr-op-col-actions{
    width:56px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table th:nth-child(8),
.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table td:nth-child(8){
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    padding-left:6px!important;
    padding-right:6px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-actions{
    gap:0!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table-wrap{
    max-width:100%!important;
    overflow:auto!important;
}

@media(max-width:1200px){
    .hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open{
        padding-right:0!important;
    }
}

.admin-layout.is-hr-list-v2-layout{
    --hr-v2-main-offset:var(--admin-sidebar-width, 240px);
    --hr-v2-sidebar-total:calc(var(--admin-sidebar-width, 240px) + 40px);
}

.admin-layout.is-hr-list-v2-layout .sidebar{
    width:240px;
}

.admin-layout.is-hr-list-v2-layout .main-panel{
    margin-left:var(--hr-v2-main-offset);
    width:calc(100vw - var(--hr-v2-main-offset));
    max-width:calc(100vw - var(--hr-v2-main-offset))!important;
}

body.nav-collapsed-preload .admin-layout.is-hr-list-v2-layout .sidebar,
.admin-layout.is-hr-list-v2-layout.nav-collapsed .sidebar{
    transform:translateX(calc(-1 * var(--hr-v2-sidebar-total) + 4px))!important;
    opacity:.96;
    z-index:90;
}

.admin-layout.is-hr-list-v2-layout.nav-collapsed.nav-hover-enabled .sidebar:hover{
    transform:translateX(0);
    background:radial-gradient(circle at 50% 10%,rgba(42,119,214,.18),transparent 24%),linear-gradient(180deg,rgba(38,54,79,.90) 0%,rgba(23,41,65,.86) 34%,rgba(8,24,44,.82) 100%);
    border-right-color:rgba(130,180,235,.24);
    box-shadow:18px 0 42px rgba(8,22,43,.20);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:1;
}

body.nav-collapsed-preload .admin-layout.is-hr-list-v2-layout .main-panel,
.admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel{
    margin-left:0!important;
    width:100vw!important;
    max-width:100vw!important;
}

.admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .content-area{
    padding-left:4px!important;
}

.admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .hr-employee-list-page,
.admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .hr-op-content-layout,
.admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .hr-op-main-column{
    margin-left:0!important;
    padding-left:0!important;
}

.admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
    left:0!important;
}

@media(max-width:900px){
    .admin-layout.is-hr-list-v2-layout .main-panel{
        margin-left:0;
        width:100vw;
        max-width:100vw!important;
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed .sidebar{
        transform:translateX(-100%);
        opacity:1;
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed .sidebar:hover{
        transform:translateX(-100%);
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
        left:0;
    }
}

.admin-layout .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
    height:72px;
    margin:0;
    padding:0 24px;
    display:flex;
    align-items:center;
    gap:20px;
    background:#fff;
    border:0;
    border-bottom:1px solid var(--hr-v2-border);
    border-radius:0;
    box-shadow:none;
    position:fixed;
    top:0;
    left:var(--hr-v2-main-offset, var(--admin-sidebar-width, 240px));
    right:0;
    width:auto;
    z-index:60;
}

.admin-layout:not(.is-hr-list-v2-layout) .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
    position:sticky;
    left:auto;
    right:auto;
    width:100%;
    max-width:100%;
}

.admin-layout.nav-collapsed .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
    left:0;
}

.admin-layout .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar:before{
    display:none;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-left{
    min-width:315px;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:12px;
    overflow:hidden;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-title{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-title strong{
    color:var(--hr-v2-text);
    font-size:20px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-breadcrumb{
    color:var(--hr-v2-muted);
    font-size:13px;
    font-weight:650;
    white-space:nowrap;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-actions{
    margin-left:auto;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    white-space:nowrap;
}

.employee-detail-v1.is-ozluk-focus{
    align-content:start;
}

.employee-detail-v1.is-ozluk-focus > .detail1-hero-grid,
.employee-detail-v1.is-ozluk-focus > .detail1-lower-grid,
.employee-detail-v1.is-ozluk-focus > .detail1-card:not(.detail1-ozluk-focus-card){
    display:none;
}

.employee-detail-v1.is-ozluk-focus .detail1-ozluk-focus-card{
    margin-bottom:0;
}

.employee-detail-v1.is-ozluk-focus .detail1-ozluk-close-btn{
    border-color:#fecaca;
    background:#fff7f7;
    color:#b42318;
}

.employee-detail-v1.is-ozluk-focus .detail1-ozluk-close-btn:hover{
    border-color:#fca5a5;
    background:#fff1f1;
    color:#991b1b;
}

.deleted-records-page-v2{
    display:grid;
    gap:14px;
    min-width:0;
}

.deleted-records-page-v2 .deleted-records-control-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    padding:18px 20px;
    border:1px solid #d8e2ef;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 18px rgba(15,35,65,.06);
}

.deleted-records-page-v2 .deleted-records-control-copy{
    display:grid;
    gap:8px;
    min-width:0;
}

.deleted-records-page-v2 .deleted-records-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:100%;
    color:#0f766e;
    font-size:12px;
    font-weight:900;
    letter-spacing:0;
    text-transform:uppercase;
}

.deleted-records-page-v2 .deleted-records-eyebrow svg{
    width:16px;
    height:16px;
}

.deleted-records-page-v2 .deleted-records-control-copy h3{
    margin:0;
    color:#0b1f3a;
    font-size:22px;
    line-height:1.2;
    font-weight:950;
}

.deleted-records-page-v2 .deleted-records-control-copy p{
    max-width:820px;
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.5;
    font-weight:650;
}

.deleted-records-page-v2 .deleted-records-control-metrics{
    display:flex;
    align-items:stretch;
    gap:10px;
}

.deleted-records-page-v2 .deleted-records-control-metric{
    min-width:136px;
    display:grid;
    gap:4px;
    padding:12px 14px;
    border:1px solid #e1e8f0;
    border-radius:8px;
    background:#f8fafc;
}

.deleted-records-page-v2 .deleted-records-control-metric span{
    color:#64748b;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.deleted-records-page-v2 .deleted-records-control-metric strong{
    color:#0b1f3a;
    font-size:22px;
    line-height:1;
    font-weight:950;
}

.deleted-records-page-v2 .deleted-records-filter-panel{
    display:grid;
    gap:10px;
    padding:14px;
    border:1px solid #d8e2ef;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 18px rgba(15,35,65,.05);
}

.deleted-records-page-v2 .deleted-records-filter-grid{
    display:grid;
    grid-template-columns:minmax(220px,.8fr) minmax(280px,1.4fr) auto;
    gap:12px;
    align-items:end;
}

.deleted-records-page-v2 .deleted-records-filter-grid .field{
    display:grid;
    gap:7px;
    min-width:0;
}

.deleted-records-page-v2 .deleted-records-filter-grid label{
    color:#52657d;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.deleted-records-page-v2 .deleted-records-filter-grid input,
.deleted-records-page-v2 .deleted-records-filter-grid select{
    width:100%;
    min-width:0;
    height:42px;
    border:1px solid #cfd9e6;
    border-radius:8px;
    background:#fff;
    color:#0b1f3a;
    font-size:13px;
    font-weight:650;
}

.deleted-records-page-v2 .deleted-records-filter-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:max-content;
}

.deleted-records-page-v2 .deleted-records-filter-actions .btn-small,
.deleted-records-page-v2 .deleted-records-filter-actions .btn-secondary{
    min-height:42px;
    border-radius:8px;
    font-weight:900;
}

.deleted-records-page-v2 .deleted-records-filter-note{
    padding:8px 10px;
    border:1px solid #fed7aa;
    border-radius:8px;
    background:#fff7ed;
    color:#9a3412;
    font-size:12px;
    font-weight:800;
}

.deleted-records-page-v2 .deleted-records-section-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.deleted-records-page-v2 .deleted-records-section-tabs a{
    min-width:0;
    min-height:44px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 12px;
    border:1px solid #d8e2ef;
    border-radius:8px;
    background:#fff;
    color:#0b1f3a;
    text-decoration:none;
    box-shadow:0 6px 14px rgba(15,35,65,.04);
}

.deleted-records-page-v2 .deleted-records-section-tabs a:hover{
    border-color:#b9c8da;
    background:#f8fbff;
}

.deleted-records-page-v2 .deleted-records-section-tabs svg{
    width:17px;
    height:17px;
    color:#1a5fa8;
    flex:0 0 auto;
}

.deleted-records-page-v2 .deleted-records-section-tabs span{
    min-width:0;
    overflow:hidden;
    color:#0b1f3a;
    font-size:13px;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.deleted-records-page-v2 .deleted-records-section-tabs strong{
    margin-left:auto;
    min-width:28px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#edf4ff;
    color:#005be8;
    font-size:12px;
    font-weight:950;
}

.deleted-records-page-v2 #deleted-employee-table.deleted-records-board{
    display:grid !important;
    gap:14px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-section{
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #d8e2ef !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 8px 18px rgba(15,35,65,.05) !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-section + .deleted-record-section{
    margin-top:0 !important;
    border-top:1px solid #d8e2ef !important;
}

.deleted-records-page-v2 #deleted-employee-table .section-card-header{
    min-height:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:14px 16px !important;
    border-bottom:1px solid #e8eef5 !important;
    background:#fbfdff !important;
}

.deleted-records-page-v2 .deleted-record-section-title{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
}

.deleted-records-page-v2 .deleted-record-section-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #d8e6f8;
    border-radius:8px;
    background:#edf4ff;
    color:#005be8;
    flex:0 0 auto;
}

.deleted-records-page-v2 .deleted-record-section-icon svg{
    width:19px;
    height:19px;
}

.deleted-records-page-v2 #deleted-employee-table .section-card-header h3{
    margin:0 !important;
    color:#0b1f3a !important;
    font-size:15px !important;
    font-weight:950 !important;
}

.deleted-records-page-v2 #deleted-employee-table .section-card-header p{
    margin:4px 0 0;
    color:#64748b;
    font-size:12px;
    font-weight:650;
    line-height:1.35;
}

.deleted-records-page-v2 .deleted-record-section-count{
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1px solid #d8e2ef;
    border-radius:999px;
    background:#fff;
    color:#52657d;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.deleted-records-page-v2 #deleted-employee-table .table-wrap{
    margin-top:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table th:nth-child(1),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table td:nth-child(1){width:12% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table th:nth-child(2),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table td:nth-child(2){width:18% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table th:nth-child(3),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table td:nth-child(3){width:20% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table th:nth-child(4),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table td:nth-child(4){width:15% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table th:nth-child(5),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table td:nth-child(5){width:15% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table th:nth-child(6),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-employee-table td:nth-child(6){width:20% !important;}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(1),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(1){width:10% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(2),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(2){width:15% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(3),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(3){width:17% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(4),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(4){width:16% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(5),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(5){width:13% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(6),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(6){width:12% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table th:nth-child(7),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-document-table td:nth-child(7){width:17% !important;}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(1),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(1){width:10% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(2),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(2){width:14% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(3),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(3){width:16% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(4),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(4){width:13% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(5),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(5){width:18% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(6),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(6){width:13% !important;}
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table th:nth-child(7),
.deleted-records-page-v2 #deleted-employee-table .deleted-record-leave-table td:nth-child(7){width:16% !important;}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-table thead th{
    height:46px !important;
    padding:0 10px !important;
    border-bottom:1px solid #dbe5f0 !important;
    background:#f4f7fb !important;
    color:#52657d !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.02em !important;
    text-align:left !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-table tbody td{
    min-height:58px !important;
    height:58px !important;
    padding:9px 10px !important;
    border-bottom:1px solid #edf2f7 !important;
    color:#0f243e !important;
    font-size:12.5px !important;
    font-weight:650 !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-table tbody tr:last-child td{
    border-bottom:0 !important;
}

.deleted-records-page-v2 #deleted-employee-table .deleted-record-table tbody tr:hover td{
    background:#f8fbff !important;
}

.deleted-records-page-v2 #deleted-employee-table .status-badge{
    min-width:0 !important;
    height:25px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    font-weight:950 !important;
}

.deleted-records-page-v2 #deleted-employee-table .department-badge{
    max-width:100% !important;
    min-height:26px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:#edf4ff !important;
    color:#005be8 !important;
    font-size:11.5px !important;
    font-weight:850 !important;
}

.deleted-records-page-v2 #deleted-employee-table .workplace-copy{
    max-width:100% !important;
    min-width:0 !important;
}

.deleted-records-page-v2 #deleted-employee-table .workplace-copy strong,
.deleted-records-page-v2 #deleted-employee-table td strong{
    color:#0b1f3a !important;
    font-size:12.5px !important;
    font-weight:850 !important;
}

.deleted-records-page-v2 #deleted-employee-table .workplace-copy span,
.deleted-records-page-v2 #deleted-employee-table .row-sub{
    display:block !important;
    margin-top:3px !important;
    color:#64748b !important;
    font-size:11.5px !important;
    font-weight:650 !important;
}

.deleted-records-page-v2 #deleted-employee-table .workplace-copy strong,
.deleted-records-page-v2 #deleted-employee-table .workplace-copy span,
.deleted-records-page-v2 #deleted-employee-table .department-badge,
.deleted-records-page-v2 #deleted-employee-table .row-sub{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.deleted-records-page-v2 #deleted-employee-table th:last-child,
.deleted-records-page-v2 #deleted-employee-table td:last-child{
    text-align:right !important;
}

.deleted-records-page-v2 #deleted-employee-table td:last-child{
    overflow:visible !important;
}

.deleted-records-page-v2 #deleted-employee-table td:last-child .table-actions{
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:4px !important;
    max-width:100% !important;
}

.deleted-records-page-v2 #deleted-employee-table .table-actions-textual .mini-btn{
    min-width:34px !important;
    height:31px !important;
    padding:0 8px !important;
    border-radius:8px !important;
    font-size:11px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.deleted-records-page-v2 #deleted-employee-table .table-actions-textual .mini-btn svg{
    width:14px !important;
    height:14px !important;
}

.deleted-records-page-v2 #deleted-employee-table .employee-empty-row td{
    height:auto !important;
    padding:22px !important;
    text-align:center !important;
}

.deleted-records-page-v2 #deleted-employee-table .empty-state{
    padding:18px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
}

@media(max-width:1180px){
    .deleted-records-page-v2 .deleted-records-control-panel{
        grid-template-columns:1fr;
    }

    .deleted-records-page-v2 .deleted-records-control-metrics{
        width:100%;
    }

    .deleted-records-page-v2 .deleted-records-control-metric{
        flex:1 1 0;
    }

    .deleted-records-page-v2 .deleted-records-filter-grid{
        grid-template-columns:1fr 1fr;
    }

    .deleted-records-page-v2 .deleted-records-filter-actions{
        grid-column:1 / -1;
        justify-content:flex-start;
    }
}

@media(max-width:760px){
    .deleted-records-page-v2 .deleted-records-control-panel,
    .deleted-records-page-v2 .deleted-records-filter-panel{
        padding:14px;
    }

    .deleted-records-page-v2 .deleted-records-control-metrics,
    .deleted-records-page-v2 .deleted-records-filter-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .deleted-records-page-v2 .deleted-records-control-metric{
        min-width:0;
    }

    .deleted-records-page-v2 .deleted-records-filter-grid,
    .deleted-records-page-v2 .deleted-records-section-tabs{
        grid-template-columns:1fr;
    }

    .deleted-records-page-v2 #deleted-employee-table .section-card-header{
        align-items:flex-start !important;
        flex-direction:column !important;
    }
}

.employee-detail-v1:not(.is-ozluk-focus) [data-detail-card-tab][hidden],
.employee-detail-v1:not(.is-ozluk-focus) [data-detail-tab-wrapper][hidden]{
    display:none !important;
}

.employee-detail-v1 .detail1-tabbar{
    min-height:58px;
    padding:0 14px;
    margin-bottom:18px;
    display:flex;
    align-items:stretch;
    gap:18px;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:10px;
    box-shadow:0 5px 14px rgba(15,35,65,.045);
}

.employee-detail-v1 .detail1-tabbar::-webkit-scrollbar{
    height:6px;
}

.employee-detail-v1 .detail1-tabbar::-webkit-scrollbar-thumb{
    background:#d8e4f2;
    border-radius:999px;
}

.employee-detail-v1 .detail1-tab{
    position:relative;
    min-height:58px;
    padding:0 12px;
    border:0;
    border-bottom:3px solid transparent;
    background:transparent;
    color:#516782;
    cursor:pointer;
    white-space:nowrap;
    font-size:13px;
    font-weight:850;
    transition:color .18s ease, border-color .18s ease, background .18s ease;
}

.employee-detail-v1 .detail1-tab:hover{
    color:#005be8;
    background:linear-gradient(180deg,rgba(237,244,255,.2),rgba(237,244,255,.7));
}

.employee-detail-v1 .detail1-tab.active{
    color:#005be8;
    border-bottom-color:#005be8;
    background:linear-gradient(180deg,rgba(237,244,255,.18),rgba(237,244,255,.72));
}

.employee-detail-v1:not(.is-ozluk-focus)[data-active-detail-tab="hareket"] .detail1-lower-grid,
.employee-detail-v1:not(.is-ozluk-focus)[data-active-detail-tab="notlar"] .detail1-lower-grid{
    grid-template-columns:1fr;
}

.employee-detail-v1 .detail1-tab-empty-card{
    min-height:170px;
    align-content:start;
}

.employee-detail-v1 .detail1-ozluk-document-table{
    min-width:1220px;
    table-layout:fixed;
}

.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(1){width:8%}
.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(2){width:21%}
.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(3){width:10%}
.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(4){width:10%}
.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(5){width:15%}
.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(6){width:15%}
.employee-detail-v1 .detail1-ozluk-document-table th:nth-child(7){width:21%}

.employee-detail-v1 .detail1-ozluk-document-table td span{
    display:block;
    margin-top:2px;
    white-space:normal;
}

.employee-detail-v1 .detail1-ozluk-document-table .detail2-table-actions{
    flex-wrap:nowrap;
    justify-content:flex-end;
    gap:6px;
}

.employee-detail-v1 .detail1-ozluk-document-table .mini-btn.icon-only{
    width:36px;
    min-width:36px;
    height:34px;
    padding:0;
    flex:0 0 36px;
}

.employee-detail-v1 .detail1-ozluk-document-table .mini-btn.icon-only svg{
    width:16px;
    height:16px;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn{
    border:1px solid #d8e2ef;
    background:#fff;
    color:#334155;
    box-shadow:none;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.btn-with-icon:not(.icon-only){
    min-height:34px;
    padding:0 12px;
    border-radius:8px;
    font-size:12.5px;
    font-weight:800;
    gap:7px;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn svg{
    color:currentColor;
    stroke:currentColor;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.edit{
    border-color:#bfd7f4;
    background:#f2f7ff;
    color:#174a7c;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.approve{
    border-color:#b8e2ca;
    background:#eefbf4;
    color:#147545;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.toggle{
    border-color:#fed7aa;
    background:#fff7ed;
    color:#9a3412;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.delete{
    border-color:#fecaca;
    background:#fff1f2;
    color:#b42318;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn:hover{
    box-shadow:0 6px 14px rgba(15,35,65,.08);
    transform:translateY(-1px);
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.edit:hover{
    border-color:#9fc5ee;
    background:#eaf3ff;
    color:#123d66;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.approve:hover{
    border-color:#91d6ad;
    background:#e3f8ec;
    color:#0f6338;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.toggle:hover{
    border-color:#fdba74;
    background:#ffedd5;
    color:#7c2d12;
}

.employee-detail-v1 .detail1-ozluk-focus-card .detail2-table-actions .mini-btn.delete:hover{
    border-color:#fca5a5;
    background:#ffe4e6;
    color:#991b1b;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-wrap,
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap{
    position:relative;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-wrap:after,
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap:after{
    content:"";
    position:absolute;
    top:100%;
    height:18px;
    display:none;
    pointer-events:auto;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-wrap:after{
    right:-10px;
    width:250px;
    z-index:59;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap:after{
    right:-8px;
    width:210px;
    z-index:79;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-wrap.is-open:after,
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap.menu-open:after{
    display:block;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn{
    width:44px;
    height:44px;
    padding:0;
    border:1px solid var(--hr-v2-border-2);
    border-radius:50%;
    background:#fff;
    color:var(--hr-v2-text);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(15,35,65,.05);
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn.has-label{
    width:auto;
    min-width:148px;
    height:40px;
    padding:0 12px;
    gap:7px;
    border-radius:10px;
    font-weight:800;
    font-size:12px;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn-label{
    display:inline-flex;
    line-height:1;
    white-space:nowrap;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn:hover,
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn[aria-expanded="true"]{
    border-color:#bfd0e5;
    background:#f8fbff;
    color:var(--hr-v2-blue);
    box-shadow:0 10px 22px rgba(15,35,65,.08);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu{
    position:absolute;
    top:calc(100% + 6px);
    left:auto;
    right:0;
    width:204px;
    display:none;
    padding:7px;
    border:1px solid var(--hr-v2-border);
    border-radius:10px;
    background:#fff;
    box-shadow:var(--hr-v2-shadow);
    z-index:70;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-wrap.is-open .hr-v2-quick-menu{
    display:block;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu a{
    width:100%;
    min-height:34px;
    padding:0 8px;
    border-radius:7px;
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--hr-v2-text);
    text-decoration:none;
    text-align:left;
    font-size:12px;
    font-weight:800;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu a:hover{
    background:var(--hr-v2-blue-soft);
    color:var(--hr-v2-blue);
    transform:translateX(2px);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon{
    width:26px;
    height:26px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:var(--hr-v2-blue-soft);
    color:var(--hr-v2-blue);
    box-shadow:inset 0 0 0 1px rgba(0,91,232,.08);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon i{
    font-size:12px;
    line-height:1;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.add{background:#e8f8ef;color:var(--hr-v2-green);box-shadow:inset 0 0 0 1px rgba(22,160,93,.10)}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.entry{background:#edf4ff;color:var(--hr-v2-blue)}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.leave{background:#fff4df;color:var(--hr-v2-orange);box-shadow:inset 0 0 0 1px rgba(245,158,11,.10)}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.upload{background:#eef6ff;color:#2563eb}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.bulk{background:#f4eaff;color:var(--hr-v2-purple);box-shadow:inset 0 0 0 1px rgba(135,56,214,.10)}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.train{background:#eaf7ff;color:#0284c7}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.asset{background:#f0fdf4;color:#15803d}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-menu-icon.dof{background:#fff1f1;color:var(--hr-v2-red);box-shadow:inset 0 0 0 1px rgba(239,68,68,.10)}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-icon-btn{
    width:40px;
    height:40px;
    border:1px solid var(--hr-v2-border-2);
    border-radius:12px;
    background:#fff;
    color:var(--hr-v2-text);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-icon-btn:hover{
    background:#f8fbff;
    border-color:#bfd0e5;
    color:var(--hr-v2-blue);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-icon-btn svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-badge-dot{
    position:absolute;
    top:-5px;
    right:-4px;
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid #fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--hr-v2-red);
    color:#fff;
    font-size:10px;
    font-weight:900;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user{
    min-height:44px;
    padding:4px 8px 4px 4px;
    border:1px solid transparent;
    border-radius:14px;
    background:transparent;
    display:flex;
    align-items:center;
    gap:9px;
    color:var(--hr-v2-text);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user:hover,
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user.is-open{
    background:#f8fbff;
    border-color:#dbe7f5;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user-avatar{
    width:36px;
    height:36px;
    background:var(--hr-v2-blue-soft);
    color:var(--hr-v2-blue);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user-dropdown{
    top:calc(100% + 6px);
    width:190px;
    padding:8px;
    border:1px solid var(--hr-v2-border);
    border-radius:12px;
    box-shadow:var(--hr-v2-shadow);
    z-index:80;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user-dropdown a{
    min-height:38px;
    padding:0 10px;
    border-radius:8px;
    gap:9px;
    font-size:13px;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-wrap .topbar-user-dropdown a:hover{
    background:var(--hr-v2-blue-soft);
    color:var(--hr-v2-blue);
    transform:translateX(2px);
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-icon{
    width:28px;
    height:28px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-icon svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-icon.account{background:#edf4ff;color:var(--hr-v2-blue)}
.admin-layout .main-panel.is-hr-list-v2 .hr-v2-user-menu-icon.logout{background:#fff1f1;color:var(--hr-v2-red);box-shadow:inset 0 0 0 1px rgba(239,68,68,.10)}

.admin-layout .main-panel.is-hr-list-v2 .content-area{
    min-height:calc(100vh - 72px);
    margin-top:72px;
    padding:20px 14px 22px 4px;
    overflow-x:hidden;
}

.admin-layout:not(.is-hr-list-v2-layout) .main-panel.is-hr-list-v2 .content-area{
    margin-top:0;
    padding-left:24px;
    padding-right:24px;
}

@media(min-width:901px){
    .admin-layout:not(.is-hr-list-v2-layout) .main-panel.is-hr-list-v2.is-ozluk-management-page .content-area{
        padding:20px 14px 22px 4px;
    }
}

@media(max-width:900px){
    .admin-layout .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
        left:0;
    }

    .admin-layout .main-panel.is-hr-list-v2 .content-area{
        padding:16px 12px 18px;
    }
}

.admin-layout .main-panel.is-hr-list-v2 .hr-employee-list-page-v2 .hr-op-toolbar{
    display:none;
}

.hr-employee-list-page,
.hr-employee-list-page *{
    box-sizing:border-box;
}

.hr-employee-list-page{
    --hr-bg:#f4f7fb;
    --hr-card:#ffffff;
    --hr-blue:#005be8;
    --hr-blue-soft:#edf4ff;
    --hr-green:#16a05d;
    --hr-orange:#f59e0b;
    --hr-red:#ef4444;
    --hr-purple:#8738d6;
    --hr-border:#e1e8f0;
    --hr-text:#0b1f3a;
    --hr-muted:#64748b;
    color:var(--hr-text);
    font-family:"Segoe UI",Arial,sans-serif;
    width:100%;
    max-width:100%;
    min-width:0;
}

.hr-employee-list-page .hr-op-content-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    align-items:start;
    width:100%;
    max-width:100%;
    min-width:0;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open{
    grid-template-columns:minmax(0,calc(100% - 336px)) 320px;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open > .hr-op-selected-panel.is-visible{
    display:block;
    grid-column:2;
    grid-row:1;
    justify-self:end;
    align-self:start;
}

.hr-employee-list-page .hr-op-main-column{
    display:grid;
    gap:16px;
    grid-column:1;
    min-width:0;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open{
    grid-template-columns:minmax(0,1fr);
    padding-right:336px;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open > .hr-op-selected-panel.is-visible{
    grid-column:auto;
    grid-row:auto;
    justify-self:auto;
}

.hr-employee-list-page .hr-op-toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    min-width:0;
}

.hr-employee-list-page .hr-op-toolbar .employee-quick-actions{
    position:relative;
}

.hr-employee-list-page .hr-op-toolbar .employee-quick-actions-toggle{
    min-height:42px;
    border-radius:10px;
    border:1px solid #d8e4f2;
    background:#fff;
    color:var(--hr-text);
    box-shadow:0 6px 16px rgba(15,35,65,.05);
}

.hr-employee-list-page .hr-op-toolbar .employee-quick-actions-menu{
    right:0;
    left:auto;
}

.hr-employee-list-page .hr-op-kpi-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:14px;
    min-width:0;
}

.hr-employee-list-page .hr-op-kpi-card{
    height:145px;
    padding:15px 16px 14px;
    border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.94) 100%);
    border:1px solid rgba(203,216,232,.92);
    box-shadow:0 10px 24px rgba(15,35,65,.075),inset 0 1px 0 rgba(255,255,255,.90);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.hr-employee-list-page .hr-op-kpi-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,var(--kpi-accent,#005be8),rgba(57,142,255,.20));
    opacity:.72;
    z-index:-1;
}

.hr-employee-list-page .hr-op-kpi-card:after{
    content:"";
    position:absolute;
    right:-42px;
    top:-48px;
    width:118px;
    height:118px;
    border-radius:50%;
    background:radial-gradient(circle,var(--kpi-glow,rgba(0,91,232,.10)),transparent 68%);
    pointer-events:none;
    z-index:-1;
}

.hr-employee-list-page .hr-op-kpi-card:hover{
    transform:translateY(-2px);
    border-color:#c7d9ef;
    background:#fff;
    box-shadow:0 16px 34px rgba(15,35,65,.12),inset 0 1px 0 rgba(255,255,255,.96);
}

.hr-employee-list-page .hr-op-kpi-card.is-clickable{
    cursor:pointer;
}

.hr-employee-list-page .hr-op-kpi-card.is-clickable:focus-visible{
    outline:3px solid rgba(0,91,232,.18);
    outline-offset:3px;
}

.hr-employee-list-page .hr-op-kpi-top{
    display:flex;
    align-items:flex-start;
    gap:12px;
    min-width:0;
}

.hr-employee-list-page .hr-op-kpi-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    color:var(--kpi-accent,#005be8);
    background:linear-gradient(145deg,var(--kpi-soft-a,#f2f7ff),var(--kpi-soft-b,#e6f0ff));
    box-shadow:inset 0 0 0 1px var(--kpi-border,rgba(0,91,232,.10)),0 8px 16px var(--kpi-shadow,rgba(0,91,232,.08));
}

.hr-employee-list-page .hr-op-kpi-icon svg{
    width:22px;
    height:22px;
    display:block;
}

.hr-employee-list-page .hr-op-kpi-icon svg path,
.hr-employee-list-page .hr-op-kpi-icon svg circle,
.hr-employee-list-page .hr-op-kpi-icon svg rect{
    fill:none;
    stroke:currentColor;
    stroke-width:2.1;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.hr-employee-list-page .hr-op-kpi-title{
    min-width:0;
    color:var(--hr-text);
    font-size:13px;
    font-weight:850;
    line-height:1.32;
    letter-spacing:-.01em;
}

.hr-employee-list-page .hr-op-kpi-middle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
}

.hr-employee-list-page .hr-op-kpi-value{
    color:var(--hr-text);
    font-size:31px;
    font-weight:900;
    line-height:1;
    letter-spacing:-.035em;
}

.hr-employee-list-page .hr-op-kpi-pill{
    min-height:24px;
    padding:4px 10px;
    border-radius:999px;
    color:var(--pill-accent,var(--kpi-accent,#005be8));
    background:linear-gradient(145deg,var(--pill-soft-a,var(--kpi-soft-a,#edf4ff)),var(--pill-soft-b,var(--kpi-soft-b,#e4efff)));
    font-size:11px;
    font-weight:850;
    line-height:1.25;
    white-space:nowrap;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}

.hr-employee-list-page .hr-op-kpi-link{
    width:100%;
    min-height:26px;
    padding-top:8px;
    border-top:1px solid rgba(225,232,240,.72);
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:var(--hr-blue);
    font-size:12.5px;
    font-weight:850;
    text-decoration:none;
    transition:color .2s ease;
}

.hr-employee-list-page .hr-op-kpi-link:hover{
    color:#004ec8;
}

.hr-employee-list-page .hr-op-kpi-link span{
    width:22px;
    height:22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--hr-blue-soft);
    transition:transform .2s ease,background .2s ease;
}

.hr-employee-list-page .hr-op-kpi-link:hover span{
    transform:translateX(3px);
    background:#e2edff;
}

.hr-employee-list-page .hr-op-charts-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    min-width:0;
}

.hr-employee-list-page .hr-op-chart-card{
    height:260px;
    padding:18px;
    border:1px solid var(--hr-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 16px rgba(15,35,65,.06);
    min-width:0;
    overflow:hidden;
}

.hr-employee-list-page .hr-op-chart-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:15px;
}

.hr-employee-list-page .hr-op-chart-head h3{
    margin:0;
    color:var(--hr-text);
    font-size:15px;
    font-weight:900;
}

.hr-employee-list-page .hr-op-chart-head button{
    height:28px;
    padding:0 10px;
    border:1px solid #d9e5f4;
    border-radius:8px;
    background:#fff;
    color:var(--hr-blue);
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}

.hr-employee-list-page .hr-op-chart-body{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:15px;
    align-items:center;
}

.hr-employee-list-page .hr-op-donut{
    width:146px;
    height:146px;
    border-radius:50%;
    display:grid;
    place-items:center;
    box-shadow:inset 0 0 0 1px rgba(15,35,65,.05);
}

.hr-employee-list-page .hr-op-donut-center{
    width:78px;
    height:78px;
    border-radius:50%;
    background:#fff;
    display:grid;
    place-items:center;
    align-content:center;
    box-shadow:inset 0 0 0 1px var(--hr-border);
}

.hr-employee-list-page .hr-op-donut-center strong{
    color:var(--hr-text);
    font-size:21px;
    font-weight:900;
    line-height:1.05;
}

.hr-employee-list-page .hr-op-donut-center span{
    margin-top:4px;
    color:var(--hr-muted);
    font-size:11px;
    font-weight:850;
}

.hr-employee-list-page .hr-op-legend{
    display:grid;
    gap:11px;
    min-width:0;
}

.hr-employee-list-page .hr-op-legend-row{
    display:grid;
    grid-template-columns:10px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    color:var(--hr-text);
    font-size:12px;
}

.hr-employee-list-page .hr-op-legend-dot{
    width:9px;
    height:9px;
    border-radius:50%;
}

.hr-employee-list-page .hr-op-legend-row span:nth-child(2){
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hr-employee-list-page .hr-op-legend-row strong{
    font-weight:950;
}

.hr-employee-list-page .hr-op-bars{
    display:grid;
    gap:16px;
    padding:12px 4px 2px;
}

.hr-employee-list-page .hr-op-bar-row{
    display:grid;
    grid-template-columns:118px minmax(0,1fr) 22px;
    gap:10px;
    align-items:center;
    color:var(--hr-text);
    font-size:12px;
}

.hr-employee-list-page .hr-op-bar-row span:first-child{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hr-employee-list-page .hr-op-bar-track{
    height:18px;
    border-radius:5px;
    background:#ecf2fa;
    overflow:hidden;
}

.hr-employee-list-page .hr-op-bar-fill{
    height:100%;
    border-radius:5px;
    background:linear-gradient(90deg,#005be8,#1b75ff);
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel{
    display:block;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .employee-filter-form{
    margin:0;
    padding:8px 10px 9px;
    border:1px solid var(--hr-border);
    border-radius:10px;
    background:#fff;
    box-shadow:0 5px 14px rgba(15,35,65,.04);
    display:grid;
    grid-template-columns:minmax(86px,118px) minmax(108px,150px) minmax(170px,260px) minmax(240px,1fr) minmax(176px,260px) 82px 92px;
    column-gap:7px;
    row-gap:7px;
    align-items:end;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .field{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel label{
    margin:0 0 5px;
    color:#0b1f3a;
    font-size:10.5px!important;
    line-height:1.15;
    font-weight:850;
    letter-spacing:0;
    white-space:nowrap;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel select,
.hr-employee-list-page .employee-command-panel.hr-op-filter-panel input{
    height:38px;
    min-height:38px;
    width:100%;
    min-width:0;
    border:1px solid #ccd8e6;
    border-radius:7px;
    background:#fff;
    color:var(--hr-text);
    font-size:11.5px!important;
    line-height:1.2;
    font-weight:500;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .employee-hire-date-filter{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .employee-hire-date-filter.is-hidden input[type="date"]{
    display:none;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .employee-hire-date-filter:not(.is-hidden){
    grid-template-columns:1fr 1fr;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .outline-btn,
.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .clear-btn{
    height:38px;
    min-height:38px;
    padding:0 10px;
    border-radius:7px;
    align-self:end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11.5px!important;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .outline-btn{
    border:1px solid var(--hr-blue);
    background:var(--hr-blue);
    color:#fff;
}

.hr-employee-list-page .employee-command-panel.hr-op-filter-panel .clear-btn{
    border:1px solid #d6e2f0;
    background:#fff;
    color:var(--hr-muted);
}

.hr-employee-list-page .hr-op-table-card{
    margin-top:0;
    padding:0;
    border:1px solid var(--hr-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 20px rgba(15,35,65,.06);
    overflow:hidden;
}

.hr-employee-list-page .hr-op-list-head{
    min-height:64px;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid #edf2f7;
    background:#fff;
}

.hr-employee-list-page .hr-op-list-head h3{
    margin:0;
    color:#06142b;
    font-size:17px;
    font-weight:950;
    line-height:1.2;
}

.hr-employee-list-page .hr-op-list-head p{
    margin:4px 0 0;
    color:var(--hr-muted);
    font-size:12px;
    font-weight:750;
    line-height:1.35;
}

.hr-employee-list-page .hr-employee-view-switch{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:38px;
    padding:4px;
    border:1px solid #dce1ea;
    border-radius:10px;
    background:#f4f6fa;
    flex:0 0 auto;
}

.hr-employee-list-page .hr-employee-view-option{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:8px;
    color:#2d3a4d;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    line-height:1;
}

.hr-employee-list-page .hr-employee-view-option:hover{
    border-color:var(--hr-blue);
    background:#fff;
    color:var(--hr-blue);
}

.hr-employee-list-page .hr-employee-view-option.is-active{
    border-color:rgba(0,91,232,.18);
    background:#fff;
    color:var(--hr-blue);
    box-shadow:0 2px 10px rgba(17,24,39,.08);
}

.hr-employee-list-page .hr-employee-card-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(210px,1fr));
    gap:12px;
    padding:14px;
    background:#fbfdff;
}

.hr-employee-list-page .hr-employee-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid #dce1ea;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 18px rgba(15,23,42,.055);
    cursor:pointer;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.hr-employee-list-page .hr-employee-card:hover{
    transform:translateY(-2px);
    border-color:rgba(0,91,232,.24);
    box-shadow:0 14px 26px rgba(15,23,42,.095);
}

.hr-employee-list-page .hr-employee-card.is-selected{
    border-color:rgba(0,91,232,.46);
    box-shadow:0 14px 28px rgba(0,91,232,.12);
}

.hr-employee-list-page .hr-employee-card-band{
    height:4px;
    background:linear-gradient(90deg,var(--hr-blue),#2d4e8a);
}

.hr-employee-list-page .hr-employee-card.is-active .hr-employee-card-band{
    background:linear-gradient(90deg,var(--hr-green),#1e9955);
}

.hr-employee-list-page .hr-employee-card.is-tracking .hr-employee-card-band{
    background:linear-gradient(90deg,var(--hr-orange),#c97214);
}

.hr-employee-list-page .hr-employee-card.is-passive .hr-employee-card-band{
    background:linear-gradient(90deg,#64748b,#94a3b8);
}

.hr-employee-list-page .hr-employee-card-body{
    display:grid;
    gap:9px;
    padding:14px;
}

.hr-employee-list-page .hr-employee-card-top,
.hr-employee-list-page .hr-employee-card-profile{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.hr-employee-list-page .hr-employee-card-status{
    min-height:25px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    width:max-content;
    max-width:100%;
    padding:0 8px;
    border-radius:7px;
    background:rgba(0,91,232,.08);
    color:var(--hr-blue);
    font-size:10.5px;
    font-weight:900;
    line-height:1;
}

.hr-employee-list-page .hr-employee-card-status i{
    font-size:8px;
}

.hr-employee-list-page .hr-employee-card-status.is-active{
    background:rgba(22,160,93,.09);
    color:var(--hr-green);
}

.hr-employee-list-page .hr-employee-card-status.is-tracking{
    background:rgba(245,158,11,.11);
    color:#b45309;
}

.hr-employee-list-page .hr-employee-card-status.is-passive{
    background:#f1f5f9;
    color:#64748b;
}

.hr-employee-list-page .hr-employee-card-menu{
    appearance:none;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid #dce1ea;
    border-radius:8px;
    background:#f4f6fa;
    color:#5a6a80;
    font-family:inherit;
    font-size:18px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}

.hr-employee-list-page .hr-employee-card-menu:hover{
    border-color:var(--hr-blue);
    background:var(--hr-blue);
    color:#fff;
}

.hr-employee-list-page .hr-employee-card-profile{
    justify-content:flex-start;
    align-items:flex-start;
}

.hr-employee-list-page .hr-employee-card-profile .hr-op-photo-cell{
    flex:0 0 auto;
}

.hr-employee-list-page .hr-employee-card-profile .employee-avatar-photo,
.hr-employee-list-page .hr-employee-card-profile .employee-avatar-placeholder{
    width:42px;
    height:42px;
}

.hr-employee-list-page .hr-employee-card-titlebox{
    min-width:0;
    display:grid;
    gap:6px;
    flex:1 1 auto;
}

.hr-employee-list-page .hr-employee-card-title{
    min-height:0;
    margin:0;
    color:#06142b;
    font-size:15.5px;
    font-weight:950;
    line-height:1.22;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.hr-employee-list-page .hr-employee-card-project{
    min-width:0;
    color:#44546a;
    font-size:11.5px;
    font-weight:850;
    line-height:1.32;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.hr-employee-list-page .hr-employee-card-chipline{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    min-width:0;
}

.hr-employee-list-page .hr-employee-card-chip{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    max-width:100%;
    padding:4px 7px;
    border:1px solid #dbe7f4;
    border-radius:7px;
    background:#f8fbff;
    color:#24364f;
    font-size:10.5px;
    font-weight:950;
    line-height:1.15;
    white-space:normal;
    overflow-wrap:anywhere;
}

.hr-employee-list-page .hr-employee-card-chip.is-soft{
    color:#5a6a80;
    background:#fff;
}

.hr-employee-list-page .hr-employee-dot-sep{
    flex:0 0 auto;
    color:#8794a7;
}

.hr-employee-list-page .hr-employee-card-divider{
    height:1px;
    margin:1px 0;
    background:#dce1ea;
}

.hr-employee-list-page .hr-employee-card-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px 8px;
}

.hr-employee-list-page .hr-employee-card-meta div{
    min-width:0;
    padding:7px 8px;
    border:1px solid #edf2f7;
    border-radius:8px;
    background:#fbfdff;
}

.hr-employee-list-page .hr-employee-card-meta span{
    display:block;
    color:#5a6a80;
    font-size:9.5px;
    font-weight:900;
    letter-spacing:.025em;
    text-transform:uppercase;
}

.hr-employee-list-page .hr-employee-card-meta strong{
    display:block;
    margin-top:3px;
    color:#111827;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
    white-space:normal;
    overflow-wrap:anywhere;
}

.hr-employee-list-page .hr-employee-card-meta strong.is-good{
    color:var(--hr-green);
}

.hr-employee-list-page .hr-employee-card-meta strong.is-muted{
    color:var(--hr-muted);
}

.hr-employee-list-page .hr-employee-card-meta strong.is-contact{
    color:#0f4f9f;
}

.hr-employee-list-page .hr-employee-card-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px;
    padding-top:2px;
}

.hr-employee-list-page .hr-employee-card-empty{
    grid-column:1 / -1;
    padding:22px;
    border:1px dashed #cbd5e1;
    border-radius:12px;
    background:#f8fafc;
    color:var(--hr-muted);
    text-align:center;
    font-size:13px;
    font-weight:800;
}

@media (max-width:1360px){
    .hr-employee-list-page .hr-employee-card-grid{
        grid-template-columns:repeat(3,minmax(210px,1fr));
    }
}

@media (max-width:1120px){
    .hr-employee-list-page .hr-employee-card-grid{
        grid-template-columns:repeat(2,minmax(240px,1fr));
    }
}

@media (max-width:760px){
    .hr-employee-list-page .hr-op-list-head{
        display:grid;
    }

    .hr-employee-list-page .hr-employee-view-switch{
        width:100%;
        justify-content:space-between;
    }

    .hr-employee-list-page .hr-employee-view-option{
        flex:1 1 0;
    }

    .hr-employee-list-page .hr-employee-card-grid,
    .hr-employee-list-page .hr-employee-card-meta{
        grid-template-columns:1fr;
    }

    .hr-employee-list-page .hr-employee-card-title{
        min-height:0;
    }
}

.hr-employee-list-page .hr-op-table-wrap{
    max-width:100%;
    overflow:auto;
    box-shadow:none;
}

.hr-employee-list-page .hr-op-table{
    width:100%;
    min-width:1180px;
    border-collapse:collapse;
    table-layout:fixed;
}

.hr-employee-list-page .hr-op-table .hr-op-col-status{width:88px}
.hr-employee-list-page .hr-op-table .hr-op-col-photo{width:112px}
.hr-employee-list-page .hr-op-table .hr-op-col-name{width:210px}
.hr-employee-list-page .hr-op-table .hr-op-col-tc{width:150px}
.hr-employee-list-page .hr-op-table .hr-op-col-project{width:230px}
.hr-employee-list-page .hr-op-table .hr-op-col-duty{width:220px}
.hr-employee-list-page .hr-op-table .hr-op-col-date{width:145px}
.hr-employee-list-page .hr-op-table .hr-op-col-actions{width:260px}

.hr-employee-list-page .hr-op-table thead th{
    height:52px;
    padding:0 12px;
    border-bottom:1px solid #dbe5f0;
    background:#f4f7fb;
    color:var(--hr-text);
    text-align:left;
    white-space:nowrap;
    font-size:12px;
    font-weight:900;
}

.hr-employee-list-page .hr-op-table thead th:last-child{
    text-align:center;
}

.hr-employee-list-page .hr-op-table tbody td{
    height:58px;
    padding:0 12px;
    border-bottom:1px solid #edf2f7;
    color:var(--hr-text);
    font-size:12.5px;
    font-weight:500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
}

.hr-employee-list-page .hr-op-table tbody tr{
    cursor:pointer;
    transition:background .16s ease;
}

.hr-employee-list-page .hr-op-table tbody tr:hover{
    background:#f8fbff;
}

.hr-employee-list-page .hr-op-table tbody tr.is-selected{
    background:#eef6ff;
}

.hr-employee-list-page .hr-op-table th:nth-child(8),
.hr-employee-list-page .hr-op-table td:nth-child(8){
    text-align:center;
    overflow:visible;
}

.hr-employee-list-page .hr-op-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--hr-text);
    font-size:12px;
    font-weight:700;
}

.hr-employee-list-page .hr-op-status:before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--hr-green);
    box-shadow:0 0 0 3px rgba(22,160,93,.12);
}

.hr-employee-list-page .hr-op-status.passive{
    color:var(--hr-muted);
}

.hr-employee-list-page .hr-op-status.passive:before{
    background:#94a3b8;
    box-shadow:0 0 0 3px rgba(148,163,184,.18);
}

.hr-employee-list-page .hr-op-photo-cell{
    display:flex;
    align-items:center;
    gap:8px;
}

.hr-employee-list-page .employee-avatar-photo,
.hr-employee-list-page .employee-avatar-placeholder{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dbe4ee;
    background:#f8fafc;
    color:var(--hr-muted);
}

.hr-employee-list-page .employee-avatar-photo{
    object-fit:cover;
    background:#fff;
}

.hr-employee-list-page .employee-avatar-placeholder svg{
    width:21px;
    height:21px;
    display:block;
}

.hr-employee-list-page .employee-avatar-placeholder.male{
    border-color:#cfe0ff;
    background:#edf4ff;
    color:var(--hr-blue);
}

.hr-employee-list-page .employee-avatar-placeholder.female{
    border-color:#e0d0ff;
    background:#f3ebff;
    color:var(--hr-purple);
}

.hr-employee-list-page .employee-gender-badge{
    width:18px;
    height:18px;
    min-width:18px;
    border:0;
    background:transparent;
}

.hr-employee-list-page .employee-gender-badge svg{
    width:15px;
    height:15px;
    display:block;
}

.hr-employee-list-page .department-badge{
    max-width:100%;
    padding:6px 10px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    background:var(--hr-blue-soft);
    color:var(--hr-blue);
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hr-employee-list-page .employee-name-cell,
.hr-employee-list-page .employee-name-text{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hr-employee-list-page .employee-name-text{
    font-weight:650;
}

.hr-employee-list-page .hr-op-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-wrap:nowrap;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open .hr-op-actions .employee-icon-btn{
    display:none;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open .hr-op-actions .hr-op-panel-toggle{
    display:inline-grid;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open .hr-op-table .hr-op-col-actions{
    width:58px;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open .hr-op-table th:nth-child(8),
.hr-employee-list-page .hr-op-content-layout.is-panel-open .hr-op-table td:nth-child(8){
    width:58px;
    min-width:58px;
    max-width:58px;
    padding-left:6px;
    padding-right:6px;
}

.hr-employee-list-page .hr-op-content-layout.is-panel-open .hr-op-actions{
    gap:0;
}

.hr-employee-list-page .hr-op-actions .employee-icon-btn,
.hr-employee-list-page .hr-op-panel-toggle{
    width:34px;
    height:34px;
    min-width:34px;
    padding:0;
    border:1px solid #dbe7f4;
    border-radius:8px;
    display:inline-grid;
    place-items:center;
    background:#fff;
    color:var(--hr-blue);
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.hr-employee-list-page .hr-op-actions .employee-icon-btn.edit{
    border-color:#fed7aa;
    background:#fffaf0;
    color:var(--hr-orange);
}

.hr-employee-list-page .hr-op-actions .employee-icon-btn.delete{
    border-color:#fecaca;
    background:#fff5f5;
    color:var(--hr-red);
}

.hr-employee-list-page .hr-op-actions .employee-icon-btn:hover,
.hr-employee-list-page .hr-op-panel-toggle:hover{
    transform:translateY(-1px);
    border-color:#bdd2ef;
    background:var(--hr-blue-soft);
    box-shadow:0 6px 14px rgba(15,35,65,.08);
}

.hr-employee-list-page .hr-op-actions svg{
    width:16px;
    height:16px;
    display:block;
}

.hr-employee-list-page .hr-op-actions svg path,
.hr-employee-list-page .hr-op-actions svg circle,
.hr-employee-list-page .hr-op-actions svg rect{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.hr-employee-list-page .hr-op-actions .hr-op-panel-toggle svg circle,
.employee-main-page .hr-op-actions .hr-op-panel-toggle svg circle{
    fill:currentColor!important;
    stroke:none!important;
}

.hr-employee-list-page .employee-result-summary{
    min-height:52px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-left:0;
    border-top:1px solid #edf2f7;
    text-align:left;
}

.hr-employee-list-page .employee-result-summary span{
    color:var(--hr-muted);
    font-size:12px;
    font-weight:800;
    text-transform:none;
}

.hr-employee-list-page .employee-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.hr-employee-list-page .employee-page-btn{
    min-width:34px;
    height:34px;
    border:1px solid #d9e2ec;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--hr-text);
    font-size:13px;
    font-weight:850;
}

.hr-employee-list-page .employee-page-btn.active{
    border-color:var(--hr-blue);
    background:var(--hr-blue);
    color:#fff;
}

.hr-employee-list-page .employee-page-btn:disabled{
    opacity:.55;
}

.hr-employee-list-page .employee-page-btn svg{
    width:15px;
    height:15px;
}

.hr-employee-list-page .empty-state{
    margin:0;
    padding:22px;
    border:1px dashed #cbd5e1;
    border-radius:12px;
    background:#f8fafc;
    color:var(--hr-muted);
    text-align:center;
    font-size:13px;
    font-weight:800;
}

.hr-employee-list-page .hr-op-selected-panel{
    width:320px;
    position:sticky;
    top:92px;
    min-width:0;
    grid-column:2;
    grid-row:1;
    border:1px solid var(--hr-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,35,65,.08);
    overflow:hidden;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel{
    position:fixed;
    top:88px;
    right:24px;
    width:320px;
    max-height:calc(100vh - 112px);
    z-index:58;
    overflow:hidden auto;
}

.hr-employee-list-page .hr-op-selected-panel[hidden]{
    display:none;
}

.hr-employee-list-page .hr-op-selected-panel.is-panel-hidden{
    display:none!important;
}

.hr-employee-list-page .hr-op-selected-panel.is-visible{
    display:block!important;
}

.hr-employee-list-page .hr-op-panel-head{
    height:54px;
    padding:0 16px;
    border-bottom:1px solid var(--hr-border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.hr-employee-list-page .hr-op-panel-head h3{
    margin:0;
    color:var(--hr-text);
    font-size:15px;
    font-weight:900;
}

.hr-employee-list-page .hr-op-panel-close{
    width:32px;
    height:32px;
    border:1px solid transparent;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:transparent;
    color:var(--hr-text);
    cursor:pointer;
}

.hr-employee-list-page .hr-op-panel-close:hover{
    border-color:var(--hr-border);
    background:#f8fbff;
}

.hr-employee-list-page .hr-op-panel-profile{
    padding:18px 16px 16px;
    border-bottom:1px solid var(--hr-border);
    display:grid;
    justify-items:center;
    gap:0;
    text-align:center;
}

.hr-employee-list-page .hr-op-panel-avatar{
    margin:0 auto 12px;
}

.hr-employee-list-page .hr-op-panel-avatar img,
.hr-employee-list-page .hr-op-panel-avatar .employee-avatar-placeholder{
    width:74px;
    height:74px;
    border:4px solid #fff;
    border-radius:50%;
    box-shadow:0 8px 18px rgba(15,35,65,.10);
}

.hr-employee-list-page .hr-op-panel-avatar .employee-avatar-placeholder svg{
    width:46px;
    height:46px;
}

.hr-employee-list-page .hr-op-panel-profile strong{
    color:var(--hr-text);
    font-size:16px;
    font-weight:900;
}

.hr-employee-list-page .hr-op-panel-profile span{
    margin:5px 0 9px;
    color:var(--hr-muted);
    font-size:13px;
    font-weight:700;
}

.hr-employee-list-page .hr-op-panel-meta{
    margin:6px 0 9px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-gender,
.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-age{
    min-height:24px;
    margin:0;
    padding:0 9px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:11px;
    font-weight:900;
    line-height:1;
    border:1px solid transparent;
}

.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-gender strong{
    color:inherit;
    font-size:11px;
    font-weight:900;
    line-height:1;
}

.hr-employee-list-page .hr-op-panel-gender-icon{
    width:15px;
    height:15px;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.hr-employee-list-page .hr-op-panel-gender-icon svg{
    width:15px;
    height:15px;
    display:block;
}

.hr-employee-list-page .hr-op-panel-gender-icon svg path{
    fill:currentColor;
}

.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-gender.male{
    background:#edf4ff;
    border-color:#d8e8ff;
    color:var(--hr-blue);
}

.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-gender.female{
    background:#f5edff;
    border-color:#ead9ff;
    color:var(--hr-purple);
}

.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-gender.unknown{
    background:#f1f5f9;
    border-color:#e2e8f0;
    color:#64748b;
}

.hr-employee-list-page .hr-op-panel-profile .hr-op-panel-age{
    background:#f8fafc;
    border-color:#e2e8f0;
    color:#334155;
}

.hr-employee-list-page .hr-op-panel-project{
    min-height:28px;
    padding:0 10px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    background:var(--hr-blue-soft);
    color:var(--hr-blue);
    font-size:12px;
    font-style:normal;
    font-weight:950;
}

.hr-employee-list-page .hr-op-panel-active{
    margin-top:10px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--hr-green);
    font-size:13px;
    font-weight:800;
}

.hr-employee-list-page .hr-op-panel-active:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--hr-green);
}

.hr-employee-list-page .hr-op-panel-tabs{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border-bottom:1px solid var(--hr-border);
    background:#fff;
}

.hr-employee-list-page .hr-op-panel-tab{
    height:48px;
    border:0;
    border-bottom:2px solid transparent;
    background:#fff;
    color:var(--hr-muted);
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}

.hr-employee-list-page .hr-op-panel-tab.active{
    border-bottom-color:var(--hr-blue);
    background:#fbfdff;
    color:var(--hr-blue);
}

.hr-employee-list-page .hr-op-panel-section{
    display:none;
}

.hr-employee-list-page .hr-op-panel-section.active{
    display:block;
}

.hr-employee-list-page .hr-op-panel-actions{
    display:grid;
}

.hr-employee-list-page .hr-op-panel-action{
    min-height:50px;
    padding:0 14px;
    border-bottom:1px solid #eef3f8;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 16px;
    gap:10px;
    align-items:center;
    color:var(--hr-text);
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.hr-employee-list-page .hr-op-panel-action:hover{
    background:#f8fbff;
    color:var(--hr-blue);
}

.hr-employee-list-page .hr-op-panel-action-icon{
    width:30px;
    height:30px;
    border:1px solid #d8e7ff;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:var(--hr-blue-soft);
    color:var(--hr-blue);
}

.hr-employee-list-page .hr-op-panel-action-icon svg,
.hr-employee-list-page .hr-op-panel-action-arrow svg{
    width:16px;
    height:16px;
    display:block;
}

.hr-employee-list-page .hr-op-panel-action-icon svg path,
.hr-employee-list-page .hr-op-panel-action-icon svg circle,
.hr-employee-list-page .hr-op-panel-action-icon svg rect{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.hr-employee-list-page .hr-op-panel-action-arrow{
    display:grid;
    place-items:center;
    color:#8aa0ba;
    transition:transform .18s ease,color .18s ease;
}

.hr-employee-list-page .hr-op-panel-action:hover .hr-op-panel-action-arrow{
    color:var(--hr-blue);
    transform:translateX(2px);
}

.hr-employee-list-page .hr-op-info-list{
    padding:12px 14px 14px;
    display:grid;
    gap:10px;
}

.hr-employee-list-page .hr-op-info-row{
    min-height:46px;
    padding:10px 12px;
    border:1px solid #eef3f8;
    border-radius:10px;
    display:grid;
    gap:4px;
    background:#fbfdff;
}

.hr-employee-list-page .hr-op-info-row span{
    margin:0;
    color:var(--hr-muted);
    font-size:11px;
    font-weight:850;
    letter-spacing:.02em;
    text-transform:uppercase;
}

.hr-employee-list-page .hr-op-info-row strong{
    color:var(--hr-text);
    font-size:13px;
    font-weight:850;
    line-height:1.35;
    word-break:break-word;
}

@media(min-width:1001px) and (max-width:1366px){
    .hr-employee-list-page .hr-op-table{
        width:100% !important;
        min-width:1180px !important;
        table-layout:fixed !important;
    }

    .hr-employee-list-page .hr-op-table thead th,
    .hr-employee-list-page .hr-op-table tbody td{
        height:58px !important;
        padding:0 12px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        line-height:1.2 !important;
    }

    .hr-employee-list-page .hr-op-table thead th{
        height:52px !important;
    }

    .hr-employee-list-page .hr-op-actions .employee-icon-btn,
    .hr-employee-list-page .hr-op-panel-toggle{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        padding:0 !important;
    }
}

@media(max-width:1280px){
    .hr-employee-list-page .hr-op-kpi-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .hr-employee-list-page .hr-op-charts-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel .employee-filter-form{
        grid-template-columns:repeat(3,minmax(180px,1fr));
    }

    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel .outline-btn,
    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel .clear-btn{
        width:100%;
    }
}

@media(max-width:1200px){
    .hr-employee-list-page .hr-op-content-layout.is-panel-open{
        grid-template-columns:1fr;
    }

    .hr-employee-list-page .hr-op-content-layout.is-panel-open > .hr-op-selected-panel.is-visible{
        grid-column:1;
        grid-row:auto;
    }

    .hr-employee-list-page .hr-op-selected-panel{
        width:100%;
        position:relative;
        top:0;
    }

    .hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open{
        padding-right:0;
    }

    .hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel{
        position:fixed;
        top:88px;
        right:16px;
        width:min(320px, calc(100vw - 32px));
        max-height:calc(100vh - 108px);
    }
}

@media(max-width:900px){
    .hr-employee-list-page .hr-op-kpi-grid,
    .hr-employee-list-page .hr-op-charts-grid,
    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel .employee-filter-form{
        grid-template-columns:1fr;
    }

    .hr-employee-list-page .hr-op-chart-body{
        grid-template-columns:1fr;
        justify-items:center;
    }

    .hr-employee-list-page .employee-result-summary{
        align-items:flex-start;
        flex-direction:column;
        padding:12px 16px;
    }
}

.app-dialog-message .hr-missing-preview{
    display:grid;
    gap:16px;
    color:#0b1f3a;
    font-weight:500;
    text-align:left;
}

.hr-missing-preview-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:stretch;
    padding:18px;
    border:1px solid #dbe7f5;
    border-radius:18px;
    background:radial-gradient(circle at 88% 12%, rgba(0,91,232,.13), transparent 28%),linear-gradient(135deg,#f8fbff 0%,#ffffff 100%);
    box-shadow:0 10px 24px rgba(15,35,65,.06);
}

.hr-missing-preview-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 10px;
    border-radius:999px;
    background:#edf4ff;
    color:#005be8;
    font-size:11px;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.hr-missing-preview-hero h3{
    margin:12px 0 6px;
    color:#0b1f3a;
    font-size:22px;
    font-weight:900;
    letter-spacing:-.02em;
}

.hr-missing-preview-hero p{
    margin:0;
    color:#64748b;
    font-size:13px;
    font-weight:650;
    line-height:1.5;
}

.hr-missing-preview-summary{
    min-width:310px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.hr-missing-preview-summary div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:14px 12px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e1e8f0;
    box-shadow:0 6px 14px rgba(15,35,65,.05);
    text-align:center;
}

.hr-missing-preview-summary strong{
    color:#0b1f3a;
    font-size:26px;
    line-height:1;
    font-weight:950;
}

.hr-missing-preview-summary span{
    color:#64748b;
    font-size:11px;
    font-weight:850;
}

.hr-missing-preview-chart-card,
.hr-missing-preview-list-card{
    border:1px solid #e1e8f0;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 20px rgba(15,35,65,.06);
    overflow:hidden;
}

.hr-missing-preview-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 18px;
    border-bottom:1px solid #edf2f7;
    background:#f8fbff;
}

.hr-missing-preview-section-head h4{
    margin:0;
    color:#0b1f3a;
    font-size:15px;
    font-weight:900;
}

.hr-missing-preview-section-head span{
    color:#64748b;
    font-size:12px;
    font-weight:750;
}

.hr-missing-preview-bars{
    display:grid;
    gap:12px;
    padding:18px;
}

.hr-missing-preview-bar-row{
    display:grid;
    grid-template-columns:minmax(180px,260px) minmax(160px,1fr) 92px;
    gap:14px;
    align-items:center;
}

.hr-missing-preview-bar-name{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}

.hr-missing-preview-bar-name span{
    width:25px;
    height:25px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:#edf4ff;
    color:#005be8;
    font-size:11px;
    font-weight:900;
}

.hr-missing-preview-bar-name strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0b1f3a;
    font-size:12.5px;
    font-weight:850;
}

.hr-missing-preview-bar-track{
    height:12px;
    border-radius:999px;
    background:#edf2f7;
    overflow:hidden;
}

.hr-missing-preview-bar-fill{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#005be8,#3f91ff);
    box-shadow:0 4px 12px rgba(0,91,232,.22);
}

.hr-missing-preview-bar-fill.is-document{
    background:linear-gradient(90deg,#f59e0b,#ffbf47);
    box-shadow:0 4px 12px rgba(245,158,11,.22);
}

.hr-missing-preview-bar-count{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
}

.hr-missing-preview-bar-count strong{
    color:#0b1f3a;
    font-size:16px;
    font-weight:950;
}

.hr-missing-preview-bar-count span{
    color:#64748b;
    font-size:10.5px;
    font-weight:800;
}

.hr-missing-preview-table-wrap{
    overflow:auto;
    max-height:390px;
}

.hr-missing-preview-table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
}

.hr-missing-preview-table th,
.hr-missing-preview-table td{
    padding:12px 14px;
    border-bottom:1px solid #edf2f7;
    text-align:left;
    vertical-align:middle;
}

.hr-missing-preview-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:#f4f7fb;
    color:#0b1f3a;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.02em;
}

.hr-missing-preview-table td{
    color:#203451;
    font-size:12.5px;
    font-weight:650;
}

.hr-missing-preview-table tbody tr:hover{
    background:#f8fbff;
}

.hr-missing-preview-project,
.hr-missing-preview-doc,
.hr-missing-preview-status{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    max-width:260px;
    padding:5px 9px;
    border-radius:999px;
    font-size:11.5px;
    font-weight:850;
    white-space:nowrap;
}

.hr-missing-preview-project{
    background:#edf4ff;
    color:#005be8;
}

.hr-missing-preview-doc{
    background:#fff4e6;
    color:#b45309;
}

.hr-missing-preview-status{
    background:#fff0f0;
    color:#ef4444;
}

.hr-missing-preview-empty{
    padding:18px;
    border:1px dashed #cbd8e6;
    border-radius:14px;
    background:#f8fbff;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    text-align:center;
}

.hr-missing-preview-note{
    padding:12px 18px;
    color:#64748b;
    background:#f8fbff;
    font-size:12px;
    font-weight:750;
}

@media(max-width:760px){
    .hr-missing-preview-hero{
        grid-template-columns:1fr;
    }

    .hr-missing-preview-summary{
        min-width:0;
    }

    .hr-missing-preview-bar-row{
        grid-template-columns:1fr;
        gap:8px;
    }

    .hr-missing-preview-bar-count{
        align-items:flex-start;
        flex-direction:row;
    }
}

.app-dialog-message .evrakDash-root{
    --evrakDash-blue:#0f5fe8;
    --evrakDash-blueSoft:#eaf3ff;
    --evrakDash-orange:#f59e0b;
    --evrakDash-text:#0f2344;
    --evrakDash-muted:#64748b;
    --evrakDash-border:#dbe5f0;
    display:grid;
    gap:16px;
    padding:2px;
    color:var(--evrakDash-text);
    font-weight:500;
    text-align:left;
}

.app-dialog-panel.is-wide:has(.evrakDash-root){
    width:min(920px, calc(100vw - 64px));
    max-height:calc(100vh - 72px);
    padding:16px;
}

.app-dialog-panel.is-wide:has(.evrakDash-root) .app-dialog-content h4{
    margin-bottom:10px;
    font-size:18px;
}

.app-dialog-panel.is-wide:has(.evrakDash-root) .app-dialog-message{
    font-size:13px;
}

.evrakDash-root .evrakDash-card{
    border:1px solid var(--evrakDash-border);
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 18px rgba(15,35,65,.055);
    overflow:hidden;
}

.evrakDash-root .evrakDash-sectionHead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:12px 16px;
    border-bottom:1px solid #edf2f7;
    background:linear-gradient(180deg,#fbfdff,#f8fbff);
}

.evrakDash-root .evrakDash-sectionHead span{
    display:inline-flex;
    min-height:24px;
    padding:4px 9px;
    border-radius:999px;
    background:var(--evrakDash-blueSoft);
    color:var(--evrakDash-blue);
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.evrakDash-root .evrakDash-sectionHead h4{
    margin:6px 0 0;
    color:var(--evrakDash-text);
    font-size:14px;
    font-weight:950;
    letter-spacing:-.02em;
}

.evrakDash-root .evrakDash-sectionHead em{
    color:var(--evrakDash-muted);
    font-size:12px;
    font-style:normal;
    font-weight:750;
    white-space:nowrap;
}

.evrakDash-root .evrakDash-twoCol{
    display:grid;
    grid-template-columns:minmax(180px,240px) minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:14px 16px;
}

.evrakDash-root .evrakDash-docPanel .evrakDash-twoCol{
    grid-template-columns:minmax(0,1fr) minmax(260px,330px);
}

.evrakDash-root .evrakDash-donutBox{
    min-height:176px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.evrakDash-root .evrakDash-canvasWrap{
    position:relative;
    width:100%;
    height:180px;
    min-height:180px;
    overflow:visible;
}

.evrakDash-root .evrakDash-donutWrap{
    width:min(176px,100%);
    min-height:176px;
    margin:0 auto;
}

.evrakDash-root .evrakDash-barWrap{
    height:198px;
    min-height:198px;
    padding:6px 0 0;
}

.evrakDash-root .evrakDash-canvasWrap canvas{
    width:100%;
    height:100%;
    max-height:210px;
}

.evrakDash-root .evrakDash-donutCenter{
    position:absolute;
    inset:50% auto auto 50%;
    width:92px;
    height:92px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    pointer-events:none;
    color:var(--evrakDash-text);
    background:#fff;
    box-shadow:inset 0 0 0 1px #edf2f7,0 8px 20px rgba(15,35,65,.06);
    z-index:1;
}

.evrakDash-root .evrakDash-tooltip{
    position:absolute;
    z-index:8;
    max-width:220px;
    padding:9px 11px;
    border-radius:10px;
    background:rgba(15,35,65,.94);
    color:#fff;
    box-shadow:0 12px 28px rgba(15,35,65,.22);
    pointer-events:none;
    transform:translate(-50%, calc(-100% - 12px));
    opacity:0;
    transition:opacity .12s ease;
}

.evrakDash-root .evrakDash-tooltip:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-6px;
    width:12px;
    height:12px;
    background:rgba(15,35,65,.94);
    transform:translateX(-50%) rotate(45deg);
}

.evrakDash-root .evrakDash-tooltip strong{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
}

.evrakDash-root .evrakDash-tooltip span{
    display:block;
    margin-top:4px;
    color:#dbeafe;
    font-size:11px;
    font-weight:800;
}

.evrakDash-root .evrakDash-donutCenter strong{
    font-size:24px;
    font-weight:950;
    line-height:1;
}

.evrakDash-root .evrakDash-donutCenter span{
    max-width:66px;
    color:var(--evrakDash-muted);
    font-size:9.5px;
    font-weight:850;
    line-height:1.15;
    text-align:center;
}

.evrakDash-root .evrakDash-rankList{
    display:grid;
    gap:8px;
    min-width:0;
}

.evrakDash-root .evrakDash-rankItem{
    display:grid;
    grid-template-columns:minmax(150px,230px) minmax(90px,1fr) 82px;
    gap:10px;
    align-items:center;
    min-width:0;
    padding:8px 10px;
    border:1px solid #edf2f7;
    border-radius:10px;
    background:#fbfdff;
}

.evrakDash-root .evrakDash-rankLeft{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
}

.evrakDash-root .evrakDash-rankNo{
    width:26px;
    height:26px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:var(--evrakDash-blueSoft);
    color:var(--evrakDash-blue);
    font-size:11px;
    font-weight:950;
}

.evrakDash-root .evrakDash-docIcon{
    width:30px;
    height:30px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    color:var(--evrakDash-orange);
    background:#fff7e8;
    box-shadow:inset 0 0 0 1px #fde6bf;
}

.evrakDash-root .evrakDash-docIcon svg{
    width:17px;
    height:17px;
}

.evrakDash-root .evrakDash-docIcon svg path{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.evrakDash-root .evrakDash-rankLeft strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--evrakDash-text);
    font-size:12px;
    font-weight:900;
}

.evrakDash-root .evrakDash-progress{
    height:10px;
    border-radius:999px;
    background:#edf2f7;
    overflow:hidden;
}

.evrakDash-root .evrakDash-progress span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--evrakDash-blue),#4a9cff);
    box-shadow:0 5px 14px rgba(15,95,232,.22);
}

.evrakDash-root .evrakDash-docList .evrakDash-progress span{
    background:linear-gradient(90deg,var(--evrakDash-orange),#ffbd45);
    box-shadow:0 5px 14px rgba(245,158,11,.22);
}

.evrakDash-root .evrakDash-rankCount{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
}

.evrakDash-root .evrakDash-rankCount strong{
    color:var(--evrakDash-text);
    font-size:15px;
    font-weight:950;
    line-height:1;
}

.evrakDash-root .evrakDash-rankCount span{
    color:var(--evrakDash-muted);
    font-size:10.5px;
    font-weight:800;
    white-space:nowrap;
}

.evrakDash-root .evrakDash-fallbackBars{
    height:184px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:11px;
    align-items:end;
    padding:8px 0 0;
}

.evrakDash-root.evrakDash-hasChart .evrakDash-fallbackBars{
    display:none;
}

.evrakDash-root .evrakDash-fallbackBar{
    min-width:0;
    display:grid;
    gap:6px;
    justify-items:center;
}

.evrakDash-root .evrakDash-fallbackBar div{
    width:100%;
    height:126px;
    display:flex;
    align-items:end;
    justify-content:center;
    border-radius:14px;
    background:#f4f7fb;
    padding:0 12px;
}

.evrakDash-root .evrakDash-fallbackBar div span{
    display:block;
    width:100%;
    min-height:8px;
    border-radius:10px 10px 0 0;
    background:linear-gradient(180deg,#ffbd45,var(--evrakDash-orange));
}

.evrakDash-root .evrakDash-fallbackBar strong{
    color:var(--evrakDash-text);
    font-size:13px;
    font-weight:950;
}

.evrakDash-root .evrakDash-fallbackBar em{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--evrakDash-muted);
    font-size:10px;
    font-style:normal;
    font-weight:800;
    text-align:center;
}

.evrakDash-root .evrakDash-kpiGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.evrakDash-root .evrakDash-kpiCard{
    min-height:72px;
    padding:12px 14px;
    border:1px solid var(--evrakDash-border);
    border-radius:12px;
    background:linear-gradient(180deg,#fff,#f8fbff);
    box-shadow:0 10px 22px rgba(15,35,65,.06);
}

.evrakDash-root .evrakDash-kpiCard span{
    display:block;
    color:var(--evrakDash-muted);
    font-size:11.5px;
    font-weight:850;
    line-height:1.3;
}

.evrakDash-root .evrakDash-kpiCard strong{
    display:block;
    margin-top:9px;
    color:var(--evrakDash-text);
    font-size:16px;
    font-weight:950;
    line-height:1.15;
}

.evrakDash-root .evrakDash-empty{
    padding:18px;
    border:1px dashed #cbd8e6;
    border-radius:14px;
    background:#f8fbff;
    color:var(--evrakDash-muted);
    font-size:13px;
    font-weight:800;
    text-align:center;
}

@media(max-width:900px){
    .evrakDash-root .evrakDash-twoCol,
    .evrakDash-root .evrakDash-docPanel .evrakDash-twoCol{
        grid-template-columns:1fr;
    }

    .evrakDash-root .evrakDash-kpiGrid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .evrakDash-root .evrakDash-rankItem{
        grid-template-columns:1fr;
        gap:8px;
    }

    .evrakDash-root .evrakDash-rankCount{
        align-items:flex-start;
    }

    .evrakDash-root .evrakDash-kpiGrid{
        grid-template-columns:1fr;
    }
}

.app-dialog-message .iseGirisDash-root{
    --iseGirisDash-green:#16a05d;
    --iseGirisDash-greenSoft:#eaf9f1;
    --iseGirisDash-blue:#0f5fe8;
    --iseGirisDash-text:#0f2344;
    --iseGirisDash-muted:#64748b;
    --iseGirisDash-border:#dbe5f0;
    display:grid;
    gap:16px;
    padding:2px;
    color:var(--iseGirisDash-text);
    font-weight:500;
    text-align:left;
}

.app-dialog-message .iseGirisDash-root.is-exit{
    --iseGirisDash-green:#ef4444;
    --iseGirisDash-greenSoft:#fff0f0;
    --iseGirisDash-blue:#ef4444;
}

.iseGirisDash-root .iseGirisDash-card{
    border:1px solid var(--iseGirisDash-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 28px rgba(15,35,65,.075);
    overflow:hidden;
}

.iseGirisDash-root .iseGirisDash-sectionHead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:17px 20px;
    border-bottom:1px solid #edf2f7;
    background:linear-gradient(180deg,#fbfffd,#f7fcfa);
}

.iseGirisDash-root.is-exit .iseGirisDash-sectionHead{
    background:linear-gradient(180deg,#fffafa,#fff6f6);
}

.iseGirisDash-root .iseGirisDash-sectionHead span{
    display:inline-flex;
    min-height:24px;
    padding:4px 9px;
    border-radius:999px;
    background:var(--iseGirisDash-greenSoft);
    color:var(--iseGirisDash-green);
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.iseGirisDash-root .iseGirisDash-sectionHead h4{
    margin:8px 0 0;
    color:var(--iseGirisDash-text);
    font-size:16px;
    font-weight:950;
    letter-spacing:-.02em;
}

.iseGirisDash-root .iseGirisDash-sectionHead em{
    color:var(--iseGirisDash-muted);
    font-size:12px;
    font-style:normal;
    font-weight:750;
    white-space:nowrap;
}

.iseGirisDash-root .iseGirisDash-twoCol{
    display:grid;
    grid-template-columns:minmax(250px,340px) minmax(0,1fr);
    gap:18px;
    align-items:center;
    padding:20px;
}

.iseGirisDash-root .iseGirisDash-donutBox{
    min-height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.iseGirisDash-root .iseGirisDash-canvasWrap{
    position:relative;
    width:100%;
    height:240px;
    min-height:240px;
    overflow:visible;
}

.iseGirisDash-root .iseGirisDash-donutWrap{
    width:min(240px,100%);
    min-height:240px;
    margin:0 auto;
}

.iseGirisDash-root .iseGirisDash-canvasWrap canvas{
    width:100%;
    height:100%;
    max-height:280px;
}

.iseGirisDash-root .iseGirisDash-donutCenter{
    position:absolute;
    inset:50% auto auto 50%;
    width:128px;
    height:128px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    pointer-events:none;
    color:var(--iseGirisDash-text);
    background:#fff;
    box-shadow:inset 0 0 0 1px #edf2f7,0 8px 20px rgba(15,35,65,.06);
    z-index:1;
}

.iseGirisDash-root .iseGirisDash-donutCenter strong{
    font-size:30px;
    font-weight:950;
    line-height:1;
}

.iseGirisDash-root .iseGirisDash-donutCenter span{
    max-width:84px;
    color:var(--iseGirisDash-muted);
    font-size:10.5px;
    font-weight:850;
    line-height:1.15;
    text-align:center;
}

.iseGirisDash-root .evrakDash-tooltip{
    position:absolute;
    z-index:8;
    max-width:220px;
    padding:9px 11px;
    border-radius:10px;
    background:rgba(15,35,65,.94);
    color:#fff;
    box-shadow:0 12px 28px rgba(15,35,65,.22);
    pointer-events:none;
    transform:translate(-50%, calc(-100% - 12px));
    opacity:0;
    transition:opacity .12s ease;
}

.iseGirisDash-root .evrakDash-tooltip:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-6px;
    width:12px;
    height:12px;
    background:rgba(15,35,65,.94);
    transform:translateX(-50%) rotate(45deg);
}

.iseGirisDash-root .evrakDash-tooltip strong{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
}

.iseGirisDash-root .evrakDash-tooltip span{
    display:block;
    margin-top:4px;
    color:#dcfce7;
    font-size:11px;
    font-weight:800;
}

.iseGirisDash-root.is-exit .evrakDash-tooltip span{
    color:#fee2e2;
}

.iseGirisDash-root .iseGirisDash-rankList{
    display:grid;
    gap:11px;
    min-width:0;
}

.iseGirisDash-root .iseGirisDash-rankItem{
    display:grid;
    grid-template-columns:minmax(170px,260px) minmax(110px,1fr) 96px;
    gap:13px;
    align-items:center;
    min-width:0;
    padding:9px 10px;
    border:1px solid #edf2f7;
    border-radius:14px;
    background:#fbfffd;
}

.iseGirisDash-root .iseGirisDash-rankLeft{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
}

.iseGirisDash-root .iseGirisDash-rankLeft span{
    width:26px;
    height:26px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:var(--iseGirisDash-greenSoft);
    color:var(--iseGirisDash-green);
    font-size:11px;
    font-weight:950;
}

.iseGirisDash-root .iseGirisDash-rankLeft strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--iseGirisDash-text);
    font-size:12.5px;
    font-weight:900;
}

.iseGirisDash-root .iseGirisDash-progress{
    height:12px;
    border-radius:999px;
    background:#edf2f7;
    overflow:hidden;
}

.iseGirisDash-root .iseGirisDash-progress span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--iseGirisDash-green),#42d48a);
    box-shadow:0 5px 14px rgba(22,160,93,.22);
}

.iseGirisDash-root .iseGirisDash-rankCount{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
}

.iseGirisDash-root .iseGirisDash-rankCount strong{
    color:var(--iseGirisDash-text);
    font-size:17px;
    font-weight:950;
    line-height:1;
}

.iseGirisDash-root .iseGirisDash-rankCount span{
    color:var(--iseGirisDash-muted);
    font-size:10.5px;
    font-weight:800;
    white-space:nowrap;
}

.iseGirisDash-root .iseGirisDash-employeeList{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:18px 20px 20px;
}

.iseGirisDash-root .iseGirisDash-employeeItem{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) minmax(120px,180px);
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid #edf2f7;
    border-radius:15px;
    background:#fbfdff;
}

.iseGirisDash-root .iseGirisDash-avatar{
    width:44px;
    height:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--iseGirisDash-greenSoft);
    color:var(--iseGirisDash-green);
    font-size:13px;
    font-weight:950;
}

.iseGirisDash-root .iseGirisDash-employeeCopy,
.iseGirisDash-root .iseGirisDash-employeeMeta{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.iseGirisDash-root .iseGirisDash-employeeCopy strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--iseGirisDash-text);
    font-size:13px;
    font-weight:950;
}

.iseGirisDash-root .iseGirisDash-employeeCopy span,
.iseGirisDash-root .iseGirisDash-employeeMeta em{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--iseGirisDash-muted);
    font-size:11.5px;
    font-style:normal;
    font-weight:750;
}

.iseGirisDash-root .iseGirisDash-employeeMeta span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    align-self:flex-start;
    max-width:100%;
    min-height:24px;
    padding:4px 9px;
    border-radius:999px;
    background:#edf4ff;
    color:var(--iseGirisDash-blue);
    font-size:11px;
    font-weight:900;
}

.iseGirisDash-root .iseGirisDash-kpiGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.iseGirisDash-root .iseGirisDash-kpiCard{
    min-height:92px;
    padding:15px 16px;
    border:1px solid var(--iseGirisDash-border);
    border-radius:18px;
    background:linear-gradient(180deg,#fff,#f8fbff);
    box-shadow:0 10px 22px rgba(15,35,65,.06);
}

.iseGirisDash-root .iseGirisDash-kpiCard span{
    display:block;
    color:var(--iseGirisDash-muted);
    font-size:11.5px;
    font-weight:850;
    line-height:1.3;
}

.iseGirisDash-root .iseGirisDash-kpiCard strong{
    display:block;
    margin-top:9px;
    color:var(--iseGirisDash-text);
    font-size:19px;
    font-weight:950;
    line-height:1.15;
}

.iseGirisDash-root .iseGirisDash-empty{
    padding:18px;
    border:1px dashed #cbd8e6;
    border-radius:14px;
    background:#f8fbff;
    color:var(--iseGirisDash-muted);
    font-size:13px;
    font-weight:800;
    text-align:center;
}

@media(max-width:900px){
    .iseGirisDash-root .iseGirisDash-twoCol,
    .iseGirisDash-root .iseGirisDash-employeeList{
        grid-template-columns:1fr;
    }

    .iseGirisDash-root .iseGirisDash-kpiGrid{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){
    .iseGirisDash-root .iseGirisDash-rankItem,
    .iseGirisDash-root .iseGirisDash-employeeItem{
        grid-template-columns:1fr;
        gap:8px;
    }

    .iseGirisDash-root .iseGirisDash-rankCount{
        align-items:flex-start;
    }
}

.app-dialog-message .ikLifecycleDash-root{
    --ikLife-navy:#0f2344;
    --ikLife-blue:#0f5fe8;
    --ikLife-green:#10b981;
    --ikLife-red:#ef4444;
    --ikLife-amber:#f59e0b;
    --ikLife-muted:#64748b;
    --ikLife-border:#dbe5f0;
    display:grid;
    gap:14px;
    padding:2px;
    color:var(--ikLife-navy);
    font-weight:600;
    text-align:left;
}

.ikLifecycleDash-hero{
    padding:18px 20px;
    border:1px solid var(--ikLife-border);
    border-radius:18px;
    background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 52%,#f7fff9 100%);
    box-shadow:0 12px 28px rgba(15,35,65,.07);
}

.ikLifecycleDash-hero span,
.ikLifecycleDash-cardHead span{
    display:inline-flex;
    min-height:24px;
    padding:4px 9px;
    border-radius:999px;
    background:#dff7ee;
    color:#087866;
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.ikLifecycleDash-hero h4{
    margin:9px 0 4px;
    color:var(--ikLife-navy);
    font-size:19px;
    font-weight:950;
    letter-spacing:-.02em;
}

.ikLifecycleDash-hero p{
    max-width:760px;
    margin:0;
    color:var(--ikLife-muted);
    font-size:12.5px;
    font-weight:750;
    line-height:1.5;
}

.ikLifecycleDash-kpiGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:11px;
}

.ikLifecycleDash-kpi{
    min-height:94px;
    padding:14px 15px;
    border:1px solid var(--ikLife-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 22px rgba(15,35,65,.055);
}

.ikLifecycleDash-kpi span,
.ikLifecycleDash-kpi em{
    display:block;
    min-width:0;
    overflow:hidden;
    color:var(--ikLife-muted);
    font-size:11px;
    font-style:normal;
    font-weight:850;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-kpi strong{
    display:block;
    min-width:0;
    margin:7px 0 4px;
    overflow:hidden;
    color:var(--ikLife-navy);
    font-size:20px;
    font-weight:950;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-workplaceGrid{
    display:grid;
    grid-template-columns:minmax(0,1.52fr) minmax(300px,.72fr);
    gap:14px;
}

.ikLifecycleDash-workplacePanel,
.ikLifecycleDash-focusPanel{
    min-height:100%;
}

.ikLifecycleDash-workplaceList,
.ikLifecycleDash-focusList{
    display:grid;
    gap:10px;
    padding:16px 17px 18px;
}

.ikLifecycleDash-workplaceRow{
    display:grid;
    grid-template-columns:minmax(185px,.82fr) minmax(235px,1fr);
    gap:12px 14px;
    align-items:center;
    min-width:0;
    padding:12px;
    border:1px solid #e6eef7;
    border-radius:15px;
    background:linear-gradient(180deg,#fff,#fbfdff);
}

.ikLifecycleDash-workplaceName,
.ikLifecycleDash-workplaceReason{
    min-width:0;
}

.ikLifecycleDash-workplaceName strong,
.ikLifecycleDash-workplaceReason strong{
    display:block;
    min-width:0;
    overflow:hidden;
    color:var(--ikLife-navy);
    font-size:12.5px;
    font-weight:950;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-workplaceName em,
.ikLifecycleDash-workplaceReason span{
    display:block;
    min-width:0;
    margin-top:4px;
    overflow:hidden;
    color:var(--ikLife-muted);
    font-size:10.5px;
    font-style:normal;
    font-weight:850;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-workplaceBars{
    display:grid;
    gap:5px;
    min-width:0;
}

.ikLifecycleDash-workplaceBars span{
    display:block;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#edf2f7;
}

.ikLifecycleDash-workplaceBars i{
    display:block;
    height:100%;
    border-radius:999px;
}

.ikLifecycleDash-workplaceBars .in{
    background:linear-gradient(90deg,var(--ikLife-green),#55d99a);
}

.ikLifecycleDash-workplaceBars .out{
    background:linear-gradient(90deg,var(--ikLife-red),#fb7185);
}

.ikLifecycleDash-workplaceBars .pending{
    background:linear-gradient(90deg,var(--ikLife-amber),#f97316);
}

.ikLifecycleDash-workplaceMetrics{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    min-width:0;
    grid-column:1 / -1;
}

.ikLifecycleDash-workplaceMetrics span{
    min-width:0;
    padding:8px 9px;
    overflow:hidden;
    border:1px solid #edf2f7;
    border-radius:11px;
    background:#f8fbff;
    color:var(--ikLife-muted);
    font-size:10px;
    font-weight:900;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-workplaceMetrics b{
    margin-left:3px;
    color:var(--ikLife-navy);
    font-weight:950;
}

.ikLifecycleDash-workplaceMetrics b.is-positive,
.ikLifecycleDash-focusCard b.is-positive{
    color:#059669;
}

.ikLifecycleDash-workplaceMetrics b.is-negative,
.ikLifecycleDash-focusCard b.is-negative{
    color:#dc2626;
}

.ikLifecycleDash-workplaceReason{
    grid-column:1 / -1;
    padding:9px 11px;
    border:1px solid #edf2f7;
    border-radius:12px;
    background:#fbfdff;
}

.ikLifecycleDash-focusCard{
    min-width:0;
    padding:13px;
    border:1px solid #e6eef7;
    border-radius:15px;
    background:linear-gradient(180deg,#fff,#f8fbff);
}

.ikLifecycleDash-focusCard span,
.ikLifecycleDash-focusCard em{
    display:block;
    min-width:0;
    overflow:hidden;
    color:var(--ikLife-muted);
    font-size:10.5px;
    font-style:normal;
    font-weight:900;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-focusCard strong{
    display:block;
    min-width:0;
    margin:7px 0 4px;
    overflow:hidden;
    color:var(--ikLife-navy);
    font-size:14px;
    font-weight:950;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-focusCard b{
    display:inline-flex;
    margin-top:9px;
    min-height:25px;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    background:#eef6ff;
    font-size:10.5px;
    font-weight:950;
}

.ikLifecycleDash-legend{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    padding:2px 1px 0;
}

.ikLifecycleDash-legend span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:5px 9px;
    border-radius:999px;
    background:#f8fafc;
    color:var(--ikLife-muted);
    font-size:10px;
    font-weight:950;
}

.ikLifecycleDash-legend span::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:6px;
    border-radius:999px;
    background:var(--ikLife-blue);
}

.ikLifecycleDash-legend .in::before{
    background:var(--ikLife-green);
}

.ikLifecycleDash-legend .out::before{
    background:var(--ikLife-red);
}

.ikLifecycleDash-legend .pending::before{
    background:var(--ikLife-amber);
}

.ikLifecycleDash-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:14px;
}

.ikLifecycleDash-grid.compact{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
}

.ikLifecycleDash-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--ikLife-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 28px rgba(15,35,65,.065);
}

.ikLifecycleDash-cardHead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:15px 17px;
    border-bottom:1px solid #edf2f7;
    background:#fbfdff;
}

.ikLifecycleDash-cardHead strong{
    color:var(--ikLife-navy);
    font-size:13px;
    font-weight:950;
    text-align:right;
}

.ikLifecycleDash-monthList,
.ikLifecycleDash-reasonList,
.ikLifecycleDash-recentList{
    display:grid;
    gap:10px;
    padding:16px 17px 18px;
}

.ikLifecycleDash-monthRow{
    display:grid;
    grid-template-columns:42px minmax(130px,1fr) minmax(165px,.78fr);
    gap:12px;
    align-items:center;
    min-width:0;
}

.ikLifecycleDash-monthRow > strong{
    color:var(--ikLife-muted);
    font-size:11px;
    font-weight:950;
}

.ikLifecycleDash-monthBars{
    display:grid;
    gap:5px;
    min-width:0;
}

.ikLifecycleDash-monthBars span{
    display:block;
    height:8px;
    border-radius:999px;
}

.ikLifecycleDash-monthBars .in{
    background:linear-gradient(90deg,var(--ikLife-green),#49d798);
}

.ikLifecycleDash-monthBars .out{
    background:linear-gradient(90deg,var(--ikLife-red),#fb7185);
}

.ikLifecycleDash-monthNums{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    align-items:center;
    min-width:0;
}

.ikLifecycleDash-monthNums span,
.ikLifecycleDash-monthNums b{
    min-width:0;
    overflow:hidden;
    color:var(--ikLife-muted);
    font-size:10.5px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-monthNums b{
    color:var(--ikLife-navy);
    text-align:right;
}

.ikLifecycleDash-reasonRow{
    display:grid;
    grid-template-columns:28px minmax(160px,1fr) minmax(120px,.7fr) 44px;
    gap:10px;
    align-items:center;
    min-width:0;
    padding:9px 10px;
    border:1px solid #edf2f7;
    border-radius:14px;
    background:#fbfdff;
}

.ikLifecycleDash-reasonRow > span{
    width:26px;
    height:26px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#eef4ff;
    color:var(--ikLife-blue);
    font-size:11px;
    font-weight:950;
}

.ikLifecycleDash-reasonRow div{
    min-width:0;
}

.ikLifecycleDash-reasonRow div strong,
.ikLifecycleDash-recentItem div strong{
    display:block;
    min-width:0;
    overflow:hidden;
    color:var(--ikLife-navy);
    font-size:12.5px;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-reasonRow div em,
.ikLifecycleDash-recentItem div em{
    display:block;
    min-width:0;
    margin-top:3px;
    overflow:hidden;
    color:var(--ikLife-muted);
    font-size:10.8px;
    font-style:normal;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ikLifecycleDash-reasonRow i{
    display:block;
    height:10px;
    overflow:hidden;
    border-radius:999px;
    background:#edf2f7;
}

.ikLifecycleDash-reasonRow i b{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--ikLife-amber),#f97316);
}

.ikLifecycleDash-reasonRow > strong{
    color:var(--ikLife-navy);
    font-size:15px;
    font-weight:950;
    text-align:right;
}

.ikLifecycleDash-statusGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:16px 17px 18px;
}

.ikLifecycleDash-statusItem{
    min-height:76px;
    padding:13px;
    border:1px solid #edf2f7;
    border-radius:15px;
    background:#fbfdff;
}

.ikLifecycleDash-statusItem span{
    display:block;
    color:var(--ikLife-muted);
    font-size:11px;
    font-weight:900;
}

.ikLifecycleDash-statusItem strong{
    display:block;
    margin-top:8px;
    color:var(--ikLife-navy);
    font-size:21px;
    font-weight:950;
}

.ikLifecycleDash-statusItem.is-onay_bekliyor,
.ikLifecycleDash-statusItem.is-sgk_bekliyor{
    background:#fffbeb;
}

.ikLifecycleDash-statusItem.is-reddedildi{
    background:#fff1f2;
}

.ikLifecycleDash-statusItem.is-tamamlanan,
.ikLifecycleDash-statusItem.is-onaylandi{
    background:#ecfdf5;
}

.ikLifecycleDash-recentItem{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 64px 86px;
    gap:10px;
    align-items:center;
    min-width:0;
    padding:10px;
    border:1px solid #edf2f7;
    border-radius:14px;
    background:#fbfdff;
}

.ikLifecycleDash-recentItem > span{
    width:40px;
    height:40px;
    border-radius:13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ecfdf5;
    color:var(--ikLife-green);
    font-size:12px;
    font-weight:950;
}

.ikLifecycleDash-recentItem.is-cikis > span{
    background:#fff1f2;
    color:var(--ikLife-red);
}

.ikLifecycleDash-recentItem b{
    justify-self:start;
    min-height:24px;
    padding:5px 9px;
    border-radius:999px;
    background:#eaf7f1;
    color:var(--ikLife-green);
    font-size:10px;
    font-weight:950;
}

.ikLifecycleDash-recentItem.is-cikis b{
    background:#fee2e2;
    color:var(--ikLife-red);
}

.ikLifecycleDash-recentItem small{
    color:var(--ikLife-muted);
    font-size:11px;
    font-weight:850;
    text-align:right;
    white-space:nowrap;
}

.ikLifecycleDash-empty{
    padding:18px;
    border:1px dashed #cbd8e6;
    border-radius:14px;
    background:#f8fbff;
    color:var(--ikLife-muted);
    font-size:13px;
    font-weight:850;
    text-align:center;
}

@media(max-width:980px){
    .ikLifecycleDash-kpiGrid,
    .ikLifecycleDash-workplaceGrid,
    .ikLifecycleDash-grid,
    .ikLifecycleDash-grid.compact{
        grid-template-columns:1fr;
    }
}

@media(max-width:680px){
    .ikLifecycleDash-kpiGrid,
    .ikLifecycleDash-workplaceMetrics,
    .ikLifecycleDash-statusGrid{
        grid-template-columns:1fr;
    }

    .ikLifecycleDash-monthRow,
    .ikLifecycleDash-workplaceRow,
    .ikLifecycleDash-reasonRow,
    .ikLifecycleDash-recentItem{
        grid-template-columns:1fr;
    }

    .ikLifecycleDash-monthNums{
        grid-template-columns:1fr;
    }

    .ikLifecycleDash-reasonRow > strong,
    .ikLifecycleDash-monthNums b,
    .ikLifecycleDash-recentItem small{
        text-align:left;
    }
}

@media(min-width:901px){
    .admin-layout.is-hr-list-v2-layout .sidebar{
        width:240px;
    }

    .admin-layout.is-hr-list-v2-layout .main-panel{
        margin-left:var(--hr-v2-main-offset);
        width:calc(100vw - var(--hr-v2-main-offset));
        max-width:calc(100vw - var(--hr-v2-main-offset))!important;
    }

    body.nav-collapsed-preload .admin-layout.is-hr-list-v2-layout .sidebar,
    .admin-layout.is-hr-list-v2-layout.nav-collapsed .sidebar{
        transform:translateX(calc(-1 * var(--hr-v2-sidebar-total) + 4px))!important;
        opacity:.96;
        z-index:90;
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed.nav-hover-enabled .sidebar:hover{
        transform:translateX(0);
        background:radial-gradient(circle at 50% 10%,rgba(42,119,214,.18),transparent 24%),linear-gradient(180deg,rgba(38,54,79,.90) 0%,rgba(23,41,65,.86) 34%,rgba(8,24,44,.82) 100%);
        border-right-color:rgba(130,180,235,.24);
        box-shadow:18px 0 42px rgba(8,22,43,.20);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
        opacity:1;
    }

    body.nav-collapsed-preload .admin-layout.is-hr-list-v2-layout .main-panel,
    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel{
        margin-left:0!important;
        width:100vw!important;
        max-width:100vw!important;
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .content-area{
        padding-left:4px!important;
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .hr-employee-list-page,
    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .hr-op-content-layout,
    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 .hr-op-main-column{
        margin-left:0!important;
        padding-left:0!important;
    }

    .admin-layout.is-hr-list-v2-layout.nav-collapsed .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
        left:0!important;
    }

    .admin-layout .main-panel.is-hr-list-v2 > .topbar.hr-v2-topbar{
        left:var(--hr-v2-main-offset, var(--admin-sidebar-width, 240px));
        height:58px;
        padding:0 8px;
        gap:10px;
    }

    .admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-left{
        min-width:250px;
        gap:8px;
    }

    .admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-title strong{
        font-size:16px;
    }

    .admin-layout .main-panel.is-hr-list-v2 .hr-v2-breadcrumb{
        font-size:12px;
    }

    .admin-layout .main-panel.is-hr-list-v2 .hr-v2-topbar-actions{
        gap:8px;
    }

    .admin-layout .main-panel.is-hr-list-v2 .hr-v2-quick-btn,
    .admin-layout .main-panel.is-hr-list-v2 .hr-v2-icon-btn{
        min-height:32px;
        padding:0 8px;
        font-size:11px;
    }

    .hr-employee-list-page{
        gap:10px;
        font-size:12px;
    }

    .hr-employee-list-page .hr-op-toolbar,
    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel,
    .hr-employee-list-page .hr-op-table-card,
    .hr-employee-list-page .hr-op-chart-card,
    .hr-employee-list-page .hr-op-selected-panel{
        border-radius:12px;
    }

    .hr-employee-list-page .hr-op-kpi-grid,
    .hr-employee-list-page .hr-op-charts-grid{
        gap:8px;
    }

    .hr-employee-list-page .hr-op-kpi-card{
        height:112px;
        padding:9px 10px;
        border-radius:12px;
    }

    .hr-employee-list-page .hr-op-kpi-title,
    .hr-employee-list-page .hr-op-kpi-pill,
    .hr-employee-list-page .hr-op-kpi-link{
        font-size:10.5px;
    }

    .hr-employee-list-page .hr-op-kpi-top{
        gap:8px;
    }

    .hr-employee-list-page .hr-op-kpi-icon{
        width:34px;
        height:34px;
        border-radius:10px;
    }

    .hr-employee-list-page .hr-op-kpi-icon svg{
        width:17px;
        height:17px;
    }

    .hr-employee-list-page .hr-op-kpi-value{
        font-size:22px;
    }

    .hr-employee-list-page .hr-op-kpi-pill{
        min-height:21px;
        padding:3px 7px;
    }

    .hr-employee-list-page .hr-op-kpi-link{
        min-height:22px;
        padding-top:5px;
    }

    .hr-employee-list-page .hr-op-kpi-link span{
        width:19px;
        height:19px;
    }

    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel{
        padding:10px 12px;
    }

    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel select,
    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel input{
        min-height:34px;
        font-size:11.5px;
        padding:0 9px;
    }

    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel .outline-btn,
    .hr-employee-list-page .employee-command-panel.hr-op-filter-panel .clear-btn{
        min-height:34px;
        font-size:11.5px;
        padding:0 10px;
    }

    .hr-employee-list-page .hr-op-table{
        min-width:1020px;
    }

    .hr-employee-list-page .hr-op-table .hr-op-col-status{width:70px}
    .hr-employee-list-page .hr-op-table .hr-op-col-photo{width:78px}
    .hr-employee-list-page .hr-op-table .hr-op-col-name{width:170px}
    .hr-employee-list-page .hr-op-table .hr-op-col-tc{width:125px}
    .hr-employee-list-page .hr-op-table .hr-op-col-project{width:180px}
    .hr-employee-list-page .hr-op-table .hr-op-col-duty{width:150px}
    .hr-employee-list-page .hr-op-table .hr-op-col-date{width:112px}
    .hr-employee-list-page .hr-op-table .hr-op-col-actions{width:156px}

    .hr-employee-list-page .hr-op-table th:nth-child(8),
    .hr-employee-list-page .hr-op-table td:nth-child(8){
        position:sticky;
        right:0;
        z-index:4;
        background:#fff;
        box-shadow:-8px 0 12px rgba(15,35,65,.06);
    }

    .hr-employee-list-page .hr-op-table thead th:nth-child(8){
        z-index:6;
        background:#f4f7fb;
    }

    .hr-employee-list-page .hr-op-table thead th{
        height:36px;
        padding:7px 8px;
        font-size:10px;
    }

    .hr-employee-list-page .hr-op-table tbody td{
        height:46px;
        padding:7px 8px;
        font-size:11.5px;
    }

    .hr-employee-list-page .employee-avatar-photo,
    .hr-employee-list-page .employee-avatar-placeholder{
        width:30px;
        height:30px;
    }

    .hr-employee-list-page .employee-name-text,
    .hr-employee-list-page .employee-name-cell strong{
        font-size:12px;
    }

    .hr-employee-list-page .hr-op-actions{
        justify-content:flex-end;
        gap:4px;
    }

    .hr-employee-list-page .hr-op-actions .employee-icon-btn,
    .hr-employee-list-page .hr-op-panel-toggle{
        width:30px;
        min-width:30px;
        height:30px;
        border-radius:7px;
    }

    .hr-employee-list-page .hr-op-actions svg{
        width:14px;
        height:14px;
    }

    .hr-employee-list-page .department-badge{
        padding:4px 7px;
        font-size:11px;
    }

    .hr-employee-list-page .hr-op-chart-card{
        height:148px;
        padding:8px 9px;
        border-radius:10px;
    }

    .hr-employee-list-page .hr-op-chart-head h3{
        font-size:13px;
        line-height:1.25;
    }

    .hr-employee-list-page .hr-op-chart-head button{
        height:24px;
        min-height:24px;
        padding:0 8px;
        font-size:10px;
        border-radius:7px;
    }

    .hr-employee-list-page .hr-op-chart-body{
        grid-template-columns:78px minmax(0,1fr);
        gap:7px;
    }

    .hr-employee-list-page .hr-op-donut{
        width:76px;
        height:76px;
    }

    .hr-employee-list-page .hr-op-donut-center{
        width:42px;
        height:42px;
    }

    .hr-employee-list-page .hr-op-donut-center strong{
        font-size:15px;
    }

    .hr-employee-list-page .hr-op-donut-center span{
        margin-top:1px;
        font-size:8.5px;
    }

    .hr-employee-list-page .hr-op-legend{
        gap:6px;
    }

    .hr-employee-list-page .hr-op-legend-row{
        grid-template-columns:8px minmax(0,1fr) auto;
        font-size:10px;
        gap:5px;
    }

    .hr-employee-list-page .hr-op-legend-dot{
        width:7px;
        height:7px;
    }

    .hr-employee-list-page .hr-op-bars{
        gap:8px;
        padding:4px 2px 0;
    }

    .hr-employee-list-page .hr-op-bar-row{
        grid-template-columns:92px minmax(0,1fr) 18px;
        gap:7px;
        font-size:10px;
    }

    .hr-employee-list-page .hr-op-bar-track{
        height:12px;
    }
}

@media(min-width:901px){
    .employee-detail-v1{
        gap:10px;
    }

    .employee-detail-v1 .detail1-card{
        border-radius:10px;
    }

    .employee-detail-v1 .detail1-toolbar{
        padding:10px 14px;
        gap:10px;
    }

    .employee-detail-v1 .detail1-toolbar-actions{
        gap:7px;
    }

    .employee-detail-v1 .detail1-toolbar-actions .detail2-btn,
    .employee-detail-v1 .detail2-btn{
        min-height:32px;
        padding:0 10px;
        font-size:11.5px;
        border-radius:7px;
    }

    .employee-detail-v1 .detail2-btn svg{
        width:14px;
        height:14px;
    }

    .employee-detail-v1 .detail1-hero-grid{
        grid-template-columns:230px minmax(0,1fr) 220px;
        gap:10px;
    }

    .employee-detail-v1 .detail1-profile-card,
    .employee-detail-v1 .detail1-summary-card{
        padding:13px;
        gap:10px;
    }

    .employee-detail-v1 .detail1-photo{
        width:88px;
        height:88px;
        border-radius:18px;
    }

    .employee-detail-v1 .detail1-photo svg{
        width:38px;
        height:38px;
    }

    .employee-detail-v1 .detail1-profile-title{
        gap:3px;
    }

    .employee-detail-v1 .detail1-profile-title h3{
        font-size:18px;
        line-height:1.15;
    }

    .employee-detail-v1 .detail1-profile-title p{
        font-size:11.5px;
        margin:0;
    }

    .employee-detail-v1 .detail1-chip-row{
        gap:5px;
    }

    .employee-detail-v1 .detail1-chip{
        min-height:22px;
        padding:0 8px;
        font-size:10.5px;
    }

    .employee-detail-v1 .detail1-quick-list{
        gap:6px;
    }

    .employee-detail-v1 .detail1-quick-item{
        min-height:36px;
        grid-template-columns:28px minmax(0,1fr);
        gap:8px;
        padding:0 8px;
        border-radius:8px;
    }

    .employee-detail-v1 .detail1-quick-icon{
        width:28px;
        height:28px;
        border-radius:8px;
    }

    .employee-detail-v1 .detail1-quick-icon svg{
        width:14px;
        height:14px;
    }

    .employee-detail-v1 .detail1-quick-copy strong{
        margin-bottom:1px;
        font-size:10.5px;
    }

    .employee-detail-v1 .detail1-quick-copy span{
        font-size:12px;
    }

    .employee-detail-v1 .detail1-kpi-grid{
        gap:8px;
    }

    .employee-detail-v1 .detail1-kpi-card{
        padding:9px;
        gap:6px;
        border-radius:9px;
    }

    .employee-detail-v1 .detail1-kpi-top{
        gap:8px;
    }

    .employee-detail-v1 .detail1-kpi-icon{
        width:30px;
        height:30px;
        border-radius:8px;
    }

    .employee-detail-v1 .detail1-kpi-icon svg{
        width:15px;
        height:15px;
    }

    .employee-detail-v1 .detail1-kpi-copy span{
        font-size:10.5px;
    }

    .employee-detail-v1 .detail1-kpi-copy strong{
        margin-top:2px;
        font-size:17px;
    }

    .employee-detail-v1 .detail2-badge{
        min-width:54px;
        height:21px;
        padding:0 6px;
        font-size:10px;
    }

    .employee-detail-v1 .detail1-info-grid{
        gap:8px;
    }

    .employee-detail-v1 .detail1-info-panel{
        padding:10px;
        gap:9px;
        border-radius:9px;
    }

    .employee-detail-v1 .detail1-info-panel h4{
        padding-bottom:8px;
        font-size:13px;
    }

    .employee-detail-v1 .detail1-info-list{
        gap:8px;
    }

    .employee-detail-v1 .detail1-info-row{
        grid-template-columns:110px minmax(0,1fr);
        gap:9px;
    }

    .employee-detail-v1 .detail1-info-row strong{
        font-size:10.5px;
    }

    .employee-detail-v1 .detail1-info-row span{
        font-size:12px;
        line-height:1.35;
    }

    .employee-detail-v1 .detail1-fast-card{
        padding:12px;
        gap:9px;
    }

    .employee-detail-v1 .detail1-fast-card h4{
        font-size:15px;
    }

    .employee-detail-v1 .detail1-fast-card p{
        font-size:11.5px;
        line-height:1.4;
    }

    .employee-detail-v1 .detail1-fast-list{
        gap:5px;
    }

    .employee-detail-v1 .detail1-fast-row{
        padding:6px 0;
        font-size:11.5px;
    }

    .employee-detail-v1 .detail1-tabbar{
        min-height:40px;
        padding:0 8px;
        margin-bottom:10px;
        gap:8px;
        border-radius:9px;
    }

    .employee-detail-v1 .detail1-tab{
        min-height:40px;
        padding:0 8px;
        font-size:11.5px;
        border-bottom-width:2px;
    }

    .employee-detail-v1 .detail1-full-card{
        margin-bottom:10px;
    }

    .employee-detail-v1 .detail1-lower-grid,
    .employee-detail-v1 .detail1-stack{
        gap:10px;
    }

    .employee-detail-v1 .detail1-panel-card,
    .employee-detail-v1 .detail1-other-card{
        padding:12px;
        gap:10px;
    }

    .employee-detail-v1 .detail1-panel-head{
        gap:10px;
        padding-bottom:8px;
    }

    .employee-detail-v1 .detail1-panel-head h4,
    .employee-detail-v1 .detail1-other-card h4{
        font-size:15px;
    }

    .employee-detail-v1 .detail1-panel-head p{
        margin-top:3px;
        font-size:11.5px;
        line-height:1.4;
    }

    .employee-detail-v1 .detail1-link-btn{
        padding:6px 9px;
        font-size:11px;
        border-radius:7px;
    }

    .employee-detail-v1 .detail1-document-table{
        min-width:980px;
    }

    .employee-detail-v1 .detail1-document-table th,
    .employee-detail-v1 .detail1-document-table td{
        padding:8px 8px;
        font-size:11.5px;
    }

    .employee-detail-v1 .detail1-document-table td strong{
        font-size:12px;
    }

    .employee-detail-v1 .detail1-document-table td span{
        font-size:10.5px;
    }

    .employee-detail-v1 .detail1-ozluk-document-table{
        min-width:1060px;
    }

    .employee-detail-v1 .detail1-ozluk-document-table .mini-btn.icon-only{
        width:30px;
        min-width:30px;
        height:30px;
        flex-basis:30px;
        border-radius:7px;
    }

    .employee-detail-v1 .detail1-ozluk-document-table .mini-btn.icon-only svg{
        width:14px;
        height:14px;
    }

    .employee-detail-v1 .detail1-timeline{
        gap:8px;
    }

    .employee-detail-v1 .detail1-timeline-item{
        grid-template-columns:76px minmax(0,1fr);
        gap:10px;
        padding:10px;
        border-radius:9px;
    }

    .employee-detail-v1 .detail1-timeline-date strong,
    .employee-detail-v1 .detail1-timeline-copy h5{
        font-size:13px;
    }

    .employee-detail-v1 .detail1-timeline-date span,
    .employee-detail-v1 .detail1-timeline-copy p{
        font-size:11.5px;
        line-height:1.4;
    }

    .employee-detail-v1 .detail1-other-grid{
        gap:10px;
    }

    .employee-detail-v1 .detail1-other-item label{
        font-size:10.5px;
    }

    .employee-detail-v1 .detail1-other-item span,
    .employee-detail-v1 .detail1-note-box,
    .employee-detail-v1 .detail2-empty-state{
        font-size:12px;
        line-height:1.45;
    }
}

/* Final HR list panel rule: side card is slimmer and the table yields space. */
.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open{
    padding-right:304px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-main-column{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table-card{
    max-width:100%!important;
    overflow:hidden!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table-wrap{
    max-width:100%!important;
    overflow:auto!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open .hr-op-table{
    min-width:980px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel{
    width:284px!important;
    right:16px!important;
    max-height:calc(100vh - 104px)!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel .hr-op-panel-head{
    height:48px!important;
    padding:0 14px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel .hr-op-panel-profile{
    padding:18px 14px 16px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel .hr-op-panel-avatar{
    width:78px!important;
    height:78px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel .hr-op-panel-action{
    min-height:48px!important;
    padding:0 14px!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .employee-command-panel.hr-op-filter-panel{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
}

.hr-employee-list-page.hr-employee-list-page-v2 .employee-command-panel.hr-op-filter-panel .employee-filter-form{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    padding:8px 10px 9px!important;
    border-radius:10px!important;
    grid-template-columns:minmax(86px,118px) minmax(108px,150px) minmax(170px,260px) minmax(240px,1fr) minmax(176px,260px) 82px 92px!important;
    column-gap:7px!important;
    row-gap:7px!important;
}

@media(max-width:1200px){
    .hr-employee-list-page.hr-employee-list-page-v2 .hr-op-content-layout.is-panel-open{
        padding-right:0!important;
    }

    .hr-employee-list-page.hr-employee-list-page-v2 .hr-op-selected-panel{
        width:min(284px, calc(100vw - 32px))!important;
    }
}

/* Employee detail top area no longer has the quick-info side card. */
.employee-detail-v1 .detail1-hero-grid{
    grid-template-columns:300px minmax(0,1fr)!important;
}

@media(min-width:901px) and (max-width:1400px){
    .employee-detail-v1 .detail1-hero-grid{
        grid-template-columns:230px minmax(0,1fr)!important;
    }
}

@media(max-width:900px){
    .employee-detail-v1 .detail1-hero-grid{
        grid-template-columns:1fr!important;
    }
}

/* HR dashboard v4: scoped module dashboard styling. */
.employee-command-panel-dashboard{
    width:100%;
    max-width:100%;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.employee-list-layout .hr-dashboard-v4,
.employee-command-panel-dashboard .hr-dashboard-v4{
    width:100%;
    box-sizing:border-box;
}

.hr-dashboard-v4{
    --hrd-ink:#172033;
    --hrd-muted:#667085;
    --hrd-line:#dbe3ef;
    --hrd-soft:#f5f8fb;
    --hrd-blue:#2563eb;
    --hrd-green:#0f9f6e;
    --hrd-red:#e55353;
    --hrd-warm:#f59e0b;
    --hrd-navy:#172b43;
    --hrd-panel:#ffffff;
    color:var(--hrd-ink);
    font-family:Inter, "Segoe UI", Arial, sans-serif;
}

.hr-dashboard-v4 *{
    box-sizing:border-box;
    min-width:0;
}

.hrd-command{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.hrd-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,360px);
    gap:18px;
    align-items:stretch;
    min-height:238px;
    padding:22px;
    border-radius:8px;
    color:#fff;
    background:
        linear-gradient(135deg, rgba(23,43,67,.96), rgba(20,71,96,.92)),
        radial-gradient(circle at 88% 14%, rgba(20,184,166,.28), transparent 34%);
    box-shadow:0 18px 44px rgba(15,23,42,.18);
    overflow:hidden;
}

.hrd-hero-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
}

.hrd-eyebrow,
.hrd-card-kicker,
.hrd-section-head > div > span{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hrd-hero .hrd-eyebrow{
    color:#a7f3d0;
}

.hrd-hero h1{
    margin:0;
    max-width:820px;
    color:#fff;
    font-size:clamp(28px, 3vw, 44px);
    line-height:1.02;
    font-weight:850;
    letter-spacing:0;
}

.hrd-hero p{
    margin:0;
    max-width:720px;
    color:rgba(255,255,255,.82);
    font-size:15px;
    line-height:1.6;
}

.hrd-hero-tags,
.hrd-filter-tabs,
.hrd-quick-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.hrd-hero-tags span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.1);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.hrd-hero-filter{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
    padding:16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
}

.hrd-hero-filter label{
    color:rgba(255,255,255,.75);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.hrd-hero-filter select{
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:8px;
    background:#fff;
    color:var(--hrd-ink);
    font-weight:750;
    outline:0;
}

.hrd-filter-tabs a{
    flex:1 1 74px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:36px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:8px;
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.hrd-filter-tabs a.is-active{
    background:#fff;
    color:var(--hrd-navy);
}

.hrd-command-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 210px;
    gap:12px;
    align-items:stretch;
}

.hrd-quick-actions,
.hrd-project-pulse{
    padding:12px;
    border:1px solid var(--hrd-line);
    border-radius:8px;
    background:var(--hrd-panel);
    box-shadow:0 12px 28px rgba(15,23,42,.08);
}

.hrd-action{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:9px 12px;
    border:1px solid var(--hrd-line);
    border-radius:8px;
    color:var(--hrd-ink);
    background:#fff;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.hrd-action:hover,
.hrd-action:focus{
    border-color:#9fb4cf;
    color:#0f3f74;
}

.hrd-action.is-primary{
    border-color:var(--hrd-blue);
    background:var(--hrd-blue);
    color:#fff;
}

.hrd-action span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
}

.hrd-project-pulse{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.hrd-project-pulse span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    border-radius:8px;
    color:#fff;
    background:linear-gradient(135deg, var(--hrd-green), #14b8a6);
    font-size:22px;
    font-weight:900;
}

.hrd-project-pulse strong{
    color:var(--hrd-muted);
    font-size:12px;
    line-height:1.35;
    text-transform:uppercase;
}

.hrd-hero-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.hrd-metric,
.hrd-card{
    border:1px solid var(--hrd-line);
    border-radius:8px;
    background:var(--hrd-panel);
    box-shadow:0 14px 30px rgba(15,23,42,.08);
}

.hrd-metric{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:14px;
}

.hrd-metric span{
    color:var(--hrd-muted);
    font-size:12px;
    font-weight:800;
}

.hrd-metric strong{
    color:var(--hrd-ink);
    font-size:22px;
    line-height:1.1;
    font-weight:900;
}

.hrd-metric small{
    color:#7b8798;
    font-size:11px;
    font-weight:750;
}

.hrd-main{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.hrd-focus-grid,
.hrd-workbench{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:14px;
}

.hrd-workbench{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
}

.hrd-workbench-compact{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.hrd-card{
    padding:16px;
    overflow:hidden;
}

.hrd-card-wide{
    min-height:318px;
}

.hrd-card-accent{
    background:linear-gradient(145deg,#ffffff,#eef7ff);
}

.hrd-card > strong{
    display:block;
    margin-top:8px;
    color:var(--hrd-ink);
    font-size:36px;
    line-height:1;
    font-weight:900;
}

.hrd-card > strong.is-positive{
    color:var(--hrd-green);
}

.hrd-card > strong.is-negative{
    color:var(--hrd-red);
}

.hrd-card p{
    margin:8px 0 0;
    color:var(--hrd-muted);
    font-size:13px;
    line-height:1.45;
}

.hrd-split-stat{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:16px;
}

.hrd-split-stat span,
.hrd-muted-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:34px;
    padding:8px 10px;
    border-radius:8px;
    background:var(--hrd-soft);
    color:var(--hrd-muted);
    font-size:12px;
    font-weight:750;
}

.hrd-split-stat b{
    color:var(--hrd-ink);
    font-size:15px;
}

.hrd-gender-bars{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-top:14px;
}

.hrd-gender-bars > div{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) 68px;
    gap:10px;
    align-items:center;
    color:var(--hrd-muted);
    font-size:12px;
    font-weight:800;
}

.hrd-progress,
.hrd-project-volume{
    height:9px;
    border-radius:999px;
    background:#e8eef6;
    overflow:hidden;
}

.hrd-progress i,
.hrd-project-volume i{
    display:block;
    height:100%;
    border-radius:999px;
    background:var(--hrd-blue);
}

.hrd-progress.is-green i{
    background:var(--hrd-green);
}

.hrd-gender-bars b{
    justify-self:end;
    color:var(--hrd-ink);
}

.hrd-section-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    margin-bottom:14px;
}

.hrd-section-head h2{
    margin:3px 0 0;
    color:var(--hrd-ink);
    font-size:18px;
    line-height:1.2;
    font-weight:900;
}

.hrd-legend{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}

.hrd-legend span{
    display:inline-flex;
    gap:6px;
    align-items:center;
    color:var(--hrd-muted);
    font-size:12px;
    font-weight:800;
}

.hrd-legend i,
.hrd-list i{
    width:9px;
    height:9px;
    border-radius:999px;
    display:inline-block;
}

.hrd-legend i.is-blue,
.hrd-bars .is-blue,
.hrd-age-gender .is-blue,
.hrd-project-mix .is-blue{
    background:var(--hrd-blue);
}

.hrd-legend i.is-red,
.hrd-bars .is-red{
    background:var(--hrd-red);
}

.hrd-trend-chart{
    display:grid;
    grid-template-columns:repeat(8,minmax(42px,1fr));
    gap:10px;
    align-items:end;
    min-height:198px;
    padding-top:10px;
}

.hrd-trend-col{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;
}

.hrd-bars{
    display:flex;
    align-items:flex-end;
    gap:5px;
    width:100%;
    height:150px;
    justify-content:center;
    border-bottom:1px solid var(--hrd-line);
}

.hrd-bars span,
.hrd-age-gender span{
    position:relative;
    display:block;
    width:17px;
    min-height:8px;
    border-radius:8px 8px 2px 2px;
}

.hrd-bars b,
.hrd-age-gender b{
    position:absolute;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    margin-bottom:4px;
    color:var(--hrd-muted);
    font-size:10px;
    font-weight:800;
}

.hrd-trend-col small,
.hrd-age-gender small{
    color:var(--hrd-muted);
    font-size:11px;
    font-weight:800;
}

.hrd-pill{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 10px;
    border-radius:999px;
    background:#eaf2ff;
    color:#164c9d;
    font-size:12px;
}

.hrd-project-table{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.hrd-project-row{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) minmax(94px,150px) minmax(70px,100px);
    gap:10px;
    align-items:center;
    min-height:54px;
    padding:10px;
    border:1px solid #e7edf6;
    border-radius:8px;
    background:#fbfdff;
}

.hrd-project-row > b{
    display:flex;
    justify-content:center;
    align-items:center;
    width:30px;
    height:30px;
    border-radius:8px;
    background:var(--hrd-soft);
    color:var(--hrd-muted);
    font-size:12px;
}

.hrd-project-row strong{
    display:block;
    color:var(--hrd-ink);
    font-size:13px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hrd-project-row span{
    display:block;
    margin-top:3px;
    color:var(--hrd-muted);
    font-size:11px;
    line-height:1.3;
}

.hrd-project-mix{
    display:flex;
    height:12px;
    border-radius:999px;
    overflow:hidden;
    background:#e8eef6;
}

.hrd-project-mix .is-green,
.hrd-age-gender .is-green{
    background:var(--hrd-green);
}

.hrd-donut-layout{
    display:grid;
    grid-template-columns:128px minmax(0,1fr);
    gap:16px;
    align-items:center;
}

.hrd-donut{
    display:flex;
    align-items:center;
    justify-content:center;
    width:128px;
    height:128px;
    border-radius:50%;
}

.hrd-donut > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:78px;
    height:78px;
    border-radius:50%;
    background:#fff;
    color:var(--hrd-ink);
    font-size:23px;
    line-height:1;
    font-weight:900;
    box-shadow:inset 0 0 0 1px var(--hrd-line);
}

.hrd-donut small{
    margin-top:4px;
    color:var(--hrd-muted);
    font-size:11px;
    font-weight:800;
}

.hrd-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.hrd-list div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:var(--hrd-muted);
    font-size:12px;
    font-weight:750;
}

.hrd-list span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.hrd-list b{
    color:var(--hrd-ink);
}

.hrd-age-gender{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    align-items:end;
    min-height:170px;
}

.hrd-age-gender div{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:5px;
    height:144px;
    padding-bottom:26px;
    position:relative;
    border-bottom:1px solid var(--hrd-line);
}

.hrd-age-gender small{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
}

.hrd-action-list,
.hrd-person-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.hrd-action-list a{
    display:block;
    min-height:64px;
    padding:12px;
    border:1px solid #e7edf6;
    border-radius:8px;
    color:var(--hrd-ink);
    background:#fbfdff;
    text-decoration:none;
}

.hrd-action-list a:hover,
.hrd-action-list a:focus{
    border-color:#b7c8dc;
    background:#f7fbff;
}

.hrd-action-list strong{
    display:block;
    font-size:13px;
    font-weight:900;
}

.hrd-action-list span{
    display:block;
    margin-top:5px;
    color:var(--hrd-muted);
    font-size:12px;
    line-height:1.35;
}

.hrd-person-list > div:not(.hrd-empty){
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:50px;
    padding:8px;
    border:1px solid #e7edf6;
    border-radius:8px;
    background:#fbfdff;
}

.hrd-person-list i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:8px;
    background:#eaf2ff;
    color:#164c9d;
    font-style:normal;
    font-weight:900;
}

.hrd-person-list i.is-warm{
    background:#fff6e5;
    color:#a45b00;
}

.hrd-person-list strong,
.hrd-person-list small{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hrd-person-list strong{
    color:var(--hrd-ink);
    font-size:13px;
}

.hrd-person-list small{
    margin-top:2px;
    color:var(--hrd-muted);
    font-size:11px;
}

.hrd-person-list b{
    color:var(--hrd-muted);
    font-size:11px;
    white-space:nowrap;
}

.hrd-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:118px;
    padding:16px;
    border:1px dashed #cbd5e1;
    border-radius:8px;
    background:#f8fafc;
    color:var(--hrd-muted);
    font-size:13px;
    font-weight:750;
    text-align:center;
}

@media(max-width:1320px){
    .hrd-hero-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hrd-workbench,
    .hrd-workbench-compact{
        grid-template-columns:1fr;
    }
}

@media(max-width:980px){
    .hrd-hero,
    .hrd-command-row,
    .hrd-focus-grid{
        grid-template-columns:1fr;
    }

    .hrd-project-pulse{
        justify-content:flex-start;
    }

    .hrd-trend-chart{
        overflow-x:auto;
        grid-template-columns:repeat(8,56px);
        padding-bottom:8px;
    }
}

@media(max-width:720px){
    .hrd-hero{
        padding:16px;
    }

    .hrd-hero h1{
        font-size:28px;
    }

    .hrd-hero-metrics{
        grid-template-columns:1fr;
    }

    .hrd-section-head{
        flex-direction:column;
    }

    .hrd-donut-layout{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }

    .hrd-project-row{
        grid-template-columns:30px minmax(0,1fr);
    }

    .hrd-project-mix,
    .hrd-project-volume{
        grid-column:2;
        width:100%;
    }

    .hrd-age-gender{
        overflow-x:auto;
        grid-template-columns:repeat(5,58px);
    }

    .hrd-person-list > div:not(.hrd-empty){
        grid-template-columns:34px minmax(0,1fr);
    }

    .hrd-person-list b{
        grid-column:2;
        justify-self:start;
    }
}

/* IK dashboard v3.3 source design adaptation. */
.employee-command-panel-dashboard{
    width:100%;
    max-width:100%;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.employee-command-panel-dashboard .ik-dashboard-v33,
.employee-list-layout .ik-dashboard-v33{
    width:100%;
    box-sizing:border-box;
}

.ik-dashboard-v33{
    --ik33-navy:#0f1f3d;
    --ik33-navy2:#152338;
    --ik33-navy3:#1e3154;
    --ik33-purple:#6366F1;
    --ik33-purple2:#818CF8;
    --ik33-purple-light:#EEF2FF;
    --ik33-red:#EF4444;
    --ik33-red-light:#FEF2F2;
    --ik33-green:#10B981;
    --ik33-green-light:#ECFDF5;
    --ik33-amber:#F59E0B;
    --ik33-amber-light:#FFFBEB;
    --ik33-blue:#3B82F6;
    --ik33-blue-light:#EFF6FF;
    --ik33-teal:#14B8A6;
    --ik33-page:#F1F5F9;
    --ik33-white:#fff;
    --ik33-border:#E2E8F0;
    --ik33-text:#0F172A;
    --ik33-text2:#475569;
    --ik33-text3:#94A3B8;
    color:var(--ik33-text);
    font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size:14px;
    line-height:1.5;
}

.ik-dashboard-v33 *,
.ik-dashboard-v33 *::before,
.ik-dashboard-v33 *::after{
    box-sizing:border-box;
    min-width:0;
}

.ik-dashboard-v33 a{
    color:inherit;
    text-decoration:none;
}

.ikv33-hero{
    position:relative;
    overflow:hidden;
    padding:18px 22px 0;
    border-radius:14px 14px 0 0;
    background:linear-gradient(135deg,var(--ik33-navy) 0%,var(--ik33-navy3) 100%);
}

.ikv33-hero::after{
    content:"";
    position:absolute;
    top:-60px;
    right:-60px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(99,102,241,.07);
    pointer-events:none;
}

.ikv33-hero-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:18px;
}

.ikv33-hero-left{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.ikv33-hero-title{
    color:#fff;
    font-size:20px;
    font-weight:800;
    letter-spacing:0;
}

.ikv33-hero-sub{
    color:rgba(255,255,255,.42);
    font-size:12px;
}

.ikv33-hero-filters{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.ikv33-date-filter,
.ikv33-iy-filter{
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(255,255,255,.07);
}

.ikv33-filter-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:5px 11px;
    border-radius:6px;
    color:rgba(255,255,255,.52);
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
    transition:all .15s;
}

.ikv33-filter-btn.active,
.ikv33-filter-btn:hover{
    background:var(--ik33-purple);
    color:#fff;
}

.ikv33-iy-filter select{
    min-height:28px;
    max-width:220px;
    border:0;
    border-radius:6px;
    padding:0 28px 0 9px;
    color:rgba(255,255,255,.82);
    background:rgba(255,255,255,.06);
    font-size:11px;
    font-weight:700;
    outline:0;
}

.ikv33-iy-filter option{
    color:var(--ik33-text);
}

.ikv33-hero-actions{
    position:relative;
    z-index:1;
    display:flex;
    gap:8px;
}

.ikv33-btn-ghost,
.ikv33-btn-primary{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:32px;
    padding:7px 14px;
    border-radius:8px;
    font-size:12px;
    font-weight:700;
}

.ikv33-btn-ghost{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.82);
}

.ikv33-btn-primary{
    border:1px solid var(--ik33-purple);
    background:var(--ik33-purple);
    color:#fff;
}

.ikv33-hero-metrics{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:1px;
    overflow:hidden;
    border-radius:12px 12px 0 0;
    background:rgba(255,255,255,.07);
}

.ikv33-hm-card{
    position:relative;
    display:block;
    min-height:126px;
    padding:13px 11px;
    border-top:3px solid transparent;
    background:rgba(255,255,255,.04);
    cursor:pointer;
    transition:background .15s, transform .1s;
    user-select:none;
}

.ikv33-hm-card:hover{
    background:rgba(255,255,255,.1);
}

.ikv33-hm-card.alert{ border-top-color:var(--ik33-red); }
.ikv33-hm-card.warn{ border-top-color:var(--ik33-amber); }
.ikv33-hm-card.info{ border-top-color:var(--ik33-purple); }
.ikv33-hm-card.ok{ border-top-color:var(--ik33-green); }
.ikv33-hm-card.teal{ border-top-color:var(--ik33-teal); }

.ikv33-hm-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    margin-bottom:8px;
    border-radius:6px;
    color:var(--ik33-purple2);
    background:rgba(99,102,241,.15);
}

.ikv33-hm-card.alert .ikv33-hm-icon{ color:var(--ik33-red); background:rgba(239,68,68,.15); }
.ikv33-hm-card.warn .ikv33-hm-icon{ color:var(--ik33-amber); background:rgba(245,158,11,.16); }
.ikv33-hm-card.ok .ikv33-hm-icon{ color:var(--ik33-green); background:rgba(16,185,129,.15); }
.ikv33-hm-card.teal .ikv33-hm-icon{ color:var(--ik33-teal); background:rgba(20,184,166,.15); }

.ikv33-hm-label{
    margin-bottom:4px;
    color:rgba(255,255,255,.42);
    font-size:9px;
    font-weight:700;
    line-height:1.3;
}

.ikv33-hm-value{
    color:#fff;
    font-size:22px;
    font-weight:900;
    line-height:1;
    letter-spacing:0;
}

.ikv33-hm-sub{
    margin-top:4px;
    color:rgba(255,255,255,.58);
    font-size:9px;
    font-weight:700;
}

.ikv33-hm-arrow{
    position:absolute;
    right:9px;
    bottom:7px;
    color:rgba(255,255,255,.22);
    font-size:10px;
    transition:all .15s;
}

.ikv33-hm-card:hover .ikv33-hm-arrow{
    color:rgba(255,255,255,.62);
    transform:translateX(2px);
}

.ikv33-inner{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:18px 22px;
    border-radius:0 0 14px 14px;
    background:var(--ik33-page);
}

.ikv33-card,
.ikv33-kpi-card{
    border:1px solid var(--ik33-border);
    background:var(--ik33-white);
}

.ikv33-card{
    padding:16px;
    border-radius:14px;
}

.ikv33-grid3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ikv33-grid2{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);
    gap:14px;
}

.ikv33-grid2r{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.ikv33-kpi-card{
    position:relative;
    overflow:hidden;
    min-height:166px;
    padding:15px;
    border-radius:12px;
}

.ikv33-kpi-card::after{
    content:"";
    position:absolute;
    right:-16px;
    bottom:-16px;
    width:64px;
    height:64px;
    border-radius:50%;
    opacity:.06;
}

.ikv33-kpi-card.c-purple::after{ background:var(--ik33-purple); }
.ikv33-kpi-card.c-amber::after{ background:var(--ik33-amber); }
.ikv33-kpi-card.c-blue::after{ background:var(--ik33-blue); }

.ikv33-kpi-label{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:6px;
    color:var(--ik33-text3);
    font-size:11px;
    font-weight:700;
}

.ikv33-kpi-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:6px;
    color:var(--ik33-purple);
    background:var(--ik33-purple-light);
    font-size:10px;
    font-weight:900;
}

.ikv33-kpi-icon.amber{ color:var(--ik33-amber); background:var(--ik33-amber-light); }
.ikv33-kpi-icon.blue{ color:var(--ik33-blue); background:var(--ik33-blue-light); }

.ikv33-kpi-value{
    color:var(--ik33-text);
    font-size:28px;
    font-weight:900;
    line-height:1;
    letter-spacing:0;
}

.ikv33-chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:7px;
}

.ikv33-chip{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:2px 7px;
    border-radius:99px;
    font-size:10px;
    font-weight:800;
}

.ikv33-chip.green{ color:#065F46; background:var(--ik33-green-light); }
.ikv33-chip.blue{ color:#1E40AF; background:var(--ik33-blue-light); }
.ikv33-chip.purple{ color:#5B21B6; background:#EDE9FE; }
.ikv33-chip.pink{ color:#9D174D; background:#FCE7F3; }
.ikv33-chip.amber{ color:#92400E; background:var(--ik33-amber-light); }

.ikv33-kpi-bar{
    display:flex;
    height:4px;
    margin-top:8px;
    overflow:hidden;
    border-radius:99px;
    background:#F1F5F9;
}

.ikv33-kpi-bar span,
.ikv33-kpi-bar i,
.ikv33-kpi-bar b{
    display:block;
    height:100%;
}

.ikv33-kpi-bar span{ background:var(--ik33-amber); }
.ikv33-kpi-bar span.blue{ background:var(--ik33-blue); }
.ikv33-kpi-split i{ background:var(--ik33-purple); border-radius:99px 0 0 99px; }
.ikv33-kpi-split b{ background:#EC4899; border-radius:0 99px 99px 0; }

.ikv33-kpi-card small,
.ikv33-kpi-sub{
    display:block;
    margin-top:5px;
    color:var(--ik33-text3);
    font-size:10px;
}

.ikv33-trend-note{
    margin-top:5px;
    font-size:11px;
    font-weight:700;
}

.ikv33-trend-note.up{ color:var(--ik33-green); }
.ikv33-trend-note.down{ color:var(--ik33-red); }

.ikv33-section-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.ikv33-section-title{
    color:var(--ik33-text);
    font-size:13px;
    font-weight:850;
}

.ikv33-section-sub{
    margin-top:1px;
    color:var(--ik33-text3);
    font-size:11px;
}

.ikv33-detail-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:var(--ik33-purple);
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.ikv33-table-wrap{
    overflow:auto;
}

.ikv33-uyum-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}

.ikv33-uyum-table th{
    padding:7px 12px;
    border-bottom:1px solid var(--ik33-border);
    background:#FAFBFC;
    color:var(--ik33-text3);
    font-size:10px;
    font-weight:800;
    letter-spacing:.06em;
    text-align:left;
    text-transform:uppercase;
}

.ikv33-uyum-table td{
    padding:11px 12px;
    border-bottom:1px solid #F8FAFC;
    color:var(--ik33-text2);
    font-size:12px;
    vertical-align:middle;
}

.ikv33-uyum-table tr:hover td{
    background:#FAFBFF;
}

.ikv33-iy-cell{
    display:flex;
    align-items:center;
    gap:8px;
}

.ikv33-iy-tag{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:8px;
    color:var(--ik33-purple);
    background:var(--ik33-purple-light);
    font-size:10px;
    font-weight:900;
}

.ikv33-iy-cell strong,
.ikv33-upd-info strong{
    display:block;
    color:var(--ik33-text);
    font-size:13px;
}

.ikv33-iy-cell small,
.ikv33-upd-info small{
    display:block;
    color:var(--ik33-text3);
    font-size:11px;
}

.ikv33-rate-wrap{
    display:flex;
    align-items:center;
    gap:7px;
}

.ikv33-rate-bg{
    flex:1;
    max-width:72px;
    height:6px;
    overflow:hidden;
    border-radius:99px;
    background:#F1F5F9;
}

.ikv33-rate-bg div{
    height:100%;
    border-radius:99px;
    background:var(--ik33-purple);
}

.ikv33-rate-bg.green div{ background:var(--ik33-green); }
.ikv33-rate-bg.amber div{ background:var(--ik33-amber); }

.ikv33-contract-chip,
.ikv33-score-pill{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:3px 10px;
    border-radius:99px;
    font-size:11px;
    font-weight:850;
}

.ikv33-contract-chip{
    color:#92400E;
    background:#FEF3C7;
}

.ikv33-score-pill{
    color:#065F46;
    background:var(--ik33-green-light);
}

.ikv33-trend-tabs{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
}

.ikv33-trend-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}

.ikv33-lifecycle-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:29px;
    padding:6px 11px;
    border:1px solid rgba(15,95,232,.20);
    border-radius:99px;
    background:#eff6ff;
    color:#0f5fe8;
    font-size:11px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    white-space:nowrap;
    box-shadow:0 8px 18px rgba(15,95,232,.07);
}

.ikv33-lifecycle-btn:hover{
    border-color:rgba(15,95,232,.34);
    background:#e7f0ff;
    color:#0b48c8;
}

.ikv33-lifecycle-btn svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ikv33-trend-tabs span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:5px 11px;
    border:1.5px solid var(--ik33-border);
    border-radius:99px;
    background:#F8FAFC;
    color:#64748B;
    font-size:11px;
    font-weight:800;
}

.ikv33-trend-tabs span.active{
    border-color:var(--ik33-navy);
    background:var(--ik33-navy);
    color:#fff;
}

.ikv33-kpi-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-bottom:14px;
}

.ikv33-kpi-mini{
    padding:10px 12px;
    border-radius:10px;
    background:#F8FAFC;
}

.ikv33-kpi-mini small,
.ikv33-kpi-mini span{
    display:block;
    color:var(--ik33-text3);
    font-size:10px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.ikv33-kpi-mini strong{
    display:block;
    color:var(--ik33-text);
    font-size:20px;
    font-weight:900;
}

.ikv33-kpi-mini.red strong{ color:var(--ik33-red); }
.ikv33-kpi-mini.green strong{ color:var(--ik33-green); }

.ikv33-trend-chart{
    display:grid;
    grid-template-columns:repeat(6,minmax(54px,1fr));
    gap:11px;
    align-items:end;
    min-height:178px;
    padding-top:10px;
}

.ikv33-trend-month{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
}

.ikv33-trend-bars{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:5px;
    width:100%;
    height:132px;
    border-bottom:1px solid var(--ik33-border);
}

.ikv33-trend-bars i,
.ikv33-trend-bars em,
.ikv33-trend-bars strong{
    position:relative;
    display:block;
    width:16px;
    min-height:8px;
    border-radius:8px 8px 2px 2px;
    font-style:normal;
}

.ikv33-trend-bars i{ background:var(--ik33-purple); }
.ikv33-trend-bars em{ background:var(--ik33-red); }
.ikv33-trend-bars strong{ background:var(--ik33-green); }

.ikv33-trend-bars b{
    position:absolute;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    margin-bottom:4px;
    color:var(--ik33-text3);
    font-size:10px;
    font-weight:850;
}

.ikv33-trend-month > span{
    color:var(--ik33-text3);
    font-size:11px;
    font-weight:800;
}

.ikv33-trend-legend{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:8px;
}

.ikv33-trend-legend span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--ik33-text2);
    font-size:11px;
}

.ikv33-trend-legend i{
    width:9px;
    height:9px;
    border-radius:3px;
    background:var(--ik33-purple);
}

.ikv33-trend-legend i.red{ background:var(--ik33-red); }
.ikv33-trend-legend i.green{ background:var(--ik33-green); }

.ikv33-line-chart{
    min-height:196px;
    padding:6px 0 2px;
    overflow:hidden;
}

.ikv33-line-svg{
    display:block;
    width:100%;
    height:auto;
}

.ikv33-line-grid{
    stroke:#E2E8F0;
    stroke-width:1;
}

.ikv33-line-zero{
    stroke:#CBD5E1;
    stroke-width:1.2;
    stroke-dasharray:4 4;
}

.ikv33-line-area{
    fill:url(#ikv33TrendArea);
}

.ikv33-line-poly{
    fill:none;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ikv33-line-dot{
    stroke:#fff;
    stroke-width:2;
}

.ikv33-line-label,
.ikv33-line-scale{
    fill:var(--ik33-text3);
    font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size:10px;
    font-weight:800;
}

.ikv33-count-pill,
.ikv33-action-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    min-height:24px;
    padding:3px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.ikv33-count-pill.ok,
.ikv33-action-pill.ok{
    color:#065F46;
    background:var(--ik33-green-light);
}

.ikv33-count-pill.warn,
.ikv33-action-pill.warn{
    color:#92400E;
    background:var(--ik33-amber-light);
}

.ikv33-count-pill.danger,
.ikv33-action-pill.danger{
    color:#991B1B;
    background:#FEE2E2;
}

.ikv33-task-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:2px 8px;
    border-radius:99px;
    color:#991B1B;
    background:#FEE2E2;
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
}

.ikv33-task-list{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.ikv33-task-item{
    display:grid;
    grid-template-columns:16px 8px minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid transparent;
    border-radius:9px;
    transition:background .1s,border-color .1s;
}

.ikv33-task-item:hover{
    border-color:var(--ik33-border);
    background:#F8FAFC;
}

.ikv33-task-check{
    display:flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    border:1.5px solid var(--ik33-border);
    border-radius:4px;
    color:#fff;
    background:var(--ik33-green);
    font-size:10px;
}

.ikv33-task-check:empty{
    background:#fff;
}

.ikv33-task-item i{
    width:8px;
    height:8px;
    border-radius:50%;
}

.ikv33-task-item strong{
    display:block;
    color:var(--ik33-text);
    font-size:12px;
}

.ikv33-task-item small{
    display:block;
    color:var(--ik33-text3);
    font-size:11px;
}

.ikv33-task-item b{
    font-size:13px;
    font-weight:900;
}

.ikv33-task-item em{
    padding:2px 8px;
    border-radius:6px;
    color:var(--ik33-purple);
    background:var(--ik33-purple-light);
    font-size:10px;
    font-style:normal;
    font-weight:850;
}

.ikv33-hm-days-row,
.ikv33-hm-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:3px;
}

.ikv33-hm-days-row{
    margin-bottom:5px;
}

.ikv33-hm-days-row div{
    color:var(--ik33-text3);
    font-size:9px;
    font-weight:800;
    text-align:center;
}

.ikv33-hm-grid span{
    aspect-ratio:1;
    border-radius:4px;
    transition:transform .1s;
}

.ikv33-hm-grid span:hover{
    transform:scale(1.16);
}

.ikv33-hm-legend{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:8px;
}

.ikv33-hm-legend small{
    color:var(--ik33-text3);
    font-size:10px;
}

.ikv33-hm-legend i{
    width:10px;
    height:10px;
    border-radius:3px;
}

.ikv33-izin-stats{
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid var(--ik33-border);
}

.ikv33-izin-stats div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 0;
    border-bottom:1px solid #F1F5F9;
}

.ikv33-izin-stats div:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.ikv33-izin-stats span{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--ik33-text2);
    font-size:12px;
}

.ikv33-izin-stats i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--ik33-purple);
}

.ikv33-izin-stats i.amber{ background:var(--ik33-amber); }
.ikv33-izin-stats i.green{ background:var(--ik33-green); }

.ikv33-izin-stats b{
    color:var(--ik33-purple);
    font-size:14px;
    font-weight:900;
}

.ikv33-profile-summary{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 9px;
    border-radius:999px;
    color:var(--ik33-purple);
    background:var(--ik33-purple-light);
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
}

.ikv33-profile-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.ikv33-profile-block{
    display:flex;
    flex-direction:column;
    gap:9px;
    min-width:0;
}

.ikv33-profile-block > strong{
    color:var(--ik33-text);
    font-size:12px;
    font-weight:900;
}

.ikv33-profile-row{
    display:grid;
    grid-template-columns:72px minmax(0,1fr) 34px;
    align-items:center;
    gap:8px;
}

.ikv33-profile-row span{
    color:var(--ik33-text2);
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}

.ikv33-profile-row div{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
}

.ikv33-profile-row i{
    display:block;
    height:100%;
    border-radius:999px;
}

.ikv33-profile-row b{
    color:var(--ik33-text);
    font-size:12px;
    font-weight:900;
    text-align:right;
}

.ikv33-upcoming-list{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.ikv33-upcoming-item{
    display:grid;
    grid-template-columns:34px 1px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border-radius:9px;
    transition:background .1s;
}

.ikv33-upcoming-item:hover{
    background:#F8FAFC;
}

.ikv33-upd-date{
    text-align:center;
}

.ikv33-upd-date strong{
    display:block;
    color:var(--ik33-purple);
    font-size:16px;
    font-weight:900;
    line-height:1;
}

.ikv33-upd-date span{
    display:block;
    color:var(--ik33-text3);
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}

.ikv33-upd-div{
    width:1px;
    height:28px;
    background:var(--ik33-border);
}

.ikv33-upd-info strong,
.ikv33-upd-info small{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ikv33-upd-tag{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:2px 8px;
    border-radius:99px;
    font-size:10px;
    font-weight:850;
    white-space:nowrap;
}

.ikv33-upd-tag.red{
    color:#991B1B;
    background:#FEE2E2;
}

.ikv33-upd-tag.birthday{
    gap:6px;
    min-height:28px;
    padding:3px 9px 3px 4px;
    color:#9F1239;
    background:linear-gradient(135deg,#FFF7ED 0%,#FFE4E6 100%);
    border:1px solid #FECDD3;
    box-shadow:0 6px 14px rgba(244,63,94,.10);
}

.ikv33-upd-tag-icon{
    width:21px;
    height:21px;
    border-radius:7px;
    display:inline-grid;
    place-items:center;
    background:#fff;
    color:#E11D48;
    box-shadow:inset 0 0 0 1px rgba(244,63,94,.14);
    flex:0 0 auto;
}

.ikv33-upd-tag-icon svg{
    width:14px;
    height:14px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ikv33-upd-tag.blue{
    color:#1E40AF;
    background:#DBEAFE;
}

.ikv33-empty{
    padding:18px;
    border:1px dashed var(--ik33-border);
    border-radius:10px;
    color:var(--ik33-text3);
    background:#F8FAFC;
    font-size:12px;
    font-weight:700;
    text-align:center;
}

@media(max-width:1320px){
    .ikv33-hero-metrics{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .ikv33-grid2,
    .ikv33-grid2r{
        grid-template-columns:1fr;
    }
}

@media(max-width:980px){
    .ikv33-grid3{
        grid-template-columns:1fr;
    }

    .ikv33-hero{
        padding:16px 14px 0;
    }

    .ikv33-inner{
        padding:14px;
    }

    .ikv33-trend-chart{
        overflow-x:auto;
        grid-template-columns:repeat(6,62px);
    }

    .ikv33-line-chart{
        overflow-x:auto;
    }

    .ikv33-line-svg{
        min-width:520px;
    }
}

@media(max-width:720px){
    .ikv33-hero-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ikv33-hero-actions,
    .ikv33-date-filter,
    .ikv33-iy-filter{
        width:100%;
    }

    .ikv33-btn-ghost,
    .ikv33-btn-primary,
    .ikv33-filter-btn,
    .ikv33-iy-filter select{
        flex:1;
        justify-content:center;
    }

    .ikv33-kpi-strip{
        grid-template-columns:1fr;
    }

    .ikv33-task-item{
        grid-template-columns:16px 8px minmax(0,1fr) auto;
    }

    .ikv33-task-item em{
        grid-column:3 / 5;
        justify-self:start;
    }

    .ikv33-upcoming-item{
        grid-template-columns:34px 1px minmax(0,1fr);
    }

    .ikv33-upd-tag{
        grid-column:3;
        justify-self:start;
    }

    .ikv33-profile-columns{
        grid-template-columns:1fr;
    }
}

/* Employee report center page refresh */
.admin-layout .employee-report-page{
    margin:0;
    padding:18px 18px 96px;
    min-height:calc(100vh - 48px);
    height:auto;
    overflow:visible;
    color:#0f172a;
}

.admin-layout .employee-report-page:has(.employee-report-layout.is-builder-active){
    margin-bottom:0;
    height:auto;
}

.admin-layout .employee-report-page .employee-report-dialog{
    width:100%;
    height:auto;
    min-height:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.admin-layout .employee-report-page .employee-report-dialog > form{
    display:grid;
    gap:14px;
    height:auto;
    min-height:0;
}

.admin-layout .employee-report-page .employee-report-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(330px,520px) auto;
    gap:18px;
    align-items:center;
    margin:0;
    padding:20px 22px;
    border:1px solid #dbe4ee;
    border-left:5px solid #0f766e;
    border-radius:12px;
    background:linear-gradient(135deg,#ffffff 0%,#f7fbff 62%,#eef7f5 100%);
    color:#0f172a;
    box-shadow:0 14px 34px rgba(15,23,42,.075);
}

.admin-layout .employee-report-page .employee-report-head-icon{
    width:52px;
    height:52px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:#ecfdf5;
    color:#0f766e;
    box-shadow:inset 0 0 0 1px #bbf7d0;
}

.admin-layout .employee-report-page .employee-report-head-icon i{
    font-size:18px;
}

.admin-layout .employee-report-page .employee-report-head-copy{
    min-width:0;
}

.admin-layout .employee-report-page .employee-report-eyebrow{
    display:block;
    margin:0 0 5px;
    color:#0f766e;
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    line-height:1.2;
    text-transform:uppercase;
}

.admin-layout .employee-report-page .employee-report-head h3{
    margin:0;
    color:#0f172a;
    font-size:24px;
    font-weight:900;
    line-height:1.12;
    letter-spacing:0;
}

.admin-layout .employee-report-page .employee-report-head p{
    margin:7px 0 0;
    max-width:none;
    color:#64748b;
    font-size:13px;
    line-height:1.4;
}

.admin-layout .employee-report-page .employee-report-head .btn-secondary{
    justify-self:end;
    min-height:38px;
    padding:0 14px;
    border-color:#cbd5e1;
    background:#fff;
    color:#334155;
    box-shadow:none;
}

.admin-layout .employee-report-page .employee-report-hero-stats{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.admin-layout .employee-report-page .employee-report-hero-stat{
    min-width:0;
    min-height:72px;
    padding:12px 13px;
    display:grid;
    align-content:center;
    gap:5px;
    border:1px solid #dbe4ee;
    border-radius:10px;
    background:rgba(255,255,255,.82);
    box-shadow:0 8px 18px rgba(15,23,42,.05);
}

.admin-layout .employee-report-page .employee-report-hero-stat span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#64748b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
    line-height:1.2;
    text-transform:uppercase;
}

.admin-layout .employee-report-page .employee-report-hero-stat strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a;
    font-size:20px;
    font-weight:950;
    line-height:1.1;
}

.admin-layout .employee-report-page .employee-report-hero-meta{
    gap:7px;
    margin-top:10px;
}

.admin-layout .employee-report-page .employee-report-hero-meta span{
    min-height:26px;
    padding:0 9px;
    border:1px solid #dbe4ee;
    border-radius:999px;
    background:#f8fafc;
    color:#334155;
    font-size:11px;
    font-weight:850;
}

.admin-layout .employee-report-command-strip{
    display:grid;
    grid-template-columns:minmax(320px,1.6fr) repeat(3,minmax(150px,.55fr));
    gap:10px;
}

.admin-layout .employee-report-command-card{
    min-width:0;
    min-height:74px;
    padding:12px 14px;
    display:grid;
    align-content:center;
    gap:5px;
    border:1px solid #dbe4ee;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 18px rgba(15,23,42,.045);
}

.admin-layout .employee-report-command-card span{
    color:#64748b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.admin-layout .employee-report-command-card strong{
    min-width:0;
    color:#0f172a;
    font-size:16px;
    font-weight:900;
    line-height:1.35;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.admin-layout .employee-report-command-card.is-wide strong{
    font-size:13px;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.admin-layout .employee-report-page .employee-report-layout{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    padding:0;
    min-height:0;
    overflow:visible;
}

.admin-layout .employee-report-page .employee-report-layout.is-builder-active{
    grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);
    align-items:start;
}

.admin-layout .employee-report-page .employee-report-layout.is-builder-active .employee-report-builder-panel{
    display:flex;
    flex-direction:column;
    min-height:0;
}

.admin-layout .employee-report-page .employee-report-layout.is-builder-active .employee-report-builder-panel:nth-child(3){
    min-height:520px;
}

.admin-layout .employee-report-page .employee-report-panel{
    border:1px solid #dbe4ee;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 24px rgba(15,23,42,.055);
    overflow:hidden;
}

.admin-layout .employee-report-page .employee-report-panel:first-child,
.admin-layout .employee-report-page .employee-report-panel:nth-child(2),
.admin-layout .employee-report-page .employee-report-panel:nth-child(3),
.admin-layout .employee-report-page .employee-report-panel:nth-child(4){
    grid-column:auto;
}

.admin-layout .employee-report-page .employee-report-preset-panel{
    height:auto;
    max-height:none;
    min-height:0;
}

.admin-layout .employee-report-page .employee-report-panel-head{
    padding:14px 16px 12px;
    border-bottom:1px solid #e2e8f0;
    background:#f8fafc;
}

.admin-layout .employee-report-page .employee-report-panel-head h4{
    margin:0;
    color:#0f172a;
    font-size:16px;
    font-weight:900;
    line-height:1.25;
}

.admin-layout .employee-report-page .employee-report-panel-head p{
    margin:4px 0 0;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
}

.admin-layout .employee-report-page .employee-report-panel-action-group{
    gap:8px;
}

.admin-layout .employee-report-page .employee-report-panel-action-group .btn-secondary,
.admin-layout .employee-report-page .employee-report-back-presets-btn{
    min-height:36px;
    padding:0 12px;
    border-radius:8px;
}

.admin-layout .employee-report-page .employee-report-new-custom-btn{
    background:#0f766e;
    border-color:#0f766e;
    color:#fff;
}

.admin-layout .employee-report-page .employee-report-set-filter,
.admin-layout .employee-report-page .employee-report-filter-bar{
    padding:12px 14px;
    border-bottom:1px solid #e2e8f0;
    background:#fff;
}

.admin-layout .employee-report-page .employee-report-filter-input,
.admin-layout .employee-report-page .employee-report-filter-select,
.admin-layout .employee-report-page .employee-report-save-input{
    min-height:40px;
    height:40px;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#f8fafc;
    color:#0f172a;
    font-size:13px;
}

.admin-layout .employee-report-page .employee-report-preset-grid{
    min-height:0;
    overflow:visible!important;
}

.admin-layout .employee-report-page .employee-report-set-list{
    display:grid;
    gap:8px;
    height:auto;
    max-height:none!important;
    min-height:0;
    overflow:visible!important;
    padding:12px!important;
    background:#fff;
}

.admin-layout .employee-report-page .employee-report-set-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    min-height:58px;
    padding:10px 12px;
    border:1px solid #e2e8f0;
    border-radius:9px;
    background:#fff;
    box-shadow:none;
}

.admin-layout .employee-report-page .employee-report-set-row:hover{
    border-color:#99f6e4;
    background:#f8fffd;
    box-shadow:0 8px 18px rgba(15,118,110,.08);
}

.admin-layout .employee-report-page .employee-report-set-copy{
    display:grid;
    grid-template-columns:minmax(180px,.32fr) minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-width:0;
}

.admin-layout .employee-report-page .employee-report-set-copy strong,
.admin-layout .employee-report-page .employee-report-set-copy span{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.admin-layout .employee-report-page .employee-report-set-copy strong{
    color:#0f172a;
    font-size:13px;
    font-weight:900;
}

.admin-layout .employee-report-page .employee-report-set-copy span{
    color:#64748b;
    font-size:12px;
}

.admin-layout .employee-report-page .employee-report-set-meta{
    margin:0;
    gap:5px;
    flex-wrap:nowrap;
}

.admin-layout .employee-report-page .employee-report-set-badge{
    min-height:22px;
    padding:0 7px;
    border:1px solid #dbe4ee;
    border-radius:999px;
    background:#f8fafc;
    color:#334155;
    font-size:10px;
    font-weight:900;
}

.admin-layout .employee-report-page .employee-report-set-badge.is-favorite{
    background:#fff7ed;
    border-color:#fed7aa;
    color:#c2410c;
}

.admin-layout .employee-report-page .employee-report-set-actions{
    width:auto;
    gap:5px;
    justify-content:flex-end;
    flex-wrap:nowrap;
    padding-left:12px;
    border-left:1px solid #e2e8f0;
}

.admin-layout .employee-report-page .employee-report-set-actions::before{
    display:none;
}

.admin-layout .employee-report-page .employee-report-template-btn{
    min-width:34px;
    min-height:32px;
    padding:0 10px;
    border:1px solid #cbd5e1;
    border-radius:7px;
    background:#fff;
    color:#334155;
    font-size:11px;
    font-weight:900;
}

.admin-layout .employee-report-page .employee-report-template-btn:nth-child(2){
    background:#ecfdf5;
    border-color:#bbf7d0;
    color:#047857;
}

.admin-layout .employee-report-page .employee-report-template-btn:nth-child(3){
    background:#fff7ed;
    border-color:#fed7aa;
    color:#c2410c;
}

.admin-layout .employee-report-page .employee-report-template-btn.is-danger{
    background:#fff1f2;
    border-color:#fecdd3;
    color:#be123c;
}

.admin-layout .employee-report-page .employee-report-field-pool,
.admin-layout .employee-report-page .employee-report-selected-list{
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    gap:8px;
    min-height:320px;
    max-height:none;
    padding:12px;
    overflow:visible;
    background:#fff;
}

.admin-layout .employee-report-page .employee-report-selected-list{
    min-height:210px;
    border-bottom:1px solid #e2e8f0;
}

.admin-layout .employee-report-page .employee-report-field-action,
.admin-layout .employee-report-page .employee-report-selected-item{
    min-height:34px;
    max-width:calc(50% - 4px);
    padding:7px 10px;
    border:1px solid #dbe4ee;
    border-radius:8px;
    background:#fff;
    color:#0f172a;
    box-shadow:none;
}

.admin-layout .employee-report-page .employee-report-field-action:hover,
.admin-layout .employee-report-page .employee-report-selected-item:hover{
    border-color:#99f6e4;
    background:#f0fdfa;
    box-shadow:0 6px 14px rgba(15,118,110,.08);
}

.admin-layout .employee-report-page .employee-report-field-action.is-selected,
.admin-layout .employee-report-page .employee-report-selected-item{
    background:#f0fdfa;
    border-color:#99f6e4;
}

.admin-layout .employee-report-page .employee-report-empty{
    border-radius:9px;
    background:#f8fafc;
    color:#64748b;
}

.admin-layout .employee-report-page .employee-report-set-create{
    background:#fff;
}

.admin-layout .employee-report-page .employee-report-save-row{
    padding:12px 14px;
    gap:8px;
}

.admin-layout .employee-report-page .employee-report-save-check{
    min-height:40px;
    border-radius:8px;
    background:#f8fafc;
}

.admin-layout .employee-report-page .employee-report-template-save-btn{
    min-height:40px;
    border-radius:8px;
}

.admin-layout .employee-report-page .employee-report-feedback{
    padding:0 14px 14px;
}

.admin-layout .employee-report-page .employee-report-foot{
    position:sticky;
    left:auto;
    right:auto;
    bottom:10px;
    z-index:12;
    margin-top:0;
    padding:10px 12px;
    border:1px solid #dbe4ee;
    border-radius:10px;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(10px);
    box-shadow:0 -8px 24px rgba(15,23,42,.08);
}

.admin-layout .employee-report-page .employee-report-foot-note{
    color:#64748b;
    font-size:12px;
    font-weight:700;
}

.admin-layout .employee-report-page .employee-report-foot-format{
    border-color:#dbe4ee;
    border-radius:9px;
    background:#f8fafc;
}

.admin-layout .employee-report-page .employee-report-foot-format label{
    min-height:32px;
    border-radius:7px;
}

.admin-layout .employee-report-page .employee-report-foot-format label:has(input:checked){
    background:#0f766e;
    color:#fff;
    box-shadow:none;
}

.admin-layout .employee-report-page .employee-report-create-btn{
    min-height:38px;
    padding:0 15px;
    border-radius:8px;
    background:#0f766e;
    box-shadow:0 8px 16px rgba(15,118,110,.18);
}

@media(max-width:1360px){
    .admin-layout .employee-report-page .employee-report-head{
        grid-template-columns:auto minmax(0,1fr) auto;
    }

    .admin-layout .employee-report-page .employee-report-hero-stats{
        grid-column:1/-1;
        grid-row:2;
    }

    .admin-layout .employee-report-page .employee-report-head .btn-secondary{
        grid-column:3;
        grid-row:1;
    }

    .admin-layout .employee-report-command-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .admin-layout .employee-report-command-card.is-wide{
        grid-column:1/-1;
    }
}

@media(max-width:1120px){
    .admin-layout .employee-report-page .employee-report-layout.is-builder-active{
        grid-template-columns:1fr;
    }

    .admin-layout .employee-report-page .employee-report-field-action,
    .admin-layout .employee-report-page .employee-report-selected-item{
        max-width:calc(33.333% - 6px);
    }
}

@media(max-width:760px){
    .admin-layout .employee-report-page{
        padding:12px 12px 92px;
    }

    .admin-layout .employee-report-page .employee-report-head{
        grid-template-columns:1fr;
        gap:12px;
        padding:15px;
    }

    .admin-layout .employee-report-page .employee-report-hero-stats{
        grid-column:auto;
        grid-row:auto;
        grid-template-columns:1fr;
    }

    .admin-layout .employee-report-page .employee-report-head .btn-secondary{
        grid-column:auto;
        grid-row:auto;
        justify-self:stretch;
        width:100%;
        justify-content:center;
    }

    .admin-layout .employee-report-command-strip{
        grid-template-columns:1fr;
    }

    .admin-layout .employee-report-command-card.is-wide{
        grid-column:auto;
    }

    .admin-layout .employee-report-page .employee-report-set-row,
    .admin-layout .employee-report-page .employee-report-set-copy{
        grid-template-columns:1fr;
    }

    .admin-layout .employee-report-page .employee-report-set-actions{
        justify-content:flex-start;
        padding-left:0;
        padding-top:10px;
        border-left:0;
        border-top:1px solid #e2e8f0;
    }

    .admin-layout .employee-report-page .employee-report-field-action,
    .admin-layout .employee-report-page .employee-report-selected-item{
        min-width:100%;
        max-width:100%;
    }

    .admin-layout .employee-report-page .employee-report-foot{
        display:grid;
        gap:10px;
    }

    .admin-layout .employee-report-page .employee-report-action-row,
    .admin-layout .employee-report-page .employee-report-action-row .btn-secondary,
    .admin-layout .employee-report-page .employee-report-action-row .employee-report-create-btn{
        width:100%;
        justify-content:center;
    }
}

/* Calisanlar > Veri Kontrol sayfasi. */
.employee-control-shell{
    --ec-ink:#102033;
    --ec-muted:#65748a;
    --ec-soft:#f6f9fc;
    --ec-card:#fff;
    --ec-line:#dbe5f0;
    --ec-line-strong:#c8d6e5;
    --ec-blue:#1667d9;
    --ec-blue-soft:#edf5ff;
    --ec-teal:#0f9276;
    --ec-teal-soft:#eafaf5;
    --ec-amber:#d98200;
    --ec-amber-soft:#fff6df;
    --ec-red:#c92f3b;
    --ec-red-soft:#fff0f1;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    color:var(--ec-ink);
}

.employee-control-shell,
.employee-control-shell *,
.employee-control-shell *::before,
.employee-control-shell *::after{
    box-sizing:border-box;
}

.employee-control-shell a{
    text-decoration:none;
}

.employee-control-hero,
.employee-control-filter-card{
    grid-column:1 / -1;
}

.employee-control-result-card{
    grid-column:1 / -1;
    min-width:0;
}

.employee-control-manage-card{
    grid-column:1 / -1;
    min-width:0;
    align-self:start;
}

.employee-control-hero,
.employee-control-filter-card,
.employee-control-result-card,
.employee-control-manage-card{
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:var(--ec-card);
    box-shadow:0 10px 24px rgba(16,32,51,.07);
}

.employee-control-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(480px,0.9fr);
    align-items:stretch;
    gap:14px;
    padding:16px;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(15,146,118,.08),rgba(22,103,217,.05) 42%,rgba(255,255,255,0) 78%),
        #fff;
}

.employee-control-hero-copy{
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
    gap:6px;
}

.employee-control-eyebrow{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:24px;
    padding:3px 9px;
    border:1px solid rgba(15,146,118,.2);
    border-radius:8px;
    background:var(--ec-teal-soft);
    color:#087057;
    font-size:11px;
    font-weight:850;
}

.employee-control-eyebrow::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--ec-teal);
    box-shadow:0 0 0 3px rgba(15,146,118,.14);
}

.employee-control-hero h2{
    margin:0;
    color:var(--ec-ink);
    font-size:22px;
    line-height:1.18;
    font-weight:900;
    letter-spacing:0;
}

.employee-control-hero p{
    max-width:620px;
    margin:0;
    color:var(--ec-muted);
    font-size:13px;
    line-height:1.45;
    font-weight:650;
}

.employee-control-hero-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.employee-control-metric{
    min-height:92px;
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:space-between;
    gap:8px;
    padding:12px;
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:#fff;
}

.employee-control-metric span,
.employee-control-metric small{
    color:var(--ec-muted);
    font-size:11px;
    line-height:1.25;
    font-weight:800;
}

.employee-control-metric strong{
    display:block;
    min-width:0;
    color:var(--ec-ink);
    font-size:26px;
    line-height:1;
    font-weight:950;
    overflow:hidden;
    text-overflow:ellipsis;
}

.employee-control-metric.is-result{
    border-color:rgba(15,146,118,.24);
    background:var(--ec-teal-soft);
}

.employee-control-metric.is-result strong{
    color:#087057;
}

.employee-control-metric.is-selected{
    border-color:rgba(22,103,217,.24);
    background:var(--ec-blue-soft);
}

.employee-control-metric.is-selected strong{
    display:-webkit-box;
    color:#0b4faf;
    font-size:14px;
    line-height:1.25;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    white-space:normal;
}

.employee-control-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border-bottom:1px solid var(--ec-line);
    background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);
}

.employee-control-head h3{
    margin:0;
    color:var(--ec-ink);
    font-size:15px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:0;
}

.employee-control-head p{
    max-width:760px;
    margin:5px 0 0;
    color:var(--ec-muted);
    font-size:12px;
    line-height:1.42;
    font-weight:650;
}

.employee-control-filter-body,
.employee-control-manage-body{
    padding:14px 16px 16px;
}

.employee-control-filter-row{
    display:grid;
    grid-template-columns:minmax(260px,1fr) minmax(160px,220px) auto;
    align-items:end;
    gap:12px;
}

.employee-control-shell .field{
    min-width:0;
    margin:0;
}

.employee-control-shell label{
    display:block;
    margin:0 0 7px;
    color:#53647a;
    font-size:11px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:0;
    text-transform:uppercase;
}

.employee-control-shell .control,
.employee-control-shell textarea{
    width:100%;
    min-height:42px;
    border:1px solid var(--ec-line-strong);
    border-radius:8px;
    background:#fff;
    color:var(--ec-ink);
    font-size:13px;
    line-height:1.25;
    font-weight:700;
    outline:none;
}

.employee-control-shell .control{
    padding:0 12px;
}

.employee-control-shell textarea{
    min-height:82px;
    padding:12px;
    resize:vertical;
}

.employee-control-shell .control:focus,
.employee-control-shell textarea:focus{
    border-color:var(--ec-blue);
    box-shadow:0 0 0 3px rgba(22,103,217,.13);
}

.employee-control-shell .btn-small,
.employee-control-shell .btn-secondary{
    min-height:42px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    white-space:nowrap;
    font-size:12px;
    font-weight:850;
}

.employee-control-shell .btn-small svg,
.employee-control-shell .btn-secondary svg{
    width:16px;
    height:16px;
    flex:0 0 auto;
}

.employee-control-hint-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding-top:12px;
}

.employee-control-chip,
.employee-control-issue,
.employee-control-status{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    min-height:26px;
    padding:4px 9px;
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:#f7fafc;
    color:#41536a;
    font-size:11px;
    line-height:1.15;
    font-weight:850;
}

.employee-control-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 16px;
    border-top:1px solid var(--ec-line);
    background:#fbfdff;
}

.employee-control-summary > div{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:var(--ec-muted);
    font-size:12px;
    font-weight:750;
}

.employee-control-summary strong{
    color:var(--ec-teal);
    font-size:22px;
    line-height:1;
    font-weight:950;
}

.employee-control-summary span{
    color:var(--ec-muted);
}

.employee-control-table-wrap{
    width:100%;
    max-width:100%;
    overflow:auto;
}

.employee-control-table{
    width:100%;
    min-width:900px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
}

.employee-control-table th{
    height:46px;
    padding:0 14px;
    border-bottom:1px solid var(--ec-line);
    background:#f5f8fc;
    color:#596a80;
    text-align:left;
    font-size:11px;
    line-height:1.15;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap;
}

.employee-control-table td{
    height:56px;
    padding:9px 14px;
    border-bottom:1px solid #edf2f7;
    color:#142235;
    font-size:12.5px;
    line-height:1.3;
    font-weight:700;
    vertical-align:middle;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.employee-control-table tbody tr{
    transition:background .14s ease;
}

.employee-control-table tbody tr:hover{
    background:#f8fbff;
}

.employee-control-table th:nth-child(1){width:96px}
.employee-control-table th:nth-child(2){width:190px}
.employee-control-table th:nth-child(3){width:132px}
.employee-control-table th:nth-child(4){width:210px}
.employee-control-table th:nth-child(5){width:220px}
.employee-control-table th:nth-child(6){width:120px}

.employee-control-table th:last-child,
.employee-control-table td:last-child{
    text-align:right;
    overflow:visible;
}

.employee-control-status{
    gap:7px;
    border-color:rgba(15,146,118,.2);
    background:var(--ec-teal-soft);
    color:#087057;
}

.employee-control-status::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
}

.employee-control-status.passive{
    border-color:rgba(201,47,59,.2);
    background:var(--ec-red-soft);
    color:var(--ec-red);
}

.employee-control-issue{
    border-color:rgba(217,130,0,.24);
    background:var(--ec-amber-soft);
    color:#9d5a00;
    white-space:normal;
}

.employee-control-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}

.employee-control-actions .mini-btn{
    min-height:34px;
    padding:0 12px;
    border:1px solid rgba(22,103,217,.2);
    border-radius:8px;
    background:var(--ec-blue-soft);
    color:#0b4faf;
    box-shadow:none;
    font-size:11.5px;
    font-weight:900;
}

.employee-control-actions .mini-btn:hover{
    border-color:var(--ec-blue);
    background:var(--ec-blue);
    color:#fff;
}

.employee-control-table .empty-state{
    margin:8px;
    padding:22px;
    border:1px dashed var(--ec-line-strong);
    border-radius:8px;
    background:#f8fafc;
    color:var(--ec-muted);
    text-align:center;
    font-size:13px;
    font-weight:850;
}

.employee-control-manage-body{
    display:grid;
    gap:14px;
    min-width:0;
}

.employee-control-manage-body.is-form-open{
    grid-template-columns:minmax(320px,0.72fr) minmax(0,1.28fr);
    align-items:start;
}

.employee-control-manage-body.is-form-closed .employee-control-set-list{
    max-height:none;
}

.employee-control-set-list{
    display:grid;
    gap:10px;
    max-height:380px;
    overflow:auto;
    padding-right:4px;
}

.employee-control-set-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    padding:12px;
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:#fbfdff;
}

.employee-control-set-copy{
    min-width:0;
}

.employee-control-set-copy strong{
    display:block;
    color:var(--ec-ink);
    font-size:13px;
    line-height:1.25;
    font-weight:900;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.employee-control-set-copy span{
    display:-webkit-box;
    margin-top:5px;
    color:var(--ec-muted);
    font-size:12px;
    line-height:1.35;
    font-weight:650;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.employee-control-set-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:7px;
}

.employee-report-template-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 10px;
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:#fff;
    color:#40536b;
    font-size:11.5px;
    line-height:1.15;
    font-weight:850;
    transition:background .14s ease,border-color .14s ease,color .14s ease;
}

.employee-report-template-btn:hover{
    border-color:var(--ec-blue);
    background:var(--ec-blue-soft);
    color:#0b4faf;
}

.employee-report-template-btn.is-danger{
    border-color:rgba(201,47,59,.2);
    background:var(--ec-red-soft);
    color:var(--ec-red);
}

.employee-report-template-btn.is-danger:hover{
    border-color:var(--ec-red);
    background:var(--ec-red);
    color:#fff;
}

.employee-control-form{
    display:grid;
    gap:12px;
    min-width:0;
    padding:14px;
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:#fff;
}

.employee-control-form-grid{
    display:grid;
    grid-template-columns:1.4fr minmax(150px,0.72fr) minmax(120px,0.55fr);
    gap:12px;
}

.employee-control-rules{
    display:grid;
    gap:9px;
}

.employee-control-rule-row{
    display:grid;
    grid-template-columns:96px minmax(210px,1.15fr) minmax(150px,0.7fr) minmax(180px,1fr);
    gap:10px;
    padding:10px;
    border:1px solid var(--ec-line);
    border-radius:8px;
    background:#f8fbff;
}

.employee-control-form-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}

@media(max-width:1280px){
    .employee-control-hero{
        grid-template-columns:1fr;
    }

    .employee-control-manage-body.is-form-open{
        grid-template-columns:1fr;
    }

    .employee-control-set-list{
        max-height:none;
    }
}

@media(max-width:860px){
    .employee-control-hero-metrics,
    .employee-control-filter-row,
    .employee-control-form-grid,
    .employee-control-rule-row{
        grid-template-columns:1fr;
    }

    .employee-control-summary,
    .employee-control-set-row{
        align-items:stretch;
        grid-template-columns:1fr;
    }

    .employee-control-summary{
        flex-direction:column;
    }

    .employee-control-summary .btn-secondary,
    .employee-control-filter-row .btn-small,
    .employee-control-form-actions .btn-small,
    .employee-control-form-actions .btn-secondary{
        width:100%;
    }

    .employee-control-set-actions,
    .employee-control-form-actions{
        justify-content:flex-start;
    }
}

@media(max-width:640px){
    .employee-control-shell{
        gap:10px;
    }

    .employee-control-hero,
    .employee-control-filter-body,
    .employee-control-manage-body{
        padding:12px;
    }

    .employee-control-head{
        padding:12px;
    }

    .employee-control-table{
        min-width:780px;
    }

    .employee-control-hero h2{
        font-size:19px;
    }
}

/* Calisanlar > Surec Takip */
.employee-command-panel.employee-command-panel-process-tracking{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}

.process-tracking-shell{
    --pt-ink:#102033;
    --pt-muted:#64748b;
    --pt-soft:#f6f9fc;
    --pt-card:#fff;
    --pt-line:#dbe5f0;
    --pt-line-strong:#c8d6e5;
    --pt-teal:#0f766e;
    --pt-teal-soft:#e8f7f4;
    --pt-blue:#2563eb;
    --pt-blue-soft:#edf5ff;
    --pt-amber:#d98200;
    --pt-amber-soft:#fff7e6;
    --pt-red:#c92f3b;
    --pt-red-soft:#fff0f1;
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    color:var(--pt-ink);
}

.employee-command-panel-process-tracking .process-tracking-shell,
.employee-command-panel-process-tracking .process-tracking-hero,
.employee-command-panel-process-tracking .process-tracking-kpis,
.employee-command-panel-process-tracking .process-tracking-card{
    width:100%;
    max-width:none;
}

.process-tracking-shell,
.process-tracking-shell *,
.process-tracking-shell *::before,
.process-tracking-shell *::after{
    box-sizing:border-box;
}

.process-tracking-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(250px,320px);
    align-items:stretch;
    gap:16px;
    padding:18px;
    border:1px solid var(--pt-line);
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 24px rgba(16,32,51,.07);
    overflow:hidden;
}

.process-tracking-hero::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:var(--pt-teal);
}

.process-tracking-hero > div{
    min-width:0;
    padding-left:4px;
}

.process-tracking-hero > div > span{
    display:inline-flex;
    align-items:center;
    width:max-content;
    min-height:26px;
    margin:0 0 8px;
    padding:0 9px;
    border:1px solid #b9ded8;
    border-radius:8px;
    background:var(--pt-teal-soft);
    color:#087057;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.process-tracking-hero h3{
    margin:0;
    color:var(--pt-ink);
    font-size:24px;
    line-height:1.15;
    font-weight:950;
}

.process-tracking-hero p{
    max-width:880px;
    margin:7px 0 0;
    color:var(--pt-muted);
    font-size:13px;
    line-height:1.48;
    font-weight:650;
}

.process-tracking-filter{
    align-self:stretch;
    display:grid;
    gap:8px;
    min-width:0;
    padding:13px;
    border:1px solid #dce7f1;
    border-radius:8px;
    background:#f8fbff;
}

.process-tracking-filter label{
    margin:0;
    color:#53647a;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.process-tracking-filter select{
    width:100%;
    height:42px;
    border:1px solid var(--pt-line-strong);
    border-radius:8px;
    background:#fff;
    color:var(--pt-ink);
    padding:0 12px;
    font-size:13px;
    font-weight:800;
    outline:none;
}

.process-tracking-filter select:focus{
    border-color:var(--pt-blue);
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.process-tracking-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.process-tracking-kpi{
    position:relative;
    min-height:96px;
    display:grid;
    align-content:space-between;
    gap:7px;
    padding:14px;
    border:1px solid var(--pt-line);
    border-radius:8px;
    background:var(--pt-card);
    box-shadow:0 8px 18px rgba(16,32,51,.055);
    overflow:hidden;
}

.process-tracking-kpi::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:3px;
    background:var(--pt-teal);
}

.process-tracking-kpi.is-total::before{background:var(--pt-blue);}
.process-tracking-kpi.is-waiting::before{background:var(--pt-amber);}
.process-tracking-kpi.is-doc::before{background:var(--pt-teal);}
.process-tracking-kpi.is-rejected::before{background:var(--pt-red);}

.process-tracking-kpi span,
.process-tracking-kpi small{
    display:block;
    min-width:0;
    color:var(--pt-muted);
    line-height:1.25;
    font-weight:850;
}

.process-tracking-kpi span{
    font-size:11px;
    text-transform:uppercase;
}

.process-tracking-kpi strong{
    display:block;
    min-width:0;
    color:var(--pt-ink);
    font-size:28px;
    line-height:1;
    font-weight:950;
}

.process-tracking-kpi small{
    font-size:12px;
}

.process-tracking-card{
    border:1px solid var(--pt-line);
    border-radius:8px;
    background:var(--pt-card);
    box-shadow:0 10px 24px rgba(16,32,51,.065);
    overflow:hidden;
}

.process-tracking-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid var(--pt-line);
    background:#f8fafc;
}

.process-tracking-card-head h4{
    margin:0;
    color:var(--pt-ink);
    font-size:17px;
    line-height:1.2;
    font-weight:950;
}

.process-tracking-card-head p{
    margin:4px 0 0;
    color:var(--pt-muted);
    font-size:12px;
    line-height:1.42;
    font-weight:650;
}

.process-tracking-card-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 10px;
    border:1px solid #d7e6ff;
    border-radius:8px;
    background:var(--pt-blue-soft);
    color:#0b4faf;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.process-tracking-list{
    display:grid;
    overflow:auto;
    scrollbar-width:thin;
}

.process-tracking-header,
.process-tracking-item summary{
    display:grid;
    grid-template-columns:minmax(210px,1.2fr) minmax(128px,.72fr) 96px minmax(116px,.68fr) 112px minmax(116px,.68fr) 112px minmax(150px,.82fr) 58px;
    gap:10px;
    align-items:center;
    min-width:1120px;
}

.process-tracking-header{
    padding:10px 16px;
    border-bottom:1px solid var(--pt-line);
    background:#eef3f8;
    color:#52647a;
    font-size:10.5px;
    line-height:1.2;
    font-weight:950;
    text-transform:uppercase;
}

.process-tracking-header span,
.process-tracking-item summary > span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.process-tracking-item{
    border-bottom:1px solid #edf2f7;
}

.process-tracking-item:last-child{
    border-bottom:0;
}

.process-tracking-item summary{
    position:relative;
    padding:13px 16px;
    cursor:pointer;
    list-style:none;
    background:#fff;
    transition:background .14s ease,box-shadow .14s ease;
}

.process-tracking-item summary::-webkit-details-marker{
    display:none;
}

.process-tracking-item summary:hover{
    background:#fbfdff;
}

.process-tracking-item[open] summary{
    background:#f8fbff;
    box-shadow:inset 4px 0 0 var(--pt-teal);
}

.process-tracking-person{
    min-width:0;
    display:grid;
    gap:4px;
}

.process-tracking-person strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--pt-ink);
    font-size:13px;
    line-height:1.25;
    font-weight:950;
}

.process-tracking-person span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--pt-muted);
    font-size:11.5px;
    line-height:1.25;
    font-weight:700;
}

.process-tracking-shell .project-pill{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    width:max-content;
    max-width:100%;
    min-height:28px;
    padding:0 9px;
    border:1px solid #dce7f1;
    border-radius:8px;
    background:#f8fafc;
    color:#334155;
    font-size:11.5px;
    font-weight:850;
    white-space:nowrap;
}

.process-tracking-meta{
    display:grid;
    gap:3px;
    min-width:0;
}

.process-tracking-meta strong,
.process-tracking-item summary > span:not(.process-tracking-status-stack):not(.process-tracking-actions):not(.project-pill){
    color:#334155;
    font-size:12px;
    line-height:1.25;
    font-weight:850;
    white-space:nowrap;
}

.process-tracking-status-stack{
    display:grid;
    justify-items:start;
    gap:6px;
    min-width:0;
}

.process-tracking-shell .status-badge{
    min-width:0;
    min-height:26px;
    padding:4px 8px;
    border-radius:999px;
    box-shadow:none;
    font-size:11px;
    line-height:1.15;
    font-weight:950;
    white-space:nowrap;
}

.process-tracking-shell .status-badge.status-active{
    border-color:#bbf7d0;
    background:#ecfdf5;
    color:#047857;
}

.process-tracking-shell .status-badge.status-warn{
    border-color:#fed7aa;
    background:var(--pt-amber-soft);
    color:#9a5a00;
}

.process-tracking-shell .status-badge.status-passive{
    border-color:#fecaca;
    background:var(--pt-red-soft);
    color:#b42318;
}

.process-tracking-doc-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    max-width:100%;
    padding:0 8px;
    border:1px solid #d7e6ff;
    border-radius:999px;
    background:var(--pt-blue-soft);
    color:#0b4faf;
    font-size:11px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}

.process-tracking-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-width:0;
}

.process-tracking-cancel-form{
    display:inline-flex;
}

.process-tracking-shell .mini-btn.icon-only{
    width:32px;
    height:32px;
    min-height:32px;
    padding:0;
    border-radius:8px;
    box-shadow:none;
}

.process-tracking-actions .mini-btn.delete{
    border-color:#fecaca;
    background:var(--pt-red-soft);
    color:#b42318;
}

.process-tracking-actions .mini-btn.delete:hover{
    border-color:var(--pt-red);
    background:var(--pt-red);
    color:#fff;
}

.process-tracking-detail{
    display:grid;
    gap:12px;
    min-width:1120px;
    padding:14px 16px 16px;
    border-top:1px solid #e8eef5;
    background:#fff;
}

.process-tracking-doc-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:10px;
}

.process-tracking-doc{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    align-items:center;
    min-height:58px;
    padding:11px 12px;
    border:1px solid var(--pt-line);
    border-left:3px solid var(--pt-amber);
    border-radius:8px;
    background:#fbfdff;
}

.process-tracking-doc:has(.status-active){
    border-left-color:var(--pt-teal);
}

.process-tracking-doc > div{
    min-width:0;
}

.process-tracking-doc strong{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--pt-ink);
    font-size:13px;
    line-height:1.25;
    font-weight:950;
}

.process-tracking-doc small{
    display:block;
    margin-top:4px;
    color:var(--pt-muted);
    font-size:11.5px;
    line-height:1.3;
    font-weight:700;
}

.process-tracking-doc .mini-btn.edit{
    border-color:#d7e6ff;
    background:var(--pt-blue-soft);
    color:#0b4faf;
}

.process-tracking-doc .mini-btn.toggle{
    border-color:#bbf7d0;
    background:#ecfdf5;
    color:#047857;
}

.process-tracking-decision{
    display:grid;
    grid-template-columns:auto minmax(280px,1fr);
    gap:10px;
    align-items:start;
    padding:12px;
    border:1px solid #cfe0ef;
    border-radius:8px;
    background:#f8fbff;
}

.process-tracking-decision .btn-small,
.process-tracking-decision .btn-secondary{
    min-height:40px;
    border-radius:8px;
    box-shadow:none;
}

.process-tracking-reject-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
}

.process-tracking-reject-form input{
    width:100%;
    height:40px;
    border:1px solid var(--pt-line-strong);
    border-radius:8px;
    padding:0 10px;
    background:#fff;
    color:var(--pt-ink);
    font-size:13px;
    font-weight:700;
    outline:none;
}

.process-tracking-reject-form input:focus{
    border-color:var(--pt-blue);
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.process-tracking-note{
    padding:12px;
    border:1px dashed #bfd4ea;
    border-radius:8px;
    background:#f8fbff;
    color:#475569;
    font-size:12.5px;
    line-height:1.45;
    font-weight:800;
}

.process-tracking-note.error{
    border-color:#fecaca;
    background:#fff7f7;
    color:#b42318;
}

.process-tracking-card .empty-state{
    margin:14px;
    padding:26px 18px;
    border:1px dashed #bfd4ea;
    border-radius:8px;
    background:#f8fbff;
    color:var(--pt-muted);
    text-align:center;
    font-size:13px;
    font-weight:850;
}

@media(max-width:1280px){
    .process-tracking-hero{
        grid-template-columns:1fr;
    }

    .process-tracking-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .process-tracking-shell{
        gap:10px;
    }

    .process-tracking-hero,
    .process-tracking-card-head{
        padding:13px;
    }

    .process-tracking-hero h3{
        font-size:20px;
    }

    .process-tracking-kpis{
        grid-template-columns:1fr;
    }

    .process-tracking-card-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .process-tracking-card-count{
        width:100%;
    }

    .process-tracking-list{
        overflow:visible;
    }

    .process-tracking-header{
        display:none;
    }

    .process-tracking-item summary{
        min-width:0;
        grid-template-columns:1fr;
        align-items:start;
        padding:13px;
    }

    .process-tracking-status-stack,
    .process-tracking-actions{
        justify-items:start;
        justify-content:flex-start;
    }

    .process-tracking-detail{
        min-width:0;
        padding:12px;
    }

    .process-tracking-doc-grid,
    .process-tracking-doc,
    .process-tracking-decision,
    .process-tracking-reject-form{
        grid-template-columns:1fr;
    }
}