.brand{display:flex;align-items:center;min-height:78px}
.brand-logo{width:100%;max-width:238px;height:auto;display:block;border-radius:8px;background:transparent;object-fit:contain;filter:brightness(0) invert(1)}
.product{color:#fff;font-weight:600}
.button.cream{background:#ead7b0;border:1px solid #d5ba82;color:#102a43}
.button,.button.secondary{background:#ead7b0;border:1px solid #d5ba82;color:#102a43}
.metric,.activity{cursor:default}
.metric small{display:inline-block;margin-top:4px;padding:5px 8px;border:1px solid #d5ba82;border-radius:5px;background:#ead7b0;color:#102a43;font-weight:650}
.activity>span:not(.status){display:inline-block;padding:5px 8px;border:1px solid #d5ba82;border-radius:5px;background:#ead7b0;color:#102a43;font-weight:650}
.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions.hide{display:none}.tenant-brand{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;min-width:104px;color:#425768;font-size:13px;font-weight:750}.tenant-brand img,.tenant-brand .tenant-monogram{width:54px;height:54px;border-radius:8px;object-fit:cover;border:1px solid #d5ba82;background:#fff}.tenant-brand .tenant-monogram{display:grid;place-items:center;background:#ead7b0;color:#102a43;font-size:11px;text-align:center;line-height:1.05}.logo-upload-note{font-size:12px;color:#66788a;margin-top:6px}
.legal-parameter-input{background:#fff6df!important;border:1px solid #d5ba82!important;box-shadow:inset 3px 0 0 #ead7b0}.legal-parameter-input:focus{outline:2px solid #c59d55;outline-offset:1px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.company-context{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#425768}.company-context select{max-width:290px;padding:8px;border:1px solid #d5ba82;border-radius:7px;background:#fff}.control-check{display:flex;gap:10px;align-items:flex-start}.control-check input{width:18px;height:18px;margin-top:2px;accent-color:#b89558}.blocked-action{opacity:.58;cursor:not-allowed!important}.demo-disclaimer{font-size:12px;color:#5d6d7b;border-left:3px solid #d5ba82;padding-left:10px}.flow-step{border-left:3px solid #d5ba82;padding:10px 12px;margin:8px 0;background:#fbfaf7}.scope-banner{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.production-readiness{margin:14px 24px 0;padding:11px 14px;border:1px solid #d5ba82;border-radius:8px;background:#fff6df;color:#102a43;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.production-readiness span{font-size:12px;color:#566979}
/* Estándar visual de consulta: los controles se ven como recuadros; los niveles
   conservan su color, pero con borde visible en tablas y reportes. */
.table-wrap .button,.activity .button,.metric .button{box-shadow:0 1px 2px rgba(16,42,67,.10);border-radius:7px}.status{border:1px solid currentColor;border-radius:6px}.status.red{border-color:#e7aaaa}.status.amber{border-color:#e5c77c}.status.green{border-color:#9cd4b5}
/* Regla única para todo el sistema: un control accionable siempre se identifica
   con un recuadro crema y borde; se excluyen navegación y notificaciones. */
#view button.button,#view button.button.secondary,#view button.button.cream{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;background:#ead7b0!important;border:1px solid #d5ba82!important;border-radius:7px!important;color:#102a43!important;box-shadow:0 1px 2px rgba(16,42,67,.10)!important;font-weight:700!important}
#view button.button:hover,#view button.button.secondary:hover,#view button.button.cream:hover{background:#e3ca98!important;border-color:#bc9653!important}
.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-option{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.permission-option input{width:18px;height:18px;margin:2px 0 0;accent-color:#b89558}.permission-option small{display:block;color:var(--muted);line-height:1.4;margin-top:3px}.table-wrap tfoot th{background:#f8fafb;color:var(--navy)}@media(max-width:720px){.permissions-grid{grid-template-columns:1fr}}
/* En las baterías de auditoría, crema identifica exactamente dónde se captura o selecciona información. */
#view .table-wrap tbody input:not([readonly]),#view .table-wrap tbody select{background:#fff6df!important;border:1px solid #d5ba82!important;box-shadow:inset 3px 0 0 #ead7b0;cursor:pointer}#view .table-wrap tbody input:not([readonly]){cursor:text}