.auth-shell.auth-shell--mitra{grid-template-columns:minmax(300px,32%) 1fr}.auth-shell--mitra .auth-aside{background:linear-gradient(155deg, var(--teal-700), var(--teal-900))}.auth-shell--mitra .brand-scrim{background:linear-gradient(#0a71799e,#085b62eb);background:linear-gradient(180deg, color-mix(in srgb, var(--teal-700) 62%, transparent), color-mix(in srgb, var(--teal-800) 92%, transparent))}.auth-shell--mitra .auth-aside-title em{color:var(--rose-100)}@media (max-width:820px){.auth-shell.auth-shell--mitra{grid-template-columns:1fr}}.auth-shell--mitra .mitra-steps{gap:6px;margin:4px 0 6px;display:flex}.auth-shell--mitra .mitra-steps i{border-radius:var(--radius-full);background:var(--background-muted);flex:1;height:4px}.auth-shell--mitra .mitra-steps i.on{background:var(--teal-500)}.auth-shell--mitra .mitra-stepname{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 16px}.auth-shell--mitra .auth-btn{background:var(--teal-700)}.auth-shell--mitra .auth-btn:not(.auth-btn-ghost):hover{background:var(--teal-800)}.auth-shell--mitra .auth-btn-ghost{background:var(--surface-default);color:var(--teal-700)}.auth-shell--mitra .auth-btn-ghost:hover{background:var(--teal-50);color:var(--teal-700)}.auth-shell--mitra .field{gap:6px;margin-bottom:14px;display:grid}.auth-shell--mitra .field>span,.auth-shell--mitra .mitra-socials-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.auth-shell--mitra .dropdown{position:relative}.auth-shell--mitra .dropdown-btn{width:100%;font-family:var(--font-sans), sans-serif;font-size:var(--fs-sm);color:var(--text-default);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-xs);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.auth-shell--mitra .dropdown-btn[data-open]{border-color:var(--teal-500)}.auth-shell--mitra .dropdown-ph{color:var(--text-muted)}.auth-shell--mitra .dropdown-menu{z-index:50;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);gap:2px;max-height:280px;margin:0;padding:5px;list-style:none;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto}.auth-shell--mitra .dropdown-opt{border-radius:var(--radius-xs);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.auth-shell--mitra .dropdown-opt.active{background:var(--teal-50)}.auth-shell--mitra .dropdown-opt.selected{color:var(--teal-700);font-weight:var(--fw-semibold)}.auth-shell--mitra .dd-search-wrap{padding:0;list-style:none}.auth-shell--mitra .dd-search{width:calc(100% - 12px);margin:6px}.auth-shell--mitra .chk{cursor:pointer;align-items:flex-start;gap:9px;margin:6px 0 14px;display:flex;position:relative}.auth-shell--mitra .chk input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-shell--mitra .chk-mark{border:1.5px solid var(--text-muted);border-radius:var(--radius-xs);flex:none;width:17px;height:17px;margin-top:2px}.auth-shell--mitra .chk input:checked~.chk-mark{background:var(--teal-700);border-color:var(--teal-700);box-shadow:inset 0 0 0 3px var(--surface-default)}.auth-shell--mitra .chk input:focus-visible~.chk-mark{outline:2px solid var(--teal-500);outline-offset:2px}.auth-shell--mitra .chk-lb a{color:var(--teal-700)}.auth-shell--mitra .mitra-socials{gap:8px;margin-bottom:14px;display:grid}.auth-shell--mitra .mitra-social-row{grid-template-columns:9em 1fr auto;align-items:center;gap:8px;display:grid}.auth-shell--mitra .icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.auth-shell--mitra .icon-btn:hover{color:var(--text-default);background:var(--background-muted)}.auth-shell--mitra .mitra-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.auth-shell--mitra .mitra-req-all .auth-field>label:after,.auth-shell--mitra .mitra-req>span:after{content:" *";color:var(--error-dark)}.auth-shell--mitra .mitra-hint{font-size:var(--fs-xs);color:var(--text-muted);margin:-8px 0 0}.auth-shell--mitra .mitra-lede{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.auth-shell--mitra .auth-card form .field,.auth-shell--mitra .auth-card form .mitra-socials{margin-bottom:0}.auth-shell--mitra .auth-card form .chk{margin:0}.auth-shell--mitra .field>span,.auth-shell--mitra .mitra-socials-title{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.auth-shell--mitra .auth-card .mitra-steps{margin:14px 0 6px}.auth-shell--mitra .auth-card .mitra-stepname{margin:0}.auth-shell--mitra .mitra-actions.mitra-actions-stack{grid-template-columns:1fr;gap:8px}.auth-shell--mitra .auth-btn-ghost.mitra-btn-plain{color:var(--text-muted);border-color:#0000}.auth-shell--mitra .auth-btn-ghost.mitra-btn-plain:hover{color:var(--teal-700)}.auth-shell--mitra .mitra-add-social{color:var(--teal-700);font-weight:var(--fw-semibold);justify-self:start;padding-left:0}.auth-shell--mitra .mitra-socials .icon-btn{border-color:var(--border-default)}.auth-shell--mitra .mitra-check-ico{color:var(--teal-500);margin:0 auto 8px;display:block}
