/* Preserve the content box; borrow existing modal padding for ink overflow.
   The body remains a scroll container, including in short mobile viewports. */
:root .modal-box > .modal-body {
  margin: -12px;
  padding: 12px 16px 12px 12px;
}

/* Shared page tabs keep horizontal scrolling and their existing 2px padding.
   Equal negative margins preserve the header's layout and button positions. */
.niva-seg[role="tablist"] {
  padding: 14px 12px;
  margin: -12px;
  max-width: calc(100% + 24px);
}

/* The announcement marker's 3px halo belongs inside its text clip.
   Keep text truncation, the marker position and the row's hit area intact. */
.notice-card .announcement-box .notice-text {
  padding-left: 3px;
  margin-left: -3px;
}

/* Mobile device choices keep their scrolling/wrapping behavior and line width. */
@media (max-width: 767.98px) {
  :root .dashboard-layout .qi .qi-plats {
    padding: 14px 12px;
    margin: -12px;
    max-width: calc(100% + 24px);
  }
}