/* Auth + admin editor — same celadon/paper/seal palette as the portal. */

/* ---- account chip (top-right, under the language switch) ---- */
.ertc-account{ position:fixed; top:54px; right:22px; z-index:60; font-family:var(--mono,"IBM Plex Mono",monospace); }
.ertc-acct-btn, .ertc-acct-name{
  font-family:var(--mono,monospace); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  background:rgba(239,242,237,.92); color:var(--ink-soft,#41504A);
  border:1px solid var(--hairline,rgba(27,36,32,.16)); padding:8px 13px; cursor:pointer;
  backdrop-filter:blur(4px);
}
.ertc-acct-btn:hover, .ertc-acct-name:hover{ color:var(--seal,#A63A2B); }
.ertc-acct{ position:relative; }
.ertc-acct-menu{
  position:absolute; right:0; top:calc(100% + 4px); min-width:160px;
  background:var(--paper,#EFF2ED); border:1px solid var(--hairline,rgba(27,36,32,.16));
  display:none; flex-direction:column; box-shadow:0 12px 32px rgba(27,36,32,.2);
}
.ertc-acct.open .ertc-acct-menu{ display:flex; }
.ertc-acct-menu button{
  text-align:left; background:none; border:none; border-bottom:1px solid var(--hairline,rgba(27,36,32,.1));
  padding:11px 14px; font-family:var(--mono,monospace); font-size:11px; letter-spacing:.06em; color:var(--ink,#1B2420); cursor:pointer;
}
.ertc-acct-menu button:last-child{ border-bottom:none; }
.ertc-acct-menu button:hover{ background:var(--paper-deep,#E3EAE3); color:var(--seal,#A63A2B); }

/* ---- modal ---- */
.ertc-auth-overlay{
  position:fixed; inset:0; z-index:90; background:rgba(27,36,32,.5);
  display:none; align-items:center; justify-content:center; padding:20px;
}
.ertc-auth-overlay.open{ display:flex; }
.ertc-auth-modal{
  position:relative; width:min(400px,100%); background:var(--paper,#EFF2ED);
  border:1px solid var(--hairline,rgba(27,36,32,.16)); box-shadow:0 24px 70px rgba(27,36,32,.3);
  padding:34px 30px 30px; font-family:var(--serif,"Spectral",serif);
}
.ertc-auth-x{ position:absolute; top:10px; right:14px; background:none; border:none; font-size:24px; color:var(--ink-soft,#41504A); cursor:pointer; }
.ertc-auth-x:hover{ color:var(--seal,#A63A2B); }
.ertc-auth-tabs{ display:flex; gap:4px; margin-bottom:20px; }
.ertc-auth-tabs button{
  flex:1; font-family:var(--mono,monospace); font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  background:none; border:1px solid var(--hairline,rgba(27,36,32,.16)); padding:9px; color:var(--ink-soft,#41504A); cursor:pointer;
}
.ertc-auth-tabs button.active{ background:var(--celadon-deep,#3D5A4D); color:var(--paper,#EFF2ED); border-color:var(--celadon-deep,#3D5A4D); }

.ertc-google{
  display:flex; align-items:center; justify-content:center; gap:10px; text-decoration:none;
  border:1px solid var(--hairline,rgba(27,36,32,.2)); background:#fff; color:var(--ink,#1B2420);
  padding:11px; font-family:var(--mono,monospace); font-size:12px; letter-spacing:.06em; margin-bottom:16px;
}
.ertc-google:hover{ border-color:var(--celadon-deep,#3D5A4D); }
.ertc-google .g{ font-family:var(--serif,serif); font-weight:700; color:#4285F4; font-size:16px; }
.ertc-or{ text-align:center; border-top:1px solid var(--hairline,rgba(27,36,32,.14)); margin:8px 0 18px; }
.ertc-or span{ position:relative; top:-10px; background:var(--paper,#EFF2ED); padding:0 12px; font-family:var(--mono,monospace); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft,#41504A); }

.ertc-auth-form{ display:flex; flex-direction:column; gap:12px; }
.ertc-auth-form input{
  border:1px solid var(--hairline,rgba(27,36,32,.2)); background:rgba(255,255,255,.6);
  padding:12px 14px; font-family:var(--serif,serif); font-size:15px; color:var(--ink,#1B2420);
}
.ertc-auth-form input:focus{ outline:2px solid var(--celadon,#7E9E90); outline-offset:-1px; }
.ertc-auth-form > button[type=submit]{
  background:var(--ink,#1B2420); color:var(--paper,#EFF2ED); border:none; padding:12px;
  font-family:var(--mono,monospace); font-size:12px; letter-spacing:.16em; text-transform:uppercase; cursor:pointer;
}
.ertc-auth-form > button[type=submit]:hover{ background:var(--celadon-deep,#3D5A4D); }
.ertc-link-btn{ background:none; border:none; color:var(--seal,#A63A2B); font-family:var(--mono,monospace); font-size:11px; cursor:pointer; align-self:flex-start; padding:0; }
.ertc-auth-note{ font-size:14px; color:var(--ink-soft,#41504A); }
.ertc-auth-msg{ margin-top:14px; font-family:var(--mono,monospace); font-size:12px; min-height:16px; }
.ertc-auth-msg.err{ color:var(--seal,#A63A2B); }
.ertc-auth-msg.ok{ color:var(--celadon-deep,#3D5A4D); }

/* ---- admin editor ---- */
.ertc-edit-toggle{
  position:fixed; left:22px; bottom:22px; z-index:70;
  font-family:var(--mono,monospace); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  background:var(--seal,#A63A2B); color:#F5EEE6; border:none; padding:11px 16px; cursor:pointer;
  box-shadow:0 6px 20px rgba(166,58,43,.3);
}
.ertc-edit-toggle:hover{ filter:brightness(1.08); }
.ertc-editbar{
  position:fixed; left:50%; transform:translateX(-50%); bottom:22px; z-index:80;
  display:flex; align-items:center; gap:14px; background:var(--ink,#1B2420); color:var(--paper,#EFF2ED);
  padding:10px 16px; box-shadow:0 10px 30px rgba(27,36,32,.35);
  font-family:var(--mono,monospace); font-size:11px; letter-spacing:.1em;
}
.ertc-editbar .lbl{ text-transform:uppercase; color:var(--celadon,#7E9E90); }
.ertc-editbar .cnt{ color:var(--paper,#EFF2ED); }
.ertc-editbar button{ border:none; padding:7px 14px; font-family:var(--mono,monospace); font-size:11px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.ertc-editbar #ertc-edit-save{ background:var(--celadon-deep,#3D5A4D); color:var(--paper,#EFF2ED); }
.ertc-editbar #ertc-edit-save:disabled{ opacity:.4; cursor:default; }
.ertc-editbar .ghost{ background:transparent; color:var(--paper,#EFF2ED); border:1px solid rgba(239,242,237,.4); }

.ertc-editing .ertc-editable{ outline:1px dashed var(--celadon,#7E9E90); outline-offset:3px; cursor:text; }
.ertc-editing .ertc-editable:focus{ outline:2px solid var(--seal,#A63A2B); background:rgba(255,255,255,.5); }
.ertc-editing .ertc-editable-link{ outline:1px dashed var(--seal,#A63A2B); outline-offset:3px; cursor:pointer; }

@media (max-width:760px){
  .ertc-account{ top:auto; bottom:64px; right:16px; }
}