@font-face{font-family:'BKK Thai';src:url('assets/NotoSansThai.ttf') format('truetype');font-weight:100 900;font-display:swap}body,input,select,textarea,button{font-family:'BKK Thai',Tahoma,Arial,sans-serif}
[hidden]{display:none!important}.portal-main{padding-bottom:70px}.portal-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:28px}.panel{border:1px solid var(--line);background:#fff;padding:32px;margin-bottom:28px}.panel h2{font-size:1.6rem;margin-bottom:12px}.panel h3{margin:24px 0 12px}.panel p{margin:10px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;font-size:.9rem;color:var(--ink);margin:10px 0}input,select,textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #b5bec6;border-radius:4px;background:#fff;font:inherit;min-width:0;color:var(--ink)}textarea{resize:vertical}.check{display:flex;gap:12px;align-items:flex-start}.check input{width:20px;height:20px;flex:none;margin-top:5px}.small-copy{font-size:.82rem!important}.small-copy a,.prose a{text-decoration:underline}.notice{padding:15px 20px;background:#f5eee4;border-left:4px solid #a77721;margin:0 0 24px}.catalog-row{padding:20px 0;border-bottom:1px solid var(--line)}.catalog-row h3{margin:0;font-size:1.12rem}.catalog-row p{margin:5px 0 12px;font-size:.85rem}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.toolbar label{min-width:160px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto;max-width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.stat{padding:24px;border:1px solid var(--line);background:var(--soft)}.stat strong{font:700 2.3rem Arial;display:block}.stat span{color:var(--muted);font-size:.9rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem;text-align:left}th,td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);white-space:nowrap}td span{display:block;color:var(--muted)}.badge{padding:4px 8px;background:#f0f2f4;border-radius:3px;font-size:.8rem;display:inline-block}.metric{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.bar{height:5px;background:var(--red);margin-top:5px}.muted{color:var(--muted)}dialog{max-width:850px;width:calc(100% - 36px);max-height:90vh;border:1px solid var(--line);padding:32px;overflow:auto}dialog::backdrop{background:#17232f99}.dialog-close{float:right;margin:0 0 20px 15px}.timeline{list-style:none;padding:0}.timeline li{border-left:3px solid #c4cbd2;padding:0 0 22px 18px}.timeline p{white-space:pre-wrap;margin:3px 0}.timeline time{font-size:.8rem;color:var(--muted)}.foot-tools{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 24px;align-items:center}.link-button{border:0;background:transparent;color:var(--muted);font-size:.85rem;padding:0;margin-top:7px}.consent-box{position:fixed;bottom:18px;left:18px;right:18px;z-index:70;margin:auto;max-width:740px;padding:22px;background:#fff;border:1px solid #c3ccd4;box-shadow:0 8px 40px #18222e30;max-height:85vh;overflow:auto}.consent-box h2{font-size:1.2rem}.consent-box p{font-size:.85rem;margin:8px 0}.consent-box .actions{margin-top:16px}.consent-box .button{font-size:.85rem;min-height:42px;padding:9px 16px}.prose{max-width:900px}.prose h2{margin-top:25px}button:disabled{opacity:.5;cursor:wait}nav{gap:16px!important}nav a{font-size:.83rem}.portal-main .page-intro h1{font-size:clamp(2.2rem,4vw,3.6rem)}@media(max-width:1000px){.nav>.button{display:none}.dashboard-grid{gap:16px}.panel{padding:24px}}@media(max-width:750px){.portal-layout,.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:16px}.toolbar .button{font-size:.8rem;padding:9px 13px}.panel{padding:20px}.consent-box{bottom:10px;left:10px;right:10px}.portal-main .page-intro{padding:40px 0}.foot-tools{gap:12px}.metric{font-size:.9rem}}

/* Public catalogue and enquiry flow */
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.member-access>summary{cursor:pointer;font-weight:700;padding:8px 0}.member-access[open]>summary{margin-bottom:24px}.category-actions{flex-wrap:wrap!important}.category-actions a{white-space:normal!important}.ebook-link{margin-top:8px}#quote,#catalogues,#member-access{scroll-margin-top:120px}#quote-result{margin:0}.form-grid small{display:block;margin-top:5px;color:var(--muted)}
