/* INOCUIDAD360 1.9.17 - responsive mobile-first correction
 * Keeps the desktop layout intact and turns the application into a true
 * vertical mobile experience with an off-canvas navigation drawer.
 */

html.mi360-app-html,
body.mi360-app-page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body.mi360-app-page #page,
body.mi360-app-page .site,
body.mi360-app-page .site-content,
body.mi360-app-page .content-area,
body.mi360-app-page .site-main,
body.mi360-app-page .ast-container,
body.mi360-app-page .site-content > .ast-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mi360-app-page header#masthead,
body.mi360-app-page .site-header,
body.mi360-app-page .ast-primary-header-bar,
body.mi360-app-page .main-header-bar,
body.mi360-app-page .site-primary-header-wrap,
body.mi360-app-page .site-below-header-wrap,
body.mi360-app-page .site-above-header-wrap,
body.mi360-app-page footer#colophon,
body.mi360-app-page .site-footer {
  display: none !important;
}

.mi-app-shell,
.mi-app-shell *,
.mi-app-shell *::before,
.mi-app-shell *::after {
  box-sizing: border-box;
}

.mi-app-shell img,
.mi-app-shell svg,
.mi-app-shell video,
.mi-app-shell canvas {
  max-width: 100%;
}

/* Tablet and mobile: navigation becomes an off-canvas drawer. */
@media (max-width: 1024px) {
  .mi-app-shell.mi-shell-v130 {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: 100dvh !important;
    overflow-x: clip !important;
  }

  .mi-shell-v130 .mi-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    left: 0 !important;
    width: min(88vw, 320px) !important;
    max-width: 320px !important;
    height: 100dvh !important;
    transform: translate3d(-105%, 0, 0) !important;
    transition: transform .24s ease !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 10020 !important;
    overflow: hidden !important;
  }

  .mi-shell-v130.mi-menu-open .mi-sidebar {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: 22px 0 55px rgba(4, 18, 48, .38) !important;
  }

  .mi-shell-v130.mi-menu-open::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 10010;
    background: rgba(3, 12, 30, .55);
    backdrop-filter: blur(2px);
  }

  .mi-shell-v130 .mi-side-nav {
    height: calc(100dvh - 190px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .mi-shell-v130 .mi-app-main {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .mi-shell-v130 .mi-topbar {
    position: sticky !important;
    top: 0 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    z-index: 1000 !important;
  }

  .mi-shell-v130 .mi-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  .mi-shell-v130 .mi-topbar-left {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .mi-shell-v130 .mi-topbar-right {
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .mi-shell-v130 .mi-top-divider,
  .mi-shell-v130 .mi-top-title,
  .mi-shell-v130 .mi-global-search-wrap,
  .mi-shell-v130 .mi-user-chip > span:last-child {
    display: none !important;
  }

  .mi-shell-v130 .mi-back-panel,
  .mi-shell-v130 .mi-top-action {
    max-width: min(46vw, 190px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mi-shell-v130 .mi-app-content {
    flex: 1 0 auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow-x: hidden !important;
  }

  .mi-shell-v130 .mi-app-content > .mi-portal,
  .mi-shell-v130 .mi-app-content > .mi-module-page,
  .mi-shell-v130 .mi-portal,
  .mi-shell-v130 .mi-module-page,
  .mi-shell-v130 .mi-dashboard-home,
  .mi-shell-v130 .mi-aurora-workspace,
  .mi-shell-v130 .mi-planillas-center,
  .mi-shell-v130 .mi-license-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  /* Prevent fixed desktop columns from making the whole page horizontal. */
  .mi-shell-v130 .mi-command-center,
  .mi-shell-v130 .mi-ai-layout,
  .mi-shell-v130 .mi-command-copy,
  .mi-shell-v130 .mi-aurora-layout,
  .mi-shell-v130 .mi-license-grid,
  .mi-shell-v130 .mi-rs-fields,
  .mi-shell-v130 .mi-rs-search,
  .mi-shell-v130 .mi-form-meta,
  .mi-shell-v130 .mi-fields {
    min-width: 0 !important;
  }

  .mi-notification-panel {
    width: min(92vw, 440px) !important;
    max-width: 100vw !important;
  }
}

/* Phone layout: all content follows a vertical reading order. */
@media (max-width: 700px) {
  .mi-shell-v130 .mi-topbar-right {
    gap: 5px !important;
  }

  .mi-shell-v130 .mi-notification {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .mi-shell-v130 .mi-avatar {
    width: 34px !important;
    height: 34px !important;
    border-width: 2px !important;
  }

  .mi-shell-v130 .mi-logout {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
  }

  .mi-shell-v130 .mi-logout span {
    font-size: 17px !important;
  }

  .mi-shell-v130 .mi-app-content {
    padding: 12px !important;
  }

  .mi-shell-v130 .mi-ai-hero,
  .mi-shell-v130 .mi-hero-aurora,
  .mi-shell-v130 .mi-planillas-hero,
  .mi-shell-v130 .mi-aurora-workspace-head {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px 20px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .mi-shell-v130 .mi-ai-hero {
    padding-bottom: 138px !important;
  }

  .mi-shell-v130 .mi-ai-hero::after {
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    width: min(72vw, 250px) !important;
    height: 108px !important;
    transform: none !important;
    opacity: .48 !important;
  }

  .mi-shell-v130 .mi-ai-hero-copy,
  .mi-shell-v130 .mi-hero-aurora > div:first-child {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mi-shell-v130 .mi-ai-hero h1,
  .mi-shell-v130 .mi-hero-aurora h1,
  .mi-shell-v130 .mi-planillas-hero h1,
  .mi-shell-v130 .mi-aurora-workspace-head h1 {
    font-size: clamp(27px, 8vw, 34px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  .mi-shell-v130 .mi-ai-speech,
  .mi-shell-v130 .mi-ai-hero p,
  .mi-shell-v130 .mi-hero-aurora p,
  .mi-shell-v130 .mi-planillas-hero p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  .mi-shell-v130 .mi-ai-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .mi-shell-v130 .mi-ai-actions > *,
  .mi-shell-v130 .mi-aurora-button,
  .mi-shell-v130 .mi-ai-primary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .mi-shell-v130 .mi-ai-metrics,
  .mi-shell-v130 .mi-command-center,
  .mi-shell-v130 .mi-ai-layout,
  .mi-shell-v130 .mi-aurora-layout,
  .mi-shell-v130 .mi-quick-grid,
  .mi-shell-v130 .mi-planilla-grid,
  .mi-shell-v130 .mi-module-grid,
  .mi-shell-v130 .mi-form-grid,
  .mi-shell-v130 .mi-doc-grid,
  .mi-shell-v130 .mi-rs-list,
  .mi-shell-v130 .mi-license-summary,
  .mi-shell-v130 .mi-license-grid,
  .mi-shell-v130 .mi-rs-summary,
  .mi-shell-v130 .mi-rs-detail,
  .mi-shell-v130 .mi-rs-fields,
  .mi-shell-v130 .mi-rs-search,
  .mi-shell-v130 .mi-form-meta,
  .mi-shell-v130 .mi-fields {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 12px !important;
  }

  .mi-shell-v130 .mi-ai-metrics article,
  .mi-shell-v130 .mi-ai-panel,
  .mi-shell-v130 .mi-audit-card,
  .mi-shell-v130 .mi-command-copy,
  .mi-shell-v130 .mi-engine-panel,
  .mi-shell-v130 .mi-module-card,
  .mi-shell-v130 .mi-form-card,
  .mi-shell-v130 .mi-doc-card,
  .mi-shell-v130 .mi-planilla-card,
  .mi-shell-v130 .mi-form-shell,
  .mi-shell-v130 .mi-rs-card,
  .mi-shell-v130 .mi-rs-panel,
  .mi-shell-v130 .mi-license-card,
  .mi-shell-v130 .mi-license-login-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .mi-shell-v130 .mi-command-copy {
    display: block !important;
  }

  .mi-shell-v130 .mi-aurora-cube,
  .mi-shell-v130 .mi-ai-orb,
  .mi-shell-v130 .mi-aurora-orb {
    display: none !important;
  }

  .mi-shell-v130 .mi-planillas-toolbar,
  .mi-shell-v130 .mi-rs-toolbar,
  .mi-shell-v130 .mi-rs-panel-head,
  .mi-shell-v130 .mi-rs-card-top,
  .mi-shell-v130 .mi-license-header,
  .mi-shell-v130 .mi-license-savebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .mi-shell-v130 .mi-planillas-toolbar input,
  .mi-shell-v130 .mi-rs-search input,
  .mi-shell-v130 .mi-rs-search select,
  .mi-shell-v130 .mi-record-form input,
  .mi-shell-v130 .mi-record-form select,
  .mi-shell-v130 .mi-record-form textarea,
  .mi-shell-v130 .mi-license-field input,
  .mi-shell-v130 .mi-license-field select,
  .mi-shell-v130 .mi-license-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mi-shell-v130 .mi-status-filters {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .mi-shell-v130 .mi-status-filter {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  .mi-shell-v130 .mi-ai-alert {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .mi-shell-v130 .mi-ai-alert > a {
    grid-column: 2 !important;
  }

  .mi-shell-v130 .mi-chat-thread {
    height: 260px !important;
  }

  .mi-shell-v130 .mi-chat form,
  .mi-shell-v130 .mi-aurora-composer {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .mi-shell-v130 .mi-chat textarea,
  .mi-shell-v130 .mi-aurora-question,
  .mi-shell-v130 .mi-chat button[type="submit"],
  .mi-shell-v130 .mi-aurora-send {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Tables scroll inside their own card instead of widening the application. */
  .mi-shell-v130 .mi-table-wrap,
  .mi-shell-v130 .mi-rs-table-wrap,
  .mi-shell-v130 .mi-recent,
  .mi-shell-v130 .mi-public-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .mi-shell-v130 table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .mi-shell-v130 .mi-app-footer {
    width: 100% !important;
    padding: 16px 12px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 420px) {
  .mi-shell-v130 .mi-top-action,
  .mi-shell-v130 .mi-back-panel {
    max-width: 116px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
  }

  .mi-shell-v130 .mi-status-filters {
    grid-template-columns: 1fr !important;
  }

  .mi-shell-v130 .mi-ai-hero {
    padding: 22px 17px 126px !important;
  }

  .mi-shell-v130 .mi-ai-hero::after {
    width: 220px !important;
    height: 96px !important;
  }
}

/* INOCUIDAD360 1.9.19 — true vertical reading for records and documents. */
@media (max-width: 900px) {
  .mi-shell-v130 .mi-filled-hero,
  .mi-shell-v130 .mi-record-document-actions,
  .mi-shell-v130 .mi-record-title-block,
  .mi-shell-v130 .mi-record-paper-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .mi-shell-v130 .mi-filled-hero-action,
  .mi-shell-v130 .mi-record-document-actions > div,
  .mi-shell-v130 .mi-record-document-actions a,
  .mi-shell-v130 .mi-record-document-actions button {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .mi-shell-v130 .mi-filled-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .mi-shell-v130 .mi-filled-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .mi-shell-v130 .mi-filled-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .mi-shell-v130 .mi-record-code-box {
    min-width: 0 !important;
    width: 100% !important;
  }
  .mi-shell-v130 .mi-record-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .mi-shell-v130 .mi-record-meta-grid > div:nth-child(2) {
    border-right: 0 !important;
  }
  .mi-shell-v130 .mi-record-meta-grid > div:nth-child(-n+2) {
    border-bottom: 1px solid #e2e9f2 !important;
  }
  .mi-shell-v130 .mi-record-field-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .mi-shell-v130 .mi-record-field-row {
    grid-template-columns: minmax(120px, .8fr) minmax(0, 1.2fr) !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e4eaf2 !important;
  }
  .mi-shell-v130 .mi-record-field-row:last-child {
    border-bottom: 0 !important;
  }
  .mi-shell-v130 .mi-record-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .mi-shell-v130 .mi-filled-hero {
    padding: 26px 20px !important;
    border-radius: 20px !important;
  }
  .mi-shell-v130 .mi-filled-hero h1 {
    font-size: clamp(30px, 9vw, 40px) !important;
    overflow-wrap: anywhere !important;
  }
  .mi-shell-v130 .mi-filled-hero p {
    font-size: 15px !important;
  }
  .mi-shell-v130 .mi-filled-summary,
  .mi-shell-v130 .mi-filled-grid,
  .mi-shell-v130 .mi-record-meta-grid,
  .mi-shell-v130 .mi-record-signatures,
  .mi-shell-v130 .mi-record-evidence-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .mi-shell-v130 .mi-filled-group > header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .mi-shell-v130 .mi-filled-card {
    min-height: 0 !important;
  }
  .mi-shell-v130 .mi-record-paper-head,
  .mi-shell-v130 .mi-record-title-block,
  .mi-shell-v130 .mi-record-fields-document,
  .mi-shell-v130 .mi-record-observations,
  .mi-shell-v130 .mi-record-evidence,
  .mi-shell-v130 .mi-record-signatures {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .mi-shell-v130 .mi-record-paper-brand {
    text-align: left !important;
  }
  .mi-shell-v130 .mi-record-meta-grid > div {
    border-right: 0 !important;
    border-bottom: 1px solid #e2e9f2 !important;
  }
  .mi-shell-v130 .mi-record-meta-grid > div:last-child {
    border-bottom: 0 !important;
  }
  .mi-shell-v130 .mi-record-field-row {
    display: block !important;
    min-height: 0 !important;
  }
  .mi-shell-v130 .mi-record-field-row > span,
  .mi-shell-v130 .mi-record-field-row > strong {
    display: block !important;
    width: 100% !important;
  }
  .mi-shell-v130 .mi-record-paper-footer {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Convert operational tables into vertical cards on phones. */
  .mi-shell-v130 table.mi-responsive-table,
  .mi-shell-v130 table.mi-responsive-table tbody,
  .mi-shell-v130 table.mi-responsive-table tr,
  .mi-shell-v130 table.mi-responsive-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .mi-shell-v130 table.mi-responsive-table {
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .mi-shell-v130 table.mi-responsive-table thead {
    display: none !important;
  }
  .mi-shell-v130 table.mi-responsive-table tbody {
    display: grid !important;
    gap: 12px !important;
  }
  .mi-shell-v130 table.mi-responsive-table tr {
    overflow: hidden !important;
    border: 1px solid #dce6f2 !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(28, 63, 112, .07) !important;
  }
  .mi-shell-v130 table.mi-responsive-table tr.mi-empty-row td {
    text-align: center !important;
  }
  .mi-shell-v130 table.mi-responsive-table td {
    display: grid !important;
    grid-template-columns: minmax(105px, .85fr) minmax(0, 1.15fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px 13px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }
  .mi-shell-v130 table.mi-responsive-table td:last-child {
    border-bottom: 0 !important;
  }
  .mi-shell-v130 table.mi-responsive-table td::before {
    content: attr(data-label);
    color: #748198;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .07em;
  }
  .mi-shell-v130 table.mi-responsive-table .mi-open-document {
    white-space: normal !important;
  }
  .mi-shell-v130 .mi-recent-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .mi-shell-v130 .mi-sidebar-footer {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
  }
}

/* INOCUIDAD360 1.9.19 — final mobile containment pass. */
@media (max-width: 700px) {
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .mi-app-shell,.mi-app-main,.mi-app-content,.mi-app-content>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .mi-shell-v130 .mi-topbar{overflow:visible!important}
  .mi-shell-v130 .mi-topbar-left{min-width:0!important;overflow:hidden!important}
  .mi-shell-v130 .mi-topbar-right{flex:0 0 auto!important}
  .mi-shell-v130 .mi-top-title{display:block!important;max-width:40vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important}
  .mi-shell-v130 .mi-top-divider,.mi-shell-v130 .mi-top-company{display:none!important}
  .mi-shell-v130 .mi-user-chip,.mi-shell-v130 .mi-logout{display:none!important}
  .mi-shell-v130 .mi-notification{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .mi-shell-v130 .mi-module-page,
  .mi-shell-v130 .mi-planillas-center,
  .mi-shell-v130 .mi-water-history,
  .mi-shell-v130 .mi-regulatory-center,
  .mi-shell-v130 .mi-license-page,
  .mi-shell-v130 .mi-filled-documents,
  .mi-shell-v130 .mi-record-document-page{min-width:0!important;max-width:100%!important;overflow:visible!important}
  .mi-shell-v130 .mi-form-meta,
  .mi-shell-v130 .mi-fields,
  .mi-shell-v130 .mi-ph-manual-grid,
  .mi-shell-v130 .mi-license-grid,
  .mi-shell-v130 .mi-water-history-summary{grid-template-columns:minmax(0,1fr)!important}
  .mi-shell-v130 .mi-ph-manual-head,
  .mi-shell-v130 .mi-water-history-hero,
  .mi-shell-v130 .mi-regulatory-hero,
  .mi-shell-v130 .mi-license-header,
  .mi-shell-v130 .mi-ph-history-cta{flex-direction:column!important;align-items:stretch!important}
  .mi-shell-v130 .mi-ph-badges,.mi-shell-v130 .mi-water-history-actions{justify-content:flex-start!important}
  .mi-shell-v130 img,.mi-shell-v130 video,.mi-shell-v130 canvas{max-width:100%!important;height:auto}
  .mi-shell-v130 pre,.mi-shell-v130 code{max-width:100%!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important}
  .mi-shell-v130 .mi-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}

/* AURORA 1.9.20 */
@media (max-width:640px){
  .mi-aurora-suggestions{display:grid;grid-template-columns:1fr;gap:7px}
  .mi-aurora-suggestions button{width:100%;text-align:left;border-radius:12px;padding:10px 12px}
  .mi-chat-msg{max-width:96%}
}

@media (max-width:640px){.mi-chat-thread{height:340px}}

/* ========================================================================
   INOCUIDAD360 1.9.21 — definitive vertical mobile containment
   ======================================================================== */
@media (max-width: 820px) {
  html.mi360-app-html,
  body.mi360-app-page,
  body.mi360-app-page #page,
  body.mi360-app-page .site,
  body.mi360-app-page .site-content,
  body.mi360-app-page .content-area,
  body.mi360-app-page .site-main,
  body.mi360-app-page .ast-container,
  .mi-app-shell,
  .mi-app-main,
  .mi-app-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .mi-app-content *,
  .mi-app-content *::before,
  .mi-app-content *::after {
    min-width: 0;
    box-sizing: border-box;
  }

  /* Every legacy multi-column window becomes a vertical mobile section. */
  .mi-app-content [class*="-grid"],
  .mi-app-content [class*="-layout"],
  .mi-app-content [class*="-columns"],
  .mi-app-content .mi-command-center,
  .mi-app-content .mi-quick-grid,
  .mi-app-content .mi-ai-metrics,
  .mi-app-content .mi-ai-layout,
  .mi-app-content .mi-planillas-toolbar,
  .mi-app-content .mi-status-filters,
  .mi-app-content .mi-rs-search,
  .mi-app-content .mi-rs-summary,
  .mi-app-content .mi-rs-detail,
  .mi-app-content .mi-rs-fields,
  .mi-app-content .mi-filled-summary,
  .mi-app-content .mi-filled-toolbar,
  .mi-app-content .mi-filled-grid,
  .mi-app-content .mi-record-meta-grid,
  .mi-app-content .mi-record-field-list,
  .mi-app-content .mi-record-evidence-grid,
  .mi-app-content .mi-record-signatures,
  .mi-app-content .mi-regulatory-question-box,
  .mi-app-content .mi-regulatory-grid,
  .mi-app-content .mi-water-history-summary,
  .mi-app-content .mi-license-summary,
  .mi-app-content .mi-license-grid,
  .mi-app-content .mi-form-meta,
  .mi-app-content .mi-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mi-app-content .mi-rs-toolbar,
  .mi-app-content .mi-rs-panel-head,
  .mi-app-content .mi-rs-card-top,
  .mi-app-content .mi-filled-hero,
  .mi-app-content .mi-filled-group > header,
  .mi-app-content .mi-water-history-hero,
  .mi-app-content .mi-regulatory-hero,
  .mi-app-content .mi-ph-history-cta,
  .mi-app-content .mi-license-header,
  .mi-app-content .mi-license-savebar,
  .mi-app-content .mi-record-document-actions,
  .mi-app-content .mi-record-paper-head,
  .mi-app-content .mi-record-title-block {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .mi-app-content input:not([type="checkbox"]):not([type="radio"]),
  .mi-app-content select,
  .mi-app-content textarea,
  .mi-app-content button,
  .mi-app-content iframe,
  .mi-app-content video,
  .mi-app-content canvas {
    max-width: 100% !important;
  }

  .mi-app-content input:not([type="checkbox"]):not([type="radio"]),
  .mi-app-content select,
  .mi-app-content textarea {
    width: 100% !important;
  }

  .mi-app-content img,
  .mi-app-content svg {
    max-width: 100% !important;
    height: auto;
  }

  .mi-app-content table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mi-app-content .mi-table-wrap,
  .mi-app-content .mi-rs-table-wrap,
  .mi-app-content .mi-recent,
  .mi-app-content .mi-public-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
  }

  .mi-app-content pre,
  .mi-app-content code,
  .mi-app-content .mi-record-code-box,
  .mi-app-content .mi-code {
    max-width: 100% !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .mi-app-content .mi-wide,
  .mi-app-content .mi-rs-wide,
  .mi-app-content .mi-license-field-wide {
    grid-column: auto !important;
  }

  .mi-license-sso-button {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }
  .mi-license-sso-button > b {
    grid-column: 1 / -1;
    text-align: center;
    padding-top: 7px;
    border-top: 1px solid #dce7f4;
  }
}

@media (max-width: 700px) {
  .mi-shell-v130 .mi-topbar {
    min-height: 62px !important;
    margin: 7px 9px 0 !important;
    padding: 8px 10px !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 75% -80%,rgba(63,190,255,.42),transparent 48%),
      linear-gradient(120deg,#071a3d,#0b448f) !important;
  }

  .mi-shell-v130 .mi-menu-toggle {
    color:#fff !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.10) !important;
  }

  .mi-shell-v130 .mi-top-title {
    display:block !important;
    max-width:38vw !important;
    color:#fff !important;
    font-size:13px !important;
  }

  .mi-shell-v130 .mi-top-action,
  .mi-shell-v130 .mi-back-panel {
    max-width:120px !important;
    min-height:38px !important;
    padding:8px 9px !important;
    color:#fff !important;
  }

  .mi-shell-v130 .mi-topbar-right {
    gap:5px !important;
  }

  .mi-shell-v130 .mi-emedia-shortcut {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
  }
  .mi-shell-v130 .mi-emedia-shortcut b { display:none !important; }
  .mi-shell-v130 .mi-emedia-shortcut span { font-size:14px !important; }

  .mi-shell-v130 .mi-notification {
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.10) !important;
  }

  .mi-shell-v130 .mi-app-content {
    padding:13px 11px 104px !important;
  }

  .mi-app-content h1 {
    font-size:clamp(28px,8.5vw,40px) !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere !important;
  }

  .mi-app-content h2 {
    font-size:clamp(21px,6.3vw,29px) !important;
    line-height:1.16 !important;
    overflow-wrap:anywhere !important;
  }

  .mi-app-content .mi-rs-primary,
  .mi-app-content .mi-rs-secondary,
  .mi-app-content .mi-filled-hero-action,
  .mi-app-content .mi-water-history-actions a,
  .mi-app-content .mi-ph-history-cta a,
  .mi-app-content .mi-license-savebar button {
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}


/* INOCUIDAD360 1.9.21 - definitive vertical mobile layout. */
@media (max-width: 820px) {
  html,body,.mi360-app-html,.mi360-app-page{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .mi-shell-v130,.mi-shell-v130 *{box-sizing:border-box}
  .mi-shell-v130 .mi-app-main,.mi-shell-v130 .mi-app-content,.mi-shell-v130 .mi-app-content>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .mi-shell-v130 .mi-app-content{overflow-x:hidden!important}
  .mi-shell-v130 .mi-app-content img,.mi-shell-v130 .mi-app-content video,.mi-shell-v130 .mi-app-content canvas,.mi-shell-v130 .mi-app-content iframe{display:block;max-width:100%!important;height:auto!important}

  .mi-shell-v130 .mi-kpis,
  .mi-shell-v130 .mi-action-grid,
  .mi-shell-v130 .mi-ai-metrics,
  .mi-shell-v130 .mi-ai-layout,
  .mi-shell-v130 .mi-quick-grid,
  .mi-shell-v130 .mi-module-grid,
  .mi-shell-v130 .mi-form-grid,
  .mi-shell-v130 .mi-doc-grid,
  .mi-shell-v130 .mi-planilla-grid,
  .mi-shell-v130 .mi-filled-summary,
  .mi-shell-v130 .mi-filled-grid,
  .mi-shell-v130 .mi-filled-toolbar,
  .mi-shell-v130 .mi-rs-search,
  .mi-shell-v130 .mi-rs-summary,
  .mi-shell-v130 .mi-rs-detail,
  .mi-shell-v130 .mi-rs-fields,
  .mi-shell-v130 .mi-water-history-summary,
  .mi-shell-v130 .mi-regulatory-question-box,
  .mi-shell-v130 .mi-regulatory-grid,
  .mi-shell-v130 .mi-ph-manual-grid,
  .mi-shell-v130 .mi-license-summary,
  .mi-shell-v130 .mi-license-grid,
  .mi-shell-v130 .mi-record-meta-grid,
  .mi-shell-v130 .mi-record-signatures,
  .mi-shell-v130 .mi-record-evidence-grid,
  .mi-shell-v130 .mi-record-field-list,
  .mi-shell-v130 .mi-form-meta,
  .mi-shell-v130 .mi-fields{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
  }

  .mi-shell-v130 .mi-hero,
  .mi-shell-v130 .mi-filled-hero,
  .mi-shell-v130 .mi-water-history-hero,
  .mi-shell-v130 .mi-regulatory-hero,
  .mi-shell-v130 .mi-license-header,
  .mi-shell-v130 .mi-license-savebar,
  .mi-shell-v130 .mi-planillas-toolbar,
  .mi-shell-v130 .mi-rs-toolbar,
  .mi-shell-v130 .mi-rs-card-top,
  .mi-shell-v130 .mi-rs-panel-head,
  .mi-shell-v130 .mi-record-document-actions,
  .mi-shell-v130 .mi-record-paper-head,
  .mi-shell-v130 .mi-record-title-block,
  .mi-shell-v130 .mi-filled-group>header,
  .mi-shell-v130 .mi-ai-panel-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
  }

  .mi-shell-v130 .mi-module-card,
  .mi-shell-v130 .mi-form-card,
  .mi-shell-v130 .mi-doc-card,
  .mi-shell-v130 .mi-planilla-card,
  .mi-shell-v130 .mi-filled-card,
  .mi-shell-v130 .mi-rs-card,
  .mi-shell-v130 .mi-rs-panel,
  .mi-shell-v130 .mi-license-card,
  .mi-shell-v130 .mi-ai-panel,
  .mi-shell-v130 .mi-audit-card,
  .mi-shell-v130 .mi-action-card,
  .mi-shell-v130 .mi-form-shell,
  .mi-shell-v130 .mi-record-paper{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .mi-shell-v130 .mi-record-field-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .mi-shell-v130 .mi-record-field-row>span,.mi-shell-v130 .mi-record-field-row>strong{display:block!important;width:100%!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .mi-shell-v130 .mi-record-form input,.mi-shell-v130 .mi-record-form select,.mi-shell-v130 .mi-record-form textarea,.mi-shell-v130 .mi-license-field input,.mi-shell-v130 .mi-license-field select,.mi-shell-v130 .mi-license-field textarea{width:100%!important;max-width:100%!important;min-width:0!important}
  .mi-shell-v130 .mi-filled-card dl{grid-template-columns:minmax(0,1fr)!important}
  .mi-shell-v130 .mi-table-wrap,.mi-shell-v130 .mi-recent,.mi-shell-v130 .mi-public-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .mi-shell-v130 h1,.mi-shell-v130 h2,.mi-shell-v130 h3,.mi-shell-v130 p,.mi-shell-v130 a,.mi-shell-v130 strong,.mi-shell-v130 span{overflow-wrap:anywhere}
}

@media (max-width: 520px) {
  .mi-shell-v130 .mi-app-content{padding:10px!important;padding-bottom:108px!important}
  .mi-shell-v130 .mi-ai-hero,.mi-shell-v130 .mi-filled-hero,.mi-shell-v130 .mi-planillas-hero,.mi-shell-v130 .mi-water-history-hero,.mi-shell-v130 .mi-regulatory-hero{border-radius:18px!important;padding-left:18px!important;padding-right:18px!important}
  .mi-shell-v130 .mi-status-filters{grid-template-columns:minmax(0,1fr)!important}
  .mi-shell-v130 table.mi-responsive-table td{display:block!important;padding:10px 12px!important}
  .mi-shell-v130 table.mi-responsive-table td::before{display:block!important;margin-bottom:5px!important}
}

@media (max-width: 820px) {
  .mi-app-content > *,
  .mi-app-content section,
  .mi-app-content article,
  .mi-app-content form,
  .mi-app-content fieldset,
  .mi-app-content header,
  .mi-app-content footer,
  .mi-app-content nav,
  .mi-app-content aside {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* INOCUIDAD360 1.9.21 — final overflow guard and compact mobile header. */
@media (max-width: 820px) {
  .mi-shell-v130 .mi-topbar {
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mi-shell-v130 .mi-top-context {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .mi-shell-v130 .mi-top-context-copy strong {
    max-width: min(42vw, 180px) !important;
  }
  .mi-shell-v130 .mi-app-content .mi-public-table,
  .mi-shell-v130 .mi-app-content .mi-recent table,
  .mi-shell-v130 .mi-app-content table.mi-responsive-table {
    min-width: 0 !important;
  }
}

@media (max-width: 560px) {
  .mi-shell-v130 .mi-top-action,
  .mi-shell-v130 .mi-back-panel {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    justify-content: center !important;
    overflow: hidden !important;
    font-size: 0 !important;
  }
  .mi-shell-v130 .mi-top-action span,
  .mi-shell-v130 .mi-back-panel span,
  .mi-shell-v130 .mi-top-action svg,
  .mi-shell-v130 .mi-back-panel svg {
    font-size: 17px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }
  .mi-shell-v130 .mi-top-context-copy small { display: none !important; }
  .mi-shell-v130 .mi-top-context-copy strong {
    max-width: 34vw !important;
    margin-top: 0 !important;
    font-size: 11px !important;
  }
}

/* INOCUIDAD360 1.9.22 — AURORA knowledge center mobile safeguards. */
@media(max-width:820px){
  .mi-knowledge-center,.mi-knowledge-center *{max-width:100%;min-width:0;box-sizing:border-box}
  .mi-knowledge-hero,.mi-knowledge-principles,.mi-knowledge-grid,.mi-knowledge-regulatory-link,.mi-regulatory-grid{width:100%;max-width:100%}
  .mi-aurora-sources a,.mi-aurora-sources span{word-break:break-word;overflow-wrap:anywhere}
}

/* 1.9.22 — AURORA knowledge mobile guardrails */
@media(max-width:700px){
 .mi-knowledge-center,.mi-knowledge-center *{min-width:0;max-width:100%;box-sizing:border-box}
 .mi-knowledge-hero-actions{display:grid;grid-template-columns:1fr}.mi-knowledge-hero-actions a{width:100%;text-align:center}
 .mi-regulation-card,.mi-topic-card,.mi-aurora-policy>div{overflow-wrap:anywhere}
 .mi-knowledge-search{position:relative;z-index:1}
}


/* AURORA 2.1.0 — Propiedad Industrial móvil */
@media(max-width:782px){
  .mi-ip-center,.mi-ip-center *{min-width:0;max-width:100%;box-sizing:border-box}
  .mi-ip-center{overflow-x:hidden}
  .mi-ip-topic-body p,.mi-ip-topic-body li,.mi-ip-topic-card summary p{overflow-wrap:anywhere;word-break:normal}
}