/* Connections-only layout. Shared navigation remains owned by app-shell. */
.app-page-connections{background:#fff;color:#101716;font-family:Arial,ui-sans-serif,system-ui,sans-serif}
.app-page-connections .app-main{max-width:none;padding:0}
.connections-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:100dvh}
.connections-layout:has(.agent-detail:not([hidden])){grid-template-columns:minmax(0,1fr) clamp(340px,28.2vw,446px)}
.connections-content{position:relative;min-width:0;padding:20px 24px 48px 44px}
.app-page-connections .app-page-heading{position:relative;display:flex;flex-wrap:nowrap;gap:16px;margin:0 0 4px}
.app-page-connections .app-page-heading>div{flex:1;min-width:0}
.app-page-connections .app-page-heading h1{font-family:inherit;font-size:36px;line-height:1.12;letter-spacing:-1px;color:#0c1110;margin:0 0 5px}
.app-page-connections .app-page-heading p{max-width:none;font-size:15.5px;line-height:1.5;color:#60646c;margin:0;white-space:nowrap}
.app-page-connections .app-page-heading button{flex:none;background:#08734f;border-color:#08734f;min-height:40px;padding:9px 15px}
@media(max-width:1750px){.app-page-connections .app-page-heading p{white-space:normal}}
.connection-tabs{display:flex;gap:14px;border-bottom:1px solid #d9dddf;margin:0 0 30px;overflow-x:auto}
.connection-tabs a{display:block;flex:none;padding:10px 13px 12px;font-size:16px;border-radius:0;color:#171a19;border-bottom:3px solid transparent}
.connection-tabs a[aria-current]{background:none;color:#006b48;border-bottom-color:#077955;font-weight:600}
.connections-guide{display:flex;align-items:flex-start;gap:20px;padding:8px 15px;background:#f0f8f4;border:1px solid #d4e9e0;border-radius:9px;margin:0 0 32px}
.connections-guide>span{font-size:24px;color:#00714d}.connections-guide p{font-size:13px;line-height:1.6;margin:0 0 2px;color:#242b29}.connections-guide strong{color:#101614}
.agent-filters{display:flex;align-items:center;gap:24px;margin:0 0 26px}.agent-filters label{margin:0;font-weight:400}.agent-search{width:292px}.agent-filters input{min-height:39px}.agent-status{display:flex;gap:14px;align-items:center;padding:0 12px;border:1px solid #d5d9dc;border-radius:8px;font-size:13px}.agent-status select{border:0;width:auto;min-width:130px;padding:8px 0;background:transparent;font-size:13px}
.text-action{position:absolute;right:24px;top:291px;border:0;color:#52635c;font-size:12px;padding:4px 0;min-height:26px;margin:0;background:none;text-decoration:underline}.agent-table-wrap{overflow-x:auto;position:relative}.agent-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.agent-table th{text-align:left;padding:13px 10px 15px;font-size:12px;color:#525b5c;font-weight:600;white-space:nowrap}.agent-table td{padding:10px;border-bottom:1px solid #e5e8e8;vertical-align:middle;line-height:1.4}.agent-table tr.selected td{background:#e6f4ed;border-bottom-color:#e6f4ed}.agent-table tr.selected td:first-child{border-radius:9px 0 0 9px}.agent-table tr.selected td:last-child{border-radius:0 9px 9px 0}.agent-name{display:flex;gap:14px;align-items:center}.agent-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:8px;color:#086249;background:#f0f9f4;font-size:23px}.agent-table td button{font-size:12px;min-height:30px;padding:4px 10px;border-radius:6px;white-space:nowrap}.agent-table .badge{white-space:nowrap;background:#d4f7e2;color:#005c3d}.agent-table .badge.paused,.agent-table .badge.revoked,.agent-table .badge.access_unavailable{background:#edf0ef;color:#56615d}.agent-table .badge.pending_approval{background:#fff1cb;color:#875300}.agent-empty{text-align:center;color:#65736e;padding:36px!important}.agent-detail{min-width:0;border-left:1px solid #d9dedc;padding:42px 22px 50px;display:flex;flex-direction:column;background:#fff;position:relative}.detail-close{position:absolute;right:18px;top:12px;border:0;padding:0;min-height:24px;font-size:23px;color:#39443f}.detail-heading{display:flex;align-items:center;gap:16px;margin:0 0 14px}.detail-heading .agent-icon{width:54px;height:54px;font-size:30px}.detail-heading h2{font-size:25px;letter-spacing:-.6px;overflow-wrap:anywhere;margin:0}.detail-tabs{display:flex;gap:16px;border-bottom:1px solid #ddd;margin:0 0 20px}.detail-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 12px;font-weight:400;min-height:42px}.detail-tabs button[aria-selected=true]{color:#006c49;border-bottom-color:#08734f;font-weight:600}.detail-metadata{display:grid;grid-template-columns:1fr auto;gap:18px 12px;font-size:14px;margin:8px 8px 28px}.detail-metadata dt{font-weight:400}.detail-metadata dd{margin:0;text-align:right}.detail-section{padding:22px 0;border-top:1px solid #ddd}.detail-section h3{font-size:18px;margin:0 0 5px;color:#0f1713}.detail-section p{font-size:14px;color:#61666e;margin:0 0 16px}.detail-collection{border:1px solid #dfe3e1;border-radius:9px;padding:14px 16px;margin-top:10px}.detail-collection strong{display:block;line-height:1.5}.detail-permission{display:flex;justify-content:space-between;border-top:1px solid #eceeec;margin-top:10px;padding-top:10px}.detail-permission .badge{border-radius:5px}.detail-endpoint{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e1e4e3;border-radius:9px;padding:10px;gap:8px}.detail-endpoint code{font-size:12px;overflow-wrap:anywhere;flex:1}.detail-endpoint button{flex:none;font-size:12px;padding:4px 8px;min-height:28px}.no-access{margin-top:18px;font-size:13px;background:#f1f9f5;border:1px solid #d4e9df;padding:12px 14px;border-radius:9px;line-height:1.6}.detail-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:32px}.detail-actions button{min-height:35px;padding:6px 10px;font-size:13px}.connection-frame{width:100%;height:calc(100dvh - 190px);min-height:650px;border:0;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#connection-footer{font-size:12px;background:none;border:0;padding:12px 0;color:#6c7671}#client-coverage:empty{display:none}
@media(max-width:1180px){.connections-layout:has(.agent-detail:not([hidden])){grid-template-columns:minmax(0,1fr) 340px}.app-page-connections .app-page-heading{flex-wrap:wrap}.app-page-connections .app-page-heading h1{font-size:32px}.app-page-connections .app-page-heading p{white-space:normal}.agent-filters{flex-wrap:wrap;gap:12px}.connections-content{padding:22px 18px}.text-action{position:static;margin-bottom:8px}.agent-table{min-width:650px}.agent-detail{padding:40px 18px}.detail-heading h2{font-size:22px}}
@media(max-width:900px){.connections-layout:has(.agent-detail:not([hidden])){grid-template-columns:minmax(0,1fr)}.agent-detail{border-left:0;border-top:1px solid #d9dedc;min-height:650px}.connections-content{padding:22px 16px}.connection-tabs{gap:4px}.connection-tabs a{padding:10px;font-size:14px}.agent-search{width:min(100%,292px)}.connection-frame{min-height:800px}.agent-table{min-width:620px}}