/* TEST ONLY — propuesta de shell claro inspirado en las páginas de agentes. */
@media (min-width:769px){
  :root{--clinic-shell-header-height:104px}
  body{background:#f5f7fa}
  .screen.active#screen-app{background:#f5f7fa}
  .screen.active#screen-app .main{margin:0;background:#f5f7fa;height:100vh;border-radius:0}
  .sidebar{width:286px;background:#fbfbfc;border-right:1px solid #e3e8ee;color:#1c1c1e;box-shadow:none}
  .sidebar.collapsed{width:76px}
  .sb-brand{height:var(--clinic-shell-header-height);min-height:var(--clinic-shell-header-height);box-sizing:border-box;padding:19px 20px 17px;border-bottom:1px solid #e3e8ee}
  .sb-brand-icon img{content:url('../brand/icono-clinic-sobre-claro.svg')}
  .sb-mark-top{color:#1c1c1e;font-size:15px;font-weight:800;letter-spacing:0}
  .sb-mark{font-size:15px;color:#1c1c1e;margin:0}
  .sb-mark span{color:#1d72c9}
  .sb-nav{padding:8px 12px}
  .sb-section{color:#8b95a5!important;padding:11px 10px 6px;margin-top:8px;font-size:11px;text-transform:none;letter-spacing:0;font-weight:700}
  .sb-section:hover{color:#667085}
  .sb-link{text-decoration:none}
  .sb-link:hover .si svg,.sb-link.active .si svg{stroke:#1d72c9}
  .sb-group{gap:2px}
  .sb-foot{background:#fbfbfc;border-top:1px solid #e3e8ee}
  .sb-footer-actions{border-top:0}
  .sb-foot-item{color:#667085}
  .sb-version-txt{color:#98a2b3!important}
  #sb-pill-wrap{left:0!important;z-index:1120!important}
  .sidebar.collapsed~#sb-pill-wrap{left:0!important}
  #sb-pill-toggle{left:-14px!important;top:calc(var(--clinic-shell-header-height) - 14px)!important;z-index:1121!important;background:#fff;border-color:#d5dce5;box-shadow:0 3px 10px rgba(15,76,129,.10)}
  .topbar{height:var(--clinic-shell-header-height);min-height:var(--clinic-shell-header-height);box-sizing:border-box;background:#fff;border-bottom:1px solid #e3e8ee;padding:18px 34px}
  .topbar h2{font-size:30px}
  .page{padding:26px 32px 48px}
  .card,.dash-card,.side-card{border-color:#e3e8ee!important;box-shadow:0 3px 12px rgba(15,76,129,.05)!important}
  .btn,.btn-icon,button{font-family:Roboto,sans-serif}
  #home-desktop-actions-button{background:#1d72c9;border-color:#1d72c9}
  .sb-brand .sb-brand-txt{display:flex;flex-direction:row;align-items:baseline;gap:4px;min-width:0;white-space:nowrap}
  .sb-brand .sb-mark-top,.sb-brand .sb-mark{font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;line-height:1.1;letter-spacing:0;margin:0;color:#1c1c1e}
  .sb-brand .sb-mark span{color:#1d72c9}
  .sb-brand-icon,.sb-brand-icon img{width:34px!important;height:34px!important}
  .sb-link{min-height:45px;padding:9px 10px;border-radius:10px;color:#4b5563;font-size:14px;gap:10px}
  .sb-link:hover{color:#4b5563}
  .sb-link.active{font-weight:700}
  .sb-link .si img{width:27px!important;height:27px!important;border-radius:8px;filter:none!important}
  .sb-link .sb-txt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  table.dtable thead th,table.dtable-inner thead th,table.sum-table thead th,.clinic-data-table thead th,.home-report-table thead th,.olab-grid-table thead th{background:#f3f4f4!important;color:#53606f!important;border-bottom:1px solid #e3e8ee!important}
  /* NOTION TABLE WORKSPACE PROTOTYPE — TEST ONLY */
  #page-lab-orders #tabsbar-lab-orders.lab-table-toolbar{
    position:sticky!important;
    top:calc(var(--clinic-shell-header-height) + 8px)!important;
    z-index:225!important;
    margin-bottom:12px!important;
    background:rgba(255,255,255,.97)!important;
    border-color:#dfe5ec!important;
    box-shadow:0 8px 20px rgba(15,76,129,.08)!important;
    backdrop-filter:blur(12px);
  }
  #page-lab-orders #lab-orders-table{
    min-width:0!important;
    overflow:visible!important;
  }
  #page-lab-orders .olab-grid-scroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding-bottom:10px;
    scrollbar-gutter:stable;
    overscroll-behavior-x:contain;
  }
  #page-lab-orders .olab-grid-table{min-width:1480px!important}
  #page-lab-orders .olab-grid-scroll::-webkit-scrollbar{height:12px}
  #page-lab-orders .olab-grid-scroll::-webkit-scrollbar-track{background:#ececea;border-radius:999px}
  #page-lab-orders .olab-grid-scroll::-webkit-scrollbar-thumb{background:#c7c7c3;border:3px solid #ececea;border-radius:999px}
  #page-lab-orders .olab-grid-scroll::-webkit-scrollbar-thumb:hover{background:#a9a9a4}
  #page-lab-orders .olab-grid-scroll{scrollbar-color:#b8b8b3 #ececea;scrollbar-width:auto}

  /* NOTION SUPPLY SUBMENU + STICKY DATA HEADER — TEST ONLY */
  #page-supplies .supplies-submenu-row{
    display:block!important;
    margin:0 0 8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #page-supplies #tabsbar-supplies{
    border-bottom:1px solid #e3e8ee;
  }
  #page-supplies .supplies-actions-row{
    position:sticky!important;
    top:calc(var(--clinic-shell-header-height) + 8px)!important;
    z-index:225!important;
    justify-content:flex-end;
    min-height:58px;
    margin:0 0 14px;
    padding:8px 10px;
    background:rgba(255,255,255,.97);
    border:1px solid #e3e8ee;
    border-radius:12px;
    box-shadow:0 7px 18px rgba(15,76,129,.07);
    backdrop-filter:blur(12px);
  }
  #page-supplies .supplies-actions-row #supplies-toolbar-actions{
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
  }
  #supplies-panel-orders .clinic-orders-grid-scroll{
    width:100%;
    max-width:100%;
    max-height:calc(100dvh - var(--clinic-shell-header-height) - 172px);
    overflow:auto!important;
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
  }
  #supplies-panel-orders .supply-orders-table{min-width:1180px!important}
  #supplies-panel-orders .supply-orders-table thead th{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    background:#f3f4f4!important;
    color:#53606f!important;
    border-bottom:1px solid #dfe3e8!important;
    box-shadow:0 1px 0 #dfe3e8;
  }
  #supplies-panel-orders .clinic-orders-grid-scroll::-webkit-scrollbar{width:12px;height:12px}
  #supplies-panel-orders .clinic-orders-grid-scroll::-webkit-scrollbar-track{background:#ececea;border-radius:999px}
  #supplies-panel-orders .clinic-orders-grid-scroll::-webkit-scrollbar-thumb{background:#c7c7c3;border:3px solid #ececea;border-radius:999px}
  #supplies-panel-orders .clinic-orders-grid-scroll::-webkit-scrollbar-thumb:hover{background:#a9a9a4}

  /* SUPPLY ACTIVE TOOLBAR FIX — TEST ONLY */
  #page-supplies .supplies-actions-row{display:none}
  #page-supplies:has(#supplies-tab-orders.os-utab-active) .supplies-actions-row{display:flex!important}
  #page-supplies:has(#supplies-tab-orders.os-utab-active) .supplies-actions-row .supply-orders-only{display:flex!important}
  #page-supplies:has(#supplies-tab-orders.os-utab-active) .supplies-actions-row .supply-purchase-entry{display:inline-flex!important}
  #page-supplies .supplies-actions-row #supplies-toolbar-actions{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    justify-content:flex-end;
    scrollbar-width:none;
  }
  #page-supplies .supplies-actions-row #supplies-toolbar-actions::-webkit-scrollbar{display:none}
  #page-supplies .supplies-actions-row .supply-order-filter{min-width:170px;flex:0 0 auto}
  #page-supplies .supplies-actions-row .supply-order-filter select{min-width:112px}
  #page-supplies .supply-orders-search{
    height:38px;
    min-width:250px;
    flex:1 1 320px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 11px;
    border:1px solid #d7e1ea;
    border-radius:9px;
    background:#fff;
    color:#667085;
  }
  #page-supplies .supply-orders-search input{
    width:100%;min-width:0;border:0;outline:0;background:transparent;color:#243447;font:400 13px Roboto,sans-serif
  }
  #page-supplies #supplies-panel-orders{margin-top:0!important}
  #page-supplies .supply-order-group-row td{
    padding:9px 14px!important;
    background:#eef4f8!important;
    color:#29465c!important;
    border-bottom:1px solid #dce5ec!important;
  }
  #page-supplies .supply-order-group-row td strong{font-size:12px}
  #page-supplies .supply-order-group-row td span{margin-left:10px;color:#667085;font-size:11px}
  #page-supplies #supplies-panel-inventario>.tbl-toolbar,
  #page-supplies #supplies-panel-entradas>.tbl-toolbar,
  #page-supplies #supplies-panel-entregas>.tbl-toolbar{
    position:sticky;
    top:calc(var(--clinic-shell-header-height) + 8px);
    z-index:225;
    margin:0 0 14px;
    background:rgba(255,255,255,.97);
    border-color:#e3e8ee;
    box-shadow:0 7px 18px rgba(15,76,129,.07);
    backdrop-filter:blur(12px);
  }

  /* LABORATORIOS: pestañas de estado y herramientas en dos filas independientes */
  #page-lab-orders #tabsbar-lab-orders.lab-table-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #page-lab-orders #tabsbar-lab-orders .lab-status-filters{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding:10px 12px!important;
    overflow-x:auto!important;
    border-bottom:1px solid #e3e8ee;
    scrollbar-width:none;
  }
  #page-lab-orders #tabsbar-lab-orders .lab-status-filters::-webkit-scrollbar{display:none}
  #page-lab-orders #tabsbar-lab-orders .lab-table-search{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    padding:9px 12px!important;
    overflow-x:auto!important;
    background:#fff!important;
    scrollbar-width:none;
  }
  #page-lab-orders #tabsbar-lab-orders .lab-table-search::-webkit-scrollbar{display:none}
  #page-lab-orders #tabsbar-lab-orders .lab-table-search>label[for="lab-search"]{
    flex:1 1 360px!important;
    min-width:280px!important;
  }
  #page-lab-orders .lab-sort-control{
    height:38px;
    min-width:190px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border:1px solid #d7e1ea;
    border-radius:9px;
    background:#fff;
    color:#667085;
    white-space:nowrap;
  }
  #page-lab-orders .lab-sort-control span{
    font-size:10px;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  #page-lab-orders .lab-sort-control select{
    min-width:105px;
    border:0;
    outline:0;
    background:transparent;
    color:#344054;
    font:500 13px Roboto,sans-serif;
  }

  /* PALETA APROBADA CLINIC — azul operativo + verde de confirmación */
  :root{
    --clinic-ui-blue:#1d72c9;
    --clinic-ui-blue-dark:#155a9f;
    --clinic-ui-blue-ink:#123f69;
    --clinic-ui-blue-soft:#e7f1fc;
    --clinic-ui-blue-wash:#f1f6fc;
    --clinic-ui-green:#08a574;
    --clinic-ui-green-dark:#07845e;
    --clinic-ui-green-soft:#dff7ee;
    --clinic-ui-green-wash:#effbf7;
    --clinic-ui-canvas:#f5f7fa;
    --clinic-ui-card:#ffffff;
    --clinic-ui-line:#dfe6ee;
    --clinic-ui-text:#182230;
    --clinic-ui-muted:#667085;
  }
  body,.screen.active#screen-app,.screen.active#screen-app .main{
    background:var(--clinic-ui-canvas)!important;
    color:var(--clinic-ui-text);
  }
  .topbar,.card,.dash-card,.side-card{
    background:var(--clinic-ui-card);
    border-color:var(--clinic-ui-line)!important;
  }
  .btn.btn-primary,
  #home-desktop-actions-button,
  .home-primary-action{
    background:var(--clinic-ui-blue)!important;
    border-color:var(--clinic-ui-blue)!important;
    color:#fff!important;
  }
  .btn.btn-primary:hover,
  #home-desktop-actions-button:hover,
  .home-primary-action:hover{
    background:var(--clinic-ui-blue-dark)!important;
    border-color:var(--clinic-ui-blue-dark)!important;
  }
  .sb-link.active{
    background:var(--clinic-ui-blue-soft)!important;
    color:var(--clinic-ui-blue-ink)!important;
  }
  .sb-link:hover{background:var(--clinic-ui-blue-wash)!important}
  .sb-link.active .si svg,.sb-link:hover .si svg{stroke:var(--clinic-ui-blue)!important}
  .os-utab.os-utab-active,
  #page-lab-orders .lab-status-filters button.is-active{
    background:var(--clinic-ui-blue-soft)!important;
    border-color:var(--clinic-ui-blue)!important;
    color:var(--clinic-ui-blue-dark)!important;
  }
  .os-utab.os-utab-active::after{background:var(--clinic-ui-blue)!important}
  .status-ok,.badge-success,.pill-success,.tag-success,
  .olab-status-completed,.olab-status-received{
    background:var(--clinic-ui-green-soft)!important;
    color:var(--clinic-ui-green-dark)!important;
    border-color:#b8ead8!important;
  }
  .ok-msg,.success-state,.is-confirmed{
    background:var(--clinic-ui-green-wash)!important;
    color:var(--clinic-ui-green-dark)!important;
    border-color:#b8ead8!important;
  }
  input:focus,select:focus,textarea:focus{
    border-color:var(--clinic-ui-blue)!important;
    box-shadow:0 0 0 3px rgba(29,114,201,.12)!important;
  }

  /* JERARQUÍA APROBADA — rótulos visibles como “OPERACIÓN CLÍNICA” */
  .section-kicker,.page-kicker,.card-kicker,.eyebrow,
  .home-report-header>span,
  .home-quick-copy>span,
  .central-analytics-head>span,
  .home-patient-finder-copy>span,
  .home-desktop-actions-title>span,
  .prep-section-kicker,
  .prep-workspace-head>div>span{
    color:var(--clinic-ui-blue)!important;
    font-family:Montserrat,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  /* SUBMENÚ INSUMOS — mismo lenguaje de tarjetas de filtros de Laboratorios */
  #page-supplies #tabsbar-supplies{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    margin:0!important;
    padding:10px 12px!important;
    overflow-x:auto!important;
    border:1px solid var(--clinic-ui-line)!important;
    border-radius:13px!important;
    background:var(--clinic-ui-card)!important;
    box-shadow:none!important;
    scrollbar-width:none;
  }
  #page-supplies #tabsbar-supplies::-webkit-scrollbar{display:none}
  #page-supplies #tabsbar-supplies .os-utab{
    flex:0 0 auto!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 15px!important;
    border:1px solid #d7e1ea!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#34495d!important;
    font:600 12px/1 Roboto,sans-serif!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease!important;
  }
  #page-supplies #tabsbar-supplies .os-utab:hover{
    border-color:#77b9d8!important;
    background:#f7fbfe!important;
    color:#126a91!important;
  }
  #page-supplies #tabsbar-supplies .os-utab:focus-visible{
    outline:3px solid rgba(29,114,201,.18)!important;
    outline-offset:2px!important;
  }
  #page-supplies #tabsbar-supplies .os-utab.os-utab-active{
    border-color:var(--clinic-ui-blue)!important;
    background:var(--clinic-ui-blue-soft)!important;
    color:var(--clinic-ui-blue-dark)!important;
    box-shadow:inset 0 0 0 1px rgba(29,114,201,.08)!important;
  }
  #page-supplies #tabsbar-supplies .os-utab.os-utab-active::before{
    content:'✓';
    margin-right:7px;
    font-size:14px;
    font-weight:800;
  }
  #page-supplies #tabsbar-supplies .os-utab::after{display:none!important}

  /* TIPOGRAFÍA CLINIC = PÁGINAS DE AGENTES */
  #screen-app.screen.active .main{
    font-family:Roboto,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:normal;
    color:#1c1c1e;
  }
  #screen-app.screen.active .main .page{
    font-family:Roboto,sans-serif!important;
    font-weight:400!important;
  }
  #screen-app.screen.active .main h1,
  #screen-app.screen.active .main h2,
  #screen-app.screen.active .main h3,
  #screen-app.screen.active .main h4{
    font-family:Montserrat,sans-serif!important;
    font-weight:800!important;
    line-height:1.15!important;
  }
  #screen-app.screen.active .main .topbar h2{
    font-size:31px!important;
    letter-spacing:0!important;
  }
  #screen-app.screen.active .main .page p,
  #screen-app.screen.active .main .page li{
    font-family:Roboto,sans-serif!important;
    font-weight:400!important;
  }
  #screen-app.screen.active .main .page-intro,
  #screen-app.screen.active .main .page-description,
  #screen-app.screen.active .main .agent-like-lead{
    color:#475467!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.65!important;
  }
  #screen-app.screen.active .main .card-head h3,
  #screen-app.screen.active .main .agent-like-card h2{
    font-family:Montserrat,sans-serif!important;
    font-size:17px!important;
    font-weight:800!important;
  }
  #screen-app.screen.active .main .btn{
    font-family:Roboto,sans-serif!important;
    font-weight:700;
  }
  /* Tipografía única para todas las filas de tablas. */
  #screen-app.screen.active .main table,
  #screen-app.screen.active .main table td,
  #screen-app.screen.active .main .page table tbody tr td,
  #screen-app.screen.active .main .page table tfoot tr td{
    font-family:Roboto,sans-serif!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
  }
  #screen-app.screen.active .main .page table :is(tbody,tfoot) td :is(div,span,strong,b,small,time,a,button,label,em,input,select,textarea){
    font-size:13px!important;
    font-weight:700!important;
  }
  #screen-app.screen.active .main table th{
    font-family:Roboto,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }

  /* ESPACIAMIENTO CLINIC = RITMO DE LAS PÁGINAS DE AGENTES */
  #screen-app.screen.active .main .page{
    padding:28px 32px 80px!important;
  }
  #screen-app.screen.active .main .page>section+section,
  #screen-app.screen.active .main .page>.card+.card,
  #screen-app.screen.active .main .agent-like-section+.agent-like-section{
    margin-top:28px!important;
  }
  #screen-app.screen.active .main .page p{line-height:1.65!important}
  #screen-app.screen.active .main .page li{line-height:1.7!important}
  #screen-app.screen.active .main .agent-like-grid,
  #screen-app.screen.active .main .kpi-grid,
  #screen-app.screen.active .main .dash-grid{
    gap:18px!important;
  }
  #screen-app.screen.active .main .agent-like-card{
    padding:22px!important;
    border-radius:16px!important;
  }
  #screen-app.screen.active .main .card-head{
    gap:18px;
  }
  #screen-app.screen.active .main table td{
    padding-top:13px!important;
    padding-bottom:13px!important;
  }

  /* ENCABEZADO CONTEXTUAL — mismo botón e icono que Agentes */
  #topbar-left.has-agent-icon{
    position:relative;
    min-height:56px;
    padding-left:58px;
  }
  #topbar-agent-icon{
    position:absolute;
    left:0;
    top:50%;
    width:46px;
    height:46px;
    padding:6px;
    transform:translateY(-50%);
    border:1px solid var(--clinic-ui-line);
    border-radius:13px;
    background:#fff;
    box-shadow:0 6px 16px rgba(15,76,129,.10);
  }
  #page-context-new-button{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:11px 16px;
    border:0;
    border-radius:10px;
    background:var(--clinic-ui-blue);
    color:#fff;
    font:700 14px/1 Roboto,sans-serif;
    cursor:pointer;
    box-shadow:none;
  }
  #page-context-new-button:hover{background:var(--clinic-ui-blue-dark)}
  #page-context-new-button:focus-visible{outline:3px solid rgba(29,114,201,.20);outline-offset:2px}

  /* KÁRDEX — pestañas, controles y tabla en niveles independientes */
  #page-supplies #supplies-panel-inventario>.tbl-toolbar{
    min-height:60px;
    padding:8px 10px!important;
    border:1px solid var(--clinic-ui-line)!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  #page-supplies #supplies-panel-inventario>.tbl-toolbar>.card-head{
    width:100%;
    min-height:42px;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  #page-supplies #supplies-panel-inventario>.tbl-toolbar>.card-head>h3{display:none!important}
  #page-supplies #supplies-panel-inventario .card-head-actions{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }
  #page-supplies #supplies-panel-inventario .card-head-actions::-webkit-scrollbar{display:none}
  #page-supplies #supplies-panel-inventario label[for="supplies-group"]{order:1}
  #page-supplies #supplies-panel-inventario #prod-fp-btn{order:2}
  #page-supplies #supplies-panel-inventario #search-supplies{order:3}
  #page-supplies #supplies-panel-inventario label[for="supplies-sort"]{order:4}
  #page-supplies #supplies-panel-inventario .card-head-actions>.btn-primary{display:none!important}
  #page-supplies #supplies-panel-inventario .card-head-actions>.btn-ghost{order:5}
  #page-supplies #supplies-panel-inventario .supply-order-filter{
    flex:0 0 auto!important;
    min-width:190px;
    height:42px;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    border:1px solid #d7e1ea!important;
    border-radius:9px!important;
    background:#fff!important;
  }
  #page-supplies #supplies-panel-inventario .supply-order-filter>span{
    flex:0 0 auto;
    color:#657789;
    font-size:10px;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  #page-supplies #supplies-panel-inventario .supply-order-filter>select{
    width:100%;
    min-width:105px;
    height:40px;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#26384a;
    font:600 13px/1.2 Roboto,sans-serif!important;
  }
  #page-supplies #supplies-panel-inventario #prod-fp-btn,
  #page-supplies #supplies-panel-inventario #search-supplies,
  #page-supplies #supplies-panel-inventario .card-head-actions>.btn-ghost{
    height:42px!important;
    min-height:42px!important;
    border-radius:9px!important;
  }
  #page-supplies #supplies-panel-inventario #search-supplies{
    flex:1 1 320px!important;
    min-width:260px!important;
    width:auto!important;
    font-size:13px!important;
  }
  #page-supplies #supplies-panel-inventario .card-head-actions>.btn-ghost{
    flex:0 0 auto;
    padding:0 14px!important;
    background:#fff!important;
    color:#475467!important;
    border:1px solid #d7e1ea!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  /* EL ESPACIO DE TRABAJO DE AGENTES NO USA PIE DE PÁGINA INTERCALADO */
  #screen-app .app-footer{display:none!important}

  /* PRESTACIONES SOCIALES — resumen con tarjeta blanca estilo Agentes */
  #page-prestaciones-sociales .labor-benefits-card{
    border:1px solid var(--clinic-ui-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  #page-prestaciones-sociales .labor-benefits-summary{
    overflow:hidden;
    background:#fff!important;
  }
  #page-prestaciones-sociales .labor-benefits-total{
    padding:22px!important;
    border-bottom:1px solid var(--clinic-ui-line)!important;
    background:#fff!important;
    color:var(--clinic-ui-text)!important;
  }
  #page-prestaciones-sociales .labor-benefits-total small{
    color:var(--clinic-ui-blue)!important;
    opacity:1!important;
    font-family:Montserrat,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }
  #page-prestaciones-sociales .labor-benefits-total strong{
    margin-top:8px!important;
    color:var(--clinic-ui-text)!important;
    font-family:Montserrat,sans-serif!important;
    font-size:31px!important;
    font-weight:800!important;
  }
  #page-prestaciones-sociales .labor-benefits-total span{
    margin-top:8px!important;
    color:#475467!important;
    opacity:1!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  #page-prestaciones-sociales .labor-benefits-meta{
    border-top:0!important;
    background:var(--clinic-ui-line)!important;
  }
  #page-prestaciones-sociales .labor-benefits-meta div{background:#f8fafc!important}
  #page-prestaciones-sociales .labor-benefits-meta small{color:#667085!important}
  #page-prestaciones-sociales .labor-benefits-meta b{color:var(--clinic-ui-text)!important}

  /* PACIENTES + ÓRDENES — azul único del sistema de Agentes */
  #page-patients table thead th,
  #page-service-orders table thead th{
    background:#1d72c9!important;
    color:#fff!important;
    border-bottom-color:#1d72c9!important;
  }
  #page-patients table thead th *,
  #page-service-orders table thead th *{color:#fff!important}
  #page-patients .btn-primary,
  #page-service-orders .btn-primary{
    background:#1d72c9!important;
    border-color:#1d72c9!important;
    color:#fff!important;
  }
  #page-patients .btn-primary:hover,
  #page-service-orders .btn-primary:hover{
    background:#175fa8!important;
    border-color:#175fa8!important;
  }

  /* ICONOS DEL SIDEBAR — tarjetas suaves, como los agentes */
  .sb-link .si{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    border-radius:8px!important;
    background:#eef3f8;
    color:#52657a;
  }
  .sb-link .si svg{width:18px!important;height:18px!important;stroke:currentColor!important}
  #nav-marketing .si{background:#edf4fc;color:#3975a8}
  #nav-lab-orders .si{background:#e7f8f1;color:#078c68}
  #nav-connections .si{background:#e9f5ff;color:#0785d1}
  #nav-discover .si{background:#f0ecff;color:#6f55d9}
  #nav-supplies .si{background:#fff0ea;color:#c65e3f}
  #nav-equipment .si{background:#edf3f8;color:#526b83}
  #nav-waste .si{background:#eaf7f2;color:#287c68}
  #nav-prestaciones-sociales .si{background:#f0ecff;color:#7457d6}
  #nav-radiology-orders .si{background-color:#e9f5ff;color:#1471ce}
  #nav-clinical-codes .si{background:#eef3f8;color:#52657a}
  #nav-habilitacion .si{background:#e9f8ef;color:#14825c}
  .sb-link.active .si{box-shadow:inset 0 0 0 1px rgba(29,114,201,.08)}

  /* SIDEBAR — desplazamiento vertical siempre visible */
  .sb-nav{
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    scrollbar-width:thin;
    scrollbar-color:#aeb9c6 #eef2f6;
    scrollbar-gutter:stable;
  }
  .sb-nav::-webkit-scrollbar{width:10px!important}
  .sb-nav::-webkit-scrollbar-track{background:#eef2f6!important;border-radius:999px}
  .sb-nav::-webkit-scrollbar-thumb{
    min-height:42px;
    background:#aeb9c6!important;
    border:2px solid #eef2f6;
    border-radius:999px!important;
  }
  .sb-nav::-webkit-scrollbar-thumb:hover{background:#8795a5!important}
  #nav-notifications .si{background:#e9f5ff;color:#1471ce}
  #nav-alerts .si{background:#fff2df;color:#d07a00}

  /* INICIO — composición espaciosa de las páginas de Agentes */
  body.dashboard-agent-layout #topbar-left{visibility:hidden}
  body.dashboard-agent-layout #page-dashboard{
    width:min(1120px,calc(100% - 64px));
    margin:0 auto;
    padding:42px 0 72px!important;
  }
  .clinic-home-agent-hero{
    position:relative;
    min-height:310px;
    margin:0 0 34px;
    color:#1f2937;
  }
  .clinic-home-agent-cover{
    height:185px;
    border-radius:26px;
    background:linear-gradient(100deg,#dcecff 0%,#eef6ff 58%,#fff 100%);
  }
  .clinic-home-agent-identity{
    display:flex;
    align-items:center;
    gap:22px;
    margin:-53px 0 0 34px;
  }
  .clinic-home-agent-icon{
    display:grid;
    place-items:center;
    width:104px;
    height:104px;
    flex:0 0 104px;
    border:14px solid #fff;
    border-radius:28px;
    background:#e8f2ff;
    box-shadow:0 14px 34px rgba(29,114,201,.13);
  }
  .clinic-home-agent-icon img{width:66px;height:66px;display:block}
  .clinic-home-agent-identity>div>span{
    color:#1471ce;
    font-family:Roboto,sans-serif;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
  }
  .clinic-home-agent-identity h1{
    margin:8px 0 0;
    color:#151515;
    font-family:Montserrat,sans-serif;
    font-size:34px;
    font-weight:800;
    line-height:1.05;
  }
  .clinic-home-agent-hero>p{
    max-width:850px;
    margin:34px 34px 0;
    color:#344054;
    font-size:16px;
    line-height:1.65;
  }
  #page-dashboard #guided-setup-home{
    margin:0 0 28px!important;
    padding:22px 24px!important;
    border:1px solid #dfe6ee!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#1f2937!important;
    box-shadow:none!important;
  }
  #page-dashboard #guided-setup-home p{color:#667085!important}
  #page-dashboard #guided-setup-home .btn-primary{
    background:#1d72c9!important;
    border-color:#1d72c9!important;
    color:#fff!important;
  }
  #page-dashboard #tabsbar-dashboard{
    width:max-content;
    max-width:100%;
    margin:0 0 28px!important;
    padding:5px!important;
    border:0!important;
    border-radius:12px!important;
    background:#eef3f8!important;
    box-shadow:none!important;
  }
  #page-dashboard .home-patient-finder{
    margin-bottom:22px;
    padding:24px 26px;
    gap:30px;
    border-color:#dfe6ee;
    border-radius:17px;
    background:#fff;
    box-shadow:none;
  }
  #page-dashboard .home-patient-finder-copy>span,
  #page-dashboard .home-quick-copy span{color:#1471ce;font-size:11px}
  #page-dashboard .home-patient-finder-copy>strong{font-size:19px}
  #page-dashboard .home-patient-finder-copy>small{font-size:12px}
  #page-dashboard .home-patient-search-wrap>input{height:52px;border-radius:12px}
  #page-dashboard .home-quick-create{
    display:block;
    margin-bottom:24px;
    padding:24px 26px 26px;
    border-color:#dfe6ee;
    border-radius:17px;
    box-shadow:none;
  }
  #page-dashboard .home-quick-copy{
    display:block;
    margin-bottom:22px;
    padding:0;
    border:0;
  }
  #page-dashboard .home-quick-copy strong{display:block;margin-top:7px;font-size:18px;line-height:1.25}
  #page-dashboard .home-quick-groups{grid-template-columns:1.35fr 1fr;gap:28px}
  #page-dashboard .home-quick-group>small{margin-bottom:12px;font-size:11.5px}
  #page-dashboard .home-quick-actions{gap:11px}
  #page-dashboard .home-quick-patient{grid-template-columns:repeat(2,minmax(150px,1fr))}
  #page-dashboard .home-quick-actions button{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:15px;
    row-gap:4px;
    min-height:76px;
    padding:12px 16px;
    border-radius:12px;
    text-align:left;
  }
  #page-dashboard .home-quick-actions button>.home-quick-icon{
    display:grid;
    grid-column:1;
    grid-row:1 / 3;
    place-items:center;
    width:42px;
    min-width:42px;
    height:42px;
    margin:0;
    border-radius:12px!important;
    background:#eaf4ff;
    color:#1672c7;
    box-shadow:none!important;
  }
  #page-dashboard .home-quick-actions button svg{width:22px;height:22px;stroke:currentColor}
  #page-dashboard .home-quick-actions button strong{
    grid-column:2;
    grid-row:1;
    align-self:end;
    min-width:0;
    overflow:visible;
    font-size:15px;
    font-weight:750;
    line-height:1.22;
    text-overflow:clip;
    white-space:normal;
  }
  #page-dashboard .home-quick-actions button em{
    grid-column:2;
    grid-row:2;
    align-self:start;
    min-width:0;
    margin:0;
    font-size:11.5px;
    line-height:1.3;
  }
  #page-dashboard .home-quick-icon-patients,
  #page-dashboard .home-quick-icon-orders{background:#eaf4ff!important;color:#1672c7!important}
  #page-dashboard .home-quick-icon-labs{background:#e4f8ef!important;color:#009b72!important}
  #page-dashboard .home-quick-icon-referral{background:#edf3ff!important;color:#4267b2!important}
  #page-dashboard .home-quick-icon-cart{background:#fff0e9!important;color:#c86642!important}
  #page-dashboard .home-quick-icon-maintenance{background:#fff4e5!important;color:#c77800!important}
  #page-dashboard .home-quick-icon-waste{background:#f1edff!important;color:#7656c6!important}
  #page-dashboard .home-operational-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px;
    margin:0 0 32px;
  }
  #page-dashboard .home-metric{
    min-height:124px;
    padding:20px;
    border-radius:17px;
    box-shadow:none;
  }
  #page-dashboard .home-metric-icon{
    display:grid;
    place-items:center;
    width:46px;
    min-width:46px;
    height:46px;
    border-radius:12px!important;
    background:#eef6ff;
    color:#1570c9;
    box-shadow:none!important;
  }
  #page-dashboard .home-metric-icon svg{width:23px;height:23px;stroke:currentColor}
  #page-dashboard .home-metric-icon-patients,
  #page-dashboard .home-metric-icon-orders{background:#eaf4ff;color:#1672c7}
  #page-dashboard .home-metric-icon-labs{background:#e4f8ef;color:#009b72}
  #page-dashboard .home-metric-icon-cart{background:#fff0e9;color:#c86642}
  #page-dashboard .home-metric-icon-referral{background:#eaf3ff;color:#246eb2}
  #page-dashboard .home-metric-icon-radiology{background:#f2ebff;color:#7f56d9}
  #page-dashboard .home-priority-section{margin-bottom:22px}
  #page-dashboard .home-today-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:20px;
    margin-bottom:22px;
  }
  #page-dashboard .home-today-grid .home-priority-section{
    min-width:0;
    height:100%;
    margin-bottom:0;
  }
  #page-dashboard .home-recent.home-priority-section .home-recent-list{
    max-height:350px;
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
  #page-dashboard .home-financial-summary.home-priority-section{margin-bottom:28px}
  #page-dashboard .home-attention,
  #page-dashboard .home-financial-summary,
  #page-dashboard .home-recent{box-shadow:none!important}
  #page-dashboard .home-tomorrow-agenda{
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe6ee!important;
    border-radius:17px!important;
    background:#fff;
    box-shadow:none!important;
  }
  #page-dashboard .home-tomorrow-agenda .home-card-title>div{display:grid;gap:4px}
  #page-dashboard .home-tomorrow-agenda .home-card-title>div>small{
    color:#667085;
    font-size:10.5px;
    font-weight:500;
    text-transform:capitalize;
  }
  #page-dashboard .home-agenda-status{
    padding:10px 22px;
    border-bottom:1px solid #edf0f4;
    background:#f7faff;
    color:#64748b;
    font-size:10px;
    font-weight:600;
  }
  #page-dashboard .home-agenda-list{
    max-height:360px;
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
  #page-dashboard .home-agenda-row{
    display:grid;
    grid-template-columns:92px minmax(0,1fr) 16px;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:62px;
    padding:10px 20px;
    border:0;
    border-bottom:1px solid #edf0f4;
    background:#fff;
    color:#344054;
    text-align:left;
    cursor:pointer;
  }
  #page-dashboard .home-agenda-row:last-child{border-bottom:0}
  #page-dashboard .home-agenda-row:hover:not(:disabled){background:#f5f9fd}
  #page-dashboard .home-agenda-row:disabled{opacity:1;cursor:default}
  #page-dashboard .home-agenda-row>time{color:#145e9f;font-size:11px;font-weight:800;white-space:nowrap}
  #page-dashboard .home-agenda-row>time small{color:#8490a0;font-size:9px;font-weight:600}
  #page-dashboard .home-agenda-row>span{display:grid;gap:4px;min-width:0}
  #page-dashboard .home-agenda-row>span>strong{overflow:hidden;color:#172033;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
  #page-dashboard .home-agenda-row>span>small{width:max-content;padding:3px 7px;border-radius:999px;font-size:8.5px;font-weight:750}
  #page-dashboard .home-agenda-row .is-linked{background:#e6f7ef;color:#07845e}
  #page-dashboard .home-agenda-row .is-pending{background:#fff2df;color:#b56400}
  #page-dashboard .home-agenda-row>b{color:#98a2b3;font-size:18px}
  #page-dashboard .home-agenda-loading,
  #page-dashboard .home-agenda-empty{
    display:flex;
    min-height:190px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:7px;
    padding:24px;
    color:#7b8797;
    text-align:center;
  }
  #page-dashboard .home-agenda-loading>span{width:24px;height:24px;border:3px solid #d9e9f7;border-top-color:#1d72c9;border-radius:50%;animation:spin .8s linear infinite}
  #page-dashboard .home-agenda-loading strong,
  #page-dashboard .home-agenda-empty strong{color:#344054;font-size:12px}
  #page-dashboard .home-agenda-empty span{font-size:10.5px;line-height:1.4}
  #page-dashboard .home-agenda-empty button{margin-top:5px;padding:7px 11px;border:1px solid #bfd5e8;border-radius:8px;background:#fff;color:#1d72c9;font-size:10px;font-weight:700;cursor:pointer}
  #page-dashboard .home-agenda-empty.is-error strong{color:#b42318}

  /* El contador del tab de pedidos ya está representado en Agentes/Notificaciones */
  #page-supplies #badge-orders-tab{display:none!important}

  /* INICIO — sin topbar; crear y cuenta viven dentro de la bienvenida */
  body.dashboard-agent-layout #screen-app .topbar{display:none!important}
  body.dashboard-agent-layout #page-dashboard{padding-top:42px!important}
  .clinic-home-notion-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    min-height:48px;
    margin:0 2px 14px;
  }
  .clinic-home-breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;
    color:#7b8794;
    font-size:12px;
  }
  .clinic-home-breadcrumb i{color:#b0bac5;font-style:normal}
  .clinic-home-breadcrumb strong{color:#344054;font-weight:700}
  .clinic-home-user-slot{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:230px;
    margin-left:auto;
  }
  .clinic-home-user-slot .tb-user{
    min-height:42px;
    padding:5px 8px;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .clinic-home-user-slot .tb-user:hover{background:#eef2f6}
  .clinic-home-user-slot .user-menu{right:0;left:auto}
  .clinic-home-agent-cover{margin-top:0}
  #page-dashboard .home-quick-create-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px;
  }
  #page-dashboard .home-quick-create-head .home-quick-copy{margin-bottom:0}
  .clinic-home-create-slot{
    position:relative;
    z-index:5;
    flex:0 0 auto;
  }
  .clinic-home-create-slot #home-desktop-actions-wrap{display:block!important}
  .clinic-home-create-slot #home-desktop-actions-button{
    min-width:122px;
    height:42px;
    border-radius:10px;
    background:#1d72c9!important;
    border-color:#1d72c9!important;
    color:#fff!important;
  }
  .clinic-home-create-slot #home-desktop-actions-menu{right:0;left:auto}

  /* Tablas: espacio reservado para el asistente y encabezados persistentes */
  @media(min-width:769px){
    body:not(.dashboard-agent-layout) .clinic-management-page{padding-right:78px!important}
    .clinic-management-page [id$="-table"],
    .clinic-management-page .management-table-wrap,
    .clinic-management-page .otable-wrap{
      max-width:100%;
      overflow-x:auto!important;
      -webkit-overflow-scrolling:touch;
      scrollbar-gutter:stable;
    }
    .clinic-management-page :is(.clinic-data-table,.dtable,.management-table){
      min-width:max(900px,100%);
    }
    #page-patients #patients-table{
      max-height:calc(100dvh - 390px);
      overflow:auto!important;
    }
    #page-service-orders #os-table .otable-wrap{
      max-height:calc(100dvh - 290px);
      overflow:auto!important;
    }
    #page-patients #patients-table table{min-width:max(1120px,100%)}
    #page-service-orders #os-table table{min-width:max(1180px,100%)}
    #page-patients #patients-table thead th,
    #page-service-orders #os-table thead th{
      position:sticky!important;
      top:0;
      z-index:8;
      box-shadow:0 1px 0 rgba(255,255,255,.18),0 2px 6px rgba(15,31,45,.08);
    }
  }

  /* INICIO — monograma de usuario perfectamente circular */
  .clinic-home-user-slot .tenant-topbar-logo{
    position:relative!important;
    display:block!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:50%!important;
  }
  .clinic-home-user-slot .tenant-topbar-logo>span,
  .clinic-home-user-slot .tenant-topbar-logo>img{
    position:absolute!important;
    inset:0!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    border-radius:50%!important;
  }
  .clinic-home-user-slot #topbar-clinic-monogram{
    display:grid;
    place-items:center;
    background:#1d72c9!important;
    color:#fff!important;
    font:800 10px/1 Montserrat,sans-serif!important;
    letter-spacing:0!important;
    white-space:nowrap;
  }

}


/* Tablas operativas: scroll vertical de página + encabezado persistente */
@media(min-width:769px){
  #page-patients #patients-table,
  #page-service-orders #os-table,
  #page-service-orders #os-table .otable-wrap,
  #page-service-orders [data-page-table-scroll="true"],
  #page-cuentas-cobro [data-page-table-scroll="true"],
  #page-lab-orders .olab-grid-scroll,
  #page-supplies [data-page-table-scroll="true"],
  #supplies-panel-orders .clinic-orders-grid-scroll{
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
    scrollbar-gutter:auto;
  }

  #page-lab-orders #tabsbar-lab-orders.lab-table-toolbar,
  #page-supplies .supplies-actions-row{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }

  #page-patients #patients-table thead th,
  #page-service-orders #os-table thead th,
  #page-service-orders :is(#os-panel-abonos,#os-panel-lab,#os-panel-remisiones) thead th,
  #page-referrals #remglobal-table thead th,
  #page-cuentas-cobro :is(#cc-content,#ccp-content,#cc-enviadas-content,#cc-recibidas-content,#liq-prep-table) thead th,
  #page-lab-orders .olab-grid-table thead th,
  #page-supplies :is(#supplies-table,#inventory-table,#entregas-history,#orders-table) thead th{
    position:static!important;
    top:auto!important;
  }

  body>.page-table-sticky-head{
    position:fixed;
    display:none;
    overflow:hidden;
    pointer-events:none;
    z-index:430;
    margin:0;
    padding:0;
    border:0;
    background:#fff;
    box-shadow:0 4px 12px rgba(15,31,45,.14);
  }
  body>.page-table-sticky-head.is-visible{display:block}
  body>.page-table-sticky-head>table{
    position:relative;
    margin:0!important;
    border-spacing:0!important;
    table-layout:fixed;
  }
  body>.page-table-sticky-head thead{display:table-header-group!important}
}


/* OS TABLE — ajuste fluido dentro del viewport (2026-09-16) */
@media(min-width:769px){
  #page-service-orders #os-table,
  #page-service-orders #os-table .otable-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #page-service-orders #os-table .otable-wrap{
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }
  #page-service-orders #os-table .os-desktop-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  #page-service-orders #os-table .os-desktop-table col.os-width-date{width:9%}
  #page-service-orders #os-table .os-desktop-table col.os-width-patient{width:17%}
  #page-service-orders #os-table .os-desktop-table col.os-width-number{width:7%}
  #page-service-orders #os-table .os-desktop-table col.os-width-money{width:8.5%}
  #page-service-orders #os-table .os-desktop-table col.os-width-lab{width:10%}
  #page-service-orders #os-table .os-desktop-table col.os-width-status{width:9%}
  #page-service-orders #os-table .os-desktop-table col.os-width-convention{width:12%}
  #page-service-orders #os-table .os-desktop-table col.os-width-origin{width:8%}
  #page-service-orders #os-table .os-desktop-table col.os-width-actions{width:7%}
  #page-service-orders #os-table .os-desktop-table th,
  #page-service-orders #os-table .os-desktop-table td{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #page-service-orders #os-table .os-desktop-table thead th{
    padding:10px 7px!important;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #page-service-orders #os-table .os-desktop-table tbody tr[id^="os-row-"] td{
    height:auto!important;
    min-height:54px;
    padding:10px 7px!important;
    vertical-align:middle;
  }
  #page-service-orders #os-table .os-desktop-table tbody tr[id^="os-row-"] td:nth-child(2),
  #page-service-orders #os-table .os-desktop-table tbody tr[id^="os-row-"] td:nth-child(8),
  #page-service-orders #os-table .os-desktop-table tbody tr[id^="os-row-"] td:nth-child(9){
    white-space:normal!important;
    overflow-wrap:anywhere;
    line-height:1.3;
  }
  #page-service-orders #os-table .os-lab-cost-cell{
    white-space:normal!important;
  }
  #page-service-orders #os-table .os-lab-cost-value{
    display:block;
    white-space:nowrap;
  }
  #page-service-orders #os-table .lab-funds-ready-list{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:3px 0 0 auto!important;
    padding:2px 5px!important;
    font-size:8.5px!important;
    line-height:1.15!important;
    text-align:center;
    white-space:normal!important;
  }
  #page-service-orders #os-table .lab-funds-ready-list::before{
    margin-right:3px;
    font-size:6px;
  }
  #page-service-orders #os-table .os-row-quick-actions{
    justify-content:center;
    gap:5px;
  }
  #page-service-orders #os-table .os-table-icon-action{
    display:inline-grid!important;
    place-items:center!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border-radius:8px!important;
    cursor:pointer;
  }
  #page-service-orders #os-table .os-table-icon-action svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}
@media(min-width:769px) and (max-width:1250px){
  #page-service-orders #os-table .os-desktop-table col.os-width-patient{width:15%}
  #page-service-orders #os-table .os-desktop-table col.os-width-convention{width:11%}
  #page-service-orders #os-table .os-desktop-table thead th,
  #page-service-orders #os-table .os-desktop-table tbody tr[id^="os-row-"] td{
    padding-left:5px!important;
    padding-right:5px!important;
  }
}


/* OLAB TABLE — ajuste fluido dentro del viewport (2026-09-16) */
@media(min-width:769px){
  #page-lab-orders #lab-orders-table,
  #page-lab-orders .olab-grid-scroll{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #page-lab-orders .olab-grid-scroll{
    overflow-x:hidden!important;
    overflow-y:visible!important;
    padding-bottom:0!important;
    scrollbar-gutter:auto!important;
  }
  #page-lab-orders .olab-grid-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  #page-lab-orders .olab-grid-table col.olab-width-number{width:9%}
  #page-lab-orders .olab-grid-table col.olab-width-patient{width:17%}
  #page-lab-orders .olab-grid-table col.olab-width-date{width:10%}
  #page-lab-orders .olab-grid-table col.olab-width-work{width:24%}
  #page-lab-orders .olab-grid-table col.olab-width-provider{width:12%}
  #page-lab-orders .olab-grid-table col.olab-width-status{width:10%}
  #page-lab-orders .olab-grid-table col.olab-width-actions{width:8%}
  #page-lab-orders .olab-grid-table th,
  #page-lab-orders .olab-grid-table td{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #page-lab-orders .olab-grid-table th{
    width:auto!important;
    padding:10px 7px!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal!important;
    line-height:1.2;
  }
  #page-lab-orders .olab-grid-table tbody>tr:not(.olab-grid-group)>td{
    width:auto!important;
    height:auto!important;
    min-height:60px;
    padding:9px 7px!important;
    vertical-align:middle;
  }
  #page-lab-orders .olab-grid-order,
  #page-lab-orders .olab-grid-patient,
  #page-lab-orders .olab-grid-work-summary,
  #page-lab-orders .olab-grid-provider{
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere;
    line-height:1.3;
  }
  #page-lab-orders .olab-grid-table time{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #page-lab-orders .olab-grid-status{
    max-width:100%;
    min-width:0!important;
    white-space:normal!important;
    text-align:center;
    line-height:1.15;
  }
  #page-lab-orders .olab-grid-record-action{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  #page-lab-orders .olab-row-actions{
    min-width:0!important;
    gap:4px!important;
    white-space:normal!important;
  }
  #page-lab-orders .olab-row-actions .clinic-row-icon-action{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    border-radius:8px!important;
  }
  #page-lab-orders .olab-row-actions .clinic-row-icon-action svg{
    width:14px!important;
    height:14px!important;
  }
}
@media(min-width:769px) and (max-width:1250px){
  #page-lab-orders .olab-grid-table col.olab-width-number{width:10%}
  #page-lab-orders .olab-grid-table col.olab-width-patient{width:16%}
  #page-lab-orders .olab-grid-table col.olab-width-work{width:22%}
  #page-lab-orders .olab-grid-table col.olab-width-provider{width:11%}
  #page-lab-orders .olab-grid-table col.olab-width-actions{width:9%}
  #page-lab-orders .olab-grid-table th,
  #page-lab-orders .olab-grid-table tbody>tr:not(.olab-grid-group)>td{
    padding-left:5px!important;
    padding-right:5px!important;
  }
}


/* CLINIC PRIMARY ACTION BLUE — referencia aprobada (2026-09-16) */
:root{
  --clinic-action-blue:#1d72c9;
  --clinic-action-blue-hover:#175fa8;
}
#screen-app :is(
  .btn.btn-primary,
  button.btn-primary,
  .record-action-primary,
  .os-quick-pay-action,
  .clinic-row-icon-action.is-primary,
  .management-page-primary .btn-primary
){
  background:var(--clinic-action-blue)!important;
  border-color:var(--clinic-action-blue)!important;
  color:#fff!important;
}
#screen-app :is(
  .btn.btn-primary,
  button.btn-primary,
  .record-action-primary,
  .os-quick-pay-action,
  .clinic-row-icon-action.is-primary,
  .management-page-primary .btn-primary
):hover{
  background:var(--clinic-action-blue-hover)!important;
  border-color:var(--clinic-action-blue-hover)!important;
  color:#fff!important;
  filter:none!important;
}
#screen-app :is(
  .btn.btn-primary,
  button.btn-primary,
  .record-action-primary,
  .os-quick-pay-action,
  .clinic-row-icon-action.is-primary,
  .management-page-primary .btn-primary
):focus-visible{
  outline:3px solid rgba(29,114,201,.24)!important;
  outline-offset:2px;
}


/* Header corners are owned by table-design.css; only filter bars round above them. */
#page-patients #patients-table,
#page-service-orders #os-table .otable-wrap,
#page-lab-orders .olab-grid-scroll,
#page-supplies :is(#supplies-table,#inventory-table,#entregas-history,#orders-table,.clinic-orders-grid-scroll){border-top-left-radius:0!important;border-top-right-radius:0!important}

/* Páginas de módulos con el mismo encabezado visual de Inicio */
#page-notifications,
#page-alerts,
#page-marketing,
#page-connections,
#page-clinical-codes,
#page-esthetic-tools{
  width:min(1120px,calc(100% - 64px));
  max-width:none!important;
  margin:0 auto;
  padding:42px 0 72px!important;
}
.clinic-module-agent-hero{margin-bottom:34px}
.clinic-module-agent-hero .clinic-home-notion-bar{min-height:18px}
.clinic-module-agent-hero .clinic-home-agent-icon{color:#1471ce}
.clinic-module-agent-hero .clinic-home-agent-icon svg{display:block;width:58px;height:58px}
.clinic-module-agent-hero .clinic-home-agent-icon img{width:66px;height:66px}
#page-marketing>.card:first-of-type,
#page-connections>.amway-hd,
#page-clinical-codes .clinical-codes-hero,
#page-esthetic-tools .dei-hub-head{border-radius:17px}
@media(max-width:768px){
  #page-notifications,
  #page-alerts,
  #page-marketing,
  #page-connections,
  #page-clinical-codes,
  #page-esthetic-tools{width:calc(100% - 28px);padding:22px 0 56px!important}
  .clinic-module-agent-hero{min-height:268px;margin-bottom:24px}
  .clinic-module-agent-hero .clinic-home-agent-cover{height:150px;border-radius:20px}
  .clinic-module-agent-hero .clinic-home-agent-identity{gap:14px;margin:-42px 0 0 18px}
  .clinic-module-agent-hero .clinic-home-agent-icon{width:84px;height:84px;flex-basis:84px;border-width:11px;border-radius:23px}
  .clinic-module-agent-hero .clinic-home-agent-icon svg{width:46px;height:46px}
  .clinic-module-agent-hero .clinic-home-agent-icon img{width:52px;height:52px}
  .clinic-module-agent-hero .clinic-home-agent-identity h1{font-size:28px}
  .clinic-module-agent-hero>p{margin:24px 18px 0;font-size:15px}
}

/* Hero adaptable: al salir de vista se convierte en encabezado fijo compacto. */
#clinic-adaptive-header{position:fixed;top:0;right:var(--clinic-adaptive-scrollbar-width,0px);left:var(--clinic-adaptive-left,0px);z-index:840;height:var(--clinic-shell-header-height,104px);border-bottom:1px solid #e3e8ee;background:#f5f7fa;box-shadow:none;opacity:0;transform:translateY(-110%);transition:transform .24s ease,opacity .18s ease,left .2s ease;pointer-events:none}
#clinic-adaptive-header.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
#clinic-adaptive-header .adaptive-header-inner{width:min(1120px,calc(100% - 64px));height:100%;display:flex;align-items:center;gap:14px;margin:0 auto}
#clinic-adaptive-header .adaptive-header-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:#e8f2ff;color:#1471ce}
#clinic-adaptive-header .adaptive-header-icon svg{width:26px;height:26px}
#clinic-adaptive-header .adaptive-header-icon img{display:block;width:34px;height:34px;object-fit:contain}
#clinic-adaptive-header .adaptive-header-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
#clinic-adaptive-header .adaptive-header-breadcrumb{display:flex;align-items:center;gap:8px;color:#7b8794;font-size:10.5px;line-height:1}
#clinic-adaptive-header .adaptive-header-breadcrumb i{color:#b4bdc8;font-style:normal}
#clinic-adaptive-header .adaptive-header-breadcrumb b{color:#0f4c81}
#clinic-adaptive-header .adaptive-header-title{overflow:hidden;color:#151515;font:800 21px/1.12 Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:768px){#clinic-adaptive-header{display:none!important}}


/* ═══ HALO UNIFICADO — MÓDULOS PRINCIPALES DE CLINIC (preview) ═══ */
@media(min-width:769px){
  #screen-app.screen.active .main .page.clinic-halo-page{width:min(1120px,calc(100% - 64px));max-width:none!important;margin:0 auto;padding:42px 0 72px!important}
  .page.clinic-halo-page>.amway-hd,.page.clinic-halo-page>.clinic-module-agent-hero+.amway-hd{display:none!important}
  #page-habilitacion.clinic-halo-page{overflow:visible!important}
  #page-habilitacion.clinic-halo-page>iframe{min-height:720px;border:1px solid #e3e8ee!important;border-radius:17px;background:#fff!important}
}
.clinic-halo-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-left:auto;padding:0 15px!important;border-radius:10px!important;white-space:nowrap;box-shadow:0 7px 16px rgba(29,114,201,.16)}
.clinic-halo-primary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:768px){
  #screen-app.screen.active .main .page.clinic-halo-page{width:calc(100% - 28px);max-width:none!important;margin:0 auto;padding:22px 0 56px!important}
  .page.clinic-halo-page>.amway-hd{display:none!important}
  .clinic-halo-page .clinic-home-notion-bar{align-items:center;gap:12px}
  .clinic-halo-primary{min-height:38px;padding:0 12px!important;font-size:12px!important}
  #page-habilitacion.clinic-halo-page{overflow:visible!important}
  #page-habilitacion.clinic-halo-page>iframe{min-height:680px;border:1px solid #e3e8ee!important;border-radius:14px;background:#fff!important}
}


/* ACCIONES DEL HERO EN EL HEADER COMPACTO — preview */
#clinic-adaptive-header .adaptive-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
#clinic-adaptive-header .adaptive-header-actions[hidden]{display:none!important}
#clinic-adaptive-header .adaptive-header-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px!important;border-radius:10px!important;white-space:nowrap;box-shadow:0 7px 16px rgba(29,114,201,.14)}
#clinic-adaptive-header .adaptive-header-primary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(min-width:769px) and (max-width:1040px){
  #clinic-adaptive-header .adaptive-header-inner{gap:10px}
  #clinic-adaptive-header .adaptive-header-primary{width:42px;min-width:42px;padding:0!important}
  #clinic-adaptive-header .adaptive-header-primary span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}


/* IDENTIDAD POR MÓDULO — Supply cobre y Labs verde */
#page-supplies{
  --module-accent:#b75a3c;
  --module-accent-dark:#93452f;
  --module-accent-soft:#f8e8e1;
}
#page-lab-orders{
  --module-accent:#087868;
  --module-accent-dark:#056354;
  --module-accent-soft:#dff4ed;
}
#page-supplies .clinic-home-agent-cover{
  background:linear-gradient(100deg,#f2dcd2 0%,#fbefea 58%,#fff 100%)!important;
}
#page-lab-orders .clinic-home-agent-cover{
  background:linear-gradient(100deg,#d8f1ea 0%,#edf8f5 58%,#fff 100%)!important;
}
#page-supplies .clinic-home-agent-icon{
  background:#f8e8e1!important;
  color:#b75a3c!important;
  box-shadow:0 14px 34px rgba(183,90,60,.16)!important;
}
#page-lab-orders .clinic-home-agent-icon{
  background:#dff4ed!important;
  color:#087868!important;
  box-shadow:0 14px 34px rgba(8,120,104,.16)!important;
}
#page-supplies .clinic-home-agent-identity>div>span{color:#b75a3c!important}
#page-lab-orders .clinic-home-agent-identity>div>span{color:#087868!important}
#page-supplies .clinic-halo-primary,
#page-supplies .btn-primary{
  background:#b75a3c!important;
  border-color:#b75a3c!important;
  box-shadow:0 7px 16px rgba(183,90,60,.18)!important;
}
#page-supplies .clinic-halo-primary:hover,
#page-supplies .btn-primary:hover{background:#93452f!important;border-color:#93452f!important}
#page-lab-orders .clinic-halo-primary,
#page-lab-orders .btn-primary{
  background:#087868!important;
  border-color:#087868!important;
  box-shadow:0 7px 16px rgba(8,120,104,.18)!important;
}
#page-lab-orders .clinic-halo-primary:hover,
#page-lab-orders .btn-primary:hover{background:#056354!important;border-color:#056354!important}
#page-supplies #tabsbar-supplies .os-utab.os-utab-active{
  border-color:#b75a3c!important;
  background:#f8e8e1!important;
  color:#93452f!important;
  box-shadow:inset 0 0 0 1px rgba(183,90,60,.08)!important;
}
#page-supplies #tabsbar-supplies .os-utab:hover{
  border-color:#d49a84!important;
  background:#fff8f5!important;
  color:#93452f!important;
}
#page-supplies #tabsbar-supplies .os-utab:focus-visible{outline-color:rgba(183,90,60,.22)!important}
#page-lab-orders .lab-status-filters button.is-active{
  border-color:#087868!important;
  background:#dff4ed!important;
  color:#056354!important;
}
#nav-supplies.active{background:#f8e8e1!important;color:#93452f!important}
#nav-lab-orders.active{background:#dff4ed!important;color:#056354!important}
#nav-lab-orders .si{
  background-color:#e7f8f1!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2Fsvg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'%23087868' stroke-width%3D'1.55' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'4' width%3D'15' height%3D'17' rx%3D'2'%2F%3E%3Cpath d%3D'M8 5V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1M6 9l1 1 2-2M10 9h5M6 13l1 1 2-2M10 13h3M6 17l1 1 2-2M10 17h2'%2F%3E%3Cpath fill%3D'%23fff' d%3D'M18 13.5c-1.6-1-3.5-.2-3.9 1.3-.5 1.6.4 3 .7 4.4.4 1.9.7 3.3 1.5 3.3.7 0 .7-2.2 1.7-2.2s1 2.2 1.7 2.2c.8 0 1.1-1.4 1.5-3.3.3-1.4 1.2-2.8.7-4.4-.4-1.5-2.3-2.3-3.9-1.3Z'%2F%3E%3C%2Fsvg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:19px 19px!important;
}
#clinic-adaptive-header[data-page="page-supplies"] .adaptive-header-icon{background:#f8e8e1;color:#b75a3c}
#clinic-adaptive-header[data-page="page-lab-orders"] .adaptive-header-icon{background:#dff4ed;color:#087868}
#clinic-adaptive-header[data-page="page-supplies"] .adaptive-header-breadcrumb b{color:#93452f}
#clinic-adaptive-header[data-page="page-lab-orders"] .adaptive-header-breadcrumb b{color:#056354}
#clinic-adaptive-header[data-page="page-supplies"] .adaptive-header-primary{background:#b75a3c!important;border-color:#b75a3c!important}
#clinic-adaptive-header[data-page="page-lab-orders"] .adaptive-header-primary{background:#087868!important;border-color:#087868!important}


/* ACCIONES INICIALES BAJO EL HERO — luego continúan en encabezado compacto */
.clinic-halo-action-dock{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:72px;
  margin:28px 0 0;
  padding:12px 18px;
  border:1px solid #dfe6ee;
  border-radius:16px;
  background:#fff;
  box-shadow:none;
}
.clinic-halo-action-dock .clinic-halo-primary{margin-left:0}
@media(max-width:768px){
  .clinic-halo-action-dock{min-height:64px;margin:22px 0 0;padding:10px;border-radius:14px}
  .clinic-halo-action-dock .clinic-halo-primary{width:100%}
}


/* HALO — Diseño estético, facial y de sonrisa */
#page-esthetic-tools{
  --esthetic-accent:#7650b8;
  --esthetic-accent-dark:#5d3d96;
  --esthetic-accent-soft:#ebe4f8;
}
#page-esthetic-tools .clinic-home-agent-cover{
  background:linear-gradient(100deg,#e7def7 0%,#f3effb 58%,#fff 100%)!important;
}
#page-esthetic-tools .clinic-home-agent-icon{
  background:#ebe4f8!important;
  color:#7650b8!important;
  box-shadow:0 14px 34px rgba(118,80,184,.16)!important;
}
#page-esthetic-tools .clinic-home-agent-identity>div>span{color:#7650b8!important}
#page-esthetic-tools #dei-hub-page-host{margin-top:0}
#page-esthetic-tools .dei-hub-page-shell{width:100%!important}
#page-esthetic-tools .dei-hub-page-shell .dei-hub-head{display:none!important}
#page-esthetic-tools .dei-hub-page-shell .dei-hub-body{
  padding:0!important;
  background:transparent!important;
}
#page-esthetic-tools .dei-hub-search{
  min-height:52px;
  margin:0 0 18px!important;
  border:1px solid #dfe3ea!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#page-esthetic-tools .dei-hub-search:focus-within{
  border-color:#7650b8!important;
  box-shadow:0 0 0 3px rgba(118,80,184,.12)!important;
}
#page-esthetic-tools .dei-hub-grid{gap:18px!important}
#page-esthetic-tools .dei-hub-panel{
  border:1px solid #dfe3ea!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#page-esthetic-tools .dei-hub-panel-title{
  min-height:54px;
  padding:15px 18px!important;
  border-bottom:1px solid #e7eaf0!important;
  color:#1f2937!important;
}
#page-esthetic-tools .dei-hub-row,
#page-esthetic-tools .dei-hub-history-card{padding:14px 18px!important}
#page-esthetic-tools .dei-hub-open{
  background:#7650b8!important;
  border-color:#7650b8!important;
}
#page-esthetic-tools .dei-hub-open:hover{background:#5d3d96!important}
#page-esthetic-tools .dei-hub-open.is-secondary{
  background:#f3effb!important;
  color:#5d3d96!important;
  border:1px solid #d8cbed!important;
}
#nav-esthetic-tools .si{
  background:#f0ecff!important;
  background-image:none!important;
  color:#7650b8!important;
}
#nav-esthetic-tools .si svg{
  display:block!important;
  stroke:currentColor!important;
}
#nav-esthetic-tools.active{background:#ebe4f8!important;color:#5d3d96!important}
#clinic-adaptive-header[data-page="page-esthetic-tools"] .adaptive-header-icon{
  background:#ebe4f8;
  color:#7650b8;
}
#clinic-adaptive-header[data-page="page-esthetic-tools"] .adaptive-header-breadcrumb b{color:#5d3d96}
@media(max-width:760px){
  #page-esthetic-tools .dei-hub-grid{grid-template-columns:1fr!important}
  #page-esthetic-tools .dei-hub-list{max-height:none!important;min-height:0!important}
}


/* HALO GEOMETRY HARDENING — preview v49 */
@media(min-width:769px){
  body.dashboard-agent-layout #screen-app.screen.active .main > .page.clinic-halo-page{
    box-sizing:border-box!important;
    width:min(1120px,calc(100% - 64px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:42px 0 72px!important;
  }
}
@media(max-width:768px){
  body.dashboard-agent-layout #screen-app.screen.active .main > .page.clinic-halo-page{
    box-sizing:border-box!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:22px 0 56px!important;
  }
}
#page-esthetic-tools.clinic-halo-page > .clinic-module-agent-hero{display:block!important}


/* FACIAL ANALYSIS — HALO REAL DE ESTÉTICA */
#page-facial-analysis{
  --esthetic-accent:#7650b8;
  --esthetic-accent-dark:#5d3d96;
  --esthetic-accent-soft:#ebe4f8;
}
#page-facial-analysis .clinic-home-agent-cover{
  background:linear-gradient(100deg,#e7def7 0%,#f3effb 58%,#fff 100%)!important;
}
#page-facial-analysis .clinic-home-agent-icon{
  background:#ebe4f8!important;
  color:#7650b8!important;
  box-shadow:0 14px 34px rgba(118,80,184,.16)!important;
}
#page-facial-analysis .clinic-home-agent-identity>div>span{color:#7650b8!important}
#page-facial-analysis .fa-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 40px!important}
#page-facial-analysis .fa-intro{border-color:#d8cbed!important;background:linear-gradient(135deg,#f3effb,#faf8fd)!important}
#page-facial-analysis .fa-step.active{background:#f3effb!important;color:#5d3d96!important}
#page-facial-analysis .fa-step.active b,#page-facial-analysis .fa-step.done b{background:#7650b8!important}
#page-facial-analysis .fa-module.selected{border-color:#7650b8!important;background:#f7f3fc!important;box-shadow:0 0 0 2px rgba(118,80,184,.08)!important}
#page-facial-analysis .fa-module.selected .fa-module-check{border-color:#7650b8!important;background:#7650b8!important}
#clinic-adaptive-header[data-page="page-facial-analysis"] .adaptive-header-icon{background:#ebe4f8;color:#7650b8}
#clinic-adaptive-header[data-page="page-facial-analysis"] .adaptive-header-breadcrumb b{color:#5d3d96}


/* BREADCRUMB ALIGNMENT — Dashboard, Pacientes y OS */
#page-dashboard .clinic-home-notion-bar{min-height:18px!important}


/* PACIENTES Y OS — descripción + acción en una misma franja */
.clinic-halo-action-dock.is-inline-description{
  justify-content:space-between;
  gap:24px;
  padding:14px 16px 14px 26px;
}
.clinic-halo-action-dock.is-inline-description>p{
  flex:1 1 auto;
  min-width:0;
  max-width:900px;
  margin:0!important;
  color:#344054;
  font-size:16px;
  line-height:1.55!important;
}
.clinic-halo-action-dock.is-inline-description .clinic-halo-primary{flex:0 0 auto}
@media(max-width:768px){
  .clinic-halo-action-dock.is-inline-description{align-items:stretch;flex-direction:column;padding:14px}
  .clinic-halo-action-dock.is-inline-description>p{font-size:15px}
}


/* Habilitación comparte el scroll vertical de Clinic para que el HALO se compacte. */
@media(min-width:769px){
  #screen-app:has(#page-habilitacion.active) .main{
    height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  #page-habilitacion.active{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #page-habilitacion.active #habilitacion-frame{
    display:block!important;
    width:100%!important;
    height:720px;
    min-height:720px!important;
    overflow:hidden!important;
  }
}

/* Encabezado flotante global: color del módulo y sin radios al acoplarse al HALO. */
@media(min-width:769px){
  body>.page-table-sticky-head,
  body>.page-table-sticky-head>table,
  body>.page-table-sticky-head thead,
  body>.page-table-sticky-head thead tr,
  body>.page-table-sticky-head thead th,
  body>.page-table-sticky-head thead td{
    border-radius:0!important;
  }
  body>.page-table-sticky-head,
  body>.page-table-sticky-head thead,
  body>.page-table-sticky-head thead tr,
  body>.page-table-sticky-head thead th,
  body>.page-table-sticky-head thead td{
    background:var(--page-table-head-color,#176fc1)!important;
  }
  body>.page-table-sticky-head thead th,
  body>.page-table-sticky-head thead td{
    color:#fff!important;
  }
}


/* Órdenes de servicio: la tarjeta de laboratorios ocupa dos columnas del tablero. */
#page-service-orders .os-dashboard-labs-wide{
  grid-column:span 2;
}
@media (max-width:920px){
  #page-service-orders .os-dashboard-labs-wide{
    grid-column:1 / -1;
  }
}


/* Halo: período visible en el hero y en su encabezado compacto. */
.clinic-module-agent-hero .clinic-home-notion-bar > #period-nav-wrap{
  margin-left:auto;
  flex:0 0 auto;
}
#clinic-adaptive-header .adaptive-header-actions > #period-nav-wrap{
  margin-left:0;
  flex:0 0 auto;
}
#page-sterilization.clinic-halo-page{
  overflow:visible!important;
}
#page-sterilization.clinic-halo-page > #sterilization-frame{
  min-height:0!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
}


/* Selector de período propio del Halo: siempre visible, aun sin datos */
.halo-period-shell{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  flex:0 0 auto;
  min-width:150px;
}
.clinic-module-agent-hero .clinic-home-notion-bar>.halo-period-shell{
  margin-left:auto;
}
#clinic-adaptive-header .adaptive-header-actions>.halo-period-shell{
  margin-left:0;
}
.halo-period-shell>.period-nav-label{
  min-width:82px;
  white-space:nowrap;
}
.halo-period-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:1200;
  width:368px;
  max-width:min(368px,calc(100vw - 32px));
  color:#202124;
  background:#fff;
  border:1px solid #dce3eb;
  border-radius:20px;
  box-shadow:0 18px 48px rgba(28,39,54,.18);
}
.halo-period-dropdown[hidden]{display:none!important}
.halo-period-picker{padding:20px}
.halo-period-picker-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  font-size:18px;
}
.halo-period-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#59636f;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.halo-period-close:hover{background:#f0f4f8}
.halo-period-year{
  width:100%;
  height:46px;
  padding:0 14px;
  margin-bottom:12px;
  border:1px solid #d7dee8;
  border-radius:12px;
  background:#fff;
  color:#202124;
  font:inherit;
  font-weight:650;
}
.halo-period-all,
.halo-period-months button{
  height:40px;
  border:1px solid #d7dee8;
  border-radius:12px;
  background:#fff;
  color:#252b33;
  font:inherit;
  font-weight:650;
  cursor:pointer;
}
.halo-period-all{
  width:100%;
  margin-bottom:10px;
}
.halo-period-months{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.halo-period-all:hover,
.halo-period-months button:hover,
.halo-period-all.is-active,
.halo-period-months button.is-active{
  border-color:#0b72d0;
  background:#eaf4ff;
  color:#075da9;
}
@media(max-width:768px){
  .halo-period-dropdown{
    position:fixed;
    top:84px;
    right:16px;
    left:16px;
    width:auto;
    max-width:none;
  }
}


/* El selector compacto usa un portal global para evitar recorte y capas inactivas. */
#clinic-adaptive-header.is-visible{
  z-index:1100!important;
  overflow:visible!important;
}
#clinic-adaptive-header .adaptive-header-inner,
#clinic-adaptive-header .adaptive-header-actions,
#clinic-adaptive-header .halo-period-shell{
  overflow:visible!important;
  pointer-events:auto!important;
}
#clinic-adaptive-header .halo-period-shell button{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
  touch-action:manipulation;
}
.halo-period-portal{
  position:fixed!important;
  right:auto!important;
  z-index:10050!important;
  pointer-events:auto!important;
}


/* El período compacto es un elemento directo del header, independiente de Acciones. */
#clinic-adaptive-header .adaptive-header-period-slot{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  margin-left:auto;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#clinic-adaptive-header .adaptive-header-period-slot[hidden]{
  display:none!important;
}
#clinic-adaptive-header .adaptive-header-period-slot + .adaptive-header-actions{
  margin-left:0;
}
#clinic-adaptive-header .adaptive-header-period-slot .halo-period-shell{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v58 · Halo compacto: contexto visible y contenido útil antes del primer scroll */
@media(min-width:769px){
  #screen-app.screen.active .main .page.clinic-halo-page{
    padding-top:24px!important;
  }
  .clinic-module-agent-hero{
    min-height:0;
    margin-bottom:20px;
  }
  .clinic-module-agent-hero .clinic-home-notion-bar{
    min-height:36px;
    margin-bottom:8px;
  }
  .clinic-module-agent-hero .clinic-home-agent-cover{
    height:92px;
    border-radius:20px;
  }
  .clinic-module-agent-hero .clinic-home-agent-identity{
    gap:16px;
    margin:-46px 0 0 28px;
  }
  .clinic-module-agent-hero .clinic-home-agent-icon{
    width:82px;
    height:82px;
    flex-basis:82px;
    border-width:10px;
    border-radius:22px;
  }
  .clinic-module-agent-hero .clinic-home-agent-icon svg{
    width:44px;
    height:44px;
  }
  .clinic-module-agent-hero .clinic-home-agent-icon img{
    width:50px;
    height:50px;
  }
  .clinic-module-agent-hero .clinic-home-agent-identity h1{
    margin-top:4px;
    font-size:30px;
  }
  .clinic-module-agent-hero>p{
    margin:18px 28px 0;
    line-height:1.5;
  }
  .clinic-module-agent-hero .clinic-halo-action-dock{
    margin-top:20px;
  }
}


/* v59 · El control lateral debe estar por encima del encabezado adaptable */
@media (min-width:769px){
  #screen-app #sb-pill-wrap{
    position:fixed!important;
    top:0!important;
    left:286px!important;
    width:0!important;
    height:0!important;
    overflow:visible!important;
    z-index:1200!important;
    pointer-events:none;
  }
  body.sb-collapsed #screen-app #sb-pill-wrap{left:76px!important}
  #screen-app #sb-pill-toggle{
    position:absolute!important;
    left:-14px!important;
    top:calc(var(--clinic-shell-header-height) - 14px)!important;
    z-index:1201!important;
    pointer-events:auto;
  }
  #clinic-adaptive-header{z-index:840!important}
}


/* v60 · Capa raíz real para el control de colapso */
@media (min-width:769px){
  body>#sb-pill-wrap{
    position:fixed!important;
    top:0!important;
    left:286px!important;
    width:0!important;
    height:0!important;
    display:none!important;
    overflow:visible!important;
    z-index:1200!important;
    pointer-events:none!important;
  }
  body:has(#screen-app.active)>#sb-pill-wrap{display:block!important}
  body:has(#sidebar.collapsed)>#sb-pill-wrap{left:76px!important}
  body>#sb-pill-wrap>#sb-pill-toggle{
    position:absolute!important;
    left:-14px!important;
    top:calc(var(--clinic-shell-header-height) - 14px)!important;
    display:flex!important;
    z-index:1201!important;
    pointer-events:auto!important;
  }
}


/* Halo fijo: geometría única para Inicio y módulos de Clinic. */
@media (min-width:769px){
  :root{--clinic-fixed-halo-height:148px}
  body.dashboard-agent-layout #screen-app.screen.active .main>.page.clinic-halo-page,
  #screen-app.screen.active .main>.page.clinic-halo-page{
    padding-top:calc(var(--clinic-fixed-halo-height) + 24px)!important;
  }
  #clinic-adaptive-header{
    height:var(--clinic-fixed-halo-height);
    background:linear-gradient(105deg,#e5f1ff 0%,#f4f9ff 64%,#fff 100%);
    border-bottom:1px solid #dce6f2;
    opacity:0;
    transform:translateY(-110%);
    pointer-events:none;
    transition:left .2s ease;
  }
  #clinic-adaptive-header.is-visible{opacity:1;transform:none;pointer-events:auto}
  #clinic-adaptive-header .adaptive-header-inner{
    position:relative;
    align-items:end;
    padding:20px 0 18px;
    box-sizing:border-box;
  }
  #clinic-adaptive-header .adaptive-header-breadcrumb{
    position:absolute;
    top:20px;
    left:0;
    font-size:12px;
    line-height:1.25;
  }
  #clinic-adaptive-header .adaptive-header-icon{
    width:62px;height:62px;flex-basis:62px;
    border:7px solid #fff;border-radius:18px;
  }
  #clinic-adaptive-header .adaptive-header-copy{padding-bottom:8px}
  #clinic-adaptive-header .adaptive-header-title{font-size:25px}
  #clinic-adaptive-header .adaptive-header-actions,
  #clinic-adaptive-header .adaptive-header-period-slot{
    align-self:end;
    margin-bottom:8px;
  }
  #page-dashboard>.clinic-home-agent-hero,
  .page.clinic-halo-page>.clinic-module-agent-hero{
    min-height:0!important;margin:0 0 20px!important;
  }
  #page-dashboard>.clinic-home-agent-hero .clinic-home-notion-bar,
  #page-dashboard>.clinic-home-agent-hero .clinic-home-agent-cover,
  #page-dashboard>.clinic-home-agent-hero .clinic-home-agent-identity,
  .page.clinic-halo-page>.clinic-module-agent-hero .clinic-home-notion-bar,
  .page.clinic-halo-page>.clinic-module-agent-hero .clinic-home-agent-cover,
  .page.clinic-halo-page>.clinic-module-agent-hero .clinic-home-agent-identity,
  .page.clinic-halo-page>.clinic-module-agent-hero .clinic-halo-primary{display:none!important}
  #page-dashboard>.clinic-home-agent-hero>p,
  .page.clinic-halo-page>.clinic-module-agent-hero>p,
  .page.clinic-halo-page>.clinic-module-agent-hero .clinic-halo-action-dock>p{
    margin:0!important;max-width:none;
  }
  .page.clinic-halo-page>.clinic-module-agent-hero .clinic-halo-action-dock{
    display:block;min-height:0;margin:0;padding:0;
    border:0;background:transparent;
  }
  body>.page-table-sticky-head{border-radius:0}
}


/* Halo corto original, ahora fijo: tarjeta degradada, icono superpuesto y controles internos. */
@media(min-width:769px){
  :root{--clinic-fixed-halo-height:198px}
  #clinic-adaptive-header,
  #clinic-adaptive-header.is-visible{
    height:var(--clinic-fixed-halo-height);
    border:0;
    background:#f5f7fa;
    box-shadow:none;
  }
  #clinic-adaptive-header:not(.is-visible){opacity:0;transform:translateY(-110%);pointer-events:none}
  #clinic-adaptive-header.is-visible{opacity:1;transform:none;pointer-events:auto}
  #clinic-adaptive-header .adaptive-header-inner{
    width:min(1400px,calc(100% - 64px));
    height:100%;
    position:relative;
    display:block;
    padding:0;
  }
  #clinic-adaptive-header .adaptive-header-inner::before{
    content:"";
    position:absolute;
    top:16px;left:0;right:0;height:116px;
    border-radius:24px;
    background:linear-gradient(100deg,#dcecff 0%,#eef6ff 58%,#fff 100%);
  }
  #clinic-adaptive-header .adaptive-header-breadcrumb{
    position:absolute;top:31px;left:32px;
    z-index:1;font-size:12px;line-height:1.3;
  }
  #clinic-adaptive-header .adaptive-header-icon{
    position:absolute;top:76px;left:34px;z-index:2;
    width:100px;height:100px;box-sizing:border-box;
    border:12px solid #fff;border-radius:27px;
    background:#e8f2ff;box-shadow:0 14px 34px rgba(29,114,201,.13);
  }
  #clinic-adaptive-header .adaptive-header-icon svg{width:48px;height:48px}
  #clinic-adaptive-header .adaptive-header-icon img{width:60px;height:60px}
  #clinic-adaptive-header .adaptive-header-copy{
    position:absolute;top:80px;left:158px;z-index:1;
    display:flex;flex-direction:column;gap:5px;
    width:calc(100% - 420px);min-width:0;padding:0;
  }
  #clinic-adaptive-header .adaptive-header-eyebrow{
    color:#1471ce;font:800 13px/1.2 Roboto,sans-serif;letter-spacing:.08em;
  }
  #clinic-adaptive-header .adaptive-header-title{
    display:block;overflow:hidden;
    color:#151515;font:800 clamp(22px,2.3vw,34px)/1.08 Montserrat,sans-serif;
    text-overflow:ellipsis;white-space:nowrap;
  }
  #clinic-adaptive-header .adaptive-header-controls{
    position:absolute;top:73px;right:26px;z-index:2;
    display:flex;align-items:center;justify-content:flex-end;gap:10px;
    max-width:36%;
  }
  #clinic-adaptive-header .adaptive-header-actions,
  #clinic-adaptive-header .adaptive-header-period-slot{
    position:static;align-self:auto;margin:0;padding:0;
  }
  #clinic-adaptive-header .adaptive-header-actions[hidden],
  #clinic-adaptive-header .adaptive-header-period-slot[hidden]{display:none!important}
}
@media(min-width:769px) and (max-width:1120px){
  #clinic-adaptive-header .adaptive-header-copy{left:124px;width:calc(100% - 310px)}
  #clinic-adaptive-header .adaptive-header-icon{left:18px;width:86px;height:86px;border-width:10px}
  #clinic-adaptive-header .adaptive-header-controls{right:16px;max-width:37%}
  #clinic-adaptive-header .adaptive-header-title{font-size:22px}
}


/* Colores propios de cada módulo, conservando la forma común del Halo. */
@media(min-width:769px){
  #clinic-adaptive-header[data-page="page-lab-orders"] .adaptive-header-inner::before{
    background:linear-gradient(100deg,#d8f1ea 0%,#edf8f5 58%,#fff 100%);
  }
  #clinic-adaptive-header[data-page="page-supplies"] .adaptive-header-inner::before{
    background:linear-gradient(100deg,#f2dcd2 0%,#fbefea 58%,#fff 100%);
  }
  #clinic-adaptive-header[data-page="page-esthetic-tools"] .adaptive-header-inner::before,
  #clinic-adaptive-header[data-page="page-facial-analysis"] .adaptive-header-inner::before{
    background:linear-gradient(100deg,#e7def7 0%,#f3effb 58%,#fff 100%);
  }
  #clinic-adaptive-header[data-page="page-lab-orders"] .adaptive-header-eyebrow{color:#087868}
  #clinic-adaptive-header[data-page="page-supplies"] .adaptive-header-eyebrow{color:#b75a3c}
  #clinic-adaptive-header[data-page="page-esthetic-tools"] .adaptive-header-eyebrow,
  #clinic-adaptive-header[data-page="page-facial-analysis"] .adaptive-header-eyebrow{color:#7650b8}
}



/* Description belongs to the fixed Halo; the original hero is mobile-only. */
@media(min-width:769px){
  #page-dashboard>.clinic-home-agent-hero,
  .page.clinic-halo-page>.clinic-module-agent-hero{display:none!important}
}

/* Habilitación: host-owned scroll and no redundant iframe card. */
#screen-app:has(#page-habilitacion.active) .main{overflow-y:auto!important}
#screen-app #page-habilitacion.active{height:auto!important;min-height:0!important;overflow:visible!important}
#screen-app #page-habilitacion.active #habilitacion-frame{min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important}