/* =========================================================
   PKDS Bát Cực Linh Số v0.9.9
   UI parity phase 4 - scoped skin gần SimKinhDich
   - Chỉ sở hữu giao diện trong .pkds-bcls
   - Không sửa engine/content/contract v0.9.3 đã khóa
   - Không dùng global selector để tránh chồng chéo PKDS Core/Kho Sim/theme
   ========================================================= */

.pkds-bcls{
  --bd:var(--pkds-color-border, #e2cfaa);
  --bd-strong:var(--pkds-color-border-strong, #c99f52);
  --bg:#fffdf7;
  --bg-page:#fffaf0;
  --bg-soft:var(--pkds-color-panel-bg-1, #fcf6e8);
  --bg-tint:var(--pkds-color-panel-soft, #f7ecd1);
  --bg-soft-2:#fff8ec;
  --muted:var(--pkds-color-text-mute, #7b6541);
  --ink:var(--pkds-color-text, #2c2011);
  --ink-soft:var(--pkds-color-text-soft, #665234);
  --accent:var(--pkds-color-red-1, #7f1414);
  --accent-2:var(--pkds-color-gold-4, #a67821);
  --accent-2-soft:var(--pkds-color-cream, #faefd7);
  --good:#15803d;
  --bad:#b91c1c;
  --neutral:#737373;
  color:var(--ink);
  font-family:var(--pkds-font-body, inherit);
  font-size:13.2px;
  line-height:1.58;
}
.pkds-bcls,
.pkds-bcls *,
.pkds-bcls *::before,
.pkds-bcls *::after{box-sizing:border-box}
.pkds-bcls :where(p,ul,ol,h1,h2,h3,h4,h5,h6){margin-top:0}
.pkds-bcls :where(input,select,button){font:inherit}

.pkds-bcls__shell{
  width:min(100%, 920px);
  max-width:920px;
  margin:0 auto;
  padding:14px 8px 24px;
  background:#fffaf0;
  border-left:1px solid rgba(216,176,97,.45);
  border-right:1px solid rgba(216,176,97,.45);
  color:var(--ink);
}
.pkds-bcls__result{display:grid;gap:11px}
.pkds-bcls__intro{margin:0 0 10px;padding:0 2px}
.pkds-bcls__title{
  margin:0 0 4px !important;
  font-family:var(--pkds-font-heading, var(--pkds-font-display, inherit)) !important;
  color:var(--accent) !important;
  font-size:24px !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  font-weight:800 !important;
}
.pkds-bcls__desc{
  margin:0;
  color:var(--ink-soft);
  max-width:760px;
  line-height:1.6;
  font-size:12.2px;
}

.pkds-bcls__form{
  margin:0 0 11px;
  padding:0 9px 9px;
  background:linear-gradient(180deg,#fffaf0 0%,#fff4df 100%);
  border:1px solid var(--bd);
  border-top:2px solid var(--accent);
  border-radius:3px;
  box-shadow:none;
}
.pkds-bcls__grid{display:grid;gap:7px}
.pkds-bcls__grid--identity{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:9px}
.pkds-bcls__grid--batu{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.pkds-bcls__field{display:flex;flex-direction:column;gap:4px;min-width:0}
.pkds-bcls__field--dob{grid-column:auto}
.pkds-bcls__field span{
  font-size:12px;
  line-height:1.22;
  font-weight:700;
  color:#5f4512;
}
.pkds-bcls__field input,
.pkds-bcls__field select{
  width:100%;
  min-height:29px;
  padding:5px 7px;
  border:1px solid #dfc18a;
  border-radius:5px;
  background:#fffefb;
  color:var(--ink);
  font-size:12.2px;
  line-height:1.22;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.pkds-bcls__field input:focus,
.pkds-bcls__field select:focus{
  outline:none;
  border-color:var(--accent-2);
  box-shadow:0 0 0 2px rgba(166,120,33,.13);
}
.pkds-bcls__field--leap small{display:block}
.pkds-bcls__hint{margin-top:4px;color:var(--muted);line-height:1.45;font-size:11.5px}
.pkds-bcls__actions{
  margin-top:8px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding-top:9px;
  border-top:1px solid rgba(166,120,33,.24);
}
.pkds-bcls__button{
  min-height:30px;
  padding:6px 12px;
  border:1px solid rgba(127,20,20,.24);
  border-radius:5px;
  background:linear-gradient(180deg,#9e1a1a 0%,#7f1414 100%);
  color:#fff;
  font-size:12.8px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  box-shadow:none;
}
.pkds-bcls__button--ghost{
  background:#fffdf7;
  color:#6f4910;
  border-color:#dfc18a;
}
.pkds-bcls__advanced[hidden]{display:none !important}
.pkds-bcls__form input[type=number]{appearance:textfield;-moz-appearance:textfield}
.pkds-bcls__form input[type=number]::-webkit-outer-spin-button,
.pkds-bcls__form input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}

.pkds-bcls__block{
  position:relative;
  overflow:hidden;
  padding:8px 9px 10px;
  background:var(--bg);
  border:1px solid #d9bd83;
  border-top:2px solid var(--accent);
  border-radius:3px;
  box-shadow:none;
}
.pkds-bcls__block--focus,
.pkds-bcls__block--score,
.pkds-bcls__block--conclusion,
.pkds-bcls__block--verdict,
.pkds-bcls__block--insight{border-color:#e4d2ac;border-top-color:var(--accent)}
.pkds-bcls__block--focus::before,
.pkds-bcls__block--score::before,
.pkds-bcls__block--conclusion::before,
.pkds-bcls__block--verdict::before,
.pkds-bcls__block--insight::before{content:none}

.pkds-bcls__block-header{
  display:block;
  margin:-8px -9px 8px;
  padding:6px 9px 5px;
  border-bottom:1px solid #d8b061;
  background:linear-gradient(180deg,#fff1d8 0%,#fff8ea 100%);
}
.pkds-bcls__block-header h3{
  margin:0 !important;
  font-family:var(--pkds-font-heading, var(--pkds-font-display, inherit));
  color:var(--accent);
  font-size:15.2px;
  line-height:1.22;
  text-transform:uppercase;
  letter-spacing:.01em;
  font-weight:800;
}
.pkds-bcls__block--focus .pkds-bcls__block-header h3,
.pkds-bcls__block--score .pkds-bcls__block-header h3,
.pkds-bcls__block--conclusion .pkds-bcls__block-header h3,
.pkds-bcls__block--verdict .pkds-bcls__block-header h3,
.pkds-bcls__block--insight .pkds-bcls__block-header h3{color:var(--accent)}

.pkds-bcls__summary-grid,
.pkds-bcls__detail-grid{display:grid;gap:8px}
.pkds-bcls__summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pkds-bcls__detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px}
.pkds-bcls__detail-grid--sim{grid-template-columns:repeat(3,minmax(0,1fr))}
.pkds-bcls__detail-grid--cccd{grid-template-columns:repeat(4,minmax(0,1fr))}
.pkds-bcls__detail-grid--narrative{grid-template-columns:repeat(2,minmax(0,1fr))}
.pkds-bcls__detail-grid--eval{grid-template-columns:repeat(3,minmax(0,1fr))}
.pkds-bcls__detail-grid--focus{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;margin-bottom:9px}

.pkds-bcls__summary-item,
.pkds-bcls__detail-card{
  background:#fffdf7;
  border:1px solid #ead8b3;
  border-radius:2px;
  padding:6px 7px;
  box-shadow:none;
}
.pkds-bcls__summary-item--hero,
.pkds-bcls__detail-card--focus,
.pkds-bcls__detail-card--verdict,
.pkds-bcls__detail-card--score-intro{
  background:#fff3dc;
  border-color:#d9b56e;
}
.pkds-bcls__summary-label,
.pkds-bcls__detail-title{
  margin:0 0 4px;
  font-size:10.4px;
  color:#6e531c;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-weight:800;
  line-height:1.28;
}
.pkds-bcls__summary-value,
.pkds-bcls__detail-value{
  color:var(--ink);
  font-size:13.5px;
  font-weight:800;
  line-height:1.35;
}
.pkds-bcls__summary-item--hero .pkds-bcls__summary-value{font-size:19px;line-height:1.16;color:var(--accent)}
.pkds-bcls__detail-value p + p{margin-top:8px}
.pkds-bcls__detail-meta{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.45}

.pkds-bcls__message{
  margin:0;
  color:var(--ink-soft);
  line-height:1.66;
  font-size:12.8px;
}
.pkds-bcls__message + .pkds-bcls__message{margin-top:8px}
.pkds-bcls__message--lead{margin:0 0 9px;color:var(--ink);font-size:13.2px;font-weight:600}
.pkds-bcls__narrative{display:grid;gap:8px}
.pkds-bcls__narrative > .pkds-bcls__message{max-width:unset}

.pkds-bcls__story-panel{
  margin-top:7px;
  padding:5px 7px;
  border:1px solid #ead8b3;
  border-radius:5px;
  background:#fffaf0;
}
.pkds-bcls__story-panel--warm{
  background:linear-gradient(180deg,#fff8e9 0%,#fffdf8 100%);
  border-color:#d9b56e;
}
.pkds-bcls__story-panel--soft{background:#fff8ec}
.pkds-bcls__story-panel--score{background:#fff8ec;border-color:#d9b56e}
.pkds-bcls__story-panel--raw-seq .pkds-bcls__detail-value--line{font-size:15px;color:#4a2e08}
.pkds-bcls__verdict-shell{display:grid;gap:8px}
.pkds-bcls__rail{min-width:0}

.pkds-bcls .green-box,
.pkds-bcls .note-box{
  border-left:3px solid var(--accent-2);
}
.pkds-bcls .dunien-content{display:grid;gap:7px}
.pkds-bcls .title-dunien{
  margin:0 0 6px !important;
  padding:6px 8px;
  border-radius:2px;
  background:#fff0d6;
  border:1px solid #dfc18a;
  color:#4a2e08;
  font-family:var(--pkds-font-heading, var(--pkds-font-display, inherit));
  font-size:13.5px;
  line-height:1.34;
  font-weight:800;
  text-transform:none;
}
.pkds-bcls .title-dunien.good{color:#166534;background:#f3fbef;border-color:#b8d7ac}
.pkds-bcls .title-dunien.bad{color:#991b1b;background:#fff1ef;border-color:#e5aaa3}
.pkds-bcls .cat{
  margin:0;
  color:var(--accent);
  font-size:15px;
  line-height:1.35;
  font-weight:800;
}
.pkds-bcls .head-title{
  margin:4px 0 0;
  color:#5f4512;
  font-size:12.8px;
  font-weight:800;
  line-height:1.35;
}

.pkds-bcls__flags{display:flex;gap:6px;flex-wrap:wrap}
.pkds-bcls__flags--section{margin-top:8px}
.pkds-bcls__flag{
  padding:4px 8px;
  border-radius:999px;
  background:#fffefb;
  border:1px solid #e0ca9b;
  font-size:11.5px;
  line-height:1.22;
  color:#6a4d14;
  font-weight:700;
}

.pkds-bcls__scorebar{
  display:flex;
  width:100%;
  height:9px;
  border-radius:999px;
  overflow:hidden;
  background:#eee5d6;
  border:1px solid #d7c49e;
  margin-top:7px;
}
.pkds-bcls__scorebar-good{background:#15803d;display:block}
.pkds-bcls__scorebar-neutral{background:#9ca3af;display:block}
.pkds-bcls__scorebar-caution{background:#9e1a1a;display:block}
.pkds-bcls__list{margin:0;padding-left:17px;color:var(--ink-soft);line-height:1.68;font-size:13.5px}
.pkds-bcls__list li + li{margin-top:6px}

.pkds-bcls__debug{margin:0;background:#0b1020;color:#e5e7eb;padding:12px;border-radius:5px;overflow:auto}
.pkds-bcls__toggle{padding:7px 10px;border:1px solid var(--bd);border-radius:5px;background:#fff;cursor:pointer}
.pkds-bcls__notice{padding:10px 12px;border-radius:5px;margin:12px 0}
.pkds-bcls__notice--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}

[data-pkds-block="tong_quan"] .pkds-bcls__summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
[data-pkds-block="dai_van"] .pkds-bcls__summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-pkds-block="nang_luong_can_cuoc"] .pkds-bcls__detail-card{background:#fffefb}
[data-pkds-block="trong_diem_day_so"] .pkds-bcls__block-header,
[data-pkds-block="tong_ket"] .pkds-bcls__block-header,
[data-pkds-block="danh_gia_sim"] .pkds-bcls__block-header,
[data-pkds-block="ket_hop_van_the"] .pkds-bcls__block-header{border-bottom-color:#d9b56e}
[data-pkds-block="trong_diem_day_so"] .pkds-bcls__detail-card--focus{min-height:118px}
[data-pkds-block="trong_diem_day_so"] .pkds-bcls__detail-grid--focus .pkds-bcls__detail-value{font-size:15.2px;color:var(--accent)}
[data-pkds-block="danh_gia_diem_nang_luong"] .pkds-bcls__summary-grid{margin-top:8px}
[data-pkds-block="danh_gia_diem_nang_luong"] .pkds-bcls__flags{margin-top:8px}
[data-pkds-block="ket_hop_van_the"] .pkds-bcls__detail-card,
[data-pkds-block="tong_ket"] .pkds-bcls__detail-card{margin-bottom:8px}
[data-pkds-block="danh_gia_sim"] .pkds-bcls__detail-grid{margin-top:0}
[data-pkds-block="danh_gia_sim"] .pkds-bcls__detail-card--narrative{background:#fffefb}
[data-pkds-block="cac_cap_so"] .pkds-bcls__detail-card,
[data-pkds-block="cac_cap_nang_luong_can_cuoc"] .pkds-bcls__detail-card{min-height:128px}
[data-pkds-block="dai_van"] .pkds-bcls__detail-card--narrative{background:#fffefb}

.pkds-bcls__story-panel--timeline{margin-top:9px}
.pkds-bcls__timeline-table{display:grid;gap:5px;margin-top:8px}
.pkds-bcls__timeline-row{
  display:grid;
  grid-template-columns:90px 68px 1fr;
  gap:7px;
  padding:6px 7px;
  border:1px solid #ead8b3;
  border-radius:2px;
  background:#fffefb;
  font-size:12px;
  line-height:1.45;
}
.pkds-bcls__timeline-row--head{background:#fff1d8;font-weight:800;color:#5f4512}
.pkds-bcls__micro{
  margin:2px 0 7px;
  font-size:10.4px;
  line-height:1.45;
  color:#7a6550;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.pkds-bcls__detail-grid--sim-rich .pkds-bcls__detail-card{align-content:start}
.pkds-bcls__detail-grid--sim-rich .pkds-bcls__message{margin-top:6px}
.pkds-bcls__detail-card--score-verdict{margin-bottom:8px}

@media (max-width:1100px){
  .pkds-bcls__grid--batu{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pkds-bcls__summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-pkds-block="tong_quan"] .pkds-bcls__summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pkds-bcls__detail-grid,
  .pkds-bcls__detail-grid--sim,
  .pkds-bcls__detail-grid--cccd,
  .pkds-bcls__detail-grid--focus,
  .pkds-bcls__detail-grid--eval{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
  .pkds-bcls{font-size:13px}
  .pkds-bcls__shell{width:100%;padding:12px 8px 22px}
  .pkds-bcls__result{gap:12px}
  .pkds-bcls__intro{margin-bottom:10px}
  .pkds-bcls__title{font-size:22px !important}
  .pkds-bcls__desc{font-size:12.2px;line-height:1.55}
  .pkds-bcls__form,
  .pkds-bcls__block{padding:10px;border-radius:5px}
  .pkds-bcls__block-header{margin-bottom:8px;padding-bottom:6px}
  .pkds-bcls__block-header h3{font-size:15.5px;line-height:1.3}
  .pkds-bcls__grid--identity,
  .pkds-bcls__detail-grid--narrative,
  .pkds-bcls__detail-grid--eval,
  [data-pkds-block="tong_quan"] .pkds-bcls__summary-grid,
  [data-pkds-block="dai_van"] .pkds-bcls__summary-grid{grid-template-columns:1fr}
  .pkds-bcls__grid--batu{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .pkds-bcls__summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pkds-bcls__summary-grid--score{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pkds-bcls__summary-item--hero{grid-column:1 / -1}
  .pkds-bcls__message{font-size:12.8px;line-height:1.7}
  .pkds-bcls__message--lead{font-size:13px}
  .pkds-bcls__summary-item,
  .pkds-bcls__detail-card,
  .pkds-bcls__story-panel{padding:8px}
  .pkds-bcls__summary-value,
  .pkds-bcls__detail-value{font-size:14px}
  .pkds-bcls__actions{gap:6px}
  .pkds-bcls__button{padding:7px 11px}
  .pkds-bcls__detail-grid,
  .pkds-bcls__detail-grid--focus{grid-template-columns:1fr}
  .pkds-bcls__rail{margin-right:-2px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .pkds-bcls__rail--cards .pkds-bcls__detail-grid{
    margin-top:0;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(220px,84vw);
    grid-template-columns:none;
  }
  .pkds-bcls__rail--cards .pkds-bcls__detail-card{min-height:0}
  [data-pkds-block="cac_cap_so"] .pkds-bcls__detail-card,
  [data-pkds-block="cac_cap_nang_luong_can_cuoc"] .pkds-bcls__detail-card{min-height:0}
  [data-pkds-block="trong_diem_day_so"] .pkds-bcls__detail-card--focus{min-height:0}
  .pkds-bcls__timeline-row{grid-template-columns:84px 68px minmax(180px,1fr);font-size:11px;min-width:420px}
}


@media (max-width:420px){
  .pkds-bcls__grid--batu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pkds-bcls__field--leap{grid-column:1 / -1}
}

/* =========================================================
   v0.9.6 Phase 3 - skin đồng bộ kiểu bảng luận SimKinhDich
   Scope cố định trong .pkds-bcls--skd-skin, không tác động global.
   ========================================================= */
.pkds-bcls--skd-skin .pkds-bcls__form-title{
  margin:0 -9px 8px;
  padding:6px 9px 5px;
  border-bottom:1px solid #d8b061;
  background:linear-gradient(180deg,#fff0d2 0%,#ffe7b7 100%);
  color:var(--accent);
  font-family:var(--pkds-font-heading, var(--pkds-font-display, inherit));
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.pkds-bcls--skd-skin .pkds-bcls__intro{
  border-bottom:1px solid rgba(166,120,33,.28);
  padding-bottom:6px;
}
.pkds-bcls--skd-skin .pkds-bcls__title{
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.pkds-bcls--skd-skin .pkds-bcls__block{
  background:linear-gradient(180deg,#fffdf7 0%,#fffaf0 100%);
}
.pkds-bcls--skd-skin .pkds-bcls__block::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(127,20,20,.35);
  pointer-events:none;
}
.pkds-bcls--skd-skin .pkds-bcls__block-header{
  border-top:1px solid rgba(255,255,255,.7);
  border-bottom:1px solid #c89443;
  background:linear-gradient(180deg,#fff0d2 0%,#fff7e7 100%);
}
.pkds-bcls--skd-skin .pkds-bcls__block-header h3{
  text-shadow:0 1px 0 rgba(255,255,255,.85);
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item,
.pkds-bcls--skd-skin .pkds-bcls__detail-card,
.pkds-bcls--skd-skin .pkds-bcls__story-panel{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.pkds-bcls--skd-skin .pkds-bcls__detail-card:nth-child(even){
  background:#fffaf0;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item--hero,
.pkds-bcls--skd-skin .pkds-bcls__detail-card--focus,
.pkds-bcls--skd-skin .pkds-bcls__detail-card--verdict,
.pkds-bcls--skd-skin .pkds-bcls__detail-card--score-intro{
  background:#fff0d4;
}
.pkds-bcls--skd-skin .pkds-bcls__message strong,
.pkds-bcls--skd-skin .pkds-bcls__detail-value strong{
  color:#6f1111;
}
.pkds-bcls--skd-skin [data-pkds-block="danh_gia_diem_nang_luong"] .pkds-bcls__summary-item--hero{
  border-color:#b74c2f;
  background:#fff4d8;
}
.pkds-bcls--skd-skin .pkds-bcls__scorebar{
  height:8px;
  border-radius:0;
  border-color:#caa060;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-table{
  border:1px solid #ead8b3;
  background:#fffaf0;
  padding:4px;
  gap:3px;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  border-radius:2px;
  border-color:#ead8b3;
}

@media (min-width:768px){
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--narrative{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    padding:9px 6px 20px;
    border-left:0;
    border-right:0;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form-title{
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
    padding-right:10px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__rail{
    margin-right:0;
    overflow:visible;
    padding-bottom:0;
  }
  .pkds-bcls--skd-skin .pkds-bcls__rail--cards .pkds-bcls__detail-grid{
    display:grid;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:1fr;
    gap:7px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-card,
  .pkds-bcls--skd-skin .pkds-bcls__story-panel,
  .pkds-bcls--skd-skin .pkds-bcls__summary-item{
    border-radius:2px;
  }
}

/* =========================================================
   v0.9.7 Phase 4 - chống chồng chéo CSS global + siết visual flow
   Lý do: CSS theme/PKDS global có p, li { line-height: 1.9; } và heading !important.
   Cách làm: chỉ reset trong .pkds-bcls--skd-skin, không sửa global.
   ========================================================= */
.pkds-bcls--skd-skin :where(p,li){
  line-height:1.58 !important;
}
.pkds-bcls--skd-skin :where(p){
  margin:0;
}
.pkds-bcls--skd-skin :where(ul,ol){
  margin-top:0;
  margin-bottom:0;
}
.pkds-bcls--skd-skin .pkds-bcls__message{
  line-height:1.58 !important;
  letter-spacing:0;
}
.pkds-bcls--skd-skin .pkds-bcls__message + .pkds-bcls__message{
  margin-top:6px;
}
.pkds-bcls--skd-skin .pkds-bcls__message--lead{
  line-height:1.5 !important;
  margin-bottom:7px;
}
.pkds-bcls--skd-skin .pkds-bcls__list{
  line-height:1.55 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__list li + li{
  margin-top:5px;
}
.pkds-bcls--skd-skin .pkds-bcls__block{
  padding-top:7px;
  padding-bottom:8px;
}
.pkds-bcls--skd-skin .pkds-bcls__block-header{
  margin-top:-7px;
  margin-bottom:7px;
  padding-top:5px;
  padding-bottom:4px;
}
.pkds-bcls--skd-skin .pkds-bcls__block-header h3{
  font-family:var(--pkds-font-heading, var(--pkds-font-display, inherit)) !important;
  font-size:14.6px !important;
  line-height:1.18 !important;
  color:var(--accent) !important;
  font-weight:800 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item,
.pkds-bcls--skd-skin .pkds-bcls__detail-card,
.pkds-bcls--skd-skin .pkds-bcls__story-panel{
  padding-top:5px;
  padding-bottom:5px;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-label,
.pkds-bcls--skd-skin .pkds-bcls__detail-title,
.pkds-bcls--skd-skin .pkds-bcls__micro{
  line-height:1.2 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__detail-title{
  margin-bottom:3px;
}
.pkds-bcls--skd-skin .pkds-bcls__detail-value{
  line-height:1.28 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__detail-card .pkds-bcls__message{
  font-size:12.4px;
}
.pkds-bcls--skd-skin .pkds-bcls__story-panel .pkds-bcls__message{
  font-size:12.55px;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-table{
  margin-top:6px;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  padding-top:4px;
  padding-bottom:4px;
  line-height:1.32 !important;
}
.pkds-bcls--skd-skin .title-dunien{
  margin-bottom:5px !important;
  padding-top:5px;
  padding-bottom:5px;
  line-height:1.25 !important;
}
.pkds-bcls--skd-skin .cat{
  font-size:14px;
  line-height:1.25 !important;
}
.pkds-bcls--skd-skin .head-title{
  font-size:12.2px;
  line-height:1.28 !important;
}
.pkds-bcls--skd-skin [data-pkds-block="danh_gia_diem_nang_luong"] .pkds-bcls__summary-grid{
  gap:6px;
}
.pkds-bcls--skd-skin [data-pkds-block="danh_gia_diem_nang_luong"] .pkds-bcls__summary-value{
  font-size:14px;
}
.pkds-bcls--skd-skin [data-pkds-block="danh_gia_diem_nang_luong"] .pkds-bcls__summary-item--hero .pkds-bcls__summary-value{
  font-size:18px;
}
.pkds-bcls--skd-skin [data-pkds-block="danh_gia_sim"] .pkds-bcls__detail-grid--eval{
  gap:7px;
}
.pkds-bcls--skd-skin [data-pkds-block="danh_gia_sim"] .pkds-bcls__list{
  font-size:12.7px;
}

@media (min-width:768px){
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    padding-top:12px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__result{
    gap:9px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid,
  .pkds-bcls--skd-skin .pkds-bcls__summary-grid{
    gap:7px;
  }
}

@media (max-width:767px){
  .pkds-bcls--skd-skin :where(p,li),
  .pkds-bcls--skd-skin .pkds-bcls__message{
    line-height:1.54 !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form,
  .pkds-bcls--skd-skin .pkds-bcls__block{
    padding:8px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__block-header{
    margin-left:-8px;
    margin-right:-8px;
    margin-top:-8px;
    padding-left:8px;
    padding-right:8px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form-title{
    margin-left:-8px;
    margin-right:-8px;
    padding-left:8px;
    padding-right:8px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__grid--batu{
    gap:5px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__field input,
  .pkds-bcls--skd-skin .pkds-bcls__field select{
    min-height:28px;
    padding-top:4px;
    padding-bottom:4px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-card .pkds-bcls__message,
  .pkds-bcls--skd-skin .pkds-bcls__story-panel .pkds-bcls__message,
  .pkds-bcls--skd-skin [data-pkds-block="danh_gia_sim"] .pkds-bcls__list{
    font-size:12.3px;
  }
}

/* =========================================================
   v0.9.8 Phase 5 - tinh chỉnh visual parity sau ảnh test
   - Chỉ scope trong .pkds-bcls--skd-skin
   - Không sửa engine/content/contract v0.9.3
   ========================================================= */
.pkds-bcls--skd-skin{--skd-red:#8b1616;--skd-line:#d4a458;--skd-hair:#efd8a9;--skd-cream:#fff7e8}
.pkds-bcls--skd-skin .pkds-bcls__shell{background:#fff7e8;border-color:rgba(190,139,45,.62)}
.pkds-bcls--skd-skin .pkds-bcls__intro{margin-bottom:7px;padding:3px 2px 7px;border-bottom:1px solid rgba(139,22,22,.28)}
.pkds-bcls--skd-skin .pkds-bcls__title{color:var(--skd-red)!important;font-size:23px!important;line-height:1.05!important;margin-bottom:2px!important}
.pkds-bcls--skd-skin .pkds-bcls__desc{color:#755b32;font-size:11.8px;line-height:1.42}
.pkds-bcls--skd-skin .pkds-bcls__form{background:#fff4dc;border-color:var(--skd-line);border-top-color:var(--skd-red);padding-bottom:7px}
.pkds-bcls--skd-skin .pkds-bcls__form-title,.pkds-bcls--skd-skin .pkds-bcls__block-header{background:linear-gradient(180deg,#fff0cd 0%,#ffe7b7 100%);border-bottom-color:#be862d}
.pkds-bcls--skd-skin .pkds-bcls__field span{color:#684913;font-size:10.9px;line-height:1.15}
.pkds-bcls--skd-skin .pkds-bcls__field input,.pkds-bcls--skd-skin .pkds-bcls__field select{min-height:25px;padding:3px 6px;border-radius:2px;border-color:#d3ae67;background:#fffdf8;font-size:11.5px}
.pkds-bcls--skd-skin .pkds-bcls__actions{margin-top:6px;padding-top:6px}
.pkds-bcls--skd-skin .pkds-bcls__button{min-height:27px;padding:5px 10px;border-radius:2px;font-size:11.8px}
.pkds-bcls--skd-skin .pkds-bcls__block{background:#fff8ea;border-color:var(--skd-line);border-top-color:var(--skd-red);padding-left:8px;padding-right:8px}
.pkds-bcls--skd-skin .pkds-bcls__block-header{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}
.pkds-bcls--skd-skin .pkds-bcls__block-header h3{color:var(--skd-red)!important;font-size:13.8px!important;letter-spacing:.015em}
.pkds-bcls--skd-skin .pkds-bcls__summary-item,.pkds-bcls--skd-skin .pkds-bcls__detail-card,.pkds-bcls--skd-skin .pkds-bcls__story-panel{background:#fffdf6;border-color:var(--skd-hair);border-radius:1px}
.pkds-bcls--skd-skin .pkds-bcls__detail-card:nth-child(even){background:#fff9ed}
.pkds-bcls--skd-skin .pkds-bcls__summary-item--hero,.pkds-bcls--skd-skin .pkds-bcls__detail-card--focus,.pkds-bcls--skd-skin .pkds-bcls__detail-card--verdict,.pkds-bcls--skd-skin .pkds-bcls__detail-card--score-intro,.pkds-bcls--skd-skin .pkds-bcls__story-panel--warm,.pkds-bcls--skd-skin .pkds-bcls__story-panel--score{background:#fff1d8;border-color:#d0a255}
.pkds-bcls--skd-skin .pkds-bcls__summary-label,.pkds-bcls--skd-skin .pkds-bcls__detail-title,.pkds-bcls--skd-skin .pkds-bcls__micro{color:#69470e;font-size:10px}
.pkds-bcls--skd-skin .pkds-bcls__summary-value,.pkds-bcls--skd-skin .pkds-bcls__detail-value{font-size:12.7px;line-height:1.22!important}
.pkds-bcls--skd-skin .pkds-bcls__summary-item--hero .pkds-bcls__summary-value{font-size:16.5px;color:var(--skd-red)}
.pkds-bcls--skd-skin .pkds-bcls__message{color:#392713;font-size:12.15px;line-height:1.52!important}
.pkds-bcls--skd-skin .pkds-bcls__message--lead{font-size:12.35px;line-height:1.43!important}
.pkds-bcls--skd-skin .pkds-bcls__list{font-size:12.25px;line-height:1.48!important}
.pkds-bcls--skd-skin .title-dunien{background:#fff1d8;border-color:#d0a255;color:#5a3706;border-radius:1px;font-size:12.7px}
.pkds-bcls--skd-skin .title-dunien.good{color:#14532d;background:#f3faec;border-color:#b7d5a5}
.pkds-bcls--skd-skin .title-dunien.bad{color:#8b1616;background:#fff0ed;border-color:#e3a39a}
.pkds-bcls--skd-skin .cat{color:var(--skd-red);font-size:13.4px}
.pkds-bcls--skd-skin .head-title{color:#6a470d;font-size:11.8px}
.pkds-bcls--skd-skin .pkds-bcls__scorebar{height:7px;border:0;border-radius:0;background:#ead8ba;margin-top:6px;box-shadow:0 1px 0 rgba(139,22,22,.38)}
.pkds-bcls--skd-skin .pkds-bcls__flag{border-radius:2px;padding:3px 6px;font-size:10.9px;background:#fff9ed}
.pkds-bcls--skd-skin .pkds-bcls__timeline-table{background:#fff4dc;border-color:#d2a65e}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{background:#fffdf6;border-color:#ead3a3;border-radius:1px;padding-top:3px;padding-bottom:3px}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row--head{background:#fff0cd;color:#67450d}
@media (min-width:768px){.pkds-bcls--skd-skin .pkds-bcls__shell{padding:10px 7px 22px}.pkds-bcls--skd-skin .pkds-bcls__result{gap:8px}.pkds-bcls--skd-skin .pkds-bcls__grid--identity{gap:6px;margin-bottom:7px}.pkds-bcls--skd-skin .pkds-bcls__grid--batu{gap:5px}.pkds-bcls--skd-skin .pkds-bcls__detail-grid,.pkds-bcls--skd-skin .pkds-bcls__summary-grid{gap:6px}}
@media (max-width:767px){.pkds-bcls--skd-skin .pkds-bcls__shell{padding:7px 5px 18px;background:#fff7e8}.pkds-bcls--skd-skin .pkds-bcls__title{font-size:19.5px!important}.pkds-bcls--skd-skin .pkds-bcls__desc{font-size:11px;line-height:1.35}.pkds-bcls--skd-skin .pkds-bcls__form,.pkds-bcls--skd-skin .pkds-bcls__block{padding:7px;border-radius:2px}.pkds-bcls--skd-skin .pkds-bcls__form-title,.pkds-bcls--skd-skin .pkds-bcls__block-header{margin-left:-7px;margin-right:-7px;padding-left:7px;padding-right:7px}.pkds-bcls--skd-skin .pkds-bcls__block-header h3{font-size:12.9px!important}.pkds-bcls--skd-skin .pkds-bcls__grid--identity{grid-template-columns:1fr;gap:5px;margin-bottom:6px}.pkds-bcls--skd-skin .pkds-bcls__grid--batu{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pkds-bcls--skd-skin .pkds-bcls__field--leap{grid-column:1 / -1}.pkds-bcls--skd-skin .pkds-bcls__summary-grid,.pkds-bcls--skd-skin .pkds-bcls__summary-grid--score{grid-template-columns:1fr;gap:5px}.pkds-bcls--skd-skin .pkds-bcls__detail-grid,.pkds-bcls--skd-skin .pkds-bcls__detail-grid--focus,.pkds-bcls--skd-skin .pkds-bcls__detail-grid--narrative,.pkds-bcls--skd-skin .pkds-bcls__detail-grid--eval,.pkds-bcls--skd-skin .pkds-bcls__detail-grid--cccd,.pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim{grid-template-columns:1fr;gap:5px}.pkds-bcls--skd-skin .pkds-bcls__summary-item,.pkds-bcls--skd-skin .pkds-bcls__detail-card,.pkds-bcls--skd-skin .pkds-bcls__story-panel{padding:5px 6px}.pkds-bcls--skd-skin .pkds-bcls__message,.pkds-bcls--skd-skin .pkds-bcls__message--lead,.pkds-bcls--skd-skin .pkds-bcls__detail-card .pkds-bcls__message,.pkds-bcls--skd-skin .pkds-bcls__story-panel .pkds-bcls__message{font-size:11.85px}.pkds-bcls--skd-skin .pkds-bcls__message{line-height:1.46!important}.pkds-bcls--skd-skin .pkds-bcls__list{font-size:11.85px}.pkds-bcls--skd-skin .pkds-bcls__timeline-row{min-width:0;grid-template-columns:70px 52px 1fr;gap:4px;font-size:10.4px}}

/* =========================================================
   v0.9.9 Phase 6 - khóa candidate UI parity sau ảnh v0.9.8
   Mục tiêu: giữ nhịp bảng luận giống SimKinhDich hơn nhưng không đụng engine/content.
   Phạm vi: chỉ trong .pkds-bcls--skd-skin, không sửa CSS global/theme/Kho Sim.
   ========================================================= */
.pkds-bcls--skd-skin{
  --skd-paper:#fff6e3;
  --skd-paper-2:#fffaf0;
  --skd-head:#ffe2a3;
  --skd-head-2:#fff1ce;
  --skd-border:#c7933f;
  --skd-border-soft:#ead1a1;
  --skd-red-strong:#8a1111;
  --skd-text:#2f210f;
}
.pkds-bcls--skd-skin .pkds-bcls__shell{
  background:var(--skd-paper);
  border-left:1px solid rgba(199,147,63,.7);
  border-right:1px solid rgba(199,147,63,.7);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
}
.pkds-bcls--skd-skin .pkds-bcls__intro{
  padding-bottom:6px;
  border-bottom:1px solid rgba(138,17,17,.38);
}
.pkds-bcls--skd-skin .pkds-bcls__title{
  color:var(--skd-red-strong)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}
.pkds-bcls--skd-skin .pkds-bcls__form,
.pkds-bcls--skd-skin .pkds-bcls__block{
  background:var(--skd-paper-2);
  border-color:var(--skd-border);
  border-top-color:var(--skd-red-strong);
  border-radius:1px;
}
.pkds-bcls--skd-skin .pkds-bcls__form{
  border-top-width:2px;
}
.pkds-bcls--skd-skin .pkds-bcls__form-title,
.pkds-bcls--skd-skin .pkds-bcls__block-header{
  background:linear-gradient(180deg,var(--skd-head) 0%,var(--skd-head-2) 100%);
  border-bottom:1px solid var(--skd-border);
}
.pkds-bcls--skd-skin .pkds-bcls__form-title,
.pkds-bcls--skd-skin .pkds-bcls__block-header h3{
  color:var(--skd-red-strong)!important;
  font-weight:800!important;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item,
.pkds-bcls--skd-skin .pkds-bcls__detail-card,
.pkds-bcls--skd-skin .pkds-bcls__story-panel{
  background:#fffdf7;
  border:1px solid var(--skd-border-soft);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
}
.pkds-bcls--skd-skin .pkds-bcls__detail-card:nth-child(even){
  background:#fff9ec;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item--hero,
.pkds-bcls--skd-skin .pkds-bcls__detail-card--focus,
.pkds-bcls--skd-skin .pkds-bcls__detail-card--verdict,
.pkds-bcls--skd-skin .pkds-bcls__detail-card--score-intro,
.pkds-bcls--skd-skin .pkds-bcls__story-panel--warm,
.pkds-bcls--skd-skin .pkds-bcls__story-panel--score{
  background:#fff0cd;
  border-color:#c99643;
}
.pkds-bcls--skd-skin .pkds-bcls__message,
.pkds-bcls--skd-skin .pkds-bcls__list{
  color:var(--skd-text);
}
.pkds-bcls--skd-skin .pkds-bcls__message b,
.pkds-bcls--skd-skin .pkds-bcls__message strong,
.pkds-bcls--skd-skin .pkds-bcls__list b,
.pkds-bcls--skd-skin .pkds-bcls__list strong{
  color:#1f1a12;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-table{
  border-color:#c99643;
  background:#fff0cd;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  border-color:#e8cd9a;
  background:#fffdf7;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row:nth-child(even):not(.pkds-bcls__timeline-row--head){
  background:#fff8e9;
}
.pkds-bcls--skd-skin .pkds-bcls__scorebar{
  height:8px;
  border-top:1px solid rgba(138,17,17,.42);
  box-shadow:none;
}
.pkds-bcls--skd-skin .pkds-bcls__flag{
  border-color:#d8b26e;
  color:#5b3908;
}

@media (min-width:768px){
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    max-width:890px;
    padding-left:8px;
    padding-right:8px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__block{
    padding-top:7px;
    padding-bottom:8px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--narrative{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    width:100%;
    max-width:100%;
    padding-left:4px;
    padding-right:4px;
    border-left:0;
    border-right:0;
  }
  .pkds-bcls--skd-skin .pkds-bcls__intro{
    padding-left:2px;
    padding-right:2px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form,
  .pkds-bcls--skd-skin .pkds-bcls__block{
    padding-left:6px;
    padding-right:6px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form-title,
  .pkds-bcls--skd-skin .pkds-bcls__block-header{
    margin-left:-6px;
    margin-right:-6px;
    padding-left:6px;
    padding-right:6px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__grid--identity,
  .pkds-bcls--skd-skin .pkds-bcls__summary-grid,
  .pkds-bcls--skd-skin .pkds-bcls__summary-grid--score,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--focus,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--narrative,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--eval,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--cccd,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__grid--batu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__rail,
  .pkds-bcls--skd-skin .pkds-bcls__rail--cards{
    overflow:visible!important;
    margin-right:0!important;
    padding-bottom:0!important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__rail--cards .pkds-bcls__detail-grid{
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-template-columns:1fr!important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__timeline-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .pkds-bcls--skd-skin .pkds-bcls__timeline-row{
    min-width:0!important;
    grid-template-columns:64px 46px 1fr!important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__field input,
  .pkds-bcls--skd-skin .pkds-bcls__field select{
    min-height:24px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__summary-value,
  .pkds-bcls--skd-skin .pkds-bcls__detail-value{
    font-size:12.4px;
  }
}



/* =========================================================
   v1.0.8 - BCLS form lock + energy strength visuals
   Scope: only inside .pkds-bcls. No global selectors.
   ========================================================= */
.pkds-bcls__field--dob{
  grid-column:span 2;
}
.pkds-bcls__field--dob input{
  letter-spacing:.02em;
}
.pkds-bcls__energy-visuals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 9px;
}
.pkds-bcls__energy-meter{
  padding:7px 8px;
  background:#fffaf0;
  border:1px solid #ead8b3;
  border-radius:5px;
}
.pkds-bcls__energy-meter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
  font-size:11.8px;
  line-height:1.35;
}
.pkds-bcls__energy-meter-head strong{
  color:#442c08;
  font-weight:800;
}
.pkds-bcls__energy-meter-head span{
  color:#6e531c;
  white-space:nowrap;
}
.pkds-bcls__energy-meter-body{
  display:flex;
  align-items:center;
  gap:4px;
}
.pkds-bcls__energy-meter-body span{
  display:block;
  width:18px;
  height:7px;
  border-radius:999px;
  background:#e5e7eb;
  border:1px solid #d8dee8;
}
.pkds-bcls__energy-meter--good .pkds-bcls__energy-meter-body span.is-active{
  background:#22c55e;
  border-color:#22c55e;
}
.pkds-bcls__energy-meter--bad .pkds-bcls__energy-meter-body span.is-active{
  background:#dc2626;
  border-color:#dc2626;
}
.pkds-bcls__energy-meter-body em{
  margin-left:4px;
  color:#5f4512;
  font-style:normal;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

@media (max-width: 760px){
  .pkds-bcls__grid--identity{
    grid-template-columns:1fr;
  }
  .pkds-bcls__grid--batu{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pkds-bcls__field--dob{
    grid-column:1 / -1;
  }
  .pkds-bcls__field--leap{
    grid-column:1 / -1;
  }
  .pkds-bcls__energy-visuals{
    grid-template-columns:1fr;
  }
  .pkds-bcls__energy-meter-head{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
}

@media (max-width: 420px){
  .pkds-bcls__grid--batu{
    grid-template-columns:1fr;
  }
  .pkds-bcls__energy-meter-body span{
    width:16px;
  }
}


/* v1.0.8 high-specificity locks for current skd skin */
.pkds-bcls--skd-skin .pkds-bcls__grid--batu{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.pkds-bcls--skd-skin .pkds-bcls__field--dob{
  grid-column:span 2;
}
.pkds-bcls--skd-skin .pkds-bcls__energy-visuals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 9px;
}
@media (max-width:767px){
  .pkds-bcls--skd-skin .pkds-bcls__grid--batu{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pkds-bcls--skd-skin .pkds-bcls__field--dob,
  .pkds-bcls--skd-skin .pkds-bcls__field--leap{
    grid-column:1 / -1;
  }
  .pkds-bcls--skd-skin .pkds-bcls__energy-visuals{
    grid-template-columns:1fr;
  }
}
@media (max-width:420px){
  .pkds-bcls--skd-skin .pkds-bcls__grid--batu{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   v1.0.9 - CCCD/Dai van visual clarity
   Pham vi: chi trong .pkds-bcls--skd-skin
   ========================================================= */
.pkds-bcls--skd-skin .pkds-bcls__detail-card--highlight{
  background:#fff1d8;
  border-color:#d0a255;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-note{
  margin:6px 0 8px;
  padding:6px 8px;
  background:#fff5dd;
  border:1px solid #dabb7a;
  color:#5a3d10;
  font-size:12px;
  line-height:1.48;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-note strong{
  color:#8a1111;
}
.pkds-bcls--skd-skin .pkds-bcls__energy-visuals{
  margin:4px 0 6px;
}
.pkds-bcls--skd-skin .pkds-bcls__energy-visuals .pkds-bcls__energy-cluster,
.pkds-bcls--skd-skin .pkds-bcls__energy-visuals .pkds-bcls__element-wrap{
  margin-top:4px;
}
@media (max-width:767px){
  .pkds-bcls--skd-skin .pkds-bcls__timeline-note{
    font-size:11.6px;
    padding:5px 6px;
  }
}


/* =========================================================
   v1.1.1 - fix CCCD energy boxes overflow + current band emphasis
   Scope: only inside .pkds-bcls--skd-skin. No global/theme CSS.
   ========================================================= */
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__detail-grid--cccd{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__detail-card--narrative{
  padding:10px 12px;
  min-width:0;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-visuals{
  grid-template-columns:1fr !important;
  width:100%;
  margin:8px 0 10px;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:9px 10px;
  background:#fff9ed;
  border:1px solid #dfc28c;
  border-radius:6px;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:4px 12px;
  margin-bottom:8px;
  font-size:13px;
  line-height:1.35;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head strong{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  color:#321f06;
  font-weight:800;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head span{
  white-space:normal;
  color:#6b4b17;
  text-align:right;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-body{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-body span{
  width:24px;
  height:8px;
  border-radius:999px;
  background:#e9edf2;
  border:1px solid #d6dde8;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-body em{
  margin-left:6px;
  font-size:12.5px;
  font-weight:800;
  color:#4d340b;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__detail-title,
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__detail-value{
  overflow-wrap:anywhere;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__timeline-note{
  padding:8px 10px;
  border-left:4px solid #8a1111;
  background:#fff2d5;
  font-size:13px;
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__timeline-row.is-current{
  background:#fff0c7;
  border-color:#b87817;
  font-weight:800;
  box-shadow:inset 3px 0 0 #8a1111;
}
.pkds-bcls--skd-skin .pkds-bcls__current-badge{
  display:inline-block;
  margin-left:6px;
  padding:1px 5px;
  border-radius:999px;
  background:#8a1111;
  color:#fff;
  font-size:10px;
  font-style:normal;
  line-height:1.35;
  white-space:nowrap;
}
@media (max-width: 900px){
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__detail-grid--cccd{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 520px){
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head{
    grid-template-columns:1fr;
  }
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head span{
    text-align:left;
  }
  .pkds-bcls--skd-skin .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-body span{
    width:21px;
  }
}


/* =========================================================
   v1.1.2 - restore active energy meter colors after v1.1.1
   Root cause: v1.1.1 scoped dai_van bar-size rule overrode the active color rules.
   Scope: only inside BCLS dai_van block.
   ========================================================= */
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter--good .pkds-bcls__energy-meter-body span.is-active{
  background:#22c55e !important;
  border-color:#16a34a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter--bad .pkds-bcls__energy-meter-body span.is-active{
  background:#dc2626 !important;
  border-color:#b91c1c !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-body span:not(.is-active){
  background:#e9edf2;
  border-color:#d6dde8;
}


/* =========================================================
   v1.1.4 - Desktop shell sync with PKDS standard width
   Root cause:
   - BCLS used an internal 890/920px cap while Bat Tu/KDCH/Kho Sim use the PKDS shell token.
   - Some page templates also constrain shortcode content; this section makes only BCLS break out safely on desktop.
   Scope: .pkds-bcls--skd-skin only. No KDCH/Bat Tu/Kho Sim/global component changes.
   ========================================================= */
@media (min-width: 768px){
  .pkds-bcls--skd-skin{
    width:min(calc(100vw - 28px), var(--pkds-shell-max, 1280px)) !important;
    max-width:var(--pkds-shell-max, 1280px) !important;
    margin-top:var(--pkds-shell-margin-y, 20px) !important;
    margin-bottom:var(--pkds-shell-margin-y, 20px) !important;
    margin-left:calc(50% - min(calc(50vw - 14px), 640px)) !important;
    margin-right:calc(50% - min(calc(50vw - 14px), 640px)) !important;
    padding:0 var(--pkds-shell-pad-x, 14px) !important;
    box-sizing:border-box !important;
  }

  .pkds-bcls--skd-skin .pkds-bcls__shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }

  .pkds-bcls--skd-skin .pkds-bcls__form,
  .pkds-bcls--skd-skin .pkds-bcls__block{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .pkds-bcls--skd-skin .pkds-bcls__grid--identity{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .pkds-bcls--skd-skin .pkds-bcls__grid--batu{
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:6px !important;
  }
}

@media (min-width: 768px) and (max-width: 1120px){
  .pkds-bcls--skd-skin{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 767px){
  .pkds-bcls--skd-skin{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:0 var(--pkds-shell-pad-x-mobile, 8px) !important;
    box-sizing:border-box !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================================================
   v1.3.3 - readability boost for PKDS desktop/mobile
   Mục tiêu: tăng khả năng đọc, tăng cỡ chữ, tăng chiều cao form,
   nới khoảng cách và giảm mật độ cột ở một số khối đọc nhiều.
   Không sửa engine/chấm điểm.
   ========================================================= */
.pkds-bcls--skd-skin{
  font-size:15px;
  line-height:1.6;
}
.pkds-bcls--skd-skin .pkds-bcls__shell{
  padding-top:12px !important;
  padding-bottom:26px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__title{
  font-size:24px !important;
  line-height:1.15 !important;
  margin-bottom:4px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__desc{
  font-size:13.5px !important;
  line-height:1.55 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__form,
.pkds-bcls--skd-skin .pkds-bcls__block{
  padding-bottom:10px;
}
.pkds-bcls--skd-skin .pkds-bcls__form-title,
.pkds-bcls--skd-skin .pkds-bcls__block-header h3{
  font-size:16.5px !important;
  line-height:1.28 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__field span,
.pkds-bcls--skd-skin label,
.pkds-bcls--skd-skin .pkds-bcls__micro,
.pkds-bcls--skd-skin .pkds-bcls__summary-label,
.pkds-bcls--skd-skin .pkds-bcls__detail-title{
  font-size:12.6px !important;
  line-height:1.3 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__field input,
.pkds-bcls--skd-skin .pkds-bcls__field select{
  min-height:38px !important;
  padding:7px 10px !important;
  font-size:14.5px !important;
  line-height:1.35 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__button{
  min-height:38px !important;
  padding:8px 14px !important;
  font-size:14.3px !important;
  line-height:1.2 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item,
.pkds-bcls--skd-skin .pkds-bcls__detail-card,
.pkds-bcls--skd-skin .pkds-bcls__story-panel{
  padding:9px 10px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-value,
.pkds-bcls--skd-skin .pkds-bcls__detail-value{
  font-size:15px !important;
  line-height:1.4 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item--hero .pkds-bcls__summary-value{
  font-size:19px !important;
  line-height:1.2 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__message,
.pkds-bcls--skd-skin .pkds-bcls__list,
.pkds-bcls--skd-skin .pkds-bcls__detail-card .pkds-bcls__message,
.pkds-bcls--skd-skin .pkds-bcls__story-panel .pkds-bcls__message{
  font-size:15px !important;
  line-height:1.62 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__message--lead{
  font-size:15.4px !important;
  line-height:1.56 !important;
  font-weight:700;
}
.pkds-bcls--skd-skin .title-dunien,
.pkds-bcls--skd-skin .cat{
  font-size:15.2px !important;
  line-height:1.32 !important;
}
.pkds-bcls--skd-skin .head-title,
.pkds-bcls--skd-skin .pkds-bcls__flag{
  font-size:12.8px !important;
  line-height:1.28 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-note,
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  font-size:13px !important;
  line-height:1.42 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__current-badge{
  font-size:11.5px;
  padding:2px 7px;
}

@media (min-width:768px){
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__result,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid,
  .pkds-bcls--skd-skin .pkds-bcls__summary-grid{
    gap:10px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--cccd{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin [data-pkds-block="tong_quan"] .pkds-bcls__summary-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head{
    font-size:14px;
  }
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__timeline-note{
    font-size:14px;
    line-height:1.55;
  }
}

@media (max-width:767px){
  .pkds-bcls--skd-skin{
    font-size:14px;
  }
  .pkds-bcls--skd-skin .pkds-bcls__title{
    font-size:22px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__desc{
    font-size:12.6px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form-title,
  .pkds-bcls--skd-skin .pkds-bcls__block-header h3{
    font-size:15px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__field span,
  .pkds-bcls--skd-skin .pkds-bcls__summary-label,
  .pkds-bcls--skd-skin .pkds-bcls__detail-title{
    font-size:12px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__field input,
  .pkds-bcls--skd-skin .pkds-bcls__field select,
  .pkds-bcls--skd-skin .pkds-bcls__button{
    min-height:36px !important;
    font-size:14px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__summary-value,
  .pkds-bcls--skd-skin .pkds-bcls__detail-value{
    font-size:14.2px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__message,
  .pkds-bcls--skd-skin .pkds-bcls__list,
  .pkds-bcls--skd-skin .pkds-bcls__message--lead{
    font-size:14px !important;
    line-height:1.58 !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__timeline-row,
  .pkds-bcls--skd-skin .pkds-bcls__timeline-note{
    font-size:12.2px !important;
  }
}

/* =========================================================
   v1.3.4 - premium readability + balanced desktop layout
   Mục tiêu: chữ lớn hơn rõ rệt, bố cục sang hơn, thoáng hơn,
   cân đối hơn trên desktop; mobile vẫn an toàn.
   Không sửa engine/chấm điểm.
   ========================================================= */
:root{
  --pkds-shell-max:1420px;
}
.pkds-bcls--skd-skin{
  font-size:16px;
  line-height:1.66;
}
.pkds-bcls--skd-skin .pkds-bcls__shell{
  padding-top:16px !important;
  padding-bottom:34px !important;
  border-left:1px solid rgba(199,147,63,.58);
  border-right:1px solid rgba(199,147,63,.58);
}
.pkds-bcls--skd-skin .pkds-bcls__intro{
  margin-bottom:12px !important;
  padding-bottom:10px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__title{
  font-size:28px !important;
  line-height:1.16 !important;
  letter-spacing:.01em !important;
  margin-bottom:6px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__desc{
  font-size:14.5px !important;
  line-height:1.62 !important;
  max-width:980px;
}
.pkds-bcls--skd-skin .pkds-bcls__form,
.pkds-bcls--skd-skin .pkds-bcls__block{
  padding:0 14px 14px !important;
  margin-bottom:12px !important;
  border-radius:4px;
  box-shadow:0 1px 0 rgba(255,255,255,.55), 0 1px 3px rgba(99,66,18,.06);
}
.pkds-bcls--skd-skin .pkds-bcls__form-title,
.pkds-bcls--skd-skin .pkds-bcls__block-header{
  margin-left:-14px !important;
  margin-right:-14px !important;
  padding:10px 14px 9px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__form-title,
.pkds-bcls--skd-skin .pkds-bcls__block-header h3{
  font-size:18px !important;
  line-height:1.28 !important;
  letter-spacing:.01em !important;
}
.pkds-bcls--skd-skin .pkds-bcls__field span,
.pkds-bcls--skd-skin label,
.pkds-bcls--skd-skin .pkds-bcls__micro,
.pkds-bcls--skd-skin .pkds-bcls__summary-label,
.pkds-bcls--skd-skin .pkds-bcls__detail-title{
  font-size:13.6px !important;
  line-height:1.34 !important;
  margin-bottom:5px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__field input,
.pkds-bcls--skd-skin .pkds-bcls__field select{
  min-height:44px !important;
  padding:9px 12px !important;
  font-size:16px !important;
  line-height:1.35 !important;
  border-radius:4px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__actions{
  margin-top:10px !important;
  padding-top:10px !important;
  gap:10px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__button{
  min-height:42px !important;
  padding:8px 16px !important;
  font-size:15.5px !important;
  border-radius:4px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__grid--identity,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid,
.pkds-bcls--skd-skin .pkds-bcls__summary-grid,
.pkds-bcls--skd-skin .pkds-bcls__summary-grid--score,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid--focus,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid--narrative,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid--eval,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid--cccd,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim,
.pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim-rich{
  gap:12px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item,
.pkds-bcls--skd-skin .pkds-bcls__detail-card,
.pkds-bcls--skd-skin .pkds-bcls__story-panel{
  padding:12px 13px !important;
  border-radius:4px;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-value,
.pkds-bcls--skd-skin .pkds-bcls__detail-value{
  font-size:16.3px !important;
  line-height:1.45 !important;
  font-weight:700;
}
.pkds-bcls--skd-skin .pkds-bcls__summary-item--hero .pkds-bcls__summary-value{
  font-size:21px !important;
  line-height:1.2 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__message,
.pkds-bcls--skd-skin .pkds-bcls__list,
.pkds-bcls--skd-skin .pkds-bcls__detail-card .pkds-bcls__message,
.pkds-bcls--skd-skin .pkds-bcls__story-panel .pkds-bcls__message,
.pkds-bcls--skd-skin .pkds-bcls__detail-card p,
.pkds-bcls--skd-skin .pkds-bcls__story-panel p,
.pkds-bcls--skd-skin .pkds-bcls__detail-card li,
.pkds-bcls--skd-skin .pkds-bcls__story-panel li{
  font-size:16.1px !important;
  line-height:1.72 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__message--lead{
  font-size:16.5px !important;
  line-height:1.64 !important;
  margin-bottom:10px !important;
}
.pkds-bcls--skd-skin .title-dunien,
.pkds-bcls--skd-skin .cat{
  font-size:16.4px !important;
  line-height:1.35 !important;
}
.pkds-bcls--skd-skin .head-title,
.pkds-bcls--skd-skin .pkds-bcls__flag{
  font-size:13.2px !important;
  line-height:1.32 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__flag{
  padding:4px 8px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-note,
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  font-size:13.8px !important;
  line-height:1.48 !important;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-note{
  padding:10px 12px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__timeline-row{
  padding:8px 10px !important;
}
.pkds-bcls--skd-skin .pkds-bcls__current-badge{
  font-size:12px !important;
  padding:2px 8px !important;
}

@media (min-width:768px){
  .pkds-bcls--skd-skin{
    width:min(calc(100vw - 40px), 1420px) !important;
    max-width:1420px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 12px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__grid--identity{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-bottom:12px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin [data-pkds-block="tong_quan"] .pkds-bcls__summary-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--cccd{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim-rich,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--narrative,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--eval{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__detail-grid--cccd{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .pkds-bcls--skd-skin [data-pkds-block="dai_van"] .pkds-bcls__energy-meter-head{
    font-size:14.6px !important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  .pkds-bcls--skd-skin .pkds-bcls__summary-grid,
  .pkds-bcls--skd-skin [data-pkds-block="tong_quan"] .pkds-bcls__summary-grid,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--sim,
  .pkds-bcls--skd-skin .pkds-bcls__detail-grid--cccd{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:767px){
  .pkds-bcls--skd-skin{
    font-size:14.4px;
    padding:0 8px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__shell{
    padding-top:10px !important;
    padding-bottom:22px !important;
    border-left:0;
    border-right:0;
  }
  .pkds-bcls--skd-skin .pkds-bcls__title{
    font-size:23px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__desc{
    font-size:13px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form,
  .pkds-bcls--skd-skin .pkds-bcls__block{
    padding:0 9px 10px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form-title,
  .pkds-bcls--skd-skin .pkds-bcls__block-header{
    margin-left:-9px !important;
    margin-right:-9px !important;
    padding:8px 9px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__form-title,
  .pkds-bcls--skd-skin .pkds-bcls__block-header h3{
    font-size:15.8px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__field span,
  .pkds-bcls--skd-skin .pkds-bcls__summary-label,
  .pkds-bcls--skd-skin .pkds-bcls__detail-title{
    font-size:12.4px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__field input,
  .pkds-bcls--skd-skin .pkds-bcls__field select,
  .pkds-bcls--skd-skin .pkds-bcls__button{
    min-height:40px !important;
    font-size:14.6px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__summary-value,
  .pkds-bcls--skd-skin .pkds-bcls__detail-value{
    font-size:14.8px !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__message,
  .pkds-bcls--skd-skin .pkds-bcls__list,
  .pkds-bcls--skd-skin .pkds-bcls__message--lead{
    font-size:14.5px !important;
    line-height:1.64 !important;
  }
  .pkds-bcls--skd-skin .pkds-bcls__timeline-row,
  .pkds-bcls--skd-skin .pkds-bcls__timeline-note{
    font-size:12.8px !important;
  }
}