/* Team portal and staff tools opened from it.
   Shared mobile safety net: no horizontal scroll, readable type, tappable controls. */
html {
    -webkit-text-size-adjust: 100%;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

img,
video,
iframe,
svg,
canvas {
    max-width: 100%;
}

@media (max-width: 768px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea {
        font-size: 16px !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    .table-responsive,
    .scroll-x,
    [class*="table-wrap"] {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}