/* Dashboard detail follows the source: dates/delegates, text, then file slots. */
#detail{container-type:inline-size;min-width:0;overflow-wrap:anywhere}
#detail>.eyebrow{display:inline-block;min-width:28%;text-align:center;background:#242424;padding:8px 12px;border-radius:8px}
#detail>h2{display:inline-block;margin:12px 0 18px 16px;vertical-align:middle;max-width:65%}
#detail .task-core{display:grid;grid-template-columns:minmax(115px,23%) minmax(0,1fr) minmax(120px,20%);gap:14px;align-items:start}
#detail .task-core>*{min-width:0}
#detail .task-side .dates{display:grid;gap:6px;margin:12px 0 18px;text-align:center;font-size:12px;font-style:italic}
#detail .task-side .dates strong{display:block;background:#292929;padding:9px 5px;font-size:14px;font-style:normal;overflow-wrap:anywhere}
#detail .task-side h3{font-size:13px;margin:16px 0 8px;text-align:center}
#detail .task-side .assignment{display:flex;flex-direction:column-reverse;gap:6px;padding:10px 8px;margin:0 0 7px;border:1px solid #555;border-radius:6px;background:#202020}
#detail .task-side .assignment span{width:100%;padding:7px;background:#333;overflow-wrap:anywhere;font-size:12px}
#detail .task-side .assignment select{width:100%;max-width:100%;padding:7px 5px;font-size:12px}
#detail .task-description .body{margin:0;min-height:400px;height:100%;padding:15px;background:#303030;border-radius:20px;overflow-wrap:anywhere;white-space:pre-wrap}
#detail .task-files .attachments{border:0;padding:0;margin:0}
#detail .task-files h3{margin:0 0 8px;font-size:13px;text-align:center;color:#bbb}
#detail .task-files .attachment-row{min-height:100px;margin:0 0 7px;padding:12px 8px;border-radius:7px;background:#303030;overflow-wrap:anywhere}
#detail .task-files .attachment-row small{display:block}
#detail .task-files .attachment-row button{margin:4px 2px 0 0}
#detail .task-files label{font-size:12px}
#detail .task-files input{width:100%;min-width:0}
#detail .task-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center;padding:12px 0 0}
#detail .task-footer .rating{order:2;margin:0;width:100%;justify-content:center}
#detail .task-footer #edit{padding:7px 10px}
#detail>.attachments{margin-top:14px}
@container (max-width:550px){
 #detail .task-core{grid-template-columns:minmax(110px,30%) minmax(0,1fr)}
 #detail .task-files{grid-column:1/-1}
 #detail .task-files .attachments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #detail .task-files h3,#detail .task-files label,#detail .task-files details,#detail .task-files .upload-note{grid-column:1/-1}
 #detail .task-description .body{min-height:320px}
}
@container (max-width:330px){
 #detail>h2{display:block;max-width:100%;margin-left:0}
 #detail .task-core{grid-template-columns:minmax(0,1fr)}
 #detail .task-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #detail .task-side h3,#detail .task-side .assignment{grid-column:1/-1}
 #detail .task-files .attachments{grid-template-columns:minmax(0,1fr)}
 #detail .task-description .body{min-height:220px}
}

#taskhistory{margin-top:12px}#taskhistory .audit-event{margin:8px 0;padding:8px;border:1px solid #555;border-radius:6px}#taskhistory summary,#taskhistory p{overflow-wrap:anywhere}#taskhistory pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#taskhistory button{margin:4px}

/* Dashboard frame: retain all three existing slots, with files to the right when space permits. */
.dashboard-work #detail{padding:12px;min-height:0;border-radius:24px}.dashboard-work #detail>.eyebrow{font-size:11px;padding:6px 8px;min-width:0;max-width:100%;text-align:left;border-radius:5px}.dashboard-work #detail>h2{display:block;max-width:100%;font-size:16px;line-height:1.3;margin:8px 0 12px}.dashboard-work #detail .task-core{grid-template-columns:minmax(95px,23%) minmax(0,1fr) minmax(92px,20%);gap:8px}.dashboard-work #detail .task-side .dates{margin:0 0 10px;gap:4px;font-size:11px}.dashboard-work #detail .task-side .dates strong{font-size:12px;padding:6px 3px}.dashboard-work #detail .task-side h3{font-size:12px;margin:10px 0 7px}.dashboard-work #detail .task-side .assignment{padding:5px;margin-bottom:6px;gap:4px}.dashboard-work #detail .task-side .assignment span{padding:4px;font-size:11px}.dashboard-work #detail .task-side .assignment select{padding:4px 2px;font-size:11px}.dashboard-work #detail .task-description .body{padding:10px;border-radius:16px;min-height:350px;font-size:13px;line-height:1.4}.dashboard-work #detail .task-files{grid-column:auto}.dashboard-work #detail .task-files .attachments{display:block}.dashboard-work #detail .task-files .attachment-row{min-height:84px;padding:9px 6px;font-size:12px}.dashboard-work #detail .task-files h3{font-size:12px}.dashboard-work #detail .task-files label,.dashboard-work #detail .task-files .upload-note,.dashboard-work #detail .task-files summary{font-size:11px}.dashboard-work #detail .task-files input{font-size:10px;padding:5px 2px}.dashboard-work #detail .task-files button{font-size:11px;padding:4px;max-width:100%;overflow-wrap:anywhere}.dashboard-work #detail .task-footer{gap:8px;padding-top:8px}.dashboard-work #detail .task-footer .rating{margin:0}.dashboard-work #detail>.attachments{margin-top:10px}.dashboard-work #detail>.attachments h3,.dashboard-work #detail>h3{font-size:13px;margin:10px 0 6px}.dashboard-work #detail .history{margin-top:12px}
@container(max-width:400px){.dashboard-work #detail .task-core{grid-template-columns:minmax(95px,30%) minmax(0,1fr)}.dashboard-work #detail .task-files{grid-column:1/-1}.dashboard-work #detail .task-files .attachments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dashboard-work #detail .task-description .body{min-height:260px}}
@container(max-width:330px){.dashboard-work #detail .task-core{grid-template-columns:minmax(0,1fr)}.dashboard-work #detail .task-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dashboard-work #detail .task-side h3,.dashboard-work #detail .task-side .assignment{grid-column:1/-1}.dashboard-work #detail .task-files .attachments{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-work #detail .task-description .body{min-height:220px}.dashboard-work #detail .task-side select{min-height:40px}.dashboard-work #detail #edit{min-height:40px}}