.octa-master { position: relative; font-family: Arial,Helvetica,sans-serif; }
.octa-master-trigger { display:flex; align-items:center; gap:9px; min-height:42px; border:1px solid #4d8c82; border-radius:9px; padding:4px 10px 4px 5px; background:rgba(255,255,255,.04); color:#eef5f1; cursor:pointer; }
.octa-master-trigger:hover,.octa-master-trigger:focus-visible,.octa-master-trigger[aria-expanded="true"] { border-color:#d9f77e; background:#1c463f; outline:2px solid rgba(217,247,126,.45); outline-offset:2px; }
.octa-master-avatar { display:inline-flex; width:32px; height:32px; flex:0 0 32px; border-radius:50%; overflow:hidden; background:#d9f77e; color:#102725; }
.octa-master-avatar img { width:100%; height:100%; object-fit:cover; }
.octa-master-avatar.is-large { width:42px; height:42px; flex-basis:42px; }
.octa-master-name { max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:800; }
.octa-master-chevron { width:10px; fill:none; stroke:currentColor; stroke-width:1.8; transition:transform .18s; }
.octa-master-trigger[aria-expanded="true"] .octa-master-chevron { transform:rotate(180deg); }
.octa-master-panel { position:absolute; top:calc(100% + 14px); right:0; z-index:1000; width:min(390px,calc(100vw - 24px)); max-height:min(720px,calc(100vh - 120px)); box-sizing:border-box; border:1px solid #23433f; border-radius:20px; padding:16px; background:linear-gradient(165deg,#0c2523,#091c1b); box-shadow:0 26px 70px rgba(0,0,0,.4); color:#edf7f3; overflow-y:auto; }
.octa-master-panel[hidden],.octa-master-items[hidden],.octa-master-empty[hidden],.octa-master-group[hidden],.octa-master-items a[hidden] { display:none!important; }
.octa-master-user { display:flex; align-items:center; gap:12px; padding:2px 2px 15px; border-bottom:1px solid rgba(255,255,255,.1); }
.octa-master-user > span:last-child { display:grid; min-width:0; gap:2px; }
.octa-master-user strong,.octa-master-user small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.octa-master-user strong { font-size:14px; }
.octa-master-user small { color:#acc0ba; font-size:11px; }
.octa-master-user b { width:max-content; margin-top:3px; border:1px solid rgba(217,247,126,.28); border-radius:999px; padding:3px 7px; color:#d9f77e; font-size:8px; letter-spacing:.05em; text-transform:uppercase; }
.octa-master-search { display:grid; grid-template-columns:20px minmax(0,1fr) 24px; align-items:center; gap:7px; min-height:46px; margin:15px 0; border:1px solid #31504b; border-radius:11px; padding:0 10px; background:#0d211f; }
.octa-master-search:focus-within { border-color:#77a69d; outline:2px solid rgba(217,247,126,.15); }
.octa-master-search svg { width:18px; fill:none; stroke:#92a9a3; stroke-width:1.8; }
.octa-master-search input { width:100%; min-width:0; border:0!important; padding:0!important; background:transparent!important; box-shadow:none!important; color:#fff!important; font:700 12px/1 Arial,Helvetica,sans-serif!important; outline:0!important; }
.octa-master-search input::placeholder { color:#829791; }
.octa-master-search button { border:0; padding:0; background:transparent; color:#829791; font-size:19px; cursor:pointer; }
.octa-master-groups { display:grid; gap:8px; }
.octa-master-group { border:1px solid rgba(255,255,255,.035); border-radius:12px; background:rgba(255,255,255,.018); overflow:hidden; }
.octa-master-group-toggle { display:grid; grid-template-columns:31px minmax(0,1fr) 11px; align-items:center; gap:10px; width:100%; min-height:55px; border:0; padding:8px 11px; background:transparent; color:#dce9e5; text-align:left; font:800 13px/1.25 Arial,Helvetica,sans-serif; cursor:pointer; }
.octa-master-group-toggle:hover,.octa-master-group-toggle:focus-visible,.octa-master-group-toggle[aria-expanded="true"] { background:rgba(255,255,255,.055); color:#fff; outline:none; }
.octa-master-group-toggle > svg { width:9px; fill:none; stroke:currentColor; stroke-width:1.8; transition:transform .16s; }
.octa-master-group-toggle[aria-expanded="true"] > svg { transform:rotate(180deg); }
.octa-master-icon { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:9px; background:rgba(51,191,176,.08); color:#34bbae; }
.octa-master-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.octa-master-items { display:grid; gap:3px; padding:0 8px 9px 49px; }
.site-header .octa-master-items a { display:grid; grid-template-columns:27px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:42px; border-radius:9px; padding:4px 8px; color:#bcd0ca; font-size:11px; font-weight:700; text-decoration:none; }
.site-header .octa-master-items a:hover,.site-header .octa-master-items a:focus-visible { background:rgba(217,247,126,.09); color:#fff; outline:none; }
.octa-master-items .octa-master-icon { width:26px; height:26px; border-radius:8px; }
.octa-master-items .octa-master-icon svg { width:15px; height:15px; }
.octa-master-items a > b { color:#d9f77e; }
.octa-master-empty { margin:10px 0; border:1px dashed #3b5752; border-radius:10px; padding:18px; color:#91a59f; font-size:11px; text-align:center; }
.octa-master-footer { margin-top:12px; border-top:1px solid rgba(255,255,255,.1); padding:13px 4px 1px; }
.site-header .octa-master-footer a { display:flex; align-items:center; justify-content:space-between; color:#d9f77e; font-size:11px; font-weight:900; text-decoration:none; }
@media(max-width:560px){.octa-master-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.octa-master-trigger{padding-right:7px}.octa-master-panel{position:fixed; top:calc(var(--octa-header-height,72px) + var(--octa-admin-bar-height,0px)); right:8px; left:8px; width:auto; max-height:calc(100vh - var(--octa-header-height,72px) - var(--octa-admin-bar-height,0px) - 8px); border-radius:16px}.octa-master-items{padding-left:39px}}