/* Shared layouts for workspace administration. */
.admin-page{display:grid;gap:24px;max-width:1160px}
.admin-page .card{min-width:0}
.admin-page .card__header{gap:16px;align-items:center}
.admin-page .card__header>svg{color:var(--indigo);flex:none}
.admin-page .card__header p{line-height:1.6}
.admin-card-body{padding:24px}
.admin-count{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:6px;background:var(--canvas);color:var(--muted);font:600 11px "DM Sans",sans-serif;vertical-align:middle}
.admin-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.admin-invite-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(120px,.7fr) auto;gap:14px;align-items:end;margin-bottom:14px}
.admin-invite-form .field{margin:0;min-width:0}
.admin-page .field input,.admin-page .field select{min-width:0;min-height:42px;font-size:13px}
.admin-page .field input[readonly]{background:var(--canvas);color:var(--muted)}
.admin-page .button{min-height:40px;white-space:normal}
.admin-row{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line);min-width:0}
.admin-row:last-child{border-bottom:0}
.admin-row__identity{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}
.admin-row__identity strong{font-size:13px;font-weight:600}
.admin-row__identity small{color:var(--muted);font-size:12px;line-height:1.5}
.admin-row__identity a{justify-self:start}
.admin-row__identity a:hover{text-decoration:underline}
.admin-you{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}
.admin-row__actions,.admin-role-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-role-form select{min-height:40px;max-width:100%;padding:8px 30px 8px 11px;border:1px solid #dcd9d3;border-radius:7px;background:#fff;color:var(--ink);font-size:12px}
.admin-page :is(button,input,select,a,summary):focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
.admin-page .button--secondary:hover{background:var(--canvas)}
.admin-danger{background:transparent;color:#a34d3e}
.admin-danger:hover{background:#fdf0ec}
.admin-card-footer{display:flex;justify-content:flex-end;padding:16px 24px;background:#fcfbf8;border-top:1px solid var(--line)}
.admin-card-footer--start{justify-content:flex-start}
.admin-setting-section{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:36px;align-items:start}
.admin-setting-section+.admin-setting-section{border-top:1px solid var(--line);padding-top:28px;margin-top:4px}
.admin-section-intro h2{margin:4px 0 8px;font:700 15px Manrope,sans-serif}
.admin-section-intro p{margin:0;max-width:250px;color:var(--muted);font-size:13px;line-height:1.7}
.admin-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:24px;align-items:start}
.admin-stack{display:grid;gap:20px;min-width:0}
.ai-step{display:flex;gap:16px;padding:24px;border-bottom:1px solid var(--line)}
.ai-step:last-child{border:0}
.ai-step__number{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--indigo-soft);color:var(--indigo);font-size:12px;font-weight:700}
.ai-step__body{min-width:0;flex:1}
.ai-step h3,.ai-connection h3{margin:3px 0 8px;font:700 14px Manrope,sans-serif}
.ai-step p,.ai-permissions p{margin:0 0 18px;font-size:12px;line-height:1.7;color:var(--muted)}
.admin-page .credential{margin:8px 0 14px;background:var(--navy);color:#f2eadb;line-height:1.7;font-size:11px}
.admin-field-label{font-size:11px;font-weight:600;color:#52596a}
.ai-compatibility{font-size:12px;color:var(--muted)}
.ai-compatibility summary{cursor:pointer;color:var(--indigo);font-weight:600}
.ai-compatibility p{margin:10px 0 0}
.ai-prompts{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ai-prompts li{padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:var(--canvas);font-size:12px;line-height:1.6}
.ai-connection{padding:20px 24px;border-bottom:1px solid var(--line)}
.ai-connection:last-child{border-bottom:0}
.ai-connection__heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
.ai-connection h3{overflow-wrap:anywhere;min-width:0}
.ai-connection .badge{flex:none}
.ai-connection dl{display:grid;gap:8px;margin:12px 0;font-size:11px}
.ai-connection dl>div{display:flex;justify-content:space-between;gap:12px}
.ai-connection dt{color:var(--muted)}
.ai-connection dd{margin:0;text-align:right}
.ai-connection .admin-danger{padding:6px 0;min-height:32px;font-size:12px}
.ai-permissions{background:#fcf9f2}
.ai-permissions .avatar{margin-bottom:16px}
.ai-permissions h2{margin-bottom:12px}
.ai-permissions p:last-child{margin-bottom:0}
.admin-token{border-color:#d8be91}
@media(max-width:1150px){.admin-invite-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-columns{grid-template-columns:minmax(0,1fr)}.admin-setting-section{grid-template-columns:200px minmax(0,1fr);gap:24px}.admin-row__actions{justify-content:flex-end}}
@media(max-width:700px){.admin-setting-section{grid-template-columns:minmax(0,1fr);gap:16px}.admin-section-intro p{max-width:none}.admin-row{flex-wrap:wrap;padding:16px}.admin-row__identity{flex-basis:calc(100% - 56px)}.admin-row__actions{width:100%;justify-content:flex-start}.admin-card-body,.ai-connection{padding:20px}.admin-page .card__header{padding:18px 20px}.ai-step{padding:20px;gap:12px}.admin-card-footer{padding:16px 20px}.admin-invite-form{grid-template-columns:minmax(0,1fr)}.admin-invite-form>.button{width:100%}.admin-role-form{flex:1}.admin-role-form select{flex:1;min-width:110px}.admin-page{gap:20px}}
.oauth-consent{overflow-wrap:anywhere}
.oauth-consent h1{font-size:23px;line-height:1.4}
.oauth-consent__permissions{margin:22px 0;padding:16px;background:var(--canvas);border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.7}
.oauth-consent__permissions p{margin:0 0 10px}
.oauth-consent__permissions p:last-child{margin:0}
.oauth-consent__permissions ul{margin:0 0 12px;padding-left:18px}
.oauth-consent__callback{margin-top:12px;font-size:11px}
.oauth-consent__actions{display:flex;justify-content:flex-end;gap:10px}

.ai-legacy{padding:20px 24px;border-top:1px solid var(--line);font-size:12px}
.ai-legacy>summary{cursor:pointer;color:var(--muted);font-weight:600}
.ai-legacy[open]>summary{margin-bottom:14px}
.ai-legacy form{margin:16px 0}

.webhook-setup h2{margin:3px 0 10px;font:700 15px/1.4 Manrope,sans-serif}
.webhook-source-form{display:flex;align-items:flex-end;gap:10px;margin-bottom:18px}
.webhook-source-form .field{flex:1;margin:0}
.webhook-copy-field__control{display:flex;align-items:stretch;gap:8px;min-width:0}
.webhook-copy-field__control input{flex:1;width:0;font-family:ui-monospace,monospace}
.webhook-copy-field__control .button{flex:none}
.webhook-token{padding:16px;margin-bottom:16px;border:1px solid #d8be91;border-radius:10px;background:#fcf9f2}
.webhook-token p:last-child{margin:0}
.ai-step p.webhook-token-note{margin:16px 0 0}
.webhook-code-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.webhook-code-heading h3{margin:0}
.webhook-code-heading .button{min-height:32px;padding:5px 10px;font-size:11px}
.webhook-curl{padding-top:4px}
.webhook-check>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.webhook-latest{display:grid;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);padding:14px;margin:16px 0}
.webhook-latest small{font-size:11px;color:var(--muted)}
.webhook-refresh{display:block;margin-top:14px}
.webhook-troubleshooting{margin:0 0 20px;font-size:12px;line-height:1.6}
.webhook-troubleshooting dt{font-weight:600;margin-top:14px}
.webhook-troubleshooting dd{margin:4px 0 0;color:var(--muted)}
@media(max-width:700px){.webhook-setup .ai-step{display:block}.webhook-setup .ai-step__number{margin-bottom:12px}.webhook-source-form{flex-wrap:wrap}.webhook-source-form .field{min-width:140px}}
