/* =========================
   Seg Toggle (공용)
   ========================= */
.seg{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border:1px solid var(--line, #e5e7eb);
  border-radius:var(--ui-radius);
  background:#fff;
}

.seg .seg-btn{
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  padding:8px 12px;
  border-radius:var(--ui-radius-sm);
  cursor:pointer;
  font-weight:500;
  color:rgba(15,23,42,.78);
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.seg .seg-btn:hover{
  border-color:rgba(148,163,184,.65);
  background:rgba(148,163,184,.10);
}

.seg .seg-btn.is-active{
  color:#0f172a;
  border-color:rgba(148,163,184,.9);
  background:rgba(148,163,184,.14);
}

/* 점검구분 의미색은 inspection-kind-badge.css의 inspection-kind-choice가 단독으로 담당한다. */

/* user_list row clickable */
tr.clickable-row {
  cursor: pointer;
  transition: background-color .15s ease;
}

tr.clickable-row:hover {
  background-color: rgba(0,0,0,.035);
}




/* 2026-08-26 PWA UPDATE NOTICE */
.pwa-runtime-notice{
  position:fixed;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:26000;
  display:flex;
  align-items:center;
  gap:12px;
  width:min(560px,calc(100% - 24px));
  min-height:58px;
  padding:10px 12px;
  border:1px solid #aac6eb;
  border-radius:var(--ui-radius-lg);
  background:#fff;
  color:#213a59;
  box-shadow:0 12px 32px rgba(15,23,42,.20);
}
.pwa-runtime-notice[hidden]{display:none!important}
.pwa-runtime-notice.is-offline{border-color:#efc27f;background:#fffaf1;color:#80561b}
.pwa-runtime-notice-copy{display:grid;gap:2px;min-width:0;flex:1}
.pwa-runtime-notice-copy strong{font-size:13px;color:inherit}
.pwa-runtime-notice-copy span{font-size:11px;line-height:1.4;color:#617187}
.pwa-runtime-notice.is-offline .pwa-runtime-notice-copy span{color:#8a6b3d}
.pwa-runtime-notice-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.pwa-runtime-notice-actions button{
  min-height:var(--ui-control-height-sm);
  padding:0 12px;
  border:1px solid #a9bdd8;
  border-radius:var(--ui-radius-sm);
  background:#fff;
  color:#31577f;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.pwa-runtime-notice-actions button.is-primary{border-color:#4f86d7;color:#1d5fbf}
@media(max-width:560px){
  .pwa-runtime-notice{align-items:stretch;flex-direction:column;gap:8px}
  .pwa-runtime-notice-actions{display:grid;grid-template-columns:1fr 1fr}
  .pwa-runtime-notice-actions button{width:100%}
}

/* 2026-08-26 PWA notice viewport containment fix. */
.pwa-runtime-notice{
  transform:translateX(-50%);
  box-sizing:border-box;
  max-width:calc(100vw - 20px);
}
.pwa-runtime-notice-actions,
.pwa-runtime-notice-copy{
  max-width:100%;
}
.pwa-runtime-notice-actions button{
  box-sizing:border-box;
  white-space:nowrap;
}
@media(max-width:560px){
  .pwa-runtime-notice{
    left:50%;
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    bottom:max(10px,env(safe-area-inset-bottom));
    padding:10px;
  }
  .pwa-runtime-notice-actions{
    width:100%;
    min-width:0;
  }
  .pwa-runtime-notice-actions button{
    min-width:0;
    padding:0 8px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}