/* Information surfaces: a shared visual hierarchy without new controls. */
#app-main:focus{outline:none}
.ux-project,.ux-space,.ux-design{--ux-border:#dde4dc;--ux-soft:#f3f6f1;--ux-card-radius:16px}
.ux-site-record,.ux-design-note,.ux-site-result,.ux-change-intro,.ux-change-summary .ux-change-row,.ux-site-work-list,.ux-space .ux-disclosure,.ux-design .ux-disclosure,.ux-project .ux-project-details{background:#fff;border:1px solid var(--ux-border);border-radius:var(--ux-card-radius);box-shadow:0 2px 8px #243c2c04}
.ux-site-record{margin:0 0 18px;overflow:hidden}
.ux-site-card{padding:16px;background:#fff;border-radius:0;line-height:1.8}
.ux-site-card:hover{background:#fff}
.ux-site-card:active{background:#f8faf6}
.ux-site-card:focus-visible{outline-offset:-4px}
.ux-site-card-head{align-items:flex-start;gap:8px;font-size:11px;margin:0 0 10px}
.ux-site-kind{flex-shrink:0;color:var(--green);font-weight:600}
.ux-site-record-date{max-width:65%;text-align:right;line-height:1.7;color:var(--muted)}
.ux-site-card-title{font-size:17px;font-weight:650;line-height:1.6;margin-bottom:8px}
.ux-site-status,.ux-site-result>span{display:inline-block;background:#fcf3e5;border:1px solid #eee1c9;border-radius:6px;color:#86551d;font-size:11px;line-height:1.7;padding:3px 8px;margin:0 0 14px}
.ux-site-description{font-size:14px;line-height:1.85;margin:14px 0;color:var(--ink)}
.ux-site-no-photo{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px dashed #dbe2d7;border-radius:10px;background:#f7f9f5;margin:0}
.ux-site-no-photo>svg{width:22px;height:22px;flex-shrink:0;color:#7a8f7f}
.ux-site-no-photo strong,.ux-site-no-photo small{display:block;font-weight:400;font-size:12px;line-height:1.8;color:var(--muted)}
.ux-site-next{background:var(--ux-soft);border-radius:10px;padding:12px;margin:14px 0 8px;font-size:13px;line-height:1.85;color:var(--ink)}
.ux-site-next>strong{display:block;font-size:11px;color:var(--green);margin-bottom:4px;font-weight:600}
.ux-site-next>span{display:block}
.ux-site-next>small{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px solid #e0e7dc}
.ux-site-next time{white-space:nowrap}
.ux-site-open{justify-content:space-between;border-top:1px solid #eef1eb;margin-top:14px;padding-top:9px;min-height:44px;font-size:12px;font-weight:500}
.ux-site-photo img{border-radius:11px;height:225px}
.ux-site-caption{background:#f7f9f5;border:1px solid #e8ede4;border-radius:9px;padding:10px 12px;margin:8px 0 12px}
.ux-site-caption>span{font-size:11px;line-height:1.85}
.ux-site-record-footer{padding:0 16px;background:#fafbf8;border-top:1px solid #e9eee5;border-bottom:0}
.ux-site-record-link{min-height:44px;padding:10px 0}
.ux-site-unpictured{margin:24px 0}
.ux-site-unpictured h3{font-size:17px;margin:0 0 12px;font-weight:650}
.ux-site-work-list{padding:0 16px;overflow:hidden}
.ux-site-work-row{padding:15px 0;min-height:92px;border-bottom:1px solid #e8ede4}
.ux-site-work-row:last-child{border-bottom:0}
.ux-site-work-row>span>strong{font-size:14px;font-weight:600}
.ux-site-work-row>span>span{font-size:13px;color:var(--ink);margin:6px 0}
.ux-site-work-row small{font-size:11px}
.ux-site-work-row:hover{background:#fff}
.ux-site-work-row:active{background:#f3f6f1}
.ux-section-label{display:block;font-size:11px;font-weight:600;line-height:1.6;color:var(--green);margin-bottom:7px}
.ux-design-note,.ux-site-result{padding:16px;margin:18px 0}
.ux-design-note h2,.ux-site-result h2{font-size:16px;font-weight:600;line-height:1.7;margin:0 0 10px}
.ux-design-note p,.ux-site-result p{font-size:13px;line-height:1.9;margin:0;color:#56675c}
.ux-site-result small{margin-top:15px;border-top:1px solid #e8ede4;padding-top:12px;line-height:1.9}
.ux-site-result .ux-document-link{margin-top:10px;border-top:1px solid #edf1e9;padding-top:12px}
.ux-latest-update{padding:13px 14px;margin:16px 0;border:1px solid #d8e5d7;background:#edf4eb;border-radius:12px;align-items:flex-start}
.ux-latest-update>span:last-child{align-self:center}
.ux-space .ux-disclosure,.ux-design .ux-disclosure,.ux-project .ux-project-details{margin:12px 0;overflow:hidden}
.ux-space .ux-disclosure>summary,.ux-design .ux-disclosure>summary,.ux-project .ux-project-details>summary{padding:15px 36px 15px 16px;min-height:58px;font-weight:550}
.ux-space .ux-disclosure>summary:after,.ux-design .ux-disclosure>summary:after,.ux-project .ux-project-details>summary:after{right:15px}
.ux-space .ux-disclosure[open]>summary,.ux-design .ux-disclosure[open]>summary,.ux-project .ux-project-details[open]>summary{border-bottom:1px solid #e8ede4;margin-bottom:0;background:#fafbf8}
.ux-space .ux-disclosure>div,.ux-design .ux-disclosure>div,.ux-project .ux-project-details>div{padding:4px 16px 12px}
.ux-project .ux-project-budget>summary{padding:13px 36px 13px 16px}
.ux-project .ux-project-budget{margin:20px 0 12px}
.ux-site-part:last-child{border-bottom:0}
.ux-project-team{border:1px solid var(--ux-border);border-radius:14px;background:#f0f4ee;padding:14px 16px;margin-top:22px}
.ux-change-intro{padding:16px;margin:20px 0 18px}
.ux-change-summary .ux-change-title h2{font-size:17px;font-weight:650;margin:0 0 5px}
.ux-change-summary .ux-change-basis{font-size:11px;margin:0 0 14px;color:var(--muted)}
.ux-change-summary .ux-change-intro>.ux-change-explanation{margin:0;border-top:1px solid #e8ede4;padding-top:9px}
.ux-change-summary .ux-change-intro>.ux-change-explanation>div{grid-template-columns:1fr;gap:5px;margin:9px 0 13px}
.ux-change-intro dt{font-size:11px;color:var(--muted)}
.ux-change-intro dd{font-size:13px;color:var(--ink);line-height:1.85}
.ux-change-summary .ux-change-list{display:grid;gap:12px;margin:12px 0 18px}
.ux-change-summary .ux-change-row{padding:15px 16px;list-style:none}
.ux-change-row[data-change-type=added]{border-left:3px solid #a9c7af}
.ux-change-row[data-change-type=removed]{border-left:3px solid #d4b99a}
.ux-change-row[data-change-type=changed]{border-left:3px solid #bdcfc0}
.ux-change-summary .ux-change-row-head h3{font-size:15px;font-weight:600}
.ux-change-type{font-size:11px;border-radius:5px;padding:3px 7px}
[data-change-type=removed] .ux-change-type{background:#f7efe5;color:#855626}
.ux-change-summary .ux-change-fields{padding:10px 11px;background:#f6f8f3;border-radius:9px;margin:12px 0}
.ux-change-summary .ux-change-fields>div{margin:5px 0;gap:6px;grid-template-columns:36px minmax(0,1fr)}
.ux-change-field dt{font-size:11px;color:var(--muted)}
.ux-change-field dd{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:7px;font-size:12px;line-height:1.8}
.ux-change-after{font-weight:550}
.ux-change-summary .ux-change-amount{font-size:12px;margin:10px 0 0;padding-top:10px;border-top:1px solid #e8ede4}
.ux-change-field-details{margin-top:5px}
.ux-change-summary .ux-change-all,.ux-change-summary .ux-change-impact,.ux-change-summary .ux-change-drawings-details{background:white;border:1px solid var(--ux-border);border-radius:12px;padding:0 16px;margin:12px 0}
.ux-change-summary .ux-change-all>summary,.ux-change-summary .ux-change-impact>summary,.ux-change-summary .ux-change-drawings-details>summary{min-height:52px;padding-top:13px;padding-bottom:13px}
.ux-change-summary .ux-change-all[open]>summary,.ux-change-summary .ux-change-impact[open]>summary,.ux-change-summary .ux-change-drawings-details[open]>summary{border-bottom:1px solid #e8ede4}
.ux-global-overview{overflow:hidden}
.ux-flow-card{border-color:var(--ux-border);border-radius:16px}
.ux-flow-card[open]>summary{background:#f9fbf7;border-bottom:1px solid #e8ede4;margin-bottom:4px}
.ux-flow-preview{background:#f3f6f0;padding:11px;border-radius:9px}
.ux-flow-step:hover{background:#f6f9f2}
.ux-room-card{border-color:var(--ux-border)}
@media(max-width:360px){.ux-site-card,.ux-design-note,.ux-site-result,.ux-change-intro{padding:14px}.ux-site-card-head{flex-wrap:nowrap}.ux-site-record-date{font-size:10px}.ux-change-summary .ux-change-row{padding:13px 12px}.ux-change-field dd{gap:4px}.ux-project-team{padding:12px}}