/* Enhancement table panel on #armory (plan item 55). Follows the look of admin/items.css. */
.refine-panel{margin-top:16px;display:grid;gap:12px}
.refine-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.refine-head h3{margin:2px 0 4px}
.refine-intro{margin:0;color:#6b5d4f;font-size:14px}
.refine-switch{margin:0;padding:6px 12px;border-radius:999px;background:#f3ead9;font-size:14px}
.refine-switch[data-mode=all] .refine-mode{color:#2f6b2a}
.refine-switch[data-mode=admins] .refine-mode{color:#8a6116}
.refine-switch[data-mode=off] .refine-mode{color:#a8452c}
.refine-rules{margin:0;padding-left:20px;color:#5b4c3e;font-size:13px;display:grid;gap:2px}
.refine-draft{margin:0;padding:8px 12px;border-radius:10px;background:#fdefc6;color:#7a5410;font-size:14px}
.refine-table-wrap{overflow-x:auto}
.refine-table{width:100%;border-collapse:collapse;font-size:14px}
.refine-table th,.refine-table td{padding:6px 8px;border-bottom:1px solid #e6dccb;text-align:left;vertical-align:middle}
.refine-table thead th{font-size:12px;color:#6b5d4f;font-weight:700}
.refine-table tbody th{width:52px;font-weight:800}
.refine-table input{width:84px;max-width:100%}
.refine-table tr.bad{background:#fbe0d3}
.refine-sample,.refine-recent{color:#5b4c3e;white-space:nowrap}
.refine-held{margin:0;font-size:14px;color:#5b4c3e}
.refine-actions{display:flex;flex-wrap:wrap;gap:8px}
.items-refine-sample{margin:4px 0 0}
@media(max-width:600px){
 .refine-table th,.refine-table td{padding:5px 4px}
 .refine-table input{width:64px}
 .refine-recent{white-space:normal;font-size:12px}
}