:root {
    --lm-verde:        #085041;
    --lm-verde-medio:  #1D9E75;
    --lm-verde-claro:  #E1F5EE;
    --lm-verde-texto:  #9FE1CB;
    --lm-tierra:       #BA7517;
    --lm-tierra-claro: #FAEEDA;
    --lm-coral:        #D85A30;
    --lm-coral-claro:  #FAECE7;
    --lm-azul:         #185FA5;
    --lm-azul-claro:   #E6F1FB;
    --lm-gris:         #888780;
    --lm-gris-claro:   #F1EFE8;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #2a2a28;
    background: #FAF9F4;
}

h1, h2, h3, h4, h5, .display, .lm-display {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 500;
    color: var(--lm-verde);
}

a { color: var(--lm-verde); text-decoration: none; }
a:hover { color: var(--lm-verde-medio); }

/* ───────────────────── Layout con sidebar ───────────────────── */

.lm-app {
    display: flex;
    min-height: 100vh;
}

.lm-sidebar {
    width: 220px;
    background: var(--lm-verde);
    color: #fff;
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0 auto 0 0;
    transition: width .2s ease;
    z-index: 1000;
}
.lm-sidebar.collapsed { width: 60px; }
.lm-sidebar.collapsed .lm-sidebar-label,
.lm-sidebar.collapsed .lm-sidebar-brand-text,
.lm-sidebar.collapsed .lm-user-meta { display: none; }
.lm-sidebar.collapsed .lm-nav-link { justify-content: center; padding: 12px 0; }

.lm-sidebar-brand {
    padding: 18px 18px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.lm-sidebar-brand-text {
    font-family: 'Playfair Display', serif;
    color: var(--lm-verde-texto);
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}
.lm-sidebar-brand-sub {
    color: var(--lm-verde-medio);
    font-size: 11px;
    margin-top: 2px;
}

.lm-sidebar-toggle {
    background: transparent;
    border: none;
    color: var(--lm-verde-texto);
    margin-left: auto;
    cursor: pointer;
    font-size: 18px;
}

.lm-nav {
    display: flex;
    flex-direction: column;
    padding: 10px 8px;
    gap: 2px;
    flex: 1 0 auto;
}
.lm-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    color: rgba(255,255,255,.85);
    border-radius: 8px;
    font-size: 14px;
    transition: background .15s;
}
.lm-nav-link:hover { background: rgba(255,255,255,.08); color: #fff; }
.lm-nav-link.active { background: var(--lm-verde-medio); color: #fff; }
.lm-nav-link i { font-size: 16px; width: 18px; text-align: center; }

.lm-nav-sep {
    height: 1px;
    background: rgba(255,255,255,.08);
    margin: 8px 10px;
}

.lm-sidebar-user {
    padding: 12px 10px 14px;
    border-top: 1px solid rgba(255,255,255,.08);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lm-user-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 4px;
}
.lm-user-avatar {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: var(--lm-verde-medio);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 600;
    flex-shrink: 0;
}
.lm-user-meta { line-height: 1.2; }
.lm-user-meta .nm { font-size: 13px; color: #fff; }
.lm-user-meta .rl { font-size: 11px; color: var(--lm-verde-texto); }

.lm-main {
    margin-left: 220px;
    flex: 1;
    transition: margin-left .2s ease;
    min-width: 0;
}
.lm-sidebar.collapsed ~ .lm-main { margin-left: 60px; }

@media (max-width: 991px) {
    .lm-sidebar { width: 60px; }
    .lm-sidebar .lm-sidebar-label,
    .lm-sidebar .lm-sidebar-brand-text,
    .lm-sidebar .lm-user-meta { display: none; }
    .lm-sidebar .lm-nav-link { justify-content: center; padding: 12px 0; }
    .lm-main { margin-left: 60px; }
}

/* ───────────────────── Headers + tarjetas ───────────────────── */

.lm-page-header {
    background: var(--lm-verde);
    color: #fff;
    padding: 24px 32px 22px;
}
.lm-page-header h1 {
    color: #fff;
    margin: 0;
    font-size: 28px;
}
.lm-page-header .sub {
    color: var(--lm-verde-texto);
    font-size: 14px;
    margin-top: 4px;
}

.lm-content { padding: 24px 32px 40px; }
@media (max-width: 575px) {
    .lm-page-header, .lm-content { padding-left: 16px; padding-right: 16px; }
}

.lm-card {
    background: #fff;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.05);
}
.lm-card-titulo {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: var(--lm-verde);
    margin: 0 0 10px;
    font-weight: 500;
}

.lm-resumen-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    margin-bottom: 22px;
}
@media (max-width: 767px) { .lm-resumen-grid { grid-template-columns: repeat(2, 1fr); } }

.lm-stat {
    background: #fff;
    border-radius: 10px;
    padding: 14px 16px;
    border: 1px solid rgba(0,0,0,.05);
}
.lm-stat-lab { font-size: 12px; color: var(--lm-gris); text-transform: uppercase; letter-spacing: .5px; }
.lm-stat-val { font-family: 'Playfair Display', serif; font-size: 30px; line-height: 1; margin-top: 6px; }
.lm-stat.verde  .lm-stat-val { color: var(--lm-verde-medio); }
.lm-stat.tierra .lm-stat-val { color: var(--lm-tierra); }
.lm-stat.coral  .lm-stat-val { color: var(--lm-coral); }
.lm-stat.azul   .lm-stat-val { color: var(--lm-azul); }

/* ───────────────────── Botones ───────────────────── */

.lm-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: var(--lm-verde);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: filter .15s;
}
.lm-btn:hover { filter: brightness(1.08); color: #fff; }
.lm-btn.verde-medio { background: var(--lm-verde-medio); }
.lm-btn.outline { background: transparent; color: var(--lm-verde); border-color: var(--lm-verde); }
.lm-btn.outline:hover { background: var(--lm-verde-claro); }
.lm-btn.tierra { background: var(--lm-tierra); }
.lm-btn.coral  { background: var(--lm-coral); }
.lm-btn.gris   { background: var(--lm-gris); }
.lm-btn.sm     { padding: 5px 10px; font-size: 12px; }

/* ───────────────────── Formularios ───────────────────── */

.lm-form label { font-size: 13px; color: #555; margin-bottom: 4px; display: block; }
.lm-form input[type=text],
.lm-form input[type=password],
.lm-form input[type=date],
.lm-form input[type=email],
.lm-form select,
.lm-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d8d6cf;
    border-radius: 8px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
}
.lm-form input:focus, .lm-form textarea:focus, .lm-form select:focus {
    outline: none;
    border-color: var(--lm-verde-medio);
    box-shadow: 0 0 0 3px rgba(29,158,117,.15);
}
.lm-form .campo { margin-bottom: 14px; }
.text-danger { color: var(--lm-coral); font-size: 12px; }

/* Selectores visuales tipo/zona */
.lm-chip-grid {
    display: grid;
    gap: 8px;
    margin-bottom: 6px;
}
.lm-chip-grid.tipos { grid-template-columns: repeat(4, 1fr); }
.lm-chip-grid.zonas { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 767px) {
    .lm-chip-grid.tipos { grid-template-columns: repeat(2, 1fr); }
}
.lm-chip {
    background: #fff;
    border: 1px solid #d8d6cf;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    transition: all .15s;
    user-select: none;
}
.lm-chip .emoji { display: block; font-size: 22px; margin-bottom: 2px; }
.lm-chip:hover { border-color: var(--lm-verde-medio); }
.lm-chip.activo {
    background: var(--lm-verde-claro);
    border-color: var(--lm-verde-medio);
    color: var(--lm-verde);
    font-weight: 500;
}

/* Toggle */
.lm-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
}
.lm-switch input { opacity: 0; width: 0; height: 0; }
.lm-switch .slider {
    position: absolute; inset: 0;
    background: #ccc; border-radius: 22px;
    transition: .2s;
}
.lm-switch .slider:before {
    content: "";
    position: absolute; width: 18px; height: 18px;
    left: 2px; top: 2px;
    background: #fff; border-radius: 50%;
    transition: .2s;
}
.lm-switch input:checked + .slider { background: var(--lm-verde-medio); }
.lm-switch input:checked + .slider:before { transform: translateX(20px); }

/* ───────────────────── Tablas ───────────────────── */

.lm-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.05);
}
.lm-table th, .lm-table td {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid #efece4;
    font-size: 14px;
}
.lm-table th {
    background: var(--lm-verde-claro);
    color: var(--lm-verde);
    font-weight: 500;
    font-size: 13px;
}
.lm-table tr:last-child td { border-bottom: none; }

.lm-table tr.completada td { color: var(--lm-gris); text-decoration: line-through; }

.lm-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 500;
}
.lm-badge.hecho    { background: var(--lm-gris-claro); color: var(--lm-gris); }
.lm-badge.hoy      { background: var(--lm-verde-medio); color: #fff; }
.lm-badge.prox     { background: var(--lm-tierra-claro); color: var(--lm-tierra); }
.lm-badge.vencida  { background: var(--lm-coral-claro); color: var(--lm-coral); }
.lm-badge.completada { background: var(--lm-verde-claro); color: var(--lm-verde); }
.lm-badge.pendiente  { background: var(--lm-tierra-claro); color: var(--lm-tierra); }
.lm-badge.admin      { background: var(--lm-verde); color: #fff; }
.lm-badge.supervisor { background: var(--lm-verde-claro); color: var(--lm-verde); }
.lm-badge.activo     { background: var(--lm-verde-medio); color: #fff; }
.lm-badge.inactivo   { background: var(--lm-coral-claro); color: var(--lm-coral); }
.lm-badge.mod-actividades { background: var(--lm-verde-claro); color: var(--lm-verde); }
.lm-badge.mod-usuarios    { background: var(--lm-azul-claro); color: var(--lm-azul); }
.lm-badge.mod-sesion      { background: var(--lm-tierra-claro); color: var(--lm-tierra); }
.lm-badge.mod-cuenta      { background: var(--lm-gris-claro); color: var(--lm-gris); }

/* ───────────────────── Widget clima ───────────────────── */

.lm-clima {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin-bottom: 22px;
}
@media (max-width: 767px) { .lm-clima { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 480px) { .lm-clima { grid-template-columns: repeat(3, 1fr); } }
.lm-clima-dia {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 8px;
    padding: 10px 8px;
    text-align: center;
    font-size: 12px;
}
.lm-clima-dia.hoy { border-color: var(--lm-verde-medio); border-width: 2px; }
.lm-clima-dia.lluvia { background: var(--lm-azul-claro); }
.lm-clima-dia .dia { color: var(--lm-gris); text-transform: uppercase; font-size: 11px; }
.lm-clima-dia .icon { font-size: 22px; line-height: 1; margin: 4px 0; }
.lm-clima-dia .temp { color: var(--lm-verde); font-weight: 600; }
.lm-clima-dia .min  { color: var(--lm-gris); }
.lm-clima-dia .mm   { color: var(--lm-azul); font-size: 11px; }

/* ───────────────────── Calendario mensual ───────────────────── */

.lm-cal {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    background: #efece4;
    border-radius: 8px;
    overflow: hidden;
}
.lm-cal .cab {
    background: var(--lm-verde-claro);
    padding: 8px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: var(--lm-verde);
    text-transform: uppercase;
}
.lm-cal .dia {
    background: #fff;
    min-height: 80px;
    padding: 6px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 3px;
    transition: background .12s;
}
.lm-cal .dia:hover { background: var(--lm-verde-claro); }
.lm-cal .dia.off   { background: #f7f5ee; color: #bbb; }
.lm-cal .dia.hoy   .num {
    background: var(--lm-verde);
    color: #fff;
    border-radius: 50%;
    width: 22px; height: 22px;
    display: inline-flex; align-items: center; justify-content: center;
}
.lm-cal .dia .num { font-weight: 600; color: var(--lm-verde); }
.lm-cal .chip {
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 4px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lm-cal .mas { font-size: 10px; color: var(--lm-gris); }

.lm-cal-mini {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    font-size: 10px;
}
.lm-cal-mini .d {
    padding: 3px 2px;
    text-align: center;
    background: #fff;
    color: #444;
    min-height: 24px;
}
.lm-cal-mini .d.off { color: #ccc; }
.lm-cal-mini .d.hoy { background: var(--lm-verde-medio); color: #fff; border-radius: 50%; }
.lm-cal-mini .d .pt {
    display: inline-block;
    width: 4px; height: 4px;
    border-radius: 50%;
    margin: 0 1px;
}

.lm-leyenda { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.lm-leyenda .it { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #555; }
.lm-leyenda .sw { width: 12px; height: 12px; border-radius: 50%; }

/* Vista anual */
.lm-anio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
@media (max-width: 767px) { .lm-anio-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .lm-anio-grid { grid-template-columns: 1fr; } }
.lm-mes-card {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    border: 1px solid rgba(0,0,0,.05);
    cursor: pointer;
    transition: box-shadow .15s;
    opacity: .85;
}
.lm-mes-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); opacity: 1; }
.lm-mes-card.actual { border: 2px solid var(--lm-verde-medio); opacity: 1; }
.lm-mes-card.pasado { opacity: .6; }
.lm-mes-card h4 { font-size: 16px; margin: 0 0 6px; color: var(--lm-verde); }
.lm-mes-card .foot { font-size: 11px; color: var(--lm-gris); margin-top: 8px; }

.lm-barra {
    background: #efece4;
    border-radius: 4px;
    height: 10px;
    overflow: hidden;
    margin: 4px 0;
}
.lm-barra .fill { height: 100%; }

/* Foto de evidencia */
.lm-foto-box {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    background: #fafafa;
    cursor: pointer;
}
.lm-foto-box:hover { border-color: var(--lm-verde-medio); background: var(--lm-verde-claro); }
.lm-foto-preview {
    max-width: 200px;
    max-height: 150px;
    border-radius: 8px;
    object-fit: cover;
}

/* Login */
.lm-login-wrap { display: flex; min-height: 100vh; }
.lm-login-left {
    flex: 0 0 40%;
    background: var(--lm-verde);
    color: #fff;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lm-login-left h1 {
    color: var(--lm-verde-texto);
    font-size: 36px;
    margin: 0 0 8px;
}
.lm-login-left .sub { color: #fff; opacity: .8; font-weight: 300; }
.lm-login-left .linea {
    width: 40px; height: 2px;
    background: var(--lm-verde-medio);
    margin: 20px 0;
}
.lm-login-left .pie { color: var(--lm-verde-medio); font-size: 12px; margin-top: auto; }

.lm-login-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: #fff;
}
.lm-login-form { width: 100%; max-width: 360px; }
.lm-login-form h2 { font-size: 28px; margin: 0 0 4px; }
.lm-login-form .sub { color: var(--lm-gris); margin-bottom: 20px; font-size: 14px; }
.lm-input-ico { position: relative; }
.lm-input-ico i.left { position: absolute; left: 12px; top: 12px; color: var(--lm-gris); }
.lm-input-ico input { padding-left: 38px; }
.lm-input-ico .ojo {
    position: absolute; right: 10px; top: 10px;
    background: transparent; border: none;
    cursor: pointer; color: var(--lm-gris);
    padding: 4px;
}

/* Alertas */
.lm-alert { padding: 10px 14px; border-radius: 8px; margin-bottom: 14px; font-size: 14px; }
.lm-alert.exito  { background: var(--lm-verde-claro); color: var(--lm-verde); }
.lm-alert.error  { background: var(--lm-coral-claro); color: var(--lm-coral); }

/* Barra fortaleza */
.lm-fortaleza {
    height: 6px; border-radius: 3px;
    background: #eee; overflow: hidden;
    margin-top: 6px;
}
.lm-fortaleza .fill {
    height: 100%; transition: width .2s, background .2s;
}

/* Acciones foto (Tomar / Elegir / Eliminar) */
.lm-foto-acciones {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
.lm-foto-acciones .lm-btn { min-height: 38px; }
@media (max-width: 576px) {
    .lm-foto-acciones .lm-btn {
        flex: 1 1 auto;
        min-width: 120px;
        justify-content: center;
    }
}

/* Foto thumbnail en tablas */
.lm-foto-thumb {
    width: 42px; height: 42px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .08);
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
    display: block;
}
.lm-foto-thumb:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}

/* Modal de foto ampliada */
.lm-foto-modal {
    display: none;
    position: fixed; inset: 0;
    background: rgba(0, 0, 0, .82);
    z-index: 9999;
    align-items: center; justify-content: center;
    padding: 24px;
}
.lm-foto-modal.open { display: flex; }
.lm-foto-modal-inner {
    background: #fff;
    border-radius: 10px;
    padding: 14px;
    max-width: 92vw; max-height: 92vh;
    display: flex; flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}
.lm-foto-modal-header {
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 8px; margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-family: 'Playfair Display', serif;
    font-size: 16px; color: var(--lm-verde);
}
.lm-foto-modal-controles {
    display: flex; align-items: center; gap: 6px;
}
.lm-foto-modal-controles button {
    background: transparent; border: 1px solid #e0e0e0;
    width: 32px; height: 32px; border-radius: 6px;
    cursor: pointer; color: var(--lm-verde);
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0;
}
.lm-foto-modal-controles button:hover { background: #f2f2f2; }
#lm-foto-zoom-pct {
    font-size: 12px; color: var(--lm-gris);
    min-width: 42px; text-align: center;
    font-family: 'DM Sans', sans-serif;
}
.lm-foto-modal-cerrar {
    margin-left: 6px;
    border-color: #e0e0e0 !important;
    color: var(--lm-coral) !important;
}
.lm-foto-modal-cerrar:hover { background: var(--lm-coral-claro) !important; }

.lm-foto-modal-viewport {
    flex: 1;
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    max-height: calc(92vh - 110px);
    background: #111;
    border-radius: 6px;
    user-select: none;
}
.lm-foto-modal-viewport img {
    max-width: 100%;
    max-height: calc(92vh - 110px);
    object-fit: contain;
    transform-origin: center center;
    transition: transform .08s ease-out;
    cursor: zoom-in;
    -webkit-user-drag: none;
}
.lm-foto-modal-viewport img.zoomed { cursor: grab; }
.lm-foto-modal-viewport img.dragging { cursor: grabbing; transition: none; }

.lm-foto-modal-help {
    font-size: 11px; color: var(--lm-gris);
    text-align: center; margin-top: 8px;
    font-family: 'DM Sans', sans-serif;
}

/* Catálogos - tabs y tablas */
.lm-cat-tabs {
    border-bottom: 2px solid var(--lm-verde-claro);
    margin-bottom: 0;
}
.lm-cat-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--lm-gris);
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    padding: 10px 18px;
    background: transparent;
    border-radius: 0;
}
.lm-cat-tabs .nav-link:hover { color: var(--lm-verde-medio); background: transparent; }
.lm-cat-tabs .nav-link.active {
    color: var(--lm-verde);
    border-bottom-color: var(--lm-verde-medio);
    background: transparent;
}
.lm-cat-pill {
    display: inline-block;
    background: var(--lm-verde-claro);
    color: var(--lm-verde);
    font-size: 11px;
    padding: 1px 8px;
    border-radius: 10px;
    margin-left: 6px;
    font-weight: 600;
}
.lm-cat-content { background: #fff; border-radius: 0 0 10px 10px; }

.lm-cat-nuevo {
    display: flex; gap: 8px; align-items: center;
    margin-bottom: 14px;
}
.lm-cat-nuevo input { flex: 1; max-width: 480px; }

.lm-cat-tabla tbody tr.lm-cat-inactivo { opacity: 0.55; }
.lm-cat-tabla .cat-nombre-input,
.lm-cat-tabla .cat-orden-input { border: 1px solid #e0e0e0; background: #fafafa; }
.lm-cat-tabla .cat-nombre-input:focus,
.lm-cat-tabla .cat-orden-input:focus { background: #fff; border-color: var(--lm-verde-medio); }

/* Print – reporte semanal */
@media print {
    .lm-sidebar, .no-print, .lm-page-header button, .lm-btn, nav { display: none !important; }
    body, .lm-main { margin: 0 !important; background: #fff; }
    .lm-content { padding: 0; }
    .lm-table { box-shadow: none; border: 1px solid #333; }
    .lm-table th { background: #ddd !important; color: #000 !important; }
    a { color: #000 !important; text-decoration: none; }
}
