.isi-profile-widget {
    margin-top: 20px;
}

.isi-profile-widget .isi-collapse-header {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #e3ebe9;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
    padding: 18px 22px;
    margin-bottom: 18px;
    cursor: pointer;
    user-select: none;
    transition: border-radius .2s ease;
}

.isi-profile-widget .isi-collapse-header:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 137, 123, .2);
}

.isi-profile-widget .isi-collapse-header.collapsed {
    margin-bottom: 0;
    border-radius: 12px;
}

.isi-profile-widget .isi-collapse-header-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #607D8B, #546E7A);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.isi-profile-widget .isi-collapse-header-text {
    flex: 1;
    min-width: 0;
}

.isi-profile-widget .isi-collapse-header-text h3 {
    margin: 0 0 4px;
    font-size: 19px;
    font-weight: 600;
    color: #263238;
}

.isi-profile-widget .isi-collapse-header-text h3 .text-muted {
    font-size: 13px;
    font-weight: 500;
    margin-inline-start: 6px;
}

.isi-profile-widget .isi-profile-researcher-id {
    font-size: 12px;
    color: #90a4ae;
}

.isi-profile-widget .isi-collapse-header-toggle {
    color: #90a4ae;
    font-size: 16px;
}

.isi-profile-widget .isi-collapse-chevron {
    display: inline-block;
    transition: transform .25s ease;
}

.isi-profile-widget .isi-collapse-header.collapsed .isi-collapse-chevron {
    transform: rotate(-90deg);
}

.isi-profile-widget .isi-collapse-body {
    margin-top: -4px;
}

/* =========================================================
   Panels
   ========================================================= */

.isi-panel {
    background: #fff;
    border: 1px solid #e3ebe9;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
    overflow: hidden;
    margin-bottom: 20px;
}

.isi-panel:last-child {
    margin-bottom: 0;
}

.panel-title {
    padding: 18px 22px;
    font-size: 17px;
    font-weight: 600;
    color: #2b2f36;
    background: #fafbfc;
    border-bottom: 1px solid #edf1f5;
}

.panel-title i {
    margin-right: 10px;
}

.isi-panel-icon-rose   { color: #9b2b29; }
.isi-panel-icon-indigo { color: #5C6BC0; }
.isi-panel-icon-amber  { color: #FB8C00; }

.panel-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.isi-inline-stat {
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.isi-inline-stat strong {
    font-size: 15px;
    color: #263238;
}

.isi-inline-status {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #C0392B;
    background: #FCE9E8;
}

.isi-panel-content {
    padding: 22px;
}

.isi-panel-content--flush {
    padding: 0;
}

.isi-impact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.isi-impact-card {
    position: relative;
    padding: 20px 22px 18px;
    background: #fbfcfc;
    border: 1px solid #e9efed;
    border-radius: 12px;
    border-left-width: 3px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.isi-impact-card:hover {
    box-shadow: 0 5px 16px rgba(38, 50, 56, .06);
    transform: translateY(-1px);
}

.isi-impact-card--rose {
    border-left-color: #9b2b29;
}

.isi-impact-card--violet {
    border-left-color: #7E57C2;
}

.isi-impact-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.isi-impact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 9px;
    font-size: 13px;
    color: #fff;
}

.isi-impact-card--rose .isi-impact-icon {
    background: #9b2b29;
}

.isi-impact-card--violet .isi-impact-icon {
    background: #7E57C2;
}

.isi-impact-title {
    color: #455a64;
    font-size: 12px;
    font-weight: 700;
}

.isi-impact-main {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.isi-impact-primary,
.isi-impact-secondary {
    display: flex;
    flex-direction: column;
}

.isi-impact-primary {
    flex: 1;
}

.isi-impact-secondary {
    min-width: 80px;
}

.isi-impact-value {
    color: #1f2f2d;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}

.isi-impact-secondary-value {
    /* color: #607d8b; */
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.isi-impact-label {
    margin-top: 7px;
    /* color: #90a4ae; */
    font-size: 10.5px;
    font-weight: 500;
}

.isi-impact-divider {
    width: 1px;
    height: 40px;
    margin: 0 22px;
    background: #e3eae8;
}

.isi-impact-progress {
    position: relative;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: #ecefed;
    border-radius: 999px;
}

.isi-impact-progress-value {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.isi-impact-card--rose .isi-impact-progress-value {
    background: #9b2b29;
}

.isi-impact-card--violet .isi-impact-progress-value {
    background: #7E57C2;
}

.isi-impact-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 9px;
    color: #90a4ae;
    font-size: 10.5px;
}

.isi-impact-footer strong {
    margin-inline-end: 2px;
    color: #546e7a;
    font-weight: 700;
}

/* =========================================================
   Authorship — indigo / teal / amber per role
   ========================================================= */

.isi-authorship-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.isi-authorship-item {
    display: flex;
    gap: 13px;
    min-width: 0;
    padding: 20px;
    background: #fff;
    border-inline-end: 1px solid #e9efed;
}

.isi-authorship-item:last-child {
    border-inline-end: 0;
}

.isi-authorship-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 9px;
    font-size: 12px;
    color: #fff;
}

.isi-authorship-item--indigo .isi-authorship-icon {
    background: #5C6BC0;
}

.isi-authorship-item--teal .isi-authorship-icon {
    background: #00897B;
}

.isi-authorship-item--amber .isi-authorship-icon {
    background: #dda157;
}

.isi-authorship-content {
    flex: 1;
    min-width: 0;
}

.isi-authorship-name {
    margin: 2px 0 12px;
    color: #607d8b;
    font-size: 11.5px;
    font-weight: 600;
}

.isi-authorship-stats {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 11px;
}

.isi-authorship-percent {
    color: #263238;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
}

.isi-authorship-percent span {
    margin-inline-start: 1px;
    color: #90a4ae;
    font-size: 13px;
    font-weight: 600;
}

.isi-authorship-count {
    color: #546e7a;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.isi-authorship-count span {
    color: #a1afb3;
    font-weight: 400;
}

.isi-authorship-progress {
    width: 100%;
    height: 4px;
    overflow: hidden;
    background: #edf1f0;
    border-radius: 999px;
}

.isi-authorship-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.isi-authorship-item--indigo .isi-authorship-progress span {
    background: #5C6BC0;
}

.isi-authorship-item--teal .isi-authorship-progress span {
    background: #00897B;
}

.isi-authorship-item--amber .isi-authorship-progress span {
    background: #FB8C00;
}

.isi-authorship-text {
    margin-top: 5px;
    color: #263238;
    font-size: 17px;
    font-weight: 600;
}

.isi-authorship-empty {
    margin-top: 5px;
    color: #b0bec5;
    font-size: 13px;
}


.isi-subject-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.isi-subject-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    /* color: #dda157; */
    background: #FFF3E0;
    border: 1px solid #FFE0B2;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.3;
}

.isi-subject-item i {
    color: #FB8C00;
    font-size: 9px;
}


@media (max-width: 900px) {
    .isi-authorship-grid {
        grid-template-columns: 1fr;
    }
    .isi-authorship-item {
        border-inline-end: 0;
        border-bottom: 1px solid #e9efed;
    }
    .isi-authorship-item:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 700px) {
    .isi-impact-grid {
        grid-template-columns: 1fr;
    }
    .isi-panel-content {
        padding: 18px;
    }
}

@media (max-width: 480px) {
    .isi-impact-card {
        padding: 18px;
    }
    .isi-impact-value {
        font-size: 30px;
    }
    .isi-impact-divider {
        margin: 0 15px;
    }
    .isi-authorship-stats {
        align-items: flex-start;
        flex-direction: column;
    }
    .isi-authorship-count {
        white-space: normal;
    }
}