h1 {
  font: normal normal 800 44px/54px "Urbanist";
  color: #16181D;
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media screen and (max-width: 575px) {
  h1 {
    font-size: 36px;
    line-height: 44px;
  }
}

h3 {
  font: normal normal 800 32px/40px "Urbanist";
  color: #16181d;
}
@media screen and (max-width: 1199px) {
  h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 575px) {
  h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 459px) {
  h3 {
    font-size: 22px;
  }
}

p {
  font: normal normal 600 18px/24px "Inter";
  color: #0b0c0e;
}
@media screen and (max-width: 767px) {
  p {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  p {
    font-size: 14px;
  }
}

span {
  font: normal normal 600 16px/20px "Inter";
}

@media screen and (max-width: 575px) {
  .btn {
    font-size: 16px;
  }
}
/* Breadcrumb design start */
.stock-list-banner .stock-list-banner-inner .stock-list-title-inner a {
  font: normal normal 400 16px/24px "Inter";
  color: #2A948F;
}
.stock-list-banner .stock-list-banner-inner h2 {
  margin: 24px 0 16px;
}
@media screen and (max-width: 575px) {
  .stock-list-banner .stock-list-banner-inner h2 {
    margin: 14px 0 12px;
  }
}
.stock-list-banner .stock-list-banner-inner p {
  font: normal normal 400 16px/24px "Inter";
  max-width: 810px;
}
/* Breadcrumb design end */
.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D9D9D9;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

section.authorized-person-details {
    padding-top: 24px;
}
h1.authorized-person-details-title {
    padding-bottom: 60px;
    color: #0B0C0E;
}
section.authorised-person-details-cancelled,
section.authorised-person-details-disciplinary,
.authorized-person-details-page section.account-open-blog,
.authorized-person-details-page section.zero-brokerage-section {
    padding-top: 80px;
}
section.authorised-person-details-cancelled h3,
section.authorised-person-details-disciplinary h3 {
    padding-bottom: 32px;
}
table.apd-disciplinary-action-table {
    width: 100%;
}

/* ── DataTable overrides ── */
table.dataTable {
    border-radius: 8px;
    border: 1px solid #E2E4E9;
}
table.dataTable thead th {
    background: #F5F8F9;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #16181D;
    padding: 28px 16px;
    border-bottom: 1px solid #E2E4E9;
    border-top: none !important;
    border-left: none !important;
    white-space: nowrap;
    text-align: left;
}
table.dataTable tbody tr {
    border-bottom: 1px solid #f1f5f9;
    transition: background .12s;
}
table.dataTable tbody tr.odd  { background: #ffffff; }
table.dataTable tbody tr.even { background: #F5F8F9; }
table.dataTable tbody td {
    padding: 28px 16px !important;
    vertical-align: middle;
    color: #16181D;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
}
table.dataTable tbody th:nth-child(6),
table.dataTable tbody td:nth-child(6) {
    width: 333px;
    min-width: 333px;
}

/*Table border css start*/
.tbl-apd-wrapper table.dataTable tbody td,
.table-scroll-wrapper.tbl-apd-cancelled-wrapper table.dataTable tbody td,
.apd-table thead th,
.apd-cancelled-table thead th {
    border: 1px solid #e2e8f0 !important;
}

table.dataTable thead th:last-child,
table.dataTable tbody td:last-child {
    border-right: none !important;
}

table.dataTable thead th:first-child,
table.dataTable tbody td:first-child,
.table-scroll-wrapper.tbl-apd-cancelled-wrapper table.dataTable thead th:first-child,
.table-scroll-wrapper.tbl-apd-cancelled-wrapper table.dataTable tbody td:first-child {
    border-left: none !important;
}

.dataTables_scrollHeadInner table,
.dataTables_scrollBody table,
.table-scroll-wrapper.tbl-apd-disciplinary-wrapper table.apd-disciplinary-action-table {
    border-collapse: collapse !important;
}
.dataTables_scrollHeadInner table thead tr:last-child th {
    border-bottom: none !important;
}
.dataTables_scroll {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}
.dataTables_scrollHeadInner table, .dataTables_scrollBody table {
    border: none !important;
}
table.apd-disciplinary-action-table thead tr th {
    border-right: 1px solid #E2E4E9;
}
table.apd-disciplinary-action-table thead tr th:last-child {
    border-right: none !important;
}
table.apd-disciplinary-action-table tbody tr td {
    border: 1px solid #E2E4E9;
}
table.apd-disciplinary-action-table tbody tr td:first-child {
    border-left: none !important;
    border-top: 1px solid #E2E4E9;
}
/*Table border css start*/

/* Pagination style start */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 32px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 40px;
    padding: 0 10px !important;
    font-size: 14px;
    font-weight: bold;
    color: #475467 !important;
    background: #fff !important;
    cursor: pointer;
    line-height: 1 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    font-weight: 600 !important;
    background: #ebf9f9 !important;
    color: #2a948f !important;
    border-radius: 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    opacity: .45;
    cursor: default;
    background: #fff !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
}
/* Pagination style end */

/* Search input field start */
.dataTables_wrapper .dataTables_filter {
    float: none;
    margin-bottom: 24px;
}
.dataTables_wrapper .dataTables_filter input {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    padding: 14px 16px;
    border: 1px solid #C5CAD3;
    border-radius: 8px;
    width: 350px;
    outline: none;
    margin-left: 0 !important;
    background-color: #fff;
}
.dataTables_wrapper .dataTables_filter label {
    font-size: 0;
}
.dataTables_wrapper .dataTables_filter input {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z' stroke='%2316181D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
}
/* Search input field end */

/* Fix Loading position — show inside table body, not above */
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: rgba(255,255,255,0.9);
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}
.dataTables_wrapper {
    position: relative;
}
.dataTables_scrollBody.apd-loading {
    opacity: 0.1;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
/* ── Data Protection — disable copy/paste ── */
body.page-template-Template-authorized-person-details {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media screen and (max-width: 575px) {
    .stock-pt-6 {
        padding-top: 35px !important;
    }
    h1.authorized-person-details-title {
        font-size: 24px;
        font-weight: 800;
        line-height: 24px;
        padding-bottom: 30px;
    }
    .dataTables_wrapper .dataTables_filter input {
        background-position: 15px center;
        padding-left: 50px;
    }
    .dataTables_scroll {
        border-radius: 8px 0 0 8px;
    }
    h3.apd-cancelled-title {
        font-size: 20px;
        font-weight: 800;
        padding-bottom: 24px !important;
        line-height: 130%;
    }
    /* Hide Previous / Next text — keep SVG arrow only */
    #apd-table_previous,
    #apd-cancelled-table_previous,
    #apd-disciplinary-table_previous {
        font-size: 0 !important; /* hides text */
    }
    #apd-table_next,
    #apd-cancelled-table_next,
    #apd-disciplinary-table_next {
        font-size: 0 !important; /* hides text */
    }
    /* Keep SVG visible inside the button */
    #apd-table_previous svg,
    #apd-cancelled-table_previous svg,
    #apd-disciplinary-table_previous svg,
    #apd-table_next svg,
    #apd-cancelled-table_next svg,
    #apd-disciplinary-table_next svg {
        display: inline-block !important;
        font-size: initial;
        width: 20px;
        height: 20px;
    }
    .dataTables_wrapper .dataTables_paginate {
        gap: 20px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0 !important;
    }
    .authorized-person-details-page .account-open-blog,
    section.authorised-person-details-cancelled,
    section.authorised-person-details-disciplinary,
    .authorized-person-details-page section.account-open-blog {
        padding-top: 30px;
    }
}
@media screen and (min-width: 481px) and (max-width: 1366px) {
    h1.authorized-person-details-title {
        font-size: 40px;
        line-height: 100%;
        font-weight: 800;
        padding-bottom: 40px;
    }
    h3.apd-cancelled-title {
        font-size: 24px;
        line-height: 24px;
        font-weight: 800;
        padding-bottom: 24px;
    }
    .dataTables_wrapper .dataTables_paginate {
        gap: 24px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0 !important;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 24px;
    }
    section.authorised-person-details-cancelled,
    section.authorised-person-details-disciplinary,
    .authorized-person-details-page section.account-open-blog {
        padding-top: 40px;
    }
    section.authorised-person-details-cancelled h3,
    section.authorised-person-details-disciplinary h3 {
        padding-bottom: 24px;
    }
}

/* Skeleton CSS start */
/* ── Skeleton loader ── */
.apd-skeleton {
    width: 100%;
    overflow: hidden; /* ← key fix */
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}
.apd-skeleton-row {
    display: grid;
    grid-template-columns: 60px 1fr 1fr 100px 90px 1.5fr 90px 100px 80px 120px 110px;
    gap: 0;
    border-bottom: 1px solid #f1f5f9;
    overflow: hidden; /* ← prevent overflow */
}
.apd-skeleton-row.apd-skeleton-header {
    background: #F5F8F9;
    border-bottom: 1px solid #E2E4E9;
    border-radius: 8px 8px 0 0;
}
.apd-skeleton-cell {
    padding: 28px 16px;
    display: flex;
    align-items: center;
}
.apd-skeleton-bar {
    height: 14px;
    border-radius: 6px;
    background: linear-gradient(90deg, #e8eaed 25%, #f5f6f7 50%, #e8eaed 75%);
    background-size: 200% 100%;
    animation: apd-shimmer 1.4s infinite;
    width: 80%;
}
.apd-skeleton-row.apd-skeleton-header .apd-skeleton-bar {
    background: linear-gradient(90deg, #dde0e4 25%, #e8eaed 50%, #dde0e4 75%);
    background-size: 200% 100%;
    animation: apd-shimmer 1.4s infinite;
    height: 16px;
}
@keyframes apd-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Hide section initially */
section.authorized-person-details,
section.authorised-person-details-cancelled,
section.authorised-person-details-disciplinary {
    opacity: 1; /* reset — skeleton handles the loading state */
    overflow: hidden;
}
#apd-skeleton-3 .apd-skeleton-row {
    grid-template-columns: 60px 1fr 100px 140px 2fr;
}
/* Hide DataTables wrapper until first draw */
.tbl-apd-wrapper .dataTables_wrapper,
.tbl-apd-cancelled-wrapper .dataTables_wrapper,
.tbl-apd-disciplinary-wrapper .dataTables_wrapper {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}
/* Skeleton CSS end */