/* ========================================================================
   Oficina Portátil V75.18 — LIQUID GLASS CORE
   Congelado: SOMENTE Topbar + Sidebar.
   ======================================================================== */
:root{
  --op-lg-blur:8px;
  --op-lg-refraction:13;
  --op-lg-refraction-alpha:.10;
  --op-lg-opacity:.08;
  --op-lg-saturation:.80;
  --op-lg-contrast:1.40;
  --op-lg-border-width:1.5px;
  --op-lg-border-high:1;
  --op-lg-border-low:.10;
  --op-lg-inner-highlight:.18;
  --op-lg-shadow-blur:13px;
  --op-lg-shadow-y:3px;
  --op-lg-shadow-opacity:.43;
  --op-ios-pill-radius:22px;
  --op-ios-pill-radius-lg:24px;
}
html,body{background:var(--bg)!important}
#root,.app-shell,.workspace{background-color:transparent}
html{--op-lg-base-rgb:255,255,255;--op-lg-shadow-rgb:0,22,20}
html[data-theme="dark"]{--op-lg-base-rgb:7,20,21;--op-lg-shadow-rgb:0,0,0}

html[data-theme="light"] :is(.app-shell>.workspace>.topbar,.app-shell>.sidebar),
html:not([data-theme="dark"]) :is(.app-shell>.workspace>.topbar,.app-shell>.sidebar),
html[data-theme="dark"] :is(.app-shell>.workspace>.topbar,.app-shell>.sidebar){
  border-width:var(--op-lg-border-width)!important;
  border-style:solid!important;
  border-color:transparent!important;
  background:
    linear-gradient(145deg,rgba(var(--op-lg-base-rgb),var(--op-lg-opacity)),rgba(var(--op-lg-base-rgb),calc(var(--op-lg-opacity)*.52))) padding-box,
    linear-gradient(135deg,rgba(255,255,255,var(--op-lg-border-high)),rgba(255,255,255,var(--op-lg-border-low)) 52%,rgba(0,0,0,calc(var(--op-lg-border-low)*.65))) border-box!important;
  -webkit-backdrop-filter:blur(var(--op-lg-blur)) saturate(var(--op-lg-saturation)) contrast(var(--op-lg-contrast))!important;
  backdrop-filter:blur(var(--op-lg-blur)) saturate(var(--op-lg-saturation)) contrast(var(--op-lg-contrast))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,var(--op-lg-inner-highlight)),
    inset 0 -1px 0 rgba(0,0,0,calc(var(--op-lg-inner-highlight)*.18)),
    0 var(--op-lg-shadow-y) var(--op-lg-shadow-blur) rgba(var(--op-lg-shadow-rgb),var(--op-lg-shadow-opacity))!important;
  background-image:
    radial-gradient(120% 80% at 0% 0%,rgba(255,255,255,calc(var(--op-lg-refraction-alpha) + .02)),transparent 44%),
    radial-gradient(90% 70% at 100% 100%,color-mix(in srgb,var(--accent) calc(var(--op-lg-refraction)*1%),transparent),transparent 52%),
    linear-gradient(145deg,rgba(var(--op-lg-base-rgb),var(--op-lg-opacity)),rgba(var(--op-lg-base-rgb),calc(var(--op-lg-opacity)*.52)))!important;
}
.app-shell>.workspace>.topbar{
  border-bottom-color:color-mix(in srgb,var(--text) 14%,transparent)!important;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-top-color:transparent!important;
}

/* Perfil na topbar */
.topbar .top-profile-button{
  width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  padding:0!important;border:0!important;outline:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important;
}
.topbar .top-profile-button .rank-frame,
.topbar .top-profile-button [class*="frame"]{display:none!important}
.topbar .top-profile-button>*,
.topbar .top-profile-button .avatar,
.topbar .top-profile-button .rank-avatar{
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  margin:0!important;border:0!important;outline:0!important;border-radius:50%!important;
  box-shadow:none!important;overflow:hidden!important;background:transparent!important;
}
.topbar .top-profile-button img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;
  border:0!important;outline:0!important;border-radius:50%!important;box-shadow:none!important;
}
.op-profile-menu-avatar{border-radius:50%!important;overflow:hidden!important}
.op-profile-menu-avatar img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;
}

/* Botões arredondados mantidos */
:is(
  .topbar .icon-button,.topbar .command-button,.notification-center>.notification,
  #op-desktop-top-nav .op-desktop-top-nav-item,.op-frota-mode>button,.op-frota-searchbar>button,
  .op-frota-copy,.op-profile-popover button,.op-appearance-popover button,
  .sap-global-overlay button,.op-workspace-dialog button,.secondary,.primary
){border-radius:var(--op-ios-pill-radius)!important}
.topbar :is(.icon-button,.command-button,.notification-center>.notification){min-height:54px;min-width:54px}
#op-desktop-top-nav .op-desktop-top-nav-item{border-radius:var(--op-ios-pill-radius-lg)!important;transform-origin:center bottom}
.app-card,.op-native-app-card,.surface,.withdrawal-modern{border-radius:28px!important}

/* Visão Geral */
.op-overview-orbit-icon,.op-overview-orbit-icon svg,.op-overview-orbit-icon img{
  display:block;width:1.12em;height:1.12em;flex:0 0 auto
}
.app-card .op-overview-orbit-icon,.op-desktop-top-nav-icon .op-overview-orbit-icon{width:1.18em;height:1.18em}

/* Frota */
.op-frota-result-card .op-frota-field.op-frota-hide-plate,
.op-frota-result-card .op-frota-field.op-frota-hide-updated{display:none!important}

@media(max-width:820px){
  .topbar .top-profile-button{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
  .topbar .top-profile-button>*,.topbar .top-profile-button .avatar,.topbar .top-profile-button .rank-avatar{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important
  }
  .topbar :is(.icon-button,.command-button,.notification-center>.notification){min-height:50px;min-width:50px}
}