:root {
  color-scheme: dark;
  font-family: "Pretendard", "Noto Sans KR", Inter, system-ui, sans-serif;
  font-synthesis: none;
  --ink-950:#0d0d0e;
  --ink-900:#131315;
  --ink-875:#161517;
  --ink-850:#181719;
  --ink-800:#201e1f;
  --ink-750:#272426;
  --line:#343033;
  --line-soft:#292629;
  --text:#f0ebe2;
  --text-soft:#d3ccc2;
  --muted:#a69e94;
  --muted-dark:#716b65;
  --brass:#c59a62;
  --brass-soft:#8e704d;
  --ember:#d97836;
  --ember-dark:#9e4f29;
  --danger:#c4574d;
  --danger-dark:#6f302d;
  --safe:#8aa06f;
  --shadow:0 24px 60px rgba(0,0,0,.28);
}

* { box-sizing:border-box; }

html,
body { min-width:1280px; min-height:100%; }

body {
  margin:0;
  color:var(--text);
  background:var(--ink-950);
}

button,
input,
select,
textarea { font:inherit; }

button { color:inherit; }

.hidden { display:none!important; }

.section-kicker {
  margin:0 0 8px;
  color:var(--brass);
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em;
}

.login-view {
  position:relative;
  display:grid;
  place-items:center;
  min-height:100vh;
  overflow:hidden;
  background:
    linear-gradient(110deg,rgba(8,8,9,.96),rgba(17,15,15,.9)),
    radial-gradient(circle at 18% 30%,rgba(217,120,54,.17),transparent 34rem),
    #0d0d0e;
}

.login-view::before,
.login-view::after {
  position:absolute;
  content:"";
  pointer-events:none;
}

.login-view::before {
  inset:0;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}

.login-view::after {
  width:760px;
  height:760px;
  left:-300px;
  bottom:-510px;
  border:1px solid rgba(197,154,98,.18);
  border-radius:50%;
  box-shadow:0 0 0 80px rgba(197,154,98,.025),0 0 0 160px rgba(197,154,98,.018);
}

.login-atmosphere {
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 42%,rgba(217,120,54,.08),transparent 22rem),
    linear-gradient(90deg,transparent 0 49.9%,rgba(197,154,98,.08) 50%,transparent 50.1%);
}

.login-frame {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 430px;
  align-items:center;
  width:1120px;
  min-height:640px;
}

.login-brand { padding:56px 80px 56px 30px; }

.brand-seal {
  position:relative;
  display:grid;
  place-items:center;
  width:126px;
  height:126px;
  margin-bottom:38px;
  color:#e6bc84;
  border:1px solid rgba(197,154,98,.58);
  background:linear-gradient(145deg,rgba(197,154,98,.08),rgba(217,120,54,.02));
  box-shadow:inset 0 0 0 8px rgba(197,154,98,.035),0 24px 80px rgba(0,0,0,.35);
  transform:rotate(45deg);
}

.brand-seal::before,
.brand-seal::after {
  position:absolute;
  inset:11px;
  content:"";
  border:1px solid rgba(197,154,98,.18);
}

.brand-seal::after { inset:21px; }

.brand-seal span {
  position:relative;
  z-index:1;
  font-family:Georgia,serif;
  font-size:62px;
  font-weight:400;
  transform:rotate(-45deg);
}

.brand-wordmark {
  margin:0;
  font-family:Georgia,serif;
  font-size:76px;
  line-height:.95;
  letter-spacing:.06em;
}

.brand-subtitle {
  margin:18px 0 0 5px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.32em;
}

.login-card {
  padding:48px;
  border:1px solid rgba(197,154,98,.28);
  background:linear-gradient(145deg,rgba(32,30,31,.96),rgba(20,19,20,.98));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);
}

.login-card h1 {
  margin:0;
  font-size:30px;
  font-weight:700;
  letter-spacing:-.025em;
}

.login-copy {
  margin:17px 0 30px;
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}

.login-status-row {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:var(--text-soft);
  font-size:12px;
}

.status-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ember);
  box-shadow:0 0 0 5px rgba(217,120,54,.1);
}

.login-action {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  width:100%;
  min-height:48px;
  border-color:#bb8958;
  background:linear-gradient(180deg,#d39b62,#b87740);
  color:#1a110c;
  font-weight:800;
}

.login-action svg { width:19px; height:19px; }

.login-footnote {
  min-height:20px;
  margin:18px 0 0;
  color:var(--muted-dark);
  font-size:11px;
  line-height:1.55;
  text-align:center;
}

.login-footnote.error { color:#e08d84; }

.login-legal {
  grid-column:1/-1;
  margin:4px 0 0;
  color:#625e59;
  font-size:11px;
  letter-spacing:.08em;
  text-align:center;
}

.portal-shell {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  width:100%;
  height:100vh;
  min-width:1280px;
  overflow:hidden;
  background:#111113;
}

.portal-sidebar {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  border-right:1px solid var(--line-soft);
  background:
    linear-gradient(180deg,rgba(217,120,54,.035),transparent 180px),
    #141315;
}

.portal-sidebar::after {
  position:absolute;
  top:0;
  right:-1px;
  width:1px;
  height:170px;
  content:"";
  background:linear-gradient(var(--brass),transparent);
  opacity:.45;
}

.sidebar-brand {
  display:flex;
  align-items:center;
  gap:14px;
  height:92px;
  padding:0 24px;
  border-bottom:1px solid var(--line-soft);
}

.sidebar-seal {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:var(--brass);
  border:1px solid var(--brass-soft);
  font-family:Georgia,serif;
  font-size:23px;
  transform:rotate(45deg);
}

.sidebar-brand>div:last-child { display:grid; gap:3px; }
.sidebar-brand strong { font-family:Georgia,serif; font-size:18px; letter-spacing:.08em; }
.sidebar-brand span { color:var(--muted); font-size:11px; letter-spacing:.14em; }

.portal-nav {
  flex:1;
  overflow-y:auto;
  padding:22px 14px 28px;
}

.nav-group { margin-bottom:23px; }

.nav-group>p {
  margin:0 10px 8px;
  color:#655f5a;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.nav-item {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:42px;
  margin:2px 0;
  padding:9px 12px;
  border:0;
  border-radius:4px;
  color:#aaa39b;
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}

.nav-item::before {
  position:absolute;
  top:8px;
  bottom:8px;
  left:0;
  width:2px;
  content:"";
  background:transparent;
}

.nav-item svg {
  flex:0 0 auto;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.78;
}

.nav-item span { display:grid; gap:2px; font-size:13px; font-weight:650; }
.nav-item small { color:#817a73; font-size:11px; font-weight:700; letter-spacing:.04em; }
.nav-item:hover { color:var(--text); background:rgba(255,255,255,.035); }
.nav-item.is-active { color:#f1e8dc; background:linear-gradient(90deg,rgba(197,154,98,.14),rgba(197,154,98,.035)); }
.nav-item.is-active::before { background:var(--brass); }
.nav-item.is-active svg { color:var(--brass); opacity:1; }
.nav-item-risk:not(.is-active) svg { color:#a65c54; }

.sidebar-footer {
  padding:18px;
  border-top:1px solid var(--line-soft);
}

.status-chip {
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,.018);
}

.status-chip>span {
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--safe);
  box-shadow:0 0 0 5px rgba(138,160,111,.08);
}

.status-chip div { display:grid; gap:3px; }
.status-chip small { color:#77716b; font-size:11px; letter-spacing:.1em; }
.status-chip strong { color:#c2bab1; font-size:12px; font-weight:650; }

.portal-main {
  min-width:0;
  overflow-y:auto;
  background:
    radial-gradient(circle at 95% -10%,rgba(217,120,54,.075),transparent 28rem),
    #111113;
}

.portal-header {
  position:sticky;
  z-index:10;
  top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:92px;
  padding:18px 34px;
  border-bottom:1px solid var(--line-soft);
  background:rgba(17,17,19,.94);
  backdrop-filter:blur(14px);
}

.page-heading h1 {
  margin:0;
  font-size:25px;
  font-weight:720;
  letter-spacing:-.025em;
}

.page-heading>p:last-child {
  margin:6px 0 0;
  color:var(--muted);
  font-size:12px;
}

.operator-menu { display:flex; align-items:center; gap:11px; }

.operator-avatar {
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border:1px solid #594a3e;
  border-radius:50%;
  color:var(--brass);
  background:#211d1b;
  font-size:11px;
  font-weight:800;
}

.operator-identity { display:grid; gap:2px; min-width:100px; }
.operator-identity span { color:#7d7670; font-size:11px; }
.operator-identity strong { color:var(--text-soft); font-size:12px; font-weight:650; }

.notice {
  margin:18px 34px 0;
  padding:11px 14px;
  border:1px solid #3a332e;
  border-left:3px solid var(--brass-soft);
  border-radius:3px;
  color:#b9b1a8;
  background:#1a1818;
  font-size:11px;
}

.notice.error { border-color:#6e3632; border-left-color:var(--danger); color:#e5aaa4; }

.portal-content {
  width:100%;
  max-width:1640px;
  margin:0 auto;
  padding:24px 34px 60px;
}

.portal-view { display:none; }

.portal-view.is-active {
  display:block;
  animation:portal-in .18s ease-out;
}

@keyframes portal-in {
  from { opacity:.45; transform:translateY(4px); }
  to { opacity:1; transform:translateY(0); }
}

.dashboard-hero {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:188px;
  padding:34px 40px;
  overflow:hidden;
  border:1px solid #373033;
  background:
    linear-gradient(105deg,rgba(32,28,28,.98),rgba(22,21,22,.92)),
    #191719;
  box-shadow:var(--shadow);
}

.dashboard-hero::after {
  position:absolute;
  right:110px;
  bottom:-160px;
  width:320px;
  height:320px;
  content:"";
  border:1px solid rgba(197,154,98,.1);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(197,154,98,.018),0 0 0 110px rgba(197,154,98,.012);
}

.dashboard-hero h2 { margin:0; font-size:31px; letter-spacing:-.03em; }
.dashboard-hero>div:first-child>p:last-child { max-width:560px; margin:13px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }

.hero-emblem {
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:90px;
  height:90px;
  margin-right:54px;
  border:1px solid rgba(197,154,98,.4);
  color:var(--brass);
  transform:rotate(45deg);
}

.hero-emblem span { font-family:Georgia,serif; font-size:46px; transform:rotate(-45deg); }

.metrics.dashboard-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}

.metrics article {
  position:relative;
  display:grid;
  grid-template-columns:44px 1fr;
  grid-template-rows:auto auto auto;
  column-gap:13px;
  min-height:124px;
  padding:22px;
  border:1px solid var(--line-soft);
  background:linear-gradient(145deg,#1a191b,#161517);
}

.metric-icon {
  grid-row:1/4;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid #4b4037;
  color:var(--brass);
  background:#211d1b;
  font-family:Georgia,serif;
  font-size:15px;
}

.metrics article>span { color:var(--muted); font-size:11px; font-weight:700; }
.metrics article>strong { margin-top:3px; font-size:28px; line-height:1.1; font-variant-numeric:tabular-nums; }
.metrics article>small { margin-top:5px; color:#756e68; font-size:11px; }

.dashboard-columns {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);
  gap:16px;
}

.task-panel {
  border:1px solid var(--line-soft);
  background:linear-gradient(145deg,#1a191b,#161517);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.panel-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-height:76px;
  padding:20px 22px;
  border-bottom:1px solid var(--line-soft);
}

.panel-heading h2 { margin:0; font-size:18px; font-weight:700; letter-spacing:-.02em; }
.panel-heading>div>p:last-child:not(.section-kicker) { margin:7px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }

.action-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:18px; }

.action-grid button {
  position:relative;
  display:grid;
  gap:4px;
  min-height:86px;
  padding:18px 46px 18px 18px;
  border:1px solid #312e30;
  color:var(--text-soft);
  background:#171719;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.action-grid button:hover { border-color:#69543f; background:#1e1b1a; transform:translateY(-1px); }
.action-grid button span { font-size:13px; font-weight:750; }
.action-grid button small { color:#817a73; font-size:11px; }
.action-grid button b { position:absolute; top:50%; right:17px; color:var(--brass); font-size:16px; transform:translateY(-50%); }
.action-grid button.high { border-color:#54302e; background:#1c1516; }
.action-grid button.high b { color:var(--danger); }

.operating-rules ul { display:grid; gap:0; margin:0; padding:8px 20px 16px; list-style:none; }
.operating-rules li { display:flex; gap:13px; padding:15px 2px; border-bottom:1px solid #292629; }
.operating-rules li:last-child { border-bottom:0; }
.operating-rules li>span { color:var(--brass-soft); font-family:Georgia,serif; font-size:13px; }
.operating-rules li p { display:grid; gap:4px; margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.operating-rules li strong { color:var(--text-soft); font-size:13px; }

.composer-panel { max-width:1060px; margin:0 auto; }
.form-layout { display:grid; gap:0; padding:0 22px 22px; }
.form-layout.compact-form { gap:16px; padding-top:22px; }

.form-section {
  display:grid;
  grid-template-columns:44px 1fr;
  gap:20px;
  padding:26px 0;
  border-bottom:1px solid var(--line-soft);
}

.form-section-number {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #4b4037;
  color:var(--brass);
  background:#211d1b;
  font-family:Georgia,serif;
  font-size:12px;
}

.form-section-body { display:grid; gap:15px; }
.form-section-body h3 { margin:6px 0 1px; font-size:14px; font-weight:750; }

.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field-row.three { grid-template-columns:1fr 1.15fr .75fr; }

label,
legend {
  color:#aaa29a;
  font-size:12px;
  font-weight:720;
  letter-spacing:.025em;
}

input,
select,
textarea {
  width:100%;
  margin-top:7px;
  border:1px solid #393639;
  border-radius:3px;
  outline:0;
  color:#eee8df;
  background:#111113;
  font-size:12px;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}

input,
select { min-height:40px; padding:0 11px; }
textarea { min-height:88px; padding:11px; line-height:1.6; resize:vertical; }
input::placeholder,
textarea::placeholder { color:#56515A; }
input:focus,
select:focus,
textarea:focus { border-color:#8e704d; background:#151416; box-shadow:0 0 0 3px rgba(197,154,98,.08); }
input[type="checkbox"] { width:15px; min-height:15px; margin:0; accent-color:var(--ember); }

.reward-picker {
  margin:0;
  padding:16px;
  border:1px solid #343034;
  background:#141416;
}

.reward-picker legend { padding:0 8px; color:var(--brass); }
.picker-tools { display:grid; grid-template-columns:160px 1fr; gap:9px; }
.picker-tools input,
.picker-tools select { margin-top:0; }

.catalog-results {
  display:grid;
  gap:6px;
  max-height:190px;
  margin-top:10px;
  overflow:auto;
}

.catalog-item,
.reward-line {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  padding:8px 10px;
  border:1px solid #302d30;
  background:#191719;
  font-size:11px;
}

.catalog-item span,
.reward-line span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.selected-rewards { display:grid; gap:6px; margin-top:10px; }
.line-controls { display:flex; align-items:center; gap:8px; }
.line-controls input { width:92px; min-height:32px; margin:0; }
.empty { margin:14px 0; color:#6d6761; font-size:11px; text-align:center; }

.risk-warning {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:18px 22px 0;
  padding:15px 16px;
  border:1px solid #673633;
  border-left:3px solid var(--danger);
  color:#c8a5a0;
  background:#201516;
  font-weight:500;
  line-height:1.6;
}

.form-layout>.risk-warning { margin-right:0; margin-left:0; }
.risk-warning input { flex:0 0 auto; margin-top:3px; }
.risk-warning strong { display:block; margin-bottom:2px; color:#ecaaa3; font-size:11px; }

.form-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  padding-top:20px;
}

.form-actions>span { margin-right:auto; color:#7d7670; font-size:11px; }

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid #3a3639;
  border-radius:3px;
  color:#e5dfd7;
  background:#211f21;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}

.button:hover:not(:disabled) { border-color:#6a5c4f; transform:translateY(-1px); }
.button:disabled { opacity:.42; cursor:not-allowed; }
.button-primary,
.button.primary { border-color:#b77b45; color:#1a100b; background:linear-gradient(180deg,#d79558,#b86b36); }
.button-secondary,
.button.secondary { border-color:#65513f; background:#29231f; }
.button-danger,
.button.danger { border-color:#743b37; color:#efb7b1; background:#321b1c; }
.button-quiet,
.button.ghost { background:transparent; }

.pill {
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid #5a4938;
  color:#ceb08f;
  background:#201c19;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
}

.pill-danger { border-color:#723a36; color:#e59a92; background:#251718; }

.table-panel { min-height:520px; }
.table-panel .panel-heading { align-items:center; }

.inline-filter { display:flex; align-items:center; gap:8px; }
.inline-filter input,
.inline-filter select { min-width:210px; margin:0; }

.batchbar {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:10px 18px;
  border-bottom:1px solid var(--line-soft);
  background:#151416;
}

.batchbar label { display:flex; align-items:center; gap:8px; margin-left:auto; }
.batchbar select { width:96px; min-height:34px; margin:0; }
.selection-count { color:var(--muted); font-size:11px; }
.selection-count strong { color:var(--text); font-size:14px; }

.batch-review-panel {
  display:grid;
  gap:6px;
  margin:14px 18px;
  padding:13px;
  border:1px solid #4c4035;
  background:#1d1917;
}

.table-wrap { overflow-x:auto; }

table {
  width:100%;
  min-width:850px;
  border-collapse:collapse;
  color:#ccc5bd;
  font-size:12px;
}

th {
  height:42px;
  padding:0 13px;
  border-bottom:1px solid #393539;
  color:#77716b;
  background:#171618;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-align:left;
  white-space:nowrap;
}

td {
  height:50px;
  padding:9px 13px;
  border-bottom:1px solid #282629;
  vertical-align:middle;
}

tbody tr { transition:background .12s ease; }
tbody tr:hover { background:rgba(197,154,98,.035); }
.selectable-row { cursor:pointer; }
.table-empty { height:300px; color:#6d6761; text-align:center; }
.risk-high { color:#e09087; font-weight:800; }

.status {
  display:inline-flex;
  padding:4px 7px;
  border:1px solid #484247;
  color:#b8b0a8;
  background:#211f21;
  font-size:11px;
  font-weight:800;
}

.status.COMPLETED,
.status.SUCCEEDED,
.status.RESOLVED { border-color:#4e5d42; color:#a7bb91; background:#182016; }
.status.CANCELLED,
.status.REJECTED,
.status.FAILED { border-color:#603835; color:#dc928a; background:#241718; }
.status.SCHEDULED,
.status.CONFIRMED,
.status.IN_REVIEW { border-color:#68543f; color:#d5b086; background:#211c18; }

.risk-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:16px;
  max-width:1180px;
  margin:0 auto;
  align-items:start;
}

.risk-layout .composer-panel { width:100%; max-width:none; margin:0; }
.risk-panel { border-top:2px solid var(--danger-dark); }

.safety-panel ol { display:grid; gap:0; margin:0; padding:8px 20px 18px; list-style:none; }
.safety-panel li { display:flex; gap:12px; padding:16px 0; border-bottom:1px solid var(--line-soft); }
.safety-panel li:last-child { border-bottom:0; }
.safety-panel li>span { display:grid; place-items:center; flex:0 0 auto; width:25px; height:25px; border:1px solid #563331; color:#d08178; font-family:Georgia,serif; font-size:11px; }
.safety-panel li p { display:grid; gap:4px; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.safety-panel li strong { color:var(--text-soft); font-size:13px; }

.guard-copy {
  padding:15px 16px;
  border:1px solid #484039;
  border-left:3px solid var(--brass-soft);
  color:var(--muted);
  background:#1b1817;
}

.guard-copy strong { color:#d6b58f; font-size:13px; }
.guard-copy p { margin:6px 0 0; font-size:12px; line-height:1.65; }

.evidence-list { display:grid; padding:8px 20px 18px; }
.evidence-list>div { display:flex; gap:13px; padding:18px 0; border-bottom:1px solid var(--line-soft); }
.evidence-list>div:last-child { border-bottom:0; }
.evidence-list span { color:var(--brass-soft); font-family:Georgia,serif; font-size:12px; }
.evidence-list p { display:grid; gap:5px; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.evidence-list strong { color:var(--text-soft); font-size:13px; }

.support-layout {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(370px,.65fr);
  gap:16px;
  align-items:start;
}

.support-layout .table-panel { min-width:0; }
.support-layout table { min-width:760px; }
.reply-panel { min-width:0; }

.release-layout {
  display:grid;
  grid-template-columns:minmax(560px,820px) 320px;
  gap:16px;
  max-width:1180px;
  margin:0 auto;
  align-items:start;
}

.release-layout .composer-panel { width:100%; max-width:none; margin:0; }
.release-checklist { padding-bottom:18px; }
.release-checklist>label { display:flex; align-items:flex-start; gap:11px; margin:0 20px; padding:16px 0; border-bottom:1px solid var(--line-soft); }
.release-checklist>label input { flex:0 0 auto; margin-top:2px; }
.release-checklist>label span { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:500; line-height:1.5; }
.release-checklist>label strong { color:var(--text-soft); font-size:13px; }
.release-checklist>p { margin:15px 20px 0; color:#77716b; font-size:11px; }

::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-track { background:#121214; }
::-webkit-scrollbar-thumb { border:2px solid #121214; border-radius:8px; background:#3a3639; }
::-webkit-scrollbar-thumb:hover { background:#504a4d; }