/* -------------------------------------------------------------------------- The shell frame. #appBox is kept as the id because five tenant override files and both tenant scripts target it and the classes inside it. -------------------------------------------------------------------------- */ .inn-shell { display: flex; flex-direction: column; width: 92%; max-width: var(--k-shell-max); margin: 0 auto; background: var(--c-bg); border: 1px solid var(--c-border); border-radius: var(--k-radius); box-shadow: 0 2px 14px rgba(16, 25, 34, 0.12); /* Deliberately no height and no overflow clipping. Height is decided by content, and clipping here would cut off the Bootstrap confirmation modal, which Bootstrap 5 renders in place rather than moving to . The stripe rounds its own corners instead of relying on the frame to clip it. */ } .inn-stripe { flex: none; height: 6px; background: var(--k-stripe); border-radius: var(--k-radius) var(--k-radius) 0 0; }