body.portfolio-page .portfolio-filter-tabs{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}
body.portfolio-page .portfolio-filter-tabs::-webkit-scrollbar{display:none}
body.portfolio-page .portfolio-filter-tab{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid rgba(154,180,205,.16);border-radius:12px;background:rgba(255,255,255,.035);color:#9eb0c5;font:850 10px/1.15 Inter,"Noto Sans Thai",system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:.2s ease}
body.portfolio-page .portfolio-filter-tab b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.06);color:#c4d1df;font-size:9px;font-variant-numeric:tabular-nums}
body.portfolio-page .portfolio-filter-tab:hover{border-color:rgba(242,199,106,.36);color:#f2c76a;background:rgba(242,199,106,.07)}
body.portfolio-page .portfolio-filter-tab.is-active{border-color:rgba(242,199,106,.55);background:linear-gradient(135deg,rgba(242,199,106,.2),rgba(242,199,106,.06));color:#ffe19a;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 9px 22px rgba(0,0,0,.14)}
body.portfolio-page .portfolio-filter-tab.is-active b{background:#f2c76a;color:#172033}
body.portfolio-page .portfolio-filter-tab:focus-visible{outline:2px solid #f2c76a;outline-offset:2px}
body.portfolio-page .portfolio-filter-empty{margin:0 12px 12px;padding:28px 16px;border:1px dashed rgba(154,180,205,.18);border-radius:14px;color:#8fa3b9;text-align:center;font-size:12px;font-weight:750;background:rgba(255,255,255,.022)}
html[data-theme="light"] body.portfolio-page .portfolio-filter-tab,body.portfolio-page.light-mode .portfolio-filter-tab{border-color:rgba(48,70,93,.14);background:rgba(255,255,255,.74);color:#607188;box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] body.portfolio-page .portfolio-filter-tab b,body.portfolio-page.light-mode .portfolio-filter-tab b{background:#edf1f5;color:#50647b}
html[data-theme="light"] body.portfolio-page .portfolio-filter-tab.is-active,body.portfolio-page.light-mode .portfolio-filter-tab.is-active{border-color:rgba(181,128,24,.42);background:linear-gradient(135deg,#fff7df,#f5e4b7);color:#8b5a04;box-shadow:0 8px 20px rgba(102,72,19,.1),inset 0 1px 0 #fff}
html[data-theme="light"] body.portfolio-page .portfolio-filter-tab.is-active b,body.portfolio-page.light-mode .portfolio-filter-tab.is-active b{background:#b97d13;color:#fff}
html[data-theme="light"] body.portfolio-page .portfolio-filter-empty,body.portfolio-page.light-mode .portfolio-filter-empty{border-color:rgba(48,70,93,.16);background:rgba(255,255,255,.62);color:#65778d}
@media(max-width:980px){body.portfolio-page #mt5-realtime>.panel-pad>.panel-head{align-items:flex-start;flex-direction:column}body.portfolio-page .portfolio-filter-tabs{width:100%}}
@media(max-width:620px){body.portfolio-page .portfolio-filter-tab{min-height:36px;padding:7px 9px;font-size:9px;gap:6px}body.portfolio-page .portfolio-filter-tab b{min-width:19px;height:19px}}