/* --------------------------------------------------------------------------
   Content. No fixed heights: <main> simply grows, and the page scrolls normally.
   -------------------------------------------------------------------------- */
.inn-shell .container-forms {
    flex: 1 1 auto;
    width: 100%;
    padding: var(--k-pad-side);
}

.inn-shell .form-wrapper {
    width: 100%;
}

.inn-shell .form-body {
    width: 100%;
}

/* Carried over from site.css so dropping that file cannot regress a page body. */
.inn-shell .container-forms-body {
    padding-bottom: 5px;
}

.inn-shell i[data-toggle="tooltip"] {
    color: #929392;
}

.inn-shell i[data-toggle="tooltip"]:hover {
    color: var(--c-fg);
}

.inn-shell .tooltip {
    pointer-events: none;
}

.inn-shell a.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   Action area. In the legacy shell this is position:fixed, which is what lets it
   cover a focused field or the validation summary on small viewports. Here it is
   an ordinary flow item at the end of the shell, so it can never overlap content.
   The class name is kept for compatibility.
   -------------------------------------------------------------------------- */
.inn-shell .fixed-bottom-navigation {
    flex: none;
    position: static;
    padding: 12px var(--k-pad-side);
    border-top: 1px solid var(--c-divider);
    background: var(--c-surface-2);
}