* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f6f9;
    color: #333;
}


/* CONTENEDOR */

.contenedor {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}


/* ENCABEZADO */

.encabezado {
    background-color: #1e3a8a;
    color: white;
    padding: 20px 0;
}

.encabezado h1 {
    margin-bottom: 15px;
}


/* MENU */

.menu {
    display: flex;
    gap: 10px;
}

.menu a {
    color: white;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 5px;
}

.menu a:hover {
    background-color: #2563eb;
}


/* BIENVENIDA */

.bienvenida {
    background-color: white;
    margin-top: 30px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.bienvenida h2 {
    margin-bottom: 10px;
}


/* TARJETAS */

.tarjetas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.tarjeta {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.icono {
    font-size: 45px;
    margin-bottom: 15px;
}

.tarjeta h3 {
    margin-bottom: 10px;
}

.tarjeta p {
    margin-bottom: 20px;
    color: #666;
}


/* BOTONES */

.boton {
    display: inline-block;
    background-color: #2563eb;
    color: white;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 5px;
}

.boton:hover {
    background-color: #1d4ed8;
}


/* FOOTER */

footer {
    text-align: center;
    margin-top: 50px;
    padding: 20px;
    color: #777;
}


/* RESPONSIVE */

@media (max-width: 768px) {

    .tarjetas {
        grid-template-columns: 1fr;
    }

    .menu {
        flex-direction: column;
    }

}
/* TABLA DE PRODUCTOS */

.tabla-contenedor {
    background-color: white;
    margin-top: 25px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow-x: auto;
}

.tabla {
    width: 100%;
    border-collapse: collapse;
}

.tabla th {
    background-color: #1e3a8a;
    color: white;
    padding: 12px;
    text-align: left;
}

.tabla td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.tabla tr:hover {
    background-color: #f5f5f5;
}


/* ESTADO */

.activo {
    background-color: #dcfce7;
    color: #166534;
    padding: 5px 10px;
    border-radius: 20px;
}

.inactivo {
    background-color: #fee2e2;
    color: #991b1b;
    padding: 5px 10px;
    border-radius: 20px;
}


/* BOTONES DE ACCIONES */

.boton-editar {
    background-color: #f59e0b;
    color: white;
    text-decoration: none;
    padding: 7px 10px;
    border-radius: 5px;
    margin-right: 5px;
}

.boton-editar:hover {
    background-color: #d97706;
}

.boton-eliminar {
    background-color: #dc2626;
    color: white;
    text-decoration: none;
    padding: 7px 10px;
    border-radius: 5px;
}

.boton-eliminar:hover {
    background-color: #b91c1c;
}
/* FORMULARIOS */

.formulario-contenedor {
    background-color: white;
    margin-top: 30px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);

    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.formulario-contenedor h2 {
    margin-bottom: 10px;
}

.campo {
    margin-bottom: 20px;
}

.campo label {
    display: block;
    margin-bottom: 7px;
    font-weight: bold;
}

.campo input {
    width: 100%;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.campo input:focus {
    outline: none;
    border-color: #2563eb;
}


/* ACCIONES */

.acciones-formulario {
    display: flex;
    gap: 10px;
    margin-top: 25px;
}

.acciones-formulario button {
    border: none;
    cursor: pointer;
    font-size: 15px;
}

.boton-cancelar {
    background-color: #6b7280;
    color: white;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 5px;
}

.boton-cancelar:hover {
    background-color: #4b5563;
}


/* MENSAJES */

.mensaje-exito {
    background-color: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.mensaje-error {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.campo select,
.campo textarea {
    width: 100%;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    font-family: Arial, sans-serif;
}

.campo select:focus,
.campo textarea:focus {
    outline: none;
    border-color: #2563eb;
}
/* =========================================
   ENTRADA CON MULTIPLES PRODUCTOS
   ========================================= */

.entrada-formulario {
    max-width: 1100px;
}

.titulo-seccion {
    margin-top: 25px;
    margin-bottom: 15px;
    color: #1e3a8a;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 8px;
}

.tabla-productos {
    width: 100%;
    overflow-x: auto;
}

.tabla-productos .tabla {
    min-width: 800px;
}

.tabla-productos select,
.tabla-productos input {
    width: 100%;
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.tabla-productos select:focus,
.tabla-productos input:focus {
    outline: none;
    border-color: #2563eb;
}

.boton-eliminar-fila {
    background-color: #dc2626;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 5px;
    cursor: pointer;
}

.boton-eliminar-fila:hover {
    background-color: #b91c1c;
}

.total-entrada {
    margin-top: 25px;
    padding: 20px;
    background-color: #f3f4f6;
    border-radius: 8px;
    text-align: right;
    font-size: 22px;
}

.total-entrada #total {
    color: #1e3a8a;
    margin-left: 20px;
}
/* =====================================================
   DASHBOARD
   ===================================================== */

.dashboard {
    padding-top: 30px;
    padding-bottom: 40px;
}


/* Encabezado */

.encabezado-interior {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.subtitulo-dashboard {
    margin: 3px 0 0;
    color: #cbd5e1;
    font-size: 14px;
}


/* Bienvenida */

.dashboard-bienvenida {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.dashboard-bienvenida h2 {
    margin: 0 0 5px;
    color: #1e293b;
}

.dashboard-bienvenida p {
    margin: 0;
    color: #64748b;
}

.dashboard-fecha {
    background: white;
    padding: 10px 16px;
    border-radius: 8px;
    color: #475569;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}


/* =====================================================
   TARJETAS
   ===================================================== */

.tarjetas {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}


.tarjeta {
    background: white;
    border-radius: 12px;
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
    border-left: 5px solid transparent;
    transition: transform 0.2s, box-shadow 0.2s;
}


.tarjeta:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(0,0,0,0.12);
}


.tarjeta-icono {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}


.tarjeta p {
    margin: 0 0 5px;
    color: #64748b;
    font-size: 13px;
}


.tarjeta h3 {
    margin: 0;
    font-size: 26px;
    color: #1e293b;
}


/* Colores */

.tarjeta-azul {
    border-left-color: #2563eb;
}

.tarjeta-azul .tarjeta-icono {
    background: #dbeafe;
}


.tarjeta-verde {
    border-left-color: #16a34a;
}

.tarjeta-verde .tarjeta-icono {
    background: #dcfce7;
}


.tarjeta-roja {
    border-left-color: #dc2626;
}

.tarjeta-roja .tarjeta-icono {
    background: #fee2e2;
}


.tarjeta-naranja {
    border-left-color: #ea580c;
}

.tarjeta-naranja .tarjeta-icono {
    background: #ffedd5;
}


.tarjeta-morada {
    border-left-color: #7c3aed;
}

.tarjeta-morada .tarjeta-icono {
    background: #ede9fe;
}


/* =====================================================
   BUSCADOR
   ===================================================== */

.panel-buscador {
    background: white;
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 25px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}


.panel-buscador h2 {
    margin: 0 0 5px;
    color: #1e293b;
}


.panel-buscador p {
    margin: 0;
    color: #64748b;
}


.buscador-form {
    display: flex;
    gap: 10px;
    flex: 1;
    max-width: 500px;
}


.buscador-form input {
    flex: 1;
    padding: 12px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    font-size: 15px;
}


.buscador-form input:focus {
    outline: none;
    border-color: #2563eb;
}


/* =====================================================
   COLUMNAS
   ===================================================== */

.dashboard-columnas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 25px;
}


.panel {
    background: white;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}


.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
}


.panel-header h2 {
    margin: 0 0 5px;
    color: #1e293b;
    font-size: 20px;
}


.panel-header p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
}


.enlace-panel {
    color: #2563eb;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
}


.enlace-panel:hover {
    text-decoration: underline;
}


/* =====================================================
   ÚLTIMAS ENTRADAS
   ===================================================== */

.entrada-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid #e2e8f0;
}


.entrada-item:last-child {
    border-bottom: none;
}


.entrada-icono {
    width: 40px;
    height: 40px;
    background: #ffedd5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.entrada-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}


.entrada-info strong {
    color: #1e293b;
    font-size: 14px;
}


.entrada-info span {
    color: #64748b;
    font-size: 12px;
}


.entrada-fecha {
    color: #64748b;
    font-size: 12px;
}


.ver-detalle {
    color: #2563eb;
    text-decoration: none;
    font-size: 12px;
}


.ver-detalle:hover {
    text-decoration: underline;
}


/* =====================================================
   STOCK BAJO
   ===================================================== */

.stock-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid #e2e8f0;
}


.stock-item:last-child {
    border-bottom: none;
}


.stock-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


.stock-info strong {
    color: #1e293b;
    font-size: 14px;
}


.stock-info span {
    color: #64748b;
    font-size: 12px;
}


.stock-cantidad {
    min-width: 65px;
    padding: 7px 10px;
    border-radius: 7px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}


.stock-cantidad small {
    display: block;
    font-size: 9px;
    font-weight: normal;
    margin-top: 2px;
}


.stock-warning {
    background: #fef3c7;
    color: #92400e;
}


.stock-agotado {
    background: #fee2e2;
    color: #b91c1c;
}


/* =====================================================
   SIN DATOS
   ===================================================== */

.sin-datos {
    padding: 25px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
    border-radius: 8px;
}


.sin-alerta {
    color: #15803d;
    background: #f0fdf4;
}


/* =====================================================
   ACCIONES RÁPIDAS
   ===================================================== */

.acciones-rapidas {
    background: white;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}


.acciones-rapidas h2 {
    margin: 0 0 18px;
    color: #1e293b;
}


.acciones-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}


.accion {
    text-decoration: none;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: all 0.2s;
}


.accion:hover {
    border-color: #2563eb;
    background: #eff6ff;
    transform: translateY(-2px);
}


.accion span {
    font-size: 25px;
}


.accion strong {
    font-size: 15px;
}


.accion small {
    color: #64748b;
    font-size: 12px;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 1100px) {

    .tarjetas {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 800px) {

    .encabezado-interior {
        flex-direction: column;
        align-items: flex-start;
    }


    .dashboard-bienvenida {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }


    .panel-buscador {
        flex-direction: column;
        align-items: stretch;
    }


    .buscador-form {
        max-width: none;
    }


    .dashboard-columnas {
        grid-template-columns: 1fr;
    }


    .acciones-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 600px) {

    .tarjetas {
        grid-template-columns: 1fr;
    }


    .acciones-grid {
        grid-template-columns: 1fr;
    }


    .buscador-form {
        flex-direction: column;
    }

}


/* Buscador de productos en entradas y salidas */
.busqueda-producto {
    margin: 0 0 20px 0;
}

.busqueda-producto label {
    display: block;
    margin-bottom: 7px;
    font-weight: bold;
}

.busqueda-producto input {
    width: 100%;
    max-width: 520px;
    padding: 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    font-size: 15px;
    box-sizing: border-box;
}

.busqueda-producto input:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}


/* MARCA COMERCIAL STEPHANIE */
.marca-dashboard{display:flex;align-items:center;gap:16px}.logo-dashboard{width:82px;height:82px;object-fit:contain;border-radius:8px;background:#000}.marca-dashboard-texto h1{margin:0 0 4px;font-size:28px;color:#fff}.frase-dashboard{margin:0;color:#fff;font-size:17px;font-weight:500}.recibo-marca .logo-recibo{display:block;width:14mm;height:14mm;object-fit:contain;margin:0 auto 5px;background:#000}.recibo-marca h2{margin:2px 0 4px;font-size:20px}.datos-fiscales{font-size:11px;line-height:1.35}.recibo-marca .linea{margin:7px 0}

/* LOGIN */
.login-contenedor{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:430px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.10)}.login-marca{text-align:center;margin-bottom:22px}.login-marca h1{font-size:30px;margin:0 0 5px;color:#1e3a8a}.login-marca h2{font-size:20px;margin:0;color:#475569}.login-titulo{font-size:18px;margin-bottom:20px}.mensaje-exito{background:#dcfce7;color:#166534;padding:12px;border-radius:6px;margin-bottom:15px}.mensaje-error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:15px}.ayuda-login{margin-top:18px;font-size:13px;color:#666}
.busqueda-producto{margin:0 0 20px 0}.busqueda-producto label{display:block;margin-bottom:7px;font-weight:bold}.busqueda-producto input{width:100%;max-width:520px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:7px;font-size:15px;box-sizing:border-box}.busqueda-producto input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.12)}

/* SELECTOR DE PRODUCTOS CON BUSCADOR */
.product-picker{position:relative;min-width:280px}.producto-display{width:100%;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px;cursor:pointer;font-size:14px}.producto-display:after{content:' ▾';float:right}.producto-display.seleccionado{border-color:#2563eb}.producto-menu{position:absolute;z-index:1000;top:calc(100% + 4px);left:0;width:100%;min-width:300px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:8px}.producto-search{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:7px;box-sizing:border-box}.producto-opciones{max-height:230px;overflow-y:auto}.producto-opcion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;cursor:pointer;border-radius:5px}.producto-opcion:hover{background:#eff6ff}.producto-sin-resultados{padding:10px;color:#64748b;font-size:13px}.boton-eliminar-fila{border:0;background:#dc2626;color:#fff;padding:7px 10px;border-radius:5px;cursor:pointer}.boton-eliminar-fila:hover{background:#b91c1c}


/* =====================================================
   FORMULARIOS DE MOVIMIENTOS Y SELECTOR DE PRODUCTOS
   ===================================================== */
.formulario-movimiento {
    max-width: 1100px;
}

.formulario-movimiento .tabla-contenedor {
    overflow-x: auto;
}

.formulario-movimiento .tabla {
    min-width: 920px;
}

.formulario-movimiento .tabla th:first-child,
.formulario-movimiento .tabla td:first-child {
    min-width: 300px;
}

.formulario-movimiento .product-picker {
    width: 100%;
    min-width: 300px;
}

.formulario-movimiento .producto-display {
    width: 100%;
    min-height: 44px;
    padding: 11px 13px;
    font-size: 15px;
    line-height: 1.25;
    white-space: normal;
}

.formulario-movimiento .producto-menu {
    width: 100%;
    min-width: 340px;
}

.formulario-movimiento .producto-search {
    min-height: 40px;
    font-size: 14px;
}

.formulario-movimiento .producto-opcion {
    padding: 11px 12px;
    font-size: 14px;
}

.formulario-movimiento .tabla td:nth-child(2) {
    min-width: 85px;
}

.formulario-movimiento .tabla td:nth-child(3),
.formulario-movimiento .tabla td:nth-child(4) {
    min-width: 145px;
}

.formulario-movimiento .tabla td:nth-child(5) {
    min-width: 125px;
}

@media (max-width: 900px) {
    .formulario-movimiento {
        max-width: 100%;
    }

    .formulario-movimiento .tabla {
        min-width: 820px;
    }
}


/* =========================================================
   MEJORAS INVENTARIO - PRODUCTOS / ACCIONES / PAGOS
   ========================================================= */
.acciones-rapidas.dashboard-acciones {
    margin: 22px 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.acciones-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}
.accion-rapida {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-decoration: none;
    padding: 15px;
    border-radius: 9px;
    color: #fff;
    transition: transform .15s ease, box-shadow .15s ease;
}
.accion-rapida:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0,0,0,.15); }
.accion-rapida span { font-size: 25px; }
.accion-rapida strong { font-size: 15px; }
.accion-rapida small { opacity: .9; }
.accion-entrada { background:#2563eb; }
.accion-salida { background:#ea580c; }
.accion-venta { background:#15803d; }
.accion-producto { background:#7c3aed; }
.accion-gasto { background:#be123c; }
.accion-reporte { background:#334155; }

.tabla-productos-responsive { width:100%; overflow-x:auto; }
.formulario-movimiento .tabla { min-width: 1040px; }
.formulario-movimiento .selector-producto,
.formulario-movimiento select.selector-producto,
.tabla-productos .selector-producto,
.formulario-movimiento .cantidad,
.formulario-movimiento .precio {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    height: 40px;
    box-sizing: border-box;
    padding: 9px 10px;
    font-size: 15px;
}
.formulario-movimiento .cantidad,
.formulario-movimiento .precio { text-align:left; }
.pago-venta { margin-top: 10px; }
.opciones-pago { display:flex; gap:12px; flex-wrap:wrap; }
.opcion-pago {
    display:flex; align-items:center; gap:8px; cursor:pointer;
    border:1px solid #cbd5e1; background:#f8fafc; padding:11px 18px;
    border-radius:8px; font-weight:bold; transition:.15s;
}
.opcion-pago:hover { border-color:#2563eb; background:#eff6ff; }
.opcion-pago input { accent-color:#2563eb; }
.form-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.form-grid-3 .campo { margin-bottom:0; }
.reporte-resumen-simple { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:20px 0; }
.filtro-linea { display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.filtro-linea label { font-weight:bold; }
.filtro-linea input { display:block; margin-top:6px; padding:9px; border:1px solid #cbd5e1; border-radius:6px; }
.texto-suave { color:#64748b; }

@media (max-width: 1100px) {
    .acciones-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 800px) {
    .form-grid-3, .reporte-resumen-simple { grid-template-columns:1fr; }
    .acciones-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 500px) {
    .acciones-grid { grid-template-columns:1fr; }
}
.badge-pago{display:inline-block;padding:4px 9px;border-radius:15px;font-weight:bold;font-size:12px}.badge-efectivo{background:#dcfce7;color:#166534}.badge-tarjeta{background:#dbeafe;color:#1d4ed8}
.entrada-formulario .tabla { min-width: 1040px; }
.entrada-formulario .selector-producto,
.formulario-movimiento .selector-producto {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

/* Mismo tamaño para producto, cantidad y precio en entradas, salidas y ventas */
.formulario-movimiento .tabla td:nth-child(1),.formulario-movimiento .tabla td:nth-child(3),.formulario-movimiento .tabla td:nth-child(4){vertical-align:middle}
@media (max-width:700px){.marca-dashboard{align-items:flex-start}.logo-dashboard{width:62px;height:62px}.marca-dashboard-texto h1{font-size:22px}.frase-dashboard{font-size:14px}}