/*
 * TOCAPU MedCore Control Panel R17
 * Capa visual compartida. No altera la logica operativa.
 */
:root{
  --cp-navy:#0d172b;
  --cp-navy-2:#121f37;
  --cp-navy-3:#1a2942;
  --cp-cyan:#08a8c7;
  --cp-teal:#08a98f;
  --cp-ink:#17243a;
  --cp-muted:#687991;
  --cp-line:#dce5ef;
  --cp-bg:#f4f7fb;
  --cp-soft:#f8fafc;
  --cp-white:#fff;
  --mc-sidebar:264px;
  --mc-sidebar-collapsed:76px;
  --mc-header-height:76px;
  --mc-control-height:40px;
  --mc-radius:8px;
  --mc-radius-sm:6px;
  --mc-bg:var(--cp-bg);
  --mc-surface:var(--cp-white);
  --mc-soft:var(--cp-soft);
  --mc-ink:var(--cp-ink);
  --mc-text:#33435a;
  --mc-muted:var(--cp-muted);
  --mc-line:var(--cp-line);
  --mc-line-strong:#c9d5e3;
  --mc-blue-950:#0a3f50;
  --mc-blue-900:#087b91;
  --mc-blue-800:#0796ad;
  --mc-blue-700:var(--cp-cyan);
  --mc-blue-600:var(--cp-cyan);
  --mc-cyan:var(--cp-teal);
  --mc-shadow:0 8px 24px rgba(20,39,67,.07);
}

html{background:var(--cp-bg)}
body.app-body{
  background:var(--cp-bg);
  color:#33435a;
  letter-spacing:0;
}
.app{background:var(--cp-bg)}

/* Dark control-panel navigation */
.sidebar{
  width:var(--mc-sidebar);
  padding:17px 13px 15px;
  background:var(--cp-navy)!important;
  border-right:1px solid #20304a;
  box-shadow:8px 0 28px rgba(5,14,29,.14);
}
.brand{
  min-height:64px;
  padding:3px 9px 14px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(207,224,244,.13);
}
.brand-app-logo{
  width:202px;
  max-height:54px;
  object-fit:contain;
  object-position:left center;
}
.nav-groups{gap:3px;padding-inline:1px}
.nav-section,.nav-section-direct{border-radius:7px}
.nav-section-title,.nav-section-direct{
  min-height:42px;
  grid-template-columns:22px minmax(0,1fr);
  gap:10px;
  padding:9px 11px;
  border-radius:7px;
  color:#d9e5f5;
  font-size:13px;
  font-weight:680;
  letter-spacing:0;
}
.nav-section-title:hover,.nav-section-direct:hover{
  background:#182741;
  color:#fff;
}
.nav-section.open>.nav-section-title,
.nav-section[open]>.nav-section-title,
.nav-section-direct.active{
  background:#0a8fa4!important;
  color:#fff;
  box-shadow:none;
}
.nav-section-icon{width:22px;height:22px;color:#9eb1c9}
.nav-section.open>.nav-section-title .nav-section-icon,
.nav-section[open]>.nav-section-title .nav-section-icon,
.nav-section-direct.active .nav-section-icon{color:#fff}
.nav-icon-svg{width:19px;height:19px;stroke-width:1.7}
.nav-section-links{
  gap:2px;
  padding:4px 5px 6px 39px;
}
.nav-section-links a{
  padding:7px 9px;
  border-radius:6px;
  color:#aebed2!important;
  font-size:12px;
  font-weight:570;
}
.nav-section-links a:hover{
  background:#192a45!important;
  color:#fff!important;
}
.nav-section-links a.active{
  background:#20324f!important;
  color:#6ce2e1!important;
  box-shadow:inset 3px 0 0 #16bdc2!important;
}

/* Header and work surface */
#contenido-principal{padding:14px 18px 26px}
.app-header{
  min-height:var(--mc-header-height);
  padding:10px 12px;
  margin-bottom:12px;
  border:1px solid #1e2d47;
  border-radius:8px;
  background:var(--cp-navy)!important;
  color:#fff;
  box-shadow:0 8px 24px rgba(8,23,47,.12);
  backdrop-filter:none;
}
.menu-toggle{
  width:40px;
  height:40px;
  min-width:40px;
  border:1px solid #31415c;
  border-radius:7px;
  background:#17253d;
  color:#9fd9e3;
}
.menu-toggle:hover{background:#20324f;border-color:#49617f}
.app-header .module-eyebrow{
  min-height:20px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#7bdcdd!important;
  font-size:10px;
  font-weight:780;
  letter-spacing:.07em;
}
.app-header h1,
#contenido-principal .app-header h1{
  margin-top:1px;
  color:#fff!important;
  font-size:21px;
  font-weight:760;
  letter-spacing:0;
}
.app-header p{color:#a9b9ce}
.module-header-action{
  min-height:36px;
  padding:7px 12px;
  border-color:#344760;
  border-radius:7px;
  background:#17263f;
  color:#dbe8f6;
}
.module-header-action:hover{border-color:#55708f;background:#20324f;color:#fff}
.header-user{
  min-width:226px;
  max-width:300px;
  padding:7px 8px 7px 12px;
  border-color:#2b3c57;
  border-radius:7px;
  background:#17253d;
}
.header-user-text strong{color:#fff}
.header-user-text small{color:#9fb0c5}
.header-logout{
  border-radius:6px!important;
  background:#22334e!important;
  color:#75dadd!important;
}

.module-subnav{
  padding:5px;
  border-radius:7px;
  box-shadow:none;
}
.module-subnav a{min-height:34px;padding:7px 11px;border-radius:6px}
.module-subnav a.active{
  background:#e7f8f8;
  color:#087b83;
  box-shadow:inset 0 -2px 0 var(--cp-teal);
}
.content{gap:12px}
.card,.table-wrap,.table-responsive,.mobile-table-scroll{
  border-color:var(--cp-line);
  border-radius:8px;
  box-shadow:0 5px 18px rgba(20,39,67,.045);
}
.card{padding:16px}
.section-head,.page-head,.profile-head,.patients-head,.patient-profile-head{margin-bottom:12px}
.section-head h2,.page-head h2,.profile-head h2,.patients-head h2,.patient-profile-head h2{
  color:var(--cp-ink);
  font-size:18px;
  letter-spacing:0;
}
.section-head h3{font-size:15px;letter-spacing:0}
.section-head p,.page-head p,.profile-head p,.patients-head p,.patient-profile-head p{font-size:12px}

/* Shared controls */
.btn,button.btn,a.btn,input[type=submit].btn{
  min-height:40px;
  padding:8px 13px;
  border-color:#c4d2e2;
  border-radius:6px;
  background:#fff;
  color:#25415e;
  font-size:12px;
  font-weight:720;
  box-shadow:none;
}
.btn:hover{background:#f4f8fc;border-color:#8da7c1;transform:none}
.btn.primary{
  border-color:var(--cp-cyan);
  background:var(--cp-cyan);
  color:#fff;
  box-shadow:0 5px 14px rgba(8,168,199,.18);
}
.btn.primary:hover{border-color:#078fa9;background:#078fa9}
.btn.green{border-color:#9bd9c8;background:#f3fcf9;color:#087861}
.btn.gray{border-color:#cbd6e2;background:#fff;color:#52647a}
.btn.danger,.btn.red{border-color:#e8b8bd;background:#fff8f8;color:#ad3440}
.btn.small{min-height:31px;padding:6px 9px;border-radius:5px;font-size:11px}
.field{gap:4px}
.field label{color:#44566d;font-size:11px;font-weight:720}
.field input,.field select,.field textarea,.form-control,
input[type=text],input[type=search],input[type=email],input[type=tel],
input[type=date],input[type=time],input[type=number],select,textarea{
  min-height:40px;
  padding:8px 10px;
  border-color:#c9d5e3;
  border-radius:6px;
  background:#fff;
}
.field input:focus,.field select:focus,.field textarea:focus,
input:focus,select:focus,textarea:focus{
  border-color:#22a8b8;
  box-shadow:0 0 0 3px rgba(8,169,143,.11);
}

/* Form rhythm shared by legacy and current modules. */
.app-body form label:not(.check-line):not(.approval-row label):not(:has(input[type="checkbox"])):not(:has(input[type="radio"])){
  display:block;
  margin:0 0 6px;
  line-height:1.25;
}
.app-body form label>input:not([type="checkbox"]):not([type="radio"]),
.app-body form label>select,
.app-body form label>textarea{
  display:block;
  width:100%;
  margin-top:6px;
}
.app-body form .field{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  min-width:0;
}
.app-body form .field>label{margin:0!important}
.app-body form .form-grid,
.app-body form.grid,
.app-body form .grid.two,
.app-body form .grid.three,
.app-body form .grid.four{
  gap:12px 14px;
}
.app-body form .form-grid>div:has(>label + input),
.app-body form .form-grid>div:has(>label + select),
.app-body form .form-grid>div:has(>label + textarea),
.app-body form .grid>div:has(>label + input),
.app-body form .grid>div:has(>label + select),
.app-body form .grid>div:has(>label + textarea){
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  min-width:0;
}
.app-body form .form-grid>div:has(>label + input)>label,
.app-body form .form-grid>div:has(>label + select)>label,
.app-body form .form-grid>div:has(>label + textarea)>label,
.app-body form .grid>div:has(>label + input)>label,
.app-body form .grid>div:has(>label + select)>label,
.app-body form .grid>div:has(>label + textarea)>label{
  margin:0;
}
.toolbar,.filter-bar,.patients-search-form,.study-toolbar{
  padding:10px;
  border-radius:7px;
}
.form-grid{gap:10px}
th{
  background:#f0f4f8;
  color:#455971;
  font-size:10px;
  letter-spacing:.04em;
}
th,td{padding:10px 11px}
tbody tr:hover td{background:#f7fafc}
.badge,.ux-state-badge,.patient-status{border-radius:5px}
.tabs,.patient-tabs{padding:4px;border-radius:7px}
.tabs a,.patient-tabs a{min-height:34px;border-radius:5px!important}
.alert,.notice{border-radius:6px}

/* Accessible modal workspace */
.mc-dialog-layer{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(4,11,24,.72);
  backdrop-filter:blur(8px);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.mc-dialog-layer.is-open{opacity:1;pointer-events:auto}
.mc-dialog{
  width:min(1100px,calc(100vw - 48px));
  height:min(820px,calc(100vh - 48px));
  display:grid;
  grid-template-rows:58px minmax(0,1fr);
  overflow:hidden;
  border:1px solid #30415d;
  border-radius:8px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease;
}
.mc-dialog-layer.is-open .mc-dialog{transform:none}
.mc-dialog-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 14px 0 18px;
  border-bottom:1px solid #263750;
  background:var(--cp-navy);
  color:#fff;
}
.mc-dialog-brand{display:flex;align-items:center;gap:10px;min-width:0}
.mc-dialog-brand>img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.mc-dialog-title{display:grid;gap:1px;min-width:0}
.mc-dialog-title strong{
  overflow:hidden;
  color:#fff;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mc-dialog-title small{color:#91a7bf;font-size:10px}
.mc-dialog-tools{display:flex;align-items:center;gap:8px}
.mc-dialog-print,
.mc-copy-tools button{
  min-height:34px;
  padding:7px 11px;
  border:1px solid #3b516f;
  border-radius:6px;
  background:#192942;
  color:#dce7f4;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.mc-dialog-print{border-color:#08a8c7;background:#08a8c7;color:#fff}
.mc-dialog-print:hover{background:#078fa9}
.mc-copy-tools{display:flex;align-items:center;gap:4px}
.mc-copy-tools[hidden]{display:none}
.mc-copy-tools button{min-width:66px}
.mc-copy-tools button[aria-pressed="true"]{border-color:#74dadd;background:#23415b;color:#8ff5f1}
.mc-dialog-close{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
  border:1px solid #334761;
  border-radius:6px;
  background:#192942;
  color:#dce7f4;
  cursor:pointer;
}
.mc-dialog-close:hover{background:#253955;color:#fff}
.mc-dialog-close:focus-visible{
  outline:3px solid rgba(93,222,224,.38);
  outline-offset:2px;
}
.mc-dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.mc-dialog-body{position:relative;min-height:0;background:var(--cp-bg)}
.mc-dialog-loader{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  color:#5b6e84;
  font-size:12px;
}
.mc-dialog-frame{position:relative;z-index:2;width:100%;height:100%;border:0;background:var(--cp-bg)}
body.mc-dialog-lock{overflow:hidden}
.mc-dialog-layer.is-print .mc-dialog{
  width:min(1320px,calc(100vw - 32px));
  height:min(920px,calc(100vh - 32px));
}

/* The same PHP screen rendered inside the modal iframe */
body.mc-modal-document{background:var(--cp-bg)!important}
body.mc-modal-document .sidebar,
body.mc-modal-document .app-header,
body.mc-modal-document .module-subnav,
body.mc-modal-document .mobile-sidebar-scrim,
body.mc-modal-document .skip-link{display:none!important}
body.mc-modal-document .app{display:block!important;min-height:100vh!important}
body.mc-modal-document #contenido-principal{
  display:block!important;
  width:100%!important;
  min-height:100vh!important;
  padding:18px!important;
  overflow:visible!important;
}
body.mc-modal-document .content{width:100%!important;max-width:none!important}
body.mc-modal-document .content>.card:first-child,
body.mc-modal-document .content>form:first-child{margin-top:0}
body.mc-modal-document .toast-stack{top:12px;right:12px}
body.mc-modal-document .record-toolbar{margin-top:0}

/* Shared workspace rhythm and readable compact summaries. */
.section-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.summary-strip{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:0!important;
  min-height:42px;
  padding:8px 12px;
  border:1px solid var(--cp-line);
  border-radius:7px;
  background:#fff;
}
.summary-strip>span{display:inline-flex;align-items:baseline;gap:5px;padding:2px 14px;border-right:1px solid var(--cp-line)}
.summary-strip>span:first-child{padding-left:0}
.summary-strip>span:last-child{padding-right:0;border-right:0}
.form-grid>div:not(.field)>small,
.form-grid>div:not(.field)>b{display:block}
.form-grid>div:not(.field)>small{margin-bottom:5px;color:var(--cp-muted)}

/* Universal search results use one stable, scannable row per match. */
.universal-live-results button[role="option"]{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr) 18px!important;
  align-items:center!important;
  width:100%!important;
  min-height:54px!important;
  gap:12px!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--cp-line)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--cp-ink)!important;
  text-align:left!important;
  font:inherit!important;
  cursor:pointer;
}
.universal-live-results button[role="option"]:hover,
.universal-live-results button[role="option"].is-active{background:#eef8fa!important}
.universal-live-results .universal-type{display:inline-flex!important;justify-content:center;max-width:92px;overflow:hidden;text-overflow:ellipsis}
.universal-result-copy{display:grid!important;gap:3px!important;min-width:0}
.universal-result-copy b,
.universal-result-copy small{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.universal-result-copy b{font-size:12px}
.universal-result-copy small{color:var(--cp-muted);font-size:10px}
.universal-result-arrow{display:block!important;color:#7b91a9;font-size:18px;text-align:right}
.universal-live-results button[role="option"].is-commerce{min-height:78px!important;padding-block:10px!important}
.universal-live-results button[role="option"].is-commerce .universal-result-copy{gap:7px!important}
.universal-live-results button[role="option"].is-commerce .universal-result-copy>b{font-size:13px;line-height:1.25;color:#10253c;white-space:normal}
.universal-commerce-meta{display:grid!important;grid-template-columns:minmax(150px,1.5fr) minmax(112px,.72fr) minmax(112px,.72fr);gap:8px;min-width:0}
.universal-commerce-meta>span{display:grid;gap:1px;min-width:0;padding-left:10px;border-left:1px solid #dce6ee}
.universal-commerce-meta>span:first-child{padding-left:0;border-left:0}
.universal-commerce-meta small{display:block!important;color:#60758a!important;font-size:9px!important;font-weight:700;text-transform:uppercase;line-height:1.2;white-space:nowrap!important}
.universal-commerce-meta strong{display:block;overflow:hidden;color:#17324a;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.universal-commerce-meta .price-sale strong{color:#007f91;font-size:13px}
.universal-selected .universal-commerce-meta{margin-top:6px}
body.screen-dashboard .universal-selected{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:16px!important;padding:12px 14px!important;background:#fff!important;border-color:#d6e2eb!important}
body.screen-dashboard .universal-selected[hidden]{display:none!important}
body.screen-dashboard .universal-selected-main{display:grid!important;grid-template-columns:92px minmax(0,1fr);align-items:center!important;gap:14px!important;width:100%;min-width:0}
body.screen-dashboard .universal-selected-main .universal-result-copy{grid-template-columns:minmax(200px,1.2fr) minmax(380px,2fr);align-items:center!important;gap:18px!important}
body.screen-dashboard .universal-selected-main .universal-commerce-meta{margin:0!important}
body.screen-dashboard .universal-selected>.actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important}
body.screen-dashboard .universal-selected>.actions .btn{min-width:92px}
@media(max-width:760px){.universal-live-results button[role="option"]{grid-template-columns:74px minmax(0,1fr) 14px!important}.universal-commerce-meta{grid-template-columns:1fr 1fr}.universal-commerce-meta>span:first-child{grid-column:1/-1}.universal-commerce-meta>span:nth-child(2){padding-left:0;border-left:0}}
@media(max-width:900px){body.screen-dashboard .universal-selected{grid-template-columns:1fr}body.screen-dashboard .universal-selected-main{grid-template-columns:74px minmax(0,1fr)}body.screen-dashboard .universal-selected-main .universal-result-copy{grid-template-columns:1fr}body.screen-dashboard .universal-selected>.actions .btn{width:100%}}
body.screen-dashboard .op-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.screen-dashboard .op-search-card{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:none!important;
  padding:8px 10px!important;
}
body.screen-dashboard .op-search-card .universal-live-wrap{max-width:none!important}

/* Wide search controls should use the available working area. */
body.module-proveedor-servicios .content>form.toolbar{grid-template-columns:minmax(0,1fr) auto auto!important}
body.module-proveedor-servicios .content>form.toolbar input{width:100%!important;max-width:none!important}
.provider-service-tools input{width:100%!important;max-width:none!important}
.commercial-filter-bar{grid-template-columns:minmax(640px,2.4fr) repeat(3,minmax(120px,.55fr)) auto!important}

/* Compact clinical encounter workspace inside its modal */
body.mc-modal-document #clinicalApp>.core2-hero,
body.mc-modal-document #clinicalApp>.core2-actions{display:none!important}
body.mc-modal-document #clinicalApp .clinical-workflow{
  top:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:7px!important;
  border-radius:7px!important;
}
body.mc-modal-document #clinicalApp .clinical-workflow-steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
  min-width:0;
}
body.mc-modal-document #clinicalApp .clinical-step-btn{
  width:100%!important;
  min-height:32px!important;
  padding:5px 7px!important;
  border-radius:5px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
body.mc-modal-document #clinicalApp .clinical-workflow-actions{
  flex-wrap:nowrap!important;
  gap:4px!important;
}
body.mc-modal-document #clinicalApp .clinical-workflow-actions .core2-btn{
  min-height:32px!important;
  padding:5px 9px!important;
  font-size:10.5px!important;
}

/* The patient query is the primary control in this row. */
.patients-search-card{padding:12px!important}
.patients-search-form{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}
body.screen-patients .patients-search-card .patients-search-form input[name="q"]{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  font-size:13px!important;
}
.patients-search-form .btn{min-width:96px;min-height:46px!important}

@media(max-width:1050px){
  :root{--mc-sidebar:300px}
  .app-header{border-radius:8px}
  .commercial-filter-bar{grid-template-columns:1fr 1fr!important}
  .commercial-filter-bar .commercial-search{grid-column:1/-1}
}
@media(max-width:720px){
  #contenido-principal{padding:8px}
  .app-header{grid-template-columns:minmax(0,1fr) 40px;border-radius:7px}
  .header-user{display:flex;width:40px;min-width:40px}
  .module-eyebrow{max-width:150px}
  .mc-dialog-layer{padding:0}
  .mc-dialog{
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    border:0;
    border-radius:0;
    grid-template-rows:54px minmax(0,1fr);
  }
  .mc-dialog-tools{gap:5px}
  .mc-dialog-print{padding:6px 8px;font-size:10px}
  .mc-copy-tools button{min-width:44px;padding:6px;font-size:10px}
  body.mc-modal-document #contenido-principal{padding:10px!important}
  body.mc-modal-document #clinicalApp .clinical-workflow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.mc-modal-document #clinicalApp .clinical-workflow-steps{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }
  body.mc-modal-document #clinicalApp .clinical-step-btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
  }
  body.mc-modal-document #clinicalApp .clinical-workflow-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .patients-search-form{grid-template-columns:minmax(0,1fr) auto!important}
  .patients-search-form a.btn{grid-column:1/-1}
  .commercial-filter-bar{grid-template-columns:1fr!important}
}
@media print{
  .mc-dialog-layer{display:none!important}
}

/* The collapsed rail is icon-only. Hide the disclosure chevron so it does
   not create an implicit second grid row below every module icon. */
body.sidebar-collapsed .sidebar .nav-section-title::after{
  content:none!important;
  display:none!important;
}
body.sidebar-collapsed .sidebar .nav-section-title,
body.sidebar-collapsed .sidebar .nav-section-direct{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  gap:0!important;
  min-height:42px;
  padding:8px 0!important;
}
.universal-live-results .universal-empty,
.universal-live-results .universal-loading{
  display:grid;
  place-items:center;
  gap:5px;
  min-height:78px;
  padding:14px;
  color:var(--cp-muted);
  text-align:center;
}
.universal-live-results .universal-empty b,
.universal-live-results .universal-empty small{display:block}
.universal-live-results .universal-empty b{color:var(--cp-ink);font-size:12px}
.universal-live-results .universal-empty small{font-size:10px}