/* PhongThuySo · Lá số 12 cung premium. Bàn cục SVG dùng chung cho xem và xuất PNG. */
.pl-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:end;padding:12px;background:#204737;border:1px solid #4c7057;border-radius:13px;margin:13px 0}
.pl-toolbar-intro{flex:1 1 220px;line-height:1.45}.pl-toolbar-intro strong{display:block;font-size:14px;color:#f4dd9b}.pl-toolbar-intro small{font-size:11px;color:#c5dacb;display:block;margin-top:4px}
.pl-toolbar label{font-size:11px;font-weight:750;letter-spacing:.02em;color:#f2dca5;display:flex;flex-direction:column;gap:5px;min-width:110px}.pl-toolbar select,.pl-toolbar input{padding:8px 10px;max-width:180px;font-size:12px;border:1px solid #699279;background:#0d2d22;color:#eff9f1;width:auto;border-radius:8px}
.pl-toolbar button.pl-btn{width:auto;margin:0;padding:9px 13px;font-size:12px;white-space:nowrap;border:1px solid #a8955f;background:#28503f;color:#f5e8bf;border-radius:8px}.pl-toolbar button.pl-download{background:linear-gradient(125deg,#f1d78f,#dbb668);color:#3c3017}
.pl-toolbar button:disabled{opacity:.6;cursor:wait}.pl-view-outer{overflow:hidden;max-width:100%;background:#eaddc3;border:1px solid #c4aa77;border-radius:12px;scrollbar-color:#9d845c #e9d9bb}.pl-view{min-width:0;width:100%;line-height:0}.pl-view svg{width:100%;height:auto;display:block;max-width:100%}
.pl-view-outer:fullscreen{background:#eaddc3;padding:15px;overflow:auto}.pl-view-outer:fullscreen .pl-view{max-width:1800px;margin:auto}.pl-view-outer.pl-expanded{width:100%;max-width:initial}
.pl-view svg g[data-branch]{outline:none}.pl-view svg g[data-branch]:focus rect:first-child{stroke:#157751;stroke-width:4}
.pl-detail{background:#183b30;border:1px solid #4b745c;border-radius:12px;padding:16px;margin-top:13px;color:#e6f2e8;line-height:1.75}.pl-detail h4{color:#f5d78c;margin:0 0 9px;font-size:17px}.pl-detail p{margin:8px 0;font-size:13px}
.pl-detail-star{display:inline;border-radius:4px;padding:1px 3px}.pl-detail-star.major{color:#81e7ad}.pl-detail-star.helper{color:#90d3f0}.pl-detail-star.hard{color:#ffa69a}.pl-detail-star.other{color:#eed4a1}
.pl-hint{font-size:12px;color:#c8ddcf;line-height:1.65;padding:8px 0}.pl-legend{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}.pl-legend span{font-size:11px;color:#dfeddf;border-radius:999px;background:#214537;border:1px solid #48735b;padding:6px 9px;display:inline-flex;align-items:center;gap:6px}
.pl-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pl-dot.main{background:#4cb978}.pl-dot.aid{background:#6abadd}.pl-dot.hard{background:#e98175}.pl-dot.special{background:#dcbb75}
.pl-error{padding:15px;background:#4b2e26;border:1px solid #a55c45;border-radius:9px;color:#ffd9ca}
@media(max-width:720px){.pl-toolbar{padding:10px}.pl-toolbar-intro{flex-basis:100%}.pl-toolbar label{flex:1 1 130px}.pl-toolbar button.pl-btn{flex:1 1 auto}.pl-view{min-width:0}.pl-detail{padding:11px}.pl-detail p{font-size:12px}}

.pl-toolbar label.pl-flow-check{align-self:center;flex-direction:row;align-items:center;gap:7px;white-space:nowrap;min-width:auto;margin:0;padding:5px 2px}.pl-toolbar label.pl-flow-check input{width:16px;height:16px;accent-color:#e7c178;padding:0;margin:0;cursor:pointer}.pl-view-outer.pl-expanded{overflow:auto}