.pcb{max-width:1500px;margin:auto;color:#17233b;font:13px "IBM Plex Sans Thai",sans-serif}.pcb>header{display:flex;justify-content:space-between;align-items:center}.pcb>header>div{display:grid;grid-template-columns:auto 1fr}.pcb>header>div>span{grid-row:1/3;font-size:38px;color:#9b741c;margin-right:14px}.pcb h1{margin:0;font-size:28px}.pcb h1+ p{margin:0;color:#697586}.pcb button{border:1px solid #c8b486;background:#fff;border-radius:7px;padding:8px 14px;font:600 13px inherit}.pcb button.primary{background:linear-gradient(135deg,#c29a46,#92701f);color:#fff}.pcb-crumb{margin:12px 0}.pcb-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:16px;background:#fff;border:1px solid #ddd;padding:14px;border-radius:10px}.pcb-meta label{display:grid;font-weight:600}.pcb-meta input{height:38px;border:1px solid #ccd2dc;border-radius:7px;padding:0 10px}.pcb-status{padding:10px;background:#f4f5f6;border-radius:7px}.pcb-switch{grid-template-columns:auto auto 1fr!important;align-items:center}.pcb-switch input{width:42px}.pcb-switch small{color:#697586}.pcb-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:14px}.pcb-panel,.pcb-preview,.pcb-history{background:#fff;border:1px solid #d9dee6;border-radius:10px;padding:13px}.pcb-panel h2,.pcb-preview h2{font-size:18px;margin:0 0 10px}.pcb-panel h2 small{float:right}.pcb-panel form{display:flex}.pcb-panel form input{flex:1;height:38px;border:1px solid #ccd2dc;padding:0 10px}.pcb-products{max-height:390px;overflow:auto}.pcb-product{display:grid;grid-template-columns:auto 60px 1fr auto;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #e5e7eb}.pcb-product>span:nth-child(3){display:grid}.pcb-product em{font-style:normal}.pcb-product small{color:#697586}.pcb-product i{font-style:normal;background:#e8f3e8;padding:4px 8px;border-radius:999px}.pcb-photo{width:55px;height:45px;background:#f2f1ed;display:grid;place-items:center;font-size:10px}.pcb-photo img{width:100%;height:100%;object-fit:contain}.pcb-structure>h2 button{float:right}.pcb-structure article{border:1px solid #d9dee6;border-radius:8px;margin:9px 0;overflow:hidden}.pcb-structure article>header{display:flex;gap:10px;align-items:center;padding:8px 10px;background:#eaf2e8}.pcb-structure article>header span{margin-left:auto}.pcb-sort{min-height:45px}.pcb-sort>div{display:grid;grid-template-columns:25px 25px 55px 100px 1fr 50px;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid #e6e8ec}.pcb-sort em{font-style:normal}.pcb-preview{margin-top:14px}.pcb-preview>header{display:flex;justify-content:space-between}.pcb-preview nav .active{border-color:#2b644d}.pcb-pages>section>h3{padding:8px 12px;background:#f1ead9;color:#765716}.pcb-pages>section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pcb-pages article{display:grid;justify-items:center;border:1px solid #e0e2e6;padding:12px;border-radius:8px;text-align:center}.pcb-pages article .pcb-photo{width:130px;height:100px}.pcb-pages h4{margin:3px}.pcb-pages p{margin:3px}.pcb-cover{min-height:300px;padding:35px;background:linear-gradient(135deg,#0d3329,#10251f 60%,#b28b35);color:#fff}.pcb-cover h2{font-size:36px;max-width:500px;margin-top:80px}.pcb-message{color:#2c6944}.pcb-history{margin-top:14px}@media(max-width:900px){.pcb-meta,.pcb-grid{grid-template-columns:1fr}.pcb-pages>section>div{grid-template-columns:1fr 1fr}.pcb>header{align-items:flex-start}.pcb>header nav{display:grid;gap:5px}}@media(max-width:560px){.pcb-pages>section>div{grid-template-columns:1fr}.pcb h1{font-size:22px}.pcb-sort>div{grid-template-columns:20px 20px 45px 80px 1fr}.pcb-sort small{display:none}}
.pcb-contact{display:block;background:#f5efe1;padding:7px 10px;border-radius:7px;color:#765a21;font-style:normal}.pcb-share{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 15px;border:1px solid #acd2b7;border-radius:9px;background:#edf8f0}.pcb-share a{flex:1;color:#256141;overflow:hidden;text-overflow:ellipsis}.pcb-loading{padding:70px;text-align:center}.pcb-history{margin-top:10px}
.pcb-category-dialog{width:min(560px,calc(100vw - 32px));border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(17,24,39,.28);font:14px "IBM Plex Sans Thai",sans-serif;color:#17233b}.pcb-category-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.pcb-category-dialog form{position:relative;display:grid;gap:16px;padding:28px}.pcb-category-dialog h2{margin:0;font-size:24px}.pcb-category-dialog p{margin:0;color:#697586}.pcb-category-dialog label{display:grid;gap:7px;font-weight:600}.pcb-category-dialog select{width:100%;height:48px;border:1px solid #c8b486;border-radius:9px;background:#fff;padding:0 12px;font:15px inherit}.pcb-category-close{position:absolute;right:18px;top:18px;width:36px;height:36px;padding:0!important;border-radius:50%!important}.pcb-category-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f3e6bf;color:#926c16;font-size:27px}.pcb-category-preview{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #e0cf9f;border-radius:10px;background:#fff9e9}.pcb-category-preview small{color:#697586}.pcb-category-preview strong,.pcb-category-code{color:#8a6516;font-style:normal}.pcb-category-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.pcb-pages>section>h3 small{display:inline-block;margin-right:7px;padding:3px 7px;border-radius:5px;background:#fff;color:#8a6516;font-size:11px}
.pcb-category-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pcb-category-tools button{min-height:40px}.pcb-category-tools button:disabled{opacity:.45;cursor:not-allowed}.pcb-category-manage-dialog input{width:100%;height:46px;box-sizing:border-box;border:1px solid #c8b486;border-radius:9px;padding:0 12px;font:15px inherit}.pcb-category-manage-dialog [role=status]{min-height:20px}.pcb-category-manage-dialog [role=status].success{color:#23734a}.pcb-category-manage-dialog [role=status].error{color:#b42318}@media(max-width:560px){.pcb-category-tools{grid-template-columns:1fr}}