.mini {
  border: 1px solid #d6def0;
  background: #fff;
  color: var(--brand);
  border-radius: 7px;
  padding: 5px 8px;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.mini:hover { background: #f2f5ff; }
.row-actions {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.privacy, .field-hint {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}
.section-head > div:last-child {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.architecture-scroll { overflow: auto; padding: 8px 12px 14px; }
.architecture-scroll svg { display: block; width: 100%; min-width: 760px; max-height: 560px; }
.architecture-scroll svg > path { fill: none; stroke: #aeb9ca; stroke-width: 1.4; }
.architecture-scroll marker path { fill: #7d8ba0; }
.architecture-scroll rect { stroke-width: 1.3; }
.architecture-scroll .tone-0 { fill: #eef2ff; stroke: #6b83eb; }
.architecture-scroll .tone-1 { fill: #edf8f3; stroke: #45a477; }
.architecture-scroll .tone-2 { fill: #f3effd; stroke: #8871cf; }
.architecture-scroll .tone-3 { fill: #fff5e8; stroke: #cf8b35; }
.architecture-scroll text { fill: #25324a; font-size: 11px; font-weight: 700; }
.architecture-scroll text.kind { fill: #748095; font-size: 8px; font-weight: 600; text-transform: uppercase; }
.architecture-panel > header > small { color: var(--muted); font-size: 9px; }
.decision-rule-head, .decision-rule-title { display: flex; align-items: center; justify-content: space-between; }
.decision-rule-head > b { font-size: 11px; color: #344054; }
.decision-rule { display: grid; gap: 10px; padding: 12px; border: 1px solid #e0e6ef; border-radius: 9px; background: #fafbfc; }
.decision-rule-title b { font-size: 10px; color: #475467; }
.management-dialog { width: min(760px, 94vw); max-height: 88vh; border: 0; border-radius: 14px; padding: 0; color: #172033; box-shadow: 0 24px 80px #10182838; }
.management-dialog::backdrop { background: #0f1d2e66; backdrop-filter: blur(2px); }
.management-dialog-head { padding: 19px 22px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e2e7ef; }
.management-dialog-head h2 { margin: 4px 0 0; font-size: 20px; }
.management-dialog-content { padding: 20px 22px; overflow: auto; display: grid; gap: 14px; max-height: 65vh; }
.management-dialog footer { padding: 14px 22px; border-top: 1px solid #e2e7ef; display: flex; justify-content: flex-end; gap: 8px; }
.decision-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.decision-summary article, .decision-detail { border: 1px solid #e2e7ef; border-radius: 10px; padding: 12px; background: #fafbfc; }
.decision-summary strong { display: block; font-size: 15px; }
.decision-summary small, .decision-detail small { color: #667085; font-size: 9px; }
.decision-detail h3 { margin: 0 0 9px; font-size: 12px; }
.decision-detail ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; font-size: 10px; }
.decision-breaking { border-color: #f1b8bd; background: #fff6f7; }
@media(max-width:760px){.decision-summary{grid-template-columns:1fr}}

@media (max-width: 760px) {
  .section-head { gap: 12px; }
  .section-head > div:last-child { max-width: 48%; }
}