body { font-family: system-ui, sans-serif; margin: 24px; line-height: 1.45; }
h1 { margin: 0 0 12px; }
h2 { margin: 18px 0 10px; }
a { color: inherit; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #ddd; padding: 10px; vertical-align: top; }
th { text-align: left; }
.btn { display:inline-block; padding: 8px 12px; border:1px solid #333; border-radius: 10px; text-decoration:none; background:#fff; cursor:pointer; }
.btn.danger { border-color:#b00; color:#b00; }
.badge { display:inline-block; padding:2px 10px; border-radius:999px; border:1px solid #777; font-size:12px; }
.row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.form { max-width: 860px; display:grid; gap:12px; }
label { display:grid; gap:6px; }
input, select, textarea { padding:9px; border:1px solid #aaa; border-radius:10px; font-size:14px; }
textarea { resize:vertical; }
.notice { padding:10px 12px; border:1px solid #ddd; border-radius:12px; background:#fafafa; }
.table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.muted{color:#666;font-size:12px;}
.card{max-width:980px;border:1px solid #ddd;border-radius:14px;padding:16px;}
.kv{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;}
.k{font-weight:600;color:#444;}
.v{white-space:pre-wrap;}

/* Stable toolbar layout (no overlap) */
.toolbar-top{display:grid;gap:10px;margin:12px 0 10px;}
.toolbar-bottom{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px;}
.sort-group{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.master-btn{margin-left:auto;}

@media (max-width: 900px){ body{margin:16px;} table{min-width:980px;} }
@media (max-width: 640px){
  .master-btn{margin-left:0;}
  table, thead, tbody, th, td, tr { display:block; }
  thead { display:none; }
  tr{ border:1px solid #ddd; border-radius:14px; padding:12px; margin:12px 0; }
  td{ border:0; padding:6px 0; }
  td[data-label]:before{ content: attr(data-label) "："; display:inline-block; min-width:96px; font-weight:600; color:#444; }
  .kv{grid-template-columns:1fr;}
}