.system-links { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.system-links a { padding: 9px 12px; border: 1px solid #dff0ee; border-radius: 7px; background: #ffffff; color: #499089; font-size: 12px; }
.system-links a[aria-current=page] { color: #38a095; background: #f1f8f7; border-color: #3daea2; }
.system-panel { margin-bottom: 22px; }
.system-panel .panel-heading { flex-wrap: wrap; gap: 12px; }
.system-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.system-tool-card { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; min-height: 230px; border-color: #dff0ee; }
.system-tool-card h2 { font-size: 17px; color: #34706a; margin-top: 16px; }
.system-tool-card p { color: #5e8d88; font-size: 13px; line-height: 1.8; margin-block: 10px 20px; }
.system-tool-card>.text-link { margin-top: auto; }
.system-tool-card:hover { border-color: #3daea2; }
.system-table th,.system-table td { text-align: start; vertical-align: middle; }
.system-table td { white-space: normal; overflow-wrap: anywhere; min-width: 110px; max-width: 320px; }
.system-row-actions { display: flex; gap: 8px; flex-wrap: wrap; min-width: 150px; }
.system-row-actions .button { min-height: 40px; font-size: 12px; padding: 8px 12px; }
.system-toolbar { flex-wrap: wrap; align-items: flex-end; }
.system-toolbar>.field { margin-bottom: 0; font-size: 12px; min-width: 140px; }
.system-toolbar input[type=date] { max-width: 180px; }
.system-validation { color: #a72c42; font-size: 13px; padding-inline: 24px; }
.system-log-detail { margin: 18px 24px 24px; padding: 18px; border: 1px solid #e5f2f1; border-radius: 8px; background: #fafdfc; font: 12px/1.9 var(--font-ui); color: #499089; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow: auto; }
.system-empty { text-align: center !important; padding: 28px; color: #5e8d88; }
#system-page[data-kind=alerts] .system-table td:nth-child(2) { min-width: 260px; }
#system-page[data-kind=alerts] .system-table td:nth-child(3) { min-width: 220px; direction: ltr; }
#system-page[data-kind=alerts] .system-table td:is(:nth-child(5),:nth-child(6),:nth-child(8)) { min-width: 170px; white-space: nowrap; direction: ltr; }
#system-page[data-kind=alerts] .system-table td:is(:nth-child(4),:nth-child(9)) { min-width: 70px; }
.system-log-detail:focus-visible { outline: 2px solid #3daea2; outline-offset: 2px; }
textarea.system-log-detail { display: block; width: calc(100% - 48px); }
.system-dialog { width: min(760px,calc(100% - 28px)); max-height: 90vh; overflow-y: auto; }
.system-dialog .review-details dd { white-space: normal; overflow-wrap: anywhere; }
.system-dialog .system-log-detail { margin-inline: 0; }
.system-update-form { padding: 0 24px 24px; }
.system-maintenance-actions { padding: 0 24px 24px; display: flex; gap: 12px; flex-wrap: wrap; }
.system-settings-form { padding: 0 24px 24px; }
.system-dialog textarea { min-height: 100px; }
.system-dialog form>.dialog-actions { position: sticky; bottom: -28px; z-index: 2; background: #ffffff; padding-block: 14px; }
.system-dialog [name=repeat_md],.system-dialog [name=repeat_wd] { accent-color: #0f766e; }
@media(max-width:1000px){.system-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.system-tool-grid{grid-template-columns:1fr}.system-tool-card{min-height:190px}.system-toolbar>.search-field{width:100%;min-width:0}.system-links a{font-size:11px}.system-log-detail{margin-inline:18px}.system-dialog{padding:20px 16px}.system-dialog .dialog-heading h2{font-size:18px}.system-table{min-width:650px}}