/* ── PP = Pengaturan Penilaian prefix ── */
        #tabPenilaianContent { --pp-button-color:#8b997c;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box; }

        .pp-global { display:flex;flex-wrap:wrap;gap:12px;align-items:center;
          background:var(--app-muted);border:1px solid var(--app-border);
          border-radius:12px;padding:14px 16px;margin-bottom:20px; }
        .pp-global label { display:flex;flex-direction:column;gap:5px;
          font-size:11px;font-weight:700;color:var(--app-dim);text-transform:uppercase;letter-spacing:.05em; }
        .pp-global select { background:var(--app-card);border:1px solid var(--app-border);
          color:var(--app-text);padding:7px 28px 7px 10px;border-radius:8px;
          font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;outline:none;
          appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
          background-repeat:no-repeat;background-position:right 10px center; }
        .pp-global select:focus { border-color:var(--app-blue);box-shadow:var(--app-ring); }
        .pp-hint { margin-left:auto;font-size:11px;color:var(--app-dim);display:flex;align-items:center;gap:5px; }
        .pp-hint .dot { width:7px;height:7px;border-radius:50%;background:var(--app-accent);animation:dbpulse 2s ease-in-out infinite; }

        .pp-export-bar {
          display:flex;align-items:center;justify-content:space-between;gap:12px;
          background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;
          padding:14px 16px;margin-bottom:16px;box-shadow:var(--app-shadow);
          min-width:0;
        }
        .pp-export-copy { min-width:0; }
        .pp-export-title { font-size:13px;font-weight:800;color:var(--app-text);line-height:1.25; }
        .pp-export-note { font-size:11px;color:var(--app-dim);margin-top:3px;line-height:1.45; }
        .pp-btn-export {
          flex-shrink:0;background:var(--pp-button-color,#8b997c);color:#fff;
          padding:10px 16px;border-radius:10px;justify-content:center;white-space:nowrap;
          box-shadow:0 8px 18px rgba(107,127,92,0.18);
        }
        .pp-btn-export:hover { filter:brightness(1.06);transform:translateY(-1px); }
        .pp-btn-export:disabled { opacity:.65;cursor:wait;transform:none;filter:none; }

        .pp-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;min-width:0; }
        @media(max-width:1100px){ .pp-grid{grid-template-columns:1fr;} }
        @media(max-width:680px) { .pp-grid{grid-template-columns:1fr;} }

        .pp-card { background:var(--app-card);border:1px solid var(--app-border);
          border-radius:14px;padding:18px;box-shadow:var(--app-shadow);min-width:0;max-width:100%;box-sizing:border-box; }
        .pp-card-head { display:flex;align-items:center;gap:10px;margin-bottom:14px;
          padding-bottom:12px;border-bottom:1px solid var(--app-border); }
        .pp-card-icon { width:36px;height:36px;border-radius:9px;display:flex;align-items:center;
          justify-content:center;font-size:16px;flex-shrink:0; }
        .pp-card-icon.blue  { background:rgba(2,132,199,0.1);  }
        .pp-card-icon.green { background:rgba(22,163,74,0.1);  }
        .pp-card-icon.gold  { background:rgba(217,119,6,0.1);  }
        .pp-card-title { font-size:14px;font-weight:700;color:var(--app-text); }
        .pp-card-sub   { font-size:11px;color:var(--app-dim);margin-top:2px; }
        .pp-badge { margin-left:auto;padding:2px 9px;border-radius:50px;font-size:10px;font-weight:700;
          background:var(--app-chip);color:var(--app-dim);border:1px solid var(--app-border); }

        .pp-konversi-scroll { width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch; }
        .pp-tbl { width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px; }
        .pp-konversi-table { min-width:720px;table-layout:fixed; }
        .pp-konv-col-predikat { width:14%; }
        .pp-konv-col-nilai { width:13%; }
        .pp-konv-col-rentang { width:17%; }
        .pp-konv-col-keterangan { width:25%; }
        .pp-konv-col-deskripsi { width:25%; }
        .pp-konv-col-aksi { width:6%; }
        .pp-tbl th { text-align:left;padding:6px 7px;font-size:10px;font-weight:700;
          text-transform:uppercase;letter-spacing:.04em;color:var(--app-dim);
          background:var(--app-thead);border-bottom:1px solid var(--app-border); }
        .pp-tbl td { padding:4px 5px;border-bottom:1px solid var(--app-border);vertical-align:middle; }
        .pp-tbl tr:last-child td { border-bottom:none; }
        .pp-konversi-table thead th {
          position:static!important;top:auto!important;left:auto!important;z-index:auto!important;
          width:auto!important;min-width:0!important;box-shadow:none!important;
        }
        .pp-konversi-table th,
        .pp-konversi-table td { padding-left:6px;padding-right:6px; }
        .pp-konversi-table th:nth-child(1),
        .pp-konversi-table th:nth-child(2),
        .pp-konversi-table th:nth-child(6),
        .pp-konversi-table td:nth-child(1),
        .pp-konversi-table td:nth-child(2),
        .pp-konversi-table td:nth-child(6) { text-align:center; }
        .pp-konversi-table td:nth-child(1),
        .pp-konversi-table td:nth-child(2),
        .pp-konversi-table td:nth-child(6) { vertical-align:middle; }

        .pp-inp { background:var(--app-muted);border:1px solid var(--app-border);
          color:var(--app-text);padding:6px 8px;border-radius:6px;
          font-family:inherit;font-size:12px;font-weight:600;width:100%;outline:none;transition:.2s; }
        .pp-inp:focus { border-color:var(--app-blue);box-shadow:var(--app-ring); }
        .pp-inp.huruf { width:72px;max-width:100%;text-align:center;text-transform:uppercase;font-weight:700; }
        .pp-inp.num  { width:86px;max-width:100%;text-align:center; }
        .pp-inp.range { width:122px;max-width:100%; }
        .pp-inp.text { width:100%;min-width:0; }

        .pp-bobot-row { display:flex;align-items:center;justify-content:space-between;
          padding:9px 0;border-bottom:1px solid var(--app-border);gap:8px; }
        .pp-bobot-row:last-of-type { border-bottom:none; }
        .pp-bobot-label { font-size:13px;font-weight:600;color:var(--app-text);min-width:85px; }
        .pp-pct-wrap { display:flex;align-items:center;gap:5px; }
        .pp-pct { font-size:11px;color:var(--app-dim); }

        .pp-total { display:flex;align-items:center;justify-content:space-between;
          background:var(--app-muted);border:1px solid var(--app-border);
          border-radius:8px;padding:9px 12px;margin-top:10px; }
        .pp-total .lbl { font-size:11px;font-weight:700;color:var(--app-dim);text-transform:uppercase; }
        .pp-total .val { font-size:17px;font-weight:800; }
        .pp-total .val.ok   { color:var(--app-accent); }
        .pp-total .val.warn { color:var(--app-warn); }
        .pp-total .val.err  { color:var(--app-danger); }

        .pp-bar-track { height:4px;background:var(--app-border);border-radius:50px;margin-top:6px;overflow:hidden; }
        .pp-bar-fill  { height:100%;border-radius:50px;transition:width .35s ease,background .35s ease; }

        .pp-alert { display:none;align-items:center;gap:7px;border-radius:8px;
          padding:8px 11px;margin-top:8px;font-size:11px;font-weight:600; }
        .pp-alert.warn { background:rgba(217,119,6,0.08);border:1px solid rgba(217,119,6,0.3);color:var(--app-warn); }
        .pp-alert.ok   { background:rgba(22,163,74,0.07);border:1px solid rgba(22,163,74,0.25);color:var(--app-accent); }
        .pp-alert.show { display:flex; }

        .pp-btn { display:inline-flex;align-items:center;gap:6px;border:none;
          border-radius:50px;cursor:pointer;font-family:inherit;font-weight:700;font-size:12px;transition:.2s; }
        .pp-btn-add { background:var(--app-muted);border:1px solid var(--app-border) !important;border:none;
          color:var(--app-dim);padding:7px 14px;margin-top:8px; }
        .pp-btn-add:hover { background:var(--app-chip);color:var(--app-text); }
        .pp-edit-actions { display:flex;align-items:center;gap:8px;margin-top:12px; }
        .pp-edit-actions .pp-btn-save,
        .pp-edit-actions .pp-btn-add { width:auto;flex:1;margin-top:0;justify-content:center; }
        .pp-btn-edit { background:var(--app-card);border:1px solid var(--app-border) !important;
          color:var(--app-text);padding:10px 16px;border-radius:10px;justify-content:center; }
        .pp-card-edit-btn { flex-shrink:0;padding:7px 12px;border-radius:8px;font-size:11px; }
        .pp-btn-edit:hover { background:var(--app-chip); }
        .pp-btn-discard { background:rgba(220,38,38,0.07);border:1px solid rgba(220,38,38,0.22) !important;
          color:var(--app-danger);padding:10px 16px;border-radius:10px;justify-content:center; }
        .pp-btn-discard:hover { background:rgba(220,38,38,0.14); }
        .pp-btn[disabled] { opacity:.55;cursor:not-allowed;transform:none!important;filter:none!important; }
        .pp-btn-del { background:rgba(220,38,38,0.07);border:1px solid rgba(220,38,38,0.18);
          color:var(--app-danger);padding:4px 9px;border-radius:6px;font-size:11px; }
        .pp-btn-del:hover { background:rgba(220,38,38,0.15); }
        .pp-btn-save { background:var(--pp-button-color,#8b997c);color:#fff;padding:10px 20px;
          width:100%;justify-content:center;margin-top:14px;border-radius:10px; }
        .pp-btn-save:hover { filter:brightness(1.08);transform:translateY(-1px); }
        .pp-btn-save:active { transform:translateY(0);filter:brightness(.95); }
        .pp-btn-save:disabled { opacity:.6;cursor:not-allowed;transform:none; }
        .pp-inp[readonly] { cursor:default;color:var(--app-text);background:var(--app-card);box-shadow:none; }
        .pp-inp[readonly]:focus { border-color:var(--app-border);box-shadow:none; }

        .pp-save-ok { display:inline-flex;align-items:center;gap:5px;font-size:11px;
          color:var(--app-accent);opacity:0;transition:opacity .4s;font-weight:600;margin-top:6px; }
        .pp-save-ok.show { opacity:1; }

        .pp-formula { background:var(--app-muted);border:1px solid var(--app-border);
          border-radius:12px;padding:16px;margin-top:20px; }
        .pp-formula h3 { font-size:13px;font-weight:800;color:var(--app-text);
          display:flex;align-items:center;gap:6px;margin-bottom:12px; }
        .pp-formula-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
        @media(max-width:600px){ .pp-formula-grid{grid-template-columns:1fr;} }
        .pp-formula-card { background:var(--app-card);border:1px solid var(--app-border);
          border-radius:10px;padding:12px; }
        .pp-formula-label { font-size:10px;font-weight:700;text-transform:uppercase;
          letter-spacing:.05em;color:var(--app-dim);margin-bottom:6px; }
        .pp-formula-eq { font-size:12px;font-weight:600;color:var(--app-text);
          line-height:1.6;font-family:'DM Sans',monospace; }
        .pp-formula-eq .hl-g { color:var(--app-accent); }
        .pp-formula-eq .hl-b { color:var(--app-blue); }
        .pp-formula-eq .hl-o { color:var(--app-warn); }
        .pp-fmt-jenjang-btn {
          padding:6px 16px;border-radius:8px;border:1.5px solid var(--app-border);
          background:var(--app-muted);font-size:12px;font-weight:700;cursor:pointer;
          color:var(--app-dim);transition:all 0.18s;font-family:inherit;
        }
        .pp-fmt-jenjang-btn.active,.pp-fmt-jenjang-btn:hover {
          background:var(--pp-button-color,#8b997c);color:#fff;border-color:var(--pp-button-color,#8b997c);
        }
        .pp-fmt-kelas-btn {
          padding:5px 12px;border-radius:7px;border:1.5px solid var(--app-border);
          background:var(--app-muted);font-size:11px;font-weight:600;cursor:pointer;
          color:var(--app-dim);transition:all 0.18s;font-family:inherit;
        }
        .pp-fmt-kelas-btn.active,.pp-fmt-kelas-btn:hover {
          background:var(--pp-button-color,#8b997c);color:#fff;border-color:var(--pp-button-color,#8b997c);
        }

        /* ── BOBOT NILAI TAHFIZH — luxury redesign ── */
        .pp-card-icon.tahfizh {
          background:linear-gradient(135deg,#0c4a6e,#0369a1);
          color:#e0f2fe;font-size:11px;font-weight:900;letter-spacing:.04em;
          box-shadow:0 2px 8px rgba(3,105,161,0.28);
        }
        .pp-thf-card { margin-top:20px;border-color:rgba(3,105,161,0.18)!important; }
        .pp-thf-scroll { width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.07); }

        /* Table shell */
        .pp-thf-table {
          min-width:940px;table-layout:fixed;margin-bottom:0;
          border-collapse:separate;border-spacing:0;
          border:1.5px solid #1e3a5f;border-radius:12px;overflow:hidden;
        }

        /* All cells base */
        .pp-thf-table th,
        .pp-thf-table tfoot td,
        .pp-thf-table td {
          border-right:1px solid rgba(30,58,95,0.18)!important;
          border-bottom:1px solid rgba(30,58,95,0.18)!important;
          border-top:none!important;border-left:none!important;
          text-align:center;vertical-align:middle;
          padding:7px 8px;
          color:#0f172a;
          transition:background .15s;
        }
        .pp-thf-table tr:last-child td { border-bottom:none!important; }
        .pp-thf-table th:last-child,
        .pp-thf-table td:last-child { border-right:none!important; }

        /* Title row */
        .pp-thf-title {
          background:linear-gradient(135deg,#1e3a5f 0%,#0c4a6e 60%,#0369a1 100%)!important;
          color:#f0f9ff!important;
          font-size:13px!important;font-weight:800!important;
          letter-spacing:.12em;text-transform:uppercase;
          padding:10px 12px!important;
          border-bottom:2px solid rgba(14,165,233,0.4)!important;
          border-right:none!important;
        }

        /* Weight row */
        .pp-thf-weight-row th {
          padding:10px 8px!important;
          font-size:22px!important;font-weight:300!important;
          letter-spacing:.02em;
        }
        .pp-thf-weight-row .pp-pct-wrap { justify-content:center; }

        /* Section label row (JUMLAH HAFALAN etc.) */
        .pp-thf-table thead tr:nth-child(3) th {
          font-size:10px!important;font-weight:800!important;
          letter-spacing:.1em;text-transform:uppercase;
          padding:7px 8px!important;
          border-bottom:1.5px solid rgba(30,58,95,0.22)!important;
        }

        /* Column header row */
        .pp-thf-table thead tr:nth-child(4) th {
          font-size:10px!important;font-weight:700!important;
          letter-spacing:.04em;
          padding:6px 8px!important;
          border-bottom:2px solid rgba(30,58,95,0.2)!important;
          color:#1e3a5f;
        }

        /* Section colors — refined palette */
        .pp-thf-green {
          background:linear-gradient(180deg,#3a7d0a 0%,#4a9910 100%)!important;
          color:#f0fdf4!important;
        }
        .pp-thf-green.pp-thf-weight-row-cell,
        .pp-thf-weight-row .pp-thf-green {
          background:linear-gradient(180deg,#52b416 0%,#6bcf1e 100%)!important;
          color:#0a2200!important;
        }
        .pp-thf-blue {
          background:linear-gradient(180deg,#1565a8 0%,#1a7cc4 100%)!important;
          color:#e0f2fe!important;
        }
        .pp-thf-blue.pp-thf-weight-row-cell,
        .pp-thf-weight-row .pp-thf-blue {
          background:linear-gradient(180deg,#5baadc 0%,#7ec2ea 100%)!important;
          color:#0c2d4a!important;
        }
        .pp-thf-peach {
          background:linear-gradient(180deg,#c0603a 0%,#d4704a 100%)!important;
          color:#fff7f5!important;
        }
        .pp-thf-peach.pp-thf-weight-row-cell,
        .pp-thf-weight-row .pp-thf-peach {
          background:linear-gradient(180deg,#f5c4ae 0%,#fbe2d5 100%)!important;
          color:#5a2010!important;
        }

        /* Data rows */
        .pp-thf-table tbody tr { background:#ffffff; }
        .pp-thf-table tbody tr:nth-child(even) { background:#f8fafc; }
        .pp-thf-table tbody tr:hover { background:#eff6ff!important; }

        /* Weight input */
        .pp-thf-weight-input {
          display:inline-block;width:72px!important;
          background:transparent!important;border:none!important;
          box-shadow:none!important;padding:0!important;
          font-size:22px!important;font-weight:300!important;
          color:inherit!important;font-family:inherit;
          text-align:center;
        }
        .pp-thf-weight-input[readonly] { background:transparent!important; }

        /* Data cell inputs */
        .pp-thf-table .pp-inp {
          height:30px;border:1.5px solid transparent;
          background:transparent;color:#0f172a;
          border-radius:6px;text-align:center;
          font-weight:600;font-size:12px;box-shadow:none;
          transition:background .15s,border-color .15s;
        }
        .pp-thf-table .pp-inp[readonly] { background:transparent;color:#0f172a;border-color:transparent; }
        .pp-thf-table .pp-inp:not([readonly]):hover { background:rgba(255,255,255,.7);border-color:rgba(37,99,235,.25); }
        .pp-thf-table .pp-inp:focus { background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15); }

        /* Action column & delete button */
        .pp-thf-action-col { width:38px;text-align:center!important; }
        .pp-thf-table tfoot tr { border-top:2px solid rgba(30,58,95,0.3)!important; }
        .pp-thf-table tfoot td { border-top:2px solid rgba(30,58,95,0.3)!important;border-bottom:none!important; }
        .pp-thf-table th { text-align:center!important; }
        .pp-thf-table .pp-btn-del {
          padding:4px 7px;border-radius:6px;
          background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.18);
          color:#dc2626;transition:all .15s;
        }
        .pp-thf-table .pp-btn-del:hover { background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.4); }

        /* Add-row buttons */
        .pp-thf-actions {
          display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
          gap:8px;margin-top:14px;
        }
        .pp-thf-actions .pp-btn-add {
          margin-top:0;justify-content:center;width:100%;
          border-radius:9px;font-size:11px;font-weight:700;
          border:1.5px dashed var(--app-border);
          background:transparent;color:var(--app-dim);
          padding:9px 12px;transition:all .18s;
        }
        .pp-thf-actions .pp-btn-add:not([disabled]):hover {
          background:var(--app-muted);border-color:var(--app-blue);color:var(--app-blue);
        }

        /* Data row cell tints — subtle section identity */
        .pp-thf-table tbody .pp-thf-td-green { background:rgba(74,153,16,0.06); }
        .pp-thf-table tbody .pp-thf-td-blue  { background:rgba(26,124,196,0.06); }
        .pp-thf-table tbody .pp-thf-td-peach { background:rgba(212,112,74,0.06); }
        .pp-thf-table tbody tr:nth-child(even) .pp-thf-td-green { background:rgba(74,153,16,0.11); }
        .pp-thf-table tbody tr:nth-child(even) .pp-thf-td-blue  { background:rgba(26,124,196,0.11); }
        .pp-thf-table tbody tr:nth-child(even) .pp-thf-td-peach { background:rgba(212,112,74,0.11); }
        .pp-thf-table tbody tr:hover .pp-thf-td-green { background:rgba(74,153,16,0.16)!important; }
        .pp-thf-table tbody tr:hover .pp-thf-td-blue  { background:rgba(26,124,196,0.16)!important; }
        .pp-thf-table tbody tr:hover .pp-thf-td-peach { background:rgba(212,112,74,0.16)!important; }

        #appShell[data-theme="dark"] .pp-thf-table tbody tr,
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:nth-child(even),
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:hover {
          background:#ffffff!important;
        }
        #appShell[data-theme="dark"] .pp-thf-table tbody .pp-thf-td-green { background:#eef7ea!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody .pp-thf-td-blue  { background:#e9f3fb!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody .pp-thf-td-peach { background:#fbf0ed!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:nth-child(even) .pp-thf-td-green { background:#e4f2df!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:nth-child(even) .pp-thf-td-blue  { background:#ddebf7!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:nth-child(even) .pp-thf-td-peach { background:#f8e8e3!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:hover .pp-thf-td-green { background:#d9eccf!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:hover .pp-thf-td-blue  { background:#d2e7f6!important; }
        #appShell[data-theme="dark"] .pp-thf-table tbody tr:hover .pp-thf-td-peach { background:#f4ded6!important; }
        #appShell[data-theme="dark"] .pp-thf-table .pp-inp,
        #appShell[data-theme="dark"] .pp-thf-table .pp-inp[readonly] {
          color:#0f172a!important;
        }

        /* Vertical dividers between sections */
        .pp-thf-table td.pp-thf-td-blue:first-of-type,
        .pp-thf-table th.pp-thf-blue:first-of-type { border-left:2px solid rgba(30,58,95,0.25)!important; }
        .pp-thf-table td.pp-thf-td-peach:first-of-type,
        .pp-thf-table th.pp-thf-peach:first-of-type { border-left:2px solid rgba(30,58,95,0.25)!important; }

        @media(max-width:720px) {
          #tabPenilaianContent { overflow-x:hidden; }
          .pp-export-bar { align-items:stretch;flex-direction:column;padding:13px 14px; }
          .pp-btn-export { width:100%; }
          .pp-card { padding:14px;overflow:hidden;border-radius:12px; }
          .pp-card-head { flex-wrap:wrap;gap:9px; }
          .pp-card-head > div:nth-child(2) { min-width:0;flex:1; }
          .pp-card-title { font-size:13px;line-height:1.25; }
          .pp-badge { margin-left:0; }
          .pp-fmt-jenjang-btn { flex:1 1 88px;min-width:0;text-align:center;padding:7px 10px; }

          .pp-konversi-scroll { overflow:visible; }
          .pp-konversi-table { display:block;width:100%;min-width:0;border-collapse:separate; }
          .pp-konversi-table colgroup { display:none; }
          .pp-konversi-table thead { display:none; }
          .pp-konversi-table tbody { display:flex;flex-direction:column;gap:10px;width:100%; }
          .pp-konversi-table tr {
            display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
            gap:8px;padding:10px;border:1px solid var(--app-border);
            border-radius:10px;background:var(--app-muted);
          }
          .pp-konversi-table td {
            display:flex;flex-direction:column;gap:5px;min-width:0;
            padding:0;border-bottom:0;background:transparent;
          }
          .pp-konversi-table td::before {
            font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;
            letter-spacing:.05em;color:var(--app-dim);
          }
          .pp-konversi-table td:nth-child(1)::before { content:'Predikat'; }
          .pp-konversi-table td:nth-child(2)::before { content:'Nilai'; }
          .pp-konversi-table td:nth-child(3)::before { content:'Rentang'; }
          .pp-konversi-table td:nth-child(4)::before { content:'Keterangan'; }
          .pp-konversi-table td:nth-child(5)::before { content:'Deskripsi'; }
          .pp-konversi-table td:nth-child(6)::before { content:'Aksi'; }
          .pp-konversi-table td:nth-child(n+3) { grid-column:1 / -1; }
          .pp-konversi-table .pp-inp,
          .pp-konversi-table .pp-inp.huruf,
          .pp-konversi-table .pp-inp.num,
          .pp-konversi-table .pp-inp.range,
          .pp-konversi-table .pp-inp.text {
            width:100%;min-width:0;box-sizing:border-box;background:var(--app-card);
          }
          .pp-konversi-table .pp-btn-del { width:100%;justify-content:center;padding:7px 10px; }
          .pp-edit-actions { flex-direction:column;align-items:stretch; }
          .pp-edit-actions .pp-btn,
          .pp-btn-add,.pp-btn-save { width:100%;justify-content:center; }
          .pp-thf-scroll { overflow-x:auto; }
          .pp-thf-table { min-width:940px;display:table; }
          .pp-thf-actions { grid-template-columns:1fr; }
        }