@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Breadcrumps.razor.rz.scp.css */
.breadcrumbs[b-e37vvc63cj] {
  padding: 12px 0;
  display: flex;
  align-items: center;
}

.crumb-list[b-e37vvc63cj] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}

.crumb[b-e37vvc63cj] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}

.crumb.home[b-e37vvc63cj] {
  font-weight: 600;
}

.crumb .close-btn[b-e37vvc63cj] {
  margin-left: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #888;
}

.crumb.panel-item.active[b-e37vvc63cj] {
  background: #eef6ff;
  border: 1px solid #cfe6ff;
}

.separator[b-e37vvc63cj] {
  color: #999;
}

.overflow details[b-e37vvc63cj] {
  position: relative;
}

.overflow-list[b-e37vvc63cj] {
  list-style: none;
  padding: 8px;
  margin: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.overflow-item[b-e37vvc63cj] {
  background: transparent;
  border: none;
  padding: 6px 8px;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

/* keep previous rules so other styles don't break */
.breadcrumb-container[b-e37vvc63cj] {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}

.breadcrumb[b-e37vvc63cj] {
  font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  color: #424242;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.breadcrumb-separator[b-e37vvc63cj] {
  margin: 0 8px;
  color: #757575;
}

.breadcrumb-item:hover[b-e37vvc63cj] {
  color: #212121;
  text-decoration: underline;
}

.breadcrumb-current[b-e37vvc63cj] {
  font-weight: 600;
  color: #141B1A;
}

.house[b-e37vvc63cj] {
  margin-right: 0.5rem;
  color: #141B1A;
}
/* /Components/DialogContainer.razor.rz.scp.css */
.dialog-container[b-dz5166ovgd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: grid;
    place-items: center;
    z-index: 99999;
    overflow-y: auto; /* Permite scroll si es necesario */
    padding: 20px; /* Añade padding para no pegarse a los bordes */
}

.dialog-backdrop[b-dz5166ovgd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
}

.dialog-wrapper[b-dz5166ovgd] {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    max-width: 90%; /* Cambiado de 520px a 90% del viewport */
    width: 100%;
    margin: auto; /* Centrado automático */
    max-height: 90vh; /* Limita la altura */
    overflow-y: auto; /* Permite scroll vertical si es necesario */
}
/* /Components/Loading.razor.rz.scp.css */
.loading-component[b-t90u1889am] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 40px 20px;
}

.circle[b-t90u1889am] {
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #000;
    animation: blinking-b-t90u1889am 0.8s infinite;
}

.circle-1[b-t90u1889am] {
    animation-delay: 0.1s;
}

.circle-2[b-t90u1889am] {
    animation-delay: 0.3s;
}

.circle-3[b-t90u1889am] {
    animation-delay: 0.6s;
}

@keyframes blinking-b-t90u1889am {
    0% {
        background-color: #000;
        opacity: .5;
        transform: scale(1);
    }
    50% {
        background-color: #000;
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        background-color: #000;
        opacity: 0.5;
        transform: scale(1);
    }
}
/* /Components/ToolCardsDialog.razor.rz.scp.css */
*[b-ieg427if1x] {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body[b-ieg427if1x] {
    margin: 0;
    background: #0c0f12;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CARD GRANDE */
.outer-card[b-ieg427if1x] {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    width: 100%;
    max-width: 1100px;
    box-shadow: 0 18px 48px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
}

/* HEADER */
.header[b-ieg427if1x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.header h1[b-ieg427if1x] {
    margin: 0;
    font-size: 22px;
}

.brand[b-ieg427if1x] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-logo[b-ieg427if1x] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #00ff99;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
}

.brand-logo svg[b-ieg427if1x] { 
    width: 28px; 
    height: 28px; 
}

.brand-sub[b-ieg427if1x] {
    font-size: 13px;
    color: #333;
    opacity: 0.8;
    margin-top: 4px;
}

/* BOTON */
.add-btn[b-ieg427if1x] {
    padding: 8px 16px;
    border: none;
    border-radius: 10px;
    background: #00ff99;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.add-btn:hover[b-ieg427if1x] {
    background: #00e68a;
}

/* GRID */
.tools-grid[b-ieg427if1x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
    width: 100%;
}

/* CARD HIJO */
.tool-card[b-ieg427if1x] {
    background: linear-gradient(135deg, #0d1f1b, #0b1412);
    border-radius: 20px;
    padding: 18px;
    min-height: 180px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 8px 22px rgba(0,0,0,.22);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    height: 200px;
}

.tool-card:hover[b-ieg427if1x] {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.3);
}

.content[b-ieg427if1x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 1;
}

/* Ensure content stays above the decorative corner */
.tool-card > *[b-ieg427if1x] {
    position: relative;
    z-index: 1;
}

/* ESQUINA VERDE */
.tool-card[b-ieg427if1x]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 110px;
    background: #00ff99;
    border-bottom-left-radius: 100%;
    z-index: 0;
    pointer-events: none;
    transform: translate(20%, -20%);
}

/* ICONO - Mantenemos los iconos SVG de tu CSS original */
.icon[b-ieg427if1x] {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: black;
    z-index: 1;
    overflow: hidden; /* Para asegurar que los SVG se muestren bien */
}

/* Estilos para iconos SVG heredados de tu CSS original */
.bi-ticket-perforated-card[b-ieg427if1x] {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.875 10.1625C22.2984 10.0761 22.6789 9.8461 22.9522 9.51145C23.2255 9.1768 23.3749 8.75802 23.375 8.32594V6C23.375 5.50272 23.1775 5.02581 22.8258 4.67417C22.4742 4.32254 21.9973 4.125 21.5 4.125H3.5C3.00272 4.125 2.52581 4.32254 2.17417 4.67417C1.82254 5.02581 1.625 5.50272 1.625 6V8.32594C1.62513 8.75802 1.77448 9.1768 2.04781 9.51145C2.32113 9.8461 2.70165 10.0761 3.125 10.1625C3.54886 10.2486 3.92993 10.4785 4.20364 10.8134C4.47736 11.1483 4.62688 11.5675 4.62688 12C4.62688 12.4325 4.47736 12.8517 4.20364 13.1866C3.92993 13.5215 3.54886 13.7514 3.125 13.8375C2.70165 13.9239 2.32113 14.1539 2.04781 14.4885C1.77448 14.8232 1.62513 15.242 1.625 15.6741V18C1.625 18.4973 1.82254 18.9742 2.17417 19.3258C2.52581 19.6775 3.00272 19.875 3.5 19.875H21.5C21.9973 19.875 22.4742 19.6775 22.8258 19.3258C23.1775 18.9742 23.375 18.4973 23.375 18V15.6741C23.3749 15.242 23.2255 14.8232 22.9522 14.4885C22.6789 14.1539 22.2984 13.9239 21.875 13.8375C21.4511 13.7514 21.0701 13.5215 20.7964 13.1866C20.5226 12.8517 20.3731 12.4325 20.3731 12C20.3731 11.5675 20.5226 11.1483 20.7964 10.8134C21.0701 10.4785 21.4511 10.2486 21.875 10.1625ZM3.875 15.9694C4.73945 15.7249 5.50047 15.205 6.04243 14.4886C6.58438 13.7721 6.87764 12.8983 6.87764 12C6.87764 11.1017 6.58438 10.2279 6.04243 9.51144C5.50047 8.79499 4.73945 8.27505 3.875 8.03063V6.375H8.375V17.625H3.875V15.9694ZM21.125 15.9694V17.625H10.625V6.375H21.125V8.03063C20.2606 8.27505 19.4995 8.79499 18.9576 9.51144C18.4156 10.2279 18.1224 11.1017 18.1224 12C18.1224 12.8983 18.4156 13.7721 18.9576 14.4886C19.4995 15.205 20.2606 15.7249 21.125 15.9694Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px 48px;
    display: inline-block;
    width: 48px;
    height: 48px;
}

/* TEXTO */
.title[b-ieg427if1x] {
    font-size: 18px;
    font-weight: bold;
    margin-top: 16px;
    line-height: 1.25;
    z-index: 1;
}

.desc[b-ieg427if1x] {
    opacity: .8;
    line-height: 1.5;
    z-index: 1;
    font-size: 12px;
}

/* Opened indicator */
.opened-indicator[b-ieg427if1x] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #1b7622;
    box-shadow: 0 0 3px #0a4903;
    z-index: 2;
    animation: blink-indicator-b-ieg427if1x 3s ease-in-out infinite;
    transition: background-color ease-in-out 1.5s;
}

@keyframes blink-indicator-b-ieg427if1x {
    0%, 100% {
        background-color: #34c23f;
        box-shadow: 0 0 3px #3a9c2f;
    }

    50% {
        background-color: #00e68a;
        box-shadow: 0 0 3px #23972c;
    }
}

/* Estilos para iconos de logout heredados */
.bi[b-ieg427if1x] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    top: -1px;
    background-size: cover;
}

.bi-logout-icon-nav-menu[b-ieg427if1x] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 25 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.375 20.25C11.375 20.5484 11.2565 20.8345 11.0455 21.0455C10.8345 21.2565 10.5484 21.375 10.25 21.375H5C4.50272 21.375 4.02581 21.1775 3.67417 20.8258C3.32254 20.4742 3.125 19.9973 3.125 19.5V4.5C3.125 4.00272 3.32254 3.52581 3.67417 3.17417C4.02581 2.82254 4.50272 2.625 5 2.625H10.25C10.5484 2.625 10.8345 2.74353 11.0455 2.9545C11.2565 3.16548 11.375 3.45163 11.375 3.75C11.375 4.04837 11.2565 4.33452 11.0455 4.5455C10.8345 4.75647 10.5484 4.875 10.25 4.875H5.375V19.125H10.25C10.5484 19.125 10.8345 19.2435 11.0455 19.4545C11.2565 19.6655 11.375 19.9516 11.375 20.25ZM21.5459 11.2041L17.7959 7.45406C17.5846 7.24272 17.2979 7.12399 16.9991 7.12399C16.7002 7.12399 16.4135 7.24272 16.2022 7.45406C15.9908 7.66541 15.8721 7.95205 15.8721 8.25094C15.8721 8.54982 15.9908 8.83647 16.2022 9.04781L18.0312 10.875H10.25C9.95163 10.875 9.66548 10.9935 9.4545 11.2045C9.24353 11.4155 9.125 11.7016 9.125 12C9.125 12.2984 9.24353 12.5845 9.4545 12.7955C9.66548 13.0065 9.95163 13.125 10.25 13.125H18.0312L16.2013 14.9541C15.9899 15.1654 15.8712 15.4521 15.8712 15.7509C15.8712 16.0498 15.9899 16.3365 16.2013 16.5478C16.4126 16.7592 16.6992 16.8779 16.9981 16.8779C17.297 16.8779 17.5837 16.7592 17.795 16.5478L21.545 12.7978C21.6499 12.6934 21.7332 12.5692 21.7901 12.4325C21.847 12.2958 21.8763 12.1492 21.8764 12.0011C21.8764 11.8531 21.8473 11.7064 21.7906 11.5697C21.7339 11.4329 21.6508 11.3086 21.5459 11.2041Z' fill='currentColor'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
}

/* MEDIA QUERIES - Small screens */
@media (max-width: 900px) {
    .outer-card[b-ieg427if1x] { 
        padding: 20px; 
        margin: 20px;
    }
    
    .header h1[b-ieg427if1x] { 
        font-size: 20px; 
    }
    
    .tools-grid[b-ieg427if1x] { 
        gap: 16px; 
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
    }
    
    .tool-card[b-ieg427if1x] { 
        padding: 16px; 
        min-height: 160px; 
        padding-right: 28px; 
    }
    
    .tool-card[b-ieg427if1x]::after { 
        width: 90px; 
        height: 90px; 
        transform: translate(18%, -18%); 
    }
    
    .icon[b-ieg427if1x] { 
        width: 36px; 
        height: 36px; 
        font-size: 16px; 
    }
    
    .bi-ticket-perforated-card[b-ieg427if1x] {
        background-size: 36px 36px;
        width: 36px;
        height: 36px;
    }
    
    .title[b-ieg427if1x] { 
        font-size: 16px; 
    }
    
    .desc[b-ieg427if1x] { 
        font-size: 13px; 
    }
    
    .opened-indicator[b-ieg427if1x] {
        width: 10px;
        height: 10px;
    }
}

@media (max-width: 480px) {
    body[b-ieg427if1x] { 
        align-items: flex-start; 
        padding: 20px 0; 
    }
    
    .outer-card[b-ieg427if1x] { 
        width: 95%; 
        padding: 16px; 
        border-radius: 12px; 
        margin: 10px auto;
    }
    
    .tools-grid[b-ieg427if1x] { 
        grid-template-columns: 1fr; 
        gap: 12px; 
    }
    
    .tool-card[b-ieg427if1x] { 
        min-height: 130px; 
        padding: 12px; 
        padding-right: 20px; 
    }
    
    .tool-card[b-ieg427if1x]::after { 
        width: 70px; 
        height: 70px; 
        transform: translate(15%, -15%); 
    }
    
    .icon[b-ieg427if1x] { 
        width: 32px; 
        height: 32px; 
        font-size: 14px; 
    }
    
    .bi-ticket-perforated-card[b-ieg427if1x] {
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
    }
    
    .title[b-ieg427if1x] { 
        font-size: 15px; 
    }
    
    .header[b-ieg427if1x] { 
        flex-direction: column; 
        align-items: flex-start; 
        gap: 12px; 
    }
    
    .add-btn[b-ieg427if1x] { 
        align-self: stretch; 
        text-align: center; 
        width: 100%;
    }
    
    .opened-indicator[b-ieg427if1x] {
        width: 8px;
        height: 8px;
        top: 8px;
        right: 8px;
    }
}
/* /Components/TooltipOverlay.razor.rz.scp.css */
.tooltip-overlay[b-j7xle72how] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99999999;
    isolation: isolate;
}

/* Overlay always passes through events - never blocks */
.tooltip-overlay.active[b-j7xle72how] {
    pointer-events: none;
}
/* /Components/ToolTooltip.razor.rz.scp.css */
.tool-tooltip[b-bq72ihx39e] {
    position: fixed;
    width: 300px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 255, 153, 0.3);
    border: 1px solid rgba(0, 255, 153, 0.2);
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-10px) scale(0.95) translateZ(0);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 99999999999999;
    isolation: isolate;
    will-change: transform, opacity;
    backface-visibility: hidden;
    perspective: 1000px;
    backdrop-filter: blur(10px);
}

.tool-tooltip.visible[b-bq72ihx39e] {
    opacity: 1;
    transform: translateX(0) scale(1) translateZ(0);
    pointer-events: auto;
}

.tooltip-image[b-bq72ihx39e] {
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #0d0d0d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 255, 153, 0.1);
    position: relative;
}

    .tooltip-image img[b-bq72ihx39e] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .tooltip-image.placeholder[b-bq72ihx39e] {
        background: linear-gradient(135deg, #1a1a1a 0%, #262626 100%);
    }

.tool-tooltip.visible .tooltip-image img[b-bq72ihx39e] {
    transform: scale(1.05);
}

.placeholder-icon[b-bq72ihx39e] {
    font-size: 48px;
    color: rgba(0, 255, 153, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip-content[b-bq72ihx39e] {
    padding: 16px;
}

.tooltip-header[b-bq72ihx39e] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.tooltip-title[b-bq72ihx39e] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.tooltip-badge[b-bq72ihx39e] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: rgba(0, 255, 153, 0.15);
    color: #00ff99;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    border: 1px solid rgba(0, 255, 153, 0.3);
    box-shadow: 0 0 10px rgba(0, 255, 153, 0.2);
    animation: pulse-b-bq72ihx39e 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    margin-top: 15px;
}

@keyframes pulse-b-bq72ihx39e {
    0%, 100% {
        box-shadow: 0 0 10px rgba(0, 255, 153, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(0, 255, 153, 0.4);
    }
}

.tooltip-description[b-bq72ihx39e] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #b0b0b0;
}

.tool-tooltip[b-bq72ihx39e]::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #1a1a1a transparent transparent;
    filter: drop-shadow(-1px 0 0 rgba(0, 255, 153, 0.2));
}
/* /Components/ToolView.razor.rz.scp.css */
/* ToolView styles */
.tool-view-iframe[b-64xjkb3pgp] {
    width: 100%;
    height: 100%;
    border: none;
    position: relative;
    z-index: 1;
}

.tool-view-hidden[b-64xjkb3pgp] {
    display: none;
}

.tool-tabs[b-64xjkb3pgp] {
    display: flex;
    gap: 6px;
    padding: 8px;
    background: #f3f4f6;
}

.tab[b-64xjkb3pgp] {
    padding: 6px 10px;
    border-radius: 4px;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

    .tab.active[b-64xjkb3pgp] {
        background: white;
        border-color: #ddd;
        font-weight: 600;
    }

    .tab .close[b-64xjkb3pgp] {
        margin-left: 8px;
        color: #888;
        cursor: pointer;
    }

.tool-frames[b-64xjkb3pgp] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tool-panels-manager[b-64xjkb3pgp] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* ensure cards container doesn't force height when panels present */
.cards-container[b-64xjkb3pgp] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* Floating controls in bottom-left of the tool view */
.tool-view[b-64xjkb3pgp] {
    position: relative;
    width: 100%;
    height: 100%;
}

.tool-view-controls[b-64xjkb3pgp] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 20;
    border-radius: 4px;
    padding: 4px;
}

    .tool-view-controls.top-right[b-64xjkb3pgp] {
        right: 8px;
        top: 8px;
    }

    .tool-view-controls.top-left[b-64xjkb3pgp] {
        flex-direction: row-reverse;
        left: 8px;
        top: 8px;
    }

    .tool-view-controls.bottom-left[b-64xjkb3pgp] {
        flex-direction: row-reverse;
        left: 8px;
        bottom: 8px;
    }

    .tool-view-controls.bottom-right[b-64xjkb3pgp] {
        right: 8px;
        bottom: 8px;
    }

    .tool-view-controls:hover[b-64xjkb3pgp] {
        background-color: rgb(91, 91, 91, 0.5);
        transition: background-color ease-in-out 0.5s;
    }

    .tool-view-controls:hover .title[b-64xjkb3pgp] {
        display: block;
    }

    .tool-view-controls .title[b-64xjkb3pgp] {
        font-weight: bold;
        font-stretch: condensed;
        font-size: 12px;
        display: none;
    }

.tool-button[b-64xjkb3pgp] {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 4px;
    border: none;
    background: rgba(255, 255, 255);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.08s ease, opacity 0.15s ease;
    opacity: 1; /* slightly transparent by default */
}

    .tool-button:hover[b-64xjkb3pgp] {
        background: rgba(0, 0, 0, 0.6);
        opacity: 1; /* fully visible on hover */
        transform: translateY(-1px);
    }

    .tool-button.refresh[b-64xjkb3pgp] {
        background: linear-gradient(180deg, rgb(60, 114, 167), rgb(44, 83, 108, 0.80));
    }

    .tool-button.close[b-64xjkb3pgp] {
        background: linear-gradient(180deg, rgba(255, 80, 80, 1), rgba(255, 80, 80, 0.8));
    }

    /* Keep icon readable */
    .tool-button:focus[b-64xjkb3pgp] {
        outline: 2px solid rgba(255, 255, 255, 0.14);
        outline-offset: 2px;
    }

    /* Inline SVG icon sizing */
    .tool-button .icon[b-64xjkb3pgp] {
        width: 16px;
        height: 16px;
        display: block;
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-f7uw5rzfaz] {
    position: relative;
    display: flex;
    height: 100vh; /* ensure page fills viewport */
}

main[b-f7uw5rzfaz] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

article.content[b-f7uw5rzfaz] {
    display: flex;
    flex-direction: column;
    height: 100%;

    background-color: #232323;
}

.sidebar[b-f7uw5rzfaz] {
    background-color: #141B1A; 
    width: 76px;
    height: 100%;
    min-height: 100%;
}

.top-row[b-f7uw5rzfaz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

    .top-row[b-f7uw5rzfaz]  a, .top-row[b-f7uw5rzfaz]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-f7uw5rzfaz]  a:hover, .top-row[b-f7uw5rzfaz]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-f7uw5rzfaz]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-f7uw5rzfaz] {
        justify-content: space-between;
    }

    .top-row[b-f7uw5rzfaz]  a, .top-row[b-f7uw5rzfaz]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-f7uw5rzfaz] {
        flex-direction: row;
    }

    .sidebar[b-f7uw5rzfaz] {
        width: 76px;
        height: 100%;
        position: sticky;
        top: 0;
        min-height: 100%;
    }

    .top-row[b-f7uw5rzfaz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-f7uw5rzfaz]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

.header-logo-container[b-f7uw5rzfaz] {
    padding-right: 24px;
}

.loading[b-f7uw5rzfaz] {
    background-color: #f5f5f5;
    border: 1px solid #eee;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 2px 200px 2px 5px;
}

.nav-link[disabled][b-f7uw5rzfaz], .nav-link.disabled[b-f7uw5rzfaz] {
    opacity: 0.6 !important;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5k88qxv1cx] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-5k88qxv1cx] {
    height: 3.5rem;
}

.navbar-brand[b-5k88qxv1cx] {
    font-size: 1.1rem;
}

.logo-nav-menu[b-5k88qxv1cx] {
    background-image: url(../img/logo-sidenav.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.bi[b-5k88qxv1cx] {
    display: inline-block;
    position: relative;
    top: -1px;
    background-size: cover;
    font-size: 18px;
    transition: color linear 0.3s;
}

.nav-item:hover .bi[b-5k88qxv1cx] {
    color: #00ff99;
}

.px-3[b-5k88qxv1cx] {
    padding-left: 0.5rem !important;
}

.nav-link:hover .bi-list-check-nav-menu[b-5k88qxv1cx] {
    filter: brightness(0) saturate(100%) invert(33%) sepia(70%) saturate(1300%) hue-rotate(190deg) brightness(90%) contrast(90%);
}

[b-5k88qxv1cx] .nav-item {
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
    position: relative;
}

    [b-5k88qxv1cx] .nav-item a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        line-height: 0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.nav-down[b-5k88qxv1cx] {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    background: inherit;
    padding-top: 1rem;
}

.nav-container[b-5k88qxv1cx] {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
}

[b-5k88qxv1cx] .nav-link-active {
    background-color: #444;
    transition: background-color linear 0.3s;
}

    [b-5k88qxv1cx] .nav-link-active .bi {
        color: #00ff99;
    }

[b-5k88qxv1cx] .nav-item.opened-tool a::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    right: 6px;
    background-color: #00ff99;
    border-radius: 50%;
    box-shadow: 0 0 5px #00ff99;
}
/* /Pages/Home.razor.rz.scp.css */
.main-container[b-vsp660p7tp] {
    background-color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: 0px 4px 14px 0px #00000012;
    border-radius: 8px;
}

.header[b-vsp660p7tp] {
    margin-bottom: 1.5rem;
}

    .header h3[b-vsp660p7tp] {
        font-weight: bold;
        margin-bottom: 1.5rem;
        color: #333;
    }

.cards-container[b-vsp660p7tp] {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}

.home-card[b-vsp660p7tp] {
    background-color: #141B1A;
    color: white;
    height: 10vh;
    min-height: 400px;
    padding: 1.5rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: left;
    position: relative; /* Necesario para el pseudo-elemento */
    overflow: hidden; /* Para contener el efecto */
    cursor: pointer;
}

    .home-card[b-vsp660p7tp]::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 200px;
        height: 200px;
        background: radial-gradient( circle at bottom left, transparent 0%, transparent 71%, #09EF8D 71%, #09EF8D 100% );
        border-top-right-radius: 8px; /* Para que coincida con el borde de la card */
    }

.logo[b-vsp660p7tp] {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 1rem;
    display: inline-flex;
    margin-bottom: 1rem;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
}

.bi-ticket-perforated-card[b-vsp660p7tp] {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.875 10.1625C22.2984 10.0761 22.6789 9.8461 22.9522 9.51145C23.2255 9.1768 23.3749 8.75802 23.375 8.32594V6C23.375 5.50272 23.1775 5.02581 22.8258 4.67417C22.4742 4.32254 21.9973 4.125 21.5 4.125H3.5C3.00272 4.125 2.52581 4.32254 2.17417 4.67417C1.82254 5.02581 1.625 5.50272 1.625 6V8.32594C1.62513 8.75802 1.77448 9.1768 2.04781 9.51145C2.32113 9.8461 2.70165 10.0761 3.125 10.1625C3.54886 10.2486 3.92993 10.4785 4.20364 10.8134C4.47736 11.1483 4.62688 11.5675 4.62688 12C4.62688 12.4325 4.47736 12.8517 4.20364 13.1866C3.92993 13.5215 3.54886 13.7514 3.125 13.8375C2.70165 13.9239 2.32113 14.1539 2.04781 14.4885C1.77448 14.8232 1.62513 15.242 1.625 15.6741V18C1.625 18.4973 1.82254 18.9742 2.17417 19.3258C2.52581 19.6775 3.00272 19.875 3.5 19.875H21.5C21.9973 19.875 22.4742 19.6775 22.8258 19.3258C23.1775 18.9742 23.375 18.4973 23.375 18V15.6741C23.3749 15.242 23.2255 14.8232 22.9522 14.4885C22.6789 14.1539 22.2984 13.9239 21.875 13.8375C21.4511 13.7514 21.0701 13.5215 20.7964 13.1866C20.5226 12.8517 20.3731 12.4325 20.3731 12C20.3731 11.5675 20.5226 11.1483 20.7964 10.8134C21.0701 10.4785 21.4511 10.2486 21.875 10.1625ZM3.875 15.9694C4.73945 15.7249 5.50047 15.205 6.04243 14.4886C6.58438 13.7721 6.87764 12.8983 6.87764 12C6.87764 11.1017 6.58438 10.2279 6.04243 9.51144C5.50047 8.79499 4.73945 8.27505 3.875 8.03063V6.375H8.375V17.625H3.875V15.9694ZM21.125 15.9694V17.625H10.625V6.375H21.125V8.03063C20.2606 8.27505 19.4995 8.79499 18.9576 9.51144C18.4156 10.2279 18.1224 11.1017 18.1224 12C18.1224 12.8983 18.4156 13.7721 18.9576 14.4886C19.4995 15.205 20.2606 15.7249 21.125 15.9694Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px 48px;
    display: inline-block;
    width: 48px;
    height: 48px;
}

.welcome-message[b-vsp660p7tp] {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 24px;
    line-height: 31.92px;
    letter-spacing: 0px;
    margin-bottom: 1rem;
}

.content p[b-vsp660p7tp] {
    font-size: 1.2rem;
    opacity: 0.9;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .cards-container[b-vsp660p7tp] {
        flex-direction: column;
    }

    .home-card[b-vsp660p7tp] {
        min-height: 180px;
    }

    .welcome-message[b-vsp660p7tp] {
        font-size: 20px;
        line-height: 26.6px;
    }

    .content p[b-vsp660p7tp] {
        font-size: 1rem;
    }
}

.home-content-wrapper[b-vsp660p7tp] {
    padding: 25px
}
/* /Pages/Loading.razor.rz.scp.css */
.loading-component[b-2wfquxrijf] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 20px;
}

.circle[b-2wfquxrijf] {
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: rgb(20, 27, 26);
    animation: blinking-b-2wfquxrijf 0.8s infinite;
}

.circle-1[b-2wfquxrijf] {
    animation-delay: 0.1s;
}

.circle-2[b-2wfquxrijf] {
    animation-delay: 0.3s;
}

.circle-3[b-2wfquxrijf] {
    animation-delay: 0.6s;
}

@keyframes blinking-b-2wfquxrijf {
    0% {
        background-color: rgba(20, 27, 26, 0.5);
        transform: scale(1);
    }
    50% {
        background-color: rgba(20, 27, 26, 1);
        transform: scale(1.1);
    }
    100% {
        background-color: rgba(20, 27, 26, 0.5);
        transform: scale(1);
    }
}