/* OFFICE MANAGER 0.6.4 — discreto, tema grafite/vermelho */
.om64-filter-bar{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.om64-filter-bar small{font-size:11px;color:#82939f}
.om64-filter-button{display:inline-flex;align-items:center;gap:12px;justify-content:space-between;min-width:130px;font-size:12px!important;cursor:pointer}
.om64-filter-button[aria-expanded="true"]{border-color:#b65055;color:#fff;background:#2b2127}
.om64-legend{display:flex;align-items:center;gap:8px 13px;flex-wrap:wrap;padding:4px 2px;font-size:10px;color:#98a5ae}
.om64-legend-title{font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#647782;margin-right:2px}
.om64-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.om64-legend-item i{width:6px;height:6px;flex:none;border-radius:100%;background:var(--om63-cat,#9cabba)}
[data-om64-filter-panel][hidden]{display:none!important}
.om64-profile{margin-bottom:24px}
.om64-profile-form{display:flex;align-items:start;gap:22px;flex-wrap:wrap}
.om64-current-photo{width:92px;height:92px;border:2px solid #43505b;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#273440;flex:none}
.om64-current-photo img{width:100%;height:100%;object-fit:cover}
.om64-current-photo span{font-size:35px;color:#d9e4ed;font-weight:700}
.om64-profile-fields{display:grid;gap:12px;flex:1;min-width:min(100%,260px);max-width:570px}
.om64-profile-fields>label:not(.om64-remove){display:grid;gap:7px;font-size:12px;color:#bdc9d1}
.om64-profile-fields input[type="text"],.om64-profile-fields input[type="file"]{width:100%;padding:10px 12px;background:#0c1319;border:1px solid #47545e;border-radius:8px;color:#e9eff3}
.om64-profile-fields .om64-remove{display:flex;align-items:center;gap:8px;font-size:12px;color:#a8b4bd}
.om64-profile-fields small{font-size:11px;color:#8a9ba5}
.om64-profile-fields button{justify-self:start}
.om64-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #5a6875;flex:none}
.om64-avatar-fallback{background:#303d49;color:#fff;font-size:13px;font-weight:700}
.om64-account{display:inline-flex!important;align-items:center;gap:9px;text-decoration:none;color:inherit}
.om64-account:hover{color:#fff}
.om64-account>span:last-child{display:grid;gap:2px}
.om64-access-fieldset{border:1px solid #3e4b54;border-radius:11px;padding:14px;margin:13px 0 0;min-width:0}
.om64-access-fieldset legend{padding:0 6px;color:#e4ebf0;font-size:12px;font-weight:700}
.om64-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.om64-access-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #33404a;background:#141e26;border-radius:8px;cursor:pointer}
.om64-access-row input{width:17px;height:17px;accent-color:#aa3137;flex:none;margin:1px 0 0}
.om64-access-row span{display:grid;gap:3px}
.om64-access-row strong{color:#e8edf1;font-size:12px}
.om64-access-row small{color:#8c9da9;font-size:10px;line-height:1.4}
.om64-access-row:has(input:checked){border-color:#7b3a40;background:#241f28}
.om64-access-row:has(input:disabled){cursor:default;opacity:.85}
@media(max-width:560px){.om64-access-grid{grid-template-columns:1fr}.om64-legend{gap:7px 10px}.om64-filter-bar small{display:none}.om64-profile-form{gap:14px}}


/* OFFICE MANAGER 1.0 — HOTFIX do perfil no cabeçalho (desktop)
   Mantém o comportamento original no mobile e não altera formulários/permissões. */
@media (min-width:781px) {
  body .topbar .topbar-actions {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:13px!important;
    min-width:0;
  }
  body .topbar .topbar-actions > .om64-account {
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 1 auto!important;
    gap:11px!important;
    min-width:0;
    max-width:min(320px, 35vw);
    min-height:44px;
    margin:0!important;
    padding:3px 0!important;
    color:#e8edf1!important;
    text-align:left!important;
    text-decoration:none!important;
    border:0!important;
    background:transparent!important;
  }
  body .topbar .topbar-actions > .om64-account > .om64-avatar {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
    border-radius:50%!important;
    object-fit:cover;
    vertical-align:middle;
    line-height:1!important;
  }
  body .topbar .topbar-actions > .om64-account > span:last-child:not(.om64-avatar) {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    line-height:1.2!important;
  }
  body .topbar .topbar-actions > .om64-account > span:last-child > b {
    display:block!important;
    width:100%;
    margin:0!important;
    padding:0!important;
    color:#eef3f6!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body .topbar .topbar-actions > .om64-account > span:last-child > small {
    display:block!important;
    width:100%;
    margin:0!important;
    padding:0!important;
    color:#95a3af!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body .topbar .topbar-actions > .inline-form {
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  body .topbar .topbar-actions > .inline-form .btn {
    min-height:33px;
    white-space:nowrap;
  }
}
@media (min-width:781px) and (max-width:1100px) {
  body .topbar .topbar-actions { gap:9px!important; }
  body .topbar .topbar-actions > .om64-account { max-width:min(225px,28vw); gap:8px!important; }
  body .topbar .topbar-actions > .om64-account > .om64-avatar {
    width:32px!important;height:32px!important;flex-basis:32px!important;
  }
}
@media (max-width:780px) {
  /* Celular: a barra mantém apenas o ícone de visibilidade, conforme layout aprovado. */
  body .topbar .topbar-actions > .om64-account,
  body .topbar .topbar-actions > .inline-form { display:none!important; }
}