.graph-content{padding:18px 22px;display:grid;gap:16px}.graph-content>p{margin:0}.graph-connection{border:1px solid #dfe8f4;border-radius:10px;overflow:hidden}.graph-connection-head{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.graph-connection-head strong,.graph-connection-head small{display:block}.graph-connection-head small{margin-top:4px;color:#73849e}.graph-connection-head .actions{margin:0;flex-wrap:wrap}.graph-connection-detail{padding:14px;border-top:1px solid #e5eaf3;background:#f8faff;font-size:12px}.graph-connection-detail[hidden]{display:none}.graph-capability,.graph-site,.graph-areas>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e5eaf3;padding:9px 0}.graph-capability span{flex:1;color:#64748b;overflow-wrap:anywhere}.graph-areas{border:1px solid #dfe8f4;border-radius:10px;padding:12px 14px}.graph-areas h3{font-size:14px;margin:0 0 8px}.graph-site a{color:#315ee4}.graph-guide{font-size:13px;line-height:1.55}.graph-guide li{margin:9px 0}.graph-guide a{color:#315ee4}@media(max-width:700px){.graph-content{padding:14px}.graph-capability{align-items:flex-start;flex-direction:column}}
.graph-panel{max-height:calc(100vh - 190px);min-height:0;display:flex;flex-direction:column}.graph-panel .panel-head{flex:none}.graph-panel .graph-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.graph-connection-detail{max-height:45vh;overflow-y:auto;scrollbar-gutter:stable}@media(max-width:700px){.graph-panel{max-height:calc(100dvh - 150px)}}
.graph-area-row>div{min-width:0}.graph-area-row strong{font-weight:500}.graph-area-results{margin-top:4px;font-size:12px;color:#64748b;overflow-wrap:anywhere}.graph-area-status{display:flex;align-items:baseline;gap:6px}.graph-area-icon{color:#16803d;font-weight:700}.graph-area-row>.small-btn{flex:none}
.graph-panel .graph-content{display:block}.graph-content>p,.graph-connection{margin-bottom:16px}.graph-connection-head>div:first-child{min-width:0}.graph-connection-head small{overflow-wrap:anywhere}.graph-areas{max-height:45vh;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.graph-area-row>div:first-child{flex:1}.graph-sharepoint-connections{margin-top:10px}.graph-sharepoint-connection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #e5eaf3}.graph-sharepoint-connection>span{margin-right:auto}.graph-site-results{flex-basis:100%;max-height:32vh;overflow-y:auto;background:#f8faff;padding:8px 10px}.graph-site-results[hidden]{display:none}
.graph-areas>.graph-area-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}.graph-area-row>.small-btn{justify-self:end}.graph-area-row>.graph-sharepoint-connections{grid-column:1/-1;margin-top:0}.graph-sharepoint-connection{padding:8px 0}.graph-site-results{width:100%}@media(max-width:600px){.graph-areas>.graph-area-row{grid-template-columns:1fr}.graph-area-row>.small-btn{justify-self:start}.graph-area-row>.graph-sharepoint-connections{grid-column:1}.graph-sharepoint-connection>span{flex-basis:100%}}
.graph-sharepoint-actions{display:flex;align-items:flex-end;gap:10px 12px;flex-wrap:wrap}.graph-sharepoint-actions label{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.graph-sharepoint-actions select{max-width:220px}.graph-sharepoint-actions>button{min-height:36px;align-self:flex-end}.graph-sharepoint-connections>.graph-site-results{margin-top:10px}
.graph-capabilities{margin-top:10px;padding:12px 14px;border:1px solid #dbe4f0;border-radius:8px;background:#f8faff}.graph-capabilities[hidden]{display:none}.graph-capability-list{list-style:none;margin:0;padding:0}.graph-capability-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-top:1px solid #e5eaf3}.graph-capability-list li:first-child{border-top:0}.graph-capability-list strong{display:block;font-weight:600}.graph-capability-list small{display:block;margin-top:3px;color:#64748b;line-height:1.4}.graph-capability-state{flex:none;font-size:12px;color:#856404}.graph-capability-state.available{color:#16803d}.graph-capability-note{margin:8px 0 0;font-size:12px;color:#64748b;line-height:1.4}.graph-capability-note:first-child{margin:0 0 8px}@media(max-width:600px){.graph-capability-list li{display:block}.graph-capability-state{display:block;margin-top:5px}}
.graph-sharepoint-connections>.graph-site-results{padding:12px 14px;border:1px solid #dbe4f0;border-radius:8px;background:#f8faff}.graph-site-results>strong{display:block;font-weight:600;margin-bottom:6px}.graph-site-results .graph-site{padding:8px 0;border-top:1px solid #e5eaf3}.graph-site-results .graph-site span{min-width:0;overflow-wrap:anywhere}.graph-site-results .graph-site a{flex:none}.graph-site-results>p{margin:8px 0 0;color:#64748b;font-size:12px}
dialog:has(.graph-modal-panel){width:min(720px,94vw);max-height:calc(100dvh - 32px)}.graph-modal-panel{width:100%;max-height:none;margin:0;padding:0;border:0;background:transparent}.graph-modal-panel.graph-site-results{max-height:none;overflow:visible}.graph-modal-intro{margin:0 0 16px;color:#64748b;font-size:13px;line-height:1.5}.graph-modal-panel .graph-capability-list{display:grid;gap:8px}.graph-modal-panel .graph-capability-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #e0e8f2;border-radius:10px;background:#fff}.graph-modal-panel .graph-capability-list li:first-child{border-top:1px solid #e0e8f2}.graph-capability-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e9f6ef;color:#16803d;font-weight:700}.graph-capability-copy{min-width:0}.graph-modal-panel .graph-capability-copy strong{color:#17253b;font-size:14px}.graph-modal-panel .graph-capability-copy small{font-size:12px}.graph-modal-panel .graph-capability-state{padding:5px 9px;border-radius:999px;background:#fff5df;color:#88620d;white-space:nowrap}.graph-modal-panel .graph-capability-state.available{background:#e7f6ed;color:#16803d}.graph-capability-alert{margin:0 0 14px;padding:10px 12px;border-left:3px solid #d79b31;border-radius:6px;background:#fff8e9;color:#715617}.graph-capability-footer{margin-top:16px;padding-top:12px;border-top:1px solid #e5eaf3}.graph-site-list{display:grid;gap:8px}.graph-modal-panel .graph-site{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e0e8f2;border-radius:10px;background:#fff}.graph-modal-panel .graph-site:first-child{border-top:1px solid #e0e8f2}.graph-modal-panel .graph-site span{font-weight:600;color:#17253b}.graph-modal-panel .graph-site a{white-space:nowrap;font-size:12px;font-weight:700}.graph-sharepoint-actions .is-loading{opacity:.7;cursor:wait}@media(max-width:600px){.graph-modal-panel .graph-capability-list li{grid-template-columns:28px minmax(0,1fr)}.graph-modal-panel .graph-capability-state{grid-column:2;justify-self:start}.graph-modal-panel .graph-site{align-items:flex-start}}
.graph-sharepoint-actions .is-loading::before{content:'';display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:graph-spin .7s linear infinite}@keyframes graph-spin{to{transform:rotate(360deg)}}
.graph-sharepoint-actions [data-graph-search-input]{width:min(240px,100%);padding:6px 8px;font-size:12px}
.graph-modal-panel .graph-site-list{display:block;max-height:58vh;overflow:auto;border:1px solid #e0e8f2;border-radius:10px;background:#fff}.graph-modal-panel .graph-site-list .graph-site,.graph-modal-panel .graph-site-list .graph-site:first-child{margin:0;padding:12px 14px;border:0;border-top:1px solid #e9eef5;border-radius:0;background:transparent}.graph-modal-panel .graph-site-list .graph-site:first-child{border-top:0}.graph-modal-panel .graph-site-list .graph-site:hover{background:#f8faff}.graph-modal-panel .graph-site-list .graph-site span{font-weight:500}

.graph-coming-soon{justify-self:end;align-self:center;padding:4px 9px;border:1px solid #f0dba8;border-radius:999px;background:#fff8e8;color:#8b641c;font-size:11px;font-weight:600;white-space:nowrap}@media(max-width:600px){.graph-coming-soon{justify-self:start}}
#graph-modal-sites>[data-sites-next]{margin-top:12px}
.graph-sharepoint-actions>label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:min(320px,100%);margin:0 0 1px;font-weight:700}
.graph-sharepoint-actions>label input,.graph-sharepoint-actions>label select{width:100%;max-width:360px}
.email-connections-panel .actions .is-loading,.email-send-test-form .is-loading{display:inline-flex;align-items:center;opacity:.7;cursor:wait}
.email-connections-panel .actions .is-loading::before,.email-send-test-form .is-loading::before{content:'';display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:graph-spin .7s linear infinite}