.portal-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
body.msb-portal #topbar .portal-clock-row{width:auto;position:static;display:block;margin:0;padding:0;max-width:100%}
.portal-clock-row[hidden]{display:none}
.portal-clock{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap;column-gap:4px;row-gap:0;background:transparent;border:0;padding:0;box-shadow:none;text-shadow:none;font:700 11px/1.35 Lexend,Arial,sans-serif;color:#fff;user-select:text}
.portal-clock-day{display:flex;gap:4px;white-space:nowrap;color:inherit;font:inherit}
[data-clock-weekday]::after{content:','}
.portal-clock-time{white-space:nowrap;color:inherit;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:0}
.portal-clock-time::before{content:'pukul ';font:inherit}
.portal-clock-seconds,.portal-clock-zone{color:inherit;font:inherit}
.portal-clock-zone{margin-left:4px}
.portal-clock-seconds{color:#ff7373}
.portal-page-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 16px}
.portal-break-panel{flex:0 1 auto;max-width:55%;margin-left:auto;padding-top:8px;text-align:right}
.portal-break-panel[hidden]{display:none}
.portal-clock-break,.portal-clock-break-warning{margin:2px 0 0;text-align:right;font:700 10px/1.35 Lexend,Arial,sans-serif;white-space:normal}
.portal-clock-break{color:#c62828;animation:clock-rest-pulse 1.6s ease-in-out infinite}
.portal-clock-break-warning{color:#c62828}
.portal-clock-break[hidden],.portal-clock-break-warning[hidden]{display:none}
@keyframes clock-rest-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.portal-clock-break{animation:none}}
body.msb-portal #app,body.msb-portal #app.lebar,body.msb-portal #bar-kembali,body.msb-portal #bar-kembali.lebar{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}
body.msb-portal .sapaan-portal{box-sizing:border-box;flex:1;min-width:0;margin:0;padding:8px 0 0;max-width:none;text-align:left;overflow-wrap:anywhere;text-shadow:none;font:600 11px/1.4 Lexend,Arial,sans-serif;color:#17365c}
body.msb-portal .sapaan-portal[hidden]{display:none}
@media(max-width:600px){.portal-clock{font-size:9px}.portal-header-actions{gap:3px;flex:1}header#topbar .portal-header-actions nav{gap:10px;font-size:12px}.portal-page-meta{padding-left:12px;padding-right:12px;gap:8px}}
@media(max-width:380px){header#topbar .portal-header-actions nav{gap:7px;font-size:11px}.portal-clock{font-size:8px}}
@media(max-width:600px){.portal-clock-break,.portal-clock-break-warning{font-size:9px}}
@media print{.portal-clock-row,.portal-page-meta,body.msb-portal .sapaan-portal{display:none!important}}

/* Jarak menu dan tanggal/jam portal. */
body.msb-portal #topbar .portal-header-actions{gap:12px;padding-top:4px;padding-bottom:4px}
body.msb-portal #topbar .portal-header-actions>nav{line-height:1.5;row-gap:8px}
body.msb-portal #topbar .portal-clock{line-height:1.5;column-gap:8px}
@media(max-width:600px){
 body.msb-portal #topbar .portal-header-actions{gap:10px}
}