/* /assets/css/styles.css */
body {
    background-color: #f8f9fa;
    font-family: Arial, sans-serif;
}
.navbar-silver {
    background-color: silver !important;
}
.container {
    max-width: 800px;
    margin: auto;
}
.logo {
    height: 40px !important;
    width: auto;
}
/* Pure CSS Modal */
.pure-css-modal {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  display: none;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.6);
}
.pure-css-modal__box {
  background: #fff;
  border-radius: 6px;
  max-width: 400px;
  width: 96%;
  margin: 24px;
  padding: 2em;
  position: relative;
}
.pure-css-modal__close {
  position: absolute;
  top: 10px; right: 15px;
  text-decoration: none;
  font-size: 1.6em;
  color: #666;
  cursor: pointer;
}
.pure-css-modal__close:focus {
  outline: 2px solid #007bff;
}

#modal-toggle {
  display: none;
}
#modal-toggle:checked ~ .pure-css-modal {
  display: flex;
}
.btn-darkblue {
    color: #fff;
    background-color: #004080; /* dark blue */
    border-color: #003366;
}
.btn-darkblue:hover {
    color: #fff;
    background-color: #003366;
    border-color: #00264d;
}

/* Toast stack positioning */
.toast-stack {
  position: fixed;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1080;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Work order status buttons */
.status-actions .status-btn {
  min-height: 38px;
}
.status-actions .status-btn.active,
.status-actions .status-btn:disabled {
  opacity: .85;
}

/* Work order header modern styling */
.wo-card .wo-chip {
  background: #f1f3f5;
  border: 1px solid #dee2e6;
  border-radius: 999px;
  padding: .25rem .6rem;
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
}
.wo-card .wo-chip-status { color:#fff; border:none; }
.wo-card .wo-chip-priority { color:#fff; border:none; }
.wo-card .priority-low { background:#198754; }
.wo-card .priority-medium { background:#ffc107; color:#000; }
.wo-card .priority-high { background:#dc3545; }
.wo-card .status-open { background:#0d6efd; }
.wo-card .status-in_progress { background:#0dcaf0; color:#003049; }
.wo-card .status-completed { background:#198754; }
.wo-card .status-cancelled { background:#6c757d; }
.wo-card .wo-title { word-break: break-word; }
.wo-card select#assignSelect { font-size:.75rem; }
.wo-card #wo-assign-form select:focus { box-shadow:none; }
.wo-card .wo-meta span { font-size:.75rem; }
.wo-card .wo-meta .elapsed-time { font-weight:500; }
/* Minimal tweaks for restored card-header */
.wo-card .card-header .badge { font-size:.65rem; letter-spacing:.5px; }
.wo-card #wo-assign-form select { min-width:140px; }
/* Refined header row responsiveness */
.wo-card .wo-header-row { row-gap:.35rem; }
@media (max-width: 992px){
  .wo-card .wo-header-row { flex-direction: column; align-items: flex-start !important; }
  .wo-card .wo-header-row form, .wo-card .wo-header-row > div { width:100%; }
  .wo-card .wo-header-row .text-truncate { max-width:100%; }
}
/* Inline meta line */
.wo-card .meta-inline { line-height:1.3; }
.wo-card .meta-inline .created-meta, .wo-card .meta-inline .last-change-meta { flex:1 1 50%; }
@media (max-width: 576px){
  .wo-card .meta-inline { flex-direction: column !important; }
  .wo-card .meta-inline .last-change-meta { text-align: left !important; }
}
/* Keep Assigned: <select> inline */
.wo-card #wo-assign-form { flex-wrap: nowrap; }
.wo-card #wo-assign-form label { white-space: nowrap; }
.wo-card #wo-assign-form select { width: auto; }
@media (max-width: 576px){
  .wo-card #wo-assign-form { flex-wrap: wrap; }
  .wo-card #wo-assign-form select { width: 100%; }
}
/* Inline editable title */
.editable-title { cursor: text; border-bottom: 1px dashed transparent; padding:2px 4px; border-radius:4px; }
.editable-title:focus, .editable-title:hover { background:#f1f3f5; border-bottom-color:#adb5bd; outline:none; }
#woTitleInput { max-width:420px; }
#priorityBadge.pointer { cursor:pointer; }
.priority-menu { position:absolute; margin-top:4px; background:#fff; border:1px solid #ced4da; border-radius:4px; padding:4px; z-index:20; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.priority-menu .dropdown-item { width:100%; text-align:left; background:none; border:none; }
.priority-menu .dropdown-item:hover { background:#f8f9fa; }
/* Nested cards inside work order */
.wo-card .nested-card { border:1px solid #e2e6ea; }
.wo-card .nested-card .card-header { background:#f8f9fa; }
.wo-card .nested-card textarea { font-size:.9rem; }
@media (max-width: 575.98px){
  .wo-card .wo-meta { flex-direction: column !important; }
}

/* Work order close (return) link */
.wo-card .wo-close-link {
  font-size: 1.35rem;
  line-height: 1;
  text-decoration: none;
  color: #495057;
  padding: .25rem .55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9ecef;
  border: 1px solid #ced4da;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.wo-card .wo-close-link:hover,
.wo-card .wo-close-link:focus {
  color: #fff;
  background: #dc3545;
  border-color: #dc3545;
  box-shadow: 0 4px 10px rgba(220,53,69,.35);
  transform: scale(1.06);
  text-decoration: none;
  outline: none;
}
.wo-card .wo-close-link:active {
  transform: scale(.94);
}
.wo-card .wo-close-link:focus-visible { outline: 3px solid rgba(220,53,69,.55); outline-offset: 2px; }
.wo-card .wo-header-row { position: relative; }

/* Work orders page helper classes (replace inline styles) */
.wo-title-flex { flex: 1 1 auto; min-width: 180px; }
.assign-min-width { min-width: 160px; }
.badge-min-70 { min-width: 70px; }
.badge-min-65 { min-width: 65px; }
.wo-list-max { max-width: 260px; }
.wo-link-max { max-width: 240px; display: inline-block; }
.actions-col { width: 260px; }

/* Vendors page helpers */
.vendors-debug-panel {
  position: fixed;
  right: 12px;
  bottom: 12px;
  width: 320px;
  max-height: 45vh;
  overflow: auto;
  background: rgba(0,0,0,0.85);
  color: #fff;
  font-size: 12px;
  z-index: 99999;
  border-radius: 6px;
  padding: 8px;
}
.vendors-debug-heading { font-weight: 600; margin-bottom: 6px; }
.vendors-debug-line { padding: 4px 0; border-top: 1px solid rgba(255,255,255,0.06); }
.vendors-debug-body { max-height: 40vh; overflow: auto; }
.available-services-wrap.d-none { display: none; }
.available-services-list { max-height: 160px; overflow: auto; }
.facility-item-min { min-width: 180px; }
.toast-root { z-index: 1080; }

/* MedMinder logo small variant */
.medminder-logo { height: 30px; margin-right: 10px; }
/* Large medminder logo variant */
.medminder-logo-large { height: 200px; }

/* Table column width utilities */
.col-width-140 { width: 140px; }

/* Work orders list table tweaks */
.work-orders-table .elapsed-time[data-nowrap="1"] { white-space: nowrap; display: inline-block; }
.work-orders-table td, .work-orders-table th { vertical-align: middle; }
@media (max-width: 576px){
  .work-orders-table .wo-list-title a { font-weight: 600; }
  .work-orders-table .badge { font-size: .55rem; letter-spacing:.5px; }
  .work-orders-table .elapsed-time { font-size: .7rem; }
  .work-orders-table td { padding: .4rem .5rem; }
}

/* Login page specific styles to replace inline styles */
.welcome-title {
  font-family: 'Century Schoolbook', serif;
  font-size: 24pt;
}
.login-logo {
  max-width: 650px;
  width: 100%;
  height: auto;
}