:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:#f6f1df;background:#14231d;place-items:center;min-height:100vh;margin:0;display:grid}main{background:#1e3229;border:1px solid #62786e;border-radius:1rem;width:min(62rem,100% - 3rem);margin:1.5rem 0;padding:2.5rem;box-shadow:0 1.5rem 4rem #08110d88}h1{margin-top:0;font-family:Georgia,serif;font-size:clamp(2rem,7vw,3.2rem);line-height:1}h2{margin-top:2.5rem;font-family:Georgia,serif;font-size:1.5rem}p{color:#d8ddcf;line-height:1.6}button,.button{color:#17251f;font:inherit;cursor:pointer;background:#e8c66a;border:0;border-radius:999px;margin-top:1rem;padding:.85rem 1.2rem;font-weight:750;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}a{color:#f2d274}[role=alert]{color:#ffb5a8}.session-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.session-summary p,.session-summary button{margin:0}.status-form{margin:0;display:inline}.status-form button{color:inherit;background:0 0;border-radius:0;margin:0;padding:0}.table-wrap{background:#172820 padding-box padding-box;border:1px solid #52665d;border-radius:.75rem;margin:1.5rem 0;overflow-x:auto}table{border-collapse:collapse;background:0 0;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #405249;padding:.9rem 1rem}thead th{color:#bfcbbf;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}td small{color:#bfcbbf;max-width:16rem;margin-top:.35rem;display:block}td small a{color:inherit}.status{white-space:nowrap;border-radius:999px;padding:.3rem .55rem;font-size:.78rem;font-weight:750;display:inline-block}.status-connected{color:#f2fff7;background:#2f6b50}.status-mock{color:#fff7df;background:#6a5428}.status-planned{color:#e6f2ff;background:#344b62}.status-not-connected,.status-not-configured,.status-invalid,.status-revoked,.status-expired{color:#ffe9e4;background:#604039}.status-not-supported{color:#c8d3ca;background:#35463e}.status-action{color:inherit;text-decoration:none}.status-action .status{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:.1em}.status-action:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #f2d274}.write-status-row{align-items:center;gap:.4rem;display:inline-flex}.write-status-row small{margin-top:0}.table-action{z-index:1;color:#f2d274;width:fit-content;margin-top:.5rem;font-weight:750;display:block;position:relative}.compact-label{display:none}.tooltip{vertical-align:middle;margin-left:.4rem;display:inline-flex;position:relative}.tooltip-trigger{color:#d8ddcf;background:0 0;border:1px solid #81958a;border-radius:50%;width:1.2rem;height:1.2rem;margin:0;padding:0;font-size:.72rem;line-height:1}.tooltip-content{z-index:10;color:#f6f1df;opacity:0;pointer-events:none;background:#0d1914;border:1px solid #81958a;border-radius:.55rem;width:min(17rem,100vw - 5rem);padding:.65rem .75rem;font-size:.8rem;font-weight:400;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%,.25rem);box-shadow:0 .75rem 2rem #08110dcc}.tooltip:hover .tooltip-content,.tooltip:focus-within .tooltip-content{opacity:1;transform:translate(-50%)}.token-form{grid-template-columns:1fr auto;align-items:end;gap:.65rem;display:grid}.token-form label{grid-column:1/-1;font-weight:750}.token-form input{min-width:0;color:inherit;font:inherit;background:#172820;border:1px solid #62786e;border-radius:.65rem;padding:.8rem 1rem}.token-form button{margin:0}.inline-form{display:inline}.link-button{color:#f2d274;background:0 0;border-radius:0;margin:0;padding:0}.disconnect-form{margin-top:.5rem}.not-applicable{color:#bfcbbf}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.flow-page{width:min(34rem,100% - 3rem)}.page-choices{gap:.65rem;margin-top:1.25rem;display:grid}.page-choice{text-align:left;border-radius:.65rem;width:100%;margin-top:0}.folder-selector-page{width:min(54rem,100% - 3rem)}.folder-selector-intro{max-width:45rem;font-size:1.05rem}.folder-picker{max-width:42rem;margin-top:2rem;position:relative}.folder-picker label{margin-bottom:.55rem;font-weight:750;display:block}.folder-search-wrap{position:relative}.folder-search-wrap input{box-sizing:border-box;color:#f6f1df;width:100%;font:inherit;background:#101d17;border:1px solid #81958a;border-radius:.75rem;outline:none;padding:1rem 1.1rem;font-size:1.05rem}.folder-search-wrap input:focus{border-color:#e8c66a;box-shadow:0 0 0 3px #e8c66a2b}.folder-search-wrap input::placeholder{color:#81958a}.folder-suggestions{z-index:20;background:#101d17;border:1px solid #81958a;border-radius:.75rem;max-height:min(25rem,55vh);position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 1rem 2.5rem #08110ddd}.folder-suggestions[hidden],.folder-selection[hidden]{display:none}.folder-suggestion{color:#f6f1df;text-align:left;background:0 0;border-radius:0;width:100%;margin:0;padding:.85rem 1rem;display:grid}.folder-suggestion+.folder-suggestion{border-top:1px solid #35483e}.folder-suggestion strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-suggestion span{color:#9eafa4;margin-top:.2rem;font-size:.78rem;font-weight:500}.folder-suggestion:hover,.folder-suggestion:focus-visible,.folder-suggestion[aria-selected=true]{background:#294539;outline:none}.folder-search-status{color:#9eafa4;min-height:1.5rem;margin:.55rem 0 0;font-size:.82rem}.folder-selection{background:#172820;border:1px solid #e8c66a;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1.5rem;max-width:42rem;margin-top:1.5rem;padding:1rem 1.1rem;display:flex}.folder-selection>div:first-child{gap:.15rem;min-width:0;display:grid}.folder-selection strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:1.15rem;overflow:hidden}.folder-selection #selected-folder-location,.folder-selection .selection-location{color:#9eafa4;font-size:.82rem}.selection-eyebrow{color:#e8c66a;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.selection-actions{flex:none;align-items:center;gap:.85rem;display:flex}.selection-actions button{margin:0}.selection-actions a,.folder-selector-cancel a{color:#f2d274;font-weight:750}.folder-selector-cancel{margin-top:2rem}@media (width>=601px){.table-wrap{overflow:visible}}@media (width<=600px){main.connections-page{box-sizing:border-box;width:calc(100vw - 1rem);min-width:0;padding:1.25rem}main.folder-selector-page{box-sizing:border-box;width:calc(100vw - 1rem);padding:1.25rem}main.flow-page{box-sizing:border-box;width:calc(100vw - 1rem);padding:1.5rem}.session-summary{flex-direction:column;align-items:flex-start}.folder-selection{flex-direction:column;align-items:flex-start;gap:1rem}.selection-actions{justify-content:space-between;width:100%}.connections-page .table-wrap{overflow:visible}.connections-page .token-table-wrap{background:0 0;border:0}.connections-table,.connections-table thead,.connections-table tbody{width:100%;display:block}.connections-table tr{grid-template-columns:40% repeat(3,20%);display:grid}.connections-table th,.connections-table td{box-sizing:border-box;text-align:center;padding:.65rem .25rem}.connections-table th:first-child,.connections-table td:first-child{text-align:left;padding-left:.65rem}.connections-table thead th{letter-spacing:.03em;font-size:.65rem}.connections-table td small,.connections-table .tooltip{display:none}.connections-table .status{box-sizing:border-box;text-align:center;width:1.35rem;height:1.35rem;padding:0;font-size:0;line-height:1.35rem;position:relative}.connections-table .status:before{content:"!";color:currentColor;font-size:.72rem}.connections-table .status-connected:before{content:"✓"}.connections-table .status-mock:before{content:"M"}.connections-table .status-planned:before{content:"P"}.connections-table .status-not-supported:before{content:"–"}.connections-table .status-action .status{outline-offset:2px;outline:2px solid #f2d274;text-decoration:none}.connections-table .status:after{content:attr(data-tooltip);z-index:20;color:#f6f1df;pointer-events:none;background:#0d1914;border:1px solid #81958a;border-radius:.5rem;width:max-content;max-width:min(15rem,100vw - 3rem);padding:.55rem .65rem;font-size:.78rem;font-weight:400;line-height:1.35;display:none;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,.2rem);box-shadow:0 .75rem 2rem #08110dcc}.connections-table .status:hover:after,.connections-table .status:focus:after,.connections-table .status-action:hover .status:after,.connections-table .status-action:focus .status:after{display:block;transform:translate(-50%)}.connections-table td:nth-child(2) .status:after{left:0;transform:translateY(.2rem)}.connections-table td:nth-child(2) .status:hover:after,.connections-table td:nth-child(2) .status:focus:after{transform:translate(0)}.connections-table td:last-child .status:after{left:auto;right:0;transform:translateY(.2rem)}.connections-table td:last-child .status:hover:after,.connections-table td:last-child .status:focus:after,.connections-table td:last-child .status-action:hover .status:after,.connections-table td:last-child .status-action:focus .status:after{transform:translate(0)}.wide-label{display:none}.compact-label{display:inline}.token-table,.token-table tbody,.token-table tr,.token-table th,.token-table td{display:block}.token-table thead{display:none}.token-table tbody{gap:.75rem;display:grid}.token-table tbody tr{background:#172820;border:1px solid #52665d;border-radius:.75rem;grid-template-columns:max-content minmax(0,1fr) auto;grid-template-areas:"agent agent status""expires used action";align-items:center;gap:.45rem .65rem;padding:.8rem 1rem;display:grid}.token-table tbody tr.empty-row{color:#bfcbbf;display:block}.token-table tbody tr:last-child th,.token-table tbody tr:last-child td,.token-table th,.token-table td{border:0;padding:0}.token-agent{text-overflow:ellipsis;white-space:nowrap;grid-area:agent;min-width:0;font-size:1rem;overflow:hidden}.token-expires{grid-area:expires}.token-used{color:#bfcbbf;grid-area:used;min-width:0}.token-status{text-align:center;grid-area:status}.token-action{text-align:center;grid-area:action}.token-expires,.token-used,.token-action{white-space:nowrap;font-size:.78rem}}
