/* ============================================================
   PWIN — Workroute uygulama demosu, GERÇEK UYGULAMADAN BİREBİR
   Kaynak: imgesoft workroutev9 — layouts/master.blade.php,
   public/assets/css/style.css + custom.css (birebir değerler),
   ikonlar Flaticon UIcons (public/assets/fonts/uicons/).
   Tüm uygulama stilleri .pwin kapsamında (site CSS'i ile çakışmasın).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
@import url('../fonts/uicons/glyphs.css?v=29');

/* ---- Flaticon UIcons (gerçek @font-face + base kurallar) ---- */
@font-face {
    font-family: uicons-regular-rounded;
    src: url('../fonts/uicons/uicons-regular-rounded-GCYF47FY.woff2') format('woff2'),
         url('../fonts/uicons/uicons-regular-rounded-HBITOZ62.woff') format('woff');
}
@font-face {
    font-family: uicons-solid-rounded;
    src: url('../fonts/uicons/uicons-solid-rounded-GWKJW5HG.woff2') format('woff2'),
         url('../fonts/uicons/uicons-solid-rounded-J25HK7VI.woff') format('woff');
}
.pwin [class^="fi-rr-"]:before, .pwin i[class*=" fi-rr-"]:before,
.pwin [class^="fi-sr-"]:before, .pwin i[class*=" fi-sr-"]:before {
    font-family: uicons-regular-rounded, uicons-solid-rounded;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pwin [class^="fi-sr-"]:before, .pwin i[class*=" fi-sr-"]:before { font-family: uicons-solid-rounded; }
.pwin [class^="fi-rr-"]:before, .pwin i[class*=" fi-rr-"]:before { font-family: uicons-regular-rounded; }
/* custom.css .fi tabanı */
.pwin .fi { line-height: .5em; vertical-align: -.15em; display: inline-flex; }

/* ---- Hero başlığı (pwin üstünde) ---- */
.wrhero {
    --pwin-primary: #c8102e;
    --pwin-ink: #0E1626;
    --pwin-gray: #7A8798;
    --pwin-line: #E4E8EF;
}
.wrhero .container.max-w-xl { max-width: 1480px !important; }
.wrhero-head { text-align: center; margin: 0 auto 24px; }
.wrhero-head h1 { line-height: 1.15; margin: 0 0 10px; }
.wrhero-head p { font-size: clamp(.8rem, 1.05vw, .98rem); margin: 0; opacity: .75; white-space: nowrap; }
.wrhero-accent { color: var(--pwin-primary); }
.wrhero-sub { text-align: center; margin: 16px 0 0; font-size: .92rem; opacity: .75; }
@media (max-width: 768px) { .wrhero-head h1, .wrhero-head p { white-space: normal; } }

/* ---- Slider okları ---- */
.pwin-wrap { display: flex; gap: 14px; align-items: center; min-width: 0; }
.hero-arrow {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid var(--pwin-line); background: #fff; color: #3D4A5C;
    cursor: pointer; box-shadow: 0 4px 14px rgba(14, 22, 38, .08);
    transition: border-color .15s ease, color .15s ease;
}
.hero-arrow:hover { border-color: #fa6163; color: #fa6163; }
.hero-arrow svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---- Pencere ---- */
.pwin {
    position: relative;
    background: #F9F9F9; border: 1px solid var(--pwin-line); border-radius: 14px;
    box-shadow: 0 24px 60px rgba(14, 22, 38, .12); overflow: hidden;
    flex: 1 1 auto; min-width: 0;
    font-family: "Roboto", sans-serif; font-size: .8rem; font-weight: 400;
    line-height: 1.5; color: #7e7e7e; text-align: left;
}
.pwin-bar {
    display: flex; align-items: center; gap: 8px; padding: 10px 16px;
    border-bottom: 1px solid #f0f1f5; background: #fff;
}
.pwin-bar i { width: 10px; height: 10px; border-radius: 50%; }
.pwin-bar i:nth-child(1) { background: #FF5F57; }
.pwin-bar i:nth-child(2) { background: #FEBC2E; }
.pwin-bar i:nth-child(3) { background: #28C840; }
.pwin-bar .pwin-url {
    margin-left: 12px; flex: 1; font-size: .74rem; color: #7A8798;
    background: #F9F9F9; border: 1px solid #E4E8EF; border-radius: 6px;
    padding: 5px 12px; font-family: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pwin-live {
    display: inline-flex; align-items: center; gap: 7px; margin-left: 12px;
    font-size: .58rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    color: var(--pwin-primary); white-space: nowrap; flex-shrink: 0;
}
.pwin-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--pwin-primary); animation: pwinLive 1.6s ease-in-out infinite; }
@keyframes pwinLive {
    0% { box-shadow: 0 0 0 0 rgba(200, 16, 46, .45); }
    70% { box-shadow: 0 0 0 7px rgba(200, 16, 46, 0); }
    100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0); }
}
@media (prefers-reduced-motion: reduce) { .pwin-live i { animation: none; } }

/* Otomatik turdaki sahte fare imleci */
.pwin-cursor {
    position: absolute; top: 0; left: 0; z-index: 6; opacity: 0; pointer-events: none;
    transition: transform .8s cubic-bezier(.35, .7, .25, 1), opacity .3s ease;
}
.pwin-cursor.is-on { opacity: 1; }
.pwin-cursor svg { width: 18px; height: 18px; display: block; filter: drop-shadow(0 2px 4px rgba(14, 22, 38, .35)); transition: transform .15s ease; }
.pwin-cursor.is-click svg { transform: scale(.8); }
.pwin-cursor.is-click::after {
    content: ""; position: absolute; left: -7px; top: -7px; width: 32px; height: 32px;
    border: 2px solid #fa6163; border-radius: 50%; animation: pwinClick .35s ease-out both;
}
@keyframes pwinClick { from { transform: scale(.3); opacity: 1; } to { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .pwin-cursor { display: none; } }

/* ============================================================
   UYGULAMA KABUĞU — master.blade.php yapısı (birebir)
   ============================================================ */

/* Header: sol marka + hamburger, orta dashboard_bar, sağ nav-link ikonları + profil */
.pwin .wr-header { display: flex; align-items: center; gap: 14px; background: #fff; padding: 10px 16px; border-bottom: 1px solid #f0f1f5; }
.pwin .brand-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
/* logo bloğu kenar menü genişliğinde — hamburger + başlık menü sınırından sonra başlar
   (referans: master.blade.php .nav-header yapısı) */
.pwin .wr-header .brand-logo { display: flex; align-items: center; justify-content: center; width: 216px; }
.pwin .brand-logo img { max-width: 96px; height: auto; display: block; }
.pwin .hamburger { cursor: pointer; display: inline-block; width: 26px; position: relative; top: 3px; }
.pwin .hamburger .line { background: #fa6163; display: block; height: 3px; border-radius: 3px; margin: 6px 0 6px auto; }
.pwin .hamburger .line:nth-child(1) { width: 20px; }
.pwin .hamburger .line:nth-child(2) { width: 26px; }
.pwin .hamburger .line:nth-child(3) { width: 22px; }
.pwin .dashboard_bar { font-size: 18px; font-weight: 600; color: #000; }
.pwin .wr-spacer { flex: 1; }
.pwin .wr-nav { display: flex; align-items: center; }
.pwin .wr-nav .nav-item { padding-left: 1rem; }
.pwin .wr-nav .nav-item:first-child { padding-left: 0; }
.pwin .wr-nav .nav-link {
    position: relative; color: #fa6163; background: rgba(249, 249, 249, .8);
    border-radius: 4rem; padding: 10px; line-height: 1; display: inline-block; cursor: pointer;
}
.pwin .wr-nav .nav-link i { font-size: 18px; }
.pwin .wr-nav .badge {
    position: absolute; font-size: 12px; border-radius: 40px; right: -5px; top: -5px;
    box-shadow: 0 0 10px 3px rgba(255, 214, 215, .2); font-weight: normal;
    height: 18px; width: 18px; line-height: 18px; text-align: center; padding: 0;
    background-color: #fa6163 !important; color: #fff;
}
.pwin .header-profile { display: flex; align-items: center; padding-left: 1rem; }
.pwin .header-profile .avatar {
    width: 39px; height: 39px; border-radius: 50%; background: #ffd6d7; color: #fa6163;
    display: grid; place-items: center; font-size: .8rem; font-weight: 600;
}
.pwin .header-info { text-align: left; padding-left: 12px; }
.pwin .header-info strong { font-size: 14px; display: block; font-weight: 600; color: #000; }
.pwin .header-info p { font-size: 12px; color: #89879f; font-weight: 400; line-height: 1.2; margin: 0; }

/* Gövde: sol deznav + content-body (#F9F9F9) */
.pwin-body { display: grid; grid-template-columns: 216px 1fr; grid-template-rows: minmax(0, 1fr); height: 700px; }
.pwin .deznav { background: #fff; border-right: 1px solid #f0f1f5; min-width: 0; min-height: 0; position: relative; }

/* Menü kaydırma okları: yukarıda/aşağıda içerik varken görünen oklar */
.pwin .nav-scroll-btn {
    position: absolute; left: 0; right: 0; z-index: 5; height: 28px; padding: 0;
    display: flex; align-items: center; justify-content: center; border: 0;
    background: #fff; color: #0E1626;
    box-shadow: 0 4px 10px rgba(14, 22, 38, .18);
    cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .2s ease; font-family: inherit;
}
.pwin .nav-scroll-btn.show { opacity: 1; pointer-events: auto; }
.pwin .nav-scroll-btn:hover { color: #fa6163; background: #fff8f8; }
.pwin .nav-scroll-btn i { font-size: 1.15rem; line-height: 1; }
.pwin .nav-scroll-btn.nav-up { top: 0; border-bottom: 1px solid #f0f1f5; }
.pwin .nav-scroll-btn.nav-down { bottom: 0; border-top: 1px solid #f0f1f5; }
.pwin .deznav-scroll { height: 100%; overflow-y: auto; scrollbar-width: none; }
.pwin .deznav-scroll::-webkit-scrollbar { display: none; }
.pwin .metismenu { display: flex; flex-direction: column; padding: 12px 0; margin: 0; list-style: none; }
.pwin .metismenu a {
    position: relative; display: flex; align-items: center; padding: .55rem 1rem;
    outline-width: 0; color: #7e7e7e; text-decoration: none;
    font-weight: 500; font-size: .85rem; border: none; background: none;
    cursor: pointer; text-align: left; width: 100%; font-family: inherit;
    transition: color .15s ease, background .15s ease;
}
.pwin .metismenu a > i { font-size: 1rem; margin-right: 12px; }
.pwin .metismenu li:hover > a, .pwin .metismenu li:focus > a { color: #fa6163; background: #F9F9F9; }
.pwin .metismenu li.mm-active > a { color: #fa6163; }
.pwin .content-body { min-width: 0; min-height: 0; overflow-y: auto; scrollbar-width: none; }
.pwin .content-body::-webkit-scrollbar { display: none; }
.pwin .container-fluid { padding: 1rem; }
.pwin .content-body, .pwin .container-fluid { min-height: 100%; }

/* Mobil modül çipleri */
.app-chips { display: none; }

/* ============================================================
   GERÇEK BİLEŞENLER (style.css/custom.css birebir, .pwin kapsamında)
   ============================================================ */

/* badge */
.pwin .badge {
    display: inline-block; line-height: 1; border-radius: 1.25rem;
    font-size: .72rem; font-weight: 600; padding: 4px 10px;
    border: 1px solid transparent; vertical-align: baseline; white-space: nowrap;
}
.pwin .badge-success { color: #fff !important; background-color: #2BC155 !important; }
.pwin .badge-danger { color: #fff !important; background-color: #F94687 !important; }
.pwin .badge-warning { color: #fff !important; background-color: #FF6D4D !important; }
.pwin .badge-info { color: #fff !important; background-color: #1EA7C5 !important; }
.pwin .badge-light { color: #212529 !important; background-color: #F4F5F9 !important; }
.pwin .badge-dark { color: #212529 !important; background-color: #B1B1B1 !important; }
.pwin .badge-primary { color: #fff !important; background-color: #fa6163 !important; }
.pwin .bg-info { background-color: #1EA7C5 !important; }
.pwin .bg-success { background-color: #2BC155 !important; }
.pwin .bg-warning { background-color: #FF6D4D !important; }
.pwin .bg-dark { background-color: #B1B1B1 !important; }
.pwin .bg-danger-alt { background-color: #F94687 !important; }
.pwin .bg-black { background-color: #000 !important; }
.pwin .bg-secondary-light { background-color: #e3e5ec !important; }
.pwin .bg-primary { background-color: #fa6163 !important; }
.pwin .badge.bg-black { color: #fff !important; }
/* olasılık (possibility) rozetleri: zemine göre okunur yazı rengi */
.pwin .badge.bg-info, .pwin .badge.bg-success, .pwin .badge.bg-warning,
.pwin .badge.bg-primary { color: #fff !important; }
.pwin .badge.bg-dark { color: #212529 !important; }
.pwin .badge.bg-secondary-light { color: #7e7e7e !important; }

/* initial-circle avatar (custom.css) */
.pwin { --avatar-size: 1.2rem; }
.pwin .initial-circle {
    background-color: #ccc; border-radius: 50%; height: var(--avatar-size);
    text-align: center; width: var(--avatar-size); font-size: .6rem; line-height: var(--avatar-size);
    color: #fff; flex-shrink: 0;
}
.pwin .d-flex { display: flex; }
.pwin .justify-content-start { justify-content: flex-start; }
.pwin .my-auto { margin-top: auto; margin-bottom: auto; }
.pwin .ml-1 { margin-left: .25rem; }
.pwin .mr-1 { margin-right: .25rem; }
.pwin .mt-1 { margin-top: .25rem; }
.pwin .text-muted { color: #89879f !important; }
.pwin .text-yellow { color: #FFC107 !important; }
.pwin .text-primary { color: #fa6163 !important; }
.pwin .fs-12 { font-size: 12px !important; line-height: 1.3; }
.pwin .text-nowrap { white-space: nowrap; }

/* toolbar + btn-group (birleşik, pembe #ffd6d7 zemin, #fa6163 ikon) */
.pwin .page-buttons { margin-bottom: 12px; }
.pwin .toolbar { display: flex; justify-content: space-between; }
.pwin .btn-group { position: relative; display: inline-flex; vertical-align: middle; }
.pwin .btn-group > .btn { position: relative; flex: 1 1 auto; }
.pwin .btn-group > .btn:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pwin .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.pwin .btn {
    display: inline-block; font-weight: 500; font-size: .8rem; line-height: 1.5;
    color: #7e7e7e; text-align: center; vertical-align: middle;
    background-color: transparent; border: 1px solid transparent;
    padding: .55rem .8rem; border-radius: 1.25rem; cursor: pointer; font-family: inherit;
    transition: all .15s ease;
}
.pwin .btn i { font-size: 1rem; }
.pwin .btn-primary { color: #fff; background-color: #fa6163; border-color: #fa6163; }
.pwin .light.btn-primary { background-color: #ffd6d7; border-color: #ffd6d7; color: #fa6163; }
.pwin .light.btn-primary:hover { background-color: #fa6163; border-color: #fa6163; color: #fff; }
.pwin .btn-outline-secondary { color: #000001; border-color: #000001; background: none; }
.pwin .px-3 { padding-left: .8rem !important; padding-right: .8rem !important; }
.pwin .c-pointer { cursor: pointer; }

/* card */
.pwin .card {
    margin-bottom: 12px; background-color: #fff; position: relative;
    border: 0 solid transparent; border-radius: 1.25rem;
    box-shadow: 0 12px 23px 0 rgba(62, 63, 122, .04); height: auto;
}
.pwin .card.p-0, .pwin .p-0 { padding: 0 !important; }
.pwin .card-body { padding: 0; }
.pwin .card-header {
    border-color: #f0f1f5; position: relative; background: transparent;
    padding: 12px 16px; display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #f0f1f5;
}
.pwin .card-title { font-size: .95rem; font-weight: 600; color: #000; margin: 0; }

/* dataTable */
.pwin .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.pwin table.dataTable { width: 100% !important; border-collapse: collapse; }
.pwin table.dataTable thead th {
    padding: 10px 12px; border-bottom: 1px solid #f0f1f5;
    color: #000; font-size: 13px; white-space: nowrap; font-weight: 600; text-align: left;
}
.pwin table.dataTable tbody td {
    background: #fff; font-size: .78rem; padding: 10px 12px;
    color: #7e7e7e; vertical-align: middle; white-space: nowrap;
}
.pwin .table-hover tbody tr:hover td { background-color: rgba(0, 0, 0, .075) !important; }
.pwin table.dataTable a { color: #fa6163; text-decoration: none; }
.pwin table.dataTable a:hover { text-decoration: underline; }
.pwin .table-action-menu .btn-link { display: inline-block; cursor: pointer; }
.pwin .table-ellipsis { font-size: 1rem; }

/* checkbox (custom-checkbox) */
.pwin .custom-checkbox { position: relative; display: inline-block; min-height: 1rem; padding-left: 0; }
.pwin .table-checkbox {
    appearance: none; -webkit-appearance: none; width: 13px; height: 13px;
    border: 1px solid #c9ccd4; border-radius: 3px; background: #fff; cursor: pointer; display: block;
}

/* widget-timeline (İşler Oluşturan/Atanan hücresi) */
.pwin .widget-timeline .timeline { list-style: none; position: relative; padding: 0; margin: 0; }
.pwin .widget-timeline .timeline > li { position: relative; }
.pwin .widget-timeline .timeline > li + li { margin-top: 6px; }
.pwin .widget-timeline .timeline > li > .timeline-panel {
    border-radius: .6rem; padding: 3px 10px; position: relative; display: block; margin-left: 26px;
    border-width: 1px; border-style: solid; font-size: .75rem;
}
.pwin .widget-timeline .timeline > li > .timeline-badge {
    border-radius: 50%; height: 16px; left: 0; position: absolute; top: 2px; width: 16px;
    border-width: 2px; border-style: solid; background: #fff; padding: 3px;
}
.pwin .widget-timeline .timeline > li > .timeline-badge:after {
    content: ""; width: 6px; height: 6px; border-radius: 100%; display: block;
}
.pwin .timeline-badge.primary { border-color: #ffd6d7; }
.pwin .timeline-badge.primary:after { background-color: #fa6163 !important; }
.pwin .timeline-badge.primary + .timeline-panel { background: #ffd6d7; border-color: #ffd6d7; color: #fa6163; }
.pwin .timeline-badge.info { border-color: #a4e3f1; }
.pwin .timeline-badge.info:after { background-color: #1EA7C5 !important; }
.pwin .timeline-badge.info + .timeline-panel { background: #a4e3f1; border-color: #a4e3f1; color: #0f7a92; }
.pwin .timeline-panel .d-flex { align-items: center; }

/* DataTables üst satırı — table.js dom:'frl<"float-right"B>tip' + style.css:
   length sol, "Ara..." arama sağda; input border #e2e2e2, radius 5px, padding .3rem .5rem */
.pwin .dt-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
.pwin .dataTables_length, .pwin .dataTables_filter { display: flex; align-items: center; font-size: .74rem; color: #7e7e7e; }
.pwin .dataTables_length select {
    margin: 0 6px; border: 1px solid #e2e2e2; border-radius: 5px; padding: .3rem .5rem;
    background: #fff; color: rgb(113, 93, 93); font-size: .72rem; font-family: inherit; cursor: pointer;
}
.pwin .dataTables_filter input[type=search] {
    border: 1px solid #e2e2e2; border-radius: 5px; padding: .3rem .5rem; margin-left: .5em;
    color: rgb(113, 93, 93); font-size: .74rem; font-family: inherit;
}
.pwin .dataTables_filter input[type=search]:focus { outline: none; border-color: #fa6163; }

/* btn-group içi pill sekmeler (Satış) — referansta pill'ler btn-group'un içinde */
.pwin .btn-group .pill-btn { display: inline-flex; align-items: center; }
.pwin .btn-group .pill-btn .ml-1 { margin-left: 6px; }
.pwin .btn-group .pill-btn span { font-size: .8rem; font-weight: 500; }
.pwin .light.btn-primary.pill-btn.active { background-color: #fa6163; border-color: #fa6163; color: #fff; }

/* Destek hazır filtre çipleri — canlı uygulamadan (referans repoda yok);
   Satış pill'leri gibi btn-group İÇİNDE, birleşik buton görünümü + sayaç rozeti */
.pwin .btn-group .qchip { display: inline-flex; align-items: center; gap: 6px; }
.pwin .btn-group .qchip b {
    background: #fa6163; color: #fff; font-size: .62rem; font-weight: 600;
    border-radius: 1.25rem; padding: 2px 7px; line-height: 1.2;
}
.pwin .light.btn-primary.qchip.is-on { background-color: #fa6163; border-color: #fa6163; color: #fff; }
.pwin .light.btn-primary.qchip.is-on b { background: #fff; color: #fa6163; }

/* header dişli ikonu → Ayarlar */
.pwin .nav-link[data-pwin-gear] { cursor: pointer; }

/* Ayarlar hub (settings/list): "Sayfada ara" + widget-stat kartları (bg-primary #fa6163) */
.pwin .hub-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pwin .widget-stat a {
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
    background-color: #fa6163; color: #fff; border-radius: 1.25rem; padding: 20px 16px;
    box-shadow: 0 12px 23px 0 rgba(62, 63, 122, .08); cursor: pointer; transition: transform .15s ease;
}
.pwin .widget-stat a:hover { transform: translateY(-2px); }
.pwin .widget-stat .w-label { font-size: .8rem; font-weight: 600; }
.pwin .widget-stat i { font-size: 1.4rem; }

/* DataTables ayağı — kartın içinde, tablonun altında (dataTables_info + paginate) */
.pwin .dt-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 12px; font-size: .72rem; color: #7e7e7e; }
.pwin .dt-info { white-space: nowrap; }
.pwin .pagination { display: flex; gap: 3px; margin: 0; list-style: none; padding: 0; }
.pwin .pagination .page-link {
    display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px;
    border: 1px solid #f0f1f5; border-radius: .4rem; background: #fff; color: #7e7e7e;
    cursor: pointer; font-size: .7rem;
}
.pwin .pagination .page-link:hover { color: #fa6163; border-color: #fa6163; }
.pwin .pagination .active .page-link { background: #fa6163; border-color: #fa6163; color: #fff; }

/* Takvim (FullCalendar bootstrap teması görünümü) */
.pwin .fc { font-size: .75rem; }
.pwin .fc-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.pwin .fc-toolbar-chunk { display: flex; gap: 4px; align-items: center; }
.pwin .fc-button {
    font-family: inherit; font-size: .72rem; font-weight: 500; cursor: pointer;
    background: #fff; color: #7e7e7e; border: 1px solid #dee2e6; border-radius: .35rem; padding: 4px 10px;
}
.pwin .fc-button:hover { color: #fa6163; border-color: #fa6163; }
.pwin .fc-button-active, .pwin .fc .today-btn.active { background: #fa6163; border-color: #fa6163; color: #fff; }
.pwin .fc-toolbar-title { font-size: .95rem; font-weight: 600; color: #000; margin: 0 8px; }
.pwin .fc-scrollgrid { width: 100%; border-collapse: collapse; table-layout: fixed; }
.pwin .fc th.fc-col-header-cell { padding: 6px 4px; font-size: .68rem; font-weight: 600; color: #7e7e7e; text-transform: none; }
.pwin .fc .fc-daygrid-day { border: 1px solid #f0f1f5; vertical-align: top; height: 56px; }
.pwin .fc .fc-daygrid-day-number { display: block; text-align: right; padding: 3px 6px; font-size: .68rem; color: #7e7e7e; text-decoration: none; }
.pwin .fc .fc-day-today { background: #fff8f8 !important; }
.pwin .fc .fc-day-today .fc-daygrid-day-number { color: #fa6163; font-weight: 700; }
.pwin .fc-event {
    display: flex; align-items: center; gap: 5px; margin: 1px 3px; padding: 2px 6px;
    background: rgba(0, 0, 0, .03); border: 1px solid #e9e9ec; border-left: 3px solid #fa6163;
    border-radius: .25rem; font-size: .66rem; color: #7e7e7e; white-space: nowrap; overflow: hidden;
}
.pwin .fc-daygrid-event-dot { width: 6px; height: 6px; border-radius: 50%; background: #fa6163; flex-shrink: 0; }
.pwin .fc-event .time { color: #B1B1B1; }

/* Raporlar seçici sayfası */
.pwin .reports-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pwin .report-search {
    font-family: inherit; font-size: .78rem; color: #7e7e7e; width: 100%;
    border: 1px solid #f0f1f5; border-radius: .6rem; padding: 8px 14px; margin-bottom: 12px;
    box-shadow: 0 12px 23px 0 rgba(62, 63, 122, .04);
}
.pwin .report-search:focus { outline: none; border-color: #fa6163; }
.pwin .report-card .card-body { padding: 0 6px 6px; }
.pwin .report-list { list-style: none; margin: 0; padding: 0; }
.pwin .report-list a {
    display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: .5rem;
    color: #7e7e7e; text-decoration: none; font-size: .74rem; cursor: pointer;
}
.pwin .report-list a:hover { background: #ffd6d7; color: #fa6163; }
.pwin .report-list i { font-size: .7rem; color: #fa6163; }

/* Zaman kayıtları: Toplam Süre mini tablosu */
.pwin .total-time { margin-left: auto; max-width: 260px; box-shadow: 0 12px 23px 0 rgba(62, 63, 122, .04); border-radius: .8rem; overflow: hidden; margin-top: 10px; }
.pwin .total-time .table-striped th, .pwin .total-time .table-striped td { padding: 6px 12px; font-size: .74rem; }
.pwin .total-time th { background: #F4F5F9; color: #000; font-weight: 600; }

/* "Yakında" modül rozeti — içerik dolu, modül henüz yayında değil */
.pwin .mod-soon-tag { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.pwin .mod-soon-tag span {
    font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
    color: #fff; background: #fa6163; padding: 4px 12px; border-radius: 1.25rem;
}
/* başlık çubuğunda (dashboard_bar) "Yakında" etiketi */
.pwin .dbar-soon {
    display: inline-block; vertical-align: middle; margin-left: 8px;
    font-size: .56rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    color: #fff; background: #fa6163; padding: 3px 9px; border-radius: 1.25rem;
}

/* Sözleşme tarih mini tablosu */
.pwin .date-mini { border-collapse: collapse; }
.pwin .date-mini th, .pwin .date-mini td { padding: 1px 4px; font-size: .7rem; border: none; background: transparent; white-space: nowrap; }
.pwin .date-mini th { color: #B1B1B1; font-weight: 600; }

/* ---- Responsive ---- */
@media (max-width: 1100px) {
    .pwin-body { grid-template-columns: 190px 1fr; }
    .pwin .reports-grid { grid-template-columns: repeat(2, 1fr); }
    .pwin .settings-wrap { grid-template-columns: 150px 1fr; }
    .pwin .hub-cards { grid-template-columns: repeat(2, 1fr); }
    .pwin .lic-cards { grid-template-columns: repeat(2, 1fr); }
    .pwin .brand-logo img { max-width: 80px; }
    .pwin .wr-header .brand-logo { width: 190px; }
}
@media (max-width: 768px) {
    .pwin-wrap { display: grid; grid-template-columns: 34px 1fr 34px; gap: 10px; }
    .pwin-wrap .pwin { grid-column: 1 / -1; }
    .pwin-wrap [data-hero-prev] { grid-column: 1; grid-row: 1; justify-self: start; }
    .pwin-wrap [data-hero-next] { grid-column: 3; grid-row: 1; justify-self: end; }
    .pwin-body { grid-template-columns: 1fr; height: 680px; }
    .pwin .deznav { display: none; }
    .pwin .wr-header .brand-logo { width: auto; margin-right: 10px; }
    .app-chips {
        display: flex; gap: 6px; padding: 10px 12px; overflow-x: auto; scrollbar-width: none;
        background: #fff; border-bottom: 1px solid #f0f1f5;
    }
    .app-chips::-webkit-scrollbar { display: none; }
    .app-chips button {
        font-family: inherit; font-size: .7rem; font-weight: 500; padding: 6px 11px;
        border-radius: 1.25rem; border: 1px solid #ffd6d7; background: #fff;
        color: #7e7e7e; white-space: nowrap; flex-shrink: 0;
    }
    .app-chips button.is-active { background: #fa6163; border-color: #fa6163; color: #fff; }
    .pwin .wr-nav .nav-item:not(.bell) { display: none; }
    .pwin .header-info { display: none; }
    .pwin .dashboard_bar { font-size: 15px; }
    .pwin .reports-grid { grid-template-columns: 1fr; }
    .pwin .settings-wrap { grid-template-columns: 1fr; }
    .pwin .fc .fc-daygrid-day { height: 44px; }
}