.login-wrap{position:fixed;inset:0;background:#07141af7;z-index:40;display:flex;justify-content:center;align-items:center;padding:22px}.login-card{width:min(420px,100%)}.login-card .field input{width:100%}.login-wrap.hidden{display:none}#settingsEntry{display:none}.ig02-tabs{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:15px}.ig02-tabs button{background:var(--panel2);color:var(--txt);border:1px solid var(--line);padding:9px 11px;border-radius:10px}.ig02-tabs button.active{border-color:var(--mint);color:var(--mint)}.ig02-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ig02-field{margin-bottom:10px}.ig02-field label{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.ig02-field input,.ig02-field textarea,.ig02-field select{width:100%;padding:10px;background:#18323a;border:1px solid var(--line);border-radius:9px;color:var(--txt)}.ig02-actions{display:flex;gap:7px;flex-wrap:wrap}.modal-layer{position:fixed;inset:0;background:#07141ae0;z-index:25;display:flex;align-items:center;justify-content:center;padding:18px}.modal-layer .card{max-width:600px;width:100%;max-height:85vh;overflow:auto}.toast{position:fixed;right:18px;bottom:90px;z-index:26;background:#193c37;padding:13px 19px;border:1px solid var(--mint);border-radius:12px;max-width:420px}.empty{padding:20px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.status-block{padding:10px 14px;border-radius:9px;border:1px solid var(--line)}.status-block.critical{border-color:#ff8e91}.status-block.warn{border-color:#ffd08a}.settings-link{margin-top:10px}.danger{color:var(--red)}.hide{display:none!important}.mobile-more{position:fixed;z-index:19;right:12px;bottom:70px;background:#0b1b22;border:1px solid var(--line);border-radius:12px;display:grid;min-width:170px;box-shadow:0 8px 32px #0008}.mobile-more button{padding:12px 18px;background:transparent;border:0;color:var(--txt);text-align:left}.field select,.field input,.field textarea{max-width:100%}@media(max-width:850px){.ig02-columns{grid-template-columns:1fr}header .toolbar{gap:6px}header .toolbar button{padding:8px;font-size:12px}}@media(max-width:380px){.main{padding:16px 12px 90px}.mobileNav button{font-size:11px;padding:9px 4px}} 
/* VE-02/IG-02 approved responsive exceptions. UX-03 palette, fonts, grid and orb sizes stay locked. */
.mobileNav{padding-bottom:max(8px,env(safe-area-inset-bottom));}
.mobile-more{bottom:calc(70px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);max-height:55dvh;overflow:auto;}
.mobile-more button{min-height:44px;}
.modal-layer{padding:18px 12px calc(18px + env(safe-area-inset-bottom));}
.modal-layer .card{max-height:min(85vh,calc(100dvh - 32px - env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;}
.toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 36px);}
.ig02-tabs button{min-height:42px;}
.item>.row{flex-wrap:wrap;align-items:flex-start;}
.item .sub,.card p,.notice{overflow-wrap:anywhere;}
.card{min-width:0;}
@media(max-width:900px){
 .main{padding-bottom:calc(110px + env(safe-area-inset-bottom));}
 .mobileNav button{min-height:44px;line-height:1.15;overflow-wrap:anywhere;}
 .ig02-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;}
 .ig02-tabs button{flex:0 0 auto;scroll-snap-align:start;}
 .toolbar{width:100%;}
 .toolbar .select{flex:0 1 auto;}
 .toolbar .btn{min-height:42px;}
}
@media(max-width:390px){
 .mobileNav{padding:6px 3px max(6px,env(safe-area-inset-bottom));}
 .mobileNav button{padding:8px 3px;font-size:10px;min-width:0;}
 .main{padding:17px 12px calc(108px + env(safe-area-inset-bottom));}
 .card{padding:16px;}
 .toolbar .btn{font-size:11px;padding:9px 10px;}
 .ig02-actions>.btn,.actions>.btn{max-width:100%;}
}
/* VE-01: categorical Health assessment must fit locked 176/138px Orb without a fake numeric score. */
.orb .status-label{display:block;font-size:19px;line-height:1.2;letter-spacing:.2px;text-align:center;max-width:150px;overflow-wrap:anywhere;}
.trend-unavailable{border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:12px;padding:12px;display:flex;align-items:center;justify-content:center;text-align:center;margin:8px 0 10px;}
@media(max-width:900px){.orb .status-label{font-size:15px;max-width:115px}}


/* Account administration — only additive styling; locked Visual Master palette unchanged. */
.account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0;}
.account-summary .card{min-width:0;}
.account-layout{display:grid;grid-template-columns:minmax(270px,0.9fr) minmax(0,1.35fr);gap:16px;align-items:start;}
.account-layout .card{min-width:0;}
.account-list{display:grid;gap:12px;max-height:720px;overflow-y:auto;overscroll-behavior:contain;}
.account-item{overflow-wrap:anywhere;}
.account-identity{min-width:0;}
.account-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;color:var(--muted);font-size:12px;}
.account-meta span{padding:5px 8px;background:var(--panel2);border-radius:8px;}
.account-item .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.account-item .actions button{min-height:40px;}
@media(max-width:950px){.account-layout{grid-template-columns:1fr;}.account-list{max-height:none;}}
@media(max-width:540px){.account-summary{grid-template-columns:1fr;gap:9px}.account-summary .card{padding:12px 16px;}.account-item .actions button{flex:1 1 135px;}.account-layout{gap:12px}.toolbar{flex-wrap:wrap}.toolbar #selfPassword{flex:1 0 auto;}}
