.qai-overview{--overview-ink:#17384c;--overview-muted:#5f7686;--overview-teal:#087e82;--overview-pale:#eef7f7;max-width:1600px;color:var(--overview-ink);margin:0 auto;padding:34px 40px 64px}.qai-overview-hero{background:linear-gradient(125deg,#edf8f8 0%,#f7fbfc 53%,#e6f0f4 100%);border:1px solid #d8e7ea;border-radius:22px;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:24px;min-height:500px;display:grid;overflow:hidden}.qai-overview-hero-copy{align-self:center;padding:68px 7vw 68px 6vw}.qai-overview-kicker{color:var(--overview-teal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:700}.qai-overview h1{letter-spacing:-.045em;max-width:840px;margin:0;font-size:clamp(42px,5vw,74px);font-weight:600;line-height:1.02}.qai-overview-lead{color:#496777;max-width:860px;margin:28px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.75}.qai-overview-promise{color:#fff;background:#173f55;flex-direction:column;justify-content:center;padding:52px 46px;display:flex}.qai-overview-promise>span{color:#9fd0d1;letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px;font-size:11px}.qai-overview-promise strong{letter-spacing:-.02em;border-bottom:1px solid #ffffff24;padding:13px 0;font-size:clamp(25px,2.2vw,36px);font-weight:500}.qai-overview-promise p{color:#d4e1e6;margin:28px 0 0;font-size:13px;line-height:1.75}.qai-overview-section{border-bottom:1px solid #dbe6eb;padding:74px 22px}.qai-overview-intro{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:8vw;display:grid}.qai-overview h2{max-width:760px;color:var(--overview-ink);letter-spacing:-.035em;margin:0;font-size:clamp(29px,3vw,44px);font-weight:580;line-height:1.12}.qai-overview-prose{max-width:820px}.qai-overview-prose p,.qai-overview-section-heading>p:last-child{color:var(--overview-muted);margin:0 0 18px;font-size:16px;line-height:1.8}.qai-overview-section-heading{max-width:850px;margin-bottom:36px}.qai-overview-section-heading h2+p{margin-top:18px}.qai-overview-outcomes{border-top:1px solid #cbdde3;border-bottom:1px solid #cbdde3;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.qai-overview-outcomes article{border-right:1px solid #cbdde3;padding:30px 27px 34px}.qai-overview-outcomes article:last-child{border-right:0}.qai-overview-outcomes span,.qai-overview-journey>li>span{color:#73a1aa;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.qai-overview h3{margin:22px 0 11px;font-size:18px;font-weight:650;line-height:1.3}.qai-overview-outcomes p,.qai-overview-capabilities p,.qai-overview-journey p{color:var(--overview-muted);margin:0;font-size:13px;line-height:1.7}.qai-overview-capability-section{background:#f6f9fa;margin:0 -40px;padding-left:62px;padding-right:62px}.qai-overview-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.qai-overview-capabilities article{background:#fff;border:1px solid #dbe6eb;border-radius:12px;min-height:215px;padding:26px}.qai-overview-icon{background:var(--overview-pale);width:38px;height:38px;color:var(--overview-teal);border-radius:9px;place-items:center;display:grid}.qai-overview-capabilities h3{margin-top:25px}.qai-overview-modes-section{padding-top:84px}.qai-overview-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.qai-overview-modes article{background:linear-gradient(145deg,#fff 0%,#f3f9f9 100%);border:1px solid #cfe0e5;border-radius:16px;padding:38px}.qai-overview-modes article:last-child{color:#fff;background:linear-gradient(145deg,#173f55 0%,#20566c 100%)}.qai-overview-mode-label{color:var(--overview-teal);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.qai-overview-modes article:last-child .qai-overview-mode-label{color:#9fdddd}.qai-overview-modes h3{letter-spacing:-.025em;max-width:600px;margin:18px 0 16px;font-size:clamp(24px,2.4vw,36px);font-weight:580}.qai-overview-modes>article>p:not(.qai-overview-mode-label){max-width:650px;color:var(--overview-muted);margin:0;font-size:15px;line-height:1.75}.qai-overview-modes article:last-child>p:not(.qai-overview-mode-label){color:#d4e1e6}.qai-overview-modes ul{border-top:1px solid #cfe0e5;gap:11px;margin:28px 0 0;padding:25px 0 0;list-style:none;display:grid}.qai-overview-modes article:last-child ul{border-color:#ffffff24}.qai-overview-modes li{color:#426274;padding-left:22px;font-size:13px;line-height:1.5;position:relative}.qai-overview-modes article:last-child li{color:#e3edf0}.qai-overview-modes li:before{content:"";background:#19a2a1;border-radius:50%;width:7px;height:7px;position:absolute;top:.48em;left:1px}.qai-overview-journey{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.qai-overview-journey li{border-top:2px solid #bfd5dc;gap:14px;padding:27px 22px 27px 0;display:flex;position:relative}.qai-overview-journey li:not(:last-child){margin-right:14px}.qai-overview-journey li:before{background:var(--overview-teal);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:0}.qai-overview-journey h3{margin:14px 0 8px;font-size:16px}.qai-overview-use-cases-section{background:#eef6f7;margin:0 -40px;padding-left:62px;padding-right:62px}.qai-overview-use-cases{background:#cadde2;border:1px solid #cadde2;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.qai-overview-use-cases article{background:#fff;min-height:230px;padding:30px 27px}.qai-overview-use-cases span{color:#75a1aa;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.qai-overview-use-cases h3{margin:38px 0 12px}.qai-overview-use-cases p{color:var(--overview-muted);margin:0;font-size:13px;line-height:1.7}.qai-overview-trust{color:#fff;background:#173f55;border:0;border-radius:18px;grid-template-columns:minmax(260px,.85fr) minmax(0,1fr);align-items:start;gap:7vw;margin-top:30px;padding:54px;display:grid}.qai-overview-trust h2{color:#fff}.qai-overview-trust p{color:#d4e1e6;margin:0;font-size:15px;line-height:1.8}.qai-overview-trust a{color:#9fdddd;margin-top:23px;font-size:13px;font-weight:650;display:inline-flex}@media (width<=1050px){.qai-overview-hero{grid-template-columns:1fr}.qai-overview-promise{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.qai-overview-promise>span,.qai-overview-promise p{grid-column:1/-1}.qai-overview-promise strong{border-bottom:0;border-right:1px solid #ffffff24}.qai-overview-promise strong:last-of-type{border-right:0}.qai-overview-outcomes{grid-template-columns:repeat(2,1fr)}.qai-overview-outcomes article:nth-child(2){border-right:0}.qai-overview-outcomes article:nth-child(-n+2){border-bottom:1px solid #cbdde3}.qai-overview-capabilities{grid-template-columns:repeat(2,1fr)}.qai-overview-journey{grid-template-columns:repeat(3,1fr)}.qai-overview-use-cases{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.qai-overview-modes{grid-template-columns:1fr}}@media (width<=700px){.qai-overview{padding:20px 16px 42px}.qai-overview-hero-copy{padding:48px 26px}.qai-overview-promise{padding:38px 26px;display:flex}.qai-overview-promise strong{border-bottom:1px solid #ffffff24;border-right:0}.qai-overview-section{padding:52px 4px}.qai-overview-intro,.qai-overview-trust{grid-template-columns:1fr;gap:28px}.qai-overview-outcomes,.qai-overview-capabilities,.qai-overview-journey,.qai-overview-use-cases{grid-template-columns:1fr}.qai-overview-outcomes article{border-bottom:1px solid #cbdde3;border-right:0}.qai-overview-outcomes article:last-child{border-bottom:0}.qai-overview-capability-section,.qai-overview-use-cases-section{margin:0 -16px;padding-left:20px;padding-right:20px}.qai-overview-modes article{padding:29px 24px}.qai-overview-journey li:not(:last-child){margin-right:0}.qai-overview-trust{margin-top:20px;padding:34px 26px}}.module-workspace{color:#1c2b3b}.module-header{background:#fff;border-bottom:1px solid #dce5ec;padding:30px 36px 0}.module-breadcrumb{color:#667f91;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.module-header h1{margin:16px 0 6px;font-size:28px;font-weight:650}.module-header>p{color:#61788b;font-size:13px}.module-environments{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.module-environments button{text-align:left;background:#fff;border:1px solid #d8e2ea;border-radius:9px;align-items:center;gap:12px;min-width:190px;padding:12px 18px;display:flex}.module-environments button.selected{background:#f2f8fb;border:2px solid #257792;padding:11px 17px}.module-environments strong,.module-environments small{display:block}.module-environments strong{font-size:14px}.module-environments small{color:#6b7b8a;margin-top:4px;font-size:11px}.module-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.module-dot.ready{background:#1a965c}.module-dot.error{background:#d44949}.module-dot.unknown{background:#93a3b1}.module-health{background:#f4f7f9;border-radius:6px;padding:10px 12px;line-height:1.5}.module-health.error{background:#fff1ef}.module-tabs{gap:20px;margin-top:22px;display:flex;overflow:auto}.module-tabs button{white-space:nowrap;color:#657c8e;border-bottom:3px solid #0000;padding:13px 2px;font-size:13px;font-weight:600}.module-tabs button[aria-current]{color:#1c627c;border-bottom-color:#20738b}.module-content{padding:28px 36px}.module-section-title{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;display:flex}.module-section-title h2{flex:1;font-size:18px;font-weight:600}.module-section-title a,.module-section-title button{color:#176c89;font-size:13px}.module-table-scroll{background:#fff;border:1px solid #dce5ea;border-radius:9px;overflow:auto}.module-table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.module-table-scroll th{text-align:left;background:#f3f6f8;padding:13px}.module-table-scroll td{overflow-wrap:anywhere;border-top:1px solid #e5ecf0;padding:15px 13px}.module-empty,.module-setup{color:#5f7587;background:#fff;border:1px dashed #cfdae3;border-radius:10px;padding:25px;font-size:14px}.module-setup h2{color:#20394c;margin-bottom:12px;font-size:19px;font-weight:600}.module-setup label{margin-top:20px;font-weight:600;display:block}.module-setup select{background:#fff;border:1px solid #cddbe5;border-radius:7px;width:100%;max-width:500px;margin:8px 0 18px;padding:12px;display:block}.module-primary{color:#fff;background:#176e89;border-radius:7px;padding:10px 16px}.module-log{background:#fff;border:1px solid #dce4eb;border-radius:8px;margin:12px 0;overflow:hidden}.module-log>button{text-align:left;flex-wrap:wrap;gap:16px;width:100%;padding:16px;font-size:13px;display:flex}.module-log strong{flex:1}.module-log>div{border-top:1px solid #dce4eb;padding:16px;font-size:13px}.module-log pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.module-log-note{color:#728695;font-size:12px}@media (width<=640px){.module-header{padding:22px 20px 0}.module-content{padding:22px 20px}.module-environments button{min-width:160px}.module-tabs{gap:16px}}.tenant-settings{max-width:1500px;margin:0 auto}.tenant-primary,.tenant-secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.tenant-primary{color:#fff;background:#176e89;border:1px solid #176e89}.tenant-secondary{color:#285367;background:#fff;border:1px solid #ccd8df}.tenant-primary:disabled,.tenant-secondary:disabled{opacity:.5;cursor:default}.tenant-hierarchy-key{color:#426475;background:#eaf2f5;border:1px solid #d9e6eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 28px;padding:14px 18px;font-size:13px;display:flex}.tenant-hierarchy-key span:first-child{color:#203d4d;font-weight:700}.tenant-directory{border-collapse:separate;border-spacing:0 16px;table-layout:fixed;width:100%}.tenant-directory td{padding:0}.tenant-group{background:#fff;border:1px solid #d8e1e8;border-radius:12px;overflow:hidden;box-shadow:0 2px 5px #16263705}.tenant-group-header{background:#fafcfd;border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.tenant-title-button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;min-width:0;display:flex}.tenant-title-button strong{overflow-wrap:anywhere;font-size:20px;display:block}.tenant-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#62798a;margin:0 0 6px;font-size:11px;font-weight:700;display:block}.tenant-subtitle{color:#6c7d8c;margin-top:5px;font-size:12px;display:block}.tenant-symbol{color:#176e89;background:#e2eef3;border-radius:10px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:25px;display:grid}.tenant-actions{align-items:center;gap:8px;display:flex}.tenant-actions button{width:34px;height:34px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #dce5ea;border-radius:7px;place-items:center;display:grid}.tenant-actions button:disabled{color:#94a3b8;opacity:.6;cursor:not-allowed}.tenant-active{color:#1b725c;background:#e8f5ef;border-radius:20px;margin-right:8px;padding:5px 10px;font-size:11px;font-weight:600}.tenant-children{border-left:2px solid #e1e9ef;margin:22px 24px 24px 46px;padding-left:24px}.tenant-app-list{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tenant-app-list li{position:relative}.tenant-app-list li:before{content:"";background:#e1e9ef;width:24px;height:2px;position:absolute;top:30px;left:-26px}.tenant-app-summary{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border:1px solid #dce5eb;border-radius:9px;padding:16px 18px;display:block}.tenant-app-summary:hover{background:#fbfdfe;border-color:#91b8c7}.tenant-app-heading{align-items:center;gap:10px;display:flex}.tenant-app-heading strong{overflow-wrap:anywhere;font-size:15px}.tenant-app-icon{color:#426a81;background:#edf3f7;border-radius:6px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:18px;display:inline-grid}.tenant-open-arrow{color:#8195a2;margin-left:auto;font-size:22px}.tenant-app-facts{grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 0 39px;display:grid}.tenant-fact-label{color:#768795;margin-bottom:7px;font-size:11px;display:block}.tenant-env-badges,.tenant-module-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tenant-env-badges>span{border-radius:5px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.3}.tenant-env-pre{color:#865812;background:#fff3d6}.tenant-env-prod{color:#22705b;background:#e4f5ec}.tenant-env-none{color:#76818e;background:#f0f3f5}.tenant-module-list>span{border-radius:5px;padding:3px 8px;font-size:12px}.tenant-module-list .is-enabled{color:#365970;background:#edf3f8}.tenant-module-list .is-disabled{color:#8995a0;background:#f5f7f8}.tenant-empty{color:#6d8090;padding:12px 0;font-size:13px}.tenant-scope-note{color:#637586;margin-top:22px;font-size:13px}.tenant-scope-note summary{cursor:pointer}.tenant-root-field{background:#eef4f7;border:1px solid #dce6ec;border-radius:10px;padding:18px}.tenant-root-field>.tenant-eyebrow{margin-bottom:14px}.tenant-editor-apps{border-left:2px solid #e1e9ef;margin-left:10px;padding-left:16px}.tenant-count{color:#567084;background:#e7eef3;border-radius:15px;margin-left:5px;padding:2px 8px;font-size:12px;display:inline-block}.tenant-app-editor{background:#fff;border:1px solid #d9e4eb;border-radius:10px;overflow:hidden}.tenant-app-editor>summary{cursor:pointer;align-items:center;gap:10px;padding:16px;list-style:none;display:flex}.tenant-app-editor>summary::-webkit-details-marker{display:none}.tenant-app-editor>summary:after{content:"⌄";color:#6c8191;align-self:flex-start;margin-left:auto}.tenant-app-editor[open]>summary:after{content:"⌃"}.tenant-app-editor-title{gap:8px;min-width:0;display:grid}.tenant-app-editor-title strong{overflow-wrap:anywhere;font-size:14px}.tenant-app-editor-body{border:0;border-top:1px solid #e4ebef;min-width:0;padding:18px}.tenant-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tenant-choice{cursor:pointer;border:1px solid #d9e3ea;border-radius:7px;align-items:center;gap:9px;padding:12px 10px;font-size:13px;display:flex}.tenant-choice:has(input:checked){color:#234f64;background:#f0f7fa;border-color:#9dbfcf}.tenant-choice input{accent-color:#176e89;flex-shrink:0;width:16px;height:16px}.tenant-editor :focus-visible,.tenant-settings :focus-visible{outline-offset:3px;outline:2px solid #287c9c}@media (width<=640px){.tenant-group-header{align-items:flex-start;padding:16px}.tenant-symbol{display:none}.tenant-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.tenant-active{display:none}.tenant-children{margin:18px 14px 18px 22px;padding-left:14px}.tenant-app-list li:before{width:14px;left:-16px}.tenant-app-facts{grid-template-columns:1fr;gap:12px;margin-left:0}.tenant-choice-grid{grid-template-columns:1fr}.tenant-title-button strong{font-size:18px}.tenant-editor-apps{margin-left:0;padding-left:10px}}.tenant-collapse{color:#426475;cursor:pointer;background:#fff;border:1px solid #dce5ea;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.tenant-collapse:hover{background:#eaf2f5}.tenant-group-header .tenant-title-button{flex:1}.tenant-children[hidden]{display:none}.tenant-module-group{background:#f8fafc;border:1px solid #e0e8ee;border-radius:9px;margin:0 0 22px;padding:18px}.tenant-module-group:last-child{margin-bottom:0}.tenant-module-group>h3{color:#29536b;font-size:15px;font-weight:650}.tenant-module-group .tenant-app-list li:before{display:none}.tenant-module-editor{background:#f7fafc;border:1px solid #d6e3ea;border-radius:10px;margin:16px 0;overflow:hidden}.tenant-module-editor>summary{cursor:pointer;color:#2a5468;padding:16px;font-size:15px;font-weight:650}.tenant-module-body{border-top:1px solid #e0e8ed;padding:16px}.tenant-add-existing{color:#3f657d;margin-top:16px;font-size:13px}.tenant-add-existing summary{cursor:pointer;padding:8px 0}.tenant-add-existing button{text-align:left;background:#fff;border:1px solid #dce6ec;border-radius:6px;width:100%;margin:6px 0;padding:9px 12px;display:block}.tenant-add-existing p{color:#728695;margin:8px 0;font-size:12px}.tenant-attribute{background:#f8fafc;border:1px solid #dce6ec;border-radius:10px;padding:18px}.system-directory{min-width:0;padding:24px}.system-directory-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.system-directory-list{min-width:0}.system-directory-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.system-directory-search{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:center;gap:10px;max-width:100%;padding:10px 12px;display:flex}.system-directory-search input{background:0 0;outline:none;width:220px;max-width:100%}.system-primary{background:var(--primary);color:var(--primary-foreground);border-radius:7px;padding:10px 16px;font-weight:600}.system-directory button:disabled{opacity:.45;cursor:not-allowed}.system-directory-table{table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--border);background:var(--card);border-radius:10px;width:100%;font-size:14px;overflow:hidden}.system-directory-table th,.system-directory-table td{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:16px 12px}.system-directory-table th{background:var(--muted);font-size:12px}.system-directory-table th:first-child{width:23%}.system-directory-table th:nth-child(2){width:29%}.system-directory-table th:nth-child(3){width:14%}.system-directory-table th:nth-child(4){width:18%}.system-directory-table th:last-child{width:90px}.system-directory-table tr:last-child td{border-bottom:0}.system-directory-table tr.selected{background:var(--muted)}.system-name{text-align:left;font-size:12px;font-weight:600}.system-row-actions{flex-wrap:nowrap;gap:6px;display:flex}.system-row-actions button{color:var(--primary);padding:6px}.system-row-actions button:disabled{color:#94a3b8;opacity:.6}.system-status{border-radius:20px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.system-status.active{color:#008565;background:#ecfdf5}.system-status.archived{color:#475569;background:#f1f5f9}.system-directory-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:0;padding:22px}.system-directory-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.system-directory-panel h2{overflow-wrap:anywhere;font-size:22px;font-weight:600}.system-panel-tabs{border-bottom:1px solid var(--border);gap:20px;margin:20px 0;display:flex}.system-panel-tabs button{border-bottom:3px solid #0000;padding:10px 4px;font-size:14px}.system-panel-tabs button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);font-weight:600}.system-directory-panel form>label{margin:22px 0;font-size:14px;font-weight:600;display:block}.system-directory-panel input,.system-directory-panel textarea,.system-directory-panel select{border:1px solid var(--border);background:var(--card);border-radius:7px;width:100%;min-width:0;margin-top:8px;padding:12px;font-weight:400;display:block}.system-access-hint{border-top:1px solid var(--border);margin-top:30px;padding-top:22px}.system-access-hint h3{font-weight:600}.system-access-hint p,.system-directory-panel footer p{color:var(--muted-foreground);margin-top:12px;font-size:13px}.system-directory-panel footer{border-top:1px solid var(--border);margin-top:44px;padding-top:16px}.system-directory-panel footer>div{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.system-directory-panel footer button{border:1px solid var(--border);border-radius:7px;padding:10px 16px}.system-error{color:#b91c1c;margin-bottom:16px}.system-directory button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width>=1200px){.system-directory-grid.has-panel{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}}@media (width<=1199px){.system-directory-panel{grid-row:1}}@media (width<=640px){.system-directory{padding:16px}.system-directory-table th,.system-directory-table td{padding:10px 5px;font-size:12px}.system-directory-table th:nth-child(2),.system-directory-table td:nth-child(2){display:none}.system-directory-table th:last-child{width:76px}}.system-directory-table tbody tr{cursor:pointer}.system-directory-table tbody tr:hover{background:var(--muted)}.system-directory-table tbody tr:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.access-control{font-size:13px}.access-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;display:flex}.access-toolbar p,.access-save p{color:var(--muted-foreground);font-size:12px}.access-toolbar .system-primary{flex-shrink:0}.access-card{border:1px solid var(--border);background:var(--card);border-radius:8px;margin:14px 0;padding:18px}.access-card>header{justify-content:space-between;gap:14px;margin-bottom:16px;display:flex}.access-card>header>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.access-card strong{font-weight:600}.access-method,.access-widget{background:var(--muted);border-radius:5px;padding:5px 9px;font-size:11px;font-weight:400;display:inline-block}.access-method{color:#243c65;background:#e8f0fc}.access-direction{color:var(--muted-foreground);font-size:11px}.access-edit-button{color:var(--primary);padding:5px}.access-edit{border-top:1px solid var(--border);padding-top:14px}.access-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.access-edit label{font-size:12px;font-weight:500}.system-directory-panel .access-edit input,.system-directory-panel .access-edit select{margin-top:5px;padding:10px;font-size:12px}.access-secret{display:block;position:relative}.access-secret input{padding-right:48px!important}.access-secret button{color:var(--primary);font-size:11px;position:absolute;top:10px;right:7px}.access-save{align-items:center;gap:12px;margin:14px 0 20px;display:flex}.access-save p{flex:1}.access-save button{white-space:nowrap}.access-connections{border:1px solid var(--border);border-radius:7px;margin-top:8px;padding:12px}.access-connections summary{cursor:pointer;font-weight:600}.access-usage-table table{table-layout:fixed;border-collapse:collapse;width:100%;margin-top:12px;font-size:12px}.access-usage-table th{background:var(--muted);text-align:left;font-weight:500}.access-usage-table th,.access-usage-table td{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:12px 8px}.access-usage-table th:first-child{width:26%}.access-usage-table th:last-child{width:24%}.access-usage-table tr:last-child td{border-bottom:0}.access-usage-table small{color:var(--muted-foreground);margin-top:4px;font-size:10px;display:block}.access-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:20px;margin-top:28px;font-size:11px;display:flex}.access-legend span{align-items:center;gap:8px;display:flex}.access-legend i{border-radius:100%;width:8px;height:8px}.access-legend .active{background:#008565}.access-legend .dormant{background:#d69e20}.access-empty{color:var(--muted-foreground);padding:18px 0}.access-notice{color:#008565;margin-bottom:12px}@media (width>=1200px){.system-directory-grid.access-panel-open{grid-template-columns:minmax(240px,.65fr) minmax(560px,1.7fr)}.access-panel-open .system-directory-table th:nth-child(2),.access-panel-open .system-directory-table td:nth-child(2),.access-panel-open .system-directory-table th:nth-child(3),.access-panel-open .system-directory-table td:nth-child(3){display:none}.access-panel-open .system-directory-table th:first-child{width:45%}.access-panel-open .system-directory-table th:nth-child(4){width:30%}.access-panel-open .system-directory-table th:last-child{width:80px}.access-panel-open .system-directory-table th,.access-panel-open .system-directory-table td{padding:12px 8px}}@media (width<=750px){.access-fields{grid-template-columns:1fr}.access-toolbar,.access-save{flex-wrap:wrap}.access-usage-table th,.access-usage-table td{padding:8px 3px}.access-usage-table .rounded-full{gap:4px;padding:4px 6px;font-size:10px}.access-card{padding:12px}.access-connections{padding:8px}}.system-name,.system-panel-name{align-items:center;gap:12px;display:flex}.system-logo{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.system-panel-name .system-logo{flex-basis:34px;width:34px;height:34px}.system-logo-fallback{color:#8996aa;justify-content:center;align-items:center;display:inline-flex}.system-logo-fallback svg{width:100%;height:100%}.system-logo-preview{align-items:center;gap:16px;display:flex}.system-logo-preview img{object-fit:contain;width:96px;height:96px}.widget-access-create .access-fields{grid-template-columns:1fr}.widget-access-create input,.widget-access-create select{border:1px solid var(--border);border-radius:6px;width:100%;padding:8px}.widget-access-create .access-save{flex-wrap:wrap}