html { scroll-behavior: smooth; }
.page-body { padding-block: 1rem 2rem; }
.page-header { margin-bottom: 1rem; }
.section-card { margin-bottom: 1rem; scroll-margin-top: 1rem; }
.card-header { gap: .75rem; flex-wrap: wrap; }
.compact-header { min-height: 2.75rem; padding-block: .45rem; }
.card-actions { margin-left: auto; }
.action-row { display: flex; flex-wrap: nowrap; gap: .25rem; }
.action-row form { margin: 0; }
.btn, .navbar-toggler, .form-control, .form-select { min-height: 2.75rem; }
.btn:focus-visible { outline: 3px solid #206bc4; outline-offset: 2px; }
.action-row .btn, .card-actions .btn, .navbar .btn { display: inline-flex; align-items: center; }
.action-row .btn-icon { width: 1.75rem; min-height: 1.75rem; padding: 0; justify-content: center; }
.table-compact > :not(caption) > * > * { padding: .2rem .45rem; font-size: .8125rem; }
.table-compact thead th { position: sticky; top: 0; z-index: 1; background: var(--tblr-bg-surface); }
.compact-scroll { max-height: 65vh; }
.public-id { color: var(--tblr-body-color); font-weight: 700; }
code { white-space: nowrap; }
.service-icon { width: 1.25rem; height: 1.25rem; display: inline-block; font-size: 1.25rem; }
.text-gray { color: var(--tblr-gray-600) !important; }
.text-brown { color: #8d5b3e !important; }
.text-copper { color: #b45f35 !important; }
.text-coral { color: #e85d5d !important; }
.text-crimson { color: #c2255c !important; }
.text-magenta { color: #a61e8c !important; }
.text-violet { color: #7048e8 !important; }
.text-navy { color: #1c3f77 !important; }
.text-sky { color: #1c9de8 !important; }
.text-turquoise { color: #0f9f8f !important; }
.text-emerald { color: #198754 !important; }
.text-olive { color: #6b7d1f !important; }
.text-gold { color: #c88900 !important; }
.text-slate { color: #52616b !important; }
.icon-picker-open { display: inline-flex; align-items: center; gap: .5rem; min-width: 12rem; justify-content: flex-start; }
.icon-picker-open .ti { font-size: 1.35rem; }
.icon-picker-grid { display: grid; grid-template-columns: repeat(auto-fill, 3rem); gap: .35rem; max-height: 62vh; overflow-y: auto; padding: .1rem; }
.icon-choice { width: 3rem; height: 3rem; padding: .35rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: var(--tblr-body-color); display: flex; align-items: center; justify-content: center; }
.icon-choice:hover { border-color: var(--tblr-primary); color: var(--tblr-primary); }
.icon-choice:focus-visible, .service-color-choice:focus-visible { outline: 3px solid rgba(var(--tblr-primary-rgb), .35); outline-offset: 2px; }
.icon-choice.active { border-color: var(--tblr-primary); box-shadow: inset 0 0 0 1px var(--tblr-primary); background: rgba(var(--tblr-primary-rgb), .08); }
.icon-choice .ti { font-size: 1.5rem; }
.service-color-grid { display: grid; grid-template-columns: repeat(auto-fill, 2.5rem); gap: .5rem; }
.service-color-choice { width: 2.5rem; height: 2.5rem; padding: 0; border: 2px solid transparent; border-radius: .25rem; background: var(--service-color) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
.service-color-choice.active { border-color: var(--tblr-body-color); box-shadow: inset 0 0 0 2px var(--tblr-bg-surface); }
.service-color-blue { --service-color: var(--tblr-blue); } .service-color-azure { --service-color: var(--tblr-azure); } .service-color-indigo { --service-color: var(--tblr-indigo); } .service-color-purple { --service-color: var(--tblr-purple); } .service-color-pink { --service-color: var(--tblr-pink); } .service-color-red { --service-color: var(--tblr-red); } .service-color-orange { --service-color: var(--tblr-orange); } .service-color-yellow { --service-color: var(--tblr-yellow); } .service-color-lime { --service-color: var(--tblr-lime); } .service-color-green { --service-color: var(--tblr-green); } .service-color-teal { --service-color: var(--tblr-teal); } .service-color-cyan { --service-color: var(--tblr-cyan); } .service-color-gray { --service-color: var(--tblr-gray-600); }
.service-color-brown { --service-color: #8d5b3e; } .service-color-copper { --service-color: #b45f35; } .service-color-coral { --service-color: #e85d5d; } .service-color-crimson { --service-color: #c2255c; } .service-color-magenta { --service-color: #a61e8c; } .service-color-violet { --service-color: #7048e8; } .service-color-navy { --service-color: #1c3f77; } .service-color-sky { --service-color: #1c9de8; } .service-color-turquoise { --service-color: #0f9f8f; } .service-color-emerald { --service-color: #198754; } .service-color-olive { --service-color: #6b7d1f; } .service-color-gold { --service-color: #c88900; } .service-color-slate { --service-color: #52616b; }
.login-card { max-width: 28rem; margin-top: 8vh; }
@media (min-width: 768px) {
  .page-body { padding-block: 1.5rem 3rem; }
  .section-card { margin-bottom: 1.5rem; }
}