/* Header */
.rkn-logo { width: 88px; height: auto; }
.rkn-title { font-weight: 700; font-size: 1.35rem; letter-spacing: .01em; }
@media (min-width: 768px){ .rkn-title { font-size: 1.6rem; } }
.rkn-subtitle { color:#6c757d; font-size: 0.95rem; }

/* UI */
body { font-feature-settings: "lnum"; }
.card { border-radius: 0.75rem; }
.list-group-item { display:flex; gap:1rem; justify-content:space-between; }
.list-key { color:#6c757d; min-width: 260px; }
.list-val { flex:1; font-weight: 500; }
#resultCard .list-group-item:nth-child(odd){ background:#fafbfc; }

/* Calendar popup */
.datepicker-pop{position:absolute;z-index:1055;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);width:320px;padding:.5rem .5rem .75rem}
.datepicker-pop .cal-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}
.datepicker-pop .cal-header .nav-btn{border:1px solid #dee2e6;background:#f8f9fa;border-radius:.375rem;width:2rem;height:2rem;line-height:1;cursor:pointer}
.datepicker-pop select.cal-month,.datepicker-pop input.cal-year{border:1px solid #dee2e6;border-radius:.375rem;padding:.25rem .5rem;height:2rem}
.datepicker-pop table{width:100%;border-collapse:collapse}
.datepicker-pop th,.datepicker-pop td{width:14.285%;text-align:center;padding:.4rem .25rem}
.datepicker-pop th{color:#6c757d;font-weight:600;font-size:.85rem}
.datepicker-pop td button{width:2.1rem;height:2.1rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer}
.datepicker-pop td button:hover{background:#e9ecef}
.datepicker-pop td button.is-today{outline:2px solid #0d6efd33}
.datepicker-pop td button.is-selected{background:#0d6efd;color:#fff}