.pm-wrap{box-sizing:border-box;width:100%;margin:18px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 22px rgba(0,0,0,.055);color:#101828;font-family:inherit}.pm-wrap *{box-sizing:border-box}.pm-main-tabs,.pm-sub-tabs{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 26px}.pm-tab,.pm-sub-tab{border:1px solid #242424;border-radius:10px;background:#fff;color:#111827;padding:15px 24px;min-width:120px;cursor:pointer;font:inherit}.pm-tab.is-active,.pm-sub-tab.is-active{background:#2A4E96;border-color:#2A4E96;color:#fff}.pm-tab-panel[hidden],.pm-sub-panel[hidden],.pm-company-docs[hidden]{display:none!important}.pm-sub-tabs{gap:10px;margin:0 0 20px}.pm-sub-tab{min-width:100px;padding:11px 18px}.pm-company-list{border:1px solid #e5e7eb;border-radius:3px;overflow:hidden}.pm-company{border-bottom:1px solid #e5e7eb}.pm-company:last-child{border-bottom:0}.pm-company-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.pm-company-name{font-weight:500}.pm-details,.pm-action{display:inline-block;background:#2A4E96;color:#fff!important;border:0;border-radius:4px;padding:8px 14px;text-decoration:none!important;cursor:pointer;font:inherit;font-size:14px}.pm-company-docs{padding:0 12px 12px}.pm-table-title{padding:22px 16px;background:#f0f0f0;text-align:center;font-size:22px;font-weight: 500}.pm-table-scroll{width:100%;overflow-x:auto}.pm-table{width:100%;border-collapse:collapse;margin:0;font-size:16px;font-weight: 400}.pm-table th,.pm-table td{border:1px solid #e5e7eb;padding:12px 14px;text-align:left;vertical-align:middle}.pm-table thead th{background:#e4edff;font-weight:600;color:#10213e}.pm-table td:first-child{white-space:nowrap}.pm-icon-link{display:inline-flex;align-items:center;justify-content:center;color:#2A4E96;text-decoration:none;font-size:20px;min-width:26px}.pm-empty,.pm-no-results{padding:18px;color:#596579}.pm-empty{background:#f7f8fa;border-radius:4px}.pm-list-view{padding:30px 40px}.pm-list-view .pm-table-title{border-radius:3px 3px 0 0}.pm-list-view .pm-table td:nth-child(3),.pm-list-view .pm-table td:nth-child(4),.pm-list-view .pm-table th:nth-child(3),.pm-list-view .pm-table th:nth-child(4){text-align:center}.pm-tabs-view .pm-tab-panel{min-width:0}@media(max-width:640px){.pm-wrap{padding:14px;border-radius:7px}.pm-main-tabs{gap:8px;margin-bottom:18px}.pm-tab{flex:1 1 calc(50% - 8px);min-width:0;padding:11px 9px;font-size:14px}.pm-sub-tab{padding:9px 12px;min-width:0}.pm-company-row{align-items:flex-start;padding:12px;flex-direction:column}.pm-list-view{padding:14px}.pm-table th,.pm-table td{padding:9px 8px;font-size:13px}.pm-table{min-width:520px}.pm-company-docs .pm-table{min-width:420px}}.pm-banner{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:12px;margin:0 0 26px}

/* Keep the first and last child-category tabs aligned to opposite ends. */
.pm-tabs-view .pm-sub-tabs{justify-content:space-between;width:100%;}
.pm-tabs-view .pm-sub-tab{flex:0 1 auto;}

/* Media-specific controls and accessible image/video preview popup. */
.pm-audio-player{display:block;width:100%;max-width:360px;min-width:180px;height:40px}
.pm-media-popup{font-family:inherit}
.pm-media-modal{display:none;position:fixed;z-index:999999;inset:0;align-items:center;justify-content:center;padding:24px;background:rgba(8,16,32,.82)}
.pm-media-modal.is-open{display:flex}
.pm-media-modal__panel{position:relative;width:min(100%,1000px);max-height:90vh;overflow:auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.pm-media-modal__close{position:sticky;top:0;float:right;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#2A4E96;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.pm-media-modal__title{margin:0 52px 16px 0;font-size:18px;color:#10213e}
.pm-media-modal__content img,.pm-media-modal__content video{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:0 auto;object-fit:contain}
.pm-modal-open{overflow:hidden}
@media(max-width:640px){.pm-media-modal{padding:12px}.pm-media-modal__panel{padding:16px}.pm-audio-player{max-width:260px}}

.pm-audio-player[hidden]{display:none!important}

/* Mobile-friendly document rows: keep the title first and move actions beneath it. */
@media (max-width: 640px) {
  .pm-table-scroll { overflow: visible; }
  .pm-table,
  .pm-company-docs .pm-table { width: 100%; min-width: 0; display: block; border-collapse: separate; border-spacing: 0; }
  .pm-table thead { display: none; }
  .pm-table tbody { display: block; width: 100%; }
  .pm-table tbody tr { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 10px 12px; border: 1px solid #e5e7eb; border-bottom: 0; background: #fff; }
  .pm-table tbody tr:last-child { border-bottom: 1px solid #e5e7eb; }
  .pm-table tbody td { display: block; border: 0; padding: 5px 6px; white-space: normal; overflow-wrap: anywhere; }
  .pm-table tbody td.pm-document-title { order: 0; flex: 1 0 100%; width: 100%; padding: 4px 6px 9px; font-weight: 500; }
  .pm-table tbody td.pm-serial-cell { order: 1; flex: 0 0 auto; color: #596579; padding-left: 6px; }
  .pm-table tbody td.pm-view-cell,
  .pm-table tbody td.pm-download-cell { order: 2; flex: 0 0 auto; width: auto; text-align: left; padding: 4px 6px; }
  .pm-table tbody td.pm-view-cell .pm-action,
  .pm-table tbody td.pm-download-cell .pm-action { max-width: 100%; white-space: normal; }
  .pm-table tbody td.pm-no-results { flex: 1 0 100%; }
  .pm-list-view .pm-table td:nth-child(3),
  .pm-list-view .pm-table td:nth-child(4) { text-align: left; }
  .pm-audio-player { max-width: 100%; width: 240px; }
}

/* Media Management v2 responsive and Recent Transaction styles */
.pm-category-image{display:block;width:100%;max-width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:8px;margin:0 0 18px}
.pm-recent-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-bottom:18px}
.pm-recent-scroll .pm-main-tabs{width:max-content;min-width:100%;flex-wrap:nowrap;margin-bottom:0;padding-bottom:4px}
.pm-recent-scroll .pm-tab{flex:0 0 auto;white-space:nowrap}
@media(max-width:640px){
 .pm-wrap,.pm-list-view{max-width:100%;min-width:0;padding:10px}
 .pm-list-view .pm-table-scroll{overflow:visible;max-width:100%}
 .pm-list-view .pm-table,.pm-company-docs .pm-table{table-layout:fixed;max-width:100%;min-width:0}
 .pm-table tbody tr{min-width:0;max-width:100%;overflow:hidden}
 .pm-table tbody td{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
 .pm-table tbody td.pm-document-title{white-space:normal;line-height:1.4}
 .pm-table tbody td.pm-view-cell,.pm-table tbody td.pm-download-cell{max-width:100%;overflow-wrap:anywhere}
 .pm-table .pm-action{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .pm-table .pm-icon-link{min-width:24px}
 .pm-recent-transaction .pm-tab-panel{min-width:0;max-width:100%}
}
@media(max-width:320px){.pm-wrap,.pm-list-view{padding:7px}.pm-table tbody tr{padding:7px}.pm-table tbody td{padding:4px 3px;font-size:12px}.pm-table .pm-action{padding:7px 8px;font-size:12px}}

/* Recent Transaction: company cards with horizontal scrolling */
.pm-tabs-view .pm-sub-tabs,.pm-recent-transaction .pm-sub-tabs{justify-content:flex-start!important;width:100%;align-items:flex-start}
.pm-tabs-view .pm-sub-tab,.pm-recent-transaction .pm-sub-tab{flex:0 0 auto}
.pm-recent-transaction .pm-sub-tabs{gap:10px;margin:0 0 14px}
.pm-recent-cards-wrap{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:14px;background:#fafafa;padding:12px;min-width:0}
.pm-recent-cards{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-width:0;flex:1;padding:4px 2px 8px;scroll-snap-type:x mandatory}
.pm-recent-card{flex:0 0 160px;min-width:0;min-height:205px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;border:1px solid #e7e7e7;border-radius:20px;background:#fff;scroll-snap-align:start;padding:12px 10px 0}
.pm-recent-card-image{width:72px;height:62px;object-fit:contain;margin:0 auto 6px}
.pm-recent-card-title{font-size:13px;line-height:1.35;overflow-wrap:anywhere;min-height:35px;display:flex;align-items:center;justify-content:center}
.pm-recent-card-label{background:#e7eeff;color:#111827;font-size:12px;font-weight:600;margin:8px -10px 0;padding:12px 4px;width:calc(100% + 20px)}
.pm-recent-card-details{margin:8px 0 10px;font-size:12px;padding:6px 10px}
.pm-recent-card-docs{width:100%;margin-top:10px;text-align:left}
.pm-recent-card-docs:not([hidden]){width:min(78vw,680px);max-width:calc(100vw - 100px);}
.pm-recent-card-docs .pm-table{min-width:420px}
.pm-recent-arrow{flex:0 0 24px;width:24px;height:36px;border:0;background:transparent;color:#333;font-size:26px;line-height:1;cursor:pointer;padding:0}
.pm-recent-transaction .pm-sub-panel[hidden]{display:none!important}
@media(max-width:640px){.pm-recent-cards-wrap{padding:8px 5px;gap:3px}.pm-recent-card{flex-basis:145px}.pm-recent-arrow{flex-basis:20px;width:20px}.pm-recent-card-docs:not([hidden]){max-width:calc(100vw - 70px)}}

/* Recent Transaction refinements: compact tabs, image/name-only cards, mobile-safe carousel */
.pm-recent-transaction .pm-recent-scroll .pm-tab{min-width:96px;padding:10px 17px;font-size:14px;border-radius:7px}
.pm-recent-transaction .pm-main-tabs{gap:8px}
.pm-recent-transaction .pm-recent-sub-tabs{justify-content:flex-start!important;align-items:flex-start;margin:12px 0 14px;gap:10px}
.pm-recent-transaction .pm-recent-sub-tabs .pm-sub-tab{flex:0 0 auto}
.pm-recent-transaction .pm-recent-card{flex-basis:160px;min-height:170px;padding:16px 10px;justify-content:flex-start}
.pm-recent-transaction .pm-recent-card-image{width:100%;height:88px;object-fit:contain;margin:0 auto 10px}
.pm-recent-transaction .pm-recent-card-title{font-size:13px;line-height:1.4;min-height:0;display:block;overflow-wrap:anywhere}
@media(max-width:640px){.pm-recent-transaction .pm-recent-scroll .pm-tab{min-width:82px;padding:9px 12px;font-size:13px}.pm-recent-transaction .pm-recent-card{flex-basis:145px;min-height:155px}.pm-recent-transaction .pm-recent-card-image{height:76px}}


/* Final polish: compact Recent Transaction sub-tabs and hide horizontal scrollbars. */
.pm-recent-transaction .pm-recent-sub-tabs .pm-sub-tab{min-width:0;padding:7px 12px;font-size:13px;line-height:1.25;border-radius:7px}
.pm-recent-transaction .pm-recent-sub-tabs{gap:7px;margin:9px 0 12px}
.pm-recent-transaction .pm-recent-scroll,
.pm-recent-transaction .pm-recent-cards,
.pm-recent-transaction .pm-recent-cards-wrap{scrollbar-width:none;-ms-overflow-style:none}
.pm-recent-transaction .pm-recent-scroll::-webkit-scrollbar,
.pm-recent-transaction .pm-recent-cards::-webkit-scrollbar,
.pm-recent-transaction .pm-recent-cards-wrap::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:640px){.pm-recent-transaction .pm-recent-sub-tabs .pm-sub-tab{padding:7px 10px;font-size:12px}.pm-recent-transaction .pm-recent-sub-tabs{gap:6px;margin:8px 0 10px}}

/* Recent Transaction: make main tabs fit narrow mobile screens without clipping. */
.pm-recent-transaction .pm-recent-scroll{width:100%;max-width:100%;overflow-x:visible;overflow-y:visible;min-width:0}
.pm-recent-transaction .pm-recent-scroll .pm-main-tabs{display:flex;width:100%;min-width:0;max-width:100%;flex-wrap:wrap;gap:7px;padding:0;margin:0 0 12px;}
.pm-recent-transaction .pm-recent-scroll .pm-tab{flex:1 1 auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;padding:9px 12px;font-size:14px;line-height:1.25;}
@media(max-width:480px){
 .pm-recent-transaction .pm-recent-scroll .pm-main-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .pm-recent-transaction .pm-recent-scroll .pm-tab{width:100%;min-width:0;padding:9px 6px;font-size:13px;border-radius:7px}
}
@media(max-width:320px){
 .pm-recent-transaction .pm-recent-scroll .pm-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .pm-recent-transaction .pm-recent-scroll .pm-tab{padding:8px 4px;font-size:12px}
}


/* Final requested fixes: show complete cards when three fit and use Action column heading. */
.pm-recent-transaction .pm-recent-cards{gap:10px}
.pm-recent-transaction .pm-recent-card{flex:0 0 calc((100% - 20px)/3);max-width:calc((100% - 20px)/3)}
@media(max-width:480px){
 .pm-recent-transaction .pm-recent-card{flex-basis:145px;max-width:none}
}

/* Mobile Header Tabs: keep serial numbers visible and consistently aligned. */
@media (max-width: 640px) {
  .pm-company-docs .pm-table tbody td.pm-serial-cell {
    display: block;
    flex: 0 0 32px;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    padding: 5px 2px;
    margin: 0;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    overflow-wrap: normal;
    word-break: normal;
    align-self: center;
    color: #2A4E96;
    line-height: 1.4;
  }
  .pm-company-docs .pm-table tbody td.pm-view-cell,
  .pm-company-docs .pm-table tbody td.pm-download-cell {
    flex: 0 1 auto;
    min-width: 0;
    width: auto;
    align-self: center;
  }
  .pm-company-docs .pm-table tbody td.pm-view-cell .pm-action,
  .pm-company-docs .pm-table tbody td.pm-download-cell .pm-action {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 360px) {
  .pm-company-docs .pm-table tbody td.pm-serial-cell {
    flex-basis: 28px;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    font-size: 12px;
  }
}


/* SACA Management: mobile-safe Recent Transaction cards.
   Each card stays fully inside the carousel viewport; users can swipe to the next card. */
.pm-recent-transaction,
.pm-recent-transaction * {
    box-sizing: border-box;
}
.pm-recent-transaction {
    width: 100%;
    min-width: 0;
}
.pm-recent-transaction .pm-tab-panel,
.pm-recent-transaction .pm-sub-panel,
.pm-recent-transaction .pm-recent-cards-wrap {
    min-width: 0;
    max-width: 100%;
}
.pm-recent-transaction .pm-recent-cards-wrap {
    overflow: hidden;
}
.pm-recent-transaction .pm-recent-cards {
    min-width: 0;
    max-width: 100%;
    scroll-padding-inline: 4px;
}
.pm-recent-transaction .pm-recent-card {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}
.pm-recent-transaction .pm-recent-card-title {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}
@media (max-width: 480px) {
    .pm-recent-transaction .pm-recent-cards-wrap {
        padding: 8px 5px;
        gap: 4px;
    }
    .pm-recent-transaction .pm-recent-cards {
        gap: 10px;
        padding: 4px 3px 8px;
    }
    .pm-recent-transaction .pm-recent-card {
        flex: 0 0 calc(100% - 12px);
        width: calc(100% - 12px);
        min-height: 155px;
        padding: 14px 10px;
        scroll-snap-align: start;
    }
    .pm-recent-transaction .pm-recent-card-image {
        width: 100%;
        max-width: 100%;
        height: 76px;
        object-fit: contain;
    }
    .pm-recent-transaction .pm-recent-arrow {
        flex: 0 0 20px;
        width: 20px;
        max-width: 20px;
    }
    .pm-recent-transaction .pm-recent-scroll .pm-main-tabs {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        gap: 6px;
    }
    .pm-recent-transaction .pm-recent-scroll .pm-tab {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Accessible headings: visually hidden where a visible label would change the existing layout. */
.pm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pm-company-name{margin:0;font-size:inherit;line-height:inherit}