.career-view { display:flex;flex-direction:column;min-height:0;flex:1;padding:0;overflow:hidden; }
.career-view[hidden] { display:none; }
.career-view iframe { border:0;width:100%;flex:1;min-height:0;background:var(--foam); }
.career-hub { padding:24px;display:grid;gap:16px; }
.career-card { display:flex;align-items:center;gap:16px;text-align:left;padding:20px;border:1px solid var(--line);background:var(--mist);color:var(--deep);width:min(460px,100%); }
.career-card img { width:40px;height:40px; }
.career-card span { display:grid;gap:6px; }
.career-card small { color:var(--muted); }
.career-disabled { padding:24px;color:var(--muted); }
.content:has(>.career-view:not([hidden])) { display:flex;flex-direction:column;height:calc(100dvh / var(--ui-zoom));overflow:hidden; }
.content:has(>.career-view:not([hidden])) > .content-header { display:none; }
.career-admin-status { min-height:20px; }
.server-rail > [data-route="career"] { background:transparent; padding:5px; }
.server-rail > [data-route="career"] > img { transform:scale(.92); transform-origin:center; }
.server-rail > [data-route="career"]:hover { background:#26313F; }
/* Embedded tools keep the primary icon rail, not the forum channel sidebar. */
#app:has(#career-view:not([hidden]) > iframe) { grid-template-columns:var(--server-rail-width) minmax(0,1fr); }
#app:has(#career-view:not([hidden]) > iframe) > :is(.channel-rail,.user-strip,.sidebar-resizer) { display:none; }
#app:has(#career-view:not([hidden]) > iframe) > .content { grid-column:2; grid-row:1; }
#app:has(#career-view:not([hidden]) > iframe) > .server-rail { display:flex;grid-column:1;grid-row:1; }
#app:has(#career-view:not([hidden]) > iframe) :is(.mobile-nav-toggle,.content-header > .mobile-detail-menu) { display:none; }
@media(max-width:650px) { .server-rail > [data-route="career"] { order:3; } .career-hub { padding:16px; } .career-card { padding:16px;font-size:14px; } .content:has(>.career-view:not([hidden])) { height:var(--phone-height,100dvh); } }