:root {
    --font-family: "Asap", sans-serif;
    --bg: #f4f5f7;
    --header-bg: #ffffff;
    --sidebar-bg: #f8f9fb;
    --sidebar-w: 30%;
    --chat-bg: #ffffff;
    --border: #e5e7eb;
    --user-bubble: #4C4C4E1A;
    --user-text: #333333;
    --ai-card-bg: linear-gradient(to top right, #f9fafc, #eef1f8);
    --ai-card-border: #e8eaef;
    --accent: #71bf45;
    --accent-hover: #5da336;
    --text-primary: #1d1d1f;
    --text-muted: #6b7280;
    --text-xs: #9ca3af;
    --chip-bg: #f3f4f6;
    --chip-hover: #e5e7eb;
    --src-bg: #f9fafb;
    --src-active: #edf7e6;
    --src-num-bg: #71bf45;
    --error-bg: #fef2f2;
    --error-border: #fca5a5;
    --error-text: #991b1b;
    --radius: 10px;
    --radius-sm: 6px;
    --radius-xs: 4px;
    --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.08);
    --header-h: 56px;
    --input-h: 72px;
    --btg-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    --btg-pane-radius: .5rem;
    --btg-light-accent: #72bf451a;
    --bg-small-header: #fafafa;
    --btg-sidebar: 320px;
    --btg-sidebar-small: 60px;
    --btg-nav-z-index: 999px;
    --result-card-sidebar: 220px;
}

/* Dashboard overview / graphical insights switcher */
.dashboard-view-tabs {
    display: inline-flex;
    gap: 4px;
    margin: 0 0 18px;
    padding: 4px;
    border: 1px solid #e2e6eb;
    border-radius: 10px;
    background: #f2f4f7;
    font-family: var(--font-family);
}

.dashboard-view-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 16px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #626977;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.dashboard-view-tab svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.dashboard-view-tab:is(:hover, :focus-visible) {
    color: #292e37;
}

.dashboard-view-tab:focus-visible {
    outline: 3px solid rgba(113, 191, 69, .24);
    outline-offset: 1px;
}

.dashboard-view-tab.is-active {
    background: #fff;
    color: #4f8f2f;
    box-shadow: 0 1px 4px rgba(27, 35, 48, .12);
}

.dashboard-view-panel[hidden] {
    display: none !important;
}

.dashboard-insights {
    color: #20242c;
    font-family: var(--font-family);
}

.dashboard-insights-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 25px 28px;
    border: 1px solid #dfead8;
    border-radius: 14px;
    background: linear-gradient(120deg, #f8fcf5 0%, #f1f8ed 55%, #e9f5e2 100%);
}

.dashboard-insights-hero::after {
    position: absolute;
    right: -55px;
    bottom: -90px;
    width: 230px;
    height: 230px;
    border: 34px solid rgba(113, 191, 69, .09);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.dashboard-insights-eyebrow,
.dashboard-chart-kicker {
    display: block;
    margin-bottom: 6px;
    color: #579b34;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.dashboard-insights-hero h2 {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

.dashboard-insights-hero p,
.dashboard-chart-heading p {
    margin: 0;
    color: #737b88;
    font-size: 14px;
    line-height: 1.4;
}

.dashboard-subscription-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid #71bf45;
    border-radius: 8px;
    background: #fff;
    color: #4f8f2f;
    font-size: 16px;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease;
}

.dashboard-subscription-link:hover {
    background: #71bf45;
    color: #fff;
}

.dashboard-insight-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.dashboard-insight-metric {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 17px;
    border: 1px solid #e5e8ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(27, 35, 48, .05);
}

.dashboard-insight-metric > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.dashboard-insight-metric strong {
    overflow: hidden;
    color: #252a33;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    text-overflow: ellipsis;
}

.dashboard-insight-metric > div > span {
    margin-top: 4px;
    overflow: hidden;
    color: #7a8190;
    font-size: 14px;
    line-height: 1.4;
    text-overflow: ellipsis;
}

.dashboard-metric-icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 16px;
}

.dashboard-metric-icon--green { background: #e9f7e2; color: #579b34; }
.dashboard-metric-icon--purple { background: #efecff; color: #604bdd; }
.dashboard-metric-icon--blue { background: #e4f5fa; color: #168aad; }
.dashboard-metric-icon--orange { background: #fff1df; color: #d9821f; }

.dashboard-chart-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(300px, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.dashboard-chart-card,
.dashboard-access-section,
.dashboard-plan-section {
    border: 1px solid #e5e8ed;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(27, 35, 48, .05);
}

.dashboard-chart-card {
    min-width: 0;
    padding: 20px;
}

.dashboard-chart-heading,
.dashboard-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.dashboard-chart-heading h3,
.dashboard-section-heading h3 {
    margin: 0 0 4px;
    color: #292e37;
    font-size: 22px;
    font-weight: 500;
}

.dashboard-chart-period,
.dashboard-section-heading > span {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f1f3f6;
    color: #68707d;
    font-size: 12px;
    font-weight: 500;
}

.dashboard-chart-canvas {
    position: relative;
    margin-top: 18px;
}

.dashboard-chart-canvas--bar { height: 310px; }
.dashboard-chart-canvas--doughnut { height: 230px; }

.dashboard-data-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 18px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #eef0f3;
}

.dashboard-data-links a,
.dashboard-chart-legend > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: #555d6b;
    font-size: 14px;
}

.dashboard-data-links a:hover { color: #4f8f2f; }

.dashboard-data-links a > span,
.dashboard-chart-legend span {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--dataset-color);
}

.dashboard-data-links strong {
    margin-left: auto;
    color: #2d333d;
    font-size: 14px;
    font-weight: 500;
}

.dashboard-chart-legend {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 12px;
    margin-top: 12px;
}

.dashboard-chart-empty {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    color: #8a919d;
    text-align: center;
}

.dashboard-chart-empty i {
    margin-bottom: 13px;
    color: #b6bcc5;
    font-size: 34px;
}

.dashboard-chart-empty strong {
    margin-bottom: 5px;
    color: #555d6b;
    font-size: 18px;
    font-weight: 600;
}

.dashboard-chart-empty span {
    max-width: 340px;
    font-size: 14px;
    line-height: 1.4;
}

.dashboard-access-section,
.dashboard-plan-section {
    margin-bottom: 16px;
    padding: 20px;
}

.dashboard-access-section {
    margin-top: 22px;
    padding: 4px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-access-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.dashboard-access-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 194px;
    flex-direction: column;
    padding: 18px;
    border: 1px solid #e1e4e8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(32, 40, 55, .11);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.dashboard-access-card:is(:hover, :focus-within) {
    transform: translateY(-4px);
    border-color: #d7dbe1;
    box-shadow: 0 17px 34px rgba(32, 40, 55, .17);
}

.dashboard-access-card.is-locked {
    background: #fafbfc;
}

.dashboard-access-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.dashboard-access-card-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--module-color) 18%, white);
    border-radius: 12px;
    background: #fff;
    color: var(--module-color);
    box-shadow: 5px 5px 0 color-mix(in srgb, var(--module-color) 16%, white);
    transition: transform .2s ease, box-shadow .2s ease;
}

.dashboard-access-card:is(:hover, :focus-within) .dashboard-access-card-icon {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 color-mix(in srgb, var(--module-color) 20%, white);
}

.dashboard-access-card-icon svg {
    width: 25px;
    height: 25px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-access-card.is-locked .dashboard-access-card-icon {
    background: #eceff2;
    color: #959ca7;
    box-shadow: 5px 5px 0 #e0e3e7;
}

.dashboard-access-card-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding-top: 3px;
    color: var(--module-color);
    font-size: 12px;
    font-weight: 600;
}

.dashboard-access-card-status::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: '';
}

.dashboard-access-card.is-locked .dashboard-access-card-status {
    color: #858c97;
}

.dashboard-access-card-body {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.dashboard-access-card h4 {
    margin: 13px 0 0;
    color: #303640;
    font-size: 18px;
    font-weight: 600;
}

.dashboard-access-card p {
    margin: 4px 0 12px;
    color: #7a8190;
    font-size: 14px;
    line-height: 1.4;
}

.dashboard-access-card a {
    display: flex;
    width: 100%;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding: 6px 12px;
    border: 1px solid color-mix(in srgb, var(--module-color) 60%, #727782);
    border-radius: 6px;
    background: #fff;
    color: var(--module-color);
    font-size: 16px;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.dashboard-access-card a:hover {
    border-color: var(--module-color);
    background: var(--module-color);
    color: #fff;
}

.dashboard-access-card.is-locked a { color: #707784; }

.dashboard-plan-list {
    margin-top: 13px;
}

.dashboard-plan-row {
    display: grid;
    grid-template-columns: 10px minmax(180px, 1fr) minmax(135px, auto) auto;
    align-items: center;
    gap: 13px;
    padding: 13px 0;
    border-top: 1px solid #edf0f3;
}

.dashboard-plan-status {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #71bf45;
    box-shadow: 0 0 0 4px rgba(113, 191, 69, .12);
}

.dashboard-plan-name,
.dashboard-plan-row > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dashboard-plan-row strong {
    color: #3a404b;
    font-size: 16px;
    font-weight: 500;
}

.dashboard-plan-name > span,
.dashboard-plan-label {
    color: #858c97;
    font-size: 14px;
}

.dashboard-plan-badge {
    padding: 5px 9px;
    border-radius: 999px;
    background: #e9f7e2;
    color: #579b34;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .dashboard-insight-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-chart-grid { grid-template-columns: 1fr; }
    .dashboard-chart-canvas--doughnut { height: 260px; }
    .dashboard-access-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .dashboard-view-tabs { display: flex; width: 100%; }
    .dashboard-view-tab { flex: 1; }
    .dashboard-insights-hero { align-items: flex-start; flex-direction: column; padding: 21px; }
    .dashboard-insight-metrics { grid-template-columns: 1fr; }
    .dashboard-access-grid,
    .dashboard-data-links { grid-template-columns: 1fr; }
    .dashboard-chart-card,
    .dashboard-access-section,
    .dashboard-plan-section { padding: 16px; }
    .dashboard-chart-canvas--bar { height: 360px; }
    .dashboard-plan-row { grid-template-columns: 10px minmax(0, 1fr) auto; }
    .dashboard-plan-row > div:not(.dashboard-plan-name) { grid-column: 2; }
    .dashboard-plan-badge { grid-column: 3; grid-row: 1; }
}

@media (max-width: 430px) {
    .dashboard-view-tab { padding: 8px 10px; font-size: 14px; }
    .dashboard-chart-heading,
    .dashboard-section-heading { flex-direction: column; }
    .dashboard-chart-period,
    .dashboard-section-heading > span { align-self: flex-start; }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

input[type="radio"] {
    margin-top: 0;
    margin-bottom: 0;
}

.align-center {
    align-items: center;
}

.btg-card {
    background-color: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    padding: 1rem;
}

.btg-button {
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary {
    background: var(--accent);
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: var(--radius-xs);
    cursor: pointer;
    transition: background .15s;
}

.btn-primary:hover {
    background: var(--accent-hover);
}

.btn-small {
    padding: 4px;
    font-size: 12px;
}

.btn-back {
    padding: 4px;
    background-color: transparent;
}

.btn-back::before {
    transition: all .3s;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.875 3.375L2.25 9L7.875 14.625M2.25 9H15.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.875 3.375L2.25 9L7.875 14.625M2.25 9H15.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
}

.btn-back:hover::before {
    color: #71BF45;
}

.btn-forward {
    padding: 4px;
}

.btn-forward::after {
    transition: all .3s;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.875 3.375L2.25 9L7.875 14.625M2.25 9H15.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.875 3.375L2.25 9L7.875 14.625M2.25 9H15.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    rotate: 180deg;
}

.btn-forward:hover::after {
    color: #71BF45;
}

.text-right {
    text-align: right;
}

.ui-autocomplete {
    background-color: #fff;
    border: 1px solid var(--border);
}

.ui-autocomplete li {
    padding: 6px 10px;
}

.bg-white {
    background-color: #fff;
}

/* ── Main Layout ── */
.all-bioteche {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.biotech-content {
    min-height: calc(100vh - 70px);
    width: calc(100% - calc(var(--btg-sidebar)));
    padding-bottom: 70px !important;
}

.biotech-content .business-model-card {
	background: #fff;
	box-shadow: var(--btg-shadow);
	border-radius: var(--radius);
}

.biotech-content .business-model-card.partner-search .category-search-filter {
    display: none;
}

.biotech-content .business-model-card.partner-search .text-option {
    padding-right: 0;
}

.biotech-content,
.all-header {
    padding: 1rem;
    margin-left: calc(var(--btg-sidebar));
    transition: all .3s;
}

/* ── Header ── */
.all-header .menu {
    display: flex;
    align-items: center;
}

.all-header .header-doughter {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.all-header .container {
    padding: 0;
}

.all-header {
    padding-top: .8rem;
    padding-bottom: .8rem;
    position: relative;
    z-index: var(--btg-nav-z-index);
}

.all-header .logo {
    width: 140px;
    display: none;
}

.all-header .logo img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.all-header .logo-user img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.all-header .menu nav,
.all-header #mobile-menu,
.all-header .account .menu-profile ul {
    margin: 0;
    padding: 0;
}

.all-header #mobile-menu li,
.all-header .account .menu-profile li {
    list-style: none;
    margin: 0;
}

.all-header #mobile-menu li a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #4c4c4e;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: .5rem;
    border-radius: var(--radius-sm);
    width: 100%;
}

.all-header #mobile-menu li ul li {
    border-top: 1px solid #f5f5f5;
    padding: 10px 20px;
}

.all-header .mobile-menu-acordeon .single-mobile-menu ul,
.all-header .single-mobile-menu svg,
.all-header .mobile-menu-acordeon .single-mobile-menu.hide,
.all-header .search .mobile-saved,
.all-header .account .menu-profile {
    display: none;
}

.all-header .mobile-menu-acordeon .single-mobile-menu ul {
    border: 0;
    z-index: 10;
}

.all-header .single-mobile-menu.has-child ul {
    background-color: #fff;
    position: absolute;
    border-radius: 10px;
    padding-left: 0;
}

.all-header .single-mobile-menu.has-child:hover ul {
    display: flex;
    flex-direction: column;
    box-shadow: var(--btg-shadow);
}


.all-header .single-mobile-menu.has-child ul li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    /*	white-space: nowrap;*/
    padding: 5px 10px;
}

.single-mobile-menu.has-child ul li:hover {
    color: #8b8b8e !important;
    background-color: rgba(113, 191, 69, .1);
    cursor: pointer;
}

.all-header .navbar .nav-container input[type=checkbox] {
    display: none;
}

.all-header #mobile-menu {
    justify-content: center;
    gap: 1rem;
    text-transform: capitalize;
    display: flex;
}

.all-header .search input {
    width: 100%;
    height: 48px;
    padding: 0 16px 0 48px;
    background: #ededed;
    border: 0;
    border-radius: var(--radius);
    outline: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #4c4c4e;
}

.all-header .search .mobile-search {
    position: relative;
}

.all-header .search .mobile-search::before {
    content: url(../img/search.png);
    position: absolute;
    top: 12px;
    left: 12px;
}

.all-header .account {
    width: fit-content;
    display: flex;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}

.all-header .account .menu-profile {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 10;
    width: 160px;
    padding: 3px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
}

.all-header .account .menu-profile.active,
.all-header .account.toggled .menu-profile {
    display: block;
}

.all-header .account .menu-profile li {
    border-top: 1px solid #f5f5f5;
}

.all-header .account .menu-profile li:first-child {
    border-top: 0;
}

.all-header .account .menu-profile li:hover a {
    background: rgba(113, 191, 69, .1);
}

.all-header .account .menu-profile a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4e;
}

.all-header .account .photo {
    margin: 0;
    position: relative;
}

.all-header .account .photo .logo-user {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 3px solid #dcdcdc;
    border-radius: 30px;
    box-shadow: inset 0 0 0 2px #fff;
    overflow: hidden;
}

.all-header .account .photo::before {
    content: "";
    position: absolute;
    top: 4px;
    right: 2px;
    width: 8px;
    height: 8px;
    background: #17e933;
    border-radius: 50%;
    z-index: 1;
}

.all-header .account .name {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-primary);
    white-space: nowrap;
}

footer {
    background-color: #4c4c4e;
    position: relative;
}

footer .all-footer {
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    padding-top: 2rem;
}

footer .mobile-menu {
    width: 100%;
}

footer .to-top-button {
    display: flex;
    justify-content: flex-end;
}

footer .go-top {
    margin-top: -90px;
    width: 42px;
    height: 42px;
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s linear;
}

footer .go-top:hover {
    background-color: #f1f9ec;
    transition: all .3s linear;
}

footer .to-top-button.hide {
    display: none;
}

footer .footer-doughter {
    display: flex;
    gap: 16px;
}

footer .title {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

footer ul {
    padding: 0
}

footer ul li {
    list-style-type: none
}

footer ul li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: flex;
    padding: 4px 0;
}

footer svg {
    display: none;
}

footer .social {
    margin-top: 1rem;
    border-top: 1px solid #dddddd3b;
    padding-top: 1rem;
    position: relative;
}

.footer-links {
    display: flex
}

.footer-links a {
    text-decoration: none;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 10px 0 10px;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-links a svg path {
    transition: all .3s linear
}

.footer-links a:hover svg path {
    fill: #71bf45;
    transition: all .3s linear
}


footer .social .footer-links {
    justify-content: space-between;
    align-items: center;
}

footer .social .footer-links svg {
    display: flex;
    position: relative;
    z-index: 1;
}


footer .social .footer-links svg path {
    fill: #4c4c4e;
}

footer .social .footer-links a {
    margin: 0;
    width: 36px;
    height: 36px;
}

footer .terms {
    text-decoration-line: underline;
    color: #fff;
    background-color: transparent;
    width: auto !important;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    font-size: 14px;
}

footer .copyright {
    font-size: 14px;
    color: #fff
}

/* ── Dashboard ── */
.dashboard-banner-aiworkflow {
    border: 1px solid transparent;
    margin-bottom: 40px;
    border-radius: var(--radius);
    padding: 20px 16px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    color: #4C4C4E;
    align-items: center;
    box-shadow: var(--btg-shadow);
    background:
        url("../img/ai-workflow-webcast.jpg") center / cover padding-box,
        linear-gradient(270deg, #72bf4575, #96c9fdab) border-box;
}

.dashboard-banner-aiworkflow .left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dashboard-banner-aiworkflow .banner-title {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 8px;
}

.dashboard-banner-aiworkflow .banner-desc {
    max-width: 700px;
}

.dashboard-banner-aiworkflow .ai-animation {
    position: relative;
}

.dashboard-banner-aiworkflow .ai-animation svg {
    width: 80px;
    height: 80px;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(200deg, #72bf4586, #80bafd81) border-box;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    z-index: 1;
    position: relative;
}

.dashboard-banner-aiworkflow .ai-animation::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 100%;
    background: linear-gradient(90deg, #71bf45, #80BAFD);
    filter: blur(16px);
    animation: spin 4s linear infinite;
}

.dashboard-banner-aiworkflow .gradient-text {
    background: linear-gradient(90deg, #71BF45, #3F9B2E);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.dashboard-banner-aiworkflow .btn-watch {
    border-radius: var(--radius);
    background: linear-gradient(90deg, #3F9B2E, #71BF45);
    color: #fff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    transition: all .3s;
}

.dashboard-banner-aiworkflow .btn-watch:hover {
    box-shadow: 0 0 10px 0px var(--accent);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#latest-news-carousel .splide__list {
    margin: 10px 0 20px 0;
}

#latest-news-carousel h2,
.subscriptions-home .title,
.conferences-updates :is(.upcoming-conferences, .latest-updates) .title,
.latest-30days h2 {
    font-weight: 500;
    font-size: 22px;
}

#latest-news-carousel {
    margin-bottom: 40px;
    margin-top: 10px;
    max-width: calc(100vw - 32px);
}

#latest-news-carousel .splide__arrows {
    position: relative;
    margin-top: -20px;
    float: right;
    right: 2rem;
    display: flex;
    flex-flow: column-reverse;
}

#latest-news-carousel .splide__arrow--prev {
    right: 1em;
    left: unset;
}

#latest-news-carousel .splide__arrow--next {
    right: unset;
}

#latest-news-carousel .splide__pagination {
    bottom: unset;
}

.splide__pagination__page.is-active {
    background-color: var(--accent) !important;
}

.splide__track .news-card {
    border-left: 4px solid #00c48c;
    /* green accent */
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    height: 100%
}

.splide__track .news-card .date {
    font-size: 14px;
    color: var(--accent);
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.splide__track .news-card .description {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 14px;
}

.splide__track .news-card .source {
    font-size: 14px;
    color: #999;
}

.splide__track .news-card .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    background: none;
}

.splide__track .news-card .tag {
    font-size: 12px;
    color: #0066cc;
    background: #e6f0ff;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 500;
}

.biotech-ai-subscription {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 40px;
}

.biotech-ai-subscription .ai-feature {
    position: relative;
    background-color: #fff;
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
    padding: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    justify-content: space-around;
}

.biotech-ai-subscription .ai-feature.has-subscription .header {
    position: relative;
    padding-left: 58px;
}

.biotech-ai-subscription .ai-assistant:not(.has-subscription)::before {
    content: "";
    width: 80px;
    height: 80px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url(../img/icon-ai-assistant.svg) center / contain no-repeat;
    mask: url(../img/icon-ai-assistant.svg) center / contain no-repeat;
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
    color: var(--accent);
    z-index: 1;
}

.biotech-ai-subscription .ai-guided-search:not(.has-subscription)::before {
    content: "";
    width: 70px;
    height: 70px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url(../img/icon-ai-guided.svg) center / contain no-repeat;
    mask: url(../img/icon-ai-guided.svg) center / contain no-repeat;
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
    color: var(--accent);
    z-index: 1;
}

.biotech-ai-subscription .ai-guided-search.has-subscription .header::before {
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("../img/icon-ai-guided.svg") center / contain no-repeat;
    mask: url("../img/icon-ai-guided.svg") center / contain no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(-50%);
    top: 50%;
    transition: all .3s;
}

.biotech-ai-subscription .ai-assistant.has-subscription .header::before {
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: url("../img/icon-ai-assistant.svg") center / contain no-repeat;
    mask: url("../img/icon-ai-assistant.svg") center / contain no-repeat;
    position: absolute;
    left: 0;
    bottom: -4px;
    transform: translateY(-50%);
    top: 50%;
    transition: all .3s;
}

.biotech-ai-subscription .has-subscription .header:hover::before {
    scale: 1.1;
}


.biotech-ai-subscription .ai-feature::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    background-image: url(../img/ai-subscription.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    opacity: .3;
    pointer-events: none;
}

.biotech-ai-subscription .ai-feature.has-subscription::after {
    display: none;
}

.biotech-ai-subscription .btn-forward {
    font-weight: 500;
    background-color: var(--accent);
    gap: 6px;
    padding: 8px 12px;
    font-size: 16px;
    margin-top: 12px;
    position: relative;
    z-index: 1;
}

.biotech-ai-subscription .btn-forward:hover::after {
    transform: translateX(-4px);
    color: #fff;
}

.biotech-ai-subscription .ai-feature.has-subscription {
    background-color: var(--accent);
    color: #fff;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    order: -1;
    gap: 8px;
}

.biotech-ai-subscription .ai-feature.has-subscription .btn-forward {
    display: none;
}

.biotech-ai-subscription .ai-feature.has-subscription .ai-input-form {
    width: 100%;
    margin-top: 8px;
}

.biotech-ai-subscription .ai-feature :is(.subs-title, .subs-description) {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
}

.biotech-ai-subscription .subs-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.biotech-ai-subscription .ai-feature .subs-description {
    font-size: 14px;
}

.biotech-overview {
    margin-bottom: 40px;
}

.biotech-overview .overview {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 24px;
}

.biotech-overview .after-overview {
    margin-bottom: 20px;
    font-size: 18px;
}

.biotech-overview .biotech-card {
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
}

.biotech-overview .biotech-baner {
    padding: 20px 20px 40px;
    background: url(../img/baner_overview.jpg) center / cover;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.biotech-overview .biotech-baner :is(.date, .title, .description) {
    color: #fff;
}

.biotech-overview .biotech-baner .date {
    margin-bottom: 16px;
    text-align: right;
    font-size: 18px;
}

.biotech-overview .biotech-baner .title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    line-height: normal;
    text-transform: uppercase;
}

.biotech-overview .btn-beside-cont {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.biotech-overview .biotech-baner .description {
    margin-bottom: 29px;
    text-align: center;
    font-size: 24px;
    line-height: 20px;
}

.biotech-overview .biotech-baner .link a,
.biotech-overview .after-baner :is(.learn-more, .get-started-now) {
    display: table;
}

.biotech-overview .after-baner {
    display: flex;
}

.biotech-overview .after-baner-left {
    width: 50%;
    background-color: #fff;
    border-radius: 0 0 0 10px;
    padding: 30px;
}

.biotech-overview .baner-left-doughter .learn-more span:first-child {
    display: block;
}

.biotech-overview .baner-left-doughter .learn-more span:last-child {
    display: none;
}

.biotech-overview .after-baner-right {
    width: 50%;
    padding: 30px;
}

.biotech-overview .baner-left-doughter .title {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 28px;
    line-height: 35px;
}

.biotech-overview .baner-left-doughter .date {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #4c4c4e;
}

.biotech-overview .baner-left-doughter .description {
    margin-left: 0;
    margin-bottom: 30px;
    font-weight: 500;
    line-height: 24px;
}

.biotech-overview .baner-right-doughter .title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    color: #71bf45;
}

.biotech-overview .baner-right-doughter .description {
    margin-left: 0;
    margin-bottom: 30px;
    line-height: 24px;
}

.biotech-overview .baner-right-doughter .description span {
    display: block;
}

.biotech-cards {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
}

.biotech-cards .single-biotech-cards {
    width: 33.333%;
    display: flex;
}

.biotech-cards .single-biotech-doughter {
    display: flex;
    margin: .8rem;
    flex-direction: column;
    align-items: center;
    padding: 16px 16px 24px 16px;
    position: relative;
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    border-top: 4px solid color-mix(in srgb, var(--biotech-cards-color) 50%, transparent);
    text-align: center;
    flex: 1;
}

.biotech-cards .single-biotech-cards .icon {
    width: 70px;
    height: 70px;
    background-color: color-mix(in srgb, var(--biotech-cards-color) 8%, transparent);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin-bottom: 20px;
}

.biotech-cards .single-biotech-cards svg {
    width: 100%;
    height: 100%;
}

.biotech-cards .single-biotech-cards svg path {
    fill: color-mix(in srgb, var(--biotech-cards-color) 70%, transparent);
}


.biotech-cards .single-biotech-cards .icon.research {
    color: color-mix(in srgb, var(--biotech-cards-color) 70%, transparent);
}

.biotech-cards .single-biotech-cards .icon.research svg path {
    fill: none;
}

.biotech-cards .title {
    margin: 0;
    font-size: 22px;
}

.biotech-cards .desc {
    font-size: 16px;
    color: #888;
    margin-bottom: 20px;
}

.biotech-cards .learn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: var(--radius-sm);
    width: 100%;
    max-width: 250px;
    margin-top: auto;
}

.biotech-cards .learn-more::after {
    transition: all .3s;
    content: "";
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.875 3.375L2.25 9L7.875 14.625M2.25 9H15.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.875 3.375L2.25 9L7.875 14.625M2.25 9H15.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    rotate: 180deg;
}

.biotech-cards .learn-more:hover {
    background-color: color-mix(in srgb, var(--biotech-cards-color) 10%, transparent);
    color: color-mix(in srgb, var(--biotech-cards-color) 100%, transparent);
    border-color: color-mix(in srgb, var(--biotech-cards-color) 100%, transparent);
}

.biotech-cards .learn-more:hover::after {
    transform: translateX(-4px);
}

.biotech-cards .single-biotech-cards:nth-child(1) {
    --biotech-cards-color: rgba(75, 52, 219, 1);
}

.biotech-cards .single-biotech-cards:nth-child(2) {
    --biotech-cards-color: rgba(69, 191, 169, 1);
}

.biotech-cards .single-biotech-cards:nth-child(3) {
    --biotech-cards-color: rgba(52, 189, 219, 1);
}

.biotech-cards .single-biotech-cards:nth-child(4) {
    --biotech-cards-color: rgba(159, 69, 191, 1);
}

.biotech-cards .single-biotech-cards:nth-child(5) {
    --biotech-cards-color: rgba(113, 191, 69, 1);
}

.biotech-cards .single-biotech-cards:nth-child(6) {
    --biotech-cards-color: rgba(241, 181, 26, 1);
}

.conferences-updates {
    display: flex;
    gap: .8rem;
    margin-bottom: 40px;
}

.conferences-updates :is(.upcoming-conferences, .latest-updates) {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.conferences-updates :is(.upcoming-conferences, .latest-updates) .title {
    margin-bottom: 10px;
}

.conferences-updates :is(.upcoming-card, .latest-card) {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 16px;
    flex: 1;
}

.conferences-updates .data-date {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    background: rgba(245, 245, 245, .1);
    margin-bottom: 10px;
    padding: 6px 12px;
}

.conferences-updates .data-date-title {
    font-weight: 500;
    font-size: 18px;
    color: #4c4c4e;
}

.conferences-updates .data-date-calendar {
    font-size: 16px;
    line-height: 26px;
    color: #808084;
}

.conferences-updates .upcoming-buttons {
    display: flex;
    justify-content: flex-end;
}

.conferences-updates .latest-card .date {
    font-size: 18px;
    color: #4c4c4e;
    padding: 6px 16px;
    border: 1px solid #71bf45;
    border-radius: var(--radius-sm);
    margin-bottom: 24px;
    display: table;
}

.conferences-updates .latest-card ul {
    margin: 0;
    padding-left: 20px;
}

.conferences-updates .latest-card li {
    margin-bottom: 8px;
}


.latest-30days {
    margin-bottom: 40px;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
}

.latest-30days .cards-30days {
    display: flex;
    flex-wrap: wrap;
}

.latest-30days h2 {
    margin: 0px .8rem;
}

.latest-30days .single-card-30days {
    width: 33.333%;
}

.latest-30days .card-contents {
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    padding: 16px;
    margin: .8rem;
}

.latest-30days .cards-30days .single-card-30days .title {
    font-weight: 500;
    font-size: 32px;
    color: var(--accent);
}

.latest-30days .cards-30days .single-card-30days .text {
    font-weight: 500;
    font-size: 18px;
}


.subscriptions-home {
    margin-bottom: 40px;
}

.subscriptions-home .title {
    margin-bottom: 10px;
}

.subscriptions-home .all-table {
    background-color: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    padding: 16px;
}

.subscriptions-home .all-table-doughter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.subscriptions-home .single-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.subscriptions-home .single-table:first-child {
    width: 150%;
}

.subscriptions-home .table-label {
    font-weight: 600;
    font-size: 18px;
    color: #4c4c4e;
    padding: 10px 16px 16px 16px;
}

.subscriptions-home .table-value {
    font-weight: 500;
    background-color: #f5f5f5;
    flex: 1;
    padding: 16px;
}

.subscriptions-home .table-value.active {
    color: var(--accent);
}

.subscriptions-home .all-table .details {
    display: flex;
    justify-content: flex-end;
}


/* ── Sidebar Layout ── */
.bioteche-sidebar {
    background-color: var(--bg);
    width: var(--btg-sidebar);
    padding: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100vh;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    z-index: var(--btg-nav-z-index);
    transition: all .3s;
    height: 100%;
}

.bioteche-sidebar .logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.bioteche-sidebar .logo a {
    display: flex;
    width: 160px;
    position: relative;
}

.bioteche-sidebar .logo img,
.bioteche-sidebar .logo svg {
    width: 100%;
    height: 100%;
}

.bioteche-sidebar .logo #btn-collapse {
    width: 24px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all .3s;
}

.bioteche-sidebar .logo #btn-collapse:hover {
    color: var(--accent);
}

.bioteche-sidebar .menu-item {
    display: flex;
    justify-content: space-between;
    color: var(--text-primary);
    margin-bottom: 6px;
    font-weight: 500;
    white-space: nowrap;
}

.bioteche-sidebar .menu-item {
    cursor: pointer;
    transition: all .3s;
    padding: .5rem;
    border-radius: var(--radius-sm);
    border-left: 4px solid transparent;
}

body:not(.sidebar-hidden) .bioteche-sidebar .navigation :not(.features) .menu-item {
    background-color: #fff;
    border-left: 4px solid #ddd;
}

.bioteche-sidebar .menu-item:hover,
.bioteche-sidebar .accordion.open .menu-item,
.bioteche-sidebar .menu-item.active {
    background-color: #fff;
    box-shadow: 0 2px 5px -2px #00000033;
    font-weight: 600;
    border-left: 4px solid var(--accent) !important;
}

.bioteche-sidebar .menu-item:hover .icon,
.bioteche-sidebar .accordion.open .menu-item .icon,
.bioteche-sidebar .menu-item.active .icon,
.bioteche-sidebar .menu-item:hover .chevron,
.bioteche-sidebar .accordion.open .menu-item .chevron,
.bioteche-sidebar .menu-item.active .chevron {
    color: var(--accent);
}

.bioteche-sidebar .chevron {
    transition: all .3s;
}

.bioteche-sidebar .accordion.open .chevron {
    rotate: 180deg;
}

.bioteche-sidebar .accordion.open .submenu {
    margin-bottom: 8px;
}

.bioteche-sidebar .menu-item .icon svg {
    width: 100%;
    height: 100%;
}

.bioteche-sidebar .menu-item .icon {
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    transition: all .3s;
}

.bioteche-sidebar .submenu {
    list-style: none;
    margin-left: 16px;
    padding-left: 0;
    border-bottom-left-radius: 10px;
    border-left: 3px solid rgba(113, 191, 69, .5);
}

.bioteche-sidebar .submenu li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
    border-left: 4px solid transparent;
    padding: 6px 8px 6px 16px;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    margin-bottom: 2px;
    color: var(--text-primary);
    font-weight: 500;
    white-space: nowrap;
    min-height: 36px;
}

.bioteche-sidebar .submenu li.beta::after {
    display: none;
}

.bioteche-sidebar .submenu li.beta span::after {
    content: 'Beta';
    text-transform: uppercase;
    font-size: 10px;
    background-color: orange;
    color: white;
    border: 1px solid orange;
    border-radius: 4px;
    padding: 0px 4px;
    position: relative;
    top: -2px;
    right: -6px;
}

.bioteche-sidebar .submenu li.active,
.bioteche-sidebar .submenu li:hover {
    background-color: #fff;
    border-color: var(--accent);
    box-shadow: 0 2px 5px -2px #00000033;
    font-weight: 500;
}

.bioteche-sidebar .submenu a:last-child li {
    border-bottom-left-radius: 10px;
}

.stats-counter {
    height: auto;
    line-height: 1;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    margin: 0;
    padding: 4px 6px;
    background-color: rgba(113, 191, 69, 0.1);
    font-weight: 600;
    color: var(--accent);
    transition: all .3s;
    justify-content: center;
}

.bioteche-sidebar .submenu li.active .stats-counter,
.bioteche-sidebar .submenu li:hover .stats-counter {
    background-color: var(--accent);
    color: #fff;
}

/* ── Saved Searches ── */
.biotech-content .mobile-saved,
.saved-search .pagination-sidebar {
    display: none
}

.saved-search {
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    margin-top: 2rem
}

.saved-search>.title {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--text-primary);
    font-weight: 600;
    padding: 6px 12px;
    background-color: var(--bg-small-header);
    margin-bottom: 0;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.saved-search .title .icon {
    display: flex;
    margin-right: 8px;
}

.saved-search .link-after-title,
.saved-search .text-after-title {
    display: none;
}

.saved-search .saved-cards {
    padding: 0 .5rem;
    counter-reset: single-saved-cards;
}

.saved-search .saved-cards .single-saved-cards {
    padding: .5rem 0;
    counter-increment: single-saved-cards;
    display: flex
}

.saved-search .saved-cards .single-saved-cards::before {
    content: counter(single-saved-cards);
    margin: 4px 8px 4px 0px;
    padding-left: .5rem;
    min-width: 2rem;
    border-right: 1px solid var(--accent);
    font-size: 14px;
}

.saved-search .saved-cards .single-saved-cards+.single-saved-cards {
    border-top: 1px solid var(--border);
}

.saved-search .saved-cards .single-saved-cards .desc {
    font-size: 14px;
    color: var(--text-primary);
    transition: all .3s;
    padding: 4px 0;
    display: flex;
}

.saved-search .saved-cards .single-saved-cards .desc:hover {
    color: var(--accent);
}

.saved-search .saved-cards .icons {
    display: flex;
    gap: 1rem;
    position: relative;
}

.saved-search .single-icon svg path {
    transition: all .3s;
}

.saved-search .single-icon:hover svg path {
    fill: #b8dfa2;
}

.saved-search .view-more {
    display: flex;
}

.saved-search .view-more a {
    width: 100%;
    margin: 16px;
    display: flex;
    justify-content: center;
    padding: .5rem;
    background-color: var(--accent);
    color: #fff;
    border-radius: var(--radius-sm);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

.saved-search .info-item__description {
    line-height: 1.2;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 12px;
}

.saved-search .info-item-window {
    background: #fff;
    border-radius: 4px 10px 10px 10px;
    border: 1px solid #ededed;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    position: absolute;
    /* Keep saved-search dialogs above table-view sticky cells (z-index 9/13). */
    z-index: 20;
    width: 320px;
    padding: 14px 16px;
    font-weight: 500;
    top: 24px;
}

.saved-search .info-item-window .triangle {
    position: absolute;
    top: -10px;
    left: 2px;
    color: #fff;
    text-shadow: 0 -3px 4px rgb(0 0 0 / 10%);
    font-size: 20px;
    z-index: 1;
}

.saved-search .info-item-window.info-edit {
    left: 70px;
}

.saved-search .info-item-window-alert {
    left: 110px;
}

.saved-search .info-item-ul {
    margin-top: 0px;
    padding-left: 16px;
}

.saved-search .info-item-window li {
    line-height: 16px;
    color: #4c4c4e;
    font-size: 12px;
}

.saved-search .info-item__btn {
    font-weight: 600;
    padding: 6px;
    border: 1px solid #ffbf1b;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-primary);
}

.saved-search .info-item-window .close-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 24px;
    color: #7b7b7f;
    cursor: pointer;
}

.saved-search .info-item-window .content {
    color: #4c4c4e;
    margin-bottom: 12px;
    font-size: 14px;
}


.saved-search .info-item-window .intro-bold {
    font-weight: 800;
    padding-right: 10px;
}

.saved-search .info-item-window .highlight {
    color: var(--accent);
    margin-bottom: 20px;
}

.saved-search .info-window-alert div.buttons {
    padding: 10px 0px 20px 0px;
}

.saved-search .info-item__title {
    font-weight: 600;
    line-height: 20px;
    color: var(--accent);
    font-size: 14px;
    margin: 0
}

.saved-search .info-item__sub-title {
    font-weight: 600;
    font-size: 12px;
    color: #4c4c4e;
    margin: 0;
}

.saved-search .radio-alert label {
    display: flex;
    margin: 2px 0px;
    gap: 6px;
}

.saved-search .info-window-alert div.checkbox-container {
    padding: 2px 0px;
}

.saved-search .wait-while-loading {
    margin: 20px;
    text-align: center;
}

.saved-search .empty-search {
    padding: 12px;
    margin: 0;
}

.save-pane::before {
    content: url(../img/Union8.png);
    position: absolute;
    top: -16px;
    left: 4px;
}

.save-pane .save-pane-doughter .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 10px 0
}

.save-pane .save-pane-doughter .space input {
    padding: 8px 12px;
    border: 1px solid #ededed;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 8px;
}

.save-pane .save-pane-doughter .event {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 8px;
}

.save-pane input.highlight {
    background-color: #ebeb62;
}

.filter-sorting .save-pane {
    position: absolute !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    border-radius: 10px;
    background-color: #fff;
    top: 0;
    right: 0;
    width: 290px;
    z-index: 60;
    transition: all .3s linear;
}

.filter-sorting .save-pane-doughter {
    padding: 16px;
}

.biotech-content .saved-search .saved-cards .single-saved-cards>div {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.biotech-content .saved-search {
    box-shadow: none;
}

.biotech-content .saved-search .text-after-title {
    display: flex;
    margin-bottom: 16px;
    font-style: italic;
}

.biotech-content .saved-search .saved-cards {
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

.biotech-content .saved-search .info-item-window {
    right: 110px;
}

.biotech-content .saved-search .info-item-window {
    border-radius: 10px 4px 10px 10px
}

.biotech-content .saved-search .info-item-window .triangle {
    left: auto;
    right: 0px;
}

.biotech-content .saved-search .info-item-window.info-edit {
    right: 40px;
    left: auto;
}

.biotech-content .saved-search .info-item-window-alert {
    left: auto;
    right: 0;
}

.biotech-content .save-pane::before {
    left: auto;
    right: 4px;
}

.bioteche-sidebar .features {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

body.beta .bioteche-sidebar .logo a::after,
body.beta .all-header .header-doughter .logo::after {
    content: 'Beta';
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 4px;
    position: absolute;
    top: -6px;
    right: -20px;
    background: #ffbf1b;
    color: var(--text-primary);
    border: 1px solid #ffbf1b;
    font-weight: bold;
}

body.beta.sidebar-hidden .bioteche-sidebar .logo a::after {
    display: none;
}

body.beta.sidebar-hidden .bioteche-sidebar .logo::after {
    content: 'Beta';
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 4px;
    padding: 0px 1px;
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ffbf1b;
    color: var(--text-primary);
    border: 1px solid #ffbf1b;
    font-weight: bold;
}

.sidebar-hidden {
    position: relative;
}

.sidebar-hidden .bioteche-sidebar {
    width: var(--btg-sidebar-small);
    padding: .5rem;
    background-color: #fff;
    overflow: visible;
    justify-content: flex-start;
    box-shadow: var(--btg-shadow);
}

.sidebar-hidden .accordion .chevron,
.sidebar-hidden .bioteche-sidebar .submenu {
    display: none !important;
}

.sidebar-hidden .bioteche-sidebar .saved-search .view-more,
.sidebar-hidden .bioteche-sidebar .saved-search .saved-cards,
.sidebar-hidden .bioteche-sidebar .saved-search .title span,
.sidebar-hidden .bioteche-sidebar .saved-search .empty-search {
    display: none;
}

.sidebar-hidden .bioteche-sidebar .saved-search {
    box-shadow: none;
    cursor: pointer;
    margin-top: 0;
}

.sidebar-hidden .bioteche-sidebar .saved-search .title .icon {
    margin-right: 0;
}

.sidebar-hidden .bioteche-sidebar .saved-search,
.sidebar-hidden .bioteche-sidebar .saved-search .title {
    background-color: transparent;
    justify-content: center;
}

.sidebar-hidden .bioteche-sidebar .menu-item:hover,
.sidebar-hidden .bioteche-sidebar .accordion.open .menu-item,
.sidebar-hidden .bioteche-sidebar .menu-item.active {
    background-color: var(--accent);
}

.sidebar-hidden .bioteche-sidebar .menu-item:hover .icon,
.sidebar-hidden .bioteche-sidebar .accordion.open .menu-item .icon,
.sidebar-hidden .bioteche-sidebar .menu-item.active .icon {
    color: #fff;
}

.sidebar-hidden .menu-item {
    justify-content: center;
    position: relative;
}

.sidebar-hidden .bioteche-sidebar .menu-item span {
    background: var(--accent);
    color: #fff;
    padding: 4px 16px 4px 8px;
    left: 44px;
    /* Keep collapsed navigation labels above table-view sticky columns. */
    z-index: 20;
    position: absolute;
    border-radius: 0 6px 6px 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s;
    display: flex;
    height: 100%;
    align-items: center;
}

.sidebar-hidden .bioteche-sidebar .menu-item span::before {
    content: '';
    height: 50%;
    width: 2px;
    background-color: white;
    display: block;
    margin-right: 16px;
}

.sidebar-hidden .menu-item:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.sidebar-hidden .menu-item:hover span {
    opacity: 1;
    max-width: 200px;
}

.sidebar-hidden .bioteche-sidebar .menu-item .icon {
    margin-right: 0;
}

.sidebar-hidden .bioteche-sidebar .logo #btn-collapse {
    background-color: #fff;
    padding: 2px;
    position: absolute;
    right: -34px;
    top: 4px;
    border-radius: 0 6px 6px 0;
    width: 30px;
    display: flex;
}

.sidebar-hidden .bioteche-sidebar .logo #btn-collapse svg {
    scale: -1;
}

.sidebar-hidden .bioteche-sidebar .logo {
    justify-content: center;
    margin-top: .5rem;
    position: relative;
}

.sidebar-hidden .bioteche-sidebar .logo a {
    overflow: hidden;
    position: relative;
    height: 36px;
    width: 36px;
}

.sidebar-hidden .bioteche-sidebar .logo img {
    position: absolute;
    right: 0px;
    width: auto;
}

.sidebar-hidden .biotech-content,
.sidebar-hidden .all-header {
    margin-left: calc(var(--btg-sidebar-small));
    padding-left: 2rem;
}

.sidebar-hidden .biotech-content {
    width: calc(100% - calc(var(--btg-sidebar-small)));
}

.sidebar-hidden .bioteche-sidebar .menu-item,
.sidebar-hidden .bioteche-sidebar .menu-item.active,
.sidebar-hidden .bioteche-sidebar .menu-item:hover,
.sidebar-hidden .bioteche-sidebar .accordion.open .menu-item {
    border-left: 0 !important;
}

.biotech-content .biotech-content {
    padding: 0;
    margin: 0;
    width: 100%;
}

/* ── Page - Login ── */
.all-login-page {
    background-color: var(--bg);
    padding: 20px;
    min-height: calc(100vh - 60px);
    display: flex;
}

.login-page {
    max-width: 1400px;
    margin: 0 auto;
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    display: flex;
    overflow: hidden;
    width: 100%;
}

.login-page .logo {
    position: relative;
    display: flex;
}

.login-page .left {
    width: 40%;
    padding: 40px;
    position: relative;
}


.login-page .left::before {
    content: '';
    position: absolute;
    background: url('../img/Bubule.jpg') center/cover no-repeat;
    z-index: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
}

.login-page .left .text {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    margin: 80px 0;
    width: 100%;
    max-width: 410px;
    position: relative;
}

.login-page .left .social {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.login-page .left .footer-links a {
    margin-left: 0;
}

.login-page .left .footer-links a+a {
    margin-left: 20px;
}


.login-page .right {
    width: 60%;
    padding: 40px;
    display: flex;
    align-items: center;
}

.login-page .right-content {
    max-width: 600px;
    margin: auto;
}

.login-page .right-content .title {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 4px;
}

.login-page .right-content .description {
    opacity: .5;
    margin-bottom: 40px;
}


.login-page .right-content .login-input {
    margin-bottom: 20px;
}

.login-page .right-content .login-input label {
    display: block;
    color: #4c4c4e;
    margin-bottom: 4px;
}

.login-page .right-content .login-input input {
    width: 100%;
    border: 1px solid #ededed;
    border-radius: var(--radius-sm);
    padding: 10px;
    font-size: 16px;
    color: #000;
    outline: 0
}

.login-page .right-content .login-input input::-moz-placeholder,
.login-page .right-content .login-input input:-ms-input-placeholder,
.login-page .right-content .login-input input::placeholder {
    color: #000
}


.login-page .right-content .remember-forgot {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 30px 0;
    align-items: center;
    font-size: 14px;
}

.login-page .right-content .remember-forgot .left-remember {
    display: flex;
    margin-right: 10px;
}

.login-page .right-content .remember-forgot .left-remember .green-checkbox {
    margin-right: 12px;
}

.login-page .right-content .remember-forgot .left-remember .green-checkbox::before {
    border: 1px solid #ededed;
}

.login-page .right-content .remember-forgot .left-remember .green-checkbox::after {
    top: 4px;
    left: 6px
}

.login-page .right-content .remember-forgot .left-remember .after-checkbox {
    color: #4c4c4e;
}

.login-page .right-content .remember-forgot .right-remember {
    font-weight: 500;
    text-decoration: none;
    color: var(--accent);
}

.login-page .right-content .go-in {
    margin-bottom: 40px;
}

.login-page .right-content .go-in a {
    width: 100%;
}

.login-page .right-content .no-acount-yet {
    background-color: #f5f5f5;
    border-radius: var(--radius);
    padding: 20px;
}

.login-page .right-content .no-acount-yet+.no-acount-yet {
    margin-top: 60px;
}

.login-page .right-content .no-acount-yet .no-acount-title {
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 20px;
}

.login-page .right-content .no-acount-yet .no-acount-description {
    color: #4c4c4e;
    margin-bottom: 20px;
}

.login-page .right-content .no-acount-yet .no-acount-buttons {
    display: flex;
    gap: 20px;
}

.login-page .login-option {
    background-color: #fafafa;
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: var(--btg-shadow);
    border-top: 4px solid rgba(241, 181, 26, .5);
    z-index: 1;
    position: relative;
    border-bottom-right-radius: 0;
}

.login-page .login-option p {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.login-page .login-option a {
    margin-top: 8px;
}

.login-page .old-login {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.login-page .old-login a {
    padding: 6px 12px;
    border-radius: var(--radius);
    background-color: #4c4c4e;
    color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
}

.all-login-page.beta .login-page .left::before {
    filter: hue-rotate(100deg) brightness(.4);
}

.all-login-page.beta .logo {
    filter: drop-shadow(4px 4px #000);
}

.all-login-page.beta .logo::after {
    content: 'AI Beta';
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 4px;
    position: absolute;
    top: -4px;
    right: -30px;
    background: #ffbf1b;
    color: var(--text-primary);
    border: 1px solid #ffbf1b;
    font-weight: bold;
}

.all-login-page.beta .login-page .no-acount-yet {
    display: none;
}

.beta-info {
    font-size: 14px;
    background: #ffbf1b30;
    padding: 10px;
    border-radius: var(--radius);
    line-height: 20px;
    border: 2px dashed #ffbf1b;
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.beta-icon::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 8px;
}

.all-footer-login {
    background-color: #4c4c4e;
    color: #fff;
    font-size: 14px;
}

.all-footer-login a {
    color: #fff;
}

.all-footer-login .footer-doughter-login {
    width: 100%;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    margin: 0 auto;
    align-items: center;
}

.all-footer-login .login-privacy {
    text-decoration: underline;
    color: #fff;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

.all-footer-login .link {
    background-color: #fff;
    padding: 4px;
    border-radius: var(--radius-sm);
}

.all-footer-login svg {
    display: flex;
    position: relative;
    z-index: 1;
}

.all-footer-login svg path {
    fill: #4c4c4e;
}

/* Page - Subscribe  */
.sidebar-hidden .subscribe-header {
    padding-left: 0;
    margin-left: auto;
}

.subscribe-header {
    margin: auto;
    max-width: 1400px;
    padding-left: 0;
}

.subscribe-header .logo {
    width: 160px;
}

.subscribe-header .logo {
    display: flex;
}

.all-subscription-page {
    min-height: calc(100vh - 130px);
}

.all-subscription-page .right {
    width: 100%;
}

.all-subscription-page .right-content {
    max-width: 100%;
    width: 100%;
}

.all-subscription-page .biotech-content {
    margin: auto;
    min-height: initial;
    padding: 0;
}

.all-subscription-page #profile-page .biotech-table {
    margin-bottom: 0;
}

.all-subscription-page select {
    cursor: pointer;
}

#frm-subscribe, #frm-subscribe_check, #frm-review-submit {
    max-width: 900px;
    margin: auto;
}

.subscription-description {
    background-color: #f5f5f5;
    border-radius: var(--radius);
    padding: 16px;
    gap: 1rem;
}

.subscription-description .ul-in-cell {
    margin-top: 6px;
    padding-left: 20px;
}

.row-box {
    padding: 16px;
    border-radius: var(--radius);
    background-color: #fff;
    box-shadow: var(--btg-shadow);
}

/* Page - Profile */
#profile-page input[type=email],
#profile-page input[type=number],
#profile-page input[type=password],
#profile-page input[type=search],
#profile-page input[type=tel],
#profile-page input[type=text],
#profile-page input[type=url],
#profile-page select,
#profile-page textarea {
    width: 100%;
    outline: 0 none;
    padding: 12px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 8px;
    font-size: 16px;
}

#profile-page input::-webkit-inner-spin-button,
#profile-page input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

#profile-page .profile-content__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 24px;
}


#profile-page .profile-content label {
    display: block;
    margin-bottom: 6px;
    align-items: center;
    color: #888;
}

#profile-page .profile-content__text {
    margin-bottom: 20px;
    margin-left: 0;
}

#profile-page .profile-content__header {
    padding-bottom: 40px;
    margin: auto;
}


#profile-page .profile-content__body {
    padding: 20px 16px;
    background-color: #fafafa;
    border-radius: 8px;
    margin: auto;
}

#profile-page .profile-content__footer {
    padding: 20px 0;
    margin: auto;
}

#profile-page .profile-user {
    display: flex;
    gap: 1rem;
}

#profile-page .profile-user__img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ddd;
}

#profile-page .profile-user__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#profile-page .profile-user__title {
    margin: 0;
}

#profile-page .profile-user__change-foto {
    font-size: 14px;
    color: #71bf45;
    text-decoration: underline;
}

#profile-page .profile-user__img canvas {
    height: 100%;
    width: auto;
    line-height: normal;
}

#profile-page .form-profile h4 {
    margin-bottom: 20px;
    /* padding: 0 10px; */
    font-weight: 600;
}

#profile-page .form-profile>div+div {
    border-top: 1px solid #ededed;
    margin-top: 20px;
    padding-top: 20px
}

#profile-page .form-profile__row {
    gap: 16px;
}

#profile-page .form-profile__col {
    width: calc(50% - 8px);
    /* padding: 6px 12px; */
}

#profile-page .password-preview {
    margin-bottom: 16px;
}

#profile-page .newsletter {
    gap: 0;
}

#profile-page .profile-content__wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

#profile-page .checkbox-container {
    padding: 0;
}

#profile-page .input-upload-group {
    display: flex;
    margin: 20px 0px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: var(--radius-sm);
}

#profile-page .input-upload-group span.input-group-addon {
    padding: 14px;
    color: #555;
    font-size: 20px;
    border-right: 1px solid #ededed;
}

#profile-page .input-upload-group input {
    outline: 0 none;
    padding: 10px 13px;
    box-sizing: border-box;
    color: #555;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
}


/* ── Page - Search Elements ── */
.geographical-location-data-bar {
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.geographical-location-data-bar .tablink {
    position: relative;
    flex: 0 1 39%;
    padding: 16px 0;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    border: 1px solid #ededed;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    transition: all .4s ease;
}

.geographical-location-data-bar .tablink p {
    display: inline-block;
    margin: 0 auto;
}

.geographical-location-data-bar .tablink:is(.biotech-active, :hover) {
    flex: 1 1 48%;
    border-color: #71bf45;
}

.geographical-location-data-bar .tablink.biotech-active::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 60%;
    height: 1px;
    z-index: 0;
    transition: all .3s ease;
}

.geographical-location-data-bar .tablink.biotech-active:first-child::after {
    right: -60%;
    background: linear-gradient(to right, #71bf45, #fff);
}

.geographical-location-data-bar .tablink.biotech-active:last-child::after {
    left: -60%;
    background: linear-gradient(to left, #71bf45, #fff);
}

#search_in_bookmarks {
    align-items: center;
}

.search-in-bookmarks {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 16px;
}

.search-in-bookmarks .bookmarks-left {
    display: flex;
}

.search-in-bookmarks .description {
    color: #4c4c4e;
}

.search-in-bookmarks .bookmarks-right {
    position: relative;
    display: flex;
    align-items: center;
}

.search-in-bookmarks .text-option {
    padding-right: 22px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: var(--accent);
    display: flex;
    align-items: center;
    gap: 6px;
}

.search-in-bookmarks .text-option svg {
    display: none;
}

.search-in-bookmarks .bookmarks-right img {
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    transition: all .3s linear;
    width: 22px;
    transform: translateY(-50%);
}

.search-in-bookmarks .bookmarks-card-off {
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 10;
    display: none;
    width: 330px;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
}

.search-in-bookmarks .bookmarks-card-off.text-search-info {
	width: 650px;
}


.search-in-bookmarks .card-off {
    padding: 16px;
}

.search-in-bookmarks .card-off h5 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    color: var(--accent);
}

.search-in-bookmarks .card-off ol {
    margin: 0;
    padding-left: 18px;
}

.search-in-bookmarks .card-off li {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
    color: #4c4c4e;
}

.search-in-bookmarks .bookmarks-card-off.active,
.search-in-bookmarks .bookmarks-right.active .bookmarks-card-off {
    display: block;
}

.search-in-bookmarks .bookmarks-right.active img {
    transform: rotate(180deg);
}

.search-in-bookmarks .free_text_table tr td {
	vertical-align: top;
	padding-top: 5px;
	font-size: 0.9em;
}

.search-in-bookmarks .free_text_table tr td.free_text_sub {
	width: 105px;
}

.search-in-status {
    padding: 20px 20px 0 20px;
    color: #4c4c4e;
}

.search-in-status .status-left .checkbox-card-content {
    display: flex;
    gap: 40px;
}

.search-in-status .status-left .checkbox-card-content .single-card-content {
    display: flex;
    gap: 4px;
    align-items: center;
}

.searching-location {
    display: flex;
    padding: 20px;
}

/* Hide the old Search button in this context */
.searching-location .button.btg-hide {
    display: none !important;
}

.searching-location .field {
    width: 100%;
}

.searching-location .field input,
.maps-content-doughter .searching-location .field input,
.business-model-card .searching-location .field input {
    width: 100%;
    padding: 12px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-right: 0;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    outline: 0;
    font-size: 16px;
    line-height: 20px;
    color: #4c4c4e;
}

.searching-location .field input:focus {
    background: #fff;
}

.searching-location .button .get-started-now {
    width: 180px;
    border: 0;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    cursor: pointer;
    height: 100%;
}

/* enable semantic search options */
.enable-options {
	display: flex;
    justify-content: space-between;
    padding: 0 20px 20px 20px;	
    position: relative;
}

.enable-options .enable-options-inner  {
	display: flex;
	gap: 16px;
}

.enable-options .options-info-outer a {
	font-size: 14px;
}

.enable-options .options-info-outer .fa {
	padding-left: 5px;
}

.enable-options .info-box-outer {
	position: absolute;
	top: 24px;
	background: #fff;
	box-shadow: var(--btg-shadow);
	border-radius: var(--radius);
	z-index: 10;
    width: 100%;
	padding: 20px;
    right: 0;
}

.search-with-reset-button .button-right {
    margin-left: 10px;
    padding-left: 12px;
    padding-right: 12px;
    border: 0;
    box-shadow: inset 0px 0px 0px 2px #4c4c4e;
}

.employees-location {
    padding: 20px;
    background: rgba(217, 217, 217, .1);
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.employees-location .left .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
}

.employees-location .amount-label,
.employees-location .amount2-label {
    min-width: 100px;
    color: #808084;
}

.employees-location .text-align-right {
    text-align: right;
}

.employees-location .ui-slider-horizontal .ui-slider-handle {
    margin-left: -8px;
    margin-top: 1px;
}

.employees-location-slider {
    width: 100%;
    margin-bottom: 1.5rem;
}

.employees-location.slider-container>.left {
    display: flex;
    justify-content: space-between;
}

.employees-location .right {
    padding-top: 30px;
}

.employees-location .right .slider-range-value input {
    max-width: 110px;
    padding: 6px;
    font-size: 14px;
    line-height: 16px;
    color: #808084;
    border: 1px solid #808084;
    border-radius: 6px;
}

.employees-location .right .ui-widget.ui-widget-content {
    border: 0 solid #d9d9d9;
    height: 3px;
    background: #d9d9d9;
    width: 100%;
}

.employees-location .slider-container.active .right .ui-slider-range {
    background: var(--accent);
    transition: all .3s;
}

.employees-location .slider-container.active .right .ui-slider-handle {
    background: var(--accent);
    transition: all .3s;
}


.employees-location .right .ui-slider-range {
    background: #808084;
    transition: all .3s linear
}

.employees-location .right .ui-slider .ui-slider-handle {
    background: #808084;
    width: 14px;
    height: 14px;
    border-radius: 30px;
    top: -7px;
    transition: all .3s linear
}

.employees-location .right .ui-slider .ui-slider-handle:focus-visible {
    outline: 0
}

.employees-location .right .slider-range-value {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.employees-location .right .slider-range-value .from,
.employees-location .right .slider-range-value .to {
    font-size: 14px;
    line-height: 16px;
    color: #808084;
}

.comp-menu-tab-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 24px;
}

.comp-menu-tab {
    flex: 1 1 0px;
    padding: 16px;
    background-color: #fff;
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
    transition: all .3s linear;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 4px solid transparent;
}

.comp-menu-tab.active,
.comp-menu-tab:hover {
    border-color: var(--accent);
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, .2);
    color: var(--accent);
}

/* Page - Global Map */
.maps-content .title {
    display: none;
}

.maps-content .maps-content-doughter {
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    margin-bottom: 20px;
    padding: 20px;
}

.maps-content .searching-location {
    padding: 0;
}

.maps-content .filtration-location {
    margin: 20px 0;
    ;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

.maps-content .filtration-location .filtration-checkbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.maps-content .filtration-location .single-filtration-checkbox {
    display: flex;
    align-items: center;
}

.maps-content .filtration-location .violet-checkbox::before,
.maps-content .filtration-location .violet-checkbox::after {
    z-index: 0;
}

.maps-content .filtration-location .violet-checkbox input {
    z-index: 2;
}

.maps-content .filtration-location .violet-checkbox::after {
    display: none;
}

.maps-content .filtration-location .violet-checkbox-active::after {
    display: block;
}

.maps-content .filtration-location .text {
    font-weight: 500;
    padding-left: 2px;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(2) {
    --filter-color: #71bf45;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(3) {
    --filter-color: #45bfa9;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(4) {
    --filter-color: #9f45bf;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(5) {
    --filter-color: #34bddb;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(6) {
    --filter-color: #92000a;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(7) {
    --filter-color: #4c4c4e;
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(n+2):nth-child(-n+7) .violet-checkbox::before {
    border: 2px solid var(--filter-color);
}

.maps-content .filtration-location .single-filtration-checkbox:nth-child(n+2):nth-child(-n+7) .violet-checkbox::after {
    background: var(--filter-color);
}

.maps-content .filtration-location .filtration-buttons {
    display: flex;
    padding-top: 20px;
    justify-content: flex-start;
    gap: 1rem;
}

.maps-content .maps-content-child {
    margin-bottom: 60px;
    padding: 20px;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
}

.maps-content .maps-content-child .content-child-title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: normal;
}

.maps-content .maps-content-child .content ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

.maps-content .maps-content-child .send-update {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.search-tabs {
    width: 100%;
    padding: 0;
    border: 0;
    display: flex;
    border-radius: 20px;
}

.search-tabs .ui-tabs-panel {
    padding: 0;
    /* gap: 1.5rem; */
    display: flex;
    flex-direction: column;
}

.search-tabs .search-category {
    background: #fafafa;
    border-radius: 0 0 0 10px;
    width: 100%;
    max-width: 300px;
    border: 0;
    box-shadow: inset -8px 0px 5px -5px #0000001f;
}

.search-tabs .search-category .ui-tabs-anchor {
    display: block;
    background: #fff;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    border-left: solid 3px #ddd;
    width: 100%;
    padding: 12px;
    white-space: normal;
    position: relative;
    line-height: 16px;
    color: #4c4c4e;
    box-shadow: inset -8px 0px 5px -5px #0000001f;
}

.search-tabs .search-category .ui-tabs-anchor::before {
    content: "";
    width: 20px;
    height: 20px;
    background: transparent;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s;
    opacity: 0;
    z-index: -1;
}

.search-tabs .search-category ul .ui-state-active a::before {
    opacity: 1;
    right: -8px;
}

.search-tabs .search-category ul [aria-controls="tabs-1"] {
    --tab-color: #45bfa9;
}

.search-tabs .search-category ul [aria-controls="tabs-2"] {
    --tab-color: #ffbaba;
}

.search-tabs .search-category ul [aria-controls="tabs-3"] {
    --tab-color: #f1b51a;
}

.search-tabs .search-category ul [aria-controls="tabs-4"] {
    --tab-color: #4b34db;
}

.search-tabs .search-category ul [aria-controls="tabs-5"] {
    --tab-color: #71bf45;
}

.search-tabs .search-category ul [aria-controls="tabs-6"] {
    --tab-color: #34bddb;
}

.search-tabs .search-category ul [aria-controls="tabs-7"] {
    --tab-color: #225cff;
}

.search-tabs .search-category ul [aria-controls="tabs-8"] {
    --tab-color: #9f45bf;
}

.search-tabs .search-category ul :is(.ui-state-active, li:hover)[aria-controls] a,
.search-tabs .search-category ul :is(.ui-state-active, li:hover)[aria-controls] a::before {
    background-color: var(--tab-color);
    border-color: var(--tab-color);
    color: #fff;
}

.search-tabs .search-category ul {
    padding: 16px 0px 16px 16px;
    border: 0;
    background: transparent;
    width: 100%;
}

.search-tabs .search-category ul li {
    border: 0;
    margin-bottom: 8px;
    margin-right: 0;
    width: 95%;
    transform: translateX(5.2%);
    transition: all .3s;
}

.search-tabs .search-category ul .ui-state-active,
.search-tabs .search-category ul li:hover {
    width: 100%;
    transform: translateX(0);
    box-shadow: -2px 4px 4px #00000042;
}


.search-tabs .search-category svg {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.search-tabs .search-category .ui-state-active svg path,
.search-tabs .search-category svg:hover path {
    transition: all .3s linear;
    fill: #000;
    fill-opacity: 1;
}

.search-tabs .search-category .ui-state-active svg,
.search-tabs .search-category svg:hover {
    filter: invert(1) brightness(1);
}

.search-tabs .search-category .modal-for-category {
    position: absolute;
    padding: 12px;
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--btg-shadow);
    right: 20px;
    width: 200px;
    z-index: 10;
    transition: all .3s linear;
    bottom: 50px;
    opacity: 0;
    visibility: hidden;
}

.search-tabs .search-category svg:hover+.modal-for-category {
    opacity: 1;
    visibility: visible;
}


.search-tabs .search-category .modal-for-category .text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    position: relative
}

.search-tabs .search-category .modal-for-category .text:after {
    content: url(../img/Union3.png);
    position: absolute;
    right: -5px;
    bottom: -26px;
    z-index: -1;
}

.search-tabs .category-search-filter {
    padding: 20px;
    width: 100%;
}



.result-labels {
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 44px;
    transition: all 0.25s linear;
    overflow-y: hidden;
}

.result-labels.open {
    max-height: 400px;
}

.search-tabs .category-search-filter .result-labels {
    margin-bottom: 16px;
    padding: 4px;
}

.search-tabs .category-search-filter .result-labels .label-color {
    margin: 4px;
    background: var(--label-bg);
    border-radius: 6px;
    display: inline-block;
    padding: 6px 36px 6px 8px;
    position: relative;
}

.search-tabs .category-search-filter .result-labels .label-color .text {
    font-size: 14px;
    color: var(--label-color);
}

.search-tabs .category-search-filter .result-labels .label-color .close {
    position: absolute;
    right: 10px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    top: 50%;
    cursor: pointer;
}

.search-tabs .category-search-filter .result-labels .label-color .close svg path {
    fill: var(--label-close-color);
}

.search-tabs .category-search-filter .result-labels .geographical-location-label {
    --label-bg: #f2fbf9;
    --label-color: #45bfa9;
    --label-close-color: #9bddd1;
}

.search-tabs .category-search-filter .result-labels .developing-providing-label {
    --label-bg: rgba(255, 186, 186, .3098039216);
    --label-color: #ffbaba;
    --label-close-color: #cd9494;
}

.search-tabs .category-search-filter .result-labels .company-sector-label {
    --label-bg: rgba(241, 181, 26, .07);
    --label-color: #f1b51a;
    --label-close-color: rgba(241, 181, 26, .5);
}

.search-tabs .category-search-filter .result-labels .therapeutic-area-label {
    --label-bg: rgba(75, 52, 219, .07);
    --label-color: #4b34db;
    --label-close-color: #4b34db;
}

.search-tabs .category-search-filter .result-labels .business-model-label {
    --label-bg: rgba(113, 191, 69, .07);
    --label-color: #71bf45;
    --label-close-color: rgba(113, 191, 69, .5);
}

.search-tabs .category-search-filter .result-labels .financials-ownership-label {
    --label-bg: rgba(52, 189, 219, .07);
    --label-color: #34bddb;
    --label-close-color: rgba(52, 189, 219, .5);
}

.search-tabs .category-search-filter .result-labels .filters-profile-label {
    --label-bg: rgba(34, 92, 255, .07);
    --label-color: #225cff;
    --label-close-color: rgba(76, 76, 78, .5);
}

.search-tabs .category-search-filter .result-labels .notes-label {
    --label-bg: rgba(159, 69, 191, .07);
    --label-color: #9f45bf;
    --label-close-color: rgba(159, 69, 191, .5);
}

.search-tabs .category-search-filter .result-labels .search-freetext-label {
    --label-bg: rgba(255, 191, 191, .7);
    --label-color: rgba(232, 39, 39, .7);
    --label-close-color: #e82727;
    --label-close-top: 50%;
    --label-close-transform: translateY(-50%);
}

.search-tabs .category-search-filter .result-labels :is(.licensing-status-label,
    .clinical-phase-label) {
    --label-bg: rgba(255, 186, 186, .05);
    --label-color: #ffbaba;
    --label-close-color: rgba(255, 186, 186, .8);
}

.search-tabs .category-search-filter .result-labels .registration-area-label {
    --label-bg: rgba(113, 191, 69, .07);
    --label-color: #71bf45;
    --label-close-color: rgba(113, 191, 69, .5);
}

.search-tabs .category-search-filter .result-labels .primary-sponsor-label {
    --label-bg: #f2fbf9;
    --label-color: #45bfa9;
    --label-close-color: #9bddd1;
}

.search-tabs .category-search-filter .double-cat {
    display: inline;
}

.search-tabs .category-search-filter .result-labels :is(.registration-area-label,
    .primary-sponsor-label) {
    width: 100%;
}

.search-tabs .category-search-filter .pre-container-for .single-card-content {
    display: flex;
    gap: 6px;
    padding: 6px 0;
}

.container-for-checkbox {
    display: inline-flex;
    flex-direction: row;
    /* gap: 1.5rem; */
}

.container-for-sliders {
    display: flex;
    flex-wrap: wrap;
}

.search-tabs .category-search-filter .container-for-checkbox {
    display: flex;
    flex-wrap: wrap;
}

.search-tabs .category-search-filter .container-for-checkbox .checkbox-card {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}


.checkbox-card>.main-input-autocomplete.ui-autocomplete-input {
    border-radius: var(--radius-sm);
    padding: 10px;
    border: solid #ddd 1px;
    outline: 0;
    width: 100%;
}

.search-tabs .category-search-filter .checkbox-card-title {
    font-weight: 500;
    margin-bottom: 10px;
    color: #000
}

.search-tabs .category-search-filter .checkbox-card-content {
    border: 1px solid #ededed;
    border-radius: 6px;
    padding: 8px;
}

.search-tabs .category-search-filter .checkbox-card-content.tablink-content .box-container-search {
    margin-bottom: 0;
}

.search-tabs .category-search-filter .checkbox-card-content .single-card-content {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    gap: 6px;
}

.search-tabs .category-search-filter .checkbox-card-content .single-card-content .description {
    font-weight: 500;
    width: 100%;
    line-height: normal;
    cursor: pointer;
    align-content: center;
    transition: all .2s;
}

.search-tabs .category-search-filter .checkbox-card-content .single-card-content .description:hover {
    color: var(--accent);
}

.search-tabs .category-search-filter .general-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

.search-tabs .category-search-filter .business-acord-mobile {
    display: none
}

.search-tabs .ui-tabs-panel[data-tab="business-model"] .checkbox-card>.main-input-autocomplete.ui-autocomplete-input,
.search-tabs .ui-tabs-panel[data-tab="financials-ownership"] .checkbox-card>.main-input-autocomplete.ui-autocomplete-input {
    margin-bottom: 1.5rem;
}

.box-container-search {
    border: 1px solid #ededed;
    border-radius: var(--radius-sm);
    padding: 16px;
    margin-bottom: 1rem;
    width: 100%;
}

#investor-advanced-option {
    width: 100%;
}

.single-card-content.has-children {
    flex-wrap: wrap;
    padding: 0 !important;
    gap: 0 !important;
}

.single-card-content.has-children .wrapper-checkbox {
    display: flex;
    width: 100%;
    align-items: center;
    background: #f5f5f5;
    padding: 6px 10px;
    gap: 6px;
}

.single-card-content.no-children {
    flex-wrap: wrap;
    padding: 0 !important
}

.single-card-content.no-children .wrapper-checkbox {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 6px 10px;
    gap: 6px;
}

.single-card-content.has-children .wrapper-checkbox .after-busines {
    margin: 0 auto;
    margin-right: 0;
    cursor: pointer;
    display: flex;
    transition: all .3s;
}

.single-card-content.has-children.active .wrapper-checkbox .after-busines {
    transform: rotate(180deg);
}

.single-card-content.has-children .wrapper-children-items {
    /* display: none; */
    max-height: 0;
    overflow: hidden;
    transition: all .3s;
    width: 100%;
    padding-left: 22px;
}

.single-card-content.has-children.active .wrapper-children-items {
    /* display: block; */
    padding-top: 8px;
    padding-bottom: 8px;
    max-height: 100%;
}

/* Page - Search Results */
.filter-result-content #result-tabs {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.filter-result-content .ui-tabs-panel {
    padding: 0
}

.filter-result-content .result-general-filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 24px;
    align-items: flex-end;
}

.filter-result-content .general-filter-title {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
}

.filter-result-content .general-filter-title h1 {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    margin: 0;
}

.filter-result-content .general-filter-title .after-title {
    font-weight: 500;
    font-size: 16px;
}

.filter-result-content .filter-sorting {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}


.filter-result-content .general-filter-sort {
    display: flex;
    gap: 24px;
    font-weight: 600;
    font-size: 16px;
}

.filter-result-content .general-filter-sort .sort-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.onclick-change-order-direction {
	cursor: pointer;
	transition: all .3s;
}

.onclick-change-order-direction:hover {
	color: var(--accent);
}


.filter-result-content .general-filter-sort .sort-right .dropdown {
    position: relative
}

.filter-result-content .general-filter-sort .sort-right .dropdown select {
    appearance: none;
    width: 100%;
    padding: 8px 34px 8px 8px;
    border: 1px solid #ededed;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    border-radius: 6px;
}

.filter-result-content .general-filter-sort .sort-right .dropdown::before {
    transition: all .3s linear;
    content: url(../img/angle-up.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    pointer-events: none;
    z-index: 0
}

.filter-result-content .general-filter-sort .sort-right .dropdown.active::before {
    transform: translateY(-50%) rotate(180deg);
}


.filter-result-content .general-filter-sort .sort-right .dropdown .select2.select2-container {
    width: 250px !important
}

.filter-result-content .general-filter-sort .sort-right .dropdown .select2.select2-container .select2-selection__rendered {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #000
}

.filter-result-content .general-filter-buttons {
    display: flex;
    gap: 16px;
    align-items: center;
}

.filter-result-content .general-filter-buttons div {
    cursor: pointer;
    position: relative;
}

.filter-result-content .general-filter-buttons .img:first-child svg path {
    fill: #000;
    transition: all .3s linear;
}

.filter-result-content .general-filter-buttons .img .modal-for-filter {
    position: absolute;
    padding: 5px 10px;
    top: -38px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
    background: #fff;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: var(--accent);
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    pointer-events: none;
}

.filter-result-content .general-filter-buttons .img:hover .modal-for-filter {
    visibility: visible;
    opacity: 1;
    top: -40px;
}

.filter-result-content .general-filter-buttons .img:hover svg path:first-child {
    fill: #71bf45;
}

.filter-result-content .switch-layout {
    position: relative;
    display: flex;
    width: 80px;
    height: 36px;
    background-color: #DFDFDF;
    border-radius: 20px;
    align-items: center;
    justify-content: space-around;
    padding: 2px;
}

.filter-result-content .switch-layout .icon {
    content: "";
    width: 36px;
    height: 30px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8B8B8B;
    transition: all .3s;
}

.filter-result-content .switch-layout .icon.active,
.filter-result-content .switch-layout .icon:hover {
    color: var(--accent);
    background-color: #fff;
}

.filter-result-content .switch-layout .icon::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
}


.filter-result-content .icon-layout-default::before {
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2041 0.0107422C19.2128 0.113005 20 0.96435 20 2V18L19.9893 18.2041C19.8938 19.1457 19.1457 19.8938 18.2041 19.9893L18 20H2C0.96435 20 0.113005 19.2128 0.0107422 18.2041L0 18V2C2.57706e-07 0.895431 0.895431 1.61064e-08 2 0H18L18.2041 0.0107422ZM1.5 18C1.5 18.2761 1.72386 18.5 2 18.5H6.75V5.75H1.5V18ZM8.25 18.5H18C18.2761 18.5 18.5 18.2761 18.5 18V5.75H8.25V18.5ZM2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V4.25H18.5V2C18.5 1.72386 18.2761 1.5 18 1.5H2Z' fill='%2371BF45'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2041 0.0107422C19.2128 0.113005 20 0.96435 20 2V18L19.9893 18.2041C19.8938 19.1457 19.1457 19.8938 18.2041 19.9893L18 20H2C0.96435 20 0.113005 19.2128 0.0107422 18.2041L0 18V2C2.57706e-07 0.895431 0.895431 1.61064e-08 2 0H18L18.2041 0.0107422ZM1.5 18C1.5 18.2761 1.72386 18.5 2 18.5H6.75V5.75H1.5V18ZM8.25 18.5H18C18.2761 18.5 18.5 18.2761 18.5 18V5.75H8.25V18.5ZM2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V4.25H18.5V2C18.5 1.72386 18.2761 1.5 18 1.5H2Z' fill='%2371BF45'/%3E%3C/svg%3E");
}

.filter-result-content .icon-layout-table::before {
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2041 0.0107422C19.2128 0.113005 20 0.96435 20 2V18L19.9893 18.2041C19.8938 19.1457 19.1457 19.8938 18.2041 19.9893L18 20H2C0.96435 20 0.113005 19.2128 0.0107422 18.2041L0 18V2C2.57706e-07 0.895431 0.895431 1.61064e-08 2 0H18L18.2041 0.0107422ZM1.5 16.25V18C1.5 18.2761 1.72386 18.5 2 18.5H18C18.2761 18.5 18.5 18.2761 18.5 18V16.25H1.5ZM1.5 12.75V14.75H18.5V12.75H1.5ZM1.5 9.25V11.25H18.5V9.25H1.5ZM1.5 5.75V7.75H18.5V5.75H1.5ZM2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V4.25H18.5V2C18.5 1.72386 18.2761 1.5 18 1.5H2Z' fill='%238B8B8B'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2041 0.0107422C19.2128 0.113005 20 0.96435 20 2V18L19.9893 18.2041C19.8938 19.1457 19.1457 19.8938 18.2041 19.9893L18 20H2C0.96435 20 0.113005 19.2128 0.0107422 18.2041L0 18V2C2.57706e-07 0.895431 0.895431 1.61064e-08 2 0H18L18.2041 0.0107422ZM1.5 16.25V18C1.5 18.2761 1.72386 18.5 2 18.5H18C18.2761 18.5 18.5 18.2761 18.5 18V16.25H1.5ZM1.5 12.75V14.75H18.5V12.75H1.5ZM1.5 9.25V11.25H18.5V9.25H1.5ZM1.5 5.75V7.75H18.5V5.75H1.5ZM2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V4.25H18.5V2C18.5 1.72386 18.2761 1.5 18 1.5H2Z' fill='%238B8B8B'/%3E%3C/svg%3E");
}

.filter-result-content .icon::after {
    font-family: var(--font-family);
    background: white;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 6px;
    top: -90%;
    position: absolute;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.filter-result-content .icon:hover::after {
    top: -100%;
    visibility: visible;
    opacity: 1;
}

.filter-result-content .icon-layout-default::after {
    content: 'Card View';
}

.filter-result-content .icon-layout-table::after {
    content: 'Table View';
}

.company-logo-container-result,
.view-more .company-logo {
    display: flex;
    box-sizing: unset;
    padding-right: 0px;
    width: var(--result-card-sidebar);
    max-width: var(--result-card-sidebar);
    border-radius: var(--radius);
    overflow: hidden;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #ddd;
    align-items: center;
    object-fit: contain;
}

.company-logo-container-result img,
.view-more .company-logo {
    max-height: 60px;
    max-width: 100%;
    padding: 4px;
    border-radius: var(--radius);
}

.company-logo-container-result.no-logo {
    height: 60px;
}

.company-logo-container-result.no-logo::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z'/%3E%3C/svg%3E");
}

.result-card {
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    padding: 20px;
}

.result-card .result-tags {
    margin-bottom: 20px;
}

.result-card .result-tags .results-tag-title {
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.result-card .result-tags .results-tag-title strong {
    margin-left: 4px;
    margin-right: 4px;
    color: var(--accent);
    font-weight: 500;
}

.result-card .result-tags .results-tag-title::before,
.ai-tag-toggle-controller span.label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z'/%3E%3C/svg%3E");
}

.result-card .result-tags .results-tag-content form {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.result-card .result-tags .label-color {
    position: relative;
    display: inline-block;
    padding: 6px 36px 6px 8px;
    background-color: var(--tag-bg, transparent);
    border-radius: 6px;
}

.result-card .result-tags .label-color .text {
    font-size: 14px;
    color: var(--tag-text-color);
}

.result-card .result-tags .label-color .close {
    position: absolute;
    top: 50%;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transform: translateY(-50%);
}

.result-card .result-tags .label-color .close svg path {
    fill: var(--tag-icon-color);
}

.result-card .result-tags .label-color.color-sea {
    --tag-bg: #f2fbf9;
    --tag-text-color: #45bfa9;
    --tag-icon-color: #9bddd1;
}

.result-card .result-tags .label-color.color-violet {
    --tag-bg: rgba(75, 52, 219, .07);
    --tag-text-color: #4b34db;
    --tag-icon-color: rgba(75, 52, 219, .5);
}

.result-card .result-tags .label-color.color-orange {
    --tag-bg: rgba(241, 181, 26, .07);
    --tag-text-color: #f1b51a;
    --tag-icon-color: rgba(241, 181, 26, .5);
}

.result-card .result-tags .label-color.color-green {
    --tag-bg: rgba(113, 191, 69, .07);
    --tag-text-color: #71bf45;
    --tag-icon-color: rgba(113, 191, 69, .5);
}

.result-card .result-tags .label-color.color-blue {
    --tag-bg: rgba(52, 189, 219, .07);
    --tag-text-color: #34bddb;
    --tag-icon-color: rgba(52, 189, 219, .5);
}

.result-card .result-tags .label-color.color-gray {
    --tag-bg: #f2f2f3;
    --tag-text-color: #4c4c4e;
    --tag-icon-color: #4c4c4e;
}

.result-card .result-tags .label-color.color-pink {
    --tag-bg: rgba(255, 186, 186, .05);
    --tag-text-color: #ffbaba;
    --tag-icon-color: #ffbaba;
}

.result-card .result-tags .label-color.color-red {
    --tag-bg: rgba(255, 191, 191, .7);
    --tag-text-color: rgba(232, 39, 39);
    --tag-icon-color: rgba(232, 39, 39);
}


.result-card .result-single-post {
    background: #fafafa;
    border-radius: 10px;
    background: rgba(113, 191, 69, .1);
}

.result-card .result-single-post+.result-single-post {
    margin-top: 36px;
}

.result-card .result-single-post .title-tags {
    padding: 12px 16px;
    border-radius: 10px 10px 0 0;
}

.result-card .result-single-post .title-tags .content {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    color: #71bf45;
}

.result-card .result-single-post .card {
    position: relative;
}

.result-card .result-single-post .card .buttons {
    position: absolute;
    right: 16px;
    top: 16px;
    display: flex;
    gap: 16px;
}

.result-card .result-single-post .card .buttons .img svg {
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s linear;
}

.result-card .result-single-post .card .buttons .img svg:hover {
    background-color: rgba(113, 191, 69, .3);
}

.result-card .post-card {
    display: flex;
    padding-left: 16px;
}

.result-card .post-card .post-card-right .title {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
}

.result-card .post-card .post-card-right .single-card-right .text {
    line-height: 20px;
}

.result-card .pagination-block {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.result-card .layout-default .title-tags {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.result-card .layout-default :is(.left, .right) {
    display: flex;
    gap: 12px;
    align-items: center;
}

.result-card .layout-default .left {
    gap: 24px;
}

.result-card .location-title {
    display: none;
}

.result-card .location-text {
    display: flex;
    gap: 2px;
    align-items: center;
}

.location-icon::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill='%2371BF45' d='M17.0497 8.02499C16.9327 6.80742 16.5023 5.64089 15.8006 4.63901C15.0989 3.63712 14.1497 2.83402 13.0455 2.3079C11.9412 1.78179 10.7196 1.55059 9.49942 1.63683C8.27928 1.72306 7.10227 2.12379 6.08299 2.79999C5.20732 3.38553 4.4722 4.15774 3.93044 5.06115C3.38869 5.96456 3.05374 6.97675 2.94966 8.02499C2.84756 9.06637 2.97855 10.1174 3.33313 11.1019C3.68771 12.0864 4.25699 12.9795 4.99966 13.7167L9.41632 18.1417C9.49379 18.2198 9.58596 18.2818 9.68751 18.3241C9.78906 18.3664 9.89798 18.3882 10.008 18.3882C10.118 18.3882 10.2269 18.3664 10.3285 18.3241C10.43 18.2818 10.5222 18.2198 10.5997 18.1417L14.9997 13.7167C15.7423 12.9795 16.3116 12.0864 16.6662 11.1019C17.0208 10.1174 17.1518 9.06637 17.0497 8.02499ZM13.833 12.5417L9.99966 16.375L6.16632 12.5417C5.6014 11.9767 5.16866 11.2936 4.89921 10.5415C4.62977 9.78932 4.53031 8.98682 4.60799 8.19166C4.68617 7.38425 4.94279 6.60429 5.3593 5.9082C5.7758 5.2121 6.34179 4.61725 7.01632 4.16666C7.90044 3.57936 8.93825 3.26607 9.99966 3.26607C11.0611 3.26607 12.0989 3.57936 12.983 4.16666C13.6555 4.61551 14.2202 5.20773 14.6366 5.90077C15.053 6.59382 15.3108 7.37049 15.3913 8.17499C15.4715 8.97285 15.3733 9.77856 15.1038 10.5338C14.8343 11.289 14.4002 11.9749 13.833 12.5417ZM9.99966 4.99999C9.25798 4.99999 8.53295 5.21993 7.91627 5.63198C7.29958 6.04404 6.81894 6.62971 6.53511 7.31493C6.25128 8.00015 6.17702 8.75415 6.32171 9.48158C6.46641 10.209 6.82356 10.8772 7.34801 11.4016C7.87245 11.9261 8.54064 12.2832 9.26807 12.4279C9.9955 12.5726 10.7495 12.4984 11.4347 12.2145C12.1199 11.9307 12.7056 11.4501 13.1177 10.8334C13.5297 10.2167 13.7497 9.49167 13.7497 8.74999C13.7475 7.75611 13.3517 6.80356 12.6489 6.10077C11.9461 5.39799 10.9935 5.00219 9.99966 4.99999ZM9.99966 10.8333C9.58761 10.8333 9.18482 10.7111 8.84222 10.4822C8.49962 10.2533 8.23259 9.92793 8.07491 9.54725C7.91723 9.16657 7.87597 8.74768 7.95635 8.34355C8.03674 7.93943 8.23516 7.56821 8.52652 7.27685C8.81788 6.98549 9.18909 6.78708 9.59322 6.70669C9.99735 6.6263 10.4162 6.66756 10.7969 6.82524C11.1776 6.98293 11.503 7.24995 11.7319 7.59256C11.9608 7.93516 12.083 8.33795 12.083 8.74999C12.083 9.30253 11.8635 9.83243 11.4728 10.2231C11.0821 10.6138 10.5522 10.8333 9.99966 10.8333Z'/%3E%3C/svg%3E");
}

.result-card .company-location .title {
    margin-bottom: 4px;
    margin-left: 4px;
    font-size: 1.2rem;
    font-weight: 700;
}

.result-card .layout-default .buttons {
    display: flex;
    gap: 12px;
}

.icon-container {
    background-color: #edf4e8;
    border-radius: 10px;
    cursor: pointer;
}

.icon-container:hover {
    background-color: rgba(113, 191, 69, .3);
}

.icon-container i {
    font-size: 20px;
    color: rgb(113, 191, 69);
    transition: all .3s;
}

.result-card .layout-default .buttons .icon-container,
.result-card .layout-default .buttons svg {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    transition: all .3s;
}

.result-card .layout-default .buttons .st0 {
    fill: none;
}

.result-card .layout-default .view-more-info {
    background: var(--accent);
    color: #fff;
    padding: 8px 12px;
    transition: all .3s;
    border-radius: var(--radius-sm);
	border: 1px solid var(--accent);
	font-weight: 500;
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
    white-space: nowrap;
}

.result-card .layout-default .view-more-info:hover,
.result-card .layout-default .buttons .icon-container:hover,
.result-card .layout-default .buttons svg:hover {
    background-color: var(--accent-hover);
    color: #fff;
}

.result-card .layout-default .buttons svg path {
    transition: all .3s;
}

.result-card .layout-default .buttons svg:hover path {
    fill: #fff;
}

.result-card .layout-default .buttons .icon-container:hover i {
    color: #fff;
}

.result-card .layout-default .post-card-left {
    width: var(--result-card-sidebar);
    padding-top: 8px;
    padding-bottom: 30px;
}

.result-card .layout-default .post-card-left .profile-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    position: relative;
}

.result-card .layout-default .post-card-left .profile-links::before {
    content: "Overview";
    background: var(--accent);
    padding: 8px 12px;
    border-radius: 4px 0 0 4px;
    color: #fff;
    width: 100%;
}

.result-card .layout-default .post-card-left .profile-links::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #71bf45;
    position: absolute;
    right: -5px;
    top: 8px;
    transform: rotate(45deg);
    transition: all .3s;
    z-index: 1;
}

.result-card .layout-default .post-card-left .profile-links .meta {
    cursor: pointer;
    background: #fff;
    padding: 6px 12px;
    border-left: 4px solid #ddd;
    border-radius: 4px 0 0 4px;
    color: #B1B1B1;
    width: 95%;
    transition: all .3s;
    box-shadow: inset -8px 0px 5px -5px #0000001f;
}

.result-card .layout-default .post-card-left .profile-links .meta:hover {
    background-color: var(--accent);
    color: #fff;
    border-color: var(--accent);
    width: 100%;
}

.result-card .layout-default .post-card-right {
    width: calc(100% - var(--result-card-sidebar));
    background-color: #fafafa;
    padding: 16px 24px;
    box-shadow: -8px 0px 5px -5px #0000001f;
    border-bottom-right-radius: var(--radius);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.result-card .layout-default .post-card-right .single-card-right {
    width: 50%;
    padding: 12px 8px;
}

.result-card .layout-default .post-card-right .single-card-right.w-full {
    width: 100%;
}

.result-card .layout-default .post-card-right .single-card-right.w-one-third {
    width: 33.333%;
}

.result-card .layout-default .post-card-right .single-card-right.desc {
    width: 100%;
    border-top: 1px solid #eee;
    margin-top: 8px;
    text-align: justify;
}

.result-card .single-card-right .tooltip {
    margin-left: .5rem;
}

.tooltip{
	font-size: 18px;
}

/* Tooltip text */
.tooltip+.tooltip-text {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  transform: translate(4%, -95%);
  opacity: 0;
  transition: opacity 0.3s;
  animation: fadeIn 0.5s ease; /* Add fade-in animation */
}

/* Show the tooltip text when hovering over the tooltip container */
.tooltip:hover~.tooltip-text {
  visibility: visible;
  opacity: 1;
}

.result-card .looking-for-items-container {
    background-color: #f0f0f0;
    border-radius: var(--radius);
    margin-bottom: 20px;
    max-height: 216px;
    overflow-y: hidden;
    border: 1px solid #ddd;
    width: 100%;
}

.result-card .looking-for-items-container.expanded {
    max-height: 100%;
}

.result-card .looking-for-items-header {
    padding: 10px 16px;
    font-weight: 600;
    font-size: 18px;
}

.result-card .looking-for-items-content {
    padding: 10px 16px;
    max-height: calc(100% - 50px);
    overflow: hidden;
}

.result-card .ellipsis {
    text-align: left;
    font-weight: bold;
    margin-top: -5px;
    background-color: rgb(240 240 240);
    padding: 10px 16px;
    box-shadow: 0px -9px 5px rgb(240 240 240 / 90%);
    z-index: 10;
    position: relative;
}

.result-card .looking-for-items-container>.looking-for-items-content>.single-card-right:only-child,
.result-card .looking-for-items-container>.looking-for-items-content>.single-card-right:last-of-type {
    margin-bottom: 0px;
}

.result-card .result-container-tools {
    display: none;
    /* display: flex; */
    flex-direction: row-reverse;
    padding: 12px;
    margin-top: -25px;
}

.result-card .pills-container {
    border: 1px solid #ddd;
    border-radius: var(--radius);
    padding: 10px 16px;
    transition: all 0.3s ease;
    width: 100%;
}

.result-card .pills-container+.pills-container {
    margin-top: 20px;
}

.result-card .pills-container .single-card-right {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.result-card .pills-container.no-remarks {
    display: inline-block;
    background-color: #f0f0f0;
    cursor: default;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.result-card .pills-container.has-remarks {
    background-color: #f0f0f0;
}

.result-card .pills-header {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 18px;
}

.result-card .pills-remarks {
    font-weight: 500;
    line-height: 20px;
    color: #333;
}

.result-card .pills-container .single-card-right:last-of-type {
    margin: 0px;
}

.result-card .notice-icon {
    cursor: pointer;
}

.result-card .notice-pop-up {
    position: absolute;
    padding: 8px 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
    transition: all .3s linear;
    top: -38px;
    white-space: nowrap;
}

.result-card .container-no-results {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    background-color: #f5f5f5;
}

.result-posts.layout-table {
    overflow-x: auto;
}

.result-posts.layout-table .text-collapsed {
    line-clamp: none;
    -webkit-line-clamp: none;
}

.result-posts.layout-table .looking-for-items-container {
    max-height: none;
}

/* preview_company_view.php */
.login-page .right-content.comp-preview {
	max-width: 100%;
	box-shadow: none;
	padding: 0;
}

.login-page .right-content.comp-preview .left,
.login-page .right-content.comp-preview .right {
    padding: 0;
    width: auto;
}

.login-page .right-content.comp-preview .left::before {
    display: none;
}

.title-comp-prew {
	font-size: 18px !important;
}

.pagination {
    display: flex;
    gap: 8px;
}

.pagination a,
.pagination .pagination-active {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.pagination .pagination-default a {
    border: 1px solid #ddd;
    color: #4c4c4e;
}

.pagination .pagination-default a:hover,
.pagination .pagination-active {
    border: 1px solid var(--accent);
    color: var(--accent);
}

.pagination .pagination-inactive {
    background: #dfdfdf;
    opacity: .5;
    border: 1px solid #f5f5f5
}

.pagination svg path {
    fill: #4c4c4e;
}

.expandable-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}

.expandable-table thead th {
    padding: 8px 6px;
    background-color: #F9F9F9;
    text-align: left;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    color: #8B8B8B;
    white-space: nowrap;
    /* position: sticky;
    top: 0;
    z-index: 12; */
}

.expandable-table tbody td {
    padding: 5px 6px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    white-space: nowrap;
    align-content: flex-start;
    min-width: 150px;
}

.expandable-table tbody td:first-child,
.expandable-table thead th:first-child {
    position: sticky;
    left: 0;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    z-index: 9;
    background-color: #f5f5f5;
    border-left: 1px solid #ddd;
}

.expandable-table tbody td:nth-child(2),
.expandable-table thead th:nth-child(2) {
    position: sticky;
    left: 30px;
    width: 200px;
    min-width: 200px;
    white-space: normal;
    z-index: 9;
    background-color: #f5f5f5;
    border-right: 1px solid #ddd;
}

.expandable-table thead th:first-child,
.expandable-table thead th:nth-child(2) {
    top: 0;
    z-index: 13;
}

.expandable-table thead th.text-right {
    text-align: right;
}

.expandable-table.no-sticky :is(tbody td:first-child, thead th:first-child, tbody td:nth-child(2), thead th:nth-child(2)) {
    position: relative;
    left: auto;
}

.expandable-table .w-500 {
    width: 500px;
    min-width: 500px;
    white-space: normal;
}

.expandable-table .w-400 {
    width: 400px;
    min-width: 400px;
    white-space: normal;
}

.expandable-table .w-300 {
    width: 300px;
    min-width: 300px;
    white-space: normal;
}

.expandable-table .w-250 {
    width: 250px;
    min-width: 250px;
    white-space: normal;
}

.expandable-table .w-200 {
    width: 200px;
    min-width: 200px;
    white-space: normal;
}

.expandable-table .w-100 {
    width: 100px;
    min-width: 100px;
    white-space: normal;
}

.expandable-table .w-40 {
    width: 40px;
}

.expandable-table .col-title {
    font-weight: 500;
    color: var(--accent);
}

.expandable-table .actions {
    width: 100px;
    min-width: 100px;
    position: sticky;
    right: 0;
    background-color: #f5f5f5;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.expandable-table thead th:last-child {
    position: sticky;
    right: 0;
    background-color: #f5f5f5;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.expandable-table .actions .buttons {
    display: flex;
    gap: 12px;
    align-items: center;
}

.expandable-table .actions .st0 {
    fill-opacity: 0;
}

.expandable-table .actions .buttons .button,
.expandable-table .actions .buttons .button a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    transition: all .3s;
    font-size: 14px;
}

.expandable-table .actions .buttons .button:hover,
.expandable-table .actions .buttons .button a:hover {
    background-color: #edf4e8;
    border-radius: var(--radius);
}

.expandable-table .actions .buttons .icon-container {
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.expandable-table .location-icon::before {
    width: 14px;
    height: 14px;
}

.expandable-table .actions .buttons .icon-container i {
    font-size: 18px;
}

.expandable-table .row-expandable {
    transition: all 0.2s;
}

.expandable-table td .company {
    font-weight: 600;
}

.expandable-table .location-text {
    opacity: 0.6;
    margin-left: -2px;
}

.expandable-table .row-details {
    display: none;
}

.expandable-table .row-details.visible {
    display: table-row;
}

.expandable-table .row-details td {
    padding: 0;
    border-right: 1px solid #ddd;
    background-color: #71bf450a !important;
}

.expandable-table .row-details .details-card {
    padding: 20px;
    border-left: 4px solid var(--accent);
    border-bottom-left-radius: 16px;
    max-width: calc(100vw - 190px);
    position: sticky;
    left: 0px;
    margin-bottom: 10px;
}

.expandable-table .row-details .top {
    display: flex;
    gap: 16px;
    align-items: center;
}

.expandable-table .profile-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.expandable-table .profile-links .meta {
    background-color: #fff;
    border-radius: var(--radius-sm);
    padding: 8px 10px 10px 10px;
    font-weight: 500;
    box-shadow: 0px 4px 8px -2px #00000038;
    cursor: pointer;
    border-top: 4px solid #ddd;
    transition: all .3s;
}

.expandable-table .profile-links .meta:hover {
    color: var(--accent);
    border-color: var(--accent);
}

.expandable-table .row-details .desc {
    background-color: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    margin-top: 16px;
    padding: 16px;
    white-space: normal;
}

.expandable-table .row-details .desc .title {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}

.expandable-table .expand-icon {
    transition: all 0.3s ease;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.expandable-table .expand-icon:hover {
    color: var(--accent);
}

.expandable-table .expand-icon::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.expandable-table .expand-icon::after {
    content: '';
    padding: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.expandable-table .row-expandable.open .expand-icon {
    transform: rotate(90deg);
}

.expandable-table .row-expandable.open td {
    border-bottom: 0;
    background-color: #f9fcf8;
}

.expandable-table .row-expandable.open td:nth-child(2) {
    border-right: 0;
}

.expandable-table .row-expandable.open td:last-child {
    border-left: 0;
}

.expandable-table .row-expandable:hover td,
.expandable-table .row-expandable.open {
    background-color: #f9fcf8;
    font-weight: 600;
    border-color: var(--accent);
    border-top: 1px solid var(--accent);
}

.expandable-table .row-expandable.open td:first-child {
    box-shadow: inset 4px 0 0 var(--accent);
}

.expandable-table .col-main-text {
    font-weight: 600;
}

.expandable-table .col-sub-text {
    opacity: .6;
}

.layout-table.clinical-trials .expandable-table tbody td:nth-child(2),
.layout-table.clinical-trials .expandable-table thead th:nth-child(2) {
    width: 150px;
    min-width: 150px;
}

.layout-table.clinical-trials .expandable-table .public-title {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: help;
}

.layout-table.agreements .expandable-table tbody td:nth-child(2),
.layout-table.agreements .expandable-table thead th:nth-child(2),
.layout-table.mna .expandable-table tbody td:nth-child(2),
.layout-table.mna .expandable-table thead th:nth-child(2) {
    width: 100px;
    min-width: 100px;
}

.layout-table .mna-date {
    gap: 4px;
}

.layout-table .mna-date .small-sub-text {
    background: white;
    border: 1px solid #ddd;
    border-radius: var(--radius);
    padding: 4px;
}

.layout-table.agreements td li {
    font-size: 12px;
    line-height: normal;
}

.badge-email-unverified {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    margin-left: 6px;
}

.badge-email-unverified::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.36374 0.699742C9.98314 0.245133 10.7314 0 11.4997 0C12.2681 0 13.0163 0.245133 13.6357 0.699742L15.0107 1.70974C15.2847 1.90974 15.6037 2.04274 15.9397 2.09374L17.6257 2.35274C18.3851 2.46917 19.0875 2.82482 19.6309 3.36796C20.1742 3.9111 20.5301 4.61341 20.6467 5.37274L20.9057 7.05974C20.9567 7.39574 21.0887 7.71474 21.2897 7.98874L22.2997 9.36374C22.7544 9.98314 22.9995 10.7314 22.9995 11.4997C22.9995 12.2681 22.7544 13.0163 22.2997 13.6357L21.2897 15.0107C21.0886 15.2849 20.9569 15.6036 20.9057 15.9397L20.6467 17.6257C20.5303 18.3851 20.1747 19.0875 19.6315 19.6309C19.0884 20.1742 18.3861 20.5301 17.6267 20.6467L15.9397 20.9057C15.6036 20.9569 15.2849 21.0886 15.0107 21.2897L13.6357 22.2997C13.0163 22.7544 12.2681 22.9995 11.4997 22.9995C10.7314 22.9995 9.98314 22.7544 9.36374 22.2997L7.98874 21.2897C7.71461 21.0886 7.39586 20.9569 7.05974 20.9057L5.37374 20.6467C4.61437 20.5303 3.91195 20.1747 3.36863 19.6315C2.82531 19.0884 2.46943 18.3861 2.35274 17.6267L2.09374 15.9397C2.04261 15.6036 1.91085 15.2849 1.70974 15.0107L0.699742 13.6357C0.245133 13.0163 0 12.2681 0 11.4997C0 10.7314 0.245133 9.98314 0.699742 9.36374L1.70974 7.98874C1.91074 7.71474 2.04274 7.39574 2.09374 7.05974L2.35274 5.37374C2.46917 4.61437 2.82482 3.91195 3.36796 3.36863C3.9111 2.82531 4.61341 2.46943 5.37274 2.35274L7.05974 2.09374C7.39574 2.04274 7.71474 1.91074 7.98874 1.70974L9.36374 0.699742ZM12.7477 1.90874C12.3858 1.64324 11.9486 1.50009 11.4997 1.50009C11.0509 1.50009 10.6137 1.64324 10.2517 1.90874L8.87574 2.91874C8.40682 3.26288 7.86168 3.48862 7.28674 3.57674L5.60074 3.83474C5.15679 3.90294 4.74617 4.11096 4.42856 4.42856C4.11096 4.74617 3.90294 5.15679 3.83474 5.60074L3.57674 7.28674C3.48863 7.86199 3.26289 8.40745 2.91874 8.87674L1.90874 10.2517C1.64324 10.6137 1.50009 11.0509 1.50009 11.4997C1.50009 11.9486 1.64324 12.3858 1.90874 12.7477L2.91874 14.1237C3.26288 14.5927 3.48862 15.1378 3.57674 15.7127L3.83474 17.3987C3.90299 17.8426 4.11105 18.2531 4.42866 18.5705C4.74627 18.8879 5.15687 19.0957 5.60074 19.1637L7.28674 19.4237C7.86191 19.5115 8.40737 19.7369 8.87674 20.0807L10.2517 21.0907C10.6137 21.3562 11.0509 21.4994 11.4997 21.4994C11.9486 21.4994 12.3858 21.3562 12.7477 21.0907L14.1237 20.0807C14.5927 19.7366 15.1378 19.5109 15.7127 19.4227L17.3987 19.1647C17.8426 19.0965 18.2531 18.8884 18.5705 18.5708C18.8879 18.2532 19.0957 17.8426 19.1637 17.3987L19.4237 15.7127C19.5115 15.1376 19.7369 14.5921 20.0807 14.1227L21.0907 12.7477C21.3562 12.3858 21.4994 11.9486 21.4994 11.4997C21.4994 11.0509 21.3562 10.6137 21.0907 10.2517L20.0807 8.87574C19.7366 8.40682 19.5109 7.86168 19.4227 7.28674L19.1647 5.60074C19.0965 5.15679 18.8885 4.74617 18.5709 4.42856C18.2533 4.11096 17.8427 3.90294 17.3987 3.83474L15.7127 3.57674C15.1375 3.48863 14.592 3.26289 14.1227 2.91874L12.7477 1.90874Z' fill='black'/%3E%3Cpath d='M11.5005 16.9899C11.3151 16.9899 11.1338 16.9349 10.9797 16.8319C10.8255 16.7289 10.7053 16.5825 10.6344 16.4112C10.5634 16.2399 10.5448 16.0514 10.581 15.8695C10.6172 15.6877 10.7065 15.5206 10.8376 15.3895C10.9687 15.2584 11.1357 15.1691 11.3176 15.1329C11.4995 15.0968 11.688 15.1153 11.8593 15.1863C12.0306 15.2572 12.177 15.3774 12.28 15.5316C12.383 15.6858 12.438 15.867 12.438 16.0524C12.438 16.3011 12.3392 16.5395 12.1634 16.7153C11.9876 16.8912 11.7491 16.9899 11.5005 16.9899Z' fill='black'/%3E%3Cpath d='M12.2696 13.2798L12.5386 7.56101L12.5368 7.56382C12.5428 7.42629 12.521 7.28896 12.4725 7.16012C12.4241 7.03127 12.35 6.91357 12.2548 6.81413C12.1596 6.71469 12.0453 6.63557 11.9187 6.58154C11.7921 6.5275 11.6558 6.49969 11.5182 6.49976H11.5083C11.3716 6.50107 11.2365 6.5299 11.1112 6.58452C10.9858 6.63914 10.8728 6.71845 10.7787 6.8177C10.6847 6.91695 10.6116 7.03412 10.5638 7.16223C10.516 7.29033 10.4945 7.42675 10.5005 7.56335L10.7696 13.2798C10.7696 13.4787 10.8486 13.6694 10.9892 13.8101C11.1299 13.9507 11.3207 14.0298 11.5196 14.0298C11.7185 14.0298 11.9092 13.9507 12.0499 13.8101C12.1906 13.6694 12.2696 13.4787 12.2696 13.2798Z' fill='black'/%3E%3C/svg%3E");
}

.badge-email-unverified::after {
    content: "Generated email address based on existing company email patterns. \A This address has not been validated.";
    white-space: pre-line;
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 10px;
    width: 180px;
    z-index: 20;
    transform: translateY(-50%);
    top: 50%;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    transition: all .3s;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: none;
}

.badge-email-unverified:hover::after {
    opacity: 1;
    display: flex;
    visibility: visible;
}

/* Profile Details */
.view-more-container {
    background: #fff;
    box-shadow: var(--btg-shadow);
    border-radius: var(--radius);
    padding: 16px;
    font-size: 16px;
}


.view-more__header-resp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.view-more__header-resp .bookmark-container {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-more__nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.view-more__nav a {
    display: flex;
}

.view-more__nav svg {
    background-color: #f1f9ec;
    border-radius: 10px;
    transition: all .3s;
}

.view-more__nav svg:focus,
.view-more__nav svg:hover {
    background-color: rgba(113, 191, 69, .3)
}

.view-more__close {
    display: flex;
    gap: 10px;
    align-items: center;
    gap: 20px;
}

.view-more__close .icon {
    color: #bcbcbc;
    font-size: 20px;
}

.view-more__close .icon:focus,
.view-more__close .icon:hover {
    color: #71bf45;
}

.view-more__sidebar {
    padding: 10px 0 10px 10px;
    width: 250px;
}

.view-more .profile-sidebar {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
}

.view-more .profile-sidebar .accordion__item {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
}

.view-more .profile-sidebar .sidebar__item {
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #ddd;
    border-radius: 4px 0 0 4px;
    color: #B1B1B1;
    width: 95%;
    transition: all .3s;
    box-shadow: inset -8px 0px 5px -5px #0000001f;
    cursor: pointer;
}

.view-more .profile-sidebar .accordion__item:hover .sidebar__item,
.view-more .profile-sidebar .accordion__item.active .sidebar__item {
    background-color: var(--accent);
    color: #fff;
    border-color: var(--accent);
    width: 100%;
    font-weight: 600;
}

.view-more .profile-sidebar .accordion__item:hover .accordion__arrow,
.view-more .profile-sidebar .accordion__item.active .accordion__arrow {
    filter: brightness(0) invert(1);
    transition: all .3s;
}

.accordion__arrow-item.icon-arrow-doen{
	font-size: 10px;
}

.view-more .sidebar__item {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.accordion__item .accordion__rotate {
    transform: rotate(180deg);
}

.accordion__item .accordion__content {
    display: block;
    padding: 0;
    transition: .4s;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    margin-left: 10px;
    padding-left: 10px;
    border-bottom-left-radius: var(--radius);
    box-shadow: var(--btg-shadow);
    width: 95%;
}

.accordion__item .accordion__content.active {
    max-height: 1000px;
    transition: .4s;
    padding-bottom: 6px;
}

.view-more__sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.view-more .sidebar__sub-items li {
    padding: 6px 8px;
    border-left: 3px solid var(--accent);
    color: var(--accent);
    transition: all .3s;
}

.view-more .sidebar__sub-items li:hover {
    background-color: var(--accent);
    color: #fff;
}

.view-more .sidebar__sub-items li:first-child {
    margin-top: 6px;
}


.view-more__container {
    width: calc(100% - 250px);
}

.view-more__main {
    display: flex;
    align-items: stretch;
    border-radius: var(--radius);
    width: 100%;
    background-color: rgba(113, 191, 69, .1);
    overflow: hidden;
}

.view-more__container.single {
    max-width: 100%;
    width: 100%;
}

.view-more__body {
    padding: 24px;
    background-color: #fafafa;
    box-shadow: -8px 0px 5px -5px #0000001f;
    height: 100%;
}

.view-more__body p {
    margin: 0;
}

.view-more__body.company>div+div {
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}

.view-more__body.company .company-logo-container-result {
    margin-bottom: 0px;
}

.view-more-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.view-more-header .view-more-title {
    margin-bottom: 0;
    font-weight: 600;
}

.view-more-header .view-more-info-right {
    white-space: nowrap;
}

.view-more-header .view-more-info-right h4 {
    font-weight: 500;
    margin-bottom: 0px;
    text-align: right;
    font-size: 16px;
    opacity: .5;
}

.view-more-header .view-more-info-right p {
    text-align: right;
    font-size: 14px;
    margin: 0;
    opacity: .5;
}

.view-more-header>.section-title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
}

.view-more-sub-content {
    margin-top: 20px;
}

.view-more-sub-content>p {
    font-size: 14px;
    color: #4c4c4e;
}


.view-more .adress {
    display: block;
    padding-left: 22px;
    position: relative
}

.view-more .adress .icon {
    position: absolute;
    top: 20px;
    left: 4px;
    color: var(--accent);
}

.view-more__row {
    display: flex;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.view-more__col {
    width: 50%
}

.pad-left-22 {
	padding-left: 22px;
}

.view-more__col_full {
    width: 100%;
}

.view-more__col h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.view-more__col div,
.view-more__col_full div {
    margin-bottom: 16px
}

.view-more .btn.gdpr {
    border: 1px solid #ffbf1b;
    font-size: 12px;
    width: auto;
    padding: 6px 12px;
    color: #ffbf1b;
    text-transform: capitalize;
    border-radius: 6px;
    transition: all .2s linear;
}

.view-more .btn.gdpr span {
    margin-right: 4px;
}

.view-more .gdpr:hover {
    transform: scale(1.05);
    background-color: #ffbf1b;
    color: #fff;
}

.view-more__row-last h5 {
    margin-bottom: 0
}

.view-more .img {
    background: #fff;
    border-radius: 6px;
}

.view-more .footer-view-more__header {
    text-align: center;
    margin-bottom: 60px;
    margin-top: 60px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.view-more__footer .footer-view-more__header a {
    transition: none !important;
}


.view-more .footer-view-more__body {
    background: rgba(4, 203, 225, .09);
    border: 1px solid #04cbe1;
    margin-bottom: 14px;
    margin-top: 14px;
    border-radius: 10px;
    padding: 12px
}

.view-more .footer-view-more__body p {
    margin: 0;
}

#gdpr_notice {
    font-size: 12px;
}

#gdpr_notice h5 {
    font-size: 14px;
    margin-bottom: 6px;
}

.view-more .footer-view-more__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 6px;
}

.view-more .footer-view-more__social a {
    display: inline-flex;
    text-align: center;
    background: #fff;
    border-radius: var(--radius-sm);
    font-size: 18px;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-more .footer-view-more__social svg {
    width: 12px;
}

.view-more .footer-view-more__social a:focus svg path,
.view-more .footer-view-more__social a:hover svg path {
    fill: #71bf45
}

.view-more .footer-view-more__copywriter p {
    font-size: 12px;
    margin: 0
}

.view-more .menu-mobile-top {
    display: none;
}

.view-more__sidebar-mobile {
    display: none;
}

.view-more-shadow-header {
    background-color: #f5f5f5;
    width: 100%;
    padding: 16px 0;
    position: relative;
}

.view-more-shadow-header::before {
    width: 16px;
    content: "";
    position: absolute;
    background-color: #f5f5f5;
    left: -16px;
    top: 0;
    height: 100%;
}

.investors-mandate-view .row-section-container {
    width: 100%;
}

.view-more-shadow-header::after {
    width: 16px;
    content: "";
    position: absolute;
    background-color: #f5f5f5;
    right: -16px;
    top: 0;
    height: 100%;
}

.profile-loader-container {
    z-index: -1;
    padding: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background: rgb(255 255 255 / 60%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.profile-loader-container .profile-loader {
    min-height: 100px;
    min-width: 100px;
    top: 0px;
    background-image: url(../img/loader_large.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.profile-detail-inner {
    position: absolute;
    z-index: 60;
    padding: 0px;
    left: 0;
}

.profile-detail-inner .view-more__body::-webkit-scrollbar {
  width: 10px;
  cursor: pointer;
}

/* Track */
.profile-detail-inner .view-more__body::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.profile-detail-inner .view-more__body::-webkit-scrollbar-thumb {
  background: rgb(113 191 69 / 30%); 
  border-radius: 10px;
}

/* Handle on hover */
.profile-detail-inner .view-more__body::-webkit-scrollbar-thumb:hover {
  background: var(--accent); 
}

.view-more-pipeliney__body {
    overflow: hidden;
    margin-bottom: 50px;
    padding-top: 90px;
    padding-right: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    border-radius: var(--radius);
}

.view-more-pipeliney .table-progress__titels {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 312px;
    display: flex;
    justify-content: space-between
}

.view-more-pipeliney .table-progress__titels div {
    position: relative;
    height: 100%;
    border-left: 1px solid #f5f5f5;
    width: 10%
}

.view-more-pipeliney .table-progress__titels div:last-child {
    width: 0
}

.view-more-pipeliney .table-progress__titels div:after {
    content: "Discovery";
    font-weight: 600;
    font-size: 12px;
    line-height: 11px;
    display: block;
    color: #4b34db;
    transform: rotate(-45deg);
    height: auto;
    width: 85px;
    -webkit-text-decoration-color: #f5f5f5;
    text-decoration-color: #f5f5f5;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    top: -40px;
    left: -19px;
    position: absolute
}

.view-more-pipeliney .table-progress__titels div:nth-child(2):after {
    content: "Lead Optimization"
}

.view-more-pipeliney .table-progress__titels div:nth-child(3):after {
    content: "Preclinical"
}

.view-more-pipeliney .table-progress__titels div:nth-child(4):after {
    content: "Ph I"
}

.view-more-pipeliney .table-progress__titels div:nth-child(5):after {
    content: "Ph I/II"
}

.view-more-pipeliney .table-progress__titels div:nth-child(6):after {
    color: #04cbe1;
    content: "Ph II"
}

.view-more-pipeliney .table-progress__titels div:nth-child(7):after {
    color: #04cbe1;
    content: "Ph II/III"
}

.view-more-pipeliney .table-progress__titels div:nth-child(8):after {
    color: #04cbe1;
    content: "Ph III"
}

.view-more-pipeliney .table-progress__titels div:nth-child(9):after {
    color: #04cbe1;
    content: "Pre-file"
}

.view-more-pipeliney .table-progress__titels div:nth-child(10):after {
    color: #71bf45;
    content: "Filed"
}

.view-more-pipeliney .table-progress__titels div:nth-child(11):after {
    color: #71bf45;
    content: "On the market"
}

.view-more-pipeliney .table-progress__left p {
    font-weight: 600;
    font-size: 10px;
    line-height: 1.3;
}

.view-more-pipeliney .table-progress__col {
    display: flex;
    margin-bottom: 16px;
    min-height: 24px;
}

.view-more-pipeliney .table-progress__col:last-child {
    margin-bottom: 0;
}

.view-more-pipeliney .pipeline-show-more {
    padding: 8px 16px;
    font-size: 16px;
}

.view-more-pipeliney .table-progress__left {
    flex: 0 1 167px;
    text-align: right;
}

.view-more-pipeliney .table-progress__right {
    flex: 1 1 auto;
    align-self: center;
    margin: 0 30px 0 12px;
    position: relative;
}

.view-more-pipeliney .progress {
    --progress: 0%;
    cursor: pointer;
}

.view-more-pipeliney .progress progress {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -9999px
}

.view-more .pipeline-row-hide {
	display: none !important;
}

.view-more .pipeline-show-less {
	display: none;
}

.progress-bg {
    background: linear-gradient(112.79deg,
            #4b34db 40%,
            #04cbe1 50%,
            #04cbe1 85%,
            #45bf51 90%,
            #45bf51 100%);
    height: 10px;

    -webkit-mask: linear-gradient(#000 0 0) left / var(--progress) 100% no-repeat;
    mask: linear-gradient(#000 0 0) left / var(--progress) 100% no-repeat;
}

.view-more .content-body {
    padding: 16px;
}

.view-more .content-body .view-more__row {
    margin-bottom: 0;
}

.view-more #clinical-data-summary {
    margin-bottom: 20px;
}

.view-more .clinical--highlight {
    display: flex;
    border-radius: 5px;
    padding: 10px 16px;
    border: solid 1px #7abe54;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.view-more .clinical--highlight .flex {
    align-items: center;
}

.view-more .clinical--highlight .icon-container-left {
    color: #7abe54;
    align-items: center;
    display: flex;
    font-size: 30px;
    padding-right: 16px;
}

.view-more .clinical--highlight .heading-number {
    color: #7abe54;
    font-size: 30px;
    text-align: right;
    padding-left: 16px;
    font-weight: 600;
}

.view-more .clinical--data .heading-title {
    color: #7abe54;
    font-weight: 500;
    font-size: 16px;
}

.view-more-clinical__group {
    margin-bottom: 20px
}

.view-more-clinical .item-type-1,
.view-more-clinical .item-type-2 {
    display: flex
}

.view-more-clinical .item-type-1__left,
.view-more-clinical .item-type-2__left {
    background-color: #e6e6e6;
    flex: 0 0 210px;
    padding: 8px 16px;
}

.view-more-clinical .item-type-2__left {
    background-color: transparent;
    display: flex;
}

.view-more-clinical .item-type-1__right,
.view-more-clinical .item-type-2__right {
    background-color: #f5f5f5;
    flex: 1 1 auto;
    padding: 8px 16px;
    display: flex;
}

.view-more-clinical .item-type-2__right {
    flex-direction: column;
    background-color: transparent;
}

.view-more-clinical .item-type-2__ {
    padding: 10px 16px;
}

.view-more-clinical img {
    max-width: 280px;
}

.view-more-clinical h4 {
    font-weight: 500;
}

.view-more-clinical .item-type-2:nth-child(2n+0) {
    background-color: #f5f5f5
}

.view-more-clinical .item-type-2-icon {
    color: #cbcbcc;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    padding-left: 10px;
    transition: all .3s ease;
}

.view-more-clinical .item-type-2-icon:focus,
.view-more-clinical .item-type-2-icon:hover {
    color: #4c4c4e
}

.view-more-clinical .item-type-2-icon:focus .view-more-i,
.view-more-clinical .item-type-2-icon:hover .view-more-i {
    display: block
}

.view-more-clinical .item-type-2-icon .view-more-i {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    width: 240px;
    font-size: 14px;
    line-height: 1.35;
    padding: 12px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ededed;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    z-index: 99;
    display: none;
}

.view-more-clinical .item-type-2-icon .view-more-i p {
    margin: 0 0 8px;
}

.view-more-clinical .item-type-2-icon .view-more-i p:last-child {
    margin-bottom: 0;
}

.view-more-clinical .item-type-2-icon .view-more-i .currency-conversion-original {
    font-weight: 600;
}

.view-more-clinical .item-type-2-icon .view-more-i .currency-conversion-footnote {
    color: #777;
    font-size: 11px;
}

.view-more-clinical .item-type-2-icon .view-more-i .triangle {
    display: none;
}

.view-more-clinical .item-text {
    font-size: 14px
}


.chembl-img-pop-up {
    position: fixed;
    transition: opacity 0.5s ease, visibility 0.5s;
    padding: 20px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    border: 1px solid rgb(237, 237, 237);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
    z-index: 99;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    opacity: 1;
}

.chembl-img-pop-up img {
	max-width: none;
}

.view-more .section-title {
    font-weight: 600;
    padding-top: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    border-top: solid 1px #ccc;
}


.view-more .financial-table {
    border-collapse: collapse;
    color: #4D494B;
    font-size: 14px;
    margin-bottom: 4px;
}

.view-more .financial-table th:first-child,
.view-more .financial-table td:first-child {
    text-align: left;
}

.view-more .financial-table td:not(:first-child) {
    width: 115px;
}

.view-more .financial-table th,
.view-more .financial-table td {
    border-bottom: solid 1px #cecece;
    border-top: solid 1px #cecece;
    padding: 2px 8px;
    transition: all .1s linear;
    text-align: right;
}

.view-more .financial-table th {
    padding: 6px 8px;
}

.view-more .financial-table tr:hover td {
    background-color: rgb(113 191 69 / 40%);
    font-weight: 500;
    color: #333;
}

.view-more .financial-table tr:last-child td {
    border-bottom: 0;
}

.view-more .financial-table .tbl-small-title {
    font-size: 12px;
}

.view-more .currency-indicator {
    font-size: 12px;
}

.view-more .tab-btn-container {
    display: flex;
    gap: 10px;
}

.view-more .tab-btn {
    cursor: pointer;
    border: solid 1px #afcbe3;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    color: #afcbe3;
}

.view-more .tab-btn.selected {
    background-color: #5798d0;
    color: #fff;
}

.view-more .item-head-bookmark i.fa {
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
}

.view-more .management-item {
    background-color: #f1f1f1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.view-more .invest-port-item .management-item-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5eadf;
}

.view-more .invest-port-item .management-item-header .item-row-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.view-more .invest-port-item .management-item-header .item-row-logo img {
    position: static;
    margin-top: 0;
}

.view-more .invest-port-item .invest-round-cols {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.view-more .invest-port-item .invest-col {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.view-more .invest-port-item .invest-col__label,
.view-more .invest-port-item .invest-round-cols h5 {
    font-size: 12px;
    color: #999;
    font-weight: 500;
    margin-bottom: 4px;
}

.view-more .invest-port-item .invest-round-cols ul.ul-profile {
    list-style: disc;
}

.view-more .invest-port-item .invest-round-cols ul.ul-profile li {
    margin-bottom: 6px;
    line-height: 1;
}

.view-more .group-header {
    border-bottom: solid 1px var(--accent);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.view-more .header-content-right {
    color: #313131b5;
}

.view-more .group-header .header-content-left h4 {
    font-size: 20px;
    color: #71bf45;
    margin-bottom: 6px;
}

.view-more .management-item .social-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #0A66C2;
    background-color: #0a66c21a;
    border-radius: var(--radius-sm);
    padding-right: 6px;
}

.view-more .management-item .social-item .icon-container {
    background-color: #0A66C2;
    padding: 4px 6px;
    border-radius: var(--radius-sm);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.view-more .management-item .social-item i {
    color: #fff;
}

.view-more .management-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-more .management-item-header .item-title {
    font-weight: 600;
    font-size: 20px;
    display: flex;
    flex-direction: column;
}

.view-more .management-item .role {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.view-more .management-item .role-details {
    opacity: .7;
}

.view-more .clinical-summary-tbl {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-size: 14px;
}

.view-more .clinical-summary-tbl th,
.view-more .clinical-summary-tbl td {
    padding: 6px;
    border: 1px solid #ccc;
}

.view-more .clinical-summary-tbl th:first-child,
.view-more .clinical-summary-tbl td:first-child {
    text-align: left;
}

.view-more .clinical-summary-tbl.horizontal th {
    font-weight: 500;
}

.view-more .item-head-expand {
    float: left;
    text-align: center;
    width: 35px;
}

.view-more .item-head-expand-single {
    float: right;
    text-align: center;
    width: 35px;
}

.view-more .item-head i.fa {
    font-size: 18px;
    cursor: pointer;
    padding-right: 6px;
}

.view-more .item-head {
    overflow: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    background-color: #fff;
    gap: 10px;
}

.view-more .item-head-title {
    width: 100%;
}

.view-more .data-title {
    font-weight: 600 !important;
    font-size: 16px;
}

.view-more .item-counter {
    color: var(--accent);
    display: flex;
    align-items: center;
    gap: 6px;
}

.view-more .number-table{
	border-collapse: collapse;
}

.view-more .number-table th {
	text-align: left;
	font-weight: normal;
	padding-left: 0px;
	border:none;
}

.view-more .number-table td {
	text-align: right;
	padding-left: 15px;
	border:none !important;
}

.view-more-white {
    background-color: #fff;
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
}

.view-more-white .view-more__body {
	background-color: white;
}

.view-more-table{
	padding: 16px;
}

.view-more-table > .pagination-block{
	display: flex;
	flex-direction: row-reverse;
	padding-top: 20px;
}

.content-wrapper-main {
    border: solid 1px #ddd;
    border-radius: 10px;
    margin-bottom: 16px;
    overflow: hidden;
}

.small-action-btn-container {
    display: flex;
    gap: 6px;
    padding: 0px 10px;
}

.small-action-btn {
    border: solid 1px #cecece;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
}

.small-action-btn:hover,
.small-action-btn:hover svg {
    cursor: pointer;
    color: #71bf45;
    border-color: #71bf45;
    fill: #71bf45;
    stroke: #71bf45;
}

.list-wrapper-main {
    border: solid 1px #eee;
    border-radius: 10px 10px 0 0;
    margin-top: 20px;
}

.list-wrapper-main>.item-head>.item-head-expand {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.list-wrapper-main>.item-head>.item-head-expand>i {
    color: #71bf45;
}

.content-body-wrapper {
    padding: 16px;
    background-color: #f6f6f6;
}

.row-section-footer {
    border-top: solid 1px #eee;
    padding: 10px 16px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
}

.row-section-footer>.footer-button {
    display: flex;
    gap: 0.3em;
    cursor: pointer;
    width: fit-content;
    align-items: center;
}

.footer-button .fa {
    margin-left: .3em;
}

#news_result {
    margin-bottom: 30px;
}

.news-body {
    padding: 0;
    width: 100%;
    box-shadow: none;
}

.news-body .news-wrapper-main:first-child {
    margin-top: 0;
}

.news-wrapper-main {
    border-radius: var(--radius);
    border: 1px solid #ddd;
    margin-top: 20px;
    overflow: hidden;
}

.news-wrapper-main .item-head {
    background-color: #f6f6f6;
}

.news-wrapper-main .item-head-title h4 {
    color: var(--accent);
    /* padding: 12px 16px; */
    font-weight: 600;
}

#news_result .news-wrapper-main .item-head-title h4,
#events_result .news-wrapper-main .item-head-title h4 {
    padding: 12px 16px;
}

#news_result .view-more-white,
#events_result .view-more-white {
    box-shadow: none;
}

.news-wrapper-main p {
    margin-bottom: 16px;
}

.content-news-source {
    color: #313131b5;
    padding: 12px 16px;
    border-top: 1px solid #ddd;
    background-color: #f6f6f6;
}

.content-news-article {
    border-top: 1px solid #ddd;
    background-color: #fff;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    padding: 16px;
}


/* Map - Profile Popup */
.bioteche-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.bioteche-modal-content {
    background-color: #fefefe;
    margin: auto;
    width: 96%;
    max-width: 1024px;
    border-radius: var(--radius);
    height: 90vh;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    overflow: hidden;
}

.bioteche-modal-content object {
    width: 100%;
    height: 100%;
}



/* Page - Subscription */
#subscriptions-page .subscriptions-content__header {
    padding: 0 10px;
}

#subscriptions-page .subscriptions-content__header>p {
    margin: 0;
    padding: 14px 14px 14px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

#subscriptions-page .subscriptions-content__items {
    margin: 0;
    padding: 0;
}

#subscriptions-page .subscriptions-content__item {
    padding: 10px;
    font-size: 16px;
}

#subscriptions-page .subscriptions-content__item .ul-profile li {
    font-size: 16px;
}

#subscriptions-page .subscriptions-content__item:nth-child(odd) {
    background-color: #f5f5f5;
}


#subscriptions-page :is(.col-service, .col-status a) {
    font-weight: 600;
}

#subscriptions-page .col-number {
    color: #bcbcbc;
}

#subscriptions-page .col-service {
    flex: 1 1 auto;
}

#subscriptions-page .col-status {
    min-width: 110px;
}

#subscriptions-page .hidden-from-desctope {
    display: none;
}

#subscriptions-page .item-subscriptions__wrap.col-receipt {
    align-items: flex-start;
}

#subscriptions-page :is(.expiring, .not-recurring, .valid) {
    padding: 2px 10px;
    border-radius: 6px;
    color: #fff;
}

#subscriptions-page .valid {
    background: color-mix(in srgb, var(--accent) 100%, transparent);
}

#subscriptions-page .expiring {
    color: #000;
    background: color-mix(in srgb, #f8da8c 100%, transparent);
}

#subscriptions-page .not-recurring {
    background: color-mix(in srgb, #ff4949 100%, transparent);
}

#subscriptions-page .biotech-table {
    padding: 20px;
}

#subscriptions-page .col-number {
    flex: 0 0 68px;
}

#subscriptions-page .col-payment {
    flex: 0 0 127px;
}

#subscriptions-page .col-valid {
    flex: 0 0 118px;
}

#subscriptions-page .col-status {
    flex: 0 0 138px;
}

#subscriptions-page .col-amount {
    flex: 0 0 112px;
}

#subscriptions-page .col-receipt {
    flex: 0 0 63px;
}

/* Page - Bookmarks */
#bookmarks-search-result .business-model {
    margin-top: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

#bookmarks-search-result .bookmark-title {
    font-weight: 500;
    margin-bottom: 0;
    flex: 1;
}

#bookmarks-search-result .mobile-tab {
    padding-top: 0;
    padding-bottom: 20px;
}

#bookmarks-search-result .mobile-tab .grid-item {
    padding: 0;
    align-items: center;
}

#bookmarks-search-result .mobile-tab .comp-menu-tab {
    height: 100%;
}

#bookmarks-search-result .comp-menu-tab span {
    display: flex;
    gap: 8px;
    font-weight: 500;
    font-size: 16px;
}

#bookmarks-search-result .comp-menu-tab-container,
#bookmarks-search-result .general-filter-buttons div.img:nth-child(2),
#bookmarks-search-result .result-tags {
    display: none;
}



/* ── Main eyeson content wrapper (single flex child of .all-bioteche) ── */
.ey-main {
    flex: 1;
    order: 2;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--bg);
    padding-bottom: 0 !important;
}

/* ── Shared AI Layout ── */
.ai-layout {
    display: flex;
    gap: 14px;
    max-height: calc(100vh - 162px);
    height: 100vh;
}

/* ── AI sidebar panel ── */
.ai-sidebar {
    width: var(--sidebar-w);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    height: 100%;
}

/* ── AI Input bar ── */
.ai-input-container {
    margin: 16px;
}

.filter-next-msg-notice {
    font-size: 12px;
    color: var(--accent);
    background: #edf7e6;
    border: 1px solid #b8e4a0;
    border-radius: var(--radius-sm);
    padding: 6px 12px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
}

/* ── Per-message filter tags (shown below the user bubble) ── */
.msg-filter-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 4px;
}

.msg-filter-tag {
    font-size: 11px;
    color: var(--accent);
    background: #edf7e6;
    border: 1px solid #b8e4a0;
    border-radius: 99px;
    padding: 2px 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    opacity: .85;
}

.ai-input-bar {
    flex-shrink: 0;
    padding: 0 6px 0 10px;
    display: flex;
    align-items: flex-end;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background-color: #fff;
}

.ai-input-bar:focus-within {
    border-color: var(--accent);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(113, 191, 69, .12);
}

.ai-input-textarea {
    width: 100%;
    box-sizing: border-box;
    resize: none;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    line-height: 1.5;
    outline: none;
    border: none;
    transition: all .3s;
    min-height: 46px;
    max-height: 130px;
    font-size: 16px;
    padding: 12px 0;
}

.ai-input-textarea::-webkit-scrollbar {
    display: none;
}

.ai-input-textarea::placeholder {
    color: var(--text-xs);
}

.ai-input-textarea:disabled {
    color: #b3b3b3;
}

.ai-input-send {
    z-index: 10;
    background: var(--accent);
    color: #fff;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, transform .1s, box-shadow .15s;
    box-shadow: 0 2px 8px rgba(113, 191, 69, .35);
    padding: 6px;
    margin-bottom: 6px;
}

.ai-input-send img {
    filter: brightness(0) grayscale(1) invert(1);
    rotate: 90deg;
}

.ai-input-send:hover:not(:disabled) {
    background: var(--accent-hover);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(113, 191, 69, .45);
}

.ai-input-send:disabled {
    background: #c3e8aa;
    cursor: default;
    box-shadow: none;
    transform: none;
}

/* ── AI Chat Panel ── */
.ai-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    overflow: hidden;
    margin-right: .5rem;
}

.ai-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.ai-welcome-try {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    margin: 10px 0;
}

.ai-sample-queries {
    width: 100%;
    text-align: left;
}

.ai-sample-queries + .ai-sample-queries {
    margin-top: 16px;
}

.ai-sample-query-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 6px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 14px;
    color: var(--text-primary);
    text-align: left;
    transition: all .3s;
}

.ai-sample-query-btn:hover {
    background: #f0f7ec;
    border-color: #b8e4a0;
}

.ai-sample-query-btn:hover .ai-sample-query-btn__cat {
    background-color: var(--accent);
    color: #fff;
}

.ai-sample-query-btn .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%2371BF45'%3E%3Cpath d='M14.217 19.707l-1.112 2.547c-.427.979-1.782.979-2.21 0l-1.112-2.547c-.99-2.267-2.771-4.071-4.993-5.057L1.73 13.292c-.973-.432-.973-1.848 0-2.28l2.965-1.316C6.974 8.684 8.787 6.813 9.76 4.47l1.126-2.714c.418-1.007 1.81-1.007 2.228 0L14.24 4.47c.973 2.344 2.786 4.215 5.065 5.226l2.965 1.316c.973.432.973 1.848 0 2.28l-3.061 1.359c-2.221.986-4.003 2.79-4.992 5.056z'/%3E%3Cpath d='M24.481 27.796l-.339.777c-.248.569-1.036.569-1.284 0l-.339-.777c-.604-1.385-1.693-2.488-3.051-3.092l-1.044-.464c-.565-.251-.565-1.072 0-1.323l.986-.438c1.393-.619 2.501-1.763 3.095-3.195l.348-.84c.243-.585 1.052-.585 1.294 0l.348.84c.594 1.432 1.702 2.576 3.095 3.195l.986.438c.565.251.565 1.072 0 1.323l-1.044.464c-1.358.604-2.447 1.707-3.051 3.092z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.ai-sample-query-btn__cat {
    transition: all .3s;
    font-size: 10px;
    font-weight: 700;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    background-color: var(--btg-light-accent);
    padding: 4px 8px;
    border-radius: var(--radius-xs);
    min-width: 90px;
    text-align: center;
}

/* ── AI Search History - Natural Language Search ── */
.ai-chat-header {
    font-weight: 600;
    padding: 12px;
    background-color: #fff;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    align-items: center;
    box-shadow: var(--btg-shadow);
    height: 52px;
}

.ai-chat-header .btn-back {
    margin-right: 4px;
}

.ai-assisted-search .btn-forward {
    display: none;
}

.ai-assisted-search, 
#result_bd_ai_container {
	padding-bottom: 0 !important;
}

.ai-layout.natural-language-search .btg-card {
    flex: 1;
}

.ai-layout.natural-language-search .sidebar-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 12px;
    padding-right: 12px;
    overflow-y: auto;
}


/* ── AI Query Page Loader ── */
.ai-query-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    gap: 18px;
    padding: 40px 20px;
    box-sizing: border-box;
}

.ai-query-loader__spinner {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid #e4f5d6;
    border-top-color: #71bf45;
    animation: aql-spin 0.75s linear infinite;
    flex-shrink: 0;
}

@keyframes aql-spin {
    to {
        transform: rotate(360deg);
    }
}

.ai-query-loader__text {
    font-size: 13px;
    color: #b0b7c3;
    letter-spacing: 0.01em;
    margin: 0;
}

.ai_history_container {
    display: flex;
    flex-direction: column;
}

.ai_bd_log_history_container .btn-new-thread {
    justify-content: center;
    display: none;
}

.ai_history_container .history_list .history_item+.history_item {
    border-top: 1px solid var(--border);
}

.ai_history_container .history_list .history_item {
    display: flex;
    align-items: center;
    position: relative;
}

.ai_history_container .history_list a {
    transition: all .1s;
    color: var(--text-primary);
    font-size: 14px;
    display: flex;
    padding: 10px 10px 10px 0;
    width: 100%;
}

.ai_history_container .history_list a span {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ai_history_container .icon-delete,
.ai_history_container .ai-icon-rename {
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    cursor: pointer;
    position: absolute;
}

.ai_history_container .icon-delete {
    right: 4px;
}

.ai_history_container .ai-icon-rename {
    right: 26px;
}

.ai_history_container .icon-delete svg,
.ai_history_container .ai-icon-rename svg {
    transition: all .2s;
    width: 18px;
    color: var(--text-muted);
}

.ai_history_container .icon-delete:hover svg {
    color: #E74C3C;
}

.ai_history_container .ai-icon-rename:hover svg {
    color: var(--accent);
}

.ai_history_container .history_list a:hover {
    color: #000;
}

.ai_history_container .history_list a:hover::before {
    filter: brightness(0)
}

.ai_history_container .history_list .history_item:hover+.history_item {
    border-color: #b8e4a0;
}

.ai_history_container .history_list .history_item:hover {
    background: var(--src-active);
    border-color: #b8e4a0;
}

.ai_history_container .history_list .history_item:hover+.history_item {
    border-top-color: #b8e4a0;
}

.ai_history_container .history_list .history_item:hover .icon-delete,
.ai_history_container .history_list .history_item:hover .ai-icon-rename {
    opacity: 1;
    visibility: visible;
}

.ai_history_container .history_list .history_item:hover a {
    padding-right: 50px;
}

.ai_history_container .history_list .history_item.ai-editing .icon-delete,
.ai_history_container .history_list .history_item.ai-editing .ai-icon-rename {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Rename form — style mirrors the main query input bar */
.ai_history_container .ai-rename-row {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 4px 0;
}

.ai_history_container .ai-rename-input {
    flex: 1;
    min-width: 0;
    height: 30px;
    font-size: 13px;
    padding: 0 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    outline: none;
    background: #fff;
    color: var(--text-primary);
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}

.ai_history_container .ai-rename-input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(113, 191, 69, .12);
}

.ai_history_container .ai-rename-input.ai-rename-error {
    border-color: #e74c3c;
    box-shadow: none;
}

.ai_history_container .ai-rename-save,
.ai_history_container .ai-rename-cancel {
    flex-shrink: 0;
    width: 28px;
    height: 30px;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

.ai_history_container .ai-rename-save {
    background: var(--accent);
    color: #fff;
}

.ai_history_container .ai-rename-save:hover:not(:disabled) {
    filter: brightness(1.1);
}

.ai_history_container .ai-rename-save:disabled {
    opacity: .5;
    cursor: default;
}

.ai_history_container .ai-rename-cancel {
    background: #e5e7ef;
    color: #444;
}

.ai_history_container .ai-rename-cancel:hover {
    background: #d0d3e0;
}

.ai-result-layout .sidebar-pane {
    padding: 12px;
}

.ai-result-layout .chatbox-container {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    flex-direction: column-reverse;
}

.ai-result-layout .ai-input-bar {
    box-sizing: border-box;
    width: 100%;
}

.ai-result-layout .ai-chat-turn__user {
    background: var(--user-bubble);
    color: var(--user-text);
    padding: 12px;
    border-radius: 12px 12px 2px 12px;
    font-size: 14px;
    margin-left: 10%;
}

.ai-result-layout .ai-chat-turn__response {
    background: var(--ai-card-bg);
    border-radius: 12px 12px 12px 2px;
    padding: 12px;
    border-top: 3px solid #4f46e5;
    margin-right: 10%;
    font-size: 14px;
}

.ai-result-layout .ai-chat-turn {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ai-result-layout .ai-chat-history {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ai-result-layout .ai-chat-turn--past .ai-chat-turn__user,
.ai-result-layout .ai-chat-turn--past .ai-chat-turn__response {
    opacity: 0.75;
}

.ai-result-layout .ai-results-column {
    border-radius: var(--radius);
    box-shadow: var(--btg-shadow);
    background-color: #fff;
    padding: 16px;
    height: 100%;
}

.ai-result-layout .ai-results-column .general-filter-sort .not-allowed {
    display: flex;
}

.ai-result-layout .ai-results-column .result-card {
    padding: 0 !important;
    box-shadow: none !important;
}

.ai-result-layout .ai-results-column .result-card .layout-default .post-card-right .single-card-right {
    width: 100%;
}

.ai-result-layout .ai-input-textarea {
    font-size: 14px;
}

.ai-result-layout .btg-card {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.ai-result-layout .ai-results-column [id^="tabs-"] {
    padding-top: 0 !important;
}

.ai-results-column .biotech-content .filter-result-content .ui-tabs .ui-tabs-panel .result-card .pagination-block {
    padding: 8px 0;
}

.ai-results-column #biotech-search-result {
    padding-bottom: 0 !important;
    min-height: auto;
}

.ai-results-column .profile-detail-inner .view-more-container {
    position: fixed;
    top: 0;
    max-width: 1200px;
    max-height: 100%;
    overflow: auto;
}

/* .ai-results-column .profile-detail-inner .view-more__body {
    max-height: calc(100vh - 315px);
    overflow: auto;
} */

.ai-results-column .view-more .footer-view-more__header {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ai-results-column .view-more .footer-view-more__footer {
    display: none;
}

.ai-results-column .view-more #gdpr_notice {
    margin-bottom: 0;
}

.ai-guided-search.filter-result-content {
    display: flex;
    justify-content: flex-end;
}

.ai-guided-search.filter-result-content .switch-layout {
    display: flex;
    cursor: pointer;
}

.ai-guided-search.filter-result-content .icon::after {
    top: auto;
    bottom: -100%;
    z-index: 1;
    border: 1px solid #ddd;
}

/* styles for shimmer function */
.ai-shimmer-active {
    position: relative;
    overflow: hidden;
}
.ai-shimmer-active::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;

    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.65) 50%,
        rgba(255,255,255,0) 100%
    );

    animation: aiShimmerMove 1.4s linear infinite;
    pointer-events: none;
}

@keyframes aiShimmerMove {
    from {
        left: -40%;
    }
    to {
        left: 100%;
    }
}

/**** Styles for AI result tags *****/
.ai-tag-toggle-controller {
	cursor: pointer;
    display: flex;
    align-items: center;
}

.ai-tag-toggle-controller span.label {
	font-size: 14px;
	padding-right: 8px;
    display: flex;
    align-items: center;
}

.ai-tag-toggle-container {
	display: none;
}

.biotech-content-no-results {
	max-height: none;
}

.result_bd_ai_container .save_search_new,
.result_bd_ai_container .comp-menu-tab-container,
.result_bd_ai_container .general-filter-buttons > .img:nth-of-type(2),
.hide-result-tags .result-tags,
.ai-results-column .switch-layout  {
	display: none;
}

.result_bd_ai_container .filter-result-content .result-general-filter {
    margin-top: 0;
    margin-bottom: 10px;
    background-color: white;
}

.result_bd_ai_container .results-tag-title {
    display: none !important;
}

.result_bd_ai_container .filter-result-content .general-filter-buttons .img .modal-for-filter {
    left: -35%;
}

.result_bd_ai_container .result-tags {
    border: 1px solid #ececec;
    border-radius: var(--radius);
    padding: 10px;
}

.result_bd_ai_container .results-tag-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.result_bd_ai_container #result-feedback {
	display: flex;
	position: relative;
}

.result_bd_ai_container #result-feedback.hide {
	transform: translateY(-34px);
  opacity: 0;
  visibility: hidden;
	z-index: -1;
	transition: all .3s;
	transition-delay: 1s;
}

/* ---- Two-column AI result layout ---- */
.ai-chat-feedback {
    flex-shrink: 0;
    padding: 8px 14px;
    border-top: 1px solid #e0e0e0;
    font-size: 12px;
    color: #777;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ai-chat-feedback .fa { cursor: pointer; font-size: 14px; }
.ai-chat-feedback .fa.selected { color: #4a6cf7; }

/* Results column — right, remainder */
.ai-results-column {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}
.result_bd_ai_container .result-feedback-form p{
	margin: 0;
}

.result_bd_ai_container .result-feedback-form {
    position: absolute;
    bottom: 30px;
    width: 400px;
    max-width: 78vw;
    font-size: 16px;
    z-index: 1;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    left: 0;
    transform: translateY(10%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.result_bd_ai_container .result-feedback-form.show {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
}

.result_bd_ai_container .feedback-title {
	color: black;
    font-size: 16px;
    margin: 0 0 10px 0;
	font-weight: bold;
}

.result_bd_ai_container #ai-result-textarea {
	resize: none;
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
    outline: none;
	margin: 10px 0;
}

.result_bd_ai_container #result-feedback .button{
  background: #71BF45;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
}

.result_bd_ai_container #result-feedback .button:hover{
	background: #63a93e;
}

.result_bd_ai_container #result-feedback .message {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-right: 6px;
}

.result_bd_ai_container #sidebar-history .ai-input-form {
	display: none;
}

.result_bd_ai_container #sidebar-history .btn-new-thread {
	display: flex;
}

.result-ai-message {
	margin: 6px 0px;
  padding: 18px 12px 18px 12px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, .6);
}
.result-ai-error-bg {
	background-color: rgba(191, 67, 69, .1);
}

.result_ai_loader {
    height: 150px;              /* fixed height */
    display: flex;              
    justify-content: center;    /* horizontal centering */
    align-items: center;        /* vertical centering */
}

.fix-height-div {
    height: 200px;
    overflow: hidden; /* wichtig für saubere Animation */
}

.relative {
  position: relative;
}

/* Group block */
.ai-tag-group {
    background: #fbfbfb;
    border: 1px solid #efefef;
    border-radius: var(--radius-sm);
    padding: 12px;
    margin-top: 8px;
}

.ai-tag-group + .ai-tag-group {
    margin-top: 10px;
}

.ai-tag-group-main {
    background: #fcfcfb;
}

.ai-tag-group-constraint {
    background: #fafafa;
}

/* Group header */
.ai-tag-group-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.ai-tag-group-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ai-tag-group-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: #63b32e;
}

.ai-tag-group-label {
    font-size: 14px;
    font-weight: 600;
}

.ai-tag-group-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Operator badges */
.ai-operator-badge,
.ai-parent-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 9px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.ai-operator-badge {
    font-weight: 600;
    border: 1px solid transparent;
}

.ai-operator-badge .symbol,
.ai-parent-badge i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
}

.op-must-have {
    background: #edf7ea;
    color: #3b7e20;
    border-color: #d7ebcf;
}

.op-must-not-have {
    background: #fdeeee;
    color: #b33b3b;
    border-color: #f5d2d2;
}

.op-any-of {
    background: #eef3ff;
    color: #4b5fc7;
    border-color: #d8e0fb;
}

.ai-parent-badge {
    background: #f3f4f6;
    color: #6a6f7a;
    border: 1px solid #e4e7ec;
}

/* Tag list */
.ai-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* style of tags */


/* Tag base */
.label-color.ai-tag {
    display: inline-flex;
    align-items: center;
    padding-right: 10px !important;
    max-width: 100%;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 14px;
    line-height: 1.2;
    border: 1px solid transparent;
}

.label-color.ai-tag .text {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.ai-tag-key {
    font-weight: 500;
}

.ai-tag-value {
    font-weight: 400;
}

/* Existing color families adapted */
.ai-tag-group-main .label-color {
	background-color: rgba(76, 76, 78, .07) !important;
}

.ai-tag-group-main .label-color .text {
	color: #4c4c4e !important;
}

.tag-list-op-must-have .label-color {
	background-color: rgba(113, 191, 69, .07) !important;
}

.tag-list-op-must-have .label-color .text {
	color: #71bf45 !important;
}

.tag-list-op-any-of .label-color {
	background-color: #eef3ff !important;
}

.tag-list-op-any-of .label-color .text {
	color: #4b5fc7 !important;
}

.tag-list-op-must-not-have .label-color {
	background-color: #f2dede !important;
}

.tag-list-op-must-not-have .label-color .text {
	color: #a94442 !important;
}

/* Exclude tag */
.ai-tag-exclude {
    border-color: #f3d1d1 !important;
}

.ai-tag-exclude i.fa {
	color: #b33b3b !important;
}

.ai-tag-prefix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    margin-right: 2px;
}

.ai-tag-group-icon i {
    font-size:13px;
    opacity:0.8;
}

/* Optional hover */
.label-color.ai-tag:hover {
    filter: brightness(0.98);
}


/* ── Filters panel hidden by default (animated slide) ── */
#btn-filters-toggle::before {
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 4px;
    -webkit-mask: url("../img/icon-filter.svg") center / contain no-repeat;
    mask: url("../img/icon-filter.svg") center / contain no-repeat;
    background-color: var(--text-primary);
}

.filters-panel {
    background: var(--header-bg);
    padding: 0 20px;
    overflow: hidden;
    max-height: 0;
    transition: max-height .25s ease, padding .25s ease;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
}

.filters-panel.open {
    max-height: 240px;
    padding: 14px 20px;
    overflow: initial;
    border-bottom: 1px solid var(--border);
}

/* Compact Select2 scoped only to the AI filter panel */
.filters-panel .select2-container {
    width: 100% !important;
}

.filters-panel .select2-selection--single {
    height: 33px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    background: #fff !important;
    display: flex;
    align-items: center;
}

.filters-panel .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
    line-height: 33px !important;
    padding-left: 10px !important;
    padding-right: 24px !important;
    color: var(--text-primary) !important;
}

.filters-panel .select2-selection--single .select2-selection__placeholder {
    color: #aaa !important;
}

.filters-panel .select2-selection--single .select2-selection__arrow {
    height: 31px !important;
    right: 4px !important;
}

.filters-panel .filters-row {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.filters-panel .filters-help {
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.filters-panel .filters-help span {
    color: var(--accent);
    white-space: nowrap;
}

.filters-panel .filters-help i {
    flex-shrink: 0;
    color: var(--accent);
}

.filters-panel .filters-help .filter-help-info {
    position: absolute;
    right: 0;
    width: 365px;
    top: 30px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px;
    color: var(--text-muted);
    background-color: #fafafa;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 1;
}

.filters-panel .filters-help:hover .filter-help-info {
    top: 20px;
    opacity: 1;
    visibility: visible;
}

.filters-panel .filter-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filters-panel .filter-group--broker {
    min-width: 180px;
    flex: 1;
    max-width: 260px;
}

.filters-panel .filter-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .4px;
}

.filters-panel .filter-input {
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--text-primary);
    min-width: 140px;
    outline: none;
}

.filters-panel .filter-input[type="date"] {
    cursor: pointer;
}

.filters-panel .filter-input:focus {
    border-color: var(--accent);
}

.filters-panel .filter-actions {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.filters-panel .btn-apply {
    background: var(--accent);
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    height: 33px;
}

.filters-panel .btn-reset-filters {
    background: transparent;
    color: var(--text-muted);
    border: 1px solid var(--border);
    font-size: 13px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    height: 33px;
    white-space: nowrap;
}

.filters-panel .btn-reset-filters:hover {
    color: var(--text-primary);
    border-color: var(--text-muted);
}


/* Analyst Report */
#pt-table {
	border-collapse: collapse;
	width: 100%;
    font-size: 14px;
}

#pt-table th {
	font-size: 14px;
	color: #333;
    font-weight: 600;
    background-color: #F9F9F9;
}

#pt-table tr:hover td {
    background-color: #eaeaea;
}

#pt-table th,
#pt-table td {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
    vertical-align: top;
    padding: 8px 10px;
    word-wrap: break-word;
    white-space: normal;
}

#pt-table td:last-child,
#pt-table th:last-child {
  width: 90px;
  text-align: center;
  border-right: 1px solid #dee2e6;
  vertical-align: middle;
}

#pt-table td:first-child,
#pt-table th:first-child {
  border-left: 1px solid #dee2e6;
}

.pt-list-title{
	font-size: 20px;
    font-weight: 500;
}

.pt-list-small-text{
	font-size: 12px;
	opacity: .6;
    display: flex;
    margin-bottom: 8px;
    line-height: normal;
}

.pt-list-container{
	line-height: 20px;
}

.pt-list-container b {
    color: var(--accent);
    font-weight: 600;
}

.pdf-canvas-container {
	background-color: #fff;
	width: 98%;
	height: 98%;
	position: fixed;
	z-index: 60;
	top: 50%;
	left: 50%;
	border-radius: var(--radius);
	flex-direction: column;
	transform: translate(-50%, -50%);
}

.pdf-canvas-container-title {
	padding: 16px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: var(--accent);
}

.pdf-canvas-container .document-content-container{
    display: flex;
    flex-direction: row-reverse;
}

.pdf-canvas-container .document-canvas-info-right {
  min-width: 300px;
  padding: 20px 20px 20px 40px;
}

.pdf-canvas-container .side-pop-up-info {
    margin-bottom: 20px;
}

.pdf-canvas-container .side-pop-up-info ul{
	margin: 0px;
	padding-left: 20px;
}

.pdf-canvas-container .side-pop-up-info  .lbl-title{
	font-weight: 600;
}

.pdf-canvas-container .side-pop-up-info p {
    margin: 4px 0;
}


.pdf-canvas-container .close-pdf{
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	color:#fff;
}

.pdf-canvas-container .pdf-canvas {
	height: calc(100vh - 55px);
	width: 100%;
	overflow: auto;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 10px;
	background-color: #333;
	position: unset;
	flex-grow: 1;
}

.pdf-canvas-container .pdf-canvas .profile-loader-container {
    z-index: 1  ;
}

.pdf-canvas table{
	border-collapse: collapse;
}

.pdf-canvas h2 {
    background-color: #f0f0f0;
    padding: 5px;
    margin: 0;
}
.pdf-canvas td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
.pdf-canvas th {
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    padding: 8px;
    text-align: left;
}

/* Tabbed interface styles */
.pdf-canvas>.ui-tabs-nav{
	display: flex;
	position: absolute;
	width: calc(100% - 300px);
	overflow: auto;
    left: 0;
    bottom: 0;
}

.pdf-canvas>.ui-tabs-nav>.nav-item>.nav-link{
	padding: .5em .5em;
	font-size: 14px;
}

.pdf-canvas>.tab-content {
    background-color: #fff;
}

.pdf-canvas>.tab-content>.tab-pane{
	overflow-x: auto;
}

.pdf-canvas>.ui-tabs-nav>.nav-item.ui-state-active{
	background: #71bf45;
	border-color: #71bf45;
}

.filter-data-text {
    margin-bottom: 16px;
}

.financing-table {
	background: #fff;
	box-shadow: var(--btg-shadow);
	border-radius: var(--radius);
	padding: 20px;
	margin: 0 0 10px 0;
}

.financing-table + .financing-table {
    margin-top: 30px;
}

.financing-table .bold-font{
	font-weight: bold;
}

.financing-table .single-table-data-title{
	padding:10px 20px;
	margin-top:20px;
	background-color:#ccc;
}

.financing-table .single-table-data-title:nth-of-type(2){
	margin-top:0px;
}

.financing-table .table-data .single-table-data {
	display: flex;
	justify-content: space-between;
	padding: 8px 16px;
}

.financing-table .table-data .single-table-data .name {
    width: calc(100% - 470px);
    font-weight: 600;
	display: flex;
	align-items: center
}

.financing-table .table-data .single-table-data .name span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.financing-table .table-data .single-table-data .summary,
.financing-table .table-data .single-table-data .capacity,
.financing-table .table-data .single-table-data .year {
	width: 165px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.financing-table .table-data .single-table-data .download {
	display: flex;
	justify-content: flex-end;
}


.financing-table .table-data .single-table-data:nth-child(2n+1) {
	background: #f5f5f5
}

.financing-table .table-data.stats > .single-table-data > div{
	flex:1;
	text-align: center;
    padding: 0 6px;
}

.financing-table .table-data.stats > .single-table-data > .align-left{
	text-align: left;
}

.financing-table .tbl-dark-column{
	background-color: #323232!important;
	color:#fff!important;
}

.financing-table .tbl-dark-column > .name{
	color:#fff!important;
}

/* .financing-summary-content .financing-text {
	font-size: 18px;
	line-height: 28px;
} */

.financing-summary-content .financing-text a {
	color: var(--accent);
}

.financing-summary-content .financing-table {
    margin-bottom: 40px;
    overflow: auto;
}

.financing-table .for-mobile {
	display: none
}

.financing-table .table-navigation {
	display: flex;
	justify-content: space-between;
    padding: 10px 16px;
    align-items: center;
}

.title-table-outer{
	padding:1rem 0;
}

.title-table-outer > span{
	font-size: 18px;
	font-weight: 600;
}

/* ── Header bar ── */
.ey-main.biotech-content .header {
    /* display: none; */
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    flex-shrink: 0;
}

.header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo-icon {
    font-size: 22px;
}

.page-title,
.business-model-title,
.financing-summary-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-bottom: 24px;
}

.logo-badge {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    background: var(--accent);
    color: #fff;
    padding: 2px 7px;
    border-radius: 99px;
    text-transform: uppercase;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-ghost {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background .15s;
}

.btn-ghost:hover {
    background: var(--chip-bg);
}

.btn-ghost--sm {
    padding: 4px 10px;
    font-size: 14px;
}

/* ── Chat header welcome mode (no active thread) ── */
.chat-header--welcome .mobile-back-btn,
.chat-header--welcome .chat-header-info,
.chat-header--welcome .btn-new-thread {
    display: none;
}

.filter-active-summary {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.filter-chip {
    background: #edf7e6;
    border: 1px solid #b8e4a0;
    color: var(--accent);
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 99px;
    white-space: nowrap;
}


/* ── Sidebar tabs ── */
.sidebar-tabs {
    display: flex;
    flex-shrink: 0;
    padding: 0;
    background: transparent;
}

.sb-tab {
    flex: 1;
    padding: 8px 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    background: none;
    border: none;
    border-top: 4px solid transparent;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
    transition: all .3s;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.sb-tab:hover::before {
    content: '';
    position: absolute;
    bottom: -10px;
    background-color: #fff;
    height: 10px;
    width: 100%;
    z-index: -1;
}

.sb-tab:hover,
.sb-tab-active {
    color: var(--accent);
    background: #fff;
    border-color: var(--accent);
    font-weight: 500;
    box-shadow: 0 -3px 8px 0px rgba(0, 0, 0, .07);
}

.sb-tab-badge {
    background: #e5e7eb;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    border-radius: 99px;
    padding: 2px 8px;
}

.sb-tab-active .sb-tab-badge {
    background: var(--accent);
    color: #fff;
}

/* ── Sidebar search box ── */
.sidebar-search-wrap {
    flex-shrink: 0;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border);
    background: #fff;
    border-top-left-radius: var(--btg-pane-radius);
    border-top-right-radius: var(--btg-pane-radius);
    display: flex;
    gap: 10px;
    align-items: center;
}

.sidebar-search-wrap--new-only {
    justify-content: flex-end;
}

.sidebar-search-wrap--new-only .sidebar-search {
    display: none;
}

.sidebar-search {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fff;
    color: var(--text-primary);
    outline: none;
    transition: border-color .15s;
}

.sidebar-search:focus {
    border-color: var(--accent);
}

.sidebar-search::placeholder {
    color: var(--text-xs);
}

/* ── Chat header (thread title bar) ── */
.chat-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    min-height: 44px;
    border-bottom: 1px solid var(--border);
    background: var(--chat-bg);
    justify-content: flex-end;
}

.chat-header-info {
    flex: 1;
    min-width: 0;
}

.chat-header-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: var(--text-primary);
}

.chat-header-title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-header-edit {
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: transparent;
    transition: color .15s, background .15s;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.862 4.487L18.549 2.799C18.9007 2.44733 19.3777 2.24976 19.875 2.24976C20.3723 2.24976 20.8493 2.44733 21.201 2.799C21.5527 3.15068 21.7502 3.62766 21.7502 4.125C21.7502 4.62235 21.5527 5.09933 21.201 5.451L10.582 16.07C10.0533 16.5984 9.40137 16.9867 8.685 17.2L6 18L6.8 15.315C7.01328 14.5986 7.40163 13.9467 7.93 13.418L16.862 4.487ZM16.862 4.487L19.5 7.125M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 8px;
}

.chat-header-edit:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.862 4.487L18.549 2.799C18.9007 2.44733 19.3777 2.24976 19.875 2.24976C20.3723 2.24976 20.8493 2.44733 21.201 2.799C21.5527 3.15068 21.7502 3.62766 21.7502 4.125C21.7502 4.62235 21.5527 5.09933 21.201 5.451L10.582 16.07C10.0533 16.5984 9.40137 16.9867 8.685 17.2L6 18L6.8 15.315C7.01328 14.5986 7.40163 13.9467 7.93 13.418L16.862 4.487ZM16.862 4.487L19.5 7.125M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10' stroke='%2371bf45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.chat-header-meta {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 6px;
}

.btn-new-thread {
    flex-shrink: 0;
    background: var(--accent);
    color: #fff;
    border: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.btn-new-thread::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 27' fill='none'%3E%3Cpath d='M11 8.75H3.37598C2.87898 8.75172 2.40321 8.95031 2.05176 9.30176C1.70031 9.65321 1.50172 10.129 1.5 10.626V19.624C1.50172 20.121 1.70031 20.5968 2.05176 20.9482C2.40321 21.2997 2.87898 21.4983 3.37598 21.5H5.25C5.66421 21.5 6 21.8358 6 22.25V24.3984L9.16211 21.7617C9.36438 21.593 9.62037 21.5 9.88379 21.5H17.624C18.121 21.4983 18.5968 21.2997 18.9482 20.9482C19.2997 20.5968 19.4983 20.121 19.5 19.624V17H21V19.627C20.9975 20.5207 20.6417 21.3778 20.0098 22.0098C19.3778 22.6417 18.5207 22.9975 17.627 23H10.0195L5.73047 26.5762C5.50693 26.7626 5.19523 26.8031 4.93164 26.6797C4.66811 26.5563 4.5 26.291 4.5 26V23H3.37305C2.47929 22.9975 1.62222 22.6417 0.990234 22.0098C0.35825 21.3778 0.00254269 20.5207 0 19.627V10.623C0.00254269 9.72929 0.35825 8.87222 0.990234 8.24023C1.62222 7.60825 2.47929 7.25254 3.37305 7.25H11V8.75Z' fill='white'/%3E%3Cpath d='M20 14.6666C23.6819 14.6666 26.6667 11.6818 26.6667 7.99992C26.6667 4.31802 23.6819 1.33325 20 1.33325C16.3181 1.33325 13.3333 4.31802 13.3333 7.99992C13.3333 11.6818 16.3181 14.6666 20 14.6666Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 5.33325V10.6666' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3333 8H22.6667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: 4px;
}

.btn-new-thread:hover {
    background: var(--accent-hover);
}

.btn-new-thread.btn-small::before {
    width: 24px;
    height: 24px;
}

.chat-header-rename-input {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
}

/* ── Sidebar pane + content ── */
.sidebar-pane {
    display: flex;
    flex: 1;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 12px 14px rgb(0 0 0 / 5%);
    border-radius: var(--btg-pane-radius);
    padding: .5rem;
    overflow: hidden;
}

.sidebar-pane#pane-threads {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar-pane#pane-pinned {
    border-top-left-radius: 0;
}

.sidebar-pane#pane-sources {
    border-top-right-radius: 0;
}

.sidebar-scroll {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    counter-reset: src-item;
}

.sidebar-scroll .src-item {
    counter-increment: src-item;
}

.sidebar-scroll .src-item::before {
    content: counter(src-item);
    margin: 10px 8px 10px 0px;
    padding-left: .5rem;
    min-width: 2rem;
    border-right: 1px solid var(--accent);
    font-size: 14px;
}

.sidebar-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-xs);
    font-size: 14px;
    text-align: center;
    min-height: 300px;
}

.sidebar-source-time {
    padding: 6px 12px 2px;
    font-size: 10px;
    color: var(--text-xs);
    flex-shrink: 0;
}

/* ── Thread items ── */
.thread-item {
    display: flex;
    padding: 10px 4px;
    transition: all .3s;
    position: relative;
}

.thread-item+.thread-item {
    border-top: 1px solid var(--border);
}

.thread-item:hover {
    background: #f5faf2;
    border-color: #b8e4a0;
}

.thread-item:hover+.thread-item {
    border-color: #b8e4a0;
}

.thread-item.thread-active {
    background: var(--src-active);
}

.thread-item.thread-pinned {
    border-left: 3px solid var(--accent);
}

.thread-item-main {
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.thread-item-title {
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 32px;
}

.thread-item-meta {
    font-size: 12px;
    color: #9b9b9b;
    margin-top: 3px;
}

.thread-action-btn::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;

    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M11.2425 7.06289L10.983 13.8129M7.392 13.8129L7.1325 7.06289M12 4.35764C12.8728 4.42521 13.7429 4.52453 14.6085 4.65539C14.865 4.69439 15.12 4.73564 15.375 4.77989M14.6085 4.65539L13.8075 15.0676C13.7748 15.4916 13.5833 15.8875 13.2713 16.1763C12.9592 16.4651 12.5497 16.6255 12.1245 16.6254H6.2505C5.82532 16.6255 5.41577 16.4651 5.10373 16.1763C4.7917 15.8875 4.60019 15.4916 4.5675 15.0676L3.7665 4.65539M3.7665 4.65539C3.51 4.69364 3.255 4.73489 3 4.77914M3.7665 4.65539C4.6321 4.52453 5.50218 4.42521 6.375 4.35764M12 4.35764V3.67064C12 2.78564 11.3175 2.04764 10.4325 2.01989C9.60271 1.99337 8.77229 1.99337 7.9425 2.01989C7.0575 2.04764 6.375 2.78639 6.375 3.67064V4.35764M12 4.35764C10.1278 4.21295 8.24721 4.21295 6.375 4.35764' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.thread-action-btn:hover::before {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M11.2425 7.06289L10.983 13.8129M7.392 13.8129L7.1325 7.06289M12 4.35764C12.8728 4.42521 13.7429 4.52453 14.6085 4.65539C14.865 4.69439 15.12 4.73564 15.375 4.77989M14.6085 4.65539L13.8075 15.0676C13.7748 15.4916 13.5833 15.8875 13.2713 16.1763C12.9592 16.4651 12.5497 16.6255 12.1245 16.6254H6.2505C5.82532 16.6255 5.41577 16.4651 5.10373 16.1763C4.7917 15.8875 4.60019 15.4916 4.5675 15.0676L3.7665 4.65539M3.7665 4.65539C3.51 4.69364 3.255 4.73489 3 4.77914M3.7665 4.65539C4.6321 4.52453 5.50218 4.42521 6.375 4.35764M12 4.35764V3.67064C12 2.78564 11.3175 2.04764 10.4325 2.01989C9.60271 1.99337 8.77229 1.99337 7.9425 2.01989C7.0575 2.04764 6.375 2.78639 6.375 3.67064V4.35764M12 4.35764C10.1278 4.21295 8.24721 4.21295 6.375 4.35764' stroke='%23E74C3C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.thread-action-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 6px;
    opacity: 0;
    transition: all .3s;
    color: var(--text-muted);
    position: absolute;
    top: 8px;
    right: 8px;
}

.thread-item:hover .thread-action-btn,
.thread-item.thread-active .thread-action-btn {
    opacity: 1;
}

.thread-action-btn.pinned {
    opacity: 1;
    color: var(--accent);
}

/* 
.thread-action-btn.pinned:hover {
    background: #e5e7eb;
}

.thread-action-btn.delete-btn:hover {
    color: #dc2626;
    background: #fee2e2;
} */

/* ── Source items ── */
.src-item {
    display: flex;
    transition: background .15s, border-color .15s;
    position: relative;
    transition: all .3s;
}

.src-item+.src-item {
    border-top: 1px solid var(--border);
}

.src-item:hover {
    background: #f0f7ec;
    border-color: #b8e4a0;
    cursor: pointer;
}

.src-item:hover .src-badge-summary {
    opacity: 1;
}

.src-item:hover+.src-item {
    border-top-color: #b8e4a0;
}

.src-item.active {
    background: var(--src-active);
    border-color: #8fd468;
}

.src-item-main {
    display: flex;
    gap: 10px;
    padding: 10px 10px 10px 0px;
    flex: 1;
    min-width: 0;
}

.src-num {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    color: #bbb;
    width: 16px;
    padding-top: 2px;
    text-align: center;
}

.src-body {
    flex: 1;
    min-width: 0;
}

.src-title-row {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 4px;
}

.src-title {
    font-size: 14px;
    line-height: 1.2;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 32px;
}

.src-badge-summary {
    font-weight: 600;
    background: var(--accent);
    color: #fff;
    border-radius: 4px;
    padding: 4px 6px;
    white-space: nowrap;
    position: absolute;
    bottom: 6px;
    right: 0px;
    opacity: 0;
    transition: all .3s;
    display: flex;
    align-items: center;
}

.src-badge-summary::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23fff'%3E%3Cpath d='M14.217 19.707l-1.112 2.547c-.427.979-1.782.979-2.21 0l-1.112-2.547c-.99-2.267-2.771-4.071-4.993-5.057L1.73 13.292c-.973-.432-.973-1.848 0-2.28l2.965-1.316C6.974 8.684 8.787 6.813 9.76 4.47l1.126-2.714c.418-1.007 1.81-1.007 2.228 0L14.24 4.47c.973 2.344 2.786 4.215 5.065 5.226l2.965 1.316c.973.432.973 1.848 0 2.28l-3.061 1.359c-2.221.986-4.003 2.79-4.992 5.056z'/%3E%3Cpath d='M24.481 27.796l-.339.777c-.248.569-1.036.569-1.284 0l-.339-.777c-.604-1.385-1.693-2.488-3.051-3.092l-1.044-.464c-.565-.251-.565-1.072 0-1.323l.986-.438c1.393-.619 2.501-1.763 3.095-3.195l.348-.84c.243-.585 1.052-.585 1.294 0l.348.84c.594 1.432 1.702 2.576 3.095 3.195l.986.438c.565.251.565 1.072 0 1.323l-1.044.464c-1.358.604-2.447 1.707-3.051 3.092z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px 14px;
    width: 12px;
    height: 14px;
    display: inline-block;
    margin-right: 2px;
}

.src-meta-row {
    display: flex;
    gap: 5px;
    font-size: 12px;
    color: #9b9b9b;
    flex-wrap: wrap;
    align-items: center;
}

.src-meta-row .left-meta {
    display: flex;
    gap: 6px;
}

.src-broker {
    white-space: nowrap;
}

.src-date {
    white-space: nowrap;
}

.src-relevance-bar {
    flex-shrink: 0;
    width: 54px;
    height: 4px;
    background: #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 8px;
}

.src-relevance-fill {
    height: 100%;
    width: 70%;
    background: linear-gradient(90deg, var(--accent), #a8db7a);
    border-radius: 99px;
    transition: width .4s ease;
}

.src-pin-btn {
    background: none;
    border: none;
    padding: 8px;
    transition: all .3s;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 0;
}

.src-pin-btn::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 22px;
    background-color: #ddd;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 22'%3E%3Cpath d='M4.146 3.146C4.19252 3.0996 4.24773 3.06282 4.30847 3.03777C4.36921 3.01272 4.4343 2.99988 4.5 3H11.5C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5C12 4.18 11.658 4.674 11.354 4.979C11.228 5.104 11.104 5.203 11 5.277V9.708L11.078 9.756C11.281 9.883 11.554 10.07 11.829 10.311C12.36 10.775 13 11.527 13 12.5C13 12.6326 12.9473 12.7598 12.8536 12.8536C12.7598 12.9473 12.6326 13 12.5 13H8.5V17.5C8.5 17.776 8.276 19 8 19C7.724 19 7.5 17.776 7.5 17.5V13H3.5C3.36739 13 3.24021 12.9473 3.14645 12.8536C3.05268 12.7598 3 12.6326 3 12.5C3 11.527 3.64 10.775 4.17 10.311C4.42894 10.0867 4.70663 9.88494 5 9.708V5.277C4.8745 5.18693 4.75615 5.0873 4.646 4.979C4.342 4.674 4 4.179 4 3.5C3.99988 3.4343 4.01272 3.36921 4.03777 3.30847C4.06282 3.24773 4.0996 3.19252 4.146 3.146ZM5.724 4.553L5.726 4.554C5.80842 4.59577 5.87766 4.65955 5.92603 4.73828C5.97439 4.81701 6 4.9076 6 5V10C6 10.0928 5.97418 10.1837 5.92544 10.2627C5.87669 10.3416 5.80695 10.4054 5.724 10.447H5.722L5.71 10.454L5.656 10.484C5.36146 10.6489 5.08438 10.8432 4.829 11.064C4.511 11.342 4.244 11.66 4.104 12H11.896C11.756 11.66 11.489 11.342 11.171 11.064C10.9 10.8297 10.6047 10.6252 10.29 10.454L10.278 10.448H10.276C10.1929 10.4064 10.1231 10.3424 10.0743 10.2632C10.0255 10.1841 9.99982 10.0929 10 10V5C9.99962 4.90331 10.0273 4.80858 10.0796 4.7273C10.132 4.64601 10.2068 4.58164 10.295 4.542C10.4227 4.46648 10.5406 4.37546 10.646 4.271C10.726 4.191 10.801 4.101 10.86 4H5.14C5.20067 4.1 5.272 4.19033 5.354 4.271C5.46462 4.38061 5.58899 4.4754 5.724 4.553Z'/%3E%3C/svg%3E") no-repeat center;
    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 22'%3E%3Cpath d='M4.146 3.146C4.19252 3.0996 4.24773 3.06282 4.30847 3.03777C4.36921 3.01272 4.4343 2.99988 4.5 3H11.5C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5C12 4.18 11.658 4.674 11.354 4.979C11.228 5.104 11.104 5.203 11 5.277V9.708L11.078 9.756C11.281 9.883 11.554 10.07 11.829 10.311C12.36 10.775 13 11.527 13 12.5C13 12.6326 12.9473 12.7598 12.8536 12.8536C12.7598 12.9473 12.6326 13 12.5 13H8.5V17.5C8.5 17.776 8.276 19 8 19C7.724 19 7.5 17.776 7.5 17.5V13H3.5C3.36739 13 3.24021 12.9473 3.14645 12.8536C3.05268 12.7598 3 12.6326 3 12.5C3 11.527 3.64 10.775 4.17 10.311C4.42894 10.0867 4.70663 9.88494 5 9.708V5.277C4.8745 5.18693 4.75615 5.0873 4.646 4.979C4.342 4.674 4 4.179 4 3.5C3.99988 3.4343 4.01272 3.36921 4.03777 3.30847C4.06282 3.24773 4.0996 3.19252 4.146 3.146ZM5.724 4.553L5.726 4.554C5.80842 4.59577 5.87766 4.65955 5.92603 4.73828C5.97439 4.81701 6 4.9076 6 5V10C6 10.0928 5.97418 10.1837 5.92544 10.2627C5.87669 10.3416 5.80695 10.4054 5.724 10.447H5.722L5.71 10.454L5.656 10.484C5.36146 10.6489 5.08438 10.8432 4.829 11.064C4.511 11.342 4.244 11.66 4.104 12H11.896C11.756 11.66 11.489 11.342 11.171 11.064C10.9 10.8297 10.6047 10.6252 10.29 10.454L10.278 10.448H10.276C10.1929 10.4064 10.1231 10.3424 10.0743 10.2632C10.0255 10.1841 9.99982 10.0929 10 10V5C9.99962 4.90331 10.0273 4.80858 10.0796 4.7273C10.132 4.64601 10.2068 4.58164 10.295 4.542C10.4227 4.46648 10.5406 4.37546 10.646 4.271C10.726 4.191 10.801 4.101 10.86 4H5.14C5.20067 4.1 5.272 4.19033 5.354 4.271C5.46462 4.38061 5.58899 4.4754 5.724 4.553Z'/%3E%3C/svg%3E") no-repeat center;
}

.src-pin-btn:hover::before,
.src-pin-btn.pinned::before {
    opacity: 1;
    background-color: var(--accent);
}

.src-pin-btn.pinned:hover::before {
    opacity: 1;
    background-color: #E74C3C;
}

.src-pin-btn:hover {
    opacity: 1 !important;
    color: var(--accent);
}

/* ── Messages container ── */
.chat-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--chat-bg);
    position: relative;
    border-radius: 8px;
    box-shadow: var(--btg-shadow);
}

.messages {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ── User message ── */
.msg-user {
    display: flex;
    justify-content: flex-end;
}

.msg-user-inner {
    max-width: 62%;
}

.msg-user-header {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
}

.msg-time {
    font-size: 10px;
    color: var(--text-xs);
    padding: 5px 10px;
}

.msg-user-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
}

.user-bubble {
    background: var(--user-bubble);
    color: var(--user-text);
    padding: 12px;
    border-radius: 12px 12px 2px 12px;
    font-size: 16px;
    line-height: 1.45;
    word-break: break-word;
}

/* ── AI message ── */
.msg-ai {
    display: flex;
    gap: 12px;
    max-width: 88%;
}

.ai-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: var(--accent);
    color: #fff;
    border-radius: 50%;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(113, 191, 69, .28);
}

.msg-ai-inner {
    flex: 1;
    min-width: 0;
}

.msg-ai-header {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
}

.msg-ai-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.msg-ai-card {
    background: var(--ai-card-bg);
    border-radius: 12px 12px 12px 2px;
    padding: 12px;
    border-top: 3px solid #4f46e5;
}

/* ── AI message rich text ── */
.msg-ai-text {
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

.msg-ai-text p {
    margin: 0 0 10px;
}

.msg-ai-text p:last-child {
    margin-bottom: 0;
}

.msg-ai-text ul,
.msg-ai-text ol {
    margin: 8px 0 10px 22px;
    padding: 0;
}

.msg-ai-text li {
    margin-bottom: 5px;
    line-height: 1.7;
}

.msg-ai-text h3,
.msg-ai-text h4 {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
    margin: 12px 0 6px;
}

.msg-ai-text strong {
    font-weight: 600;
    color: var(--text-primary);
}

.msg-ai-text em {
    font-style: italic;
    color: var(--text-muted);
}

/* ── Citation reference badges ── */
.cite-ref {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf7e6;
    color: var(--accent);
    font-size: 12px;
    font-weight: 500;
    padding: 1px 7px;
    border-radius: 4px;
    cursor: pointer;
    transition: background .15s, color .15s;
    vertical-align: super;
    line-height: 1;
    margin: 0 2px;
    white-space: nowrap;
    text-decoration: none;
    z-index: 1;
    padding: 4px 10px;
}

.cite-ref:hover {
    background: #c8edab;
    color: var(--accent-hover);
    z-index: 100;
    transform: scaleY(1.08);
    transition: transform 300ms, background .15s, color .15s;
}

/* ── Citation hover tooltip ── */
.cite-tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1.5px solid #c8edab;
    border-radius: 10px;
    padding: 9px 12px;
    min-width: 200px;
    max-width: 280px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .13);
    text-align: left;
    white-space: normal;
    pointer-events: none;
    z-index: 200;
}

.cite-ref:hover .cite-tooltip {
    display: block;
}

.cite-tt-title {
    font-size: 11.5px;
    font-weight: 600;
    color: #1a2e1a;
    margin-bottom: 6px;
    line-height: 1.4;
}

.cite-tt-meta {
    font-size: 10.5px;
    color: var(--accent-hover);
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
}

.cite-tt-meta i {
    font-size: 9px;
    opacity: .75;
}

/* ── Thread loading placeholder ── */
.thread-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
    opacity: .5;
}

/* ── Thread skeleton loader ── */
.thread-skeleton {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.sk-msg {
    display: flex;
}

.sk-msg.sk-user {
    justify-content: flex-end;
}

.sk-bubble {
    height: 56px;
    width: 58%;
    border-radius: 14px;
    background: linear-gradient(90deg, #efefef 25%, #e2e2e2 50%, #efefef 75%);
    background-size: 300% 100%;
    animation: sk-shimmer 1.5s ease-in-out infinite;
}

.sk-bubble.sk-short {
    width: 36%;
    height: 36px;
}

.sk-bubble.sk-user {
    background: linear-gradient(90deg, #e6f5dc 25%, #d6edca 50%, #e6f5dc 75%);
    background-size: 300% 100%;
}

@keyframes sk-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* ── Message slide-in animations ── */
@keyframes ey-slide-left {
    from {
        opacity: 0;
        transform: translateX(-22px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes ey-slide-right {
    from {
        opacity: 0;
        transform: translateX(22px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.msg-ai.msg-anim {
    animation: ey-slide-left .38s cubic-bezier(.25, .46, .45, .94) both;
}

.msg-user.msg-anim {
    animation: ey-slide-right .38s cubic-bezier(.25, .46, .45, .94) both;
}

/* ── Thinking / streaming animation ── */
.thinking-dots {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    padding: 6px 2px;
}

.thinking-dots span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
    opacity: .45;
    display: inline-block;
}

.thinking-dots span:nth-child(1) {
    animation: ey-bounce 1.2s ease-in-out infinite 0s;
}

.thinking-dots span:nth-child(2) {
    animation: ey-bounce 1.2s ease-in-out infinite .2s;
}

.thinking-dots span:nth-child(3) {
    animation: ey-bounce 1.2s ease-in-out infinite .4s;
}

@keyframes ey-bounce {

    0%,
    60%,
    100% {
        transform: translateY(0);
        opacity: .4;
    }

    30% {
        transform: translateY(-6px);
        opacity: 1;
    }
}

.streaming-cursor::after {
    content: '▋';
    color: var(--accent);
    animation: ey-blink .7s step-start infinite;
}

@keyframes ey-blink {
    50% {
        opacity: 0;
    }
}

/* ── Related questions chips ── */
.related-wrap {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
}

.related-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 10px;
}

.related-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.chip {
    background: var(--chip-bg);
    border: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
    text-align: left;
}

.chip:hover {
    background: #edf7e6;
    border-color: #b8e4a0;
    color: var(--accent);
}

/* ── Action bar ── */
.msg-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

.action-btn {
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 12px;
    color: var(--text-muted);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    transition: background .15s, color .15s, border-color .15s;
    display: flex;
    align-items: center;
    gap: 5px;
}

.action-btn:hover {
    background: var(--chip-bg);
    color: var(--text-primary);
    border-color: var(--border);
}

.actions-spacer {
    flex: 1;
}

.generated-time {
    font-size: 11px;
    color: var(--text-xs);
}

/* ── Sentiment badge ── */
.sentiment-badge {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 3px 9px;
    border-radius: 99px;
    text-transform: capitalize;
    margin-left: 4px;
}

.sentiment-positive {
    background: #dcfce7;
    color: #166534;
}

.sentiment-negative {
    background: #fee2e2;
    color: #991b1b;
}

.sentiment-neutral {
    background: #f3f4f6;
    color: #374151;
}

/* ── Error card ── */
.error-card {
    background: var(--error-bg);
    border: 1px solid var(--error-border);
    color: var(--error-text);
    font-size: 14px;
    padding: 12px 16px;
    border-radius: var(--radius);
    margin: 4px 0;
}

/* ── Copy flash feedback ── */
.copied-flash {
    color: #16a34a !important;
}


/* ── Hide scrollbars (keep scroll functionality) ── */
.messages,
.sidebar-scroll {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
}

.messages::-webkit-scrollbar,
.sidebar-scroll::-webkit-scrollbar {
    display: none;
}

/* Chrome/Safari */

/* ── Welcome screen ── */
.ai-welcome-screen {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
    overflow: auto;
}

.ey-welcome-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

.ey-welcome-icon {
    margin-right: 12px;
}

.ey-welcome-title,
.ai-welcome-title {
    font-size: 22px;
    font-weight: 600;
    text-align: start;
    margin-bottom: 0;
}

.ai-welcome-title .text {
    animation: reveal 1s ease-out both;
}

@keyframes reveal {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

.ey-welcome-subtitle {
    font-size: 14px;
    color: var(--text-muted);
    max-width: 480px;
    line-height: 1;
    margin: 0;
}

.ey-welcome-section-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: var(--text-xs);
    margin-bottom: 8px;
}

/* ═══════════════════════════════════════════════════════════════════════
   EYESON – DOCUMENT VIEWER POPUP  (Figma: AI Workspace – PDF)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Background overlay ── */
.ey-doc-bg-layer {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    z-index: 599;
    display: none;
    backdrop-filter: blur(2px);
}

.ey-doc-bg-layer.visible {
    display: block;
}

/* ── Popup container ── */
.ey-doc-popup {
    position: fixed;
    z-index: 600;
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100vh - 24px);
    background: #fff;
    border-radius: 14px;
    display: none;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 16px 56px rgba(0, 0, 0, .42);
}

.ey-doc-popup.visible {
    display: flex;
}

/* ── Header bar ── */
.ey-doc-popup-title {
    flex-shrink: 0;
    height: 54px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--accent);
    border-radius: 14px 14px 0 0;
}

.ey-doc-popup-title>span {
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Override global .close-pdf absolute positioning for doc popup ── */
#eyDocClose {
    position: static;
    top: auto;
    right: auto;
    flex-shrink: 0;
    align-self: center;
    flex: 0 0 auto;
}

/* ── Close button ── */
.ey-doc-popup-close {
    flex-shrink: 0;
    align-self: center;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s;
}

.ey-doc-popup-close:hover {
    background: rgba(255, 255, 255, .32);
}

/* ── Popup body (split: PDF canvas left, info panel right) ── */
.ey-doc-popup-body {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ── Info panel (right side) ── */
.ey-doc-popup-info {
    order: 2;
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    padding: 24px 20px;
    background: #fafafa;
    border-left: 1px solid var(--border);
    overflow-y: auto;
}

.ey-doc-info-row {
    margin-bottom: 18px;
}

.ey-doc-info-row:last-child {
    margin-bottom: 0;
}

.ey-doc-info-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--text-muted);
    margin-bottom: 4px;
}

.ey-doc-info-value {
    font-size: 14px;
    color: var(--text-primary);
    line-height: 1.5;
    word-break: break-word;
}

.ey-doc-info-empty {
    font-size: 14px;
    color: var(--text-xs);
    font-style: italic;
}

/* ── PDF canvas area (left side) ── */
.ey-doc-canvas-wrap {
    order: 1;
    flex: 1;
    overflow-y: auto;
    background: #2e2e2e;
    padding: 28px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.ey-doc-canvas-wrap canvas {
    max-width: 100%;
    display: block;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .55);
}

.ey-doc-page-label {
    color: #888;
    font-size: 11px;
    align-self: flex-start;
}

/* ── Loading state ── */
.ey-doc-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 80px 20px;
    color: #aaa;
    font-size: 14px;
}

.ey-doc-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #444;
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: ey-spin .8s linear infinite;
}

@keyframes ey-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ── Error state ── */
.ey-doc-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 80px 20px;
    color: #f87171;
    font-size: 14px;
    text-align: center;
}

/* ── Spreadsheet fallback ── */
.ey-doc-xls {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 80px 20px;
    color: #ccc;
    font-size: 14px;
    text-align: center;
}

.ey-doc-xls a {
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
}

.ey-doc-xls a:hover {
    text-decoration: underline;
}

/* ── Scrollbars ── */
.ey-doc-canvas-wrap::-webkit-scrollbar {
    width: 6px;
}

.ey-doc-canvas-wrap::-webkit-scrollbar-track {
    background: #1e1e1e;
}

.ey-doc-canvas-wrap::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 3px;
}

.ey-doc-canvas-wrap::-webkit-scrollbar-thumb:hover {
    background: #777;
}

.ey-doc-popup-info::-webkit-scrollbar {
    width: 5px;
}

.ey-doc-popup-info::-webkit-scrollbar-track {
    background: transparent;
}

.ey-doc-popup-info::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
}


/* ═══════════════════════════════════════════════════════════════════════
   EYESON – SUMMARY POPUP  (Figma: AI Workspace – Summary)
   Floating card that shows a document summary on demand.
   ═══════════════════════════════════════════════════════════════════════ */

.ey-summary-popup {
    position: fixed;
    z-index: 600;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 660px;
    max-width: calc(100vw - 40px);
    max-height: 80vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .22);
    display: none;
    flex-direction: column;
    overflow: hidden;
}

.ey-summary-bg {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 599;
}

.ey-summary-bg.visible {
    display: block;
}

.ey-summary-popup.visible {
    display: flex;
}

/* ── Summary popup header ── */
.ey-summary-popup-header {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: var(--accent);
}

.ey-summary-popup-title {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.45;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ey-summary-popup-close {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s;
}

.ey-summary-popup-close:hover {
    background: rgba(255, 255, 255, .35);
}

/* ── Summary popup body ── */
.ey-summary-popup-body {
    padding: 14px 16px;
    font-size: 12.5px;
    color: var(--text-primary);
    line-height: 1.72;
    overflow-y: auto;
}

.ey-summary-popup-body::-webkit-scrollbar {
    width: 5px;
}

.ey-summary-popup-body::-webkit-scrollbar-track {
    background: transparent;
}

.ey-summary-popup-body::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
}

.ey-summary-loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
    gap: 12px;
}

.ey-summary-loading-text {
    font-size: 14px;
    color: var(--text-muted, #888);
}

@keyframes ey-line-in {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ey-summary-line {
    opacity: 0;
    animation: ey-line-in 0.4s ease forwards;
}

.ey-summary-footnote {
    margin-top: 16px;
    padding-top: 10px;
    border-top: 1px solid var(--border, #eee);
    font-size: 11px;
    color: var(--text-muted, #999);
    font-style: italic;
    text-align: center;
}

/* ── Source summary badge (shown on source items that have a summary) ── */
.src-summary-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #edf7e6;
    color: var(--accent);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 2px 7px;
    border-radius: 99px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s;
    flex-shrink: 0;
    border: none;
}

.src-summary-badge:hover {
    background: #d4f0c0;
}

/* ── Mobile: no site sidebar, ey-main fills available height ── */
/* ── Mobile back button (hidden on desktop) ── */
.mobile-back-btn {
    display: none;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: var(--text-primary);
    cursor: pointer;
    padding: 4px 10px 4px 0;
    flex-shrink: 0;
    line-height: 1;
}

/* ── Mobile new-thread bar inside sidebar (hidden on desktop) ── */
.mobile-new-thread-bar {
    display: none;
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 16px;
}

.btn-mobile-new-thread {
    background: var(--accent);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 9px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: background .15s;
}

.btn-mobile-new-thread:hover {
    background: var(--accent-hover);
}

.close-pdf{
    cursor: pointer;
}

/* Ultra-wide */
@media (min-width: 2048px) {

    .all-bioteche .biotech-content,
    .all-header,
    footer .all-footer,
    .subscribe-header {
        max-width: 1400px;
        margin: auto;
        padding-left: 0;
    }

    .sidebar-hidden .all-header {
        margin: auto;
        padding-left: 0rem;
    }

    .latest-30days .single-card-30days {
        width: 25%;
    }

    .employees-location-slider {
        width: 48%;
        margin: 1%;
    }

    .result-card .layout-default .post-card-right .single-card-right {
        width: 25%;
    }

    .expandable-table .row-details .details-card {
        max-width: calc(1400px - 60px);
    }
}

/* Tablet - Horizontal */
@media (max-width: 1180px) {
    .all-bioteche {
        margin-top: 60px;
    }

    .hidden-from-mobile {
        display: none;
    }

    .biotech-cards .title {
        font-size: 20px
    }

    /* Header */
    /* Sidebar */
    .biotech-content,
    .all-header,
    .sidebar-hidden .biotech-content,
    .sidebar-hidden .all-header {
        margin-left: 0;
        width: 100%;
        padding: 1rem;
    }

    .bioteche-sidebar {
        display: none;
    }

    .all-header {
        background-color: #fff;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        padding: .5rem !important;
    }

    .all-header .logo {
        display: flex;
        position: relative;
    }

    .all-header .account {
        margin-right: 2.5rem;
    }

    .all-header .hamburger-lines {
        position: absolute;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        left: auto;
        right: 0;
        width: 28px;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .all-header .hamburger-lines .line {
        height: 2px;
        border-radius: 10px;
        background: #71bf45;
        transition: transform .4s ease-in-out;
    }

    .all-header .hamburger-lines .line1 {
        transform-origin: 2px 0;
    }

    .all-header .hamburger-lines .line3 {
        transform-origin: 0 2px;
    }

    .all-header input[type=checkbox]:checked~.hamburger-lines .line1 {
        transform: rotate(45deg);
    }

    .all-header input[type=checkbox]:checked~.hamburger-lines .line2 {
        transform: scaleY(0);
    }

    .all-header input[type=checkbox]:checked~.hamburger-lines .line3 {
        transform: rotate(-45deg);
    }

    .all-header #mobile-menu {
        gap: 0;
        flex-direction: column;
    }

    .all-header #mobile-menu .ui-accordion-header-active {
        background-color: #fff;
        border: 0
    }

    .all-header #mobile-menu li ul li {
        padding: 4px 0 4px 10px;
    }

    .all-header #mobile-menu li a {
        display: block;
        padding-left: 40px;
    }

    .all-header .search {
        position: absolute;
        bottom: -70px;
        width: auto;
        display: none;
    }

    .all-header .search .mobile-search input {
        padding: 0;
        max-width: 48px;
    }

    .all-header .search .mobile-search input::placeholder {
        color: transparent
    }

    .all-header .account .name {
        display: none;
    }

    .all-header .nav-container .checkbox {
        position: absolute;
        display: block !important;
        height: 30px;
        width: 30px;
        top: 4px;
        right: -4px;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }

    .all-header .mobile-menu-acordeon {
        background-color: #fafafa;
        padding: 20px 20px 20px 20px;
        height: calc(100svh - 60px);
        width: 100vw;
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        transition: transform .5s ease-in-out;
        text-align: center;
        position: absolute;
        top: 52px;
        left: -8px;
        z-index: 1;
    }

    .all-header input[type=checkbox]:checked~.mobile-menu-acordeon {
        transform: translateX(0);
    }

    .all-header .single-mobile-menu {
        position: relative;
        text-align: left;
        align-items: center;
    }

    .all-header .single-mobile-menu svg {
        display: flex;
        order: -1;
        position: absolute;
        left: 6px;
        top: 8px;
    }

    .all-header .single-mobile-menu svg path {
        fill: #000;
    }


    .all-header .single-mobile-menu.has-child ul {
        position: relative;
        width: 100%;
    }

    .all-header .show-in-mobile {
        display: flex;
        flex-direction: column;
    }

    .all-header .single-mobile-menu:first-child .ui-accordion-content {
        display: none !important;
    }

    .all-header .single-mobile-menu .ui-accordion-content {
        padding: 0;
        flex-direction: column;
    }

    .all-header .single-mobile-menu.has-child .ui-accordion-header::after {
        content: url(../img/angle-up.png);
        position: absolute;
        right: 6px;
        transition: all .3s linear;
        pointer-events: none;
        width: 24px;
        height: 24px;
    }

    .all-header .single-mobile-menu.has-child .ui-state-active::after {
        transition: all .3s linear;
        transform: rotate(180deg);
    }

    .all-header .single-mobile-menu.has-child-active {
        /* background-color: #fff; */
        border-radius: var(--radius-sm);
        flex-direction: column;
    }


    .all-header .search .mobile-search input {
        padding: 0 10px 0 44px;
        max-width: 52px;
    }

    .all-header .search .mobile-search.active input {
        padding: 0 10px;
        max-width: 100%;
    }

    .all-header .search .mobile-search.active::before {
        content: none;
    }

    /* Footer  */
    footer .home {
        display: none;
    }

    .all-footer-login .footer-doughter-login {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* Page - Login */
    .login-page .right {
        padding: 30px;
    }

    /* Page - Dashboard */
    .biotech-overview .baner-left-doughter .learn-more span:first-child {
        display: none;
    }

    .biotech-overview .baner-left-doughter .learn-more span:last-child {
        display: block;
    }

    .subscriptions-home .all-table-doughter {
        flex-wrap: wrap;
    }

    .subscriptions-home .single-table:nth-child(1),
    .subscriptions-home .single-table:nth-child(2) {
        margin-bottom: 30px;
    }

    .subscriptions-home .single-table:first-child,
    .subscriptions-home .single-table {
        width: 50%
    }

    .subscriptions-home .table-label,
    .subscriptions-home .table-value {
        padding: 10px;
    }


    /* AI Assitant  */
    .filters-panel {
        flex-direction: column;
    }

    .filters-panel .filters-help {
        margin-top: 8px;
    }

    .filters-panel .filters-help .filter-help-info {
        right: auto;
    }


    /* ── Page - Search Elements ── */
    .geographical-location-data-bar .tablink {
        flex-basis: 48%;
    }

    /* Page - Subscription Page  */
    #subscriptions-page .hidden-from-desctope {
        display: flex;
    }

    #subscriptions-page .item-subscriptions__wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #subscriptions-page .item-subscriptions__wrap p {
        margin: 0;
        font-weight: 600;
    }

    #subscriptions-page .subscriptions-content__item {
        flex-direction: column;
    }

    #subscriptions-page .item-subscriptions__wrap {
        width: 100%;
        padding: 8px 0;
    }

    #subscriptions-page .hidden-from-mibile {
        display: none;
    }

    #subscriptions-page .col-number,
    #subscriptions-page .col-payment,
    #subscriptions-page .col-valid,
    #subscriptions-page .col-status,
    #subscriptions-page .col-amount,
    #subscriptions-page .col-receipt {
        flex: 0;
    }

    #subscriptions-page .subscriptions-content__item .ul-profile li {
        font-weight: normal;
    }

    .subscribe-header {
        padding-left: 16px;
    }

    
    /* Page - Subscribe */
    .subscribe-header .logo {
        width: 140px;
    }

    .all-subscription-page {
        margin-top: 55px;
        min-height: calc(100vh - 115px);
    }


    .expandable-table .row-details .top {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Map - Profile popup */
    .bioteche-modal-content {
        top: calc(50% + 30px);
    }

    .view-more .invest-port-item .invest-col {
        width: 50%;
        margin-bottom: 8px;
    }
    
    .pdf-canvas-container {
        height: calc(95% - 60px);
        top: calc(50% + 30px);
    }

    .pdf-canvas-container-title {
        font-size: 16px;
        padding-right: 45px;
    }

    .pdf-canvas-container .pdf-canvas {
        height: calc(100vh - 150px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .profile-detail-inner .view-more__body {
        max-height: none;
        overflow: visible;
    }

    .ai-results-column .profile-detail-inner .view-more-container {
        top: 62px;
        left: 0 ;
    }

    .ai-results-column #biotech-search-result {
        padding: 0;
    }
}

/* Tablet - Vertical */
@media (max-width: 820px) {

    .page-title,
    .business-model-title,
    .financing-summary-title {
        margin-bottom: 14px;
        font-size: 18px;
    }

    /* Footer */
    footer .home {
        display: flex;
        justify-content: center;
    }

    footer .footer-doughter {
        flex-direction: column;
        gap: 2rem;
    }

    footer .social {
        margin-top: 3rem;
    }

    footer .mobile-menu {
        width: 100%;
        text-align: center;
        z-index: 10;
        position: relative;
    }

    footer .title {
        margin-bottom: 0px;
    }

    footer .mobile-menu ul {
        display: none;
        margin-top: .5rem;
        transition: all .3s linear;
    }

    footer .mobile-menu.active ul {
        transition: all .3s linear;
    }

    footer svg {
        display: block;
        position: absolute;
        right: 0;
        transition: all .3s linear;
        z-index: -1
    }

    footer svg path {
        fill: #fff
    }

    footer .mobile-menu.active svg {
        transform: rotate(180deg);
        transition: all .3s linear;
    }

    /* Dashboard */
    .dashboard-banner-aiworkflow {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        /* padding: 24px */
    }

    .dashboard-banner-aiworkflow .left {
        flex-direction: column;
        gap: 16px;
    }

    .dashboard-banner-aiworkflow .banner-title {
        font-size: 24px;
    }

    .dashboard-banner-aiworkflow .banner-title br {
        display: none;
    }

    .dashboard-banner-aiworkflow .ai-animation svg {
        width: 64px;
        height: 64px;
        padding: 14px;
    }

    .biotech-ai-subscription {
        flex-direction: column;
    }

    .biotech-ai-subscription .ai-feature.has-subscription {
        flex-direction: column;
        align-items: flex-start;
    }

    .biotech-ai-subscription .ai-feature .subs-title {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .biotech-overview .biotech-card .after-baner {
        flex-direction: column;
    }

    .biotech-overview .biotech-card .after-baner .after-baner-left {
        width: 100%;
        border-radius: 0;
        padding: 20px;
    }

    .biotech-overview .biotech-card .after-baner .after-baner-right {
        width: 100%;
        padding: 20px;
    }

    .biotech-overview .biotech-baner :is(.date, .title, .description) {
        text-align: left;
    }

    .biotech-overview .btn-beside-cont {
        justify-content: flex-start;
    }

    .biotech-cards .single-biotech-cards {
        width: 50%;
    }

    .conferences-updates {
        flex-direction: column;
    }

    .conferences-updates .upcoming-conferences .upcoming-card .upcoming-buttons {
        flex-direction: row;
    }

    .conferences-updates .upcoming-conferences .upcoming-card .upcoming-buttons .learn-more {
        margin: 0 24px 0 0;
    }

    .conferences-updates .latest-updates {
        width: 100%;
    }


    /* AI Assistant  */
    .ey-main {
        height: 100%;
        max-height: none;
        margin-bottom: 40px;
    }

    .ey-main .btn-new-thread,
    .ey-main #btn-filters-toggle {
        font-size: 0;
    }

    /* Sidebar fills full width */
    .ai-sidebar {
        width: 100%;
        border-radius: 0;
        border-right: none;
    }

    /* Chat hidden by default on mobile */
    .chat-area {
        display: none;
    }

    /* Show chat, hide sidebar when thread is open */
    .ai-layout.mobile-chat-open .ai-sidebar {
        display: none;
    }

    .ai-layout.mobile-chat-open .chat-area {
        display: flex;
    }

    .label-color.ai-tag {
        font-size: 12px;
    }

    /* AI Guided */
    .ai-layout.natural-language-search {
        flex-direction: column;
        max-height: calc(100vh - 130px);
    }

    #sidebar-chat {
        height: auto;
    }

    .ai-result-layout .ai-results-column,
    #ai-main-card {
        order: -1;
    }

    .ai-result-layout .ai-results-column {
        padding: 0;
    }

    .ai-result-layout .ai-chat-history {
        padding-bottom: 10px;
        max-height: 145px;
    }

    .ai_bd_log_history_container {
        padding-bottom: 10px;
        max-height: 350px;
    }

    .ai-welcome-title {
        font-size: 18px;
    }

    .ai-layout.natural-language-search .ai-sidebar {
        height: auto;
    }

    #result_bd_ai_container .ai-chat-header {
        padding: 0 12px;
        height: 42px;
    }

    #result_bd_ai_container .btn-new-thread {
        font-size: 0;
        padding: 4px;
    }

    /* Show mobile-only elements */
    .mobile-back-btn {
        display: inline-flex;
    }

    .mobile-new-thread-bar {
        display: flex;
        justify-content: center;
    }

    /* Related question chips: less rounded on mobile */
    .chip {
        border-radius: 8px;
    }

    /* Document popup: hide info panel */
    .ey-doc-popup-info {
        display: none;
    }

    /* Page - Login */
    .login-page {
        flex-direction: column;
    }

    .login-page .left {
        width: 100%;
        padding: 30px;
    }

    .login-page .left .text {
        margin: 40px 0 80px 0;
        font-size: 24px;
        line-height: 32px;
    }

    .login-page .left .social {
        left: 30px;
        bottom: 30px;
    }

    .login-page .right {
        width: 100%;
    }

    /* Page - Bookmarks */
    #bookmarks-search-result .bookmark-tab-container {
        display: none;
    }

    #bookmarks-search-result .biotech-content {
        padding: 0;
    }

    #bookmarks-search-result .business-model {
        pointer-events: all;
        background: white;
        padding: 8px;
        border-radius: 6px;
        box-shadow: var(--btg-shadow);
    }

    #bookmarks-search-result .comp-menu-tab span {
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        align-items: center;
    }

    /* Page - Search Elements */
    .searching-location .button .get-started-now {
        padding: 12px;
        width: 96px
    }

    .comp-menu-tab {
        flex-direction: column;
        padding: 10px;
        gap: 8px;
        border-top: solid 4px transparent;
        border-radius: var(--radius-sm);
    }

    .comp-menu-tab>span:not([class]) {
        font-size: 14px;
    }

    .comp-menu-tab .fa {
        display: none;
    }

    /* ── Filters panel ── */
    .filters-panel .filters-help {
        display: none;
    }

    /* Page - Search Result */
    .result-card .layout-default .left {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .result-card .layout-default .title-tags {
        align-items: flex-start;
    }

    .result-card .post-card {
        flex-direction: column;
        padding-left: 0;
    }

    .result-card .layout-default .post-card-left {
        display: none;
    }

    .result-card .company-location .title {
        font-size: 18px !important;
    }

    .result-card .layout-default .post-card-right {
        width: 100%;
        box-shadow: none;
        padding: 16px 8px;
    }

    .result-card .layout-default .post-card-right .single-card-right {
        padding: 8px;
    }

    .result-card .layout-default .post-card-right .single-card-right.w-one-third {
        width: 100%;
    }

    .filter-result-content .switch-layout {
        display: none;
    }

    .view-more .menu-mobile-top {
        display: flex;
        justify-content: space-between;
        font-weight: 500;
        color: #fff;
        align-items: center;
        background-color: var(--accent);
        border-radius: var(--radius);
        z-index: 12;
    }

    .view-more .menu-mobile-top::after {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin-right: 10px;
        background-color: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .view-more .menu-mobile-top .accordion__content {
        padding: 0;
    }

    .view-more__sidebar {
        display: none;
    }

    .view-more__sidebar-mobile {
        z-index: 10;
        background-color: rgb(113 191 69 / 10%);
        flex-grow: 1;
        border-bottom-left-radius: var(--radius);
        border-bottom-right-radius: var(--radius);
        position: relative;
    }

    .view-more__sidebar-mobile::before {
        height: 10px;
        width: 100%;
        position: absolute;
        content: "";
        background-color: rgb(113 191 69 / 10%);
        top: -10px;

    }

    .view-more__sidebar-mobile .accordion__item {
        color: #387417;
    }

    .view-more__sidebar-mobile .accordion__item .accordion__content {
        margin: 0;
        margin-left: 16px;
        list-style: none;
        border-bottom-right-radius: var(--radius);
    }

    .view-more__sidebar-mobile .accordion__item .accordion__content.active {
        padding: 10px;
        margin-bottom: 10px;
    }

    .view-more__sidebar-mobile .accordion__item .accordion__content a {
        width: 100%;
        display: flex;
        padding: 8px;
        border-left: 3px solid var(--accent);
    }

    .view-more__main {
        flex-direction: column;
        background-color: transparent;
    }

    .view-more__container {
        width: 100%;
        margin-top: 10px;
    }

    .view-more__body {
        border-radius: var(--radius);
    }

    .view-more .sidebar__item {
        width: 100%;
        padding: 8px 16px;
    }

    .view-more-pipeliney__body {
        padding-right: 50px;
        padding-left: 10px;
        padding-top: 100px;
    }

    .view-more-pipeliney .table-progress__col {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .view-more-pipeliney .table-progress__left {
        flex: 0 1 100%;
        text-align: left;
        z-index: 1;
    }

    .view-more-pipeliney .table-progress__left p {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .view-more-pipeliney .table-progress__right {
        flex: 1 1 100%;
        margin-left: 0;
        margin-right: 3px;
    }

    .view-more-pipeliney .table-progress__titels div:after {
        transform: rotate(-60deg);
        top: -70px;
    }

    .document-canvas-info-right{
		display: none;
	}

    .financing-table {
		padding: 16px 0;
	}

    .financing-table .table-data .single-table-data {
        flex-wrap: wrap;
    }

	.financing-table .table-data .single-table-data .name {
		width: 100%;
		padding: 0
	}

	.financing-table .table-data .single-table-data .summary,
    .financing-table .table-data .single-table-data .capacity,
    .financing-table .table-data .single-table-data .year {
		width: 100%;
        padding-top: 16px;
        text-align: center;
	}

    .financing-table .table-data .single-table-data .summary span,
    .financing-table .table-data .single-table-data .capacity span,
    .financing-table .table-data .single-table-data .year span {
		width: 50%;
	}

	.financing-table .table-data .single-table-data .download {
		width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
	}

	.financing-table .table-data .single-table-data .summary span:first-child,
    .financing-table .table-data .single-table-data .capacity span:first-child,
    .financing-table .table-data .single-table-data .year span:first-child   {
		text-align: left;
	}

	.financing-table .table-data .single-table-data .summary span:last-child,
    .financing-table .table-data .single-table-data .capacity span:last-child,
    .financing-table .table-data .single-table-data .year span:last-child {
		text-align: right
	}

    .financing-table .for-mobile {
		display: block;
	}
}

/* Mobile */
@media (max-width: 576px) {
    .header {
        padding: 0 10px;
    }

    .all-header .search {
        bottom: -64px;
        left: 17px;
    }

    .all-header .search.active {
        width: calc(100% - 32px);
    }

    /* Footer */
    footer .social .footer-links {
        flex-direction: column;
        gap: .5rem;
    }

    footer .terms {
        position: relative;
        transform: none;
        left: auto;
    }

    footer .copyright {
        order: 3;
    }

    /* Dashboard  */
    .biotech-ai-subscription :is(.ai-assistant, .ai-guided-search):not(.has-subscription)::before {
        position: relative;
        transform: none;
        margin-bottom: 10px;
        width: 70px;
        right: auto;
    }

    .biotech-ai-subscription .ai-feature,
    .biotech-ai-subscription .ai-feature.has-subscription {
        align-items: center;
    }

    .biotech-ai-subscription .ai-feature :is(.subs-title, .subs-description) {
        text-align: center;
        flex-direction: column;
    }

    .biotech-ai-subscription .ai-feature .subs-title {
        font-size: 18px;
    }

    .biotech-ai-subscription .ai-feature .subs-description {
        font-size: 14px;
    }

    .biotech-ai-subscription .ai-feature.has-subscription .header {
        padding-left: 0;
        padding-right: 0;
    }

    .biotech-ai-subscription .ai-feature.has-subscription .header::before {
        transform: translateX(-50%);
        left: 50%;
        position: relative;
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .biotech-ai-subscription .btn-forward {
        margin: 1rem 0;
    }

    .biotech-overview {
        margin-bottom: 24px;
    }

    .biotech-overview .btn-beside-cont {
        flex-direction: column;
    }

    .biotech-overview .biotech-baner {
        padding: 20px;
    }

    .biotech-overview .biotech-baner .date {
        margin-bottom: 36px;
    }

    .biotech-overview .biotech-baner .title {
        margin-bottom: 8px;
        font-size: 28px;
    }

    .biotech-overview .biotech-baner .description {
        font-size: 20px;
    }

    .biotech-overview .baner-left-doughter .title,
    .biotech-overview .baner-right-doughter .title {
        margin-bottom: 24px;
        line-height: 24px;
    }

    .biotech-overview .baner-left-doughter .learn-more {
        padding: 12px 24px;
    }

    .biotech-cards .single-biotech-cards {
        width: 100%
    }

    .conferences-updates .upcoming-card,
    .conferences-updates .latest-card {
        padding: 16px;
    }

    .conferences-updates .upcoming-buttons .learn-more {
        margin: 0;
    }

    .conferences-updates .data-date-title {
        font-size: 18px;
    }

    .conferences-updates :is(.upcoming-conferences, .latest-updates) .title,
    .latest-30days h2,
    #latest-news-carousel h2,
    .subscriptions-home .title {
        margin-bottom: 16px;
        font-size: 20px;
    }

    .conferences-updates .latest-card li:last-child {
        margin-bottom: 0px;
    }

    #latest-news-carousel h2 {
        margin-bottom: 0;
    }

    .latest-30days {
        margin-left: -.5rem;
        margin-right: -.5rem;
    }

    .latest-30days .card-contents {
        margin: .5rem;
    }

    .latest-30days .cards-30days .single-card-30days {
        width: 50%;
    }

    .latest-30days .cards-30days .single-card-30days .title {
        font-size: 24px;
    }

    .latest-30days .cards-30days .single-card-30days .text {
        font-size: 16px;
    }

    .subscriptions-home .all-table-doughter {
        margin-bottom: 0;
    }

    .subscriptions-home .table-value {
        background-color: transparent;
        padding: 0;
        padding-bottom: 30px;
    }

    .subscriptions-home .table-label {
        padding: 0;
        padding-bottom: 8px;
    }

    .subscriptions-home .single-table,
    .subscriptions-home .single-table:nth-child(1),
    .subscriptions-home .single-table:nth-child(2) {
        width: 100%;
        margin: 0;
    }

    .subscriptions-home .get-started-now {
        width: 100%
    }


    /* Page - Login */
    .all-login-page {
        padding: 0;
    }

    .login-page .left .logo img {
        max-width: 140px
    }

    .all-login-page.beta .logo::after {
        top: -8px;
        right: -36px;
    }

    .login-page .left .text {
        margin: 40px 0 80px 0;
        font-size: 18px;
        line-height: 1.4;
    }

    .login-page .right-content .remember-forgot {
        flex-direction: column;
        gap: 20px;
    }

    .login-page .right-content .go-in {
        margin: 0 0 41px 0
    }

    .login-page .right-content .no-acount-yet .no-acount-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .login-page .right-content .title,
    .login-page .right-content .no-acount-yet .no-acount-title {
        font-size: 24px;
    }

    .all-footer-login .footer-doughter-login {
        padding: 24px 0;
        flex-direction: column;
    }

    .all-footer-login .login-privacy {
        position: relative;
        padding: 16px 0;
        text-align: center;
        transform: none;
        left: auto;
    }

    .beta-info {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .beta-info::before {
        margin-right: 0;
        width: 42px;
        height: 42px;
    }

    /* Page - Subscribe */
    .all-subscription-page .login-page {
        border-radius: 0;
    }

    .all-subscription-page .login-page .right {
        padding: 16px;
    }

    /* Page - Search Elements */
    .search-in-bookmarks {
        padding: 16px;
        flex-direction: column;
        gap: 10px;
    }

    .search-in-bookmarks .text-option svg {
        display: block;
        position: static;
    }

    .search-in-bookmarks .bookmarks-right img {
        display: none;
    }

    .search-in-bookmarks .bookmarks-right.active .bookmarks-card-off {
        right: auto;
    }

    .search-in-bookmarks .bookmarks-card-off.text-search-info {
        width: 100%;
    }

    .search-in-bookmarks .free_text_table tr td {
		font-size: 0.85em;
	}

    .search-in-status .status-left .checkbox-card-content {
        flex-direction: column;
        gap: 10px;
    }

    .searching-location {
        padding: 16px;
    }

    .enable-options {
        flex-wrap: wrap;
        gap: 10px;
    }

    .enable-options .enable-options-inner {
        flex-direction: column;
    }

    .enable-options .info-box-outer {
        top: 92px;
    }

    .search-tabs {
        flex-direction: column
    }

    .search-tabs .search-category {
        display: none;
    }

    .search-tabs .category-search-filter {
        padding: 16px 8px;
    }

    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls]+.tab-item {
        border: 3px solid var(--accordion-color);
        border-bottom-left-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
        margin-bottom: 1rem;
    }

    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls] svg path {
        fill: #fff;
    }

    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls] {
        background-color: var(--accordion-color);
        color: #fff;
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm);
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-1"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-1"]+.tab-item {
        --accordion-color: #45bfa9;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-2"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-2"]+.tab-item {
        --accordion-color: #ffbaba;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-3"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-3"]+.tab-item {
        --accordion-color: #f1b51a;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-4"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-4"]+.tab-item {
        --accordion-color: #4b34db;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-5"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-5"]+.tab-item {
        --accordion-color: #71bf45;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-6"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-6"]+.tab-item {
        --accordion-color: #34bddb;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-7"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-7"]+.tab-item {
        --accordion-color: #4c4c4e;
    }

    .search-tabs .category-search-filter .hide-accordion [aria-controls="tabs-8"],
    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active[aria-controls="tabs-8"]+.tab-item {
        --accordion-color: #9f45bf;
    }

    .search-tabs .category-search-filter .hide-accordion .business-acord-mobile {
        display: block;
        border: 0;
        padding: 8px 32px 8px 8px;
        margin: 0 0 8px 0;
        display: flex;
        border-left: solid 3px transparent;
        gap: 6px;
        align-items: center;
    }

    .search-tabs .category-search-filter .hide-accordion .business-acord-mobile span {
        display: none
    }

    .search-tabs .category-search-filter .hide-accordion .business-acord-mobile .before-svg {
        display: flex;
    }

    .search-tabs .category-search-filter .hide-accordion .business-acord-mobile .before-svg svg {
        position: static;
        transform: none;
        top: auto;
        left: auto
    }

    .search-tabs .category-search-filter .hide-accordion .business-acord-mobile h4 {
        display: flex;
        align-items: center;
        margin: 0;
        font-weight: 500;
        font-size: 16px;
    }

    .search-tabs .category-search-filter .hide-accordion .business-acord-mobile svg {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(0, -50%);
        transition: all .3s linear;
    }

    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active {
        margin: 0;
    }

    .search-tabs .category-search-filter .hide-accordion .ui-accordion-header-active svg {
        transition: all .3s linear;
        transform: translate(0, -50%) rotate(180deg)
    }

    .search-tabs .category-search-filter .hide-accordion .checkbox-card {
        padding: 6px;
    }

    .search-tabs .category-search-filter .checkbox-card-title {
        font-size: 16px;
    }

    .search-tabs .pre-container-for {
        padding: 8px;
    }

    .container-for-checkbox,
    .search-tabs .ui-tabs-panel {
        gap: 0px;
    }

    .search-tabs .category-search-filter .checkbox-card-content .single-card-content {
        padding: 6px;
    }

    .search-tabs .category-search-filter .container-for-checkbox .checkbox-card {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .search-tabs .category-search-filter .general-buttons {
        margin-top: 1rem;
    }

    .parent-tablink-content {
        padding: 0;
    }

    /* Page - Search Results */
    .filter-result-content .filter-sorting {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .filter-result-content .result-general-filter {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .filter-result-content .general-filter-title h1 {
        text-align: center;
    }

    .filter-result-content .general-filter-title {
        flex-direction: column;
        gap: 10px;
    }

    .filter-result-content .general-filter-title .after-title {
        text-align: center;
    }

    .result-card {
        padding: 16px;
    }

    .result-card .layout-default .title-tags {
        padding: 24px 10px;
        gap: 28px;
    }

    .result-card .layout-default .title-tags,
    .result-card .layout-default .left {
        flex-direction: column;
        align-items: center;
    }

    .result-card .layout-default .post-card-right {
        padding: 10px;
        border-bottom-left-radius: var(--radius);
    }

    .result-card .layout-default .post-card-right .single-card-right {
        width: 100%;
    }

    .result-card .layout-default .post-card-right .single-card-right.desc {
        border-top: 0;
        margin-top: 0;
    }

    .result-card .company-location .title {
        text-align: center;
        margin-left: 0;
    }

    .result-card .layout-default .location-text {
        justify-content: center;
    }

    .result-card .layout-default .location-icon::before {
        margin-left: -10px;
    }

    .result-card .layout-default .single-card-right .location-text {
        justify-content: flex-start;
    }

    .result-card .layout-default .location-icon::before {
        margin-left: 0px;
    }

    .view-more__body {
        padding: 12px;
    }

    .view-more__row {
        flex-direction: column;
    }

    .view-more__col {
        width: 100%;
    }

    .pad-left-22 {
		padding-left: 0
	}

    .view-more-header {
        flex-direction: column;
    }

    .view-more-header .view-more-info-right {
        order: -1;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .view-more-header .view-more-info-right h4 {
        font-size: 14px;
        text-align: left;
    }

    .view-more-header .view-more-info-right p {
        font-size: 12px;
        text-align: left;
    }

    .view-more-clinical .item-type-1,
    .view-more-clinical .item-type-2 {
        flex-wrap: wrap
    }

    .view-more-clinical .item-type-1__left,
    .view-more-clinical .item-type-1__right {
        flex: 1 1 100%
    }

    .view-more-clinical .item-type-2__left,
    .view-more-clinical .item-type-2__right {
        flex: 1 1 100%
    }

    .view-more-clinical .item-type-1__left,
    .view-more-clinical .item-type-2__left {
        padding-bottom: 0;
    }
    
    .view-more-clinical .item-type-1__right,
    .view-more-clinical .item-type-2__right {
        padding-top: 0;
    }

    .view-more .invest-port-item .invest-col {
        width: 100%;
    }

    /* Page - Global Map */
    .maps-content .filtration-location .single-filtration-checkbox {
        width: 100%
    }

    /* AI Assistant */
    .filters-panel.open {
        max-height: 254px;
    }

    .filters-panel .filter-group {
        width: 100%;
    }

    /* Page - Profile */
    #profile-page .form-profile__col {
        width: 100%
    }

    #profile-page .profile-content__footer {
        padding-top: 40px;
        padding-bottom: 0;
    }

    #profile-page .profile-content__footer .btn {
        width: 100%;
        text-align: center;
    }

    #profile-page .profile-content__wrap {
        justify-content: space-between
    }

    /* Saved Search */
    .biotech-content .saved-search .saved-cards .single-saved-cards>div {
        flex-direction: column;
    }

    .biotech-content #frm_save_search_extended>div {
        flex-direction: column;
    }

    .biotech-content .saved-search .info-item-window,
    .biotech-content .saved-search .info-item-window-alert,
    .biotech-content .saved-search .info-item-window.info-edit {
        left: 0;
        right: auto;
    }

    .saved-search .info-item-window {
        width: 270px;
    }

    .biotech-content .saved-search .info-item-window {
        border-radius: var(--radius);
    }

    .saved-search .info-item-window .triangle,
    .save-pane::before {
        display: none;
    }

    #bookmarks-search-result .mobile-tab .comp-menu-tab {
        height: 100%;
    }

    /* Analyst Report */
	#pt-table .small-action-btn-container{
		flex-direction: column;
	}

	#pt-table .small-action-btn-container .small-action-btn{
		width: fit-content;
	}

	#pt-table td{
		padding:0.55rem;
	}

    .pdf-canvas-container.no-scroll > .document-content-container-AI{
		max-height: 80vh!important;
		bottom: 70px!important;
		right: 20px!important;
		overflow-y: scroll;
	}

    .financing-table .table-navigation {
		flex-direction: column;
        gap: 10px;
	}

    .employees-location {
        margin: 0 .5rem;
    }

    .all-subscription-page {
        min-height: calc(100vh - 196px);
    }

    .subscription-description .flex {
        flex-direction: column;
    }
}

/* Search result table header sorting */
.layout-table .search-table-sort {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.layout-table th.text-right .search-table-sort { justify-content: flex-end; text-align: right; }
.layout-table .search-table-sort .fa { opacity: .5; }
.layout-table th[aria-sort] .search-table-sort .fa,
.layout-table .search-table-sort:hover .fa { opacity: 1; }
.layout-table .search-table-sort:focus-visible {
    outline: 2px solid #71bf45;
    outline-offset: 3px;
}