/* PIXIE Narrative Workbench — story-first information architecture */
.narrative-shell{display:grid;grid-template-columns:1.2fr .95fr;gap:0;min-height:0;flex:1;overflow:hidden}
.narrative-main,.narrative-side{min-width:0;overflow:auto;padding:18px}
.narrative-main{border-right:1px solid var(--clr-border)}
.narrative-kicker{font-size:10px;letter-spacing:.16em;color:var(--clr-muted);margin-bottom:8px}
.narrative-title{font-size:24px;letter-spacing:.04em;margin-bottom:6px}
.narrative-subtitle{font-size:12px;color:var(--clr-dim);max-width:760px;line-height:1.7}
.narrative-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}
.narrative-toolbar button,.narrative-card button{font:inherit;color:var(--clr-text);background:rgba(255,255,255,.045);border:1px solid var(--clr-border);padding:8px 11px;border-radius:4px;cursor:pointer}
.narrative-toolbar button:hover,.narrative-card button:hover{background:rgba(224,82,82,.12);border-color:var(--clr-primary)}
.narrative-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}
.narrative-input input,.narrative-input textarea{width:100%;background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border);padding:10px;font:inherit;outline:none}
.narrative-input textarea{min-height:82px;resize:vertical;grid-column:1/-1}
.narrative-input input:focus,.narrative-input textarea:focus{border-color:var(--clr-secondary);box-shadow:0 0 0 1px var(--clr-secondary)}
.narrative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.narrative-card{background:var(--clr-raised);border:1px solid var(--clr-border);padding:13px;position:relative}
.narrative-card.hot{border-color:rgba(224,82,82,.55)}
.narrative-card h3{font-size:13px;letter-spacing:.08em;margin-bottom:7px}
.narrative-card p{font-size:12px;color:var(--clr-dim);line-height:1.7}
.narrative-card small{display:block;color:var(--clr-muted);font-size:10px;line-height:1.5;margin-bottom:8px}
.narrative-tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}
.narrative-tag{font-size:9px;letter-spacing:.08em;border:1px solid var(--clr-border);padding:3px 5px;color:var(--clr-dim)}
.narrative-card .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.narrative-side h3{font-size:11px;letter-spacing:.12em;margin-bottom:10px;color:var(--clr-text)}
.narrative-stack{display:flex;flex-direction:column;gap:10px}
.context-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.context-row span:first-child{color:var(--clr-dim)}
.context-row span:last-child{text-align:right}
.confidence{font-size:10px;color:#f2cf66}
.status-pill{font-size:9px;padding:3px 6px;border:1px solid var(--clr-border);letter-spacing:.08em}
.publish-box{background:var(--clr-raised);border:1px solid var(--clr-border);padding:12px;margin-top:14px}
.publish-box textarea{width:100%;min-height:120px;background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border);padding:10px;font:inherit;resize:vertical}
.publish-box .actions{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}
.saved-stories{margin-bottom:14px}
.saved-stories-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.saved-stories-head h3{margin:0}
.saved-story-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}
.saved-story-row strong{display:block;font-size:12px;letter-spacing:.04em;overflow-wrap:anywhere}
.saved-story-row small{display:block;margin:3px 0 0;color:var(--clr-muted);font-size:9px}
.saved-story-row .actions{margin-top:0}
.flow-strip{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 0;margin-bottom:12px}
.flow-label{font-size:9px;color:var(--clr-muted);letter-spacing:.12em;padding-top:7px}
#flowPath{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.flow-node{min-height:34px!important;padding:6px 9px!important;font-size:10px!important}
.flow-node.current{border-color:var(--clr-primary)!important;background:rgba(224,82,82,.10)!important}
.flow-arrow{color:var(--clr-muted);font-size:12px}
#sourceMemoryCard{border-color:rgba(114,183,216,.38)}
#sourceMemoryCard .confidence{color:var(--clr-secondary)}
@media(max-width:900px){.narrative-shell{grid-template-columns:1fr}.narrative-main{border-right:0;border-bottom:1px solid var(--clr-border)}.narrative-grid{grid-template-columns:1fr}}
@media(max-width:600px){.saved-story-row{align-items:flex-start;flex-direction:column}.saved-story-row .actions{width:100%}.flow-strip{grid-template-columns:1fr}.narrative-input{grid-template-columns:1fr}.narrative-input button{width:100%}}