/* MEGEE STUDIO — one visual system for work, conversation and design. */
:root {
  color-scheme: light;
  --p-bg:#f5f6f8; --p-paper:#fff; --p-border:#e5e8ed; --p-text:#202936;
  --p-muted:#68778b; --p-accent:#3163de; --p-soft:#edf2ff; --p-warn:#98702a;
  --ink:#172233; --nav:#b6c1d1; --radius:10px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px; line-height:1.6; font-synthesis:none; -webkit-font-smoothing:antialiased;
}
* {box-sizing:border-box}
[hidden] {display:none!important}
body {margin:0; color:var(--p-text); background:var(--p-bg); height:100dvh; overflow:hidden}
button,input,select,textarea {font:inherit}
button,a,input,textarea,select { -webkit-tap-highlight-color:transparent }
button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid #dce1e8;border-radius:6px;background:#fff;color:#465267;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
button:hover {background:#f7f9fc;border-color:#c1cbd8;color:#24354c}
button:disabled {opacity:.45;cursor:default}
button:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid #8faefa;outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),select,textarea {width:100%;padding:8px 11px;border:1px solid #dce1e8;border-radius:6px;background:#fff;color:var(--p-text);outline:none;transition:border .15s,box-shadow .15s}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus {border-color:#87a6ef;box-shadow:0 0 0 3px #3163de10}
input::placeholder,textarea::placeholder {color:#a2aab5}
input[type=checkbox],input[type=radio] {accent-color:var(--p-accent);width:14px;height:14px;flex:none}
input[type=file] {padding:8px!important;background:#f9fafc!important;font-size:12px}
textarea {min-height:92px;resize:vertical;line-height:1.8}
select {width:auto;max-width:100%;min-height:34px}
a {color:var(--p-accent);text-decoration:none}
a:hover {color:#1d4ebc;text-decoration:underline;text-underline-offset:4px}
h1,h2,h3,h4,p {margin:0}
h1 {font-size:24px;font-weight:650;letter-spacing:-.65px;line-height:1.4}
h2 {font-size:19px;font-weight:620}
h3 {font-size:14px;font-weight:600;line-height:1.6}
h4 {font-size:12px;font-weight:600}
p {line-height:1.8}
label {display:block;font-weight:500}
small {font-size:11px}
em {font-style:normal}
.icon {width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}
.muted {color:var(--p-muted)}
.mono {font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.2px}
.nowrap {white-space:nowrap}
.p-primary {background:var(--p-accent);border-color:var(--p-accent);color:#fff;box-shadow:0 2px 4px #3163de15;font-weight:500}
.p-primary:hover {background:#2855c5;border-color:#2855c5;color:#fff;box-shadow:0 3px 8px #3163de20}
a.p-primary {display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:6px;white-space:nowrap;text-decoration:none}
.p-link,.quiet-link {display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--p-accent);padding:0;font-weight:500;font-size:12px}
.p-link:hover {background:transparent;color:#1d4ebc}
.quiet-link .icon {width:15px;height:15px}
#mg-project-workspace {display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:1fr;height:100dvh;overflow:hidden;transition:grid-template-columns .18s}
.sidebar {display:flex;flex-direction:column;grid-column:1;grid-row:1;min-height:0;background:var(--ink);color:var(--nav);padding:20px 12px 0;border-right:1px solid #111d2e}
.sidebar-brand {display:flex;align-items:center;gap:4px;margin:0 2px 23px}
.brand-link {display:flex;align-items:center;gap:10px;color:#fff;min-width:0;flex:1;text-decoration:none!important}
.studio-mark {width:29px;height:29px;color:#bdd0fc;flex:none}
.brand-link b {display:block;font-size:14px;letter-spacing:.45px;font-weight:700;white-space:nowrap}
.brand-link b i {font-style:normal;font-weight:450;color:#cbd4e4;font-size:12px;letter-spacing:.8px}
.brand-link small {display:block;font-size:9px;color:#8998af;white-space:nowrap;margin-top:4px;letter-spacing:.2px}
#sidebar-toggle {flex:none;width:24px;min-height:28px;height:28px;padding:3px;border:0;background:transparent;color:#77879e}
#sidebar-toggle:hover {background:#ffffff0c;color:#fff}
#sidebar-toggle .icon {width:16px;height:16px}
.sidebar-create {min-height:35px;justify-content:flex-start;background:#ffffff08;border:1px solid #ffffff14;color:#d1d9e7;margin:0 2px 22px;padding:7px 12px;border-radius:6px;font-size:12px}
.sidebar-create:hover {background:#ffffff13;border-color:#ffffff25;color:#fff}
.sidebar-create .icon {width:17px;height:17px}
.sidebar-scroll {overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;padding-bottom:16px}
.nav-caption {display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin:23px 0 8px;color:#71819a;font-size:10px;font-weight:500;letter-spacing:.4px}
.sidebar-workspace>.nav-caption:first-child {margin-top:0}
.sidebar-workspace {flex:none}
.sidebar-workspace+.sidebar-scroll {margin-top:4px}
.sidebar nav {display:grid;gap:3px}
.sidebar nav a,.sidebar nav button {position:relative;display:flex;align-items:center;gap:10px;min-height:37px;padding:8px 12px;color:var(--nav);border:0;border-radius:6px;background:transparent;justify-content:flex-start;text-align:left;font-size:13px;text-decoration:none;width:100%}
.sidebar nav .icon {width:17px;height:17px;color:#8191aa;transition:color .15s}
.sidebar nav a:hover,.sidebar nav button:hover {background:#ffffff08;color:#e4eaf5}
.sidebar nav a:hover .icon,.sidebar nav button:hover .icon {color:#cdd9ee}
.sidebar nav [aria-current=page] {background:#2c4167;color:#f3f6ff;font-weight:550}
.sidebar nav [aria-current=page] .icon {color:#a5bfff}
.sidebar nav [aria-current=page]::before {content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:#8daef9;border-radius:2px}
.nav-count {margin-left:auto;font-size:10px;color:#8697b1;background:#ffffff06;border-radius:4px;min-width:19px;text-align:center;padding:0 4px;font-variant-numeric:tabular-nums}
[aria-current=page]>.nav-count {color:#bfcfec;background:#ffffff0c}
.context-caption {border-top:1px solid #ffffff0d;padding-top:19px;margin-top:22px}
.context-caption .mono {font-size:10px;color:#90a4c4;letter-spacing:0}
.nav-project-name {font-size:10px;line-height:1.5;color:#96a5bd;padding:0 12px;margin:0 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav .recent-project {min-height:47px;gap:10px;padding:8px 12px}
.recent-project em {font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.recent-project small {display:block;font-size:9px;font-family:ui-monospace,monospace;color:#6f819b;margin-bottom:1px;letter-spacing:.3px}
.recent-dot {width:6px;height:6px;border-radius:50%;background:#64738a;flex:none}
.recent-dot.completed {background:#72b89f}.recent-dot.review {background:#86a8f9}.recent-dot.waiting {background:#d1ad70}.recent-dot.running {background:#8aafff}
.sidebar-bottom {padding:12px 0 0;border-top:1px solid #ffffff0b;background:var(--ink)}
.sidebar-bottom nav a,.sidebar-bottom nav button {min-height:34px;font-size:11px;color:#8697b1}
.sidebar-bottom nav .icon {width:16px;height:16px}
.sidebar-foot {display:flex;align-items:center;gap:10px;padding:17px 12px 19px;margin-top:8px;border-top:1px solid #ffffff0b;font-size:11px;color:#9daec8;line-height:1.5}
.sidebar-foot small {display:block;font-size:9px;color:#667b99;margin-top:2px}
.connection-dot {width:6px;height:6px;border-radius:50%;background:#69b89a;display:inline-block;flex:none;box-shadow:0 0 0 3px #69b89a12}
.service-offline .connection-dot {background:#d1a567;box-shadow:0 0 0 3px #d1a56712}
#mg-project-workspace #main {grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;height:100dvh;overflow:hidden}
.workspace-bar {flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 26px;border-bottom:1px solid var(--p-border);background:#ffffffb0}
.breadcrumbs {display:flex;align-items:center;gap:9px;font-size:11px;color:#8e97a3;min-width:0}
.breadcrumbs a {color:#9098a4}
.breadcrumbs .icon {width:12px;height:12px;color:#b8bec8}
#crumb-current {color:#556275;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-mode {display:flex;align-items:center;gap:7px;color:#8c96a3;font-size:10px;white-space:nowrap}
.main-content {flex:1;min-width:0;min-height:0;width:100%;overflow:auto;padding:24px 26px;scrollbar-width:thin;scrollbar-color:#c9d0db transparent}
.release-footer {flex:none;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:2px 9px;min-height:28px;padding:5px 26px;color:#8b97a8;font-size:9px;line-height:1.5;border-top:1px solid #e5e8ed80;background:var(--p-bg)}
.release-footer>span+span::before {content:"·";margin-right:9px;color:#b5bdc8}
.release-footer b {font-weight:550;color:#687a91;font-variant-numeric:tabular-nums}
.delivery-focus .release-footer {display:none}
@media(max-width:760px) {.release-footer{padding:5px 14px;font-size:8px;justify-content:flex-start;gap:1px 7px}.release-footer>span+span::before{margin-right:7px}}
@media print {.release-footer{display:none}}
.page-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.subheading {font-size:12px;color:#7f8a9b;margin-top:6px}
.eyebrow,.stats,.flow-note,.detail-topline,.tabs {display:none}
.table-card {border:1px solid var(--p-border);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 2px 3px #24344703}
.table-tools {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--p-border);min-height:63px}
.filter-tabs {display:flex;gap:3px;align-items:center;flex-wrap:wrap}
.filter-tabs button {border:0;background:transparent;font-size:12px;min-height:31px;padding:5px 10px;color:#85909e;gap:8px}
.filter-tabs button>span {font-size:10px;font-variant-numeric:tabular-nums;opacity:.7}
.filter-tabs button:hover {background:#f4f6f9;color:#52637c}
.filter-tabs button.active {background:var(--p-soft);color:#325fc3;font-weight:550}
.search-wrap {display:flex;align-items:center;gap:8px;background:#f9fafc;border:1px solid #e5e8ed;border-radius:6px;padding:0 10px;flex:none;min-width:220px}
.search-wrap .icon {width:15px;height:15px;color:#9aa5b4}
.search-wrap .search-box {width:206px!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:11px;padding:7px 0!important}
.search-wrap:focus-within {border-color:#9cb5f0;box-shadow:0 0 0 2px #3163de0c}
.table-wrap {overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d0db transparent}
table {width:100%;border-collapse:collapse;text-align:left;font-size:12px}
th {font-size:11px;font-weight:500;color:#778394;background:#fafbfc;white-space:nowrap;padding:11px 16px;border-bottom:1px solid var(--p-border);letter-spacing:.2px}
td {padding:17px 16px;border-bottom:1px solid #edf0f3;vertical-align:middle}
tr:last-child td {border-bottom:0}
tbody tr:hover {background:#fafbfe}
th:first-child,td:first-child {padding-left:21px}
.project-table {min-width:920px}
.project-table td:first-child {min-width:240px}
.project-cell {display:flex;align-items:center;gap:12px}
.project-cell>div {min-width:0}
.scene-icon {width:35px;height:39px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:6px;border:1px solid #e5ebf7;background:#f1f5fe;color:#7798cb}
.scene-icon .icon {width:19px;height:19px;stroke-width:1.5}
.scene-teal {background:#edf7f5;border-color:#e0efea;color:#69a599}
.scene-violet {background:#f4f1fb;border-color:#ebe5f5;color:#a18ac7}
.project-link {font-size:13px;font-weight:550;color:#33445e;line-height:1.7}
.project-link:hover {color:var(--p-accent)}
.project-category {font-size:10px;color:#9aa3af;margin-top:4px}
.location-cell {max-width:235px;min-width:150px;font-size:11px;line-height:1.7;color:#677386}
.row-open {width:24px;height:27px;display:grid;place-items:center;border-radius:5px;color:#9caac0}
.row-open:hover {background:var(--p-soft);color:var(--p-accent)}
.row-open .icon {width:15px;height:15px}
.table-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 19px;border-top:1px solid var(--p-border);font-size:10px;color:#929baa}
.table-footer span:last-child {display:flex;align-items:center;gap:5px}
.table-footer .icon {width:12px;height:12px}
.status {display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;white-space:nowrap;font-size:11px;line-height:1.6;color:#738199;background:#f0f3f7}
.status::before {content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}
.status.completed,.status.succeeded {color:#528976;background:#edf6f1}
.status.review,.status.ready {color:#587fc6;background:#edf3ff}
.status.running,.status.queued {color:#516cc6;background:#eff1fd}
.status.waiting,.status.answered {color:#ae8a4c;background:#fcf6ea}
.status.failed {color:#b66b63;background:#fcf0ee}
.status.cancelled {color:#9aa2b0;background:#f4f5f7}
.empty {text-align:center;padding:70px 24px;color:var(--p-muted)}
.empty>.icon {width:28px;height:28px;color:#a4b2c7;margin-bottom:16px}
.empty h3 {font-size:15px;color:#52617a;margin:12px 0 8px;font-weight:550}
.empty p {font-size:12px;color:#939ca9;line-height:1.9;margin-bottom:21px}
.empty-orbit {display:grid;place-items:center;width:42px;height:42px;background:#f1f6f4;border:1px solid #e8efeb;border-radius:50%;color:#88b0a0;margin:auto}
#view-detail {display:flex;flex-direction:column;min-height:0;height:100%}
body[data-view=detail] .workspace-bar,.studio-intake-open .workspace-bar {display:none}
body[data-view=detail] .main-content,.studio-intake-open .main-content {padding-top:14px}
.project-masthead {flex:none;padding:0 0 10px;border-bottom:1px solid #e3e7ed;margin-bottom:10px;position:relative;z-index:4}
.detail-heading {margin-bottom:0;align-items:center;min-height:34px;gap:12px}
.detail-heading>div:first-child {display:flex;align-items:center;gap:12px;min-width:0}
.detail-heading h1 {font-size:17px;line-height:1.45;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.project-code {font-family:ui-monospace,monospace;color:#7c8ba0;font-size:11px;letter-spacing:.3px;flex:none}
.project-heading-status {display:inline-flex;align-items:center}
.detail-actions {display:flex;align-items:center;gap:8px;flex:none;padding-top:0}
.detail-actions button,.detail-actions>a {font-size:12px;min-height:30px;padding:4px 10px}
.confirmed-label {display:none}
.confirmed-label .icon {width:13px;height:13px}
.project-info {position:relative}
.project-info>summary {color:#738198;font-size:12px;list-style:none;padding:4px 7px;border-radius:5px;min-height:30px;display:flex;align-items:center;gap:6px}
.project-info>summary::after {content:"⌄";font-size:11px;color:#9aa6b7}
.project-info>summary::-webkit-details-marker {display:none}
.project-info>summary:hover,.project-info[open]>summary {background:#eaf0f8;color:#465d7d}
.project-info .detail-meta {position:absolute;right:0;top:37px;width:390px;max-width:calc(100vw - 95px);display:grid;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--p-border);border-radius:8px;box-shadow:0 8px 28px #24365018;font-size:12px;color:#8592a4}
.detail-meta span {display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:baseline}
.detail-meta strong {font-weight:400;color:#526177;overflow-wrap:anywhere}
#detail-body {flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d0db transparent;padding-right:2px;padding-bottom:8px;container-type:size}
.panel {background:#fff;border:1px solid var(--p-border);border-radius:var(--radius);padding:20px;margin-bottom:14px}
.panel>h3 {margin-bottom:16px}
dl {display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px 18px;margin:15px 0 0;font-size:12px;line-height:1.85}
dt {color:#738196;font-weight:400}
dd {margin:0;overflow-wrap:anywhere;color:#526177}
summary {cursor:pointer;outline-offset:4px}
summary::marker {color:#9ba8b9;font-size:9px}
.s-summary {margin-bottom:14px}
.s-summary>summary {font-weight:550;color:#55647a;font-size:12px}
.pending-note {padding:13px 16px;background:#fcf8ef;border:1px solid #f0e6d1;border-radius:7px;color:#a68b5d;font-size:11px;margin-bottom:15px;line-height:1.8}
.pending-note p {font-size:11px;margin-top:4px}
.pending-note ul {margin:8px 0 0;padding-left:18px}
.tag {font-size:10px;padding:3px 7px;border-radius:4px;background:#f0f3f7;color:#8895a7;white-space:nowrap}
.file-links {display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.file-link {display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:5px;padding:6px 9px;font-size:11px;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.file-link span {font-size:10px;white-space:nowrap}
.check-note {font-size:10px;color:#929baa;line-height:1.8;margin:12px 0}
.overview-summary {display:flex;align-items:center;gap:18px;padding:17px 20px;border:1px solid var(--p-border);background:white;border-radius:8px;margin-bottom:16px}
.overview-summary>div {flex:1}
.overview-summary strong {display:block;font-size:13px;font-weight:500;margin-top:5px;color:#536379}
.overview-summary .muted {font-size:10px}
.overview-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px}
.section-title {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.overview-artworks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.overview-artworks a {background:#f6f7f9;padding:14px;border:1px solid #eceff3;border-radius:7px;display:block;color:#7d8ba0;font-size:10px;text-decoration:none}
.overview-artworks img {width:100%;aspect-ratio:4/3;object-fit:contain;margin-bottom:7px;transition:opacity .2s}
.overview-artworks a:hover {border-color:#becbf2;background:#f2f5fb}
.overview-goal {font-size:12px;color:#8795a8;line-height:1.9}
.overview-brief {font-size:11px;grid-template-columns:90px 1fr;gap:10px}
.overview-facts {display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;border-top:1px solid var(--p-border);padding-top:13px;color:#8d98a8;font-size:11px}
.overview-facts b {color:#5c6c80;font-weight:500;margin-right:5px}
.activity-timeline {position:relative;padding-left:7px}
.activity-timeline h4 {font-size:10px;color:#929eb0;letter-spacing:.3px;margin:18px 0 12px}
.activity-timeline h4:first-child {margin-top:0}
.activity-node {position:relative;display:grid;grid-template-columns:45px 1fr;gap:11px;padding:0 0 22px 17px;border-left:1px solid #e0e6f1;margin-left:3px;font-size:12px;line-height:1.8;color:#596980}
.activity-node::before {content:"";position:absolute;left:-3px;top:6px;width:5px;height:5px;border-radius:50%;background:#9bb4df}
.activity-node:last-child {padding-bottom:7px}
.activity-node time {color:#9aabc2;font-size:10px;font-variant-numeric:tabular-nums}
.activity-node details {margin-top:4px;color:#929eb0;font-size:10px}
.activity-node details p {padding:7px 0;white-space:pre-wrap;font-size:11px}
.conversation-layout {max-width:1100px;margin:0 auto;height:100%;min-height:0}
.conversation-layout>div {display:flex;flex-direction:column;height:100%;min-height:0}
.conversation-tools {display:flex;align-items:center;gap:15px;margin:0 0 14px;font-size:12px;color:#738198}
.conversation-tools strong {font-weight:500;margin-right:auto}
.conversation-tools button {font-size:10px;min-height:28px;padding:3px 9px}
.conversation-tools details {font-size:10px;position:relative}
.conversation-tools details p {position:absolute;right:0;width:270px;background:#fff;border:1px solid var(--p-border);padding:14px;border-radius:7px;z-index:4;box-shadow:0 7px 25px #20304810}
#message-history {padding:8px 24px;flex:1;min-height:150px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd3df transparent}
.message {padding:21px 0;border-bottom:1px solid #eef0f4}
.message:last-child {border-bottom:0}
.message-header {display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;color:#7889a0}
.message-header strong {font-weight:550;color:#5c7090}
.message-header time {font-size:10px;color:#a4aebb;margin-left:auto}
.message-text {font-size:12px;line-height:2;white-space:pre-wrap;color:#57667d;overflow-wrap:anywhere}
.reply-form {padding:12px 16px;margin-bottom:0;flex:none}
.reply-form>h3 {margin-bottom:7px;font-size:12px}
.reply-form textarea {min-height:75px;height:75px;max-height:180px;font-size:13px}
.reply-tools {display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap;position:relative}
.reply-tools button {font-size:12px;min-height:30px;padding:4px 9px}
.reply-tools .icon {width:14px;height:14px}
.reply-tools>.dialog-actions {margin:0 0 0 auto}
.reply-tools input[type=file] {position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;padding:0!important}
#mg-project-workspace .reply-tools>.s-summary {margin:0;padding:0;border:0;background:transparent;position:static;font-size:11px}
#mg-project-workspace .reply-tools>.s-summary>summary {font-size:11px;font-weight:400;min-height:28px;display:flex;align-items:center;gap:5px;color:#788ba7;padding:3px}
.reply-tools .s-summary>summary::before {content:"▸";font-size:9px}
.reply-tools .s-summary[open]>summary::before {content:"▾"}
.reply-tools .s-summary>summary::-webkit-details-marker {display:none}
.reply-tools .s-summary>:not(summary) {position:relative;z-index:1}
.reply-tools .s-summary[open] {position:absolute!important;left:110px;bottom:36px;max-width:330px;width:calc(100% - 110px);padding:14px 16px!important;background:white!important;border:1px solid var(--p-border)!important;border-radius:7px;box-shadow:0 7px 24px #24365018;z-index:5}
.reply-tools .s-summary[open]>summary {font-weight:550!important}
.reply-tools .s-summary label {font-size:11px}
.inline {display:flex;gap:7px;align-items:center;font-weight:400;font-size:11px;color:#8793a5}
.dialog-actions {display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px}
.delivery-toolbar {display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;min-height:32px;flex-wrap:wrap;position:sticky;top:0;z-index:3;background:var(--p-bg)}
.delivery-toolbar strong {font-weight:550;color:#6a7890}
.delivery-toolbar label {display:flex;align-items:center;font-size:11px;gap:7px}
.delivery-toolbar select {min-height:30px;padding:4px 9px;font-size:12px;background:white;width:140px}
.delivery-toolbar button {min-height:30px;font-size:12px;padding:4px 10px}
.delivery-toolbar .dialog-actions {margin:0 0 0 auto;gap:6px}
.delivery-toolbar .report-export {display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--p-line,#dce3eb);border-radius:7px;background:white;color:var(--p-ink,#233548);font-size:12px;text-decoration:none}
.requirements-gaps {margin:12px 0;padding:12px 14px;border:1px solid #eadcc6;border-radius:8px;background:#fcf9f3;color:#715c3c;font-size:12px}
.requirements-gaps ul {margin:8px 0;padding-left:18px;display:grid;gap:6px}
.requirements-gaps li span {margin-left:12px;color:#8c7c67;font-size:11px}
#approval-dialog {max-height:calc(100dvh - 48px);overflow:auto}
.delivery-toolbar>#focus-output {margin-left:auto}
.delivery-toolbar:has(.dialog-actions)>#focus-output {margin-left:0}
.delivery-toolbar>.muted {margin-left:auto;font-size:10px}
.delivery-panel {padding:10px}
.version-meta {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:10px}
.version-meta h3 {font-size:11px;font-weight:500;color:#738197}
.slide-controls {display:flex;align-items:center;gap:5px;margin:0;padding-left:10px;border-left:1px solid #e0e5ed}
.slide-controls button {min-height:28px;border:0;padding:3px 7px;font-size:12px;color:#70829d;background:transparent}
.slide-count {font-size:11px;color:#7d8ca0;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:33px;text-align:center}
.delivery-scroll {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbd3e1 #f8f9fc;border-radius:6px;outline:none}
.delivery-artwork {position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.artwork-toolbar {position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:8px;padding:4px 7px;font-size:10px;color:#91a0b6;z-index:2;background:#ffffffb8;border-radius:4px}
.artwork-toolbar strong {display:none}
.artwork-toolbar>span {display:none}
.artwork-files {margin-left:auto;position:relative;flex:none}
.artwork-files summary {font-size:10px;color:#7288ae;white-space:nowrap}
.artwork-files>div {position:absolute;right:0;top:25px;width:210px;padding:10px;background:white;border:1px solid var(--p-border);border-radius:7px;box-shadow:0 8px 24px #22355515;z-index:3}
.artwork-files>div>div {display:flex;align-items:center;gap:12px;padding:6px}
.artwork-files b {margin-right:auto;font-size:10px;color:#70829f;font-weight:500}
.artwork-files button {font-size:10px;min-height:25px;padding:2px 6px}
.artwork-canvas {width:100%;padding:12px;border:0;border-radius:5px;background:#f4f5f7;cursor:zoom-in;display:flex;align-items:center;justify-content:center;min-height:200px;height:max(260px,calc(100cqh - 65px));overflow:hidden}
.artwork-canvas:hover {background:#f0f2f5;border:0;box-shadow:none}
.artwork-canvas img {display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;box-shadow:0 6px 18px #19283e08}
.version-history {border-top:1px solid #eef1f5;margin:18px 0;padding-top:14px}
.version-history h3 {font-size:11px;color:#8b98ac;font-weight:500;margin-bottom:12px}
.version-history h3 small {font-size:9px;font-weight:400;margin-left:7px}
.version-history>div {display:flex;gap:10px;overflow:auto;padding-bottom:3px}
.version-history button {display:grid;grid-template-columns:46px 1fr;gap:2px 10px;min-width:173px;justify-content:flex-start;align-items:center;text-align:left;padding:7px;background:#fff;border:1px solid #e6eaf0;border-radius:6px}
.version-history button[aria-pressed=true] {border-color:#9cb4ec;background:#f6f8ff}
.version-history img {grid-row:1/3;width:46px;height:36px;object-fit:contain;background:#f5f6f8;border-radius:3px}
.version-history strong {font-size:10px;font-weight:500;color:#71809a}
.version-history small {font-size:9px;color:#a5afbd}
.version-summary {white-space:pre-wrap;font-size:11px;color:#8592a5;line-height:1.9;padding-top:12px}
.delivery-panel>.s-summary {padding:12px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
.delivery-panel>.pending-note {background:#f3f8f4;border-color:#e8efe9;color:#7e9b88;font-size:10px;margin-bottom:0}
.delivery-focus #mg-project-workspace,.delivery-focus.nav-collapsed #mg-project-workspace {grid-template-columns:0 minmax(0,1fr);transition:none}
.delivery-focus .sidebar,.delivery-focus .project-masthead,.delivery-focus .workspace-bar {display:none}
.delivery-focus .main-content {padding:18px 24px}
.delivery-focus .artwork-canvas {height:max(260px,calc(100cqh - 65px))}
.overview-stage {margin-bottom:20px}
.overview-toolbar {display:flex;align-items:center;gap:9px;min-height:32px;margin-bottom:6px;font-size:12px}
.overview-toolbar>strong {font-weight:550;color:#596a82}
.overview-toolbar>a {margin-left:auto}
.overview-stage .artwork-canvas {height:max(260px,calc(100cqh - 44px))}
.overview-context {display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:16px}
.overview-context .panel {margin-bottom:0}
.overview-context .overview-facts {margin-top:12px}
#detail-body[data-section=timeline] {overflow:hidden;padding-bottom:0}
.timeline-panel {display:flex;flex-direction:column;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}
.timeline-heading {display:flex;align-items:center;justify-content:space-between;flex:none;padding:10px 18px;border-bottom:1px solid #edf0f4;background:#fff}
.timeline-heading h3 {margin:0;font-size:13px}
.timeline-heading>span {font-size:10px;color:#8392a6;font-variant-numeric:tabular-nums}
.timeline-records {flex:1;min-height:0;overflow:auto;padding:16px 18px;scrollbar-width:thin;scrollbar-color:#c9d0db transparent;overscroll-behavior:contain;outline-offset:-3px}
.timeline-records .activity-node {padding-bottom:18px;color:#4f6079}
.timeline-records .activity-node time {color:#7488a6}
.timeline-records .activity-timeline h4 {position:sticky;top:-16px;z-index:1;background:#fff;padding:7px 0;margin-bottom:12px;color:#71829b}
.delivery-panel {padding:0;background:transparent;border:0;border-radius:0}
.artwork-canvas {padding:8px;background:#eef1f5;height:max(260px,calc(100cqh - 44px))}
.artwork-canvas:hover {background:#eef1f5}
.delivery-focus .artwork-canvas {height:max(260px,calc(100cqh - 44px))}
.delivery-panel>.version-history,.delivery-panel>.s-summary,.delivery-panel>.check-note,.delivery-panel>.pending-note {margin-left:8px;margin-right:8px}
.artwork-toolbar {top:8px;right:8px}
@media(max-width:760px) {.overview-context{grid-template-columns:1fr}.overview-toolbar{flex-wrap:wrap}.overview-toolbar .slide-controls{padding-left:5px}.overview-toolbar>a{font-size:10px}.overview-stage .artwork-canvas{height:max(240px,calc(100cqh - 60px))}}
@media(max-width:1100px) {.project-info .detail-meta span:last-child{display:grid}}
@media(max-width:760px) {.project-info .detail-meta span:nth-child(2){display:grid}.detail-heading>div:first-child{gap:8px}.project-code{font-size:10px}.delivery-toolbar .dialog-actions{margin-left:0}.delivery-toolbar:has(.dialog-actions)>#focus-output{margin-left:auto}}
.settings-row {display:flex;align-items:center;justify-content:space-between;gap:20px}
.settings-row p {font-size:12px;color:#8591a4;margin-top:8px}
.settings-row+.settings-row {border-top:1px solid #edf0f4;padding-top:20px;margin-top:20px}
.settings-row h3 .mono {color:#a4b5d1}
.runner-strip {display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--p-border);border-radius:8px;padding:17px 20px;margin-bottom:20px}
.runner-symbol {width:36px;height:36px;display:grid;place-items:center;background:#eff3fb;border:1px solid #e6edf9;color:#7e9bc9;border-radius:9px;flex:none}
.runner-strip strong {display:block;font-size:12px;font-weight:550;color:#5b6c86}
.runner-strip small {display:block;font-size:10px;color:#9ba6b6;margin-top:3px}
.runner-count {font-size:11px;color:#a5aebb;margin-left:auto;white-space:nowrap}
.runner-strip button {font-size:11px}
.task-error {font-size:10px;color:#a09391;margin-top:6px;max-width:340px}
.task-error p {font-size:10px;background:#faf7f6;padding:8px;margin-top:7px;border-radius:4px}
#view-guide {max-width:1100px}
#notice {background:#fff8ed;color:#95713d;border:1px solid #f0e3cf;border-radius:7px;padding:12px 15px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;flex:none}
#notice>div {display:flex;align-items:center;gap:12px}
#notice strong {font-weight:500;display:block}
#notice small {color:#b29b7a;font-size:10px;display:block;margin-top:3px}
#notice button {font-size:10px;min-height:28px;background:transparent;border-color:#e5d4b8;color:#95713d}
#toast {position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#243247;color:#fff;box-shadow:0 5px 25px #14223920;border:1px solid #ffffff15;border-radius:8px;font-size:12px;z-index:50;max-width:80vw}
dialog {border:1px solid var(--p-border);border-radius:12px;padding:26px;box-shadow:0 20px 90px #15213930;color:var(--p-text);max-width:90vw}
dialog::backdrop {background:#19233345;backdrop-filter:blur(4px)}
#approval-dialog {width:520px}
#leave-dialog {width:430px}
#leave-dialog p {color:#6f7d90;font-size:12px;margin:12px 0 24px}
#approval-dialog p {color:#8c97a7;font-size:12px;margin:14px 0}
#approval-dialog label {font-size:11px;margin:15px 0 7px}
#file-preview {width:calc(100vw - 60px);height:calc(100dvh - 50px);max-width:1600px;max-height:none;padding:0;background:#f5f6f8;border-radius:10px}
#file-preview[open] {display:flex;flex-direction:column}
.preview-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:white;border-bottom:1px solid var(--p-border)}
.preview-toolbar strong {font-size:12px;font-weight:500;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7b93}
.preview-toolbar button {font-size:11px;min-height:30px}
.preview-controls {display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:white;padding:10px 20px;border-bottom:1px solid var(--p-border);font-size:10px}
.preview-controls label {display:flex;align-items:center;gap:7px;max-width:35%;min-width:190px}
.preview-controls select {font-size:10px;min-height:28px;max-width:100%;padding:4px 7px}
.preview-controls button {font-size:10px;padding:3px 8px;min-height:28px}
.preview-controls a {font-size:10px;color:#7f93b5;margin-left:8px}
#preview-zoom,#pdf-pages {display:flex;align-items:center;gap:6px}
#preview-stage {flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;color:#8d9bad;font-size:12px;text-align:center}
#preview-image {width:100%;height:auto;max-height:100%;object-fit:contain;margin:auto;display:block;flex:none}
.preview-help {padding:8px 20px;border-top:1px solid var(--p-border);font-size:10px;color:#7c899b;background:white}
.nav-collapsed #mg-project-workspace {grid-template-columns:66px minmax(0,1fr)}
.nav-collapsed .sidebar {padding:18px 8px 0}
.nav-collapsed .sidebar-brand {flex-direction:column;gap:14px;margin-bottom:14px}
.nav-collapsed .brand-link>span,.nav-collapsed .sidebar em,.nav-collapsed .nav-caption,.nav-collapsed .nav-project-name,.nav-collapsed .nav-count,.nav-collapsed #recent-projects,.nav-collapsed #sidebar-inbox,.nav-collapsed .sidebar-foot>span:last-child {display:none}
.nav-collapsed .sidebar-brand .studio-mark {width:28px;height:28px}
.nav-collapsed .sidebar-create {justify-content:center;margin:0 4px 15px;padding:8px}
.nav-collapsed .sidebar nav a,.nav-collapsed .sidebar nav button {justify-content:center;padding:9px;min-height:39px}
.nav-collapsed #project-navigation {margin-top:21px;border-top:1px solid #ffffff12;padding-top:13px}
.nav-collapsed .sidebar-foot {justify-content:center;padding:17px 0}
/* Shared proportions: a quiet project header, bounded reading areas and room around artwork. */
.overview-primary {display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,27%,320px);gap:22px;max-width:1400px;margin:0 auto 24px;align-items:start}
.overview-primary .overview-stage {min-width:0;width:100%;margin:0}
.overview-primary .overview-summary {margin:0}
.overview-primary:has(.overview-summary) .overview-activity {height:auto}
.overview-primary .overview-activity {margin:0;height:max(260px,calc(100cqh - 28px));overflow:auto;padding:18px 20px;background:#ffffffb8;scrollbar-width:thin;scrollbar-color:#c9d0db transparent}
.overview-activity .section-title {gap:10px;margin-bottom:24px}
.overview-activity .section-title h3 {font-size:13px}
.overview-activity .section-title a {font-size:10px;white-space:nowrap}
.overview-activity .activity-node {padding-bottom:23px;font-size:12px}
#detail-body .overview-context {display:block;max-width:1400px}
#detail-body .overview-context>.panel {padding:18px 4px;background:transparent;border:0;border-top:1px solid #e2e7ee;border-radius:0}
.overview-context .section-title {margin-bottom:10px}
.overview-context .section-title h3 {font-size:12px;font-weight:500;color:#8190a4}
.overview-context .overview-goal {font-size:11px}
.overview-context .overview-facts {border:0;padding:0;margin:12px 0}
.overview-context .overview-brief {font-size:11px;margin-top:12px}
@media(max-width:1050px) {.overview-primary{grid-template-columns:minmax(0,1fr)}.overview-primary .overview-activity{height:auto;max-height:420px}.overview-primary .overview-stage .artwork-canvas{height:max(260px,calc(100cqh - 76px))}}
body[data-view=detail] .main-content {padding:26px 30px 24px}
.project-masthead {padding-bottom:17px;margin-bottom:18px}
.detail-heading {min-height:40px}
.detail-heading h1 {font-size:18px;letter-spacing:-.3px}
.project-code {font-size:11px;color:#8190a3}
.detail-actions {gap:10px}
.detail-actions button,.detail-actions>a {min-height:32px}
.overview-stage,.delivery-toolbar,.delivery-panel {max-width:1400px;margin-left:auto;margin-right:auto}
.overview-toolbar,.delivery-toolbar {min-height:36px;margin-bottom:12px;gap:12px}
.overview-toolbar .slide-controls,.delivery-toolbar .slide-controls {gap:8px;padding-left:14px;margin-left:2px}
.overview-stage {margin-bottom:30px}
.overview-stage .artwork-canvas,.artwork-canvas {height:max(260px,calc(100cqh - 76px));padding:clamp(22px,2.4vw,38px);background:#eef0f3;border-radius:8px}
.artwork-canvas:hover {background:#eef0f3}
.artwork-canvas img {max-width:min(100%,1120px);box-shadow:0 8px 28px #19283e0a}
.artwork-toolbar {top:12px;right:14px;background:#ffffffd9}
.overview-context {max-width:1200px;margin:0 auto;gap:20px}
#detail-body[data-section=input]>.s-summary,#detail-body[data-section=input]>.panel,#detail-body[data-section=input]>.pending-note {max-width:1100px;margin-left:auto;margin-right:auto}
#detail-body[data-section=input]>.s-summary {padding:22px 26px;margin-bottom:18px;border-radius:8px}
#detail-body[data-section=input] dl {grid-template-columns:160px minmax(0,1fr);gap:13px 24px;font-size:13px;line-height:1.8;margin-top:20px}
#detail-body[data-section=input] dd {color:#4d5e75}
.conversation-layout {max-width:980px}
.conversation-tools {margin-bottom:14px;min-height:32px}
#message-history {padding:10px 28px;border-radius:8px}
.message {padding:22px 0}
.message-text {font-size:13px;line-height:1.9;color:#4f6077}
.message-header {margin-bottom:10px}
.reply-form {padding:14px 18px;border-radius:8px}
.timeline-panel {max-width:1100px;margin:0 auto}
.timeline-heading {padding:13px 22px}
.timeline-records {padding-left:22px;padding-right:22px}
.delivery-focus .main-content {padding:20px 24px}
.delivery-focus .artwork-canvas {height:max(260px,calc(100cqh - 54px));padding:16px}
.delivery-focus .artwork-canvas img {max-width:100%}
@media(min-width:1700px) {.main-content{padding:26px 32px}.workspace-bar{padding:0 32px}body[data-view=detail] .main-content{padding:30px 40px 28px}}
@media(max-width:760px) {body[data-view=detail] .main-content{padding:18px 16px}.project-masthead{padding-bottom:12px;margin-bottom:14px}.overview-stage .artwork-canvas,.artwork-canvas{padding:16px;height:max(240px,calc(100cqh - 86px))}#detail-body[data-section=input]>.s-summary{padding:17px 16px}#detail-body[data-section=input] dl{grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:12px}.reply-tools{gap:8px}}
.artwork-gallery {position:relative}
.artwork-gallery .artwork-canvas {padding-left:40px;padding-right:40px}
.artwork-gallery>.slide-controls {position:absolute;inset:0;border:0;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}
.artwork-gallery>.slide-controls button {pointer-events:auto;display:grid;place-items:center;width:32px;height:40px;padding:0;border:1px solid #dce2eb;border-radius:7px;background:#ffffffeb;color:#536b90;box-shadow:0 2px 8px #2436500a;margin:0 6px}
.artwork-gallery>.slide-controls button:disabled {opacity:.25;pointer-events:none}
.artwork-gallery [data-slide="-1"] .icon {transform:rotate(180deg)}
.overview-primary {gap:20px;margin-bottom:16px}
.overview-primary .overview-toolbar {min-height:30px;margin-bottom:8px}
.overview-primary .overview-toolbar .slide-count {margin-left:4px;padding-left:10px;border-left:1px solid #dfe5ee}
.overview-primary .overview-stage .artwork-canvas {height:max(240px,calc(100cqh - 178px));padding:12px 40px}
.overview-primary .overview-activity {height:max(278px,calc(100cqh - 140px));padding:16px 18px}
.overview-activity .section-title {margin-bottom:16px}
.overview-activity .activity-node {padding-bottom:17px}
#detail-body .overview-context>.panel {padding:12px 4px}
.overview-context .section-title {margin-bottom:6px}
.overview-context .overview-goal {margin:0;line-height:1.6}
.overview-context .overview-facts {margin:8px 0;line-height:1.6}
.overview-context .overview-brief {display:grid;grid-template-columns:64px minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1fr);gap:6px 12px;margin:0;line-height:1.6}
@media(max-width:1050px) {.overview-primary .overview-activity{height:auto;max-height:360px}.overview-primary .overview-stage .artwork-canvas{height:max(240px,calc(100cqh - 100px))}.overview-context .overview-brief{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:1100px) {#mg-project-workspace{grid-template-columns:210px minmax(0,1fr)}.main-content{padding:20px}.workspace-bar{padding:0 20px}.table-tools{align-items:flex-start;flex-wrap:wrap;gap:12px}.search-wrap{margin-left:auto}.detail-meta{gap:10px}.detail-meta span:last-child{display:none}.overview-grid{grid-template-columns:1fr}.runner-strip{flex-wrap:wrap}.runner-count{margin-left:0}.delivery-toolbar>.muted{display:none}.preview-controls label{max-width:100%}}
@media(max-width:760px) {#mg-project-workspace{grid-template-columns:66px minmax(0,1fr)}.sidebar{padding:18px 8px 0}.sidebar-brand{flex-direction:column;gap:14px;margin-bottom:14px}.brand-link>span,.sidebar em,.nav-caption,.nav-project-name,.nav-count,#recent-projects,#sidebar-inbox,.sidebar-foot>span:last-child{display:none}.sidebar-create{justify-content:center;margin:0 4px 15px;padding:8px}.sidebar nav a,.sidebar nav button{justify-content:center;padding:9px}#project-navigation{margin-top:21px;border-top:1px solid #ffffff12;padding-top:13px}.sidebar-foot{justify-content:center;padding:17px 0}.main-content{padding:17px 14px}.workspace-bar{height:41px;padding:0 14px}.workspace-mode{display:none}h1{font-size:21px}.page-heading{gap:10px;margin-bottom:18px}.subheading{font-size:11px}.detail-heading{flex-wrap:wrap}.detail-heading h1{font-size:18px}.detail-actions{padding-top:0}.detail-meta{font-size:9px}.detail-meta span:nth-child(2){display:none}.panel{padding:15px}.delivery-panel{padding:12px}.delivery-toolbar{gap:8px}.delivery-toolbar strong{display:none}.artwork-canvas{height:max(240px,calc(100cqh - 112px));padding:12px}.version-meta>span{display:none}.artwork-toolbar>span{max-width:50%}.overview-summary{flex-wrap:wrap}.overview-artworks{grid-template-columns:1fr}.message-header{flex-wrap:wrap}.message-header time{margin-left:0}#message-history,.reply-form{padding:12px 16px}.runner-strip{padding:14px;gap:10px}.runner-strip small{max-width:250px}.runner-count{display:none}.table-tools{padding:12px}.filter-tabs button{padding:5px 7px;font-size:11px}.search-wrap{min-width:0;width:100%}.search-wrap .search-box{width:100%!important}dl{grid-template-columns:100px 1fr;gap:10px;font-size:11px}.preview-controls{padding:10px;gap:6px}#file-preview{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.preview-help{display:none}}
@media(prefers-reduced-motion:reduce) {*{scroll-behavior:auto!important;transition:none!important}}

#detail-body .overview-context {display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,27%,320px);gap:20px}
.project-digest {display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 18px;background:#ffffffa6;border:1px solid #e4e8ee;border-radius:8px;min-width:0}
.digest-properties {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;flex:1;min-width:0;font-size:11px;line-height:1.6}
.digest-properties>div {min-width:0}
.digest-properties dt {font-size:10px;color:#8c98aa;margin-bottom:5px}
.digest-properties dd {margin:0;color:#52657f;overflow-wrap:anywhere}
.digest-links {display:flex;align-items:center;gap:15px;flex:none;padding:9px 0 0;border-top:1px solid #e8ecf1}
.digest-links a {display:flex;align-items:baseline;gap:4px;font-size:12px;color:#526984;white-space:nowrap;padding:5px 0;text-decoration:none}
.digest-links a span {font-size:10px;color:#8a97aa}
.digest-links a:hover,.digest-links a:hover span {color:#315bd5}
.digest-links .digest-details {font-size:11px;color:#4769b1;margin-left:auto;gap:7px;align-items:center}
.digest-links .icon {width:13px;height:13px}
@media(max-width:1050px) {#detail-body .overview-context{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px) {.digest-properties{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.digest-links{gap:10px;flex-wrap:wrap}}

/* Project lists favor quick scanning while artwork pages retain their spacing. */
#view-list:not(:has(#p-new-form:not([hidden])))>.page-heading {margin-bottom:18px}
#view-list>.page-heading>#p-new {margin-left:auto;flex:none}
#view-list .table-tools {padding:10px 18px;min-height:52px}
#view-list .project-table th {padding-top:8px;padding-bottom:8px}
#view-list .project-table td {padding-top:9px;padding-bottom:9px}
#view-list .project-cell {gap:10px}
#view-list .scene-icon {width:28px;height:30px;border-radius:5px}
#view-list .scene-icon .icon {width:16px;height:16px}
#view-list .project-category {margin-top:2px}
#view-list .table-footer {padding:9px 19px}
#view-list,#list-content,#view-list .table-card {min-width:0;max-width:100%}
#view-list .project-table {table-layout:fixed;min-width:880px}
#view-list .project-table th:nth-child(1) {width:25%}
#view-list .project-table th:nth-child(2) {width:9%}
#view-list .project-table th:nth-child(3) {width:23%}
#view-list .project-table th:nth-child(4) {width:9%}
#view-list .project-table th:nth-child(5) {width:12%}
#view-list .project-table th:nth-child(6),#view-list .project-table th:nth-child(7) {width:9%}
#view-list .project-table th:nth-child(8) {width:4%}
#view-list .project-table td:first-child {min-width:0}
#view-list .project-link,#view-list .location-cell {overflow-wrap:anywhere}
#view-list .project-table th,#view-list .project-table td {padding-left:12px;padding-right:12px}