@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";:root{--bg-color: #ffffff;--text-color: #212529;--text-muted: #6c757d;--border-color: #dee2e6;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #ced4da;--btn-primary-bg: #0d6efd;--btn-primary-hover: #0b5ed7;--navbar-bg: #f8f9fa;--logo-color: #212529}[data-theme=dark]{--bg-color: #212529;--text-color: #ffffff;--text-muted: #adb5bd;--border-color: #495057;--card-bg: #343a40;--input-bg: #495057;--input-border: #6c757d;--btn-primary-bg: #0d6efd;--btn-primary-hover: #0b5ed7;--navbar-bg: #343a40;--logo-color: #ffffff}.date-separator{background-color:var(--bs-secondary-bg);color:var(--text-color)}[data-theme=dark] .date-separator{background-color:var(--input-bg);color:var(--text-color)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.navbar{background-color:var(--navbar-bg)!important;border-bottom:1px solid var(--border-color)}.card{background-color:var(--card-bg);border-color:var(--border-color)}.form-control,.form-select{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-color)}.form-control:focus,.form-select:focus{background-color:var(--input-bg);border-color:var(--btn-primary-bg);color:var(--text-color);box-shadow:0 0 0 .25rem #0d6efd40}.btn-primary{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-bg)}.btn-primary:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.text-muted{color:var(--text-muted)!important}.api-key-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem;padding:1rem}.qso-summary:hover{background-color:var(--table-stripe-bg, rgba(0, 0, 0, .05))}.qso-details{transition:all .3s ease}.qso-item{transition:all .2s ease}.qso-details-container{background-color:var(--input-bg)!important;border:1px solid var(--border-color)}.qso-operator-photo{max-width:120px;max-height:120px;object-fit:cover}.qso-details-content{width:60%}[data-theme=dark] .modal-content{background-color:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .modal-header{background-color:var(--card-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .modal-body{background-color:var(--card-bg)}[data-theme=dark] .modal-footer{background-color:var(--card-bg);border-top-color:var(--border-color)}[data-theme=dark] .accordion-item{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .accordion-button{background-color:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .accordion-button:not(.collapsed){background-color:var(--input-bg);color:var(--text-color)}[data-theme=dark] .accordion-body{background-color:var(--card-bg)}[data-theme=dark] .form-text,[data-theme=dark] .text-muted,[data-theme=dark] small.text-muted{color:var(--text-muted)!important}[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}[data-theme=dark] .form-label,[data-theme=dark] .accordion-button,[data-theme=dark] .accordion-body,[data-theme=dark] .modal-body{color:var(--text-color)!important}[data-theme=dark] .form-control::placeholder,[data-theme=dark] .form-select option{color:var(--text-muted)!important}[data-theme=light] .form-control::placeholder,[data-theme=light] .form-select::placeholder{color:#6c757d!important;opacity:.7!important}.form-control::placeholder{font-style:italic}[data-theme=dark] .accordion-button:focus{box-shadow:0 0 0 .25rem #0d6efd40;border-color:var(--btn-primary-bg)}[data-theme=dark] .card-body,[data-theme=dark] .card-header{color:var(--text-color)}[data-theme=dark] .toast{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .toast-header{background-color:var(--card-bg);border-bottom-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .toast-body{color:var(--text-color)}[data-theme=dark] .toast .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.accordion-button{position:relative}.accordion-button .badge{position:absolute;right:calc(1.5em + 22px);top:50%;transform:translateY(-50%);z-index:1}.navbar-brand{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:700!important;color:var(--logo-color)!important}.card-header-tabs{border-bottom:none;margin-bottom:0}.card-header-tabs .nav-link{border:none;border-bottom:2px solid transparent;background:none;color:var(--text-color)}.card-header-tabs .nav-link:hover{border-bottom-color:var(--btn-primary-bg);background:none}.card-header-tabs .nav-link.active{border-bottom-color:var(--btn-primary-bg);background:none;color:var(--btn-primary-bg);font-weight:500}#mapContainer{border-radius:0}.mapboxgl-popup-content{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.mapboxgl-popup-tip{border-top-color:var(--card-bg)}[data-theme=dark] .mapboxgl-popup-content{background-color:var(--card-bg);color:var(--text-color)}[data-theme=dark] .mapboxgl-popup-tip{border-top-color:var(--card-bg)}.btn{white-space:nowrap;flex-shrink:0}.d-flex.gap-2{flex-wrap:nowrap}.btn-outline-secondary,.btn-outline-warning,.btn-success{min-width:fit-content}.offcanvas{background-color:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}.offcanvas-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color)}.offcanvas-body{background-color:var(--card-bg)}[data-theme=dark] .offcanvas{background-color:var(--card-bg);color:var(--text-color)}[data-theme=dark] .offcanvas-header{background-color:var(--card-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .offcanvas-body{background-color:var(--card-bg)}[data-theme=dark] .btn-check:checked+.btn-outline-primary{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff}.introjs-tooltip{background-color:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important;box-shadow:0 4px 6px #0000001a!important}.introjs-tooltip-title{color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}.introjs-tooltiptext{color:var(--text-color)!important}.introjs-arrow{border-bottom-color:var(--card-bg)!important}.introjs-arrow.top{border-top-color:var(--card-bg)!important}.introjs-arrow.left{border-left-color:var(--card-bg)!important}.introjs-arrow.right{border-right-color:var(--card-bg)!important}.introjs-button{background-color:var(--input-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important;text-shadow:none!important}.introjs-nextbutton{background-color:var(--btn-primary-bg)!important;color:#fff!important;border-color:var(--btn-primary-bg)!important;text-shadow:none!important}.introjs-button:hover{background-color:var(--border-color)!important;text-shadow:none!important}.introjs-nextbutton:hover{background-color:var(--btn-primary-hover)!important;text-shadow:none!important}.introjs-skipbutton{position:absolute!important;top:10px!important;right:10px!important;background:none!important;border:none!important;color:var(--text-muted)!important;font-size:0!important;padding:5px!important;line-height:1!important;text-shadow:none!important;z-index:1000!important}.introjs-skipbutton:hover{color:var(--text-color)!important;background:none!important;text-shadow:none!important}.introjs-skipbutton:before{content:"×"!important;display:inline-block!important;font-size:18px!important;font-weight:700!important;line-height:1!important;color:var(--text-muted)!important}[data-theme=dark] .introjs-skipbutton:before{color:var(--text-muted)!important}.introjs-skipbutton:hover:before{color:var(--text-color)!important}.introjs-bullets ul li a{background-color:var(--border-color)!important}.introjs-bullets ul li a.active{background-color:var(--btn-primary-bg)!important}.introjs-progress{background-color:var(--border-color)!important}.introjs-progressbar{background-color:var(--btn-primary-bg)!important}[data-theme=dark] .introjs-tooltip{box-shadow:0 4px 6px #0000004d!important}.introjs-helperLayer{-webkit-box-shadow:0 0 1px 2px rgba(33,33,33,.8),rgba(33,33,33,.5) 0 0 0 5000px!important;box-shadow:0 0 1px 2px #212121cc,#21212180 0 0 0 5000px!important;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:auto}.introjs-overlay{-webkit-backdrop-filter:none;will-change:auto}.introjs-fixParent{-webkit-transform:none!important;transform:none!important;position:static!important}.introjs-showElement{-webkit-transform:translateZ(0);transform:translateZ(0);z-index:9999999!important}.pota-waking-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background-color:#fd7e14;margin-right:5px;vertical-align:middle;animation:pota-pulse 1.2s ease-in-out infinite}@keyframes pota-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.pota-status-waking{color:#fd7e14!important}#propagationBadge{font-size:.75rem}@media (min-width: 992px){.navbar-collapse#navbarMenu{flex-grow:0!important;flex-basis:auto!important}}.mobile-tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--navbar-bg);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0 10px;background:transparent;border:0;color:var(--text-muted);font-size:.7rem;line-height:1;min-height:56px;transition:color .15s ease}.mobile-tab i{font-size:1.25rem}.mobile-tab.active{color:var(--btn-primary-bg);font-weight:600}.mobile-tab:focus-visible{outline:2px solid var(--btn-primary-bg);outline-offset:-2px}@media (max-width: 991px){body{padding-bottom:calc(120px + env(safe-area-inset-bottom,0))}#toastContainer.toast-container{top:auto!important;bottom:calc(120px + env(safe-area-inset-bottom,0))!important;left:0!important;right:0!important;padding:.75rem!important;align-items:center!important}.navbar-collapse .dropdown-menu{position:static!important;transform:none!important;width:100%}.form-actions{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0));z-index:1029;margin:0!important;padding:8px 12px;background:var(--card-bg);border-top:1px solid var(--border-color);gap:8px!important;justify-content:stretch!important;box-shadow:0 -2px 8px #0000000f}.form-actions .btn{min-height:44px}.form-actions #logQsoBtn{flex:1 1 auto;font-weight:600}.form-actions #showMoreBtn,.form-actions #clearFieldsBtn{flex:0 0 auto}.form-actions .form-actions-label{display:none}.form-actions #showMoreBtn i,.form-actions #clearFieldsBtn i{margin:0!important}}@media (max-width: 767px){#utcClock{font-size:.9rem!important}#utcDate{display:none}.navbar-brand img{width:24px;height:24px}.navbar-brand{font-size:1rem}.navbar-clock{order:99;flex-basis:100%;margin-top:4px}#qsoForm .col-md-2,#qsoForm .col-md-3{width:50%;flex:0 0 50%;max-width:50%}#callInput{font-size:1rem}.card-header-tabs .nav-link{font-size:.8rem;padding:.35rem .5rem}.table{font-size:.85rem}.form-control,.form-select,.btn{min-height:44px}.d-flex.gap-2{flex-wrap:wrap!important}.btn-sm{font-size:.75rem;padding:.35rem .6rem;min-height:38px}.navbar .btn-sm,.card-header .btn-sm{min-height:36px}#mapContainer{height:60vh!important;min-height:300px}#potaMapContainer{height:50vh!important;min-height:300px}.pota-list-container,.pota-map-wrapper{width:100%!important;flex:0 0 100%!important}#pota-pane:not(.show-mobile-map) .pota-map-wrapper{display:none!important}#pota-pane.show-mobile-map .pota-list-container{display:none!important}.logbook-actions .btn{font-size:.75rem}.qso-summary{flex-wrap:wrap!important;gap:6px;padding:12px!important}.qso-summary>div:first-child{flex:1 1 100%;min-width:0;line-height:1.8}.qso-summary>div:first-child>strong{font-size:1.05rem;display:inline-block;margin-right:4px}.qso-summary>div:last-child{flex:1 1 100%;justify-content:space-between!important}.qso-summary .badge{font-size:.72rem}#logbookTabs.card-header-tabs{display:none!important}#logbookActions{flex-wrap:wrap;justify-content:stretch!important;width:100%}#logbookActions .btn{flex:1 1 0;min-height:40px}#qsoCountDisplay{font-size:.75rem}.introjs-tooltip{min-width:280px!important;max-width:320px!important}}@media (max-width: 991px){#utcClock{font-size:1rem!important}.pota-filters .col-md-3{width:50%;flex:0 0 50%;max-width:50%}#pota-pane .row.g-2>.col{flex:0 0 50%;max-width:50%}#pota-pane .d-flex.justify-content-between.align-items-center.mb-3{flex-wrap:wrap;gap:8px}}@supports (height: 100dvh){@media (max-width: 767px){#mapContainer{height:60dvh!important}#potaMapContainer{height:50dvh!important}}}#notificationBell{line-height:1}#notificationBell .bi-bell{font-size:1rem}#notificationBadge{min-width:1.25rem;padding:.15rem .35rem}.notification-dropdown{width:360px;max-width:90vw;padding:0;background-color:var(--card-bg);border-color:var(--border-color)}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{padding:1.5rem 1rem}.notification-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);transition:background-color .15s ease}.notification-item:last-child{border-bottom:none}.notification-item-unread{background-color:#0d6efd0f}.notification-item-critical.notification-item-unread{background-color:#dc354514;border-left:3px solid var(--bs-danger, #dc3545);padding-left:calc(1rem - 3px)}.notification-item-critical strong:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--bs-danger, #dc3545);margin-right:.4rem;vertical-align:middle}.notification-item-actions .btn{padding:.15rem .5rem;font-size:.8rem}.notification-item .btn-close{font-size:.65rem;opacity:.5}.notification-item .btn-close:hover{opacity:1}[data-theme=dark] .notification-item-unread{background-color:#0d6efd26}[data-theme=dark] .notification-item-critical.notification-item-unread{background-color:#dc35452e}@keyframes notification-bell-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes notification-bell-jiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.notification-bell-pulse{animation:notification-bell-pulse .5s ease-out}.notification-bell-jiggle{animation:notification-bell-jiggle .7s ease-in-out}.notification-bell-jiggle{color:var(--bs-danger, #dc3545)}
