/* The sketch's two open doors, with the complete board group behind them. */
body.portal-home{background:#0e1811}
:root[data-design=spatial] body.portal-home .crm-scene{background:#0e1a12;background-image:radial-gradient(ellipse at 8% 10%,rgba(184,156,78,.28),transparent 42%),radial-gradient(ellipse at 90% 25%,rgba(98,159,116,.16),transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(83,126,66,.13),transparent 60%);filter:none;transform:none}
:root[data-design=spatial] body.portal-home .app-shell{grid-template-columns:172px minmax(0,1fr);gap:14px;padding:25px 24px 20px;max-width:2000px;overflow:clip;perspective:2000px}
:root[data-design=spatial] body.portal-home .sidebar{position:sticky;top:26px;height:calc(100dvh - 52px);min-height:670px;transform:perspective(1700px) rotateY(22deg);transform-origin:left center;border-radius:20px 34px 34px 20px;background:linear-gradient(100deg,rgba(248,230,171,.14),rgba(168,209,159,.035)),rgba(25,39,27,.28);box-shadow:-2px -1px 1px rgba(255,248,210,.6),4px 8px 0 rgba(128,161,113,.15),15px 25px 35px rgba(0,10,0,.5);z-index:10;padding:25px 8px 15px;backdrop-filter:blur(17px)}
:root[data-design=spatial] body.portal-home .sidebar:after{content:'';position:absolute;left:0;top:8%;bottom:8%;width:3px;border-radius:3px;background:linear-gradient(transparent,rgba(255,245,190,.6),transparent);pointer-events:none}
:root[data-design=spatial] body.portal-home .brand{font-size:17px;letter-spacing:.5px;margin-inline:7px}
:root[data-design=spatial] body.portal-home .brand-subtitle{font-size:5.5px;letter-spacing:1px}
:root[data-design=spatial] body.portal-home #navigation button{padding:10px 8px;gap:8px;font-size:10px;min-height:43px}
:root[data-design=spatial] body.portal-home .workspace-label{font-size:8px}.portal-home .workspace-label small{font-size:7px}
:root[data-design=spatial] body.portal-home .profile strong{font-size:8px}.portal-home .profile small{font-size:7px}
:root[data-design=spatial] body.portal-home .topbar{height:40px;margin-bottom:18px}
.portal-home .breadcrumb{display:none}.portal-home .topbar-actions{margin-left:auto}
.p-room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 13px 0 10px;margin-bottom:22px}
.p-room-heading>div>span{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:11px}
.p-room-heading h1{font-size:30px;font-weight:380;letter-spacing:-.8px}
.p-team-count{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--secondary);padding:9px 12px;border:1px solid var(--line);border-radius:20px;background:rgba(226,242,177,.04)}
.portal-room{--scene-x:0;--scene-y:0;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;position:relative;perspective:1900px;transform-style:flat;min-height:700px;pointer-events:none}
.p-center,.p-right-door{pointer-events:auto}
.p-center{min-width:0;padding:14px 8px 15px;position:relative;transform:scale(.965);transform-origin:center top;transform-style:flat}
.p-deck-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 10px 13px;color:var(--secondary);font-size:11px}
.p-deck-bar>div:first-child{display:flex;align-items:center;gap:8px}.p-deck-bar i{width:5px;height:5px;background:#c8f2b8;border-radius:50%;box-shadow:0 0 10px #a1e6a0}.p-deck-bar small{font-size:8px;color:var(--muted);margin-left:4px}
.p-deck-controls{display:flex;gap:4px}.p-deck-controls button{display:flex;justify-content:center;align-items:center;border-radius:10px;width:31px;height:29px;color:var(--secondary);border:1px solid var(--line);background:rgba(171,212,144,.04);font-size:15px}
.p-deck-controls button:hover{background:rgba(200,240,166,.16);color:var(--text)}
.p-deck{perspective:1700px;max-height:650px;min-height:650px;overflow-y:auto;overflow-x:clip;padding:19px 12px 28px;scrollbar-width:thin;scrollbar-color:rgba(187,218,149,.18) transparent;overscroll-behavior:contain;outline-offset:-3px}
.p-board-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 17px;transform:translateY(calc(var(--scene-y,0) * 3px)) rotateX(var(--deck-tilt,0deg)) rotateY(calc(var(--scene-x,0) * .6deg));transform-style:flat;transform-origin:center center;will-change:transform}
.p-board{position:relative;border-radius:20px;border:1px solid rgba(221,239,195,.32);border-top-color:rgba(251,249,214,.7);border-left-color:rgba(249,245,205,.5);background:linear-gradient(135deg,rgba(232,239,177,.13),rgba(114,174,137,.035)),rgba(26,43,30,.25);backdrop-filter:blur(15px);box-shadow:1px 5px 0 rgba(144,179,122,.14),7px 17px 25px rgba(0,10,0,.4),inset 1px 1px 1px rgba(249,248,210,.25);min-width:0;height:285px;display:flex;flex-direction:column;padding:12px 10px 10px;transform:none}
.p-board:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,15%) var(--shine-y,0%),rgba(253,253,208,.11),transparent 50%);pointer-events:none}
.p-board>header{display:flex;gap:8px;align-items:center;min-height:41px;padding:0 2px 12px;border-bottom:1px solid var(--line)}
.p-board>header .avatar{width:27px;height:27px;font-size:8px;background:linear-gradient(130deg,#8b9c68,#345e41);border-color:rgba(220,244,180,.35);color:#eef4d5}
.p-board>header>div{flex:1;min-width:0}.p-board h2{font-size:12px;font-weight:520;letter-spacing:-.2px;line-height:1.4;overflow-wrap:anywhere}.p-board header small{font-size:7px;color:var(--muted);display:block;margin-top:4px}
.p-board header>.icon-btn{width:22px;height:22px;flex-shrink:0}
.p-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1;min-height:0;margin:11px 0 0}
.p-lane{min-width:0;padding:0 3px 6px;border-radius:9px;transition:background .15s,box-shadow .15s}
.p-lane h3{font-size:7px;letter-spacing:-.15px;line-height:1.4;color:var(--secondary);display:flex;align-items:center;gap:3px;margin:0 0 8px;white-space:nowrap;font-weight:450}
.p-lane h3>span{font-size:7px;margin-left:auto;opacity:.7}.p-dot{width:4px;height:4px;border-radius:50%;background:#cec38f;flex-shrink:0}.p-dot.doing{background:#a5c8bb}.p-dot.done{background:#a9df9c}
.p-task-stack{display:flex;flex-direction:column;gap:6px;min-height:105px}
.p-task{min-width:0;position:relative;padding:7px 6px;border:1px solid rgba(221,239,186,.18);border-radius:10px;background:linear-gradient(140deg,rgba(213,239,165,.10),rgba(164,209,173,.03));box-shadow:0 6px 9px rgba(0,18,3,.16);cursor:grab}
.p-task-title{display:block;padding:0;font-size:8px;line-height:1.5;text-align:left;font-weight:500;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p-task p{font-size:6px;line-height:1.5;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-task>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:4px;color:var(--muted);font-size:6px}.p-task>div>span{display:flex;align-items:center;gap:3px}.p-task>div svg{width:9px;height:9px}.p-task>div button{padding:0;color:var(--accent)}
.p-task.is-done{background:rgba(142,202,127,.08);opacity:.8}.p-task.is-done .p-task-title{color:#c1dfb4}
.p-task[draggable=false]{cursor:default}.p-person-picker{display:grid;gap:10px}.p-person-picker .detail-link>span{display:flex;gap:10px;align-items:center}
.p-lane-empty{min-height:103px;border:1px dashed rgba(197,224,165,.13);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px 4px;text-align:center;color:var(--faint);font-size:7px;line-height:1.6}
.p-more{font-size:7px;color:var(--accent);padding:6px 2px;margin-top:2px}
.p-board>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;color:var(--muted);padding-top:7px;margin-top:auto;border-top:1px solid rgba(213,233,176,.10)}
.p-board>footer button{font-size:7px;color:var(--accent);display:flex;align-items:center;gap:3px;min-height:22px;padding:0}
.p-lane.drop-target{background:rgba(190,252,159,.14);box-shadow:0 0 0 1px #bee4a5,0 0 20px rgba(142,223,130,.2)}.p-task.dragging{opacity:.3}
.p-add-person{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;height:285px;border:1px dashed rgba(200,227,166,.25);border-radius:20px;background:rgba(93,141,88,.035);color:var(--muted);backdrop-filter:blur(5px)}
.p-add-person>span{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:15px;border:1px solid var(--line);color:var(--secondary);background:rgba(188,225,150,.04)}.p-add-person strong{font-size:12px;font-weight:450}.p-add-person small{font-size:8px;max-width:130px;line-height:1.7}.p-add-person:hover{border-color:#d3edb6;background:rgba(168,216,129,.1)}
.p-deck-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 12px 0;font-size:7px;color:var(--muted)}.p-deck-caption>span:first-child{display:flex;gap:5px;align-items:center}
.p-right-door{position:relative;align-self:stretch;min-width:0;border:1px solid rgba(238,243,196,.35);border-top-color:rgba(255,250,210,.7);border-right-color:rgba(252,246,214,.66);border-radius:35px 21px 21px 35px;background:linear-gradient(240deg,rgba(226,239,176,.14),rgba(146,198,153,.03)),rgba(25,43,31,.23);backdrop-filter:blur(17px);transform:perspective(1700px) rotateY(-22deg);transform-origin:right center;box-shadow:1px -1px 1px rgba(255,250,214,.45),-5px 8px 0 rgba(125,170,116,.13),-16px 25px 45px rgba(0,12,0,.45);padding:22px 14px 17px;z-index:10;display:flex;flex-direction:column;max-height:730px}
.p-door-hinge{position:absolute;right:0;top:8%;bottom:8%;width:3px;background:linear-gradient(transparent,rgba(249,246,203,.6),transparent);pointer-events:none}
.p-right-door>header{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:19px}.p-right-door h2{font-size:21px;font-weight:400;letter-spacing:-.6px}.p-right-door header p{font-size:8px;color:var(--muted);margin-top:5px}.p-door-symbol{color:#c3e6b5}
.p-template-list{display:flex;flex-direction:column;gap:11px}
.p-template{display:flex;align-items:center;gap:8px;min-height:51px;border-radius:17px;border:1px solid rgba(224,238,181,.27);background:linear-gradient(140deg,rgba(223,240,178,.15),rgba(151,206,154,.04));box-shadow:0 3px 0 rgba(122,166,110,.12),0 9px 14px rgba(0,15,0,.18),inset 1px 1px 0 rgba(241,244,195,.2);padding:9px 8px;text-align:left;cursor:grab;color:var(--text);transition:transform .2s,box-shadow .2s}
.p-template>span:first-child{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;border-radius:10px;background:rgba(206,238,164,.07);border:1px solid rgba(226,244,184,.13);color:#c0e3af}.p-template>span:nth-child(2){flex:1;min-width:0}.p-template strong{display:block;font-size:10px;font-weight:500;line-height:1.4}.p-template small{display:block;font-size:6px;color:var(--muted);line-height:1.5;margin-top:4px}.p-template>svg:last-child{width:10px;height:10px;color:var(--muted)}
.p-template:hover{transform:translateX(-5px);box-shadow:0 4px 0 rgba(122,166,110,.2),0 13px 19px rgba(0,15,0,.3),inset 1px 1px 0 rgba(241,244,195,.3)}.p-template.dragging{opacity:.4}.p-template.custom{background:rgba(198,239,167,.035);border-style:dashed}
.p-door-tip{display:flex;gap:9px;padding:20px 3px;color:var(--muted);margin-top:auto}.p-door-tip>svg{width:16px;height:16px;transform:rotate(180deg);flex-shrink:0}.p-door-tip p{font-size:8px;line-height:1.8}.p-right-action{display:flex;align-items:center;gap:9px;min-height:39px;padding:8px 5px;font-size:10px;color:var(--secondary);border-top:1px solid var(--line)}.p-right-action>svg:last-child{margin-left:auto}
.p-board.expanded{height:auto;min-height:400px;transform:none;padding:17px;background:rgba(123,167,105,.035);box-shadow:none;border-color:var(--line)}.p-board.expanded .p-lanes{gap:12px;margin-top:19px}.p-board.expanded .p-lane h3{font-size:10px;margin-bottom:13px}.p-board.expanded .p-task{padding:12px}.p-board.expanded .p-task-title{font-size:12px}.p-board.expanded .p-task p{font-size:10px}.p-board.expanded .p-task>div{font-size:9px}.p-board.expanded h2{font-size:18px}.p-board.expanded header small{font-size:10px}.p-board.expanded .p-lane-empty{font-size:10px;min-height:180px}.p-board.expanded footer{font-size:10px}.p-board.expanded footer button{font-size:10px}
@media(min-width:1650px){:root[data-design=spatial] body.portal-home .app-shell{grid-template-columns:195px minmax(0,1fr);gap:25px;padding:30px}:root[data-design=spatial] body.portal-home .sidebar{top:30px;height:calc(100dvh - 60px);padding:30px 12px}:root[data-design=spatial] body.portal-home .brand{font-size:21px}:root[data-design=spatial] body.portal-home #navigation button{font-size:12px;min-height:46px}.portal-room{grid-template-columns:minmax(0,1fr) 245px;gap:30px}.p-board{height:320px;padding:15px 12px}.p-board h2{font-size:15px}.p-board header small{font-size:9px}.p-lane h3{font-size:9px}.p-task-title{font-size:10px}.p-task p,.p-task>div{font-size:8px}.p-task{padding:9px 7px}.p-lane-empty{font-size:9px}.p-board>footer,.p-board>footer button{font-size:9px}.p-deck{min-height:735px;max-height:735px}.p-right-door{max-height:810px;padding:26px 17px}.p-template{min-height:57px;padding:12px}.p-template strong{font-size:12px}.p-template small{font-size:8px}.p-template-list{gap:13px}.p-add-person{height:320px}.p-right-door header p,.p-door-tip p{font-size:10px}.p-right-action{font-size:12px}}
@media(max-width:1200px) and (min-width:768px){:root[data-design=spatial] body.portal-home .app-shell{grid-template-columns:150px minmax(0,1fr);gap:10px;padding:20px 17px}.portal-room{grid-template-columns:minmax(0,1fr) 185px;gap:12px}.p-board-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.p-right-door{padding:19px 11px}.p-template{padding:9px 7px;gap:6px}.p-template strong{font-size:9px}.p-template small{display:none}.p-room-heading h1{font-size:26px}.p-deck-bar small{display:none}.p-deck{max-height:650px}.p-right-door h2{font-size:19px}.p-deck-caption>span:last-child{display:none}:root[data-design=spatial] body.portal-home .brand{font-size:15px}:root[data-design=spatial] body.portal-home .brand-subtitle{font-size:5px;letter-spacing:.6px}:root[data-design=spatial] body.portal-home .workspace-label{display:none}:root[data-design=spatial] body.portal-home #navigation button{font-size:9px;padding-inline:5px}.p-template>span:first-child{width:22px;height:22px;flex-basis:22px}.p-template>span:first-child svg{width:14px;height:14px}.p-door-tip p{font-size:7px}}
@media(min-width:768px) and (max-width:950px){:root[data-design=spatial] body.portal-home .app-shell{grid-template-columns:65px minmax(0,1fr);gap:12px}:root[data-design=spatial] body.portal-home .sidebar{padding:25px 7px 15px}:root[data-design=spatial] body.portal-home .brand{font-size:0;margin:0 auto 20px}:root[data-design=spatial] body.portal-home #navigation button{font-size:0;justify-content:center}:root[data-design=spatial] body.portal-home #navigation button>span{display:none}:root[data-design=spatial] body.portal-home .workspace-status{display:none}:root[data-design=spatial] body.portal-home .design-picker a{min-width:0;font-size:7px}.p-room-heading{padding-inline:5px}.p-room-heading h1{font-size:25px}.p-team-count{font-size:8px}.portal-room{grid-template-columns:minmax(0,1fr) 170px;gap:8px}.p-center{padding-inline:2px}.p-deck{padding-inline:7px}.p-board{padding:11px 7px}.p-board h2{font-size:11px}.p-lanes{gap:3px}.p-lane{padding-inline:1px}.p-lane h3{font-size:6px}.p-task-title{font-size:7px}.p-task{padding:6px 4px}}
@media(max-width:767px){:root[data-design=spatial] body.portal-home .app-shell{display:block;padding:0 15px 18px;perspective:none}:root[data-design=spatial] body.portal-home .sidebar{position:fixed;top:12px;left:12px;width:248px;height:calc(100dvh - 24px);min-height:0;z-index:50;transform:translateX(-280px);padding:27px 16px 17px;background:linear-gradient(135deg,rgba(74,80,47,.98),rgba(20,45,29,.98))}:root[data-design=spatial] body.portal-home.nav-open .sidebar{transform:translateX(0)}:root[data-design=spatial] body.portal-home .brand{font-size:23px}:root[data-design=spatial] body.portal-home .brand-subtitle{font-size:7px;letter-spacing:1.8px}:root[data-design=spatial] body.portal-home #navigation button{font-size:13px;padding:11px 12px}:root[data-design=spatial] body.portal-home .workspace-label{font-size:11px}:root[data-design=spatial] body.portal-home .workspace-label small{font-size:9px}:root[data-design=spatial] body.portal-home .profile strong{font-size:11px}:root[data-design=spatial] body.portal-home .profile small{font-size:9px}:root[data-design=spatial] body.portal-home .topbar{height:116px;padding-top:15px;margin-bottom:20px}.p-room-heading{display:block;padding:0;margin-bottom:18px}.p-room-heading h1{font-size:28px}.p-room-heading>div>span{font-size:7px;letter-spacing:1.5px}.p-team-count{display:inline-flex;margin-top:14px;font-size:9px}.portal-room{display:flex;flex-direction:column;gap:26px;min-height:0;perspective:1300px}.p-center{padding:0;transform:none;width:100%}.p-board-group{grid-template-columns:1fr;gap:22px;transform:rotateX(calc(var(--deck-tilt,0deg) * .35))}.p-deck{max-height:650px;min-height:420px;padding:18px 7px 22px}.p-board{height:300px;padding:15px 12px;transform:none}.p-board h2{font-size:17px}.p-board header small{font-size:10px}.p-board>header .avatar{width:33px;height:33px;font-size:10px}.p-board>header>.icon-btn{width:30px;height:30px}.p-lanes{gap:7px;margin-top:14px}.p-lane h3{font-size:8px}.p-task-title{font-size:9px}.p-task p{font-size:7px}.p-task>div{font-size:7px}.p-task{padding:8px 6px}.p-lane-empty{font-size:9px;min-height:120px}.p-board>footer,.p-board>footer button{font-size:9px}.p-deck-bar{font-size:11px;margin-inline:5px}.p-deck-bar small{display:none}.p-deck-controls button{width:36px;height:35px}.p-deck-caption{font-size:7px;margin-inline:5px}.p-deck-caption>span:last-child{display:none}.p-add-person{height:200px}.p-right-door{width:100%;max-height:none;transform:perspective(1300px) rotateY(-3deg);padding:23px 18px 18px;border-radius:27px;box-shadow:1px -1px 1px rgba(255,250,214,.4),-3px 7px 0 rgba(125,170,116,.14),-8px 16px 30px rgba(0,12,0,.4)}.p-right-door h2{font-size:24px}.p-right-door header p{font-size:10px}.p-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.p-template{padding:12px 9px;min-height:65px;gap:7px}.p-template strong{font-size:10px}.p-template small{display:none}.p-template>span:first-child{width:25px;height:25px;flex-basis:25px}.p-template>svg:last-child{display:none}.p-door-tip{padding-bottom:14px}.p-door-tip p{font-size:10px}.p-right-action{font-size:12px}.p-board.expanded{padding:15px 8px}.p-board.expanded .p-lanes{gap:6px}.p-board.expanded .p-lane h3{font-size:8px}.p-board.expanded .p-task{padding:9px 6px}.p-board.expanded .p-task-title{font-size:9px}.p-board.expanded .p-task p{font-size:8px}.p-board.expanded .p-lane-empty{font-size:9px}}
:root[data-design=spatial][data-theme=light] body.portal-home .sidebar,:root[data-design=spatial][data-theme=light] .p-right-door{background:linear-gradient(135deg,rgba(249,248,209,.45),rgba(210,239,196,.17)),rgba(211,226,188,.32)}
:root[data-design=spatial][data-theme=light] body.portal-home .crm-scene{background:#b5c299;background-image:radial-gradient(ellipse at 10% 0%,rgba(250,241,196,.7),transparent 65%),radial-gradient(ellipse at 90% 80%,rgba(99,150,98,.22),transparent 60%)}
:root[data-design=spatial][data-theme=light] body.portal-home{background:#b5c299}
:root[data-design=spatial][data-theme=light] .p-board{background:linear-gradient(135deg,rgba(255,251,214,.4),rgba(225,246,208,.08)),rgba(215,234,191,.26);box-shadow:1px 5px 0 rgba(115,159,93,.12),7px 17px 25px rgba(35,62,26,.2),inset 1px 1px 1px rgba(255,255,226,.65)}
:root[data-design=spatial][data-theme=light] .p-template{background:linear-gradient(135deg,rgba(250,254,221,.44),rgba(191,223,160,.12))}
:root[data-design=spatial][data-theme=light] .p-template>span:first-child,:root[data-design=spatial][data-theme=light] .p-door-symbol{color:#477541}
:root[data-design=spatial][data-theme=light] .p-task{background:rgba(236,247,209,.3)}
:root[data-design=spatial][data-theme=light] .p-task.is-done .p-task-title{color:#365d34}
:root[data-design=spatial][data-theme=light] .p-deck-bar i{background:#4a8047}
:root[data-design=spatial][data-transparency=reduced] :is(.p-board,.p-right-door){background:#283e29;backdrop-filter:none}
:root[data-design=spatial][data-theme=light][data-transparency=reduced] :is(.p-board,.p-right-door){background:#d4e4bb}
@media(prefers-reduced-motion:reduce){.p-board-group{transform:none!important;will-change:auto}.p-template{transition:none}}
/* Project boards live beneath realtor names, on one shared moving deck. */
.p-board-group{grid-template-columns:repeat(5,minmax(164px,1fr));gap:13px;align-items:start;min-height:610px}
.p-deck{overflow:auto;max-height:710px;min-height:710px;padding:18px 10px 40px;scrollbar-color:rgba(215,200,184,.3) transparent}
.p-center{padding-inline:0;transform:scale(.97)}
.p-realtor-column{min-width:0;min-height:590px;border-radius:20px;padding:0 3px 14px;transition:background .15s,box-shadow .15s}
.p-person-heading{display:flex;gap:9px;align-items:center;padding:0 6px 18px;margin-bottom:7px;border-bottom:1px solid var(--line)}
.p-person-heading h2{font-size:17px;font-weight:500;letter-spacing:-.4px}.p-person-heading span{display:block;font-size:8px;color:var(--muted);margin-top:5px}.p-person-heading .avatar{width:30px;height:30px;font-size:11px;margin:0}
.p-person-projects{display:flex;flex-direction:column;gap:22px;min-height:110px;padding-top:13px}
.p-project{position:relative;min-width:0;border:1px solid var(--s-edge);border-top-color:rgba(255,245,226,.75);border-left-color:rgba(255,245,226,.55);border-radius:18px;padding:13px 10px 10px;background:var(--material-panel);box-shadow:1px 5px 0 rgba(179,170,155,.18),7px 15px 24px rgba(7,20,26,.35),inset 1px 1px 1px rgba(255,247,229,.23);backdrop-filter:blur(16px) saturate(110%);cursor:grab}
.p-project:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 0 0,rgba(255,238,208,.13),transparent 58%);pointer-events:none}
.p-project>header{display:flex;align-items:flex-start;gap:5px;margin-bottom:8px}.p-project>header h2{font-size:12px;line-height:1.45;font-weight:550;flex:1;min-width:0}.p-project>header h2 button{text-align:left;font:inherit;padding:0;overflow-wrap:anywhere}.p-project>header h2 button:hover{color:var(--accent)}
.p-project-grip{display:flex;flex:0 0 11px;margin-top:3px;color:var(--muted);cursor:grab}.p-project-grip svg{width:11px;height:11px}
.p-project>header .icon-btn{width:19px;height:21px;flex:0 0 19px}.p-project>header .icon-btn svg{width:13px;height:13px}
.p-project-client{font-size:8px;color:var(--muted);line-height:1.6;margin:0 0 7px;padding-left:16px;overflow-wrap:anywhere}
.p-project-price{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;line-height:1.4;font-weight:450;margin:12px 0 14px}.p-project-price>span{font-size:6px;border:1px solid var(--line);padding:3px 4px;border-radius:5px;font-weight:400;color:var(--muted)}
.p-project-tasks{display:flex;flex-direction:column;gap:8px}.p-project-empty{border:1px dashed var(--line);border-radius:11px;padding:20px 9px;text-align:center;font-size:9px;color:var(--muted);line-height:1.7;min-height:85px}
.p-project .p-task{background:var(--material-task);border-color:var(--line);padding:10px 8px 8px;border-radius:12px;position:relative;color:var(--text);box-shadow:0 6px 12px rgba(6,20,25,.13)}
.p-project .p-task-title{font-size:10px;line-height:1.5;-webkit-line-clamp:3;padding-right:6px}.p-project .p-task>div{font-size:7px;margin-top:9px}.p-task-status{position:absolute;left:-1px;top:12px;bottom:12px;width:2px;border-radius:5px;background:#c7b5a3}.p-task-status.doing{background:#8cf3e0;box-shadow:0 0 8px rgba(100,244,218,.7)}.p-task-status.done{background:#f8b552}
.p-project .p-task.is-done{opacity:.75;background:rgba(240,176,83,.08)}.p-project .p-task.is-done .p-task-title{color:var(--secondary)}
.p-project>footer{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid var(--line);margin-top:14px;padding-top:7px;font-size:7px;color:var(--muted)}.p-project>footer button{font-size:7px;display:flex;align-items:center;gap:3px;color:var(--accent);min-height:28px;padding:0}.p-project .p-more{color:var(--accent);font-size:8px;text-align:left;padding:7px 2px 2px}
.p-no-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;border:1px dashed var(--line);border-radius:18px;min-height:215px;color:var(--muted);padding:20px 13px;font-size:10px;line-height:1.7}.p-no-projects svg{opacity:.6}
.p-add-project{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);padding:11px;margin-top:15px;font-size:9px;width:100%;border:1px dashed var(--line);border-radius:10px}.p-add-project:hover{background:var(--material-task);color:var(--text)}
.p-new-project{display:flex;align-items:center;gap:7px;color:#2b241e;background:linear-gradient(135deg,#ffb078,#f3834d);box-shadow:0 4px 0 rgba(147,62,33,.4),0 10px 20px rgba(25,27,27,.25),inset 1px 1px 0 rgba(255,236,209,.7);border:1px solid #ffba88;border-radius:13px;padding:10px 14px;font-size:11px}
.p-realtor-column.drop-target{background:rgba(116,234,213,.1);box-shadow:inset 0 0 0 1px #8be8d7,0 0 22px rgba(98,226,207,.2)}
.p-project.drop-target,.p-lane.drop-target{background:rgba(119,229,211,.18);box-shadow:0 0 0 1px #8be8d7,0 0 22px rgba(98,226,207,.2)}.p-project.dragging,.p-task.dragging{opacity:.35}
.p-project.expanded{padding:20px;cursor:default;box-shadow:none;background:rgba(140,165,168,.04);min-height:380px}.p-project.expanded>header h2{font-size:22px}.p-project.expanded .p-project-grip{display:none}.p-project.expanded .p-project-client{font-size:12px;padding:0}.p-project.expanded .p-project-price{font-size:20px;justify-content:flex-start;gap:15px}.p-project.expanded .p-project-price>span{font-size:9px}.p-project.expanded .p-lanes{gap:14px;margin-top:22px}.p-project.expanded .p-lane h3{font-size:10px;margin-bottom:13px}.p-project.expanded .p-task-title{font-size:12px}.p-project.expanded .p-task>div{font-size:9px}.p-project.expanded .p-lane-empty{font-size:11px;min-height:140px}.p-project.expanded>footer,.p-project.expanded>footer button{font-size:10px}
.p-mobile-people{display:none}
@media(min-width:1650px){.p-person-heading h2{font-size:21px}.p-person-heading span{font-size:10px}.p-project{padding:16px 13px 10px}.p-project>header h2{font-size:15px}.p-project-client{font-size:10px}.p-project-price{font-size:14px}.p-project-price>span{font-size:8px}.p-project .p-task-title{font-size:12px}.p-project .p-task>div{font-size:9px}.p-project>footer,.p-project>footer button{font-size:9px}.p-board-group{gap:18px}.p-deck{min-height:790px;max-height:790px}.p-project>header .icon-btn{width:24px;height:24px;flex-basis:24px}}
@media(max-width:1200px) and (min-width:768px){.p-board-group{grid-template-columns:repeat(5,185px);gap:15px}.p-deck{min-height:680px;max-height:680px}.p-person-heading h2{font-size:18px}}
@media(max-width:767px){.p-deck{min-height:610px;max-height:610px;padding:14px 7px 30px}.p-board-group{grid-template-columns:repeat(5,260px);gap:22px;min-height:570px;transform:rotateX(calc(var(--deck-tilt,0deg) * .35));transform-origin:50% 25%}.p-center{transform:none}.p-mobile-people{display:flex;gap:4px;margin:18px 0 10px}.p-mobile-people button{flex:1;font-size:10px;padding:9px 4px;border:1px solid var(--line);border-radius:10px;background:var(--material-task)}.p-person-heading h2{font-size:22px}.p-person-heading span{font-size:10px}.p-person-heading .avatar{width:36px;height:36px;font-size:12px}.p-project{padding:17px 13px 10px}.p-project>header h2{font-size:16px}.p-project>header .icon-btn{width:27px;height:27px;flex-basis:27px}.p-project>header .icon-btn svg{width:17px;height:17px}.p-project-client{font-size:10px}.p-project-price{font-size:16px}.p-project-price>span{font-size:8px}.p-project .p-task-title{font-size:12px}.p-project .p-task>div{font-size:9px}.p-project>footer,.p-project>footer button{font-size:9px}.p-add-project{font-size:12px}.p-new-project{font-size:10px;padding:9px 11px}.p-room-heading{display:flex;gap:10px}.p-room-heading h1{font-size:25px;max-width:250px}.p-room-heading>div>span{font-size:6px}.p-project.expanded{padding:15px 9px}.p-project.expanded .p-lanes{gap:6px}.p-project.expanded .p-lane h3{font-size:8px}.p-project.expanded .p-task{padding:9px 6px}.p-project.expanded .p-task-title{font-size:10px}.p-project.expanded .p-lane-empty{font-size:9px}}