/* Hours add-button correction: preserve the existing button and click handler. */
.hours-heading {
  min-width: 0;
}
.hours-heading h1 {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.hours-heading .primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: auto;
  height: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  flex: 0 1 auto;
  padding: 12px 16px;
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  box-shadow: 0 4px 10px #dc262626;
}
.hours-heading .primary:hover:not(:disabled) {
  border-color: #b91c1c;
  background: #b91c1c;
  color: #fff;
}
.hours-heading .primary > svg {
  flex-shrink: 0;
  color: inherit;
  stroke: currentColor;
}
.hours-heading .primary span {
  position: static;
  width: auto;
  height: auto;
  min-width: 0;
  overflow: visible;
  clip-path: none;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 1000px) {
  .hours-heading {
    flex-wrap: wrap;
    gap: 12px;
  }
}

/* Attendance confirmation: keep intrinsic field heights inside the scrolling body. */
body dialog[aria-labelledby="attendance-manual-title"]{box-sizing:border-box;padding:0;overflow:hidden;border-radius:22px}
body dialog[aria-labelledby="attendance-manual-title"][open]{display:flex;flex-direction:column}
body dialog[aria-labelledby="attendance-manual-title"] [class*="dialogHeader"],
body dialog[aria-labelledby="attendance-manual-title"] [class*="dialogFooter"]{position:relative;flex:0 0 auto;min-width:0}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualBody"]{flex:1 1 auto;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:14px;overflow-x:hidden;overflow-y:auto;scroll-padding-block:12px;padding:14px;font-size:13px;line-height:1.5}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualBody"]>*{box-sizing:border-box;min-width:0;max-width:100%;height:auto;flex-shrink:0}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualChoice"]{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;height:auto;min-height:48px;max-height:none;padding:12px;margin:0;border-radius:14px;white-space:normal;line-height:1.5}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualChoice"]>span{min-width:0;height:auto;max-height:none;white-space:normal;overflow:visible;overflow-wrap:break-word}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualChoice"]>input{align-self:start;box-sizing:border-box;width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:2px 0 0}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualUpload"]{height:auto;gap:8px;line-height:1.5}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualUpload"]>input[type="file"]{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:auto;min-height:46px;padding:5px;border-radius:12px;font-size:0;color:transparent;overflow:hidden;cursor:pointer}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualUpload"]>input[type="file"]::file-selector-button{box-sizing:border-box;width:100%;max-width:100%;min-height:34px;margin:0;padding:6px 12px;border:0;border-radius:8px;background:#edf5f8;color:#174e63;font:600 13px/1.5 system-ui,sans-serif;white-space:nowrap;cursor:pointer}
body dialog[aria-labelledby="attendance-manual-title"] [class*="proofNotice"]{padding:12px;border-radius:14px;line-height:1.6}
body dialog[aria-labelledby="attendance-manual-title"] .signbox{height:auto;min-width:0;border-radius:14px}
body dialog[aria-labelledby="attendance-manual-title"] .sign-head{min-width:0;gap:10px}
body dialog[aria-labelledby="attendance-manual-title"] .sign-head>span{min-width:0;line-height:1.5}
body dialog[aria-labelledby="attendance-manual-title"] .sign-head>button{font-size:12px;line-height:1.4;text-decoration:none}
body dialog[aria-labelledby="attendance-manual-title"] .signature canvas{height:140px;max-height:140px}
body dialog[aria-labelledby="attendance-manual-title"] [class*="dialogFooter"]>button{min-width:0;min-height:44px;height:auto;padding:11px 8px;font-size:13px;line-height:1.4;white-space:nowrap;border-radius:14px}
body dialog[aria-labelledby="attendance-manual-title"] [class*="manualUpload"]:focus-within{outline:2px solid #185f9f;outline-offset:4px;border-radius:12px}
@media(max-width:380px){body dialog[aria-labelledby="attendance-manual-title"] [class*="manualBody"]{padding:10px;gap:12px}body dialog[aria-labelledby="attendance-manual-title"] [class*="manualChoice"]{padding:10px}}
