/* Shared layouts for workspace administration. */
.admin-page{display:grid;gap:24px;max-width:1160px}
.admin-page>.page-header{margin-bottom:0}
.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}
.gmail-integration__title{display:flex;align-items:center;gap:12px;min-width:0}
.gmail-integration__mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#4285f4;font:700 18px Manrope,sans-serif}
.gmail-integration__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;padding:24px}
.gmail-integration .badge--connected{background:#e7f6ee;color:#22724c}
.gmail-integration .badge--needs-attention,.gmail-integration .badge--error{background:#fdeaea;color:#a94747}
.gmail-integration .badge--setup-needed{background:#fff3da;color:#946517}
.gmail-integration__summary h3{margin:0 0 8px;font:700 16px Manrope,sans-serif}
.gmail-integration__summary>p{max-width:670px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.gmail-permissions{display:grid;gap:9px;margin-top:18px}
.gmail-permissions>div{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;color:var(--muted)}
.gmail-permissions p{margin:0}
.gmail-permissions svg{flex:none;margin-top:2px;color:var(--indigo)}
.gmail-permissions strong{color:var(--ink)}
.gmail-connection-panel{align-self:start;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);min-width:0}
.gmail-connection-panel--notice{border-color:#e6d1a9;background:#fcf7ec}
.gmail-connection-panel>strong{display:block;font-size:13px}
.gmail-connection-panel>p{margin:7px 0 14px;color:var(--muted);font-size:12px;line-height:1.6}
.gmail-connection-panel__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.gmail-connection-panel__heading>span:first-child{display:grid;gap:3px;min-width:0}
.gmail-connection-panel__heading small{font-size:10px;color:var(--muted)}
.gmail-connection-panel__heading strong{font-size:13px;overflow-wrap:anywhere}
.gmail-connection-panel dl{display:grid;gap:8px;margin:16px 0;font-size:11px}
.gmail-connection-panel dl>div{display:flex;justify-content:space-between;gap:12px}
.gmail-connection-panel dt{color:var(--muted)}
.gmail-connection-panel dd{margin:0;text-align:right}
.gmail-connection-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.gmail-connection-actions form{display:flex}
.gmail-connection-actions .button{min-height:36px;padding:8px 11px;font-size:11px}
.gmail-sync-error{padding:10px;border-radius:7px;background:#fdf0ec;color:#8f4336!important}
.gmail-draft-upgrade{padding:10px;border-radius:7px;background:#fff3da;color:#765215!important}
.gmail-connection-panel .webhook-copy-field{margin-top:14px}
.gmail-configured-account{display:grid;gap:3px;margin:14px 0}
.gmail-configured-account small{font-size:10px;color:var(--muted)}
.gmail-configured-account strong{font-size:12px;overflow-wrap:anywhere}
.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}.gmail-integration__body{grid-template-columns:minmax(0,1fr)}}
@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}.gmail-integration .card__header{flex-wrap:wrap}.gmail-integration__body{padding: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-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}
.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)}
.webhook-form{max-width:620px}
.webhook-form__actions{display:flex;gap:10px;margin-top:24px}
.webhook-setup .admin-card-body>p{font-size:12px;line-height:1.7;color:var(--muted)}
.webhook-details{display:grid;gap:12px;margin:18px 0 24px;font-size:12px}
.webhook-details>div{display:flex;justify-content:space-between;gap:16px}
.webhook-details dt{color:var(--muted)}
.webhook-details dd{margin:0;text-align:right}
.webhook-help{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.webhook-list .record-row__main{overflow-wrap:anywhere}
.webhook-list .record-row__meta{font-size:11px}
@media(max-width:700px){.webhook-list .record-row{flex-wrap:wrap;gap:12px}.webhook-list .record-row__main{min-width:140px}.webhook-list .record-row__meta{display:none}.webhook-form__actions{flex-wrap:wrap}}
