/* release.css — write page tabs + modal + view page badge table */

/* ── Tabs ───────────────────────────────────────────────── */
.rel-tabs { display:flex; gap:4px; border-bottom:1px solid #e5e7eb; margin: 0 0 18px; }
.rel-tab { background:transparent; border:0; padding:10px 16px; font-size:14px; font-weight:600; color:#6b7280; cursor:pointer; border-bottom:2px solid transparent; }
.rel-tab:hover { color:#374151; }
.rel-tab.is-active { color:#f97316; border-bottom-color:#f97316; }

/* ── Release panel (write page) ─────────────────────────── */
.rel-panel-release { margin: 0 0 24px; }
.rel-toolbar { margin: 0 0 12px; }
.rel-table { width:100%; border-collapse:collapse; font-size:13px; }
.rel-table th, .rel-table td { padding:9px 10px; border-bottom:1px solid #e5e7eb; text-align:left; vertical-align: middle; }
.rel-table th { background:#f9fafb; font-weight:600; color:#374151; font-size:12px; }
.rel-empty { padding:32px; text-align:center; color:#6b7280; border:1px dashed #d1d5db; border-radius:10px; font-size:13px; }

/* ── Buttons ─────────────────────────────────────────────── */
.rel-btn { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 14px; border-radius:6px; border:1px solid #d1d5db; background:#f9fafb; color:#374151; font-size:13px; font-weight:600; cursor:pointer; text-decoration:none; line-height:1; }
.rel-btn:hover { background:#f3f4f6; color:#111827; }
.rel-btn-primary { background:#f97316; border-color:#f97316; color:#fff; }
.rel-btn-primary:hover { background:#ea580c; color:#fff; }
.rel-btn-sm { min-height:28px; padding:4px 10px; font-size:12px; }
.rel-btn-danger { color:#b91c1c; border-color:#fecaca; background:#fff; }
.rel-btn-danger:hover { background:#fef2f2; color:#991b1b; }

/* ── Badge ───────────────────────────────────────────────── */
.rel-badge { display:inline-block; padding:3px 10px; border-radius:999px; background:#fff7ed; color:#9a3412; font-size:12px; font-weight:700; line-height:1.5; white-space:nowrap; }
.rel-badge-link { background:#f97316; color:#fff !important; text-decoration:none !important; transition: background .15s; }
.rel-badge-link:hover { background:#ea580c; }

/* ── Modal ───────────────────────────────────────────────── */
.rel-modal { position:fixed; inset:0; z-index:9999; }
.rel-modal-back { position:absolute; inset:0; background:rgba(0,0,0,0.5); }
.rel-modal-card { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(560px, 92vw); max-height:90vh; overflow:auto; background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,0.22); }
.rel-modal-head { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid #e5e7eb; }
.rel-modal-head h3 { margin:0; font-size:16px; font-weight:700; color:#111827; }
.rel-x { background:transparent; border:0; font-size:22px; color:#6b7280; cursor:pointer; line-height:1; padding:4px 8px; }
.rel-x:hover { color:#111827; }
.rel-modal-body { padding:18px; }
.rel-fld { margin-bottom:12px; }
.rel-fld > label { display:block; font-size:12.5px; font-weight:700; color:#374151; margin-bottom:5px; }
.rel-fld input[type="text"], .rel-fld input[type="file"], .rel-fld select, .rel-fld textarea {
	width:100%; box-sizing:border-box; min-height:38px; padding:8px 10px;
	border:1px solid #d1d5db; border-radius:6px; font-size:13px; background:#fff; color:#111827;
	font-family: inherit;
}
.rel-fld textarea { min-height:64px; resize: vertical; }
.rel-fld input:focus, .rel-fld select:focus, .rel-fld textarea:focus {
	outline:none; border-color:#f97316; box-shadow:0 0 0 3px rgba(249,115,22,.18);
}
.rel-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:480px){ .rel-grid { grid-template-columns:1fr; } }
.rel-modal-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:16px; padding-top:12px; border-top:1px solid #f3f4f6; }
.rel-hint { font-size:11.5px; color:#6b7280; margin:6px 0 0; line-height:1.5; }

/* ── View page (document detail) ────────────────────────── */
.rel-view-mount { margin: 20px 0 32px; }
.rel-view-card { border:1px solid #e5e7eb; border-radius:12px; padding:16px 18px; background:#fff; }
.rel-view-title { margin:0 0 12px; font-size:13px; font-weight:800; color:#374151; letter-spacing: 0.02em; text-transform: uppercase; }
.rel-view-table { width:100%; border-collapse:collapse; font-size:13px; }
.rel-view-table th, .rel-view-table td { padding:9px 10px; border-bottom:1px solid #f3f4f6; text-align:center; vertical-align: middle; }
.rel-view-table th { background:#fafafa; font-weight:700; color:#6b7280; font-size:11px; text-transform:uppercase; letter-spacing:0.04em; }