/* Full-width workspaces; bounded components, not an arbitrary page-width cap. */
.sitemap-review{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;background:var(--surface);color:var(--ink)}
.sitemap-review>header{display:flex;gap:20px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);flex:none}
.sitemap-review>header p{flex:1;font-size:12px;color:var(--muted);margin:0}
.sitemap-review-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
body:has(.sitemap-review) .ai-transfer-tray,body:has(.sitemap-review) [aria-label="KI-Übergabefach"],body:has(.sitemap-review) [aria-label="AI transfer tray"]{visibility:hidden}
.sitemap-review button[aria-pressed=true]{background:var(--accent-soft,#eaf2ff);color:var(--accent,#0866ff);border-color:var(--accent,#0866ff)}
.sitemap-review article>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-top:1px solid var(--line)}
.sitemap-review article>header>div{display:flex;gap:8px;flex-wrap:wrap}
.review-image-frame{position:relative;width:100%}.review-image-frame>img{display:block;width:100%;height:auto;object-fit:contain}.review-image-frame>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.review-image-frame>svg.drawing{pointer-events:auto;touch-action:none;cursor:crosshair}
.review-empty{padding:48px 24px;color:var(--muted);background:var(--surface-muted)}
@media(max-width:700px){.sitemap-review>header p{display:none}.sitemap-review article>header{align-items:flex-start;flex-direction:column}.sitemap-review button{font-size:12px;padding:8px}}
html.pd-vnext body .main-content .asset-image[data-cover-fit=contain]{background-size:contain!important;object-fit:contain!important;background-repeat:no-repeat!important;background-position:center!important}
html.pd-vnext body .main-content .asset-image[data-cover-fit=cover]{background-size:cover!important;object-fit:cover!important;background-position:center!important}
html.pd-vnext body .main-content .portfolio-grid-page{max-width:none!important;width:100%;margin:0;padding:24px;box-sizing:border-box}
html.pd-vnext body #cloudSaveStatus{width:auto!important;flex:0 0 auto!important;padding:0 10px!important;max-width:150px;display:flex;gap:6px;color:var(--muted);border-color:var(--line);background:transparent;box-shadow:none;animation:none}
#cloudSaveStatus span{font-size:11px;white-space:nowrap}
html.pd-vnext body .dock-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px;align-content:start;margin:0!important}
html.pd-vnext body .dock-dashboard>.dock-recommended{grid-column:1/-1;margin:0;max-width:900px}
html.pd-vnext body .dock-dashboard>:is(.dock-project-hero,.dock-today,.clarity-secondary,.production-next-step){grid-column:1/-1;width:100%;margin:0}
html.pd-vnext body .dock-dashboard>:is(.clarity-context,.clarity-next,.clarity-pending){margin:0;min-width:0;padding:24px}
html.pd-vnext body .dock-project-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:24px}
html.pd-vnext body .dock-project-summary{display:flex;align-items:center;gap:20px;flex:1;min-width:280px;max-width:700px;margin:0}
html.pd-vnext body .dock-project-summary>:is(.dock-cover,.collab-image-anchor,.dock-project-monogram){width:64px!important;height:64px!important;min-width:64px;flex:none}
html.pd-vnext body .dock-project-summary .asset-image{width:64px!important;height:64px!important}
html.pd-vnext body .dock-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(110px,160px));gap:12px;flex:none;max-width:100%}
.ts-inspector.with-ideas .task-ideas{margin:0 0 20px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.ts-inspector.with-ideas .task-ideas>header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.ts-inspector.with-ideas .task-ideas>button{display:flex;width:100%;justify-content:space-between;margin-top:8px;white-space:normal;text-align:left}
html.pd-vnext body .image-viewer-dialog.has-image-details .sync-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr) auto;gap:16px}
.has-image-details .sm-image-stage{grid-column:1;grid-row:1;height:100%}
.has-image-details .sm-image-toolbar{grid-column:1/-1;grid-row:2}
.portfolio-image-details{grid-column:2;grid-row:1;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--line);border-radius:10px}
.portfolio-image-details label{display:grid;gap:8px;font-size:13px;font-weight:600}
.portfolio-image-details :is(input,textarea){width:100%;box-sizing:border-box}
.portfolio-image-details p,.portfolio-image-details small{font-size:12px;color:var(--muted);line-height:1.5;margin:0;overflow-wrap:anywhere}
.portfolio-image-details h3{margin:0}.portfolio-image-details output{font-weight:400;color:var(--muted)}
.portfolio-folder-move{font-size:11px;color:var(--muted)}
html.pd-vnext body .pd-portfolio-readiness:has(>span){display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-start;font-size:12px;padding:12px 0}
html.pd-vnext body .pd-portfolio-project-row:has(.pd-portfolio-readiness>span){display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:16px}
html.pd-vnext body .pd-portfolio-project-row:has(.pd-portfolio-readiness>span) .pd-portfolio-project-name{flex:1;max-width:700px;min-width:220px;justify-content:flex-start;text-align:left}
@media(max-width:1100px){html.pd-vnext body .dock-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}html.pd-vnext body .dock-dashboard>.clarity-next{grid-column:1/-1}html.pd-vnext body .dock-hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}}
@media(max-width:700px){html.pd-vnext body .dock-dashboard{grid-template-columns:minmax(0,1fr);padding:12px}html.pd-vnext body .dock-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html.pd-vnext body .image-viewer-dialog.has-image-details .sync-dialog-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) auto minmax(120px,.7fr)}.has-image-details .sm-image-toolbar{grid-row:2}.portfolio-image-details{grid-column:1;grid-row:3;padding:12px}#cloudSaveStatus span{display:none}}
html.pd-vnext body .main-content :is(.dock-dashboard,.pd-portfolio-studio,.ds-studio,.reference-ideas,.three-column,.sitemap-page,.ts-workspace,.focus-studio,.pd-seo-workspace,.growth-workspace){max-width:none!important;width:100%;box-sizing:border-box}
html.pd-vnext body .main-content>.sitemap-workbench{max-width:none!important}
html.pd-vnext body :is(.portfolio-detail-tabs,.pd-portfolio-tabs,.section-inspector-tabs) button{border-radius:0!important}
html.pd-vnext body .prompt-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:0;width:100%;max-width:none;min-height:0}
html.pd-vnext body .prompt-layout>.column{grid-row:1!important;min-width:0;overflow:auto}
html.pd-vnext body .prompt-layout>.column:first-child{grid-column:1!important}
html.pd-vnext body .prompt-layout>section.column{grid-column:2!important}
html.pd-vnext body .prompt-layout .category-row{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px}
html.pd-vnext body .prompt-layout .category-main{display:flex!important;flex:1;min-width:0;align-items:center;gap:12px;padding:10px!important;text-align:left;white-space:normal;height:auto}
html.pd-vnext body .prompt-layout .category-main>span{min-width:0;flex:1}
html.pd-vnext body .prompt-layout .category-main .row-title{white-space:normal;overflow-wrap:anywhere;line-height:1.4;font-size:13px}
html.pd-vnext body .prompt-layout .category-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;font-size:20px;border-radius:7px;background:var(--surface-soft)}
html.pd-vnext body .prompt-layout .category-row{position:relative}
html.pd-vnext body .prompt-layout .category-row>.icon-button{position:absolute;right:0;top:0;min-width:24px!important;width:24px!important;height:24px;opacity:0;background:var(--surface)}
html.pd-vnext body .prompt-layout>.column:first-child>.column-inner{padding:16px 10px}
html.pd-vnext body .prompt-layout .category-main{padding:10px 6px!important}
html.pd-vnext body .prompt-layout .category-row:hover>.icon-button,html.pd-vnext body .prompt-layout .category-row:focus-within>.icon-button{opacity:1}
html.pd-vnext body .prompt-layout .prompt-hub-links{position:static;margin-top:24px}
html.pd-vnext body .prompt-layout .prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),320px))!important;gap:16px;align-content:start;justify-content:start}
html.pd-vnext body .prompt-layout .prompt-card{min-width:0;width:100%;text-align:left;overflow:hidden}
.prompt-detail-dialog{width:min(900px,calc(100vw - 32px));height:calc(100dvh - 40px);max-height:none;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}
.prompt-detail-dialog::backdrop{background:#0d192a66}
.prompt-detail-dialog[open]{display:flex;flex-direction:column;gap:12px}
.prompt-detail-close{align-self:flex-end;flex:none}
html.pd-vnext body .prompt-detail-dialog .preview-pane{display:block!important;overflow:auto;min-height:0;width:100%;max-width:none;border:0}
.sitemap-editor-dialog [role=tabpanel]{padding:20px}
.sitemap-workbench .sitemap-canvas{container-type:inline-size}
@container(min-width:1150px){html.pd-vnext .sitemap-workbench [data-presentation=preview] .sitemap-section-card{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.sitemap-workbench [data-presentation=preview] .reference-parallel-concept{display:block!important;grid-column:2;grid-row:3}.sitemap-workbench [data-presentation=preview] .sitemap-wireframe{grid-column:1;grid-row:3}.sitemap-workbench [data-presentation=preview] .sitemap-section-heading,.sitemap-workbench [data-presentation=preview] .production-section-meta{grid-column:1/-1}}
@media(max-width:800px){html.pd-vnext body .prompt-layout{grid-template-columns:minmax(0,1fr)!important;overflow:auto}html.pd-vnext body .prompt-layout>.column:first-child{grid-column:1!important;grid-row:1!important;max-height:220px}html.pd-vnext body .prompt-layout>section.column{grid-column:1!important;grid-row:2!important;overflow:visible}.prompt-layout .category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-layout .prompt-hub-links{display:none}}
.growth-gpt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:20px 0}.growth-gpt-grid article{background:var(--panel,#fff);border:1px solid var(--line,#e4e8ed);border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.growth-gpt-grid article>i{font-size:28px;color:var(--accent,#0866ff)}.growth-gpt-grid h3,.growth-gpt-grid p{margin:0}.growth-gpt-grid p{color:var(--muted,#64748b);max-width:38ch;flex:1}.growth-gpt-grid button{margin-top:6px}
html.pd-vnext body .portfolio-project-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),280px));justify-content:start}
html.pd-vnext body .portfolio-project-tile>.asset-image{display:block!important;width:100%!important;height:110px!important;min-height:110px!important;flex:none!important;background-size:cover!important;background-position:center!important}
html.pd-vnext body .portfolio-project-tile[data-cover-fit=contain]>.asset-image{background-size:contain!important}
html.pd-vnext body .logo-variant-grid .asset-image{width:100%!important;height:120px!important;min-width:0!important;background-size:contain!important;background-position:center!important}
html.pd-vnext body .image-viewer-dialog.has-image-details .sm-image-stage{background:var(--surface-soft,#f7f9fc);max-height:70vh;align-self:center}
html.pd-vnext body .image-viewer-dialog.has-image-details .sm-image-stage[data-mode=fit] img{max-width:min(100%,1240px)!important;max-height:70vh!important;object-fit:contain!important}
.portfolio-image-details select{width:100%;box-sizing:border-box}.portfolio-image-details{border:0;border-left:1px solid var(--line);border-radius:0}
.material-complete{display:flex;align-items:center;gap:8px;font-size:13px}.material-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));gap:12px}.material-archive-grid .asset-image{display:block;width:100%;height:120px}.material-archive-grid small{display:block;overflow-wrap:anywhere}.material-context-menu{position:fixed;z-index:100000;background:var(--surface,#fff);color:var(--ink,#14233c);border:1px solid var(--line,#ddd);box-shadow:0 8px 24px #0002;border-radius:8px;padding:6px;display:grid;min-width:210px}.material-context-menu button{text-align:left;border:0;background:transparent;padding:10px;color:inherit}.material-context-menu button:hover,.material-context-menu button:focus{background:var(--surface-soft,#eef4ff)}
.material-view-controls{display:flex;gap:12px;margin:12px 0;justify-content:space-between}.material-view-controls select{width:auto!important;max-width:180px}.material-grouped{display:flex!important;flex-direction:column;gap:16px}.material-collection{border:1px solid var(--line,#d7e1ee);border-radius:8px;padding:12px}.material-collection>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.material-collection-grid,.portfolio-image-grid:not(.material-grouped){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(var(--material-size,180px),100%),var(--material-size,180px)))!important;gap:12px;justify-content:start}.material-collection .portfolio-image-card{min-width:0;content-visibility:auto;contain-intrinsic-size:auto 220px}.material-collection .asset-image{height:120px!important;min-height:120px!important}
.material-full-grid{width:calc(100vw - 24px)!important;max-width:none!important;height:calc(100dvh - 24px);max-height:none!important;display:flex;flex-direction:column;overflow:hidden}.material-grid-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex:none;margin-bottom:16px}.material-virtual-viewport{overflow:auto;position:relative;flex:1;min-height:100px}.material-virtual-canvas{position:relative}.material-virtual-card{height:178px;min-width:0}.material-virtual-card label{display:block;position:relative}.material-virtual-card input{position:absolute;z-index:1;top:8px;left:8px}.material-virtual-card .asset-image{display:block;width:100%;height:130px;border-radius:6px;background:var(--surface-soft,#eef3f9)}.material-virtual-card>button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:8px 0;font-size:12px}
.material-upload-dialog{max-height:90dvh!important;overflow:auto}.material-upload-dialog>header{position:sticky;top:0;z-index:3;background:var(--surface,#fff)}.material-upload-actions{position:sticky;bottom:-1px;z-index:3;display:flex;align-items:center;gap:12px;background:var(--surface,#fff);padding:16px;border-top:1px solid var(--line)}.material-upload-dialog fieldset{margin-bottom:16px}.material-upload-dialog fieldset .asset-image{display:block;width:180px;height:120px;background-size:contain!important}
.sitemap-review-scroll>article{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:0 0 32px;padding:24px}.sitemap-review-scroll>article>header{grid-column:1/-1}.sitemap-review .review-image-frame{position:relative;max-width:100%;width:fit-content!important;height:fit-content;margin:auto;align-self:start}.sitemap-review .review-image-frame>img{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,1240px)!important;max-height:70vh!important;object-fit:contain}.review-section-sidebar{display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--line,#ddd);padding-left:24px;min-width:0}.review-section-sidebar h3,.review-section-sidebar p{margin:0}.review-section-sidebar p{font-size:13px;color:var(--muted)}.review-section-sidebar label{display:grid;gap:8px}.review-section-sidebar textarea{width:100%;box-sizing:border-box}.review-tools{display:flex;gap:8px;flex-wrap:wrap}.review-note-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:12px}
@media(max-width:800px){.sitemap-review-scroll>article{grid-template-columns:minmax(0,1fr);padding:12px}.review-section-sidebar{border-left:0;border-top:1px solid var(--line);padding:16px 0}.sitemap-review-scroll>article>header{grid-column:1}}
.growth-workspace{min-height:0!important;height:100%;overflow:auto}.growth-page-heading,.growth-tabs{flex-shrink:0}.growth-tabs{overflow-x:auto;min-height:48px;align-items:center}
@media(max-width:700px){.portfolio-image-details{border-left:0;border-top:1px solid var(--line)}html.pd-vnext body .portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.portfolio-local-files{padding:18px;border:1px solid var(--line);border-radius:10px;margin-top:16px}.portfolio-local-files>p{font-size:12px;color:var(--muted)}.material-file-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.material-file-area{border:1px dashed var(--line);border-radius:10px;padding:16px;min-width:0}.material-file-area>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.material-file-area p,.material-file-area output{font-size:12px;color:var(--muted)}.material-file-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,240px));gap:10px}.material-file-cards article{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.material-file-cards strong{overflow-wrap:anywhere;font-size:12px}.material-file-cards i{font-size:28px;color:var(--accent)}
.ts-task-line{grid-template-columns:24px minmax(140px,1fr) 125px 63px 68px 95px 24px 24px}.pd-portfolio-hero>.secondary-button{align-self:center;justify-self:end;height:auto;min-height:36px;max-width:240px}.pd-portfolio-studio:has([data-portfolio-overview])>.pd-portfolio-hero{display:none}#shortcutBar{max-width:100%;overflow-x:auto}
@media(max-width:1400px){.ts-task-line{grid-template-columns:22px minmax(120px,1fr) 90px 55px 55px 24px 24px}}@media(max-width:800px){.material-file-areas{grid-template-columns:1fr}}@media(max-width:650px){.ts-task-line{grid-template-columns:22px minmax(100px,1fr) 56px 24px 24px}}
.material-grid-drop-target{border:1px dashed var(--accent);color:var(--accent);background:var(--accent-soft);text-align:center;padding:10px;border-radius:8px;margin-bottom:12px;font-size:12px}.material-grid-drop-target.drag-active{outline:2px solid var(--accent)}
.sitemap-review .review-image-frame,.sitemap-review .review-empty{grid-column:1;grid-row:2}.review-section-sidebar{grid-column:2;grid-row:2}.review-section-sidebar h4{margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.review-note-list p{padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--text)}.review-tools button{min-height:36px}.review-section-sidebar>[data-review-comment]{margin-top:auto}
@media(max-width:800px){.review-section-sidebar{grid-column:1;grid-row:3}.sitemap-review .review-image-frame,.sitemap-review .review-empty{grid-column:1;grid-row:2}}
html.pd-vnext body .pd-portfolio-studio .portfolio-image-card>button.asset-image{height:120px!important;min-height:120px!important;overflow:hidden}
html.pd-vnext body .pd-portfolio-studio .portfolio-image-card>button.asset-image>img{height:100%!important;width:100%!important;object-fit:cover!important}
html.pd-vnext body .portfolio-card-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
html.pd-vnext body .portfolio-card-actions .icon-button{position:static;flex:none}
html.pd-vnext body .portfolio-card-actions .primary-button{flex:1;font-size:11px;padding:4px 6px}
.portfolio-image-details>button[type=submit]{position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 12px var(--surface,#fff);flex:none}
html.pd-vnext body .pd-portfolio-studio :is(.portfolio-image-card,.material-collection)[hidden]{display:none!important}
@media(max-width:700px){html.pd-vnext body .reference-view-header{display:flex;flex-wrap:wrap;padding:14px;gap:10px}html.pd-vnext body .reference-view-header>.heading-actions{flex:0 0 100%;width:100%;max-width:none;justify-content:flex-start;order:4}html.pd-vnext body .reference-view-header h1{font-size:24px;word-break:normal;overflow-wrap:normal}html.pd-vnext body .reference-view-header>i.ph{flex-basis:36px;width:36px;height:36px}.material-view-controls{flex-wrap:wrap}}
/* Shared desktop/web tray: one packet, readable references, one active step. */
.handoff-tray:not(.collapsed){width:min(420px,calc(100vw - 24px))}
.handoff-tray .handoff-items{max-height:min(540px,calc(100dvh - 220px));gap:12px;padding:12px;overscroll-behavior:contain;overflow-anchor:none}
.handoff-tray .handoff-packet{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface,#fff)}
.handoff-tray .handoff-packet.is-latest{border:2px solid var(--accent,#0866ff)}
.handoff-tray .handoff-packet-heading{padding:12px;display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--line)}
.handoff-tray .handoff-packet-heading strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.handoff-tray .handoff-current-label{font-size:10px;white-space:nowrap;background:var(--accent-soft,#edf4ff);color:var(--accent,#0866ff);padding:4px 7px;border-radius:5px}
.handoff-tray .handoff-packet .handoff-item{border:0;border-radius:0;border-bottom:1px solid var(--line);box-shadow:none;grid-template-columns:22px 22px minmax(0,1fr);padding:12px;background:transparent}
.handoff-tray .handoff-packet .handoff-item:last-child{border-bottom:0}
.handoff-tray .handoff-packet .handoff-item.has-reference{grid-template-columns:22px 72px minmax(0,1fr)}
.handoff-tray .handoff-packet .handoff-thumb{width:72px;height:56px;border-radius:6px}
.handoff-tray .handoff-packet .handoff-thumb img{object-fit:contain;width:100%;height:100%}
.handoff-tray .handoff-packet .has-been-copied:not(.is-current-step){background:var(--surface-soft,#f6f8fb);color:var(--muted,#64748b)}
.handoff-tray .handoff-packet .is-current-step{background:var(--accent-soft,#edf4ff);box-shadow:inset 3px 0 var(--accent,#0866ff)}
.handoff-tray .is-current-step .handoff-index{background:var(--accent,#0866ff);color:#fff}
.handoff-tray .is-current-step .handoff-copy>strong{color:var(--accent,#0866ff)}
.handoff-tray .handoff-return-zone{min-height:60px}
@media(max-width:480px){.handoff-tray .handoff-packet-heading{flex-wrap:wrap}.handoff-tray .handoff-current-label{white-space:normal}}
.portfolio-card-actions [data-action="approve-portfolio-asset"].approved{color:#15803d;background:#dcfce7;border-color:#86efac}