/* Shared developer-console navigation for standalone model pages. */
.developer-console-shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr);background:#080c12;font-family:var(--font-body)}
.developer-console-shell>.sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:18px 14px;border-right:1px solid #202c3a;background:#0a1018;z-index:2}
.developer-console-shell .sidebar-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;padding:6px;margin-bottom:6px}
.developer-console-shell .brand-mark{width:40px;height:40px;border:1px solid rgba(125,211,252,.28);border-radius:8px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;background:#2eb8b0;color:#061413;font-weight:950}
.developer-console-shell .brand-mark img{width:100%;height:100%;display:block;object-fit:cover}
.developer-console-shell .brand-mark.has-logo-image{background:rgba(255,255,255,.04)}
.developer-console-shell .brand-title{max-width:182px;overflow:hidden;color:#f4f7fb;font-family:var(--font-body);font-size:17px;font-weight:950;line-height:1.2;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.developer-console-shell .brand-sub{margin-top:3px;color:#8ea0ca;font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap}
.developer-console-shell .side-nav{display:grid;gap:7px;flex:1 1 auto;min-height:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
.developer-console-shell .side-nav::-webkit-scrollbar{width:5px}
.developer-console-shell .side-nav::-webkit-scrollbar-track{background:transparent}
.developer-console-shell .side-nav::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(125,211,252,.24)}
.developer-console-shell .nav-item{box-sizing:border-box;width:100%;height:42px;display:flex;align-items:center;flex:0 0 auto;gap:10px;margin:0!important;padding:0 11px!important;border:1px solid transparent;border-radius:6px;background:transparent;color:#b7c4e6;font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:850;line-height:1.2;letter-spacing:0;text-align:left;text-decoration:none;cursor:pointer}
.developer-console-shell .nav-item:hover{border-color:#243244;background:#111a25;color:#eef4fb}
.developer-console-shell .nav-item.on{border-color:rgba(91,212,204,.22);background:#14252b;color:#8ce6df}
.developer-console-shell .nav-index{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(148,163,184,.17);border-radius:7px;background:rgba(255,255,255,.035);color:#8ea0ca;font-size:11px}
.developer-console-shell .nav-item.on .nav-index{border-color:transparent;background:linear-gradient(135deg,#fde68a,#22d3ee 52%,#a78bfa);color:#07111f}
.developer-console-shell .sidebar-footer{display:grid;gap:9px;flex:0 0 auto;margin-top:auto}
.developer-console-shell .sidebar-footer .btn{width:100%}
.developer-console-shell>.page{min-width:0;min-height:100vh;padding:20px clamp(16px,3vw,34px) 34px;font-family:var(--font-body)}
@media(max-width:1180px){.developer-console-shell{grid-template-columns:1fr}.developer-console-shell>.sidebar{position:relative;height:auto;display:block;padding:14px}.developer-console-shell .sidebar-brand{margin-bottom:12px}.developer-console-shell .side-nav{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-right:0}.developer-console-shell .sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.developer-console-shell>.page{min-height:0}}
@media(max-width:680px){.developer-console-shell .side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-console-shell .brand-title{max-width:calc(100vw - 100px)}}
@media(max-width:420px){.developer-console-shell .side-nav,.developer-console-shell .sidebar-footer{grid-template-columns:1fr}.developer-console-shell .nav-item{height:40px}}