/* ==========================================================================
   Ordenatec · piezas comunes (ajuste 11). Hoja base que se carga la última.
   Solo actúa con html.ot-pieces, que pone ordenatec-pieces.js fuera de Inicio y del acceso.
   Marca: manual del 29/09/2026. Claro por defecto; oscuro con html[data-ot-theme=dark].
   Sin chips. No cambia estructura, datos ni animaciones (radar, reloj, pulso, estrella, Lixy).
   Los !important y el :not(#o) son temporales: ganan a los parches actuales y se retirarán con ellos.
   ========================================================================== */
html.ot-pieces{
  --o-font:"Plus Jakarta Sans",Arial,sans-serif;
  --o-bg:#F5F8FC; --o-surface:#FFFFFF; --o-surface-2:#F4F8FF; --o-line:#E3EAF5; --o-line-2:#EDF2F9;
  --o-ink:#0B1B33; --o-muted:#607089; --o-faint:#93A1B6;
  --o-primary:#0B64F0; --o-primary-ink:#FFFFFF; --o-primary-soft:rgba(11,100,240,.08); --o-primary-line:rgba(11,100,240,.24);
  --o-link:#0B64F0; --o-focus:#0D8EF2; --o-aviso:#F2C14E;
  --o-ok:#1E8E5A; --o-ok-ink:#16704A; --o-warn:#E0A412; --o-warn-ink:#6B4B00; --o-bad:#D63A2F; --o-bad-ink:#9B231B; --o-bad-bg:#FDE4E1; --o-off:#9AA8BD;
  --o-sh-1:0 1px 2px rgba(11,27,51,.04),0 6px 18px rgba(11,27,51,.05); --o-hover:rgba(11,27,51,.04);
  --o-tab-sh:0 1px 2px rgba(11,27,51,.08),0 2px 8px rgba(11,27,51,.06);
  --o-ico-stroke:%230B64F0;
}
html.ot-pieces[data-ot-theme=dark]{
  --o-bg:#061429; --o-surface:#0B1B33; --o-surface-2:#0F2442; --o-line:#1C3358; --o-line-2:#16294A;
  --o-ink:#F4F8FF; --o-muted:#97A8C4; --o-faint:#6E819F;
  --o-primary:#17B8F6; --o-primary-ink:#061429; --o-primary-soft:rgba(23,184,246,.12); --o-primary-line:rgba(23,184,246,.34);
  --o-link:#6FE0FF; --o-focus:#17B8F6;
  --o-ok:#3CC488; --o-ok-ink:#7FE0B3; --o-warn:#F2C14E; --o-warn-ink:#F7D488; --o-bad:#FF6B5E; --o-bad-ink:#FFA59C; --o-bad-bg:rgba(214,58,47,.22); --o-off:#6E819F;
  --o-sh-1:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.25); --o-hover:rgba(255,255,255,.04);
  --o-tab-sh:0 1px 2px rgba(0,0,0,.4);
}

/* ---------- Letra de marca en el área de trabajo y en lo que flota alrededor ---------- */
html.ot-pieces:not(#o) main.content,
html.ot-pieces:not(#o) main.content :is(h1,h2,h3,h4,p,span,div,strong,small,b,em,label,a,li,td,th,button,input,select,textarea,summary,legend),
html.ot-pieces:not(#o) :is(.ot-language,.ot-language *,.user-card,.user-card *){font-family:var(--o-font)!important}
html.ot-pieces:not(#o) main.content{color:var(--o-ink)}
html.ot-pieces:not(#o) main.content :is(.num-font,.mono,[class*=predictive-value]){font-family:var(--o-font)!important;font-variant-numeric:tabular-nums}

/* Fondo continuo, sin cortes de tono */
html.ot-pieces:not(#o) main.content{background:var(--o-bg)!important}
html.ot-pieces:not(#o) main.content :is(section.content-shell,.page){background:transparent!important;background-image:none!important}

/* ---------- Cabecera de página: icono de sección + título en tipo frase ---------- */
html.ot-pieces:not(#o) main.content :is(.page > header.header h1,.page header.page-title h1,.page .hstack > h1,header.ot-org-head > h1,.cw-hero h1){
  display:flex!important;align-items:center;gap:12px;margin:0!important;
  font:800 28px/1.15 var(--o-font)!important;letter-spacing:-.015em!important;text-transform:none!important;color:var(--o-ink)!important;
  -webkit-text-fill-color:currentColor!important;background:none!important}
html.ot-pieces:not(#o) main.content :is(.page > header.header h1,.page header.page-title h1,.page .hstack > h1,header.ot-org-head > h1,.cw-hero h1)::before{
  content:"";flex:none;width:40px;height:40px;border-radius:12px;background:var(--o-primary-soft) var(--o-ico) center/21px no-repeat}
html.ot-pieces[data-ot-page=mis-licitaciones]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a2 2 0 0 1 2-2h4l2 2.5h7a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-page=buscador]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-page=mis-alertas]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 1 1 12 0v5l1.5 2h-15Z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-page=seguimiento]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3.5' y='4' width='17' height='16' rx='2.5'/%3E%3Cpath d='M9 8v6M15 8v3'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-page=empresas]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 20V6.5L12 4v16'/%3E%3Cpath d='M12 9.5h6.5a1 1 0 0 1 1 1V20'/%3E%3Cpath d='M3 20h18'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-page=mi-perfil]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-page=stats]{--o-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B64F0' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 20V4M4 20h16M8 16v-5M12 16V8M16 16v-3'/%3E%3C/svg%3E")}
html.ot-pieces[data-ot-theme=dark]:not(#o) main.content :is(.page > header.header h1,.page header.page-title h1,.page .hstack > h1,header.ot-org-head > h1,.cw-hero h1)::before{filter:hue-rotate(-18deg) brightness(1.6)}
/* El total ya está en su pestaña; los sobretítulos y la frase de cabecera pasan a la ⓘ */
html.ot-pieces:not(#o) main.content :is(.cw-eyebrow,.cw-summary,.cw-hero > div > p,.predictive-kicker,.summary-workspace-head > div > span,.summary-workspace-head > p,.report-title-lockup p,.oxd-caps,.seg-heading > span[data-o-help]){display:none!important}
/* El total y la etiqueta «Análisis Ordenatec listo · IA» siguen a la vista, sin aspecto de chip */
html.ot-pieces:not(#o) main.content .total-chip{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font:600 13px var(--o-font)!important;color:var(--o-muted)!important;letter-spacing:0!important;text-transform:none!important}
html.ot-pieces:not(#o) main.content .report-ready-label{font:600 12px/1.3 var(--o-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--o-ok-ink)!important}
html.ot-pieces:not(#o) main.content .seg-heading > span:not([data-o-help]){font:600 12px var(--o-font)!important;color:var(--o-primary)!important;text-transform:none!important}
html.ot-pieces:not(#o) main.content .cw-hero{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
html.ot-pieces:not(#o) main.content .cw-hero::before,html.ot-pieces:not(#o) main.content .cw-hero::after{display:none!important}

/* ⓘ: lo que antes se explicaba con una frase fija */
html.ot-pieces:not(#o) .o-info{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;border:0;border-radius:50%;background:none;padding:0;margin-left:2px;color:var(--o-faint);cursor:help;position:relative;vertical-align:middle}
html.ot-pieces:not(#o) .o-info svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html.ot-pieces:not(#o) .o-info:hover,html.ot-pieces:not(#o) .o-info:focus-visible{color:var(--o-primary)}
html.ot-pieces:not(#o) .o-info:hover::after,html.ot-pieces:not(#o) .o-info:focus-visible::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:280px;background:var(--o-ink);color:var(--o-bg);font:600 12px/1.45 var(--o-font);padding:7px 10px;border-radius:8px;z-index:50;text-align:left;box-shadow:0 12px 30px rgba(11,27,51,.2);letter-spacing:0;text-transform:none}

/* ---------- Pestañas: un solo estilo, en bloque ---------- */
html.ot-pieces:not(#o) main.content :is(.page .tabs,.detail-tabs,.ot-org-tabs,.views,nav.cw-tabs){
  gap:2px!important;padding:4px!important;width:fit-content!important;max-width:100%;overflow-x:auto;
  background:var(--o-surface-2)!important;background-image:none!important;border:1px solid var(--o-line)!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:14px}
html.ot-pieces:not(#o) main.content :is(.page .tabs > .tab,.detail-tabs > .d-tab,.ot-org-tabs > button,.views > button,nav.cw-tabs > button){
  align-items:center;gap:7px;height:34px!important;min-height:34px!important;padding:0 13px!important;margin:0!important;
  border:0!important;border-radius:9px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
  color:var(--o-muted)!important;font:600 14px/1 var(--o-font)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
html.ot-pieces:not(#o) main.content :is(.page .tabs > .tab,.detail-tabs > .d-tab,.ot-org-tabs > button,.views > button,nav.cw-tabs > button):hover{color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content :is(.page .tabs > .tab.active,.detail-tabs > .d-tab.active,.ot-org-tabs > button.active,.views > button.selected,.views > button[aria-pressed=true],nav.cw-tabs > button[aria-pressed=true]){
  background:var(--o-surface)!important;color:var(--o-ink)!important;box-shadow:var(--o-tab-sh)!important}
html.ot-pieces:not(#o) main.content :is(.page .tabs > .tab,.detail-tabs > .d-tab)::after{display:none!important}
html.ot-pieces:not(#o) main.content :is(.page .tabs > .tab.active .tab-ico,.detail-tabs > .d-tab.active svg){color:var(--o-primary)!important}
html.ot-pieces:not(#o) main.content .page .tabs > .tab.o-norm > .tab-text{display:none!important}
html.ot-pieces:not(#o) main.content :is(.o-n,nav.cw-tabs > button > span){background:none!important;border:0!important;padding:0!important;min-width:0!important;height:auto!important;
  font:600 13px/1 var(--o-font)!important;color:var(--o-faint)!important;font-variant-numeric:tabular-nums}
html.ot-pieces:not(#o) main.content :is(.tab.active .o-n,nav.cw-tabs > button[aria-pressed=true] > span){color:var(--o-primary)!important}

/* ---------- Paneles: blanco, borde fino, esquina 16; sin degradados ni círculos ---------- */
html.ot-pieces:not(#o) main.content :is(.page > section.card,section.card-shell,.ot-org-personal,form.cw-search,article.cw-card,section.ia-report-container,section.summary-workspace,.predictive-wrap,section.detail-hero,article.oxd-tool,section.ot-seg,article.oxc-card){
  background:var(--o-surface)!important;background-image:none!important;border:1px solid var(--o-line)!important;border-radius:16px!important;box-shadow:var(--o-sh-1)!important}
html.ot-pieces:not(#o) main.content :is(.page > section.card,section.card-shell,.predictive-wrap,section.ia-report-container)::before,
html.ot-pieces:not(#o) main.content :is(.page > section.card,section.card-shell,.predictive-wrap,section.ia-report-container)::after{display:none!important}
html.ot-pieces:not(#o) main.content section.card-main{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
html.ot-pieces:not(#o) main.content section.card-shell form.card{border:0!important;box-shadow:none!important;background:transparent!important}
html.ot-pieces:not(#o) main.content :is(section.ot-seg,article.oxc-card){box-shadow:none!important}
html.ot-pieces:not(#o) main.content article.oxc-card:hover{border-color:var(--o-primary-line)!important}
html.ot-pieces:not(#o) main.content :is(.report-shell-head,.summary-workspace-head,.report-shell,.ia-report-container > header){background:transparent!important;background-image:none!important;border-bottom:1px solid var(--o-line-2)!important}
html.ot-pieces:not(#o) main.content .report-shell-head h3,html.ot-pieces:not(#o) main.content .summary-workspace-head h3,html.ot-pieces:not(#o) main.content .predictive-title{
  display:inline-flex;align-items:center;gap:6px;font:700 16px/1.3 var(--o-font)!important;color:var(--o-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;letter-spacing:-.005em!important}
html.ot-pieces:not(#o) main.content .predictive-card{background:var(--o-surface-2)!important;background-image:none!important;border:1px solid var(--o-line-2)!important;border-radius:12px!important;box-shadow:none!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content .predictive-card::before,html.ot-pieces:not(#o) main.content .predictive-card::after{display:none!important}
html.ot-pieces:not(#o) main.content .predictive-value{font:800 28px/1.1 var(--o-font)!important;color:var(--o-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;letter-spacing:-.01em!important}

/* ---------- Rótulos: tipo frase, 12/600, sin mayúsculas forzadas ---------- */
html.ot-pieces:not(#o) main.content :is(.info-label > span,.predictive-label,h3.section,table.table th,.field label,.cw-search label,.tender-sort-label){
  text-transform:none!important;letter-spacing:0!important;font:600 12px/1.4 var(--o-font)!important;color:var(--o-muted)!important}
html.ot-pieces:not(#o) main.content h3.section{font-size:16px!important;font-weight:700!important;color:var(--o-ink)!important}

/* ---------- Botones: principal, secundario, texto y borrar ---------- */
html.ot-pieces:not(#o) main.content :is(.btn,.btn-create,.btn-mini,.pbtn,.seg-btn,.sh-button,.button,.cw-primary,.cw-follow,.oxd-go,.hero-secondary-action,.report-toggle,.ot-org-help,.ot-org-detail-action,.cw-pagination > button){
  align-items:center;justify-content:center;gap:7px;height:38px!important;min-height:38px!important;padding:0 14px!important;
  border-radius:10px!important;font:600 14px/1 var(--o-font)!important;letter-spacing:0!important;text-transform:none!important;
  background-image:none!important;box-shadow:none!important;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
html.ot-pieces:not(#o) main.content :is(.search > .btn.primary,.btn-create,.button.primary,.cw-primary,.actions-row .btn.primary,.oxd-sum .oxd-go){
  background:var(--o-primary)!important;color:var(--o-primary-ink)!important;border:1px solid transparent!important}
html.ot-pieces:not(#o) main.content :is(.search > .btn.primary,.btn-create,.button.primary,.cw-primary,.actions-row .btn.primary,.oxd-sum .oxd-go):hover{box-shadow:0 6px 16px rgba(11,100,240,.25)!important;transform:translateY(-1px)}
html.ot-pieces:not(#o) main.content :is(.actions > .btn.primary,.btn-mini:not(.danger),.pbtn,.seg-btn,.sh-button,.button:not(.primary),.cw-follow,.oxd-tool:not(.oxd-sum) .oxd-go,.hero-secondary-action,.report-toggle,.ot-org-help,.ot-org-detail-action,.cw-pagination > button){
  background:var(--o-surface)!important;color:var(--o-ink)!important;border:1px solid var(--o-line)!important}
html.ot-pieces:not(#o) main.content :is(.actions > .btn.primary,.btn-mini:not(.danger),.pbtn,.seg-btn,.sh-button,.button:not(.primary),.cw-follow,.oxd-tool:not(.oxd-sum) .oxd-go,.hero-secondary-action,.report-toggle,.ot-org-help,.ot-org-detail-action,.cw-pagination > button) :not(svg):not(path){color:inherit!important}
html.ot-pieces:not(#o) main.content :is(.actions > .btn.primary,.btn-mini:not(.danger),.pbtn,.seg-btn,.sh-button,.button:not(.primary),.cw-follow,.oxd-tool:not(.oxd-sum) .oxd-go,.hero-secondary-action,.report-toggle,.ot-org-help,.ot-org-detail-action,.cw-pagination > button):hover{border-color:var(--o-primary-line)!important;background:var(--o-surface-2)!important}
html.ot-pieces:not(#o) main.content :is(.btn-mini,.sh-button,.seg-btn,.ot-org-help,.cw-follow,.oxd-go){height:32px!important;min-height:32px!important;padding:0 11px!important;font-size:13px!important}
html.ot-pieces:not(#o) main.content .btn-mini.danger{background:transparent!important;border:1px solid transparent!important;color:var(--o-bad-ink)!important}
html.ot-pieces:not(#o) main.content .btn-mini.danger:hover{background:var(--o-bad-bg)!important}
html.ot-pieces:not(#o) main.content .cw-follow.following{color:var(--o-ok-ink)!important}
html.ot-pieces:not(#o) main.content .cw-detail{background:none!important;border:0!important;padding:0!important;color:var(--o-link)!important;font:600 13px/1.2 var(--o-font)!important}
html.ot-pieces:not(#o) main.content :is(.btn,.button,.pbtn,.seg-btn,.sh-button,.btn-mini,.cw-primary,.cw-follow,.oxd-go)[disabled]{opacity:.45!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}
html.ot-pieces:not(#o) main.content .hero-presentation-action{font-family:var(--o-font)!important;border-radius:10px!important}
/* Ninguna regla de esta hoja cambia «display» de botones, pestañas o barras: lo que hoy se oculta (p. ej. «Filtrar», solo en móvil) sigue igual. */
/* Iconos sueltos: favorita y descartar. Descartar deja de ser una papelera (no borra nada) */
html.ot-pieces:not(#o) main.content :is(.oxc-ib,.oxd-ib){width:36px!important;height:36px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--o-muted)!important;box-shadow:none!important}
html.ot-pieces:not(#o) main.content :is(.oxc-ib,.oxd-ib):hover{background:var(--o-hover)!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content :is(.oxc-fav.is-on,.oxd-fav[aria-pressed=true]){color:var(--o-warn)!important}
html.ot-pieces:not(#o) main.content :is(.oxc-desc,.oxd-desc) svg{display:none!important}
html.ot-pieces:not(#o) main.content :is(.oxc-desc,.oxd-desc)::before{content:"";display:block;flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 6.2A9.8 9.8 0 0 1 12 6c5 0 8.5 4.5 9.5 6-.4.7-1.3 1.9-2.6 3.1M6.3 7.5C4.5 8.8 3.1 10.6 2.5 12c1 1.5 4.5 6 9.5 6 1.4 0 2.7-.4 3.8-.9'/%3E%3Cpath d='M9.9 10a3 3 0 0 0 4.1 4.1'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 6.2A9.8 9.8 0 0 1 12 6c5 0 8.5 4.5 9.5 6-.4.7-1.3 1.9-2.6 3.1M6.3 7.5C4.5 8.8 3.1 10.6 2.5 12c1 1.5 4.5 6 9.5 6 1.4 0 2.7-.4 3.8-.9'/%3E%3Cpath d='M9.9 10a3 3 0 0 0 4.1 4.1'/%3E%3C/svg%3E") center/contain no-repeat}
html.ot-pieces:not(#o) main.content :is(.oxc-desc.is-on,.oxd-desc[aria-pressed=true]){color:var(--o-bad)!important}

/* ---------- Campos ---------- */
html.ot-pieces:not(#o) main.content .page .search{height:40px!important;min-height:40px!important;border:1px solid var(--o-line)!important;border-radius:10px!important;background:var(--o-surface)!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
html.ot-pieces:not(#o) main.content .page .search:focus-within{border-color:var(--o-focus)!important;box-shadow:0 0 0 3px rgba(13,142,242,.15)!important}
html.ot-pieces:not(#o) main.content .page .search > input{font:500 14px var(--o-font)!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content .page .search > .btn.primary{height:32px!important;min-height:32px!important;margin-right:-6px}
html.ot-pieces:not(#o) main.content :is(select,#search,.cw-search input,.field input,.field select,.field textarea){
  height:40px!important;min-height:40px!important;border:1px solid var(--o-line)!important;border-radius:10px!important;background-color:var(--o-surface)!important;box-shadow:none!important;
  font:500 14px var(--o-font)!important;color:var(--o-ink)!important;padding-left:12px!important}
html.ot-pieces:not(#o) main.content :is(select,#search,.cw-search input,.field input,.field select,.field textarea):focus{border-color:var(--o-focus)!important;box-shadow:0 0 0 3px rgba(13,142,242,.15)!important;outline:0!important}
html.ot-pieces:not(#o) main.content :is(.field input,.field select)[disabled],html.ot-pieces:not(#o) main.content .field input[readonly]{background-color:var(--o-surface-2)!important;color:var(--o-muted)!important}
html.ot-pieces:not(#o) main.content input::placeholder{color:var(--o-faint)!important;font-weight:500!important}
/* Desplegable de filtros: título, ⓘ y flecha */
html.ot-pieces:not(#o) main.content section.ot-seg{border-radius:12px!important}
html.ot-pieces:not(#o) main.content .seg-heading > strong{font:600 14px var(--o-font)!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content .seg-heading{display:inline-flex!important;align-items:center;gap:4px}
html.ot-pieces:not(#o) main.content .seg-symbol{background:var(--o-primary-soft)!important;color:var(--o-primary)!important;border:0!important;box-shadow:none!important;border-radius:10px!important}

/* ---------- Estado: un punto de color y su nombre, sin chips ---------- */
html.ot-pieces:not(#o) main.content :is(.oxd-chip,.sh-chip,td.last > span.mono){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;
  font:600 13px/1.3 var(--o-font)!important;color:var(--o-muted)!important;letter-spacing:0!important;text-transform:none!important}
html.ot-pieces:not(#o) main.content .sh-chip{color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content td.last > span.mono{font-weight:500!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content :is(.oxd-st,.status-pill,td.num > span){display:inline-flex!important;align-items:center;gap:6px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;
  font:600 13px/1.3 var(--o-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--o-muted)!important}
html.ot-pieces:not(#o) main.content :is(.oxd-st,.status-pill,td.num > span)::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--o-off);flex:none}
html.ot-pieces:not(#o) main.content :is(.oxd-st-green,.status-pill.green,td.num > span.yes,td.num > span.si){color:var(--o-ok-ink)!important}
html.ot-pieces:not(#o) main.content :is(.oxd-st-green,.status-pill.green,td.num > span.yes,td.num > span.si)::before{background:var(--o-ok)}
html.ot-pieces:not(#o) main.content :is(td.num > span.no,.status-pill.red){color:var(--o-bad-ink)!important}
html.ot-pieces:not(#o) main.content :is(td.num > span.no,.status-pill.red)::before{background:var(--o-bad)}

/* ---------- Tabla ---------- */
html.ot-pieces:not(#o) main.content table.table th{padding:10px 14px!important;border-bottom:1px solid var(--o-line)!important;background:transparent!important}
html.ot-pieces:not(#o) main.content table.table td{padding:12px 14px!important;border-bottom:1px solid var(--o-line-2)!important;font-size:13px!important}
html.ot-pieces:not(#o) main.content table.table tbody tr:hover td{background:var(--o-hover)!important}
html.ot-pieces:not(#o) main.content table.table td a{color:var(--o-link)!important;font-weight:600!important}

/* ---------- Seguimiento: los colores que elige cada usuario siguen mandando ----------
   Fondo (--column-bg), cabecera (--column-header) y textos (--column-header-text, --column-text) no se tocan:
   solo cambian letra, esquinas y botones. */
html.ot-pieces:not(#o) main.content section.column{border-radius:16px!important}
html.ot-pieces:not(#o) main.content section.column > .column-head{border-radius:12px 12px 0 0!important}
html.ot-pieces:not(#o) main.content section.column > .column-head h2{font:700 13px/1.3 var(--o-font)!important;color:inherit!important}
html.ot-pieces:not(#o) main.content section.column > .column-head > span{font:600 12px var(--o-font)!important}
html.ot-pieces:not(#o) main.content article.tender-card{border-radius:12px!important}
html.ot-pieces:not(#o) main.content article.tender-card .card-body > small{font:600 12px var(--o-font)!important}
html.ot-pieces:not(#o) main.content article.tender-card .card-body > h3{font:700 15px/1.35 var(--o-font)!important}
html.ot-pieces:not(#o) main.content article.tender-card .card-body > p{font:500 13px/1.4 var(--o-font)!important}
html.ot-pieces:not(#o) main.content .favorite-receiver{font:600 12px var(--o-font)!important}

/* ---------- Empresas: lista en lugar de tarjetas (mismos datos y botones) ---------- */
html.ot-pieces:not(#o) main.content .cw-grid{display:flex!important;flex-direction:column!important;gap:8px!important;grid-template-columns:none!important}
html.ot-pieces:not(#o) main.content article.cw-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"ico name stats acts" "ico tax stats acts"!important;
  align-items:center!important;column-gap:18px!important;row-gap:2px!important;padding:12px 16px!important;min-height:0!important;height:auto!important}
html.ot-pieces:not(#o) main.content article.cw-card > .cw-row{grid-area:ico;display:flex!important;flex-direction:column;align-items:center;gap:4px;margin:0!important}
html.ot-pieces:not(#o) main.content article.cw-card > h2{grid-area:name;margin:0!important;min-width:0}
html.ot-pieces:not(#o) main.content article.cw-card > .cw-tax{grid-area:tax;margin:0!important}
html.ot-pieces:not(#o) main.content article.cw-card > .cw-card-stats{grid-area:stats;display:flex!important;gap:24px!important;margin:0!important;padding:0!important;border:0!important}
html.ot-pieces:not(#o) main.content article.cw-card > .cw-card-stats > div{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
html.ot-pieces:not(#o) main.content article.cw-card > .cw-card-stats strong{font-size:16px!important}
html.ot-pieces:not(#o) main.content article.cw-card > footer{grid-area:acts;display:flex!important;gap:10px!important;align-items:center;margin:0!important;padding:0!important;border:0!important}
html.ot-pieces:not(#o) main.content .cw-company-icon{width:40px;height:40px;display:grid!important;place-items:center}
@media (max-width:760px){
  html.ot-pieces:not(#o) main.content article.cw-card{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"ico name" "ico tax" "stats stats" "acts acts"!important;row-gap:8px!important}
  html.ot-pieces:not(#o) main.content article.cw-card > .cw-card-stats > div{align-items:flex-start;text-align:left}
}
html.ot-pieces:not(#o) main.content article.cw-card h2,html.ot-pieces:not(#o) main.content article.cw-card h2 > button{font:700 16px/1.35 var(--o-font)!important;color:var(--o-ink)!important;letter-spacing:0!important}
html.ot-pieces:not(#o) main.content .cw-company-icon{background:var(--o-primary-soft)!important;color:var(--o-primary)!important;border:0!important;border-radius:12px!important}
html.ot-pieces:not(#o) main.content .cw-card-stats strong{font:800 20px/1.2 var(--o-font)!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content .cw-card-stats span,html.ot-pieces:not(#o) main.content .cw-tax{font:600 12px var(--o-font)!important;color:var(--o-muted)!important}

/* ---------- Ficha: cabecera (ajuste 9) y herramientas con las piezas comunes ---------- */
html.ot-pieces:not(#o) main.content :is(.oxd-ttl){font-family:var(--o-font)!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content .oxd-tool :is(h3,strong,b){font-family:var(--o-font)!important}
html.ot-pieces:not(#o) main.content .oxc-title{font:700 15px/1.4 var(--o-font)!important;color:var(--o-ink)!important}
html.ot-pieces:not(#o) main.content .oxc-card:hover .oxc-title{color:var(--o-primary)!important}

/* ---------- Paginación y leyenda ---------- */
html.ot-pieces:not(#o) main.content :is(.pager-info,.pager-actions){font:600 13px var(--o-font)!important;color:var(--o-muted)!important}
html.ot-pieces:not(#o) main.content .pager-info strong{color:var(--o-ink)!important;font-weight:700!important}

/* Móvil: las pestañas de la ficha en una sola fila que se desplaza (hoy «Notas» queda sola en otra fila) */
@media (max-width:760px){
  html.ot-pieces:not(#o) main.content .detail-tabs{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:100%!important;max-width:100%!important}
  html.ot-pieces:not(#o) main.content .detail-tabs > .d-tab{flex:none!important;width:auto!important;grid-column:auto!important}
  html.ot-pieces:not(#o) main.content :is(.page > header.header h1,.page header.page-title h1,.page .hstack > h1,header.ot-org-head > h1,.cw-hero h1){font-size:24px!important}
}
@media (prefers-reduced-motion:reduce){html.ot-pieces:not(#o) main.content *{transition:none!important}}