/* Casfo navigation: white surfaces, fine blue selection, room before collapse. */
#navbar { display:flex; align-items:center; gap:28px; min-height:64px; height:64px; padding:0 36px; background:#fff; border-bottom:1px solid var(--color-secondary); box-shadow:none; position:relative; z-index:101; }
#navbar #navbar-logo { display:flex; align-items:center; gap:20px; padding:0; margin:0 8px 0 0; flex-shrink:0; }
#navbar-logo img {display:none;}
#navbar #navbar-logo::before {content:"";display:block!important;position:static!important;flex:0 0 104px;width:104px;height:32px;background:url("../img/casfo.png") center/cover no-repeat;}
#navbar #navbar-logo::after {content:"Git";display:block;position:static;padding-left:20px;border-left:1px solid var(--color-secondary);color:var(--color-text-light-2);font-size:16px;font-weight:400;line-height:24px;}
#navbar .navbar-left {display:flex;align-items:stretch;gap:24px;height:100%;margin:0!important;}
#navbar .navbar-right {display:flex!important;align-items:center;gap:16px;margin:0 0 0 auto!important;flex-shrink:0;}
#navbar .item, #navbar summary {font-size:13px;font-weight:400;line-height:20px;}
#navbar .navbar-left > .item {margin:0!important;padding:0!important;position:relative;display:flex;align-items:center;white-space:nowrap;border-radius:0;}
#navbar a.item, #navbar summary, #navbar button {background:transparent!important;box-shadow:none!important;}
#navbar a.item:hover, #navbar a.item:active, #navbar a.item:focus, #navbar summary:hover, #navbar summary:active, #navbar details[open] > summary, #navbar button:hover {background:transparent!important;color:var(--color-primary);}
#navbar a.item.active {color:var(--color-primary);font-weight:500;}
#navbar .navbar-left > .item.active::after {content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);}
#navbar .item:focus-visible, #navbar summary:focus-visible, #navbar button:focus-visible {outline:2px solid var(--color-primary);outline-offset:4px;border-radius:3px;}
#navbar .navbar-right > .item {padding:6px!important;margin:0!important;min-width:32px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;}
#navbar .navbar-right > .casfo-pool-nav {padding:6px 8px!important;margin-right:4px!important;}
#navbar details > summary {min-height:36px;display:flex;align-items:center;gap:8px;padding:4px 6px;}
#navbar .only-mobile, #navbar .casfo-mobile-pool, #navbar .casfo-mobile-milestones {display:none!important;}
#navbar .dropdown-icon {display:inline-flex!important;}
#navbar .casfo-menu-toggle {display:none;align-items:center;justify-content:center;border:0;color:var(--color-text);width:36px;height:36px;padding:0;cursor:pointer;}
#navbar .dropdown .content {background:#fff;border:1px solid var(--color-secondary);box-shadow:none;border-radius:5px;}
#navbar .dropdown .content a:hover, #navbar .dropdown .content a.active {background:transparent;color:var(--color-primary);}
.casfo-avatar-initials {width:28px;height:28px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:white;font:500 11px/1 var(--fonts-proportional);vertical-align:middle;letter-spacing:0;}
.casfo-avatar-photo {display:inline-flex;flex:0 0 auto;}
.casfo-avatar-photo img {width:28px;height:28px;border-radius:50%!important;object-fit:cover;}
.casfo-dashboard-container {max-width:1280px!important;width:calc(100% - 144px)!important;padding:0!important;margin:56px auto 0!important;}
.casfo-dashboard-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px;}
.casfo-dashboard-heading h1 {font-size:26px;font-weight:600;letter-spacing:-.6px;line-height:1.3;margin:0 0 10px;}
.casfo-dashboard-heading p {font-size:14px;color:var(--color-text-light-2);margin:0;}
.casfo-dashboard-heading .button {display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;min-height:38px;padding:10px 14px;white-space:nowrap;box-shadow:none;border-radius:4px;}
.casfo-repositories {margin-bottom:48px;}
.casfo-repositories #dashboard-repo-list {width:100%;max-width:none;}
.casfo-repositories .repo-owner-name-list {width:100%;}
.casfo-activity h2 {font-size:18px;font-weight:600;margin:0 0 24px;}
.casfo-empty-feed {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;gap:16px;color:var(--color-text-light-2);font-size:14px;}
.casfo-empty-feed p {margin:0;}
body:has(.casfo-signin) #navbar .navbar-left, body:has(.casfo-signin) #navbar .navbar-right > :not(.casfo-pool-nav) {display:none!important;}
.casfo-signin { padding: 0 24px !important; min-height: 0; }
.casfo-signin .casfo-sso-entry { width: 100%; max-width: 280px; margin: 112px auto 80px !important; }
.casfo-sso-entry h1 { font-size: 19px; line-height: 1.4; font-weight: 500; letter-spacing: -.3px; margin: 0 0 8px; }
.casfo-sso-entry > p { font-size: 12px; line-height: 1.6; color: var(--color-text-light-2); margin: 0; }
.casfo-sso-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: 24px;
  padding: 9px 14px;
  border: 1px solid var(--color-secondary-dark-2);
  border-radius: 4px;
  background: var(--color-body);
  color: var(--color-text) !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.casfo-sso-button:hover { background: var(--color-box-body-highlight); border-color: var(--color-primary); }
.casfo-sso-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.casfo-sso-entry .casfo-sso-unavailable { margin-top: 24px; }
.casfo-sso-entry .ui.message { font-size: 12px; margin-top: 20px; }
.casfo-footer { display: flex; justify-content: center; align-items: center; min-height: 48px; padding: 16px 24px; background: var(--color-body); }
.casfo-footer a { color: var(--color-text-light-3); font-size: 10px; line-height: 16px; font-weight: 400; }
.casfo-footer a:hover { color: var(--color-text); }

@media (max-width:1100px) {
  #navbar {gap:16px;padding:0 24px;}
  #navbar .navbar-left {display:none!important;}
  #navbar .navbar-right {gap:12px;}
  #navbar .casfo-menu-toggle {display:flex;}
  #navbar .navbar-right > .casfo-pool-nav, #navbar details:has(.casfo-create-toggle) {display:none;}
  #navbar.navbar-menu-open .navbar-left {display:flex!important;position:absolute;left:0;top:63px;width:100%;height:auto;padding:8px 24px 16px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--color-secondary);background:#fff;}
  #navbar.navbar-menu-open .navbar-left > .item {display:flex!important;min-height:44px;padding:0 16px!important;border-left:2px solid transparent;}
  #navbar.navbar-menu-open .navbar-left > .item.active {border-left-color:var(--color-primary);}
  #navbar.navbar-menu-open .navbar-left > .item.active::after {display:none;}
  #navbar .casfo-notifications {display:flex!important;}
  body:has(.casfo-signin) #navbar .navbar-right > .casfo-pool-nav {display:flex;}
  .casfo-dashboard-container {width:calc(100% - 64px)!important;margin-top:40px!important;}
}
@media (max-width:600px) {
  #navbar {padding:0 20px;gap:12px;}
  #navbar #navbar-logo {gap:16px;margin:0;}
  #navbar #navbar-logo::before {width:80px;height:25px;flex-basis:80px;}
  #navbar #navbar-logo::after {padding-left:16px;font-size:15px;}
  #navbar .navbar-right {gap:8px;}
  #navbar .casfo-notifications {display:none!important;}
  #navbar details > summary {padding:4px;gap:4px;}
  #navbar.navbar-menu-open .navbar-left {padding-left:20px;padding-right:20px;}
  .casfo-dashboard-container {width:calc(100% - 48px)!important;margin-top:36px!important;}
  .casfo-dashboard-heading {align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:36px;}
  .casfo-dashboard-heading h1 {font-size:24px;}
  .casfo-dashboard-heading .button {width:100%;justify-content:center;}
  .casfo-repositories {margin-bottom:36px;}
  .casfo-signin .casfo-sso-entry {margin-top:72px!important;}
}
/* Retain Forgejo's real filters without its filled tab chrome. */
.casfo-repositories .tabs-with-labels {gap:24px!important;margin:0 0 16px!important;border-bottom:1px solid var(--color-secondary);}
.casfo-repositories .tabs-with-labels > .item {padding:0 0 12px!important;margin:0!important;background:transparent!important;border-radius:0!important;font-size:15px;font-weight:500;min-height:36px;}
.casfo-repositories .tabs-with-labels > .item.active {color:var(--color-primary)!important;border-bottom:2px solid var(--color-primary);}
.casfo-repositories .ui.label {background:transparent!important;box-shadow:none!important;color:var(--color-text-light-2)!important;font-weight:400;padding:0!important;min-width:0!important;}
.casfo-repositories .repos-search {background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;}
.casfo-repositories .repos-search .input {max-width:380px;}
.casfo-repositories .repos-search .input > input {border-color:var(--color-secondary);font-size:12px;}
.casfo-repositories .repos-search .input > .button {background:#fff!important;box-shadow:none;border:1px solid var(--color-secondary)!important;}
.casfo-repositories .repos-filter {margin:12px 0 0!important;background:#fff!important;}
.casfo-repositories .repos-filter .overflow-menu-items {justify-content:flex-start!important;gap:20px;}
.casfo-repositories .repos-filter .item {padding:10px 0!important;margin:0!important;background:transparent!important;font-size:12px;color:var(--color-text-light-2);}
.casfo-repositories .repos-filter .item.active {color:var(--color-primary)!important;border-color:var(--color-primary)!important;}
.casfo-repositories .menu .item:hover {color:var(--color-primary)!important;}
.casfo-repositories .menu .item:focus-visible {outline:2px solid var(--color-primary);outline-offset:3px;}
@media (max-width:600px) {
 .casfo-repositories .tabs-with-labels {flex-direction:row!important;gap:24px!important;}
 .casfo-repositories .tabs-with-labels > .item {flex-shrink:0;}
 .casfo-repositories .repos-filter .overflow-menu-items {gap:20px;}
 #navbar details .content {max-width:calc(100vw - 40px);}
}
#navbar .navbar-right > details:has(.casfo-profile-toggle) {display:block!important;}
.casfo-dashboard .ui.primary.button {background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important;}
.casfo-dashboard .ui.primary.button:hover {background:var(--color-primary-dark-1)!important;}
.casfo-dashboard .ui.primary.button:focus-visible {outline:2px solid var(--color-primary);outline-offset:4px;}
/* Replace the upstream stacked mobile shell while keeping its menu toggle. */
#navbar, #navbar.navbar-menu-open {flex-direction:row!important;flex-wrap:nowrap;align-items:center;justify-content:flex-start;}
#navbar #navbar-logo {width:auto!important;text-decoration:none!important;}
#navbar .navbar-right, #navbar.navbar-menu-open .navbar-right {flex-direction:row!important;flex-wrap:nowrap;min-width:0;width:auto!important;}
#navbar .navbar-right > .item, #navbar .navbar-right > details, #navbar .navbar-right > details > summary {width:auto!important;}
#navbar .navbar-right > details > .content {width:240px!important;max-width:calc(100vw - 40px);right:0;left:auto;}
@media (min-width:1101px) {
 #navbar .navbar-left {min-height:64px;height:64px;align-self:stretch;}
 #navbar .navbar-left > .item {height:64px;}
}
@media (max-width:1100px) {
 #navbar.navbar-menu-open {height:64px;padding-bottom:0!important;gap:16px;}
 #navbar.navbar-menu-open .navbar-left {flex-wrap:nowrap;box-sizing:border-box;}
 #navbar.navbar-menu-open .navbar-left > .item {height:44px;}
 #navbar .navbar-right > details:has(.casfo-create-toggle) {display:none!important;}
 #navbar .navbar-right > details:has(.casfo-profile-toggle) {display:block!important;}
}
@media (max-width:600px) {
 #navbar.navbar-menu-open {gap:12px;}
}
#profile-avatar .casfo-avatar-initials {width:100%;aspect-ratio:1;height:auto;font-size:64px;}
#profile-avatar .casfo-avatar-photo, #profile-avatar .casfo-avatar-photo img {width:100%;height:auto;}
.casfo-repositories .tabs-with-labels > .item {width:auto!important;min-width:0;}
#navbar .casfo-menu-toggle {order:-1;}
@media (max-width:600px) { #navbar .casfo-notifications {display:flex!important;} }
@media (max-width:340px) { #navbar .casfo-notifications {display:none!important;} }