.brief-app{max-width:960px;margin:0 auto;padding:28px 20px 60px;color:var(--ink,#0f172a);line-height:1.7}
.brief-app *{box-sizing:border-box}.brief-app [hidden]{display:none!important}.brief-app h1{font-size:var(--qpp-type-page-title-size);line-height:var(--qpp-type-page-title-line);letter-spacing:var(--qpp-tracking-heading);margin:18px 0 8px}.brief-app h2{font-size:var(--qpp-type-section-title-size);line-height:var(--qpp-type-section-title-line);margin:8px 0}.brief-app h3{font-size:var(--qpp-type-subtitle-size);line-height:var(--qpp-type-subtitle-line)}.brief-muted{color:var(--mut,#64748b);font-size:var(--qpp-type-detail-size)}.brief-tabs,.brief-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.brief-app button,.brief-button{font:inherit;padding:10px 17px;border:1px solid var(--line,#cbd5e1);border-radius:9px;background:var(--card,#fff);color:inherit;cursor:pointer;text-decoration:none}.brief-app button.primary,.brief-tabs button[aria-selected=true]{background:#2563eb;border-color:#2563eb;color:white}.brief-app button:disabled{opacity:.5;cursor:default}.brief-app input:not([type=checkbox]),.brief-app select,.brief-app textarea{font:inherit;display:block;width:100%;min-width:0;margin-top:5px;padding:10px;border:1px solid var(--line,#cbd5e1);border-radius:8px;background:var(--bg,#f4f6fb);color:inherit}.brief-app input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}.brief-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;background:var(--card,#fff);padding:20px;border-radius:14px;border:1px solid var(--line,#dce4ef)}.brief-filters label{font-size:var(--qpp-type-detail-size)}.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brief-card,.brief-box{background:var(--card,#fff);border:1px solid var(--line,#dce4ef);padding:22px;border-radius:14px;overflow-wrap:anywhere}.brief-card h2{font-size:var(--qpp-type-title-size);line-height:var(--qpp-type-title-line)}.brief-tag{display:inline-block;padding:3px 9px;font-size:var(--qpp-type-caption-size);background:#eff6ff;color:#1d4ed8;border-radius:5px;margin:0 6px 6px 0}.brief-tag.pending{background:#fff7e8;color:#945900}.brief-card dl,.brief-detail dl{display:grid;grid-template-columns:80px 1fr;gap:7px 14px;font-size:var(--qpp-type-detail-size)}.brief-app dt{color:var(--mut,#64748b)}.brief-app dd{margin:0}.brief-card .brief-actions{margin-bottom:0}.brief-card .brief-actions button{font-size:var(--qpp-type-detail-size);padding:8px 12px}.brief-source{padding:12px 16px;border-left:3px solid #e08a00;background:var(--card,#fff);font-size:var(--qpp-type-meta-size);margin:20px 0}.brief-empty{grid-column:1/-1;border:1px dashed var(--line,#cbd5e1);padding:32px;border-radius:12px;color:var(--mut,#64748b)}.brief-alert{padding:14px 18px;background:#fff7e8;color:#805100;border-radius:9px;margin:16px 0}.brief-detail{margin:24px 0}.brief-detail li{margin:14px 0;overflow-wrap:anywhere}.brief-detail a{color:#2563eb}.brief-detail small{display:block;color:var(--mut,#64748b)}.brief-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.brief-message{padding:16px 0;border-bottom:1px solid var(--line,#dce4ef)}.brief-message p{margin:5px 0}.brief-app :focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.brief-detail{scroll-margin-top:100px}.brief-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brief-editor .wide{grid-column:1/-1}.brief-app textarea{min-height:110px}
[data-theme=dark] .brief-app{color:#e2e8f0}[data-theme=dark] .brief-tag{background:#1e3a5f;color:#bfdbfe}[data-theme=dark] .brief-tag.pending,[data-theme=dark] .brief-alert{background:#453319;color:#fcd38b}[data-theme=dark] .brief-card,[data-theme=dark] .brief-box,[data-theme=dark] .brief-filters,[data-theme=dark] .brief-source,[data-theme=dark] .brief-app button{background:#131d30;border-color:#334155}[data-theme=dark] .brief-app button.primary,[data-theme=dark] .brief-tabs button[aria-selected=true]{background:#2563eb}[data-theme=dark] .brief-app input:not([type=checkbox]),[data-theme=dark] .brief-app select,[data-theme=dark] .brief-app textarea{background:#0f172a;color:#e2e8f0;border-color:#475569}
@media(max-width:760px){.brief-filters{grid-template-columns:1fr 1fr}.brief-grid{grid-template-columns:1fr}.brief-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.brief-app{padding:18px 14px 40px}.brief-card,.brief-box,.brief-filters{padding:17px}.brief-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-editor{grid-template-columns:1fr}.brief-filters input,.brief-filters select{font-size:var(--qpp-type-body-size)}.brief-tabs{gap:6px}.brief-tabs button{font-size:var(--qpp-type-detail-size);padding:9px 12px}.brief-card dl,.brief-detail dl{grid-template-columns:1fr;gap:2px}.brief-card dd,.brief-detail dd{margin-bottom:9px}.brief-card .brief-actions{gap:8px}.brief-source{overflow-wrap:anywhere}.brief-app .brief-editor .wide{grid-column:auto}}

.brief-image{margin:14px 0}.brief-image img{display:block;width:100%;max-height:240px;object-fit:contain;background:#fff;border-radius:9px}.brief-image figcaption{font-size:var(--qpp-type-caption-size);line-height:1.6;color:var(--mut,#64748b);margin-top:8px}
