/*
 * Correcto Team v1.0 — authoritative theme layer
 * This file is loaded last and is authoritative for
 * cross-page dark theme colors and context-menu contrast.
 */

:root{
  --ct-dark-column:#101204;
  --ct-dark-task:#242528;
  --ct-dark-text:#c4c5c8;
  --ct-dark-muted:#9fa1a5;
  --ct-dark-border:#3b3c3f;
}

/* ===== BOARD / KANBAN: AUTHORITATIVE DARK PALETTE ===== */
html[data-theme="dark"] body #boardKanbanDashboard.board-kanban-dashboard .board-kanban-column,
body.dark #boardKanbanDashboard.board-kanban-dashboard .board-kanban-column{
  background:var(--ct-dark-column)!important;
  color:var(--ct-dark-text)!important;
  border-color:#34362f!important;
}
html[data-theme="dark"] body #boardKanbanDashboard .board-kanban-column>header,
html[data-theme="dark"] body #boardKanbanDashboard .board-column-description,
html[data-theme="dark"] body #boardKanbanDashboard .board-column-list,
html[data-theme="dark"] body #boardKanbanDashboard .column-create-tools,
body.dark #boardKanbanDashboard .board-kanban-column>header,
body.dark #boardKanbanDashboard .board-column-description,
body.dark #boardKanbanDashboard .board-column-list,
body.dark #boardKanbanDashboard .column-create-tools{
  background:var(--ct-dark-column)!important;
  color:var(--ct-dark-text)!important;
  border-color:#34362f!important;
}
html[data-theme="dark"] body #boardKanbanDashboard .board-task-card,
body.dark #boardKanbanDashboard .board-task-card{
  background:var(--ct-dark-task)!important;
  color:var(--ct-dark-text)!important;
  border-color:var(--ct-dark-border)!important;
}
html[data-theme="dark"] body #boardKanbanDashboard .board-task-card :is(h1,h2,h3,h4,strong,p,small,span),
body.dark #boardKanbanDashboard .board-task-card :is(h1,h2,h3,h4,strong,p,small,span){
  color:var(--ct-dark-text)!important;
}
html[data-theme="dark"] body #boardKanbanDashboard .board-task-card.completed,
body.dark #boardKanbanDashboard .board-task-card.completed{opacity:.68!important}
html[data-theme="dark"] body #boardKanbanDashboard .column-template-button,
html[data-theme="dark"] body #boardKanbanDashboard .column-create-primary,
body.dark #boardKanbanDashboard .column-template-button,
body.dark #boardKanbanDashboard .column-create-primary{
  color:var(--ct-dark-text)!important;
  border-color:#454740!important;
}
html[data-theme="dark"] body #boardKanbanDashboard .column-template-button,
body.dark #boardKanbanDashboard .column-template-button{background:transparent!important}

/* ===== CONTEXT MENUS — CANONICAL ===== */

html[data-theme="dark"] body :is(
  .task-context-menu,
  .task-context-submenu,
  .board-context-menu,
  .context-menu,
  #contextMenu
),
body.dark :is(
  .task-context-menu,
  .task-context-submenu,
  .board-context-menu,
  .context-menu,
  #contextMenu
){
  background:var(--ct-dark-task)!important;
  color:var(--ct-dark-text)!important;
  border-color:#454740!important;
  box-shadow:0 18px 45px rgba(0,0,0,.46)!important;
}

html[data-theme="dark"] body :is(
  .task-context-menu,
  .task-context-submenu,
  .board-context-menu,
  .context-menu,
  #contextMenu
) button,
body.dark :is(
  .task-context-menu,
  .task-context-submenu,
  .board-context-menu,
  .context-menu,
  #contextMenu
) button{
  background:transparent!important;
  color:var(--ct-dark-text)!important;
  -webkit-text-fill-color:var(--ct-dark-text)!important;
  opacity:1!important;
}

html[data-theme="dark"] body :is(
  .task-context-menu,
  .task-context-submenu,
  .board-context-menu,
  .context-menu,
  #contextMenu
) button:hover,
body.dark :is(
  .task-context-menu,
  .task-context-submenu,
  .board-context-menu,
  .context-menu,
  #contextMenu
) button:hover{
  background:#343538!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* ===== RAZVOZ / HISTORY — CANONICAL ===== */

html[data-theme="dark"] body .delivery-center-page,
body.dark .delivery-center-page{
  --dc-bg:rgba(16,18,4,.94)!important;
  --dc-card:#242528!important;
  --dc-border:#454740!important;
  --dc-muted:#aeb0b3!important;
  --dc-text:#c4c5c8!important;

  color:#c4c5c8!important;
}

html[data-theme="dark"] body .delivery-center-page :is(
  button,
  a,
  strong,
  h1,
  h2,
  h3
),
body.dark .delivery-center-page :is(
  button,
  a,
  strong,
  h1,
  h2,
  h3
){
  color:#c4c5c8!important;
}

html[data-theme="dark"] body .delivery-center-page :is(
  .delivery-center-actions button,
  .delivery-mode-tabs button,
  .delivery-view-switch button,
  .delivery-day-chip
),
body.dark .delivery-center-page :is(
  .delivery-center-actions button,
  .delivery-mode-tabs button,
  .delivery-view-switch button,
  .delivery-day-chip
){
  background:transparent!important;
  color:#c4c5c8!important;
  border-color:#454740!important;
}

html[data-theme="dark"] body .delivery-center-page :is(
  .delivery-mode-tabs button.active,
  .delivery-view-switch button.active
),
body.dark .delivery-center-page :is(
  .delivery-mode-tabs button.active,
  .delivery-view-switch button.active
){
  background:#242528!important;
  color:#fff!important;
  border-color:#62645d!important;
}

html[data-theme="dark"] body .delivery-center-actions .primary,
body.dark .delivery-center-actions .primary{
  background:#2674f6!important;
  color:#fff!important;
  border-color:#2674f6!important;
}

html[data-theme="dark"] body .delivery-history,
body.dark .delivery-history{
  background:rgba(16,18,4,.94)!important;
  color:#c4c5c8!important;
}

html[data-theme="dark"] body .delivery-history-day li,
body.dark .delivery-history-day li{
  background:#242528!important;
  color:#c4c5c8!important;
}

html[data-theme="dark"] body .delivery-history-day li button,
body.dark .delivery-history-day li button{
  background:transparent!important;
  color:#c4c5c8!important;
  border:0!important;
}

html[data-theme="dark"] body :is(
  .delivery-history-day li small,
  .delivery-history-day > div span
),
body.dark :is(
  .delivery-history-day li small,
  .delivery-history-day > div span
){
  color:#aeb0b3!important;
}

/* ===== MODAL / SECONDARY ACTIONS ===== */
html[data-theme="dark"] body :is(.modal-footer,.modal-actions) button:not(.primary-button):not(.danger-button),
body.dark :is(.modal-footer,.modal-actions) button:not(.primary-button):not(.danger-button){
  background:transparent!important;
  color:#f0f1f3!important;
  border-color:rgba(240,241,243,.32)!important;
}
html[data-theme="dark"] body :is(.modal-footer,.modal-actions) button:not(.primary-button):not(.danger-button):hover,
body.dark :is(.modal-footer,.modal-actions) button:not(.primary-button):not(.danger-button):hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

/* ===== COLUMN FOOTER BUTTON CONSISTENCY ===== */
#boardKanbanDashboard .column-create-tools :is(.column-create-primary,.column-template-button){font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important}
#boardKanbanDashboard .column-create-primary>span:last-child,#boardKanbanDashboard .column-template-button-copy strong{font:inherit!important;line-height:1!important;color:inherit!important}
#boardKanbanDashboard .column-create-primary{color:#fff!important}
html[data-theme="dark"] body #boardKanbanDashboard .column-template-button,body.dark #boardKanbanDashboard .column-template-button{color:#c4c5c8!important}


/* ===== AUTHORITATIVE BOARD WORKSPACE ===== */

/*
 * Radna površina Board-a.
 * Header aplikacije se ne dira.
 */
html[data-theme="dark"] body:has(#boardKanbanDashboard) .app-main,
body.dark:has(#boardKanbanDashboard) .app-main,
html[data-theme="dark"] body #pageContent:has(#boardKanbanDashboard),
body.dark #pageContent:has(#boardKanbanDashboard),
html[data-theme="dark"] body .board-mobile-split,
body.dark .board-mobile-split,
html[data-theme="dark"] body .board-columns-panel,
body.dark .board-columns-panel,
html[data-theme="dark"] body #boardKanbanDashboard,
body.dark #boardKanbanDashboard{
  background:#101204!important;
  background-image:none!important;
}

/* Kolona */
html[data-theme="dark"] body #boardKanbanDashboard .board-kanban-column,
body.dark #boardKanbanDashboard .board-kanban-column{
  background:#101204!important;
}

/* Task */
html[data-theme="dark"] body #boardKanbanDashboard .board-task-card,
body.dark #boardKanbanDashboard .board-task-card{
  background:#242528!important;
  color:#c4c5c8!important;
}

/* Sav tekst unutar taska */
html[data-theme="dark"] body #boardKanbanDashboard .board-task-card *,
body.dark #boardKanbanDashboard .board-task-card *{
  color:#c4c5c8!important;
}

/*
 * Primarna dugmad na dnu kolone.
 * Eksplicitno forsiramo i WebKit text-fill da stari override
 * ne može više da učini tekst nečitljivim.
 */
#boardKanbanDashboard .column-create-primary,
#boardKanbanDashboard .column-create-primary *,
#boardKanbanDashboard #newManualShipping,
#boardKanbanDashboard #newManualShipping *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  font-weight:800!important;
}

/* Template ostaje sekundarna akcija */
html[data-theme="dark"] body #boardKanbanDashboard .column-template-button,
html[data-theme="dark"] body #boardKanbanDashboard .column-template-button *,
body.dark #boardKanbanDashboard .column-template-button,
body.dark #boardKanbanDashboard .column-template-button *{
  color:#c4c5c8!important;
  -webkit-text-fill-color:#c4c5c8!important;
  opacity:1!important;
}

/*
 * Correcto Team v1.0
 * canonical header nav profile visual theme ownership
 *
 * Phase 3U v2
 *
 * VISUAL PROPERTIES ONLY.
 * Structure is owned by layout.css / components.css.
 */


/* ==========================================================
   HEADER
   ========================================================== */

#appHeader.app-header.warm-header{
  --menu-ink:#182033;
  --menu-muted:#6f7a8d;
  --menu-line:#e8dfd5;
  --menu-accent:#2f73f6;
  background:linear-gradient(180deg,#fffdfb 0%,#fff8f1 100%)!important;
  border-bottom:1px solid var(--menu-line)!important;
  box-shadow:0 10px 32px rgba(85,58,35,.09)!important;
}

body.dark #appHeader.app-header.warm-header{
  --menu-ink:#f6f8fc;
  --menu-muted:#9dacbf;
  --menu-line:#2a374b;
  background:linear-gradient(180deg,#152033 0%,#101827 100%)!important;
  border-bottom-color:#263244!important;
}


/* ==========================================================
   BRAND
   ========================================================== */

.premium-brand{
  border:0;
  background:transparent;
  color:inherit;
}

.premium-brand .brand-copy strong{
  color:#3976ff;
}

.premium-brand .brand-copy b{
  color:#1178b8;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

#appHeader .nav-button,
#appHeader .main-nav>.dropdown>.dropdown-toggle{
  border:1px solid transparent!important;
  color:var(--menu-ink)!important;
  background:transparent!important;
}

#appHeader .nav-button:hover,
#appHeader .main-nav>.dropdown>.dropdown-toggle:hover,
#appHeader .dropdown.open>.dropdown-toggle{
  background:#fff!important;
  border-color:#eadfd3!important;
  box-shadow:0 5px 15px rgba(71,49,31,.08)!important;
}

body.dark #appHeader .nav-button:hover,
body.dark #appHeader .main-nav>.dropdown>.dropdown-toggle:hover,
body.dark #appHeader .dropdown.open>.dropdown-toggle{
  background:#1c2a40!important;
  border-color:#33435a!important;
}


/* ==========================================================
   CREATE / SEARCH / HEADER TOOLS
   ========================================================== */

.premium-create-button{
  border:0;
  background:linear-gradient(135deg,#3976ff,#2165e9);
  color:white;
  box-shadow:0 8px 20px rgba(57,118,255,.25);
}

.premium-create-button:hover{
  box-shadow:0 11px 24px rgba(57,118,255,.32);
}

.premium-global-search .search-icon{
  color:#758196;
}

#appHeader .premium-global-search input{
  border:1px solid #e1e6ee!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}

body.dark #appHeader .premium-global-search input{
  background:#17243a!important;
  border-color:#33445d!important;
  color:#f4f7fb!important;
}

#appHeader .command-palette-trigger{
  background:#fff!important;
  border:1px solid #e7ddd2!important;
  color:#172033!important;
}

body.dark #appHeader .command-palette-trigger{
  background:#17243a!important;
  border-color:#33445d!important;
  color:#f4f7fb!important;
}

#appHeader .header-icon-button{
  background:#fff!important;
  border:1px solid #e7ddd2!important;
  color:#172033!important;
}

body.dark #appHeader .header-icon-button{
  background:#17243a!important;
  border-color:#33445d!important;
  color:#f4f7fb!important;
}


/* ==========================================================
   PROFILE
   ========================================================== */

#appHeader .profile-button{
  background:#fff!important;
  border:1px solid #e7ddd2!important;
  color:#172033!important;
}

body.dark #appHeader .profile-button{
  background:#17243a!important;
  border-color:#33445d!important;
  color:#f4f7fb!important;
}

#appHeader .profile-copy small{
  color:var(--menu-muted);
}


/* ==========================================================
   DROPDOWNS
   ========================================================== */

#appHeader .dropdown-menu{
  border:1px solid #e4e9f0!important;
  background:#fff!important;
  box-shadow:0 22px 55px rgba(23,32,51,.18)!important;
}

body.dark #appHeader .dropdown-menu{
  background:#152238!important;
  border-color:#33445d!important;
}

#appHeader .dropdown-menu button{
  color:var(--menu-ink)!important;
}

#appHeader .dropdown-menu button:hover{
  background:#f1f5fb!important;
}

body.dark #appHeader .dropdown-menu button:hover{
  background:#21324b!important;
}


/* ==========================================================
   DESKTOP VISUALS
   ========================================================== */

@media (min-width:901px){

  #appHeader .brand-logo{
    background:#ff7a1a!important;
  }

  #appHeader .brand>span:not(.brand-logo){
    color:#3976ff!important;
  }

  #appHeader .brand small{
    background:#eaf5fb!important;
    color:#1677a8!important;
  }

  #appHeader .global-search input{
    background:#fff!important;
  }

  .profile-menu>button .profile-menu-icon{
    background:var(--surface-2)!important;
  }

  .profile-menu>button small{
    color:var(--muted)!important;
  }
}


/* ==========================================================
   MOBILE <=760
   ========================================================== */

@media (max-width:760px){

  #appHeader.app-header{
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid var(--border)!important;
  }

  .mobile-bottom-nav{
    border:1px solid rgba(211,221,233,.92)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 16px 42px rgba(20,34,55,.22)!important;
    backdrop-filter:blur(18px)!important;
  }

  body.dark .mobile-bottom-nav{
    background:rgba(15,27,45,.96)!important;
    border-color:#30445f!important;
  }

  .mobile-bottom-nav button{
    border:0!important;
    background:transparent!important;
    color:#657187!important;
  }

  .mobile-bottom-nav button.active,
  .mobile-bottom-nav button:active{
    background:#eaf4ff!important;
    color:#1267c4!important;
  }

  body.dark .mobile-bottom-nav button{
    color:#aebdd0!important;
  }

  body.dark .mobile-bottom-nav button.active,
  body.dark .mobile-bottom-nav button:active{
    background:#183552!important;
    color:#75c9ff!important;
  }


  body.mobile-nav-open::after{
    background:rgba(8,14,24,.48)!important;
    backdrop-filter:blur(2px)!important;
  }

  body.mobile-nav-open #appHeader .main-nav{
    background:#fff!important;
    border:1px solid #dbe3ed!important;
    box-shadow:0 22px 60px rgba(9,20,36,.28)!important;
  }

  body.dark.mobile-nav-open #appHeader .main-nav{
    background:#111f33!important;
    border-color:#30445f!important;
  }

  body.mobile-nav-open #appHeader .main-nav>.nav-button,
  body.mobile-nav-open #appHeader .main-nav>.dropdown>.dropdown-toggle{
    color:#172033!important;
    background:#f6f8fb!important;
  }

  body.dark.mobile-nav-open #appHeader .main-nav>.nav-button,
  body.dark.mobile-nav-open #appHeader .main-nav>.dropdown>.dropdown-toggle{
    color:#f3f7fc!important;
    background:#192b43!important;
  }

  body.mobile-nav-open #appHeader .dropdown-menu{
    box-shadow:none!important;
  }


  body.mobile-profile-open::after{
    background:rgba(8,14,24,.48);
    backdrop-filter:blur(2px);
  }

  body.mobile-profile-open .profile-dropdown>.profile-menu{
    background:#fff!important;
    border:1px solid #dbe3ed!important;
    box-shadow:0 22px 60px rgba(9,20,36,.30)!important;
  }

  body.dark.mobile-profile-open .profile-dropdown>.profile-menu{
    background:#111f33!important;
    border-color:#30445f!important;
  }

  #appHeader .profile-dropdown.open>.profile-menu,
  body.mobile-profile-open #appHeader .profile-dropdown>.profile-menu{
    background:#fff!important;
    border:1px solid #d8e1ec!important;
    box-shadow:0 24px 70px rgba(9,20,36,.28)!important;
  }

  body.dark #appHeader .profile-dropdown.open>.profile-menu,
  body.dark.mobile-profile-open #appHeader .profile-dropdown>.profile-menu{
    background:#101d30!important;
    border-color:#31455f!important;
  }

  .profile-menu-user{
    border-bottom:1px solid #e5eaf1!important;
  }

  body.dark .profile-menu-user{
    border-color:#2d4059!important;
  }

  .profile-menu-user small{
    color:#718096!important;
  }

  #appHeader .profile-menu button{
    color:#172033!important;
    background:transparent!important;
  }

  #appHeader .profile-menu button:hover,
  #appHeader .profile-menu button:active{
    background:#edf5ff!important;
    color:#0b57d0!important;
  }

  body.dark #appHeader .profile-menu button{
    color:#eef5ff!important;
  }

  body.dark #appHeader .profile-menu button:hover{
    background:#203653!important;
    color:#fff!important;
  }

  #profileNotificationToggle em{
    background:#edf1f5!important;
    color:#687386!important;
  }

  #profileNotificationToggle.is-enabled em{
    background:#dcfce7!important;
    color:#15803d!important;
  }

  .profile-build-info{
    color:#5f6d80!important;
  }

  body.dark .profile-build-info{
    background:#17273d!important;
    color:#aebdd0!important;
  }

  #appHeader .profile-menu .profile-logout{
    color:#c62828!important;
    border-top:1px solid #e5eaf1!important;
  }
}


/* ==========================================================
   MOBILE <=900 FINAL VISUAL WRITER
   ========================================================== */

@media (max-width:900px){




  #appHeader .main-nav{
    background:var(--surface)!important;
    border:1px solid var(--border)!important;
    box-shadow:0 24px 55px rgba(15,23,42,.24)!important;
  }

  #appHeader .main-nav .nav-button,
  #appHeader .main-nav>.dropdown>.dropdown-toggle{
    background:var(--surface2)!important;
  }

  .profile-dropdown .profile-menu{
    box-shadow:0 22px 60px rgba(15,23,42,.28)!important;
  }

  .profile-menu-user{
    background:linear-gradient(
      135deg,
      color-mix(in srgb,var(--primary) 12%,var(--surface)),
      var(--surface-2)
    )!important;
  }

  .profile-menu>button .profile-menu-icon{
    background:var(--surface-2)!important;
  }

  .profile-menu>button small{
    color:var(--muted)!important;
  }

  .profile-build-info{
    background:var(--surface-2)!important;
  }

  /* =========================================================
     C8C.2M.7 — CANONICAL MOBILE HEADER
     One row: menu | centered brand | profile
     ========================================================= */

  #appHeader.app-header.warm-header{
    position:sticky!important;
    top:0!important;

    /*
     * C8C.2M.9
     * Header must stay above the mobile-nav blur backdrop
     * (89990) and above the menu surface (90010).
     */
    z-index:90020!important;

    width:100%!important;
    max-width:100vw!important;

    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:6px!important;

    height:58px!important;
    min-height:58px!important;

    padding:
      7px max(10px,env(safe-area-inset-right))
      7px max(10px,env(safe-area-inset-left))!important;

    background:
      color-mix(
        in srgb,
        #ffffff 92%,
        transparent
      )!important;

    border-bottom:
      1px solid
      rgb(148 163 184 / .20)!important;

    box-shadow:
      0 6px 20px
      rgb(15 23 42 / .08)!important;

    backdrop-filter:
      blur(18px)
      saturate(135%)!important;

    -webkit-backdrop-filter:
      blur(18px)
      saturate(135%)!important;

    overflow:visible!important;
  }

  body.dark #appHeader.app-header.warm-header,
  html[data-theme="dark"] body #appHeader.app-header.warm-header{
    background:
      color-mix(
        in srgb,
        #111827 92%,
        transparent
      )!important;

    border-bottom-color:
      rgb(148 163 184 / .15)!important;

    box-shadow:
      0 7px 22px
      rgb(0 0 0 / .22)!important;
  }

  #appHeader .premium-brand-wrap{
    display:contents!important;
  }

  #appHeader .mobile-nav-toggle{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;

    display:grid!important;
    place-items:center!important;

    width:40px!important;
    height:40px!important;
    min-width:40px!important;

    margin:0!important;
    padding:0!important;

    border-radius:13px!important;

    background:
      linear-gradient(
        180deg,
        #18283d 0%,
        #101d2e 100%
      )!important;

    color:#ffffff!important;

    border:
      1px solid
      rgb(255 255 255 / .12)!important;

    box-shadow:
      0 4px 12px
      rgb(15 23 42 / .16)!important;

    font-size:20px!important;
    line-height:1!important;
  }

  body.dark #appHeader .mobile-nav-toggle,
  html[data-theme="dark"] body #appHeader .mobile-nav-toggle{
    background:
      linear-gradient(
        180deg,
        #213149 0%,
        #172438 100%
      )!important;

    border-color:
      rgb(148 163 184 / .18)!important;

    box-shadow:
      0 4px 14px
      rgb(0 0 0 / .24)!important;
  }

  #appHeader .premium-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;

    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;

    width:auto!important;
    max-width:100%!important;

    margin:0!important;
    padding:0 4px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }

  #appHeader .premium-brand .brand-logo,
  #appHeader .premium-brand small{
    display:none!important;
  }

  #appHeader .premium-brand .brand-copy{
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:4px!important;

    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;

    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.35px!important;
  }

  #appHeader .premium-header-tools{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;

    width:44px!important;
    min-width:44px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;
  }

  #appHeader .premium-header-tools>*:not(.profile-dropdown){
    display:none!important;
  }

  #appHeader .profile-dropdown{
    display:block!important;
    position:relative!important;

    width:40px!important;
    min-width:40px!important;
    margin:0!important;
  }

  #appHeader .profile-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;

    margin:0!important;
    padding:2px!important;

    border-radius:50%!important;

    border:
      2px solid
      color-mix(
        in srgb,
        var(--primary) 20%,
        var(--border)
      )!important;

    background:var(--surface)!important;

    box-shadow:
      0 4px 12px
      rgb(15 23 42 / .10)!important;
  }

  body.dark #appHeader .profile-button,
  html[data-theme="dark"] body #appHeader .profile-button{
    box-shadow:
      0 4px 14px
      rgb(0 0 0 / .20)!important;
  }

  #appHeader .profile-button .avatar{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;

    display:grid!important;
    place-items:center!important;

    font-size:11px!important;
  }

  #appHeader .profile-button .profile-copy,
  #appHeader .profile-button>span:last-child{
    display:none!important;
  }

}

/* =========================================================
   CORRECTO TEAM v1.0
   CANONICAL BOARD ENTRY LIGHT THEME

   Structure remains owned by the existing Board Entry CSS.
   This block owns only the light visual theme.
   Dark mode remains unchanged.
   ========================================================= */

html[data-theme="light"] body .board-entry-overlay{
  background:
    radial-gradient(
      circle at 14% 18%,
      color-mix(in srgb,var(--primary) 13%,transparent),
      transparent 36%
    ),
    radial-gradient(
      circle at 86% 80%,
      rgba(124,92,246,.08),
      transparent 40%
    ),
    color-mix(in srgb,#f5f8fc 94%,transparent)
    !important;

  color:var(--text)!important;
}

html[data-theme="light"] body .board-entry-window{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;

  box-shadow:
    0 28px 70px rgba(15,23,42,.17),
    0 1px 0 rgba(255,255,255,.9) inset
    !important;
}

html[data-theme="light"] body .board-entry-header{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--surface) 97%,#eef5ff),
      var(--surface)
    )
    !important;

  color:var(--text)!important;
  border-color:var(--border)!important;
}

html[data-theme="light"] body .board-entry-header h1,
html[data-theme="light"] body .board-entry-user strong,
html[data-theme="light"] body .board-entry-card-content strong{
  color:var(--text)!important;
}

html[data-theme="light"] body .board-entry-header p,
html[data-theme="light"] body .board-entry-user small,
html[data-theme="light"] body .board-entry-search span,
html[data-theme="light"] body .board-entry-card-content small,
html[data-theme="light"] body .board-entry-card-content>span,
html[data-theme="light"] body .board-entry-footer>span{
  color:var(--muted)!important;
}

html[data-theme="light"] body .board-entry-kicker{
  color:var(--primary)!important;
}

html[data-theme="light"] body .board-entry-user{
  background:
    color-mix(
      in srgb,
      var(--surface2) 88%,
      var(--surface)
    )
    !important;

  color:var(--text)!important;
  border-color:var(--border)!important;
}

html[data-theme="light"] body .board-entry-user>span{
  color:var(--primary)!important;

  background:
    color-mix(
      in srgb,
      var(--primary) 12%,
      var(--surface)
    )
    !important;

  border-color:
    color-mix(
      in srgb,
      var(--primary) 28%,
      var(--border)
    )
    !important;
}

html[data-theme="light"] body .board-entry-search{
  background:var(--surface)!important;
  border-color:var(--border)!important;
}

html[data-theme="light"] body .board-entry-search input{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
  box-shadow:none!important;
}

html[data-theme="light"] body .board-entry-search input::placeholder{
  color:var(--muted)!important;
}

html[data-theme="light"] body .board-entry-grid{
  background:
    color-mix(
      in srgb,
      var(--surface2) 48%,
      var(--surface)
    )
    !important;
}

html[data-theme="light"] body .board-entry-card{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;

  box-shadow:
    0 6px 18px rgba(30,53,92,.07)
    !important;
}

html[data-theme="light"] body .board-entry-card:hover{
  background:
    color-mix(
      in srgb,
      var(--primary) 5%,
      var(--surface)
    )
    !important;

  border-color:
    color-mix(
      in srgb,
      var(--primary) 36%,
      var(--border)
    )
    !important;
}

html[data-theme="light"] body .board-entry-card.main-board{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--primary) 8%,var(--surface)),
      var(--surface)
    )
    !important;
}

html[data-theme="light"] body .board-entry-card.weekly-board{
  background:
    linear-gradient(
      135deg,
      rgba(59,130,246,.07),
      var(--surface)
    )
    !important;
}

html[data-theme="light"] body .board-entry-card-icon{
  background:
    color-mix(
      in srgb,
      var(--primary) 10%,
      var(--surface2)
    )
    !important;

  color:var(--primary)!important;
}

html[data-theme="light"] body .board-entry-arrow{
  color:var(--primary)!important;
}

html[data-theme="light"] body .board-entry-footer{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}