@layer components{.platform-chip{border-radius:var(--radius-control);min-height:48px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--fg);text-align:start;cursor:pointer;transition:box-shadow var(--dur-button) var(--ease-standard), background-color var(--dur-button) var(--ease-standard), transform var(--dur-button) var(--ease-standard);align-items:center;gap:12px;padding:8px 12px 8px 16px;font-size:15.5px;display:inline-flex}[dir=rtl] .platform-chip{padding:8px 16px 8px 12px}.platform-chip:hover{box-shadow:inset 0 0 0 1px var(--fg);background-color:color-mix(in srgb, var(--color-on-dark) 4%, transparent)}.platform-chip:active{transform:scale(.98)}.platform-chip__name{font-weight:500}.platform-chip__status{padding:2px 8px;font-size:11px}.platform-chip__routes{flex-wrap:wrap;align-items:center;gap:4px 6px;display:inline-flex}.platform-chip__in{color:var(--fg-2);white-space:nowrap;font-size:13.5px}.platform-chip__sep{color:var(--fg-2)}html[lang=fa] .platform-chip__status{font-size:12px}@media (min-width:640px){.setup-dialog.dialog-panel{width:min(640px,100vw - 48px);max-height:88svh;margin-inline-start:max(-320px,24px - 50vw);top:6svh}}.setup-dialog .dialog-head{z-index:1;background:var(--surface);position:sticky;top:0}.matrix-filter{flex-wrap:wrap;gap:8px;display:flex}.matrix-filter label{min-height:44px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--fg-2);cursor:pointer;transition:background-color var(--dur-button) var(--ease-standard), color var(--dur-button) var(--ease-standard);border-radius:999px;align-items:center;padding:0 14px;font-size:14.5px;display:inline-flex;position:relative}.matrix-filter input{opacity:0;cursor:pointer;position:absolute;inset:0}.matrix-filter label:has(input:checked){background:var(--fg);color:var(--surface)}.matrix-filter label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.matrix-table{border-collapse:collapse;width:100%;font-size:14px}.matrix-table th,.matrix-table td{vertical-align:top;text-align:start;border-top:1px solid var(--line);padding:14px 12px}.matrix-table thead th{top:var(--header-h);z-index:1;background:var(--surface);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2);border-top:0;border-bottom:1px solid var(--line-strong);font-size:11.5px;font-weight:400;position:sticky}html[lang=fa] .matrix-table thead th{font-family:var(--font-sans);text-transform:none;font-size:13px}.matrix-table tbody th{width:17%;font-size:15px;font-weight:500}.matrix-more>summary{cursor:pointer;min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;gap:10px;font-size:14.5px;text-decoration:underline;text-decoration-thickness:1px;list-style:none;display:inline-flex}.matrix-more>summary::-webkit-details-marker{display:none}.matrix-more>summary:after{content:"";block-size:7px;inline-size:7px;transition:transform var(--dur-button) var(--ease-standard);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-2px)rotate(45deg)}.matrix-more[open]>summary:after{transform:translateY(2px)rotate(225deg)}.matrix-more>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.matrix-note{color:var(--fg-2);margin-top:8px;font-size:13px;line-height:1.5;display:block}html[lang=fa] .matrix-note{line-height:1.8}}