.or-directory{gap:var(--or-space-20);display:grid}.or-directory__toolbar{background:var(--or-color-bg-surface);border:var(--or-border-hairline) solid var(--or-color-border-card);border-radius:var(--or-radius-mobile-card);align-items:end;gap:var(--or-space-12);padding:var(--or-space-16);display:grid}.or-directory__search{color:var(--or-color-text-secondary);font-size:var(--or-type-label-size);font-weight:var(--or-type-label-weight);gap:var(--or-space-6);display:grid}.or-directory__search input{background:var(--or-color-bg-input);border:var(--or-border-hairline) solid var(--or-color-border-input);border-radius:var(--or-radius-input);color:var(--or-color-text-primary);min-height:var(--or-control-height-md);padding:0 var(--or-space-16)}.or-directory__filters{align-items:center;gap:var(--or-space-8);flex-wrap:wrap;display:flex}.or-directory__grid{gap:var(--or-space-16);margin:0;padding:0;list-style:none;display:grid}.or-directory__card{background:var(--or-color-bg-surface);border:var(--or-border-hairline) solid var(--or-color-border-card);border-radius:var(--or-radius-mobile-card);box-shadow:var(--or-shadow-card);gap:var(--or-space-12);height:100%;padding:var(--or-space-16);transition:border-color var(--or-duration-base) var(--or-ease-standard), box-shadow var(--or-duration-base) var(--or-ease-standard);display:grid}.or-directory__card:hover{border-color:var(--or-color-brand-primary);box-shadow:var(--or-shadow-elevated-card)}.or-directory__card-header{align-items:center;gap:var(--or-space-12);display:flex}.or-directory__leading{flex:none}.or-directory__name,.or-directory__kind,.or-directory__description,.or-directory__status{margin:0}.or-directory__name{color:var(--or-color-text-primary);font-size:var(--or-type-card-title-size)}.or-directory__kind,.or-directory__description,.or-directory__meta,.or-directory__status{color:var(--or-color-text-muted)}.or-directory__action{margin-top:auto}.or-directory__status{background:var(--or-color-bg-surface-soft);border-radius:var(--or-radius-mobile-card);padding:var(--or-space-24);text-align:center}.or-directory__status--error{color:var(--or-color-state-danger-strong)}.or-directory--disabled{opacity:.58;pointer-events:none}.or-directory :focus-visible{outline:var(--or-border-focus-ring) solid var(--or-color-focus-ring);outline-offset:var(--or-space-2)}@media (min-width:48rem){.or-directory__toolbar{border-radius:var(--or-radius-card);padding:var(--or-space-20) var(--or-space-24);grid-template-columns:minmax(18rem,1fr) auto}.or-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.or-directory__card{border-radius:var(--or-radius-card);padding:var(--or-space-24)}}@media (min-width:72rem){.or-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
