:root{color-scheme:only light;--ink:#121f3e;--accent:#491320;--line:#e0e3e9;--muted:#606a7c;--soft:#f7fafb;font-family:Space,Segoe UI,sans-serif;color:var(--ink);background:var(--soft)}@font-face{font-family:Space;src:url(/assets/space-grotesk-regular.ttf)}@font-face{font-family:Space;src:url(/assets/space-grotesk-bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;line-height:1.55;font-size:16px}header{display:flex;align-items:center;gap:24px;padding:16px 28px;background:white;border-top:5px solid var(--accent);border-bottom:1px solid var(--line)}header img{width:140px;height:44px;object-fit:cover;object-position:50% 79%}header .right{margin-left:auto}a{color:var(--accent)}h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin:8px 0 24px}h2{font-size:1.35rem}h3{font-size:1.1rem;margin:0}main{padding:32px;min-width:0;width:100%;max-width:1350px;margin:0 auto}.auth{max-width:580px;margin:7vh auto}.muted,small{color:var(--muted);font-size:.875rem}.eyebrow{font-size:.875rem;font-weight:700}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);font:inherit;font-size:.875rem;cursor:pointer;text-decoration:none}.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.button:hover,button:hover:not(:disabled){filter:brightness(.95)}:focus-visible{outline:3px solid #946170;outline-offset:3px}label{display:block;font-size:.875rem;margin:14px 0 6px}input,select,textarea{display:block;width:100%;min-width:0;font:inherit;font-size:1rem;padding:11px;border:1px solid #b7bdc8;border-radius:4px;background:white;color:var(--ink)}textarea{min-height:100px;resize:vertical}.error{color:#8b2121;background:#fff0ef;padding:12px;border-radius:4px}.notice{padding:12px 16px;border:1px solid #d9cad0;background:#faf5f7;font-size:.875rem}.panel,.point,.stat{background:white;border:1px solid var(--line);border-radius:5px;padding:24px;margin-bottom:20px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 82px)}aside{background:white;border-right:1px solid var(--line);padding:24px 16px}aside a{display:block;padding:12px 16px;text-decoration:none;color:var(--ink);border-radius:4px}aside a[aria-current]{background:#f5ebef;color:var(--accent)}aside summary{padding:12px 16px;cursor:pointer;font-weight:700}aside details div{margin-left:16px;border-left:2px solid var(--line)}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{border-top:3px solid var(--accent)}.stat strong{display:block;font-size:2.4rem}.listrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.listrow p{margin:4px 0}.badge{display:inline-block;font-size:.875rem;border-radius:4px;padding:5px 10px;background:#eeeef2}.APPROVED{background:#e7f5ee;color:#17613b}.REJECTED{background:#fff0ef;color:#942c2c}.NEEDS_INFO{background:#fff4d6;color:#744c00}.SUBMITTED{background:#e8efff;color:#254570}.hero{background:var(--ink);color:white;padding:24px;border-radius:5px;margin-bottom:24px}.hero p{margin:6px 0}.files{flex-wrap:wrap;margin:16px 0}.file{display:block;width:150px;border:1px solid var(--line);border-radius:4px;text-decoration:none;overflow:hidden;background:white}.file img{display:block;width:148px;height:110px;object-fit:cover}.file span{display:block;padding:8px;overflow-wrap:anywhere;font-size:.875rem}.timeline{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.timeline p{white-space:pre-wrap}.menu-toggle{display:none}.bars{display:grid;gap:5px;width:22px}.bars i{display:block;height:2px;background:currentColor}.pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.pagination select{width:90px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:20px;min-height:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:6px;max-width:min(95vw,700px);width:100%;color:var(--ink)}dialog::backdrop{background:#121f3e99}.hint{margin-top:24px}.stack{display:grid;gap:12px}.text{white-space:pre-wrap}.filter{max-width:500px;margin:20px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1180px){.shell{display:block}.menu-toggle{display:inline-flex}aside{display:none;border-bottom:1px solid var(--line)}aside.open{display:block}header{padding:12px 16px;gap:12px}header>span{display:none}}@media(max-width:640px){main{padding:24px 16px}.grid,.stats{grid-template-columns:1fr}.listrow,.row{align-items:stretch;flex-direction:column}.panel,.point{padding:18px}.auth{margin:24px auto}.actions>*{flex:1 1}header .right{font-size:.8rem}}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.category{display:flex;align-items:flex-start;flex-direction:column;padding:24px;text-align:left;border-top:4px solid #491320}.category strong{font-size:2.7rem;line-height:1.2}.category-D{border-top-color:#345e82}.category-N{border-top-color:#a46f19}.category[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px;background:#eef2f7}.category span{font-size:.875rem}.section-intro{margin-top:32px}.section-intro h2{margin-bottom:4px}.section-intro p{margin-top:0;color:var(--muted)}.filters{display:grid;gap:16px;margin-bottom:28px}.point{border-left:4px solid var(--accent)}.point h3{font-size:1.25rem}.hero{display:flex;justify-content:space-between;gap:24px}.hero h2{margin:8px 0}.contact-card{padding:16px;border:1px solid var(--line);margin:16px 0;background:var(--soft)}.SIGNALLED{background:#fff4d6;color:#744c00}.PLANNED{background:#e8efff;color:#254570}.COMPLETED{background:#e7f5ee;color:#17613b}.file a{text-decoration:none}.file button{font-size:.875rem;width:100%;border-width:1px 0 0}summary{cursor:pointer;font-weight:700;min-height:32px}dialog{max-height:90vh;overflow:auto;padding:24px}p,small,span{overflow-wrap:anywhere}@media(max-width:700px){.category-grid{gap:8px}.category{padding:12px 10px}.category strong{font-size:2rem}.category .eyebrow{font-size:.875rem}.filters{grid-template-columns:1fr}.hero{flex-direction:column;gap:12px}}@media(max-width:420px){.category-grid{grid-template-columns:1fr}.category{display:grid;grid-template-columns:1fr auto;gap:8px}.category strong{grid-column:2;grid-row:1/3}.category span{grid-column:1}}.notification-layer{position:fixed;inset:20px 20px auto auto;margin:0;padding:0;border:0;background:transparent;color:white;width:min(520px,calc(100vw - 32px));max-width:none;overflow:visible;z-index:10000}.notification-layer::backdrop{background:transparent;pointer-events:none}.notification{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:6px;box-shadow:0 8px 30px #121f3e33;animation:notice-in .2s ease-out}.notification-info{background:#324b6b}.notification-success{background:#17613b}.notification-error{background:#a32222}.notification>span{font-size:1.4rem;font-weight:700}.notification p{flex:1 1;margin:0;color:white;font-size:1rem;line-height:1.5}.notification button{flex:none;background:transparent;color:white;border-color:#ffffff66;font-size:1.4rem;padding:4px;min-width:44px}.notification button:focus-visible{outline-color:white}@keyframes notice-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.notification-layer{top:12px;right:16px}}@media(prefers-reduced-motion:reduce){.notification{animation:none}}.confirmation-dialog{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:8px;box-shadow:0 16px 60px #121f3e40}.confirmation-dialog h2{margin:8px 0 16px;font-size:1.5rem}.confirmation-dialog .eyebrow{margin:0;color:var(--muted)}.confirmation-dialog .actions{justify-content:flex-end;margin-top:24px}.confirmation-danger{background:#a32222;border-color:#a32222;color:white}.confirmation-dialog::backdrop{background:#121f3e80}[hidden]{display:none!important}.point-summary{display:flex;gap:14px;list-style:none}.point-summary::-webkit-details-marker{display:none}.point-summary:before{content:"›";font-size:1.6rem;transition:transform .15s}.point[open]>.point-summary:before{transform:rotate(90deg)}.point-summary>.row{flex:1 1;min-width:0}.point-summary .eyebrow{margin:0 0 5px}.point-summary .row>div{flex:1 1}.point-summary .badge{flex:none}.point-file-count{white-space:nowrap;font-weight:400}.point{scroll-margin-top:20px}.point-body{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}.general-files{background:#edf3f8;border:1px solid #b9ccdd;border-left:4px solid #345e82}.general-count{font-weight:400;color:var(--muted)}.evidence h4{margin:0 0 12px}.file-gallery{min-width:0;margin:20px 0}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem}.gallery-heading>div{display:flex;gap:6px}.gallery-heading small{font-weight:400}.files{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 2px 12px;margin:8px 0;max-width:100%}.file{flex:0 0 160px;width:160px;display:flex;flex-direction:column;scroll-snap-align:start}.file>a{display:block;flex:1 1;min-width:0}.file-preview{aspect-ratio:4/3;background:#eef1f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.file .file-preview img{width:100%;height:100%;object-fit:cover}.file .file-type{font-size:.875rem;font-weight:700;padding:8px;border:1px solid #c8d1dc;background:white;border-radius:4px}.file-info{padding:8px}.file .file-name{padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;height:2.8em;font-size:.875rem}.file-info small{display:block;font-size:.75rem;margin-top:4px}.file .file-download{padding:0;font-size:.8rem}.file-footer{min-height:44px;border-top:1px solid var(--line)}.file-footer button{border:0;border-radius:0;padding:8px 4px;min-height:44px;font-size:.8rem}.files:focus-visible{outline-offset:0}@media(max-width:640px){.point-summary>.row{gap:8px}.point-summary{align-items:flex-start;gap:10px}.point-summary .badge{align-self:flex-start}.point-file-count{font-size:.75rem}.files{gap:8px}.file{flex-basis:calc((100% - 16px)/3.2);width:calc((100% - 16px)/3.2);min-width:82px}.file-info{padding:6px}.file .file-name{font-size:.75rem}.file-footer button{font-size:.7rem}.gallery-heading small{display:block}.gallery-heading button{padding:6px;min-width:36px}.point-summary h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.point-summary:before{transition:none}}.file{height:280px}.file>.file-preview{flex:1 1;min-height:0;aspect-ratio:auto;width:100%;padding:0;border:0;border-radius:0;position:relative}.file>.file-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.file-footer,.file-info{flex:none}.file .file-download{display:inline-block;min-height:28px}.photo-viewer{display:flex;align-items:center;justify-content:center;background:#eef1f5;border-radius:4px;margin:16px 0;min-height:120px}.photo-viewer img{display:block;max-width:100%;max-height:65vh;object-fit:contain}.photo-viewer p{padding:20px}@media(max-width:640px){.file{height:230px}}.live-updates{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px}.live-updates p{margin:0;flex:1 1;min-width:200px}.customer-filters{grid-template-columns:2fr 1fr}@media(max-width:640px){.customer-filters{grid-template-columns:1fr}}.point-indicators{gap:10px;flex-wrap:wrap}.evidence-kind{display:inline-flex;padding:5px 10px;border-radius:8px;background:#eef2f5;color:#213c50;font-size:13px;font-weight:700;white-space:nowrap}.evidence-kind-F{background:#e2f3ef;color:#165a49}.evidence-kind-D{background:#e6edf9;color:#284f83}.evidence-kind-N{background:#fff1d8;color:#75520c}.point-info{border-radius:50%;width:40px;height:40px;min-width:40px;padding:0;font-family:Georgia,serif;font-size:22px;font-weight:700;border:1px solid #567387;color:#213c50;background:white}.point-info:focus-visible{outline:3px solid #147f9b;outline-offset:3px}.point-metadata{padding:8px 0}.point-metadata,.point-summary h3{overflow-wrap:anywhere}.point-group{margin:16px 0;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.category-summary{display:flex;align-items:center;gap:12px;list-style:none;padding:18px 20px;min-height:56px;background:var(--soft)}.category-summary::-webkit-details-marker{display:none}.category-summary:before{content:"›";font-size:1.6rem;line-height:1}.point-group[open]>.category-summary:before{transform:rotate(90deg)}.category-summary>span{font-size:1.2rem;font-weight:700}.category-summary>small{margin-left:auto;color:var(--muted);font-weight:400;font-size:.85rem}.category-summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.category-points{padding:0 16px}.category-points>.point{margin:16px 0}@media(max-width:640px){.category-summary{padding:14px 12px;gap:8px}.category-summary>span{font-size:1rem}.category-summary>small{font-size:.75rem}.category-points{padding:0 8px}}h1,h2,h3{overflow-wrap:anywhere}.row>div{min-width:0;max-width:100%}header img{width:180px;height:60px;object-fit:contain;object-position:center}.auth-branded{margin-top:24px}.auth-logo{display:block;width:100%;height:auto;margin:0 auto 20px;mix-blend-mode:multiply}@media(max-width:600px){header img{width:140px;height:47px}.auth-branded{margin-top:12px}.auth-logo{margin-bottom:16px}}.mail-editor{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}.mail-editor>*,.mail-text{min-width:0}.mail-text{border:1px solid #cdd4df;border-radius:6px;padding:14px;margin:0 0 20px}.mail-text input,.mail-text textarea{margin:6px 0;max-width:100%;width:100%;box-sizing:border-box}.mail-variable{display:inline-block;padding:5px 10px;background:#e8edf5;color:#142342;border:1px solid #b5c2d5;border-radius:4px;font-weight:600}.mail-editor .text{overflow-wrap:anywhere}.mail-editor dd{margin:2px 0 12px}@media(max-width:1000px){.mail-editor{grid-template-columns:1fr}}.section-selection-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.section-selection-bar>span{flex:1 1}.section-selection-bar>button{margin-left:auto}.inspection-choice{display:flex;align-items:center;gap:12px;padding:12px 0}.inspection-choice input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0}.project-section>summary{position:relative;display:flex;align-items:center;gap:12px;list-style:none;padding-bottom:52px}.project-section>summary::-webkit-details-marker{display:none}.project-section>summary:before{content:"";position:absolute;left:50%;bottom:8px;width:32px;height:32px;border:1px solid #8994a7;border-radius:50%;background:white;transform:translateX(-50%);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.project-section>summary:after{content:"";position:absolute;left:50%;bottom:21px;width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:translateX(-50%) rotate(45deg);transition:transform .25s ease;pointer-events:none}.project-section[open]>summary:after{transform:translateX(-50%) translateY(4px) rotate(225deg)}.project-section>summary:focus-visible:before,.project-section>summary:hover:before{background:#f0f3f8;border-color:var(--ink);box-shadow:0 0 0 3px #121f3e0a}@media(prefers-reduced-motion:reduce){.project-section>summary:after,.project-section>summary:before{transition:none}}.section-hint{display:block;margin-top:8px;font-weight:400;font-size:.9rem;line-height:1.5;color:var(--muted)}.project-section>summary>span{flex:1 1;min-width:0}.section-progress{margin-left:auto;color:var(--muted);font-weight:400;font-size:.85rem;white-space:nowrap}.project-section>summary>.section-progress+button{margin-left:4px}@media(max-width:640px){.project-section>summary{flex-wrap:wrap}.section-progress{font-size:.75rem}}.point-group{scroll-margin-top:16px}.mail-access-code{display:block;margin:20px 0;padding:18px 24px;border:1px solid #b8c1d1;border-radius:8px;background:#f3f5f9;max-width:260px;text-align:center}.mail-access-code>span{display:block;font-size:14px}.mail-access-code>strong{display:block;font-size:32px;letter-spacing:8px;color:var(--ink)}.customer-point>.point-summary{cursor:pointer;font-weight:700}.customer-point>.point-summary:before{content:none}.customer-point>.point-summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px}.customer-point:hover{border-color:var(--ink)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-heading h2{flex:1 1;min-width:0;margin:0}.modal-close{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;font-size:28px;line-height:1}.modal-close:hover{background:var(--soft)}dialog.customer-point-dialog{position:fixed;top:16px;bottom:auto;margin:0 auto;max-height:calc(100dvh - 32px);overflow-y:auto}.public-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.copyright-footer{margin-top:auto;padding:20px 16px;text-align:center;border-top:1px solid var(--line);color:var(--muted)}.copyright-footer small{font-size:.8rem}.project-details-grid input,.project-details-grid select{height:48px}.project-details-grid>div>label,.project-details-grid>label{margin:14px 0 6px}.project-address-notice{grid-column:1/-1}.work-table-wrap{overflow-x:auto;margin:1.5rem 0;background:#fff;border:1px solid #dce1e9;border-radius:6px}.work-table{width:100%;border-collapse:collapse;text-align:left}.work-table td,.work-table th{padding:1rem;vertical-align:top;border-bottom:1px solid #dce1e9}.work-table th{background:#f5f7fa}.work-table td:first-child{min-width:180px}.work-preview{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:420px}.work-note{white-space:pre-wrap;overflow-wrap:anywhere}.project-work-panel fieldset{border:0;padding:0;margin:0 0 1.5rem;min-width:0}.work-summary{display:flex;align-items:center;gap:1.5rem}.work-summary-heading{display:flex;flex-direction:column;min-width:145px;gap:.3rem}.work-summary small{display:block;color:#68768c;font-weight:400;font-size:.8rem}.work-summary-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1.5rem;flex:1 1;min-width:0;font-weight:400}.work-summary-grid>span{min-width:0}.work-summary-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}@media(max-width:800px){.work-summary{flex-wrap:wrap;gap:1rem}.work-summary-grid{flex-basis:100%;grid-template-columns:1fr;gap:.65rem}}.work-summary{align-items:flex-start}.work-summary-grid>span{overflow-wrap:anywhere}.work-billing-summary{border-top:1px solid #dce1e9;margin-top:1.25rem;padding-top:1rem}.work-billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.work-billing-grid p{margin:.4rem 0 0;overflow-wrap:anywhere}@media(max-width:600px){.work-billing-grid{grid-template-columns:1fr}}.project-list-card:has(.project-export-selector){position:relative;margin-left:36px;cursor:pointer;transition:background-color .15s,border-color .15s}.project-list-card>.project-export-selector{position:absolute;left:-36px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:40px;margin:0;padding:0;border:0;cursor:pointer}.project-export-selector input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:#461124}.project-list-card:has(.project-export-selector input:checked){border-color:#461124;background:#f8edf1;box-shadow:0 0 0 1px #461124}.project-list-card:has(.project-export-selector input:focus-visible){outline:2px solid #461124;outline-offset:3px}.staff-toolbar{display:flex;align-items:center;gap:12px;position:relative}.staff-toolbar>button{display:flex;align-items:center;gap:6px}.inbox-count{background:#461124;color:white;border-radius:20px;padding:2px 7px;font-size:12px}.inbox-panel{position:absolute;right:0;top:100%;z-index:100;background:white;border:1px solid #d9dfe8;box-shadow:0 8px 28px #14213d25;border-radius:8px;padding:20px;width:min(420px,85vw);max-height:65vh;overflow:auto}.inbox-item{display:grid;gap:8px;padding:15px 0;border-bottom:1px solid #d9dfe8}.inbox-item.unread{border-left:3px solid #461124;padding-left:12px}.inbox-item small{color:#65738b}.phase-dialog{flex-basis:100%}.work-overview .work-summary{display:block}.work-overview .work-summary-heading{display:block;margin-bottom:16px}.work-overview .work-summary-heading small{display:none}.work-overview .work-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-overview .work-billing-grid{gap:24px}.work-overview .work-summary-grid small:first-child{margin-bottom:6px}.lapse-reason{margin:18px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.hero+.project-activity{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:18px 24px}.work-overview .work-billing-summary h3{margin-bottom:16px}@media(max-width:640px){.hero+.project-activity,.work-overview .work-billing-grid,.work-overview .work-summary-grid{grid-template-columns:1fr;gap:16px}}.project-phase-badge{display:inline-flex;align-items:center;border:1px solid #cbd2db;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600;line-height:1.5;background:#fff;color:#334155}.project-phase-badge[data-phase=Lopend]{background:#fff2cc;border-color:#e9d99d;color:#675214}.project-phase-badge[data-phase=Afgerond]{background:#e2f0d9;border-color:#bed5af;color:#315b2d}.project-phase-badge[data-phase=Vervallen]{background:#e8ebef;border-color:#c7ced8;color:#4b5563}aside .navigation-logout{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;font:inherit;padding:10px 12px;cursor:pointer}aside .navigation-logout:hover{background:var(--soft)}.pagination .pagination-page{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.pagination .pagination-page input{width:80px;text-align:center}.work-overview .work-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){.work-overview .work-summary-grid{grid-template-columns:1fr}}.history-row{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:16px 24px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}.history-meta{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--muted);overflow-wrap:anywhere}.history-row .history-message{margin:0;min-width:0;overflow-wrap:anywhere;text-align:left}.history-actions{grid-column:2;min-width:0}.history-actions>.timeline{margin-top:12px}@media(max-width:640px){.history-row{grid-template-columns:minmax(0,1fr);gap:10px}.history-actions{grid-column:1}}.dashboard-queue-heading{display:flex;align-items:center;gap:12px;list-style:none}.dashboard-queue-heading::-webkit-details-marker{display:none}.dashboard-queue-heading:before{content:"▸";flex:none}.dashboard-queue[open]>.dashboard-queue-heading:before{content:"▾"}.dashboard-queue-heading>span{flex:1 1;min-width:0}.dashboard-queue-heading>button{flex:none;margin-left:auto}.dashboard-queue .history-row .actions{justify-content:flex-end}@media(max-width:640px){.dashboard-queue-heading{flex-wrap:wrap}.dashboard-queue-heading>button{margin-left:auto;max-width:100%}}.point.compact-point{padding:14px 18px;margin:10px 0;background:#fff}.compact-point>.point-summary{cursor:pointer}.compact-point>.point-summary:before{content:none}.compact-point-layout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;width:100%;min-width:0}.compact-point-layout h3{margin:0;font-size:1rem}.compact-point-layout .point-indicators{display:flex;gap:12px;max-width:none;align-items:center}.compact-point-layout .eyebrow{font-size:.75rem}.compact-point-layout .badge{font-size:.8rem}.compact-point.appointment-tone-confirmed>.point-summary,.compact-point.appointment-tone-requested>.point-summary{background:transparent}.point-dialog-content{min-width:0}.point-dialog-navigation{border-top:1px solid var(--line);padding-top:16px;justify-content:space-between}.point-inline-editor{border:1px solid var(--line);padding:18px;border-radius:6px;margin:16px 0}.point-dialog-content:has(.point-inline-editor)>:not(.point-inline-editor):not(:has(.point-inline-editor)){display:none}.point-dialog-content .actions:has(.point-inline-editor){display:block}.point-dialog-content .actions:has(.point-inline-editor)>:not(.point-inline-editor){display:none}.point-summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-width:760px){.compact-point-layout{grid-template-columns:minmax(0,1fr) auto;gap:12px}.compact-point-layout .point-indicators{grid-column:1/-1;justify-content:space-between;flex-wrap:wrap}.compact-point-layout .point-file-count{font-size:.8rem}.point.compact-point{padding:12px}}.customer-point-dialog:has(.point-inline-editor) .point-dialog-navigation{display:none}.compact-point-layout{grid-template-columns:minmax(0,1fr) minmax(0,210px) auto}.compact-point-gallery{min-width:0}.compact-point-gallery:empty{display:none}@media(max-width:1000px){.compact-point-layout{grid-template-columns:minmax(0,1fr) minmax(0,170px)}.compact-point-layout .point-indicators{grid-column:1/-1;justify-self:stretch;justify-content:space-between;flex-wrap:wrap}}@media(max-width:480px){.compact-point-layout{grid-template-columns:minmax(0,1fr)}.compact-point-gallery{justify-self:center;width:100%;max-width:210px}}@media(min-width:1001px){.compact-point-layout .point-indicators{grid-column:3}}.work-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.pagination .pagination-range{flex-basis:100%;margin:0;text-align:left}.history-summary{margin:0}.history-file-list{margin-top:10px}.history-file-list summary{cursor:pointer;font-size:.875rem}.history-file-list ul{margin:8px 0 0;padding-left:20px;overflow-wrap:anywhere}.point-dialog-content>.notice+.badge{margin-top:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions,.inbox-heading{display:flex;align-items:center;gap:12px}.inbox-heading{justify-content:space-between;margin-bottom:12px}.inbox-heading h2{margin:0;min-width:0}.inbox-heading>button{flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;line-height:1;font-size:20px;border-radius:5px}.point.compact-point.appointment-tone-requested{background:#fff8df;border-color:#e6d69d #e6d69d #e6d69d #a67508}.point.compact-point.appointment-tone-confirmed{background:#eaf6ee;border-color:#b8d9c2 #b8d9c2 #b8d9c2 #287147}.badge{font-weight:700;border:1px solid #667085;background:#f2f4f7;color:#344054;line-height:1.4}.badge.APPROVED{background:#17613b;border-color:#124d2f;color:#fff}.badge.REJECTED{background:#942c2c;border-color:#782323;color:#fff}.badge.NEEDS_INFO{background:#805700;border-color:#664600;color:#fff}.badge.SUBMITTED{background:#254570;border-color:#1c3557;color:#fff}.panel.work-overview{background:#eef3f8;border-color:#cbd5e1;border-left:4px solid #172544}.work-overview .work-billing-summary{border-color:#cbd5e1}.hero.project-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}.project-hero>div{min-width:0}.project-hero .project-activity{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin:0;padding:20px 0 0;border-top:1px solid #ffffff40;border-bottom:0;color:#fff}.project-hero .project-activity dt,.project-hero .project-activity small{color:#d7e2f2}@media(max-width:700px){.hero.project-hero,.project-hero .project-activity{grid-template-columns:minmax(0,1fr)}.project-hero .project-activity{gap:16px}}html[data-portal-refreshing] main{opacity:0;pointer-events:none}.staff-toolbar button[aria-busy=true] svg{animation:refresh-turn .6s linear infinite}@keyframes refresh-turn{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){html[data-portal-refreshing] main{opacity:.6}.staff-toolbar button[aria-busy=true] svg{animation:none}}.notification-bell-attention{animation:notification-bell-pulse 3.5s ease-out infinite}.notification-bell-attention svg{transform-origin:50% 15%;animation:notification-bell-ring 3.5s ease-in-out infinite}@keyframes notification-bell-ring{0%,32%,to{transform:rotate(0) scale(1)}15%,5%{transform:rotate(22deg) scale(1.12)}10%,20%{transform:rotate(-22deg) scale(1.12)}25%{transform:rotate(10deg) scale(1.06)}}@keyframes notification-bell-pulse{0%,40%,to{box-shadow:0 0 0 0 #46112400}8%{box-shadow:0 0 0 3px #46112435}35%{box-shadow:0 0 0 9px #46112400}}@media(prefers-reduced-motion:reduce){.notification-bell-attention,.notification-bell-attention svg{animation:none}}.copyright-footer-versioned{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.copyright-footer-versioned>small:first-child{min-width:0}.footer-version{flex:none;white-space:nowrap;text-align:right}.point-layout,.point-summary{align-items:center}.point-layout{flex:1 1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:24px}.point-heading{min-width:0}.point-heading h3{margin:0;font-size:1.15rem;line-height:1.5}.point-heading .eyebrow{margin:0 0 8px}.point-indicators{justify-self:end;justify-content:flex-end;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}.point-indicators .badge{text-align:center;max-width:170px;line-height:1.4;padding:9px 12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.point-indicators .point-info{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0}.filters{grid-template-columns:2fr 1fr}.point-body .actions{display:flex;align-items:stretch;justify-content:flex-end;gap:10px}.point-body .actions>.button,.point-body .actions>button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.file-album{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;width:210px;max-width:100%;justify-self:center;font-weight:400}.album-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;width:100%;height:140px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#e8edf2;padding:3px}.album-preview-1{grid-template-columns:1fr}.album-preview-1,.album-preview-2{grid-template-rows:1fr}.album-preview-3>.album-thumbnail:first-child{grid-row:span 2}.album-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;padding:0;border:0;border-radius:5px;background:#edf1f5;overflow:hidden;color:var(--ink)}.album-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.album-thumbnail:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.album-document{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:12px;font-weight:700;color:#4c6077}.album-document>span{font-size:28px;line-height:1.1}.album-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#121f3ebb;color:white;font-size:1.65rem;font-weight:700}.album-caption{font-size:.8rem;color:var(--muted)}.general-files>.file-album{margin:20px auto}.album-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;padding:24px}.album-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.album-dialog-heading h2{margin:4px 0 12px}.album-dialog-heading .eyebrow{margin:0}.album-dialog-heading small{font-weight:400}.album-viewer{margin-top:16px;height:min(45vh,420px);display:flex;align-items:center;justify-content:center;background:#edf1f5;border:1px solid var(--line);border-radius:8px;overflow:hidden}.album-viewer>img{display:block;width:100%;height:100%;object-fit:contain}.album-no-preview{text-align:center;padding:20px}.album-no-preview .album-document>span{font-size:64px}.album-filename{text-align:center;overflow-wrap:anywhere;font-weight:700;margin:12px 0;font-size:.95rem}.album-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.album-navigation>button:last-child{justify-self:end}.album-navigation>button:first-child{justify-self:start}.album-navigation>span{font-size:.875rem;color:var(--muted)}.album-file-actions{display:flex;justify-content:center;gap:12px;margin:16px 0}.album-file-actions>*{min-height:44px}.album-all-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.album-all-files>.album-thumbnail{height:74px;border:2px solid transparent}.album-thumbnail[aria-pressed=true]{border-color:var(--accent)}.album-thumbnail-number{position:absolute;right:3px;bottom:3px;background:#121f3ecc;color:white;padding:1px 5px;border-radius:3px;font-size:11px}.notification-settings{display:flex;align-items:center;justify-content:space-between;gap:24px}.notification-settings h2{margin-top:0}.notification-settings p{max-width:580px;margin-bottom:0}.sound-switch{display:inline-flex;align-items:center;gap:12px;min-width:118px;min-height:48px;justify-content:center;flex:none}.switch-track{display:block;width:40px;height:24px;padding:3px;background:#8592a2;border-radius:14px}.switch-track>span{display:block;background:white;width:18px;height:18px;border-radius:50%;transition:transform .15s}.sound-switch[aria-checked=true] .switch-track{background:#17613b}.sound-switch[aria-checked=true] .switch-track>span{transform:translateX(16px)}@media(min-width:1001px){.point-layout{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr)}.file-album{width:320px}.album-preview{grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);height:90px}.album-preview-1{width:100px}.album-preview-2{width:210px}.album-preview-3>.album-thumbnail:first-child{grid-row:auto}}.file-album:empty{gap:0}.general-files>.file-album:empty{margin:0}@media(min-width:641px) and (max-width:1000px){.point-layout{grid-template-columns:minmax(0,1fr) 170px auto;gap:16px}.file-album{width:170px}.album-preview{height:124px}.point-indicators{max-width:170px;gap:8px}.point-indicators .badge{max-width:110px}}@media(max-width:640px){.file-album:empty{display:none}.point-summary{align-items:flex-start;gap:10px}.point-summary:before{margin-top:2px}.point-layout{grid-template-columns:minmax(0,1fr);gap:16px;width:100%}.point-heading h3{font-size:1.05rem}.point-heading .eyebrow{font-size:.8rem}.file-album{width:210px}.album-preview{height:140px}.point-indicators{justify-self:stretch;justify-content:space-between;gap:12px}.point-indicators .badge{max-width:none;flex:1 1;min-height:44px}.point-indicators .point-info{align-self:center}.point-body .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.point-body .actions>*{width:100%;min-width:0;font-size:.85rem;padding:10px 8px}.point-body .actions>:only-child{grid-column:1/-1}.album-dialog{padding:16px}.album-dialog-heading h2{font-size:1.2rem}.album-dialog-heading button{padding:8px 12px}.album-viewer{height:32vh}.album-navigation{gap:8px}.album-navigation>button{padding:8px 10px;font-size:.8rem}.album-file-actions{display:grid;grid-template-columns:1fr}.album-file-actions>*{text-align:center}.album-filename{font-size:.8rem}.notification-settings{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.switch-track>span{transition:none}}.point.point-tone-idle{background:#fff;border-left-color:#8a95a3}.point.point-tone-busy{background:#fff8df;border-color:#e6d69d #e6d69d #e6d69d #a67508}.point.point-tone-rejected{background:#fff0ef;border-color:#e9b8b4 #e9b8b4 #e9b8b4 #ac3028}.point.point-tone-complete{background:#eaf6ee;border-color:#b8d9c2 #b8d9c2 #b8d9c2 #287147}.project-activity{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px 24px;padding:18px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.85rem}.project-activity dt{font-weight:700;margin-bottom:6px}.project-activity dd{margin:0;line-height:1.5}.project-activity small{display:block;color:var(--muted);margin-top:3px}.listrow>.project-activity{width:100%}.listrow>div:has(.project-activity){flex:1 1;min-width:0}@media(max-width:640px){.project-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-activity dd{overflow-wrap:anywhere}}.category-tone-rejected{border-color:#e9b8b4}.category-tone-rejected>.category-summary{background:#fff0ef}.category-tone-complete{border-color:#b8d9c2}.category-tone-complete>.category-summary{background:#eaf6ee}.category-summary>span{min-width:0;overflow-wrap:anywhere}.category-summary>small{flex-shrink:0}.category-tone-busy{border-color:#e6d69d}.category-tone-busy>.category-summary{background:#fff8df}.project-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 24px}.project-list-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}.project-list-card>.project-activity{grid-column:1/-1;margin:0;padding:20px 0;border-bottom:0}.filters{grid-template-columns:2fr 1fr 1fr}@media(max-width:640px){.project-list-card{grid-template-columns:minmax(0,1fr)}.project-list-actions{align-items:flex-start;text-align:left}.filters{grid-template-columns:1fr}}.project-section>summary{font-size:1.2rem;font-weight:700;cursor:pointer;min-height:40px}.project-section[open]>summary{margin-bottom:16px}.category-actions{margin:12px 0}.documents-section>.point{margin:16px 0}.category-summary{flex-wrap:wrap}.category-summary>span{flex:1 1}.category-summary>button{flex-shrink:0;margin-left:8px}@media(max-width:640px){.category-summary>button{flex-basis:calc(100% - 24px);margin-left:24px}.category-summary>span{flex-basis:45%}}.hero>div{min-width:0}.project-contacts{flex:0 1 45%;overflow-wrap:anywhere}.project-extra-contact{border-top:1px solid #ffffff40;padding-top:12px}@media(max-width:700px){.project-contacts{flex:auto;width:100%}}.project-heading{gap:12px;margin-bottom:16px}.project-heading .eyebrow{margin:0 0 6px}.project-heading .actions,.project-heading h1{margin:0}.project-heading .actions:empty{display:none}.filters{gap:12px;margin:16px 0}.filters label{margin:0;min-width:0}.filters input,.filters select{margin-top:4px;height:44px;padding:8px 10px}.section-intro{margin-top:20px}.section-intro h2{margin:0 0 8px}.project-section{padding:16px;margin-bottom:14px}.point-group{margin:10px 0}.category-summary{padding:12px 14px}.project-section>summary{padding-bottom:44px}@media(max-width:640px){main:has(.project-heading){padding:18px 12px}.project-heading{gap:8px;margin-bottom:12px}.project-heading h1{font-size:1.65rem;overflow-wrap:anywhere}.customer-filters,.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:12px 0 16px}.filters>label:first-child{grid-column:1/-1}.project-section{padding:12px;margin-bottom:12px}.category-summary{padding:10px}.category-points{padding:0 6px}.point-heading .eyebrow{margin-bottom:4px}}.project-section.category-tone-rejected{--category-header:#fff0ef;border-color:#e9b8b4}.project-section.category-tone-complete{--category-header:#eaf6ee;border-color:#b8d9c2}.project-section.category-tone-busy{--category-header:#fff8df;border-color:#e6d69d}.project-section.category-tone-attention{--category-header:#fff4d6;border-color:#dfc26d}.category-tone-attention{border-color:#dfc26d}.category-tone-attention>.category-summary{background:#fff4d6}.project-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 10px}.project-list-closed{background:#f1f3f6;border-left:4px solid #68758b;border-radius:6px;padding:20px;margin:12px 0}.project-closed-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #bbc4d1;background:#e3e8ef;color:#29364a;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}@media(max-width:640px){.project-list-closed{padding:14px}}.contractor-point-layout{grid-template-columns:minmax(0,1fr);gap:14px}.contractor-point-status{justify-self:end;grid-column:1/-1}.contractor-point-status .badge{font-size:.8rem}.contractor-point-layout .point-indicators{max-width:none;justify-content:flex-start}.contractor-point-layout .submit-evidence{width:100%;min-height:44px}.contractor-point-layout .point-indicators>.badge{max-width:none}.contractor-point-layout .submit-evidence{flex:1 1;width:auto}.contractor-point-layout .point-indicators{width:100%}.project-warning{display:flex;align-items:flex-start;gap:12px;border:1px solid #c99735;border-radius:12px;background:#fffdf5;padding:14px 18px;margin:14px 0}.project-warning p{margin:4px 0 0;font-size:.9rem}.warning-info{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:1px solid;border-radius:50%;font-family:serif;font-weight:700}.pending-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.pending-file{position:relative;border:1px solid var(--line);border-radius:6px;padding:12px 44px 12px 12px;min-width:0;overflow-wrap:anywhere}.pending-file img{display:block;max-width:100%;height:130px;object-fit:contain;margin-top:8px}.pending-file .remove-upload{position:absolute;right:2px;top:2px;min-width:36px;min-height:36px;padding:2px;font-size:1.5rem;color:#a22}.project-delete-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;justify-content:flex-end}.inspection-appointment{margin:12px 0}.appointment-row{border-top:1px solid var(--line);padding:16px 0}.appointment-row form{max-width:540px}.project-section>summary>button{grid-column:1/-1;justify-self:end}.project-section>summary .section-hint{max-width:none}.project-section.contractor-section>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:start;padding-bottom:var(--section-pad)}.project-section.contractor-section>summary>span{display:contents}.contractor-section .section-hint{grid-column:1/-1;grid-row:2;margin:0;line-height:1.45}.contractor-section .section-progress{grid-column:2;grid-row:1;padding-right:24px;align-self:center}.project-section.contractor-section>summary:before{display:none}.project-section.contractor-section>summary:after{left:auto;right:calc(var(--section-pad) + 4px);top:calc(var(--section-pad) + 7px);bottom:auto;transform:rotate(45deg)}.project-section.contractor-section[open]>summary:after{transform:translateY(4px) rotate(225deg)}.project-section{--section-pad:16px;background:white}.project-section>summary{margin:calc(-1 * var(--section-pad));padding:var(--section-pad);padding-bottom:calc(44px + var(--section-pad));background:var(--category-header,transparent);border-radius:5px}.project-section[open]>summary{margin-bottom:0;border-radius:5px 5px 0 0}.project-section>summary:before{bottom:calc(8px + var(--section-pad))}.project-section>summary:after{bottom:calc(21px + var(--section-pad))}@media(max-width:640px){.project-section{--section-pad:12px}}.dashboard-group{margin:12px 0;border:1px solid var(--border,#dce1e9);border-radius:6px;padding:12px 16px}.dashboard-group>summary{cursor:pointer;font-weight:600}.dashboard-group>summary>span{float:right;font-size:.85em;font-weight:400;margin-left:12px}.dashboard-group .listrow{padding:12px 0}.point.appointment-tone-requested{border-left-color:#a67508}.point.appointment-tone-confirmed{border-left-color:#287147}.appointment-tone-requested>.point-summary{background:#fff8df}.appointment-tone-confirmed>.point-summary{background:#eaf6ee}.appointment-tile-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:.9rem}.appointment-tile-status>span{padding:4px 9px;border-radius:6px;font-weight:600}.appointment-tile-status.requested>span{background:#f7e8b5;color:#714c00}.appointment-tile-status.confirmed>span{background:#d5eddf;color:#22613c}.appointment-tile-status strong{font-weight:500}.project-list>.project-list-card{background:white;border:1px solid var(--line);border-radius:5px;padding:24px;margin:0}.project-list>.project-list-card+.project-list-card{margin-top:14px}.project-list>.project-list-closed{background:#f1f3f6;border-left:4px solid #68758b}.project-list-meta>.muted{font-size:.9rem}.project-list-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.project-list-filters>.filter{max-width:none;margin:0}@media(max-width:640px){.project-list-filters{grid-template-columns:1fr}.project-list>.project-list-card{padding:18px}}.inspection-input-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.inspection-input-row>label{flex:1 1;min-width:0;margin:0}.inspection-input-row>button{flex:none}.album-enlarge{position:relative;border:0;border-radius:0;background:transparent;padding:0;width:100%;height:100%;min-height:0;cursor:zoom-in}.album-enlarge:hover:not(:disabled){filter:none}.album-enlarge>img{display:block;width:100%;height:100%;object-fit:contain}.album-enlarge-hint{position:absolute;right:12px;bottom:12px;padding:7px 12px;background:#121f3ed9;color:white;border-radius:5px}dialog.album-dialog.album-expanded{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:12px 20px;background:#101827;color:#fff;display:flex;flex-direction:column;gap:8px;overflow:hidden}.album-expanded .album-dialog-heading{flex:none}.album-expanded .album-dialog-heading>div{display:none}.album-expanded .album-dialog-heading>button:last-child{margin-left:auto}.album-expanded .album-viewer{flex:1 1;min-height:0;height:auto;margin:0;border:0;background:transparent;overflow:hidden}.album-expanded .album-enlarge{cursor:default}.album-expanded .album-filename{flex:none;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.album-expanded .album-navigation{flex:none;margin:0}.album-expanded .album-navigation span{color:#fff}.album-expanded .album-all-files,.album-expanded .album-file-actions{display:none}.album-expanded .error{flex:none;margin:0}@media(max-width:640px){dialog.album-dialog.album-expanded{padding:8px;gap:6px}.album-expanded .album-navigation>button{min-height:44px}.album-enlarge-hint{right:6px;bottom:6px}}.album-dialog{overscroll-behavior:contain}.album-zoom{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.album-zoom-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;flex:none}.album-zoom-tools small{color:#d2dae7}.album-zoom-stage{position:relative;flex:1 1;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.album-zoom-stage img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none;max-width:none}.album-zoom-stage:active{cursor:grabbing!important}@media(max-width:640px){.album-zoom-tools small{display:none}.album-zoom-tools button{padding:6px 10px}}.album-enlarge{touch-action:pan-y pinch-zoom}.album-header-zoom{flex:1 1;min-width:0}.album-header-zoom .album-zoom-tools{justify-content:flex-start}.album-header-zoom .album-zoom-tools small{flex-basis:100%;color:inherit;font-size:.75rem}@media(max-width:640px){.album-expanded .album-dialog-heading{flex-wrap:wrap}.album-header-zoom{order:3;flex-basis:100%}}