/* Styles for the registration, add-a-tenant pages. Same palette and type as login.html. */
:root{
  --ink:#0A1628;--ink-70:rgba(10,22,40,.70);--ink-60:rgba(10,22,40,.64);
  --paper:#FFFFFF;--wash:#F2F5F9;--line:#C8D4E3;
  --indigo:#3B3BAF;--cyan:#22B8E6;--red:#B3261E;--red-wash:#FBEAE9;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;min-height:100vh;background:var(--wash);color:var(--ink);
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;display:flex;flex-direction:column;}
a{color:inherit;}
h1{margin:0;font-weight:500;letter-spacing:-.02em;line-height:1.1;}
.wrap{width:min(100% - 2.5rem, 68rem);margin-inline:auto;}


.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0;}
.mark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;background:var(--ink);border-radius:14px;padding:.45rem .9rem .45rem .45rem;}
.mark .fe-icon{display:block;width:26px;height:26px;flex:none;}
.mark .fe-word{display:block;height:18px;width:auto;flex:none;}
.mark .fe-divider{width:1px;height:16px;background:rgba(255,255,255,.3);flex:none;}
.mark .fe-product{font-weight:500;font-size:.85rem;color:rgba(255,255,255,.75);white-space:nowrap;}
.top-link{font-size:.94rem;color:var(--ink-70);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;}
.top-link:hover{color:var(--ink);border-color:var(--ink);}

.main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1.25rem 4rem;}
.panel{width:100%;max-width:27rem;}
.intro{text-align:center;margin-bottom:1.75rem;}
.intro h1{font-size:1.6rem;}
.intro p{margin:.5rem 0 0;color:var(--ink-70);font-size:.98rem;}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.75rem;box-shadow:0 1px 2px rgba(10,22,40,.04);}

.role-tabs{display:flex;background:var(--wash);border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px;margin-bottom:1.4rem;}
.role-tab{flex:1;padding:.6rem .5rem;border:none;background:0 0;border-radius:7px;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--ink-70);cursor:pointer;transition:background .15s,color .15s;}
.role-tab.active{background:var(--ink);color:var(--paper);}
.role-tab:not(.active):hover{color:var(--ink);}

.field{position:relative;margin-bottom:.9rem;}
.field label{display:block;font-size:.82rem;font-weight:500;color:var(--ink-70);margin-bottom:.4rem;}
.field .opt{font-weight:400;color:var(--ink-60);}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=password]{
  width:100%;padding:.8rem .9rem;border:1px solid var(--line);background:var(--wash);border-radius:9px;
  font-family:inherit;font-size:.95rem;color:var(--ink);}
.field input::placeholder{color:var(--ink-60);}
.field input:focus{outline:0;border-color:var(--indigo);background:var(--paper);box-shadow:0 0 0 3px rgba(59,59,175,.12);}
.field input[aria-invalid="true"]{border-color:var(--red);}
.field .hint{margin:.35rem 0 0;font-size:.8rem;color:var(--ink-60);}
.field.password input{padding-right:2.75rem;}
.toggle-pw{position:absolute;right:.6rem;top:2.15rem;background:0 0;border:none;cursor:pointer;color:var(--ink-60);width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;}
.toggle-pw:hover{color:var(--ink);}
.toggle-pw svg{width:19px;height:19px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--ink-70);margin:.4rem 0 1rem;cursor:pointer;}
.consent input{width:17px;height:17px;margin:.2rem 0 0;accent-color:#3B3BAF;flex:none;}
.consent a{border-bottom:1px solid var(--line);text-decoration:none;}

.error-msg{display:none;align-items:flex-start;gap:.5rem;background:var(--red-wash);border:1px solid #EFC7C4;color:var(--red);font-size:.86rem;font-weight:500;padding:.65rem .8rem;border-radius:8px;margin-bottom:1rem;}
.error-msg.show{display:flex;}
.notice-msg{display:none;background:var(--wash);border:1px solid var(--line);color:var(--ink);font-size:.88rem;padding:.7rem .85rem;border-radius:8px;margin-bottom:1rem;}
.notice-msg.show{display:block;}

.submit-btn{width:100%;padding:.85rem;border:none;border-radius:9px;margin-top:.3rem;
  background:linear-gradient(90deg,var(--indigo),var(--cyan));color:var(--paper);
  font-family:inherit;font-size:.98rem;font-weight:700;cursor:pointer;transition:opacity .15s;}
.submit-btn:hover{opacity:.92;}
.submit-btn:disabled{opacity:.6;cursor:not-allowed;}
.alt-link{display:block;text-align:center;margin-top:1.3rem;font-size:.88rem;color:var(--ink-70);text-decoration:none;border-bottom:1px solid transparent;}
.alt-link:hover{color:var(--ink);border-color:var(--line);}

/* After registering: the new ID, shown once */
.done{display:none;text-align:center;}
.done.show{display:block;}
.done .label{font-size:.82rem;font-weight:500;color:var(--ink-70);margin:0 0 .5rem;}
.id-box{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:0 0 1.1rem;}
.id-box code{font-family:"DM Sans",sans-serif;font-size:2rem;font-weight:700;letter-spacing:.06em;color:var(--ink);}
.copy-btn{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:.4rem .75rem;font-family:inherit;font-size:.82rem;font-weight:500;color:var(--ink-70);cursor:pointer;}
.copy-btn:hover{color:var(--ink);border-color:var(--ink);}
.steps{text-align:left;margin:0 0 1.2rem;padding-left:1.15rem;font-size:.92rem;color:var(--ink-70);}
.steps li{margin-bottom:.35rem;}

footer{border-top:1px solid var(--line);padding:2rem 0 3rem;margin-top:auto;}
.foot-inner{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;font-size:.86rem;color:var(--ink-60);}
.side-note{text-align:center;margin:.9rem 0 0;font-size:.82rem;color:var(--ink-60);}