/* Dropdowns that can be typed into. */
.ns-combo{position:relative;display:inline-block;min-width:0;vertical-align:middle;max-width:100%}
.ns-combo-input{width:100%;min-width:180px}
.ns-combo-list{position:absolute;z-index:60;left:0;right:0;top:100%;margin-top:4px;max-height:280px;overflow:auto;background:#10172a;color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.45);padding:4px}
.ns-combo-list[hidden]{display:none}
.ns-combo-list button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.ns-combo-list button:hover,.ns-combo-list button.active{background:rgba(142,157,255,.16)}
.ns-combo-empty{padding:8px 10px;color:var(--muted);font-size:12px}
html[data-theme="light"] .ns-combo-list{background:#ffffff;color:#1a2238;border-color:rgba(89,104,219,.2);box-shadow:0 18px 50px rgba(42,55,87,.18)}
html[data-theme="light"] .ns-combo-list button:hover,html[data-theme="light"] .ns-combo-list button.active{background:rgba(89,104,219,.1)}
select[hidden]{display:none !important}

/* The device page's details list lays its contents out in rows. Keep the owner choices stacked, one per line. */
.ns-owner-cell { display: block; position: relative; width: 100%; min-width: 0; }
.ns-owner-cell .ns-combo { display: block; width: 100%; }
.ns-owner-cell .ns-combo-list { display: flex; flex-direction: column; align-items: stretch; left: auto; right: 0; width: 260px; max-width: 70vw; }
.ns-owner-cell .ns-combo-list button { display: block; width: 100%; flex: none; text-align: left; }

/* The device page's owner list sets display:flex, which would show it even when hidden. Hidden means hidden. */
.ns-owner-cell .ns-combo-list[hidden] { display: none; }