/* ระบบ Store (ไดอะแกรม 28.09.69 · 2569-10-10) — โมดูลร่วม store-embed.js · prefix se- · สีจาก token กลางใน app.css · คอมโพเนนต์ตารางฯ จาก datacenter.css */
.se{display:flex;flex-direction:column;gap:14px}
.se-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.se-bar .se-grow{flex:1 1 220px}
/* เลือกหมวดหมู่ (2569-10-16 · เจ้าของสั่งแทนแถวชิปเลื่อนข้าง .se-tabs): ป้าย + เมนูเดียวข้างช่องค้นหา · กลุ่มด้วย optgroup ในตัวเลือก */
.se-catpick{display:inline-flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;font-size:13px;font-weight:700;color:var(--navy-text)}
.se-catpick>span{white-space:nowrap}
.se-catpick .dc-select{min-width:220px;max-width:340px}
.se-search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 12px;background:var(--card);min-width:200px}
.se-search input{border:0;background:transparent;font:inherit;color:var(--ink);outline:none;min-width:120px;flex:1}
.se-search .dc-ic{width:16px;height:16px;color:var(--muted)}
.se-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.se-head h3{margin:0;font-size:16px;color:var(--navy)}
.se-head small{color:var(--muted)}
.se-table td small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.se-table td .se-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.se-table td.se-num{text-align:center;white-space:nowrap}
.se-table td.se-code{font-weight:700;white-space:nowrap}
.se-table td .se-reject{color:var(--bad);font-size:13px}
.se-empty{padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r-sm)}
.se-empty strong{display:block;color:var(--ink);margin-bottom:4px}
.se-err{padding:12px 14px;border-radius:var(--r-sm);background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad)}
.se-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.se-gallery figure{margin:0;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--surf)}
.se-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.se-gallery figcaption{font-size:11px;color:var(--muted);padding:4px 6px;display:flex;justify-content:space-between;gap:4px;align-items:center}
.se-gallery figcaption button{border:0;background:transparent;color:var(--bad);cursor:pointer;font:inherit;font-size:11px}
.se-cal{border-top:1px solid var(--line);padding-top:12px}
.se-cal .se-head{margin-bottom:8px}
.se-form{display:flex;flex-direction:column;gap:10px}
.se-form .dc-field{margin:0}
.se-form textarea.dc-input{min-height:84px;resize:vertical}
.se-note{color:var(--muted);font-size:12px;line-height:1.5}
.se-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}
.se-dl dt{color:var(--muted)}
.se-dl dd{margin:0;color:var(--ink)}
.se-loading{color:var(--muted);padding:16px 0}
@media (max-width:640px){
  .se-table td .se-acts{justify-content:flex-start}
  .se-catpick{width:100%}
  .se-catpick .dc-select{flex:1 1 auto;min-width:0;max-width:none}
  .se-search{min-width:0;width:100%}
}