/* ================================================================
   TIA AUTH / LOGIN SESSION CSS MODULE
   Extracted from index.html in v0.4.9 so login/session styling can
   be protected from future import/export edits.
   Future module target: src/auth/session.css
   ================================================================ */
/* ================================================================
     TIA LOGIN / USER SESSION FLOW SECTION
     Top-bar user display, logout controls, and logged-out editor lock.
     Future module target: src/auth/session.css
     ================================================================ */
  body:not(.tia-authenticated) #top1,
  body:not(.tia-authenticated) #top2,
  body:not(.tia-authenticated) #top3,
  body:not(.tia-authenticated) #leftTools,
  body:not(.tia-authenticated) #rightPanel,
  body:not(.tia-authenticated) #workspace,
  body:not(.tia-authenticated) #bottomBar,
  body:not(.tia-authenticated) #tia-admin-status,
  body:not(.tia-authenticated) #tia-admin-modal {
    visibility:hidden;
    pointer-events:none;
  }
  .tia-user-session-bar {
    position:fixed;
    top:12px;
    right:276px;
    z-index:5000;
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:#eafff2;
    font-size:12px;
    padding:4px;
    border:1px solid rgba(99,255,157,0.36);
    border-radius:999px;
    background:rgba(10,14,12,0.86);
    box-shadow:0 8px 26px rgba(0,0,0,0.36), 0 0 0 1px rgba(255,255,255,0.05) inset;
    backdrop-filter:blur(10px);
  }
  body:not(.tia-authenticated) .tia-user-session-bar {
    display:none !important;
  }
  .tia-current-user-pill {
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    max-width:280px;
    padding:6px 10px;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:999px;
    background:rgba(255,255,255,0.06);
    box-shadow:0 4px 16px rgba(0,0,0,0.16);
  }
  .tia-current-user-dot {
    width:8px;
    height:8px;
    flex:0 0 auto;
    border-radius:999px;
    background:#63ff9d;
    box-shadow:0 0 10px rgba(99,255,157,0.65);
  }
  .tia-current-user-text {
    display:flex;
    align-items:center;
    gap:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.15;
  }
  .tia-current-user-text strong {
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .tia-current-user-role {
    display:inline-flex;
    align-items:center;
    height:19px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(99,255,157,0.14);
    color:#9fffc3;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.04em;
    font-size:10px;
  }
  /* ================================================================
     TIA STEP 46 USER THEME TOGGLE SECTION
     Dark/light mode switch in the logged-in user area.
     Future module target: src/auth/theme-toggle.css
     ================================================================ */
  .tia-theme-toggle-button {
    width:34px;
    height:30px;
    border:1px solid rgba(255,255,255,0.22);
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.07));
    color:#ffffff;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    flex:0 0 auto;
    box-shadow:0 5px 18px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,255,255,0.05) inset;
  }
  .tia-theme-toggle-button:hover,
  .tia-theme-toggle-button:focus {
    border-color:rgba(99,255,157,0.72);
    box-shadow:0 0 0 2px rgba(99,255,157,0.13) inset, 0 5px 18px rgba(0,0,0,0.22);
    outline:none;
  }
  .tia-theme-toggle-button svg {
    width:19px;
    height:19px;
    display:block;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35));
  }
  .tia-logout-button {
    height:30px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,0.22);
    border-radius:999px;
    background:rgba(255,255,255,0.10);
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
  }
  .tia-logout-button:hover,
  .tia-logout-button:focus {
    background:rgba(255,255,255,0.18);
    border-color:rgba(99,255,157,0.65);
    color:#9fffc3;
  }
  @media (max-width:900px) {
    .tia-user-session-bar {
      right:12px;
      top:82px;
    }
  }


/* ================================================================
   TIA v0.4.11 LOGIN VERSION BADGE SECTION
   Keeps the build number visible on the login page while login/session
   stays modular. Future module target: src/auth/login-version.css
   ================================================================ */
.tia-login-version {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  margin:-12px 0 20px;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid rgba(99,255,157,0.24);
  background:rgba(99,255,157,0.08);
  color:#aefccc;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  box-shadow:0 0 18px rgba(99,255,157,0.08);
}