/* A full working canvas for a job, with the existing secondary dialogs intact. */
#modal.project-workspace{inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;overflow:hidden;animation:none}
#modal.project-workspace #modal-content{height:100%;display:flex;flex-direction:column}
#modal.project-workspace .modal-head{position:relative;flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:center;gap:18px;padding:14px 28px;background:#fff}
#modal.project-workspace .modal-head h2{font-size:1.25rem;line-height:1.3}
#modal.project-workspace .modal-head p{margin:2px 0 0;font-size:.8rem}
#modal.project-workspace .workspace-title{flex:1;min-width:0}
.workspace-job-meta{display:flex;gap:5px 16px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-top:5px}
#modal.project-workspace .workspace-back{flex-shrink:0;min-height:40px}
#modal.project-workspace .modal-body{flex:1;min-height:0;overflow-y:auto;padding:0 max(24px,calc((100vw - 1440px)/2)) 36px}
#modal.project-workspace .detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:32px;max-width:1440px;margin:0 auto;align-items:start}
#modal.project-workspace .detail-side{position:sticky;top:80px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px}
#modal.project-workspace .detail-section,#modal.project-workspace .overview-job-details{margin-bottom:24px}
.workspace-nav{position:sticky;top:0;z-index:4;padding-top:10px;margin:0 auto 22px;background:var(--mhq-page,#f6f3ee);max-width:1440px}
#modal.project-workspace .workspace-nav .detail-tabs{display:flex;flex-wrap:nowrap;gap:24px;margin:0;overflow-x:auto;border-bottom:1px solid var(--line)}
#modal.project-workspace .workspace-nav .detail-tabs button{flex:0 0 auto;min-height:44px;white-space:nowrap;padding:10px 0 12px;font-size:.875rem}
.workspace-mobile-nav{display:none}
.workspace-artwork>.section-title{margin-bottom:12px;flex-wrap:nowrap;align-items:center}
.workspace-artwork>.section-title>div{flex:1;min-width:0}
.workspace-job-context{margin:0 0 18px;border-bottom:1px solid var(--line);padding:0 0 12px}
.workspace-job-context>summary{cursor:pointer;font-size:.8125rem;color:var(--blue)}
.workspace-job-context>summary small{margin-left:14px;color:var(--muted);font-size:.7rem}
.workspace-job-context .hq-next-step{margin:18px 0 0!important}
.workspace-file-tools-panel{margin:12px 0 16px}
.workspace-file-tools-panel>summary{cursor:pointer;font-size:.8125rem;color:var(--muted)}
.workspace-file-tools-panel>summary span{margin-left:8px;padding:2px 7px;border-radius:4px;background:#e8eef4;font-size:.7rem}
.workspace-upload{margin:0 0 18px}
.workspace-upload>summary{font-size:.8125rem;color:var(--muted);cursor:pointer;padding:4px 0}
.workspace-upload:not([open])>summary{display:none}
.workspace-upload .upload-box{margin:10px 0 0}
.workspace-file-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}
.workspace-file-tools label{font-size:.75rem;flex:1;min-width:180px}
.workspace-file-tools label:nth-child(2){max-width:220px}
.workspace-file-tools [data-workspace-file-count]{font-size:.75rem;color:var(--muted);padding-bottom:12px}
.workspace-artwork .project-file-toolbar{align-items:center;font-size:.75rem;margin-bottom:16px;gap:12px}
.workspace-proof-group{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff;margin-bottom:18px}
.workspace-proof-group>h3{margin:0 0 14px;font-size:.95rem}
.workspace-proof-group>h3 small{margin-left:10px;font-weight:400}
.workspace-proof-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#modal .workspace-file-card{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;margin:0 0 12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;align-items:start}
.workspace-proof-pair .workspace-file-card{margin:0}
#modal .workspace-file-card .project-file-check{position:absolute;top:7px;left:7px;z-index:1;background:#fff;border-radius:4px;padding:2px}
#modal .workspace-file-card .project-file-check input{margin:0;width:17px;height:17px;min-height:17px}
.workspace-file-thumb{display:grid;place-items:center;width:88px;height:96px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#f4f6f9;color:var(--muted);padding:5px}
.workspace-file-thumb img{width:100%;height:100%;max-height:84px;object-fit:contain}
.workspace-file-thumb svg{width:28px;height:28px}
.workspace-file-eyebrow{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.workspace-file-state{display:block;font-size:.72rem;color:var(--muted);margin:5px 0}
.workspace-file-state.approved{color:var(--green)}
.workspace-file-state.changes{color:var(--red)}
.workspace-file-state.pending{color:#85621d}
.workspace-filename{margin-top:6px;font-size:.7rem;color:var(--muted)}
.workspace-filename summary{cursor:pointer}
.workspace-filename small{display:block;overflow-wrap:anywhere;margin-top:4px}
#modal .workspace-file-card .project-file-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
#modal .workspace-file-card .project-file-actions>.icon-btn{width:34px;height:34px}
.workspace-file-more{position:relative;margin-left:auto}
.workspace-file-more>summary,.workspace-bulk-more>summary,.workspace-inline-more>summary{cursor:pointer;list-style:none}
.workspace-file-more>summary::-webkit-details-marker,.workspace-bulk-more>summary::-webkit-details-marker,.workspace-inline-more>summary::-webkit-details-marker{display:none}
.workspace-file-menu{position:absolute;z-index:8;right:0;top:calc(100% + 6px);display:grid;gap:12px;min-width:235px;background:#fff;padding:14px;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #142b4029}
.workspace-file-menu label{font-size:.75rem}
.workspace-file-menu .btn{white-space:normal;text-align:left;justify-content:flex-start}
.workspace-bulk-more{position:relative;margin-left:auto}
.workspace-bulk-more[open]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.workspace-inline-more{display:inline-block;margin-left:8px;vertical-align:middle}
.workspace-inline-more[open]{display:inline-flex;gap:8px;flex-wrap:wrap}
.workspace-file-history{margin-top:14px}
.workspace-file-history>summary{cursor:pointer;font-size:.8125rem;color:var(--muted);margin-bottom:12px}
.workspace-other-files>h3{margin:20px 0 12px}
.workspace-notes>form{padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px}
.workspace-activity{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}
.workspace-activity>summary,.workspace-activity-group>summary{display:flex;align-items:center;gap:16px;justify-content:space-between;cursor:pointer;font-size:.875rem}
.workspace-activity>summary{font-weight:600}
.workspace-activity summary span{font-size:.75rem;color:var(--muted);font-weight:400}
.workspace-activity>.hint{margin-top:12px}
.workspace-activity-group{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.workspace-page-actions{display:flex;flex-wrap:wrap;gap:8px}
[data-workspace-file][hidden],[data-workspace-file-group][hidden],[data-workspace-file-empty][hidden]{display:none!important}
@media(min-width:1600px){#modal.project-workspace .modal-head{padding-left:max(28px,calc((100vw - 1500px)/2));padding-right:max(28px,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.workspace-proof-pair{grid-template-columns:1fr}#modal.project-workspace .detail-layout{gap:22px;grid-template-columns:minmax(0,1fr) 220px}.workspace-nav .detail-tabs{gap:18px}}
@media(max-width:780px){
 #modal.project-workspace .modal-head{padding:10px 14px;gap:10px;align-items:flex-start}
 #modal.project-workspace .modal-head>.workspace-back{order:0;align-self:center;font-size:0;width:34px;height:36px;min-height:36px;padding:0;border:0}
 #modal.project-workspace .modal-head>.workspace-back::before{content:'←';font-size:1.3rem}
 #modal.project-workspace .modal-head>.workspace-title{order:1;flex:1 1 auto}
 #modal.project-workspace .modal-head>.icon-btn{order:2;width:34px;height:34px;margin:0}
 #modal.project-workspace .modal-head h2{font-size:1rem;line-height:1.3}
 #modal.project-workspace .modal-head p{font-size:.72rem}
 .workspace-job-meta{font-size:.68rem;gap:2px 10px;margin-top:4px}
 .workspace-job-meta span:last-child{display:none}
 #modal.project-workspace .modal-body{padding:0 14px 24px}
 #modal.project-workspace .detail-layout{display:flex;flex-direction:column;gap:16px}
 #modal.project-workspace .detail-layout>div{width:100%}
 #modal.project-workspace .detail-side{display:none;position:static;width:100%;order:-1;padding:14px}
 #modal.project-workspace.workspace-show-facts .detail-side{display:block}
 #modal.project-workspace .workspace-nav .detail-tabs{display:none}
 .workspace-nav{padding:10px 0;margin-bottom:14px}
 .workspace-mobile-nav{display:flex;gap:10px;align-items:end}
 .workspace-section-label{flex:1;min-width:0;font-size:0;gap:0}
 .workspace-section-label select{font-size:.875rem;min-height:40px;height:40px;padding:7px 10px}
 .workspace-mobile-nav .btn{height:40px}
 #modal.project-workspace .detail-section,#modal.project-workspace .overview-job-details{margin-bottom:18px}
 #modal.project-workspace .hq-next-step>.toolbar{display:flex;gap:8px}
 #modal.project-workspace .hq-next-step>.toolbar>.btn,#modal.project-workspace .hq-next-step>.toolbar>details,#modal.project-workspace .hq-next-step>.toolbar>details>summary{width:auto;min-height:36px;padding:5px 10px}
 #modal.project-workspace .hq-next-step .section-title{gap:10px}
 #modal.project-workspace .hq-next-step h3{font-size:.9rem}
 .workspace-file-tools{gap:10px}
 .workspace-file-tools label{min-width:0;flex:1 1 45%}
 .workspace-file-tools input,.workspace-file-tools select{font-size:16px}
 .workspace-file-tools [data-workspace-file-count]{flex-basis:100%;padding:0}
 .workspace-proof-group{padding:12px}
 .workspace-proof-group>h3 small{display:block;margin:3px 0 0}
 #modal .workspace-file-card{grid-template-columns:70px minmax(0,1fr);padding:11px;gap:10px}
 .workspace-file-thumb{width:70px;height:82px}
 .workspace-file-thumb img{max-height:70px}
 .workspace-activity>summary,.workspace-activity-group>summary{flex-wrap:wrap;gap:4px}
 .workspace-activity{padding:14px}
}