/* Papir: reference 06's palette og typografi på reference 08's skal. */
:root{color-scheme:light;--bg:#f3f1ea;--side:#eeece4;--card:#fffcf7;--in:#edece4;--in-2:#e3e6db;--ink:#293b32;--ink-2:#526057;--ink-3:#68736a;--ink-4:#c2c9bf;--line:#e1e4d9;--brass:#315649;--sea:#ae7357;--ok:#315649;--crit:#a24b36;--paper:#fffcf7;--r-card:26px;--r-in:16px;--head:'IBM Plex Sans',sans-serif;--sans:'IBM Plex Sans',sans-serif;--sh:0 3px 6px #37482d04,0 15px 34px -24px #37482d35;--ph-frame-bg:#f3f1ea;--ph-ripple:#ae7357aa;--acc:#315649;--acc-rgb:49 86 73;--grad:linear-gradient(100deg,#315649,#65806a)}
button:focus-visible,a:focus-visible{outline:3px solid #a76849;outline-offset:3px}button{touch-action:manipulation}.shell{grid-template-columns:23.5rem minmax(0,1fr)}.side{padding:3rem 1.8rem 2rem;box-shadow:none;gap:2.6rem}.brand-t b{font-size:2.4rem;font-weight:500;letter-spacing:-.05em}.brand-t small{font-size:1.15rem}.ring{width:4rem;height:4rem}.project-nav{padding:1.8rem 1.2rem;background:#e5e6db;border-radius:18px;display:grid;gap:.35rem}.project-nav small,.project-nav span{font-size:1.2rem;color:var(--ink-3)}.project-nav strong{font-weight:550;font-size:1.45rem}.nav{gap:.65rem}.nav-i{height:4.8rem;font-size:1.45rem}.nav-i.on{background:#fffcf7;box-shadow:var(--sh)}.nav-i.on:before{display:none}.nav-i:hover,.nav-i[data-ph-hover]{background:#e0e4d7}.nav-icon{display:grid;place-items:center}.nav-icon svg{width:1.9rem;height:1.9rem}.cnt{background:#e4dfcc;color:#685523;font-weight:500}.portrait{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#d8dfce;color:#315649;flex:none}.side-adv{padding:1.3rem;gap:1rem}.side-note{font-size:1.2rem;color:var(--ink-2);padding:0 1rem}.side-note span{font-size:1.1rem;color:var(--ink-3)}
.main{grid-template-rows:5.3rem minmax(0,1fr) 2.3rem;padding:2rem 2.8rem 1.5rem;gap:1.8rem}.top{height:auto}.greeting{flex:1;min-width:0}.greeting h1{font-size:2.35rem;font-weight:500;margin:0;line-height:1.2}.greeting p{margin:.5rem 0 0;color:var(--ink-3);font-size:1.25rem}.search{width:24rem;font-weight:400;box-shadow:none}.search svg{width:1.7rem;height:1.7rem}.me{background:transparent;box-shadow:none}.me-av{background:#dbe2d4;color:var(--ink);font-weight:500}.me small:before{background:#71846c}.me b{font-weight:500}.views{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bcc5b6 transparent;padding:0 .3rem 1rem}.statusbar{display:flex;justify-content:space-between;gap:2rem;font-size:1.05rem;color:var(--ink-3);align-items:center}.statusbar kbd{font-size:.95rem;height:1.65rem;min-width:1.65rem;background:#e6e8dd}
.card{padding:2.5rem 2.8rem;flex:none;box-shadow:var(--sh);gap:1.3rem}.card h2{font-size:1.7rem;font-weight:500;margin:0;line-height:1.3}.card h3{font-size:1.5rem;font-weight:500;margin:0}.card p{margin:0;color:var(--ink-2)}.headrow{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.label{font-size:1.2rem;color:var(--ink-3)}.btn{height:4.4rem;box-shadow:none;font-size:1.35rem;font-weight:500}.btn.pri{background:#315649;color:#fff;box-shadow:none}.btn.pri:hover,.btn.pri[data-ph-hover]{background:#436a57}.btn:hover,.btn[data-ph-hover]{background:#dce2d4}.btn.ghost{color:var(--ink)}.btn.ghost:hover,.btn.ghost[data-ph-hover]{background:#e5e6da}.btn:disabled{background:#e3e6db!important;color:#66735e!important;opacity:.8}.chip{height:2.7rem;font-size:1.12rem;font-weight:500;background:#e9ece1;color:#46634d}.chip.wait{background:#f1e5d0;color:#876023}.chip.terracotta{background:#f2e1d7;color:#955e43}kbd{color:var(--ink-3);background:#ebece4}#icons svg{position:absolute;width:0;height:0}
.overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.8rem}.project-card{background:#e3e8da;min-height:38rem;position:relative;padding-bottom:1.8rem}.project-card h2{font-size:2.5rem;max-width:33rem;font-weight:450;letter-spacing:-.025em}.project-card .plan{flex:1;min-height:22rem}.project-card .plan svg{height:24rem;max-width:100%;display:block;margin:auto}.project-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.decision{background:#fffcf7;justify-content:space-between}.decision .big{font-weight:400;font-size:6.2rem;letter-spacing:-.045em}.decision .big span{font-size:2.6rem;letter-spacing:-.02em}.decision p{max-width:29rem;font-size:1.4rem;line-height:1.6}.decision .swatches{display:flex;gap:1rem}.swatch{height:5.4rem;width:5.4rem;border-radius:50%;box-shadow:inset 0 0 0 1px #00000008}.oak{background:repeating-linear-gradient(91deg,#c5a57e 0,#d5b991 3px,#d9bf9b 7px,#cfb38c 12px,#cbae85 13px,#d4b68d 19px)}.linen{background:repeating-linear-gradient(2deg,#ddd3bd88 0 1px,transparent 1px 4px),repeating-linear-gradient(91deg,#d8cbb288 0 1px,#e6dfce 1px 3px)}.chalk{background:#eee8d9}.clay{background:#b98066}.journey{grid-column:1/-1;min-height:14.7rem}.phase-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.7rem;margin-top:.6rem}.phase{position:relative;display:grid;gap:.6rem;font-size:1.2rem;align-content:start}.phase:before{content:'';height:4px;background:#e4e7db;border-radius:5px}.phase.done:before{background:#7e997f}.phase.active:before{background:#ae7357}.phase b{font-weight:500;font-size:1.35rem;line-height:1.4}.phase span{font-size:1.12rem;color:var(--ink-3)}.under{display:grid;grid-template-columns:1.2fr 1fr;gap:1.8rem;grid-column:1/-1}.budget-number{font-size:3.5rem;font-weight:450;line-height:1.2;letter-spacing:-.035em}.budget-number small{font-size:1.35rem;color:var(--ink-3);letter-spacing:0}.budgetbar{height:.8rem;display:flex;gap:.35rem;border-radius:3rem;overflow:hidden;margin:.8rem 0}.budgetbar span{background:#78917b;border-radius:3rem}.budgetbar span:nth-child(2){background:#acb69b}.budgetbar span:nth-child(3){background:#c5b39a}.budgetbar span:nth-child(4){background:#d7cabc}.legend{display:flex;gap:1.4rem;font-size:1.1rem;flex-wrap:wrap;color:var(--ink-3)}.meeting{display:flex;gap:1.6rem;align-items:center;padding:.5rem 0}.date-block{border-radius:16px;background:#ece9de;text-align:center;min-width:6.7rem;padding:.8rem 1.3rem;line-height:1.15}.date-block b{display:block;font-size:2.7rem;font-weight:400}.date-block span{font-size:1.1rem}.meeting p{font-size:1.3rem;margin:.5rem 0}.meeting .btn{margin-left:auto}
.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.8rem;align-items:start}.full{grid-column:1/-1}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 0 1.8rem;padding:.5rem 0}.workspace-head h2{font-size:2.1rem;font-weight:500;margin:0}.workspace-head p{font-size:1.25rem;margin:.5rem 0 0;color:var(--ink-3)}.seg{display:flex;padding:.4rem;border-radius:30px;background:#e7e9df;gap:.3rem;flex-wrap:wrap}.seg button{background:none;border:0;border-radius:30px;min-height:3.7rem;padding:0 1.5rem;font-size:1.25rem}.seg button.on{background:#fffcf7;box-shadow:var(--sh)}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}.material{padding:0;overflow:hidden;gap:0}.material .sample{height:17rem;position:relative;margin:1.2rem;border-radius:19px}.material .sample .chip{position:absolute;right:1.3rem;top:1.3rem;background:#fffcf7ed}.material .material-text{padding:1.1rem 2.4rem 2.4rem;display:grid;gap:1rem}.material .material-text p{font-size:1.3rem}.price{font-size:1.4rem;font-weight:500}.material-text .headrow h2{font-size:1.9rem}.material-text .btn{justify-self:start}.annotation{padding:1.6rem;border-radius:16px;background:#edece3;color:var(--ink-2);font-size:1.3rem}.plan-large svg{width:100%;height:auto;max-height:43rem}.room-buttons{display:flex;gap:.8rem;flex-wrap:wrap}.room-buttons .on{background:#315649;color:white}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.6rem 0}.facts div{display:grid;gap:.5rem}.facts b{font-size:2.6rem;font-weight:400}.facts small{color:var(--ink-3)}textarea,input,select{background:#f1f1e9;border:1px solid #d7ddd0;border-radius:14px;padding:1.2rem 1.4rem;width:100%;outline-offset:3px}textarea{resize:vertical;min-height:10rem}label{display:grid;gap:.7rem;font-size:1.3rem}.list{display:grid;gap:1rem}.row{display:flex;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem;border-radius:16px;background:#f1f1e9}.row .grow{min-width:0}.row strong{display:block;font-size:1.4rem;font-weight:500}.row small{display:block;font-size:1.2rem;color:var(--ink-3);margin-top:.3rem}.row .btn{flex:none}.row .amount{font-size:1.5rem;white-space:nowrap}.phase-list{display:grid;gap:1rem}.phase-list .row{padding:1.6rem}.phase-no{display:grid;place-items:center;flex:none;border-radius:50%;width:3.4rem;height:3.4rem;background:#dfe5d6;font-size:1.3rem}.phase-no.done{background:#315649;color:#fff}.slot{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid #d8decf;border-radius:16px;padding:1.5rem}.slot span{display:block;font-size:1.2rem;color:var(--ink-3);margin-top:.5rem}.chart{height:22rem;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart svg [tabindex]{cursor:crosshair}.chart-read{font-size:1.3rem;color:var(--ink-3);min-height:2rem}.totals{display:grid;gap:1rem}.total-row{display:flex;justify-content:space-between;gap:2rem;padding:.7rem 0;font-size:1.4rem}.total-row:last-child{font-size:1.8rem;color:var(--ink);padding-top:1.5rem;border-top:1px solid #e0e4d7}.paper{background:#fffef9;border-radius:16px;padding:2.7rem;box-shadow:0 4px 20px #4352380b;white-space:pre-wrap;line-height:1.85;font-size:1.35rem}.doc-list button{width:100%;border:0;text-align:left}.doc-list button.on{background:#dfe6d8}.doc-preview{min-height:37rem}.doc-preview h2{font-size:2.1rem}.conversation{min-height:48rem}.messages{display:grid;gap:1.7rem;max-height:38rem;overflow-y:auto;padding:1rem .3rem}.message{max-width:86%;background:#eeeee4;padding:1.5rem 1.7rem;border-radius:18px 18px 18px 3px;justify-self:start}.message.self{justify-self:end;background:#dfe7d7;border-radius:18px 18px 3px 18px}.message strong{display:block;font-size:1.2rem;font-weight:500;margin-bottom:.6rem}.message p{font-size:1.4rem}.message small{display:block;margin-top:.6rem;font-size:1.1rem;color:var(--ink-3)}.compose{display:grid;gap:1rem;margin-top:1rem}.compose .btn{justify-self:end}.advisor{display:flex;gap:1.4rem;align-items:center}.advisor .portrait{width:5rem;height:5rem;font-size:1.6rem}.empty{padding:5rem 2rem;text-align:center;background:#f1f3ea;border-radius:22px;display:grid;gap:1rem}.empty b{font-size:2rem;font-weight:450}
.overlay{position:absolute;inset:0;z-index:30;background:#25372e66;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:3rem}.overlay[hidden]{display:none}.dialog{width:min(60rem,100%);max-height:90%;overflow-y:auto;padding:3rem;gap:2rem;box-shadow:0 24px 90px #12241955}.dialog .sample{height:15rem;border-radius:18px}.dialog h2{font-size:2.3rem}.dialog-close{width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#eeeee4;font-size:2rem;flex:none}.dialog .actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.dialog .disclosure{font-size:1.2rem;color:var(--ink-3)}.dialog .search-results{display:grid;gap:.6rem}.dialog .search-results button{text-align:left;border:0;padding:1.4rem;border-radius:14px;background:#ecefe4;min-height:4.4rem}.error{color:#a24b36!important;font-size:1.3rem}.toasts{position:absolute;bottom:3rem;right:3rem;z-index:40;max-width:min(42rem,calc(100% - 4rem));pointer-events:none}.toast{border-radius:18px;background:#315649;color:white;padding:1.5rem 2rem;box-shadow:0 12px 30px #213d3a22;font-size:1.35rem}.overview>.card,.overview>.under,.material{animation:arrive .5s var(--ease) both}.overview>:nth-child(2){animation-delay:.05s}.overview>:nth-child(3){animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:821px) and (max-height:799px){.side{gap:1.5rem}.side-note{display:none}.nav{gap:.15rem}.nav-i{height:4.4rem}}
@media(max-width:1100px) and (min-width:821px){:where(:root:not(.ph-frame)){.shell{grid-template-columns:19.8rem minmax(0,1fr)}.main{padding:1.8rem;gap:1.5rem}.me{display:none}.search{width:20rem}.overview{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.under{grid-template-columns:1fr}.card{padding:2rem}.two-col{grid-template-columns:1fr}.material .material-text{padding:1rem 1.8rem 1.8rem}.phase-line{gap:1rem}.statusbar>span:last-child{display:none}}}
@media(max-width:820px){html{font-size:10px!important}.shell{display:block}.side{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:0 .8rem max(1rem,env(safe-area-inset-bottom));height:8rem;background:#f8f7f0;box-shadow:0 -4px 24px #293b320c;display:block}.side>.brand,.project-nav,.side-adv,.side-note{display:none}.nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:100%;gap:0}.nav-i{height:7rem;min-width:44px;flex-direction:column;justify-content:center;gap:.5rem;font-size:1.05rem;padding:.6rem 0;border-radius:14px}.nav-i.on{background:#e4eadc;box-shadow:none}.nav-i.sec{display:none}.nav-more{display:flex}.nav-icon svg{width:2rem;height:2rem}.nav-i .cnt{position:absolute;top:.4rem;right:.7rem;min-width:1.6rem;height:1.6rem;font-size:.9rem;padding:0 .4rem}.main{height:100%;padding:1.8rem 1.5rem 8.5rem;gap:1.7rem;grid-template-rows:auto minmax(0,1fr)}.top{flex-wrap:wrap;gap:1.2rem}.greeting h1{font-size:2.1rem}.greeting p{font-size:1.15rem}.me{height:3.5rem;padding:0}.me>span:last-child{display:none}.me-av{width:3.5rem;height:3.5rem}.search{order:3;width:100%;height:4.4rem;font-size:1.3rem}.statusbar{display:none}.views{padding:0 0 1.5rem}.overview,.under,.two-col{grid-template-columns:1fr;gap:1.5rem}.overview>.decision{order:-1}.card{padding:2.2rem;gap:1.4rem}.decision{min-height:28rem}.decision .big{font-size:5.2rem}.decision .swatches{position:absolute;right:2.2rem;top:8rem;flex-direction:column;gap:.6rem}.decision .swatch{height:3.4rem;width:3.4rem}.decision p{max-width:23rem}.decision>.btn{align-self:flex-start}.project-card{min-height:34rem}.project-card .plan svg{height:auto;width:100%}.project-card h2{font-size:2.2rem}.project-foot{align-items:start;flex-direction:column}.journey{grid-column:auto}.phase-line{grid-template-columns:1fr;gap:1.3rem}.phase{grid-template-columns:1.4rem 1fr auto;align-items:center;gap:1rem}.phase:before{height:1.1rem;width:1.1rem;border-radius:50%}.phase b{font-size:1.25rem}.under{grid-column:auto}.budget-number{font-size:3.2rem}.meeting{flex-wrap:wrap}.meeting .btn{margin-left:0}.workspace-head{flex-wrap:wrap;gap:1.3rem}.workspace-head h2{font-size:2rem}.material-grid{grid-template-columns:1fr}.material .sample{height:18rem}.material .material-text{padding:1rem 2.2rem 2.2rem}.two-col>.full{grid-column:auto}.row{flex-wrap:wrap;padding:1.3rem}.row .grow{min-width:14rem}.row .btn{height:4.4rem}.row .amount{font-size:1.35rem}.row .chip{margin-left:0}.slot{flex-wrap:wrap}.dialog{padding:2.2rem;max-height:95%;border-radius:24px}.overlay{padding:1.2rem}.dialog .actions{justify-content:stretch}.dialog .actions .btn{flex:1}.dialog h2{font-size:2rem}.toasts{bottom:9rem;right:1.5rem}.conversation{min-height:unset}.messages{max-height:32rem}.doc-preview{min-height:unset}.paper{padding:1.7rem;font-size:1.3rem}.full{grid-column:auto}.chart{height:20rem}.headrow{flex-wrap:wrap}kbd{display:none!important}}
@media(hover:none){kbd{display:none!important}}
button[data-selected="true"]{background:#315649;color:#fff}
.side{overflow-y:auto;scrollbar-width:thin}.side>*{flex-shrink:0}
@media(max-width:820px){.side{overflow:visible}.greeting p:after{content:' · Demo'} }
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}