@import url("./agenda-list-editor.css");
:root{color-scheme:light;--paper:#f6f2ea;--ink:#283e39;--muted:#627069;--line:#d8dfd6;--green:#345b4c;--cream:#fffdf7;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:40px 24px 72px}h1{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.04em;margin:12px 0}h2{font-size:1.6rem;letter-spacing:-.025em}h3{margin:0 0 8px}p{line-height:1.65}small,.hint{color:var(--muted)}.eyebrow{letter-spacing:.16em;font-size:.72rem;font-weight:700}.lede{margin-bottom:28px}.layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px;margin-top:32px}nav{display:flex;flex-direction:column;gap:8px;align-self:start}button,select{font:inherit;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:11px 16px}button{cursor:pointer;text-align:left}button:hover{border-color:var(--green)}button:focus-visible,select:focus-visible{outline:3px solid #a97836;outline-offset:3px}button:disabled{opacity:.55;cursor:default}nav button[aria-current="page"],.primary{background:var(--green);color:#fff;border-color:var(--green)}.panel{min-width:0}.card{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:24px;margin:16px 0}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature{min-height:125px;font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;gap:12px}.feature small{font-weight:400;font-size:.9rem}.badge{display:inline-block;background:#e5ebdf;padding:5px 11px;border-radius:30px;font-size:.8rem}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.row>div{min-width:0;overflow-wrap:anywhere}.row button{flex-shrink:0;max-width:55%;overflow-wrap:anywhere}.row[data-changed="true"]{background:#fff3d6}.row button[data-state="inactive"]{background:#efeae1}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem}select{width:100%;min-width:0}form{margin:18px 0}.notice{padding:14px 18px;border-radius:12px;background:#e5ebdf}.error{background:#f7e4d9;color:#763a26}.back{background:transparent;margin-bottom:8px}details{margin-top:20px}summary{cursor:pointer;padding:12px 0}.summary{white-space:pre-line;overflow-wrap:anywhere}.status{min-height:24px}.office-title{margin-top:0}@media(max-width:650px){main{padding:24px 16px 48px}.layout{display:block;margin-top:24px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:28px}nav button{text-align:center;padding:10px 3px;border-radius:10px;font-size:.79rem}.features{gap:10px}.feature{padding:16px 12px;font-size:1rem}.card{padding:18px;border-radius:16px}.form-grid{grid-template-columns:1fr}.row{flex-direction:column;align-items:stretch;gap:10px}.row button{max-width:none;width:100%;padding:10px}.actions button{flex:1;text-align:center}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}

a.feature{box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);padding:11px 16px;text-decoration:none}a.feature:focus-visible{outline:3px solid #a97836;outline-offset:3px}
input{font:inherit;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:11px 16px;max-width:100%}.card label{margin-bottom:16px}.card>button{margin:6px 8px 6px 0}
.broadcast-workspace label{margin:18px 0}.broadcast-workspace textarea{font:inherit;line-height:1.6;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--cream);color:var(--ink);resize:vertical}.broadcast-workspace button{margin:6px 8px 6px 0}.broadcast-workspace .broadcast-check{display:flex;flex-direction:row;align-items:center;padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.broadcast-check input{order:-1;flex:0 0 24px;width:24px;height:24px;min-height:24px;padding:0;accent-color:var(--green)}.broadcast-workspace iframe{border:1px solid var(--line);border-radius:12px;background:white;margin:16px 0}.broadcast-workspace textarea:focus-visible,.broadcast-workspace input:focus-visible{outline:3px solid #a97836;outline-offset:3px}
.it-workspace .it-draft{font:inherit;line-height:1.6;width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--cream);color:var(--ink);resize:vertical}.it-workspace .it-draft:focus-visible{outline:3px solid #a97836;outline-offset:3px}
.it-workspace .it-current-prompt{font:inherit;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper);color:var(--ink)}

/* --- VPE DCP reporting advice (Issue #226) --------------------------------
   Additive, namespaced rules for the read-only DCP advice view inside the
   existing IT workspace. Nothing above is modified, so the AI prompt
   management workspace keeps its exact current appearance. */
.dcp-entry .hint{margin-top:0}
.dcp-workspace .dcp-sub{color:var(--muted);font-size:.9rem;margin:4px 0}
.dcp-workspace .dcp-summary{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.dcp-workspace .dcp-metric{flex:1 1 140px;min-width:0;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:13px}
.dcp-workspace .dcp-metric span{display:block;font-size:.8rem;color:var(--muted)}
.dcp-workspace .dcp-metric b{display:block;font-size:1.35rem;overflow-wrap:anywhere}
.dcp-workspace .dcp-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.dcp-workspace .dcp-filter button{text-align:center}
.dcp-workspace .dcp-filter .dcp-active{background:var(--green);color:#fff;border-color:var(--green)}
.dcp-workspace .dcp-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.dcp-workspace .dcp-card{margin:0}
.dcp-workspace .dcp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dcp-workspace .dcp-numbers{display:flex;flex-wrap:wrap;gap:18px;margin:14px 0}
.dcp-workspace .dcp-cell{min-width:0}
.dcp-workspace .dcp-cell span{display:block;font-size:.8rem;color:var(--muted)}
.dcp-workspace .dcp-cell b{display:block;font-size:1.3rem;overflow-wrap:anywhere}
.dcp-workspace .dcp-missing b{color:#8a4a1c}
.dcp-workspace .dcp-unknown b{font-size:1rem;font-weight:600}
.dcp-workspace .dcp-label{font-size:.85rem;font-weight:700;margin:16px 0 4px}
.dcp-workspace .dcp-muted{color:var(--muted);font-size:.85rem;margin:4px 0;overflow-wrap:anywhere}
.dcp-workspace .dcp-person{padding:11px 0;border-top:1px solid var(--line)}
.dcp-workspace .dcp-person>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.dcp-workspace .dcp-pill{display:inline-block;padding:3px 9px;border-radius:12px;font-size:.78rem}
.dcp-workspace .dcp-ready{background:#e3f5ed;color:#126947}
.dcp-workspace .dcp-soon{background:#fff1da;color:#7a4a0e}
.dcp-workspace .dcp-person ul{margin:8px 0;padding-left:19px;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}
.dcp-workspace .dcp-person summary{padding:8px 0;font-size:.85rem}
/* Narrow phone: single column, tighter numbers, full-width filter buttons. */
@media(max-width:500px){
 .dcp-workspace .dcp-numbers{gap:13px}
 .dcp-workspace .dcp-cell b{font-size:1.15rem}
 .dcp-workspace .dcp-filter button{flex:1}
 .dcp-workspace .dcp-metric{flex:1 1 100%}
}
/* Desktop: the approved two-column card grid. */
@media(min-width:850px){
 .dcp-workspace .dcp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.dcp-workspace .dcp-overflow{background:#eceef1;color:#4a5560}
.dcp-workspace .dcp-records ul{margin:6px 0 14px;padding-left:19px;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}
.dcp-workspace .dcp-records li{margin-bottom:8px}
.dcp-workspace .dcp-records li p{margin:2px 0}
.dcp-workspace .dcp-target{margin:4px 0;font-weight:650}
/* Video management: choose a link type before opening a single editor. */
.video-management-workspace{max-width:1000px;margin:0 auto}
.video-management-workspace .video-management-top,.video-management-workspace .video-management-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.video-management-workspace .video-management-top h2{width:100%;margin:0 0 12px}
.video-management-workspace .video-management-status:empty{display:none}
.video-management-workspace .video-management-status{padding:12px 16px;border-radius:12px;background:#F6F3ED;line-height:1.7}
.video-management-workspace .video-management-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.video-management-workspace .video-management-choice{padding:24px;background:#FFFDF9;border:1px solid #E9E1D7;border-radius:18px}
.video-management-workspace .video-management-choice button{display:block;width:100%;padding:18px;font-size:18px;font-weight:600;line-height:1.5;border-color:#DABAC3;background:#F6E7EC;color:#8D5666}
.video-management-workspace .video-management-choice p{margin:14px 0 0;font-size:15px;color:#7D746D}
.video-management-workspace .video-management-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;background:#FFFDF9;border:1px solid #E9E1D7;border-radius:18px}
.video-management-workspace .video-management-form label{min-width:0;gap:8px;font-size:15px}
.video-management-workspace .video-management-form input,.video-management-workspace .video-management-form textarea,.video-management-workspace .video-management-form select{width:100%;min-width:0;min-height:46px;padding:11px 14px;border:1px solid #DCCFC5;border-radius:12px;background:#FFFDF9;color:inherit;font:inherit;font-size:16px}
.video-management-workspace .video-management-form textarea{min-height:100px;resize:vertical}
.video-management-workspace .video-management-metadata,.video-management-workspace .video-management-preview,.video-management-workspace .video-management-actions{grid-column:1/-1;min-width:0}
.video-management-workspace .video-management-metadata{padding:0 16px;border:1px solid #E9E1D7;border-radius:12px;margin:0}
.video-management-workspace .video-management-metadata label{margin:12px 0}
.video-management-workspace .video-management-preview:empty{display:none}
.video-management-workspace .video-management-preview iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.video-management-workspace .video-management-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid #E9E1D7}
.video-management-workspace .video-management-primary{background:#8D5666;border-color:#8D5666;color:#FFFDF9;min-width:100px;text-align:center}
.video-management-workspace .video-management-record{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:20px;background:#FFFDF9;border:1px solid #E9E1D7;border-radius:14px}
.video-management-workspace .video-management-record div{min-width:0;overflow-wrap:anywhere}
.video-management-workspace .video-management-record h4{font-size:17px;margin:0 0 6px}
.video-management-workspace .video-management-record p{margin:0;color:#7D746D;font-size:14px}
.video-management-workspace .video-management-record button{flex-shrink:0}
@media(max-width:650px){.video-management-workspace .video-management-choices,.video-management-workspace .video-management-form{grid-template-columns:minmax(0,1fr)}.video-management-workspace .video-management-choice,.video-management-workspace .video-management-form{padding:18px}.video-management-workspace .video-management-choice button{font-size:17px}.video-management-workspace .video-management-actions button{flex:1;min-width:0;text-align:center}}