/* Connections inherits Izem's navy/aqua world; identity leads, setup unfolds in place. */
.with-sidebar[data-view="connections"] .workspace{display:block;height:auto;min-height:calc(100dvh - 101px);max-height:none}
.connections-panel{max-width:1120px}
.connections-navigation{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.connections-intro{max-width:65ch;color:var(--lilac);margin:24px 0 12px}
.connections-notice{color:var(--peach);font-size:13px;min-height:24px;margin:0 0 16px}
.connection-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:16px 28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}
.connection-identity h3{font-size:21px;font-weight:500;margin:0 0 5px;letter-spacing:-.02em}
.connection-email{margin:0;font-size:14px;overflow-wrap:anywhere;color:var(--lilac)}
.connection-status{font-size:12px;color:var(--muted);margin:12px 0 0}
.connection-status[data-status="connected"]{color:var(--peach)}
.connection-access p{margin:2px 0 5px;font-size:14px}
.connection-access span{font-size:12px;color:var(--lilac);display:block;max-width:32ch}
.connection-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.connection-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--peach);font-size:13px;text-align:center}
.connection-button:hover:not(:disabled){background:var(--plum)}
.connection-primary{background:var(--plum)}
.connection-row .text-button{min-height:44px;color:var(--lilac);padding:8px}
.connection-setup{grid-column:1/-1;max-width:760px;margin:8px 0 0;padding:24px;background:var(--plum);border-radius:16px}
.connection-setup h4{font-size:19px;font-weight:500;margin:0 0 22px}
.connection-setup select{display:block;width:100%;max-width:420px;margin:8px 0 16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--plum);color:var(--lilac);font:inherit}
.connection-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.connection-fields label{font-size:13px;color:var(--lilac)}
.connection-fields input{display:block;width:100%;min-width:0;min-height:48px;padding:10px 12px;margin-top:8px;background:var(--ink);border:1px solid var(--line);border-radius:10px;color:var(--pearl);font-size:16px}
.connection-setup p{font-size:13px;color:var(--lilac);max-width:68ch;margin:16px 0}
.connection-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.connection-error{color:var(--lilac);font-size:13px!important;padding-top:8px}
.connection-permissions{grid-column:1/-1;color:var(--lilac);font-size:12px;max-width:72ch}
.connection-permissions summary{cursor:pointer;padding:8px 0;min-height:36px}
.connection-permissions li{overflow-wrap:anywhere}
.connection-permissions a{text-decoration:underline;text-underline-offset:3px;color:var(--peach)}
.connections-foot{color:var(--muted);font-size:13px;margin:28px 0;max-width:68ch}
#inbox-replies select,#inbox-replies textarea{display:block;width:100%;max-width:760px;margin:10px 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--pearl);font:inherit;font-size:16px;box-sizing:border-box}
#inbox-replies textarea{resize:vertical;min-height:180px}
#inbox-attention select{display:block;width:100%;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--pearl);font:inherit}
#inbox-attention details{border-bottom:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}
#inbox-attention summary{cursor:pointer;min-height:44px}
#calendar-workspace{padding:28px 0;border-bottom:1px solid var(--line);max-width:900px}
#calendar-workspace select,#calendar-workspace input,#calendar-workspace textarea{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:48px;margin:8px 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--pearl);font:inherit;font-size:16px}
#calendar-workspace details{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#calendar-workspace summary{cursor:pointer;min-height:44px}
#calendar-workspace p{color:var(--lilac);overflow-wrap:anywhere}
#calendar-workspace h4{margin-top:30px}
@media(max-width:1100px){.connection-row{grid-template-columns:minmax(0,1fr) auto}.connection-access{grid-column:1;grid-row:2}.connection-actions{grid-column:2;grid-row:1}.connection-setup,.connection-permissions{grid-column:1/-1}}
@media(max-width:600px){.connection-row{display:flex;flex-direction:column;gap:14px;padding:25px 0}.connection-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.connection-fields{grid-template-columns:1fr;gap:16px}.connection-setup{padding:18px;width:100%}.connection-identity h3{font-size:20px}.connections-intro{font-size:14px}.connections-panel .work-view-head{flex-wrap:wrap}.connection-status{margin-top:8px}}
