/* TK Maintenance System 0.2.7 */
.login-card {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(255, 255, 255, .62);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .36);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}

.login-card input {
  background: rgba(255, 255, 255, .70);
  border-color: rgba(160, 176, 189, .58);
}

.schedule-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, .58fr);
  gap: 10px;
}

.login-frame-lights {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.login-frame-lights i {
  --light-delay: 0s;
  position: absolute;
  display: block;
  background: none;
  filter: none;
}

.login-frame-lights svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.login-frame-lights polygon {
  fill: none;
  stroke: #d9f9ff;
  stroke-width: 2.4;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-dasharray: 1.6 98.4;
  stroke-dashoffset: 0;
  filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #42d9ff);
  animation: tk-frame-light 4.2s linear infinite;
  animation-delay: var(--light-delay);
}

.login-frame-lights .light-maintenance {left: 68.8%; top: 7.5%; width: 9.7%; height: 22.5%;}
.login-frame-lights .light-inspection  {left: 78.8%; top: 14.1%; width: 9.4%; height: 22.2%; --light-delay: -.7s;}
.login-frame-lights .light-repair      {left: 90.7%; top: 27.0%; width: 8.8%; height: 22.2%; --light-delay: -1.4s;}
.login-frame-lights .light-monitoring  {left: 86.7%; top: 46.2%; width: 9.7%; height: 23.1%; --light-delay: -2.1s;}
.login-frame-lights .light-safety      {left: 79.5%; top: 62.5%; width: 9.7%; height: 23.4%; --light-delay: -2.8s;}

@keyframes tk-frame-light {to {stroke-dashoffset: -100;}}

@media (prefers-reduced-motion: reduce) {
  .login-frame-lights polygon {animation: none; opacity: .48;}
}

@media (max-width: 1000px), (max-aspect-ratio: 4/3) {
  .login-frame-lights {display: none;}
}

@media (max-width: 640px) {
  .login-card {background: rgba(255, 255, 255, .82) !important;}
  .schedule-fields {grid-template-columns: minmax(0, 1fr) minmax(112px, .72fr);}
}
.language-switch{display:flex;gap:6px;align-items:center;margin:0 0 14px}.language-switch a{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid rgba(148,163,184,.45);border-radius:999px;color:inherit;text-decoration:none;font-size:14px}.language-switch a.active{background:#fbbf24;color:#111827;border-color:#fbbf24;font-weight:700}.login-language{justify-content:center;margin-bottom:18px}html[lang="my"] body{font-family:"Noto Sans Myanmar","Myanmar Text","Noto Sans Thai",Arial,sans-serif}html[lang="my"] .btn,html[lang="my"] input,html[lang="my"] select,html[lang="my"] textarea{font-family:inherit}
.checklist-translation-row{padding:10px 0;border-bottom:1px solid #e5e7eb}.checklist-translation-row>p{margin:0 0 8px}.checklist-translation-row .actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.checklist-translation-row input{min-width:0}
@media(max-width:640px){.checklist-translation-row .actions{grid-template-columns:1fr}.language-switch a{min-height:42px;padding:8px 14px}}
.group-translation-form{margin:12px 0 18px;padding:14px;border:1px solid #d9e1e5;border-radius:12px;background:#f8fafb}.group-translation-form>label{display:block;font-weight:700;margin-bottom:7px}.group-translation-form .actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:6px}.group-translation-form input{min-width:0}@media(max-width:640px){.group-translation-form .actions{grid-template-columns:1fr}}