:root{--lime:#14563e;--green:#176342;--ink:#18231f;--muted:#6d7772;--line:#e5eae7}
header .brand{position:relative;padding-left:48px}.brand img{position:absolute;width:38px;height:38px;object-fit:cover;left:0;top:0;border-radius:10px}.brand>span{color:#14563e}.primary{background:#14563e;color:white}.topline{justify-content:flex-end;padding:12px 0}.topline label:before{content:'ปีการลงทุน ';color:#6d7772}.professional-balance{background:#f5f8f6;border:1px solid #e5ece7;padding:30px;border-radius:20px;margin-bottom:34px}.professional-balance .ref-total{color:#134c37}.professional-balance .ref-summary{padding:22px 0 0;background:none;border-top:1px solid #dfe7e1;border-radius:0}.professional-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:42px}.professional-grid .ref-attention{margin:16px 0 27px;background:#f5f8f6;padding:8px 18px}.ref-attention>button:first-child{border-top:0}.ref-attention b{color:#14563e}.ref-asset-head{background:#14563e}.ref-asset-head>.section-head h1{color:#fff}.ref-asset-head .pill-tabs button.active{background:#dcece3;border-color:#fff}.ref-review{color:#5d6861}.ref-shortcuts button>span{background:#e5efe9;color:#14563e}.gain{color:#176342}.loss{color:#c83e4b}.baht-value{margin-top:7px;line-height:1.6;font-size:14px;color:#365c47}.baht-value strong{font-weight:500;display:block;font-size:18px}.baht-value small{display:block;font-size:11px;color:#778078;max-width:100%;white-space:normal}.baht-value button{font-size:12px;text-decoration:underline}.ref-tx .baht-value{margin-top:10px;text-align:right}.ref-tx .baht-value strong{font-size:14px}.pur-baht{padding:17px 20px;border:1px solid #e1e8e3;border-radius:16px;margin-bottom:20px;font-size:13px}.metric{border-radius:16px}.metrics .metric:last-child{background:#edf4ef}.secondary{background:#edf2ee;color:#194e35}.page-heading p:empty{display:none}.bottom-nav a.active{color:#14563e}header nav a.active{color:#14563e;background:#eaf1ed}.ref-transactions .primary{background:#14563e;color:white}
@media(max-width:760px){.professional-grid{grid-template-columns:1fr;gap:30px}.professional-balance{padding:23px 18px;margin-bottom:29px}.professional-balance .ref-total{font-size:37px}.professional-balance .ref-summary{gap:12px;grid-template-columns:1fr}.professional-balance .ref-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.professional-balance .ref-summary small{font-size:12px}.professional-balance .ref-summary strong{font-size:16px;margin:0}.page-heading h1{font-size:24px}.baht-value strong{font-size:17px}.professional-grid .ref-attention{margin-bottom:25px}.topline{padding:8px 0 18px}.brand img{width:34px;height:34px}.brand{padding-left:43px!important}}
