:root{--canvas:#eef0f2;--surface:#fff;--ink:#1a1d1f;--text:#3a3f44;--muted:#6b7177;--line:#e5e8eb;--yellow:#ffb400;--soft:#f1f3f5}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Figtree,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button,a{transition:all .16s}button{cursor:pointer}.material-symbols-rounded{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app-shell{grid-template-columns:256px 1fr;min-height:100vh;display:grid}.sidebar{flex-direction:column;height:100vh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.logo{object-fit:contain;object-position:left;width:122px;height:66px;margin:0 12px 24px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{height:48px;color:var(--text);border-radius:24px;align-items:center;gap:12px;padding:0 14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:#f7f8f9}.nav-item.active{background:var(--ink);color:#fff}.nav-item.active .material-symbols-rounded{color:var(--yellow)}.nav-separator{border-top:1px solid #d9dde0;margin-top:6px;padding-top:10px}.nav-badge{background:var(--yellow);color:var(--ink);border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:11px;display:grid}.profile{text-align:left;background:0 0;border:0;border-radius:24px;align-items:center;gap:10px;margin-top:auto;padding:9px 10px;display:flex}.profile:hover{background:#fff}.profile>span:nth-child(2){flex-direction:column;flex:1;display:flex}.profile small{color:var(--muted)}.avatar{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.avatar.dark{background:var(--ink);color:#fff}.avatar.large{width:54px;height:54px;font-size:15px}main{min-width:0}.topbar{justify-content:space-between;align-items:center;height:80px;padding:0 36px 0 40px;display:flex}.breadcrumb{color:var(--muted)}.breadcrumb b{color:#a7adb2;margin:0 8px}.header-actions{gap:8px;display:flex}.icon-button{background:#fff;border:1px solid #d5dade;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{border-color:#8a9096}.bell{position:relative}.bell i{background:var(--yellow);border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-3px;right:-2px}.content{max-width:1440px;padding:4px 36px 56px 40px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin:12px 0 26px;display:flex}.page-title h1{letter-spacing:-.03em;margin:0 0 8px;font-size:40px;font-weight:500;line-height:1.05}.page-title p{color:#5b6166;margin:0;font-size:16px}.primary,.secondary{border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--yellow)}.primary:hover{background:#f0a800}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;border:1px solid #d5dade}.full{width:100%}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:24px;align-items:center;gap:16px;min-height:112px;padding:20px;display:flex}.kpi-icon{border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.kpi-icon.blue{color:#2c5a8c;background:#e3eefb}.kpi-icon.green{color:#256b45;background:#e2f3e8}.kpi-icon.orange{color:#8a4b0f;background:#fdebd6}.kpi-icon.violet{color:#5b3f99;background:#eee8fa}.kpi>span:last-child{flex-direction:column;display:flex}.kpi strong{font-size:28px}.kpi small{color:var(--muted);font-size:14px}.card{border:1px solid var(--line);background:#fff;border-radius:28px;padding:22px}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}.dashboard-grid .wide{grid-row:span 2}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{margin:0;font-size:20px;font-weight:600}.round-link{width:36px;height:36px;color:inherit;border:1px solid #d5dade;border-radius:50%;place-items:center;text-decoration:none;display:grid}.schedule-list{flex-direction:column;gap:10px;display:flex}.schedule-row{grid-template-columns:34px 125px 1fr;align-items:center;gap:10px;display:grid}.schedule-row>b{font-size:14px}.track{background:var(--soft);border-radius:24px;align-items:center;gap:5px;min-height:48px;padding:6px;display:flex}.track em{color:#8a9096;margin-left:10px;font-size:13px}.bar,.mini-bar{border-radius:18px;flex-direction:column;min-width:130px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.bar small,.mini-bar small{opacity:.75;font-weight:500}.blue{color:#22476f;background:#e4ecf6}.green{color:#22553a;background:#e3f0e7}.violet{color:#47336f;background:#ece7f5}.clay{color:#73381f;background:#f5e7e0}.teal{color:#1d5559;background:#deeeee}.list-row{border-top:1px solid #eef0f2;justify-content:space-between;align-items:center;padding:12px 2px;display:flex}.list-row span{flex-direction:column;gap:4px;display:flex}.list-row small,.activity small{color:var(--muted)}.activity{gap:10px;padding:9px 0;display:flex}.activity-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;margin-top:5px}.activity>span:last-child{flex-direction:column;gap:3px;display:flex}.toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar>span{flex:1}.segmented{background:#e6e9ec;border-radius:24px;padding:4px;display:flex}.segmented button,.settings-tabs button,.detail-tabs button{background:0 0;border:0;border-radius:20px;padding:9px 14px}.segmented .selected,.settings-tabs .selected,.detail-tabs .selected{background:#fff;font-weight:600}.planning-card{min-width:900px;padding:0;overflow:auto}.planning-head,.planning-row{grid-template-columns:200px repeat(7,minmax(105px,1fr));display:grid}.planning-head>div{text-align:center;color:var(--muted);padding:15px 8px;font-size:13px}.planning-head>div:first-child{text-align:left;padding-left:22px}.planning-row{border-top:1px solid #eef0f2}.employee-label{align-items:center;gap:10px;padding:12px 16px;display:flex}.employee-label>span:last-child{flex-direction:column;display:flex}.employee-label small{color:var(--muted)}.day-cell{background:var(--soft);border:0;border-left:5px solid #fff;flex-direction:column;gap:4px;min-height:68px;padding:6px;display:flex}.day-cell:hover{outline:2px solid var(--yellow);outline-offset:-2px}.planning-head .today,.day-cell.today{background:#fbf2da}.planning-head .weekend,.day-cell.weekend{background:repeating-linear-gradient(135deg,#e7eaed,#e7eaed 6px,#eff1f3 6px 12px)}.mini-bar{text-align:left;min-width:0;padding:6px 8px}.table-card{padding:0;overflow:hidden}.table-head,.table-row{grid-template-columns:2fr 1.2fr .8fr .7fr 30px;align-items:center;gap:18px;padding:14px 24px;display:grid}.table-head{color:var(--muted);background:#f7f8f9;font-size:13px}.table-row{text-align:left;background:#fff;border:0;border-top:1px solid #eef0f2;width:100%}.table-row:hover{background:#fafafa}.table-row>span:first-child{align-items:center;gap:10px;min-width:0;display:flex}.table-row>span:first-child small,.table-row>span:first-child b{display:block}.table-row>span:first-child small{color:var(--muted);font-family:monospace}.project-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.project-dot.blue{background:#4f7db3}.project-dot.green{background:#4f9468}.project-dot.violet{background:#8467b5}.project-dot.clay{background:#bf7250}.project-dot.teal{background:#3f8e94}.status{border-radius:14px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:600}.status.actief,.status.binnen{color:#22553a;background:#e3f0e7}.status.gepland,.status.besteld{color:#22476f;background:#e4ecf6}.employee-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.employee-card{text-align:center}.employee-card .avatar{margin:auto}.employee-card h3{margin:12px 0 4px}.employee-card p{color:var(--muted);margin:0 0 16px}.permission{background:var(--soft);border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;display:flex}.table-head.hours,.table-row.hours{grid-template-columns:1.3fr 1.2fr .8fr .8fr .5fr}.hint{color:var(--muted);margin:12px 20px;font-size:13px}.columns-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.material{border-top:1px solid #eef0f2;flex-direction:column;gap:5px;padding:14px 0;display:flex}.material small{color:var(--muted)}.small-button{background:#f1f3f5;border:0;border-radius:16px;align-self:flex-start;margin-top:7px;padding:7px 10px;font-size:12px;font-weight:600}.table-head.docs,.table-row.docs{grid-template-columns:2fr 1.3fr .6fr .8fr}.file-icon{color:#a33a2c;background:#f6e3e0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;font-weight:700;display:grid}.toggle{background:#d5dade;border:0;border-radius:12px;width:40px;height:24px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .18s;display:block}.toggle.on{background:var(--yellow)}.toggle.on i{transform:translate(16px)}.settings-tabs{background:#e6e9ec;border-radius:24px;width:max-content;margin-bottom:16px;padding:4px;display:flex}.settings-card{max-width:760px}.settings-card>p{color:var(--muted)}.setting-row{border-top:1px solid #eef0f2;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.setting-row span{flex-direction:column;display:flex}.setting-row small{color:var(--muted)}.danger{color:#a33a2c;margin-top:16px}.empty{text-align:center;color:var(--muted);padding:80px}.empty h2{color:var(--ink)}.overlay{z-index:20;background:#0005;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;width:min(460px,100%);height:100%;padding:24px;animation:.2s slideIn;overflow:auto;box-shadow:0 24px 60px -20px #0008}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-head h2{margin:0;font-size:26px}.modal label,.mobile-content label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.modal input,.modal select,.mobile-content input,.mobile-content select{background:#fff;border:1px solid #d5dade;border-radius:23px;height:46px;padding:0 14px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project-detail h3{font-family:monospace}.detail-tabs{background:#f1f3f5;border-radius:22px;gap:4px;margin:24px 0;padding:4px;display:flex;overflow:auto}.toast{z-index:30;background:var(--ink);color:#fff;border-radius:22px;align-items:center;gap:9px;padding:13px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #0008}.toast .material-symbols-rounded{color:#7fc79a}.loading{align-content:center;place-items:center;gap:12px;min-height:100vh;display:grid}.loader{border:3px solid #d5dade;border-top-color:var(--yellow);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.mobile-stage{background:#dfe2e5;place-items:center;min-height:100vh;padding:20px;display:grid}.phone-app{background:var(--canvas);border-radius:38px;flex-direction:column;width:390px;min-height:780px;display:flex;overflow:hidden;box-shadow:0 24px 70px -30px #0009}.mobile-header{justify-content:space-between;align-items:center;padding:22px 20px 8px;display:flex}.mobile-header img{object-fit:contain;object-position:left;width:100px;height:38px}.mobile-content{flex:1;padding:10px 20px 110px}.mobile-content h1{margin:8px 0;font-size:28px}.mobile-content>p{color:var(--muted);margin-top:0}.mobile-project{border:1px solid #ffffff90;border-radius:22px;margin:14px 0;padding:20px}.mobile-project h2{margin:7px 0;font-size:19px}.mobile-project p{align-items:center;gap:5px;display:flex}.mobile-project button{background:#fff;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:14px;font-weight:600;display:flex}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick-actions button{background:#fff;border:1px solid #d5dade;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:82px;font-size:12px;font-weight:600;display:flex}.quick-actions button:first-child{background:var(--yellow);border-color:var(--yellow)}.mobile-list{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;margin:9px 0;padding:15px;display:flex}.mobile-list span{flex-direction:column;flex:1;display:flex}.mobile-list small{color:var(--muted)}.bottom-nav{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);width:390px;padding:9px 16px 20px;display:grid;position:fixed;bottom:20px}.bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.bottom-nav button.active .material-symbols-rounded{background:var(--ink);color:var(--yellow);border-radius:16px;padding:4px 14px}.bottom-nav button.active{color:var(--ink);font-weight:600}.back{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}}@media (max-width:1100px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:24px 10px}.logo{width:52px;margin-left:3px}.nav-item{justify-content:center}.nav-item span:not(.material-symbols-rounded),.profile>span:nth-child(2),.profile>svg,.nav-badge{display:none}.profile{justify-content:center}.kpis,.employee-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 18px}.content{padding:8px 16px 90px}.page-title{align-items:flex-start}.page-title h1{font-size:30px}.page-title p{font-size:14px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{min-height:95px;padding:14px}.kpi-icon{width:40px;height:40px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .wide{grid-row:auto}.schedule-row{grid-template-columns:34px 1fr}.schedule-row .track{grid-column:1/-1}.columns-3,.employee-grid{grid-template-columns:1fr}.table-card{overflow:auto}.table-head,.table-row{min-width:760px}.toolbar{overflow:auto}.planning-card{margin-right:-16px}.phone-app{width:min(100%,390px);min-height:calc(100vh - 20px)}.mobile-stage{padding:0}.bottom-nav{width:min(100%,390px);bottom:0}.mobile-stage{background:var(--canvas);min-height:100dvh;padding:0;display:block}.phone-app{width:100%;height:100dvh;min-height:0;box-shadow:none;border-radius:0;position:relative}.mobile-content{overflow:auto}.bottom-nav{width:100%;padding-bottom:max(14px,env(safe-area-inset-bottom));position:absolute;bottom:0;left:0;right:0}}.global-search{align-items:center;display:flex;position:relative}.global-search.open{background:#fff;border:1px solid #d5dade;border-radius:23px;gap:8px;width:320px;height:46px;padding:0 14px}.global-search input{border:0;outline:0;width:100%;font-size:14px}.search-results{border:1px solid var(--line);z-index:12;background:#fff;border-radius:20px;width:360px;padding:7px;position:absolute;top:54px;right:0;box-shadow:0 16px 40px -12px #1d1c1a38}.search-results a{color:inherit;border-radius:14px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.search-results a:hover{background:#f1f3f5}.search-results a>span:last-child{flex-direction:column;display:flex}.search-results small{color:var(--muted)}.notif-wrap{position:relative}.notif-pop{border:1px solid var(--line);z-index:12;background:#fff;border-radius:22px;width:380px;padding:8px;position:absolute;top:54px;right:0;box-shadow:0 16px 40px -12px #1d1c1a38}.notif-pop>div{justify-content:space-between;align-items:center;padding:10px;display:flex}.notif-pop>div button{background:0 0;border:0;font-size:12px}.notif-pop>button{text-align:left;background:#fff;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.notif-pop>button:hover{background:#f7f8f9}.notif-pop>button>span:last-child{flex-direction:column;display:flex}.notif-pop small{color:var(--muted)}.notif-icon{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.toolbar b{flex-direction:column;display:flex}.toolbar b small{color:var(--muted);font-weight:400}.segmented button{align-items:center;gap:6px;display:flex}.day-cell{cursor:default}.day-cell .mini-bar{cursor:grab;border:0;width:100%;position:relative}.mini-bar i{cursor:ew-resize;background:#0002;border-radius:3px;width:5px;height:28px;position:absolute;top:7px;right:3px}.board-card{min-width:960px;padding:0;overflow:auto}.board-head,.board-row{grid-template-columns:220px repeat(7,minmax(86px,1fr));display:grid}.board-head>div{text-align:center;color:var(--muted);padding:14px;font-size:12px}.board-head>div:first-child{text-align:left;padding-left:24px}.board-head .today{background:#fbf2da;border-radius:18px 18px 0 0}.board-head .weekend{background:#e7eaed}.board-row{border-top:1px solid #eef0f2;min-height:68px}.board-project{text-align:left;background:#fff;border:0;grid-column:1;align-items:center;gap:10px;padding:12px 20px;display:flex}.board-project .material-symbols-rounded{color:#a7adb2;margin-left:auto}.board-project span{flex-direction:column;display:flex}.board-project small{color:var(--muted)}.board-track{background:linear-gradient(90deg,#0000 0 71.4%,#e7eaed 71.4% 100%);grid-column:2/9;grid-template-columns:repeat(7,1fr);align-items:center;padding:10px 0;display:grid}.project-range{text-align:left;white-space:nowrap;border:0;border-radius:19px;flex-direction:column;justify-content:center;align-items:flex-start;height:38px;padding:5px 12px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.project-range small{opacity:.7;font-weight:400}.switch-line{justify-content:space-between;align-items:center;margin:8px 0 16px;display:flex}.switch-line>span{flex-direction:column;display:flex}.switch-line small{color:var(--muted)}.modal-actions{align-items:center;gap:8px;margin-top:18px;display:flex}.modal-actions>span{flex:1}.project-summary{background:#f1f3f5;border-radius:20px;padding:16px}.project-summary>b{margin-left:8px;font-family:monospace}.project-summary p{align-items:center;gap:6px;margin:10px 0 0;display:flex}.detail-tabs small{background:#e6e9ec;border-radius:9px;margin-left:4px;padding:1px 5px}.dossier-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dossier-stats button{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;padding:14px;display:flex}.dossier-stats b{font-size:22px}.dossier-stats small{color:var(--muted)}.dossier-section>h3{margin:24px 0 8px}.week-team{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.week-team>span{background:#f1f3f5;border-radius:18px;align-items:center;gap:6px;padding:5px 10px 5px 5px;font-size:12px;display:flex}.chat-panel{flex-direction:column;height:520px;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:8px;display:flex;overflow:auto}.message{flex-direction:column;align-self:flex-start;gap:4px;max-width:80%;display:flex;position:relative}.message.own{align-self:flex-end;align-items:flex-end}.message>span{border:1px solid var(--line);background:#fff;border-radius:20px;padding:9px 13px}.message.own>span{background:#fff3d1;border-color:#f7e2a6}.message small{color:var(--muted)}.message button{color:var(--muted);background:0 0;border:0;position:absolute;bottom:7px;right:-25px}.message.own button{left:-25px;right:auto}.composer{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:flex}.composer input{border:1px solid #d5dade;border-radius:22px;flex:1;height:44px;padding:0 14px}.composer .send{background:var(--yellow);border:0}.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.photo-grid button{aspect-ratio:4/3;background:linear-gradient(135deg,#e9e6df,#dcd7ce);border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.photo-grid button small{color:var(--muted)}.photo-grid .photo-add{background:#f7f8f9;border:1px dashed #a7adb2}.dossier-section .list-row>span:nth-child(2){flex-direction:column;flex:1;display:flex}@media (max-width:720px){.global-search.open{width:230px}.search-results,.notif-pop{width:min(360px,100vw - 32px);right:0}.page-title h1{font-size:27px}.page-title{margin:8px 0 20px}.kpi strong{font-size:24px}.card{border-radius:22px}.primary,.secondary{height:44px}.toolbar{font-size:13px}.overlay{align-items:flex-end}.modal{border-radius:28px 28px 0 0;width:100%;height:min(88vh,760px);animation:.2s sheetUp}.dossier-stats{grid-template-columns:repeat(2,1fr)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(30px)}}
.mobile-owner-nav{display:none}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.login-page{background:#f5f3ed;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);min-height:100dvh;display:grid}.login-brand{color:#fff;isolation:isolate;background:#1a1d1f;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";z-index:-1;opacity:.95;border:110px solid #ffb400;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-250px;right:-260px}.login-brand:after{content:"";z-index:-1;background:linear-gradient(135deg,#0000 38%,#ffffff08 38% 52%,#0000 52%);position:absolute;inset:0}.login-brand>img{object-fit:contain;object-position:left;filter:brightness(0)invert();width:180px;height:78px}.login-brand>div:nth-child(2){max-width:670px;margin:80px 0}.login-eyebrow,.login-kicker{text-transform:uppercase;letter-spacing:.14em;color:#ffb400;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.login-brand h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.02}.login-brand p{color:#c9ced2;margin:0;font-size:19px}.login-proof{flex-wrap:wrap;gap:14px;display:flex}.login-proof span{background:#ffffff0c;border:1px solid #ffffff2b;border-radius:22px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;display:flex}.login-proof .material-symbols-rounded{color:#ffb400}.login-panel{justify-content:center;align-items:center;padding:44px;display:flex;position:relative}.login-card{background:#fff;border:1px solid #e5e1d8;border-radius:32px;width:min(470px,100%);padding:clamp(26px,4vw,42px);box-shadow:0 30px 80px -50px #1a1d1f80}.login-mobile-logo{display:none}.login-card h2{letter-spacing:-.035em;margin:0 0 10px;font-size:36px;font-weight:600}.login-card>p{color:var(--muted);margin:0 0 26px}.login-role-switch{background:#eef0f2;border-radius:26px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:26px;padding:5px;display:grid}.login-role-switch button{color:#60666b;background:0 0;border:0;border-radius:21px;justify-content:center;align-items:center;gap:7px;height:48px;font-weight:600;display:flex}.login-role-switch button.selected{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1a1d1f12}.login-role-switch button.selected .material-symbols-rounded{color:#c98e00}.login-card form>label{flex-direction:column;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.login-input{background:#fff;border:1px solid #d5dade;border-radius:26px;align-items:center;gap:10px;height:52px;padding:0 15px;transition:all .16s;display:flex}.login-input:focus-within{border-color:#8b6400;box-shadow:0 0 0 3px #ffb4002b}.login-input>.material-symbols-rounded{color:#7a8086}.login-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:48px}.login-input button{color:#5b6166;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.login-input button:hover{background:#f1f3f5}.login-error{color:#87372b;background:#fff1ee;border-radius:16px;align-items:flex-start;gap:8px;margin:-2px 0 14px;padding:11px 13px;font-size:13px;line-height:1.35;display:flex}.login-submit{width:100%;margin-top:4px;font-size:15px}.login-submit .material-symbols-rounded{margin-left:auto}.demo-note{color:#555b60;background:#f6f7f8;border-radius:18px;align-items:flex-start;gap:10px;margin-top:20px;padding:13px 14px;display:flex}.demo-note>span{flex-direction:column;gap:3px;display:flex}.demo-note small{color:var(--muted);line-height:1.35}.demo-note>.material-symbols-rounded{color:#b47d00}.login-footer{color:#7a8086;position:absolute;bottom:24px}.profile-actions{flex-direction:column;gap:10px;display:flex}.chooser-logout{margin-top:14px}.photo-add small{color:var(--muted);font-weight:500}.mobile-user-button,.mobile-owner-logo{display:none}.sidebar-logo-link{border-radius:14px;width:max-content;text-decoration:none;display:block}.sidebar-logo-link:focus-visible,.mobile-owner-logo-link:focus-visible,.employee-logo-button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.employee-logo-button{background:0 0;border:0;border-radius:12px;align-items:center;padding:0;display:flex}.project-back{min-height:42px;padding:0 16px;font-weight:600;box-shadow:0 1px 2px #1a1d1f0d;color:var(--ink)!important;background:#fff!important;border:1px solid #d5dade!important;border-radius:21px!important}.project-back:hover{background:#f7f8f9!important;border-color:#8a9096!important}.user-overlay{justify-content:center;align-items:center;padding:20px}.user-chooser{border:1px solid var(--line);background:#fff;border-radius:28px;width:min(520px,100%);padding:24px;box-shadow:0 24px 60px -20px #0008}.user-chooser .modal-head{margin-bottom:8px}.user-chooser .modal-head small{color:var(--muted);font-weight:600}.user-chooser .modal-head h2{margin:3px 0 0;font-size:27px}.user-chooser>p{color:var(--muted);margin:0 0 20px}.user-options{flex-direction:column;gap:8px;display:flex}.user-options>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:22px;align-items:center;gap:13px;width:100%;min-height:72px;padding:12px 14px;display:flex}.user-options>button:hover{background:#f7f8f9}.user-options>button.selected{border-color:var(--yellow);background:#fff8e5}.user-options>button>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.user-options small{color:var(--muted)}.user-options>button.selected>.material-symbols-rounded{color:#4f9468}.role-note{color:#5b6166;background:#f1f3f5;border-radius:18px;gap:10px;margin-top:18px;padding:13px 14px;font-size:13px;line-height:1.4;display:flex}.mobile-list-button{border:1px solid var(--line);text-align:left;cursor:pointer;width:100%}.mobile-list-button:hover{background:#fdfdfd;border-color:#a7adb2}.chat-project-icon{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid!important}.mobile-profile-card{align-items:center;gap:16px;margin:20px 0;display:flex}.mobile-profile-card h2,.mobile-profile-card p{margin:0}.mobile-profile-card p{color:var(--muted);margin-top:4px}.employee-summary{margin-bottom:16px}.employee-summary>div{border-top:1px solid #eef0f2;justify-content:space-between;padding:12px 0;display:flex}.employee-project-head{margin:20px 0}.employee-project-head small{color:var(--muted);margin-left:8px}.employee-project-head h1{margin:12px 0 8px}.employee-project-head p{color:var(--muted);align-items:center;gap:6px;display:flex}.employee-tabs{margin-bottom:20px}.project-info p{flex-direction:column;gap:4px;display:flex}.project-info p+p{border-top:1px solid #eef0f2;padding-top:12px}.employee-chat{height:min(560px,100dvh - 270px)}.empty-inline{text-align:center;min-height:190px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty-inline .material-symbols-rounded{font-size:34px}.empty-inline b{color:var(--ink)}.photo-grid article{aspect-ratio:4/3;text-align:center;background:linear-gradient(135deg,#e9e6df,#dcd7ce);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px;display:flex}.photo-grid article small{color:var(--muted)}@media (min-width:721px){.sidebar-logo-link .logo{width:172px;height:78px;margin:0 12px 26px}.mobile-stage{background:var(--canvas);min-height:100vh;padding:0;display:block}.phone-app{width:100%;min-height:100vh;box-shadow:none;border-radius:0;padding-left:104px;position:relative;overflow:visible}.mobile-header{border-bottom:1px solid var(--line);background:var(--canvas);height:80px;padding:16px 40px}.mobile-header img{width:154px;height:54px}.mobile-content{width:min(1180px,100%);margin:0 auto;padding:38px 40px 72px;overflow:visible}.mobile-content h1{letter-spacing:-.025em;margin-top:0;font-size:42px;font-weight:500}.mobile-content>p{margin-bottom:24px;font-size:16px}.mobile-project{grid-template-columns:1fr auto;align-items:center;column-gap:32px;margin:12px 0;padding:24px 28px;display:grid}.mobile-project>small,.mobile-project>h2,.mobile-project>p{grid-column:1}.mobile-project>b{grid-area:2/2;place-self:end start}.mobile-project>button{grid-area:3/2;align-self:start;width:170px;margin:6px 0 0}.mobile-project h2{font-size:22px}.quick-actions{grid-template-columns:repeat(3,minmax(180px,1fr));margin-top:18px}.quick-actions button{min-height:104px;font-size:14px}.mobile-list{border-radius:22px;padding:18px 20px}.bottom-nav{z-index:20;border:0;border-right:1px solid var(--line);background:#fff;grid-template-rows:repeat(4,76px);grid-template-columns:1fr;align-content:center;gap:6px;width:104px;padding:24px 10px;position:fixed;top:0;bottom:0;left:0}.bottom-nav button{border-radius:20px;font-size:12px}.bottom-nav button:hover{background:#f7f8f9}.bottom-nav button.active .material-symbols-rounded{padding:6px 18px}}@media (max-width:720px){.login-page{background:#fff;display:block}.login-brand{display:none}.login-panel{align-items:center;min-height:100dvh;padding:24px 18px 64px}.login-card{box-shadow:none;border:0;width:100%;max-width:460px;padding:16px 4px}.login-mobile-logo{margin-bottom:34px;display:block}.login-mobile-logo img{object-fit:contain;object-position:left;width:150px;height:66px}.login-kicker{margin-bottom:12px}.login-card h2{font-size:32px}.login-footer{text-align:center;padding:0 20px;bottom:18px}.login-role-switch button{height:50px}.mobile-owner-nav{z-index:15;border-top:1px solid var(--line);height:76px;padding:7px 8px max(12px,env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-owner-nav a,.mobile-owner-nav button{min-width:0;color:var(--muted);background:0 0;border:0;grid-template-rows:32px 14px;align-content:center;place-items:center;gap:2px;padding:0;font-size:11px;text-decoration:none;display:grid}.mobile-owner-nav a.active,.mobile-owner-nav button.active{color:var(--ink);font-weight:600}.mobile-owner-nav a .material-symbols-rounded,.mobile-owner-nav button .material-symbols-rounded{color:#7a8086;border-radius:16px;place-items:center;min-width:48px;height:30px;font-size:23px;display:grid}.mobile-owner-nav a.active .material-symbols-rounded,.mobile-owner-nav button.active .material-symbols-rounded{background:var(--ink);color:var(--yellow)}.mobile-owner-nav small{height:14px;margin:0;line-height:14px}.mobile-owner-logo{object-fit:contain;width:auto;height:32px;display:block}.mobile-owner-logo-link{border-radius:10px;align-items:center;text-decoration:none;display:flex}.topbar-start{align-items:center;min-width:0;display:flex}.breadcrumb,.dashboard-plan-action{display:none}.user-overlay{align-items:flex-end;padding:0}.user-chooser{border-radius:28px 28px 0 0;padding:22px 18px 28px}}.planning-card,.board-card{overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}.planning-head,.planning-row,.board-head,.board-row{width:max-content;min-width:100%}.search-close{color:#5b6166;background:#f1f3f5;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.kpi-icon,.notif-icon,.file-icon{aspect-ratio:1;flex:none}.page-title .primary{white-space:nowrap;flex:none}.kpi-link{color:inherit;text-decoration:none;position:relative}.kpi-copy{flex-direction:column;min-width:0;display:flex}.kpi-link:hover,.employee-card-button:hover{border-color:#cfd4d8;transform:translateY(-2px);box-shadow:0 10px 28px -22px #0008}.avatar-link,.employee-name-link,.bar-link,.activity-link,.list-row-link,.employee-label{color:inherit;text-decoration:none}.employee-name-link{font-size:14px;font-weight:700}.bar-link:hover{filter:brightness(.97);box-shadow:inset 0 0 0 1px #00000012}.avatar-link:focus-visible,.bar-link:focus-visible,.kpi-link:focus-visible,.activity-link:focus-visible,.list-row-link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.activity-link{border-radius:14px;align-items:center;padding:9px 5px}.activity-link:hover,.list-row-link:hover{background:#f7f8f9}.activity-link>span:nth-child(2){flex:1}.notif-pop .notif-link{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-radius:14px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.notif-pop .notif-link:hover{background:#f7f8f9}.notif-pop .notif-link>span:last-child{flex-direction:column;display:flex}.employee-card-button{width:100%;font:inherit;color:inherit;cursor:pointer}.open-hint{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.employee-detail>.avatar{margin:auto}.employee-detail>p{text-align:center;color:var(--muted)}.check-grid{border:1px solid var(--line);border-radius:18px;margin:0 0 18px;padding:12px}.check-grid legend{padding:0 5px;font-size:13px;font-weight:700}.check-grid label{align-items:center;flex-direction:row!important;gap:8px!important;margin:7px 0!important;display:flex!important}.check-grid input{height:auto!important}.material-main{text-align:left;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;display:flex}.material-main span{color:var(--muted);align-items:center;gap:3px;margin-top:4px;font-size:12px;display:flex}.file-main{text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.table-row.docs>a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #c5c9cc;text-decoration:underline #c5c9cc}.file-input{border-radius:14px!important;height:auto!important;padding:10px!important}.selected-file{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-weight:500;display:flex}.mobile-more-menu,.mobile-planning-switch{display:none}.zoom-control{background:#fff;border:1px solid #d5dade;border-radius:22px;flex:none;align-items:center;height:44px;display:flex}.zoom-control button{background:0 0;border:0;place-items:center;width:38px;height:42px;display:grid}.zoom-control button:disabled{opacity:.3}.zoom-control b{text-align:center;min-width:42px;font-size:12px}.project-number{font-family:monospace;color:#8a9096!important}.project-detail h3{letter-spacing:0;font-family:inherit;font-weight:600}.archive-row{border-top:1px solid #eef0f2;align-items:center;gap:12px;padding:14px 20px;display:flex}.archive-row>button:first-child{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;display:flex}.archive-row>button:first-child span{flex-direction:column;display:flex}.archive-row small{color:var(--muted)}.week-team a{color:inherit;background:#f1f3f5;border-radius:18px;align-items:center;gap:6px;padding:5px 10px 5px 5px;font-size:12px;text-decoration:none;display:flex}.own-records{margin:18px 0 24px}.material-actions{justify-content:flex-start;padding-bottom:0!important;position:static!important}.material-actions>button{height:44px;margin:0}.delete-confirm{color:#78362b;background:#fff4f1;border:1px solid #e8b5ad;border-radius:18px;flex-direction:column;gap:4px;margin-top:14px;padding:14px;display:flex}.delete-confirm>span{font-size:13px}.delete-confirm>div{gap:8px;margin-top:8px;display:flex}.delete-confirm button{height:40px;margin:0}.danger-solid{color:#fff;background:#a33a2c!important}@media (max-width:720px){.planning-card,.board-card{-webkit-overflow-scrolling:touch;margin-right:0}.topbar{height:70px;padding:0 16px}.content{padding:22px 16px 94px}.page-title{align-items:flex-start;gap:12px;margin:10px 0 24px}.page-title>div{min-width:0}.page-title h1{font-size:28px;line-height:1.08}.page-title .primary{gap:6px;height:44px;padding:0 14px;font-size:14px}.page-title .primary .material-symbols-rounded{font-size:19px!important}.toolbar{scrollbar-width:none;overscroll-behavior-x:contain;align-items:center;gap:8px;width:calc(100vw - 32px);max-width:100%;height:60px;margin-bottom:18px;padding-bottom:4px;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar>.secondary,.toolbar>.icon-button{flex:none;height:52px;min-height:52px;margin:0}.toolbar>.secondary{padding:0 18px}.toolbar>.icon-button{width:52px}.toolbar>b{flex:none;justify-content:center;min-width:120px;height:52px;font-size:14px;line-height:1.15}.toolbar>b small{margin-top:2px}.toolbar>span{display:none}.toolbar .segmented{border-radius:26px;flex:none;align-items:center;height:52px;min-height:52px;padding:4px}.toolbar .segmented button{white-space:nowrap;height:44px;min-height:44px;padding:0 14px;line-height:1.1}.global-search.open{z-index:25;width:calc(100vw - 82px);height:50px;padding:0 10px 0 14px;position:fixed;top:10px;left:16px}.global-search.open input{min-width:0;font-size:15px}.global-search.open .search-results{width:calc(100vw - 32px);top:58px;left:0;right:auto}.topbar:has(.global-search.open) .mobile-owner-logo-link{visibility:hidden}.topbar:has(.global-search.open) .notif-wrap{z-index:26;position:fixed;top:13px;right:16px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;display:grid;overflow:visible}.kpi{border-radius:20px;gap:10px;min-width:0;min-height:96px;padding:13px}.kpi-icon{width:38px;height:38px}.kpi strong{font-size:23px}.kpi small{font-size:12px;line-height:1.15}.dashboard-grid{flex-direction:column;display:flex}.dashboard-grid .wide{order:1}.dashboard-grid>section:nth-child(2){order:2}.dashboard-grid>section:nth-child(3){order:3}.schedule-list .schedule-row:nth-child(n+4){display:none}.schedule-row{border-bottom:1px solid #eef0f2;padding-bottom:10px}.employee-name-link{align-self:center}.table-card.responsive-records{background:0 0;border:0;padding:0;overflow:visible}.responsive-records .table-head{display:none}.responsive-records .table-row{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:1fr auto;gap:8px;min-width:0;margin-bottom:10px;padding:16px;display:grid}.responsive-records .table-row>span,.responsive-records .table-row>a{grid-column:1}.responsive-records .table-row>button:last-child,.responsive-records .table-row>b:last-child{grid-area:1/2/4;align-self:center}.responsive-records .table-row.hours>span:nth-child(3):before{content:"Datum: ";color:var(--muted)}.responsive-records .table-row.hours>span:nth-child(4):before{content:"Tijd: ";color:var(--muted)}.responsive-records .table-row.docs>span:nth-child(3):before{content:"Grootte: ";color:var(--muted)}.mobile-more-menu{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;margin-bottom:20px;padding:6px;display:flex}.mobile-more-menu a{color:inherit;border-radius:15px;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;padding:12px;text-decoration:none;display:grid}.mobile-more-menu a:hover{background:#f1f3f5}.settings-tabs{max-width:100%;overflow-x:auto}.columns-3{gap:12px}.material{padding:12px 0}.material-main{width:100%}.employee-grid{grid-template-columns:1fr 1fr}.employee-card{padding:16px 10px}.employee-card h3{font-size:15px}.employee-card p{font-size:13px}.permission{font-size:11px}.archive-row{padding:14px}.archive-row .secondary{padding:0 13px}.planning-card,.board-card{border-radius:20px}.toolbar{margin-right:-16px}.modal-actions{padding:12px 0 max(12px,env(safe-area-inset-bottom));z-index:2;background:#fff;position:sticky;bottom:-24px}.mobile-planning-switch{background:#e3e6e9;border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.mobile-planning-switch button{background:0 0;border:0;border-radius:20px;height:42px;font-weight:600}.mobile-planning-switch button.selected{background:#fff;box-shadow:0 1px 4px #00000010}.toolbar .view-switch{display:none}.zoom-control{height:52px}.zoom-control button{height:50px}.table-card.responsive-projects{background:0 0;border:0;overflow:visible}.responsive-projects .table-head{display:none}.responsive-projects .table-row{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:1fr auto;gap:7px;min-width:0;margin-bottom:10px;padding:16px;display:grid}.responsive-projects .table-row>span{grid-column:1}.responsive-projects .table-row>span:nth-child(2){color:var(--muted);font-size:13px}.responsive-projects .table-row>span:nth-child(3){color:var(--muted);font-size:12px}.responsive-projects .table-row>span:nth-child(4){grid-area:1/2}.responsive-projects .table-row>.material-symbols-rounded{grid-area:2/2/4;align-self:center}}@media (max-width:420px){.page-title{gap:12px}.page-title h1{font-size:26px}.page-title .primary{width:44px;padding:0;font-size:0}.page-title .primary .material-symbols-rounded{font-size:21px!important}.employee-grid{grid-template-columns:1fr}.global-search.open{width:calc(100vw - 92px)!important}.schedule-row{grid-template-columns:34px 1fr}.track{overflow-x:auto}.form-grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.modal-actions>span{display:none}.modal-actions .primary{margin-left:auto}.material-actions{flex-wrap:nowrap}.material-actions .primary{margin-left:0}.material-actions button{padding:0 15px}.delete-confirm>div{flex-wrap:wrap}}.mobile-overview-tabs,.mobile-overview-panel{display:none}@media (max-width:720px){.mobile-overview-tabs{background:#e3e6e9;border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:4px;display:grid}.mobile-overview-tabs button{background:0 0;border:0;border-radius:20px;height:42px;font-weight:600}.mobile-overview-tabs button.selected{background:#fff;box-shadow:0 1px 4px #00000010}.mobile-overview-panel{margin-bottom:14px;padding:18px;display:block}.desktop-today{display:none!important}.overview-project-list{flex-direction:column;display:flex}.overview-project-row{color:inherit;border-top:1px solid #eef0f2;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:12px 0;text-decoration:none;display:grid}.overview-project-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.overview-project-row b{font-size:14px}.overview-project-row small{color:var(--muted);font-size:11px}.overview-date{border-radius:16px;justify-content:center;align-items:center;gap:3px;min-width:92px;padding:7px 9px;font-size:11px;font-weight:600;display:flex}.mobile-overview-panel .schedule-list .schedule-row{display:grid}.toolbar .view-switch{display:flex}}.status.concept{color:#555b60;background:#f1f3f5}.status.in-uitvoering{color:#22553a;background:#e3f0e7}.status.gepauzeerd{color:#765600;background:#fff0c7}.status.afgerond{color:#555b60;background:#e6e9ec}.modal textarea{resize:vertical;min-height:96px;font:inherit;color:inherit;background:#fff;border:1px solid #d5dade;border-radius:18px;padding:12px 14px}.board-track-with-phases{align-items:stretch;gap:4px 0;padding:8px 0}.phase-range{white-space:nowrap;text-align:left;border:0;border-radius:14px;align-items:center;gap:7px;min-width:0;height:28px;padding:3px 10px;display:flex;overflow:hidden}.phase-range b{text-overflow:ellipsis;font-size:11px;overflow:hidden}.phase-range small{opacity:.72;flex:none;font-size:10px}.section-action{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-action>span,.project-contact>span{flex-direction:column;gap:3px;display:flex}.section-action small,.project-contact small{color:var(--muted)}.phase-list-row{text-align:left;background:#fff;border:0;border-top:1px solid #eef0f2;grid-template-columns:12px 1fr 24px;align-items:center;gap:10px;width:100%;padding:13px 4px;display:grid}.phase-list-row>span{flex-direction:column;gap:3px;display:flex}.phase-list-row small{color:var(--muted)}.phase-editor{border:1px solid var(--line);background:#f7f8f9;border-radius:20px;margin-top:16px;padding:16px}.phase-editor h3{margin:0 0 16px!important}.phase-editor .danger{margin-top:0}.project-contact{border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px 14px}@media (max-width:720px){.section-action{align-items:flex-start}.section-action .secondary{flex:none;height:42px;padding:0 13px}.phase-range small{display:none}}.request-card{margin-bottom:16px}.request-row{border-top:1px solid #eef0f2;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.request-row>span{flex-direction:column;gap:3px;display:flex}.request-row small{color:var(--muted)}.request-row>div{gap:8px;display:flex}.request-row .secondary,.request-row .primary{height:40px}.employee-card.inactive{opacity:.62}.employee-card.inactive .avatar{filter:grayscale()}.file-actions{align-items:center;gap:8px;display:flex}.file-actions .icon-button{width:36px;height:36px}.notif-link.read{opacity:.6}.photo-tile{aspect-ratio:4/3;background:linear-gradient(135deg,#e9e6df,#dcd7ce);border-radius:18px;position:relative;overflow:hidden}.photo-grid .photo-open{aspect-ratio:auto;background:0 0;width:100%;height:100%}.photo-grid .photo-delete{aspect-ratio:1;color:#a33a2c;background:#fff;border-radius:50%;width:34px;height:34px;min-height:0;position:absolute;top:8px;right:8px;box-shadow:0 3px 12px #0002}@media (max-width:720px){.request-row{flex-direction:column;align-items:flex-start}.request-row>div{width:100%}.request-row>div button{flex:1}.file-actions{flex-direction:column;align-self:center;grid-area:1/2/4!important}}