/* Shared ivory carnet styles come from writing.css. */
#brief-writing-paper-slot { min-width:0 }
#brief-writing-rail-slot { min-width:0; align-self:start }
.brief-writing-nav { display:flex; align-items:center; gap:22px; flex-wrap:wrap }
.brief-writing-studio .writing-toolbar { align-items:center }
.brief-trash-toggle { display:flex; align-items:center; gap:6px; min-height:40px; padding:8px 2px; color:#94a58b; font-size:10px }
.brief-trash-toggle svg { height:14px; width:14px; stroke-width:1.6 }
.brief-trash-toggle > span:last-child { min-width:18px; padding:2px 4px; border:1px solid #3d5238; border-radius:5px; font-size:9px; color:#a5bc99 }
.brief-trash-toggle[aria-pressed="true"] { color:#e0efd4 }
#brief-writing-save-status { display:flex; align-items:center; gap:7px; margin:0; color:#8f9d89; font-size:10px; line-height:1.5 }
#brief-writing-save-status i { width:5px; height:5px; background:#9db88a; border-radius:50%; flex-shrink:0 }
#brief-writing-save-status[data-phase="saving"] i { background:#d9bc7f }
#brief-writing-save-status[data-phase="error"] { color:#edc39b }
#brief-writing-save-status[data-phase="error"] i { background:#e5ad7d }
#brief-writing-save-retry { font-size:10px; text-decoration:underline; color:#e8d3a8; padding:7px 3px; flex-shrink:0 }
#brief-writing-save-retry[hidden] { display:none }
.brief-writing-undo { display:flex; justify-content:space-between; align-items:center; gap:15px; background:#233324; border:1px solid #526747; border-radius:13px; padding:10px 15px; margin:0 0 18px }
.brief-writing-undo p { color:#c7d9bd; font-size:11px; line-height:1.65; overflow-wrap:anywhere }
.brief-writing-undo .writing-button { color:#e7f3dc; background:#3b5434; border-color:#6d855e; min-height:35px; padding:8px 12px; font-size:10px; flex-shrink:0 }
.brief-writing-feedback { font-size:11px; color:#b7cba9; padding:0 4px 17px; line-height:1.6 }
.brief-reference-meta { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:23px; color:#647057; font-size:9px; line-height:1.5 }
.brief-reference-meta span + span::before { content:"·"; margin-right:14px; color:#7b876d }
.writing-reading-section .brief-emotion { font-size:19px; color:#5d704d; margin-top:22px; line-height:1.7; padding-left:19px }
.brief-script-section { margin-top:39px }
.brief-script-row { display:grid; grid-template-columns:54px minmax(0,1fr); gap:17px; border-bottom:1px solid #e1e6d8; padding:17px 0; align-items:start }
.brief-script-row > span { padding-top:6px; font-size:9px; line-height:1.5; color:#6f7d60; letter-spacing:.015em }
.brief-script-row > p { font-size:15px; line-height:1.85; color:#4d6047 }
.brief-hook-row { padding-top:18px; padding-bottom:22px }
.brief-hook-row > span { color:#527141; font-weight:600 }
.brief-hook-row > p { font-family:Georgia,"Times New Roman",serif; font-size:23px; line-height:1.55; color:#3d5736; letter-spacing:-.02em }
.brief-cta-row { border-bottom:0; padding-bottom:0 }
.brief-cta-row > span { font-weight:600; color:#527141 }
.brief-pending-row { background:#f1ebdc; margin:0 -12px; padding-left:12px; padding-right:12px; border-radius:7px; border-color:#e4d8ba }
.brief-pending-row > p { color:#7d6237 }
.brief-writing-warning { border:1px solid #dfcca4; background:#f4ecda; border-radius:12px; padding:18px 19px; margin-top:31px }
.brief-writing-warning > strong { color:#775d30; font-size:12px; font-weight:600; line-height:1.6 }
.brief-writing-warning > p { color:#7d663e; font-size:11px; line-height:1.8; margin-top:6px }
.writing-reading-section .brief-source-detail { font-size:12px; color:#6f7c62; margin-top:20px }
.brief-unimported { min-height:235px }
.brief-paper-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 43px 25px }
.brief-paper-bottom > p { font-size:9px; line-height:1.6; color:#69755f; max-width:340px }
.brief-paper-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px }
.brief-delete-button { color:#806359; font-size:10px; padding:7px 9px; min-height:35px; border-color:#e2d8cd; background:#f3eee6; flex-shrink:0 }
.brief-delete-button:hover { background:#eadfd4; border-color:#cdb5a4; color:#705044 }
.brief-delete-button svg { height:13px; width:13px }
.brief-draft-paper .brief-paper-bottom { padding-top:2px }
.brief-duplicate-button { color:#65795a; font-size:10px; padding:7px 9px; min-height:35px; border-color:#d8e2cd; background:#eef2e7; flex-shrink:0 }
.brief-duplicate-button:hover { color:#3f6330; background:#e0ead4 }
.brief-draft-caution { color:#806031; background:#f3ead5; border:1px solid #e5d4ac; border-radius:8px; margin-top:22px; padding:12px 14px; font-size:11px; line-height:1.6 }
.brief-draft-caution[hidden] { display:none }
#brief-writing-word-count { white-space:nowrap; flex-shrink:0; font-variant-numeric:tabular-nums; color:#647057 }
.brief-empty-paper { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:58px 44px; min-height:610px }
.brief-empty-paper h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; color:#355032; font-size:42px; line-height:1.2; letter-spacing:-.035em; margin:28px 0 22px; max-width:490px }
.brief-empty-paper > p { color:#627458; font-size:14px; line-height:1.9; max-width:460px }
.brief-empty-actions { display:flex; gap:11px; flex-wrap:wrap; margin-top:29px }
.brief-button-quiet { color:#617653; background:#e9efdf; border-color:#d6e0c9; font-size:11px }
.brief-button-quiet:hover { background:#dfe8d3 }
.brief-empty-paper > small { display:block; color:#6f7c62; font-size:10px; line-height:1.7; margin-top:24px }
.brief-trash-paper { min-height:510px }
.brief-trash-paper .writing-paper-content { max-width:980px; padding-bottom:42px }
.brief-trash-intro { color:#697a5d; font-size:13px; line-height:1.8; margin-top:21px; max-width:560px }
.brief-trash-list { margin-top:31px }
.brief-trash-row { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:22px 0; border-top:1px solid #dce4d2 }
.brief-trash-row > div { min-width:0 }
.brief-trash-row > div > span { color:#6b7a5e; font-size:9px; line-height:1.5 }
.brief-trash-row h3 { font-size:16px; font-weight:500; color:#3e5734; margin-top:8px; line-height:1.5; overflow-wrap:anywhere }
.brief-restore-button { color:#3d5f2d; background:#e4edda; border-color:#c8d7b7; font-size:11px; flex-shrink:0 }
.brief-restore-button:hover { background:#d7e5c8 }
@media(max-width:1180px) {
  .brief-writing-nav { gap:15px }
  .brief-paper-bottom { padding-left:31px; padding-right:31px }
  .brief-empty-paper { padding:42px 31px; min-height:580px }
  .brief-empty-paper h2 { font-size:37px }
}
@media(max-width:930px) {
  .brief-writing-studio .writing-toolbar { align-items:flex-start; flex-direction:column; gap:13px }
  .brief-writing-studio .writing-save-area { justify-content:flex-start; max-width:none }
  .brief-writing-nav { width:100%; justify-content:space-between }
  .brief-empty-paper { min-height:480px }
}
@media(max-width:620px) {
  .brief-writing-nav { gap:12px }
  .brief-writing-nav .writing-tabs { width:auto }
  .brief-writing-nav .writing-tabs button { padding-right:12px }
  .brief-trash-toggle { font-size:9px; gap:5px }
  .brief-trash-toggle svg { width:13px; height:13px }
  #brief-writing-save-status { font-size:9px }
  .brief-writing-undo { padding:10px 12px; gap:12px }
  .brief-writing-undo p { font-size:10px }
  .brief-reference-meta { font-size:8px; gap:7px 9px; margin-top:19px }
  .brief-reference-meta span + span::before { margin-right:9px }
  .writing-reading-section .brief-emotion { font-size:18px }
  .brief-script-row { grid-template-columns:44px minmax(0,1fr); gap:11px; padding-top:15px; padding-bottom:15px }
  .brief-script-row > span { font-size:8px }
  .brief-script-row > p { font-size:14px; line-height:1.85 }
  .brief-hook-row > p { font-size:21px; line-height:1.6 }
  .brief-writing-warning { padding:15px; margin-top:26px }
  .brief-writing-warning > strong { font-size:11px }
  .brief-writing-warning > p { font-size:10px }
  .brief-paper-bottom { padding:0 24px 23px; gap:13px; align-items:flex-start }
  .brief-paper-bottom > p { font-size:8px }
  .brief-delete-button { font-size:9px; padding:7px 8px }
  .brief-unimported { min-height:190px }
  .brief-empty-paper { padding:36px 25px; min-height:430px }
  .brief-empty-paper h2 { font-size:33px; margin:24px 0 19px }
  .brief-empty-paper > p { font-size:12px }
  .brief-empty-paper > small { font-size:9px }
  .brief-trash-paper .writing-paper-content { padding-bottom:28px }
  .brief-trash-intro { font-size:12px }
  .brief-trash-row { gap:16px; padding:19px 0 }
  .brief-trash-row h3 { font-size:14px }
  .brief-trash-row > div > span { font-size:8px }
  .brief-restore-button { padding:10px 12px; font-size:10px }
}
