.portal-clock-row{position:fixed;top:calc(var(--clock-header-height,60px) + 8px);right:max(12px,calc((100vw - 1200px)/2 + 16px));z-index:14;display:flex;justify-content:flex-end;margin:0;padding:0;max-width:calc(100vw - 24px)}
.portal-clock-row[hidden]{display:none}
.portal-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;white-space:nowrap;flex-shrink:0;background:transparent;border:0;border-radius:0;padding:5px 8px;box-shadow:none;text-shadow:0 0 3px #fff,0 1px 2px #fff;min-width:132px;line-height:1.25;user-select:text}
.portal-clock-day{display:flex;justify-content:center;gap:6px;width:100%;font-size:10px;font-weight:700;color:#000}
.portal-clock-time{font:700 19px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#0757c8}
.portal-clock-seconds{color:#c62828}
.portal-clock-zone{font:600 10px/1.1 Lexend,Arial,sans-serif;margin-left:4px;color:#0757c8}
@media(max-width:600px){.portal-clock-row{right:12px}.portal-clock{min-width:121px;padding:4px 6px}.portal-clock-time{font-size:17px}.portal-clock-day{font-size:9px}}
@media print{.portal-clock-row{display:none!important}}
/* Desktop: sudut kanan viewport, dengan ruang aman di luar isi portal. */
@media screen and (min-width:1024px){
 .portal-clock-row{right:12px}
 body.msb-portal #app,body.msb-portal #bar-kembali{width:calc(100% - 156px);max-width:1200px;margin-left:max(0px,calc((100% - 156px - 1200px)/2));margin-right:156px}
 body.msb-portal #app.lebar,body.msb-portal #bar-kembali.lebar{max-width:none;margin-left:0}
}