.assignment-board-trigger{display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 8px;border:1px solid #59616c;border-radius:8px;background:#252525;color:#d1d5db;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}
.assignment-board-trigger:hover,.assignment-board-trigger:focus-visible{background:#333;outline:2px solid #9ca3af;outline-offset:1px}
.assignment-board-preview-review{height:40px;padding:0 14px;border:1px solid #a78bfa;border-radius:12px;background:#6d28d9;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.assignment-board-preview-review:hover,.assignment-board-preview-review:focus-visible{background:#7c3aed;outline:2px solid #c4b5fd;outline-offset:2px}
#image-preview-actions.assignment-board-preview-mode>button:not(.assignment-board-preview-review):not(.board-preview-notes-toggle){display:none}
#image-preview-actions.assignment-board-preview-no-review:not(:has(.board-preview-notes-toggle)){display:none}
body.assignment-board-open{overflow:hidden}
.assignment-image-board{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;background:#202020;color:#f3f4f6}
.assignment-board-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #555;background:#303030}
.assignment-board-title{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}
.assignment-board-title strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assignment-board-title small{color:#aeb2b9;font-size:11px}
.assignment-board-stage-select,.assignment-board-category-select{min-width:130px;max-width:240px;height:36px;padding:0 12px;border:1px solid #646b75;border-radius:8px;background:#292929;color:#f3f4f6;font-size:13px;font-weight:700}
.assignment-board-controls{display:flex;align-items:center;gap:6px;flex:none}
.assignment-board-controls button{min-width:32px;height:32px;padding:0 8px;border:1px solid #646b75;border-radius:7px;background:#292929;color:#f3f4f6;font-weight:700}
.assignment-board-controls button:hover{background:#404040}
.assignment-board-controls span{min-width:44px;text-align:center;font-size:12px}
.assignment-board-controls .assignment-board-close{margin-left:9px}
.assignment-board-viewport{position:relative;flex:1;min-height:0;overflow:hidden;overscroll-behavior:contain;touch-action:none;cursor:grab;background:#202020}
.assignment-board-viewport:active{cursor:grabbing}
.assignment-board-viewport:focus-visible{outline:2px solid #aeb2b9;outline-offset:-2px}
.assignment-board-position{position:absolute;top:0;left:0}
.assignment-board-canvas{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:flex-start;gap:20px;width:max-content;padding:24px;transform-origin:top left}
.assignment-board-image{cursor:pointer}
.assignment-board-lane{display:flex;flex-direction:column;flex:none;width:730px;border:1px solid #5a5a5a;border-radius:13px;background:#303030;box-shadow:0 10px 28px #0005;overflow:hidden}
.assignment-board-lane-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#3a3a3a;border-bottom:1px solid #5a5a5a;overflow-wrap:anywhere;font-weight:700;font-size:16px}
.assignment-board-assignment-thumbnail{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;overflow:hidden;border:1px solid #686868;border-radius:7px;background:#252525;color:#b8bdc5;font-size:24px}
.assignment-board-assignment-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.assignment-board-assignment-name{flex:1;min-width:0;overflow-wrap:anywhere}
.assignment-board-status{flex:none;padding:5px 9px;border:1px solid #757575;border-radius:99px;background:#454545;color:#e5e7eb;font-size:11px;line-height:1.1;text-transform:uppercase}
.assignment-board-status.status-approved{border-color:#4ba680;background:#1c5543;color:#b6f4d3}
.assignment-board-status.status-client_approved,.assignment-board-status.status-uploaded,.assignment-board-status.status-published{border-color:#bd8745;background:#574125;color:#ffe2a9}
.assignment-board-status.status-wip{border-color:#d4b74c;background:#54471e;color:#fff1a8}
.assignment-board-status.status-retake{border-color:#c76969;background:#5d3037;color:#ffc2c2}
.assignment-board-grid-head,.assignment-board-version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 14px}
.assignment-board-version-grid.is-input{grid-template-columns:minmax(0,1fr)}
.assignment-board-version-grid.is-input .assignment-board-gallery.is-multiple{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.assignment-board-grid-head{padding-bottom:5px;color:#d1d5db;font-size:11px;font-weight:700;text-transform:uppercase}
.assignment-board-version{border-top:1px solid #555;padding-bottom:8px}
.assignment-board-version-label{padding:12px 14px 0;color:#f3f4f6;font-size:13px;font-weight:700}
.assignment-board-cell{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:126px;padding:7px;border:1px solid #555;border-radius:8px;background:#252525}
.assignment-board-cell-empty{align-self:center;margin:auto;color:#9499a1}
.assignment-board-media-count{align-self:flex-start;padding:3px 6px;border-radius:5px;background:#414141;color:#e5e7eb;font-size:10px;font-weight:700}
.assignment-board-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-content:start}
.assignment-board-gallery.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}
.assignment-board-image{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;padding:4px;border:1px solid #606060;border-radius:7px;background:#1d1d1d;color:#f3f4f6;text-align:left}
.assignment-board-image:hover,.assignment-board-image:focus-visible{border-color:#aeb2b9;outline:2px solid #aeb2b9}
.assignment-board-image img,.assignment-board-video-thumb{display:block;width:100%;height:115px;object-fit:contain;border-radius:4px;background:#151515}
.assignment-board-gallery.is-multiple .assignment-board-image img,.assignment-board-gallery.is-multiple .assignment-board-video-thumb{height:72px}
.assignment-board-video-thumb{display:flex;align-items:center;justify-content:center;background:#343434;color:#e5e7eb;font-size:16px;font-weight:700}
.assignment-board-image-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#b8bdc5}
.assignment-board-retake{padding:10px;border:1px solid #a44747;border-left:4px solid #e06a6a;border-radius:7px;background:#432a31;color:#ffe4e4;overflow-wrap:anywhere}
.assignment-board-retake strong{display:block;font-size:10px;color:#ffadad;text-transform:uppercase}
.assignment-board-retake p{margin:4px 0 0;white-space:pre-wrap;font-size:11px;line-height:1.4}
.assignment-board-retake small{display:block;margin-top:5px;color:#d6a6a6;font-size:9px}
.assignment-board-empty{padding:12px;color:#aeb2b9;font-size:13px}
@media(max-width:640px){.assignment-board-header{padding:9px;flex-wrap:wrap;gap:6px}.assignment-board-title{flex-basis:100%}.assignment-board-title strong{font-size:13px}.assignment-board-title small{font-size:9px}.assignment-board-stage-select{flex:1;min-width:100px;max-width:none;height:31px}.assignment-board-controls{gap:3px}.assignment-board-controls button{min-width:27px;height:29px;padding:0 5px}.assignment-board-controls span{min-width:36px;font-size:10px}.assignment-board-canvas{padding:14px;gap:13px}.assignment-board-lane{width:630px}.assignment-board-lane-title{padding:8px 10px;font-size:13px}.assignment-board-assignment-thumbnail{width:38px;height:38px}.assignment-board-status{font-size:10px}.assignment-board-grid-head,.assignment-board-version-grid{gap:6px;padding-left:7px;padding-right:7px}.assignment-board-cell{padding:4px;min-height:104px}.assignment-board-image img,.assignment-board-video-thumb{height:90px}.assignment-board-gallery.is-multiple .assignment-board-image img,.assignment-board-gallery.is-multiple .assignment-board-video-thumb{height:62px}.assignment-board-retake{padding:7px}.assignment-board-retake p{font-size:11px}.assignment-board-trigger{width:29px;height:29px;padding:0;justify-content:center;font-size:16px}.assignment-board-trigger span{display:none}.assignment-identity-stack-mobile .assignment-identity-topline{gap:4px}}
@media(max-width:640px){.assignment-board-title small,.assignment-board-controls .assignment-board-zoom-control{display:none}}
@media(max-width:640px){.assignment-board-retake p{font-size:10px}}
@media(max-width:640px){.assignment-board-category-select{flex:1;min-width:100px;max-width:none;height:31px}}
@media(max-width:760px){.assignment-board-assignee-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.assignment-board-assignee-content{flex:1 1 auto;min-width:0}.assignment-board-assignee-content>.assignment-stage-assignee-picker{width:100%}.assignment-board-assignee-row>.assignment-board-trigger{flex:0 0 36px;width:36px;height:36px;padding:0;justify-content:center;font-size:18px}.assignment-board-assignee-row>.assignment-board-trigger span{display:none}}

/* Keep the project board in the same light palette as the Asset/Concept workspace. */
html[data-theme="light"] .assignment-board-trigger{background:#f5f7fb !important;border-color:#b3bfd0 !important;color:#25354a !important}
html[data-theme="light"] .assignment-board-trigger:hover,html[data-theme="light"] .assignment-board-trigger:focus-visible{background:#e4ecf7 !important;border-color:#94a3b8 !important;color:#1e293b !important}
html[data-theme="light"] .assignment-image-board{background:var(--of-light-page-bg,#eef2f7);color:var(--of-light-text-strong,#0f172a);color-scheme:light}
html[data-theme="light"] .assignment-board-header{background:var(--of-light-surface,#fff);border-bottom-color:var(--of-light-border,#cbd5e1)}
html[data-theme="light"] .assignment-board-title small{color:var(--of-light-text-muted,#64748b)}
html[data-theme="light"] :is(.assignment-board-stage-select,.assignment-board-category-select),html[data-theme="light"] .assignment-board-controls button:not(.assignment-board-close){background:var(--of-light-surface,#fff);border-color:var(--of-light-border,#cbd5e1);color:var(--of-light-text-strong,#0f172a)}
html[data-theme="light"] .assignment-board-controls button:not(.assignment-board-close):hover{background:#e7edf4}
html[data-theme="light"] .assignment-board-controls span{color:var(--of-light-text-secondary,#475569)}
html[data-theme="light"] .assignment-board-viewport{background:#edf3f9}
html[data-theme="light"] .assignment-board-lane{background:#fff;border-color:#cbd5e1;box-shadow:0 10px 28px rgba(15,23,42,.12)}
html[data-theme="light"] .assignment-board-lane-title{background:#e9f1fa;border-bottom-color:#cbd5e1;color:#0f172a}
html[data-theme="light"] .assignment-board-assignment-thumbnail{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}
html[data-theme="light"] .assignment-board-status{background:#e2e8f0;border-color:#cbd5e1;color:#334155}
html[data-theme="light"] .assignment-board-status.status-approved{background:#dcfce7;border-color:#86efac;color:#166534}
html[data-theme="light"] .assignment-board-status:is(.status-client_approved,.status-uploaded,.status-published){background:#fef3c7;border-color:#fcd34d;color:#92400e}
html[data-theme="light"] .assignment-board-status.status-wip{background:#fef9c3;border-color:#fde047;color:#854d0e}
html[data-theme="light"] .assignment-board-status.status-retake{background:#ffe4e6;border-color:#fda4af;color:#9f1239}
html[data-theme="light"] .assignment-board-grid-head{color:#1d4ed8}
html[data-theme="light"] .assignment-board-version{border-top-color:#dbe2ea}
html[data-theme="light"] .assignment-board-version-label{color:#1e293b}
html[data-theme="light"] .assignment-board-cell{background:#f8fbff;border-color:#cbd5e1}
html[data-theme="light"] .assignment-board-cell-empty{color:#94a3b8}
html[data-theme="light"] .assignment-board-media-count{background:#dbeafe;color:#1e40af}
html[data-theme="light"] .assignment-board-image{background:#fff;border-color:#cbd5e1;color:#1e293b}
html[data-theme="light"] .assignment-board-image img,html[data-theme="light"] .assignment-board-video-thumb{background:#e9eff6}
html[data-theme="light"] .assignment-board-video-thumb{color:#1d4ed8}
html[data-theme="light"] .assignment-board-image-name{color:#475569}
html[data-theme="light"] .assignment-board-retake{background:#fff1f2;border-color:#fda4af;border-left-color:#e11d48;color:#881337}
html[data-theme="light"] .assignment-board-retake strong{color:#be123c}
html[data-theme="light"] .assignment-board-retake small{color:#9f1239}
html[data-theme="light"] .assignment-board-empty{color:#64748b}

.assignment-board-image.is-retake-linked,.assignment-board-retake.is-retake-linked,html[data-theme="light"] .assignment-board-image.is-retake-linked,html[data-theme="light"] .assignment-board-retake.is-retake-linked{border-color:#38bdf8;outline:2px solid #38bdf8;outline-offset:1px;box-shadow:0 0 0 3px rgba(56,189,248,.22)}

.board-preview-notes{position:absolute;right:88px;top:76px;bottom:90px;width:300px;box-sizing:border-box;padding:18px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;user-select:text;background:transparent;color:#fff;text-shadow:0 1px 3px #000;border:1px solid rgba(253,164,175,.4);border-radius:12px;z-index:45}
.board-preview-notes[hidden]{display:none}
.board-preview-notes h3{margin:0 0 12px;font-size:14px;font-weight:700;color:#fda4af}
.board-preview-note-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.board-preview-notes-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;order:1;width:40px;height:40px;padding:0;border:1px solid #777;border-radius:12px;background:rgba(48,48,48,.65);color:#fff}
.board-preview-notes-toggle:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}

@media(max-width:640px){.board-preview-notes{left:12px;right:12px;top:auto;bottom:78px;width:auto;height:28%;padding:12px}.board-preview-notes h3{font-size:12px;margin-bottom:6px}.board-preview-note-text{font-size:12px}}

@media(max-width:760px){#image-viewer-modal.board-image-preview-mode #image-gallery-prev,#image-viewer-modal.board-image-preview-mode #image-gallery-next{display:none!important}}

/* Override the desktop sidebar rule applied to all aside elements. */
#image-viewer-modal #board-preview-notes{background:rgba(24,20,26,.1)!important;box-shadow:none!important;backdrop-filter:none!important}