.studio-final-panel{margin-top:26px;background:white;border:1px solid #d5d9cd;border-radius:9px;overflow:hidden}.studio-final-panel>.section-heading{margin:0;padding:20px 24px;background:#30392f;color:white;border-left:4px solid #a7b296;display:flex;justify-content:space-between;align-items:center;gap:16px}.studio-final-panel>.section-heading h2{margin:0;font-size:20px}.studio-final-body{padding:22px}.studio-final-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}.studio-final-card{border:1px solid #d5d9cd;border-radius:8px;overflow:hidden;background:white;min-width:0}.studio-final-card img{width:100%;aspect-ratio:16/10;object-fit:contain;display:block;background:#f3f3ee}.studio-final-card>div{padding:15px;display:grid;gap:10px}.studio-final-card strong{font-size:13px;overflow-wrap:anywhere}.studio-final-card small{font-size:11px;color:#73746b}.studio-final-actions{display:flex;gap:10px}.studio-final-actions a{padding:9px 12px;border:1px solid #d5d9cd;border-radius:4px;background:#f6f5f0;font-size:12px;color:#30392f;text-decoration:none}@media(max-width:640px){.studio-final-body{padding:16px}.studio-final-panel>.section-heading{padding:16px}.studio-final-panel>.section-heading h2{font-size:17px}}
/* Match the document cards throughout the project backoffice. */
.studio-final-grid{display:grid;grid-template-columns:1fr;gap:12px}
.studio-final-card{display:flex;align-items:center;gap:18px;padding:10px 20px;border:1px solid #d5d9cd;border-left:4px solid #82916e;border-radius:8px;background:#fff;min-width:0;box-shadow:0 3px 12px #30382f09}
.studio-final-card>a{display:block;flex:0 0 88px}
.studio-final-card img{display:block;width:88px;height:66px;aspect-ratio:auto;object-fit:cover;border-radius:4px;background:#f3f3ee}
.studio-final-card>div{padding:0;display:flex;flex:1;min-width:0;flex-direction:column;gap:10px}
.studio-final-card strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.studio-final-card small{font-size:12px;color:#73746b;line-height:1.6}
.studio-final-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.studio-final-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;padding:10px 12px;border:1px solid #d9ddcf;border-radius:4px;background:#f3f4ef;font-size:12px;color:#35402e;text-decoration:none;text-align:center}
.studio-final-actions a:first-child{background:#30382f;border-color:#30382f;color:#fff}
.studio-final-actions a:hover{background:#e4e9dc}.studio-final-actions a:first-child:hover{background:#47533e}
@media(max-width:640px){.studio-final-card{align-items:flex-start;flex-direction:column;padding:10px 18px;gap:18px}.studio-final-card>a{flex:0 0 auto}.studio-final-card>div{width:100%}.studio-final-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}

#app-view #studio-final-images .studio-final-actions>a:first-child,#app-view #studio-final-images .studio-final-actions>a:first-child:visited{background:#30382f;border-color:#30382f;color:#fff}#app-view #studio-final-images .studio-final-actions>a:first-child:hover{background:#47533e;border-color:#47533e;color:#fff}

#app-view .file-actions>button.document-delete-action{background:#fae8e5;border:1px solid #dca59e;color:#a82e25}#app-view .file-actions>button.document-delete-action:hover{background:#f4d5d0;border-color:#bb4b40;color:#8d231c}
/* Image rows share the Studio's compact, continuous work list. */
#app-view #files-list>.file-row:has(.thumbnail-button),#app-view .studio-final-card{margin:0;border:0;border-bottom:1px solid #e3e5da;border-radius:0;box-shadow:none;background:#fff;padding:18px;gap:12px}
#app-view .studio-final-grid{gap:0;border:1px solid #e3e5da;border-radius:8px;overflow:hidden}
#app-view #files-list>.file-row:has(.thumbnail-button) .file-info>strong,#app-view .studio-final-card strong{font-size:15px;font-weight:650;line-height:1.4;color:#303e2e}
#app-view #files-list>.file-row:has(.thumbnail-button) .file-info>small,#app-view .studio-final-card small{font-size:11px;color:#74816b;line-height:1.6}
#app-view #files-list>.file-row:has(.thumbnail-button) .file-actions{gap:8px}
#app-view #files-list>.file-row:has(.thumbnail-button) .file-actions>button,#app-view .studio-final-actions>a{font-size:11px;min-height:40px;padding:9px 12px;border-radius:5px}
@media(max-width:700px){
 #app-view #files-list>.file-row:has(.thumbnail-button){display:grid;grid-template-columns:18px 66px minmax(0,1fr);align-items:start;gap:12px}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.bulk-file-choice{grid-column:1;grid-row:1;margin-top:8px}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.thumbnail-button{grid-column:2;grid-row:1;width:66px;min-width:66px;height:50px;padding:0}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.file-info{grid-column:3;grid-row:1;min-width:0;gap:6px}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.file-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;width:100%;padding-top:12px;border-top:1px solid #edf0e7}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.file-actions>button{flex:1 1 auto;width:auto}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.file-actions>.document-delete-action{flex:0 0 auto;margin-left:auto}
 #app-view .studio-final-card{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:start}
 #app-view .studio-final-card>a{grid-column:1;width:66px}
 #app-view .studio-final-card img{width:66px;height:50px}
 #app-view .studio-final-card>div{grid-column:2;gap:6px}
 #app-view .studio-final-actions{display:flex;flex-wrap:wrap;padding-top:12px;margin-top:6px;border-top:1px solid #edf0e7}
 #app-view .studio-final-actions>a{flex:1 1 auto}
}
@media(max-width:700px){
 #app-view #files-list>.file-row:has(.thumbnail-button){grid-template-columns:28px 66px minmax(0,1fr);column-gap:12px}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.bulk-file-choice{position:static;inset:auto;grid-column:1;grid-row:1;align-self:start;display:flex;align-items:center;justify-content:center;width:28px;height:50px;min-width:28px;margin:0;padding:0;cursor:pointer}
 #app-view #files-list>.file-row:has(.thumbnail-button)>.bulk-file-choice>input[type=checkbox]{display:block;box-sizing:border-box;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:#30382f}
}
/* Compact document filters on phones; 16px inputs avoid iOS focus zoom. */
@media(max-width:700px){
 #app-view .workspace .file-toolbar[data-file-toolbar]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px;margin:12px;align-items:end}
 #app-view .file-toolbar[data-file-toolbar]>label{display:flex;flex-direction:column;gap:4px;min-width:0;width:auto;margin:0;font-size:12px;line-height:1.3}
 #app-view .file-toolbar[data-file-toolbar]>label:first-child{grid-column:1/-1}
 #app-view .file-toolbar[data-file-toolbar]>label:nth-child(7){grid-column:1/-1;grid-row:4}
 #app-view .file-toolbar[data-file-toolbar]>button{grid-column:1/-1;grid-row:5;width:100%;min-height:36px;height:auto;margin:0;padding:8px 10px;font-size:12px;white-space:normal}
 #app-view .file-toolbar[data-file-toolbar]>label>input,#app-view .file-toolbar[data-file-toolbar]>label>select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:40px;min-height:40px;margin:0;padding:7px 9px;font-size:16px;line-height:1.2;border-radius:4px}
 #app-view .file-toolbar[data-file-toolbar]>label>input[type=date]{display:block;padding-right:4px}
}
/* A consistent compact mobile menu and filter rhythm across the portal. */
@media(max-width:700px){
 #app-view .workspace .portal-toolbar:not([data-file-toolbar]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;margin-bottom:12px;align-items:end}
 #app-view .workspace .portal-toolbar:not([data-file-toolbar])>label{min-width:0;width:auto;margin:0;font-size:12px;line-height:1.3;display:flex;flex-direction:column;gap:4px}
 #app-view .workspace .portal-toolbar:not([data-file-toolbar])>label:has(input[type=search]),#app-view .workspace .portal-toolbar:not([data-file-toolbar])>.check-label{grid-column:1/-1}
 #app-view .workspace .portal-toolbar:not([data-file-toolbar])>.check-label{flex-direction:row;align-items:center;gap:8px}
 #app-view .workspace .portal-toolbar label>input:not([type=checkbox]),#app-view .workspace .portal-toolbar label>select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;height:38px;min-height:38px;padding:6px 8px;font-size:16px;line-height:1.2}
 #app-view .workspace .portal-toolbar>button{width:100%;min-height:38px;padding:8px 10px;font-size:12px;white-space:normal}
 #app-view .workspace .file-toolbar[data-file-toolbar]{gap:8px 10px;padding:10px;margin:10px}
 #app-view .workspace .file-toolbar[data-file-toolbar]>label{font-size:11px;gap:3px}
 #app-view .workspace .file-toolbar[data-file-toolbar]>label>input,#app-view .workspace .file-toolbar[data-file-toolbar]>label>select{height:38px;min-height:38px;padding:6px 8px}
 #app-view .sidebar>.nav-item{min-height:40px;padding-top:8px;padding-bottom:8px;font-size:13px;line-height:1.3}
 #app-view .sidebar-bottom{gap:8px}
 #app-view .sidebar-bottom button{min-height:36px;padding-top:6px;padding-bottom:6px}
 #app-view .mobile-menu-toggle{min-height:40px;padding:8px 12px;font-size:13px}
 #app-view .project-view-switch{gap:6px;margin-top:10px;margin-bottom:10px}
 #app-view .project-view-switch button{min-height:38px;padding:8px 10px;font-size:12px}
 #app-view .workspace .section-heading,#app-view .workspace .home-section-heading{padding:14px 16px;gap:10px}
 #app-view .workspace .section-heading :is(button,a.secondary){min-height:38px;padding:8px 10px;font-size:12px}
}