/* [r136] Página do usuário e lista de Usuários ([r137] o painel inteiro) no padrão "cards em linha" (estudo do painel de referência, dono 6/11):
   um card por informação com ícone em ladrilho à esquerda, abas em pílulas com ícone, itens como cartões com o botão
   sempre à vista. Em cima do AdminKit (app.css); só o que ele não tem. Nada aqui vai para o app da TV. */
.u-cab{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.u-cab .u-acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.u-avatar{width:56px;height:56px;border-radius:50%;background:#3b7ddd;color:#fff;font-weight:600;font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}
.u-stat{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:.4rem;box-shadow:0 0 .875rem 0 rgba(33,40,50,.05);color:inherit;text-decoration:none;position:relative;height:calc(100% - 24px);margin-bottom:24px}
a.u-stat:hover{background:#f8f9fb;color:inherit}
.u-tile{width:46px;height:46px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-tile svg.f{width:22px;height:22px}
.u-azul{background:#e4eefb;color:#3b7ddd}.u-verde{background:#dff5ea;color:#1a9e74}.u-roxo{background:#ece6fb;color:#6f42c1}.u-cinza{background:#eef1f5;color:#6c757d}.u-vermelho{background:#fde3e3;color:#d9534f}.u-laranja{background:#fdebd7;color:#e8690b}
.u-stat .u-rotulo{color:#6c757d;font-size:.85rem;margin-bottom:2px}
.u-stat .u-valor{font-size:1.25rem;font-weight:600;line-height:1.2}
.u-stat .u-valor small{font-size:.85rem;font-weight:400;color:#6c757d}
.u-stat .u-acao{margin-left:auto;color:#6c757d;flex-shrink:0;position:relative;z-index:2;padding:6px}
.u-stat .u-acao:hover{color:#3b7ddd}
.u-abas{display:flex;gap:4px;overflow-x:auto;background:#fff;border-radius:.4rem;padding:6px;box-shadow:0 0 .875rem 0 rgba(33,40,50,.05);margin-bottom:1rem;scrollbar-width:none;scroll-margin-top:12px}
.u-abas::-webkit-scrollbar{display:none}
.u-abas a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:.35rem;white-space:nowrap;color:#495057;font-weight:500;text-decoration:none;flex-shrink:0}
.u-abas a:hover{background:#f1f4f9;color:#222}
.u-abas a.active,.u-abas a.active:hover{background:#3b7ddd;color:#fff}
.u-abas a svg.f{width:16px;height:16px}
.u-secao{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.u-secao h5{margin:0;font-weight:600}
.u-secao h5 small{color:#6c757d;font-weight:400;font-size:.85rem}
.u-item{border:1px solid #e9ecef;border-radius:.5rem;padding:12px;margin-bottom:10px}
.u-item:last-child{margin-bottom:0}
.u-linha{display:flex;align-items:center;gap:12px}
.u-linha .u-texto{min-width:0}
.u-linha .u-titulo{font-weight:600;word-break:break-word}
.u-linha .u-sub{color:#6c757d;font-size:.85rem}
.u-linha .u-fim{margin-left:auto;display:flex;gap:6px;flex-shrink:0;align-items:center}
.u-campos{background:#f5f7fb;border-radius:.4rem;padding:4px 12px;margin-top:10px}
.u-campos>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 0;border-bottom:1px solid #e9ecef}
.u-campos>div:last-child{border-bottom:0}
.u-campos>div>span:first-child{color:#6c757d;flex:1 0 130px}
.u-campos>div>span:last-child{flex:1 1 170px;text-align:right;font-weight:500;overflow-wrap:anywhere;min-width:0}
.u-perfis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.u-perfil{border:1px solid #e9ecef;border-radius:.5rem;padding:14px 10px;text-align:center}
.u-perfil img{width:64px;height:64px;border-radius:50%}
.u-perfil .u-titulo{font-weight:600;margin-top:8px;word-break:break-word}
.u-perfil .u-sub{color:#6c757d;font-size:.8rem;margin:4px 0 10px}
.u-ajuda{color:#6c757d;font-size:.85rem;margin:10px 0 0}
.btn-icone{padding:4px 7px;line-height:1}
.btn-icone svg.f{width:16px;height:16px}
details.card>summary{list-style:none;cursor:pointer;padding:.75rem 1.25rem;font-weight:600;display:flex;align-items:center;gap:8px}
details.card>summary::-webkit-details-marker{display:none}
details.card>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #6c757d;border-bottom:2px solid #6c757d;transform:rotate(45deg);transition:transform .15s}
details.card[open]>summary::after{transform:rotate(-135deg)}
.u-busca{position:relative}
.u-busca svg.f{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;width:16px;height:16px}
.u-busca input{padding-left:36px}
.u-nome .u-sub{display:none;color:#6c757d;font-size:.8rem;font-weight:400;white-space:normal;overflow-wrap:anywhere}
@media (max-width:767.98px){.u-nome .u-sub{display:block}}
/* [r140] caixa de confirmação do painel (no lugar do confirm() do navegador) */
.u-confirma{border:0;border-radius:.5rem;padding:20px 22px;max-width:420px;width:calc(100% - 32px);background:#fff;color:#222;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.u-confirma::backdrop{background:rgba(0,0,0,.5)}
.u-confirma p{font-size:1rem;line-height:1.5}
.u-confirma .u-fim{display:flex;gap:8px;justify-content:flex-end}
[data-bs-theme=dark] .u-confirma{background:#141a25;color:#e3e8ef}
/* [r138] dia e noite (dono, 6/11: "falta uma opção dia e noite (black)"): <html data-bs-theme="dark">, botão sol/lua na barra */
.tema .sol{display:none}
[data-bs-theme=dark] .tema .sol{display:inline}
[data-bs-theme=dark] .tema .lua{display:none}
[data-bs-theme=dark]{--bs-body-bg:#0b0f17;--bs-body-color:#e3e8ef;--bs-secondary-color:#9aa4b2;--bs-border-color:#263040;--bs-tertiary-bg:#161c27;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-heading-color:#e3e8ef}
[data-bs-theme=dark] .main{background:#0b0f17}
[data-bs-theme=dark] .navbar-bg,[data-bs-theme=dark] .card,[data-bs-theme=dark] .u-stat,[data-bs-theme=dark] .u-abas{background:#141a25;box-shadow:0 0 .875rem 0 rgba(0,0,0,.35)}
[data-bs-theme=dark] .card{--bs-card-bg:#141a25;--bs-card-cap-bg:#141a25;--bs-card-title-color:#9aa4b2}
[data-bs-theme=dark] a.u-stat:hover,[data-bs-theme=dark] .u-abas a:hover{background:#1d2535;color:#fff}
[data-bs-theme=dark] .u-abas a{color:#c3cbd6}
[data-bs-theme=dark] .u-campos{background:#0f141d}
[data-bs-theme=dark] .u-campos>div,[data-bs-theme=dark] .u-item,[data-bs-theme=dark] .u-perfil{border-color:#263040}
[data-bs-theme=dark] .u-stat .u-rotulo,[data-bs-theme=dark] .u-linha .u-sub,[data-bs-theme=dark] .u-perfil .u-sub,[data-bs-theme=dark] .u-ajuda,[data-bs-theme=dark] .u-secao h5 small,[data-bs-theme=dark] .u-stat .u-valor small,[data-bs-theme=dark] .u-stat .u-acao,[data-bs-theme=dark] .u-campos>div>span:first-child,[data-bs-theme=dark] .u-nome .u-sub,[data-bs-theme=dark] .u-busca svg.f{color:#9aa4b2}
[data-bs-theme=dark] .u-azul{background:#1a2a44;color:#7fb0ff}[data-bs-theme=dark] .u-verde{background:#14322a;color:#4fd1a5}[data-bs-theme=dark] .u-roxo{background:#2a2244;color:#b095f5}[data-bs-theme=dark] .u-cinza{background:#1f2630;color:#aab4c0}[data-bs-theme=dark] .u-vermelho{background:#3d1b1f;color:#ff8a85}[data-bs-theme=dark] .u-laranja{background:#3b2714;color:#ffa552}
[data-bs-theme=dark] .text-dark{color:#e3e8ef!important}
[data-bs-theme=dark] .u-secao h5,[data-bs-theme=dark] .u-linha .u-titulo,[data-bs-theme=dark] .u-perfil .u-titulo,[data-bs-theme=dark] details.card>summary{color:#e3e8ef}
[data-bs-theme=dark] .hamburger,[data-bs-theme=dark] .hamburger:after,[data-bs-theme=dark] .hamburger:before{background:#c3cbd6}
[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select,[data-bs-theme=dark] .form-check-input{background-color:#0f141d;border-color:#263040;color:#e3e8ef}
[data-bs-theme=dark] .form-control:focus,[data-bs-theme=dark] .form-select:focus{background-color:#0f141d;color:#fff;border-color:#3b7ddd}
[data-bs-theme=dark] .form-control::placeholder{color:#6b7684}
[data-bs-theme=dark] .form-control[readonly]{background-color:#161c27}
[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239aa4b2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}
[data-bs-theme=dark] .table{--bs-table-color:#e3e8ef;--bs-table-border-color:#263040;--bs-table-striped-bg:#161c27;--bs-table-hover-bg:#161c27}
[data-bs-theme=dark] .table>:not(caption)>*>*{color:#e3e8ef}
[data-bs-theme=dark] .badge.bg-light{background:#263040!important;color:#e3e8ef!important}
[data-bs-theme=dark] .btn-outline-secondary{--bs-btn-color:#aab4c0;--bs-btn-border-color:#3a4556}
[data-bs-theme=dark] pre,[data-bs-theme=dark] code{color:#ffb3ad}
[data-bs-theme=dark] .alert-success{background:#12332a;border-color:#1b4a3c;color:#8ee6c3}
[data-bs-theme=dark] .alert-danger{background:#3a1a1f;border-color:#5a2a30;color:#ffb3ad}
[data-bs-theme=dark] .alert-warning{background:#3b2d12;border-color:#5a441c;color:#ffd98a}
[data-bs-theme=dark] details.card>summary::after{border-color:#9aa4b2}