/* KHUNG-CHUAN-20261026: khung chuẩn cho các bảng chức năng Sơn Môn (PC + điện thoại).
   Bật cho một bảng bằng data-khung="chuan" trên <dialog>. Thêm bảng mới: thêm id vào danh sách :is(...) bên dưới.
   Dùng :is(#id) để thắng các lớp CSS cũ (ui.css, son-mon-unified-*) mà không phải sửa chúng. */
:is(#sonMonMissionsDialog)[data-khung="chuan"]{
  --kc-bg:#0b1219;--kc-panel:rgba(16,25,35,.92);--kc-panel-2:rgba(22,33,46,.94);--kc-line:rgba(201,162,74,.28);--kc-line-2:rgba(255,255,255,.08);
  --kc-gold:#f1cf72;--kc-gold-2:#c99a3c;--kc-text:#ece7d9;--kc-muted:#a8a28f;--kc-ok:#62c47a;--kc-ok-bg:rgba(98,196,122,.14);
  --kc-r:12px;--kc-r-sm:8px;--kc-gap:12px;--kc-pad:16px;--kc-hit:40px;
  --kc-fs-xs:12px;--kc-fs-sm:13px;--kc-fs:14px;--kc-fs-lg:16px;--kc-fs-xl:20px;
  width:min(600px,94vw)!important;max-width:none!important;height:min(760px,90vh)!important;max-height:none!important;
  margin:auto!important;inset:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;
  border-radius:16px!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--kc-text)!important;
}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-shell{display:flex!important;flex-direction:column!important;height:100%!important;max-height:none!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
/* đầu khung */
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--kc-gap)!important;padding:14px var(--kc-pad) 12px!important;margin:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;border-bottom:1px solid var(--kc-line)!important;background:linear-gradient(180deg,rgba(10,16,23,.96),rgba(10,16,23,.82))!important;position:relative!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head>div:first-child{min-width:0!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head p:first-child{margin:0 0 2px!important;font-size:var(--kc-fs-xs)!important;line-height:1.2!important;letter-spacing:.12em!important;color:var(--kc-gold-2)!important;font-weight:700!important;text-transform:uppercase!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head h2{margin:0!important;font-size:var(--kc-fs-xl)!important;line-height:1.2!important;color:var(--kc-gold)!important;font-weight:800!important;letter-spacing:.02em!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head .pt-head-note{margin:3px 0 0!important;font-size:var(--kc-fs-xs)!important;line-height:1.3!important;color:var(--kc-muted)!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-header-actions{display:flex!important;gap:8px!important;flex:0 0 auto!important;position:static!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-header-actions button{position:static!important;flex:0 0 auto!important;width:var(--kc-hit)!important;height:var(--kc-hit)!important;min-width:var(--kc-hit)!important;min-height:var(--kc-hit)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid var(--kc-line)!important;background:rgba(255,255,255,.04)!important;color:var(--kc-text)!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;transform:none!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-header-actions button:hover{border-color:var(--kc-gold-2)!important;background:rgba(201,162,74,.12)!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-header-actions button:focus-visible{outline:2px solid var(--kc-gold)!important;outline-offset:2px!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"]>.smh-btn{display:none!important} /* nút ❔ trùng của son-mon-help.js: khung chuẩn đã có nút ở đầu */
/* thân khung */
:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-pane{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] [data-cultivation-tab-content]{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important}
.kc-root{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:var(--kc-gap);padding:var(--kc-pad);box-sizing:border-box;font-size:var(--kc-fs);line-height:1.4;color:var(--kc-text);font-variant-numeric:tabular-nums}
.kc-root *{box-sizing:border-box}
.kc-summary{flex:0 0 auto;display:grid;grid-template-columns:1fr auto;gap:var(--kc-gap);align-items:center;padding:12px 14px;border:1px solid var(--kc-line);border-radius:var(--kc-r);background:var(--kc-panel)}
.kc-label{display:block;font-size:var(--kc-fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--kc-muted);margin-bottom:2px}
.kc-num{font-size:22px;font-weight:800;color:var(--kc-gold);line-height:1.15}
.kc-stat{text-align:right}
.kc-stat b{font-size:var(--kc-fs-lg);color:var(--kc-text)}
.kc-tabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--kc-line-2);border-radius:var(--kc-r);background:rgba(0,0,0,.32)}
.kc-tabs button{min-height:var(--kc-hit);padding:6px 4px;border:0;border-radius:var(--kc-r-sm);background:transparent;color:var(--kc-muted);font:600 var(--kc-fs)/1.2 inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.kc-tabs button em{font-style:normal;font-size:var(--kc-fs-xs);padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--kc-muted)}
.kc-tabs button.is-active{background:linear-gradient(180deg,#6a5124,#3e2f17);color:var(--kc-gold);box-shadow:inset 0 0 0 1px rgba(241,207,114,.35)}
.kc-tabs button.is-active em{background:rgba(241,207,114,.18);color:var(--kc-gold)}
.kc-tabs button:focus-visible{outline:2px solid var(--kc-gold);outline-offset:1px}
.kc-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(201,162,74,.4) transparent}
.kc-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--kc-line-2);border-radius:var(--kc-r);background:var(--kc-panel)}
.kc-row.is-done{border-color:rgba(98,196,122,.3);background:linear-gradient(90deg,rgba(98,196,122,.08),var(--kc-panel) 60%)}
.kc-ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--kc-line);color:var(--kc-gold);font-weight:700;font-size:var(--kc-fs-sm);background:rgba(0,0,0,.25)}
.kc-row.is-done .kc-ico{border-color:transparent;background:var(--kc-ok);color:#06210f}
.kc-main{min-width:0}
.kc-title{font-size:var(--kc-fs);font-weight:700;color:var(--kc-text);line-height:1.3;overflow-wrap:anywhere}
.kc-chip{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:var(--kc-fs-xs);font-weight:600;color:var(--kc-muted);background:rgba(255,255,255,.07);vertical-align:1px}
.kc-chip-l{margin:0 6px 0 0}
.kc-bar{display:block;height:6px;margin:8px 0 6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.kc-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--kc-gold-2),var(--kc-gold))}
.kc-row.is-done .kc-bar>i{background:var(--kc-ok)}
.kc-meta{display:flex;justify-content:space-between;gap:8px;font-size:var(--kc-fs-xs);color:var(--kc-muted);line-height:1.3}
.kc-reward{text-align:right;white-space:nowrap}
.kc-reward b{display:block;font-size:var(--kc-fs-lg);font-weight:800;color:var(--kc-gold)}
.kc-reward small{display:block;font-size:var(--kc-fs-xs);color:var(--kc-muted)}
.kc-done{display:inline-block;padding:4px 10px;border-radius:999px;font-size:var(--kc-fs-xs);font-weight:700;color:var(--kc-ok);background:var(--kc-ok-bg)}
.kc-day{position:sticky;top:0;z-index:1;margin:4px 0 0;padding:6px 2px;font-size:var(--kc-fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kc-gold-2);background:linear-gradient(180deg,var(--kc-bg) 70%,transparent)}
.kc-hrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--kc-line-2);border-radius:var(--kc-r);background:var(--kc-panel)}
.kc-hrow .kc-meta{justify-content:flex-start;margin-top:4px}
.kc-empty{padding:28px 16px;text-align:center;color:var(--kc-muted);font-size:var(--kc-fs);border:1px dashed var(--kc-line);border-radius:var(--kc-r)}
.kc-more{flex:0 0 auto;min-height:var(--kc-hit);margin:4px 0 2px;padding:8px 12px;border:1px solid var(--kc-line);border-radius:var(--kc-r);background:var(--kc-panel-2);color:var(--kc-gold);font:700 var(--kc-fs)/1.2 inherit;cursor:pointer}
.kc-more:hover,.kc-tabs button:hover{filter:brightness(1.12)}
/* lớp Hướng dẫn ❔: phủ kín khung, nút đóng đủ lớn, chừa tai thỏ */
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-guide-layer:not([hidden]){position:absolute!important;inset:0!important;z-index:20!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;display:flex!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-guide-panel{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:calc(12px + env(safe-area-inset-top)) var(--kc-pad) calc(12px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:inherit!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-guide-heading{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--kc-gap)!important;position:static!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-guide-heading button{position:static!important;flex:0 0 auto!important;width:var(--kc-hit)!important;height:var(--kc-hit)!important;min-width:var(--kc-hit)!important;min-height:var(--kc-hit)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-size:20px!important;line-height:1!important;transform:none!important}
:is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-guide-text{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important}/* Điện thoại: toàn màn hình, chừa tai thỏ / thanh điều hướng */
@media (max-width:600px){
  :is(#sonMonMissionsDialog)[data-khung="chuan"]{width:100vw!important;height:100vh!important;height:100dvh!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head .pt-head-note{display:none!important}
  .kc-root{padding:12px 12px calc(12px + env(safe-area-inset-bottom));gap:10px}
  .kc-row{grid-template-columns:28px minmax(0,1fr) auto;gap:10px;padding:11px 12px}
  .kc-ico{width:28px;height:28px}
  .kc-num{font-size:20px}
}
@media (pointer:coarse){:is(#sonMonMissionsDialog)[data-khung="chuan"]{--kc-hit:44px}}
@media (max-height:560px) and (min-width:601px){:is(#sonMonMissionsDialog)[data-khung="chuan"]{height:96vh!important}.kc-summary{padding:8px 12px}}
/* Màn thấp (điện thoại xoay ngang): thu gọn đầu khung, cả phần thân cuộn chung, thanh tab ghim trên cùng */
@media (max-height:500px){
  :is(#sonMonMissionsDialog)[data-khung="chuan"]{height:calc(100dvh - 8px)!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head{padding:6px var(--kc-pad) 6px!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head p:first-child,:is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head .pt-head-note{display:none!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head h2{font-size:var(--kc-fs-lg)!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] [data-cultivation-tab-content]{overflow-y:auto!important;overscroll-behavior:contain!important}
  .kc-root{flex:0 0 auto;padding:8px var(--kc-pad) 12px;gap:8px}
  .kc-list{flex:0 0 auto;overflow:visible;min-height:0}
  .kc-summary{padding:6px 12px}.kc-num{font-size:18px}
  .kc-tabs{position:sticky;top:0;z-index:3;background:#0b1219}
  .kc-day{top:56px}
}/* PC dùng chuột: gọn hơn (26/10 Sơn Chủ góp ý "hơi to"). Điện thoại / màn cảm ứng giữ cỡ lớn để dễ bấm. */
@media (min-width:601px) and (hover:hover) and (pointer:fine){
  :is(#sonMonMissionsDialog)[data-khung="chuan"]{--kc-hit:34px;--kc-pad:12px;--kc-gap:10px;width:min(500px,92vw)!important;height:min(620px,86vh)!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head{padding:10px 12px 9px!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head h2{font-size:17px!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .pt-head .pt-head-note{display:none!important}
  :is(#sonMonMissionsDialog)[data-khung="chuan"] .a1734-header-actions button{font-size:15px!important}
  .kc-root{gap:8px}
  .kc-summary{padding:8px 12px}.kc-num{font-size:18px}.kc-stat b{font-size:14px}.kc-label{font-size:11.5px;margin-bottom:1px}
  .kc-tabs{padding:3px}.kc-tabs button{padding:4px;font-size:13px}
  .kc-list{gap:6px}
  .kc-row{grid-template-columns:26px minmax(0,1fr) auto;gap:10px;padding:8px 12px}
  .kc-ico{width:26px;height:26px;font-size:12px}
  .kc-title{font-size:13.5px}
  .kc-bar{height:5px;margin:6px 0 4px}
  .kc-reward b{font-size:14px}
  .kc-hrow{padding:7px 12px}
  .kc-more{padding:6px 12px;font-size:13px}
}/* Nút ❔ / ✕ ở đầu khung: cùng cỡ với chuẩn nút đóng chung của lls-khung.css (PC 36px, điện thoại <700px 40px) */
:is(#sonMonMissionsDialog)[data-khung="chuan"]{--kc-head-btn:36px}
@media (max-width:699px){:is(#sonMonMissionsDialog)[data-khung="chuan"]{--kc-head-btn:40px}}
:is(#sonMonMissionsDialog)[data-khung="chuan"] :is(.a1734-header-actions,.a1734-guide-heading) button{width:var(--kc-head-btn)!important;height:var(--kc-head-btn)!important;min-width:var(--kc-head-btn)!important;min-height:var(--kc-head-btn)!important}@media (prefers-reduced-motion:no-preference){.kc-bar>i{transition:width .4s ease}}