.dir-wrap{padding-top:48px;padding-bottom:120px;display:flex;flex-direction:column;gap:32px}.dir-intro{display:flex;flex-direction:column;gap:12px}.dir-controls{display:flex;align-items:center;gap:10px}.dir-controls .pill-group{display:flex;gap:4px;flex-shrink:0}.dir-controls .pill{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--divider);background:var(--surface-elevated);font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--on-surface-secondary);cursor:pointer;transition:background .12s,border-color .12s,color .12s;line-height:1}.dir-controls .pill:disabled{cursor:default;opacity:.5}.dir-controls .pill--active{background:#4d8fff1f;border-color:#4d8fff66;color:var(--primary)}.dir-controls .pill-count{opacity:.65}.dir-filter{flex:1;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-md);padding:9px 12px;font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--on-surface);outline:none;transition:border-color .15s;min-width:0}.dir-filter::placeholder{color:var(--on-surface-disabled)}.dir-filter:focus{border-color:var(--primary)}.dir-filter:disabled{opacity:.5;cursor:default}.dir-count{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--on-surface-secondary);white-space:nowrap;flex-shrink:0;min-width:8ch;text-align:right}.dir-skeleton{border:1px solid var(--divider);border-radius:var(--radius-lg);overflow:hidden}.skel-row{height:42px;border-bottom:1px solid var(--divider);background:linear-gradient(90deg,var(--surface-elevated) 25%,var(--surface-high) 50%,var(--surface-elevated) 75%);background-size:200% 100%;animation:dir-shimmer 1.4s ease-in-out infinite}@keyframes dir-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dir-table{border:1px solid var(--divider);border-right:3px solid rgba(255,255,255,.22);border-bottom:3px solid rgba(255,255,255,.22);border-radius:var(--radius-lg);overflow:hidden}.country-hdr{padding:8px 16px;background:var(--surface-high);border-bottom:1px solid var(--divider);font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--on-surface-disabled);letter-spacing:.1em;text-transform:uppercase}.sec-header{display:grid;grid-template-columns:18px 1fr auto;align-items:center;column-gap:10px;width:100%;padding:10px 16px;background:var(--surface-elevated);border:none;border-bottom:1px solid var(--divider);border-left:2px solid transparent;cursor:pointer;text-align:left;position:sticky;top:0;z-index:1;transition:background .1s,border-left-color .12s}.sec-header:hover{background:var(--surface-high);border-left-color:#4d8fff80}.states-toggle{background:var(--surface-high);z-index:2}.states-toggle:hover{background:var(--surface-elevated)}.states-body .sec-header{padding-left:30px;z-index:1}.sec-chevron{display:block;width:14px;height:14px;position:relative;flex-shrink:0}.sec-chevron:before,.sec-chevron:after{content:"";position:absolute;background:var(--on-surface-secondary);border-radius:1px;width:1.5px;height:7px;left:6px;transition:transform .18s,top .18s}.sec-chevron:before{top:1px;transform:rotate(35deg)}.sec-chevron:after{top:6px;transform:rotate(-35deg)}.sec-chevron--open:before{top:3px;transform:rotate(55deg) translate(-2px)}.sec-chevron--open:after{top:3px;transform:rotate(-55deg) translate(2px)}.sec-label{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sec-badge{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--on-surface-disabled);padding:2px 6px;border:1px solid var(--divider);border-radius:var(--radius-sm);white-space:nowrap}.dir-row{display:grid;grid-template-columns:130px 1fr auto;column-gap:16px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--divider);background:var(--surface);transition:background .08s}.dir-row:hover{background:var(--surface-high)}.dir-row:last-child{border-bottom:none}.dir-code{display:block;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--on-surface-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dir-name{font-size:13px;color:var(--on-surface);line-height:1.4;min-width:0}.dir-portal{font-family:var(--font-mono);font-size:14px;color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;transition:opacity .1s}.dir-portal:hover{opacity:.7}.portal-arrow{font-size:12px;opacity:.55}.dir-portal--none{font-family:var(--font-mono);font-size:14px;color:var(--on-surface-disabled)}.dir-empty{padding:24px 16px;font-size:14px;color:var(--on-surface-secondary);text-align:center;background:var(--surface)}@media (max-width: 600px){.dir-controls{flex-wrap:wrap}.dir-controls .pill-group{flex-basis:100%}.dir-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:3px}.dir-code{grid-column:1;grid-row:1}.dir-name{grid-column:1/-1;grid-row:2}.dir-portal{grid-column:2;grid-row:1;justify-self:end}}