.record-workspace{padding-top:24px;padding-bottom:64px;color:var(--front-ink);--bs-body-color:var(--front-ink);--bs-body-bg:var(--front-surface);--bs-secondary-color:var(--front-muted);--bs-border-color:var(--front-line)}
.record-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--front-muted);font-size:12px;margin-bottom:32px}.record-breadcrumb a{color:var(--front-accent)}.record-heading{margin-bottom:28px}.record-eyebrow{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--front-accent);font-weight:700;margin:0 0 10px}.record-heading h1{font-size:clamp(29px,4vw,42px);line-height:1.3;margin:0 0 14px}.record-heading>p:last-child{color:var(--front-muted);font-size:15px;line-height:1.8;margin:0}.record-jump-nav{display:flex;gap:24px;align-items:center;padding:0 0 18px;margin-bottom:28px;border-bottom:1px solid var(--front-line)}.record-jump-nav a{font-size:13px;color:var(--front-accent);font-weight:600;text-decoration:none}.record-jump-nav span{margin-left:6px;display:inline-block;padding:2px 8px;border:1px solid var(--front-line);border-radius:20px;font-size:11px}
.record-workspace .record-content{padding:0!important;background:transparent;color:var(--front-ink);font-size:14px;line-height:1.8}.record-content-container{width:100%;min-width:0}.record-workspace .app-wrap,.record-workspace .request-wrap{display:grid;gap:24px}.record-workspace :is(.card-soft,.request-card,.card-tight,.qa){border:1px solid var(--front-line);border-radius:16px;overflow:hidden;background:var(--front-surface);color:var(--front-ink);box-shadow:none!important}.record-workspace :is(.card-header,.qa-head){background:var(--front-surface);border-bottom:1px solid var(--front-line);padding:22px 26px!important}.record-workspace :is(.card-body,.qa-body){padding:26px!important}.record-workspace :is(h5,h6,.section-title,.qa-head){font-size:19px;font-weight:600;line-height:1.5;color:var(--front-ink)}.record-workspace .application-summary>.card-header{background:var(--front-bg);padding:28px!important;gap:20px}.record-workspace .application-summary h5{font-size:23px;font-weight:700}.record-workspace .application-eyebrow{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:var(--front-accent);margin-bottom:9px}
.record-workspace :is(.kv,.meta-grid){min-width:0}.record-workspace .kv{display:grid;grid-template-columns:1fr;gap:6px;padding:14px 0;border-bottom:1px solid var(--front-line)}.record-workspace .kv:last-child{border:0}.record-workspace :is(.kv .k,.meta-key,.meta-k){font-size:11px;font-weight:500;letter-spacing:.45px;text-transform:uppercase;color:var(--front-muted)}.record-workspace :is(.kv .v,.kv-value,.meta-val){font-size:14px;color:var(--front-ink);min-width:0;overflow-wrap:anywhere}.record-workspace .kv-value{font-weight:500;flex:1}.record-workspace .kv-actions{flex-shrink:0}.record-workspace .kv-actions .btn{padding:0;width:34px;height:34px;min-height:34px}.record-workspace .kv-editor{grid-column:1/-1;background:var(--front-bg);padding:16px;border-radius:12px}.record-workspace .meta-grid{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px 18px}.record-workspace .meta-row{display:contents}.record-workspace .divider-soft{height:1px;background:var(--front-line);margin:24px 0 18px}.record-workspace :is(.text-muted,.section-sub,.task-sub){color:var(--front-muted)!important}.record-workspace :is(.text-primary,.text-info){color:var(--front-accent)!important}.record-workspace a:not(.btn):not(.btn-one):not(.btn-two):not(.btn-soft){color:var(--front-accent)}
.record-workspace :is(.btn,.btn-one,.btn-two,.btn-soft){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--front-line);border-radius:9px;padding:10px 16px;background:var(--front-surface);color:var(--front-accent);font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:none}.record-workspace :is(.btn-one,.btn-two,.btn-primary,.application-reply){background:var(--front-accent);border-color:var(--front-accent);color:var(--front-on-accent)}.record-workspace :is(.btn,.btn-one,.btn-two,.btn-soft):hover{filter:brightness(.97)}.record-workspace :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--front-accent);outline-offset:3px}.record-workspace :is(.badge,.chip,.pill){display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--front-line);border-radius:7px;font-size:11px;font-weight:600;background:var(--front-surface)!important;color:var(--front-ink)!important;line-height:1.5}.record-workspace .bg-success{border-color:var(--front-accent)}.record-workspace .application-links .card-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.record-workspace .application-background .kv-value{font-weight:400;line-height:1.9}.record-workspace :is(.mini-card,.qa){height:100%}.record-workspace .qa-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.record-workspace .qa-head .small{font-size:12px;color:var(--front-muted);font-weight:400}.record-workspace .qa-item{background:var(--front-bg);border-radius:10px;padding:18px;margin-bottom:16px}.record-workspace .qa-q{font-weight:600;margin-bottom:10px}.record-workspace .qa-a{white-space:pre-wrap;overflow-wrap:anywhere}
.record-reply{background:var(--front-surface);border:1px solid var(--front-line);border-radius:13px;overflow:hidden}.record-reply-staff{border-left:3px solid var(--front-accent)}.record-reply-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;background:var(--front-bg)}.record-reply-person{display:flex;align-items:center;gap:13px;min-width:0}.record-staff-avatar{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;overflow:hidden;background:var(--front-surface);border:1px solid var(--front-line);color:var(--front-accent);font-weight:700}.record-staff-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.record-reply-identity{min-width:0}.record-reply-identity strong{display:block;font-size:14px;font-weight:600}.record-reply-identity>span{display:block;font-size:11px;color:var(--front-muted);overflow-wrap:anywhere;line-height:1.7;margin-top:3px}.record-reply-date{font-size:11px;color:var(--front-muted);flex-shrink:0}.record-reply-body{padding:22px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.record-reply-body p{margin:0 0 16px}.record-reply-body p:last-child{margin-bottom:0}.record-reply-body :is(img,video){max-width:100%;height:auto}.record-reply-automatic .record-reply-header{background:var(--front-surface)}.record-reply-body pre{overflow-x:auto;white-space:pre-wrap}.record-workspace :is(.record-reply-body,.mail-body,.kv-value) :is(ul,ol){padding-left:24px;list-style:revert}.record-workspace :is(.record-reply-body,.mail-body,.kv-value) blockquote{border-left:3px solid var(--front-accent);background:var(--front-bg);padding:12px 18px}.record-workspace :is(#record-overview,#record-conversation){scroll-margin-top:160px}.record-adoption-conversation{margin-top:28px;background:var(--front-surface);border:1px solid var(--front-line);border-radius:16px;padding:26px}.record-adoption-conversation h2{font-size:22px}.record-adoption-conversation header>p{color:var(--front-muted)}
.record-workspace :is(.mail,.task,.soft,.request-detail){border:1px solid var(--front-line);background:var(--front-bg);color:var(--front-ink);border-radius:12px;padding:18px}.record-workspace .mail{padding:0;overflow:hidden}.record-workspace .mail-body{padding:18px;background:var(--front-surface);overflow-wrap:anywhere}.record-workspace .task{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.record-workspace .task-title{font-weight:600}.record-workspace .ico{display:inline-flex;width:20px;flex-shrink:0}.record-workspace .spin{animation:record-spin 1s linear infinite}.record-workspace .ico svg{width:20px;height:20px}.record-workspace .action-row{display:flex;flex-wrap:wrap;gap:12px}.record-workspace .city-service-map{height:350px;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--front-line)}.record-workspace .leaflet-container{z-index:0!important}.record-workspace .table{color:var(--front-ink);--bs-table-color:var(--front-ink);--bs-table-bg:var(--front-surface);--bs-table-border-color:var(--front-line);--bs-table-striped-bg:var(--front-bg);--bs-table-striped-color:var(--front-ink);--bs-table-hover-color:var(--front-ink);--bs-table-hover-bg:var(--front-bg)}.record-workspace .table-responsive{overflow:auto}.record-workspace .request-detail{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.record-workspace :is(.alert,.bg-light){background:var(--front-bg)!important;color:var(--front-ink)!important;border-color:var(--front-line)!important}.record-workspace .alert{border-left:3px solid var(--front-accent)!important}.record-workspace .border{border-color:var(--front-line)!important}
.frontend-beta:has(.record-workspace) .modal{--bs-body-color:var(--front-ink);--bs-body-bg:var(--front-surface);--bs-border-color:var(--front-line);color:var(--front-ink)}.frontend-beta:has(.record-workspace) .modal-content{background:var(--front-surface);border:1px solid var(--front-line);border-radius:16px!important;color:var(--front-ink)}.frontend-beta:has(.record-workspace) :is(.modal-header,.modal-footer){border-color:var(--front-line);padding:20px 24px}.frontend-beta:has(.record-workspace) .modal-body{padding:24px}.frontend-beta:has(.record-workspace) .modal-title{font-size:20px;font-weight:600}.frontend-beta:has(.record-workspace) .modal .text-muted{color:var(--front-muted)!important}.frontend-beta:has(.record-workspace) .modal :is(.btn-one,.btn-two,.btn){border-radius:9px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;background:var(--front-bg);border:1px solid var(--front-line);color:var(--front-accent);display:inline-flex;align-items:center;justify-content:center}.frontend-beta:has(.record-workspace) .modal :is(.btn-primary,.btn-one,.btn-two){background:var(--front-accent);border-color:var(--front-accent);color:var(--front-on-accent)}
.frontend-beta:has(.record-workspace) :is(.form-control,.form-select,.CodeMirror,.editor-toolbar,.editor-preview,.editor-preview-side){background:var(--front-bg);border:1px solid var(--front-line);color:var(--front-ink);border-radius:9px}.frontend-beta:has(.record-workspace) :is(.form-control,.form-select){font-size:14px;min-height:44px}.frontend-beta:has(.record-workspace) .form-control::placeholder{color:var(--front-muted)}.frontend-beta:has(.record-workspace) .form-control[readonly]{background:var(--front-surface)}.frontend-beta:has(.record-workspace) .editor-toolbar{margin-bottom:8px}.frontend-beta:has(.record-workspace) .editor-toolbar button{color:var(--front-ink)!important}.frontend-beta:has(.record-workspace) .editor-toolbar button:hover{background:var(--front-surface);border-color:var(--front-line)}.frontend-beta:has(.record-workspace) .CodeMirror{min-height:220px}.frontend-beta:has(.record-workspace) .CodeMirror-cursor{border-color:var(--front-ink)}.frontend-beta:has(.record-workspace) :is(.CodeMirror-gutters,.CodeMirror-activeline-background){background:var(--front-bg)}.frontend-beta:has(.record-workspace) .modal .alert{background:var(--front-bg);color:var(--front-ink);border-color:var(--front-line)}
@keyframes record-spin{to{transform:rotate(360deg)}}
@media(min-width:992px){.record-workspace .application-summary .row>.col-lg-6+ .col-lg-6{border-left:1px solid var(--front-line);padding-left:30px}}
@media(max-width:767px){.record-workspace{padding-bottom:40px}.record-heading h1{font-size:29px}.record-workspace :is(.card-header,.card-body,.qa-head,.qa-body){padding:20px!important}.record-workspace .application-summary>.card-header{padding:20px!important}.record-workspace .application-summary h5{font-size:20px}.record-workspace .application-links .card-body{grid-template-columns:1fr;gap:16px}.record-workspace .meta-grid{grid-template-columns:1fr;gap:4px}.record-workspace .meta-key{margin-top:12px}.record-reply-header,.record-reply-body{padding:18px}.record-reply-date{width:100%}.record-workspace .city-service-map{height:270px}.record-adoption-conversation{padding:20px}.record-workspace .card-header .btn{white-space:normal}.record-workspace .app-wrap,.record-workspace .request-wrap{gap:20px}.frontend-beta:has(.record-workspace) .modal-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.record-workspace .spin{animation:none}}

.record-workspace .kv-valuewrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-workspace .kv-editbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--front-line);border-radius:9px;background:var(--front-bg);color:var(--front-accent)}.record-workspace .kv-row{position:relative}.record-workspace .household-meta{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:12px}.record-workspace .household-meta>div{display:grid;gap:3px;min-width:70px}.record-workspace .household-meta span{font-size:11px;color:var(--front-muted)}.record-workspace .household-meta strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.record-workspace .hh-card{border:1px solid var(--front-line);border-radius:12px;overflow:hidden}.record-workspace .hh-head{padding:16px;background:var(--front-bg);display:flex;justify-content:space-between;align-items:center;gap:12px}.record-workspace .hh-body{padding:18px}.record-workspace .hh-item{border:1px solid var(--front-line);background:var(--front-bg);border-radius:12px;padding:20px}.record-workspace .hh-item+.hh-item{margin-top:12px}.record-workspace .hh-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.record-workspace .qa-grid{display:grid;gap:18px;grid-template-columns:repeat(12,minmax(0,1fr))}.record-workspace .qa-grid>.qa{padding:20px}.record-workspace .qa .ans{white-space:pre-line}.record-workspace .qa-actions{display:flex;justify-content:flex-end;margin-top:14px}.record-workspace .business-fund-plan{white-space:pre-wrap;font-weight:400;line-height:1.9}.record-workspace .support-summary,.record-workspace .support-check-grid{display:grid;gap:14px}.record-workspace .item-label{font-size:11px;text-transform:uppercase;color:var(--front-muted);letter-spacing:.4px}.frontend-beta:has(.record-workspace) .contract-preview{max-height:420px;overflow:auto;border:1px solid var(--front-line);border-radius:12px;background:var(--front-bg);color:var(--front-ink);padding:20px}.frontend-beta:has(.record-workspace) .modal-eyebrow{color:var(--front-accent);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.frontend-beta:has(.record-workspace) .modal-body{max-height:70vh;overflow-y:auto}.frontend-beta:has(.record-workspace) .modal .border{border-color:var(--front-line)!important}.frontend-beta:has(.record-workspace) .form-check-input:checked{background-color:var(--front-accent);border-color:var(--front-accent)}
html[data-front-mode=dark] .frontend-beta:has(.record-workspace) .btn-close{filter:invert(1) grayscale(1)}
@media(max-width:767px){.record-workspace .qa-grid{grid-template-columns:1fr}.record-workspace .qa-grid>.qa{grid-column:1!important}.record-workspace .hh-actions{width:100%;margin-top:12px}.record-workspace .hh-actions .btn{flex:1}}

/* System updates have their own identity, separate from staff and resident replies. */
.record-reply-automatic{border-style:dashed;background:var(--front-bg)}.record-reply-automatic .record-reply-header{background:transparent;padding:18px 22px 10px}.record-system-person{display:flex;align-items:center;gap:12px;min-width:0}.record-system-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid var(--front-line);border-radius:50%;color:var(--front-accent);background:var(--front-surface)}.record-system-icon svg{width:20px;height:20px}.record-reply-automatic .record-reply-identity strong{font-size:13px;color:var(--front-accent)}.record-reply-automatic .record-reply-body{padding:10px 22px 20px;font-size:13px;color:var(--front-muted)}.record-reply-automatic .record-reply-body strong{color:var(--front-ink)}
@media(max-width:767px){.record-reply-automatic .record-reply-header{padding:18px 18px 8px}.record-reply-automatic .record-reply-body{padding:10px 18px 18px}}