.project-booklets { padding:4px 0 20px; font-size:12px; }
.booklet-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.booklet-toolbar label { display:grid; gap:5px; min-width:140px; }
.booklet-toolbar label:first-child { flex:1; min-width:200px; }
.project-booklets select,.booklet-preview select { min-width:0; max-width:100%; height:34px; padding:5px 8px; background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:4px; font:inherit; }
#prompt-projects-panel .project-booklets button,.booklet-preview button { width:auto; min-height:32px; padding:5px 10px; border:1px solid var(--line); border-radius:4px; background:var(--panel); color:var(--text); font:inherit; font-weight:400; cursor:pointer; }
.project-booklets button svg,.booklet-preview button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.booklet-record { border-bottom:1px solid var(--line); padding:10px 0; }
.booklet-record > summary { display:flex; align-items:center; flex-wrap:wrap; gap:10px; cursor:pointer; }
.booklet-record > summary::before { content:'\203a'; }
.booklet-record[open] > summary::before { transform:rotate(90deg); }
.booklet-record > summary > span { flex:1; }
.booklet-record small,.booklet-preview small { color:var(--muted); font-size:11px; }
.booklet-record-tools { display:flex; gap:8px; padding:12px 0; }
.booklet-import-history > div { display:flex; gap:12px; align-items:center; border-top:1px solid var(--line); padding:8px 0; }
.booklet-import-history > div > span { flex:1; min-width:0; overflow-wrap:anywhere; }
.booklet-import-history small,.booklet-preview small { display:block; margin-top:4px; }
.booklet-preview { width:1100px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); box-sizing:border-box; overflow:auto; border:1px solid var(--line); border-radius:6px; padding:16px; background:var(--panel); color:var(--text); font-size:12px; }
.booklet-preview::backdrop { background:#0005; }
.booklet-preview header,.booklet-preview footer { display:flex; align-items:center; gap:12px; }
.booklet-preview h2 { flex:1; margin:0; font-size:17px; font-weight:400; }
.booklet-preview footer { justify-content:flex-end; margin-top:12px; }
.booklet-table-scroll { overflow:auto; max-height:60vh; }
.booklet-preview table { width:100%; min-width:750px; border-collapse:collapse; }
.booklet-preview th,.booklet-preview td { text-align:left; padding:8px; border-bottom:1px solid var(--line); font-weight:400; vertical-align:top; }
.booklet-preview th { position:sticky; top:0; background:var(--panel); }
.booklet-preview [data-result=conflict] { background:#d9770618; }
.booklet-preview [data-result=blocked] { background:#dc262611; }
.booklet-preview .booklet-applied-row td,.booklet-preview .booklet-applied-row td * { font-weight:700 !important; }
.booklet-feedback-note { min-width:180px; max-width:360px; white-space:pre-wrap; overflow-wrap:anywhere; }
.booklet-preview input[type=checkbox] { width:15px; height:15px; min-height:0; padding:0; margin:0 5px 0 0; }
.project-booklets button:disabled,.booklet-preview button:disabled { opacity:.45; cursor:default; }
@media(max-width:600px) { .booklet-toolbar label { flex:1; } .booklet-record > summary small { flex-basis:100%; padding-left:16px; } }