body:has(#pTents:not([hidden])){background:#f4f5f0}
body:has(#pTents:not([hidden])) .wrap{max-width:1320px}
.tabs{max-width:100%;overflow-x:auto;flex-shrink:1}.tabs button{white-space:nowrap;flex-shrink:0}
#pTents{font:400 14px/1.65 'Anuphan',sans-serif;color:#26382e;padding-top:32px}
.tent-kicker{font-size:10px;letter-spacing:2px;color:#748274;font-weight:700}
#pTents .h-page{font:700 30px/1.5 'Anuphan',sans-serif;margin-top:6px;letter-spacing:-.6px}
#pTents .h-page span{font-weight:400;color:#7b867a}
#pTents .h-sub{font:400 13px/1.7 'Anuphan',sans-serif;color:#788174;margin:8px 0 24px}
#tentSummary{grid-template-columns:repeat(3,1fr) 1.3fr 1fr;gap:12px;margin:0 0 28px}
#tentSummary .card{border:1px solid #e1e6db;border-radius:16px;padding:20px;box-shadow:0 3px 8px #25392803;font:500 12px/1.7 'Anuphan',sans-serif;min-width:0}
#tentSummary h2{font:600 30px/1.4 'Anuphan',sans-serif;letter-spacing:-1px;margin:10px 0 5px;font-variant-numeric:tabular-nums}
#tentSummary small{font-size:11px;letter-spacing:0;font-weight:400;color:#7c8578;display:block}
#tentSummary h2 small{display:inline;font-size:13px;margin-left:4px}
#tentSummary .tent-revenue{background:#304b3c;color:#fff;border-color:#304b3c}#tentSummary .tent-revenue small{color:#cedbcd}
#tentSummary .tent-pending{background:#faf6ec;border-color:#e9dfca;color:#806331}
#pTents .toolrow{display:grid;grid-template-columns:1.35fr .8fr 1.5fr auto;gap:16px;padding:20px;background:white;border:1px solid #e1e6db;border-radius:16px;align-items:end}
#pTents .toolrow label{font-size:11px;font-weight:600;color:#73816e;display:flex;flex-direction:column;gap:7px}
#pTents select,#pTents input{width:100%;min-width:0;margin:0;height:44px;border:1px solid #dce2d6;border-radius:9px;background:#fafbf8;color:#304337;padding:0 12px;font:400 13px 'Anuphan',sans-serif}
#pTents input:focus,#pTents select:focus{outline:2px solid #849b70;outline-offset:2px}
#tentExport{height:44px;background:#edf2e7;border-color:#d8e3ce;color:#405f31;font:600 12px 'Anuphan',sans-serif;padding:0 16px}
#tentExport:disabled{opacity:.4;cursor:not-allowed}
#tentInfo{font-size:12px;color:#71806d;margin:20px 4px 12px}
#pTents .tblwrap{border:1px solid #e1e6db;border-radius:16px;box-shadow:0 5px 20px #25392804}
#pTents table.tbl{font:400 13px/1.8 'Anuphan',sans-serif;min-width:900px}
#pTents .tbl th{background:#edf1e8;color:#6e7d68;font:600 11px 'Anuphan',sans-serif;padding:16px 20px;letter-spacing:0}
#pTents .tbl td{padding:22px 20px;border-color:#edf0e8}#pTents .tbl tbody tr:hover{background:#fafbf7}
#pTents .tbl .code{font:700 13px 'Anuphan',sans-serif;color:#385340}
#pTents .tbl .mut{font-size:11px;color:#889081;overflow-wrap:anywhere}
.tent-status{display:inline-block;padding:4px 10px;border-radius:7px;background:#edf3e8;color:#4a693b;font-size:11px;white-space:nowrap}
.tent-note{font-size:11px;color:#7d8777;line-height:1.9;border-left:3px solid #dce4d2;padding:4px 14px;margin:22px 0}
@media(max-width:1000px){#tentSummary{grid-template-columns:repeat(3,1fr)}#pTents .toolrow{grid-template-columns:1fr 1fr}#tentSummary .tent-revenue{grid-column:span 2}}
@media(max-width:600px){#pTents{padding-top:22px}#pTents .h-page{font-size:26px}#tentSummary{grid-template-columns:1fr 1fr;gap:10px}#tentSummary .card{padding:16px}#tentSummary h2{font-size:26px}#tentSummary .tent-revenue{grid-column:auto}#tentSummary .tent-pending{grid-column:span 2}#pTents .toolrow{padding:14px;gap:12px}#tentSearch,#tentExport{grid-column:span 2}#pTents .tblwrap{background:transparent;border:0;box-shadow:none;overflow:visible}#pTents table.tbl{min-width:0;display:block}#pTents thead{display:none}#pTents tbody{display:grid;gap:14px}#pTents .tbl tr{display:block;background:white;border:1px solid #e1e6db;border-radius:14px;padding:12px 16px}#pTents .tbl td{display:grid;grid-template-columns:95px minmax(0,1fr);padding:10px 0;border-bottom:1px solid #eef1e9;overflow-wrap:anywhere}#pTents .tbl td:before{content:attr(data-label);font-size:11px;color:#829077;grid-column:1;grid-row:1 / span 5}#pTents .tbl td>*{grid-column:2}#pTents .tbl td:last-child{border:0}.top{gap:10px}.top .tabs{order:3;width:100%}#tentInfo{line-height:1.8}}