.sbw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;border:1px solid #f3d27a;background:#fff;border-radius:999px;padding:7px 10px;font:500 13px Prompt,sans-serif;color:#92400e;cursor:pointer;transition:background .15s,transform .15s}
.sbw-btn:hover{background:#fff8e1}.sbw-btn:active{transform:scale(.97)}
.sbw-btn b{font:600 13px Rubik,sans-serif;color:#b45309}
.sbw-btn.done{background:#fef3c7;border-color:#fcd34d;color:#78350f}
.sbw-pop{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,20,12,.55);backdrop-filter:blur(3px)}
.sbw-box{width:min(420px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);font-family:Anuphan,sans-serif;color:#111}
.sbw-box h3{margin:0 0 4px;font:600 18px Prompt,sans-serif}
.sbw-box p{margin:0 0 14px;color:#6b7570;font-size:13px}
.sbw-ch{display:flex;flex-direction:column;gap:8px}
.sbw-ch button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e5e7e3;background:#fafbf9;border-radius:14px;padding:12px 14px;font:400 15px Anuphan,sans-serif;color:#111;cursor:pointer;text-align:left}
.sbw-ch button:hover{border-color:#f5b301;background:#fff8e1}
.sbw-ch button small{font:500 12px Rubik,sans-serif;color:#9aa49e;white-space:nowrap}
.sbw-x{float:right;border:0;background:#f1f3ef;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:32px;cursor:pointer;color:#333}
.sbw-card img{display:block;width:100%;border-radius:14px;margin:4px 0 12px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.sbw-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sbw-acts a,.sbw-acts button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:11px;font:500 14px Prompt,sans-serif;cursor:pointer;text-decoration:none}
.sbw-acts .p{grid-column:1/-1;background:#15803d;color:#fff}
.sbw-acts .l{background:#06c755;color:#fff}.sbw-acts .f{background:#1877f2;color:#fff}.sbw-acts .s{background:#f1f3ef;color:#111;grid-column:1/-1}
.sbw-ok{display:flex;align-items:center;gap:8px;background:#ecfdf3;color:#166534;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:14px}
.sbw-cf{position:fixed;z-index:99995;pointer-events:none;width:9px;height:9px;border-radius:2px;animation:sbwF 1.1s ease-out forwards}
@keyframes sbwF{to{transform:translate(var(--x),var(--y)) rotate(540deg);opacity:0}}
.sbw-wrap{display:flex;flex-direction:column;min-width:0}
.sbw-top{margin:0 0 22px;background:linear-gradient(135deg,#0f2a1b,#1d5a39);border-radius:20px;padding:18px 18px 10px;color:#fff}
.sbw-top h2{margin:0 0 2px;font:600 18px Prompt,sans-serif;color:#fff}
.sbw-top>p{margin:0 0 10px;font:400 13px Anuphan,sans-serif;color:#a7c9b3}
.sbw-top ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.sbw-top li a{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border-radius:14px;padding:8px 10px;color:#fff!important;text-decoration:none}
.sbw-top li i{font:700 14px Rubik,sans-serif;font-style:normal;color:#fcd34d;width:18px;text-align:center}
.sbw-top li img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff}
.sbw-top li b{display:block;font:500 14px Anuphan,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbw-top li small{font:400 12px Anuphan,sans-serif;color:#a7c9b3}
.sbw-top li span{min-width:0;flex:1}
.sbw-top li em{font:600 13px Rubik,sans-serif;font-style:normal;color:#fde68a;white-space:nowrap}