#socan-search {margin-bottom: 30px;}
.row {margin-bottom: 15px;}
label {display: block;margin-bottom: 5px;font-weight: 600;color: #555;}
input[type="text"] {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}
input[type="text"]:disabled {background: #f0f0f0;cursor: not-allowed;opacity: 0.6;}
button {padding: 12px 30px;background: #000000;color: white;border: none;border-radius: 16px;cursor: pointer;font-size: 16px;font-family: 'Neue Haas Grotesk Text Pro Roman';}
button:hover {background: #fff;border: 1px solid;}
#results-container {margin-top: 20px;width: 100%;display: block;}
.search-summary {
    margin-bottom: 16px; display: flex; justify-content: space-between; flex-flow: row; padding: 24px; border: 1px solid #000; border-radius: 16px; align-items: center;
}
.search-summary-actions {display: flex;gap: 16px;}
.search-summary-actions button.summary-btn {background: transparent;color: #000;border: 1px solid #ccc;border-radius: 16px !important;}
/* .search-criteria {margin-bottom: 15px;line-height: 1.8;padding-bottom: 20px;} */
.search-criteria {display: flex;flex-flow: column;gap: 8px;flex-wrap: wrap;}
.search-criteria-pill {border: 1px solid #d7d7d7;padding: 6px 16px;border-radius: 16px;font-size: 16px;width: max-content;}
.search-criteria strong {color: #000;font-weight: 600;}
.search-title {font-size: 20px;font-weight: 600;margin-bottom: 10px;color: #000; display: none;}
.search-count {font-size: 16px;color: #000;padding-bottom: 16px;}
table#results.results-table {border: 1px solid #F2F4F7;border-radius: 12px; overflow: visible; margin: 0px;}
.results-table,
#results {width: 100%;border-collapse: collapse;margin-top: 0;display: table;table-layout: fixed;}
.results-table thead th:nth-child(1) { width: 25%; }  /* Title */
.results-table thead th:nth-child(2) { width: 10%; }  /* Title Type */
.results-table thead th:nth-child(3) { width: 10%; }  /* Work No. */
.results-table thead th:nth-child(4) { width: 10%; }  /* ISWC */
.results-table thead th:nth-child(5) { width: 15%; }  /* Shareholder Name(s) */
.results-table thead th:nth-child(6) { width: 15%; }  /* Performer Name(s) */
.results-table thead th:nth-child(7) { width: 10%; }  /* Copy Data */
.results-table thead,
#results thead {background: #000000;}
.results-table th,
#results th {padding: 16px 8px;text-align: left;font-weight: 500;color: #ffffff;border: none !important;font-family: 'Neue Haas Grotesk Text Pro Medium';}
.expand-row td table th {padding: 8px !important;}
.results-table td, #results td {padding: 8px;position: relative;border: none !important;vertical-align: middle; overflow: visible;}
.results-table tbody tr:hover,
#results tbody tr:hover {background: #f8f9fa;}
.results-table tbody tr:nth-child(4n+1):not(.expand-row),
#results tbody tr:nth-child(4n+1):not(.expand-row) {background: #ffffff;}
.results-table tbody tr:nth-child(4n+3):not(.expand-row),
#results tbody tr:nth-child(4n+3):not(.expand-row) {background: #F2F4F7;}
.results-table tbody tr.expand-row, #results tbody tr.expand-row {background: #D9D9D9 !important;}
.results-table tbody tr.expand-row td,
#results tbody tr.expand-row td {
    border-left: none !important;
}
#results tbody tr.expand-row td {padding: 4px 8px !important;}
table#results tbody tr:hover td{background-color: #f5f5f5;}
/* Main expand icon (2nd API call) */
.expand-icon {
    cursor: pointer;display: inline-block;width: 16px;height: 16px;user-select: none;transition: transform 0.3s ease;
    background-image: url('/wp-content/themes/socan-child/assets/img/arrow-forward.svg');background-size: contain;
    background-repeat: no-repeat;background-position: center;vertical-align: middle;
}

#results td .expand-icon, #results td .info-icon, #results td .info-icon img, #results td .title-text {
    vertical-align: middle;display: inline-block; flex-shrink: 0;
}
.expand-icon.expanded {transform: rotate(90deg);}
.title-cell {position: relative;padding-left: 10px;}
.title-cell.original-title {border-left: 2px solid #E31937;}
.title-cell:not(.original-title) {border-left: 2px solid #999999;}
.expanded-content {padding: 10px !important;background: #d9d9d9;}
.no-results {padding: 20px;text-align: center;color: #666;font-size: 16px;}
.loading {padding: 20px;text-align: center;color: #666;}
.title-text {cursor: pointer;color: #000;font-weight: 500;font-family: 'Neue Haas Grotesk Text Pro Medium';}
.title-text:hover {text-decoration: underline;}
.work-number-link, .iswc-link {color: #000;cursor: pointer;text-decoration: underline;}
.work-number-link:hover, .iswc-link:hover {text-decoration: underline;}
.shareholder-name-link, .ipi-number-link {color: #000;cursor: pointer;text-decoration: underline;}
.shareholder-name-link:hover, .ipi-number-link:hover {text-decoration: underline;}
.writer-link {font-weight: 500;}
/* Shareholder dropdown (3rd API call) */
.shareholder-name-dropdown {display: inline-flex;align-items: center;}
.shareholder-name-toggle {display: inline-flex;align-items: center;cursor: pointer;gap: 5px; flex-wrap: wrap;}
.shareholder-dropdown-icon {
    display: inline-block;width: 16px;height: 16px;transition: transform 0.2s ease;user-select: none;
    background-image: url('/wp-content/themes/socan-child/assets/img/arrow-forward.svg');
    background-size: contain;background-repeat: no-repeat;background-position: center;vertical-align: middle;
}
.shareholder-dropdown-icon.expanded {transform: rotate(90deg);}
.shareholder-contact-row {background: #f8f9fa;}
.shareholder-contact-details {padding: 15px;border: 1px solid #000;border-radius: 3px;}
.shareholder-contact-details.loading {text-align: center;color: #666;padding: 15px;}
.contact-info-table {width: 100%;border-collapse: collapse;margin: 0 !important;border: none !important;}
.contact-info-table thead {background: #e9ecef;}
.contact-info-table th, .contact-info-table td {padding: 10px;text-align: left;border: 1px solid #dee2e6;}
.contact-error, .contact-not-available {padding: 10px;text-align: center;color: #666;}
.tooltip-container {position: relative;display: inline-block;cursor: pointer;}
.tooltip-trigger {display: inline-block;}
.tooltip-box {
    visibility: hidden;opacity: 0;position: absolute;z-index: 1000;background-color: #ffff;border: 1px solid #000;box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    padding: 10px;border-radius: 16px;white-space: normal;min-width: 250px;max-width: 400px;transition: opacity 0.2s, visibility 0.2s;line-height: 1.8;text-align: left;
}
.tooltip-box::before {content: '';position: absolute;bottom: 100%;left: 20px;border: 8px solid transparent;border-bottom-color: #000;}
.tooltip-container:hover .tooltip-box {visibility: visible;opacity: 1;}
.expand-row td {padding: 0 !important;}
.expanded-content {padding: 20px !important;background: #f8f9fa;}
.shareholder-table {width: 100%;border-collapse: collapse;margin: 0px !important;border: none !important;}
.shareholder-table th, .shareholder-table td {padding: 8px;text-align: left;border: 1px solid #ddd;}
.shareholder-table thead {background: #e9ecef;}
.copy-btn {cursor: pointer;background: none !important;border: none !important;margin: 0px;padding: 0px;}
.copy-btn:hover{background: none !important;border: none !important;}
.copy-btn.copied {color: #000;}
button.copy-btn img {margin: 0 !important;}
#pagination {margin-top: 20px;text-align: center;}
.pagination-container {display: flex;justify-content: center;align-items: center;gap: 16px;float: none !important;}
.pagination-btn {padding: 6px 0;border: none;background: none;cursor: pointer;font-size: 14px;color: #D0D5DD;display: flex;}
.pagination-btn img{margin: 0px !important; padding: 0 8px;}
.pagination-btn:hover:not(.disabled) {background:none;border: none; color: #000;}
.pagination-btn.active {color: #000;border: none;}
.pagination-btn.disabled {opacity: 0.5;cursor: not-allowed;}
.pagination-ellipsis {padding: 8px 4px;color: #666;}
.error {padding: 20px;color: #dc3545;text-align: center;}
.contact-info {margin-top: 20px;padding: 15px;background: white;border-radius: 4px;}
.contact-info h4 {margin-bottom: 10px;}
.contact-info p {margin-bottom: 5px;}
tr.row-expanded {background-color: #d9d9d9 !important;}
.results-table tbody .expand-row .shareholder-table thead tr th {background: #999;}
.results-table tbody .expand-row .shareholder-table tbody tr {background: #D9D9D9 !important;}
#results-container .results-table tbody .expand-row td.expanded-content {background-color: #d9d9d9;padding: 8px !important;}
.results-table > thead > tr > th {background-color: #000;}
#socan-search {max-width: 1200px;margin: 0 auto;}
.search-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 32px;padding-bottom: 32px;}
.search-grid .row {display: flex;flex-direction: column;margin: 0px;padding-bottom: 0px;}
.search-grid .row label {margin-bottom: 8px;font-weight: 500;color: #000;font-family: 'Neue Haas Grotesk Text Pro Medium';}
.search-grid .row input {padding: 16px 0;border-bottom: 1px solid #000 !important;font-size: 16px !important;background-color: inherit;border: 0px;border-radius: 0px;box-shadow: none !important;}
.row.full-width {display: flex;flex-direction: column;margin-bottom: 0px;padding-top: 32px;padding-bottom: 32px;}
.row.full-width label {margin-bottom: 8px;font-weight: 500;color: #000;font-family: 'Neue Haas Grotesk Text Pro Medium';}
.row.full-width input {padding: 16px 0;border-bottom: 1px solid #000 !important;font-size: 16px !important;margin-bottom: 0px;background-color: inherit;border: 0px;border-radius: 0px;box-shadow: none !important;}
.radio-label {display: flex;align-items: center;gap: 12px;}
.radio-group {display: flex;gap: 6px;}
.radio-group input[type="radio"]{margin: 0px !important; appearance: none;width: 21px;height: 21px;border-radius: 50%;border: 1px solid #000;padding: inherit;}
.radio-group input[type="radio"]:checked {background-color: #E31937;padding: 3px;background-clip: content-box;}
.radio-group label {display: flex;flex-flow: row;gap: 6px;font-weight: normal !important;font-size: 14px;font-family: 'Neue Haas Grotesk Text Pro Roman' !important;position: relative;}
label.tooltip .tooltip-icon {
  position: relative;display: inline-flex;align-items: center;justify-content: center;width: 14px;height: 14px;border-radius: 50%;background-color: #666;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Ctext x='50%25' y='72%25' text-anchor='middle' font-size='10' font-family='Arial' fill='white' font-weight='bold'%3Ei%3C/text%3E%3C/svg%3E");
  background-size: cover;flex-shrink: 0;cursor: pointer;transition: background-color .15s; position: absolute; right: -20px;
}
label.tooltip .tooltip-icon:hover {background-color: #E31937;}
label.tooltip .tooltip-icon .tooltip-Message {
    display: block;position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);width: 260px;background: #1a1a1a;color: #fff;font-size: 12px;font-weight: 400;
    line-height: 1.5;padding: 8px 12px;border-radius: 6px;white-space: normal;pointer-events: none;z-index: 100;opacity: 0;visibility: hidden;transition: opacity .15s, visibility .15s;
}
label.tooltip .tooltip-icon .tooltip-Message::after {
  content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: #1a1a1a;
}
label.tooltip .tooltip-icon:hover .tooltip-Message {opacity: 1;visibility: visible;}
@media (max-width: 480px) {
  label.tooltip .tooltip-Message {left: 0;transform: none;width: 220px;}
  label.tooltip .tooltip-Message::after {left: 20px;transform: none;}
}
.button-group {display: flex;gap: 16px;}
#searchBtn {background-color: #000;color: #fff;border: 1px solid #000;padding: 21px 0;width: 100%;border-radius: 16px !important;}
#searchBtn:hover {background-color: #fff;color: #000;}
#clearBtn {background-color: #fff;color: #000;border: 1px solid #000;padding: 21px 0;width: 100%;border-radius: 16px !important;}
#clearBtn:hover {background-color: #000;color: #fff;}
/* No Results Cell Styling */
.no-results-cell {padding: 0 !important;border: none !important;}
.no-results {text-align: center;padding: 60px 20px;background-color: #f8f9fa;margin: 0;}
.no-results-icon {margin-bottom: 0px;}
.no-results-icon img{margin-bottom: 0px !important;}
.no-results-text {font-size: 20px;color: #000;font-weight: 600;margin-bottom: 10px;}
.no-results-hint {font-size: 14px;color: #666;}

/* Error Message Cell Styling */
.error-message-cell {padding: 0 !important;border: none !important;}
.error-message {text-align: center;padding: 60px 20px;background-color: #fff3cd;margin: 0;}
.error-icon {font-size: 48px;margin-bottom: 15px;}
.error-text {font-size: 18px;color: #856404;font-weight: 600;}

/* Loading Styling */
.loading {text-align: center;padding: 40px 20px;font-size: 18px;color: #6c757d;}

/* Keep table header visible */
.results-table {width: 100%;border-collapse: collapse;}
.results-table thead {background-color: #f8f9fa;position: sticky;top: 0;}
.results-table thead th {padding: 12px;text-align: left;border-bottom: 2px solid #dee2e6;font-weight: 600;}

/* Responsive: Stack on smaller screens */
@media (max-width: 768px) {
    .search-grid {grid-template-columns: 1fr;}
}
@media (max-width: 640px) {
    .radio-label{display: block !important;}
    .search-summary{align-items: start; flex-flow: column; gap: 21px; padding: 16px;}
    .right-search-form .vc_column-inner {border: 0px !important;padding: 0px !important;}
    .search-summary-actions{gap: 12px !important;}
    .row-rep-search .vc_col-sm-4 {margin-top: 0px !important;}
    html body.slug-repertoire-search #ajax-content-wrap .container-wrap {padding-top: 0px;}
}

/* .copy-btn{pointer-events: none;} */
.copy-btn{display: flex;justify-content: center;align-items: center;}
tr.row-red td:nth-child(2) span.title-type::before{
    content: ""; width: 2px; height: 90%; position: absolute; top: 2px; display: block; background-color: #E31937; left: 0;
}
tr.row-grey td:nth-child(2) span.title-type::before{
    content: ""; width: 2px; height: 90%; position: absolute; top: 2px; display: block; background-color: #999999; left: 0;
}
.contact-info-table th {width: auto !important;}
.contact-info-table {table-layout: fixed;}
/* Info icon styling */
.info-icon {display: inline-block;margin: 0 6px;cursor: help;opacity: 1;transition: opacity 0.2s ease;vertical-align: middle;}
.info-icon img {display: block;width: 16px !important;height: 16px !important;vertical-align: middle;margin-bottom: 0px !important;}

/* Show info icon on row hover */
tr:hover .info-icon {opacity: 1;}
.info-icon {position: relative;}
.info-icon::after {
    content: attr(title);position: absolute;bottom: 100%;left: 50%;transform: translateX(-20%);background-color: #fff;color: #000;padding: 6px 10px;border-radius: 4px;
    font-size: 12px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s;margin-bottom: 8px;z-index: 1000;border: 1px solid #000;
}
.info-icon:hover::after {opacity: 1;}

/* Tooltip arrow */
.info-icon::before {
    content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: #000;
    opacity: 0;pointer-events: none;transition: opacity 0.2s;margin-bottom: -2px;z-index: 1000;
}

.info-icon:hover::before {opacity: 1;}
.shareholder-table td:nth-child(2) .tooltip-box {position: absolute;left: 100%;top: 50%;transform: translateY(-50%);margin-left: 12px;bottom: auto;}
.shareholder-table td:nth-child(2) .tooltip-box::before {content: '';position: absolute;right: 100%;top: 50%;transform: translateY(-50%);border: 6px solid transparent;border-right-color: #000;left: auto !important;}
div#iswc-validation-msg, .ipi-inline-error, .min-char-hint.ipi-inline-error {color: #FF0000;font-size: 14px;margin-top: 4px;}
#clearBtn:disabled,#clearBtn.disabled,
#searchBtn:disabled, #searchBtn.disabled {opacity: 0.5;cursor: not-allowed;}
#socan-agree-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.55);z-index: 99999;display: flex;align-items: center;justify-content: center;}
#socan-agree-modal {
    background: #fff;border-radius: 8px;max-width: 1000px;width: 90%;max-height: 90vh;box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    box-sizing: border-box;display: flex;flex-direction: column;overflow: hidden;position: relative;
}
#socan-agree-close {
    position: absolute;top: 12px;right: 16px;background: none;border: none;font-size: 22px;cursor: pointer;color: #666;z-index: 1;
}
#socan-agree-modal h3 {margin: 0;font-size: 20px;padding: 32px 32px 12px 32px;flex-shrink: 0;}
#socan-agree-body {flex: 1 1 auto;min-height: 0;overflow-y: scroll;padding: 0 32px 16px 32px;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;}
#socan-agree-body p {margin: 0;font-size: 14px;line-height: inherit;color: #000;}
.socan-agree-buttons {display: flex;gap: 12px;justify-content: flex-end;padding: 16px 32px;flex-shrink: 0;border-top: 1px solid #eee;background: #fff;}
.socan-agree-buttons button {padding: 10px 24px;border-radius: 4px;border: none;cursor: pointer;font-size: 14px;}
#socan-agree-cancel {background: #f5f5f5;color: #000;}
#socan-agree-confirm {background: #000;color: #fff;opacity: .7;}
#socan-agree-confirm:hover{opacity: 1;}
#socan-captcha-widget > div {margin: 10px 0 30px 0;}
#socan-search iframe {border-radius: 0px !important;}
/* input#search_publisher::placeholder, input#search_creator::placeholder{font-size: 13px;} */

@media (max-width: 999px){
    #results-container{overflow-x: scroll;}
    .results-table, #results{table-layout: auto !important;}
}
.results-scroll-hint {display: none;font-size: 11px;text-align: right;margin-top: 4px;}
#results-scroll-wrap{border-radius: 12px; overflow: visible; border: 1px solid #F2F4F7;}
@media screen and (max-width: 1024px) {
    .search-summary{margin-bottom: 6px;}
    .search-count{font-size: 14px; padding-bottom: 0px;}
    .search-criteria, .search-title{font-size: 15px;}
    table#results.results-table{overflow: scroll;}
    #results-scroll-wrap {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: #ccc transparent;}
    #results-scroll-wrap table.results-table tbody .expand-row .shareholder-table thead tr th{background-color: #999 !important; width: 18% !important;}
    #results-scroll-wrap table.results-table tbody .expand-row .shareholder-table thead tr th::after{background-color: #F2F4F7;}
    #results-scroll-wrap table.results-table tbody .expand-row .shareholder-table .shareholder-contact-details .contact-info-table thead tr th:first-child{
        background-color: #999 !important; width: 18% !important;
    }
    #results-scroll-wrap table.results-table thead tr th::after{background-color: #d9d9d9;}
    #results-scroll-wrap table.results-table tbody tr td::after{background-color: #c7c7c7;}
    #results-scroll-wrap::-webkit-scrollbar { height: 4px; }
    #results-scroll-wrap::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }

    /* ── Base table reset ───────────────────────────────────── */
    table#results {width: 100%;border-collapse: collapse;font-size: 13px;min-width: 700px;}
    table#results thead th {text-align: left;white-space: nowrap;}
    table#results > thead > tr > th:last-child {border-top-right-radius: 12px !important;}

    /* ── Body rows ──────────────────────────────────────────── */
    table#results tbody td {padding: 9px 12px;vertical-align: middle;white-space: nowrap;}

    /* ── Expand row (shareholder detail) ────────────────────── */
    table#results tr.expand-row td {padding: 12px 16px;white-space: normal;}

    /* ── STICKY FIRST COLUMN ────────────────────────────────── */
    table#results thead th:nth-child(1){background-color: #000 !important;}
    table#results thead th:nth-child(1),
    table#results tbody td:nth-child(1) {
        position: sticky !important;left: 0;z-index: 2;min-width: 150px;max-width: 200px;white-space: normal;line-height: 1.4;background-color: inherit;
    }

    /* Divider line on right edge of sticky column */
    table#results thead th:nth-child(1)::after,
    table#results tbody td:nth-child(1)::after {
        content: '';position: absolute;top: 0; right: 0; bottom: 0;width: 1px;
    }

    /* The expand-row spans all 7 cols — don't sticky its single cell */
    table#results tr.expand-row td[colspan] {position: static;white-space: normal; overflow: visible;}
    table#results tr.expand-row td[colspan]::after { display: none; }

    /* ── Shareholder expand table ────────────────────────────── */
    table.shareholder-table {width: 100%;border-collapse: collapse;font-size: 12px;min-width: 500px;}
    table.shareholder-table th {padding: 6px 10px;font-size: 11px;font-weight: 600;text-transform: uppercase;white-space: nowrap;}
    table.shareholder-table td {padding: 6px 10px;white-space: nowrap;}
    table.shareholder-table tr:last-child td { border-bottom: none; }
    table.shareholder-table .writer-link  { cursor: pointer; }
    table.shareholder-table .publisher-link { cursor: pointer; }
    table.shareholder-table .ipi-number-link { font-size: 11px; cursor: pointer; }
    .results-scroll-hint { display: block; }
    .expand-icon{margin: 10px 0;}
    .shareholder-dropdown-icon{margin: 6px 0;}
    
    .info-icon img{margin-bottom: 2px !important;}
    .title-text{line-height: 16px !important;}

    .pagination-container{gap: 24px !important;}
}

/* css ffor rep search

   @media screen and (max-width: 1024px) {
    #socan-search .search-grid {display: flex;flex-direction: column;gap: 12px;}
    #socan-search .search-grid .row {width: 100%;}
    #socan-search .radio-label {flex-direction: column;align-items: flex-start;gap: 4px;}
    #socan-search .radio-group {flex-wrap: wrap;}
    #socan-search .button-group {flex-direction: column;gap: 8px;}
    #socan-search .button-group button {width: 100%;}
    .search-summary {padding: 12px;}
    .search-summary .search-title {font-size: 14px;word-break: break-word;}
    #results.results-table,
    #results.results-table thead,
    #results.results-table tbody,
    #results.results-table th,
    #results.results-table td,
    #results.results-table tr {display: block;}
    #results.results-table thead {display: none;}
    #results.results-table tbody tr:not(.expand-row) {border: 1px solid #e0e0e0;border-radius: 8px;margin-bottom: 12px;padding: 12px;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.08);}
    #results.results-table tbody tr:not(.expand-row).row-red,
    #results.results-table tbody tr:not(.expand-row).row-grey {
        background: #fff;
    }
    #results.results-table tbody tr:not(.expand-row).row-expanded {border-color: #c62828;box-shadow: 0 2px 6px rgba(198,40,40,0.15);}
    #results.results-table tbody tr:not(.expand-row) td {display: flex;align-items: flex-start;padding: 4px 0;border: none !important;text-align: left;}
    #results.results-table tbody tr:not(.expand-row) td::before {content: attr(data-label);font-weight: 600;font-size: 12px;color: #666;text-transform: uppercase;min-width: 120px;flex-shrink: 0;padding-top: 2px;}
    #results.results-table tbody tr:not(.expand-row) td:nth-child(1)::before { content: "Title"; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(2)::before { content: "Title Type"; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(3)::before { content: "Work No."; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(4)::before { content: "ISWC"; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(5)::before { content: "Shareholders"; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(6)::before { content: "Performers"; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(7)::before { content: ""; min-width: 0; }
    #results.results-table tbody tr:not(.expand-row) td:nth-child(7) {justify-content: flex-end;border-top: 1px solid #eee !important;margin-top: 4px;padding-top: 8px !important;}
    #results.results-table tbody tr:not(.expand-row) td:nth-child(1) {flex-wrap: wrap;}
    #results.results-table tbody tr:not(.expand-row) td:nth-child(1) .expand-icon,
    #results.results-table tbody tr:not(.expand-row) td:nth-child(1) .info-icon,
    #results.results-table tbody tr:not(.expand-row) td:nth-child(1) .title-text {vertical-align: middle;}
    #results.results-table tbody tr.expand-row {margin-bottom: 12px;margin-top: -12px;border: 1px solid #c62828;border-top: none;border-radius: 0 0 8px 8px;overflow: hidden;}
    #results.results-table tbody tr.expand-row td {padding: 0 !important;}
    #results.results-table tbody tr.expand-row td::before {display: none;}
    .shareholder-table {width: 100%;display: block;}
    .shareholder-table thead {display: none;}
    .shareholder-table tbody {display: block;}
    .shareholder-table tbody tr {display: block;padding: 12px;border-bottom: 1px solid #eee;position: relative;}
    .shareholder-table tbody tr:last-child {border-bottom: none;}
    .shareholder-table tbody tr td {display: flex;align-items: flex-start;padding: 3px 0;border: none !important;}
    .shareholder-table tbody tr td::before {content: attr(data-label);font-weight: 600;font-size: 11px;color: #888;text-transform: uppercase;min-width: 110px;flex-shrink: 0;}
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(1)::before { content: "Name"; }
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(2)::before { content: "Role"; }
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(3)::before { content: "Affiliation"; }
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(4)::before { content: "IPI #"; }
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(5)::before { content: "RR Mech"; }
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(6)::before { content: "RR Sync"; }
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(5):empty,
    .shareholder-table tbody tr:not(.shareholder-contact-row) td:nth-child(6):empty {
        display: none;
    }
    .shareholder-contact-row {padding: 0 !important;border-bottom: 1px solid #eee !important;}
    .shareholder-contact-row td {padding: 0 !important;}
    .shareholder-contact-row td::before {display: none !important;}
    .shareholder-contact-details {padding: 8px 12px;}
    .contact-info-table {width: 100%;display: block;}
    .contact-info-table thead {display: none;}
    .contact-info-table tbody {display: block;}
    .contact-info-table tbody tr {display: block;padding: 8px 0;}
    .contact-info-table tbody tr td {display: flex;align-items: flex-start;padding: 2px 0;border: none !important;}
    .contact-info-table tbody tr td::before {font-weight: 600;font-size: 11px;color: #888;text-transform: uppercase;min-width: 100px;flex-shrink: 0;}
    .contact-info-table tbody tr td:nth-child(1)::before { content: "Name"; }
    .contact-info-table tbody tr td:nth-child(2)::before { content: "Email"; }
    .contact-info-table tbody tr td:nth-child(3)::before { content: "Phone"; }
    .contact-not-found {padding: 8px 12px;font-size: 13px;}
    .tooltip-container {position: relative;}
    .tooltip-box {position: absolute;left: 0;top: 100%;z-index: 100;max-width: 250px;width: max-content;font-size: 12px;}
    .shareholder-table td:nth-child(2) .tooltip-box {left: 100%;top: 50%;transform: translateY(-50%);margin-left: 8px;}
    .pagination-container {flex-wrap: wrap;justify-content: center;gap: 4px;}
    .pagination-btn {min-width: 36px;height: 36px;font-size: 13px;}
    .pagination-ellipsis {padding: 0 4px;}
    .no-results-cell,
    .error-message-cell {padding: 24px 12px !important;}
    .no-results-cell::before,
    .error-message-cell::before {display: none !important;}
    .field-validation-error {font-size: 12px;}
}

@media screen and (max-width: 480px) {
    #results.results-table tbody tr:not(.expand-row) td {flex-direction: column;gap: 2px;}
    #results.results-table tbody tr:not(.expand-row) td::before {min-width: auto;margin-bottom: 1px;}
    .shareholder-table tbody tr td {flex-direction: column;gap: 2px;}
    .shareholder-table tbody tr td::before {min-width: auto;}
    .contact-info-table tbody tr td {flex-direction: column;gap: 2px;}
    .contact-info-table tbody tr td::before {min-width: auto;}
    .shareholder-name-dropdown {width: 100%;}
    .shareholder-name-toggle {width: 100%;word-break: break-word;}
    .tooltip-box {max-width: 200px;font-size: 11px;}
    .pagination-container {gap: 2px;}
    .pagination-btn {min-width: 32px;height: 32px;font-size: 12px;padding: 0 6px;}
}
*/
/*
.expand-row {
    display: none;
}

.expand-row[style*="display: table-row"],
.expand-row[style*="display:table-row"],
.expand-row[style=""] {
    display: table-row !important;
}

.expand-row .expanded-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding: 0 !important;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

.expand-row[style*="display: table-row"] .expanded-content,
.expand-row[style*="display:table-row"] .expanded-content,
.expand-row[style=""] .expanded-content {
    max-height: 800px;
    opacity: 1;
    padding: 12px 0 !important;
}

.expand-row td {
    padding: 0 !important;
    border-top: none !important;
}

.expanded-content .loading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
}

.expanded-content .loading::before,
.expanded-content .loading::after {
    content: '';
    display: block;
    height: 9px;
    border-radius: 4px;
    background: var(--color-border-tertiary, #e5e5e5);
    animation: skel-shimmer 1.2s ease-in-out infinite;
}

.expanded-content .loading::before { width: 90%; }
.expanded-content .loading::after  { width: 60%; animation-delay: 0.15s; }

@keyframes skel-shimmer {
    0%, 100% { opacity: 0.35; }
    50%       { opacity: 1; }
}

.shareholder-contact-row {
    display: none;
}

.shareholder-contact-row[style*="display: table-row"],
.shareholder-contact-row[style*="display:table-row"],
.shareholder-contact-row[style=""] {
    display: table-row !important;
}

.shareholder-contact-details {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding: 0 16px;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.shareholder-contact-row[style*="display: table-row"] .shareholder-contact-details,
.shareholder-contact-row[style*="display:table-row"] .shareholder-contact-details,
.shareholder-contact-row[style=""] .shareholder-contact-details {
    max-height: 300px;
    opacity: 1;
    padding: 10px 16px;
}

.row-expanded {
    background: var(--color-background-secondary) !important;
}

.row-expanded td:first-child {
    border-left: 2px solid var(--color-border-secondary);
} */
 /* =========================================================
   EXPAND ROW ANIMATION — overrides conflicting rules
   ========================================================= */
.expand-row {
    display: none;
}

.expand-row[style*="display: table-row"],
.expand-row[style*="display:table-row"],
.expand-row[style=""] {
    display: table-row !important;
}

.expanded-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s cubic-bezier(0.0, 0, 0.2, 1), opacity 0.4s ease;
    background: #d9d9d9;
}

.expand-row[style*="display: table-row"] .expanded-content,
.expand-row[style*="display:table-row"] .expanded-content,
.expand-row[style=""] .expanded-content {
    max-height: 2000px;
    opacity: 1;
}

/* =========================================================
   SKELETON LOADER — replaces "Loading shareholder details..."
   ========================================================= */
.expanded-content .loading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-indent: -9999px;  /* hides the text */
    font-size: 0;          /* hides the text */
}

.expanded-content .loading::before,
.expanded-content .loading::after {
    content: '';
    display: block;
    height: 10px;
    border-radius: 4px;
    background: #bbb;
    animation: skel-shimmer 1.2s ease-in-out infinite;
    text-indent: 0;
}

.expanded-content .loading::before { width: 90%; }
.expanded-content .loading::after  { width: 60%; animation-delay: 0.15s; }

/* third skeleton line using shareholder table placeholder */
.expanded-content .loading span {
    display: block;
    height: 10px;
    width: 75%;
    border-radius: 4px;
    background: #bbb;
    animation: skel-shimmer 1.2s ease-in-out infinite 0.3s;
    font-size: 0;
}

@keyframes skel-shimmer {
    0%, 100% { opacity: 0.35; }
    50%       { opacity: 1; }
}

/* =========================================================
   CONTACT ROW ANIMATION
   ========================================================= */
.shareholder-contact-row {
    display: none;
}

.shareholder-contact-row[style*="display: table-row"],
.shareholder-contact-row[style*="display:table-row"],
.shareholder-contact-row[style=""] {
    display: table-row !important;
}

.shareholder-contact-row td {
    border-top: none !important;
}

.shareholder-contact-details {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.shareholder-contact-row[style*="display: table-row"] .shareholder-contact-details,
.shareholder-contact-row[style*="display:table-row"] .shareholder-contact-details,
.shareholder-contact-row[style=""] .shareholder-contact-details {
    max-height: 500px;
    opacity: 1;
}

/* =========================================================
   ROW EXPANDED STATE
   ========================================================= */
.row-expanded {
    background-color: #d9d9d9 !important;
}