@media (max-width: 900px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

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

  .shell{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .header,
  .topbar{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .header{
    min-height:auto !important;
    align-items:flex-start !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:16px !important;
  }

  .brand,
  .brand-block{
    width:100% !important;
    min-width:0 !important;
    gap:14px !important;
    flex-wrap:wrap !important;
  }

  .brand img,
  .brand-block img{
    width:min(210px,70vw) !important;
    max-width:70vw !important;
    height:auto !important;
  }

  .brand h1,
  .title-wrap h1,
  h2{
    font-size:clamp(22px,7vw,28px) !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere;
  }

  .brand p,
  .title-wrap p{
    font-size:13px !important;
  }

  .top,
  .user-area,
  .user-pill{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  .logout,
  .actions .btn,
  .modal-actions .btn{
    width:100% !important;
  }

  .main,
  .grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .side,
  .sidebar{
    min-height:auto !important;
    padding:16px !important;
    border-radius:16px !important;
  }

  .nav,
  .sidebar nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .nav button,
  .sidebar-btn{
    min-height:46px !important;
    margin-bottom:0 !important;
    padding:8px 12px !important;
  }

  .card,
  .materials,
  .history-group,
  .chart-card,
  .item{
    max-width:100% !important;
    padding:16px !important;
    border-radius:14px !important;
  }

  .panel-head,
  .materials-head,
  .analytics-head,
  .topline,
  .title-wrap,
  .bulk{
    display:block !important;
  }

  .tools,
  .actions,
  .modal-actions,
  .analytics-tools,
  .filters,
  .history-tabs{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .search,
  .filter-toggle,
  .btn,
  .btn-mini,
  .tool-chip,
  .filters button,
  .history-tab{
    width:100% !important;
  }

  .form-grid,
  .partida-grid,
  .mini,
  .mini-grid,
  .analytics-grid,
  .analytics-layout,
  .decision-grid,
  .period-cards,
  .material-select-grid,
  .donut-wrap,
  .status-donut,
  .progress-row,
  .reset-toolbar{
    grid-template-columns:1fr !important;
  }

  .span-12,
  .span-7,
  .span-6,
  .span-5{
    grid-column:1 !important;
  }

  .table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .table,
  .material-table,
  .analytics-table,
  table{
    min-width:720px;
  }

  dialog{
    width:calc(100% - 22px) !important;
    max-width:calc(100% - 22px) !important;
    padding:18px !important;
  }

  .toast{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto !important;
  }
}

@media (max-width: 680px){
  .topbar{
    position:relative !important;
    top:0 !important;
    left:auto !important;
    transform:none !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:10px !important;
    padding:12px !important;
    border-radius:14px !important;
  }

  .topbar .brand{
    display:block !important;
  }

  .topbar .brand img{
    width:min(190px,72vw) !important;
  }

  .topbar .nav{
    display:none !important;
  }

  .topbar .actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .hero{
    min-height:auto !important;
    padding:24px 14px 54px !important;
  }

  .hero-copy-card{
    width:100% !important;
    margin-top:18px !important;
    padding:28px 20px !important;
  }

  h1{
    font-size:clamp(38px,12vw,52px) !important;
    line-height:.98 !important;
  }

  .lead{
    font-size:16px !important;
  }

  .hero-ctas{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .section,
  .platform-banner,
  .contact-modern{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
  }

  .service-grid,
  .materials,
  .stats,
  .contact-modern,
  .platform-banner{
    grid-template-columns:1fr !important;
  }

  .footer-modern{
    padding:38px 18px 22px !important;
  }

  .footer-top,
  .footer-links{
    display:grid !important;
    gap:18px !important;
  }
}

@media (max-width: 420px){
  .topbar .actions{
    grid-template-columns:1fr !important;
  }

  .card,
  .materials,
  .history-group,
  .chart-card,
  .item{
    padding:14px !important;
  }

  input,
  select,
  textarea,
  .btn,
  .logout{
    font-size:14px !important;
  }
}

@media (max-width: 900px){
  *,
  *::before,
  *::after{
    min-width:0;
  }

  html{
    text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
  }

  body{
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .shell,
  .section,
  .platform-banner,
  .contact-modern,
  .footer-modern,
  main,
  .content{
    width:100% !important;
    max-width:100% !important;
  }

  .shell,
  .section,
  .content{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .header,
  .card,
  .side,
  .sidebar,
  .materials,
  .materials-box,
  .item,
  .request-card,
  .history-group,
  .chart-card,
  .metric-card,
  .decision-card,
  .platform-banner,
  .contact-modern{
    border-radius:12px !important;
  }

  .header,
  .card,
  .materials-box,
  .materials,
  .item,
  .request-card,
  .history-group,
  .chart-card{
    padding:14px !important;
  }

  .header,
  .brand,
  .brand-block,
  .user-area,
  .top,
  .panel-head,
  .materials-head,
  .analytics-head,
  .history-section-head,
  .history-title,
  .oc-preview-head,
  .section-header,
  .footer-top,
  .footer-bottom,
  .contact-data{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    justify-items:start !important;
    gap:10px !important;
  }

  .brand img,
  .brand-block img,
  .footer-brand img,
  .login-head img,
  .register-head img{
    width:min(230px,72vw) !important;
    max-width:72vw !important;
    height:auto !important;
  }

  h1,
  h2,
  h3,
  .title,
  .username,
  .user-name,
  .folio,
  .oc-line{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  h1{
    font-size:clamp(36px,11vw,48px) !important;
    line-height:1 !important;
  }

  h2,
  .card h2,
  .analytics-title h2{
    font-size:clamp(22px,7vw,28px) !important;
    line-height:1.12 !important;
  }

  .lead,
  p,
  .muted,
  .meta,
  .auth-sub,
  .platform-description,
  .contact-text{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .topbar{
    width:calc(100% - 20px) !important;
    min-height:auto !important;
    padding:10px !important;
  }

  .topbar .brand,
  .topbar .actions,
  .hero-ctas,
  .actions,
  .modal-actions,
  .analytics-tools,
  .history-actions,
  .oc-actions,
  .oc-preview-actions,
  .table-actions,
  .card-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .btn,
  .btn-main,
  .btn-add,
  .btn-ghost,
  .btn-mini,
  .btn-share,
  .btn-view,
  .logout,
  .support-btn,
  .filter-toggle,
  .tool-chip,
  .filters button,
  .sidebar-btn,
  .history-tab,
  .cancel-option{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
    max-width:100% !important;
    min-height:46px !important;
    font-size:16px !important;
  }

  textarea{
    min-height:96px !important;
  }

  .password-wrap{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
  }

  .password-wrap input{
    padding-right:74px !important;
  }

  .password-toggle{
    right:8px !important;
    width:auto !important;
    min-width:52px !important;
    min-height:34px !important;
    padding:6px 8px !important;
    font-size:12px !important;
  }

  .form-grid,
  .partida-grid,
  .mini,
  .mini-grid,
  .analytics-grid,
  .analytics-layout,
  .decision-grid,
  .period-cards,
  .material-select-grid,
  .donut-wrap,
  .status-donut,
  .progress-row,
  .reset-toolbar,
  .service-grid,
  .materials,
  .stats,
  .why-grid,
  .platform-features,
  .cancel-options,
  .oc-preview-grid,
  .forecast-item,
  .bar-row,
  .history-line{
    grid-template-columns:1fr !important;
  }

  .partida-grid{
    align-items:stretch !important;
  }

  .remove{
    width:100% !important;
    border-radius:10px !important;
  }

  .span-12,
  .span-7,
  .span-6,
  .span-5,
  .global-notes{
    grid-column:1 !important;
  }

  .table-wrap,
  .analytics-table-wrap,
  .material-table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    border-radius:12px !important;
  }

  .table-wrap::after{
    content:"Desliza para ver mas";
    display:block;
    padding:8px 10px;
    border-top:1px solid #edf2f8;
    color:#657697;
    background:#fbfdff;
    font-size:11px;
    font-weight:900;
    text-align:center;
  }

  table,
  .table,
  .material-table,
  .analytics-table{
    width:max-content !important;
    min-width:min(760px,220vw) !important;
  }

  .table th,
  .table td,
  .material-table th,
  .material-table td,
  .analytics-table th,
  .analytics-table td{
    padding:10px !important;
    font-size:12px !important;
  }

  .material-line,
  .part-line,
  .parts,
  .parts-list,
  .comment-box,
  .box,
  .forecast-item,
  .cancel-part-choice,
  .notice-item{
    overflow-wrap:anywhere;
  }

  .oc-preview{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .oc-preview table{
    width:max-content !important;
    min-width:620px !important;
  }

  .notice,
  .notice-menu{
    position:fixed !important;
    top:82px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
  }

  dialog,
  .auth-card,
  dialog.cancel-modal{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 24px) !important;
    overflow:auto !important;
    padding:18px !important;
    border-radius:14px !important;
  }

  .auth-modal{
    padding:10px !important;
    align-items:flex-start !important;
    overflow:auto !important;
  }

  .modal-close{
    top:10px !important;
    right:10px !important;
    z-index:2 !important;
  }

  .toast{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto !important;
    grid-template-columns:34px 1fr !important;
    padding:12px !important;
  }

  .toast-ico{
    width:34px !important;
    height:34px !important;
  }

  .hero{
    min-height:100dvh !important;
    padding:96px 12px 56px !important;
  }

  .hero-layout{
    width:100% !important;
  }

  .hero-copy-card{
    width:100% !important;
    padding:26px 8px !important;
  }

  .hero-photo img{
    object-position:center !important;
  }

  .scroll-cue{
    display:none !important;
  }

  .contact-map,
  .map-embed,
  iframe{
    width:100% !important;
    max-width:100% !important;
  }
}

@media (max-width: 520px){
  .shell,
  .section,
  .content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .card,
  .materials-box,
  .materials,
  .item,
  .request-card,
  .history-group,
  .chart-card{
    padding:12px !important;
  }

  .side,
  .sidebar{
    padding:12px !important;
  }

  .mini-avatar,
  .avatar,
  .doc-ico,
  .head-ico,
  .box-ico{
    flex:0 0 auto;
  }

  .metric-card,
  .decision-card,
  .period-card,
  .material-tile{
    min-height:auto !important;
  }

  .donut,
  .status-ring{
    margin:auto !important;
  }

  .auth-card h2{
    padding-right:36px !important;
  }
}

@media (max-width: 760px){
  /* App profiles: compact mobile layout */
  body:not(.page-home):not(.page-login){
    padding:0 !important;
    background:#f4f7fc !important;
  }

  body:not(.page-home):not(.page-login) .shell{
    width:100% !important;
    max-width:100% !important;
    padding:0 10px 16px !important;
  }

  body:not(.page-home):not(.page-login) .header{
    position:sticky !important;
    top:0 !important;
    z-index:30 !important;
    width:calc(100% + 20px) !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 -10px 10px !important;
    padding:10px 12px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    border-width:0 0 1px !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 8px 22px rgba(26,45,92,.08) !important;
    backdrop-filter:blur(18px);
  }

  body:not(.page-home):not(.page-login) .brand,
  body:not(.page-home):not(.page-login) .brand-block{
    width:auto !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:9px !important;
  }

  body:not(.page-home):not(.page-login) .brand img,
  body:not(.page-home):not(.page-login) .brand-block img{
    width:112px !important;
    max-width:112px !important;
  }

  body:not(.page-home):not(.page-login) .brand h1,
  body:not(.page-home):not(.page-login) .brand-block h1,
  body:not(.page-home):not(.page-login) .title-wrap h1{
    font-size:18px !important;
    line-height:1.05 !important;
    margin:0 !important;
  }

  body:not(.page-home):not(.page-login) .brand p,
  body:not(.page-home):not(.page-login) .brand-block p,
  body:not(.page-home):not(.page-login) .title-wrap p{
    font-size:11px !important;
    line-height:1.15 !important;
    margin:2px 0 0 !important;
  }

  body:not(.page-home):not(.page-login) .top,
  body:not(.page-home):not(.page-login) .user-area{
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
  }

  body:not(.page-home):not(.page-login) .bell,
  body:not(.page-home):not(.page-login) .bell-btn{
    width:38px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:12px !important;
    font-size:17px !important;
  }

  body:not(.page-home):not(.page-login) .avatar-mini,
  body:not(.page-home):not(.page-login) .mini-avatar{
    width:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:15px !important;
  }

  body:not(.page-home):not(.page-login) .top strong,
  body:not(.page-home):not(.page-login) .user-pill{
    display:none !important;
  }

  body:not(.page-home):not(.page-login) .logout{
    width:auto !important;
    min-height:38px !important;
    padding:8px 10px !important;
    border-radius:11px !important;
    font-size:0 !important;
  }

  body:not(.page-home):not(.page-login) .logout::before{
    content:"Salir";
    font-size:12px;
  }

  body:not(.page-home):not(.page-login) .main,
  body:not(.page-home):not(.page-login) .grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:0 !important;
  }

  body:not(.page-home):not(.page-login) .side,
  body:not(.page-home):not(.page-login) .sidebar{
    position:sticky !important;
    top:59px !important;
    z-index:20 !important;
    min-height:0 !important;
    padding:0 0 8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,#f4f7fc 0%,rgba(244,247,252,.94) 75%,rgba(244,247,252,0) 100%) !important;
    box-shadow:none !important;
    color:#102a64 !important;
  }

  body:not(.page-home):not(.page-login) .side > .avatar,
  body:not(.page-home):not(.page-login) .side > h2,
  body:not(.page-home):not(.page-login) .side > p,
  body:not(.page-home):not(.page-login) .tip,
  body:not(.page-home):not(.page-login) .help,
  body:not(.page-home):not(.page-login) .profile-card,
  body:not(.page-home):not(.page-login) .support,
  body:not(.page-home):not(.page-login) .nav-label{
    display:none !important;
  }

  body:not(.page-home):not(.page-login) .nav,
  body:not(.page-home):not(.page-login) .sidebar nav{
    width:100% !important;
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    overflow:visible !important;
    padding:0 1px 4px !important;
  }

  body:not(.page-home):not(.page-login) .nav button,
  body:not(.page-home):not(.page-login) .sidebar-btn{
    flex:1 1 calc(33.333% - 6px) !important;
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    margin:0 !important;
    padding:7px 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#263d74 !important;
    box-shadow:0 8px 18px rgba(26,45,92,.06) !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  body:not(.page-home):not(.page-login) .nav button.active,
  body:not(.page-home):not(.page-login) .sidebar-btn.active{
    background:#223f91 !important;
    border-color:#223f91 !important;
    color:#fff !important;
    box-shadow:0 10px 20px rgba(34,63,145,.18) !important;
  }

  body:not(.page-home):not(.page-login) .ico,
  body:not(.page-home):not(.page-login) .sidebar-btn .ico{
    width:24px !important;
    height:24px !important;
    border-radius:8px !important;
    background:rgba(35,63,145,.10) !important;
    color:inherit !important;
    font-size:11px !important;
  }

  body:not(.page-home):not(.page-login) .nav button.active .ico,
  body:not(.page-home):not(.page-login) .sidebar-btn.active .ico{
    background:rgba(255,255,255,.18) !important;
  }

  body:not(.page-home):not(.page-login) .content{
    padding:0 !important;
  }

  body:not(.page-home):not(.page-login) .card,
  body:not(.page-home):not(.page-login) .materials,
  body:not(.page-home):not(.page-login) .materials-box,
  body:not(.page-home):not(.page-login) .item,
  body:not(.page-home):not(.page-login) .request-card,
  body:not(.page-home):not(.page-login) .history-group,
  body:not(.page-home):not(.page-login) .chart-card{
    padding:14px !important;
    border-radius:14px !important;
    box-shadow:0 8px 22px rgba(26,45,92,.06) !important;
  }

  body:not(.page-home):not(.page-login) .card h2{
    font-size:22px !important;
  }

  body:not(.page-home):not(.page-login) .line{
    margin:8px 0 14px !important;
  }

  body:not(.page-home):not(.page-login) .form-grid,
  body:not(.page-home):not(.page-login) .partida-grid,
  body:not(.page-home):not(.page-login) .dxf-layout,
  body:not(.page-home):not(.page-login) .dxf-meta{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:not(.page-home):not(.page-login) .dxf-preview{
    min-height:220px !important;
  }

  body:not(.page-home):not(.page-login) .dxf-preview svg{
    min-width:320px !important;
    height:220px !important;
  }

  body:not(.page-home):not(.page-login) .remove{
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    justify-self:end !important;
    border-radius:12px !important;
  }

  body:not(.page-home):not(.page-login) .actions,
  body:not(.page-home):not(.page-login) .modal-actions{
    display:flex !important;
    flex-wrap:wrap !important;
  }

  body:not(.page-home):not(.page-login) .actions .btn,
  body:not(.page-home):not(.page-login) .modal-actions .btn,
  body:not(.page-home):not(.page-login) .btn-main,
  body:not(.page-home):not(.page-login) .btn-add,
  body:not(.page-home):not(.page-login) .btn-ghost{
    width:100% !important;
  }
}

@media (max-width: 760px){
  body.page-home.page-login{
    background:#f3f6fb !important;
    overflow-x:hidden !important;
  }

  body.page-home.page-login .topbar{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:10px 12px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    border-radius:0 0 18px 18px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 10px 24px rgba(20,42,84,.10) !important;
    backdrop-filter:blur(16px);
  }

  body.page-home.page-login .topbar .brand{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }

  body.page-home.page-login .topbar .brand img{
    width:185px !important;
    max-width:58vw !important;
  }

  body.page-home.page-login .topbar .actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.page-home.page-login .topbar .btn{
    width:100% !important;
    min-height:44px !important;
    padding:9px 10px !important;
    border-radius:12px !important;
    font-size:13px !important;
    box-shadow:none !important;
  }

  body.page-home.page-login .hero{
    min-height:auto !important;
    padding:30px 18px 44px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.page-home.page-login .hero:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background:linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.78) 58%, rgba(255,255,255,.32) 100%) !important;
    pointer-events:none !important;
  }

  body.page-home.page-login .hero-photo{
    opacity:.86 !important;
  }

  body.page-home.page-login .hero-layout{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    padding:0 !important;
  }

  body.page-home.page-login .hero-copy-card{
    width:100% !important;
    max-width:430px !important;
    padding:18px 0 !important;
    margin:0 !important;
  }

  body.page-home.page-login .hero-copy-card .eyebrow{
    font-size:12px !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
  }

  body.page-home.page-login .hero-copy-card h1{
    font-size:34px !important;
    line-height:1.06 !important;
    max-width:100% !important;
    margin:12px 0 14px !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.page-home.page-login .hero-copy-card h1 span{
    display:block !important;
  }

  body.page-home.page-login .lead{
    font-size:15px !important;
    line-height:1.55 !important;
    max-width:31ch !important;
  }

  body.page-home.page-login .hero-ctas{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:20px !important;
  }

  body.page-home.page-login .hero-ctas .btn{
    min-height:48px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  body.page-home.page-login #materiales{
    width:calc(100% - 28px) !important;
    display:block !important;
    padding:30px 16px 16px !important;
    margin:28px auto 0 !important;
    min-height:auto !important;
    overflow:hidden !important;
  }

  body.page-home.page-login #materiales:after{
    display:none !important;
  }

  body.page-home.page-login #materiales .section-header{
    display:block !important;
    margin:0 0 18px !important;
  }

  body.page-home.page-login #materiales .section-header h2{
    max-width:100% !important;
    font-size:28px !important;
    line-height:1.12 !important;
  }

  body.page-home.page-login .materials{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    width:100% !important;
  }

  body.page-home.page-login .material-access{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    align-items:start !important;
    margin:16px 0 0 !important;
    padding:14px 14px 14px 16px !important;
  }

  body.page-home.page-login .material-access p{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    white-space:normal !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  body.page-home.page-login .material-access strong{
    display:block !important;
    margin-bottom:4px !important;
    font-size:14px !important;
    line-height:1.25 !important;
  }

  body.page-home.page-login .material-access .btn{
    width:100% !important;
    min-height:46px !important;
    border-radius:12px !important;
    font-size:13px !important;
    justify-self:stretch !important;
  }

  body.page-home.page-login .auth-modal{
    padding:14px !important;
    align-items:center !important;
    background:rgba(12,25,54,.66) !important;
  }

  body.page-home.page-login .auth-card{
    width:min(100%, 360px) !important;
    max-height:calc(100dvh - 32px) !important;
    overflow:auto !important;
    border-radius:18px !important;
    padding:0 0 16px !important;
    box-shadow:0 24px 56px rgba(5,18,45,.28) !important;
  }

  body.page-home.page-login .login-head{
    padding:24px 22px 22px !important;
  }

  body.page-home.page-login .login-kicker{
    font-size:11px !important;
    letter-spacing:0 !important;
    margin:0 0 8px !important;
  }

  body.page-home.page-login .auth-card h2{
    font-size:29px !important;
    line-height:1 !important;
    text-align:left !important;
    padding-right:42px !important;
  }

  body.page-home.page-login .auth-sub{
    font-size:13px !important;
    line-height:1.45 !important;
    text-align:left !important;
    margin:10px 0 0 !important;
  }

  body.page-home.page-login #loginForm,
  body.page-home.page-login #changePasswordForm,
  body.page-home.page-login .form-message{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  body.page-home.page-login .auth-card .field{
    margin-bottom:12px !important;
  }

  body.page-home.page-login .auth-card label{
    font-size:11px !important;
    letter-spacing:0 !important;
  }

  body.page-home.page-login .auth-card input{
    min-height:48px !important;
    border-radius:12px !important;
    font-size:16px !important;
  }

  body.page-home.page-login .password-wrap input{
    padding-right:66px !important;
  }

  body.page-home.page-login .password-toggle{
    right:7px !important;
    min-width:50px !important;
    min-height:34px !important;
    border-radius:10px !important;
    font-size:11px !important;
  }

  body.page-home.page-login .auth-card .btn.primary{
    min-height:48px !important;
    border-radius:12px !important;
    margin-top:4px !important;
    font-size:14px !important;
  }

  body.page-home.page-login .auth-switch{
    margin:10px 22px 0 !important;
    font-size:12px !important;
  }
}

@media (max-width: 420px){
  body.page-home.page-login .topbar{
    padding:9px 10px !important;
  }

  body.page-home.page-login .topbar .brand img{
    width:170px !important;
  }

  body.page-home.page-login .hero{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.page-home.page-login .hero-copy-card h1{
    font-size:32px !important;
  }

  body.page-home.page-login .auth-modal{
    padding:10px !important;
  }
}

@media (max-width: 760px){
  #mis .table-wrap{
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #mis .table-wrap::after{
    content:none !important;
    display:none !important;
  }

  #mis .table{
    width:100% !important;
    min-width:0 !important;
    display:block !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  #mis .table thead{
    display:none !important;
  }

  #mis .table tbody{
    display:grid !important;
    gap:12px !important;
  }

  #mis .table tr{
    display:grid !important;
    gap:10px !important;
    padding:14px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 10px 22px rgba(26,45,92,.07) !important;
  }

  #mis .table td{
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    width:100% !important;
    padding:0 0 10px !important;
    border:0 !important;
    border-bottom:1px solid #edf2f8 !important;
    color:#263d74 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  #mis .table td:last-child{
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }

  #mis .table td::before{
    color:#657697 !important;
    font-size:10px !important;
    font-weight:950 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
  }

  #mis .table td:nth-child(1)::before{content:"Folio"}
  #mis .table td:nth-child(2)::before{content:"Uso"}
  #mis .table td:nth-child(3)::before{content:"Materiales"}
  #mis .table td:nth-child(4)::before{content:"Comentario"}
  #mis .table td:nth-child(5)::before{content:"OC"}
  #mis .table td:nth-child(6)::before{content:"Estado"}

  #mis .table .folio{
    font-size:16px !important;
  }

  #mis .table .material-line{
    margin:0 0 8px !important;
    padding:9px 10px !important;
    border-radius:10px !important;
    background:#fbfdff !important;
  }

  #mis .table .oc-actions{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #mis .table .btn-view,
  #mis .table .btn-share{
    width:100% !important;
    min-height:38px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  #mis .table .status{
    width:fit-content !important;
    max-width:100% !important;
    white-space:normal !important;
    justify-content:center !important;
  }
}

@media (max-width: 430px){
  #mis .table td{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  #mis .table td::before{
    font-size:9px !important;
  }
}

@media (max-width: 760px){
  #analitica .analytics-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-bottom:14px !important;
  }

  #analitica .analytics-head h2{
    font-size:24px !important;
    line-height:1.08 !important;
  }

  #analitica .analytics-head p{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  #analitica .analytics-tools{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #analitica .tool-chip{
    width:100% !important;
    min-height:34px !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:10px !important;
    text-align:center !important;
  }

  #analitica .analytics-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:9px !important;
    margin-bottom:12px !important;
  }

  #analitica .metric-card{
    min-height:86px !important;
    padding:12px !important;
    border-radius:13px !important;
  }

  #analitica .metric-card strong,
  #analitica .decision-card strong{
    font-size:9px !important;
    line-height:1.2 !important;
  }

  #analitica .metric-card b{
    font-size:24px !important;
    line-height:1 !important;
  }

  #analitica .metric-card span,
  #analitica .decision-card span{
    font-size:10px !important;
    line-height:1.35 !important;
  }

  #analitica .analytics-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #analitica .chart-card{
    padding:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  #analitica .analytics-toggle{
    width:100% !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:13px 14px !important;
    border:0 !important;
    border-bottom:1px solid #edf2f8 !important;
    background:#fff !important;
    color:#102a64 !important;
    font-size:15px !important;
    font-weight:950 !important;
    text-align:left !important;
    cursor:pointer !important;
  }

  #analitica .analytics-arrow{
    width:28px !important;
    height:28px !important;
    flex:0 0 auto !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#edf4ff !important;
    color:#223f91 !important;
    font-size:14px !important;
    line-height:1 !important;
    transition:transform .18s ease !important;
  }

  #analitica .analytics-card-body{
    padding:14px !important;
  }

  #analitica .analytics-title-source{
    display:none !important;
  }

  #analitica .analytics-collapsed .analytics-card-body{
    display:none !important;
  }

  #analitica .analytics-collapsed .analytics-arrow{
    transform:rotate(-90deg) !important;
  }

  #analitica .chart-card h3{
    font-size:17px !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
  }

  #analitica .decision-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  #analitica .decision-card{
    min-height:auto !important;
    padding:12px !important;
    border-radius:12px !important;
  }

  #analitica .decision-card b{
    font-size:18px !important;
    line-height:1.15 !important;
    overflow-wrap:anywhere !important;
  }

  #analitica .forecast-list{
    gap:8px !important;
  }

  #analitica .forecast-item{
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:11px !important;
    border-radius:12px !important;
  }

  #analitica .forecast-item b{
    justify-self:start !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:#fff3df !important;
    color:#cf6900 !important;
  }

  #analitica .bar-row{
    grid-template-columns:1fr 48px !important;
    gap:7px !important;
    padding:9px !important;
    margin:7px 0 !important;
    border:1px solid #edf2f8 !important;
    border-radius:11px !important;
    background:#fbfdff !important;
  }

  #analitica .bar-row > span:first-child{
    grid-column:1 / -1 !important;
    overflow-wrap:anywhere !important;
  }

  #analitica .bar-track{
    height:9px !important;
  }

  #analitica .donut-wrap{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:10px !important;
  }

  #analitica .donut{
    width:118px !important;
    height:118px !important;
  }

  #analitica .donut-list{
    width:100% !important;
  }

  #analitica .donut-item{
    grid-template-columns:10px minmax(0, 1fr) auto !important;
    padding:7px 0 !important;
    border-bottom:1px solid #edf2f8 !important;
  }

  #analitica .material-select-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #analitica .material-tile{
    min-height:46px !important;
    grid-template-columns:24px minmax(0,1fr) !important;
    border-radius:11px !important;
    font-size:11px !important;
  }

  #analitica .analytics-tags{
    gap:6px !important;
  }

  #analitica .analytics-tag{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    white-space:normal !important;
  }

  #analitica .analytics-table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #analitica .analytics-table thead{
    display:none !important;
  }

  #analitica .analytics-table tbody{
    display:grid !important;
    gap:8px !important;
  }

  #analitica .analytics-table tr{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:7px 10px !important;
    padding:11px !important;
    border:1px solid #e4ebf6 !important;
    border-radius:12px !important;
    background:#fbfdff !important;
  }

  #analitica .analytics-table td{
    display:block !important;
    width:auto !important;
    padding:0 !important;
    border:0 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  #analitica .analytics-table td:first-child{
    grid-column:1 / -1 !important;
    color:#102a64 !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  #analitica .analytics-table td:not(:first-child){
    color:#657697 !important;
    font-weight:900 !important;
  }

  #analitica .line-chart{
    height:150px !important;
    overflow:hidden !important;
  }
}

@media (max-width: 430px){
  #analitica .analytics-grid,
  #analitica .analytics-tools{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 760px){
  body:has(#historyActions) .panel-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-bottom:12px !important;
  }

  body:has(#historyActions) .tools{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body:has(#historyActions) .search{
    width:100% !important;
  }

  body:has(#historyActions) .filters{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding:0 0 8px !important;
    margin-bottom:12px !important;
    -webkit-overflow-scrolling:touch;
  }

  body:has(#historyActions) .filters button{
    flex:0 0 auto !important;
    width:auto !important;
    min-height:34px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  body:has(#historyActions) .list{
    gap:12px !important;
  }

  body:has(#historyActions) .item{
    padding:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #dfe7f4 !important;
    box-shadow:0 10px 22px rgba(26,45,92,.07) !important;
  }

  body:has(#historyActions) .topline{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:0 !important;
    padding:13px 14px !important;
    border-bottom:1px solid #edf2f8 !important;
    background:linear-gradient(180deg,#fbfdff,#f6f9ff) !important;
  }

  body:has(#historyActions) .title-wrap{
    display:grid !important;
    grid-template-columns:auto 40px minmax(0, 1fr) !important;
    gap:10px !important;
    align-items:center !important;
  }

  body:has(#historyActions) .doc-ico{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }

  body:has(#historyActions) .title{
    font-size:17px !important;
    line-height:1.1 !important;
    margin:0 0 3px !important;
  }

  body:has(#historyActions) .meta{
    font-size:11px !important;
    line-height:1.35 !important;
    margin:0 !important;
    overflow-wrap:anywhere !important;
  }

  body:has(#historyActions) .card-menu-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  body:has(#historyActions) .card-menu-wrap .status{
    width:auto !important;
    max-width:calc(100% - 48px) !important;
    white-space:normal !important;
  }

  body:has(#historyActions) .dots-btn{
    width:38px !important;
    height:38px !important;
    flex:0 0 auto !important;
    border-radius:12px !important;
  }

  body:has(#historyActions) .mini{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
    padding:12px 14px 0 !important;
    margin:0 !important;
  }

  body:has(#historyActions) .box{
    min-height:auto !important;
    padding:10px !important;
    border-radius:12px !important;
    grid-template-columns:28px minmax(0, 1fr) !important;
    gap:8px !important;
    font-size:11px !important;
    line-height:1.25 !important;
    overflow:hidden !important;
  }

  body:has(#historyActions) .box .box-ico{
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    font-size:13px !important;
  }

  body:has(#historyActions) .box strong{
    font-size:9px !important;
    margin-bottom:2px !important;
  }

  body:has(#historyActions) .parts{
    margin:12px 14px 0 !important;
    padding:10px !important;
    border-radius:12px !important;
    overflow-wrap:anywhere !important;
    background:#f7faff !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }

  body:has(#historyActions) .parts li,
  body:has(#historyActions) .parts > div{
    margin:0 !important;
    padding:8px 0 !important;
    border-bottom:1px solid #e5edf8 !important;
  }

  body:has(#historyActions) .parts li:first-child,
  body:has(#historyActions) .parts > div:first-child{
    padding-top:0 !important;
  }

  body:has(#historyActions) .parts li:last-child,
  body:has(#historyActions) .parts > div:last-child{
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }

  body:has(#historyActions) .parts label{
    width:100% !important;
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
  }

  body:has(#historyActions) .select-check{
    width:22px !important;
    height:22px !important;
    min-height:22px !important;
  }

  body:has(#historyActions) .actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:12px 14px 14px !important;
    margin:0 !important;
  }

  body:has(#historyActions) .actions .btn,
  body:has(#historyActions) .bulk-actions .btn{
    width:100% !important;
    min-height:40px !important;
    border-radius:10px !important;
    font-size:11px !important;
    white-space:normal !important;
  }

  body:has(#historyActions) .history-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-bottom:12px !important;
  }

  body:has(#historyActions) .history-tabs{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:6px !important;
    margin:0 !important;
  }

  body:has(#historyActions) .history-tab{
    width:100% !important;
    min-height:36px !important;
    padding:7px 8px !important;
    border-radius:999px !important;
    font-size:11px !important;
  }

  body:has(#historyActions) .bulk-bar.show{
    position:sticky !important;
    bottom:8px !important;
    z-index:25 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:12px !important;
    border-radius:14px !important;
    box-shadow:0 16px 38px rgba(18,42,92,.18) !important;
  }

  body:has(#historyActions) .bulk-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body:has(#historyActions) .history-section-head,
  body:has(#historyActions) .history-title{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body:has(#historyActions) .history-group{
    padding:14px !important;
    border-radius:14px !important;
  }

  body:has(#historyActions) .history-line{
    grid-template-columns:1fr !important;
    gap:6px !important;
    border-radius:12px !important;
  }

  body:has(#historyActions) .material-table,
  body:has(#historyActions) .analytics-table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  body:has(#historyActions) .material-table thead,
  body:has(#historyActions) .analytics-table thead{
    display:none !important;
  }

  body:has(#historyActions) .material-table tbody,
  body:has(#historyActions) .analytics-table tbody{
    display:grid !important;
    gap:8px !important;
  }

  body:has(#historyActions) .material-table tr,
  body:has(#historyActions) .analytics-table tr{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:7px 10px !important;
    padding:11px !important;
    border:1px solid #e4ebf6 !important;
    border-radius:12px !important;
    background:#fbfdff !important;
  }

  body:has(#historyActions) .material-table td,
  body:has(#historyActions) .analytics-table td{
    display:block !important;
    width:auto !important;
    padding:0 !important;
    border:0 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  body:has(#historyActions) .material-table td:first-child,
  body:has(#historyActions) .analytics-table td:first-child{
    grid-column:1 / -1 !important;
    color:#102a64 !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  body:has(#historyActions) .reset-toolbar{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:14px !important;
  }

  body:has(#historyActions) .reset-panel .analytics-table tr{
    grid-template-columns:1fr !important;
  }

  body:has(#historyActions) .reset-panel .btn-mini{
    width:100% !important;
    min-height:38px !important;
  }

  body:has(#historyActions) .analytics-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#historyActions) .analytics-title{
    display:grid !important;
    grid-template-columns:34px minmax(0, 1fr) !important;
    gap:10px !important;
  }

  body:has(#historyActions) .analytics-title h2{
    font-size:22px !important;
    line-height:1.1 !important;
  }

  body:has(#historyActions) .analytics-tools,
  body:has(#historyActions) .analytics-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body:has(#historyActions) .metric-card,
  body:has(#historyActions) .chart-card,
  body:has(#historyActions) .decision-card{
    border-radius:14px !important;
  }

  body:has(#historyActions) .analytics-layout,
  body:has(#historyActions) .decision-grid,
  body:has(#historyActions) .period-cards,
  body:has(#historyActions) .status-donut,
  body:has(#historyActions) .donut-wrap,
  body:has(#historyActions) .material-select-grid{
    grid-template-columns:1fr !important;
  }

  body:has(#historyActions) .chart-card{
    padding:0 !important;
    overflow:hidden !important;
  }

  body:has(#historyActions) .analytics-toggle{
    width:100% !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:13px 14px !important;
    border:0 !important;
    border-bottom:1px solid #edf2f8 !important;
    background:#fff !important;
    color:#102a64 !important;
    font-size:15px !important;
    font-weight:950 !important;
    text-align:left !important;
    cursor:pointer !important;
  }

  body:has(#historyActions) .analytics-arrow{
    width:28px !important;
    height:28px !important;
    flex:0 0 auto !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#edf4ff !important;
    color:#223f91 !important;
    font-size:14px !important;
    line-height:1 !important;
    transition:transform .18s ease !important;
  }

  body:has(#historyActions) .analytics-card-body{
    padding:14px !important;
  }

  body:has(#historyActions) .analytics-title-source{
    display:none !important;
  }

  body:has(#historyActions) .analytics-collapsed .analytics-card-body{
    display:none !important;
  }

  body:has(#historyActions) .analytics-collapsed .analytics-arrow{
    transform:rotate(-90deg) !important;
  }

  body:has(#historyActions) .bar-row{
    grid-template-columns:1fr 48px !important;
    gap:7px !important;
    padding:9px !important;
    border:1px solid #edf2f8 !important;
    border-radius:11px !important;
    background:#fbfdff !important;
  }

  body:has(#historyActions) .bar-row > span:first-child{
    grid-column:1 / -1 !important;
  }

  body:has(#historyActions) .line-chart,
  body:has(#historyActions) .column-chart{
    height:150px !important;
  }

  body:has(#historyActions) .status-ring,
  body:has(#historyActions) .donut{
    margin:auto !important;
  }
}

@media (max-width: 430px){
  body:has(#historyActions) .actions,
  body:has(#historyActions) .analytics-tools,
  body:has(#historyActions) .analytics-grid,
  body:has(#historyActions) .mini{
    grid-template-columns:1fr !important;
  }

  body:has(#historyActions) .title-wrap{
    grid-template-columns:auto minmax(0, 1fr) !important;
  }

  body:has(#historyActions) .doc-ico{
    display:none !important;
  }
}

@media (max-width: 760px){
  body:has(#nuevaView) .card{
    padding:14px !important;
    border-radius:16px !important;
  }

  body:has(#nuevaView) .card h2{
    font-size:24px !important;
    line-height:1.08 !important;
  }

  body:has(#nuevaView) .title-line{
    margin:9px 0 14px !important;
  }

  body:has(#nuevaView) .form-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#nuevaView) .field label{
    margin-left:2px !important;
    font-size:10px !important;
    line-height:1.2 !important;
  }

  body:has(#nuevaView) input,
  body:has(#nuevaView) select,
  body:has(#nuevaView) textarea{
    min-height:46px !important;
    border-radius:11px !important;
    font-size:15px !important;
  }

  body:has(#nuevaView) textarea{
    min-height:92px !important;
  }

  body:has(#nuevaView) .materials-box{
    padding:12px !important;
    border-radius:14px !important;
  }

  body:has(#nuevaView) .materials-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#nuevaView) .materials-head h3{
    font-size:18px !important;
    line-height:1.12 !important;
  }

  body:has(#nuevaView) .materials-head p{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  body:has(#nuevaView) .partidas{
    gap:10px !important;
  }

  body:has(#nuevaView) .partida{
    padding:12px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #e4ebf6 !important;
  }

  body:has(#nuevaView) .partida-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#nuevaView) .remove{
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    justify-self:end !important;
    border-radius:12px !important;
  }

  body:has(#nuevaView) .actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body:has(#nuevaView) .actions .btn,
  body:has(#nuevaView) .btn-add{
    width:100% !important;
    min-height:44px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  body:has(#nuevaView) .sidebar-tools{
    margin-top:10px !important;
    padding:10px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:16px !important;
    background:#f7faff !important;
  }

  body:has(#nuevaView) .sidebar-tools-title{
    min-height:32px !important;
    margin:0 0 8px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#102a64 !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
  }

  body:has(#nuevaView) .sidebar-tools-title .ico{
    width:30px !important;
    height:30px !important;
    border-radius:8px !important;
    background:#e9eef8 !important;
    color:#263d74 !important;
  }

  body:has(#nuevaView) .sidebar-tools-title .ico svg{
    width:16px !important;
    height:16px !important;
  }

  body:has(#nuevaView) .sidebar-tools .sidebar-btn{
    min-height:42px !important;
    margin-bottom:7px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    border:1px solid #dbe5f3 !important;
    gap:8px !important;
    color:#102a64 !important;
    font-size:12px !important;
    line-height:1.15 !important;
    background:#fff !important;
  }

  body:has(#nuevaView) .sidebar-tools .sidebar-btn.active{
    color:#102a64 !important;
    border-color:#2447b8 !important;
    background:#f2f6ff !important;
    box-shadow:inset 3px 0 0 #ff5b00 !important;
  }

  body:has(#nuevaView) .sidebar-tools .sidebar-btn:last-child{
    margin-bottom:0 !important;
  }

  body:has(#nuevaView) .sidebar-tools .sidebar-btn .ico{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:9px !important;
    background:#e9eef8 !important;
    color:#263d74 !important;
  }

  body:has(#nuevaView) .sidebar-tools .sidebar-btn.active .ico{
    background:#ffefe4 !important;
    color:#ff5b00 !important;
  }

  body:has(#nuevaView) .sidebar-tools .sidebar-btn .ico svg{
    width:16px !important;
    height:16px !important;
  }

  body:has(#nuevaView) #misView .filters{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding:0 0 8px !important;
    -webkit-overflow-scrolling:touch;
  }

  body:has(#nuevaView) #misView .filters button{
    flex:0 0 auto !important;
    width:auto !important;
    min-height:34px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  body:has(#nuevaView) .panel-list{
    display:grid !important;
    gap:12px !important;
  }

  body:has(#nuevaView) #misView .requests-table-wrap{
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body:has(#nuevaView) #misView .requests-table{
    display:block !important;
    min-width:0 !important;
    width:100% !important;
    border-collapse:separate !important;
  }

  body:has(#nuevaView) #misView .requests-table thead,
  body:has(#nuevaView) #misView .requests-table tbody,
  body:has(#nuevaView) #misView .requests-table tr{
    display:block !important;
    width:100% !important;
  }

  body:has(#nuevaView) #misView .requests-table thead{
    margin-bottom:12px !important;
  }

  body:has(#nuevaView) #misView .requests-table thead tr{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    padding:10px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:15px !important;
    background:#f7faff !important;
  }

  body:has(#nuevaView) #misView .requests-table th{
    display:block !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body:has(#nuevaView) #misView .requests-table th:not(:has(.th-filter)){
    display:none !important;
  }

  body:has(#nuevaView) #misView .th-filter{
    gap:5px !important;
  }

  body:has(#nuevaView) #misView .th-filter span{
    font-size:10px !important;
    color:#657697 !important;
  }

  body:has(#nuevaView) #misView .th-filter input,
  body:has(#nuevaView) #misView .th-filter select{
    min-height:38px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }

  body:has(#nuevaView) #misView .requests-table tbody{
    display:grid !important;
    gap:12px !important;
  }

  body:has(#nuevaView) #misView .requests-table tbody tr{
    display:grid !important;
    gap:0 !important;
    padding:13px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 10px 22px rgba(26,45,92,.07) !important;
  }

  body:has(#nuevaView) #misView .requests-table td{
    display:grid !important;
    grid-template-columns:minmax(92px, 34%) minmax(0, 1fr) !important;
    gap:10px !important;
    align-items:start !important;
    padding:10px 0 !important;
    border:0 !important;
    border-bottom:1px solid #edf2f8 !important;
    color:#263d74 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  body:has(#nuevaView) #misView .requests-table td:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }

  body:has(#nuevaView) #misView .requests-table td::before{
    content:"";
    color:#7a8aa7 !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-transform:uppercase !important;
  }

  body:has(#nuevaView) #misView .requests-table td:nth-child(1)::before{content:"SM / OT"}
  body:has(#nuevaView) #misView .requests-table td:nth-child(2)::before{content:"Cliente"}
  body:has(#nuevaView) #misView .requests-table td:nth-child(3)::before{content:"Materiales"}
  body:has(#nuevaView) #misView .requests-table td:nth-child(4)::before{content:"Comentarios"}
  body:has(#nuevaView) #misView .requests-table td:nth-child(5)::before{content:"Estado"}
  body:has(#nuevaView) #misView .requests-table td:nth-child(6)::before{content:"Acciones"}

  body:has(#nuevaView) #misView .requests-table td:first-child{
    padding-top:0 !important;
  }

  body:has(#nuevaView) #misView .sm-link{
    font-size:16px !important;
    line-height:1.1 !important;
  }

  body:has(#nuevaView) #misView .material-lines{
    gap:7px !important;
  }

  body:has(#nuevaView) #misView .material-line{
    padding:9px !important;
    border-radius:11px !important;
    font-size:11px !important;
  }

  body:has(#nuevaView) #misView .table-muted{
    font-size:10px !important;
    line-height:1.25 !important;
  }

  body:has(#nuevaView) #misView .table-actions,
  body:has(#nuevaView) #misView .btn-table{
    width:100% !important;
  }

  body:has(#nuevaView) #misView .btn-table{
    min-height:40px !important;
    border-radius:11px !important;
  }

  body:has(#nuevaView) .request-card,
  body:has(#nuevaView) .item{
    padding:14px !important;
    border-radius:16px !important;
    box-shadow:0 10px 22px rgba(26,45,92,.07) !important;
  }

  body:has(#nuevaView) .request-card .topline,
  body:has(#nuevaView) .item .topline{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#nuevaView) .status{
    width:fit-content !important;
    max-width:100% !important;
    white-space:normal !important;
  }

  body:has(#nuevaView) .dxf-layout{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body:has(#nuevaView) #dxfView .copy{
    margin:-4px 0 12px !important;
    font-size:12px !important;
    line-height:1.42 !important;
  }

  body:has(#nuevaView) .dxf-panel{
    padding:14px !important;
    border-radius:15px !important;
    box-shadow:0 10px 22px rgba(26,45,92,.06) !important;
  }

  body:has(#nuevaView) .dxf-panel h3{
    font-size:17px !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
  }

  body:has(#nuevaView) #dxfView .dxf-panel .form-grid,
  body:has(#nuevaView) #imageView .dxf-panel .form-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#nuevaView) .font-picker-button{
    min-height:48px !important;
    border-radius:12px !important;
    padding:9px 11px !important;
  }

  body:has(#nuevaView) .font-picker-selection small{
    font-size:9px !important;
  }

  body:has(#nuevaView) .font-picker-selected{
    font-size:15px !important;
    line-height:1.15 !important;
  }

  body:has(#nuevaView) .font-picker-menu{
    max-height:52dvh !important;
    overflow:auto !important;
    border-radius:14px !important;
  }

  body:has(#nuevaView) .font-option{
    min-height:46px !important;
    padding:9px 10px !important;
  }

  body:has(#nuevaView) .dxf-preview{
    min-height:260px !important;
    max-height:58dvh !important;
    overflow:auto !important;
    border-radius:14px !important;
  }

  body:has(#nuevaView) #dxfPreview > div{
    min-height:220px !important;
    padding:18px !important;
    font-size:42px !important;
    line-height:1.1 !important;
  }

  body:has(#nuevaView) .dxf-meta{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body:has(#nuevaView) .dxf-chip{
    padding:10px !important;
    border-radius:11px !important;
    min-width:0 !important;
  }

  body:has(#nuevaView) .dxf-chip strong,
  body:has(#nuevaView) .dxf-chip span{
    overflow-wrap:anywhere !important;
  }

  body:has(#nuevaView) .image-dxf-dropzone{
    min-height:118px !important;
    padding:16px !important;
    border-radius:14px !important;
  }

  body:has(#nuevaView) .image-dxf-dropzone-icon{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    font-size:22px !important;
  }

  body:has(#nuevaView) .image-dxf-dropzone strong{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  body:has(#nuevaView) .image-dxf-help{
    padding:11px !important;
    border-radius:12px !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }

  body:has(#nuevaView) .image-dxf-tools{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  body:has(#nuevaView) .image-dxf-tool,
  body:has(#nuevaView) .image-dxf-zoom-label{
    width:100% !important;
    min-height:38px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  body:has(#nuevaView) #imageDxfPreview{
    min-height:330px !important;
  }

  body:has(#nuevaView) .image-dxf-canvas{
    max-width:none !important;
  }

  body:has(#nuevaView) .celosia-main{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body:has(#nuevaView) .celosia-showroom{
    display:grid !important;
    gap:12px !important;
  }

  body:has(#nuevaView) .celosia-stage{
    min-height:330px !important;
    padding:48px 16px 30px !important;
    border-radius:16px !important;
    order:1 !important;
  }

  body:has(#nuevaView) .celosia-board-wrap{
    height:240px !important;
  }

  body:has(#nuevaView) .celosia-spec{
    padding:14px !important;
    border-radius:15px !important;
    order:2 !important;
  }

  body:has(#nuevaView) .celosia-spec h3{
    font-size:18px !important;
    line-height:1.12 !important;
    margin-bottom:4px !important;
  }

  body:has(#nuevaView) .celosia-spec p{
    font-size:11px !important;
    line-height:1.35 !important;
    margin-bottom:12px !important;
  }

  body:has(#nuevaView) .celosia-fields{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#nuevaView) .celosia-price-note{
    padding:10px !important;
    border-radius:11px !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }

  body:has(#nuevaView) .celosia-model-pill{
    top:12px !important;
    font-size:11px !important;
    border-radius:999px !important;
  }

  body:has(#nuevaView) .celosia-nav{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    font-size:24px !important;
  }

  body:has(#nuevaView) .celosia-nav.prev{left:10px !important}
  body:has(#nuevaView) .celosia-nav.next{right:10px !important}

  body:has(#nuevaView) .celosia-measure{
    padding:4px 7px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }

  body:has(#nuevaView) .celosia-thumbs{
    display:flex !important;
    gap:10px !important;
    overflow-x:auto !important;
    padding-bottom:8px !important;
    -webkit-overflow-scrolling:touch;
  }

  body:has(#nuevaView) .celosia-thumb{
    flex:0 0 132px !important;
    width:132px !important;
    min-height:112px !important;
    padding:8px !important;
    border-radius:12px !important;
  }

  body:has(#nuevaView) .celosia-add,
  body:has(#nuevaView) .celosia-download{
    width:100% !important;
    min-height:44px !important;
    border-radius:12px !important;
  }

  body:has(#nuevaView) .toast-stack{
    top:12px !important;
    right:10px !important;
    left:10px !important;
    width:auto !important;
  }

  body:has(#nuevaView) .toast-card{
    grid-template-columns:30px minmax(0,1fr) 28px !important;
    padding:12px !important;
    border-radius:12px !important;
  }

  body:has(#nuevaView) dialog.cancel-modal{
    padding:16px !important;
  }
}

@media (max-width: 430px){
  body:has(#nuevaView) #misView .requests-table thead tr{
    grid-template-columns:1fr !important;
  }

  body:has(#nuevaView) #misView .requests-table tbody tr{
    padding:12px !important;
  }

  body:has(#nuevaView) #misView .requests-table td{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  body:has(#nuevaView) .image-dxf-tools{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(#nuevaView) #dxfPreview > div{
    font-size:34px !important;
  }

  body:has(#nuevaView) .celosia-thumb{
    flex-basis:116px !important;
    width:116px !important;
  }
}

@media (max-width: 760px){
  body:has(#panel-entrada){
    padding:8px 0 14px !important;
    background:#eef3fb !important;
  }

  body:has(#panel-entrada) .shell{
    width:min(100% - 18px, 560px) !important;
  }

  body:has(#panel-entrada) .header{
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:16px !important;
  }

  body:has(#panel-entrada) .brand{
    gap:12px !important;
    flex-wrap:nowrap !important;
    min-width:0 !important;
  }

  body:has(#panel-entrada) .brand img{
    width:132px !important;
    max-width:42vw !important;
  }

  body:has(#panel-entrada) .brand h1{
    font-size:22px !important;
    line-height:1.05 !important;
  }

  body:has(#panel-entrada) .brand p{
    font-size:12px !important;
    line-height:1.25 !important;
  }

  body:has(#panel-entrada) .top{
    width:100% !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:9px !important;
  }

  body:has(#panel-entrada) .bell,
  body:has(#panel-entrada) .logout{
    min-height:42px !important;
    border-radius:12px !important;
  }

  body:has(#panel-entrada) .bell{
    width:42px !important;
    height:42px !important;
  }

  body:has(#panel-entrada) .logout{
    display:grid !important;
    place-items:center !important;
    padding:9px 12px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  body:has(#panel-entrada) #userName{
    min-width:0 !important;
    align-self:center !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body:has(#panel-entrada) .notice{
    right:auto !important;
    left:0 !important;
    width:calc(100vw - 34px) !important;
  }

  body:has(#panel-entrada) .app-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:12px !important;
  }

  body:has(#panel-entrada) .side-panel{
    position:static !important;
    min-height:0 !important;
    padding:12px !important;
    border-radius:16px !important;
  }

  body:has(#panel-entrada) .side-title{
    margin:0 0 9px !important;
    color:#102a64 !important;
    font-size:11px !important;
  }

  body:has(#panel-entrada) .nav-section{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
  }

  body:has(#panel-entrada) .side-nav{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body:has(#panel-entrada) .side-link{
    min-height:46px !important;
    padding:8px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#102a64 !important;
    font-size:12px !important;
    line-height:1.15 !important;
  }

  body:has(#panel-entrada) .side-link.active{
    color:#102a64 !important;
    border-color:#2447b8 !important;
    background:#f2f6ff !important;
    box-shadow:inset 3px 0 0 #ff5b00 !important;
  }

  body:has(#panel-entrada) .side-icon{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:9px !important;
    background:#e9eef8 !important;
    color:#263d74 !important;
  }

  body:has(#panel-entrada) .side-link.active .side-icon{
    background:#ffefe4 !important;
    color:#ff5b00 !important;
  }

  body:has(#panel-entrada) .card{
    padding:14px !important;
    border-radius:16px !important;
  }

  body:has(#panel-entrada) .head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#panel-entrada) .card h2{
    font-size:24px !important;
    line-height:1.08 !important;
  }

  body:has(#panel-entrada) .line{
    margin:9px 0 12px !important;
  }

  body:has(#panel-entrada) .btn{
    width:100% !important;
    min-height:42px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  body:has(#panel-entrada) .bulk.show{
    position:sticky !important;
    top:8px !important;
    z-index:5 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    padding:12px !important;
    border-radius:14px !important;
    box-shadow:0 14px 28px rgba(26,45,92,.12) !important;
  }

  body:has(#panel-entrada) .filters,
  body:has(#panel-entrada) .price-toolbar .filters{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    padding:12px !important;
    border-radius:14px !important;
  }

  body:has(#panel-entrada) .price-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:has(#panel-entrada) .switch{
    justify-content:space-between !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:12px !important;
    background:#fff !important;
  }

  body:has(#panel-entrada) label{
    margin:8px 0 5px !important;
    font-size:10px !important;
    line-height:1.2 !important;
  }

  body:has(#panel-entrada) input,
  body:has(#panel-entrada) select,
  body:has(#panel-entrada) textarea{
    min-height:44px !important;
    border-radius:11px !important;
    font-size:14px !important;
  }

  body:has(#panel-entrada) textarea{
    min-height:92px !important;
  }

  body:has(#panel-entrada) .table-wrap{
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  body:has(#panel-entrada) .table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border-collapse:separate !important;
  }

  body:has(#panel-entrada) .table thead,
  body:has(#panel-entrada) .table tbody,
  body:has(#panel-entrada) .table tr{
    display:block !important;
    width:100% !important;
  }

  body:has(#panel-entrada) .table thead{
    display:none !important;
  }

  body:has(#panel-entrada) .table tbody{
    display:grid !important;
    gap:12px !important;
  }

  body:has(#panel-entrada) .table tr{
    padding:13px !important;
    border:1px solid #dfe7f4 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 10px 22px rgba(26,45,92,.07) !important;
  }

  body:has(#panel-entrada) .table tr.edited{
    border-color:#ffd99a !important;
    background:#fffaf0 !important;
  }

  body:has(#panel-entrada) .table tr.saved-change{
    border-color:#bfe8d1 !important;
    background:#f4fff8 !important;
  }

  body:has(#panel-entrada) .table td{
    display:grid !important;
    grid-template-columns:minmax(88px, 34%) minmax(0, 1fr) !important;
    gap:9px !important;
    align-items:start !important;
    padding:9px 0 !important;
    border:0 !important;
    border-bottom:1px solid #edf2f8 !important;
    color:#263d74 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  body:has(#panel-entrada) .table td:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }

  body:has(#panel-entrada) .table td::before{
    color:#7a8aa7 !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-transform:uppercase !important;
  }

  body:has(#panel-entrada) #panel-entrada .table td:nth-child(1)::before{content:"SM completa"}
  body:has(#panel-entrada) #panel-entrada .table td:nth-child(2)::before{content:"Partida"}
  body:has(#panel-entrada) #panel-entrada .table td:nth-child(3)::before{content:"Material"}
  body:has(#panel-entrada) #panel-entrada .table td:nth-child(4)::before{content:"Proveedor"}
  body:has(#panel-entrada) #panel-entrada .table td:nth-child(5)::before{content:"Pedido"}
  body:has(#panel-entrada) #panel-entrada .table td:nth-child(6)::before{content:"Estado"}

  body:has(#panel-entrada) #panel-gases .table td:nth-child(1)::before{content:"Fecha"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(2)::before{content:"Proveedor"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(3)::before{content:"Cantidad"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(4)::before{content:"Descripcion"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(5)::before{content:"Factura"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(6)::before{content:"Importe"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(7)::before{content:"Usuario"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(8)::before{content:"Ediciones"}
  body:has(#panel-entrada) #panel-gases .table td:nth-child(9)::before{content:"Acciones"}

  body:has(#panel-entrada) #panel-precios-gases .table td:nth-child(1)::before{content:"Material"}
  body:has(#panel-entrada) #panel-precios-gases .table td:nth-child(2)::before{content:"Calibre"}
  body:has(#panel-entrada) #panel-precios-gases .table td:nth-child(3)::before{content:"Medida"}
  body:has(#panel-entrada) #panel-precios-gases .table td:nth-child(4)::before{content:"Precio vigente"}
  body:has(#panel-entrada) #panel-precios-gases .table td:nth-child(5)::before{content:"Nuevo precio"}

  body:has(#panel-entrada) #panel-reportes .table td:nth-child(1)::before{content:"Folio"}
  body:has(#panel-entrada) #panel-reportes .table td:nth-child(2)::before{content:"Tipo"}
  body:has(#panel-entrada) #panel-reportes .table td:nth-child(3)::before{content:"Area"}
  body:has(#panel-entrada) #panel-reportes .table td:nth-child(4)::before{content:"Mensaje"}
  body:has(#panel-entrada) #panel-reportes .table td:nth-child(5)::before{content:"Usuario"}
  body:has(#panel-entrada) #panel-reportes .table td:nth-child(6)::before{content:"Fecha"}

  body:has(#panel-entrada) .table td[rowspan]{
    border-bottom:1px solid #edf2f8 !important;
  }

  body:has(#panel-entrada) .table label{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    margin:0 !important;
    color:#263d74 !important;
    font-size:12px !important;
    text-transform:none !important;
  }

  body:has(#panel-entrada) .check{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin-top:1px !important;
  }

  body:has(#panel-entrada) .sm-title{
    font-size:15px !important;
    line-height:1.1 !important;
  }

  body:has(#panel-entrada) .muted{
    font-size:10px !important;
    line-height:1.25 !important;
  }

  body:has(#panel-entrada) .part-line{
    padding:9px !important;
    border-radius:11px !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }

  body:has(#panel-entrada) .status{
    width:fit-content !important;
    max-width:100% !important;
    white-space:normal !important;
  }

  body:has(#panel-entrada) .price-input{
    text-align:left !important;
    font-size:15px !important;
  }

  body:has(#panel-entrada) .history-item,
  body:has(#panel-entrada) .change-line,
  body:has(#panel-entrada) .empty{
    border-radius:14px !important;
  }

  body:has(#panel-entrada) .history-item{
    padding:13px !important;
    box-shadow:0 10px 22px rgba(26,45,92,.06) !important;
  }

  body:has(#panel-entrada) .change-line{
    padding:10px !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }

  body:has(#panel-entrada) dialog{
    width:calc(100vw - 24px) !important;
    max-height:86dvh !important;
    overflow:auto !important;
    padding:18px !important;
    border-radius:16px !important;
  }

  body:has(#panel-entrada) .modal-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  body:has(#panel-entrada) .toast{
    right:10px !important;
    left:10px !important;
    bottom:12px !important;
    width:auto !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    padding:12px !important;
    border-radius:14px !important;
  }

  body:has(#panel-entrada) .toast-ico{
    width:34px !important;
    height:34px !important;
    border-radius:11px !important;
  }
}

@media (max-width: 430px){
  body:has(#panel-entrada) .shell{
    width:min(100% - 12px, 430px) !important;
  }

  body:has(#panel-entrada) .brand{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body:has(#panel-entrada) .brand img{
    width:150px !important;
    max-width:60vw !important;
  }

  body:has(#panel-entrada) .side-nav{
    grid-template-columns:1fr !important;
  }

  body:has(#panel-entrada) .table tr{
    padding:12px !important;
  }

  body:has(#panel-entrada) .table td{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }
}