/* PokAdmin: estilos propios */

/* Tipografías servidas desde el propio servidor */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/jakarta-latin-400.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url(../assets/fonts/jakarta-latin-600.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url(../assets/fonts/jakarta-latin-700.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url(../assets/fonts/jakarta-latin-800.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Merriweather"; font-style: italic; font-weight: 300; font-display: swap; src: url(../assets/fonts/merriweather-latin-300i.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/jakarta-latin-ext-400.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url(../assets/fonts/jakarta-latin-ext-600.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url(../assets/fonts/jakarta-latin-ext-700.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url(../assets/fonts/jakarta-latin-ext-800.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Merriweather"; font-style: italic; font-weight: 300; font-display: swap; src: url(../assets/fonts/merriweather-latin-ext-300i.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* Identidad de pokaliving.com: tinta, azul, dorado, verde y arena, con Plus Jakarta Sans y Merriweather */
:root, [data-bs-theme="light"] {
  --poka-tinta: #01090E; --poka-tinta-rgb: 1, 9, 14; --poka-azul: #084269; --poka-azul-rgb: 8, 66, 105;
  --poka-dorado: #B6A56F; --poka-dorado-rgb: 182, 165, 111; --poka-dorado-claro: #EFE9D8; --poka-verde: #7BD45A; --poka-arena: #F4F0EC; --poka-linea: #E3DDD5;
  --poka-titulo: var(--poka-azul); --poka-superficie: #fff; --poka-pie: var(--poka-arena);
  --bs-font-sans-serif: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bs-body-font-size: .95rem; --bs-body-color: var(--poka-tinta); --bs-body-color-rgb: var(--poka-tinta-rgb);
  --bs-primary: var(--poka-azul); --bs-primary-rgb: var(--poka-azul-rgb); --bs-info: var(--poka-dorado); --bs-info-rgb: var(--poka-dorado-rgb);
  --bs-link-color: var(--poka-azul); --bs-link-color-rgb: var(--poka-azul-rgb); --bs-link-hover-color: var(--poka-tinta); --bs-link-hover-color-rgb: var(--poka-tinta-rgb);
  --bs-tertiary-bg: var(--poka-arena); --bs-tertiary-bg-rgb: 244, 240, 236; --bs-secondary-bg: var(--poka-dorado-claro); --bs-secondary-bg-rgb: 239, 233, 216;
  --bs-border-color: var(--poka-linea); --bs-border-radius: 4px; --bs-border-radius-sm: 3px; --bs-border-radius-lg: 4px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .card-title { color: var(--poka-titulo); font-weight: 800; }
.small-box h3, [class*="text-bg-"] h3 { color: inherit; }
.app-content-header h3 { font-size: 1.75rem; letter-spacing: -.01em; }
.app-header .nav-link { color: var(--bs-body-color); }
.pk-tema { background: none; border: 0; font-size: 1.05rem; line-height: 1; }
.pk-tema:focus-visible { outline: 2px solid var(--poka-dorado); outline-offset: 1px; border-radius: 4px; }
.card-title { font-size: 1.02rem; font-weight: 700; }
.card { --bs-card-border-color: var(--poka-linea); --bs-card-border-radius: 4px; --bs-card-inner-border-radius: 3px; --bs-card-cap-bg: var(--poka-superficie); box-shadow: none; }
.card.card-outline { border-top: 3px solid var(--poka-dorado) !important; }
.table { --bs-table-striped-bg: rgba(var(--poka-dorado-rgb), .08); --bs-table-hover-bg: rgba(var(--poka-dorado-rgb), .16); }
.table > thead th, .table > thead th a { color: var(--poka-titulo); font-weight: 700; }

/* Botones como los de la web: esquinas poco redondeadas y, en los principales, mayúsculas espaciadas */
.btn { --bs-btn-border-radius: 4px; --bs-btn-font-weight: 600; }
.btn-primary { --bs-btn-bg: var(--poka-tinta); --bs-btn-border-color: var(--poka-tinta); --bs-btn-color: #fff; --bs-btn-hover-bg: var(--poka-azul); --bs-btn-hover-border-color: var(--poka-azul); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--poka-azul); --bs-btn-active-border-color: var(--poka-azul); --bs-btn-active-color: #fff; --bs-btn-disabled-bg: var(--poka-tinta); --bs-btn-disabled-border-color: var(--poka-tinta); }
.btn-primary:not(.btn-sm):not(.dropdown-toggle):not(.pk-fab-btn):not(.pk-fab-toggle) { text-transform: uppercase; letter-spacing: .14em; font-size: .8rem; padding-top: .6rem; padding-bottom: .6rem; }
.btn-outline-primary { --bs-btn-color: var(--poka-azul); --bs-btn-border-color: var(--poka-azul); --bs-btn-hover-bg: var(--poka-azul); --bs-btn-hover-border-color: var(--poka-azul); --bs-btn-active-bg: var(--poka-azul); --bs-btn-active-border-color: var(--poka-azul); }
.btn-success { --bs-btn-bg: var(--poka-verde); --bs-btn-border-color: var(--poka-verde); --bs-btn-color: var(--poka-tinta); --bs-btn-hover-bg: #69c04a; --bs-btn-hover-border-color: #69c04a; --bs-btn-hover-color: var(--poka-tinta); --bs-btn-active-bg: #69c04a; --bs-btn-active-border-color: #69c04a; --bs-btn-active-color: var(--poka-tinta); }
.form-control:focus, .form-select:focus { border-color: var(--poka-dorado); box-shadow: 0 0 0 .2rem rgba(var(--poka-dorado-rgb), .3); }
.form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.pagination { --bs-pagination-color: var(--bs-link-color); --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); }
.dropdown-menu { --bs-dropdown-link-active-bg: var(--bs-primary); }

/* Cabecera, menú lateral y pie */
.app-header { border-bottom: 1px solid var(--poka-linea); }
body .app-sidebar[data-bs-theme] { background-color: var(--poka-tinta) !important; --lte-sidebar-color: #d9dee2; --lte-sidebar-hover-color: #fff; --lte-sidebar-hover-bg: rgba(var(--poka-dorado-rgb), .18);
  --lte-sidebar-menu-active-bg: var(--poka-dorado); --lte-sidebar-menu-active-color: var(--poka-tinta); }
.app-sidebar .nav-header { color: var(--poka-dorado); font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; }
.app-sidebar .nav-link { border-radius: 4px; }
.sidebar-brand { border-bottom: 0 !important; box-shadow: none !important; }
.sidebar-brand .brand-link { display: flex; align-items: center; gap: .6rem; text-decoration: none; }
.sidebar-brand .pk-logo { height: 40px; width: auto; }
.sidebar-brand .brand-text { color: var(--poka-dorado); font-size: .72rem; letter-spacing: .24em; text-transform: uppercase; font-weight: 600; }
.app-footer { background: var(--poka-pie); border-top: 1px solid var(--poka-linea); font-size: .8rem; }

/* Pantalla de acceso */
body.login-page { background: var(--poka-tinta) !important; }
.login-page .card { border: 0; overflow: hidden; box-shadow: none; --bs-card-border-width: 0; --bs-card-inner-border-radius: 0; background: var(--poka-tinta); }
.login-page .card-body { background: var(--bs-body-bg); }
.login-page .card.card-outline { border-top: 0 !important; }
.login-page .card-header.pk-login-logo { background: var(--poka-tinta); border-bottom: 0; padding: 1.4rem 1rem 1.2rem; }
.pk-login-logo img { height: 96px; width: auto; }
.login-page .login-box-msg, .pk-serif { font-family: "Merriweather", Georgia, serif; font-style: italic; font-weight: 300; }

/* Modo oscuro: fondo tinta y detalles dorados */
[data-bs-theme="dark"] {
  --poka-titulo: var(--poka-dorado-claro); --poka-superficie: #101c25; --poka-pie: #101c25; --poka-linea: #27363f;
  --bs-body-bg: #101c25; --bs-body-bg-rgb: 16, 28, 37; --bs-body-color: #e8edf0; --bs-body-color-rgb: 232, 237, 240; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(232, 237, 240, .72); --bs-tertiary-color: rgba(232, 237, 240, .55);
  --bs-primary: #0f5c8f; --bs-primary-rgb: 15, 92, 143;
  --bs-link-color: #d6c48a; --bs-link-color-rgb: 214, 196, 138; --bs-link-hover-color: #fff; --bs-link-hover-color-rgb: 255, 255, 255;
  --bs-tertiary-bg: #070f15; --bs-tertiary-bg-rgb: 7, 15, 21; --bs-secondary-bg: #1a2a35; --bs-secondary-bg-rgb: 26, 42, 53; --bs-border-color: #27363f;
}
[data-bs-theme="dark"] .breadcrumb { --bs-breadcrumb-item-active-color: rgba(232, 237, 240, .78); --bs-breadcrumb-divider-color: rgba(232, 237, 240, .55); }
[data-bs-theme="dark"] .btn-primary { --bs-btn-bg: var(--poka-dorado); --bs-btn-border-color: var(--poka-dorado); --bs-btn-color: var(--poka-tinta); --bs-btn-hover-bg: #cdbd85; --bs-btn-hover-border-color: #cdbd85; --bs-btn-hover-color: var(--poka-tinta);
  --bs-btn-active-bg: #cdbd85; --bs-btn-active-border-color: #cdbd85; --bs-btn-active-color: var(--poka-tinta); --bs-btn-disabled-bg: var(--poka-dorado); --bs-btn-disabled-border-color: var(--poka-dorado); --bs-btn-disabled-color: var(--poka-tinta); }
[data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color: #d6c48a; --bs-btn-border-color: var(--poka-dorado); --bs-btn-hover-bg: var(--poka-dorado); --bs-btn-hover-border-color: var(--poka-dorado); --bs-btn-hover-color: var(--poka-tinta); --bs-btn-active-bg: var(--poka-dorado); --bs-btn-active-border-color: var(--poka-dorado); --bs-btn-active-color: var(--poka-tinta); }

/* Columnas redimensionables */
.pk-tabla th { position: relative; }
.pk-tabla th .pk-resizer {
  position: absolute; top: 0; right: -3px; width: 7px; height: 100%;
  cursor: col-resize; user-select: none; z-index: 2;
}
.pk-tabla th .pk-resizer::after {
  content: ""; position: absolute; top: 25%; bottom: 25%; left: 3px; width: 1px;
  background: var(--bs-border-color);
}
.pk-tabla th:hover .pk-resizer::after,
.pk-tabla th .pk-resizer.activo::after { background: var(--bs-primary); width: 2px; top: 0; bottom: 0; }
body.pk-redimensionando, body.pk-redimensionando * { cursor: col-resize !important; user-select: none !important; }
.pk-tabla td { overflow-wrap: anywhere; }

/* Ventana de contacto */
.pk-contacto-acciones .btn { min-width: 0; }

/* Tareas de las órdenes */
.pk-tarea { border-left: 4px solid transparent; }
.pk-tarea[data-estado="repasar"] { background: rgba(var(--bs-warning-rgb), .06); }
.pk-tarea[data-estado="nulo"] .pk-t-texto { text-decoration: line-through; opacity: .7; }
.pk-tarea .pk-t-nota { border-style: dashed; }
.pk-t-oculta { display: none !important; }
@media (max-width: 767.98px) {
  .pk-t-estados { width: 100%; }
  .pk-t-estados .btn { flex: 1; padding-top: .5rem; padding-bottom: .5rem; }
}

/* Botones flotantes del formulario (Guardar / Volver / Eliminar) */
body.pk-con-fab .app-main { padding-bottom: 6rem; }
.pk-fab { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 1045; display: flex; align-items: center; gap: .6rem; }
.pk-fab-acciones { display: flex; align-items: center; gap: .5rem; }
.pk-fab-btn { box-shadow: 0 .35rem 1rem rgba(0, 0, 0, .3); display: inline-flex; align-items: center; gap: .4rem; }
.pk-fab-toggle { display: none; }
@media (min-width: 768px) {
  .pk-fab-btn { border-radius: 4px; padding: .55rem 1.15rem; font-weight: 600; }
  .pk-fab-btn:hover { transform: translateY(-1px); }
}
/* Móvil: un botón redondo que despliega los iconos hacia la izquierda, estilo menú de app */
@media (max-width: 767.98px) {
  .pk-fab { right: 1rem; bottom: 1.6rem; gap: .7rem; }
  .pk-fab-toggle { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%;
    font-size: 1.5rem; box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, .4); transition: transform .2s ease; }
  .pk-fab.abierto .pk-fab-toggle { transform: rotate(90deg); }
  .pk-fab-acciones { gap: .7rem; }
  .pk-fab-btn { position: relative; flex-direction: column; justify-content: center; width: 50px; height: 50px; border-radius: 50%; padding: 0;
    font-size: 1.25rem; opacity: 0; transform: translateX(40px) scale(.5); pointer-events: none;
    transition: opacity .18s ease, transform .22s cubic-bezier(.2, .9, .3, 1.3); }
  .pk-fab-btn .pk-fab-txt { position: absolute; top: 100%; margin-top: .2rem; font-size: .65rem; font-weight: 600; white-space: nowrap;
    color: var(--bs-body-color); text-shadow: 0 0 3px var(--bs-body-bg), 0 0 3px var(--bs-body-bg); }
  .pk-fab.abierto .pk-fab-btn { opacity: 1; transform: none; pointer-events: auto; }
  /* aparecen de derecha a izquierda: primero el más cercano al botón */
  .pk-fab.abierto .pk-fab-btn:nth-last-child(1) { transition-delay: 0s; }
  .pk-fab.abierto .pk-fab-btn:nth-last-child(2) { transition-delay: .05s; }
  .pk-fab.abierto .pk-fab-btn:nth-last-child(3) { transition-delay: .1s; }
  .pk-fab.abierto .pk-fab-btn:nth-last-child(4) { transition-delay: .15s; }
  .pk-fab.abierto .pk-fab-grupo .pk-fab-btn { transition-delay: 0s; }
  .pk-fab-grupo .pk-fab-btn.dropdown-toggle { border-radius: 50%; flex: none; }
  .pk-fab-grupo .pk-fab-btn.dropdown-toggle::after { display: none; }
}

/* Ficha en dos columnas con separador móvil. En móvil, una columna y primero la derecha. */
.pk-split { display: flex; flex-direction: column-reverse; }
.pk-split-izq, .pk-split-der { min-width: 0; }
.pk-split-barra { display: none; }
@media (min-width: 992px) {
  .pk-split { flex-direction: row; align-items: stretch; }
  .pk-split-izq { flex: 0 0 var(--pk-split, 50%); container-type: inline-size; }
  .pk-split-der { flex: 1 1 0; }
  .pk-split-barra { display: block; flex: 0 0 18px; position: relative; cursor: col-resize; touch-action: none; }
  .pk-split-barra::after { content: ""; position: absolute; top: 0; bottom: 1rem; left: 8px; width: 2px; background: var(--bs-border-color); border-radius: 2px; transition: background .15s ease; }
  .pk-split-barra:hover::after, .pk-split-barra.activo::after, .pk-split-barra:focus-visible::after { background: var(--poka-dorado); left: 7px; width: 4px; }
  .pk-split-barra:focus-visible { outline: 0; }
  @container (max-width: 760px) { .pk-split-izq .row > [class*="col-md-"]:not(.col-md-12) { width: 50%; } }
  @container (max-width: 460px) { .pk-split-izq .row > [class*="col-md-"] { width: 100%; } }
}