/* İzin Özeti — onaylanan premium masaüstü düzeni (sayfaya özel) */
#app.theme-dashboard-pro .hr-leave-summary-page{
  --ls-gold:#d8b54d;
  --ls-gold-soft:#f0cf69;
  --ls-gold-line:rgba(216,181,77,.28);
  --ls-panel:#111315;
  --ls-panel-raised:#15181a;
  --ls-line:rgba(255,255,255,.095);
  --ls-text:#f2f3f3;
  --ls-muted:#929a9b;
  --ls-green:#64cb83;
  --ls-red:#f06c64;
  display:flex;
  flex:1 1 auto;
  min-height:0;
  height:100%!important;
  max-height:100%!important;
  padding:2px 4px 14px;
  gap:12px;
  overflow:hidden!important;
  box-sizing:border-box;
  color:var(--ls-text);
}

#app.theme-dashboard-pro #content:has(.hr-leave-summary-page){overflow:hidden}
.hr-leave-summary-page *{box-sizing:border-box}
.hr-leave-summary-page .ls-icon{display:block;width:18px;height:18px;flex:0 0 auto}
.hr-leave-summary-page .ls-visually-hidden,
.ls-del-modal .ls-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Başlık */
#app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head{
  display:flex;
  flex:0 0 auto;
  min-height:74px;
  margin:0;
  padding:8px 2px 4px;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.hr-leave-summary-page .ls-page-heading{display:grid;min-width:0;gap:3px}
.hr-leave-summary-page .ls-eyebrow{
  color:rgba(216,181,77,.7);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.14em;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head h2{
  margin:0;
  color:var(--ls-text);
  font-size:25px;
  font-weight:720;
  letter-spacing:-.035em;
  line-height:1.05;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head .hintline{
  margin:2px 0 0;
  color:var(--ls-muted);
  font-size:11.5px;
  font-weight:500;
  line-height:1.35;
}
.hr-leave-summary-page .ls-calendar-link{
  display:inline-flex;
  min-height:42px;
  padding:0 15px;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(216,181,77,.46);
  border-radius:11px;
  color:var(--ls-gold-soft);
  background:rgba(216,181,77,.055);
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease;
}
.hr-leave-summary-page .ls-calendar-link:hover{
  color:#ffe492;
  border-color:rgba(240,207,105,.72);
  background:rgba(216,181,77,.11);
  transform:translateY(-1px);
}
.hr-leave-summary-page .ls-calendar-link:focus-visible,
.hr-leave-summary-page .ls-kind-chip:focus-visible,
.hr-leave-summary-page .ls-expand-btn:focus-visible,
.hr-leave-summary-page .ls-period-del:focus-visible{
  outline:2px solid var(--ls-gold-soft);
  outline-offset:2px;
}

/* Komut / filtre çubuğu */
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar{
  display:block;
  flex:0 0 auto;
  max-height:none;
  min-height:66px;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--ls-line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012));
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .bord-report-toolbar-filters{
  display:grid;
  grid-template-columns:136px 210px minmax(230px,1fr) auto;
  width:100%;
  min-width:0;
  align-items:center;
  gap:10px;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-ctl{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 38px 0 14px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:10px!important;
  color:#e8ebea!important;
  background-color:#0e1011!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:44px!important;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar select.sal-flt-ctl{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23D8B54D' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:12px 8px!important;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-search{
  padding-right:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238C9593' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:18px 18px!important;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-ctl::placeholder{color:#777f7e}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-ctl:hover{border-color:rgba(216,181,77,.34)!important}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-ctl:focus{
  border-color:rgba(216,181,77,.72)!important;
  box-shadow:0 0 0 3px rgba(216,181,77,.10)!important;
  outline:0!important;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chips{
  display:inline-flex;
  min-height:44px;
  padding:3px;
  align-items:stretch;
  gap:2px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#17191a;
  flex-wrap:nowrap;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chip{
  min-width:78px;
  min-height:36px;
  padding:0 12px;
  border:0;
  border-radius:8px;
  color:#bdc3c2;
  background:transparent;
  box-shadow:none;
  font-size:11px;
  font-weight:720;
  cursor:pointer;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chip:hover{
  color:#f0f1f1;
  border:0;
  background:rgba(255,255,255,.045);
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chip.is-active{
  color:#211b0d;
  border:0;
  background:linear-gradient(180deg,#f0d372,#d9af3d);
  box-shadow:0 5px 15px rgba(216,181,77,.16),inset 0 1px 0 rgba(255,255,255,.38);
}

/* KPI şeridi */
#app.theme-dashboard-pro .hr-leave-summary-page .ls-summary-wrap{flex:0 0 auto;margin:0;gap:0}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-kpi-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  padding:0;
}
.hr-leave-summary-page .ls-kpi{
  display:flex;
  min-width:0;
  min-height:72px;
  padding:10px 13px;
  align-items:center;
  gap:11px;
  border:1px solid var(--ls-line);
  border-radius:12px;
  background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset;
}
.hr-leave-summary-page .ls-kpi-icon{
  display:inline-flex;
  width:34px;
  height:34px;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  color:#8f9896;
  background:rgba(255,255,255,.025);
}
.hr-leave-summary-page .ls-kpi-icon .ls-icon{width:17px;height:17px}
.hr-leave-summary-page .ls-kpi-copy{display:grid;min-width:0;gap:3px}
.hr-leave-summary-page .ls-kpi-copy>span{
  overflow:hidden;
  color:#9ca4a3;
  font-size:8.5px;
  font-weight:750;
  letter-spacing:.045em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.hr-leave-summary-page .ls-kpi-copy>strong{
  overflow:hidden;
  color:#f0f2f1;
  font-size:20px;
  font-weight:720;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
  line-height:1;
  text-overflow:ellipsis;
}
.hr-leave-summary-page .ls-kpi-remain{
  border-color:rgba(216,181,77,.30);
  background:linear-gradient(155deg,rgba(216,181,77,.11),rgba(255,255,255,.012));
}
.hr-leave-summary-page .ls-kpi-remain .ls-kpi-icon,
.hr-leave-summary-page .ls-kpi-remain .ls-kpi-copy>span,
.hr-leave-summary-page .ls-kpi-remain .ls-kpi-copy>strong{color:var(--ls-gold-soft)}
.hr-leave-summary-page .ls-kpi-zero .ls-kpi-icon,
.hr-leave-summary-page .ls-kpi-zero .ls-kpi-copy>span,
.hr-leave-summary-page .ls-kpi-zero .ls-kpi-copy>strong{color:#ef7a73}

/* Personel defteri */
#app.theme-dashboard-pro .hr-leave-summary-page .ls-blocks-card{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-blocks-scroll{
  display:flex;
  width:100%;
  min-height:0;
  padding:2px 3px 16px 0;
  flex-direction:column;
  gap:10px;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(216,181,77,.32) transparent;
}
.hr-leave-summary-page .ls-blocks-scroll::-webkit-scrollbar{width:6px}
.hr-leave-summary-page .ls-blocks-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(216,181,77,.30)}
.hr-leave-summary-page .ls-blocks-scroll::-webkit-scrollbar-track{background:transparent}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-block{
  --ls-pad-x:16px;
  flex:0 0 auto;
  min-height:88px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(216,181,77,.24);
  border-radius:13px;
  background:linear-gradient(150deg,rgba(255,255,255,.034),rgba(255,255,255,.012) 48%,rgba(0,0,0,.12));
  box-shadow:0 9px 26px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .16s ease,background .16s ease;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-block:hover{border-color:rgba(216,181,77,.38)}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-block.is-expanded{
  border-color:rgba(216,181,77,.42);
  background:linear-gradient(150deg,rgba(216,181,77,.045),rgba(255,255,255,.012) 42%,rgba(0,0,0,.14));
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-header{
  display:grid;
  grid-template-columns:minmax(210px,1.35fr) minmax(110px,.9fr) repeat(3,minmax(68px,82px)) minmax(150px,.85fr) 38px;
  min-height:86px;
  padding:12px var(--ls-pad-x);
  align-items:center;
  gap:10px 14px;
  border:0;
  background:transparent;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-block.is-expanded .ls-emp-header{border-bottom:1px solid rgba(216,181,77,.17)}
.hr-leave-summary-page .ls-col-name{
  display:flex;
  min-width:0;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}
.hr-leave-summary-page .ls-emp-avatar{
  display:inline-flex;
  width:38px;
  height:38px;
  flex:0 0 38px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,181,77,.58);
  border-radius:50%;
  color:var(--ls-gold);
  background:rgba(216,181,77,.055);
}
.hr-leave-summary-page .ls-emp-avatar .ls-icon{width:21px;height:21px}
.hr-leave-summary-page .hr-employee-avatar.ls-employee-photo{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid rgba(216,181,77,.62);
  color:var(--ls-gold-soft);
  background:linear-gradient(145deg,#292518,#111315);
  box-shadow:0 0 0 2px rgba(216,181,77,.055);
  font-size:10px;
  font-weight:820;
}
.hr-leave-summary-page .hr-employee-avatar.ls-employee-photo.has-photo{
  border-color:rgba(240,207,105,.82);
  box-shadow:0 0 0 2px rgba(216,181,77,.08),0 5px 14px rgba(0,0,0,.22);
}
.hr-leave-summary-page .hr-employee-avatar.ls-employee-photo img{object-position:center 22%}
.hr-leave-summary-page .ls-emp-name-wrap{display:grid;min-width:0;gap:3px}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-name{
  overflow:hidden;
  color:#f0f1f0;
  font-size:13.5px;
  font-weight:720;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hr-leave-summary-page .ls-emp-record-copy{
  overflow:hidden;
  color:#747d7b;
  font-size:9.5px;
  font-weight:550;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-badge{
  display:inline-flex;
  min-width:22px;
  height:22px;
  padding:0 7px;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  color:#1a160b;
  background:#e4bd4f;
  box-shadow:none;
  font-size:10px;
  font-weight:800;
}
.hr-leave-summary-page .ls-col-wp{display:flex;min-width:0;align-items:center}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-wp-val{
  overflow:hidden;
  color:#e4e7e5;
  font-size:12.5px;
  font-weight:680;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hr-leave-summary-page .ls-col-num.ls-num-cell{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  text-align:center;
  white-space:nowrap;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-num-lab{
  color:#969e9c;
  font-size:8.5px;
  font-weight:760;
  letter-spacing:.04em;
  line-height:1;
  text-transform:uppercase;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-num{
  color:#f1f3f2;
  font-size:18px;
  font-weight:720;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-remain{color:#f2d260}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-remain.is-low{color:#f07a73}
.hr-leave-summary-page .ls-planned-hint{display:none}
.hr-leave-summary-page .ls-utilization{display:flex;min-width:0;align-items:center;gap:9px}
.hr-leave-summary-page .ls-progress{
  position:relative;
  height:6px;
  min-width:72px;
  flex:1 1 auto;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.09);
}
.hr-leave-summary-page .ls-progress>span{
  display:block;
  width:var(--ls-progress);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#d6aa38,#efc957);
  box-shadow:0 0 8px rgba(216,181,77,.12);
}
.hr-leave-summary-page .ls-utilization>strong{
  min-width:34px;
  color:#dfba4d;
  font-size:10.5px;
  font-weight:780;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.hr-leave-summary-page .ls-expand-btn{
  display:inline-flex;
  width:36px;
  height:36px;
  padding:0;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:9px;
  color:#ddb746;
  background:transparent;
  cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.hr-leave-summary-page .ls-expand-btn:hover{color:#f5d977;background:rgba(216,181,77,.09)}
.hr-leave-summary-page .ls-expand-btn .ls-icon{width:18px;height:18px;transition:transform .18s ease}
.hr-leave-summary-page .ls-emp-block.is-expanded .ls-expand-btn .ls-icon{transform:rotate(180deg)}
.hr-leave-summary-page .ls-emp-details[hidden]{display:none!important}

/* Açılan izin kayıtları */
#app.theme-dashboard-pro .hr-leave-summary-page .ls-periods-section{padding:10px var(--ls-pad-x) 12px}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-periods-head{
  display:flex;
  margin:0 0 7px;
  align-items:center;
  gap:7px;
  color:#858e8c;
  font-size:8.5px;
  font-weight:760;
  letter-spacing:.065em;
  text-transform:uppercase;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-periods-count{
  display:inline-flex;
  min-width:20px;
  height:18px;
  padding:0 6px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,181,77,.20);
  border-radius:5px;
  color:var(--ls-gold-soft);
  background:rgba(216,181,77,.07);
  font-size:9px;
  letter-spacing:0;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-periods-empty{
  padding:13px;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:9px;
  color:#79817f;
  background:rgba(0,0,0,.12);
  font-size:11px;
  text-align:center;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-cols-head,
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-item{
  display:grid;
  grid-template-columns:minmax(170px,1.35fr) minmax(92px,.68fr) minmax(135px,.9fr) minmax(100px,.72fr) 54px;
  width:100%;
  padding-left:12px;
  padding-right:8px;
  align-items:center;
  gap:8px 12px;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-cols-head{
  min-height:28px;
  color:#808987;
  font-size:8px;
  font-weight:760;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hr-leave-summary-page .ls-period-list{display:flex;margin:0;padding:0;flex-direction:column;gap:6px;list-style:none}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-item{
  min-height:50px;
  padding-top:7px;
  padding-bottom:7px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:rgba(4,5,5,.28);
  transition:border-color .15s ease,background .15s ease;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-item:hover{
  border-color:rgba(216,181,77,.19);
  background:rgba(255,255,255,.025);
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-range{
  color:#ecefed;
  font-size:11.5px;
  font-weight:650;
  font-variant-numeric:tabular-nums;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-days{color:#b5bcba;font-size:11px}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-days strong{color:#e9c858;font-weight:760}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-type-chip{
  display:inline-flex;
  max-width:100%;
  min-height:23px;
  padding:2px 8px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(216,181,77,.22);
  border-radius:6px;
  color:#ddc572;
  background:rgba(216,181,77,.07);
  font-size:9.5px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-type-chip.ls-type-unpaid{color:#9bc8f4;border-color:rgba(96,165,250,.24);background:rgba(59,130,246,.07)}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-type-chip.ls-type-report{color:#edce75;border-color:rgba(234,179,8,.22);background:rgba(202,138,4,.07)}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-type-chip.ls-type-attendance{color:#e8a7cc;border-color:rgba(244,114,182,.22);background:rgba(236,72,153,.07)}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-type-chip.ls-type-admin{color:#caa8ee;border-color:rgba(168,85,247,.22);background:rgba(147,51,234,.07)}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-type-chip.ls-type-other{color:#b8b9b8;border-color:rgba(168,162,158,.20);background:rgba(120,113,108,.07)}
.hr-leave-summary-page .ls-period-status .pill{
  min-height:23px;
  padding:2px 8px;
  font-size:9.5px;
  box-shadow:none;
}
.hr-leave-summary-page .ls-period-col-days,
.hr-leave-summary-page .ls-period-days,
.hr-leave-summary-page .ls-period-col-type,
.hr-leave-summary-page .ls-period-type,
.hr-leave-summary-page .ls-period-col-status,
.hr-leave-summary-page .ls-period-status,
.hr-leave-summary-page .ls-period-col-act,
.hr-leave-summary-page .ls-period-actions{justify-self:center;text-align:center}
.hr-leave-summary-page .ls-period-type,
.hr-leave-summary-page .ls-period-status,
.hr-leave-summary-page .ls-period-actions{display:flex;min-width:0;align-items:center;justify-content:center}
.hr-leave-summary-page .ls-period-actions{width:38px}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-del{
  display:inline-flex;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(229,70,61,.56);
  border-radius:8px;
  color:#ef5f58;
  background:rgba(229,70,61,.035);
  box-shadow:none;
}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-del .ls-icon{width:17px;height:17px}
#app.theme-dashboard-pro .hr-leave-summary-page .ls-period-del:hover{
  color:#ff8b84;
  border-color:rgba(240,108,100,.82);
  background:rgba(229,70,61,.12);
}

/* Silme modalı */
body.modal-open #modal:has(.ls-del-modal){
  background:rgba(1,2,2,.70);
  -webkit-backdrop-filter:blur(1.5px);
  backdrop-filter:blur(1.5px);
}
.modal-card.ls-del-modal{
  width:min(600px,94vw)!important;
  max-height:min(88vh,680px)!important;
  padding:24px 26px 22px!important;
  overflow:auto!important;
  border:1px solid rgba(216,181,77,.42)!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,#181b1d 0%,#111315 60%,#0f1112 100%)!important;
  box-shadow:0 30px 85px rgba(0,0,0,.68),0 0 0 1px rgba(216,181,77,.045),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.modal-card.ls-del-modal::before{display:none!important}
body.view-pro-modals .modal-card.ls-del-modal>h2,
.modal-card.ls-del-modal>h2{
  display:flex!important;
  min-height:40px;
  margin:0 0 14px!important;
  padding:0 42px 0 0!important;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  color:#f1f3f2!important;
  font-size:17px!important;
  font-weight:720!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
}
.ls-del-title-icon{
  display:inline-flex;
  width:38px;
  height:38px;
  flex:0 0 38px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(229,70,61,.52);
  border-radius:9px;
  color:#ef5f58;
  background:rgba(229,70,61,.045);
}
.ls-del-title-icon .ls-icon{width:19px;height:19px}
.modal-card.ls-del-modal>.modal-x{
  top:24px!important;
  right:24px!important;
  width:36px!important;
  height:36px!important;
  color:#e3e6e4!important;
  border-radius:9px!important;
}
.modal-card.ls-del-modal>.modal-x:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}
.modal-card.ls-del-modal>#mb{position:relative;z-index:1}
.ls-del-dialog{gap:14px!important}
.ls-del-intro{display:grid;gap:5px}
.ls-del-q{
  margin:0!important;
  color:#f4f5f4!important;
  font-size:18px!important;
  font-weight:680!important;
  line-height:1.3!important;
  text-align:left!important;
}
.ls-del-sub{
  margin:0;
  color:#a5adab;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}
.ls-del-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  background:rgba(0,0,0,.12);
}
.ls-del-card{
  display:flex!important;
  min-height:80px!important;
  padding:13px 15px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:none!important;
}
.ls-del-card:nth-child(odd){border-right:1px solid rgba(255,255,255,.11)!important}
.ls-del-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.11)!important}
.ls-del-card-lab{
  color:#a1a9a7!important;
  font-size:9px!important;
  font-weight:760!important;
  letter-spacing:.06em!important;
}
.ls-del-card-val{
  color:#f0f2f1!important;
  font-size:13px!important;
  font-weight:660!important;
  line-height:1.4!important;
}
.ls-del-card-status .pill{min-height:24px!important;padding:2px 9px!important;font-size:10px!important;box-shadow:none!important}
.ls-del-note{
  display:flex;
  min-height:48px;
  margin:0!important;
  padding:10px 13px;
  align-items:center;
  gap:10px;
  border:1px solid rgba(229,70,61,.36);
  border-radius:9px;
  color:#e8bd51!important;
  background:rgba(111,42,30,.16);
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.4!important;
  text-align:left!important;
}
.ls-del-note .ls-icon{width:19px;height:19px;flex:0 0 19px;color:#f2645d}
.ls-del-dialog .app-dialog-actions{
  display:flex!important;
  margin:0!important;
  padding:7px 0 0!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  border:0!important;
  box-shadow:none!important;
}
.ls-del-dialog .app-dialog-actions .ghost,
.ls-del-dialog .app-dialog-actions .primary{
  display:inline-flex!important;
  width:auto!important;
  min-width:104px!important;
  min-height:42px!important;
  padding:0 16px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:9px!important;
  font-size:12.5px!important;
  font-weight:720!important;
}
.ls-del-dialog .app-dialog-actions .ghost{
  color:#edf0ee!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.025)!important;
}
.ls-del-dialog .app-dialog-actions .ghost:hover{color:#fff!important;border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.06)!important}
.ls-del-dialog .app-dialog-actions .ls-del-confirm{
  color:#fff!important;
  border:1px solid #d94b44!important;
  background:linear-gradient(180deg,#df514a,#c83d37)!important;
  box-shadow:0 8px 20px rgba(190,49,43,.20)!important;
}
.ls-del-dialog .app-dialog-actions .ls-del-confirm:hover{filter:brightness(1.08)!important;box-shadow:0 10px 24px rgba(190,49,43,.27)!important}
.ls-del-dialog .app-dialog-actions .ls-del-confirm .ls-icon{width:17px;height:17px}

/* Orta ve dar ekranlar */
@media (max-width:1280px){
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .bord-report-toolbar-filters{grid-template-columns:120px 180px minmax(200px,1fr) auto}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chip{min-width:68px;padding:0 9px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-header{grid-template-columns:minmax(190px,1.25fr) minmax(100px,.75fr) repeat(3,minmax(60px,72px)) minmax(120px,.7fr) 36px;gap:9px 10px}
}

@media (max-width:1120px){
  #app.theme-dashboard-pro .hr-leave-summary-page{height:auto!important;max-height:none!important;overflow:visible!important}
  #app.theme-dashboard-pro #content:has(.hr-leave-summary-page){overflow-y:auto;overflow-x:hidden}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .bord-report-toolbar-filters{grid-template-columns:140px 1fr minmax(260px,1.4fr)}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chips{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-blocks-card{flex:0 0 auto;overflow:visible}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-blocks-scroll{overflow:visible;padding-right:0}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-header{
    grid-template-columns:minmax(220px,1.35fr) minmax(120px,.8fr) repeat(3,minmax(65px,75px)) 38px;
    grid-template-areas:
      "name wp hak used kalan toggle"
      "progress progress progress progress progress toggle";
  }
  .hr-leave-summary-page .ls-col-name{grid-area:name}
  .hr-leave-summary-page .ls-col-wp{grid-area:wp}
  .hr-leave-summary-page .ls-emp-header .ls-col-num:nth-child(3){grid-area:hak}
  .hr-leave-summary-page .ls-emp-header .ls-col-num:nth-child(4){grid-area:used}
  .hr-leave-summary-page .ls-emp-header .ls-col-num:nth-child(5){grid-area:kalan}
  .hr-leave-summary-page .ls-utilization{grid-area:progress}
  .hr-leave-summary-page .ls-expand-btn{grid-area:toggle}
}

@media (max-width:760px){
  #app.theme-dashboard-pro .hr-leave-summary-page{padding:0 0 18px;gap:10px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head{min-height:0;padding:7px 1px;align-items:flex-start;flex-direction:column}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head h2{font-size:22px}
  .hr-leave-summary-page .ls-calendar-link{width:100%}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar{padding:9px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .bord-report-toolbar-filters{grid-template-columns:1fr 1fr}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-search{grid-column:1/-1}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chips{grid-column:1/-1}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chip{min-width:0;padding:0 5px;font-size:10px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .hr-leave-summary-page .ls-kpi{min-height:66px;padding:9px 10px;gap:8px}
  .hr-leave-summary-page .ls-kpi-icon{width:30px;height:30px;flex-basis:30px}
  .hr-leave-summary-page .ls-kpi-copy>strong{font-size:18px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-header{
    grid-template-columns:1fr repeat(3,minmax(54px,64px)) 36px;
    grid-template-areas:
      "name name name name toggle"
      "wp hak used kalan toggle"
      "progress progress progress progress progress";
    padding:11px 12px;
    gap:11px 8px;
  }
  .hr-leave-summary-page .ls-emp-avatar,
  .hr-leave-summary-page .hr-employee-avatar.ls-employee-photo{width:34px;height:34px;flex-basis:34px}
  .hr-leave-summary-page .ls-emp-record-copy{display:none}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-name{font-size:12.5px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-wp-val{font-size:10.5px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-num{font-size:15px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-num-lab{font-size:7.5px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-periods-section{padding:9px 10px 11px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-period-cols-head{display:none}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-period-item{
    grid-template-columns:1fr auto 38px;
    grid-template-areas:
      "range days act"
      "type status act";
    padding:10px;
    gap:8px 10px;
  }
  .hr-leave-summary-page .ls-period-range{grid-area:range}
  .hr-leave-summary-page .ls-period-days{grid-area:days}
  .hr-leave-summary-page .ls-period-type{grid-area:type;justify-self:start}
  .hr-leave-summary-page .ls-period-status{grid-area:status;justify-self:end}
  .hr-leave-summary-page .ls-period-actions{grid-area:act}
}

@media (max-width:640px){
  .modal-card.ls-del-modal{padding:20px 18px 18px!important}
  .modal-card.ls-del-modal>.modal-x{top:20px!important;right:18px!important}
  .ls-del-cards{grid-template-columns:1fr}
  .ls-del-card:nth-child(odd){border-right:0!important}
  .ls-del-card:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.11)!important}
  .ls-del-card{min-height:68px!important}
  .ls-del-dialog .app-dialog-actions{display:grid!important;grid-template-columns:1fr 1fr}
  .ls-del-dialog .app-dialog-actions .ghost,
  .ls-del-dialog .app-dialog-actions .primary{width:100%!important;min-width:0!important;padding:0 10px!important}
}

@media (max-width:440px){
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .bord-report-toolbar-filters{grid-template-columns:1fr}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-search,
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chips{grid-column:1}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chips{grid-template-columns:1fr 1fr}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-header{
    grid-template-columns:1fr repeat(3,minmax(48px,58px)) 34px;
    grid-template-areas:
      "name name name name toggle"
      "wp hak used kalan toggle"
      "progress progress progress progress progress";
  }
  .hr-leave-summary-page .ls-period-badge{display:none!important}
  .hr-leave-summary-page .ls-emp-avatar,
  .hr-leave-summary-page .hr-employee-avatar.ls-employee-photo{width:30px;height:30px;flex-basis:30px}
}

@media (max-height:820px) and (min-width:1121px){
  #app.theme-dashboard-pro .hr-leave-summary-page{gap:8px;padding-bottom:8px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head{min-height:58px;padding-top:4px}
  .hr-leave-summary-page .ls-eyebrow{display:none}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-page-head h2{font-size:21px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar{min-height:58px;padding:7px 10px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-command-bar .sal-flt-ctl{min-height:40px!important;height:40px!important;max-height:40px!important;line-height:40px!important}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chips{min-height:40px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-kind-chip{min-height:32px}
  .hr-leave-summary-page .ls-kpi{min-height:60px;padding:8px 10px}
  .hr-leave-summary-page .ls-kpi-icon{width:30px;height:30px;flex-basis:30px}
  .hr-leave-summary-page .ls-kpi-copy>strong{font-size:17px}
  #app.theme-dashboard-pro .hr-leave-summary-page .ls-emp-header{min-height:76px;padding-top:9px;padding-bottom:9px}
}

@media (prefers-reduced-motion:reduce){
  .hr-leave-summary-page *,
  .ls-del-modal *{scroll-behavior:auto!important;transition:none!important}
}