/* ============================================================
   CDF SYNCFUSION – Grid, Toolbar, Pager, Dialog (DEDUPLICATED)
============================================================ */

.e-control, .e-control .e-btn, .e-input, .e-input-group {
    font-family: 'BlackOpsOne',sans-serif;
}

/* ===== GRID ===== */
.e-grid {
    background: rgba(20, 35, 20, .92) !important;
    border: 2px solid var(--cdf-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.7) !important;
    color: var(--cdf-text) !important;
    overflow: hidden !important;
}

.e-grid .e-headercell {
    background: transparent !important;
    color: var(--cdf-accent-2) !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 2px solid var(--cdf-border) !important;
    border-right: 1px solid rgba(255,255,255,.15) !important;
    text-shadow: 0 0 6px #000;
}

.e-grid .e-headertext { color: var(--cdf-accent-2); }

.e-grid .e-rowcell {
    border-color: rgba(255,255,255,.1) !important;
    font-size: 15px;
    padding: 10px 12px !important;
}

.e-grid .e-row:hover .e-rowcell {
    background: rgba(100,150,70,.15) !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,.7) !important;
    transition: .2s;
}

.e-selectionbackground {
    background: rgba(143,191,90,.32) !important;
    box-shadow: inset 0 0 12px rgba(0,0,0,.75);
}

.e-editcell {
    background: rgba(60,85,45,.95) !important;
    border: 1px solid var(--cdf-accent) !important;
}

/* ===== HEADER CAMO ===== */
.e-grid .e-headercontent {
    background: url('/css/camo.jpg') center/cover no-repeat !important;
    border-bottom: 3px solid #0e0e0e !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.45);
}

/* ===== LIGNES ZÉBRÉES ===== */
.e-row:not(.e-altrow) .e-rowcell { background: rgba(255,255,255,.03) !important; }
.e-altrow .e-rowcell { background: rgba(0,0,0,.18) !important; }
.e-grid .e-row:not(:last-child) .e-rowcell { border-bottom: 2px dashed rgba(143,191,90,.18) !important; }
.e-row:hover .e-rowcell { background: rgba(110,160,60,.15) !important; transition: .2s; }

/* ===== ZONES BLANCHES ===== */
.e-grid, .e-grid .e-content, .e-grid .e-table, .e-grid .e-rowcell,
.e-grid .e-emptyrow, .e-grid .e-frozencontent, .e-grid .e-movablecontent,
.e-grid .e-gridheader, .e-grid .e-groupdroparea, .e-grid .e-groupcaption,
.e-grid .e-indentcell, .e-grid .e-detailrowcollapse {
    background-color: rgba(20,35,20,.92) !important;
}

.e-grid .e-filterbarcell, .e-grid .e-filtertext,
.e-grid .e-input, .e-grid .e-control {
    background-color: rgba(40,55,40,.88) !important;
    color: var(--cdf-text) !important;
}

.e-grid, .e-grid * { color: var(--cdf-text) !important; }
.e-grid .e-content { min-height: 220px !important; }
.e-content .e-emptyrow td { background: rgba(20,35,20,.92) !important; }

/* ===== FILTRE ===== */
.e-filterbarcell, .e-filtertext, .e-input, .e-input-group,
input.e-input, input.e-control {
    background-color: rgba(40,55,40,.95) !important;
    color: #dfe8d8 !important;
    border: 1px solid var(--cdf-border) !important;
}
.e-input::placeholder, .e-filtertext::placeholder { color: #a5b79a !important; }
.e-filterbarcell .e-filtertext { padding-left: 24px !important; }
.e-filterbarcell::before { content: "🔍"; position: absolute; margin-left: 6px; margin-top: 6px; pointer-events: none; font-size: 14px; }
.e-filterbarclear { display: inline-block; margin-left: 6px; cursor: pointer; }
.e-filterbarclear::after { content: "🧹"; color: var(--cdf-accent-2); }

/* ===== BULLETS LIST ===== */
.e-grid .e-rowcell ul { list-style: none; margin: 0; padding: 0; }
.e-grid .e-rowcell ul li { display: flex; gap: 6px; }

/* ===== LISTE SOLDATS ===== */
.cdf-soldier-list { list-style: none; margin: 0; padding: 0; }
.cdf-soldier-list li { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; }
.cdf-soldier-name { margin-right: 6px; }

/* ===== TOOLBAR ===== */
.e-toolbar {
    background: rgba(20,35,20,.95) !important;
    border: none !important;
    padding: 4px 12px !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,.6);
}
.e-toolbar::before, .e-toolbar::after {
    content: ""; position: absolute; top: 50%; width: 14px; height: 14px;
    background: linear-gradient(145deg, #222, #555); border-radius: 50%;
    border: 2px solid #0d0d0d; box-shadow: inset 1px 1px 3px #000; transform: translateY(-50%);
}
.e-toolbar::before { left: 10px; }
.e-toolbar::after { right: 10px; }
.e-toolbar-items, .e-toolbar-item, .e-toolbar-left,
.e-toolbar-center, .e-toolbar-right { background: transparent !important; }

.e-toolbar .e-tbar-btn .e-icons { font-size: 18px; color: var(--cdf-accent-2) !important; filter: drop-shadow(0 0 3px #000); }
.e-toolbar .e-tbar-btn:hover { background: rgba(255,255,255,.15) !important; border-radius: 6px; }

/* Icônes remplacées */
.e-add::before { content: "➕" !important; }
.e-edit::before { content: "✏️" !important; }
.e-delete::before { content: "🗑️" !important; }
.e-update::before { content: "✅" !important; }
.e-cancel::before { content: "❌" !important; }

/* Boutons toolbar */
.e-toolbar .e-btn {
    background: rgba(30,45,30,.9) !important; border: 2px solid var(--cdf-border) !important;
    color: #e7f7c8 !important; border-radius: 8px !important; box-shadow: 0 0 8px rgba(0,0,0,.6);
}
.e-toolbar .e-btn:hover { background: rgba(70,95,70,.9) !important; transform: translateY(-2px); transition: .2s; }
.e-toolbar .e-add .e-btn { background: #7fa64b !important; border: 2px solid #28361d !important; color: #000 !important; }
.e-toolbar .e-add .e-btn:hover { background: #b7f779 !important; }
.e-toolbar .e-edit .e-btn { background: #b9bf5a !important; border: 2px solid #383a10 !important; color: #000 !important; }
.e-toolbar .e-delete .e-btn { background: #e05252 !important; border: 2px solid #3c0d0d !important; color: #000 !important; }
.e-toolbar .e-delete .e-btn:hover { background: #ff6868 !important; }

/* Boutons Syncfusion génériques */
.e-btn, .e-control .e-btn { background: #304226; border: 1px solid var(--cdf-border); color: white; }
.e-btn:hover { filter: brightness(1.15); }

/* Dropdowns */
.e-dropdown-menu, .e-contextmenu { background: #0e140f; border: 1px solid var(--cdf-border); }
.e-menu-item .e-anchor { color: #fff; }
.e-menu-item.e-focused > .e-anchor, .e-menu-item:hover > .e-anchor { color: var(--cdf-accent-2); }

/* ===== PAGINATION ===== */
.e-gridpager { background: rgba(20,35,20,.92) !important; border-top: 2px solid var(--cdf-border) !important; color: var(--cdf-text) !important; }
.e-gridpager .e-numericitem, .e-gridpager .e-icons { color: var(--cdf-accent-2) !important; border-radius: 6px !important; padding: 6px 10px !important; }
.e-gridpager .e-currentitem { background: var(--cdf-accent) !important; color: #000 !important; font-weight: bold; }

.e-pager { background: rgba(20,35,20,.95) !important; border-top: 2px solid var(--cdf-border); padding: 6px 12px !important; }
.e-pager .e-numericitem, .e-pager .e-pagercontainer, .e-pager .e-nextprev,
.e-pager .e-last, .e-pager .e-first {
    background: rgba(30,45,30,.95) !important; border: 1px solid var(--cdf-border);
    color: var(--cdf-accent-2) !important; box-shadow: none !important;
}
.e-pager .e-numericitem.e-active { background: var(--cdf-accent) !important; color: #000 !important; border-color: #000 !important; font-weight: bold !important; }
.e-pager .e-numericitem:hover, .e-pager .e-nextprev:hover,
.e-pager .e-first:hover, .e-pager .e-last:hover { background: rgba(140,190,90,.4) !important; color: #fff !important; }
.e-pager .e-np, .e-pager .e-np .e-link, .e-pager .e-nextprev,
.e-pager .e-prev, .e-pager .e-next {
    background: rgba(20,35,20,.95) !important; color: var(--cdf-accent-2) !important;
    border: 1px solid var(--cdf-border) !important; box-shadow: none !important;
}
.e-pager .e-nextprev:hover, .e-pager .e-np:hover { background: rgba(130,180,70,.35) !important; color: #fff !important; }

/* ===== BUNKER DIALOG (FULL MILITARY) ===== */
.e-dialog {
    background: url('/css/camo.jpg') center/cover no-repeat !important;
    background-color: rgba(15,20,15, .96) !important;
    border-radius: 14px !important; border: 3px solid #1b1b1b !important;
    box-shadow: 0 0 32px rgba(0,0,0,.85) !important; overflow: hidden !important;
    animation: bunkerDrop .35s ease-out;
}
.e-dialog::before, .e-dialog::after {
    content: ""; position: absolute; top: 10px; width: 18px; height: 18px;
    background: linear-gradient(145deg,#242424,#6f6f6f); border: 2px solid #050505;
    border-radius: 50%; box-shadow: inset 1px 1px 4px rgba(0,0,0,.8);
}
.e-dialog::before { left: 12px; }
.e-dialog::after { right: 12px; }

.e-dlg-header-content {
    background: rgba(20,35,20,.95) !important; padding: 12px 20px !important;
    font-size: 22px !important; font-family: 'BlackOpsOne';
    color: #e4f6bf !important; text-shadow: 0 0 6px #000; border-bottom: 2px solid #000;
}
.e-dlg-content, .e-dlg-content * { color: var(--cdf-text) !important; font-size: 15px !important; }
.e-float-text { color: #c9d9b8 !important; }
.e-input-group input, .e-control input, .e-control, .e-input-group {
    background: rgba(30,45,30,.95) !important; border: 1px solid #2b3e25 !important; color: #e8f7da !important;
}
.e-checkbox-wrapper .e-frame { background: #1c2c18 !important; border: 1px solid var(--cdf-border) !important; }
.e-dialog .e-btn.e-primary { background: #7fa64b !important; color: #000 !important; border: 2px solid #354723 !important; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(0,0,0,.7); }
.e-dialog .e-btn.e-primary:hover { background: #b7ff79 !important; }
.e-dialog .e-btn:not(.e-primary) { background: #e05252 !important; border: 2px solid #3c0d0d !important; color: #fff !important; border-radius: 8px !important; }
.e-dialog .e-btn:not(.e-primary):hover { background: #ff6565 !important; }

@keyframes bunkerDrop {
    from { opacity: 0; transform: translateY(-20px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.e-dlg-content, .e-edit-dialog, .e-edit-dialog .e-gridform,
.e-dialog .e-dlg-content div, .e-dialog .e-content,
.e-dialog .e-edit-dialog .e-dlg-content { background: rgba(20,35,20,.96) !important; border: none !important; }
.e-gridform, .e-edit-dialog { padding: 0 !important; }
.e-gridform { border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; }
.e-dlg-content label, .e-dlg-content span { color: white !important; font-weight: 600; }