@charset "UTF-8";
/* theme-name: DCAM Light */
/*
 * ============================================================================
 * DCAM IT Helpdesk — "FRONTEND REVOLUTION" / acik tema
 * Koyu temanin (dcam.scss) birebir aynasi: ayni yapisal kurallar, ters yuzeyler.
 *
 * REVOLUT ACIK MOD KARARLARI:
 *   - Zemin BEYAZ; yuzeyler siyahin alfasi (%4 / %6 / %8) — koyu temada beyaz alfaydi.
 *   - Yukseklik yine GOLGE degil: parlaklik basamagi + 1px ice halka (siyah %6).
 *   - Birincil buton TERS: siyah pill uzerine beyaz yazi (koyu temada beyaz pill/siyah yazi).
 *   - Vurgu #376cd5 (Revolut'un acik mod varsayilani; koyu modda #6fa0ff).
 *   - Anlam renkleri acik mod degerleri: success #00916d, danger #db2031, warning #ec7e00.
 *   - Ayirici cizgi yok, pill butonlar, Inter, tracking -0.011em: koyu temayla ayni.
 * ============================================================================
 */
/* $is-dark satiri YOK: bu tema acik moddur. */
:root[data-glpi-theme=dcam-light] {
  color-scheme: light;
  /* ---------------------------------------------------------------- token */
  --r-bg: #ffffff;
  --r-widget: rgba(0, 0, 0, 0.04); /* kart      -> #f5f5f5 */
  --r-nested: rgba(0, 0, 0, 0.03);
  --r-input: rgba(0, 0, 0, 0.06); /* form alani-> #f0f0f0 */
  --r-surface-3: rgba(0, 0, 0, 0.08);
  --r-popover: #ffffff;
  --r-elevated: #ffffff;
  --r-hairline: rgba(0, 0, 0, 0.10);
  --r-ring: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  --r-grey-2: rgba(0, 0, 0, 0.03);
  --r-grey-5: rgba(0, 0, 0, 0.06);
  --r-grey-8: rgba(0, 0, 0, 0.10);
  --r-grey-10: rgba(0, 0, 0, 0.16);
  --r-grey-20: rgba(0, 0, 0, 0.32);
  --r-grey-50: rgba(0, 0, 0, 0.62);
  --r-fg: #191c1f; /* Revolut'un "foreground" tokeni */
  --r-fg-secondary: rgba(25, 28, 31, 0.68);
  --r-fg-tertiary: rgba(25, 28, 31, 0.42);
  --r-accent: #376cd5;
  --r-success: #00916d;
  --r-danger: #db2031;
  --r-warning: #ec7e00;
  --r-radius: 16px;
  --r-radius-nested: 12px;
  --r-radius-modal: 24px;
  --r-pill: 9999px;
  --r-ease: cubic-bezier(0.15, 0.5, 0.5, 1);
  --r-dur: 300ms;
  /* ------------------------------------------------------- tabler / core */
  --tblr-body-bg: var(--r-bg);
  --tblr-body-color: var(--r-fg);
  --tblr-body-color-rgb: 25, 28, 31;
  /* YUZEN KATMAN KURALI: dropdown / popover / modal / toast / takvim arka
     planlari Tabler'da --tblr-bg-surface'ten turer. Acik temada bu token
     zaten opak (#ffffff); yine de panellerin opakligina token'a GUVENMEYIP
     YUZEN KATMANLAR bolumunde tek tek yaziyoruz (Tabler --tblr-dropdown-bg
     vb. degerleri bilesenin kendi uzerinde yeniden tanimliyor). */
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: var(--r-nested);
  --tblr-bg-surface-tertiary: var(--r-input);
  /* form-control disi eski input'lar + isaretlenmemis checkbox bunu okuyor;
     stok deger #ffffff idi ve beyaz kart uzerinde kayboluyordu */
  --tblr-bg-forms: var(--r-input);
  /* "aktif" satir: stok deger %4 vurgu = gorunmuyor, hover'dan bile silik */
  --tblr-active-bg: rgba(var(--tblr-primary-rgb), 0.16);
  --tblr-dark: #191c1f;
  --tblr-light: #f5f5f5;
  --tblr-border-color: transparent;
  --tblr-border-color-translucent: transparent;
  --tblr-border-radius: var(--r-radius-nested);
  --tblr-box-shadow-input: none;
  --tblr-primary-rgb: 55, 108, 213;
  --tblr-primary-fg: #ffffff;
  --tblr-secondary: rgba(25, 28, 31, 0.68);
  --tblr-secondary-rgb: 25, 28, 31;
  --tblr-secondary-fg: #ffffff;
  --tblr-muted: var(--r-fg-secondary);
  --tblr-muted-rgb: 25, 28, 31;
  --tblr-link-color-rgb: 55, 108, 213;
  --tblr-link-hover-color-rgb: 40, 85, 175;
  --tblr-success: var(--r-success);
  --tblr-danger: var(--r-danger);
  --tblr-warning: var(--r-warning);
  --tblr-info: var(--r-accent);
  --tblr-code-color: #2f5bb7;
  /* NOT: tooltip renkleri buradan DEGIL, YUZEN KATMANLAR bolumundeki .tooltip
     kuralindan geliyor; GLPI bu tokenleri .tooltip elementinin uzerinde
     yeniden tanimladigi icin :root seviyesi okunmuyor. */
  /* --------------------------------------------------------- glpi chrome */
  /* acik zeminde BEYAZ logo kaybolur -> siyah varyanta gec (DCAM logolari bu
     dosya adlarinin uzerine kuruludur: bkz. branding/glpi-logos/) */
  --glpi-logo: url("../pics/logos/logo-GLPI-100-black.png");
  --glpi-logo-reduced: url("../pics/logos/logo-G-100-black.png");
  --glpi-mainmenu-bg: #ffffff;
  --glpi-mainmenu-fg: rgba(25, 28, 31, 0.68);
  --glpi-mainmenu-fg-muted: rgba(25, 28, 31, 0.42);
  --glpi-mainmenu-active-bg: rgba(0, 0, 0, 0.06);
  --glpi-illustrations-color: #376cd5;
  --glpi-illustrations-color-2: #ffffff;
  --glpi-illustrations-color-3: #c7d5f0;
  --glpi-illustrations-color-4: #00916d;
  --glpi-illustrations-color-5: #f5f7fb;
  --glpi-illustrations-background: #ffffff;
  --glpi-illustrations-header-dark: #26426f;
  --glpi-illustrations-header-light: #c7d5f0;
  --glpi-illustrations-primary: var(--r-accent);
  --glpi-illustrations-gradient-1: #e8eefb;
  --glpi-illustrations-gradient-2: #a8c0ea;
  --glpi-illustrations-gradient-3: #5b83cf;
  --glpi-helpdesk-header: #ffffff;
  --glpi-helpdesk-tiles-section-bg: #fafafa;
  --glpi-helpdesk-tabs-section-bg: #ffffff;
  --glpi-tabs-bg: transparent;
  --glpi-tabs-fg: var(--r-fg-secondary);
  --glpi-tabs-border-color: transparent;
  --glpi-tabs-active-bg: var(--r-grey-8);
  --glpi-tabs-active-fg: var(--r-fg);
  --glpi-tabs-active-border-color: transparent;
  --glpi-form-header-fg: var(--r-fg);
  --glpi-form-header-bg: transparent;
  --glpi-form-header-border-color: transparent;
  --glpi-search-bg: var(--r-input);
  --glpi-search-fg: var(--r-fg);
  --glpi-search-border-color: transparent;
  --glpi-badge-bg: rgba(0, 0, 0, 0.06);
  --glpi-badge-fg: var(--r-fg);
  --glpi-hover-bg: rgba(0, 0, 0, 0.03);
  --glpi-scrollbar-thumb-color: rgba(0, 0, 0, 0.20);
  --glpi-scrollbar-track-color: transparent;
  --glpi-itil-secondary-bg: rgba(0, 0, 0, 0.03);
  --glpi-timeline-itil-content-bg: rgba(55, 108, 213, 0.08);
  --glpi-timeline-itil-content-fg: #1c3a70;
  --glpi-timeline-itil-content-border-color: transparent;
  --glpi-timeline-fup-bg: rgba(0, 0, 0, 0.04);
  --glpi-timeline-fup-fg: var(--r-fg);
  --glpi-timeline-fup-border-color: transparent;
  --glpi-timeline-task-bg: rgba(236, 126, 0, 0.10);
  --glpi-timeline-task-fg: #7a4300;
  --glpi-timeline-task-border-color: transparent;
  --glpi-timeline-solution-bg: rgba(0, 145, 109, 0.10);
  --glpi-timeline-solution-fg: #01523e;
  --glpi-timeline-solution-border-color: transparent;
  --glpi-timeline-document-bg: rgba(0, 0, 0, 0.05);
  --glpi-timeline-document-fg: var(--r-fg);
  --glpi-timeline-document-border-color: transparent;
  --glpi-timeline-badge-fg: rgba(25, 28, 31, 0.75);
  --glpi-palette-color-1: #ffffff;
  --glpi-palette-color-2: #f5f5f5;
  --glpi-palette-color-3: #376cd5;
  --glpi-palette-color-4: #191c1f;
  /* ====================================================================== */
  /* YUZEYLER                                                               */
  /* ====================================================================== */
  /* ---------------------------------------------------------------------- */
  /* YUZEN KATMANLAR — icerigin USTUNDE duran her sey OPAK olmali            */
  /*                                                                        */
  /* Akistaki yuzeyler alfa kullanabilir (altlarinda hep zemin var), yuzen   */
  /* paneller ASLA: saydam panelde altindaki metin sizar ve menu okunmaz.    */
  /* GLPI 11 karsiliklari: acilir listeler select2, tarih secici flatpickr,  */
  /* ipuclari popover/qtip, otomatik tamamlama .aa-Panel.                    */
  /* ---------------------------------------------------------------------- */
  /* NOT: zengin menuler .dropdown-menu.card olarak geliyor ve DOM'da kartin
     ICINDE duruyor; ".card .card" kurali ile esit ozgullukte kalmamak icin
     ayrica ".card .dropdown-menu.card" da yaziliyor. */
  /* GLPI popover govdesine ayrica --tblr-bg-surface veriyor: kabugu
     duzeltmek yetmez, govdeyi de seffaf birakip kabugun rengini goster. */
  /* ok ucunu GLPI --tblr-bg-surface ile boyuyor; panelin rengiyle ayni olmali */
  /* Daraltilmis kenar cubugunun UCAN alt menusu: GLPI arka plana
     --glpi-mainmenu-fg'yi (alfali METIN rengi) veriyor -> panel saydam kaliyor
     ve yazi tersine donuyor. (Koyu palet icin GLPI bunu kendi duzeltiyor,
     acik tema tarafinda duzeltme YOK.) */
  /* select2 paneli alan ile ayni dilde: 12px kose, tasma kirpilir */
  /* Panel ici satirlar. GLPI kendi kurallarini 6 sinif derinliginde yaziyor
     (.select2-container .select2-dropdown .select2-results ...); ayni zinciri
     kopyalamak yerine kisa selector + !important okunur kaliyor. */
  /* zaten SECILI satir: notr, soluk yuzey */
  /* imlec/klavye ile VURGULANAN satir: vurgu tonlu. Stok GLPI burada dolu mavi
     kullaniyor; notr griye cevirirsek "secili" satirdan ayirt edilemiyor. */
  /* devre disi secenek: ustteki genel renk kurali GLPI'nin grisini eziyordu */
  /* panel icindeki arama alani: opak panelin ustunde alfa sorun degil */
  /* Takvim: tek token butun ic parcalari besliyor (baslik, gun kutulari, ok
     uclari). Arka plani dogrudan ezersek ic parcalar ayrisir. */
  /* Tooltip: acik temada TERS balon dogru (koyu zemin + beyaz yazi), ama stok
     opaklik %90 - yani yine alfali bir yuzen katman. Tam opak yapiyoruz. */
  /* ====================================================================== */
  /* LISTE SATIRLARI — ayirici cizgi yok                                    */
  /* ====================================================================== */
  /* ====================================================================== */
  /* VERI TABLOLARI — sac teli cizgi yalniz burada                          */
  /* ====================================================================== */
  /* ====================================================================== */
  /* BUTONLAR — birincil: SIYAH pill / BEYAZ yazi (koyu temanin tersi)      */
  /* ====================================================================== */
  /* ====================================================================== */
  /* FORMLAR                                                                */
  /* ====================================================================== */
  /* DIKKAT: .select2-dropdown buraya AIT DEGIL. O bir yuzen panel; alfa
     yuzey verilirse icerigin uzerinde saydam kalir (bkz. YUZEN KATMANLAR). */
  /* select2 kapali alan: yer tutucu ve coklu secim cipleri
     (panel ici kurallar YUZEN KATMANLAR bolumunde) */
  /* ====================================================================== */
  /* MENU + UST BAR                                                          */
  /* ====================================================================== */
  /* ====================================================================== */
  /* SEKMELER / ROZETLER                                                    */
  /* ====================================================================== */
  /* ITIL durum renkleri: acik zeminde okunur tonlar */
  /* ====================================================================== */
  /* DASHBOARD                                                              */
  /* KPI/grafik kart rengi DB'de KOYU (#1A1A1A) sabit; acik temada ID       */
  /* secicisini !important ile eziyoruz.                                    */
  /* ====================================================================== */
  /* ====================================================================== */
  /* ZAMAN TUNELI                                                           */
  /* ====================================================================== */
  /* ====================================================================== */
  /* HELPDESK (son kullanici)                                               */
  /* ====================================================================== */
  /* ====================================================================== */
  /* TIPOGRAFI / ODAK / HAREKET                                             */
  /* ====================================================================== */
  /* ====================================================================== */
  /* GIRIS SAYFASI                                                          */
  /*                                                                        */
  /* Giris karti KOYU CAM olarak geliyor: dcam.scss'in en altindaki kurallar */
  /* bilerek KAPSAM DISI yazilmis ve iki tema dosyasi da her sayfada yuklu   */
  /* oldugu icin acik palette de calisiyorlar. Acik temanin kapsamli         */
  /* kurallari ise yaziyi koyu birakiyordu -> koyu kart + koyu yazi:         */
  /* baslik 1.11:1, alan etiketleri 1.07:1 (canlida olculdu) = okunmuyordu.  */
  /* Karti degistirmiyoruz (koyu ucus fotografiyla uyumlu), yaziyi karta     */
  /* uyduruyoruz. Kapsamli seciciler kapsam disi olanlari zaten yendigi icin */
  /* !important gerekmiyor.                                                  */
  /* ====================================================================== */
}
:root[data-glpi-theme=dcam-light] .card,
:root[data-glpi-theme=dcam-light] .accordion-item {
  background-color: #ffffff;
  border: 0;
  border-radius: var(--r-radius);
  box-shadow: var(--r-ring);
}
:root[data-glpi-theme=dcam-light] .card {
  --tblr-card-cap-bg: transparent !important;
  --tblr-card-bg: #ffffff;
  --tblr-card-color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .card .card-header,
:root[data-glpi-theme=dcam-light] .card .card-footer {
  background-color: transparent;
  border-color: transparent;
}
:root[data-glpi-theme=dcam-light] .card .card {
  background-color: var(--r-widget);
  box-shadow: none;
}
:root[data-glpi-theme=dcam-light] .dropdown-menu,
:root[data-glpi-theme=dcam-light] .dropdown-menu.card,
:root[data-glpi-theme=dcam-light] .card .dropdown-menu.card,
:root[data-glpi-theme=dcam-light] .popover,
:root[data-glpi-theme=dcam-light] .qtip-bootstrap,
:root[data-glpi-theme=dcam-light] .offcanvas,
:root[data-glpi-theme=dcam-light] .aa-Panel,
:root[data-glpi-theme=dcam-light] .select2-dropdown {
  background-color: var(--r-popover);
  color: var(--r-fg);
  border: 0;
  border-radius: var(--r-radius);
  /* beyaz panel beyaz sayfa uzerinde durdugu icin golge SINIRI cizen sey:
     halka + belirgin dis golge olmadan panel zeminden ayrisamiyor */
  box-shadow: var(--r-ring), 0 12px 40px rgba(0, 0, 0, 0.18);
}
:root[data-glpi-theme=dcam-light] .dropdown-menu {
  /* stok: saydam ayirici + #4b5563 baslik -> ikisi de zayif kaliyor */
  --tblr-dropdown-divider-bg: var(--r-hairline);
  --tblr-dropdown-header-color: var(--r-fg-secondary);
}
:root[data-glpi-theme=dcam-light] .popover .popover-body {
  background-color: transparent;
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .popover .popover-arrow::after {
  border-top-color: var(--r-popover);
}
:root[data-glpi-theme=dcam-light] body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu {
  background-color: var(--r-popover);
  color: var(--r-fg);
  border-color: transparent;
}
:root[data-glpi-theme=dcam-light] .select2-dropdown {
  border-radius: var(--r-radius-nested);
  overflow: hidden;
}
:root[data-glpi-theme=dcam-light] .select2-results__option {
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .select2-results__group {
  color: var(--r-fg-secondary);
}
:root[data-glpi-theme=dcam-light] .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: var(--r-grey-5) !important;
  color: var(--r-fg) !important;
}
:root[data-glpi-theme=dcam-light] .select2-results__option--highlighted,
:root[data-glpi-theme=dcam-light] .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(var(--tblr-primary-rgb), 0.3) !important;
  color: var(--r-fg) !important;
}
:root[data-glpi-theme=dcam-light] .select2-results__option[aria-disabled=true] {
  color: var(--r-fg-tertiary);
}
:root[data-glpi-theme=dcam-light] .select2-search--dropdown .select2-search__field {
  background-color: var(--r-input);
  border: 0;
  border-radius: var(--r-radius-nested);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] body .flatpickr-calendar {
  --glpi-flatpickr-bg: var(--r-popover);
}
:root[data-glpi-theme=dcam-light] .tooltip {
  --tblr-tooltip-bg: #191c1f;
  --tblr-tooltip-color: #ffffff;
  --tblr-tooltip-opacity: 1;
}
:root[data-glpi-theme=dcam-light] .modal-content {
  background-color: var(--r-elevated);
  border: 0;
  border-radius: var(--r-radius-modal);
  box-shadow: var(--r-ring), 0 24px 80px rgba(0, 0, 0, 0.18);
}
:root[data-glpi-theme=dcam-light] .modal-backdrop.show {
  opacity: 1;
  background-color: rgba(25, 28, 31, 0.35);
}
:root[data-glpi-theme=dcam-light] .list-group,
:root[data-glpi-theme=dcam-light] .list-group-item {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
:root[data-glpi-theme=dcam-light] .list-group-item:hover,
:root[data-glpi-theme=dcam-light] .list-group-item-action:hover {
  background-color: var(--r-grey-2);
  border-radius: var(--r-radius-nested);
}
:root[data-glpi-theme=dcam-light] .table {
  --tblr-table-bg: transparent;
  --tblr-table-color: var(--r-fg);
  --tblr-table-border-color: var(--r-hairline);
  --tblr-table-striped-bg: transparent;
  --tblr-table-hover-bg: var(--r-grey-2);
  --tblr-table-active-bg: var(--r-grey-5);
}
:root[data-glpi-theme=dcam-light] .table thead th {
  background-color: transparent;
  color: var(--r-fg-secondary);
  font-weight: 500;
  text-transform: none;
  border-bottom: 1px solid var(--r-hairline);
}
:root[data-glpi-theme=dcam-light] .table tbody td {
  border-top: 0;
  border-bottom: 1px solid var(--r-hairline);
}
:root[data-glpi-theme=dcam-light] .table tbody tr:last-child td {
  border-bottom: 0;
}
:root[data-glpi-theme=dcam-light] .table td, :root[data-glpi-theme=dcam-light] .table th {
  font-variant-numeric: tabular-nums;
}
:root[data-glpi-theme=dcam-light] .btn {
  border-radius: var(--r-pill);
  font-weight: 500;
  letter-spacing: 0;
  border-width: 0;
  transition: background-color var(--r-dur) var(--r-ease), opacity var(--r-dur) var(--r-ease);
}
:root[data-glpi-theme=dcam-light] .btn-primary,
:root[data-glpi-theme=dcam-light] .btn-primary:visited {
  background-color: #191c1f;
  background-image: none;
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] .btn-primary:hover,
:root[data-glpi-theme=dcam-light] .btn-primary:focus,
:root[data-glpi-theme=dcam-light] .btn-primary:active {
  background-color: #2c3238;
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] .btn-secondary,
:root[data-glpi-theme=dcam-light] .btn-outline-secondary,
:root[data-glpi-theme=dcam-light] .btn-outline-primary,
:root[data-glpi-theme=dcam-light] .btn-ghost-secondary {
  background-color: var(--r-grey-5);
  color: var(--r-fg);
  border: 0;
}
:root[data-glpi-theme=dcam-light] .btn-secondary:hover,
:root[data-glpi-theme=dcam-light] .btn-outline-secondary:hover,
:root[data-glpi-theme=dcam-light] .btn-outline-primary:hover {
  background-color: var(--r-grey-8);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .btn-danger {
  background-color: var(--r-danger);
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] .btn-success {
  background-color: var(--r-success);
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] .btn-warning {
  background-color: var(--r-warning);
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] .form-control,
:root[data-glpi-theme=dcam-light] .form-select,
:root[data-glpi-theme=dcam-light] .input-group-text,
:root[data-glpi-theme=dcam-light] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=dcam-light] .select2-container--default .select2-selection--multiple {
  background-color: var(--r-input);
  border: 0;
  color: var(--r-fg);
  border-radius: var(--r-radius-nested);
}
:root[data-glpi-theme=dcam-light] .form-control:focus,
:root[data-glpi-theme=dcam-light] .form-select:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(55, 108, 213, 0.35);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .form-control::placeholder {
  color: var(--r-fg-tertiary);
}
:root[data-glpi-theme=dcam-light] .form-label {
  color: var(--r-fg-secondary);
  font-weight: 500;
}
:root[data-glpi-theme=dcam-light] .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--r-fg-tertiary);
}
:root[data-glpi-theme=dcam-light] .select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: var(--r-grey-8);
  border: 0;
  border-radius: var(--r-pill);
  color: var(--r-fg);
  padding: 1px 8px;
}
:root[data-glpi-theme=dcam-light] .select2-selection__choice__remove {
  color: var(--r-fg-secondary) !important;
}
:root[data-glpi-theme=dcam-light] #global-search,
:root[data-glpi-theme=dcam-light] .navbar .form-control {
  background-color: var(--r-input);
  border: 0;
  border-radius: var(--r-pill);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .sidebar,
:root[data-glpi-theme=dcam-light] .navbar,
:root[data-glpi-theme=dcam-light] header.navbar {
  border: 0 !important;
  box-shadow: none !important;
}
:root[data-glpi-theme=dcam-light] .sidebar {
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06) !important;
}
:root[data-glpi-theme=dcam-light] header.navbar {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.06) !important;
}
:root[data-glpi-theme=dcam-light] .navbar-vertical .navbar-nav .nav-link,
:root[data-glpi-theme=dcam-light] .sidebar .nav-link {
  color: var(--r-fg-secondary);
  border-radius: var(--r-radius-nested);
  transition: background-color var(--r-dur) var(--r-ease), color var(--r-dur) var(--r-ease);
}
:root[data-glpi-theme=dcam-light] .navbar-vertical .navbar-nav .nav-link:hover,
:root[data-glpi-theme=dcam-light] .sidebar .nav-link:hover {
  background-color: var(--r-grey-5);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .navbar-vertical .navbar-nav .nav-item.active > .nav-link,
:root[data-glpi-theme=dcam-light] .navbar-vertical .navbar-nav .nav-link.active,
:root[data-glpi-theme=dcam-light] .sidebar .nav-link.active {
  background-color: var(--r-grey-8);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .card-tabs .nav-tabs,
:root[data-glpi-theme=dcam-light] #tabspanel {
  border: 0;
  gap: 4px;
}
:root[data-glpi-theme=dcam-light] .card-tabs .nav-tabs .nav-link,
:root[data-glpi-theme=dcam-light] #tabspanel .nav-link {
  border: 0;
  border-radius: var(--r-pill);
  color: var(--r-fg-secondary);
  font-weight: 500;
  padding: 6px 14px;
}
:root[data-glpi-theme=dcam-light] .card-tabs .nav-tabs .nav-link.active,
:root[data-glpi-theme=dcam-light] #tabspanel .nav-link.active {
  background-color: var(--r-grey-8);
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .badge,
:root[data-glpi-theme=dcam-light] .glpi-badge {
  border-radius: var(--r-pill);
  font-weight: 500;
  letter-spacing: 0;
}
:root[data-glpi-theme=dcam-light] .badge.bg-success-lt, :root[data-glpi-theme=dcam-light] .badge.bg-success {
  background-color: rgba(0, 145, 109, 0.12) !important;
  color: var(--r-success) !important;
}
:root[data-glpi-theme=dcam-light] .badge.bg-danger-lt, :root[data-glpi-theme=dcam-light] .badge.bg-danger {
  background-color: rgba(219, 32, 49, 0.12) !important;
  color: var(--r-danger) !important;
}
:root[data-glpi-theme=dcam-light] .badge.bg-warning-lt, :root[data-glpi-theme=dcam-light] .badge.bg-warning {
  background-color: rgba(236, 126, 0, 0.12) !important;
  color: #8a4b00 !important;
}
:root[data-glpi-theme=dcam-light] .badge.bg-blue-lt, :root[data-glpi-theme=dcam-light] .badge.bg-info {
  background-color: rgba(55, 108, 213, 0.12) !important;
  color: var(--r-accent) !important;
}
:root[data-glpi-theme=dcam-light] .avatar, :root[data-glpi-theme=dcam-light] .avatar img {
  border-radius: var(--r-pill) !important;
}
:root[data-glpi-theme=dcam-light] .badge_block {
  background-color: rgba(0, 0, 0, 0.04) !important;
  border-radius: var(--r-pill);
  padding: 2px 10px;
  border-left-width: 3px !important;
}
:root[data-glpi-theme=dcam-light] .itilstatus.closed, :root[data-glpi-theme=dcam-light] .itilstatus.solved, :root[data-glpi-theme=dcam-light] .itilstatus.observe, :root[data-glpi-theme=dcam-light] .itilstatus.canceled,
:root[data-glpi-theme=dcam-light] .validationstatus.closed, :root[data-glpi-theme=dcam-light] .validationstatus.solved {
  --status-color: rgba(25, 28, 31, 0.45);
}
:root[data-glpi-theme=dcam-light] .itilstatus.new, :root[data-glpi-theme=dcam-light] .itilstatus.assigned {
  --status-color: var(--r-success);
}
:root[data-glpi-theme=dcam-light] .itilstatus.waiting, :root[data-glpi-theme=dcam-light] .itilstatus.test, :root[data-glpi-theme=dcam-light] .itilstatus.qualif {
  --status-color: var(--r-warning);
}
:root[data-glpi-theme=dcam-light] .itilstatus.approval {
  --status-color: var(--r-accent);
}
:root[data-glpi-theme=dcam-light] .itilstatus.refused {
  --status-color: var(--r-danger);
}
:root[data-glpi-theme=dcam-light] .dashboard {
  --glpi-dashboard-soft-border: rgba(0, 0, 0, 0.08);
}
:root[data-glpi-theme=dcam-light] .card:has(> .dashboard),
:root[data-glpi-theme=dcam-light] .card:has(> .dashboard-container) {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
:root[data-glpi-theme=dcam-light] .dashboard .grid-stack {
  --gs-cell-margin: 6px !important;
}
:root[data-glpi-theme=dcam-light] .dashboard .grid-stack-item-content {
  border-radius: var(--r-radius);
  overflow: hidden;
}
:root[data-glpi-theme=dcam-light] .dashboard .card.big-number,
:root[data-glpi-theme=dcam-light] .dashboard .card.g-chart,
:root[data-glpi-theme=dcam-light] .dashboard .multiple-numbers,
:root[data-glpi-theme=dcam-light] .dashboard .summary-numbers,
:root[data-glpi-theme=dcam-light] .dashboard .articles-list {
  background-color: #ffffff !important;
  box-shadow: var(--r-ring);
}
:root[data-glpi-theme=dcam-light] .dashboard:not(.mini) .big-number {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
:root[data-glpi-theme=dcam-light] .dashboard .big-number .content,
:root[data-glpi-theme=dcam-light] .dashboard .big-number .formatted-number,
:root[data-glpi-theme=dcam-light] .dashboard .big-number .formatted-number .number,
:root[data-glpi-theme=dcam-light] .dashboard .big-number .formatted-number .suffix {
  color: var(--r-fg) !important;
  font-weight: 700;
  letter-spacing: -0.012em;
  font-variant-numeric: proportional-nums;
}
:root[data-glpi-theme=dcam-light] .dashboard .big-number .formatted-number .number,
:root[data-glpi-theme=dcam-light] .dashboard .big-number .formatted-number .suffix {
  font-size: 44px;
  line-height: 1.05;
}
:root[data-glpi-theme=dcam-light] .dashboard .big-number .label {
  color: var(--r-fg-secondary) !important;
  font-size: 14px;
  font-weight: 500;
  margin-top: 6px;
}
:root[data-glpi-theme=dcam-light] .dashboard .big-number .main-icon {
  color: rgba(25, 28, 31, 0.22) !important;
  font-size: 20px;
}
:root[data-glpi-theme=dcam-light] .dashboard .big-number:hover {
  background-color: #f7f7f8 !important;
}
:root[data-glpi-theme=dcam-light] .dashboard.mini .big-number .formatted-number .number,
:root[data-glpi-theme=dcam-light] .dashboard.mini .big-number .formatted-number .suffix {
  font-size: 26px;
}
:root[data-glpi-theme=dcam-light] .dashboard.mini .big-number .label {
  font-size: 11px;
  margin-top: 2px;
}
:root[data-glpi-theme=dcam-light] .dashboard .g-chart .main-label {
  font-weight: 500;
  color: var(--r-fg-secondary);
}
:root[data-glpi-theme=dcam-light] .timeline-item .timeline-content.card {
  border-radius: var(--r-radius);
  border: 0;
  box-shadow: var(--r-ring);
  background-image: none;
}
:root[data-glpi-theme=dcam-light] .timeline-item .timeline-content::before,
:root[data-glpi-theme=dcam-light] .timeline-item .timeline-content::after {
  display: none;
}
:root[data-glpi-theme=dcam-light] body.helpdesk .helpdesk-home-container {
  height: auto;
  min-height: 100vh;
}
:root[data-glpi-theme=dcam-light] body.helpdesk .search-banner {
  background: radial-gradient(120% 140% at 50% 0%, #f2f6ff 0%, #ffffff 60%);
}
:root[data-glpi-theme=dcam-light] body.helpdesk .search-banner-content {
  padding-top: clamp(72px, 12vh, 170px);
  padding-bottom: clamp(40px, 7vh, 80px);
}
@media (min-width: 1200px) {
  :root[data-glpi-theme=dcam-light] body.helpdesk .scene {
    display: flex !important;
  }
  :root[data-glpi-theme=dcam-light] body.helpdesk .scene svg {
    height: clamp(220px, 26vw, 393px);
  }
}
:root[data-glpi-theme=dcam-light] body.helpdesk #search-input.home-search {
  height: 60px;
  border-radius: var(--r-pill);
  background-color: #ffffff;
  box-shadow: var(--r-ring), 0 12px 32px -18px rgba(0, 0, 0, 0.35);
  border: 0;
  font-size: 16px;
  padding-left: 48px;
}
:root[data-glpi-theme=dcam-light] body.helpdesk .tiles-banner a.card,
:root[data-glpi-theme=dcam-light] body.helpdesk .service-catalog a.card {
  border-radius: var(--r-radius);
  transition: transform 180ms var(--r-ease), box-shadow 180ms var(--r-ease);
}
:root[data-glpi-theme=dcam-light] body.helpdesk .tiles-banner a.card:hover,
:root[data-glpi-theme=dcam-light] body.helpdesk .service-catalog a.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--r-ring), 0 16px 40px -20px rgba(0, 0, 0, 0.35);
}
@media (min-width: 1400px) {
  :root[data-glpi-theme=dcam-light] body.helpdesk .tiles-banner .row > [class*=col-] {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
:root[data-glpi-theme=dcam-light] body {
  letter-spacing: -0.011em;
}
:root[data-glpi-theme=dcam-light] .small, :root[data-glpi-theme=dcam-light] small, :root[data-glpi-theme=dcam-light] .text-muted, :root[data-glpi-theme=dcam-light] .badge {
  letter-spacing: 0;
}
:root[data-glpi-theme=dcam-light] h1, :root[data-glpi-theme=dcam-light] h2, :root[data-glpi-theme=dcam-light] h3, :root[data-glpi-theme=dcam-light] h4, :root[data-glpi-theme=dcam-light] .h1, :root[data-glpi-theme=dcam-light] .h2, :root[data-glpi-theme=dcam-light] .h3, :root[data-glpi-theme=dcam-light] .h4, :root[data-glpi-theme=dcam-light] .card-title, :root[data-glpi-theme=dcam-light] .modal-title {
  font-weight: 700;
  letter-spacing: 0;
  color: var(--r-fg);
}
:root[data-glpi-theme=dcam-light] .text-muted {
  color: var(--r-fg-secondary) !important;
}
:root[data-glpi-theme=dcam-light] *:focus-visible {
  outline: 2px solid rgba(55, 108, 213, 0.5);
  outline-offset: 2px;
}
:root[data-glpi-theme=dcam-light] .card, :root[data-glpi-theme=dcam-light] .btn, :root[data-glpi-theme=dcam-light] .nav-link, :root[data-glpi-theme=dcam-light] .list-group-item {
  transition-timing-function: var(--r-ease);
}
:root[data-glpi-theme=dcam-light] .toast, :root[data-glpi-theme=dcam-light] .alert {
  border: 0;
  border-radius: var(--r-radius);
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous {
  /* Acik temada logo SIYAH varyanta cekiliyor (beyaz menu icin dogru), ama
     giris ekraninin zemini koyu: orada logo kayboluyor. GLPI koyu paletler
     icin bunu kendi yapiyor (--glpi-logo-light-login), acik tema tarafinda
     karsiligi yok -> giris ekranina ozel beyaz varyanta geciyoruz. */
  /* koyu kart uzerinde koyu pill kayboluyor: beyaz pill (kartin tasarlandigi hali) */
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .page-anonymous .glpi-logo {
  --logo: var(--glpi-logo-light-login);
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .main-content-card,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .card.main-content-card {
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous h1, :root[data-glpi-theme=dcam-light] body.welcome-anonymous h2, :root[data-glpi-theme=dcam-light] body.welcome-anonymous h3, :root[data-glpi-theme=dcam-light] body.welcome-anonymous h4, :root[data-glpi-theme=dcam-light] body.welcome-anonymous .h1, :root[data-glpi-theme=dcam-light] body.welcome-anonymous .h2, :root[data-glpi-theme=dcam-light] body.welcome-anonymous .h3, :root[data-glpi-theme=dcam-light] body.welcome-anonymous .h4, :root[data-glpi-theme=dcam-light] body.welcome-anonymous .card-title {
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .form-label,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .form-check-label,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .form-control,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .form-select,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .input-group-text,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .select2-container--default .select2-selection--single,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .select2-container--default .select2-selection--multiple {
  background-color: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  min-height: 46px;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .select2-container .select2-selection--single .select2-selection__rendered,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .select2-selection__placeholder {
  color: #ffffff;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .btn-primary,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .btn-primary:visited {
  background-color: #ffffff;
  color: #191c1f;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .btn-primary:hover,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .btn-primary:focus,
:root[data-glpi-theme=dcam-light] body.welcome-anonymous .btn-primary:active {
  background-color: rgba(255, 255, 255, 0.88);
  color: #191c1f;
}
:root[data-glpi-theme=dcam-light] body.welcome-anonymous a.copyright {
  color: rgba(255, 255, 255, 0.32);
}