/* Phase 5 - the signed-in user chip in the page header.

   A new file rather than an addition to layout/header.css, so the eight v15
   stylesheets stay byte-identical and tools/phase1-verify.ps1 keeps meaning
   what it says. Variables are the same brand tokens the rest of the app uses,
   with the same literal fallbacks the v15 CSS carries. */

.bt-userchip{
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  padding-left:16px;margin-left:14px;
  border-left:1px solid var(--border,#dde5ec);
  font-size:11.5px;line-height:1.35;color:var(--t2,#5c6b78);
  min-width:0;
}
.bt-uc-who{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.bt-uc-who b{font-size:12.5px;color:var(--t1,#1f2d3a);font-weight:800}
.bt-uc-role{
  font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  color:var(--blue,#0F4583);background:var(--soft,#eef2f7);
  border-radius:6px;padding:2px 7px;white-space:nowrap;
}
/* The scope line can be long (a KAM with six principals); let it wrap rather
   than push the sign-out button off the row. */
.bt-uc-scope{
  font-size:11px;color:var(--t3,#8a97a3);text-align:right;
  max-width:280px;overflow-wrap:anywhere;
}
.bt-uc-warn{color:var(--c-sl,#d64545);font-weight:700}

.bt-uc-btns{display:flex;gap:6px;margin-top:5px}
.bt-uc-out{
  font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;
  padding:4px 11px;border-radius:7px;white-space:nowrap;
  border:1.5px solid var(--border,#dde5ec);background:#fff;color:var(--t2,#5c6b78);
  transition:.15s;
}
.bt-uc-out:hover{border-color:var(--blue,#0F4583);color:var(--blue,#0F4583)}
.bt-uc-out[data-act="sign-out"]:hover{border-color:var(--c-sl,#d64545);color:var(--c-sl,#d64545)}

/* ---- change-password overlay (components/PasswordDialog.js) ---- */
.pwd-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,46,88,.45);backdrop-filter:blur(2px);
}
.pwd-overlay[hidden]{display:none}
.pwd-card{
  background:#fff;border-radius:14px;padding:26px 28px;width:min(380px,92vw);
  box-shadow:0 18px 50px rgba(10,46,88,.28);
}
.pwd-card h2{margin:0 0 4px;font-size:18px;color:var(--t1,#1f2d3a)}
.pwd-sub{margin:0 0 18px;font-size:12px;color:var(--t3,#8a97a3);line-height:1.45}
.pwd-lab{
  display:block;margin-bottom:5px;font-size:10.5px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;color:var(--t3,#8a97a3);
}
.pwd-input{
  display:block;width:100%;box-sizing:border-box;margin-bottom:14px;
  font-family:inherit;font-size:13px;padding:9px 11px;
  border:1.5px solid var(--border,#dde5ec);border-radius:8px;color:var(--t1,#1f2d3a);
}
.pwd-input:focus{outline:0;border-color:var(--blue,#0F4583)}
.pwd-msg{display:none;font-size:12px;font-weight:600;margin-bottom:12px;padding:9px 11px;border-radius:8px}
.pwd-msg.show{display:block;background:#eaf6e3;color:#4a7c2a}
.pwd-msg.err{background:#fdf1f1;color:#a13030}
.pwd-actions{display:flex;gap:8px}
.pwd-btn{
  font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;
  padding:9px 16px;border-radius:8px;transition:.15s;
  border:1.5px solid var(--border,#dde5ec);background:#fff;color:var(--t2,#5c6b78);
}
.pwd-btn:hover{border-color:var(--blue,#0F4583);color:var(--blue,#0F4583)}
.pwd-btn.primary{background:var(--blue,#0F4583);border-color:var(--blue,#0F4583);color:#fff}
.pwd-btn.primary:hover{background:var(--blue-d,#0b3059)}
.pwd-btn:disabled{opacity:.6;cursor:default}

/* A hidden tab must not leave a gap in a flex row. */
.dm-tabs .dm-tab[hidden]{display:none}

@media (max-width:900px){
  .bt-userchip{border-left:0;padding-left:0;margin-left:0;align-items:flex-start}
  .bt-uc-scope{text-align:left}
}