.audit-hero{padding:24px;background:linear-gradient(135deg,#102f58,#1464a5);color:#fff}.audit-hero h2{margin:4px 0}.audit-hero p{margin:0;color:#dbeafe}.audit-filter{grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto}.audit-list{display:grid;gap:12px}.audit-card{border:1px solid var(--ui-border,#dbe2eb);border-radius:16px;background:#fff;overflow:hidden}.audit-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.audit-card>header>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.audit-card header small{color:#64748b}.audit-action{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:900;background:#e2e8f0}.audit-action.create{background:#dcfce7;color:#166534}.audit-action.update,.audit-action.payment,.audit-action.status,.audit-action.delivery,.audit-action.accounting{background:#dbeafe;color:#1d4ed8}.audit-action.delete,.audit-action.cancel{background:#fee2e2;color:#991b1b}.audit-changes{display:grid;gap:7px;padding:13px 15px}.audit-changes>div{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#fbfdff}.audit-changes span{font-weight:800;color:#334155}.audit-changes del,.audit-changes ins{padding:5px 7px;border-radius:8px;text-decoration:none;overflow-wrap:anywhere}.audit-changes del{background:#fff1f2;color:#9f1239}.audit-changes ins{background:#ecfdf5;color:#166534}.audit-changes i{text-align:center;color:#64748b}.audit-card>footer{display:flex;gap:18px;padding:8px 15px;border-top:1px solid #edf2f7;color:#64748b;font-size:10px}.audit-more,.audit-empty-change{display:block;margin:0 15px 12px;color:#64748b}@media(max-width:900px){.audit-filter{grid-template-columns:1fr 1fr}.audit-changes>div{grid-template-columns:1fr}.audit-changes i{display:none}.audit-card>header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.audit-filter{grid-template-columns:1fr}.audit-changes{padding:10px}.audit-card>footer{flex-direction:column;gap:3px}}
.audit-more-details{margin-top:10px;border:1px dashed var(--ui-border,#dbe3ec);border-radius:12px;padding:8px 10px;background:#fbfdff}
.audit-more-details summary{cursor:pointer;color:#125fb9;font-size:11px;font-weight:800;list-style:none}
.audit-more-details summary::-webkit-details-marker{display:none}
.audit-more-details[open] summary{margin-bottom:9px}

/* v6.27 security, login challenge and accounting controls */
.security-question-field{
  padding:12px;
  border:1px solid #cfe0f4;
  border-radius:14px;
  background:linear-gradient(145deg,#f8fbff,#eef6ff);
}
.security-question-field label b{
  display:inline-flex;
  min-width:70px;
  justify-content:center;
  margin:0 4px;
  padding:3px 10px;
  border-radius:9px;
  background:#fff;
  color:#104f91;
  font-size:16px;
  letter-spacing:1px;
  box-shadow:0 2px 8px rgba(16,79,145,.08);
}
.security-accounting-settings{
  border-color:#cfe0f4;
  background:linear-gradient(145deg,#fff 0%,#f6faff 100%);
}
.security-control-note{
  padding:12px 14px;
  border:1px solid #c7d9ec;
  border-radius:12px;
  background:#eef6ff;
  color:#25496d;
  line-height:1.9;
}
.security-hero{
  position:relative;
  overflow:hidden;
  padding:24px 26px;
  color:#fff;
  background:radial-gradient(circle at 10% 0,rgba(255,255,255,.16),transparent 15rem),linear-gradient(125deg,#102b46,#155d9d 65%,#1c78ba);
}
.security-hero h2{margin:4px 0;font-size:24px}.security-hero p{margin:0;color:#d9ecff}.security-hero .eyebrow{color:#a9d8ff}
button.row-link{
  border:0;
  padding:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
}
.status-pill.posted{background:#e8f3ff;color:#1f5f9e}.status-pill.draft{background:#fff6dc;color:#8a6100}.status-pill.cancelled{background:#fff0f2;color:#b52d41}
@media(max-width:720px){
  .security-accounting-settings .panel-head{align-items:flex-start;flex-direction:column}
  .security-accounting-settings .panel-head .btn{width:100%}
  .security-hero{padding:20px 18px}.security-hero h2{font-size:20px}
}