/* ================================================================
   City2Day — Accounting System
   Global Design System + Print Styles + Tree + Account Picker
   ================================================================ */

:root {
    --c2d-primary: #1e3a8a;         /* Navy (main text/logo) */
    --c2d-primary-600: #1d4ed8;
    --c2d-accent: #27b6f0;          /* Bright cyan blue (from logo) */
    --c2d-accent-soft: #e6f4fc;
    --c2d-success: #16a34a;
    --c2d-warning: #f59e0b;
    --c2d-danger: #dc2626;
    --c2d-muted: #6b7280;
    --c2d-bg: #f3f6fb;
    --c2d-surface: #ffffff;
    --c2d-border: #e5e7eb;
    --c2d-border-strong: #d1d5db;
    --c2d-sidebar: #0f1f4a;
    --c2d-sidebar-link: #cbd5e1;
    --c2d-sidebar-link-active: #ffffff;
    --c2d-radius: 10px;
    --c2d-shadow: 0 2px 8px rgba(15, 31, 74, 0.06);
    --c2d-shadow-lg: 0 10px 30px rgba(15, 31, 74, 0.12);
}

/* ---------- Global ---------- */
html, body { height: 100%; }
body {
    font-family: "Segoe UI", "Tahoma", "Cairo", "Arial", sans-serif;
    background-color: var(--c2d-bg);
    color: #111827;
    font-size: 14px;
}

a { color: var(--c2d-primary-600); }
a:hover { color: var(--c2d-primary); }

/* ---------- Navbar (Header) ---------- */
.c2d-navbar {
    background: linear-gradient(90deg, var(--c2d-primary) 0%, var(--c2d-primary-600) 60%, var(--c2d-accent) 100%);
    color: #fff;
    padding: .5rem 1rem;
    box-shadow: 0 2px 12px rgba(15, 31, 74, 0.18);
    position: sticky; top: 0; z-index: 1040;
    height: 60px;
    display:flex; align-items:center;
}
.c2d-navbar .container-fluid { width:100%; }
.c2d-navbar .navbar-brand {
    display:flex; align-items:center; gap:.6rem;
    color: #fff; font-weight: 700; letter-spacing: .3px;
    text-decoration:none;
}
.c2d-navbar .navbar-brand:hover { color:#fff; opacity:.92; }
.c2d-navbar .navbar-brand img { height: 38px; width:auto; filter: drop-shadow(0 1px 2px rgba(0,0,0,.2)); }
.c2d-navbar .brand-text { display:flex; flex-direction:column; line-height:1.05; }
.c2d-navbar .brand-text strong { font-size:1.1rem; letter-spacing:.5px; }
.c2d-navbar .brand-text small { font-size:.7rem; opacity:.85; font-weight:400; }
.c2d-navbar .user-area { color:#fff; font-size:.92rem; }
.c2d-navbar .user-area .user-greeting { display:inline-flex; align-items:center; gap:.35rem; padding:.3rem .65rem; border-radius:6px; background: rgba(255,255,255,.12); }
.c2d-navbar .user-area .btn-logout { border:1px solid rgba(255,255,255,.5); color:#fff; background: transparent; padding:.3rem .7rem; border-radius:6px; font-size:.85rem; }
.c2d-navbar .user-area .btn-logout:hover { background:#dc2626; border-color:#dc2626; color:#fff; }

/* ---------- Layout ---------- */
.c2d-layout { min-height: calc(100vh - 60px); }
.c2d-sidebar {
    background: var(--c2d-sidebar);
    color: #e5e7eb;
    min-height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    padding: 0;
    border-left: 1px solid rgba(255,255,255,.04);
    position: sticky; top: 60px;
    scrollbar-width: thin; scrollbar-color: #334155 transparent;
}
.c2d-sidebar::-webkit-scrollbar { width: 6px; }
.c2d-sidebar::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.c2d-sidebar .nav-header {
    display:block; padding: 1rem 1.1rem .35rem;
    font-size: .7rem; text-transform: uppercase; letter-spacing: .1em;
    color: #64ffda; font-weight:700;
    border-top: 1px solid rgba(255,255,255,.06);
    margin-top:.25rem;
}
.c2d-sidebar .nav-item:first-child .nav-header,
.c2d-sidebar .nav-header:first-of-type { border-top:none; margin-top:0; }
.c2d-sidebar .nav-link {
    color: var(--c2d-sidebar-link);
    padding: .55rem 1.1rem;
    border-radius: 0;
    margin: 0;
    border-inline-start: 3px solid transparent;
    display:flex; align-items:center; gap:.55rem;
    font-size:.9rem;
    transition: all .15s ease;
}
.c2d-sidebar .nav-link i { width:18px; text-align:center; opacity:.85; }
.c2d-sidebar .nav-link:hover {
    background: rgba(39,182,240,0.10);
    color: var(--c2d-sidebar-link-active);
    border-inline-start-color: var(--c2d-accent);
}
.c2d-sidebar .nav-link.active {
    background: linear-gradient(90deg, rgba(39,182,240,0.22) 0%, rgba(39,182,240,0.08) 100%);
    color: #fff; font-weight: 600;
    border-inline-start-color: var(--c2d-accent);
}
.c2d-sidebar .nav-link.active i { opacity:1; color: var(--c2d-accent); }
.c2d-sidebar .nav-link.disabled { color:#64748b; }

.c2d-main { padding: 1.25rem 1.25rem 2rem; }

/* ---------- Page header ---------- */
.page-header {
    display:flex; align-items:center; justify-content:space-between;
    gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap;
}
.page-header h3 { margin:0; font-weight:700; color: var(--c2d-primary); font-size:1.25rem; }
.page-header .muted { color: var(--c2d-muted); font-size:.9rem; }
.page-header .actions { display:flex; gap:.4rem; flex-wrap:wrap; }

/* ---------- Cards ---------- */
.c2d-card {
    background: var(--c2d-surface);
    border: 1px solid var(--c2d-border);
    border-radius: var(--c2d-radius);
    box-shadow: var(--c2d-shadow);
}
.c2d-card > .c2d-card-header {
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--c2d-border);
    font-weight: 600;
    color: var(--c2d-primary);
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
}
.c2d-card > .c2d-card-body { padding: 1rem; }
.c2d-card > .c2d-card-footer {
    padding: .75rem 1rem; border-top: 1px solid var(--c2d-border);
    background: #fbfdff; border-radius: 0 0 var(--c2d-radius) var(--c2d-radius);
}

/* Stats KPI card (dashboard) */
.c2d-kpi {
    background: var(--c2d-surface);
    border: 1px solid var(--c2d-border);
    border-radius: var(--c2d-radius);
    padding: 1rem 1.1rem;
    box-shadow: var(--c2d-shadow);
    display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem;
}
.c2d-kpi .kpi-label { font-size:.85rem; color: var(--c2d-muted); }
.c2d-kpi .kpi-value { font-size:1.7rem; font-weight:700; color: var(--c2d-primary); margin-top:.2rem; }
.c2d-kpi .kpi-icon {
    width: 44px; height:44px; border-radius: 12px;
    display:flex; align-items:center; justify-content:center;
    background: var(--c2d-accent-soft); color: var(--c2d-primary-600);
    font-size: 1.2rem; font-weight: 700;
}
.c2d-kpi.k-primary .kpi-icon { background:#dbeafe; color:#1d4ed8; }
.c2d-kpi.k-success .kpi-icon { background:#dcfce7; color:#15803d; }
.c2d-kpi.k-warning .kpi-icon { background:#fef3c7; color:#b45309; }
.c2d-kpi.k-accent .kpi-icon  { background:#cffafe; color:#0e7490; }

/* ---------- Filters bar ---------- */
.filters-card { margin-bottom: 1rem; }
.filters-card .row > [class*="col-"] { margin-bottom:.5rem; }
.filters-card .form-label { font-size:.85rem; font-weight:600; color:#374151; margin-bottom:.25rem; }
.filters-card .btn-filter { min-width: 110px; }

/* ---------- Buttons ---------- */
.btn-primary { background: var(--c2d-primary-600); border-color: var(--c2d-primary-600); }
.btn-primary:hover, .btn-primary:focus {
    background: var(--c2d-primary); border-color: var(--c2d-primary);
}
.btn-outline-primary { color: var(--c2d-primary-600); border-color: var(--c2d-primary-600); }
.btn-outline-primary:hover { background: var(--c2d-primary-600); border-color: var(--c2d-primary-600); }
.btn-accent { background: var(--c2d-accent); border-color: var(--c2d-accent); color:#fff; }
.btn-accent:hover { filter:brightness(.95); color:#fff; }
.btn-soft { background:#eef2ff; border-color:#e0e7ff; color: var(--c2d-primary-600); }
.btn-soft:hover { background:#e0e7ff; color: var(--c2d-primary); }

/* Action icon button (in tables) */
.btn-icon { padding: .25rem .5rem; line-height: 1; }

/* ---------- Tables ---------- */
.table.c2d-table {
    background: var(--c2d-surface);
    border-radius: var(--c2d-radius);
    overflow: hidden;
    box-shadow: var(--c2d-shadow);
    border: 1px solid var(--c2d-border);
    margin-bottom: 0;
}
.table.c2d-table > thead > tr > th {
    background: #eef2ff;
    color: var(--c2d-primary);
    font-weight: 700;
    border-bottom: 2px solid var(--c2d-border);
    vertical-align: middle;
    white-space: nowrap;
}
.table.c2d-table > tbody > tr > td { vertical-align: middle; }
.table.c2d-table > tbody > tr:hover { background: #f8fafc; }
.table.c2d-table tfoot td {
    background:#f9fafb; font-weight:700; border-top: 2px solid var(--c2d-border);
}
.table.c2d-table .text-end, .table.c2d-table .num { font-variant-numeric: tabular-nums; }
.table-sticky thead th { position: sticky; top: 0; z-index: 2; }

.badge-status { font-size:.75rem; padding:.25em .55em; border-radius:.45rem; }
.badge-draft   { background:#fef3c7; color:#92400e; }
.badge-posted  { background:#dcfce7; color:#166534; }
.badge-cancel  { background:#fee2e2; color:#991b1b; }
.badge-active  { background:#dcfce7; color:#166534; }
.badge-inactive{ background:#fef2f2; color:#991b1b; }

/* Alerts — unified messages */
.alert { border-radius: var(--c2d-radius); }
.alert-soft-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.alert-soft-danger  { background:#fef2f2; color:#7f1d1d; border:1px solid #fecaca; }
.alert-soft-warning { background:#fffbeb; color:#854d0e; border:1px solid #fde68a; }
.alert-soft-info    { background:#eff6ff; color:#1e3a8a; border:1px solid #bfdbfe; }

.err { color: var(--c2d-danger); font-size:.9rem; }

/* ---------- Login page ---------- */
.login-bg {
    min-height: 100vh;
    background:
      radial-gradient(circle at 10% 10%, rgba(39,182,240,0.15), transparent 40%),
      radial-gradient(circle at 90% 90%, rgba(29,78,216,0.18), transparent 45%),
      linear-gradient(135deg, #0f1f4a 0%, #1e3a8a 50%, #2563eb 100%);
    display:flex; align-items:center; justify-content:center; padding: 2rem 1rem;
}
.login-card {
    background: #fff; border-radius: 16px; width: 100%; max-width: 440px;
    box-shadow: var(--c2d-shadow-lg);
    overflow: hidden;
}
.login-brand {
    text-align:center; padding: 1.5rem 1.25rem .5rem;
}
.login-brand img { height:72px; width:auto; }
.login-brand .subtitle { color: var(--c2d-muted); margin-top:.25rem; font-size:.9rem; }
.login-body { padding: 2.25rem 4.5rem 2.5rem; }
.login-body .form-label { font-weight:600; font-size:.9rem; }
.login-body .btn-primary { width: 100%; padding:.6rem; }
.login-footer { text-align:center; padding:.8rem; color:var(--c2d-muted); font-size:.8rem; background:#f9fafb; border-top:1px solid var(--c2d-border); }

/* ---------- Footer ---------- */
.c2d-footer {
    text-align:center; padding: .75rem; font-size:.82rem; color: var(--c2d-muted);
    border-top: 1px solid var(--c2d-border); background: #fff;
}

/* ---------- Tree (Accounts tree) ---------- */
.c2d-tree, .c2d-tree ul { list-style: none; padding: 0; margin: 0; }
.c2d-tree { font-size: .92rem; }
.c2d-tree li { border-bottom: 1px dashed #eef2f7; }
.c2d-tree li:last-child { border-bottom: 0; }
.c2d-tree .node {
    display:flex; align-items:center; gap:.35rem;
    padding: .35rem .45rem;
}
.c2d-tree .node:hover { background:#f1f5f9; }
.c2d-tree .toggler {
    display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px; border-radius: 4px;
    background: #eef2ff; color: var(--c2d-primary-600);
    font-size:.7rem; cursor:pointer; user-select:none; font-weight:700;
    border: 1px solid #c7d2fe;
}
.c2d-tree .toggler.leaf { background:transparent; border-color:transparent; cursor:default; color:#94a3b8; }
.c2d-tree .code { font-family: "Consolas", monospace; color: var(--c2d-primary); font-weight:600; margin-inline-end:.35rem; }
.c2d-tree .name { color:#111827; }
.c2d-tree .meta { color:#94a3b8; font-size:.8rem; margin-inline-start:auto; display:flex; gap:.35rem; align-items:center; }
.c2d-tree ul { padding-inline-start: 1.25rem; border-inline-start: 1px dashed #e5e7eb; margin-inline-start: 8px; }
.c2d-tree .node .btn-icon { padding: 0.1rem .45rem; }
.c2d-tree .hidden { display:none; }

/* ---------- Account picker modal ---------- */
.c2d-picker {
    display:flex; align-items:center; gap:.35rem;
}
.c2d-picker input.code { width: 110px; }
.c2d-picker input.name { flex: 1; }
.picker-modal-body { max-height: 65vh; overflow:auto; }
.picker-search {
    display:flex; gap:.4rem; margin-bottom:.5rem;
}

/* ---------- Report layout ---------- */
.report-header {
    display:flex; align-items:center; justify-content:space-between;
    padding: .5rem 1rem; background: linear-gradient(90deg, var(--c2d-primary), var(--c2d-primary-600));
    color:#fff; border-radius: var(--c2d-radius) var(--c2d-radius) 0 0;
}
.report-header .title h4 { margin:0; font-size:1.15rem; font-weight:700; }
.report-header .title small { color:#dbeafe; }
.report-meta-row {
    display:flex; flex-wrap:wrap; gap: 1rem;
    padding: .5rem 1rem; border: 1px solid var(--c2d-border); border-top:0;
    background: #fbfdff; color:#334155; font-size:.9rem;
}
.report-meta-row strong { color: var(--c2d-primary); }
.report-body {
    border: 1px solid var(--c2d-border); border-top: 0;
    border-radius: 0 0 var(--c2d-radius) var(--c2d-radius);
    background: #fff; padding: .5rem; overflow-x: auto;
}
.report-summary {
    display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem; margin: 1rem 0;
}
.report-summary .cell {
    background:#fff; border:1px solid var(--c2d-border); border-radius: var(--c2d-radius);
    padding:.75rem 1rem;
}
.report-summary .cell .label { color:var(--c2d-muted); font-size:.8rem; }
.report-summary .cell .value { color:var(--c2d-primary); font-weight:700; font-size:1.1rem; font-variant-numeric: tabular-nums; }

/* Print header visible only on print */
.print-only { display: none; }

/* ---------- Print styles ---------- */
@media print {
    @page { size: A4; margin: 12mm 10mm; }

    body { background:#fff !important; color:#000 !important; font-size: 11pt; }
    body * { visibility: hidden; }
    .c2d-printable, .c2d-printable * { visibility: visible; }
    .c2d-printable { position: absolute; inset: 0 0 auto 0; width:100%; padding: 0 6mm; }

    /* Hide navigation/footer/forms bits */
    .c2d-navbar, .c2d-sidebar, .c2d-footer, .no-print, .btn, .filters-card,
    .pagination, .alert, form .form-control, nav, .breadcrumb { display:none !important; }

    /* Show print-only header inside the printable */
    .print-only { display: block !important; }
    .print-header {
        display:flex; align-items:center; justify-content:space-between;
        border-bottom: 2px solid #1e3a8a; padding-bottom: 6px; margin-bottom: 10px;
    }
    .print-header img { height: 48px; }
    .print-header .company { text-align: start; }
    .print-header .company .name { font-weight:700; color:#1e3a8a; font-size: 14pt; }
    .print-header .company .meta { color:#475569; font-size: 9pt; }
    .print-title { text-align:center; font-weight:700; color:#1e3a8a; font-size: 13pt; margin: 6px 0; }
    .print-meta { font-size: 9pt; color:#334155; text-align:center; margin-bottom: 8px; }

    .c2d-card, .report-body { box-shadow:none !important; border:0 !important; }
    .table.c2d-table, .c2d-printable table { width:100% !important; border-collapse: collapse !important; }
    .c2d-printable table th, .c2d-printable table td {
        border: 1px solid #000 !important; padding: 3pt 4pt !important;
        color:#000 !important; background:#fff !important;
    }
    .c2d-printable table thead th { background:#e5e7eb !important; }
    .page-break { page-break-after: always; }

    a[href]:after { content: ""; }

    /* repeat table header on every page */
    .c2d-printable table thead { display: table-header-group; }
    .c2d-printable table tfoot { display: table-footer-group; }
    .c2d-printable tr { page-break-inside: avoid; }

    /* page footer with running page number */
    .c2d-printable::after {
        content: "صفحة " counter(page) " / " counter(pages);
        position: fixed; bottom: 6mm; left: 6mm; right: 6mm;
        text-align: center; color:#64748b; font-size: 9pt;
        border-top: 1px solid #cbd5e1; padding-top: 3pt;
    }

    /* keep drill-down links visible as text only */
    .acc-link { color:#000 !important; text-decoration:none !important; }
    .acc-link::after { content: "" !important; }
}

/* Drill-down link style on screen */
.acc-link {
    color: var(--c2d-primary-600);
    text-decoration: none;
    border-bottom: 1px dashed currentColor;
    font-variant-numeric: tabular-nums;
}
.acc-link:hover { color: var(--c2d-primary); border-bottom-style: solid; }

/* ---------- Small utilities ---------- */
.hstack-gap { display:flex; gap:.4rem; align-items:center; flex-wrap:wrap; }
.num-col { font-variant-numeric: tabular-nums; text-align: end; }
.cursor-pointer { cursor: pointer; }
.chip {
    display:inline-block; padding:.15rem .5rem; border-radius:999px;
    background:#e0e7ff; color: var(--c2d-primary-600); font-size:.75rem;
}


/* ---------- Sidebar Toggle (Burger) ---------- */
.c2d-burger {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    width: 36px; height: 32px;
    padding: 6px; display:flex; flex-direction:column; gap:4px; justify-content:center;
}
.c2d-burger span {
    display:block; height:2px; width:100%; background:#fff; border-radius:2px;
    transition: transform .2s ease, opacity .2s ease;
}
.c2d-burger:hover { background: rgba(255,255,255,0.22); }

/* Collapsed state */
body.sidebar-collapsed .c2d-sidebar {
    width: 0 !important; min-width:0 !important; max-width:0 !important;
    overflow: hidden !important; padding:0 !important;
    flex: 0 0 0% !important;
}
body.sidebar-collapsed .c2d-main {
    flex: 0 0 100% !important; max-width:100% !important;
}

@media (max-width: 768px) {
    .c2d-sidebar { position: absolute; z-index: 1030; right: 0; top: 56px; }
    body.sidebar-collapsed .c2d-sidebar { display:none !important; }
}


/* ===================================================================
   FINAL POLISH (Sprint 5 final fix)
   =================================================================== */

/* Quick nav (top-bar links) */
.c2d-quicknav { padding: 0; margin: 0; }
.c2d-quicknav li a {
    color: rgba(255,255,255,.92); text-decoration: none;
    padding: .45rem .9rem; border-radius: 8px;
    font-size: .92rem; display: inline-flex; align-items: center; gap: .4rem;
    transition: background .15s ease;
}
.c2d-quicknav li a:hover { background: rgba(255,255,255,.16); color: #fff; }
.c2d-quicknav li a i { font-size: 1rem; }

/* Burger button */
.c2d-navbar .c2d-burger {
    background: rgba(255,255,255,.12); color: #fff; border: none;
    width: 38px; height: 38px; padding: 0; font-size: 1.25rem; border-radius: 8px;
}
.c2d-navbar .c2d-burger:hover { background: rgba(255,255,255,.22); }

/* Brand text two-line */
.c2d-navbar .navbar-brand .brand-text strong {
    font-size: 1.18rem; font-weight: 700; letter-spacing: .25px;
    display: block; line-height: 1.05;
}
.c2d-navbar .navbar-brand .brand-text small {
    font-size: .72rem; opacity: .85; display: block; margin-top: 1px;
}

/* User area & logout pill */
.user-area .user-greeting {
    color: #fff; font-size: .88rem;
    background: rgba(255,255,255,.10); padding: .35rem .8rem; border-radius: 18px;
    display: inline-flex; align-items: center; gap: .35rem;
}
.user-area .btn-logout {
    background: #c0392b; color: #fff; border: none; padding: .4rem .9rem; border-radius: 6px;
    display: inline-flex; align-items: center; gap: .35rem;
}
.user-area .btn-logout:hover { background: #a93226; color: #fff; }

/* Toast host */
.c2d-toast-host {
    position: fixed; top: 80px; inset-inline-end: 18px; z-index: 1080;
    display: flex; flex-direction: column; gap: .5rem; max-width: 360px;
}
.c2d-toast {
    background: #fff; border-inline-start: 4px solid #16a34a;
    box-shadow: 0 6px 18px rgba(15,31,74,.15);
    padding: .7rem 1rem; border-radius: 6px; font-size: .92rem; color: #111827;
}
.c2d-toast.is-error  { border-inline-start-color: #dc2626; }
.c2d-toast.is-warn   { border-inline-start-color: #f59e0b; }
.c2d-toast.is-info   { border-inline-start-color: #2563eb; }

/* Print View page wrapper */
.print-page {
    background: #fff; padding: 24px 28px; max-width: 920px; margin: 0 auto;
    box-shadow: 0 0 0 1px var(--c2d-border); border-radius: 6px;
}
.print-page .ph-head {
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 2px solid var(--c2d-primary); padding-bottom: 12px; margin-bottom: 18px;
}
.print-page .ph-head .ph-brand { display: flex; align-items: center; gap: 12px; }
.print-page .ph-head .ph-brand img { height: 52px; }
.print-page .ph-head .ph-brand .ph-name { font-size: 1.25rem; font-weight: 700; color: var(--c2d-primary); line-height: 1.1; }
.print-page .ph-head .ph-brand .ph-sub  { font-size: .85rem; color: var(--c2d-muted); }
.print-page .ph-head .ph-meta { text-align: end; font-size: .85rem; color: #2c3e50; }
.print-page h2.ph-title { font-size: 1.25rem; color: var(--c2d-primary); margin: 0 0 14px; text-align: center; }

.print-actions { display: flex; gap: 8px; justify-content: end; margin-bottom: 12px; }

/* Definition list table for Print Views */
.print-dl {
    width: 100%; border-collapse: collapse; margin-bottom: 12px;
}
.print-dl th, .print-dl td {
    border: 1px solid #d8dee8; padding: .45rem .65rem; font-size: .9rem; vertical-align: top;
}
.print-dl th {
    background: #f0f4fa; color: var(--c2d-primary); font-weight: 700; width: 25%;
    text-align: start;
}

/* Print mode overrides (extends earlier rules) */
@media print {
    .c2d-quicknav { display: none !important; }
    .c2d-toast-host { display: none !important; }
    .print-page { box-shadow: none; padding: 0; max-width: 100%; }
    .print-dl th, .print-dl td { border-color: #999; }
    body { background: #fff !important; }
    .c2d-navbar, .c2d-sidebar, .c2d-footer { display: none !important; }
    .c2d-main, .c2d-layout { padding: 0 !important; margin: 0 !important; }
}