#portal-access{max-width:680px;margin:15vh auto;padding:32px;border:1px solid #33505e;border-radius:14px;background:#172631;text-align:center}#portal-access p{line-height:1.8;color:#afc3cb}#portal-access a{color:#8ed1d5;display:inline-block;margin:12px}#portal-access button{margin:12px}header{height:auto;min-height:78px;gap:20px}header>div{flex-shrink:0}#mapInfo{overflow-wrap:anywhere;line-height:1.7;max-width:650px}.portal-home{font-size:12px;white-space:nowrap;color:#8ed1d5}main{height:calc(100vh - 78px)}:focus-visible{outline:2px solid #8ed1d5;outline-offset:3px}@media(max-width:900px){header{flex-wrap:wrap;padding:14px;gap:12px}#mapInfo{max-width:100%;font-size:11px}main{height:calc(100vh - 112px)}}@media(max-width:640px){header>div{max-width:100%;flex-shrink:1}#mapInfo{order:3;width:100%}header .sub{line-height:1.7}.portal-home{margin-left:auto}main{height:auto}.canvasbar{gap:10px;flex-wrap:wrap}.foot{font-size:10px;line-height:1.7}aside:not(.right){max-height:360px}.workspace{height:450px;min-height:450px}#portal-access{margin:40px 14px;padding:24px}}

.context-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 20px;background:#172631;border-bottom:1px solid #33505e}.context-bar label{display:flex;align-items:center;gap:8px;margin:0}.context-bar select,#deliveryTarget{background:#101c23;color:#e5f2f6;border:1px solid #4b6570;border-radius:5px;padding:7px;max-width:300px}.context-bar a{font-size:12px;color:#8ed1d5}.context-bar+section{margin-top:40px}main{height:calc(100vh - 134px)}@media(max-width:640px){.context-bar{padding:12px}.context-bar label{width:100%}.context-bar select{max-width:75%}main{height:auto}}