@scope (.pwx-ssr){:scope{display:block;font:13px/1.5 Arial,Helvetica,sans-serif;color:#334155;max-width:100%;min-width:0}*{box-sizing:border-box}h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#475569;padding:6px 12px;font-size:11px;font-weight:700}button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}.primary{background:#2563eb;color:white;border-color:#1d4ed8}.amber{background:#fef3c7;color:#92400e;border-color:#fde68a}.green{background:#059669;color:white;border-color:#047857}.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.frame{border:1px solid #dbe4ef;border-radius:14px;background:white;overflow:hidden;max-width:100%;min-width:0}.head{padding:20px;background:linear-gradient(120deg,#f0f5ff,#fff);border-bottom:1px solid #dbe4ef}.head h2{font-size:21px;color:#1e3a8a}.head small{color:#64748b}.form{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:700;color:#64748b;min-width:0}.field select,.field input{border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;width:100%;height:34px;padding:4px 8px;font-size:12px}.form>.primary{min-height:34px;align-self:end}.status{margin:0 16px 12px;padding:10px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:6px;font-size:11px}.status.error{background:#fff1f2;color:#b91c1c;border-color:#fecaca}.scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}table{border-collapse:collapse;width:100%;font-size:11px;min-width:430px}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid #e2e8f0}th{color:#64748b;background:#f1f5f9;font-size:10px;letter-spacing:.5px}td.number{font-weight:700;color:#1e40af;letter-spacing:2px}td.formula{font-family:monospace;overflow-wrap:anywhere}.toolbar{padding:12px 16px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.collection{border-top:1px solid #dbe4ef;margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f8fafc;padding:12px 16px;color:#1e3a8a;font-size:12px;font-weight:700}.badge{border-radius:20px;background:#dbeafe;color:#1d4ed8;font-size:10px;padding:3px 9px}.filters{display:flex;gap:6px;padding:10px 16px;flex-wrap:wrap}.filters select{border:1px solid #cbd5e1;border-radius:6px;padding:5px;font-size:11px;min-width:0}.filters button{margin-left:auto}.terminal{margin:8px 16px 16px;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.terminal-head{display:flex;justify-content:space-between;align-items:center;background:#e2e8f0;padding:8px 10px;font-size:11px;font-weight:700}.terminal pre{margin:0;padding:14px;background:#f8fafc;color:#334155;font:12px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto}.note{padding:0 16px 14px;font-size:11px;color:#64748b}.ok{color:#059669}.miss{color:#b91c1c}.codebox{width:100%;min-height:60px;resize:vertical;overflow-wrap:anywhere;border:1px solid #cbd5e1;border-radius:6px;padding:8px}.import{padding:12px 16px}.import summary{cursor:pointer;font-weight:bold;font-size:11px}.import button{margin-top:6px}.confirm{padding:12px;background:#fff1f2;color:#991b1b;margin:0 16px 12px;border:1px solid #fecaca;border-radius:6px}.confirm button{margin:8px 6px 0 0}.empty{text-align:center;color:#94a3b8;padding:20px}input[type=checkbox]{accent-color:#2563eb}.footer{border-top:1px solid #e2e8f0;padding:12px 16px;font-size:10px;color:#64748b}.footer details{margin:8px 0}.footer summary{font-size:11px;font-weight:bold;cursor:pointer}.hidden,[hidden]{display:none!important}@media(max-width:520px){.form{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.head{padding:16px}.head h2{font-size:18px}.status{margin:0 12px 12px}.toolbar,.filters{padding:10px 12px}.terminal{margin:8px 12px 12px}th,td{padding:8px}.field{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.form{grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d5d9df;border-radius:12px;margin:14px;background:#fff}.form .field:has([name=day]){grid-column:1/-1}.form>.scan{grid-column:1/-1;justify-self:center;min-width:96px;border-radius:0;font-size:15px;margin-top:8px}.frame>.scroll{margin:14px;border:1px solid #ddd;border-radius:12px;box-shadow:0 6px 15px #00000010}.frame>.scroll th{background:linear-gradient(90deg,#eb8b00,#f5aa05);color:#5c400d}.head h2{font-size:18px}.section-title{background:#fff;border-bottom:2px solid #3c4d91;margin:8px 14px;padding:10px 0}.head{border-bottom:2px solid #3c4d91}.filters select{background:#fff}@media(max-width:520px){.form{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px}.frame>.scroll{margin:10px}.head h2{font-size:18px}}
.formula-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:12px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.formula-toolbar input{flex:1;min-width:150px;padding:7px;border:1px solid #cbd5e1;border-radius:5px;font-size:12px}.rumus-settings{display:grid;grid-template-columns:65px 1.4fr 1fr 1.4fr 1fr;gap:7px;padding:12px}.rumus-settings label,.rumus-options label{display:flex;flex-direction:column;font-size:10px;color:#64748b;gap:3px;min-width:0}.rumus-settings select,.rumus-settings input,.keys select,.rumus-options select{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#334155;height:31px;padding:4px;font-size:11px}.keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 65px;gap:6px;padding:0 12px 12px}.term{display:grid;grid-template-columns:25px 1fr 46px;gap:4px;min-width:0}.term-start{font-size:9px;align-self:center;color:#64748b}.total-map{font-size:9px;display:flex;align-items:center;gap:4px}.rumus-options{display:flex;gap:8px;padding:0 12px}.rumus-options label{flex:1}.key-description{padding:4px 12px;font-weight:bold;font-size:12px}.rumus-table{min-width:500px;text-align:center}.rumus-table th,.rumus-table td{text-align:center;border:1px solid #d7dce4;padding:5px;font-size:11px}.rumus-table .source-number{font-weight:700;white-space:nowrap}.rumus-table .hit{background:#c8edc7;color:#14532d;font-weight:700}.rumus-table.automatic .hit{background:transparent;color:#159447}.rumus-table .muted{opacity:.35}.rumus-table tfoot{background:#f1f5f9}.column-button{border:0;border-radius:0;background:transparent;padding:2px;color:#334155;font-size:10px;min-width:22px}.column-button.restore,.column-button.inactive{color:#dc2626}.formula-summary{padding:12px;font-weight:bold;overflow-wrap:anywhere}.formula-output{padding:0 12px}.code-output,.result-output{width:100%;border:1px solid #cbd5e1;border-radius:5px;padding:8px;font:11px/1.6 monospace;resize:vertical;overflow-wrap:anywhere}.code-output{min-height:50px;background:#f1f5f9}.result-output{min-height:220px;margin-top:8px}@media(max-width:600px){.rumus-settings{grid-template-columns:70px 1fr 1fr}.keys{grid-template-columns:1fr 1fr}.term{grid-template-columns:24px 1fr 50px}.total-map{min-width:80px}.rumus-table{min-width:430px}}@media(max-width:360px){.keys{grid-template-columns:1fr}.rumus-settings{grid-template-columns:65px 1fr}}
.restore-columns{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:6px 12px;background:#f8fafc;font-size:10px;color:#64748b}
.formula-frame>.scroll{border:0;border-radius:0;box-shadow:none;margin:10px 12px}.formula-frame .rumus-table{width:max-content;min-width:0}.formula-frame .rumus-table th,.formula-frame .rumus-table td{padding:2px 3px;height:24px;border-color:#d0d9df;font-size:12px}.formula-frame .rumus-table th{background:#e4eef4;color:#334155;font-weight:400;letter-spacing:0}.formula-frame .rumus-table .source-number{font-weight:400}.formula-frame .rumus-table tbody td:first-child{background:#e4eef4}.formula-frame .rumus-table td.hit{background:transparent}.cell-digit{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:4px;background:#a9aaac;color:white;border:1px solid #f8fafc}.hit-a .cell-digit{background:#bb8127}.hit-c .cell-digit{background:#278ccc}.hit-k .cell-digit{background:#f10b12}.hit-e .cell-digit{background:#149640}.hit-j .cell-digit{background:#9945c6}.automatic .cell-digit{background:transparent;color:#334155;border:0}.automatic .hit-a .cell-digit{color:#bb8127}.automatic .hit-c .cell-digit{color:#278ccc}.automatic .hit-k .cell-digit{color:#ee1017}.automatic .hit-e .cell-digit{color:#149640}.automatic .hit-j .cell-digit{color:#9945c6}.formula-frame .rumus-settings label,.formula-frame .rumus-options label{font-size:0;gap:0}.keys select[name^=map],.keys [name=transform]{background:#d7f0f8}.formula-toolbar [data-action=load]{background:#5750e4;color:white;border-color:#4a45c4}.formula-toolbar [data-action=reset]{background:#fff;color:#d39e1b;border-color:#d6a72b}.formula-frame [data-action=prev],.formula-frame [data-action=next]{background:#687781;color:white;border-color:#687781}.formula-frame [data-action=lock][aria-pressed=true]{background:#dc3545;color:white;border-color:#dc3545}
.variant-otomatis .rumus-settings{grid-template-columns:1.4fr 1fr 65px 1.4fr}.variant-otomatis .rumus-settings label{font-size:10px;gap:4px}.variant-otomatis .term{grid-template-columns:25px minmax(0,1fr)}.variant-otomatis .term:first-child{grid-template-columns:minmax(0,1fr)}.variant-otomatis .term-start,.variant-otomatis select[name^=map]{display:none}.variant-otomatis .keys{grid-template-columns:repeat(3,minmax(0,1fr)) 70px}.variant-otomatis .total-map{font-size:0}.variant-otomatis [data-action=prev]{background:#17a2b8;border-color:#17a2b8}.variant-otomatis [data-action=next]{background:#2563eb;border-color:#2563eb}.variant-otomatis [data-action=lock][aria-pressed=false]{background:#198754;color:#fff;border-color:#198754}.auto-output{padding:14px;margin:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 monospace;color:#334155;background:#fff;border:1px solid #dbe4ef;border-radius:6px}@media(max-width:600px){.variant-otomatis .rumus-settings{grid-template-columns:1fr 1fr}.variant-otomatis .keys{grid-template-columns:1fr 1fr}}@media(max-width:360px){.variant-otomatis .keys{grid-template-columns:1fr}}
.bbfs-form{padding:16px}.bbfs-form+form{border-top:1px solid #dbe4ef}.bbfs-form h2,.bbfs-form h3{font-size:14px;color:#334155;margin:0 0 12px}.bbfs-positions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bbfs-form input,.bbfs-form select{min-width:0;width:100%;height:34px;padding:6px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px}.bbfs-actions{display:flex;gap:8px;margin:10px 0}.bbfs-actions select{width:70px}.bbfs-actions button{flex:1}.bbfs-result{display:flex;align-items:center;justify-content:space-between;margin:10px 0 5px;font-size:12px}.bbfs-form textarea{width:100%;resize:vertical;border:1px solid #cbd5e1;border-radius:4px;padding:9px;font:12px/1.7 monospace;overflow-wrap:anywhere}.bbfs-note,.bbfs-status{font-size:10px;color:#64748b;margin:6px 0}.bbfs-status{color:#b45309}.tardal-settings{display:grid;grid-template-columns:2fr 1fr 1.4fr 60px;gap:8px}.cyan{background:#17a2b8;color:#fff;border-color:#138496}@media(max-width:480px){.bbfs-form{padding:12px}.bbfs-positions{gap:5px}.tardal-settings{grid-template-columns:1fr 1fr}.bbfs-actions select{width:55px}}
.rekap-frame{background:#d98e90;border-radius:0;border:5px solid #d98e90;padding:14px 18px}.rekap-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.rekap-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.rekap-filters input,.rekap-filters select{min-width:0;width:100%;height:27px;background:#f1f1f1;border:1px solid #5c5c5c;border-radius:0;padding:2px 4px;font-size:12px;color:#303030}.rekap-filters .full{grid-column:1/-1}.rekap-block{display:block;margin-top:4px}.rekap-block>span{display:block;background:#000;color:#fff;font-weight:700;font-size:12px;padding:7px 10px}.rekap-block textarea,.rekap-output textarea{display:block;resize:vertical;width:100%;background:#fffdd8;color:#242424;border:1px solid #393939;border-radius:0;padding:9px;font:12px/1.7 Arial,sans-serif;overflow-wrap:anywhere}.rekap-block textarea[name=idoff]{border:2px solid #ef1828}.rekap-buttons{display:flex;gap:4px;margin-top:4px}.rekap-buttons button{flex:1;border-radius:0;color:white;font-weight:400;font-size:12px}.rekap-buttons .generate{background:#dc0671;border-color:#bd005a}.rekap-buttons .reset{background:#ff4937;border-color:#ff4937}.rekap-right .rekap-block{margin:0}.rekap-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin-top:20px;border:1px solid #444;font-size:12px;text-align:center;line-height:22px}.rekap-grid span{border-right:1px solid #444;border-bottom:1px solid #444;background:#f4f4f4;color:#334155;min-width:0}.rekap-grid .selected{background:#3d8bd8;color:white}.main-digits{text-align:center;background:#078b00;color:#ffff7d;font-size:20px;min-height:43px;padding:6px;overflow-wrap:anywhere}.votes{text-align:center;min-height:100px;background:#073c7c;color:white;font-size:10px;padding:6px}.rekap-results{margin-top:16px}.rekap-output{margin-top:12px}.rekap-output header{display:flex;justify-content:space-between;align-items:center;background:#000;color:#fff;padding:5px 10px;font-size:12px}.rekap-output header button{padding:3px 7px;border-radius:3px;font-size:10px}.rekap-status{font-size:11px;color:#50262c;margin:10px 0;overflow-wrap:anywhere}.more-patah summary{font-size:12px;color:#fff;padding:8px;cursor:pointer}@media(max-width:580px){.rekap-frame{padding:10px 8px}.rekap-columns{grid-template-columns:1fr;gap:15px}.rekap-grid{margin-top:12px}.rekap-filters input,.rekap-filters select{font-size:11px}}
.nd-frame{border-radius:0;padding:12px;background:#f6f8fa;border:1px solid #d4dce4}.nd-frame h2,.nd-frame h3{font-size:12px;letter-spacing:.3px;padding:8px 10px;border-left:3px solid #338ac7;background:#eaf3fa;color:#495057}.sum-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#fff;border:1px solid #d2dce5}.sum-grid label{display:flex;gap:6px;align-items:center;padding:6px;border:1px solid #e2e8f0;font-size:11px;min-width:0}.sum-grid input{margin:0;accent-color:#2682c5}.nd-main{margin-bottom:14px}.nd-position,.nd-twins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0}.nd-frame input[type=text],.nd-frame input:not([type]),.nd-frame select{width:100%;min-width:0;height:28px;padding:3px 5px;border:1px solid #4999ce;border-radius:0;background:#fff;color:#333;font-size:11px}.nd-twins select,.nd-selects select{border-color:#cf717d;background:#f1f1f1}.nd-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nd-block{display:block;margin:7px 0}.nd-block>span{display:block;font-size:10px;font-weight:700;border-left:3px solid #3a99ce;background:#edf6fb;padding:6px}.nd-block textarea{display:block;width:100%;min-width:0;resize:vertical;border:1px solid #35ae9e;padding:8px;background:#fff;font:11px/1.6 Arial,sans-serif}.nd-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nd-pair{min-width:0;margin:0;padding:9px;border:1px solid #cfdde7;background:#f0f7fb}.nd-pair:nth-child(2){background:#f0f9f3}.nd-pair legend{font-size:11px;font-weight:bold;color:#4a6574;padding:4px}.nd-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.nd-filters .full{grid-column:1/-1}.nd-selects{margin-top:12px}.nd-buttons{display:flex;gap:10px;justify-content:center;padding:18px 0 8px}.nd-buttons button{min-width:100px;min-height:40px;font-size:13px;border-radius:2px}.nd-buttons button[type=reset]{background:#6c757d;color:#fff;border-color:#6c757d}.nd-status{font-size:11px;color:#b45309;margin:7px}.nd-result header{display:flex;align-items:center;justify-content:space-between;background:#1e526b;color:#fff;padding:9px 12px;font-size:12px}.nd-result textarea{width:100%;resize:vertical;border:1px solid #bad4e5;padding:12px;font:12px/1.7 monospace;background:#fff;overflow-wrap:anywhere;min-height:160px;max-height:500px}@media(max-width:580px){.nd-frame{padding:8px}.nd-pairs,.nd-data{grid-template-columns:1fr}.nd-twins{grid-template-columns:1fr}.sum-grid label{gap:3px;padding:5px 3px;font-size:10px}}
.nd-four{background:#f9cfe1}.nd-four h2,.nd-four h3,.nd-four .nd-block>span{background:#111;color:#fff;border:0}.nd-four .sum-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.nd-four .nd-position{grid-template-columns:repeat(4,minmax(0,1fr))}.nd-four .nd-pairs{grid-template-columns:repeat(3,minmax(0,1fr))}.nd-four .nd-pair{background:#ffedfa;border-color:#d19cb4}.nd-four textarea{background:#ffffe0}.nd-four [data-split]{width:100%;margin:10px 0;background:#4776ca;color:#fff}.nd-part{margin-top:12px}@media(max-width:680px){.nd-four .nd-pairs,.nd-four .nd-data{grid-template-columns:1fr}.nd-four .sum-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ct-frame{background:#fff;border:1px solid #ddd;border-radius:2px;padding:15px}.ct-info{background:#f8d7da;color:#763f45;padding:15px;font-size:13px}.ct-frame h2,.ct-frame h3{text-align:center;font-size:14px;background:#f8f9fa;padding:14px}.ct-frame form>textarea{width:100%;background:#eaf7fc;border:1px solid #ccc;padding:10px;font:13px/1.7 Arial}.ct-frame select{width:100%;margin:10px 0;padding:9px;border:1px solid #ccc}.ct-actions{display:flex;gap:5px}.ct-actions button{flex:2;padding:13px}.ct-actions .red{flex:1;background:#dc3545;color:white}.ct-total{text-align:center;font-size:13px;font-weight:bold}.ct-card{border:1px solid #ddd;margin-top:20px;text-align:center;padding:10px;font:12px/1.8 Arial}.ct-card b{color:#d34457}.ct-double{border-color:#dc3545}.ct-double h3{color:#dc3545}.ct-card header{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#f5f8fa;padding:10px}.ct-card textarea{width:100%;background:#f4fbff;border:1px solid #ccd8df;padding:10px;font:12px/1.7 monospace}.ct-frame [role=status]{font-size:12px;color:#a53c16}
.history-frame{background:#f5f8fb;border-radius:5px;padding:20px}.history-frame h2{font-size:19px;color:#24496d}.history-frame h3{font-size:15px;background:#305d87;color:#fff;padding:12px}.history-frame p{font-size:12px;line-height:1.6}.history-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;background:#fff;padding:15px}.history-fields label{font-size:10px;font-weight:bold}.history-fields input,.history-fields select{display:block;width:100%;min-width:0;padding:8px;margin-top:8px;border:1px solid #b7cadd}.history-fields button{align-self:end;background:#2780c7;color:#fff}.history-frame table{font-size:11px;white-space:nowrap;min-width:100%}.history-frame th{background:#254f76;color:#fff;padding:8px}.history-frame td{padding:6px;border:1px solid #c3d8e8;text-align:center}.history-frame tr:nth-child(even){background:#e3f2fc}.history-main{font-weight:bold;color:#cb3c35}@media(max-width:700px){.history-fields{grid-template-columns:1fr 1fr}.history-fields label:first-child{grid-column:1/-1}.history-frame{padding:9px}}
.calendar-frame{background:#fdfdf6;padding:12px;border-radius:0}.calendar-frame h2{font-size:21px}.calendar-controls{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.calendar-controls select{padding:7px;border:1px solid #999;font-weight:bold}.calendar-frame table{width:100%;min-width:640px;border-collapse:collapse;font-family:Arial}.calendar-frame th,.calendar-frame td{border:2px solid #222;position:relative;text-align:center;padding:8px 3px}.calendar-frame th{font-size:13px;width:105px;background:#f5f1d9}.calendar-frame small{display:block;font-size:10px;padding:2px}.calendar-frame td>strong{display:block;color:#2647a1;font-size:36px;line-height:1.4}.calendar-frame td.sunday>strong{color:#e22836}.calendar-frame td.outside>strong{color:#aaa}.calendar-frame td.today{background:#ffea4e}.calendar-initial{position:absolute;left:5px;top:4px;font-size:12px;font-weight:bold}.calendar-frame td>b{display:block;color:#3b438c;font-size:10px;white-space:nowrap}.calendar-frame td>em{display:block;color:#f21820;font-size:13px;font-style:normal;font-weight:bold}.calendar-frame p{font-size:12px}
.ln-frame{background:#fff;padding:25px;border:1px solid #dedee7;border-radius:12px}.ln-frame h2{font-size:23px;color:#253653}.ln-frame .ln-subtitle{font-size:11px;font-weight:700;letter-spacing:2px;color:#7c72c3;margin:1.33em 0}.ln-frame p{font-size:13px;line-height:1.6;color:#5e6675}.ln-frame label{font-size:11px;font-weight:bold}.ln-frame textarea{display:block;width:100%;margin:8px 0;padding:14px;background:#f7f8fb;border:1px solid #d6dbe4;border-radius:6px;font:14px/1.7 monospace}.ln-frame .toolbar{margin-top:14px}.ln-frame button{padding:12px 20px}.ln-results table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.ln-results th,.ln-results td{padding:15px;border:1px solid #e3e5ee;overflow-wrap:anywhere;text-align:left}.ln-results th:first-child{width:130px}.ln-results small{display:block;font-size:10px;font-weight:normal;margin-top:7px}.ln-results tr:first-child{background:#f1f1ff}.ln-results h3{font-size:14px;padding-top:15px}@media(max-width:500px){.ln-frame{padding:12px}.ln-results th:first-child{width:100px}.ln-results th,.ln-results td{padding:9px}}
.generator-frame{background:#f8cde0;padding:15px;border-radius:0}.generator-frame h2,.generator-frame h3{background:#111;color:white;padding:10px;font-size:13px}.generator-frame form textarea{width:100%;background:#ffffe0;border:1px solid #222;padding:12px;font:15px monospace}.generator-frame .toolbar{justify-content:center;padding:12px}.generator-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin-top:10px}.generator-grid span{border:1px solid #8caac0;text-align:center;font:bold 12px Arial;padding:8px 0;background:#e8f6ff}.generator-grid .selected{background:#359bd7;color:#fff}.generator-ai{color:#186725;font-weight:bold;font-size:18px}.generator-note{background:#fff3cd;padding:10px;font-size:12px}.generator-frame [role=status]{font-size:12px}
.manual-paste{display:block;font-size:12px;font-weight:bold;margin-bottom:12px}.manual-paste textarea{display:block;width:100%;background:#eaf7fc;padding:12px;border:1px solid #a9b8c9;margin-top:8px;font:13px/1.6 monospace}
.invest-frame{background:white;padding:8px;border-radius:0}.invest-frame table{border-collapse:collapse;min-width:600px;width:100%;font:12px Arial}.invest-frame td,.invest-frame th{border:1px solid #999;padding:7px;text-align:right;min-width:70px;height:30px}.invest-frame th{background:#efefef;text-align:center}.invest-frame input{width:100%;min-width:0;max-width:120px;text-align:right;font:12px Arial;border:1px solid #bbb;padding:5px;color:#204b9c}.invest-head th{background:#204e91;color:white}.invest-rows tr:nth-child(even){background:#f0f5ff}.invest-rows td:last-child{color:#157341}.invest-frame [role=status]{font-size:12px;color:#a32c2c}

/* Tools form fields: keep typed numbers legible under a dark host theme. */
:scope{color-scheme:light}
input:not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{
 color:#000!important;-webkit-text-fill-color:#000!important;caret-color:#000;color-scheme:light;background-color:#fff!important;
}
select option,select optgroup{color:#000!important;-webkit-text-fill-color:#000!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#666!important;-webkit-text-fill-color:#666!important;opacity:1}

/* Keep the component within its WordPress content column. */
:scope{width:100%;min-width:0;max-width:100%}

/* Formula layouts: fit their actual width without scaling native controls/text. */
:scope(pwx-rumus){container-type:inline-size;-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.5}
.formula-frame{--formula-digit-size:12px;width:100%;min-width:0;max-width:100%;zoom:1;transform:none}
.formula-frame *{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.formula-frame .formula-toolbar input{min-width:0;flex:1 1 140px;min-height:34px;line-height:1.5}
.formula-frame .rumus-settings{grid-template-columns:65px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)}
.formula-frame.variant-otomatis .rumus-settings{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 65px minmax(0,1.4fr)}
.formula-frame .rumus-settings input,.formula-frame .rumus-settings select,.formula-frame .keys select,.formula-frame .rumus-options select{height:32px;min-height:32px;max-width:100%;line-height:normal}
.formula-frame .term{grid-template-columns:25px minmax(0,1fr) 46px}
.formula-frame.variant-otomatis .term{grid-template-columns:25px minmax(0,1fr)}
.formula-frame.variant-otomatis .term:first-child{grid-template-columns:minmax(0,1fr)}
.formula-frame .rumus-options label{min-width:0}
.formula-frame .scroll{min-width:0;max-width:100%;height:auto;overflow-x:visible}
.formula-frame .rumus-table{width:100%;min-width:0;max-width:100%;table-layout:fixed;zoom:1;transform:none}
.formula-frame .rumus-table th,.formula-frame .rumus-table td{min-width:0;height:27px;padding:2px 1px;font-size:var(--formula-digit-size);line-height:1.4;vertical-align:middle}
.formula-frame .rumus-table tr>:first-child{width:8%}
.formula-frame .rumus-table tr>:nth-child(2){width:20%}
.formula-frame .rumus-table tr>:last-child{width:12%;letter-spacing:0}
.formula-frame .cell-digit{min-width:0;width:100%;max-width:22px;height:22px;margin-inline:auto;font-size:inherit;line-height:1.4}
.formula-frame .rumus-table .column-button{min-width:0;max-width:100%;width:100%;padding:2px 0;font-size:inherit;line-height:1.4}
.formula-frame .status{font-size:11px;line-height:1.5;height:auto;min-height:0;overflow-wrap:anywhere}
.formula-frame .code-output,.formula-frame .result-output,.formula-frame .auto-output{font:12px/20px monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.formula-frame .code-output{min-height:60px;height:60px}
.formula-frame .result-output{min-height:220px;height:240px;resize:vertical}
.formula-frame .note{font-size:10px;line-height:1.6}
@container(max-width:600px){
 .formula-frame .rumus-settings{grid-template-columns:65px minmax(0,1fr) minmax(0,1fr)}
 .formula-frame.variant-otomatis .rumus-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
 .formula-frame .keys,.formula-frame.variant-otomatis .keys{grid-template-columns:repeat(2,minmax(0,1fr))}
 .formula-frame .term{grid-template-columns:24px minmax(0,1fr) 46px}
}
@container(max-width:400px){
 .formula-frame{--formula-digit-size:11px}
 .formula-frame .keys,.formula-frame.variant-otomatis .keys{grid-template-columns:minmax(0,1fr)}
 .formula-frame .rumus-settings{grid-template-columns:65px minmax(0,1fr)}
 .formula-frame.variant-otomatis .rumus-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container(max-width:280px){
 .formula-frame{--formula-digit-size:9px}
 .formula-frame .rumus-table th,.formula-frame .rumus-table td{padding-inline:0}
 .formula-frame .rumus-table .column-button{letter-spacing:0}
}

/* Daily formula controls keep the compact rows shown in the reference. */
.variant-harian .formula-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.variant-harian .formula-toolbar .load-code{grid-column:1/-1;width:100%;height:36px}
.variant-harian .formula-toolbar button{width:100%;min-height:34px}
.formula-frame.variant-harian .rumus-settings{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.variant-harian .rumus-settings label{flex:0 1 auto;min-width:0}
.variant-harian .rumus-settings label:has([name=limit]){flex:0 0 52px}
.variant-harian .rumus-settings label:has([name=market]){flex:1 1 150px}
.variant-harian .rumus-settings label:has([name=day]){flex:0 0 74px}
.variant-harian .rumus-settings label:has([name=kind]){flex:0 1 145px}
.variant-harian .rumus-settings label:has([name=mode]){flex:0 0 80px}
.formula-frame.variant-harian .keys{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.formula-frame.variant-harian .term{display:flex;flex:0 1 auto;align-items:center;gap:4px;max-width:100%}
.variant-harian .term-start{width:18px;flex:none}
.variant-harian .keys select[name^=var]{width:62px}
.variant-harian .keys select[name^=map],.variant-harian .keys select[name=transform]{width:42px}
.variant-harian .keys select[name^=op]{width:30px}
.variant-harian .total-map{display:flex;flex-direction:row;align-items:center;gap:4px}
.variant-harian .rumus-options label:first-child{flex:0 0 86px}
.variant-harian .rumus-options label:last-child{flex:1;min-width:0}

/* Keep select arrows inside the field in mobile WebKit as well as Chromium. */
.formula-frame select{-webkit-appearance:none;appearance:none;padding-right:18px;background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;background-size:4px 4px;background-repeat:no-repeat}

.formula-frame .rumus-options{flex-wrap:wrap}
.formula-frame .rumus-options label:first-child{flex:1 1 86px}
.formula-frame .rumus-options label:last-child{flex:1 1 155px}
.formula-frame select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}