/* =========================================================
   PKDS Site Standard v1
   Đồng bộ theo chuẩn khung kho sim
   - Desktop: max 1280px / padding ngang 14px / margin dọc 20px
   - Mobile: 8px / 6px như kho sim chuẩn
   ========================================================= */
:root {
    --pkds-shell-max-local: var(--pkds-shell-max, 1280px);
    --pkds-shell-margin-y-local: var(--pkds-shell-margin-y, 20px);
    --pkds-shell-pad-x-local: var(--pkds-shell-pad-x, 14px);
    --pkds-shell-pad-x-mobile-local: var(--pkds-shell-pad-x-mobile, 8px);
    --pkds-shell-pad-x-mobile-sm-local: var(--pkds-shell-pad-x-mobile-sm, 6px);
    --pkds-section-gap-local: var(--pkds-section-gap, 16px);
    --pkds-batu-gap-local: var(--pkds-grid-gap, 12px);
    --pkds-batu-space-sm-local: var(--pkds-space-sm, 8px);
    --pkds-batu-space-md-local: var(--pkds-space-md, 10px);
    --pkds-batu-space-lg-local: var(--pkds-space-lg, 12px);
    --pkds-batu-space-xl-local: var(--pkds-space-xl, 14px);
    --pkds-batu-radius-sm-local: var(--pkds-radius-sm, 10px);
    --pkds-batu-radius-md-local: var(--pkds-radius-md, 12px);
    --pkds-batu-radius-box-local: 8px;
}

/* PKDS Bát Tự – Classic UI (gần mẫu ảnh) */
.pkds-batu-wrap {
    width: auto;
    max-width: var(--pkds-shell-max-local);
    margin: var(--pkds-shell-margin-y-local) auto;
    padding: 0 var(--pkds-shell-pad-x-local);
    font-family: inherit;
    box-sizing: border-box
}

.pkds-batu-wrap .pkds-batu-card {
    background: #0b0b0b;
    border: 1px solid #d7b26a;
    border-radius: var(--pkds-batu-radius-sm-local);
    overflow: hidden
}

.pkds-batu-wrap .pkds-batu-head {
    background: #f6e9d6;
    color: #a10000;
    font-weight: 900;
    letter-spacing: .6px;
    text-align: center;
    padding: var(--pkds-batu-space-xl-local) var(--pkds-batu-space-lg-local);
    font-size: 22px;
    border-bottom: 1px solid #d7b26a
}

.pkds-batu-wrap .pkds-batu-form {
    background: #111;
    padding: var(--pkds-batu-space-lg-local);
    border-bottom: 1px solid rgba(215, 178, 106, .5)
}

.pkds-batu-wrap .pkds-batu-form .row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pkds-batu-space-md-local);
    align-items: end
}

.pkds-batu-wrap .pkds-batu-form label {
    display: block;
    color: #f1d9b0;
    font-weight: 700;
    font-size: 12px;
    margin: 0 0 6px
}

.pkds-batu-wrap .pkds-batu-form input,
.pkds-batu-wrap .pkds-batu-form select {
    min-height: 44px;
    padding: 8px 12px;
    border-radius: var(--pkds-batu-radius-sm-local);
    border: 1px solid #3a3a3a;
    background: #0b0b0b;
    color: #fff;
    min-width: 160px;
    line-height: 1.25;
    box-sizing: border-box
}

.pkds-batu-wrap .pkds-batu-form button {
    min-height: 46px;
    padding: 10px 14px;
    border: 0;
    border-radius: var(--pkds-batu-radius-sm-local);
    background: #f6e9d6;
    color: #a10000;
    font-weight: 900;
    cursor: pointer;
    line-height: 1.2;
    box-sizing: border-box
}

.pkds-batu-wrap .pkds-batu-form-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.55fr) minmax(92px, .75fr) minmax(92px, .75fr) minmax(220px, 1.45fr);
    grid-template-areas: 'dob hour minute gender''calendar leap leap submit';
    gap: 10px 12px;
    align-items: start
}

.pkds-batu-wrap .pkds-form-cell {
    min-width: 0
}

.pkds-batu-wrap .pkds-form-cell input,
.pkds-batu-wrap .pkds-form-cell select {
    width: 100%;
    min-width: 0
}

.pkds-batu-wrap .pkds-form-cell--hour input,
.pkds-batu-wrap .pkds-form-cell--minute input {
    text-align: left
}

.pkds-batu-wrap .pkds-form-cell--dob {
    grid-area: dob
}

.pkds-batu-wrap .pkds-form-cell--hour {
    grid-area: hour
}

.pkds-batu-wrap .pkds-form-cell--minute {
    grid-area: minute
}

.pkds-batu-wrap .pkds-form-cell--gender {
    grid-area: gender
}

.pkds-batu-wrap .pkds-form-cell--calendar {
    grid-area: calendar
}

.pkds-batu-wrap .pkds-form-cell--leap {
    grid-area: leap;
    justify-self: start;
    width: min(100%, 280px)
}

.pkds-batu-wrap .pkds-form-cell--submit {
    grid-area: submit;
    display: flex;
    align-items: flex-start;
    padding-top: 18px
}

.pkds-batu-wrap .pkds-form-cell--submit button {
    width: 100%;
    font-size: 16px;
    letter-spacing: .2px;
    text-transform: uppercase
}

.pkds-batu-wrap .pkds-leap-hint {
    margin-top: 6px;
    max-width: 100%;
    font-size: 12px;
    line-height: 1.5;
    color: #b98a29
}

.pkds-batu-wrap .pkds-detail-grid--intro {
    align-items: stretch
}

.pkds-batu-wrap .pkds-detail-grid--intro .pkds-batu-panel {
    height: 100%
}

.pkds-batu-wrap .pkds-detail-grid--single {
    grid-template-columns: 1fr
}

.pkds-batu-wrap .pkds-batu-panel--quick-read .pkds-batu-panel-body {
    display: grid;
    gap: 12px
}

.pkds-batu-wrap .pkds-quick-read {
    display: grid;
    gap: 12px
}

.pkds-batu-wrap .pkds-kv2--compact {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 8px 10px
}

.pkds-batu-wrap .pkds-quick-read-note {
    color: #f1d9b0;
    font-size: 14px;
    line-height: 1.6
}

.pkds-batu-wrap .pkds-quick-read-box {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid rgba(215, 178, 106, .32);
    border-radius: 10px;
    background: rgba(246, 233, 214, .05)
}

.pkds-batu-wrap .pkds-quick-read-box strong {
    color: #f6e9d6;
    font-size: 14px;
    line-height: 1.4
}

.pkds-batu-wrap .pkds-quick-read-box span {
    color: #d8c39a;
    font-size: 14px;
    line-height: 1.65
}

@media (max-width: 1024px) {
    .pkds-batu-wrap .pkds-batu-form-grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(84px, .8fr) minmax(84px, .8fr);
        grid-template-areas: 'dob hour minute''gender calendar leap''submit submit submit'
    }

    .pkds-batu-wrap .pkds-form-cell--leap {
        width: min(100%, 250px)
    }

    .pkds-batu-wrap .pkds-form-cell--submit {
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .pkds-batu-wrap .pkds-batu-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas: 'dob hour''minute gender''calendar leap''submit submit';
        gap: 8px
    }

    .pkds-batu-wrap .pkds-batu-form input,
    .pkds-batu-wrap .pkds-batu-form select {
        min-height: 42px;
        padding: 8px 12px
    }

    .pkds-batu-wrap .pkds-form-cell--leap {
        width: auto;
        justify-self: stretch
    }

    .pkds-batu-wrap .pkds-form-cell--submit {
        padding-top: 0
    }

    .pkds-batu-wrap .pkds-form-cell--submit button {
        min-height: 44px;
        font-size: 15px
    }

    .pkds-batu-wrap .pkds-kv2--compact {
        grid-template-columns: 1fr;
        gap: 4px
    }

    .pkds-batu-wrap .pkds-kv2--compact .k {
        padding-top: 5px;
        border-top: 1px dashed rgba(255, 255, 255, .10)
    }

    .pkds-batu-wrap .pkds-kv2--compact .k:first-child {
        padding-top: 0;
        border-top: 0
    }

    .pkds-batu-wrap .pkds-quick-read-note,
    .pkds-batu-wrap .pkds-quick-read-box span {
        font-size: 13px
    }

    .pkds-batu-wrap .pkds-quick-read-box {
        padding: 8px 10px
    }
}

.pkds-batu-wrap .pkds-batu-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: var(--pkds-batu-gap-local);
    padding: var(--pkds-batu-space-lg-local)
}

@media (max-width: 860px) {
    .pkds-batu-wrap .pkds-batu-grid {
        grid-template-columns: 1fr
    }
}

.pkds-batu-wrap .pkds-box {
    border: 1px solid rgba(215, 178, 106, .6);
    border-radius: var(--pkds-batu-radius-box-local);
    overflow: hidden;
    background: #060606
}

.pkds-batu-wrap .pkds-box h3 {
    margin: 0;
    padding: 10px 10px;
    background: linear-gradient(90deg, #3a2d17, #b28a3a);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .4px;
    text-transform: uppercase
}

.pkds-batu-wrap .pkds-box .body {
    padding: var(--pkds-batu-space-md-local);
    color: #eee
}

.pkds-batu-wrap .pkds-kv {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 6px 10px;
    align-items: center
}

.pkds-batu-wrap .pkds-kv .k {
    color: #f1d9b0;
    font-weight: 800
}

.pkds-batu-wrap .pkds-kv .v {
    color: #fff
}

.pkds-batu-wrap .pkds-batu-pillars {
    width: 100%;
    border-collapse: collapse
}

.pkds-batu-wrap .pkds-batu-pillars th,
.pkds-batu-wrap .pkds-batu-pillars td {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px;
    text-align: center
}

.pkds-batu-wrap .pkds-batu-pillars th {
    color: #f1d9b0;
    background: #0f0f0f;
    font-weight: 900
}

.pkds-batu-wrap .pkds-batu-pillars td .stem {
    font-weight: 900;
    font-size: 18px
}

.pkds-batu-wrap .pkds-batu-pillars td .branch {
    margin-top: 6px;
    font-weight: 900;
    font-size: 16px
}

.pkds-batu-wrap .pkds-batu-pillars td .el {
    margin-top: 2px;
    font-size: 12px;
    color: #c9c9c9
}

.pkds-batu-wrap .pkds-batu-note {
    color: #d0c2a3;
    font-size: 13px;
    line-height: 1.5
}

.pkds-batu-wrap .pkds-btn-cta {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #f6e9d6;
    color: #a10000;
    font-weight: 900;
    text-decoration: none;
    border: 1px solid #d7b26a
}

.pkds-batu-wrap .pkds-batu-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width: 860px) {
    .pkds-batu-wrap .pkds-batu-metrics {
        grid-template-columns: 1fr
    }
}

.pkds-batu-wrap .pkds-meter {
    border: 1px solid rgba(215, 178, 106, .45);
    border-radius: 8px;
    padding: 10px;
    background: #0b0b0b
}

.pkds-batu-wrap .pkds-meter .t {
    color: #f1d9b0;
    font-weight: 900;
    margin-bottom: 6px
}

.pkds-batu-wrap .pkds-batu-bar {
    height: 10px;
    background: #222;
    border-radius: 999px;
    overflow: hidden
}

.pkds-batu-wrap .pkds-batu-bar>i {
    display: block;
    height: 10px;
    background: #f6e9d6;
    width: 0%
}

.pkds-batu-wrap .pkds-small {
    font-size: 12px;
    color: #c9c9c9;
    margin-top: 6px
}

.pkds-batu-wrap .pkds-batu-table {
    width: 100%;
    border-collapse: collapse
}

.pkds-batu-wrap .pkds-batu-table th,
.pkds-batu-wrap .pkds-batu-table td {
    border: 1px solid rgba(255, 255, 255, .15);
    padding: 8px 10px
}

.pkds-batu-wrap .pkds-batu-table th {
    background: #0f0f0f;
    color: #f1d9b0;
    text-align: left
}

.pkds-batu-wrap .pkds-batu-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(215, 178, 106, .6);
    color: #f1d9b0;
    font-weight: 800;
    font-size: 12px
}

.pkds-batu-wrap .pkds-warn {
    background: #2a150f;
    border: 1px solid rgba(215, 178, 106, .6);
    padding: 10px;
    border-radius: 10px;
    color: #f1d9b0;
    margin: 10px 0
}



/* ===== Dashboard layout (classic như ảnh mẫu) ===== */
.pkds-batu-wrap .pkds-dashboard {
    display: grid;
    grid-template-columns: 1.08fr 1.22fr;
    gap: var(--pkds-batu-space-xl-local);
    padding: var(--pkds-batu-space-lg-local)
}

.pkds-batu-wrap .pkds-col {
    display: flex;
    flex-direction: column;
    gap: var(--pkds-batu-gap-local)
}

.pkds-batu-wrap .pkds-batu-panel {
    border: 1px solid rgba(215, 178, 106, .55);
    border-radius: var(--pkds-batu-radius-sm-local);
    overflow: hidden;
    background: #0b0b0b
}

.pkds-batu-wrap .pkds-batu-panel-title {
    background: linear-gradient(180deg, rgba(215, 178, 106, .35), rgba(215, 178, 106, .18));
    color: #f6e9d6;
    font-weight: 900;
    letter-spacing: .4px;
    padding: var(--pkds-batu-space-md-local) var(--pkds-batu-space-lg-local);
    border-bottom: 1px solid rgba(215, 178, 106, .45)
}

.pkds-batu-wrap .pkds-batu-panel-body {
    padding: var(--pkds-batu-space-lg-local)
}

.pkds-batu-wrap .pkds-batu-panel-cta {
    background: transparent;
    border: 0
}

.pkds-batu-wrap .pkds-batu-panel-cta .pkds-btn {
    display: block;
    text-align: center;
    padding: 12px 12px;
    border-radius: var(--pkds-batu-radius-md-local);
    border: 2px solid #b40000;
    background: #f6e9d6;
    color: #b40000;
    font-weight: 900;
    text-decoration: none
}

.pkds-batu-wrap .pkds-batu-panel-cta .pkds-btn:hover {
    filter: brightness(1.05)
}

.pkds-batu-wrap .pkds-kv2 {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 8px 10px
}

.pkds-batu-wrap .pkds-kv2 .k {
    color: #f1d9b0;
    font-weight: 800
}

.pkds-batu-wrap .pkds-kv2 .v {
    color: #fff
}

.pkds-batu-wrap .pkds-info-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.pkds-batu-wrap .pkds-info-item {
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-info-item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.pkds-batu-wrap .pkds-info-item .k {
    color: #cbb88a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25
}

.pkds-batu-wrap .pkds-info-item .v {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.3;
    word-break: break-word
}

.pkds-batu-wrap .pkds-info-item .v .pkds-batu-pill {
    font-size: 18px
}

.pkds-batu-wrap .pkds-batu-pill {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid rgba(215, 178, 106, .7);
    background: #111;
    color: #f6e9d6;
    font-weight: 900
}

.pkds-batu-wrap .pkds-batu-pillars {
    width: 100%;
    border-collapse: collapse
}

.pkds-batu-wrap .pkds-batu-pillars th,
.pkds-batu-wrap .pkds-batu-pillars td {
    border: 1px solid rgba(255, 255, 255, .12);
    padding: 10px 8px;
    text-align: center
}

.pkds-batu-wrap .pkds-batu-pillars thead th {
    background: rgba(255, 255, 255, .06);
    color: #f6e9d6
}

.pkds-batu-wrap .pkds-batu-pillars tbody th {
    background: rgba(255, 255, 255, .04);
    color: #f1d9b0;
    text-align: left
}

.pkds-batu-wrap .pkds-big {
    font-size: 18px;
    font-weight: 900;
    color: #fff
}

.pkds-batu-wrap .pkds-mini {
    margin-top: 4px;
    font-size: 12px;
    color: #cbb88a
}

.pkds-batu-wrap .pkds-rel {
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-rel:last-child {
    border-bottom: 0
}

.pkds-batu-wrap .pkds-rel .t {
    color: #f1d9b0;
    font-weight: 900
}

.pkds-batu-wrap .pkds-rel .v {
    color: #fff
}

.pkds-batu-wrap .pkds-strong {
    font-weight: 900;
    color: #ffe7b6
}

.pkds-batu-wrap .pkds-muted {
    color: #cbb88a
}

.pkds-batu-wrap .pkds-elements {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 12px;
    align-items: center
}

.pkds-batu-wrap .pkds-radar {
    width: 180px;
    height: auto
}

.pkds-batu-wrap .pkds-radar-frame {
    fill: none;
    stroke: rgba(215, 178, 106, .65);
    stroke-width: 2
}

.pkds-batu-wrap .pkds-radar-fill {
    fill: rgba(180, 0, 0, .22);
    stroke: rgba(180, 0, 0, .65);
    stroke-width: 2
}

.pkds-batu-wrap .pkds-svg-t {
    fill: #f6e9d6;
    font-size: 12px;
    font-weight: 900
}

.pkds-batu-wrap .pkds-el-list .row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-el-list .row:last-child {
    border-bottom: 0
}

.pkds-batu-wrap .pkds-el-list .e {
    color: #f1d9b0;
    font-weight: 900
}

.pkds-batu-wrap .pkds-el-list .p {
    color: #fff;
    font-weight: 900
}

.pkds-batu-wrap .pkds-batu-bars {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pkds-batu-wrap .pkds-batu-bar {
    display: grid;
    grid-template-columns: 110px 1fr 26px;
    gap: 8px;
    align-items: center
}

.pkds-batu-wrap .pkds-batu-bar .l {
    color: #f1d9b0;
    font-weight: 800;
    font-size: 12px
}

.pkds-batu-wrap .pkds-batu-bar .b {
    height: 10px;
    background: rgba(255, 255, 255, .08);
    border-radius: 999px;
    overflow: hidden
}

.pkds-batu-wrap .pkds-batu-bar .b span {
    display: block;
    height: 100%;
    background: rgba(215, 178, 106, .75)
}

.pkds-batu-wrap .pkds-batu-bar .n {
    color: #fff;
    font-weight: 900;
    text-align: right
}

.pkds-batu-wrap .pkds-hidden .row {
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-hidden .row:last-child {
    border-bottom: 0
}

.pkds-batu-wrap .pkds-hidden .k {
    color: #f1d9b0;
    font-weight: 900
}

.pkds-batu-wrap .pkds-chip {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 12px
}

/* ===== Detail ===== */
.pkds-batu-wrap .pkds-detail {
    padding: var(--pkds-batu-space-lg-local)
}

.pkds-batu-wrap .pkds-section {
    border: 1px solid rgba(215, 178, 106, .55);
    border-radius: var(--pkds-batu-radius-md-local);
    overflow: hidden;
    margin-top: var(--pkds-batu-space-xl-local)
}

.pkds-batu-wrap .pkds-sec-title {
    background: #111;
    color: #f6e9d6;
    font-weight: 900;
    padding: var(--pkds-batu-space-lg-local);
    border-bottom: 1px solid rgba(215, 178, 106, .45)
}

.pkds-batu-wrap .pkds-sec-body {
    padding: var(--pkds-batu-space-lg-local)
}

.pkds-batu-wrap .pkds-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--pkds-batu-gap-local)
}

.pkds-batu-wrap .pkds-batu-panel--wide {
    grid-column: 1 / -1
}

.pkds-batu-wrap .pkds-ul {
    margin: 8px 0 0 18px;
    color: #fff
}

.pkds-batu-wrap .pkds-daivan {
    width: 100%;
    border-collapse: collapse
}

.pkds-batu-wrap .pkds-daivan th,
.pkds-batu-wrap .pkds-daivan td {
    border: 1px solid rgba(255, 255, 255, .12);
    padding: 10px 8px
}

.pkds-batu-wrap .pkds-daivan thead th {
    background: rgba(255, 255, 255, .06);
    color: #f6e9d6
}

.pkds-batu-wrap .pkds-daivan tbody td {
    color: #fff
}

.pkds-batu-wrap .pkds-mini-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px
}

.pkds-batu-wrap .pkds-mini-table td {
    border: 1px solid rgba(255, 255, 255, .12);
    padding: 8px;
    color: #fff
}

.pkds-batu-wrap .pkds-dir .row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-dir .row:last-child {
    border-bottom: 0
}

.pkds-batu-wrap .pkds-dir .t {
    color: #f1d9b0;
    font-weight: 900
}

.pkds-batu-wrap .pkds-dir .v {
    color: #fff;
    font-weight: 800
}

/* Responsive */
@media (max-width: 900px) {
    .pkds-batu-wrap .pkds-dashboard {
        grid-template-columns: 1fr
    }

    .pkds-batu-wrap .pkds-elements {
        grid-template-columns: 1fr
    }

    .pkds-batu-wrap .pkds-detail-grid {
        grid-template-columns: 1fr
    }

    .pkds-batu-wrap .pkds-info-item .v {
        font-size: 18px
    }
}



/* ===== Wider desktop frame ===== */
@media (max-width: 767px) {
    .pkds-batu-wrap {
        width: auto !important;
        max-width: none !important;
        margin: 16px auto !important;
        padding: 0 var(--pkds-shell-pad-x-mobile-local) !important;
        box-sizing: border-box
    }
}

@media (max-width: 420px) {
    .pkds-batu-wrap {
        padding: 0 var(--pkds-shell-pad-x-mobile-sm-local) !important
    }
}

/* ===== HOTFIX: tránh bị theme phủ lớp tối/opacity khiến chữ không đọc được =====
   Một số theme / block styles có overlay ::before hoặc opacity trên container.
   Khóa lại để UI plugin luôn hiển thị rõ ràng.
*/
/* ===== HOTFIX K28: không nâng z-index toàn khối plugin =====
   Bản cũ đẩy wrapper/card lên z-index:9999 để chống overlay của theme,
   nhưng lại che dropdown menu/header của site.
   Sửa gốc: chỉ khóa opacity/filter và tắt pseudo overlay, KHÔNG nâng lớp toàn trang.
*/
.pkds-batu-wrap {
    position: relative;
    z-index: 1;
    isolation: auto
}

.pkds-batu-wrap .pkds-batu-card {
    position: relative;
    z-index: 1;
    opacity: 1 !important;
    filter: none !important
}

.pkds-batu-wrap * {
    opacity: 1 !important;
    filter: none !important
}

.pkds-batu-wrap .pkds-batu-card::before,
.pkds-batu-wrap .pkds-batu-card::after {
    content: none !important;
    display: none !important
}

.pkds-batu-wrap .pkds-box .body,
.pkds-batu-wrap .pkds-batu-panel-body,
.pkds-batu-wrap .pkds-sec-body {
    color: #fff !important
}

.pkds-batu-wrap .pkds-kv .k,
.pkds-batu-wrap .pkds-kv2 .k,
.pkds-batu-wrap .pkds-batu-panel-title,
.pkds-batu-wrap .pkds-sec-title {
    color: #f6e9d6 !important
}


/* ===== Admin debug block ===== */
.pkds-batu-wrap .pkds-debug-box {
    margin: 14px 12px 16px;
    padding: 14px;
    border: 1px dashed rgba(215, 178, 106, .7);
    border-radius: 12px;
    background: #111214;
    color: #fff
}

.pkds-batu-wrap .pkds-debug-title {
    font-weight: 900;
    color: #f6e9d6;
    margin-bottom: 10px
}

.pkds-batu-wrap .pkds-debug-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 8px 12px
}

.pkds-batu-wrap .pkds-debug-grid .k {
    color: #f1d9b0;
    font-weight: 800
}

.pkds-batu-wrap .pkds-debug-grid .v {
    color: #fff;
    word-break: break-word
}

.pkds-batu-wrap .pkds-debug-note {
    margin-top: 10px;
    color: #cbb88a;
    font-size: 12px;
    line-height: 1.5
}

.pkds-batu-wrap .pkds-debug-note code {
    background: #1d1f22;
    padding: 2px 6px;
    border-radius: 6px;
    color: #fff
}

@media (max-width:860px) {
    .pkds-batu-wrap .pkds-debug-grid {
        grid-template-columns: 1fr
    }
}

/* Business layer 2A/2B */
.pkds-batu-wrap .pkds-business-panel .pkds-batu-panel-body {
    display: grid;
    gap: 10px
}

.pkds-batu-wrap .pkds-biz-headline {
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(215, 178, 106, .35);
    background: rgba(255, 255, 255, .04);
    color: #fff;
    font-weight: 700;
    line-height: 1.6
}

.pkds-batu-wrap .pkds-biz-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.pkds-batu-wrap .pkds-biz-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(215, 178, 106, .28);
    color: #f6e9d6;
    font-size: 13px
}

.pkds-batu-wrap .pkds-biz-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px
}

.pkds-batu-wrap .pkds-biz-mini-card {
    padding: 10px 12px;
    border: 1px solid rgba(215, 178, 106, .28);
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    color: #fff
}

.pkds-batu-wrap .pkds-biz-mini-card .t {
    font-weight: 700;
    margin-bottom: 4px;
    color: #f6e9d6
}

.pkds-batu-wrap .pkds-biz-mini-card .n {
    font-size: 13px;
    color: #cbb88a;
    margin-top: 4px
}

.pkds-batu-wrap .pkds-biz-shensha-list {
    display: grid;
    gap: 10px;
    margin-top: 10px
}

.pkds-batu-wrap .pkds-biz-shensha-item {
    padding: 10px 12px;
    border: 1px solid rgba(215, 178, 106, .28);
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    color: #fff
}

.pkds-batu-wrap .pkds-business-section .pkds-batu-panel-body ul.pkds-ul {
    margin-top: 10px
}

.pkds-batu-wrap .pkds-flag-box {
    padding: 10px 12px;
    border: 1px solid rgba(215, 178, 106, .28);
    border-radius: 10px;
    background: rgba(255, 255, 255, .03);
    color: #fff
}

.pkds-batu-wrap .pkds-flag-list {
    margin-top: 8px
}

.pkds-batu-wrap .pkds-flag-list li {
    margin-bottom: 4px
}

@media (max-width:767px) {
    .pkds-batu-wrap .pkds-biz-mini-grid {
        grid-template-columns: 1fr
    }
}

.pkds-batu-wrap .pkds-biz-shensha-item strong {
    color: #f6e9d6
}

.pkds-batu-wrap .pkds-biz-shensha-item .pkds-muted {
    line-height: 1.55
}

.pkds-batu-wrap .pkds-flag-box strong {
    color: #f6e9d6
}


/* ===== Phase 3A live cleanup v1.0.6g ===== */
.pkds-batu-wrap .pkds-detail-grid--phase3 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    align-items: start
}

.pkds-batu-wrap .pkds-phase3-card .pkds-kv2 {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 6px 10px;
    align-items: start
}

.pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .k {
    font-size: 13px;
    line-height: 1.38
}

.pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .v {
    line-height: 1.48;
    word-break: break-word
}

.pkds-batu-wrap .pkds-phase3-note {
    font-size: 13px;
    line-height: 1.55;
    color: #d8c39a
}

.pkds-batu-wrap .pkds-phase3-note--intro,
.pkds-batu-wrap .pkds-than-sat-note,
.pkds-batu-wrap .pkds-than-sat-empty {
    padding: 8px 10px;
    border: 1px solid rgba(215, 178, 106, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .03)
}

.pkds-batu-wrap .pkds-phase3-signal strong {
    display: block;
    margin-bottom: 4px;
    color: #f6e9d6
}

.pkds-batu-wrap .pkds-phase3-signal .pkds-ul {
    margin-top: 6px
}

.pkds-batu-wrap .pkds-daivan th,
.pkds-batu-wrap .pkds-daivan td {
    vertical-align: top
}

.pkds-batu-wrap .pkds-daivan thead th:nth-child(1) {
    width: 74px
}

.pkds-batu-wrap .pkds-daivan thead th:nth-child(2) {
    width: 82px
}

.pkds-batu-wrap .pkds-daivan thead th:nth-child(5) {
    width: 92px
}

@media (max-width: 560px) {
    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 {
        grid-template-columns: 1fr;
        gap: 4px
    }

    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .k {
        font-size: 12px;
        padding-top: 6px;
        margin-top: 2px;
        border-top: 1px dashed rgba(255, 255, 255, .12)
    }

    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .k:first-child {
        padding-top: 0;
        margin-top: 0;
        border-top: 0
    }

    .pkds-batu-wrap .pkds-daivan th,
    .pkds-batu-wrap .pkds-daivan td {
        padding: 8px 6px
    }
}

/* ===== Phase 3A live cleanup v1.0.6h ===== */
.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3.pkds-phase3-grid--stacked {
    grid-template-columns: 1fr !important
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3.pkds-phase3-grid--tight .pkds-batu-panel-title {
    font-size: 15px;
    line-height: 1.3
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3.pkds-phase3-grid--tight .pkds-batu-panel-body {
    padding: 10px
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3.pkds-phase3-grid--tight .pkds-daivan {
    font-size: 14px
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3.pkds-phase3-grid--tight .pkds-daivan th,
.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3.pkds-phase3-grid--tight .pkds-daivan td {
    padding: 8px 6px
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-phase3-card .pkds-kv2 .k {
    font-weight: 800;
    color: #f1d9b0 !important
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-phase3-card .pkds-kv2 .v {
    font-size: 15px
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-phase3-signal .pkds-ul li,
.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-flag-list li {
    margin-bottom: 6px
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-than-sat-note,
.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-than-sat-empty {
    font-size: 14px !important;
    line-height: 1.6 !important
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-biz-shensha-item .pkds-muted {
    font-size: 14px;
    line-height: 1.6
}

.pkds-batu-wrap .pkds-detail-grid.pkds-detail-grid--phase3 .pkds-biz-shensha-item strong {
    display: block;
    margin-bottom: 4px
}


.pkds-batu-wrap .pkds-direction-stack {
    display: grid;
    gap: 12px
}

.pkds-batu-wrap .pkds-dir-card {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .03);
    padding: 12px
}

.pkds-batu-wrap .pkds-dir-card-title {
    color: #f1d9b0;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px
}

.pkds-batu-wrap .pkds-dir-meta .row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-dir-meta .row:last-child {
    border-bottom: 0
}

.pkds-batu-wrap .pkds-dir-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 10px
}

.pkds-batu-wrap .pkds-dir-box {
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 8px;
    padding: 10px;
    background: rgba(0, 0, 0, .12)
}

.pkds-batu-wrap .pkds-dir-box-title {
    color: #f1d9b0;
    font-weight: 800;
    margin-bottom: 8px
}

.pkds-batu-wrap .pkds-dir-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.pkds-batu-wrap .pkds-dir-list li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .10)
}

.pkds-batu-wrap .pkds-dir-list li:last-child {
    border-bottom: 0
}

.pkds-batu-wrap .pkds-dir-list .n {
    color: #e6d1aa;
    font-weight: 700
}

.pkds-batu-wrap .pkds-dir-list .x {
    color: #fff;
    font-weight: 800;
    text-align: right
}

.pkds-batu-wrap .pkds-dir-note {
    color: #cbb88a;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 10px
}

@media (max-width: 767px) {
    .pkds-batu-wrap .pkds-dir-grid {
        grid-template-columns: 1fr
    }

    .pkds-batu-wrap .pkds-dir-list li,
    .pkds-batu-wrap .pkds-dir-meta .row,
    .pkds-batu-wrap .pkds-dir .row {
        flex-direction: column;
        align-items: flex-start
    }

    .pkds-batu-wrap .pkds-dir-list .x,
    .pkds-batu-wrap .pkds-dir .v {
        text-align: left
    }
}


/* ===== Tóm lược mệnh cục & tách 3 tầng v1.0.6k11 ===== */
.pkds-batu-wrap .pkds-overview-stack {
    display: grid;
    gap: 12px;
    margin-bottom: 12px
}

.pkds-batu-wrap .pkds-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 12px;
    align-items: start
}

.pkds-batu-wrap .pkds-summary-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px
}

.pkds-batu-wrap .pkds-summary-badge {
    background: rgba(255, 255, 255, .04)
}

.pkds-batu-wrap .pkds-summary-intro {
    margin-bottom: 10px
}

.pkds-batu-wrap .pkds-summary-list {
    margin-top: 0
}

.pkds-batu-wrap .pkds-summary-list li {
    margin-bottom: 6px
}

.pkds-batu-wrap .pkds-stability-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(215, 178, 106, .35);
    font-weight: 900
}

.pkds-batu-wrap .pkds-stability-label--good {
    background: rgba(47, 94, 59, .35);
    color: #dff3df;
    border-color: rgba(129, 190, 143, .5)
}

.pkds-batu-wrap .pkds-stability-label--medium {
    background: rgba(140, 111, 44, .28);
    color: #fff1c8;
    border-color: rgba(215, 178, 106, .45)
}

.pkds-batu-wrap .pkds-stability-label--warn {
    background: rgba(117, 45, 38, .35);
    color: #ffd9d2;
    border-color: rgba(212, 120, 104, .5)
}

.pkds-batu-wrap .pkds-stability-kv {
    grid-template-columns: 130px 1fr
}

.pkds-batu-wrap .pkds-scope-stack {
    display: grid;
    gap: 10px
}

.pkds-batu-wrap .pkds-scope-head {
    padding: 2px 2px 0
}

.pkds-batu-wrap .pkds-scope-title {
    color: #f6e9d6;
    font-weight: 900;
    letter-spacing: .4px;
    margin-bottom: 4px
}

.pkds-batu-wrap .pkds-scope-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px
}

.pkds-batu-wrap .pkds-scope-card {
    border: 1px solid rgba(215, 178, 106, .32);
    border-radius: 12px;
    background: rgba(255, 255, 255, .03);
    padding: 12px;
    color: #fff
}

.pkds-batu-wrap .pkds-scope-card-title {
    color: #f6e9d6;
    font-weight: 900;
    margin-bottom: 6px
}

.pkds-batu-wrap .pkds-scope-lead {
    color: #d8c39a;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 10px
}

.pkds-batu-wrap .pkds-scope-kv {
    grid-template-columns: 108px 1fr;
    gap: 6px 10px
}

.pkds-batu-wrap .pkds-scope-kv .k {
    color: #f1d9b0;
    font-weight: 800
}

.pkds-batu-wrap .pkds-scope-kv .v {
    color: #fff;
    word-break: break-word
}

.pkds-batu-wrap .pkds-scope-note {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, .12);
    color: #cbb88a;
    font-size: 13px;
    line-height: 1.55
}

@media (max-width: 980px) {
    .pkds-batu-wrap .pkds-overview-grid {
        grid-template-columns: 1fr
    }

    .pkds-batu-wrap .pkds-scope-grid {
        grid-template-columns: 1fr
    }
}


/* ===== Thuật ngữ Việt - Hán v1.0.6k12 ===== */
.pkds-batu-wrap .pkds-term-vi {
    font-weight: 800
}

.pkds-batu-wrap .pkds-term-han {
    opacity: .82;
    font-size: .92em;
    letter-spacing: .04em;
    white-space: nowrap;
    font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Times New Roman", serif
}

.pkds-batu-wrap .pkds-dir-list .n .pkds-term-vi,
.pkds-batu-wrap .pkds-dir-meta .t .pkds-term-vi,
.pkds-batu-wrap .pkds-kv2 .k .pkds-term-vi {
    font-weight: 800
}


/* ===== Ứng dụng thực tế & gợi ý chọn sim v1.0.6k14 ===== */
.pkds-batu-wrap .pkds-bridge-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}

.pkds-batu-wrap .pkds-bridge-panel .pkds-batu-panel-body {
    display: grid;
    gap: 10px
}

.pkds-batu-wrap .pkds-bridge-list {
    margin-top: 0
}

.pkds-batu-wrap .pkds-bridge-list li {
    margin-bottom: 8px;
    line-height: 1.65
}

.pkds-batu-wrap .pkds-section--compact {
    margin-top: 12px
}

@media (max-width: 980px) {
    .pkds-batu-wrap .pkds-bridge-grid {
        grid-template-columns: 1fr
    }
}


/* ===== Frontend 3B.2 core result v1.0.6k22 ===== */
.pkds-batu-wrap .pkds-phase3b2-stack {
    display: grid;
    gap: 12px
}

.pkds-batu-wrap .pkds-phase3b2-panel .pkds-batu-panel-body {
    display: grid;
    gap: 10px
}

.pkds-batu-wrap .pkds-phase3b2-kv {
    grid-template-columns: 120px 1fr
}

.pkds-batu-wrap .pkds-phase3b2-lead {
    font-size: 22px;
    line-height: 1.25
}

.pkds-batu-wrap .pkds-phase3b2-note {
    font-size: 14px;
    line-height: 1.7
}

.pkds-batu-wrap .pkds-phase3b2-code-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.pkds-batu-wrap .pkds-phase3b2-code {
    background: rgba(255, 255, 255, .04)
}

.pkds-batu-wrap .pkds-dashboard--summary3b2 .pkds-col {
    gap: 12px
}

.pkds-batu-wrap .pkds-section--frontend-core {
    margin-top: 0
}

@media (max-width: 767px) {
    .pkds-batu-wrap .pkds-phase3b2-kv {
        grid-template-columns: 1fr
    }

    .pkds-batu-wrap .pkds-phase3b2-lead {
        font-size: 20px
    }
}




/* ===== CTA điều hướng Bát Tự bản nút gọn v1.0.6k31 ===== */
.pkds-batu-wrap .pkds-batu-button-row {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.pkds-batu-wrap .pkds-batu-button-row.is-main-block {
    margin-top: 12px
}

.pkds-batu-wrap .pkds-batu-button-row.is-tight {
    margin-top: 8px;
    gap: 7px
}

.pkds-batu-wrap .pkds-batu-button-row__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #c9a74b;
    background: linear-gradient(180deg, #fff6df 0%, #f0dfb0 100%);
    color: #6f4500;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    transition: .18s ease
}

.pkds-batu-wrap .pkds-batu-button-row__btn:hover {
    filter: brightness(1.03);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12)
}

.pkds-batu-wrap .pkds-batu-button-row__btn.is-main {
    background: linear-gradient(180deg, #dcb44a 0%, #c9971f 100%);
    color: #fff;
    border-color: #b98713
}

.pkds-batu-wrap .pkds-batu-cta-buttons {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(215, 178, 106, .34);
    border-radius: 12px;
    background: rgba(255, 248, 232, .04)
}

.pkds-batu-wrap .pkds-batu-cta-buttons__head {
    margin-bottom: 8px;
    color: #f4dfb4;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.45
}

.pkds-batu-wrap .pkds-batu-cta-buttons__desc {
    color: #d4c09b;
    font-size: 12px;
    line-height: 1.6
}

.pkds-batu-wrap .pkds-batu-cta-buttons__mini {
    margin-top: 8px;
    font-size: 11.5px;
    line-height: 1.6
}

.pkds-batu-wrap .pkds-batu-cta-buttons__mini a {
    color: #f0d89f;
    font-weight: 800;
    text-decoration: none
}

.pkds-batu-wrap .pkds-batu-cta-buttons__mini a:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .pkds-batu-wrap .pkds-batu-button-row {
        gap: 6px
    }

    .pkds-batu-wrap .pkds-batu-button-row__btn {
        min-height: 32px;
        padding: 0 10px;
        font-size: 11.5px
    }

    .pkds-batu-wrap .pkds-batu-cta-buttons {
        padding: 10px;
        border-radius: 10px
    }

    .pkds-batu-wrap .pkds-batu-cta-buttons__head {
        font-size: 13px
    }

    .pkds-batu-wrap .pkds-batu-cta-buttons__desc,
    .pkds-batu-wrap .pkds-batu-cta-buttons__mini {
        font-size: 11.5px
    }
}


/* ===== v1.0.6k38 mobile fix: thu gọn bảng tứ trụ + chặn tràn viền ===== */
@media (max-width: 767px) {

    .pkds-batu-wrap,
    .pkds-batu-wrap .pkds-batu-card,
    .pkds-batu-wrap .pkds-dashboard,
    .pkds-batu-wrap .pkds-col,
    .pkds-batu-wrap .pkds-box,
    .pkds-batu-wrap .pkds-batu-panel,
    .pkds-batu-wrap .pkds-batu-panel-body,
    .pkds-batu-wrap .pkds-detail,
    .pkds-batu-wrap .pkds-section,
    .pkds-batu-wrap .pkds-sec-body {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .pkds-batu-wrap .pkds-dashboard,
    .pkds-batu-wrap .pkds-detail {
        padding: 8px !important;
        gap: 8px !important;
    }

    .pkds-batu-wrap .pkds-batu-panel-body,
    .pkds-batu-wrap .pkds-box .body,
    .pkds-batu-wrap .pkds-sec-body {
        padding: 8px !important;
    }

    .pkds-batu-wrap .pkds-batu-panel-title,
    .pkds-batu-wrap .pkds-sec-title,
    .pkds-batu-wrap .pkds-box h3 {
        padding: 8px 10px !important;
        font-size: 13px !important;
        line-height: 1.3;
    }

    .pkds-batu-wrap .pkds-batu-pillars {
        table-layout: fixed;
        width: 100%;
    }

    .pkds-batu-wrap .pkds-batu-pillars thead th,
    .pkds-batu-wrap .pkds-batu-pillars tbody th,
    .pkds-batu-wrap .pkds-batu-pillars td {
        padding: 6px 4px !important;
        font-size: 11px !important;
        line-height: 1.25;
        word-break: break-word;
        vertical-align: middle;
    }

    .pkds-batu-wrap .pkds-batu-pillars thead th {
        font-size: 10px !important;
    }

    .pkds-batu-wrap .pkds-batu-pillars tbody th {
        width: 54px;
        min-width: 54px;
        max-width: 54px;
    }

    .pkds-batu-wrap .pkds-big {
        font-size: 14px !important;
        line-height: 1.1;
    }

    .pkds-batu-wrap .pkds-mini {
        margin-top: 2px !important;
        font-size: 9px !important;
        line-height: 1.15;
    }

    .pkds-batu-wrap .pkds-kv2 {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 6px 8px !important;
    }

    .pkds-batu-wrap .pkds-info-item .v {
        font-size: 16px !important;
    }
}

@media (max-width: 420px) {
    .pkds-batu-wrap {
        padding: 0 6px !important;
    }

    .pkds-batu-wrap .pkds-dashboard,
    .pkds-batu-wrap .pkds-detail {
        padding: 6px !important;
        gap: 6px !important;
    }

    .pkds-batu-wrap .pkds-batu-panel-body,
    .pkds-batu-wrap .pkds-box .body,
    .pkds-batu-wrap .pkds-sec-body {
        padding: 6px !important;
    }

    .pkds-batu-wrap .pkds-batu-pillars tbody th {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    .pkds-batu-wrap .pkds-big {
        font-size: 13px !important;
    }

    .pkds-batu-wrap .pkds-mini {
        font-size: 8px !important;
    }
}

/* v1.0.6k39: tam an toan bo khoi than vuong/luu y dieu hau/can xem xet them tren frontend */
.pkds-batu-wrap .pkds-phase3b2-stack,
.pkds-batu-wrap .pkds-phase3b2-stack--full,
.pkds-batu-wrap .pkds-phase3b2-stack--tail {
    display: none !important;
}


/* v1.0.6k41: tinh chỉnh bố cục phase 3 trên mobile cho gọn và dễ đọc hơn */
@media (max-width: 767px) {

    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-batu-panel,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-dir-card,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-dir-box {
        border-radius: 10px !important;
    }

    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-batu-panel-title,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-dir-card-title,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-dir-box-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
        padding: 7px 9px !important;
    }

    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-batu-panel-body,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-dir-card {
        padding: 8px !important;
        gap: 8px !important;
    }

    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-phase3-note,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-than-sat-note,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-than-sat-empty,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-muted {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-ul {
        margin: 6px 0 0 16px !important;
    }

    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-ul li,
    .pkds-batu-wrap .pkds-detail-grid--phase3 .pkds-flag-list li {
        margin-bottom: 4px !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-meta .row {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 4px 8px;
        padding: 4px 0;
        align-items: start;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-meta .t,
    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-list .n {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-meta .v,
    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-list .x {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 8px !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-box {
        padding: 8px !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-list li {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 5px 0;
        align-items: start;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-list .x {
        text-align: right !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-note {
        font-size: 11.5px !important;
        line-height: 1.55 !important;
        margin-top: 8px !important;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-term-han {
        display: block;
        font-size: 10px;
        line-height: 1.15;
        opacity: .72;
        white-space: normal;
    }

    .pkds-batu-wrap .pkds-daivan-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -2px;
        padding-bottom: 2px;
    }

    .pkds-batu-wrap .pkds-daivan {
        min-width: 520px !important;
        font-size: 12px !important;
    }

    .pkds-batu-wrap .pkds-daivan th,
    .pkds-batu-wrap .pkds-daivan td {
        padding: 7px 6px !important;
        line-height: 1.35 !important;
        word-break: normal !important;
        white-space: normal;
    }

    .pkds-batu-wrap .pkds-daivan thead th {
        font-size: 11px !important;
    }

    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .k {
        font-size: 11.5px !important;
        padding-top: 5px;
        margin-top: 2px;
        border-top: 1px dashed rgba(255, 255, 255, .10);
    }

    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .k:first-child {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
    }

    .pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .v {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
}

@media (max-width: 420px) {
    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-meta .row {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-list li {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .pkds-batu-wrap .pkds-dir-card--bat-trach .pkds-dir-list .x {
        text-align: left !important;
    }

    .pkds-batu-wrap .pkds-daivan {
        min-width: 480px !important;
    }
}


/* ===== Phase 4B.1 — tighten THẦN SÁT only ===== */
.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-batu-panel-body {
    padding: 10px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-ul {
    margin: 6px 0 0 16px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-ul li {
    margin-bottom: 4px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-than-sat-note,
.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-than-sat-empty {
    margin-top: 6px;
    padding: 6px 8px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-biz-shensha-list {
    gap: 8px;
    margin-top: 8px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-biz-shensha-item {
    padding: 8px 10px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-biz-shensha-item strong {
    display: block;
    margin-bottom: 3px
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-biz-shensha-item .pkds-muted {
    line-height: 1.48
}

.pkds-batu-wrap .pkds-batu-panel--shensha .pkds-batu-button-row.is-tight {
    margin-top: 6px;
    gap: 6px
}

@media (max-width:767px) {
    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-batu-panel-body {
        padding: 8px !important
    }

    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-ul {
        margin: 5px 0 0 15px
    }

    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-than-sat-note,
    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-than-sat-empty {
        margin-top: 5px !important;
        padding: 6px 8px !important
    }

    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-biz-shensha-list {
        gap: 7px;
        margin-top: 7px
    }

    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-biz-shensha-item {
        padding: 7px 9px
    }

    .pkds-batu-wrap .pkds-batu-panel--shensha .pkds-batu-button-row.is-tight {
        margin-top: 5px;
        gap: 5px
    }
}


.pkds-batu-wrap .pkds-ten-gods-panel .pkds-batu-panel-body {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.pkds-batu-wrap .pkds-tt-table {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pkds-batu-wrap .pkds-tt-table .row {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 10px;
    align-items: start;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .12)
}

.pkds-batu-wrap .pkds-tt-table .row:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.pkds-batu-wrap .pkds-tt-table .k {
    color: #f1d9b0;
    font-weight: 900
}

.pkds-batu-wrap .pkds-tt-table .v {
    color: #fff;
    font-weight: 800
}

.pkds-batu-wrap .pkds-batu-bars-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pkds-batu-wrap .pkds-ten-gods-note {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    padding: 8px 10px
}

.pkds-batu-wrap .pkds-ten-gods-summary {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(215, 178, 106, .28);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02))
}

.pkds-batu-wrap .pkds-ten-gods-summary__title {
    color: #f6e9d6;
    font-weight: 900
}

.pkds-batu-wrap .pkds-ten-gods-summary__desc {
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    line-height: 1.5
}

.pkds-batu-wrap .pkds-ten-gods-summary__group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pkds-batu-wrap .pkds-ten-gods-summary__label {
    color: #f1d9b0;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em
}

.pkds-batu-wrap .pkds-ten-gods-summary__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.pkds-batu-wrap .pkds-chip--accent {
    background: rgba(215, 178, 106, .14);
    border-color: rgba(215, 178, 106, .36)
}

@media (max-width: 900px) {
    .pkds-batu-wrap .pkds-tt-table .row {
        grid-template-columns: 66px 1fr;
        gap: 8px;
        padding: 7px 0
    }

    .pkds-batu-wrap .pkds-batu-bar {
        grid-template-columns: 96px 1fr 22px;
        gap: 6px
    }

    .pkds-batu-wrap .pkds-batu-bar .l {
        font-size: 11px
    }
}


/* ===== PKDS BÁT TỰ — Typography system cleanup v1.0.6k42 =====
   Mục tiêu:
   - Giảm cảm giác chữ quá to ở tiêu đề nhưng quá nhỏ ở nội dung
   - Tạo thang chữ ổn định desktop/mobile
   - Giữ visual parity tổng thể, chỉ chỉnh cỡ chữ + line-height + nhịp dọc
*/
.pkds-batu-wrap {
    --pkds-type-hero: 20px;
    --pkds-type-panel: 13.5px;
    --pkds-type-body: 14px;
    --pkds-type-small: 12.5px;
    --pkds-type-micro: 11.5px;
    --pkds-lh-tight: 1.35;
    --pkds-lh-body: 1.6;
    --pkds-lh-loose: 1.72;
}

.pkds-batu-wrap,
.pkds-batu-wrap input,
.pkds-batu-wrap select,
.pkds-batu-wrap button,
.pkds-batu-wrap textarea {
    font-size: var(--pkds-type-body);
    line-height: var(--pkds-lh-body)
}

.pkds-batu-wrap .pkds-batu-head {
    font-size: var(--pkds-type-hero);
    line-height: 1.22;
    letter-spacing: .3px;
    padding: 12px 14px
}

.pkds-batu-wrap .pkds-box h3,
.pkds-batu-wrap .pkds-batu-panel-title,
.pkds-batu-wrap .pkds-sec-title {
    font-size: var(--pkds-type-panel);
    line-height: 1.35;
    letter-spacing: .28px;
    padding: 9px 11px
}

.pkds-batu-wrap .pkds-batu-form label,
.pkds-batu-wrap .pkds-kv .k,
.pkds-batu-wrap .pkds-kv2 .k,
.pkds-batu-wrap .pkds-info-item .k,
.pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .k,
.pkds-batu-wrap .pkds-dir-meta .t,
.pkds-batu-wrap .pkds-dir-list .n,
.pkds-batu-wrap .pkds-dir .t,
.pkds-batu-wrap .pkds-scope-kv .k,
.pkds-batu-wrap .pkds-term-vi {
    font-size: var(--pkds-type-small);
    line-height: 1.45
}

.pkds-batu-wrap .pkds-kv .v,
.pkds-batu-wrap .pkds-kv2 .v,
.pkds-batu-wrap .pkds-phase3-card .pkds-kv2 .v,
.pkds-batu-wrap .pkds-dir .v,
.pkds-batu-wrap .pkds-scope-kv .v,
.pkds-batu-wrap .pkds-rel .v,
.pkds-batu-wrap .pkds-rel .t,
.pkds-batu-wrap .pkds-biz-headline,
.pkds-batu-wrap .pkds-summary-intro,
.pkds-batu-wrap .pkds-summary-list,
.pkds-batu-wrap .pkds-biz-shensha-item,
.pkds-batu-wrap .pkds-phase3-note,
.pkds-batu-wrap .pkds-than-sat-note,
.pkds-batu-wrap .pkds-than-sat-empty,
.pkds-batu-wrap .pkds-dir-note,
.pkds-batu-wrap .pkds-scope-lead,
.pkds-batu-wrap .pkds-scope-note,
.pkds-batu-wrap .pkds-phase3b2-note,
.pkds-batu-wrap .pkds-batu-note,
.pkds-batu-wrap .pkds-muted,
.pkds-batu-wrap .pkds-ul,
.pkds-batu-wrap .pkds-bridge-list,
.pkds-batu-wrap .pkds-business-section .pkds-batu-panel-body {
    font-size: var(--pkds-type-body);
    line-height: var(--pkds-lh-body)
}

.pkds-batu-wrap .pkds-info-item .v {
    font-size: 18px;
    line-height: 1.34
}

.pkds-batu-wrap .pkds-info-item .v .pkds-batu-pill {
    font-size: 16px
}

.pkds-batu-wrap .pkds-batu-pill,
.pkds-batu-wrap .pkds-batu-badge,
.pkds-batu-wrap .pkds-chip,
.pkds-batu-wrap .pkds-biz-tag,
.pkds-batu-wrap .pkds-summary-badge,
.pkds-batu-wrap .pkds-stability-label,
.pkds-batu-wrap .pkds-phase3b2-code,
.pkds-batu-wrap .pkds-batu-button-row__btn {
    font-size: 12px;
    line-height: 1.35
}

.pkds-batu-wrap .pkds-batu-button-row__btn {
    min-height: 33px;
    padding: 0 11px
}

.pkds-batu-wrap .pkds-batu-cta-buttons__head {
    font-size: 13px;
    line-height: 1.45
}

.pkds-batu-wrap .pkds-batu-cta-buttons__desc,
.pkds-batu-wrap .pkds-batu-cta-buttons__mini {
    font-size: 12px;
    line-height: 1.65
}

.pkds-batu-wrap .pkds-batu-pillars thead th,
.pkds-batu-wrap .pkds-batu-table th,
.pkds-batu-wrap .pkds-daivan thead th,
.pkds-batu-wrap .pkds-mini-table th {
    font-size: 12px;
    line-height: 1.35
}

.pkds-batu-wrap .pkds-batu-pillars tbody th,
.pkds-batu-wrap .pkds-batu-pillars td,
.pkds-batu-wrap .pkds-batu-table td,
.pkds-batu-wrap .pkds-daivan td,
.pkds-batu-wrap .pkds-mini-table td {
    font-size: 13px;
    line-height: 1.45
}

.pkds-batu-wrap .pkds-batu-pillars th,
.pkds-batu-wrap .pkds-batu-pillars td,
.pkds-batu-wrap .pkds-daivan th,
.pkds-batu-wrap .pkds-daivan td,
.pkds-batu-wrap .pkds-batu-table th,
.pkds-batu-wrap .pkds-batu-table td {
    padding: 8px 7px;
    vertical-align: top
}

.pkds-batu-wrap .pkds-big {
    font-size: 15px;
    line-height: 1.18
}

.pkds-batu-wrap .pkds-mini,
.pkds-batu-wrap .pkds-small,
.pkds-batu-wrap .pkds-phase3-note--intro,
.pkds-batu-wrap .pkds-quick-read-note,
.pkds-batu-wrap .pkds-biz-mini-card .n,
.pkds-batu-wrap .pkds-el-list .e,
.pkds-batu-wrap .pkds-el-list .p,
.pkds-batu-wrap .pkds-phase3b2-code-list,
.pkds-batu-wrap .pkds-debug-note,
.pkds-batu-wrap .pkds-leap-hint {
    font-size: var(--pkds-type-small);
    line-height: 1.58
}

.pkds-batu-wrap .pkds-phase3b2-lead {
    font-size: 19px;
    line-height: 1.28
}

.pkds-batu-wrap .pkds-scope-title,
.pkds-batu-wrap .pkds-dir-card-title,
.pkds-batu-wrap .pkds-dir-box-title,
.pkds-batu-wrap .pkds-ten-gods-summary__title {
    font-size: 14px;
    line-height: 1.35
}

.pkds-batu-wrap .pkds-batu-panel-body,
.pkds-batu-wrap .pkds-box .body,
.pkds-batu-wrap .pkds-sec-body {
    padding: 11px 12px
}

.pkds-batu-wrap .pkds-dashboard,
.pkds-batu-wrap .pkds-detail {
    padding: 10px
}

.pkds-batu-wrap .pkds-col,
.pkds-batu-wrap .pkds-overview-stack,
.pkds-batu-wrap .pkds-phase3b2-stack,
.pkds-batu-wrap .pkds-direction-stack,
.pkds-batu-wrap .pkds-scope-stack {
    gap: 10px
}

.pkds-batu-wrap .pkds-batu-panel--thapthan .pkds-batu-panel-body,
.pkds-batu-wrap .pkds-batu-panel--c2matrix .pkds-batu-panel-body {
    padding: 10px 11px
}

@media (max-width: 1024px) {
    .pkds-batu-wrap {
        --pkds-type-hero: 18px;
        --pkds-type-panel: 13px;
        --pkds-type-body: 13.5px;
        --pkds-type-small: 12px;
        --pkds-type-micro: 11px;
    }

    .pkds-batu-wrap .pkds-info-item .v {
        font-size: 17px
    }

    .pkds-batu-wrap .pkds-phase3b2-lead {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .pkds-batu-wrap {
        --pkds-type-hero: 17px;
        --pkds-type-panel: 12.5px;
        --pkds-type-body: 13px;
        --pkds-type-small: 11.5px;
        --pkds-type-micro: 10.5px;
    }

    .pkds-batu-wrap .pkds-batu-head {
        padding: 10px 12px;
        line-height: 1.2
    }

    .pkds-batu-wrap .pkds-box h3,
    .pkds-batu-wrap .pkds-batu-panel-title,
    .pkds-batu-wrap .pkds-sec-title {
        padding: 8px 10px;
        font-size: 12.5px !important;
        line-height: 1.32
    }

    .pkds-batu-wrap .pkds-batu-panel-body,
    .pkds-batu-wrap .pkds-box .body,
    .pkds-batu-wrap .pkds-sec-body {
        padding: 9px 10px !important
    }

    .pkds-batu-wrap .pkds-dashboard,
    .pkds-batu-wrap .pkds-detail {
        padding: 8px !important;
        gap: 8px !important
    }

    .pkds-batu-wrap .pkds-kv2 {
        grid-template-columns: 86px minmax(0, 1fr) !important;
        gap: 6px 8px !important
    }

    .pkds-batu-wrap .pkds-info-item .k {
        font-size: 11px
    }

    .pkds-batu-wrap .pkds-info-item .v {
        font-size: 16px !important;
        line-height: 1.32
    }

    .pkds-batu-wrap .pkds-batu-pillars thead th,
    .pkds-batu-wrap .pkds-batu-table th,
    .pkds-batu-wrap .pkds-daivan thead th {
        font-size: 11px !important
    }

    .pkds-batu-wrap .pkds-batu-pillars tbody th,
    .pkds-batu-wrap .pkds-batu-pillars td,
    .pkds-batu-wrap .pkds-batu-table td,
    .pkds-batu-wrap .pkds-daivan td,
    .pkds-batu-wrap .pkds-mini-table td {
        font-size: 12px !important;
        line-height: 1.4 !important
    }

    .pkds-batu-wrap .pkds-batu-pillars th,
    .pkds-batu-wrap .pkds-batu-pillars td,
    .pkds-batu-wrap .pkds-daivan th,
    .pkds-batu-wrap .pkds-daivan td,
    .pkds-batu-wrap .pkds-batu-table th,
    .pkds-batu-wrap .pkds-batu-table td {
        padding: 7px 5px !important
    }

    .pkds-batu-wrap .pkds-big {
        font-size: 13px !important;
        line-height: 1.12
    }

    .pkds-batu-wrap .pkds-mini,
    .pkds-batu-wrap .pkds-small,
    .pkds-batu-wrap .pkds-batu-note,
    .pkds-batu-wrap .pkds-phase3-note,
    .pkds-batu-wrap .pkds-than-sat-note,
    .pkds-batu-wrap .pkds-than-sat-empty,
    .pkds-batu-wrap .pkds-dir-note,
    .pkds-batu-wrap .pkds-scope-lead,
    .pkds-batu-wrap .pkds-scope-note,
    .pkds-batu-wrap .pkds-biz-mini-card .n,
    .pkds-batu-wrap .pkds-bridge-list,
    .pkds-batu-wrap .pkds-ul {
        font-size: 11.5px !important;
        line-height: 1.6 !important
    }

    .pkds-batu-wrap .pkds-batu-button-row__btn {
        font-size: 11px !important;
        min-height: 31px;
        padding: 0 9px
    }

    .pkds-batu-wrap .pkds-batu-cta-buttons__head {
        font-size: 12px
    }

    .pkds-batu-wrap .pkds-batu-cta-buttons__desc,
    .pkds-batu-wrap .pkds-batu-cta-buttons__mini {
        font-size: 11px
    }

    .pkds-batu-wrap .pkds-phase3b2-lead {
        font-size: 17px
    }
}

@media (max-width: 420px) {
    .pkds-batu-wrap {
        --pkds-type-hero: 16px;
        --pkds-type-panel: 12px;
        --pkds-type-body: 12.5px;
        --pkds-type-small: 11px;
        --pkds-type-micro: 10px;
    }

    .pkds-batu-wrap .pkds-dashboard,
    .pkds-batu-wrap .pkds-detail {
        padding: 6px !important;
        gap: 6px !important
    }

    .pkds-batu-wrap .pkds-batu-panel-body,
    .pkds-batu-wrap .pkds-box .body,
    .pkds-batu-wrap .pkds-sec-body {
        padding: 8px !important
    }

    .pkds-batu-wrap .pkds-kv2 {
        grid-template-columns: 80px minmax(0, 1fr) !important
    }

    .pkds-batu-wrap .pkds-batu-pillars thead th,
    .pkds-batu-wrap .pkds-batu-pillars tbody th,
    .pkds-batu-wrap .pkds-batu-pillars td {
        font-size: 11px !important
    }

    .pkds-batu-wrap .pkds-big {
        font-size: 12px !important
    }

    .pkds-batu-wrap .pkds-mini {
        font-size: 10px !important
    }
}

/* ===== PKDS C2 Matrix Fix v1.0.6k42.3 ===== */
.pkds-batu-wrap .pkds-batu-panel--c2matrix .pkds-batu-panel-body{padding:10px !important}
.pkds-batu-wrap .pkds-batu-panel--c2matrix{overflow:hidden}
.pkds-batu-wrap .pkds-tt-matrix-wrap{
    width:100%;
    overflow:hidden;
    border:1px solid rgba(212,176,85,.20);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));
}
.pkds-batu-wrap .pkds-tt-matrix{
    width:100%;
    min-width:0;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
}
.pkds-batu-wrap .pkds-tt-matrix thead th,
.pkds-batu-wrap .pkds-tt-matrix tbody th,
.pkds-batu-wrap .pkds-tt-matrix td{
    border-right:1px solid rgba(212,176,85,.18);
    border-bottom:1px solid rgba(212,176,85,.16);
    vertical-align:top;
    background:transparent;
    word-break:break-word;
}
.pkds-batu-wrap .pkds-tt-matrix thead th:last-child,
.pkds-batu-wrap .pkds-tt-matrix tbody th:last-child,
.pkds-batu-wrap .pkds-tt-matrix td:last-child{border-right:0}
.pkds-batu-wrap .pkds-tt-matrix tbody tr:last-child th,
.pkds-batu-wrap .pkds-tt-matrix tbody tr:last-child td{border-bottom:0}
.pkds-batu-wrap .pkds-tt-matrix thead th{
    padding:8px 6px;
    font-size:13px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
    color:#f7ecd0;
}
.pkds-batu-wrap .pkds-tt-matrix thead th:first-child{width:80px}
.pkds-batu-wrap .pkds-tt-matrix tbody th{
    width:80px;
    padding:9px 8px 9px 10px;
    font-size:12px;
    line-height:1.25;
    font-weight:800;
    text-align:left;
    color:#f4e0ab;
}
.pkds-batu-wrap .pkds-tt-matrix td{
    padding:8px 6px;
    font-size:12px;
    line-height:1.32;
    color:#f4ead0;
}
.pkds-batu-wrap .pkds-tt-matrix-key{
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    color:#fff3d0;
}
.pkds-batu-wrap .pkds-tt-matrix-text{
    font-size:11.5px;
    line-height:1.28;
    font-weight:700;
    color:#fff7df;
}
.pkds-batu-wrap .pkds-tt-matrix-stack{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.pkds-batu-wrap .pkds-tt-matrix-chip{
    border:1px solid rgba(212,176,85,.14);
    border-radius:10px;
    padding:6px 6px 5px;
    background:rgba(255,255,255,.012);
}
.pkds-batu-wrap .pkds-tt-matrix-chip__main{
    font-size:11px;
    line-height:1.22;
    font-weight:800;
    color:#fff3d0;
}
.pkds-batu-wrap .pkds-tt-matrix-chip__meta{
    margin-top:2px;
    font-size:9.6px;
    line-height:1.2;
    font-weight:600;
    color:#d9b866;
}
.pkds-batu-wrap .pkds-tt-matrix-empty{
    font-size:11px;
    line-height:1.2;
    color:#bfae86;
}

@media (min-width: 768px){
    .pkds-batu-wrap .pkds-batu-panel--c2matrix .pkds-batu-panel-body{padding:12px !important}
    .pkds-batu-wrap .pkds-tt-matrix thead th:first-child,
    .pkds-batu-wrap .pkds-tt-matrix tbody th{width:92px}
    .pkds-batu-wrap .pkds-tt-matrix thead th{padding:10px 8px;font-size:14px}
    .pkds-batu-wrap .pkds-tt-matrix tbody th{padding:10px 10px 10px 12px;font-size:13px}
    .pkds-batu-wrap .pkds-tt-matrix td{padding:10px 8px;font-size:13px}
    .pkds-batu-wrap .pkds-tt-matrix-key{font-size:13px}
    .pkds-batu-wrap .pkds-tt-matrix-text{font-size:12.5px}
    .pkds-batu-wrap .pkds-tt-matrix-stack{gap:7px}
    .pkds-batu-wrap .pkds-tt-matrix-chip{padding:7px 8px 6px;border-radius:11px}
    .pkds-batu-wrap .pkds-tt-matrix-chip__main{font-size:12px}
    .pkds-batu-wrap .pkds-tt-matrix-chip__meta{font-size:10.4px}
}

@media (max-width: 767px){
    .pkds-batu-wrap .pkds-batu-panel--c2matrix .pkds-batu-panel-body{padding:8px !important}
    .pkds-batu-wrap .pkds-tt-matrix-wrap{border-radius:14px}
    .pkds-batu-wrap .pkds-tt-matrix thead th:first-child,
    .pkds-batu-wrap .pkds-tt-matrix tbody th{width:62px}
    .pkds-batu-wrap .pkds-tt-matrix thead th{padding:7px 4px;font-size:11.5px}
    .pkds-batu-wrap .pkds-tt-matrix tbody th{padding:8px 6px;font-size:11px}
    .pkds-batu-wrap .pkds-tt-matrix td{padding:7px 4px;font-size:11px}
    .pkds-batu-wrap .pkds-tt-matrix-key{font-size:11px}
    .pkds-batu-wrap .pkds-tt-matrix-text{font-size:10.6px;line-height:1.22}
    .pkds-batu-wrap .pkds-tt-matrix-stack{gap:4px}
    .pkds-batu-wrap .pkds-tt-matrix-chip{padding:4px 4px 3px;border-radius:8px;background:transparent}
    .pkds-batu-wrap .pkds-tt-matrix-chip__main{font-size:10px;line-height:1.12}
    .pkds-batu-wrap .pkds-tt-matrix-chip__meta{font-size:8.9px;line-height:1.12;margin-top:1px}
}

@media (max-width: 420px){
    .pkds-batu-wrap .pkds-batu-panel--c2matrix .pkds-batu-panel-head{padding:10px 12px 9px}
    .pkds-batu-wrap .pkds-batu-panel--c2matrix .pkds-batu-panel-title{font-size:12.5px;line-height:1.22}
    .pkds-batu-wrap .pkds-tt-matrix thead th:first-child,
    .pkds-batu-wrap .pkds-tt-matrix tbody th{width:56px}
    .pkds-batu-wrap .pkds-tt-matrix thead th{font-size:10.8px;padding:6px 3px}
    .pkds-batu-wrap .pkds-tt-matrix tbody th{font-size:10.4px;padding:7px 5px}
    .pkds-batu-wrap .pkds-tt-matrix td{padding:6px 3px}
    .pkds-batu-wrap .pkds-tt-matrix-key{font-size:10.4px}
    .pkds-batu-wrap .pkds-tt-matrix-text{font-size:10px}
    .pkds-batu-wrap .pkds-tt-matrix-chip__main{font-size:9.5px}
    .pkds-batu-wrap .pkds-tt-matrix-chip__meta{font-size:8.4px}
}


/* ===== v1.0.6k42.4 refine: tăng lực title Cấp 1/2/3, giữ nguyên hierarchy khối con ===== */
.pkds-batu-wrap .pkds-section > .pkds-sec-title {
    font-size: 16px !important;
    font-weight: 900;
    letter-spacing: .34px;
    line-height: 1.32;
    padding: 10px 12px !important;
}

@media (max-width: 767px) {
    .pkds-batu-wrap .pkds-section > .pkds-sec-title {
        font-size: 13.5px !important;
        font-weight: 900;
        letter-spacing: .24px;
        line-height: 1.28;
        padding: 9px 10px !important;
    }
}