/* t-box 교육용 샘플 · 아주 단순한 스타일 */
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 0 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #1c2230; background: #f6f7f9; line-height: 1.6;
}
.top {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;
  padding: 1rem 1.5rem; background: #fff; border-bottom: 1px solid #e2e5ea;
}
.top h1 { margin: 0; font-size: 1.3rem; }
.who { margin-left: auto; display: flex; align-items: center; gap: 1rem; font-size: .9rem; }
select, input[type=text] { padding: .4rem .6rem; border: 1px solid #ccd2da; border-radius: 6px; font: inherit; }

main { max-width: 940px; margin: 0 auto; padding: 1.5rem; display: grid; gap: 1.25rem; }
.card { background: #fff; border: 1px solid #e2e5ea; border-radius: 10px; padding: 1.25rem; }
.card h2 { margin: 0 0 .9rem; font-size: 1.05rem; }
.card h2 small { font-weight: 400; color: #7a8291; }

.row { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }

table.files { width: 100%; border-collapse: collapse; font-size: .92rem; }
table.files th, table.files td { text-align: left; padding: .55rem .6rem; border-bottom: 1px solid #eceef2; }
table.files th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: #7a8291; }
td.empty { text-align: center; color: #9aa1ad; padding: 1.5rem; }

.level { font-size: .78rem; padding: .15rem .5rem; border-radius: 999px; }
.level-public     { background: #e6f4ea; color: #1e6b38; }
.level-internal   { background: #e8eefc; color: #1f4699; }
.level-team       { background: #fdf0e3; color: #96551a; }
.level-admin-only { background: #fde8e8; color: #a12626; }

.btn {
  display: inline-block; padding: .35rem .7rem; border: 1px solid #ccd2da; border-radius: 6px;
  background: #fff; color: #1c2230; font: inherit; font-size: .85rem; cursor: pointer; text-decoration: none;
}
.btn:hover { background: #f0f2f5; }
.btn-danger { border-color: #e0b4b4; color: #a12626; }
.btn-danger:hover { background: #fdeaea; }
.actions { display: flex; gap: .35rem; }

.result { margin: .8rem 0 0; font-size: .9rem; color: #3a4152; }

.ssrf-body {
  margin: .6rem 0 0; padding: .7rem .8rem;
  background: #1c2230; color: #e6e9ef;
  border-radius: 6px; font-family: ui-monospace, monospace;
  font-size: .82rem; line-height: 1.5; white-space: pre-wrap;
  word-break: break-all; max-height: 240px; overflow: auto;
}