/* Log (log.donkey.do) additions on top of SB Admin 2; copied from brief.css (logbook rules) — dark palette in dark.css. */

/* Chart.js 2.9 normally injects this CSS at runtime via a <style> tag; dashboard.js disables that
   (Chart.platform.disableCSSInjection) and the rules live here instead. */
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}
.chartjs-render-monitor{animation:chartjs-render-animation 1ms}
.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}
.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}
.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}

/* Login / setup card brand */
.auth-brand{font-size:1.75rem;font-weight:800;letter-spacing:.05rem}
.auth-brand .rotate-n-15{display:inline-block}

/* Topbar avatar icon sits where the template's profile image was */
.topbar .nav-item .nav-link .fa-user-circle{line-height:1}

/* Brief Activity table */
.brief-activity td,.brief-activity th{vertical-align:middle}
.brief-activity tr.flight-row{cursor:pointer}
.brief-activity tr.flight-done{color:#858796}
.brief-activity sup{font-size:.65em}
.flight-log-form{margin-left:.25rem}
.brief-html{overflow-wrap:anywhere}

/* Scheduled vs actual times (OOOI) */
.time-actual{font-size:.78em;line-height:1.2;margin-top:.15rem}
.time-ontime{color:#1cc88a!important}
.time-slight{color:#c28a00!important}
.time-late{color:#e74a3b!important}
.flight-times th,.flight-times td{vertical-align:middle}

/* Flight data packet */
.packet-raw{white-space:pre-wrap;font-size:.85em;background:#f8f9fc;border:1px solid #e3e6f0;border-radius:.25rem;padding:.5rem;margin-bottom:.25rem}
.packet-dl dd{margin-bottom:.35rem}
.flight-packet-link{margin-left:.35rem;font-size:.85em}
@media print{
  #accordionSidebar,.topbar,.sticky-footer,.scroll-to-top,.packet-actions,#logoutModal{display:none!important}
  #content-wrapper,#wrapper,body{background:#fff!important}
  .card{box-shadow:none!important;border:1px solid #999!important;break-inside:avoid;page-break-inside:avoid}
  .packet-section{margin-bottom:.6rem!important}
  a{color:#000!important;text-decoration:none!important}
  .container-fluid{padding:0!important}
}

/* ---- In-place OOOI time editing (flight.php, js/flight_times.js). Edit mode must not move anything:
   the input is absolutely positioned over the (hidden, still space-holding) display text. */
.oooi-cell { cursor: text; }
.oooi-slot { position: relative; display: inline-block; min-width: 17ch; white-space: nowrap; vertical-align: baseline; }
.oooi-slot.oooi-editing > .oooi-text { visibility: hidden; }
.oooi-input {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: transparent;
  -webkit-appearance: none; appearance: none; box-sizing: border-box;
  font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; text-align: left;
  background-image: linear-gradient(rgba(133, 135, 150, .35), rgba(133, 135, 150, .35)); background-size: 100% 1px;
  background-position: 0 100%; background-repeat: no-repeat;
  caret-color: #4e73df;
}
.oooi-input:focus { outline: 0; box-shadow: none; }
.oooi-input::placeholder { color: inherit; opacity: .35; }
.oooi-input.oooi-invalid { color: #e74a3b; }
.oooi-mark .badge { vertical-align: baseline; }

/* ---- Logbook attention panel (logbook.php): CSS-only tooltip for the rubric. */
.attn-panel { position: relative; }
.attn-panel .attn-count { font-size: 1.75rem; font-weight: 700; line-height: 1.1; }
.attn-info { position: relative; z-index: 2; display: inline-block; cursor: help; }
.attn-info:focus { outline: 2px solid #4e73df; outline-offset: 2px; border-radius: 50%; }
.attn-tip {
  position: absolute; right: 0; top: 1.75rem; width: 26rem; max-width: 80vw; z-index: 1060;
  padding: .75rem 1rem; background: #fff; color: #5a5c69; border: 1px solid #e3e6f0; border-radius: .35rem;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .25); text-align: left; font-weight: 400;
  visibility: hidden; opacity: 0; transition: opacity .12s ease-in-out;
}
.attn-info:hover .attn-tip, .attn-info:focus .attn-tip, .attn-info:focus-within .attn-tip { visibility: visible; opacity: 1; }

/* ---- Log entry inline editing (log_entry.php, js/log_edit.js): input overlays the hidden display text. */
.le-cell { cursor: text; }
.le-slot { position: relative; display: inline-block; min-width: 10ch; vertical-align: baseline; }
.le-slot.le-wide { min-width: 13ch; white-space: nowrap; }
.le-slot.le-block { display: block; min-width: 0; }
.le-slot.le-editing > .le-text { visibility: hidden; }
.le-input {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: 1.5em;
  margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: transparent;
  -webkit-appearance: none; appearance: none; box-sizing: border-box;
  font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; text-align: left;
  background-image: linear-gradient(rgba(133, 135, 150, .35), rgba(133, 135, 150, .35)); background-size: 100% 1px;
  background-position: 0 100%; background-repeat: no-repeat; caret-color: #4e73df;
}
.le-slot.le-block > .le-input { height: 1.5em; }
.le-input:focus { outline: 0; box-shadow: none; }
.le-input::placeholder { color: inherit; opacity: .35; }
.le-input.le-invalid { color: #e74a3b; }
.logbook-table .lb-time { white-space: nowrap; }

/* ---- LogTen-style time autofill (log_entry.php): "USE x.x" suggestion, Day remainder, est. badge. Fixed metrics: no layout shift. */
.le-slot.le-hours { min-width: 8ch; height: 1.5em; line-height: 1.5em; vertical-align: top; white-space: nowrap; }
.btn-use { display: inline-block; margin: 0; padding: 0 .45rem; font-size: .68rem; font-weight: 800; line-height: 1.1rem; height: 1.15rem;
  letter-spacing: .04em; vertical-align: .1em; border: 1px solid #4e73df; border-radius: 1rem; background: transparent; color: #4e73df; cursor: pointer; }
.btn-use:hover, .btn-use:focus { background: #4e73df; color: #fff; outline: 0; }
.btn-use:disabled { opacity: .5; cursor: wait; }
.le-day, .le-hint { margin-left: .5rem; font-size: .8rem; }
.le-est { margin-left: .35rem; vertical-align: middle; }
.le-cell-error { box-shadow: inset 2px 0 0 #e74a3b; }