.audits-list {
  display: grid;
  gap: 14px;
  margin-top: 15px;
}

.audit-run {
  background: #fff;
  border: 1px solid #e1e4eb;
  border-radius: 17px;
  padding: 22px;
}

.audit-run-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.audit-run-head h3 { margin: 0 0 6px; }
.audit-run-head p { margin: 0; color: #687183; font-size: 13px; }
.audit-id { color: #8a91a0; font-size: 12px; font-weight: 700; }

.audit-status {
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  background: #eef0f4;
  color: #626b7d;
}

.audit-status.completed { background: #e8f7ef; color: #087443; }
.audit-status.cancelled { background: #fff0f0; color: #b42318; }
.audit-status.interrupted { background: #fff4e5; color: #9a5800; }
.audit-status.running { background: #f1e8f8; color: #5f2789; }
.audit-status.queued { background: #fff4e5; color: #9a5800; }
.audit-create-panel { margin-top: 28px; background: linear-gradient(120deg,#fff,#faf6fd); border: 1px solid #dfd5e7; border-radius: 18px; padding: 22px; }.audit-create-panel>div h2 { margin: 0 0 5px; }.audit-create-panel>div>p:last-child { margin: 0 0 18px; color: #687183; }
.audit-create-panel form { display: grid; grid-template-columns: 1.5fr .7fr .7fr .7fr; gap: 12px; align-items: start; }.audit-create-panel textarea,.audit-create-panel select { width: 100%; border: 1px solid #d8dce5; border-radius: 11px; padding: 10px 12px; background: #fff; font: inherit; }.audit-create-panel select { height: 45px; }.audit-neighborhoods { grid-row: span 2; align-self: stretch; grid-template-rows: auto 1fr auto; }.audit-neighborhoods textarea { height: 100%; min-height: 100px; }.audit-recent { display: flex; grid-template-columns: none; align-items: flex-start; gap: 9px; background: #f7f2fa; border-radius: 10px; padding: 11px; grid-column: 2/4; }.audit-recent input { width: auto; height: auto; margin-top: 3px; }.audit-recent span { display: grid; gap: 3px; }.audit-recent small { color: #687183; font-weight: 400; }.audit-create-panel form>button { height: 45px; border: 0; border-radius: 11px; background: #5f2789; color: #fff; font-weight: 800; cursor: pointer; }.audit-create-panel .message { grid-column: 1/-1; }

.audit-summary {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 17px;
}

.audit-summary span {
  background: #f7f8fa;
  border-radius: 10px;
  padding: 10px;
  display: grid;
  gap: 3px;
  color: #687183;
  font-size: 11px;
}

.audit-summary strong { font-size: 19px; color: #30223a; }
.audit-run footer { margin-top: 14px; color: #8a91a0; font-size: 12px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.audit-run footer button,.audit-detail-head button { border: 1px solid #d8dce5; background: #fff; border-radius: 9px; padding: 8px 11px; cursor: pointer; color: #5f2789; font-weight: 750; }
.audit-detail-head { display: flex; gap: 15px; align-items: flex-start; background: #fff; border: 1px solid #e1e4eb; border-radius: 17px; padding: 18px 22px; margin-bottom: 14px; }
.audit-detail-head h3 { margin: 3px 0; }
.audit-detail-head p { margin: 0; color: #687183; font-size: 13px; }
.audit-property { background: #fff; border: 1px solid #e1e4eb; border-left: 5px solid #9aa2b1; border-radius: 15px; padding: 19px 21px; margin-bottom: 12px; }
.audit-property.opportunity { border-left-color: #168451; }.audit-property.review { border-left-color: #d47a00; }.audit-property.registered { border-left-color: #3a6ea5; }.audit-property.inconclusive { border-left-color: #7b8495; }
.audit-property-head { display: flex; justify-content: space-between; gap: 20px; }
.audit-property-head h3 { margin: 3px 0 5px; }.audit-property-head p { margin: 0; color: #687183; font-size: 13px; }
.audit-property-head>strong { font-size: 23px; color: #5f2789; }
.audit-reason { margin: 14px 0 10px; line-height: 1.45; }
.audit-evidence { background: #f7f8fa; border-radius: 9px; padding: 10px 12px; color: #626b7d; font-size: 12px; }
.audit-candidate { margin-top: 10px; color: #626b7d; font-size: 13px; }
.audit-links { display: flex; gap: 8px; margin-top: 13px; }.audit-links a { text-decoration: none; background: #f1e8f8; color: #5f2789; border-radius: 9px; padding: 8px 11px; font-size: 12px; font-weight: 750; }
.audit-group { margin-top: 23px; }.audit-group>h2 { margin: 0 0 11px; font-size: 20px; }.audit-group>h2 span { display: inline-grid; place-items: center; min-width: 27px; height: 27px; padding: 0 7px; border-radius: 999px; background: #e7e9ee; color: #626b7d; font-size: 12px; vertical-align: 2px; }
.audit-group.opportunity>h2 { color: #087443; }.audit-group.review>h2 { color: #9a5800; }.audit-group.registered>h2 { color: #315f91; }
.comparison-wrap { overflow-x: auto; margin-top: 12px; border: 1px solid #e1e4eb; border-radius: 11px; }
.comparison-wrap table { width: 100%; border-collapse: collapse; font-size: 12px; }.comparison-wrap th,.comparison-wrap td { text-align: left; padding: 9px 11px; border-bottom: 1px solid #eceef2; }.comparison-wrap thead th { background: #f1f2f6; color: #526075; }.comparison-wrap tbody tr:last-child th,.comparison-wrap tbody tr:last-child td { border-bottom: 0; }.comparison-wrap tr.match td:last-child { color: #087443; }.comparison-wrap tr.different td:last-child { color: #b42318; }.comparison-wrap tr.missing td:last-child { color: #8a91a0; }
.audit-decisions { display: flex; align-items: center; gap: 9px; margin-top: 13px; }.audit-decisions button { border: 0; border-radius: 9px; padding: 9px 12px; background: #5f2789; color: #fff; font-weight: 750; cursor: pointer; }.audit-decisions button+button { background: #eef0f4; color: #39445a; }.audit-decisions span { background: #e8f7ef; color: #087443; border-radius: 9px; padding: 9px 12px; font-size: 12px; font-weight: 750; }
.opportunity-dialog { width: min(520px,calc(100vw - 30px)); max-height: calc(100vh - 30px); border: 0; border-radius: 22px; padding: 0; box-shadow: 0 25px 80px #15101f55; }
.opportunity-dialog::backdrop { background: #17102099; backdrop-filter: blur(2px); }
.opportunity-dialog form { padding: 25px; display: grid; gap: 14px; }
.modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }.modal-head h3 { margin: 4px 0 0; }.modal-head>button { border: 0; background: #f1f2f6; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; font-size: 20px; }
.opportunity-range { padding: 13px; border-radius: 10px; background: #f1f2f6; color: #526075; font-weight: 700; font-size: 13px; }
.opportunity-dialog input:not([type=checkbox]),.opportunity-dialog select,.opportunity-dialog textarea { width: 100%; border: 1px solid #d8dce5; border-radius: 10px; padding: 10px 12px; background: #fff; font: inherit; outline: none; }.opportunity-dialog input:not([type=checkbox]),.opportunity-dialog select { height: 44px; }.opportunity-dialog textarea { resize: vertical; min-height: 80px; }
.opportunity-dialog input:focus,.opportunity-dialog select:focus,.opportunity-dialog textarea:focus { border-color: #75409d; box-shadow: 0 0 0 3px #75409d18; }
.modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.modal-check { display: flex; grid-template-columns: none; align-items: flex-start; gap: 10px; background: #f7f8fa; border: 1px solid #e1e4eb; border-radius: 11px; padding: 12px; }.modal-check input { margin-top: 3px; }.modal-check span { display: grid; gap: 3px; }.modal-check small { color: #687183; font-weight: 400; }
.opportunity-scope { padding: 12px; border: 1px solid #d9b9ef; background: #faf5fd; color: #5f2789; border-radius: 10px; font-size: 12px; font-weight: 750; }
.modal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.modal-actions button { height: 44px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 800; color: #5f2789; background: #eee8f2; }.modal-actions button[type=submit] { background: #5f2789; color: #fff; }
.opportunity-status-control { min-width: 225px; color: #687183; font-size: 11px; }.opportunity-status-control select { height: 39px; border: 1px solid #dccbea; border-radius: 10px; padding: 0 10px; background: #f7f1fb; color: #5f2789; font: inherit; font-weight: 750; }
.opportunity-actions { display: flex; gap: 8px; margin-top: 13px; }.opportunity-actions a,.opportunity-actions button { border: 0; border-radius: 9px; padding: 8px 11px; background: #f1e8f8; color: #5f2789; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }.opportunity-actions button.danger { background: #fff0f0; color: #b42318; }

@media (max-width: 900px) {
  .audit-summary { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 520px) {
  .audit-run-head { flex-direction: column; }
  .audit-summary { grid-template-columns: repeat(2, 1fr); }
  .audit-run footer,.audit-detail-head,.audit-property-head { align-items: flex-start; flex-direction: column; }
}

.team-create { margin-top: 15px; background: #fff; border: 1px solid #e1e4eb; border-radius: 17px; padding: 22px; }
.team-create h3 { margin: 0 0 15px; }
.team-create form { display: grid; grid-template-columns: 1fr 1fr .75fr 1fr auto; gap: 12px; align-items: end; }
.team-create select { height: 45px; border: 1px solid #d8dce5; border-radius: 11px; padding: 0 11px; background: #fff; font: inherit; }
.team-create form button { height: 45px; border: 0; border-radius: 11px; padding: 0 18px; background: #5f2789; color: #fff; font-weight: 800; cursor: pointer; }
.team-create .message { grid-column: 1/-1; }
.team-list { display: grid; gap: 12px; margin-top: 15px; }
.team-member { background: #fff; border: 1px solid #e1e4eb; border-radius: 17px; padding: 19px 22px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.team-member.inactive { opacity: .68; }
.team-member h3 { margin: 0 0 4px; }
.team-member p { margin: 0 0 5px; color: #687183; font-size: 13px; }
.team-member small { color: #8a91a0; }
.team-identity { min-width: 230px; }
.team-metrics { display: grid; grid-template-columns: repeat(2,minmax(105px,1fr)); gap: 7px; flex: 1; max-width: 430px; }
.team-metrics span { background: #f7f8fa; border-radius: 9px; padding: 8px 10px; color: #687183; font-size: 11px; }
.team-metrics strong { color: #30223a; font-size: 16px; margin-right: 3px; }
.team-actions { display: flex; gap: 8px; }
.team-actions button { border: 1px solid #d8dce5; background: #fff; border-radius: 9px; padding: 8px 11px; cursor: pointer; white-space: nowrap; }
.team-actions button.danger { color: #b42318; }
.team-actions button.positive { color: #087443; }

@media (max-width: 1150px) { .team-create form { grid-template-columns: 1fr 1fr; }.team-member { flex-wrap: wrap; }.team-metrics { order: 3; flex-basis: 100%; max-width: none; } }
@media (max-width: 1050px) { .audit-create-panel form { grid-template-columns: 1fr 1fr; }.audit-neighborhoods { grid-row: auto; grid-column: 1/-1; }.audit-recent { grid-column: 1/-1; } }
@media (max-width: 620px) { .team-create form { grid-template-columns: 1fr; }.team-member { align-items: flex-start; flex-direction: column; }.team-actions { width: 100%; }.team-actions button { flex: 1; } }
@media (max-width: 520px) { .modal-grid,.modal-actions { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .opportunity-status-control { width: 100%; }.opportunity-actions { flex-wrap: wrap; } }
