/* Yebrax GC HF60R3 — dashboard refinement, sidebar cleanup and logo hardening */

:root{
  --gc-r3-page:#f6f8fb;
  --gc-r3-surface:#ffffff;
  --gc-r3-surface-2:#f8fafc;
  --gc-r3-border:#e2e8f0;
  --gc-r3-border-2:#d3dce7;
  --gc-r3-text:#172033;
  --gc-r3-muted:#5f7086;
  --gc-r3-sidebar:#071b2f;
  --gc-r3-sidebar-2:#0a2845;
  --gc-r3-sidebar-text:#e8f0f7;
  --gc-r3-sidebar-muted:#b2c2d2;
  --gc-r3-shadow:0 8px 24px rgba(15,23,42,.055);
  --gc-r3-shadow-soft:0 1px 2px rgba(15,23,42,.035),0 4px 12px rgba(15,23,42,.035);
}
:root[data-theme="dark"]{
  --gc-r3-page:#07111c;
  --gc-r3-surface:#0d1a29;
  --gc-r3-surface-2:#101f31;
  --gc-r3-border:#203449;
  --gc-r3-border-2:#2b435b;
  --gc-r3-text:#edf3f9;
  --gc-r3-muted:#9aadc0;
  --gc-r3-sidebar:#04131f;
  --gc-r3-sidebar-2:#08233c;
  --gc-r3-sidebar-text:#edf5fb;
  --gc-r3-sidebar-muted:#a8bdd0;
  --gc-r3-shadow:0 12px 28px rgba(0,0,0,.20);
  --gc-r3-shadow-soft:0 2px 12px rgba(0,0,0,.13);
}

@media screen{
  body.ui2-panel,body.ui2-admin{
    background:var(--gc-r3-page)!important;
    color:var(--gc-r3-text)!important;
    font-size:14px!important;
  }
  body.ui2-panel h1,body.ui2-panel h2,body.ui2-panel h3,body.ui2-panel h4,
  body.ui2-admin h1,body.ui2-admin h2,body.ui2-admin h3,body.ui2-admin h4{color:var(--gc-r3-text)!important}
  body.ui2-panel .small,body.ui2-panel .muted,body.ui2-panel label,
  body.ui2-admin .small,body.ui2-admin .muted,body.ui2-admin label{color:var(--gc-r3-muted)!important}

  /* ------------------------------------------------------------------
     Sidebar — flatter, clearer and less "cards inside cards"
     ------------------------------------------------------------------ */
  body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{
    width:286px!important;flex:0 0 286px!important;padding:12px 11px 18px!important;
    background:linear-gradient(180deg,var(--gc-r3-sidebar-2) 0%,var(--gc-r3-sidebar) 68%,#061522 100%)!important;
    border-inline-end:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;color:var(--gc-r3-sidebar-text)!important;
  }
  body.ui2-panel .panel-sidebar::-webkit-scrollbar,body.ui2-admin .panel-sidebar::-webkit-scrollbar{width:6px}
  body.ui2-panel .panel-sidebar::-webkit-scrollbar-thumb,body.ui2-admin .panel-sidebar::-webkit-scrollbar-thumb{background:rgba(181,205,226,.22);border-radius:999px}

  body.ui2-panel .panel-sidebar__brand,body.ui2-admin .panel-sidebar__brand{
    display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;
    min-height:66px!important;padding:7px 5px 12px!important;margin:0 2px!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  body.ui2-panel .gc-company-logo-shell,body.ui2-admin .gc-company-logo-shell{
    width:46px;height:46px;position:relative;display:grid;place-items:center;border-radius:12px;
    background:#fff;border:1px solid rgba(255,255,255,.26);overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.14)
  }
  body.ui2-panel .panel-sidebar__brand .gc-company-logo,
  body.ui2-admin .panel-sidebar__brand .gc-company-logo{
    display:block!important;width:100%!important;height:100%!important;min-width:0!important;padding:4px!important;
    object-fit:contain!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
  }
  body.ui2-panel .panel-sidebar__brand .gc-brand-mark,
  body.ui2-admin .panel-sidebar__brand .gc-brand-mark{
    width:100%!important;height:100%!important;min-width:0!important;border-radius:0!important;display:grid;place-items:center;
    background:linear-gradient(135deg,var(--gc-r2-primary,#0b63ce),var(--gc-r2-accent,#16a9bf))!important;color:#fff!important;font-weight:950!important;
  }
  body.ui2-panel .panel-sidebar__brand .gc-brand-mark[hidden],body.ui2-admin .panel-sidebar__brand .gc-brand-mark[hidden]{display:none!important}
  body.ui2-panel .panel-sidebar__brand .title,body.ui2-admin .panel-sidebar__brand .title{
    color:#fff!important;font-size:15px!important;font-weight:900!important;opacity:1!important
  }
  body.ui2-panel .panel-sidebar__brand .small,body.ui2-admin .panel-sidebar__brand .small{
    color:var(--gc-r3-sidebar-muted)!important;font-size:11px!important;opacity:1!important
  }
  body.ui2-panel .gc-workspace-badge{
    grid-column:2!important;justify-self:start!important;margin-top:3px!important;padding:3px 7px!important;
    border-radius:8px!important;font-size:10px!important;color:#d9e9f6!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.08)!important
  }

  body.ui2-panel .gc-sidebar-identity{
    grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;margin:8px 2px 3px!important;padding:8px 5px 10px!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;border-radius:0!important;background:transparent!important
  }
  body.ui2-panel .gc-sidebar-identity__avatar{width:38px!important;height:38px!important;border-radius:11px!important;font-size:.9rem!important}
  body.ui2-panel .gc-sidebar-identity__meta>a:first-child{color:#f7fbff!important;font-size:12.5px!important;font-weight:900!important}
  body.ui2-panel .gc-sidebar-identity__meta small{color:var(--gc-r3-sidebar-muted)!important;font-size:10.5px!important;opacity:1!important;margin-top:2px!important}
  body.ui2-panel .gc-sidebar-logout{
    width:auto!important;display:inline-flex!important;margin-top:5px!important;padding:3px 7px!important;min-height:0!important;
    border:0!important;background:transparent!important;color:#f5a8a8!important;font-size:10.5px!important;border-radius:7px!important
  }
  body.ui2-panel .gc-sidebar-logout:hover{background:rgba(239,68,68,.10)!important;color:#fff!important}

  body.ui2-panel .panel-sidebar__search,body.ui2-admin .panel-sidebar__search{margin:8px 2px 9px!important}
  body.ui2-panel .panel-sidebar__search input,body.ui2-admin .panel-sidebar__search input{
    min-height:38px!important;padding:7px 11px!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,255,255,.10)!important;color:#f1f7fc!important;font-size:12px!important
  }
  body.ui2-panel .panel-sidebar__search input::placeholder,body.ui2-admin .panel-sidebar__search input::placeholder{color:#91a8be!important;opacity:1!important}

  body.ui2-panel .panel-nav,body.ui2-admin .panel-nav{gap:2px!important}
  body.ui2-panel .panel-nav__home,body.ui2-admin .panel-nav__home{margin-bottom:5px!important}
  body.ui2-panel .panel-group,body.ui2-admin .panel-group{
    margin:1px 0!important;border:0!important;border-radius:10px!important;background:transparent!important;overflow:hidden
  }
  body.ui2-panel .panel-group__head,body.ui2-admin .panel-group__head{
    min-height:43px!important;padding:7px 8px!important;border-radius:10px!important;color:var(--gc-r3-sidebar-muted)!important;
    background:transparent!important;border:1px solid transparent!important;opacity:1!important
  }
  body.ui2-panel .panel-group__head:hover,body.ui2-admin .panel-group__head:hover,
  body.ui2-panel .panel-group[data-open="1"]>.panel-group__head,body.ui2-admin .panel-group[data-open="1"]>.panel-group__head{
    background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.04)!important
  }
  body.ui2-panel .panel-group__title,body.ui2-panel .panel-group__title b,
  body.ui2-admin .panel-group__title,body.ui2-admin .panel-group__title b{
    color:#c8d6e3!important;font-size:12.4px!important;font-weight:820!important;opacity:1!important
  }
  body.ui2-panel .panel-group__title .ic,body.ui2-admin .panel-group__title .ic{
    width:29px!important;height:29px!important;display:grid!important;place-items:center!important;border-radius:8px!important;
    background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.055)!important;font-size:14px!important;filter:saturate(.72)
  }
  body.ui2-panel .panel-group__chev,body.ui2-admin .panel-group__chev{color:#7891aa!important;opacity:1!important;font-size:11px!important}
  body.ui2-panel .panel-group__items,body.ui2-admin .panel-group__items{padding:2px 4px 5px 4px!important}
  body.ui2-panel .panel-nav__item,body.ui2-admin .panel-nav__item{
    min-height:37px!important;margin:1px 0!important;padding:6px 8px!important;border-radius:9px!important;
    color:#b5c6d6!important;border:1px solid transparent!important;background:transparent!important;opacity:1!important
  }
  body.ui2-panel .panel-nav__item .ic,body.ui2-admin .panel-nav__item .ic{
    width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:7px!important;
    background:rgba(255,255,255,.035)!important;font-size:12px!important;filter:saturate(.62);opacity:.95!important
  }
  body.ui2-panel .panel-nav__item .lb,body.ui2-admin .panel-nav__item .lb{color:inherit!important;font-size:12px!important;font-weight:700!important;opacity:1!important}
  body.ui2-panel .panel-nav__item:hover,body.ui2-admin .panel-nav__item:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
  body.ui2-panel .panel-nav__item.active,body.ui2-admin .panel-nav__item.active{
    color:#fff!important;background:color-mix(in srgb,var(--gc-r2-primary,#0b63ce) 76%,#0c3356)!important;
    border-color:rgba(114,191,255,.22)!important;box-shadow:none!important
  }
  body.ui2-panel .panel-nav__item.active .ic,body.ui2-admin .panel-nav__item.active .ic{background:rgba(255,255,255,.13)!important;filter:none}

  /* ------------------------------------------------------------------
     Topbar — less clutter, clearer hierarchy
     ------------------------------------------------------------------ */
  body.ui2-panel .panel-topbar,body.ui2-admin .panel-topbar{
    min-height:60px!important;padding:8px 14px!important;background:rgba(255,255,255,.965)!important;
    border-bottom:1px solid var(--gc-r3-border)!important;box-shadow:0 1px 7px rgba(15,23,42,.035)!important
  }
  :root[data-theme="dark"] body.ui2-panel .panel-topbar,:root[data-theme="dark"] body.ui2-admin .panel-topbar{
    background:rgba(8,20,33,.97)!important;border-bottom-color:var(--gc-r3-border)!important
  }
  body.ui2-panel .panel-page-title,body.ui2-admin .panel-page-title{font-size:16px!important;font-weight:900!important;color:var(--gc-r3-text)!important}
  body.ui2-panel .panel-topbar__title .small,body.ui2-admin .panel-topbar__title .small{font-size:10.5px!important;margin-top:1px!important;color:var(--gc-r3-muted)!important;opacity:1!important}
  body.ui2-panel .panel-topbar__right,body.ui2-admin .panel-topbar__right{gap:5px!important;flex-wrap:nowrap!important}
  body.ui2-panel .panel-topbar .btn,body.ui2-admin .panel-topbar .btn{
    min-height:36px!important;padding:6px 10px!important;border-radius:9px!important;font-size:11.5px!important;white-space:nowrap
  }
  body.ui2-panel .panel-topbar .btn.primary,body.ui2-admin .panel-topbar .btn.primary{box-shadow:none!important}
  body.ui2-panel .gc-workspace-switch,body.ui2-admin .gc-workspace-switch{
    gap:1px!important;padding:2px!important;border-radius:9px!important;background:var(--gc-r3-surface-2)!important;border:1px solid var(--gc-r3-border)!important
  }
  body.ui2-panel .gc-workspace-switch button,body.ui2-admin .gc-workspace-switch button{min-height:30px!important;padding:4px 7px!important;border-radius:7px!important;font-size:10.5px!important;color:var(--gc-r3-muted)!important}
  body.ui2-panel .gc-workspace-switch button.active,body.ui2-admin .gc-workspace-switch button.active{background:var(--gc-r3-surface)!important;color:var(--gc-r3-text)!important;box-shadow:0 1px 4px rgba(15,23,42,.08)!important}
  :root[data-theme="dark"] body.ui2-panel .gc-workspace-switch button.active,:root[data-theme="dark"] body.ui2-admin .gc-workspace-switch button.active{background:#183049!important;color:#fff!important}

  body.ui2-panel .gc-theme-control,body.ui2-admin .gc-theme-control{gap:1px!important;padding:2px!important;border-radius:9px!important;background:var(--gc-r3-surface-2)!important;border-color:var(--gc-r3-border)!important}
  body.ui2-panel .gc-theme-control__label,body.ui2-admin .gc-theme-control__label{display:none!important}
  body.ui2-panel .gc-theme-choice,body.ui2-admin .gc-theme-choice{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;justify-content:center!important;border-radius:7px!important}
  body.ui2-panel .gc-theme-choice em,body.ui2-admin .gc-theme-choice em{display:none!important}
  body.ui2-panel .gc-theme-choice.is-active,body.ui2-admin .gc-theme-choice.is-active{box-shadow:none!important}

  /* ------------------------------------------------------------------
     Main workspace, cards, forms
     ------------------------------------------------------------------ */
  body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:16px 16px 28px!important;background:var(--gc-r3-page)!important}
  body.ui2-panel .panel-content>.container,body.ui2-admin .panel-content>.container{max-width:1500px!important}

  body.ui2-panel .card,body.ui2-admin .card,
  body.ui2-panel .gc-erp-card,body.ui2-panel .gc-e-kpi,
  body.ui2-panel .gc-statement-kpi{
    background:var(--gc-r3-surface)!important;color:var(--gc-r3-text)!important;border-color:var(--gc-r3-border)!important;
    border-radius:13px!important;box-shadow:var(--gc-r3-shadow-soft)!important
  }
  body.ui2-panel .card:hover.gc-kpi-card,body.ui2-panel .gc-erp-card:hover{box-shadow:var(--gc-r3-shadow)!important}
  body.ui2-panel input,body.ui2-panel select,body.ui2-panel textarea,
  body.ui2-admin input,body.ui2-admin select,body.ui2-admin textarea{
    background:var(--gc-r3-surface)!important;color:var(--gc-r3-text)!important;border-color:var(--gc-r3-border-2)!important;
    border-radius:9px!important;min-height:40px!important
  }
  body.ui2-panel .table-wrap,body.ui2-panel .gc-erp-table-wrap,body.ui2-admin .table-wrap{border-radius:11px!important;border-color:var(--gc-r3-border)!important}
  body.ui2-panel .table thead th,body.ui2-panel .gc-erp-table th,body.ui2-admin .table thead th{background:var(--gc-r3-surface-2)!important;color:#536579!important;border-color:var(--gc-r3-border)!important}
  :root[data-theme="dark"] body.ui2-panel .table thead th,:root[data-theme="dark"] body.ui2-panel .gc-erp-table th,:root[data-theme="dark"] body.ui2-admin .table thead th{color:#a9bbcb!important}

  /* ------------------------------------------------------------------
     Dashboard hero — explicit contrast (fixes black title on navy screenshot)
     ------------------------------------------------------------------ */
  body.ui2-panel .gc-dash-hero,body.ui2-admin .gc-admin-hero{
    min-height:0!important;padding:24px 26px!important;border-radius:18px!important;gap:20px!important;
    background:linear-gradient(120deg,#08233d 0%,#0a365b 58%,color-mix(in srgb,var(--gc-r2-accent,#16a9bf) 55%,#0a365b))!important;
    box-shadow:0 12px 30px rgba(7,27,51,.13)!important;border:1px solid rgba(255,255,255,.07)!important
  }
  body.ui2-panel .gc-dash-hero h1,body.ui2-admin .gc-admin-hero h1{
    color:#fff!important;font-size:27px!important;line-height:1.25!important;margin:9px 0 6px!important;text-shadow:0 1px 1px rgba(0,0,0,.08)
  }
  body.ui2-panel .gc-dash-hero p,body.ui2-admin .gc-admin-hero p{color:#c8d8e6!important;font-size:13px!important;line-height:1.75!important}
  body.ui2-panel .gc-dash-kicker,body.ui2-admin .gc-dash-kicker{color:#e2eef8!important;background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.13)!important;padding:5px 9px!important}
  body.ui2-panel .gc-dash-meta>span{color:#d8e7f3!important;background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.10)!important;min-height:27px!important;padding:4px 8px!important}
  body.ui2-panel .gc-dash-hero__actions{max-width:390px!important;gap:7px!important}
  body.ui2-panel .gc-dash-hero__actions .btn{min-height:38px!important;padding:7px 11px!important;border-radius:9px!important;font-size:12px!important}

  /* Dashboard KPIs — cleaner and denser */
  body.ui2-panel .gc-health-strip{gap:9px!important;margin:11px 0!important}
  body.ui2-panel .gc-health-strip>a{min-height:64px!important;padding:11px 13px!important;border-radius:12px!important;box-shadow:none!important}
  body.ui2-panel .gc-kpi-grid{gap:10px!important}
  body.ui2-panel .gc-kpi-card{min-height:142px!important;padding:16px!important;border-radius:13px!important;box-shadow:var(--gc-r3-shadow-soft)!important}
  body.ui2-panel .gc-kpi-card:after{display:none!important}
  body.ui2-panel .gc-kpi-icon{width:38px!important;height:38px!important;border-radius:10px!important;font-size:17px!important}
  body.ui2-panel .gc-kpi-card>small{margin-top:11px!important;color:var(--gc-r3-muted)!important;font-size:11px!important}
  body.ui2-panel .gc-kpi-card>strong{margin-top:5px!important;color:var(--gc-r3-text)!important;font-size:22px!important}
  body.ui2-panel .gc-kpi-card>p{margin-top:5px!important;color:var(--gc-r3-muted)!important;font-size:10.8px!important}
  body.ui2-panel .gc-kpi-card__top>a{color:#7a8ca0!important;font-size:14px!important}

  body.ui2-panel .gc-dashboard-grid{gap:12px!important}
  body.ui2-panel .gc-section-card{padding:16px!important}
  body.ui2-panel .gc-card-head h2{font-size:17px!important;margin-top:2px!important}
  body.ui2-panel .gc-card-eyebrow{font-size:10px!important;letter-spacing:.15px!important}
  body.ui2-panel .gc-action-grid{gap:7px!important}
  body.ui2-panel .gc-action-grid a{min-height:56px!important;padding:9px 10px!important;border-radius:10px!important;background:var(--gc-r3-surface-2)!important;border-color:var(--gc-r3-border)!important}
  body.ui2-panel .gc-action-grid a>span{font-size:15px!important}
  body.ui2-panel .gc-action-grid a b{font-size:11.5px!important}

  body.ui2-panel .gc-simple-launcher{padding:15px!important}
  body.ui2-panel .gc-simple-launcher__grid a{background:var(--gc-r3-surface-2)!important;border-color:var(--gc-r3-border)!important;border-radius:11px!important;box-shadow:none!important;transform:none!important}
  body.ui2-panel .gc-simple-launcher__grid a:hover{background:color-mix(in srgb,var(--gc-r2-primary,#0b63ce) 5%,var(--gc-r3-surface))!important;border-color:color-mix(in srgb,var(--gc-r2-primary,#0b63ce) 25%,var(--gc-r3-border))!important;transform:none!important;box-shadow:none!important}

  /* stop legacy theme rules from dimming important text */
  body.ui2-panel .panel-sidebar .lb,body.ui2-panel .panel-sidebar b,body.ui2-panel .panel-sidebar .title,
  body.ui2-admin .panel-sidebar .lb,body.ui2-admin .panel-sidebar b,body.ui2-admin .panel-sidebar .title{opacity:1!important}

  @media(max-width:1260px){
    body.ui2-panel .panel-topbar__right>a[href*="billing"],body.ui2-admin .panel-topbar__right>a[href*="billing"]{display:none!important}
    body.ui2-panel .lang-pill,body.ui2-admin .lang-pill{padding-inline:8px!important}
  }
  @media(max-width:980px){
    body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{width:min(88vw,300px)!important;max-width:300px!important;flex-basis:auto!important}
    body.ui2-panel .panel-topbar,body.ui2-admin .panel-topbar{min-height:56px!important;padding:7px 9px!important}
    body.ui2-panel .panel-topbar__right,body.ui2-admin .panel-topbar__right{overflow-x:auto!important;max-width:78vw!important;scrollbar-width:none}
    body.ui2-panel .panel-topbar__right::-webkit-scrollbar,body.ui2-admin .panel-topbar__right::-webkit-scrollbar{display:none}
    body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:11px 9px 22px!important}
    body.ui2-panel .gc-dash-hero,body.ui2-admin .gc-admin-hero{padding:19px 17px!important;border-radius:15px!important}
    body.ui2-panel .gc-dash-hero h1,body.ui2-admin .gc-admin-hero h1{font-size:23px!important}
  }
  @media(max-width:680px){
    body.ui2-panel .gc-workspace-switch,body.ui2-admin .gc-workspace-switch{display:none!important}
    body.ui2-panel .lang-pill,body.ui2-admin .lang-pill{display:none!important}
    body.ui2-panel .gc-theme-choice{width:29px!important;height:29px!important}
    body.ui2-panel .gc-kpi-grid{grid-template-columns:1fr 1fr!important}
  }
  @media(max-width:460px){body.ui2-panel .gc-kpi-grid{grid-template-columns:1fr!important}}
}