/* Generated by tools/split-subpage-css.php. Edit assets/css/source/subpage-modern.full.css instead. */
.server-time-heading { margin-bottom: 28px; }
.server-time-eyebrow { margin: 0 0 8px; color: #08765f; font-size: .8rem; font-weight: 900; }
.server-time-heading h1 { margin-bottom: 12px; color: #172033; }
.server-time-heading > p:last-child { max-width: 790px; margin: 0; color: #5b687b; font-size: .95rem; line-height: 1.72; }
.server-time-tool { overflow: hidden; border: 1px solid #d9e1eb; border-radius: 8px; background: #fff; }
.server-time-tool [hidden] { display: none !important; }
.server-time-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 14px; padding: 24px; border-bottom: 1px solid #e2e7ee; background: #f7fafc; }
.server-time-form-copy { grid-column: 1 / -1; }
.server-time-form-copy h2 { margin: 0 0 7px; color: #172033; font-size: 1.22rem; }
.server-time-form-copy p { margin: 0; color: #68768a; font-size: .84rem; }
.server-time-url-field { display: grid; min-width: 0; gap: 7px; }
.server-time-url-field span { color: #334155; font-size: .78rem; font-weight: 900; }
.server-time-url-field input { width: 100%; height: 50px; margin: 0; }
.server-time-actions { display: flex; gap: 8px; align-items: end; }
.server-time-actions button { width: auto; min-height: 50px; margin: 0; padding: 0 20px; border-radius: 7px; box-shadow: none; white-space: nowrap; }
.server-time-primary { background: #08765f !important; color: #fff !important; }
.server-time-secondary { background: #e7edf4 !important; color: #314158 !important; }
.server-time-status { margin: 0; padding: 12px 24px; border-bottom: 1px solid #e2e7ee; background: #edf6ff; color: #24547e; font-size: .8rem; }
.server-time-status[data-type="success"] { background: #ecf8f3; color: #08765f; }
.server-time-status[data-type="error"] { background: #fff1f2; color: #b42335; }
.server-time-quick { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); gap: 20px; align-items: center; padding: 22px 24px; border-bottom: 1px solid #e2e7ee; }
.server-time-quick h3 { margin: 0 0 6px; color: #26364b; font-size: .96rem; }
.server-time-quick p { margin: 0; color: #748198; font-size: .74rem; line-height: 1.55; }
.server-time-quick-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.server-time-quick-list button, .server-time-history-list button { width: 100%; min-height: 42px; margin: 0; padding: 0 10px; border: 1px solid #d8e1eb; border-radius: 6px; background: #f5f8fb; color: #42536a; box-shadow: none; font-size: .74rem; font-weight: 900; }
.server-time-clock-panel { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 24px; align-items: center; min-height: 300px; padding: 26px 30px 22px; background: #172033; color: #fff; }
.server-time-clock-toolbar { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 10px 18px; padding-bottom: 16px; border-bottom: 1px solid #344157; }
.server-time-clock-toolbar label { display: inline-flex; gap: 7px; align-items: center; margin: 0; color: #d5dde8; font-size: .72rem; font-weight: 800; }
.server-time-clock-toolbar input { width: 17px; height: 17px; margin: 0; accent-color: #35c493; }
.server-time-clock-label { display: block; margin-bottom: 13px; color: #9fb2c9; font-size: .76rem; font-weight: 900; }
.server-time-clock { display: block; color: #fff; font-family: Consolas, "Courier New", monospace; font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 800; line-height: 1.15; letter-spacing: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.server-time-date { display: block; margin-top: 11px; color: #c7d2df; font-size: .84rem; }
.server-time-target-line { margin: 24px 0 0; color: #91a3b9; font-size: .76rem; }
.server-time-target-line b { display: inline-block; max-width: 100%; margin-left: 7px; overflow: hidden; color: #fff; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; }
.server-time-clock-actions { display: grid; gap: 7px; }
.server-time-clock-actions button { width: 100%; min-height: 38px; margin: 0; padding: 0 9px; border: 1px solid #4e6078; border-radius: 6px; background: #243249; color: #e7edf5; box-shadow: none; font-size: .68rem; font-weight: 900; }
.server-time-clock-actions button:disabled { opacity: .45; }
.server-time-limit { grid-column: 1 / -1; margin: 0; color: #9eacbf; font-size: .7rem; line-height: 1.55; }
.server-time-clock-panel[data-state="loading"] { box-shadow: inset 4px 0 #f4b942; }
.server-time-clock-panel[data-state="ready"] { box-shadow: inset 4px 0 #35c493; }
.server-time-clock-panel[data-state="error"] { box-shadow: inset 4px 0 #ef6674; }
.server-time-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid #e2e7ee; }
.server-time-metrics > div { min-width: 0; padding: 17px 16px; border-right: 1px solid #e2e7ee; border-bottom: 1px solid #e2e7ee; }
.server-time-metrics > div:nth-child(4n) { border-right: 0; }
.server-time-metrics > div:nth-last-child(-n+4) { border-bottom: 0; }
.server-time-metrics dt { margin-bottom: 7px; color: #748198; font-size: .68rem; font-weight: 900; }
.server-time-metrics dd { margin: 0; overflow-wrap: anywhere; color: #26364b; font-size: .82rem; font-weight: 900; }
.server-time-countdown { padding: 24px; border-bottom: 1px solid #e2e7ee; background: #f8fafc; }
.server-time-countdown-copy h2, .server-time-history h2 { margin: 0 0 5px; color: #172033; font-size: 1.1rem; }
.server-time-countdown-copy p, .server-time-history p { margin: 0; color: #68768a; font-size: .78rem; }
.server-time-countdown-form { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr); gap: 14px; margin-top: 18px; }
.server-time-countdown-form label { display: grid; gap: 7px; margin: 0; color: #334155; font-size: .75rem; font-weight: 900; }
.server-time-countdown-form input { width: 100%; height: 48px; margin: 0; }
.server-time-countdown-buttons { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; }
.server-time-countdown-buttons button { width: 100%; min-height: 48px; margin: 0; padding: 0 15px; border-radius: 6px; box-shadow: none; }
.server-time-alarms { display: flex; flex-wrap: wrap; gap: 10px 15px; align-items: center; margin: 18px 0 0; padding: 14px 0 0; border: 0; border-top: 1px solid #e1e7ef; }
.server-time-alarms legend { width: 100%; margin: 0 0 8px; color: #334155; font-size: .76rem; font-weight: 900; }
.server-time-alarms label { display: inline-flex; gap: 6px; align-items: center; margin: 0; color: #516074; font-size: .72rem; }
.server-time-alarms input { width: 17px; height: 17px; margin: 0; accent-color: #08765f; }
.server-time-alarms button { width: auto; min-height: 38px; margin: 0 0 0 auto; padding: 0 13px; border: 1px solid #cad5e2; border-radius: 6px; background: #fff; color: #314158; box-shadow: none; font-size: .7rem; }
.server-time-countdown-display { position: relative; margin-top: 18px; padding: 20px; border: 1px solid #d9e3ec; border-radius: 7px; background: #fff; }
.server-time-countdown-display > span { display: block; color: #748198; font-size: .7rem; font-weight: 900; }
.server-time-countdown-display strong { display: block; margin-top: 8px; color: #172033; font-family: Consolas, "Courier New", monospace; font-size: clamp(1.55rem, 4vw, 2.35rem); line-height: 1.2; white-space: nowrap; font-variant-numeric: tabular-nums; }
.server-time-countdown-display p { margin: 8px 0 0; color: #68768a; font-size: .75rem; }
.server-time-countdown-display b { position: absolute; top: 50%; right: 20px; color: #08765f; font-size: 2.2rem; transform: translateY(-50%); }
.server-time-countdown-display b[data-urgent="true"] { color: #c23b4b; }
.server-time-visibility { margin: 0; padding: 12px 24px; border-bottom: 1px solid #f1d69b; background: #fff8e7; color: #755116; font-size: .76rem; }
.server-time-history { display: grid; grid-template-columns: minmax(150px, .55fr) minmax(0, 1.45fr) auto; gap: 16px; align-items: center; padding: 22px 24px; }
.server-time-history-list { display: flex; min-width: 0; flex-wrap: wrap; gap: 7px; }
.server-time-history-list button { width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.server-time-history-list p { padding: 8px 0; }
.server-time-history > button { width: auto; min-height: 38px; margin: 0; padding: 0 12px; border: 1px solid #d8e1eb; border-radius: 6px; background: #fff; color: #526174; box-shadow: none; font-size: .68rem; }
.server-time-tool.is-mini .server-time-form, .server-time-tool.is-mini .server-time-quick, .server-time-tool.is-mini .server-time-status, .server-time-tool.is-mini .server-time-metrics, .server-time-tool.is-mini .server-time-history { display: none; }
.server-time-tool.is-mini .server-time-clock-panel { min-height: 330px; }
.server-time-tool:fullscreen { overflow: auto; width: 100%; height: 100%; border: 0; border-radius: 0; background: #fff; }
.server-time-tool:fullscreen .server-time-clock-panel { min-height: 55vh; }
.server-time-guide { margin-top: 44px; padding-top: 30px; border-top: 1px solid #dde4ed; }
.server-time-guide > header p, .server-time-guide > p, .server-time-guide li { color: #5f6d80; font-size: .88rem; line-height: 1.75; }
.server-time-guide > h2 { margin: 36px 0 10px; color: #172033; font-size: 1.35rem; }
.server-time-guide ol { margin: 0 0 18px 1.2rem; padding: 0; }
.server-time-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.server-time-guide-grid section { margin-bottom: 0; padding: 21px 0; border-bottom: 1px solid #e2e7ee; }
.server-time-guide-grid h3 { margin-bottom: 8px; color: #26364b; font-size: 1rem; }
.server-time-guide-grid p { margin: 0; color: #5f6d80; font-size: .85rem; line-height: 1.75; }
.server-time-site-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.server-time-site-grid section { padding: 18px; border: 1px solid #dfe6ee; border-radius: 7px; background: #f8fafc; }
.server-time-site-grid h3 { margin: 0 0 7px; color: #26364b; font-size: .92rem; }
.server-time-site-grid p { margin: 0; color: #68768a; font-size: .8rem; line-height: 1.65; }
.server-time-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 13px; margin-top: 24px; padding: 17px 18px; border: 1px solid #d7e4df; border-radius: 7px; background: #f1f8f5; }
.server-time-note strong { color: #08765f; font-size: .8rem; }
.server-time-note p { margin: 0; color: #5c6c65; font-size: .8rem; line-height: 1.65; }
.server-time-faq, .server-time-sources { margin-top: 44px; padding-top: 30px; border-top: 1px solid #dde4ed; }
.server-time-faq > h2, .server-time-sources > h2 { margin-bottom: 18px; color: #172033; font-size: 1.4rem; }
.server-time-faq details { border-bottom: 1px solid #dfe6ee; }
.server-time-faq summary { padding: 16px 4px; color: #26364b; font-size: .9rem; font-weight: 900; cursor: pointer; }
.server-time-faq details p { margin: 0; padding: 0 4px 17px; color: #5f6d80; font-size: .84rem; line-height: 1.7; }
.server-time-sources ul { margin: 0; }
.server-time-sources li { margin-bottom: 7px; font-size: .82rem; }
.server-time-sr-only { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.server-time-page #content .tool-engagement-related { content-visibility: visible; contain: none; }
.server-time-page #content .tool-engagement-related-link { height: 100%; contain: none; }
@media (max-width: 760px) {
.server-time-form, .server-time-quick, .server-time-guide-grid, .server-time-site-grid, .server-time-countdown-form, .server-time-history { grid-template-columns: 1fr; }
.server-time-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.server-time-actions button { width: 100%; }
.server-time-quick-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.server-time-clock-panel { grid-template-columns: 1fr; min-height: 275px; padding: 24px 20px; }
.server-time-clock-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.server-time-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.server-time-metrics > div:nth-child(odd) { border-right: 1px solid #e2e7ee; }
.server-time-metrics > div:nth-child(even) { border-right: 0; }
.server-time-metrics > div:nth-last-child(-n+4) { border-bottom: 1px solid #e2e7ee; }
.server-time-metrics > div:nth-last-child(-n+2) { border-bottom: 0; }
.server-time-history-list { align-items: stretch; }
.server-time-history > button { justify-self: start; }
}
@media (max-width: 460px) {
.server-time-heading > p:last-child { font-size: .88rem; }
.server-time-form, .server-time-quick, .server-time-countdown, .server-time-history { padding-right: 16px; padding-left: 16px; }
.server-time-actions, .server-time-quick-list, .server-time-metrics, .server-time-clock-actions, .server-time-countdown-buttons { grid-template-columns: 1fr; }
.server-time-clock { font-size: clamp(1.65rem, 10vw, 2.15rem); }
.server-time-clock-toolbar { display: grid; grid-template-columns: 1fr 1fr; }
.server-time-metrics > div { border-right: 0 !important; border-bottom: 1px solid #e2e7ee !important; }
.server-time-metrics > div:last-child { border-bottom: 0 !important; }
.server-time-alarms button { width: 100%; margin-left: 0; }
.server-time-countdown-display { padding: 17px; }
.server-time-countdown-display strong { font-size: clamp(1.25rem, 7.5vw, 1.75rem); }
.server-time-countdown-display b { position: static; display: block; margin-top: 8px; transform: none; }
}