/* Extension of the approved Kagu navy tokens. No replacement visual system. */
[hidden]{display:none!important}
.auth-wrap{max-width:560px;margin:8vh auto;padding:24px}
.auth-wrap .panel{padding:28px}
.auth-wrap h1{font-size:28px}.auth-wrap form{display:grid;gap:18px}
.auth-wrap label{display:grid;gap:6px}.auth-wrap input{width:100%}
.auth-wrap .brand{padding:0 0 20px}.auth-wrap .brand span{font-size:16px}
.auth-wrap .error-text{margin:0}.auth-note{font-size:14px;margin-top:18px}
.sync-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.conflict-box{padding:20px;border:1px solid var(--orange);border-radius:var(--radius);margin-bottom:24px;background:var(--panel-alt)}
.conflict-box p{color:var(--text)}.conflict-box td{overflow-wrap:anywhere}
.server-state{color:var(--green)}.save-failed{color:var(--red)}
.top-actions{flex-wrap:wrap}.top-actions button{padding:6px 10px}
.pending-notice{color:var(--orange);margin:12px 0}
.table-scroll td,.mono{overflow-wrap:anywhere}
@media(max-width:760px){.auth-wrap{margin:2vh auto;padding:16px}.auth-wrap .panel{padding:20px}.auth-wrap input,.form-grid input,.form-grid select{font-size:16px}.topbar{height:auto;min-height:76px;align-items:flex-start;gap:12px;flex-wrap:wrap}.top-actions{gap:6px}.conflict-box{padding:16px}}