/* Optional context for an Instagram introduction. */
.goal-custom { grid-column:1/-1; }
.custom-goal-fields { margin-top:15px; }
.custom-goal-fields>label,.context-content>label:not(.sharing-choice),.consideration-options legend { display:block; color:#cbdce8; font-size:10px; font-weight:600; line-height:1.7; letter-spacing:.035em; }
.custom-goal-fields textarea,.context-content textarea { min-height:76px; margin-top:8px; padding:12px; font:12px/1.75 var(--body); border-color:#4e6272; background:var(--bg); }
.field-hint { display:block; margin-top:7px; color:#9aafbe; font-size:10px; line-height:1.7; }
.preview-bubble { white-space:pre-wrap; overflow-wrap:anywhere; }

.quick-context { margin-top:22px; border-top:1px solid #3c5263; }
.quick-context>summary { display:flex; gap:10px; padding:16px 0; font-size:11px; line-height:1.6; }
.quick-context>summary>span:first-child { color:var(--text); font:600 11px/1.6 var(--body); }
.quick-context>summary>small { margin-left:auto; color:#a6bbc9; font:400 9px/1.6 var(--body); }
.quick-context>summary>span:last-child { color:var(--blue); font:400 23px/1 var(--body); }
.quick-context[open]>summary>span { transform:none; }
.quick-context[open]>summary>span:last-child { transform:rotate(45deg); }
.context-content { padding-top:2px; }
.quick-context p { margin:0; }
.quick-context .context-intro { margin-bottom:17px; color:#a8bdcc; font-size:11px; line-height:1.8; }
.context-content select { display:block; width:100%; min-height:45px; margin:8px 0 19px; padding:11px 12px; border:1px solid #4e6272; border-radius:0; background:var(--bg); color:#dbe7ef; font:12px/1.6 var(--body); }
.consideration-options { min-width:0; margin:0 0 19px; padding:0; border:0; }
.consideration-options legend { padding:0; margin-bottom:9px; }
.context-choice { display:flex; align-items:center; gap:11px; min-height:45px; padding:11px 12px; margin-bottom:8px; border:1px solid #344b5b; background:#101b23; cursor:pointer; }
.context-choice:last-child { margin-bottom:0; }
.context-choice>span { color:#d1e0eb; font-size:11px; line-height:1.65; }
.context-choice input,.sharing-choice input { width:17px; height:17px; margin:0; flex:0 0 17px; accent-color:var(--blue); cursor:pointer; }
.context-choice:hover { border-color:#769ab3; }
.context-content textarea { margin-bottom:17px; }
.sharing-choice { display:flex; align-items:flex-start; gap:11px; padding:13px 12px; border:1px solid #496b84; background:#142735; cursor:pointer; }
.sharing-choice input { margin-top:2px; }
.sharing-choice>span { color:#d1e5f3; font-size:11px; line-height:1.75; }
.sharing-choice input:disabled { cursor:default; opacity:.55; }
.quick-context .context-privacy { margin-top:11px; color:#96acbd; font-size:10px; line-height:1.8; }
.context-clear { display:inline-flex; align-items:center; min-height:39px; margin-top:6px; padding:7px 0; border:0; border-bottom:1px solid #52758f; border-radius:0; background:transparent; color:var(--blue); font:500 10px/1.6 var(--body); cursor:pointer; }
.context-clear:hover { color:#c7eaff; border-color:currentColor; }

.draft-change-notice { margin:18px 0; padding:15px; border:1px solid #5d8cab; background:#142b3b; }
.draft-change-notice>p { margin:0; color:#c5ddeb; font-size:11px; line-height:1.8; }
.draft-choice-actions { display:flex; gap:9px; margin-top:13px; }
.draft-choice-actions>button { flex:1; min-width:0; min-height:44px; padding:11px 10px; border:1px solid var(--blue); border-radius:0; background:var(--blue); color:var(--bg); font:700 9px/1.6 var(--body); letter-spacing:.025em; text-transform:uppercase; white-space:normal; cursor:pointer; }
.draft-choice-actions>button:last-child { background:transparent; color:#c4e7ff; border-color:#6489a2; }
.draft-choice-actions>button:hover { background:#b8e4ff; color:var(--bg); border-color:#b8e4ff; }
.dialog-actions>.button:disabled { background:#263743; border-color:#3b5264; color:#90a4b3; cursor:not-allowed; transform:none; opacity:1; }

@media(max-width:700px) {
 .custom-goal-fields textarea,.context-content textarea { min-height:82px; }
 .quick-context>summary { gap:8px; }
 .context-content select { font-size:12px; }
 .context-choice { min-height:47px; }
 .sharing-choice { padding:13px 11px; }
 .draft-choice-actions { flex-direction:column; gap:9px; }
 .draft-choice-actions>button { width:100%; font-size:10px; }
}

.dialog-actions>a[aria-disabled="true"]{background:#263743;border-color:#3b5264;color:#90a4b3;cursor:not-allowed;transform:none}
@media(min-width:701px){.start-panel{align-items:start}.message-preview{position:sticky;top:24px}}