/* Zentra Mapping — staff console extras (built on styles.css). */

.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.login-card{width:100%;max-width:360px;padding:26px 24px;border:1px solid var(--line);
  border-radius:16px;background:rgba(13,33,55,.72);display:flex;flex-direction:column;gap:11px}
.login-logo{height:28px;width:auto;align-self:flex-start}
.login-card h1{margin:2px 0 0;font-size:19px}
.login-sub{margin:0;font-size:12px;color:var(--muted)}
.login-card label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--muted)}
.login-card input{padding:9px 11px;border-radius:9px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--ink);font-size:13px}
.login-err{margin:0;min-height:15px;font-size:11.5px;color:#ff8f8f}
.login-foot{margin:2px 0 0;font-size:11.5px}

.btn{padding:9px 15px;border-radius:9px;border:1px solid var(--line);background:transparent;
  color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:none;
  display:inline-block;text-align:center}
.btn.primary{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:700}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}

.staff-body .sidebar{width:300px}
.who{font-size:11px;color:var(--muted);align-self:center}
.list{overflow-y:auto;padding:8px 10px 20px;display:flex;flex-direction:column;gap:6px}
.row{padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.03)}
.row:hover{border-color:var(--gold)}
.row.sel{border-color:#5EC8F2;background:rgba(94,200,242,.09)}
.row-t{font-size:12.5px;font-weight:600}
.row-s{font-size:10.5px;color:var(--muted);margin-top:2px}
.tag.priv{border-color:#8b6ff0;color:#b9a6ff}

.editor{position:fixed;top:64px;right:0;width:330px;max-height:calc(100vh - 64px);overflow-y:auto;
  z-index:16;padding:16px;background:rgba(9,24,41,.96);backdrop-filter:blur(10px);
  border-left:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.editor h2{margin:0;font-size:15px}
.e-meta{margin:0;font-size:10.5px;color:var(--muted)}
.editor label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.editor input,.editor select,.editor textarea{padding:8px 10px;border-radius:8px;
  border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);
  font:inherit;font-size:12.5px}
.editor textarea{resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chk{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--ink)!important;
  font-size:12.5px!important}
.chk input{width:auto}
.hint{margin:0;font-size:10.5px;color:var(--gold)}
.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:4px}
.save-msg{font-size:11px;color:var(--muted)}

@media(max-width:900px){
  .editor{top:auto;bottom:0;right:0;left:0;width:auto;max-height:52vh;border-left:0;
    border-top:1px solid var(--line);border-radius:16px 16px 0 0}
}