/* Brintage UI 2.0 — Configuración */ #settings{--bt-blue:#2f7df6;--bt-blue2:#3e91ff;--bt-text:#172033;--bt-muted:#77849a;--bt-line:#e4eaf3;--bt-card:#fff;--bt-bg:#f7f9fc;--bt-red:#f43f52;--bt-shadow:0 10px 30px rgba(31,55,90,.07);} #settings .ps,#settings #menu{background:var(--bt-bg)!important;color:var(--bt-text);} #settings .se-top{height:auto!important;min-height:72px!important;padding:18px 22px!important;box-sizing:border-box!important;border-bottom:1px solid var(--bt-line)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;line-height:1.25!important;background:transparent!important;background-color:transparent!important;} #settings .br-section-head>div,#settings .br-menu-head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;} #settings .br-section-head strong,#settings .br-menu-head strong{font-size:18px!important;font-weight:750!important;color:var(--bt-text)!important;} #settings .br-section-head small,#settings .br-menu-head small{font-size:12px!important;color:var(--bt-muted)!important;font-weight:400!important;} #settings .br-head-icon{width:42px;height:42px;border-radius:14px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:22px;flex:0 0 42px;} #settings .br-icon-info{background-color:#eef5ff;background-image:url('../icos/settings-information.svg');} #settings .br-icon-security{background-color:#f1edff;background-image:url('../icos/settings-security.svg');} #settings .br-icon-privacy{background-color:#f1edff;background-image:url('../icos/settings-privacy.svg');} #settings .br-icon-blocks{background-color:#eef5ff;background-image:url('../icos/settings-blocks.svg');} #settings .br-icon-reports{background-color:#fff0f2;background-image:url('../icos/settings-reports.svg');} #settings .br-icon-language{background-color:#eef5ff;background-image:url('../icos/settings-language.svg');} #settings .br-icon-sessions{background-color:#eef5ff;background-image:url('../icos/settings-sessions.svg');} /* Menú principal */ #settings #menu .us-menu{padding:16px 18px 6px!important;box-sizing:border-box!important;} #settings .settings-menu-row{min-height:58px!important;margin:8px 0!important;border:1px solid #dce5f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 12px rgba(31,55,90,.035)!important;} #settings .settings-menu-row:hover{transform:translateY(-1px);border-color:#cbdaf0!important;box-shadow:0 8px 20px rgba(31,55,90,.07)!important;} #settings .settings-logout-row{margin:22px 18px!important;border-radius:16px!important;min-height:62px!important;background:#fff4f5!important;border:1px solid #ffc4ca!important;color:var(--bt-red)!important;box-shadow:none!important;} /* Campos de información y formularios */ #settings #general,#settings .br-security-form{padding-bottom:24px!important;} #settings .br-field-label{margin:20px 32px 7px!important;font-size:12px!important;color:#7d899a!important;} #settings .br-field-input,#settings .se-input{display:block!important;width:calc(100% - 64px)!important;margin:0 32px!important;min-height:50px!important;padding:14px 15px!important;border:1px solid #d9e2ef!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important;box-shadow:none!important;color:var(--bt-text)!important;} #settings #about.br-field-input{min-height:72px!important;line-height:1.45!important;} #settings .br-field-input:focus,#settings .se-input:focus{border-color:rgba(47,125,246,.7)!important;box-shadow:0 0 0 4px rgba(47,125,246,.1)!important;outline:none!important;} #settings .sb-input{position:relative!important;margin:0 32px!important;width:calc(100% - 64px)!important;} #settings .sb-input .se-input{width:100%!important;margin:0!important;padding-right:50px!important;} #settings .se-bottom{display:flex!important;gap:10px!important;padding:24px 32px 0!important;margin:0!important;box-sizing:border-box!important;} #settings .se-bottom a{flex:1!important;min-height:42px!important;margin:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;} #settings .se-bottom .myButton1,#settings .se-bottom a:last-child{background:linear-gradient(135deg,var(--bt-blue),var(--bt-blue2))!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,125,246,.2)!important;} #settings .se-bottom .myButton0,#settings .se-bottom a:first-child:not(:last-child){background:#f5f7fa!important;color:#34445d!important;border:1px solid #dce4ef!important;box-shadow:none!important;} #settings .br-danger-form .se-bottom a:last-child{background:linear-gradient(135deg,#f43f52,#ed2841)!important;box-shadow:0 8px 18px rgba(244,63,82,.2)!important;} /* Seguridad */ #settings .br-security-card{position:relative!important;margin:12px 22px!important;padding:18px 18px 18px 68px!important;min-height:74px!important;border-radius:16px!important;background:#fff!important;border:1px solid #edf1f6!important;box-shadow:var(--bt-shadow)!important;box-sizing:border-box!important;} #settings .br-security-card:before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:12px;background:#eef5ff center/20px no-repeat;} #settings .br-security-pass:before{background-image:url('../icos/settings-security.svg');} #settings .br-security-mail:before{background-color:#edfaef;background-image:url('../icos/chats.svg');} #settings .br-security-user:before{background-image:url('../icos/settings-information.svg');} #settings .br-security-delete{background:#fff7f8!important;border-color:#ffd6db!important;} #settings .br-security-delete:before{background-color:#ffecef;background-image:url('../icos/delete.svg');} #settings .br-security-card .spA{font-weight:700!important;color:var(--bt-text)!important;margin-bottom:5px!important;} #settings .br-security-card .spB{color:var(--bt-muted)!important;line-height:1.45!important;} #settings .br-security-delete .spD{color:var(--bt-red)!important;font-weight:700!important;} #settings .br-form-emblem{width:58px;height:58px;border-radius:50%;margin:24px auto 6px;background:#eef5ff center/27px no-repeat;} #settings .br-emblem-pass{background-color:#f1edff;background-image:url('../icos/settings-security.svg');} #settings .br-emblem-mail{background-color:#edfaef;background-image:url('../icos/chats.svg');} #settings .br-emblem-user{background-image:url('../icos/settings-information.svg');} #settings .br-emblem-delete{background-color:#ffecef;background-image:url('../icos/delete.svg');} #settings .br-danger-note{margin:14px 32px 20px;padding:14px;border-radius:13px;background:#fff0f2;border:1px solid #ffcbd1;color:#cc2940;font-size:13px;line-height:1.45;text-align:center;} /* Privacidad */ #settings .br-privacy-card{position:relative!important;margin:14px 22px!important;padding:18px 74px 18px 70px!important;min-height:94px!important;border-radius:17px!important;background:#fff!important;border:1px solid #edf1f6!important;box-shadow:var(--bt-shadow)!important;} #settings .br-privacy-card:before{content:"";position:absolute;left:18px;top:20px;width:38px;height:38px;border-radius:13px;background:#f1edff url('../icos/settings-privacy.svg') center/21px no-repeat;} #settings .br-privacy-card:nth-of-type(2):before{background-color:#edfaef;background-image:url('../icos/eye-show.svg');} #settings .br-privacy-card .spA{display:block!important;font-weight:700!important;margin-bottom:7px!important;color:var(--bt-text)!important;} #settings .br-privacy-card .spB{line-height:1.45!important;color:var(--bt-muted)!important;} #settings .br-switch-input{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;right:18px!important;top:25px!important;width:44px!important;height:25px!important;border-radius:999px!important;background:#cfd8e5!important;border:0!important;cursor:pointer!important;transition:.2s ease!important;} #settings .br-switch-input:before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s ease;} #settings .br-switch-input:checked{background:var(--bt-blue)!important;} #settings .br-switch-input:checked:before{transform:translateX(19px);} #settings .history-clear-card{margin:14px 22px!important;border-radius:17px!important;background:#fff!important;border:1px solid #edf1f6!important;box-shadow:var(--bt-shadow)!important;} /* Idioma */ #settings .br-language-list{padding:16px 22px!important;background:transparent!important;} #settings .br-language-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:72px!important;margin:10px 0!important;padding:12px 16px!important;border:1px solid #dce5f1!important;border-radius:15px!important;background:#fff!important;box-sizing:border-box!important;} #settings .br-language-card.is-selected{border-color:var(--bt-blue)!important;background:#f4f8ff!important;box-shadow:0 0 0 2px rgba(47,125,246,.08)!important;} #settings .br-language-flag{font-size:26px;line-height:1;} #settings .br-language-copy{display:flex;flex-direction:column;gap:4px;flex:1;} #settings .br-language-copy b{color:var(--bt-text);font-size:14px;} #settings .br-language-copy small{color:var(--bt-muted);font-size:12px;} #settings .br-language-check{width:24px;height:24px;border-radius:50%;border:1.5px solid #b9c7d9;position:relative;} #settings .is-selected .br-language-check{background:var(--bt-blue);border-color:var(--bt-blue);} #settings .is-selected .br-language-check:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-style:normal;font-weight:800;} /* Buscador, bloqueos, reportes */ #settings .br-search-wrap{position:relative;padding:16px 22px 4px!important;} #settings .br-search-icon{position:absolute;left:39px;top:34px;width:18px;height:18px;border:2px solid #8292a9;border-radius:50%;box-sizing:border-box;} #settings .br-search-icon:after{content:"";position:absolute;width:7px;height:2px;background:#8292a9;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px;} #settings .br-search-input{width:100%!important;box-sizing:border-box!important;padding:14px 15px 14px 48px!important;border:1px solid #d7e1ee!important;border-radius:14px!important;background:#fff!important;outline:none!important;} #settings .br-search-input:focus{border-color:var(--bt-blue)!important;box-shadow:0 0 0 4px rgba(47,125,246,.1)!important;} #settings .br-list-title{padding:18px 22px 8px!important;border:0!important;background:transparent!important;font-weight:750!important;} #settings .br-user-card,#settings .br-report-card,#settings .br-session-card{display:flex!important;align-items:center!important;gap:14px!important;margin:12px 22px!important;padding:14px 16px!important;border-radius:16px!important;border:1px solid #e3e9f2!important;background:#fff!important;box-shadow:var(--bt-shadow)!important;box-sizing:border-box!important;min-height:76px!important;} #settings .br-user-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;} #settings .br-user-copy,#settings .br-session-copy,#settings .br-report-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;} #settings .br-user-copy .spA,#settings .br-session-copy strong{font-weight:750!important;color:var(--bt-text)!important;} #settings .br-user-copy small,#settings .br-session-copy small{color:var(--bt-muted)!important;font-size:12px!important;} #settings .br-outline-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:0 13px!important;border-radius:10px!important;border:1px solid #8db8ff!important;background:#fff!important;color:var(--bt-blue)!important;white-space:nowrap!important;box-sizing:border-box!important;} #settings .br-report-card{position:relative!important;padding:16px!important;} #settings .br-report-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#f1edff url('../icos/settings-information.svg') center/23px no-repeat;} #settings .br-report-kind{align-self:flex-start;padding:4px 9px;border-radius:999px;background:#f1e9ff;color:#7650d2;font-size:10px;font-weight:800;text-transform:uppercase;} #settings .br-report-reason{font-weight:750!important;color:var(--bt-text)!important;} #settings .br-report-description{color:var(--bt-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} #settings .br-report-action{margin-left:auto;} /* Sesiones */ #settings .br-session-list{padding:4px 0 18px;} #settings .br-session-device-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#eef5ff url('../icos/settings-sessions.svg') center/22px no-repeat;} #settings .br-session-device-icon.is-mobile{background-image:url('../icos/android.svg');} #settings .br-session-card.is-current{background:#f3fbf4!important;border-color:#cfead3!important;} #settings .br-current-session{padding:7px 10px;border-radius:999px;background:#e7f8ea;color:#299743;font-size:11px;font-weight:750;white-space:nowrap;} #settings .br-session-close{min-height:36px;padding:0 12px;border-radius:9px;border:1px solid #ff9ca8;background:#fff;color:var(--bt-red);cursor:pointer;} /* Vacíos */ #settings .pr-alert{margin:24px 22px!important;padding:42px 20px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e5ebf3!important;box-shadow:var(--bt-shadow)!important;text-align:center!important;} #settings .pr-alert:before{content:"";display:block;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#eef5ff url('../icos/empty.svg') center/30px no-repeat;} @media (max-width:700px){ #settings .se-top{min-height:68px!important;padding:14px 16px!important;} #settings .br-section-head{justify-content:flex-start!important;text-align:left!important;} #settings .br-section-head>div{align-items:flex-start!important;} #settings .br-section-head strong{font-size:17px!important;} #settings .br-field-label{margin-left:18px!important;margin-right:18px!important;} #settings .br-field-input,#settings .se-input{width:calc(100% - 36px)!important;margin-left:18px!important;margin-right:18px!important;} #settings .sb-input{margin-left:18px!important;margin-right:18px!important;width:calc(100% - 36px)!important;} #settings .se-bottom{padding-left:18px!important;padding-right:18px!important;} #settings .br-security-card,#settings .br-privacy-card,#settings .history-clear-card,#settings .br-user-card,#settings .br-report-card,#settings .br-session-card{margin-left:14px!important;margin-right:14px!important;} #settings .br-language-list{padding-left:14px!important;padding-right:14px!important;} #settings .br-search-wrap{padding-left:14px!important;padding-right:14px!important;} #settings .br-search-icon{left:31px;} #settings .br-user-card,#settings .br-session-card{gap:11px!important;padding:12px!important;} #settings .br-outline-action{padding:0 10px!important;font-size:12px!important;} #settings .br-report-card{align-items:flex-start!important;flex-wrap:wrap!important;} #settings .br-report-action{width:100%;margin:4px 0 0 60px;} #settings .br-report-action .br-outline-action{width:100%;} #settings .br-session-close{font-size:11px;padding:0 9px;} } /* ========================================================== Pulido final aprobado — 04/08/2026 Fondo transparente, privacidad, bloqueos y banderas reales ========================================================== */ /* El lienzo de cada sección deja ver únicamente el color del body. */ #settings, #settings .ps, #settings #menu, #settings .sl-menu, #settings .lg-menu, #settings .cm { background-color: transparent !important; background-image: none !important; } /* Evita franjas, paneles opacos y bordes heredados en el contenedor. */ #settings .ps { border-left-color: transparent !important; border-right-color: transparent !important; box-shadow: none !important; } /* PRIVACIDAD: icono a la izquierda, contenido en el centro y switch a la derecha. */ #settings .br-privacy-card { display: block !important; position: relative !important; box-sizing: border-box !important; overflow: hidden !important; padding: 20px 82px 20px 76px !important; min-height: 116px !important; } #settings .br-privacy-card:before { left: 18px !important; top: 50% !important; transform: translateY(-50%) !important; width: 42px !important; height: 42px !important; border-radius: 14px !important; background-size: 22px !important; } #settings .br-privacy-card .spA, #settings .br-privacy-card .spB { position: static !important; float: none !important; width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; } #settings .br-privacy-card .spA { line-height: 1.3 !important; margin-bottom: 7px !important; } #settings .br-privacy-card .spB { display: block !important; line-height: 1.48 !important; } #settings .br-switch-input { left: auto !important; right: 20px !important; top: 50% !important; bottom: auto !important; margin: 0 !important; transform: translateY(-50%) !important; z-index: 3 !important; } #settings .br-switch-input:checked:before { transform: translateX(19px) !important; } /* BLOQUEOS: avatar, nombre/estado y botón ocupan columnas independientes. */ #settings .br-user-card { display: grid !important; grid-template-columns: 50px minmax(0,1fr) auto !important; align-items: center !important; column-gap: 15px !important; min-height: 88px !important; padding: 14px 16px !important; } #settings .br-user-avatar { position: static !important; inset: auto !important; float: none !important; margin: 0 !important; width: 50px !important; height: 50px !important; min-width: 50px !important; border-radius: 50% !important; } #settings .br-user-copy { position: static !important; inset: auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 5px !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; } #settings .br-user-copy .spA, #settings .br-user-copy small { position: static !important; inset: auto !important; float: none !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; transform: none !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #settings .br-user-copy .spA { font-size: 15px !important; line-height: 1.25 !important; } #settings .br-user-copy small { line-height: 1.25 !important; } #settings .br-user-card > .br-outline-action { position: static !important; float: none !important; margin: 0 !important; align-self: center !important; } /* IDIOMA: banderas SVG reales, independientes de emojis o fuentes del sistema. */ #settings .br-language-flag { display: block !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; border: 2px solid #fff !important; box-shadow: 0 0 0 1px #dce4ef !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } #settings .lg-es .br-language-flag { background-image: url('../icos/flag-spain.svg') !important; } #settings .lg-en .br-language-flag { background-image: url('../icos/flag-usa.svg') !important; } /* Tarjetas informativas reutilizables. */ #settings .br-settings-note { display: flex !important; align-items: center !important; gap: 13px !important; margin: 18px 22px 24px !important; padding: 15px 16px !important; border: 1px solid #dce7f7 !important; border-radius: 15px !important; background: rgba(244,248,255,.82) !important; color: #62718a !important; line-height: 1.45 !important; box-sizing: border-box !important; } #settings .br-settings-note:before { content: ""; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 12px; background: #eef3ff url('../icos/settings-privacy.svg') center/21px no-repeat; } #settings .br-settings-note strong { display: block; margin-bottom: 2px; color: #315fbe; } @media (max-width:700px) { #settings .br-privacy-card { margin-left: 14px !important; margin-right: 14px !important; padding: 18px 68px 18px 64px !important; min-height: 126px !important; } #settings .br-privacy-card:before { left: 14px !important; width: 38px !important; height: 38px !important; } #settings .br-switch-input { right: 14px !important; } #settings .br-user-card { grid-template-columns: 46px minmax(0,1fr) auto !important; column-gap: 11px !important; min-height: 78px !important; padding: 12px !important; } #settings .br-user-avatar { width: 46px !important; height: 46px !important; min-width: 46px !important; } #settings .br-user-card > .br-outline-action { min-width: 104px !important; } #settings .br-settings-note { margin-left: 14px !important; margin-right: 14px !important; } } @media (max-width:430px) { #settings .br-user-card { grid-template-columns: 44px minmax(0,1fr) !important; } #settings .br-user-card > .br-outline-action { grid-column: 1 / -1 !important; width: 100% !important; margin-top: 4px !important; } } /* ========================================================== Correcciones finales de Configuración — 04/08/2026 ========================================================== */ /* Seguridad: los formularios no llevan emblemas circulares superiores. */ #settings .br-security-form .br-form-emblem{display:none!important;} #settings .br-security-form{padding-top:8px!important;} /* Cerrar sesión: misma geometría y jerarquía que el resto del menú. */ #settings .settings-logout-row, #settings .fixed-uex.settings-logout-row, #settings .mobile-uex.settings-logout-row{ position:relative!important; inset:auto!important; display:flex!important; align-items:center!important; width:auto!important; min-height:58px!important; height:58px!important; margin:8px 18px 16px!important; padding:0 16px!important; border-radius:16px!important; box-sizing:border-box!important; } #settings .settings-logout-label{flex:1!important;text-align:left!important;margin-left:12px!important;} #settings .settings-logout-icon{position:static!important;flex:0 0 38px!important;width:38px!important;height:38px!important;} #settings .settings-logout-arrow{position:static!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin-left:auto!important;} /* Bloqueos: foto, usuario, nombre y estado siempre alineados en columnas. */ #settings .br-user-copy{gap:2px!important;} #settings .br-user-copy .br-user-fullname, #settings .br-user-copy em{ position:static!important; display:block!important; width:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-align:left!important; font-style:normal!important; line-height:1.25!important; } #settings .br-user-copy .br-user-fullname{font-size:12px!important;color:#69778d!important;} #settings .br-user-copy em{font-size:11px!important;color:#98a3b3!important;} /* Reportes: mismo ancho útil que el encabezado y datos reales del objetivo. */ #settings #reports{box-sizing:border-box!important;overflow-x:hidden!important;} #settings #reports .a-re, #settings #reports .b-re{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;} #settings #reports .br-report-card{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"target action" "meta action"!important; align-items:center!important; gap:10px 16px!important; width:auto!important; max-width:calc(100% - 44px)!important; margin:12px 22px!important; padding:16px!important; box-sizing:border-box!important; overflow:hidden!important; } #settings .br-report-target{grid-area:target;display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;} #settings .br-report-avatar{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:50%!important;background:#f1edff url('../icos/settings-information.svg') center/23px no-repeat!important;background-size:cover!important;border:1px solid #e4e8f0!important;} #settings .br-report-avatar.has-photo{background-color:#eef3f8!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;} #settings .br-report-target-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;} #settings .br-report-target-title{font-size:14px!important;color:var(--bt-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings .br-report-target-sub{font-size:12px!important;line-height:1.35!important;color:var(--bt-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings .br-report-meta{grid-area:meta;min-width:0!important;padding-left:61px!important;} #settings .br-report-meta .br-report-reason{font-size:13px!important;font-weight:750!important;color:var(--bt-text)!important;} #settings .br-report-meta .br-report-description{margin-top:3px!important;font-size:12px!important;line-height:1.35!important;color:var(--bt-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings .br-report-action{grid-area:action!important;margin:0!important;align-self:center!important;} /* Evita cualquier panel opaco fuera de las tarjetas: manda el fondo del body. */ #settings,#settings .ps,#settings #menu,#settings .sl-menu,#settings .lg-menu,#settings .cm,#settings .a-re,#settings .b-re{background:transparent!important;} @media(max-width:700px){ #settings .settings-logout-row, #settings .fixed-uex.settings-logout-row, #settings .mobile-uex.settings-logout-row{margin-left:14px!important;margin-right:14px!important;} #settings #reports .br-report-card{ grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"target" "meta" "action"!important; max-width:calc(100% - 28px)!important; margin:12px 14px!important; gap:10px!important; } #settings .br-report-meta{padding-left:61px!important;} #settings .br-report-action{width:100%!important;} #settings .br-report-action .br-outline-action{width:100%!important;box-sizing:border-box!important;} } /* ========================================================== Cierre visual definitivo Configuración — 04/08/2026 ========================================================== */ /* Iconografía de cabeceras: una única temática azul Brintage. */ #settings .br-head-icon{ background-color:#eef5ff!important; box-shadow:none!important; } #settings .br-icon-security{background-image:url('../icos/settings-security.svg')!important;} #settings .br-icon-privacy{background-image:url('../icos/settings-privacy.svg')!important;} #settings .br-icon-reports{background-image:url('../icos/settings-reports.svg')!important;} /* Privacidad: cada concepto tiene su propio icono, todos en azul. */ #settings .br-privacy-card:before{background-color:#eef5ff!important;} #settings .br-privacy-private:before{background-image:url('../icos/settings-privacy.svg')!important;} #settings .br-privacy-activity:before{background-image:url('../icos/settings-activity.svg')!important;} #settings .br-settings-note:before{background-color:#eef5ff!important;} #settings .br-note-privacy:before{background-image:url('../icos/settings-security.svg')!important;} #settings .br-note-blocks:before{background-image:url('../icos/settings-blocks.svg')!important;} #settings .br-note-language:before{background-image:url('../icos/settings-language.svg')!important;} #settings .br-note-reports:before{background-image:url('../icos/settings-security.svg')!important;} /* Seguridad: se conservan iconos solo en las tarjetas de acceso; no en formularios. */ #settings .br-security-form:before, #settings .br-security-form .br-form-emblem{display:none!important;content:none!important;} /* Menú: cerrar sesión usa exactamente la geometría de las demás filas. */ #settings #menu .settings-logout-row, #settings #menu .fixed-uex.settings-logout-row, #settings #menu .mobile-uex.settings-logout-row{ min-height:58px!important; height:58px!important; width:calc(100% - 36px)!important; margin:8px 18px!important; padding:0 14px!important; border-radius:16px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; position:relative!important; inset:auto!important; } #settings #menu .settings-logout-icon, #settings #menu .settings-menu-icon{ flex:0 0 38px!important; width:38px!important; height:38px!important; margin:0!important; } #settings #menu .settings-logout-label{margin-left:12px!important;line-height:1!important;} #settings #menu .settings-logout-arrow{width:18px!important;height:18px!important;margin-left:auto!important;} /* Reportes: identidad arriba, contenido debajo y acción centrada. */ #settings #reports .br-report-card{ grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "target action" "preview action" "excerpt action" "meta action"!important; align-items:center!important; gap:10px 18px!important; } #settings .br-report-target{grid-area:target!important;align-items:center!important;} #settings .br-report-avatar{ align-self:center!important; background-color:#eef5ff!important; background-image:url('../icos/settings-information.svg'); } #settings .br-report-post-preview{ grid-area:preview!important; margin-left:61px!important; width:148px!important; height:148px!important; display:grid!important; grid-template-columns:repeat(2,1fr)!important; grid-template-rows:repeat(2,1fr)!important; gap:2px!important; border-radius:13px!important; overflow:hidden!important; background:#edf2f8!important; border:1px solid #e1e8f1!important; } #settings .br-report-collage-cell{ display:block!important; min-width:0!important; min-height:0!important; background-position:center!important; background-size:cover!important; background-repeat:no-repeat!important; } #settings .br-report-content-excerpt{ grid-area:excerpt!important; margin-left:61px!important; padding:10px 12px!important; border-left:3px solid #d9e7ff!important; border-radius:0 9px 9px 0!important; background:#f7f9fd!important; color:var(--bt-muted)!important; font-size:12px!important; line-height:1.4!important; } #settings .br-report-meta{grid-area:meta!important;padding-left:61px!important;} #settings .br-report-action{grid-area:action!important;align-self:center!important;} #settings .br-report-description{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;} /* Fondo estructural transparente: solo las tarjetas son opacas. */ #settings,#settings .ps,#settings #menu,#settings .sl-menu,#settings .lg-menu, #settings .cm,#settings .a-re,#settings .b-re{background-color:transparent!important;background-image:none!important;} @media(max-width:700px){ #settings #menu .settings-logout-row, #settings #menu .fixed-uex.settings-logout-row, #settings #menu .mobile-uex.settings-logout-row{ width:calc(100% - 28px)!important; margin:8px 14px!important; } #settings #reports .br-report-card{ grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"target" "preview" "excerpt" "meta" "action"!important; } #settings .br-report-post-preview, #settings .br-report-content-excerpt, #settings .br-report-meta{margin-left:61px!important;padding-left:0!important;} #settings .br-report-action{width:100%!important;} #settings .br-report-action .br-outline-action{width:100%!important;} } @media(max-width:430px){ #settings .br-report-post-preview{width:128px!important;height:128px!important;} #settings .br-report-post-preview, #settings .br-report-content-excerpt, #settings .br-report-meta{margin-left:0!important;} } /* ========================================================== QC final real — alineación, lógica visual y simetría ========================================================== */ #settings{overflow-x:hidden!important;} #settings .ps,#settings #menu,#settings .sl-menu,#settings .lg-menu,#settings .cm{background:transparent!important;} /* Todos los encabezados comparten exactamente la temática azul. */ #settings .br-head-icon{background-color:#eef5ff!important;color:#2f7df6!important;box-shadow:none!important;} #settings .br-icon-security{background-image:url('../icos/settings-security.svg')!important;} #settings .br-icon-privacy{background-image:url('../icos/settings-privacy.svg')!important;} #settings .br-icon-reports{background-image:url('../icos/settings-reports.svg')!important;} /* Seguridad: iconos visibles en las tarjetas; sin emblemas repetidos en formularios. */ #settings .br-security-card{padding-left:68px!important;} #settings .br-security-card:before{display:block!important;content:""!important;} #settings .br-security-form .br-form-emblem{display:none!important;content:none!important;} /* Privacidad: iconos diferentes y switches fuera del texto. */ #settings .br-privacy-private:before{background-image:url('../icos/settings-information.svg')!important;} #settings .br-privacy-activity:before{background-image:url('../icos/settings-activity.svg')!important;} #settings .br-note-privacy:before{background-image:url('../icos/settings-security.svg')!important;} #settings .br-privacy-card{padding:18px 78px 18px 70px!important;} #settings .br-switch-input{right:18px!important;top:50%!important;transform:translateY(-50%)!important;} /* Cerrar sesión: el mismo componente y geometría; solo cambia la paleta. */ #settings #menu .settings-logout-row{ min-height:58px!important;height:58px!important;width:auto!important; margin:8px 0!important;padding:0!important; display:flex!important;align-items:center!important;overflow:visible!important; background:#fff5f6!important;border-color:#ffc5cc!important;color:var(--bt-red)!important; } #settings #menu .settings-logout-icon{margin-left:14px!important;background-color:#ffecef!important;background-image:url('../icos/logout.svg')!important;} #settings #menu .settings-logout-label{position:static!important;display:block!important;flex:1!important;min-width:0!important;margin:0 12px!important;padding:0!important;text-align:left!important;white-space:nowrap!important;overflow:visible!important;color:var(--bt-red)!important;} #settings #menu .settings-logout-arrow{position:static!important;margin:0 14px 0 auto!important;filter:none!important;} /* Reportes: no se reserva espacio si no existe collage. */ #settings #reports .br-report-card{ grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"target action" "meta action"!important; gap:12px 18px!important; } #settings #reports .br-report-card.has-preview{ grid-template-areas:"target action" "preview action" "meta action"!important; } #settings #reports .br-report-card.br-report-c{ grid-template-areas:"target action" "excerpt action" "meta action"!important; } #settings .br-report-target{align-items:center!important;} #settings .br-report-avatar{align-self:center!important;} #settings .br-report-target-copy{justify-content:center!important;} #settings .br-report-post-preview{margin-left:61px!important;} #settings .br-report-content-excerpt{margin-left:61px!important;} #settings .br-report-meta{padding-left:61px!important;} #settings .br-report-card.no-preview .br-report-meta{padding-left:61px!important;} #settings .br-report-action{align-self:center!important;} #settings .br-report-avatar.has-photo{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;} /* Banderas reales sin depender de emojis ni texto ES/US. */ #settings .br-language-flag{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #dce5f1!important;font-size:0!important;} #settings .lg-es .br-language-flag{background-image:url('../icos/flag-es.svg')!important;} #settings .lg-en .br-language-flag{background-image:url('../icos/flag-us.svg')!important;} @media(max-width:700px){ #settings #menu .settings-logout-row{margin:8px 0!important;width:auto!important;} #settings #reports .br-report-card, #settings #reports .br-report-card.has-preview, #settings #reports .br-report-card.br-report-c{ grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"target" "preview" "excerpt" "meta" "action"!important; } #settings #reports .br-report-card.no-preview:not(.br-report-c){grid-template-areas:"target" "meta" "action"!important;} #settings #reports .br-report-card.br-report-c{grid-template-areas:"target" "excerpt" "meta" "action"!important;} #settings .br-report-post-preview,#settings .br-report-content-excerpt,#settings .br-report-meta{margin-left:61px!important;padding-left:0!important;} } @media(max-width:430px){ #settings .br-report-post-preview,#settings .br-report-content-excerpt,#settings .br-report-meta{margin-left:0!important;} } /* ========================================================== Corrección definitiva: Cerrar sesión reutiliza la misma fila del menú principal. Sin flecha y sin posicionamiento especial. ========================================================== */ #settings #menu .us-menu > .settings-logout-row{ position:relative!important; inset:auto!important; width:calc(100% - 8px)!important; min-height:58px!important; height:auto!important; margin:8px 4px!important; padding:14px 54px 14px 66px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; box-sizing:border-box!important; overflow:hidden!important; border:1px solid #ffc5cc!important; border-radius:16px!important; background:#fff5f6!important; color:var(--bt-red)!important; text-align:left!important; box-shadow:0 3px 12px rgba(244,63,82,.045)!important; } #settings #menu .us-menu > .settings-logout-row:hover{ transform:translateY(-1px)!important; border-color:#ffadb8!important; background:#fff8f9!important; box-shadow:0 8px 20px rgba(244,63,82,.09)!important; } #settings #menu .us-menu > .settings-logout-row .settings-logout-icon{ position:absolute!important; left:16px!important; top:50%!important; width:36px!important; height:36px!important; margin:0!important; transform:translateY(-50%)!important; flex:none!important; border:1px solid #ffcbd1!important; border-radius:11px!important; background:#ffecef url('../icos/logout-red.svg') center/22px no-repeat!important; } #settings #menu .us-menu > .settings-logout-row .settings-logout-label{ position:static!important; display:block!important; flex:1 1 auto!important; min-width:0!important; margin:0!important; padding:0!important; color:var(--bt-red)!important; line-height:1.25!important; text-align:left!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #settings #menu .us-menu > .settings-logout-row .settings-logout-arrow{ display:none!important; } /* Reportes — minicollage fiel al diseño y filtro de la publicación. */ #settings .br-report-post-preview{ position:relative!important; display:block!important; isolation:isolate!important; } #settings .br-report-post-preview .br-report-collage-cell{ position:absolute; overflow:hidden!important; transform:translateZ(0); } /* Reportes: avatar real y líneas divisorias del minicollage. */ #settings .br-report-avatar.has-photo{ background-color:#eef3f8!important; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; } #settings .br-report-post-preview .br-report-collage-cell{ box-sizing:border-box!important; border:1px solid #fff!important; } #settings .lg-pt .br-language-flag{background-image:url('../icos/flag-br.svg')!important;} #settings .lg-fr .br-language-flag{background-image:url('../icos/flag-fr.svg')!important;} #settings .lg-de .br-language-flag{background-image:url('../icos/flag-de.svg')!important;} #settings .lg-it .br-language-flag{background-image:url('../icos/flag-it.svg')!important;} /* ========================================================== Ancho unificado con publicaciones — 04/08/2026 Escritorio: Configuración ocupa todo el ancho de la columna del feed. Móvil: conserva un margen lateral pequeño, simétrico y proporcional. ========================================================== */ @media (min-width:769px){ #settings{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } #settings #menu .us-menu{ padding-left:0!important; padding-right:0!important; } #settings .settings-menu-row, #settings .settings-logout-row, #settings .fixed-uex.settings-logout-row, #settings .mobile-uex.settings-logout-row, #settings .br-security-card, #settings .br-privacy-card, #settings .history-clear-card, #settings .br-user-card, #settings .br-report-card, #settings .br-session-card, #settings .pr-alert, #settings .br-settings-note{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } #settings .br-language-list, #settings .br-search-wrap{ padding-left:0!important; padding-right:0!important; } #settings .br-search-icon{left:17px!important;} #settings #reports .br-report-card{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } } @media (max-width:768px){ #settings #menu .us-menu{ padding-left:14px!important; padding-right:14px!important; } #settings .settings-menu-row, #settings .settings-logout-row, #settings .fixed-uex.settings-logout-row, #settings .mobile-uex.settings-logout-row, #settings .br-security-card, #settings .br-privacy-card, #settings .history-clear-card, #settings .br-user-card, #settings .br-report-card, #settings .br-session-card, #settings .pr-alert, #settings .br-settings-note{ width:auto!important; max-width:calc(100% - 28px)!important; margin-left:14px!important; margin-right:14px!important; box-sizing:border-box!important; } #settings .br-language-list, #settings .br-search-wrap{ padding-left:14px!important; padding-right:14px!important; } } /* ========================================================== Ajuste móvil final — márgenes reducidos y cierre simétrico ========================================================== */ @media (max-width:768px){ /* Un solo margen lateral real: el del contenedor. */ #settings #menu .us-menu{ width:100%!important; padding-left:10px!important; padding-right:10px!important; box-sizing:border-box!important; } #settings #menu .settings-menu-row, #settings #menu .us-menu > .settings-logout-row, #settings #menu .fixed-uex.settings-logout-row, #settings #menu .mobile-uex.settings-logout-row{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Cerrar sesión conserva exactamente el ancho y la estructura del menú. */ #settings #menu .us-menu > .settings-logout-row{ min-height:72px!important; height:auto!important; margin-top:8px!important; margin-bottom:8px!important; padding:14px 54px 14px 66px!important; border-radius:17px!important; justify-content:flex-start!important; text-align:left!important; } #settings #menu .us-menu > .settings-logout-row .settings-logout-icon{ left:16px!important; width:36px!important; height:36px!important; } #settings #menu .us-menu > .settings-logout-row .settings-logout-label{ margin:0!important; padding:0!important; text-align:left!important; line-height:1.25!important; } } /* ============================================================ BRINTAGE 2026-08-06 — MÁRGENES UNIFICADOS EN MENÚS Y ACCIONES Referencia visual: menú Compartir / botón Copiar enlace. Corrige confirmaciones y formularios cuyos botones tocaban los bordes. ============================================================ */ #mod .cont.br-themed-modal .br-dialog-actions, #box .cont.br-themed-modal .br-dialog-actions, .mod .cont.br-themed-modal .br-dialog-actions{ width:auto!important; max-width:none!important; margin:18px 0 0!important; padding:0 20px 20px!important; gap:10px!important; box-sizing:border-box!important; } #mod .cont.br-themed-modal .br-dialog-actions > .br-dialog-button, #box .cont.br-themed-modal .br-dialog-actions > .br-dialog-button, .mod .cont.br-themed-modal .br-dialog-actions > .br-dialog-button{ width:auto!important; min-width:0!important; max-width:none!important; margin:0!important; min-height:48px!important; border-radius:13px!important; box-sizing:border-box!important; } /* Formularios de Ajustes/Seguridad, incluida Eliminación de cuenta. */ #settings .sb-form .se-bottom, #settings .br-security-form .se-bottom, #settings .br-danger-form .se-bottom{ width:auto!important; margin:0!important; padding:22px 20px 20px!important; gap:10px!important; box-sizing:border-box!important; } #settings .sb-form .se-bottom > a, #settings .br-security-form .se-bottom > a, #settings .br-danger-form .se-bottom > a{ width:auto!important; min-width:0!important; min-height:48px!important; margin:0!important; border-radius:13px!important; box-sizing:border-box!important; } @media(max-width:700px){ /* En móvil, acciones apiladas con aire lateral uniforme. */ #mod .cont.br-themed-modal .br-dialog-actions, #box .cont.br-themed-modal .br-dialog-actions, .mod .cont.br-themed-modal .br-dialog-actions{ display:flex!important; flex-direction:column!important; width:auto!important; margin:16px 0 0!important; padding:0 14px calc(14px + env(safe-area-inset-bottom))!important; gap:10px!important; } #mod .cont.br-themed-modal .br-dialog-actions > .br-dialog-button, #box .cont.br-themed-modal .br-dialog-actions > .br-dialog-button, .mod .cont.br-themed-modal .br-dialog-actions > .br-dialog-button{ flex:0 0 auto!important; width:100%!important; min-height:48px!important; padding:0 14px!important; font-size:14px!important; } #settings .sb-form .se-bottom, #settings .br-security-form .se-bottom, #settings .br-danger-form .se-bottom{ display:flex!important; flex-direction:column!important; width:auto!important; padding:20px 14px calc(14px + env(safe-area-inset-bottom))!important; gap:10px!important; } #settings .sb-form .se-bottom > a, #settings .br-security-form .se-bottom > a, #settings .br-danger-form .se-bottom > a{ flex:0 0 auto!important; width:100%!important; min-height:48px!important; } } /* Panel administrativo */ .br-admin-page{padding-bottom:90px}.br-admin-nav{padding:10px 12px}.br-admin-panel{display:none;padding:12px}.br-admin-list{margin-top:12px}.br-admin-row,.br-admin-report{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden}.br-admin-row img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto}.br-admin-row>div,.br-admin-report>div{min-width:0;flex:1}.br-admin-row b,.br-admin-row small,.br-admin-report b,.br-admin-report small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-admin-row small,.br-admin-report small{color:#777;margin-top:2px}.br-admin-row button,.br-admin-compose button{border:0;border-radius:10px;background:#4fa6f8;color:#fff;padding:9px 12px;font-weight:600}.br-admin-report p{margin:7px 0 0;color:#444;white-space:normal}.br-admin-empty{text-align:center;color:#777;padding:24px 10px}.br-admin-compose{background:#fff;border-radius:14px;padding:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.br-admin-compose textarea{box-sizing:border-box;width:100%;min-height:150px;border:0;outline:0;resize:vertical;font:inherit}.br-admin-compose-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:10px}.br-admin-compose-bottom span{color:#777;font-size:13px}@media(max-width:700px){.br-admin-page .se-top{padding-left:14px;padding-right:14px}.br-admin-row{margin-left:0;margin-right:0}.br-admin-row button{padding:8px 10px}} /* Panel de administración: misma temática y simetría que Configuración */ #settings #administration .br-admin-nav{ display:flex!important; flex-direction:column!important; gap:9px!important; padding:18px 20px 10px!important; box-sizing:border-box!important; } #settings #administration .br-admin-nav-row{ width:100%!important; min-height:58px!important; margin:0!important; padding:8px 12px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; gap:10px!important; border:1px solid #d7e4f5!important; border-radius:16px!important; background:#fff!important; box-shadow:0 2px 8px rgba(34,99,175,.035)!important; text-decoration:none!important; overflow:hidden!important; } #settings #administration .br-admin-nav-row .settings-menu-icon{ width:40px!important; height:40px!important; min-width:40px!important; border-radius:11px!important; background-color:#eef6ff!important; background-position:center!important; background-repeat:no-repeat!important; background-size:21px 21px!important; border:1px solid #d6e7fb!important; } #settings #administration .br-admin-icon-suspended{background-image:url('../icos/settings-blocks.svg')!important;} #settings #administration .br-admin-icon-reports{background-image:url('../icos/settings-reports.svg')!important;} #settings #administration .br-admin-icon-notice{background-image:url('../icos/notifications.svg')!important;} #settings #administration .settings-menu-label{ flex:1!important; min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; line-height:1.15!important; text-align:left!important; } #settings #administration .settings-menu-label strong{ display:block!important; color:#111827!important; font-size:15px!important; font-weight:600!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:100%!important; } #settings #administration .settings-menu-label small{ display:block!important; margin-top:4px!important; color:#7b8799!important; font-size:11.5px!important; font-weight:400!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:100%!important; } #settings #administration .settings-menu-arrow{ width:18px!important; height:18px!important; min-width:18px!important; object-fit:contain!important; opacity:.8!important; margin:0 2px 0 4px!important; } @media(max-width:700px){ #settings #administration .br-admin-nav{padding:14px 16px 10px!important;gap:8px!important;} #settings #administration .br-admin-nav-row{min-height:58px!important;border-radius:15px!important;} } /* Administración: vistas internas compactas y tematización uniforme */ #settings #administration .br-admin-panel{padding:0 16px 90px!important;box-sizing:border-box} #settings #administration .br-admin-subhead{display:flex;align-items:center;gap:12px;padding:18px 0 14px;border-bottom:1px solid #edf1f6} #settings #administration .br-admin-subhead button{width:38px;height:38px;border:0;border-radius:12px;background:#eef6ff;color:#2387ea;font-size:30px;line-height:32px;cursor:pointer} #settings #administration .br-admin-subhead div{display:flex;flex-direction:column;min-width:0} #settings #administration .br-admin-subhead strong{font-size:18px;color:#111827} #settings #administration .br-admin-subhead small{margin-top:3px;font-size:12px;color:#7b8799} #settings #administration .br-admin-search{height:46px;margin:16px 0 12px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#f5f7fa;border:1px solid #e8edf3;border-radius:14px;box-sizing:border-box} #settings #administration .br-admin-search span{font-size:22px;color:#8c98a8} #settings #administration .br-admin-search input{width:100%;height:100%;border:0;outline:0;background:transparent;font:inherit;color:#263244} #settings #administration .br-admin-user-card,#settings #administration .br-admin-report-card{background:#fff;border:1px solid #e4ebf4;border-radius:15px;box-shadow:0 2px 8px rgba(34,99,175,.04);margin-bottom:10px;padding:11px 12px} #settings #administration .br-admin-user-card{display:flex;align-items:center;gap:11px} #settings #administration .br-admin-avatar{width:46px;height:46px;min-width:46px;border-radius:50%;object-fit:cover;background:#eef3f8} #settings #administration .br-admin-user-copy{flex:1;min-width:0;display:flex;flex-direction:column} #settings #administration .br-admin-user-copy b{font-size:14px;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #settings #administration .br-admin-user-copy small{margin-top:2px;font-size:12px;color:#697589;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #settings #administration .br-admin-user-copy em{margin-top:4px;font-size:11px;color:#e45454;font-style:normal} #settings #administration button.br-admin-primary,#settings #administration .br-admin-compose button{border:0;border-radius:11px;background:#429df2;color:#fff;padding:9px 13px;font-weight:600;cursor:pointer} #settings #administration .br-admin-report-top{display:flex;align-items:center;gap:10px} #settings #administration .br-admin-kind{margin-left:auto;padding:5px 8px;border-radius:8px;background:#eef6ff;color:#2585df;font-size:10px;font-weight:700} #settings #administration .br-admin-report-preview{margin:11px 0 0;padding:10px 11px;border-radius:11px;background:#f7f9fc;color:#374151;font-size:13px;line-height:1.4} #settings #administration .br-admin-report-reason{margin:10px 0;color:#576174;font-size:12px;line-height:1.4} #settings #administration .br-admin-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center} #settings #administration .br-admin-actions button,#settings #administration .br-admin-actions select{min-height:36px;border-radius:10px;padding:7px 10px;font-size:12px;box-sizing:border-box} #settings #administration .br-admin-actions select{flex:1;min-width:145px;border:1px solid #dbe4ef;background:#fff;color:#344054} #settings #administration .br-admin-danger{border:0;background:#fff0f0;color:#dc4141;font-weight:600} #settings #administration .br-admin-secondary{border:0;background:#eaf4ff;color:#247fd3;font-weight:600} #settings #administration .br-admin-light{border:1px solid #e1e7ef;background:#fff;color:#667085} #settings #administration .br-admin-compose{margin-top:16px;border:1px solid #e4ebf4;border-radius:15px;box-shadow:0 2px 8px rgba(34,99,175,.04);padding:13px} #settings #administration .br-admin-compose input{width:100%;height:44px;border:0;border-bottom:1px solid #edf1f5;outline:0;font:inherit;box-sizing:border-box} #settings #administration .br-admin-compose textarea{padding-top:12px;min-height:170px} @media(max-width:700px){#settings #administration .br-admin-panel{padding-left:14px!important;padding-right:14px!important}.br-admin-actions>button{flex:1}.br-admin-user-card .br-admin-primary{padding:8px 10px}} /* ============================================================ Administración final: menú intacto + vistas independientes ============================================================ */ #settings #administration{padding-bottom:90px!important;} #settings #administration .br-admin-main-head{display:flex;} #settings #administration .br-admin-nav{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;padding:16px 18px 6px!important;box-sizing:border-box!important;} #settings #administration .br-admin-nav-row{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:72px!important;margin:8px 0!important;padding:11px 54px 11px 66px!important;box-sizing:border-box!important;border:1px solid #e2eaf4!important;border-radius:17px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 8px 24px rgba(23,32,51,.045)!important;overflow:hidden!important;text-decoration:none!important;} #settings #administration .br-admin-nav-row .settings-menu-icon{position:absolute!important;left:16px!important;top:50%!important;width:40px!important;height:40px!important;transform:translateY(-50%)!important;border:1px solid #dceafd!important;border-radius:12px!important;background-color:#f0f6ff!important;background-position:center!important;background-repeat:no-repeat!important;background-size:22px!important;} #settings #administration .br-admin-icon-suspended{background-image:url('../icos/settings-blocks.svg')!important;} #settings #administration .br-admin-icon-reports{background-image:url('../icos/settings-reports.svg')!important;} #settings #administration .br-admin-icon-notice{background-image:url('../icos/megaphone.svg')!important;} #settings #administration .settings-menu-label{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;text-align:left!important;} #settings #administration .settings-menu-label strong{font-size:16px!important;color:#172033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings #administration .settings-menu-label small{font-size:12px!important;color:#7c889b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings #administration .settings-menu-arrow{position:absolute!important;right:17px!important;top:50%!important;width:18px!important;height:18px!important;transform:translateY(-50%)!important;opacity:.78!important;} #settings #administration .br-admin-panel{display:none;padding:0 16px 90px!important;box-sizing:border-box!important;} #settings #administration .br-admin-section-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;border-bottom:1px solid #e7edf5;padding:0 54px;box-sizing:border-box;} #settings #administration .br-admin-section-head>button{position:absolute;left:0;width:40px;height:40px;border:0;background:transparent;color:#333;font-size:32px;line-height:36px;cursor:pointer;} #settings #administration .br-admin-section-icon{width:42px;height:42px;min-width:42px;margin-right:14px;border-radius:12px;background-color:#eef6ff;background-position:center;background-repeat:no-repeat;background-size:22px;border:1px solid #dceafd;} #settings #administration .br-admin-section-head>div{display:flex;flex-direction:column;text-align:center;} #settings #administration .br-admin-section-head strong{font-size:18px;color:#111827;} #settings #administration .br-admin-section-head small{font-size:12px;color:#7b8799;margin-top:4px;} #settings #administration .br-admin-search{height:50px;margin:16px 0 18px;padding:0 16px;display:flex;align-items:center;gap:12px;border:1px solid #d6e3f3;border-radius:15px;background:#fff;box-sizing:border-box;} #settings #administration .br-admin-search i{width:18px;height:18px;border:2px solid #8798af;border-radius:50%;position:relative;box-sizing:border-box;} #settings #administration .br-admin-search i:after{content:"";position:absolute;width:7px;height:2px;background:#8798af;right:-5px;bottom:-3px;transform:rotate(45deg);border-radius:2px;} #settings #administration .br-admin-search input{width:100%;height:100%;border:0;outline:0;background:transparent;font:inherit;color:#263244;} #settings #administration .br-admin-list-title{margin:0 20px 18px;font-size:15px;color:#111;} #settings #administration .br-admin-user-card{display:flex;align-items:center;gap:14px;min-height:88px;margin:0 0 12px;padding:12px 16px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(28,56,91,.045);box-sizing:border-box;} #settings #administration .br-admin-avatar{width:50px;height:50px;min-width:50px;border-radius:50%;object-fit:cover;background:#eef3f8;} #settings #administration .br-admin-user-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;} #settings #administration .br-admin-user-copy strong{font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} #settings #administration .br-admin-user-copy small{font-size:12px;color:#697589;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} #settings #administration .br-admin-user-copy em{font-size:11px;color:#8b96a8;margin-top:4px;font-style:normal;} #settings #administration .br-admin-outline{min-height:38px;padding:8px 17px;border:1px solid #4c94ff;border-radius:11px;background:#fff;color:#2878ef;font:inherit;cursor:pointer;white-space:nowrap;} #settings #administration .br-admin-report-card{display:grid;grid-template-columns:minmax(155px,210px) minmax(130px,190px) 1fr;grid-template-areas:"user content meta" "user content actions";gap:12px 18px;margin-bottom:14px;padding:18px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(28,56,91,.045);box-sizing:border-box;} #settings #administration .br-admin-report-user{grid-area:user;display:flex;align-items:flex-start;gap:10px;} #settings #administration .br-admin-kind{display:inline-block;padding:5px 9px;margin-bottom:6px;border-radius:12px;background:#eee5ff;color:#7547e8;font-size:10px;font-weight:700;} #settings #administration .br-admin-report-content{grid-area:content;min-width:0;display:flex;align-items:center;justify-content:center;} #settings #administration .br-admin-report-content .br-report-post-preview{margin:0!important;width:148px!important;height:148px!important;} #settings #administration .br-admin-content-excerpt{width:100%;padding:14px;border-radius:13px;background:#f5f8fc;color:#39465a;font-size:13px;box-sizing:border-box;} #settings #administration .br-admin-report-meta{grid-area:meta;align-self:center;display:flex;flex-direction:column;} #settings #administration .br-admin-report-meta strong{font-size:14px;color:#111827;} #settings #administration .br-admin-report-meta small{margin-top:7px;font-size:11px;color:#8a95a6;} #settings #administration .br-admin-report-actions{grid-area:actions;display:flex;justify-content:flex-end;align-items:center;gap:10px;position:relative;} #settings #administration .br-admin-action-menu{position:relative;} #settings #administration .br-admin-actions-pop{display:none;position:absolute;right:0;top:44px;z-index:30;width:190px;padding:7px;background:#fff;border:1px solid #e0e7ef;border-radius:13px;box-shadow:0 14px 34px rgba(20,35,55,.18);} #settings #administration .br-admin-actions-pop.is-open{display:block;} #settings #administration .br-admin-actions-pop button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:#fff;color:#253247;text-align:left;cursor:pointer;} #settings #administration .br-admin-actions-pop button:hover{background:#f4f7fb;} #settings #administration .br-admin-actions-pop button.is-danger{color:#dc3545;} #settings #administration .br-admin-compose{margin-top:18px;padding:16px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(28,56,91,.045);} #settings #administration .br-admin-compose input{width:100%;height:48px;border:0;border-bottom:1px solid #e8edf3;outline:0;font:inherit;box-sizing:border-box;} #settings #administration .br-admin-compose textarea{width:100%;min-height:180px;padding:14px 0;border:0;outline:0;resize:vertical;font:inherit;box-sizing:border-box;} #settings #administration .br-admin-compose-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edf3;padding-top:12px;} #settings #administration .br-admin-compose-bottom button{border:0;border-radius:11px;background:#348df3;color:#fff;padding:10px 16px;font-weight:600;} @media(max-width:760px){ #settings #administration .br-admin-nav{padding:14px 16px 6px!important;} #settings #administration .br-admin-nav-row{min-height:72px!important;margin:7px 0!important;} #settings #administration .br-admin-panel{padding-left:14px!important;padding-right:14px!important;} #settings #administration .br-admin-section-head{padding-left:42px;padding-right:0;justify-content:flex-start;} #settings #administration .br-admin-section-head>div{text-align:left;} #settings #administration .br-admin-report-card{grid-template-columns:1fr;grid-template-areas:"user" "content" "meta" "actions";} #settings #administration .br-admin-report-content{justify-content:flex-start;} #settings #administration .br-admin-report-actions{justify-content:flex-start;flex-wrap:wrap;} } /* Corrección de navegación Administración: una sola vista visible */ #settings #administration.br-admin-subview-open .br-admin-main-head, #settings #administration.br-admin-subview-open .br-admin-nav{ display:none!important; } #settings #administration:not(.br-admin-subview-open) .br-admin-panel{ display:none!important; } #settings #administration.br-admin-subview-open{ padding-top:0!important; } /* Icono restaurado del encabezado Administración */ #settings .br-icon-administration{ background-color:#eef5ff!important; background-image:url('../icos/settings-security.svg')!important; background-position:center!important; background-repeat:no-repeat!important; background-size:22px!important; } /* Administración por rangos */ #settings #administration .br-admin-icon-admins{background-image:url('../icos/settings-security.svg')!important;} #settings #administration .br-admin-role-select{min-width:128px;height:40px;padding:0 10px;border:1px solid #4c94ff;border-radius:11px;background:#fff;color:#2878ef;font:inherit;outline:0;} #settings #administration .br-admin-rank-card .br-admin-rank-label{color:#2878ef;font-weight:600;} @media(max-width:520px){#settings #administration .br-admin-role-select{min-width:112px;font-size:12px;padding:0 6px;}} /* Administración QC 06/08: simetría exacta de Configuración */ #settings #administration .br-admin-nav{ padding:8px 18px 6px!important; gap:0!important; } #settings #administration .br-admin-nav-row{ min-height:58px!important; margin:8px 0!important; padding:9px 54px 9px 66px!important; border-radius:16px!important; box-shadow:0 3px 12px rgba(34,99,175,.045)!important; } #settings #administration .br-admin-nav-row .settings-menu-icon{ width:38px!important;height:38px!important;left:14px!important;border-radius:11px!important; } #settings #administration .br-admin-panel{padding-left:18px!important;padding-right:18px!important;} #settings #administration .br-admin-search{margin-left:0!important;margin-right:0!important;} #settings #administration .br-admin-list-title{margin-left:18px!important;margin-right:18px!important;} /* Reportes pendientes conserva la composición de Contenidos reportados. */ #settings #administration .br-admin-report-card{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"user actions" "content actions" "meta actions"!important; align-items:center!important; gap:10px 18px!important; padding:18px!important; } #settings #administration .br-admin-report-user{grid-area:user!important;align-items:center!important;} #settings #administration .br-admin-report-content{ grid-area:content!important;justify-content:flex-start!important;margin-left:61px!important; } #settings #administration .br-admin-report-meta{grid-area:meta!important;margin-left:61px!important;} #settings #administration .br-admin-report-actions{ grid-area:actions!important;align-self:center!important;justify-content:center!important;flex-direction:column!important; } #settings #administration .br-admin-report-content .br-report-post-preview{ width:148px!important;height:148px!important;margin:0!important; } @media(max-width:700px){ #settings #administration .br-admin-nav{padding-left:14px!important;padding-right:14px!important;} #settings #administration .br-admin-panel{padding-left:14px!important;padding-right:14px!important;} #settings #administration .br-admin-report-card{ grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"user" "content" "meta" "actions"!important; } #settings #administration .br-admin-report-content, #settings #administration .br-admin-report-meta{margin-left:61px!important;} #settings #administration .br-admin-report-actions{width:100%!important;flex-direction:row!important;justify-content:flex-start!important;} } @media(max-width:430px){ #settings #administration .br-admin-report-content, #settings #administration .br-admin-report-meta{margin-left:0!important;} } /* Administración: Reportes pendientes reutiliza exactamente la tarjeta de Contenidos reportados. */ #settings #administration .br-admin-reports-list{padding:0!important;margin:0!important;background:transparent!important;} #settings #administration .br-admin-reports-list .br-report-card{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"target action" "meta action"!important; align-items:center!important; gap:12px 18px!important; width:auto!important; max-width:calc(100% - 44px)!important; margin:12px 22px!important; padding:16px!important; box-sizing:border-box!important; overflow:visible!important; } #settings #administration .br-admin-reports-list .br-report-card.has-preview{ grid-template-areas:"target action" "preview action" "meta action"!important; } #settings #administration .br-admin-reports-list .br-report-card.br-report-c{ grid-template-areas:"target action" "excerpt action" "meta action"!important; } #settings #administration .br-admin-reports-list .br-report-target{grid-area:target!important;display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;} #settings #administration .br-admin-reports-list .br-report-avatar{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:50%!important;background:#f1edff url('../icos/settings-information.svg') center/23px no-repeat!important;background-size:cover!important;border:1px solid #e4e8f0!important;} #settings #administration .br-admin-reports-list .br-report-avatar.has-photo{background-color:#eef3f8!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;} #settings #administration .br-admin-reports-list .br-report-target-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;justify-content:center!important;} #settings #administration .br-admin-reports-list .br-report-post-preview{grid-area:preview!important;margin-left:61px!important;width:148px!important;height:148px!important;} #settings #administration .br-admin-reports-list .br-report-content-excerpt{grid-area:excerpt!important;margin-left:61px!important;} #settings #administration .br-admin-reports-list .br-report-meta{grid-area:meta!important;padding-left:61px!important;margin:0!important;} #settings #administration .br-admin-reports-list .br-report-action{grid-area:action!important;align-self:center!important;margin:0!important;} #settings #administration .br-admin-report-action-stack{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;} #settings #administration .br-admin-report-action-stack .br-outline-action, #settings #administration .br-admin-report-action-stack .br-admin-actions-toggle{white-space:nowrap!important;} #settings #administration .br-admin-report-action-stack .br-admin-action-menu{width:100%!important;} #settings #administration .br-admin-report-action-stack .br-admin-actions-toggle{width:100%!important;} @media(max-width:700px){ #settings #administration .br-admin-reports-list .br-report-card, #settings #administration .br-admin-reports-list .br-report-card.has-preview, #settings #administration .br-admin-reports-list .br-report-card.br-report-c{ grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"target" "preview" "excerpt" "meta" "action"!important; max-width:calc(100% - 28px)!important; margin:12px 14px!important; gap:10px!important; } #settings #administration .br-admin-reports-list .br-report-card.no-preview:not(.br-report-c){grid-template-areas:"target" "meta" "action"!important;} #settings #administration .br-admin-reports-list .br-report-card.br-report-c{grid-template-areas:"target" "excerpt" "meta" "action"!important;} #settings #administration .br-admin-reports-list .br-report-post-preview, #settings #administration .br-admin-reports-list .br-report-content-excerpt, #settings #administration .br-admin-reports-list .br-report-meta{margin-left:61px!important;padding-left:0!important;} #settings #administration .br-admin-report-action-stack{width:100%!important;} } @media(max-width:430px){ #settings #administration .br-admin-reports-list .br-report-post-preview{width:128px!important;height:128px!important;} #settings #administration .br-admin-reports-list .br-report-post-preview, #settings #administration .br-admin-reports-list .br-report-content-excerpt, #settings #administration .br-admin-reports-list .br-report-meta{margin-left:0!important;} } /* Administración: avisos tematizados de una sola acción */ .br-admin-message-dialog .br-admin-message-actions{justify-content:center!important;} .br-admin-message-dialog .br-admin-message-actions .br-dialog-confirm{width:100%!important;max-width:none!important;} /* Administración final: misma geometría que Configuración y controles uniformes */ #settings #administration, #settings #administration .br-admin-panel{width:100%!important;max-width:none!important;box-sizing:border-box!important;} #settings #administration .br-admin-nav{padding:16px 18px 6px!important;box-sizing:border-box!important;} #settings #administration .br-admin-nav-row{ min-height:58px!important;height:auto!important;margin:8px 0!important;padding:0 56px 0 66px!important; border:1px solid #dce5f1!important;border-radius:16px!important;background:#fff!important; box-shadow:0 3px 12px rgba(31,55,90,.035)!important;box-sizing:border-box!important; } #settings #administration .br-admin-panel{padding:0 18px 90px!important;} #settings #administration .br-admin-section-head{margin:0!important;width:100%!important;} #settings #administration .br-admin-search{width:100%!important;margin:16px 0 18px!important;} #settings #administration .br-admin-list{width:100%!important;box-sizing:border-box!important;} #settings #administration .br-admin-user-card{width:100%!important;margin:0 0 12px!important;} /* Selectores y botones Acciones: misma altura, ancho y flecha centrada */ #settings #administration .br-admin-role-select, #settings #administration .br-admin-actions-toggle{ width:144px!important;min-width:144px!important;height:40px!important;min-height:40px!important; padding:0 38px 0 14px!important;border:1px solid #4c94ff!important;border-radius:11px!important; background-color:#fff!important;color:#2878ef!important;font:inherit!important;line-height:40px!important; box-sizing:border-box!important;position:relative!important;text-align:center!important; } #settings #administration .br-admin-role-select{ appearance:none!important;-webkit-appearance:none!important; background-image:linear-gradient(45deg,transparent 50%,#2878ef 50%),linear-gradient(135deg,#2878ef 50%,transparent 50%)!important; background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px!important; background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important; } #settings #administration .br-admin-actions-toggle{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0 14px!important;line-height:1!important;} #settings #administration .br-admin-caret{width:7px!important;height:7px!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;display:inline-block!important;flex:0 0 7px!important;} #settings #administration .br-admin-report-action-stack .br-outline-action{width:180px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;} #settings #administration .br-admin-report-action-stack .br-admin-action-menu{width:180px!important;} #settings #administration .br-admin-report-action-stack .br-admin-actions-toggle{width:180px!important;min-width:180px!important;} /* Reportes: misma tarjeta original, adaptativa como los posts */ #settings #administration .br-admin-reports-list .br-report-card, #settings #administration .br-admin-reports-list .br-report-card.has-preview, #settings #administration .br-admin-reports-list .br-report-card.br-report-c{ width:100%!important;max-width:none!important;margin:12px 0!important;padding:16px!important; grid-template-columns:minmax(0,1fr) 180px!important; grid-template-areas:"target action" "preview action" "excerpt action" "meta action"!important; gap:10px 20px!important;box-sizing:border-box!important; } #settings #administration .br-admin-reports-list .br-report-card.no-preview:not(.br-report-c){grid-template-areas:"target action" "meta action"!important;} #settings #administration .br-admin-reports-list .br-report-target{grid-area:target!important;} #settings #administration .br-admin-reports-list .br-report-post-preview{grid-area:preview!important;} #settings #administration .br-admin-reports-list .br-report-content-excerpt{grid-area:excerpt!important;} #settings #administration .br-admin-reports-list .br-report-meta{grid-area:meta!important;} #settings #administration .br-admin-reports-list .br-report-action{grid-area:action!important;justify-self:end!important;} #settings #administration .br-admin-reports-list .br-report-content-excerpt, #settings #administration .br-admin-content-excerpt{ width:min(100%,560px)!important;padding:13px 15px!important;border-left:3px solid #74aaff!important; border-radius:0 12px 12px 0!important;background:#f4f7fc!important;color:#334155!important; line-height:1.45!important;box-sizing:border-box!important;box-shadow:inset 0 0 0 1px rgba(116,170,255,.05)!important; } #settings #administration .br-report-description{margin-top:8px!important;padding:10px 12px!important;border-radius:10px!important;background:#f8fafc!important;color:#68758a!important;} @media(max-width:700px){ #settings #administration .br-admin-panel{padding-left:14px!important;padding-right:14px!important;} #settings #administration .br-admin-reports-list .br-report-card, #settings #administration .br-admin-reports-list .br-report-card.has-preview, #settings #administration .br-admin-reports-list .br-report-card.br-report-c{ grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"target" "preview" "excerpt" "meta" "action"!important; } #settings #administration .br-admin-reports-list .br-report-card.no-preview:not(.br-report-c){grid-template-areas:"target" "meta" "action"!important;} #settings #administration .br-admin-reports-list .br-report-action{justify-self:stretch!important;width:100%!important;} #settings #administration .br-admin-report-action-stack{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;} #settings #administration .br-admin-report-action-stack .br-outline-action, #settings #administration .br-admin-report-action-stack .br-admin-action-menu, #settings #administration .br-admin-report-action-stack .br-admin-actions-toggle{width:100%!important;min-width:0!important;} } @media(max-width:460px){ #settings #administration .br-admin-report-action-stack{grid-template-columns:1fr!important;} #settings #administration .br-admin-role-select{width:126px!important;min-width:126px!important;font-size:12px!important;} } /* ========================================================== Administración — simetría estructural definitiva Usa exactamente el mismo ancho real que Configuración. Se elimina el doble margen del wrapper + contenido. ========================================================== */ #settings #administration{ width:100%!important; max-width:100%!important; margin:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; overflow-x:hidden!important; } #settings #administration .br-admin-nav, #settings #administration .br-admin-panel{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Escritorio: idéntico al ancho completo del menú Configuración. */ @media (min-width:769px){ #settings #administration .br-admin-nav{ padding-left:0!important; padding-right:0!important; } #settings #administration .br-admin-nav-row{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } #settings #administration .br-admin-panel{ padding-left:0!important; padding-right:0!important; } #settings #administration .br-admin-section-head, #settings #administration .br-admin-search, #settings #administration .br-admin-list, #settings #administration .br-admin-list-title, #settings #administration .br-admin-compose, #settings #administration .br-admin-user-card, #settings #administration .br-admin-reports-list, #settings #administration .br-admin-reports-list .br-report-card{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } } /* Móvil: un único margen de 10 px, igual al menú Configuración. */ @media (max-width:768px){ #settings #administration .br-admin-nav, #settings #administration .br-admin-panel{ padding-left:10px!important; padding-right:10px!important; } #settings #administration .br-admin-nav-row, #settings #administration .br-admin-section-head, #settings #administration .br-admin-search, #settings #administration .br-admin-list, #settings #administration .br-admin-list-title, #settings #administration .br-admin-compose, #settings #administration .br-admin-user-card, #settings #administration .br-admin-reports-list, #settings #administration .br-admin-reports-list .br-report-card{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } } /* ========================================================== Administración — reutiliza literalmente el componente del menú Configuración 06/08/2026 ========================================================== */ #settings #administration .br-admin-nav.us-menu{ width:100%!important; max-width:100%!important; padding:16px 18px 6px!important; margin:0!important; gap:0!important; box-sizing:border-box!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row{ position:relative!important; display:flex!important; align-items:center!important; width:auto!important; max-width:none!important; min-height:72px!important; height:auto!important; margin:8px 0!important; padding:14px 54px 14px 66px!important; border:1px solid #e2eaf4!important; border-radius:17px!important; background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important; box-shadow:0 8px 24px rgba(23,32,51,.045)!important; overflow:visible!important; box-sizing:border-box!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row .settings-menu-icon{ position:absolute!important; left:16px!important; top:50%!important; width:36px!important; height:36px!important; min-width:36px!important; transform:translateY(-50%)!important; border:1px solid #dceafd!important; border-radius:11px!important; background-color:#f0f6ff!important; background-position:center!important; background-repeat:no-repeat!important; background-size:23px!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row .settings-menu-label{ display:flex!important; flex:1!important; min-width:0!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:3px!important; text-align:left!important; line-height:1.2!important; overflow:hidden!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row .settings-menu-label strong{ width:100%!important; font-size:15px!important; font-weight:600!important; color:#172033!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row .settings-menu-label small{ width:100%!important; margin:0!important; font-size:11.5px!important; font-weight:400!important; color:#77849a!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row > .settings-menu-arrow{ position:absolute!important; right:18px!important; top:50%!important; width:16px!important; height:16px!important; min-width:16px!important; margin:0!important; transform:translateY(-50%)!important; object-fit:contain!important; opacity:.75!important; } @media (min-width:769px){ #settings #administration .br-admin-nav.us-menu{ padding-left:0!important; padding-right:0!important; } } @media (max-width:768px){ #settings #administration .br-admin-nav.us-menu{ padding-left:10px!important; padding-right:10px!important; } #settings #administration .br-admin-nav.us-menu > .settings-menu-row{ width:100%!important; margin-left:0!important; margin-right:0!important; } } /* Brintage 2026-08-13 — Todos los encabezados/títulos de Settings transparentes. Mantiene iconos, textos y separadores; deja ver el fondo del área/body. */ #settings .se-top, #settings .br-section-head, #settings .br-menu-head, #settings #administration .br-admin-main-head, #settings #administration .br-admin-section-head, #settings #administration .br-admin-subhead{ background:transparent!important; background-color:transparent!important; box-shadow:none!important; } /* ============================================================ Administración · Anuncios / órdenes monetizadas (rangos 2 y 3) ============================================================ */ #settings #administration .br-admin-icon-sales{ background-image:url('../icos/megaphone.svg')!important; } #settings #administration .br-admin-sales-panel{padding-bottom:110px!important;} #settings #administration .br-admin-sales-tabs{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; width:100%!important; margin:16px 0 12px!important; } #settings #administration .br-admin-sales-tab{ min-height:72px!important; padding:11px 12px!important; border:1px solid #dfe7f1!important; border-radius:14px!important; background:#fff!important; color:#29364a!important; text-align:left!important; cursor:pointer!important; box-sizing:border-box!important; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important; } #settings #administration .br-admin-sales-tab strong{ display:block!important; font-size:13px!important; line-height:1.2!important; color:#172033!important; } #settings #administration .br-admin-sales-tab small{ display:block!important; margin-top:5px!important; font-size:10.5px!important; line-height:1.3!important; color:#7b8799!important; } #settings #administration .br-admin-sales-tab.is-active{ border-color:#4c94ff!important; background:#f4f9ff!important; box-shadow:0 4px 14px rgba(45,126,232,.10)!important; } #settings #administration .br-admin-sales-toolbar{ display:grid!important; grid-template-columns:minmax(0,1fr) 170px!important; gap:10px!important; align-items:center!important; margin:0 0 18px!important; } #settings #administration .br-admin-sales-toolbar .br-admin-search{margin:0!important;} #settings #administration #admin-sales-status{ width:100%!important; height:50px!important; padding:0 14px!important; border:1px solid #d6e3f3!important; border-radius:15px!important; outline:0!important; background:#fff!important; color:#344054!important; font:inherit!important; box-sizing:border-box!important; } #settings #administration .br-admin-sales-list{display:flex!important;flex-direction:column!important;gap:12px!important;} #settings #administration .br-admin-sales-card{ display:grid!important; grid-template-columns:minmax(122px,145px) 120px minmax(160px,1fr) 108px!important; grid-template-areas:"user media copy actions"!important; gap:11px!important; align-items:center!important; width:100%!important; min-height:174px!important; padding:14px!important; border:1px solid #dfe7f1!important; border-radius:17px!important; background:#fff!important; box-shadow:0 8px 22px rgba(28,56,91,.045)!important; box-sizing:border-box!important; } #settings #administration .br-admin-sales-card.is-deleted{opacity:.68!important;background:#fafbfc!important;} #settings #administration .br-admin-sales-user{ grid-area:user!important; display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; } #settings #administration .br-admin-sales-user>img{ width:44px!important;height:44px!important;min-width:44px!important; border-radius:50%!important;object-fit:cover!important;background:#eef3f8!important; } #settings #administration .br-admin-sales-user>div{display:flex!important;flex-direction:column!important;min-width:0!important;} #settings #administration .br-admin-sales-user strong{font-size:13px!important;color:#172033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings #administration .br-admin-sales-user small{margin-top:2px!important;font-size:11px!important;color:#6d7889!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #settings #administration .br-admin-sales-user em{margin-top:5px!important;font-size:9.8px!important;color:#929cab!important;font-style:normal!important;line-height:1.3!important;} #settings #administration .br-admin-sales-media{ grid-area:media!important; width:120px!important;height:120px!important; border-radius:14px!important; overflow:hidden!important; background:#edf2f8 center/cover no-repeat!important; border:1px solid #e3e9f1!important; box-sizing:border-box!important; } #settings #administration .br-admin-sales-media video{width:100%!important;height:100%!important;object-fit:cover!important;background:#111!important;} #settings #administration .br-admin-sales-post-grid{ grid-area:media!important; display:grid!important; width:120px!important;height:120px!important; gap:2px!important; overflow:hidden!important; border-radius:14px!important; border:1px solid #e3e9f1!important; background:#eef2f7!important; box-sizing:border-box!important; } #settings #administration .br-admin-sales-post-grid span{display:block!important;background:#e9eef5 center/cover no-repeat!important;} #settings #administration .br-admin-sales-post-grid.count-1{grid-template-columns:1fr!important;} #settings #administration .br-admin-sales-post-grid.count-2{grid-template-columns:1fr 1fr!important;} #settings #administration .br-admin-sales-post-grid.count-3, #settings #administration .br-admin-sales-post-grid.count-4{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;} #settings #administration .br-admin-sales-post-grid.count-3 span:first-child{grid-row:1/3!important;} #settings #administration .br-admin-sales-post-empty{ grid-area:media!important;width:120px!important;height:120px!important;border-radius:14px!important; border:1px solid #e3e9f1!important;background:#f1f4f8 url('../icos/collage.svg') center/42px no-repeat!important; } #settings #administration .br-admin-sales-theme-icon{ grid-area:media!important;width:120px!important;height:120px!important;border-radius:14px!important; border:1px solid #e3e9f1!important;background:#f4f1ff url('../icos/collage.svg') center/48px no-repeat!important; box-sizing:border-box!important; } #settings #administration .br-admin-sales-copy{grid-area:copy!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;} #settings #administration .br-admin-sales-kind{display:inline-flex!important;align-items:center!important;min-height:23px!important;padding:0 8px!important;border-radius:9px!important;background:#eef6ff!important;color:#2878ef!important;font-size:9.5px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.02em!important;} #settings #administration .br-admin-sales-copy>strong{margin-top:7px!important;font-size:14px!important;color:#172033!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #settings #administration .br-admin-sales-copy>p{margin:5px 0 0!important;font-size:11.5px!important;line-height:1.4!important;color:#566174!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;} #settings #administration .br-admin-sales-copy>small{margin-top:6px!important;font-size:10.5px!important;color:#8893a4!important;line-height:1.35!important;} #settings #administration .br-admin-sales-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 12px!important;width:100%!important;margin-top:11px!important;padding-top:10px!important;border-top:1px solid #edf1f5!important;} #settings #administration .br-admin-sales-meta span{display:flex!important;flex-direction:column!important;min-width:0!important;font-size:10.5px!important;color:#4d596b!important;} #settings #administration .br-admin-sales-meta b{margin-bottom:2px!important;font-size:9px!important;color:#929cab!important;font-weight:600!important;text-transform:uppercase!important;} #settings #administration .br-admin-design-chips{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:8px!important;} #settings #administration .br-admin-design-chips span{padding:4px 7px!important;border-radius:8px!important;background:#f2f5f9!important;color:#536073!important;font-size:9.5px!important;} #settings #administration .br-admin-sales-actions{grid-area:actions!important;justify-self:end!important;align-self:center!important;} #settings #administration .br-admin-sales-actions{min-width:0!important;width:108px!important;} #settings #administration .br-admin-sales-actions .br-admin-action-menu{width:108px!important;max-width:100%!important;} #settings #administration .br-admin-sales-actions .br-admin-actions-toggle{width:108px!important;min-width:108px!important;max-width:108px!important;padding:0 10px!important;} #settings #administration .br-admin-sales-actions .br-admin-actions-pop{width:205px!important;max-height:330px!important;overflow:auto!important;} #settings #administration .br-admin-sales-actions .br-admin-actions-pop button{font-size:12px!important;} /* 2026-08-19 · Corrección de distribución: el disparador Acciones debe quedar siempre dentro de la tarjeta; solo el menú emergente se oculta hasta abrirlo. */ #settings #administration .br-admin-sales-card{overflow:visible!important;} #settings #administration .br-admin-sales-actions{position:relative!important;z-index:2!important;overflow:visible!important;} #settings #administration .br-admin-sales-actions .br-admin-actions-pop:not(.is-open){display:none!important;} #settings #administration .br-admin-sales-actions .br-admin-actions-pop.is-open{display:block!important;right:0!important;left:auto!important;} @media(max-width:1040px){ #settings #administration .br-admin-sales-card{ grid-template-columns:160px 132px minmax(0,1fr)!important; grid-template-areas:"user media copy" "actions actions actions"!important; } #settings #administration .br-admin-sales-media, #settings #administration .br-admin-sales-post-grid, #settings #administration .br-admin-sales-post-empty, #settings #administration .br-admin-sales-theme-icon{width:120px!important;height:120px!important;} #settings #administration .br-admin-sales-actions{justify-self:stretch!important;display:flex!important;justify-content:flex-end!important;} } @media(max-width:760px){ #settings #administration .br-admin-sales-tabs{grid-template-columns:1fr!important;gap:7px!important;} #settings #administration .br-admin-sales-tab{min-height:58px!important;} #settings #administration .br-admin-sales-toolbar{grid-template-columns:1fr!important;} #settings #administration .br-admin-sales-card{ grid-template-columns:92px minmax(0,1fr)!important; grid-template-areas:"user user" "media copy" "actions actions"!important; align-items:start!important; gap:12px!important; } #settings #administration .br-admin-sales-media, #settings #administration .br-admin-sales-post-grid, #settings #administration .br-admin-sales-post-empty, #settings #administration .br-admin-sales-theme-icon{width:92px!important;height:92px!important;border-radius:12px!important;} #settings #administration .br-admin-sales-meta{grid-template-columns:1fr!important;} #settings #administration .br-admin-sales-actions{justify-content:stretch!important;} #settings #administration .br-admin-sales-actions .br-admin-action-menu, #settings #administration .br-admin-sales-actions .br-admin-actions-toggle{width:100%!important;min-width:0!important;} #settings #administration .br-admin-sales-actions .br-admin-actions-pop{left:0!important;right:auto!important;width:min(270px,calc(100vw - 56px))!important;} } @media(max-width:420px){ #settings #administration .br-admin-sales-card{grid-template-columns:78px minmax(0,1fr)!important;padding:12px!important;} #settings #administration .br-admin-sales-media, #settings #administration .br-admin-sales-post-grid, #settings #administration .br-admin-sales-post-empty, #settings #administration .br-admin-sales-theme-icon{width:78px!important;height:78px!important;} } #settings #administration .br-admin-rank23-only{display:none!important;} #settings #administration .br-admin-rank23-only.is-authorized{display:flex!important;} /* ============================================================ Administración · Precios USD (R2 lectura / R3 edición) Estética Brintage: bloques de ancho completo + guardado global ============================================================ */ #settings #administration .br-admin-icon-prices{background-image:url('../icos/settings-prices.svg')!important;} #settings #administration .br-admin-pricing-panel{padding-bottom:110px!important;} #settings #administration .br-admin-pricing-note{ display:flex!important;align-items:center!important;gap:12px!important; margin:16px 0!important;padding:13px 15px!important;border:1px solid #dce9fb!important; border-radius:15px!important;background:#f7fbff!important;color:#33445c!important; } #settings #administration .br-admin-pricing-note strong{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-width:54px!important;height:32px!important;border-radius:10px!important;background:#e9f3ff!important; color:#237ce8!important;font-size:12px!important;letter-spacing:.04em!important; } #settings #administration .br-admin-pricing-note span{font-size:12px!important;line-height:1.45!important;} #settings #administration .br-admin-pricing-grid{display:flex!important;flex-direction:column!important;gap:15px!important;width:100%!important;} #settings #administration .br-admin-price-readonly{ width:100%!important;box-sizing:border-box!important;padding:10px 12px!important;border-radius:12px!important;background:#f4f6f8!important; color:#687587!important;font-size:12px!important;text-align:center!important; } #settings #administration .br-admin-price-card{ width:100%!important;box-sizing:border-box!important;border:1px solid #dbe7f5!important;border-radius:19px!important;background:#fff!important; box-shadow:0 8px 24px rgba(31,76,132,.055)!important;overflow:hidden!important; } #settings #administration .br-admin-price-card>header{ position:relative!important;padding:16px 18px 14px 22px!important;border-bottom:1px solid #edf2f7!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important; } #settings #administration .br-admin-price-card>header:before{ content:""!important;position:absolute!important;left:0!important;top:15px!important;bottom:15px!important;width:4px!important;border-radius:0 5px 5px 0!important;background:#348df3!important; } #settings #administration .br-admin-price-card>header strong{display:block!important;font-size:14.5px!important;color:#182337!important;font-weight:700!important;} #settings #administration .br-admin-price-card>header small{display:block!important;margin-top:4px!important;font-size:11px!important;line-height:1.4!important;color:#7a8696!important;} #settings #administration .br-admin-price-rows{ display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important;padding:14px 16px 16px!important;background:#fff!important; } #settings #administration .br-admin-price-card.is-thematic .br-admin-price-rows{grid-template-columns:minmax(220px,330px)!important;justify-content:start!important;} #settings #administration .br-admin-price-row{ position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:9px!important; min-width:0!important;min-height:88px!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #dbe5f1!important;border-radius:14px!important; background:#fff!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important; } #settings #administration .br-admin-price-row:hover{border-color:#bfd4ef!important;box-shadow:0 5px 15px rgba(45,112,194,.06)!important;} #settings #administration .br-admin-price-row.is-dirty{border:2px solid #348df3!important;background:#f5f9ff!important;box-shadow:0 6px 18px rgba(52,141,243,.10)!important;} #settings #administration .br-admin-price-label{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:5px!important;min-width:0!important;text-align:center!important;} #settings #administration .br-admin-price-label strong{font-size:12.5px!important;color:#24344d!important;font-weight:700!important;white-space:nowrap!important;} #settings #administration .br-admin-price-label small{font-size:9.5px!important;color:#8795a7!important;text-transform:uppercase!important;letter-spacing:.03em!important;} #settings #administration .br-admin-price-control{ display:flex!important;align-items:center!important;width:100%!important;height:38px!important;box-sizing:border-box!important;border:1px solid #dce5ef!important;border-radius:11px!important;background:#fbfdff!important;overflow:hidden!important; } #settings #administration .br-admin-price-row.is-dirty .br-admin-price-control{border-color:#b7d4f8!important;background:#fff!important;} #settings #administration .br-admin-price-control span{flex:0 0 auto!important;padding-left:10px!important;font-size:10px!important;color:#6f8096!important;font-weight:600!important;} #settings #administration .br-admin-price-control input{ min-width:0!important;width:100%!important;height:100%!important;padding:0 9px 0 6px!important;border:0!important;outline:0!important;background:transparent!important; color:#172033!important;font:700 12px/1 sans-serif!important;box-sizing:border-box!important; } #settings #administration .br-admin-price-control input:disabled{color:#687587!important;background:#f8fafc!important;cursor:not-allowed!important;} #settings #administration .br-admin-price-control input.is-invalid{box-shadow:inset 0 0 0 1.5px #d94d4d!important;background:#fff8f8!important;} #settings #administration .br-admin-pricing-actions{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;width:100%!important;padding:2px 0 1px!important;box-sizing:border-box!important; } #settings #administration .br-admin-pricing-unsaved{font-size:10.5px!important;color:#7b8798!important;} #settings #administration #admin-pricing-save-all{ min-width:150px!important;height:43px!important;padding:0 20px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#247ce9,#45a3f8)!important; color:#fff!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 7px 18px rgba(36,124,233,.18)!important;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease!important; } #settings #administration #admin-pricing-save-all:not(:disabled):hover{transform:translateY(-1px)!important;box-shadow:0 9px 22px rgba(36,124,233,.23)!important;} #settings #administration #admin-pricing-save-all:disabled{opacity:.42!important;cursor:default!important;box-shadow:none!important;} #settings #administration .br-admin-pricing-history-head{margin:23px 0 9px!important;padding:0 2px!important;} #settings #administration .br-admin-pricing-history-head strong{font-size:13px!important;color:#26364b!important;} #settings #administration .br-admin-pricing-history{display:flex!important;flex-direction:column!important;gap:8px!important;} #settings #administration .br-admin-price-history-row{ display:grid!important;grid-template-columns:minmax(150px,1.1fr) minmax(190px,1fr) auto!important;align-items:center!important;gap:12px!important; padding:11px 13px!important;border:1px solid #e7ecf2!important;border-radius:13px!important;background:#fff!important; } #settings #administration .br-admin-price-history-row>div strong{display:block!important;font-size:11.5px!important;color:#243149!important;} #settings #administration .br-admin-price-history-row>div small{display:block!important;margin-top:3px!important;font-size:9.8px!important;color:#8b95a4!important;} #settings #administration .br-admin-price-history-row p{display:flex!important;gap:14px!important;margin:0!important;font-size:10px!important;color:#778294!important;} #settings #administration .br-admin-price-history-row p span{white-space:nowrap!important;} #settings #administration .br-admin-price-history-row p b{color:#2c3b50!important;} #settings #administration .br-admin-price-history-row em{font-size:9.8px!important;color:#8d97a5!important;font-style:normal!important;text-align:right!important;} @media(max-width:900px){ #settings #administration .br-admin-price-rows{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #settings #administration .br-admin-price-history-row{grid-template-columns:1fr!important;gap:6px!important;} #settings #administration .br-admin-price-history-row em{text-align:left!important;} } @media(max-width:620px){ #settings #administration .br-admin-pricing-note{align-items:flex-start!important;} #settings #administration .br-admin-price-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important;gap:9px!important;} #settings #administration .br-admin-price-card.is-thematic .br-admin-price-rows{grid-template-columns:1fr!important;} #settings #administration .br-admin-pricing-actions{align-items:stretch!important;flex-direction:column!important;} #settings #administration .br-admin-pricing-unsaved{text-align:right!important;min-height:14px!important;} #settings #administration #admin-pricing-save-all{width:100%!important;} #settings #administration .br-admin-price-history-row p{flex-direction:column!important;gap:3px!important;} } @media(max-width:390px){ #settings #administration .br-admin-price-rows{grid-template-columns:1fr!important;} } /* ============================================================ Brintage · Administración > Actualizaciones Android ============================================================ */ #settings #administration .br-admin-icon-updates{background-image:url('../icos/update.svg')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:22px!important;} #settings #administration .br-admin-updates-content{display:flex;flex-direction:column;gap:14px;margin-top:16px;} #settings #administration .br-admin-update-card{box-sizing:border-box;width:100%;padding:16px;border:1px solid #dfe8f4;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);box-shadow:0 8px 24px rgba(27,68,116,.05);} #settings #administration .br-admin-update-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;} #settings #administration .br-admin-update-card>header strong{display:block;color:#26374e;font-size:15px;line-height:1.3;} #settings #administration .br-admin-update-card>header small{display:block;margin-top:4px;color:#7a8798;font-size:12px;line-height:1.45;font-weight:400;} #settings #administration .br-admin-update-card input, #settings #administration .br-admin-update-card select, #settings #administration .br-admin-update-card textarea{box-sizing:border-box;width:100%;border:1px solid #dce5f0;border-radius:12px;background:#fff;color:#27384e;font:inherit;outline:0;transition:border-color .16s ease,box-shadow .16s ease;} #settings #administration .br-admin-update-card input, #settings #administration .br-admin-update-card select{height:44px;padding:0 12px;} #settings #administration .br-admin-update-card textarea{min-height:110px;padding:11px 12px;resize:vertical;line-height:1.45;} #settings #administration .br-admin-update-card input:focus, #settings #administration .br-admin-update-card select:focus, #settings #administration .br-admin-update-card textarea:focus{border-color:#62a9f7;box-shadow:0 0 0 3px rgba(52,141,243,.10);} #settings #administration .br-admin-update-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} #settings #administration .br-admin-update-version-grid label, #settings #administration .br-admin-update-field{display:block;min-width:0;} #settings #administration .br-admin-update-version-grid label>span, #settings #administration .br-admin-update-field>span{display:block;margin:0 0 6px;color:#66758a;font-size:12px;font-weight:600;} #settings #administration .br-admin-update-field+.br-admin-update-field{margin-top:12px;} #settings #administration .br-admin-update-mode-badge{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#eef2f7;color:#657286;font-size:11px;font-weight:700;white-space:nowrap;} #settings #administration #admin-update-mode-card[data-mode="recommended"] .br-admin-update-mode-badge{background:#eef7ff;color:#287fdc;} #settings #administration #admin-update-mode-card[data-mode="required"] .br-admin-update-mode-badge{background:#fff1f2;color:#c44855;} #settings #administration .br-admin-update-warning{margin-top:12px;padding:11px 12px;border:1px solid #ffd4d8;border-radius:12px;background:#fff5f6;color:#b64a55;font-size:12px;line-height:1.45;font-weight:600;} #settings #administration .br-admin-update-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:4px 2px 2px;} #settings #administration .br-admin-update-actions span{margin-right:auto;color:#e19324;font-size:12px;font-weight:600;} #settings #administration .br-admin-update-actions button{min-height:44px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#348df3,#58a9fb);color:#fff;font-weight:700;box-shadow:0 7px 18px rgba(52,141,243,.18);cursor:pointer;} #settings #administration .br-admin-update-actions button:disabled{cursor:default;opacity:.46;box-shadow:none;} #settings #administration .br-admin-update-history-head{margin:24px 2px 10px;color:#34475f;font-size:14px;} #settings #administration .br-admin-update-history{display:flex;flex-direction:column;gap:8px;padding-bottom:24px;} #settings #administration .br-admin-update-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #e4eaf2;border-radius:14px;background:#fff;} #settings #administration .br-admin-update-history-row div{min-width:0;} #settings #administration .br-admin-update-history-row strong{display:block;color:#33465f;font-size:13px;} #settings #administration .br-admin-update-history-row small{display:block;margin-top:3px;color:#7a8798;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #settings #administration .br-admin-update-history-row em{flex:0 0 auto;color:#8b97a7;font-size:11px;font-style:normal;white-space:nowrap;} @media(max-width:650px){ #settings #administration .br-admin-update-version-grid{grid-template-columns:1fr;} #settings #administration .br-admin-update-card>header{flex-direction:column;} #settings #administration .br-admin-update-history-row{align-items:flex-start;flex-direction:column;} #settings #administration .br-admin-update-history-row em{white-space:normal;} #settings #administration .br-admin-update-actions{align-items:stretch;flex-direction:column;} #settings #administration .br-admin-update-actions span{margin:0;} #settings #administration .br-admin-update-actions button{width:100%;} }