/* Deferred / declined work: a Business workspace screen and a Live Workshop panel.
   Uses the workspace's own charcoal surfaces, hairlines and orange accent; buttons are the workspace buttons. */
.dw-page,.dw-room{--dw-line:var(--bx-steel,var(--biz-line,#2c2c30));--dw-line-2:var(--bx-steel-2,#34343a);--dw-text:var(--bx-text,var(--biz-text,#f4f4f1));--dw-muted:var(--bx-ash,var(--biz-muted,#a3a3a8));--dw-dim:var(--bx-dim,#74747a);--dw-orange:var(--bx-orange,var(--biz-orange,#ff6b24));color:var(--dw-text);min-width:0}
.dw-page *,.dw-room *{box-sizing:border-box}
.dw-page-host,.dw-room-host{display:block;min-width:0}
.dw-room-host[hidden],.dw-page [hidden],.dw-room [hidden]{display:none!important}
.dw-page{display:grid;gap:18px;margin-top:4px}
.dw-page :focus-visible,.dw-room :focus-visible{outline:2px solid var(--dw-orange);outline-offset:2px}
.dw-btn:disabled{opacity:.5;cursor:wait}

/* Summary: the same flat stat row as the dashboard. */
.dw-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--dw-line);border-bottom:1px solid var(--dw-line)}
.dw-summary>div{display:grid;gap:6px;padding:20px 22px;min-width:0}
.dw-summary>div+div{border-left:1px solid var(--dw-line)}
.dw-summary span{text-transform:uppercase;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--dw-muted)}
.dw-summary strong{font-size:clamp(24px,2.4vw,32px);font-weight:650;letter-spacing:-.03em;line-height:1.05;overflow-wrap:anywhere}
.dw-summary small{font-size:12px;color:var(--dw-dim)}

/* Search and filters. */
.dw-toolbar{display:grid;gap:12px}
.dw-search{display:flex;gap:10px;margin:0}
.dw-search input,.dw-page input,.dw-page select,.dw-page textarea,.dw-room input,.dw-room select,.dw-room textarea{width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid var(--dw-line-2);border-radius:11px;background:var(--biz-soft,#1b1b1e);color:var(--dw-text);font:inherit;font-size:16px;color-scheme:dark}
.dw-search input{flex:1}
.dw-page textarea,.dw-room textarea{resize:vertical;min-height:72px}
.dw-filters.r211-filters{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.dw-filter{gap:8px!important}
.dw-filter.active{background:var(--dw-orange)!important;border-color:var(--dw-orange)!important;color:#111!important}
.dw-filter i{font-style:normal;font-size:11px;font-weight:700;opacity:.7}
.dw-feedback{margin:0;font-size:13px;color:var(--dw-muted)}
.dw-feedback:empty{display:none}
.dw-error{color:var(--bx-red,#ff6262)}

/* List: hairline rows, no nested boxes. */
.dw-list{display:grid;border-top:1px solid var(--dw-line)}
.dw-item{display:grid;gap:8px;padding:18px 2px;border-bottom:1px solid var(--dw-line);min-width:0}
.dw-item[data-state=done],.dw-item[data-state=dismissed]{opacity:.7}
.dw-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.dw-item-head>div{min-width:0}
.dw-item-head h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.3;overflow-wrap:anywhere}
.dw-item-head p{margin:3px 0 0;color:var(--dw-muted);font-size:13px;overflow-wrap:anywhere}
.dw-item-head strong{font-size:16px;font-weight:650;white-space:nowrap}
.dw-tags{display:flex;flex-wrap:wrap;gap:6px}
.dw-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;color:var(--dw-muted)}
.dw-tag+.dw-tag::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--dw-dim);margin-right:2px}
.dw-outcome-declined{color:#ff8a7a}
.dw-outcome-deferred{color:var(--bx-orange-light,#ff8f57)}
.dw-state-scheduled{color:#8cc8ff}
.dw-state-done{color:var(--bx-green,#5fd39a)}
.dw-due{color:var(--dw-orange)}
.dw-description{margin:0;color:#d6d6d6;font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.dw-meta{margin:0;color:var(--dw-dim);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.dw-note{margin:0;padding-left:12px;border-left:2px solid var(--dw-line-2);color:#cfcfcf;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.dw-note b{color:var(--dw-muted);font-weight:650}
.dw-resolved{margin:0;color:var(--bx-green,#5fd39a);font-size:13px}
.dw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.dw-item>.dw-actions{justify-content:space-between;gap:8px 16px}
.dw-actions>div{display:flex;flex-wrap:wrap;gap:8px}
.dw-links{margin-left:auto}
.dw-btn.dw-link{display:inline-flex;align-items:center;min-height:42px;padding:0 8px;border:0;background:none;color:var(--dw-orange);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.dw-btn.dw-link:hover{text-decoration:underline;text-underline-offset:3px}
html body .dw-btn.dw-quiet{background:transparent!important;color:var(--dw-muted)!important}
.dw-pager{justify-content:center}
.dw-hint{margin:0;color:var(--dw-muted);font-size:13px;line-height:1.55}
.dw-empty{display:grid;gap:10px;justify-items:center;margin:0!important}
.dw-empty strong{color:var(--dw-text);font-size:15px}
.dw-empty p{margin:0}

/* Edit and add forms. */
.dw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.dw-grid label{display:grid;gap:7px;font-size:12px;font-weight:650;color:var(--dw-muted);min-width:0}
.dw-grid .dw-full{grid-column:1/-1}
.dw-edit,.dw-add{display:grid;gap:14px;margin:6px 0 0;padding:16px 0 4px;border-top:1px solid var(--dw-line)}
.dw-add h3{margin:0;font-size:15px;font-weight:650}

/* Live Workshop panel (sits inside the room's own panel styles). */
.dw-room-host{margin-top:16px}
.dw-room{display:grid;gap:12px}
.dw-room .dw-room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dw-count{flex:0 0 auto;font-size:13px;font-weight:650;color:var(--dw-orange);white-space:nowrap}
.dw-room .dw-list{border-top:1px solid var(--dw-line)}
.dw-room .dw-item:last-child{border-bottom:0}

/* The workspace styles every paragraph inside .r28; keep this screen's own rhythm. */
html body .r28 :is(.dw-page,.dw-room) p{margin:0;line-height:1.55;color:inherit}
html body .r28 :is(.dw-page,.dw-room) p.dw-description{font-size:13.5px;color:#d6d6d6}
html body .r28 :is(.dw-page,.dw-room) p.dw-meta{font-size:12px;color:var(--dw-dim)}
html body .r28 :is(.dw-page,.dw-room) p.dw-note{font-size:13px;color:#cfcfcf}
html body .r28 :is(.dw-page,.dw-room) p.dw-hint,html body .r28 :is(.dw-page,.dw-room) p.dw-feedback{font-size:13px;color:var(--dw-muted)}
html body .r28 :is(.dw-page,.dw-room) .dw-item-head p{font-size:13px;color:var(--dw-muted);margin-top:3px}
html body .r28 :is(.dw-page,.dw-room) p.dw-resolved{font-size:13px;color:var(--bx-green,#5fd39a)}
html body .r28 :is(.dw-page,.dw-room) .dw-empty p{font-size:13px;color:var(--dw-muted)}

@media (max-width:720px){
  .dw-summary{grid-template-columns:1fr 1fr}
  .dw-summary>div{padding:16px 14px}
  .dw-summary>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--dw-line)}
  .dw-filters.r211-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .dw-filters.r211-filters::-webkit-scrollbar{display:none}
  .dw-filter{flex:0 0 auto!important;white-space:nowrap!important}
  .dw-grid{grid-template-columns:1fr}
  .dw-item-head{flex-direction:column;gap:2px}
  .dw-actions>div:first-child{flex:1 1 100%}
  .dw-actions>div:first-child .dw-btn{flex:1 1 0}
  .dw-links{margin-left:-8px}
  .dw-room .dw-room-head{flex-direction:column}
}