/* Build Flow: desktop-first list, locally served Inter Variable. */
:root{font-family:'Inter Variable',Arial,sans-serif;color:#022d65;background:#f4f9fd;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #007cfc;outline-offset:3px}button{border:0}a{color:inherit}.shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh}.sidebar{background:#022d65;color:white;display:flex;flex-direction:column;padding:0 10px;min-height:100vh}.brand{font-size:26px;letter-spacing:-1px;font-weight:750;height:64px;display:flex;align-items:center;white-space:nowrap;padding:0 10px}.brand span{color:#007cfc}.sidebar nav{margin-top:12px}.nav-item{background:transparent;color:#fff;width:100%;display:flex;align-items:center;gap:12px;padding:12px 10px;margin-bottom:3px;text-align:left;border-radius:6px;font-size:13px;white-space:nowrap}.nav-item:disabled{opacity:1;cursor:default}.nav-item.active{background:#007cfc}.nav-icon{font-size:21px;width:22px;flex-shrink:0;text-align:center;color:#c4d8f2}.divider{border-top:1px solid #ffffff20;margin:16px 0 6px}.collapse{margin-top:auto;padding:25px 12px;background:transparent;color:white;text-align:left;display:flex;gap:16px}.main{min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5edf5;display:flex;align-items:center;justify-content:flex-end;padding:0 24px}.top-actions{display:flex;gap:12px;align-items:center}.top-actions small{display:block;color:#647e9f;margin-top:4px;font-size:12px}.icon-button{background:transparent;font-size:23px;color:#5c7ea7;padding:6px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#e5e3ff;color:#0066f5;font-size:13px}.top-actions>.avatar{width:40px;height:40px;background:#007cfc;color:#fff;font-size:16px}.content{padding:24px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h1{font-size:30px;letter-spacing:-.7px;margin:0 0 8px;color:#06234e}.page-heading p{margin:0;color:#537196;font-size:15px}.primary{border:0;border-radius:8px;padding:12px 18px;background:#007cfc;color:#fff;white-space:nowrap}.primary:hover{background:#0067da}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{display:flex;gap:20px;padding:20px;background:white;border:1px solid #e4edf8;border-radius:8px;min-height:122px}.stat-icon{width:56px;height:56px;flex:none;background:#dcf6ff;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:700;color:#08b5e5}.stat strong{display:block;font-size:30px;color:#08244f;margin:6px 0}.stat small{color:#00a753;font-weight:600}.stat-1 .stat-icon{background:#dcf9ec;color:#04a654}.stat-2 .stat-icon{background:#edf5ff;color:#007cfc}.stat-3 .stat-icon{background:#ffe4e7;color:#fb334e}.toolbar{display:flex;align-items:center;gap:16px;margin:24px 0;flex-wrap:wrap}input,select,.ghost{background:white;border:1px solid #e1eaf5;border-radius:6px;padding:11px 14px}.search{width:350px;max-width:100%;font-size:13px}.search::placeholder{color:#738eaf}.export{margin-left:auto;white-space:nowrap}.visibility{display:flex;gap:8px;margin:-8px 0 12px}.visibility button{background:transparent;padding:6px 10px;font-size:12px;color:#647e9f;border-radius:5px}.visibility [aria-pressed=true]{background:#e1efff;color:#007cfc}.table-card{background:#fff;border-radius:8px;overflow:hidden}.table-scroll{overflow:auto;width:100%;min-height:180px}table{border-collapse:collapse;width:100%;min-width:1220px;font-size:13px}th{background:#eef3f9;text-align:left;text-transform:uppercase;font-size:10px;font-weight:500;white-space:nowrap;height:44px;padding:10px}th button{background:none;padding:0;text-transform:inherit;font-size:inherit;color:#007cfc}td{padding:10px;vertical-align:middle;height:49px;white-space:nowrap}tbody tr:hover{background:#f7fbff}.project-link{background:none;padding:0;text-align:left;max-width:210px;white-space:normal;line-height:1.45}.project-link:hover{color:#007cfc;text-decoration:underline}.progress-cell{display:flex;gap:8px;align-items:center;font-size:12px}progress{width:72px;height:8px;appearance:none;border:0;border-radius:8px;background:#e7edf4}progress::-webkit-progress-bar{background:#e7edf4;border-radius:8px}progress::-webkit-progress-value{background:#007cfc;border-radius:8px}progress::-moz-progress-bar{background:#007cfc;border-radius:8px}.badge{display:inline-block;border-radius:5px;padding:6px 8px;font-size:12px;background:#edf2f8;margin:2px 0}.status-1{background:#dfecff;color:#0071ed}.status-2{background:#fff0d5;color:#bd7200}.status-3{background:#daf8e7;color:#079a4b}.status-4,.overdue{background:#ffe3e5;color:#e73242}.overdue{display:block;width:max-content}.person{display:flex;align-items:center;gap:10px}.actions{position:relative}.actions summary{cursor:pointer;list-style:none;padding:8px}.actions summary::-webkit-details-marker{display:none}.actions[open]>div{position:absolute;right:0;bottom:30px;background:#fff;border:1px solid #dfe8f4;border-radius:8px;box-shadow:0 4px 14px #022d6520;z-index:2;padding:6px;min-width:135px}.actions button{display:block;width:100%;background:white;padding:9px;text-align:left}.actions button:hover{background:#edf5ff}.pagination{border-top:1px solid #edf2f8;display:flex;align-items:center;padding:20px 12px;gap:16px;font-size:13px}.pagination select{padding:8px;margin-left:6px;border-color:#007cfc}.page-buttons{margin-left:auto;display:flex;gap:6px;align-items:center}.page-buttons button{background:#fff;border:1px solid #e1eaf5;border-radius:5px;width:32px;height:34px;font-size:18px}.page-buttons button:disabled{opacity:.4}.page-buttons span{background:#007cfc;color:white;border-radius:5px;padding:9px}.empty{text-align:center;padding:50px;color:#6b80a0}.alert{border:1px solid #fac9ca;background:#fff1f1;color:#b73742;padding:12px;border-radius:8px;margin-bottom:16px}.success{background:#e3f8ed;color:#13884b;border-color:#b5e9cd}.data-note,.muted{color:#6e819d;font-size:12px}.detail{width:100%;max-width:none;min-width:0}.back{background:none;margin-bottom:20px;padding:0;color:#007cfc}.detail-card,.login-card{background:#fff;border:1px solid #e1eaf5;border-radius:8px;padding:30px}.detail-head{display:flex;justify-content:space-between;gap:20px}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details dt{color:#6e819d;margin-bottom:6px;font-size:12px}.details dd{margin:0;overflow-wrap:anywhere}.note{padding:15px;background:#f1f7fc;border-radius:8px;font-size:13px;line-height:1.5}.danger{color:#c73345}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{max-width:430px;width:100%}.login-card .brand{padding:0}.login-card p{color:#6e819d;line-height:1.6}.login-card h1{font-size:26px;margin-top:24px}.field{display:block;margin:18px 0}.field input{display:block;width:100%;margin-top:8px}.full{width:100%}.login-note,.eyebrow{font-size:12px}.dialog-backdrop{position:fixed;inset:0;background:#022d6580;display:grid;place-items:center;padding:24px;z-index:10}.dialog{max-width:480px;width:100%;background:white;padding:28px;border-radius:8px}.dialog h2{margin-top:0}.dialog p{line-height:1.6;color:#6e819d}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.loading{padding:50px;text-align:center}.collapsed{grid-template-columns:64px minmax(0,1fr)}.collapsed .nav-label,.collapsed .brand{font-size:0}.collapsed .brand:after{content:'BF';font-size:21px;color:#fff}.collapsed .nav-item{padding:12px 8px}.collapsed .brand{padding:0}.collapsed .collapse{padding-left:14px}
@media(max-width:1280px){.shell{grid-template-columns:64px minmax(0,1fr)}.sidebar .nav-label,.sidebar .brand{font-size:0}.sidebar .brand:after{content:'BF';font-size:21px;color:white}.sidebar .brand{padding:0}.sidebar .nav-item{padding:12px 8px}.stat{gap:12px;padding:16px}.stat-icon{width:44px;height:44px}.search{width:300px}}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.pagination{flex-wrap:wrap}.toolbar{gap:8px}.export{margin-left:0}.details{grid-template-columns:1fr}}
.sidebar nav{margin-top:8px}.nav-item{min-height:42px;padding:9px 10px;margin-bottom:2px;font-size:12px}.nav-icon{font-size:19px}.divider{margin-top:10px}.collapse{padding:20px 12px}.dialog .field select{display:block;width:100%;margin-top:8px}.dialog fieldset{border:1px solid #e1eaf5;border-radius:6px;line-height:2}.nav-item .nav-label{overflow:hidden;text-overflow:ellipsis}
.lead-table{min-width:1050px}.lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.lead-form .field{margin:0}.lead-form .field input,.lead-form .field select{width:100%;margin-top:7px}.lead-form>button,.lead-form>.form-error{grid-column:1/-1}.project-extra{border-top:1px solid #e6edf6;margin-top:25px;padding-top:15px}.project-extra h3{margin:0 0 15px}.budget-fields{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:end;margin:16px 0}.budget-fields .field{margin:0}.budget-fields input{width:100%;display:block;margin-top:7px}.budget-fields button{margin-bottom:0}.project-extra>.ghost{margin-top:10px}@media(max-width:700px){.lead-form{grid-template-columns:1fr}.budget-fields{grid-template-columns:1fr}}
.lead-tabs{display:flex;gap:24px;border-bottom:1px solid #dce7f3;overflow-x:auto;white-space:nowrap;margin:0 0 20px}
.lead-tabs button{background:transparent;padding:12px 2px;color:#5d7696;border-bottom:3px solid transparent;font-weight:600}
.lead-tabs button.active{color:#007cfc;border-bottom-color:#007cfc}
.lead-toolbar{margin:0 0 20px;gap:10px}
.lead-toolbar .search{width:300px;min-width:300px;max-width:300px;flex:0 0 300px}
.lead-toolbar select{max-width:200px;min-width:140px}
#lead-assignee-filter{width:210px;min-width:210px;max-width:210px}
#lead-status-filter{width:185px;min-width:185px;max-width:185px}
.lead-clear{margin-left:auto;white-space:nowrap}
.lead-table{min-width:1440px}
.lead-heading-actions{display:flex;align-items:center;gap:10px}
.lead-date-filter{display:flex;align-items:center;gap:8px;border:1px solid #e1eaf5;border-radius:6px;padding:3px 10px;margin:0;min-width:0}
.lead-date-filter label{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.lead-date-filter input{padding:6px;min-width:132px}
.lead-sort{background:none;border:0;padding:0;font:inherit;text-transform:inherit;color:inherit;cursor:pointer;white-space:normal;text-align:left}
.lead-sort[aria-sort=ascending],.lead-sort[aria-sort=descending]{color:#007cfc}
.lead-table.lead-latest{min-width:950px}
.lead-latest .latest-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:320px;vertical-align:top}
.lead-latest td{vertical-align:top}
.latest-care-form{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;min-width:270px}
.latest-care-form textarea{font:inherit;line-height:1.5;resize:none;overflow:hidden;min-height:38px;flex:1 1 180px;min-width:140px;padding:7px 9px;border:1px solid #d5e2f0;border-radius:6px}
.latest-care-form button{padding:9px 13px}
.latest-care-form small{color:#c73345;flex-basis:100%}
.lead-table th,.lead-table td{padding:10px 12px}
.lead-table td{white-space:normal;min-width:95px}
.lead-table td:first-child{min-width:65px;font-weight:600}
.lead-table:not(.lead-latest){table-layout:fixed;min-width:1490px}
.lead-table:not(.lead-latest) th,.lead-table:not(.lead-latest) td{padding-left:5px;padding-right:5px;min-width:0}
.lead-table:not(.lead-latest) th{font-size:13px;text-transform:none;white-space:normal;line-height:1.3}
.lead-table:not(.lead-latest) th:nth-child(1){width:60px}
.lead-table:not(.lead-latest) th:nth-child(2){width:160px}
.lead-table:not(.lead-latest) th:nth-child(3){width:115px}
.lead-table:not(.lead-latest) th:nth-child(5),.lead-table:not(.lead-latest) th:nth-child(6){width:120px}
.lead-table:not(.lead-latest) th:nth-child(8){width:10%}
.lead-table:not(.lead-latest) th:nth-child(10){width:125px}
.lead-table:not(.lead-latest) th:nth-child(11){width:155px}
.lead-table:not(.lead-latest) td:nth-child(11){white-space:nowrap}
.lead-table:not(.lead-latest) td:nth-child(13){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-table:not(.lead-latest) td:nth-child(1),.lead-table:not(.lead-latest) td:nth-child(3),.lead-table:not(.lead-latest) td:nth-child(10){white-space:nowrap}
.lead-table:not(.lead-latest) .lead-name,.lead-table:not(.lead-latest) .lead-assignee-names{min-width:0}
.lead-table:not(.lead-latest) .lead-name{max-width:100%;overflow-wrap:anywhere}
.lead-table:not(.lead-latest) .lead-assignee-names{line-height:1.4;overflow-wrap:anywhere}
.lead-assignee-names span{display:block}
.lead-name{color:#007cfc;text-decoration:none;font-weight:600;display:inline-block;min-width:140px}
.lead-name:hover{text-decoration:underline}
.lead-status-0{background:#e9f0fb;color:#4b719b}
.lead-status-1{background:#e2f1ff;color:#176eaf}
.lead-status-2{background:#eee9ff;color:#7250a9}
.lead-status-3{background:#fff0d5;color:#af6e0a}
.lead-status-4{background:#daf8e7;color:#13834f}
.lead-status-5{background:#ffe3e5;color:#ba4050}
.lead-project-button{width:29px;height:29px;border-radius:5px;background:#e7f2ff;color:#007cfc;font-size:23px;line-height:1}
.lead-project-button:hover{background:#d4e9ff}
.lead-project-button.existing{width:auto;padding:0 9px;font-size:12px;font-weight:700;white-space:nowrap}
.lead-table th #lead-id-sort{padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.lead-table th #lead-id-sort[aria-pressed="true"]{color:#007cfc}

.notification-anchor{position:relative;order:-1}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px}.notification-bell:hover{background:#edf5ff}.notification-count{position:absolute;top:0;right:0;min-width:17px;height:17px;padding:0 3px;border-radius:9px;background:#ec3448;color:white;font-size:10px;font-weight:700;line-height:17px}.notification-count[hidden],.notification-panel[hidden]{display:none}.notification-panel{position:absolute;right:0;top:46px;width:min(390px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 80px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfe9f4;border-radius:10px;box-shadow:0 16px 40px #022d6530;z-index:20}.notification-page{width:100%;max-width:680px;margin:0 auto;background:white;border:1px solid #dfe9f4;border-radius:10px;min-width:0}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e8eef6}.notification-heading h2{font-size:18px;margin:0}.notification-mark-all{background:transparent;color:#007cfc;font-size:12px;text-align:right}.notification-mark-all:disabled{color:#8ca0b9}.notification-list{min-width:0}.notification-page .notification-list{max-height:none;overflow:visible}.notification-panel .notification-list{max-height:600px;flex:0 1 auto;overflow-y:auto}.notification-panel .notification-heading,.notification-panel .notification-all{flex:none}.notification-item{display:flex;width:100%;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;background:white;border-bottom:1px solid #f0f3f8}.notification-item:hover,.notification-item.unread{background:#f5faff}.notification-type{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e5f1ff;color:#007cfc;font-weight:700}.notification-type.severity-attention{background:#fff2d8;color:#af7200}.notification-type.severity-warning{background:#ffe5e8;color:#bf3649}.notification-type.severity-success{background:#e0f7e9;color:#14844d}.notification-copy{display:grid;gap:4px;min-width:0;flex:1;line-height:1.4}.notification-copy strong{font-size:13px}.notification-copy>span{font-size:12px;color:#456687;overflow-wrap:anywhere}.notification-copy small{color:#7890a9}.notification-dot{flex:none;width:7px;height:7px;margin-top:8px;border-radius:50%;background:#007cfc}.notification-state{padding:28px 16px;text-align:center;color:#6b80a0}.notification-all{display:block;padding:13px;text-align:center;color:#007cfc;font-weight:600;text-decoration:none;border-top:1px solid #e8eef6}.notification-more{padding:14px;text-align:center;border-top:1px solid #e8eef6}.notification-more button{background:white;color:#007cfc;font-weight:600;padding:8px 14px;border-radius:6px}.notification-more button:hover{background:#edf5ff}.notification-more button:disabled{opacity:.55}
.notification-copy strong,.notification-copy>span{white-space:normal;overflow-wrap:anywhere;overflow:visible;display:block}
.notification-feedback{margin:0;padding:8px 16px;color:#bf3649;font-size:12px;background:#fff7f8}
.notification-heading-actions{display:flex;align-items:center;gap:8px}.notification-sound{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border-radius:5px;background:transparent;color:#5c7ea7}.notification-sound:hover{background:#edf5ff}
.notification-settings{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border-radius:5px;background:transparent;color:#5c7ea7;font-size:17px}.notification-settings:hover{background:#edf5ff}.notification-settings-body{flex:none;padding:10px 16px;border-bottom:1px solid #e8eef6;color:#345677;font-size:12px}.notification-settings-body[hidden]{display:none}.notification-settings-body label{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.notification-settings-body input{accent-color:#007cfc}
.lead-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border:2px solid white;border-radius:50%;background:#e3e9fb;color:#205b9d;font-size:10px;font-weight:700;margin-left:-5px}
.lead-avatar:first-child{margin-left:0}
.lead-pagination .page-buttons button{width:auto;padding:0 12px;font-size:13px}
@media(max-width:800px){.lead-toolbar select{flex:1 1 160px}.lead-clear{margin-left:0}}
.new-lead-page{max-width:1240px;margin:0 auto}.lead-breadcrumb{display:flex;gap:8px;align-items:center;color:#667f9b;margin:0 0 16px;font-size:13px}.lead-breadcrumb a{color:#007cfc;text-decoration:none}.new-lead-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.new-lead-heading h1{margin:0}.new-lead-actions{display:flex;gap:10px}.new-lead-card{background:#fff;border:1px solid #e1eaf5;border-radius:8px;padding:24px;margin-bottom:18px}.new-lead-card h2{font-size:18px;margin:0 0 22px;color:#06234e}.new-lead-grid{display:grid;gap:20px}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-field{min-width:0}.create-field>label,.create-field legend{display:block;margin-bottom:7px;font-weight:600;color:#345677}.create-field input:not([type=checkbox]),.create-field select,.create-field textarea{display:block;width:100%;border:1px solid #dce7f3;border-radius:6px;background:#fff;padding:11px 13px;min-height:42px}.create-field textarea{resize:vertical;line-height:1.5}.create-field select{height:42px}.create-field .field-error{display:block;color:#b73742;margin-top:6px;font-size:12px}.create-field .field-error[hidden]{display:none}.create-field [aria-invalid=true]{border-color:#d54b5c}.required{color:#d63e53}.province-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.default-province{display:flex;align-items:center;gap:6px;min-height:42px;white-space:nowrap}.default-province input{margin:0}.province-note{grid-column:1/-1;color:#7b6570;font-size:12px;margin:-12px 0 0}.execution-field{border:0;padding:0;margin:0}.execution-choices{display:flex;flex-wrap:wrap;gap:11px 18px;min-height:42px;align-items:center}.execution-choices label{white-space:nowrap}.execution-choices input{margin-right:5px}.create-general-error[hidden]{display:none}@media(max-width:850px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid>.create-field:nth-child(n){grid-column:span 1}.project-grid>.assignee-field{grid-column:span 1}}@media(max-width:620px){.customer-grid,.project-grid,.notes-grid{grid-template-columns:1fr}.new-lead-heading{align-items:flex-start;flex-direction:column}.province-group{grid-template-columns:minmax(0,1fr) auto}.new-lead-card{padding:18px}}


.managed-picker{position:relative;min-width:0;margin:4px 0}.managed-picker>label{display:block;margin-bottom:7px;font-weight:600;color:#345677}.managed-toggle{width:100%;min-height:42px;padding:5px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #dce7f3;border-radius:6px;text-align:left;color:#456c98}.managed-toggle:disabled{background:#f5f7fa;color:#637b9e}.managed-value{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.managed-placeholder{color:#6e819d}.managed-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;background:#eaf4ff;color:#145a9d;padding:3px 5px 3px 9px;border-radius:5px}.managed-chip-remove{display:inline-grid;place-items:center;min-width:22px;min-height:22px;border-radius:4px;font-size:18px;line-height:1;cursor:pointer}.managed-chip-remove:hover,.managed-chip-remove:focus-visible{background:#d3e8ff}.managed-dropdown{position:absolute;z-index:12;top:calc(100% + 4px);left:0;right:0;min-width:220px;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 8px 24px #022d6525;padding:8px}.managed-dropdown[hidden],.managed-add-row[hidden],.managed-menu[hidden],.managed-error[hidden]{display:none}.managed-search{display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #dce7f3;border-radius:6px;color:#6682a0}.create-field .managed-search input[type=search],.managed-search input[type=search]{width:100%;border:0;min-height:36px;padding:6px 0;outline:0}.managed-list{max-height:220px;overflow-y:auto;margin:6px 0}.managed-option{display:flex;align-items:center;position:relative;border-radius:5px}.managed-option:hover,.managed-option.is-selected{background:#f0f6fd}.managed-choice{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-align:left;padding:8px;background:transparent;color:#23486d}.managed-check{color:#1676dc}.managed-more{flex:none;width:34px;height:34px;border-radius:5px;background:transparent;color:#7d93a9;font-size:20px}.managed-more:hover,.managed-more:focus-visible{background:#e1edf9;color:#456c98}.managed-menu{position:fixed;z-index:30;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 8px 24px #022d6525;white-space:nowrap;padding:4px}.managed-delete{background:transparent;color:#b73742;padding:8px 10px;border-radius:4px}.managed-delete:hover{background:#fff0f1}.managed-add{width:100%;text-align:left;padding:10px 8px;background:#fff;border-top:1px solid #e1eaf5;color:#007cfc;font-weight:500}.managed-add:hover{background:#eef7ff}.managed-add-row{display:flex;gap:6px;padding:8px 0}.managed-add-row input{min-width:0;flex:1}.managed-add-save{color:#fff;background:#007cfc;border-radius:5px;padding:0 12px}.managed-empty{margin:8px;color:#6e819d;font-size:12px}.managed-error{color:#b73742;font-size:12px;margin:6px 0}
.managed-legacy{display:inline-flex;align-items:center;min-height:26px;color:#23486d;padding:3px 0}
.project-manager-cell{display:flex;flex-direction:column;gap:2px;max-width:170px;white-space:normal;line-height:1.35}.project-manager-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-manager-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.project-manager-dialog{max-width:560px}.project-manager-dialog .search{width:100%}.project-manager-dialog .managed-list{max-height:220px}.project-manager-dialog .managed-option{padding:7px}.project-person-picker .managed-value{flex-wrap:nowrap;overflow:hidden}.project-person-picker .managed-chip{flex:none;white-space:nowrap}.project-history{min-height:160px}.detail-card>div[hidden],.project-history[hidden]{display:none}
.project-table{table-layout:fixed;width:1217px;min-width:1217px;max-width:none}.project-table th{font-size:13px;text-transform:none;white-space:normal;line-height:1.25;padding:8px 5px}.project-table td{padding:8px 5px}.project-table th:nth-child(1){width:42px}.project-table th:nth-child(2){width:60px}.project-table th:nth-child(3){width:100px}.project-table th:nth-child(4){width:205px}.project-table th:nth-child(5){width:130px}.project-table th:nth-child(6){width:105px}.project-table th:nth-child(7){width:125px}.project-table th:nth-child(8){width:100px}.project-table th:nth-child(9){width:115px}.project-table th:nth-child(10){width:170px}.project-table th:nth-child(11){width:65px}.project-table .project-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .nav-icon{width:22px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.88)}.sidebar .nav-item.active .nav-icon{color:#fff}.sidebar .nav-icon svg{display:block;flex:none}
.staff-toolbar{display:flex;gap:12px;align-items:center;margin:18px 0}.staff-toolbar .search{width:340px}.staff-toolbar>select{width:220px}.staff-toolbar-actions{display:flex;gap:10px;margin-left:auto}.staff-bulk{display:flex;align-items:center;gap:16px;background:#edf3fa;padding:10px 16px;margin-bottom:8px;border-radius:7px;font-size:13px}.staff-bulk button{padding:8px 14px}.staff-bulk button:disabled{opacity:.5;cursor:not-allowed}.staff-card .table-scroll{min-height:0}.staff-table{table-layout:fixed;min-width:1100px;font-size:12px}.staff-table th{font-size:12px;text-transform:none;white-space:normal;line-height:1.25;font-weight:650;background:#f6f9fd}.staff-table th,.staff-table td{padding:8px 5px;overflow:hidden;text-overflow:ellipsis}.staff-table td{white-space:nowrap;border-top:1px solid #edf2f8}.staff-table td:nth-child(3){white-space:normal}.staff-name{display:flex;align-items:center;gap:6px}.staff-name .avatar{width:28px;height:28px;font-size:10px}.staff-picker{position:relative;border:1px solid #dce7f3;border-radius:5px;background:#fff;overflow:visible}.staff-picker summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:5px;padding:8px 6px;color:#607c9c;white-space:nowrap}.staff-picker summary::-webkit-details-marker{display:none}.staff-picker-menu{position:fixed;z-index:20;max-width:280px;max-height:270px;overflow:auto;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 8px 24px #022d6525;padding:8px}.staff-picker-menu label{display:block;padding:5px;white-space:nowrap}.staff-picker-menu input{margin-right:5px}.staff-card .page-buttons button[aria-current=page]{background:#007cfc;color:#fff}.staff-role-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.staff-role-card{background:#fff;border:1px solid #e1eaf5;border-radius:8px;padding:20px}.staff-role-card h2{margin:0 0 16px;font-size:18px}.staff-role-group{border-top:1px solid #edf2f8;padding:12px 0}.staff-role-group strong{display:block;margin-bottom:8px;text-transform:capitalize}.staff-role-group>div{display:flex;flex-wrap:wrap;gap:8px}.staff-role-group label{font-size:12px;background:#f3f7fc;border-radius:5px;padding:5px}.staff-role-group input{vertical-align:middle}
@media(max-width:1000px){.staff-toolbar{flex-wrap:wrap}.staff-toolbar-actions{margin-left:0}.staff-toolbar .search{max-width:100%}}
.staff-table th:first-child,.staff-table td:first-child{width:34px}.staff-table th:nth-child(2),.staff-table td:nth-child(2){width:40px}.staff-table th:nth-child(3){width:14%}.staff-table th:nth-child(5){width:17%}.staff-table th:nth-child(8),.staff-table th:nth-child(9){width:13%}.staff-table td:nth-child(5){overflow:hidden;text-overflow:ellipsis}.staff-history{padding:0 18px}.staff-history-line{padding:14px 2px;border-bottom:1px solid #edf2f8;font-size:13px;line-height:1.5}.staff-history-line:last-child{border-bottom:0}.staff-toolbar-actions{flex-wrap:wrap}.staff-toolbar-actions .ghost{white-space:nowrap}
.staff-role-tabs{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:4px 0 10px;margin:16px 0;scrollbar-width:thin}.staff-role-tabs button{flex:none;white-space:nowrap;background:#f3f7fc;color:#31577e;border:1px solid #dce7f3;border-radius:6px;padding:9px 14px}.staff-role-tabs button[aria-selected="true"]{background:#007cfc;border-color:#007cfc;color:#fff}.staff-role-tabs button:focus-visible{outline:2px solid #145a9d;outline-offset:2px}.staff-role-card{max-width:none}.staff-role-group>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.staff-role-group label{display:flex;align-items:flex-start;gap:6px;white-space:normal;line-height:1.35}.staff-role-group input{flex:none;margin-top:2px}
.sale-tabs{margin-bottom:18px}
.sale-summary-table{table-layout:fixed;width:1428px;min-width:1428px;max-width:none}
.sale-summary-table th,.sale-summary-table td,.sale-activities-table th,.sale-activities-table td{padding:10px 5px}
.sale-summary-table th,.sale-activities-table th{font-size:13px;text-transform:none;white-space:normal;line-height:1.3}
.sale-summary-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sale-summary-table th:nth-child(1),.sale-summary-table td:nth-child(1){width:170px}
.sale-summary-table th:nth-child(2),.sale-summary-table td:nth-child(2),.sale-summary-table th:nth-child(3),.sale-summary-table td:nth-child(3){width:150px}
.sale-summary-table th:nth-child(4),.sale-summary-table td:nth-child(4){width:55px}
.sale-summary-table th:nth-child(5),.sale-summary-table td:nth-child(5){width:92px}
.sale-summary-table th:nth-child(6),.sale-summary-table td:nth-child(6){width:62px}
.sale-summary-table th:nth-child(7),.sale-summary-table td:nth-child(7){width:94px}
.sale-summary-table th:nth-child(8),.sale-summary-table td:nth-child(8){width:44px}
.sale-summary-table th:nth-child(9),.sale-summary-table td:nth-child(9),.sale-summary-table th:nth-child(10),.sale-summary-table td:nth-child(10),.sale-summary-table th:nth-child(11),.sale-summary-table td:nth-child(11){width:78px}
.sale-summary-table th:nth-child(12),.sale-summary-table td:nth-child(12){width:80px}
.sale-summary-table th:nth-child(13),.sale-summary-table td:nth-child(13){width:65px}
.sale-summary-table th:nth-child(14),.sale-summary-table td:nth-child(14),.sale-summary-table th:nth-child(15),.sale-summary-table td:nth-child(15){width:116px}
.sale-summary-table th:first-child,.sale-summary-table td:first-child{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sale-summary-table th:not(:first-child),.sale-summary-table td:not(:first-child){text-align:right}
.sale-summary-table td{white-space:nowrap}
.sale-kpi-edit{background:none;color:#007cfc;padding:2px;font-size:12px}.sale-kpi-editor{display:flex;gap:4px;align-items:center}.sale-kpi-editor input{width:82px;min-width:0;padding:4px}.sale-kpi-editor button{padding:4px;color:#007cfc;background:none;font-size:12px}
.sale-filters{margin-bottom:16px;gap:10px}.sale-filters .search{width:280px}.sale-filters select{min-width:180px}.sale-activities-table{table-layout:fixed;min-width:760px}.sale-activities-table th:first-child{width:145px}.sale-activities-table th:nth-child(2){width:200px}.sale-activities-table th:nth-child(3){width:170px}.sale-activities-table td{vertical-align:top}.sale-activities-table td:first-child,.sale-activities-table td:nth-child(3){white-space:nowrap}.sale-activities-table a{color:#007cfc;text-decoration:none}.sale-activity-content{white-space:pre-wrap;overflow-wrap:anywhere}.sale-activities-table th button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.project-revenue-row{margin:12px 0;padding:12px;border:1px solid #e1eaf4;border-radius:8px;background:#fff}.project-revenue-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.project-revenue-fields label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600;color:#173653}.project-revenue-fields select,.project-revenue-fields input{width:100%;min-width:0;min-height:38px;padding:8px;border:1px solid #dce7f3;border-radius:6px;background:#fff;font:inherit;font-weight:400;color:#173653}.project-revenue-date-format{font-size:12px;font-weight:400;color:#456687}.project-revenue-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.project-revenue-actions button{white-space:nowrap}.project-revenue-form-error{margin:10px 0 0}.project-revenue-total{margin:15px 0;color:#456687}.project-revenue-total strong{color:#022d65}@media(max-width:640px){.project-revenue-fields{grid-template-columns:minmax(0,1fr)}}
.staff-toolbar{align-items:flex-start;justify-content:space-between}.staff-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.staff-filters>select{min-width:190px}.staff-toolbar-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:12px}.staff-action-row{display:flex;gap:8px;justify-content:flex-end}.staff-action-row button{white-space:nowrap}.staff-action-row button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1100px){.staff-toolbar{flex-direction:column}.staff-toolbar-actions{margin-left:0;align-items:flex-start}.staff-action-row{justify-content:flex-start;flex-wrap:wrap}}
.staff-dialog{max-height:calc(100vh - 40px);overflow:auto}.staff-dialog form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.staff-dialog .field{margin:8px 0}.staff-dialog .field input,.staff-dialog .field select{display:block;width:100%;margin-top:6px}.staff-dialog .field select[multiple]{height:110px;padding:5px}.staff-dialog .dialog-actions,.staff-dialog .staff-form-error{grid-column:1/-1}.staff-form-error{color:#b73742;font-size:13px}.staff-password{display:flex;gap:6px}.staff-password input{min-width:0}.staff-password button{margin-top:6px}.staff-department-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.staff-department-table{min-width:0}.staff-department-table th{text-transform:none;font-size:12px}.staff-department-table td{height:40px}.staff-department-table td:first-child{width:45px}.staff-department-table td:last-child{width:65px}.staff-delete-department{background:none;color:#b73742;padding:4px}.staff-inline-name{width:100%;padding:5px}@media(max-width:650px){.staff-dialog form{grid-template-columns:1fr}}
.staff-department-create{display:flex;align-items:end;gap:10px;margin:12px 0;flex-wrap:wrap}.staff-department-create[hidden]{display:none}.staff-department-create label{display:grid;gap:4px;flex:1 1 150px}.staff-department-create select,.staff-department-create input{width:100%}.staff-table{min-width:1320px}.staff-table.is-active th:first-child,.staff-table.is-active td:first-child{width:34px}.staff-table.is-active th:nth-child(2),.staff-table.is-active td:nth-child(2),.staff-table.is-inactive th:first-child,.staff-table.is-inactive td:first-child{width:60px}.staff-table th{font-size:13px}.staff-table th:nth-child(3),.staff-table th:nth-child(5),.staff-table th:nth-child(8),.staff-table th:nth-child(9){width:auto}.staff-table.is-active th:nth-child(6),.staff-table.is-inactive th:nth-child(5){width:110px}.staff-table.is-active th:nth-child(9),.staff-table.is-active th:nth-child(10){width:135px}
/* Keep staff columns compact; unused card width stays after the last column. */
.staff-table.is-active{width:1490px;min-width:1490px;max-width:none}
.staff-table.is-active th:nth-child(1){width:32px}
.staff-table.is-active th:nth-child(2){width:60px}
.staff-table.is-active th:nth-child(3){width:160px}
.staff-table.is-active th:nth-child(4){width:112px}
.staff-table.is-active th:nth-child(5){width:195px}
.staff-table.is-active th:nth-child(6){width:115px}
.staff-table.is-active th:nth-child(7){width:115px}
.staff-table.is-active th:nth-child(8){width:105px}
.staff-table.is-active th:nth-child(9),.staff-table.is-active th:nth-child(10){width:170px}
.staff-table.is-active th:nth-child(11){width:105px}
.staff-table.is-active th:nth-child(12){width:151px}
.staff-table.is-active th,.staff-table.is-active td{padding:5px;vertical-align:middle}
.staff-table.is-active td:nth-child(3){white-space:nowrap}
.staff-table.is-active td:nth-child(8){line-height:1.12}
.staff-table.is-active .staff-picker summary{padding:5px 6px}
.staff-table.is-active .staff-name{min-width:0}
.staff-table.is-active .staff-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-table.is-active .staff-picker{width:100%;max-width:160px}
.staff-table.is-active .staff-picker summary{white-space:normal;align-items:flex-start}
.staff-picker .managed-value{flex:1;min-width:0;gap:4px;flex-wrap:wrap}
.staff-picker .managed-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
.staff-picker .managed-chip-remove{flex:none}
.staff-picker-chevron{flex:none;align-self:center}
.staff-picker-menu label{white-space:normal}
.staff-picker-menu{max-height:250px;overflow-y:auto;visibility:hidden}
.staff-create-picker{margin:8px 0}
.staff-create-picker>label{margin-bottom:6px}
.staff-create-picker .managed-dropdown{max-height:260px;overflow:auto}
.staff-create-picker .managed-list{margin:0}
.staff-create-option{display:flex;align-items:flex-start;gap:7px;padding:6px;border-radius:5px;color:#23486d;font-size:13px;line-height:1.35}
.staff-create-option:hover{background:#f0f6fd}
.staff-create-option input{flex:none;margin:2px 0 0}
.staff-table.is-inactive{width:1072px;min-width:1072px;max-width:none}
.staff-table.is-inactive th:nth-child(1){width:60px}
.staff-table.is-inactive th:nth-child(2){width:160px}
.staff-table.is-inactive th:nth-child(3){width:112px}
.staff-table.is-inactive th:nth-child(4){width:195px}
.staff-table.is-inactive th:nth-child(5),.staff-table.is-inactive th:nth-child(6){width:115px}
.staff-table.is-inactive th:nth-child(7),.staff-table.is-inactive th:nth-child(8),.staff-table.is-inactive th:nth-child(9){width:105px}
.staff-edit-name{margin-left:10px;padding:4px 6px;background:none;color:#0057ca;font-size:13px}.staff-edit-name:hover{text-decoration:underline}
.staff-profile-edit{padding:0;background:none;color:#0057ca;font-size:12px;line-height:1.2;cursor:pointer;white-space:nowrap}.staff-profile-edit:hover{text-decoration:underline}
.staff-profile-edit+.staff-profile-edit{margin-left:10px}
#my-password{padding:7px 9px;font-size:12px;white-space:nowrap}
#staff-password-form{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.topbar{padding:0 10px}.top-actions{gap:6px}.top-actions>.avatar{width:30px;height:30px;font-size:12px}#my-password{font-size:11px;padding:6px}.top-actions small{font-size:10px}}
.staff-branch-table td:last-child{width:65px}
.staff-name-editor{display:flex;align-items:center;gap:6px;min-width:0}.staff-name-editor .staff-inline-name{flex:1 1 140px;min-width:90px}.staff-name-editor button{flex:none;background:none;color:#0057ca;padding:5px 3px;font-size:13px}.staff-name-editor button:hover{text-decoration:underline}
.staff-department-table th{font-size:13px}.staff-department-table th:first-child,.staff-department-table td:first-child{width:60px}.staff-department-table th[aria-sort=ascending] .lead-sort,.staff-department-table th[aria-sort=descending] .lead-sort{color:#007cfc}
.staff-scope-grid select,.staff-user-scope-list select{min-width:140px;max-width:100%}.staff-scope-grid label{display:flex;justify-content:space-between;align-items:center;gap:10px}.staff-scope-dialog{max-width:780px}.staff-user-scope-list{display:grid;grid-template-columns:repeat(2,max-content);column-gap:50px;row-gap:12px;margin:16px 0}.staff-user-scope-list label{display:grid;grid-template-columns:100px 155px;column-gap:10px;align-items:center;justify-content:start;white-space:nowrap}.staff-user-scope-list select{width:155px;min-width:155px;max-width:155px}.staff-scope-link{display:block;background:none;color:#006be6;padding:2px 0;font-size:11px}.staff-scope-link:hover{text-decoration:underline}@media(max-width:650px){.staff-user-scope-list{grid-template-columns:max-content;column-gap:0}.staff-scope-dialog{max-width:480px}}
.staff-table.is-active .staff-scope-link{padding:0;line-height:1.1}
.staff-role-tabs #staff-role-add{background:#fff;border-color:#dce7f3;color:#0057ca}
.staff-role-tabs #staff-role-add:disabled{opacity:.55;cursor:not-allowed}
.staff-role-actions{display:flex;gap:12px;margin:-6px 0 14px}
.staff-role-actions button{padding:0;background:none;color:#0057ca;font-size:13px}
.staff-role-actions button.danger{color:#b73742}
.staff-role-actions button:hover{text-decoration:underline}
.create-project-dialog{max-width:740px;max-height:calc(100vh - 48px);overflow:auto}
.create-project-dialog h3{font-size:14px;margin:20px 0 8px;color:#022d65}
.create-project-dialog .field{margin:8px 0}
.create-project-dialog .field input,.create-project-dialog .field select{display:block;width:100%;margin-top:6px}
.create-project-dialog .project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.project-person-picker>label{display:block;margin-bottom:6px}
.project-person-picker .managed-toggle{height:42px;margin-top:0}
.project-person-picker .managed-value{flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.project-person-picker .managed-chip{flex:none;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-person-picker .managed-dropdown{position:fixed;right:auto;z-index:100}
.project-person-picker .managed-search input[type=search]{margin:0}
.project-person-picker .managed-list{height:100px;max-height:100px;overflow-y:auto}
.project-person-picker:is([data-staff-scope="material"],[data-staff-scope="construction"],[data-staff-scope="other"]) .managed-list{height:140px;max-height:140px}
.create-project-dialog .project-person-picker:is([data-staff-scope="design"],[data-staff-scope="material"],[data-staff-scope="construction"],[data-staff-scope="acceptance"],[data-staff-scope="other"]) .managed-list{height:150px;max-height:150px}
.project-person-picker .managed-option[hidden]{display:none}
.project-person-picker .managed-option{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:7px 8px;cursor:pointer;white-space:nowrap}
.project-person-picker .managed-option input[type=checkbox]{display:block;flex:none;width:16px;height:16px;margin:0;padding:0}
.project-person-picker .managed-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-staff-edit-dialog .project-person-picker{margin:12px 0 20px}
.project-staff-edit-dialog{max-height:calc(100vh - 48px);overflow-y:auto}.project-staff-edit-groups{display:grid;gap:8px}.project-staff-edit-groups .project-person-picker{margin:0}.project-staff-readonly{display:grid;gap:8px;padding:8px 0;color:#425d77}.project-staff-readonly>div{display:flex;flex-wrap:wrap;gap:6px}
.create-project-dialog .field input[type=hidden]{display:none}
@media(max-width:600px){.create-project-dialog .project-form-grid{grid-template-columns:1fr}}

.design-tabs{margin:0 0 16px;display:flex;gap:58px;flex-wrap:wrap}
.design-tabs [data-design-tab="support"]{display:inline-flex;align-items:center;gap:6px}
.design-tab-count{color:#b42336}
.design-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.design-toolbar input,.design-toolbar select{border:1px solid #dce7f3;border-radius:6px;background:#fff;padding:8px 10px;min-height:36px;font:inherit}
.design-toolbar input{min-width:220px}
.design-scroll{overflow:auto}
.design-scroll table{width:max-content;min-width:0;table-layout:auto}
.design-scroll th,.design-scroll td{padding:7px 5px;font-size:13px;white-space:nowrap;vertical-align:top}
.design-scroll th{font-size:13px;font-weight:600;text-transform:none;white-space:normal;max-width:140px}
.design-scroll th:first-child,.design-scroll td:first-child{width:60px;min-width:60px;max-width:60px}
.design-scroll .design-long{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.design-project-table :is(th:nth-child(8),th:nth-child(9),.design-project-progress){width:200px;min-width:200px;max-width:200px;white-space:normal}
.design-project-table .project-status-plan-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:normal}
.design-project-table :is(th:nth-child(10),th:nth-child(11),.design-milestone){width:150px;min-width:150px;max-width:150px;white-space:normal}
.design-milestone-date{display:block;line-height:1.35}
.design-milestone-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.35;max-height:2.7em}
.design-scroll .design-names{max-width:190px;white-space:normal;line-height:1.35}
.design-scroll select{max-width:180px;border:1px solid #dce7f3;border-radius:5px;padding:5px;background:#fff}
.design-unassigned td,.design-unassigned .project-link,.design-unassigned .design-assignee-picker summary{color:#b42336}
.design-assignee-picker{position:relative;min-width:130px}
.design-assignee-picker summary{cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.design-assignee-options{position:absolute;z-index:8;top:100%;left:0;min-width:220px;max-height:220px;overflow:auto;padding:8px;background:#fff;color:#15365b;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 6px 18px #022d6520}
.design-assignee-options label{display:flex;align-items:center;gap:8px;padding:5px;cursor:pointer;white-space:nowrap}
.design-assignee-error{display:block;color:#b42336;white-space:normal;max-width:220px}
.design-scroll table:not(.design-project-table) td{vertical-align:middle}
.design-scroll td[data-status-cell]{vertical-align:middle}
.design-scroll td[data-status-cell] .design-support-status{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:165px;height:30px;padding:0 9px;border:1px solid transparent;border-radius:5px;text-align:left;font:inherit;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;vertical-align:middle}
.design-support-status{background:#546477;color:#fff}
.design-support-status:focus-visible{outline:2px solid #69aaff;outline-offset:2px}
.design-support-status:disabled{opacity:.7;cursor:wait}
.design-support-chevron{width:7px;height:7px;flex:none;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translateY(-2px)}
.design-support-status-menu{position:fixed;z-index:100;box-sizing:border-box;min-width:190px;padding:4px;background:#fff;color:#022d65;border:1px solid #dce5f0;border-radius:6px;box-shadow:0 8px 24px #022d6525}
.design-support-status-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:32px;padding:5px 9px;border:0;border-radius:4px;background:#fff;color:#022d65;text-align:left;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.design-support-status-menu button:hover,.design-support-status-menu button:focus-visible{background:#eaf3ff;outline:0}
.design-support-status-menu button[aria-selected="true"]{background:#eaf3ff}
.design-support-status-menu button span{color:#0758b8;font-weight:700}
.design-scroll .design-support-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 8px;text-align:center;white-space:nowrap}
.design-scroll .design-support-status.design-support-blue,.design-scroll .design-support-badge.design-support-blue{background:#0758b8;color:#fff;border-color:#0758b8}
.design-scroll .design-support-status.design-support-red,.design-scroll .design-support-badge.design-support-red{background:#ad2334;color:#fff;border-color:#ad2334}
.design-scroll .design-support-status.design-support-gray,.design-scroll .design-support-badge.design-support-gray{background:#546477;color:#fff;border-color:#546477}
.design-scroll .design-support-status.design-support-black,.design-scroll .design-support-badge.design-support-black{background:#20252d;color:#fff;border-color:#20252d}
.design-scroll .design-support-status.design-support-green,.design-scroll .design-support-badge.design-support-green{background:#147344;color:#fff;border-color:#147344}
.design-detail-fields{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}
.design-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.design-work-card{position:relative;min-width:0;padding:16px;border:1px solid #dce7f3;border-radius:10px;background:#fff}
.design-work-full{grid-column:1/-1}
.design-work-card h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:16px}
.design-work-card h3 span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#347ef4;color:#fff;font-size:14px}
.design-staff{display:grid;gap:7px;margin-bottom:14px}.design-staff>div{display:flex;flex-wrap:wrap;gap:7px}.design-staff .managed-chip{display:inline-flex;flex-direction:column}.design-staff small{color:#6c7f99}
.design-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.design-work-card label{display:grid;gap:5px;font-size:13px;color:#253850}
.design-work-card input,.design-work-card select,.design-work-card textarea{min-width:0;width:100%;padding:7px 9px;border:1px solid #dce7f3;border-radius:6px;background:#fff;font:inherit}
.design-work-card textarea{min-height:55px;resize:vertical}
.design-round{display:grid;grid-template-columns:55px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e7eef7}.design-round>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.design-round strong{font-size:13px}.design-rounds{margin-bottom:12px}.design-final{margin-top:14px;padding-top:12px;border-top:1px solid #e7eef7}
.design-final .design-field-title{display:block;margin-bottom:6px}.design-final-date-view{display:flex;align-items:center;gap:8px}.design-work-card .design-final-date-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}.design-final-date-form input{flex:0 1 180px;width:180px}.design-final-date-form button,.design-final-date-view button{width:auto;padding:5px 10px;font-size:12px}.design-final-date-form[hidden],.design-final-date-view[hidden]{display:none}
.design-delivery-date{min-width:0}.design-delivery-date .design-field-title{display:block;margin-bottom:6px}.design-delivery-date .design-final-date-form input{flex:1 1 150px;width:100%}
.design-icon-delete{border:0;background:transparent;color:#dc3545;cursor:pointer}.design-work-card form{display:grid;gap:8px;margin-bottom:12px}.design-work-card form .primary{justify-self:start}.design-activity-list{max-height:370px;overflow:auto}.design-activity-list article{padding:10px 0;border-bottom:1px solid #e7eef7}.design-activity-list article small{margin-left:10px;color:#71839a}.design-activity-list article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
.design-work-table{width:100%;border-collapse:collapse;font-size:13px}.design-work-table th,.design-work-table td{padding:7px;border:1px solid #e1e9f2;vertical-align:top}.design-work-table th{font-size:13px;text-transform:none;background:#f4f7fb}.design-work-table th:first-child{width:130px}.design-work-table th:last-child{width:1%;white-space:nowrap}.design-work-table textarea{min-width:180px}.design-work-table a{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#006fda}.design-work-table .ghost{padding:5px}.design-document-content{max-width:380px;overflow:hidden;text-overflow:ellipsis}.design-overdue{display:block;color:#b42336}.design-work-error{margin-top:12px}
.design-document-card{align-self:start}.design-document-card>.primary{margin-bottom:12px}.design-document-card .table-scroll{overflow-x:auto}.design-document-table{width:100%;table-layout:fixed}.design-document-table th,.design-document-table td{min-width:0;padding:7px 5px}.design-document-table th:nth-child(1){width:145px}.design-document-table th:nth-child(2){width:160px}.design-document-table th:nth-child(3){width:auto}.design-document-table th:nth-child(4){width:80px}.design-document-table th:nth-child(5){width:42px}.design-document-table td:nth-child(1),.design-document-table td:nth-child(2),.design-document-table td:nth-child(4){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-document-table td:nth-child(3){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-document-table td:last-child{position:relative;overflow:visible;text-align:center}.design-document-table a{display:inline;max-width:none}.design-document-toggle{border:0;background:transparent;font-size:20px;cursor:pointer}.design-document-menu{position:absolute;right:4px;top:34px;z-index:5;min-width:100px;padding:5px;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 6px 20px #17365322}.design-document-menu button{display:block;width:100%;padding:7px;border:0;background:#fff;text-align:left;cursor:pointer}.design-document-menu button:hover{background:#edf5ff}.design-document-overlay[hidden]{display:none}.design-document-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#0c1c33a6}.design-document-modal{width:min(100%,520px);padding:20px;border-radius:10px;background:#fff;box-shadow:0 16px 48px #0c1c3355}.design-document-modal h3{margin:0 0 18px;font-size:18px}.design-document-modal form{display:grid;gap:12px}.design-document-modal label{display:grid;gap:5px;font-size:13px}.design-document-modal input{width:100%;min-width:0;padding:8px 10px;border:1px solid #dce7f3;border-radius:6px;font:inherit}.design-document-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.design-document-actions button{width:auto}.design-document-error{margin:0}
.design-document-menu[hidden]{display:none}
.design-document-menu{position:fixed;right:auto;top:auto}
.design-project-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.design-project-column{display:grid;align-content:start;gap:16px;min-width:0}.design-project-column .design-staff{margin:0}.design-project-column .design-staff>strong,.design-document-head>strong{font-size:13px;color:#253850}.design-document-section{gap:8px}.design-document-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.design-document-head .primary{padding:7px 9px;font-size:12px}.design-document-list{min-width:0;max-height:180px;overflow-y:auto;overflow-x:hidden;list-style:none;margin:0;padding:0}.design-document-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;padding:7px 0;border-bottom:1px solid #e7eef7;font-size:13px}.design-document-item .design-document-content{display:block;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-document-item a{white-space:nowrap;color:#006fda}.design-document-item .design-document-toggle{padding:0 4px}.design-document-list>.muted{padding:8px 0}
.design-project-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.design-project-left{grid-column:1 / span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;align-content:start;gap:16px 20px;min-width:0}.design-project-left .design-staff,.design-project-left .design-status-readonly,.design-project-left>label{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;min-width:0;margin:0}.design-project-left .design-staff,.design-project-left .design-status-readonly{align-self:start}.design-project-left .design-field-title,.design-document-head .design-field-title{display:block;margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.4;color:#022d65}.design-project-left>label .design-field-title{min-height:1.4em}.design-project-left>label input,.design-project-left>label select{height:35px;flex:none}.design-document-section{grid-column:3 / span 2;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;align-self:start;min-width:0}.design-document-head{align-items:flex-start;margin:0;padding:0}.design-document-list-head,.design-document-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;gap:8px}.design-document-list-head{padding:6px 0;border-bottom:1px solid #dce7f3;font-size:13px;font-weight:600;color:#253850}.design-document-list-head span,.design-document-item>*{min-width:0}.design-document-item{align-items:start}.design-document-item .design-document-content{white-space:normal;overflow-wrap:anywhere}.design-document-item a{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.design-document-item .design-document-toggle{justify-self:end;line-height:1}
.design-project-info .design-document-list{max-height:none;overflow:visible}
.design-status-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:5px 8px;min-width:0;align-self:start;align-content:start}.design-project-left .design-status-pair .design-status-readonly{display:contents}.design-status-pair .design-status-readonly:first-child .design-field-title{grid-column:1;grid-row:1}.design-status-pair .design-status-readonly:last-child .design-field-title{grid-column:2;grid-row:1}.design-status-pair .design-status-readonly:first-child .badge{grid-column:1;grid-row:2}.design-status-pair .design-status-readonly:last-child .badge{grid-column:2;grid-row:2}.design-status-pair .design-field-title{overflow-wrap:anywhere}.design-status-pair .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.design-plan-done{background:#e8f1e9;color:#276b3e}
.material-info-column .design-status-pair .design-status-readonly{display:contents}.material-info-column .design-status-pair .design-field-title{font-size:14px;font-weight:700;line-height:1.4;color:#022d65}
.project-plan-list{display:grid;gap:9px;margin:12px 0}.project-plan-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;min-width:0;font-size:13px}.project-plan-item>strong{white-space:nowrap}.project-plan-content{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.project-plan-item .badge{margin:0;white-space:nowrap}.project-plan-item .lead-plan-state{white-space:nowrap;color:#52718d}.project-plan-item .lead-plan-state.overdue{color:#b42336;font-weight:650}.project-plan-item .lead-plan-complete{padding:5px 8px;white-space:nowrap}.project-plan-menu-wrap{position:relative;justify-self:end}.project-plan-menu-toggle{border:0;background:transparent;color:#3b5b7e;font-size:20px;line-height:1;cursor:pointer;padding:3px 6px}.project-plan-menu{position:absolute;right:0;top:100%;z-index:5;min-width:110px;padding:4px;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 8px 22px #142d4b24}.project-plan-menu[hidden],.project-plan-overlay[hidden]{display:none}.project-plan-menu button{display:block;width:100%;padding:7px 9px;border:0;background:transparent;text-align:left;cursor:pointer;color:#173653}.project-plan-menu button:hover{background:#f1f7ff}.project-plan-form{display:grid;gap:10px;margin-top:14px}.project-plan-form label,.project-plan-dialog label{display:grid;gap:5px;font-size:12px;color:#526985}.project-plan-form input,.project-plan-form textarea,.project-plan-dialog input,.project-plan-dialog textarea{width:100%;min-width:0;box-sizing:border-box}.project-plan-form textarea,.project-plan-dialog textarea{min-height:64px;resize:vertical}.project-plan-form button{justify-self:start}.project-plan-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#10243b88}.project-plan-dialog{width:min(100%,520px);max-height:90vh;overflow:auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 12px 40px #10243b55}.project-plan-dialog h3{margin:0 0 16px}.project-plan-dialog form{display:grid;gap:12px}.project-plan-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:550px){.project-plan-item{grid-template-columns:88px minmax(0,1fr) auto;align-items:start}.project-plan-item>strong{grid-column:1;grid-row:1}.project-plan-content{grid-column:2;grid-row:1}.project-plan-item>.lead-plan-state,.project-plan-item>.badge{grid-column:2;grid-row:2;justify-self:start}.project-plan-item>.lead-plan-complete{grid-column:3;grid-row:1}.project-plan-menu-wrap{grid-column:3;grid-row:2}.project-plan-item:not(:has(.lead-plan-complete)) .project-plan-menu-wrap{grid-row:1/3}}
@media(max-width:850px){.design-project-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.design-project-left,.design-document-section{grid-column:1 / span 2}}
@media(max-width:550px){.design-project-columns{grid-template-columns:minmax(0,1fr)}.design-project-left,.design-document-section{grid-column:1}.design-project-left{grid-template-columns:minmax(0,1fr)}.design-project-left>label .design-field-title{min-height:0}}
.design-document-card .table-scroll{min-height:0}.design-document-card .design-document-table{min-width:0}
@media(max-width:850px){.design-document-card .design-document-table{display:table;overflow:visible}}
@media(max-width:600px){.design-document-table{min-width:570px}}
@media(max-width:850px){.design-work-grid{grid-template-columns:1fr}.design-info-grid{grid-template-columns:1fr}.design-round>div{grid-template-columns:1fr}}
.material-detail-grid .design-work-card{overflow:visible}.material-info-card{container-type:inline-size}.material-info-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}.material-info-column{min-width:0;align-self:start}.material-info-column h4{margin:0 0 10px;font-size:14px}.material-info-column .design-staff{margin:0 0 16px}.material-info-column label{min-width:0}.material-info-column select,.material-info-column input,.material-info-column textarea{display:block;width:100%;min-width:0;max-width:100%}.material-info-column #material-note{min-height:130px;margin-bottom:10px}.material-documents-head{display:flex;align-items:start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.material-documents-head h4{margin:0}.material-documents-head .primary{padding:7px 9px;font-size:12px}.material-document-list{max-height:320px;overflow-y:auto;overflow-x:hidden}.material-document-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:8px 0;border-bottom:1px solid #e7eef7;align-items:start}.material-document-main{min-width:0}.material-document-main strong,.material-document-main small{display:block;overflow-wrap:anywhere}.material-document-main small{font-size:11px;color:#71839a}.material-document-link{grid-column:1/-1;min-width:0}.material-document-link a,.material-document-link button{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-document-link a{color:#006fda}.material-document-actions{grid-column:2;grid-row:1;white-space:nowrap}.material-document-actions button{padding:4px 6px}.material-documents form{margin-top:10px}.material-documents form[hidden]{display:none}
@container (max-width:900px){.material-info-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:600px){.material-info-columns{grid-template-columns:minmax(0,1fr)}}
.material-document-list-head,.material-document-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:start}.material-document-list-head{padding:6px 0;border-bottom:1px solid #dce7f3;font-size:13px;font-weight:600;color:#253850}.material-document-item{padding:8px 0}.material-document-link,.material-document-actions{grid-column:auto;grid-row:auto;min-width:0}.material-document-actions{justify-self:end}.material-document-link a{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.material-document-main strong{font-weight:500}.material-document-main small{margin-top:3px}
.material-document-list{max-height:none;overflow:visible}
#project-construction-work #construction-note{min-height:130px;margin-bottom:10px}
.material-info-column #acceptance-note{min-height:130px;margin-bottom:10px}
.material-documents-buttons{display:flex;align-items:center;gap:8px;max-width:100%;white-space:nowrap}
@container (max-width:600px){.material-document-list-head{display:none}.material-document-item{grid-template-columns:minmax(0,1fr) auto}.material-document-main{grid-column:1}.material-document-actions{grid-column:2;grid-row:1}.material-document-link{grid-column:1/-1;grid-row:2}}
.design-active .details,.design-active #project-core-edit,.design-active .project-extra:not([aria-label="Thiết kế"]),.design-active .note{display:none}
.project-design-staff{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;margin:10px 0}
.project-design-staff>strong{color:#345677}
.project-design-staff details{position:relative;min-width:160px}
.project-design-staff summary{cursor:pointer;color:#006fda;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-design-staff-menu{position:absolute;z-index:10;top:100%;left:0;min-width:245px;max-width:min(320px,calc(100vw - 40px));padding:8px;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 6px 18px #022d6520}
.project-design-staff-menu input[type=search]{width:100%;padding:7px;border:1px solid #dce7f3;border-radius:5px}
.project-design-staff-options{max-height:220px;overflow:auto;margin-top:5px}
.project-design-staff-options label{display:flex;align-items:center;gap:7px;padding:5px;cursor:pointer}
.project-design-staff-options label[hidden]{display:none}
.project-design-staff-error{display:block;color:#b42336;margin-top:5px}
.project-design-staff-saving{color:#647e9f}
.design-detail-fields label{display:grid;gap:5px;color:#345677;font-size:13px}
.design-detail-fields select,.design-detail-fields input,.design-detail-lists textarea,.design-detail-lists input{border:1px solid #dce7f3;border-radius:6px;padding:8px;font:inherit}
.design-detail-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.design-detail-lists form{display:grid;gap:8px;margin-bottom:14px}
.design-detail-lists textarea{min-height:70px;resize:vertical}
@media(max-width:800px){.design-detail-lists{grid-template-columns:1fr}}
.doc-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.doc-toolbar .search{width:260px}.doc-toolbar select,.doc-toolbar input[type=date]{max-width:220px}.doc-toolbar .primary{margin-left:auto}.doc-table{width:max-content;min-width:100%;table-layout:auto}.doc-table th{font-size:13px;text-transform:none;white-space:normal;max-width:140px;line-height:1.25}.doc-table td{white-space:nowrap}.doc-table .doc-long{max-width:260px;overflow:hidden;text-overflow:ellipsis}.doc-link{background:none;padding:0;color:#006fda;text-align:left;cursor:pointer}.doc-link:hover,.doc-table a:hover{text-decoration:underline}.doc-dialog{max-width:540px;max-height:calc(100vh - 36px);overflow:auto}.doc-dialog textarea,.doc-dialog select,.doc-dialog input{display:block;width:100%;margin-top:8px}.doc-dialog textarea{min-height:76px;border:1px solid #e1eaf5;border-radius:6px;padding:11px 14px;font:inherit}.doc-lead-picker{min-height:140px;max-height:180px;overflow:auto}.doc-category-row{display:flex;align-items:center;gap:8px;margin:8px 0}.doc-category-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.doc-dialog .doc-source{display:flex;gap:18px;margin:16px 0;border:1px solid #e1eaf5;border-radius:8px}.doc-dialog .doc-source legend{padding:0 6px}.doc-dialog .doc-source label{display:flex;align-items:center;gap:6px}.doc-dialog .doc-source input[type=radio]{display:inline;width:auto;margin:0}.doc-dialog [hidden]{display:none!important}
.doc-template-table{min-width:0}.doc-template-table th,.doc-template-table td{padding-left:5px;padding-right:5px}.doc-template-table th:first-child,.doc-template-table td:first-child{width:60px;min-width:60px;max-width:60px}.doc-template-table .doc-long{min-width:180px;max-width:320px}.doc-template-table th:last-child,.doc-template-table td:last-child{white-space:nowrap;width:1%}
.doc-template-table .doc-select-cell{width:34px!important;min-width:34px!important;max-width:34px!important;text-align:center;padding:6px 3px}.doc-template-table th:nth-child(2),.doc-template-table td:nth-child(2){width:60px;min-width:60px;max-width:60px}.doc-select-cell input{width:16px;height:16px;margin:0;vertical-align:middle;cursor:pointer}.doc-bulk-delete{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:#b91c1c}
.doc-table .doc-select-cell{width:34px;min-width:34px;max-width:34px;text-align:center;padding:6px 3px}
.doc-table:not(.doc-template-table) th:not(.doc-select-cell),.doc-table:not(.doc-template-table) td:not(.doc-select-cell){padding-left:8px;padding-right:8px}
.doc-template-actions{display:inline-flex;align-items:center;gap:20px;white-space:nowrap}.doc-action-divider{color:#98a9be;user-select:none}
.doc-category-toggle{display:block;width:100%;margin-top:8px;padding:11px 14px;text-align:left;background:#fff;border:1px solid #e1eaf5;border-radius:6px;min-height:43px}.doc-category-dropdown{position:fixed;z-index:30;background:#fff;border:1px solid #dce7f3;border-radius:7px;box-shadow:0 8px 24px #022d6525;overflow:auto;padding:5px}.doc-category-list{max-height:205px;overflow:auto}.doc-category-row{display:flex;align-items:center;gap:4px}.doc-category-row button:first-child{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}.doc-category-dropdown button{background:#fff;padding:8px;border-radius:5px}.doc-category-dropdown button:hover{background:#edf5ff}.doc-category-more{flex:none}.doc-category-menu{display:flex;gap:4px;padding:2px 8px 6px;border-bottom:1px solid #edf2f8}.doc-category-add{width:100%;text-align:left;color:#007cfc;border-top:1px solid #edf2f8}.doc-category-editor{display:flex;gap:4px;padding:5px}.doc-category-editor input{width:100%;min-width:0;padding:7px}.doc-category-error{color:#b73742;margin:5px 8px;font-size:12px}
.project-list-table{width:2677px;min-width:2677px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px}
.project-list-table.has-actions{width:2717px;min-width:2717px}
.project-list-table col.col-0{width:60px}.project-list-table col.col-1{width:220px}
.project-list-table col.col-2{width:120px;min-width:120px;max-width:120px}.project-list-table col.col-3{width:135px}
.project-list-table col.col-4{width:150px}.project-list-table col.col-5{width:155px}
.project-list-table col.col-6{width:95px}.project-list-table col.col-7{width:160px}
.project-list-table col.col-8{width:140px}.project-list-table col.col-9,.project-list-table col.col-10,.project-list-table col.col-11,.project-list-table col.col-12,.project-list-table col.col-13,.project-list-table col.col-14{width:200px;min-width:200px;max-width:200px}
.project-list-table col.col-15{width:130px}.project-list-table col.col-16{width:112px}
.project-list-table col.col-17{width:40px}
.project-list-table th{font-size:13px;text-transform:none;white-space:normal;line-height:1.25;font-weight:600;vertical-align:middle;padding:8px 5px;max-height:2.5em}
.project-list-table th:nth-child(17){white-space:nowrap}
.project-list-table td{height:auto;white-space:normal;line-height:1.4;padding:9px 5px;vertical-align:top;border-top:1px solid #edf2f8;overflow-wrap:anywhere}
.project-list-table td:nth-child(1),.project-list-table td:nth-child(6),.project-list-table td:nth-child(7),.project-list-table td:nth-child(10),.project-list-table td:nth-child(12),.project-list-table td:nth-child(14),.project-list-table td:nth-child(16),.project-list-table td:nth-child(17){white-space:nowrap}
.project-list-table th:first-child,.project-list-table td:first-child{position:sticky;left:0;z-index:2;background:#fff}
.project-list-table th:nth-child(2),.project-list-table td:nth-child(2){position:sticky;left:60px;z-index:2;background:#fff;box-shadow:2px 0 5px #022d6514}
.project-list-table th:first-child,.project-list-table th:nth-child(2){z-index:3;background:#eef3f9}
.project-list-table tbody tr:hover td:first-child,.project-list-table tbody tr:hover td:nth-child(2){background:#f7fbff}
.project-list-table .project-link{max-width:none;width:100%;font-weight:600;white-space:normal;overflow-wrap:anywhere}
.project-list-table .project-manager-cell{display:flex;flex-direction:column;gap:3px;white-space:normal}
.project-list-table .work-activity{white-space:normal;overflow-wrap:anywhere}
.project-list-table td:nth-child(n+10):nth-child(-n+15){white-space:normal}
.project-list-table .project-status-plan-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-width:0;max-width:100%;white-space:normal}
.project-list-heading{margin-bottom:12px}.project-list-heading h1{margin-bottom:0}.project-list-toolbar{gap:10px;margin-top:0}.project-list-toolbar select{max-width:220px}
.project-list-visibility{justify-content:flex-end;margin:-8px 0 12px}
.project-list-table .project-action-cell{text-align:center;padding:4px}
.project-action-toggle{width:30px;height:30px;border-radius:5px;background:transparent;font-size:20px;line-height:1}
.project-action-toggle:hover,.project-action-toggle[aria-expanded=true]{background:#e1efff;color:#007cfc}
.project-action-menu{position:fixed;z-index:40;min-width:142px;padding:5px;background:#fff;border:1px solid #dce7f3;border-radius:7px;box-shadow:0 8px 24px #022d6525}
.project-action-menu button{display:block;width:100%;padding:9px 10px;border-radius:5px;background:#fff;text-align:left;white-space:nowrap}
.project-action-menu button:hover,.project-action-menu button:focus-visible{background:#edf5ff}
#project-core-edit{align-items:end;flex-wrap:wrap}
#project-core-edit label{display:flex;flex-direction:column;gap:5px}
#project-core-edit input,#project-core-edit select{min-width:145px}
#project-material-work [data-work-form],#project-construction-work [data-work-form]{display:grid;gap:8px;margin:10px 0 16px}
#project-material-work textarea,#project-construction-work textarea{min-height:74px;resize:vertical}
#project-material-work [data-work-form] button,#project-construction-work [data-work-form] button{justify-self:start}
#project-material-work .design-detail-lists small,#project-construction-work .design-detail-lists small{display:block;color:#647e9f;margin:4px 0 12px}

.detail-card,.detail-card>section,.detail-card>div,.design-work-grid{min-width:0;max-width:100%}
.design-status-readonly{display:grid;gap:5px;font-size:13px;color:#253850}.design-status-readonly strong{font-weight:600;min-height:35px;display:flex;align-items:center}.design-activity-status{display:inline-block;margin-left:10px;padding:3px 7px;border-radius:5px;background:#edf5ff;color:#075bb5;font-size:12px}
.design-activity-list .design-activity-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.design-activity-actions .design-activity-status{margin-left:0}
.design-activity-list .design-activity-meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:4px;min-width:0}.design-activity-list .design-activity-meta small,.design-activity-list .design-activity-meta .design-activity-status{margin-left:0}.design-activity-list .design-activity-meta .design-activity-status{flex:none}
.design-activity-list .design-activity-meta small{font-size:13px;font-weight:400;font-family:inherit;color:#253850}
@media(max-width:850px){.detail-card{padding:16px}.design-work-grid{grid-template-columns:minmax(0,1fr)}.design-work-full{grid-column:auto}.design-work-card{min-width:0}.design-round{grid-template-columns:minmax(0,1fr)}.design-work-table{display:block;overflow-x:auto}}
.project-plan-card{container-type:inline-size}.project-plan-card .table-scroll{width:100%;min-width:0;min-height:0;overflow-x:visible}.project-plan-card .design-work-table{display:table;width:100%;min-width:0;max-width:100%;table-layout:fixed;overflow:visible}.project-plan-card .design-work-table th,.project-plan-card .design-work-table td{min-width:0;white-space:normal;overflow-wrap:anywhere}.project-plan-card .design-work-table th:first-child{width:130px}.project-plan-card .design-work-table th:last-child{width:118px;white-space:normal}.project-plan-card .design-work-table input,.project-plan-card .design-work-table textarea,.project-plan-card form input,.project-plan-card form textarea{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.project-plan-card .design-work-table textarea{resize:vertical;overflow-wrap:anywhere}.project-plan-card .design-work-table td:last-child{white-space:normal}.project-plan-card .design-work-table td:last-child button{margin:2px;white-space:normal}.project-plan-card form{min-width:0}.project-plan-card form .primary{white-space:normal}
@container (max-width:450px){.project-plan-card .design-work-table{display:block}.project-plan-card .design-work-table thead{display:none}.project-plan-card .design-work-table tbody{display:block}.project-plan-card .design-work-table tr{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'date' 'content' 'actions';min-width:0;margin-bottom:10px}.project-plan-card .design-work-table td{min-width:0;height:auto}.project-plan-card .design-work-table td:nth-child(1){grid-area:date}.project-plan-card .design-work-table td:nth-child(2){grid-area:content}.project-plan-card .design-work-table td:nth-child(3){grid-area:actions;text-align:left}.project-plan-card .design-work-table td[colspan]{grid-column:1/-1}.project-plan-card .design-work-table td:last-child button{font-size:12px;padding:4px}.project-plan-card .design-work-table input[type=date]{max-width:160px}.project-plan-card .design-work-table textarea{min-height:60px}}
.project-status-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-status-controls .ghost{padding:7px 11px;font-size:12px}
.project-detail-header{justify-content:flex-start;align-items:center;gap:20px;min-width:0;margin-bottom:20px}
.project-detail-header .project-detail-id{flex:none;color:#6e819d;font-size:14px;font-weight:700;white-space:nowrap}
.project-detail-header h2{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px;line-height:1.3}
.project-detail-name{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;flex:0 1 auto}.project-detail-name.editing{flex:1 1 420px}.project-detail-name h2{min-width:0}.project-name-edit{flex:none;width:30px;height:30px;padding:0;border-radius:6px;background:transparent;color:#006ed0;font-size:21px;line-height:1}.project-name-edit:hover{background:#edf5ff}.project-name-edit[hidden],.project-name-form[hidden],.project-detail-name h2[hidden]{display:none}.project-name-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;width:100%}.project-name-form input{flex:1 1 180px;min-width:120px;padding:7px 9px}.project-name-form button{flex:none;padding:8px 10px;font-size:12px}.project-name-error{flex-basis:100%;color:#ad2334;font-size:12px}.project-name-error[hidden]{display:none}
.project-detail-header .badge{flex:none;white-space:nowrap;margin:0}
.project-detail-header #project-completion-button{flex:none;white-space:nowrap;padding:8px 11px;font-size:12px}
.project-detail-header .project-detail-back{flex:none;margin:0 0 0 auto;white-space:nowrap}
@media(max-width:760px){.project-detail-header{flex-wrap:wrap;gap:10px 14px}.project-detail-header h2{flex:1 1 calc(100% - 80px)}.project-detail-header .project-detail-back{margin-left:auto}}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start;min-width:0}
.overview-card{min-width:0;padding:18px;border:1px solid #dce7f3;border-radius:10px;background:#fff;box-shadow:0 2px 10px #153b6510}
.overview-card h3{margin:0;font-size:17px;color:#173653}.overview-card h4{margin:0 0 7px;font-size:13px;color:#425d77}
.overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.overview-card-head button{font-size:12px}.overview-plans,.overview-documents{grid-column:span 1;width:100%;min-width:0}
.overview-details{display:grid;gap:0;margin:0}.overview-details>div{display:grid;grid-template-columns:minmax(130px,38%) minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #edf2f8}.overview-details>div:last-child{border-bottom:0}
.overview-details dt{color:#627791;font-size:13px}.overview-details dd{margin:0;color:#18334f;overflow-wrap:anywhere;font-weight:550}
.overview-people-group{padding:9px 0;border-bottom:1px solid #edf2f8}.overview-people-group:last-child{border-bottom:0}.overview-people-group>div{display:flex;flex-wrap:wrap;gap:6px}
.overview-inline-edit{border:0;background:transparent;color:#006ed0;cursor:pointer;font:inherit;font-size:12px;margin-left:8px;padding:3px}
.overview-overdue{display:inline-block;margin-left:8px;color:#bd2525;font-size:12px;font-weight:650}
.overview-activity-list,.overview-plan-list{display:grid;gap:8px;margin-top:13px}.overview-activity,.overview-plan{display:grid;gap:4px;width:100%;min-width:0;text-align:left;padding:10px 12px;border:1px solid #e0e9f3;background:#f8fbff;border-radius:7px;color:#173653;cursor:pointer}.overview-activity:hover,.overview-plan:hover{border-color:#78aee6;background:#f1f7ff}.overview-activity span,.overview-plan span{overflow-wrap:anywhere}.overview-activity-meta{font-size:12px;color:#627791}
.overview-activity .design-activity-status{justify-self:start;margin-left:0}
.overview-plan{grid-template-columns:minmax(0,1fr) auto;align-items:center}.overview-plan strong,.overview-plan span:nth-child(2){grid-column:1/-1}.overview-plan .overview-overdue{margin-left:0}
.overview-business #project-sales-revenue{margin-top:12px;padding-top:14px;border-top:1px solid #edf2f8}.overview-documents .table-scroll{max-width:100%;overflow:visible}.overview-doc-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.overview-doc-table th,.overview-doc-table td{padding:9px 8px;text-align:left;border-bottom:1px solid #e7eef6;vertical-align:top}.overview-doc-table th{text-transform:none;font-size:13px}.overview-doc-table th:first-child,.overview-doc-table td:first-child{width:46px}.overview-doc-table th:last-child,.overview-doc-table td:last-child{width:58px;text-align:center}.overview-doc-table td{overflow-wrap:anywhere}.overview-doc-table td:last-child{position:relative;overflow:visible}.overview-doc-table td a{overflow-wrap:anywhere}.overview-doc-toggle{min-width:30px;padding:2px 7px;background:transparent;font-size:20px}.overview-doc-menu{position:absolute;right:4px;top:34px;z-index:10;min-width:100px;padding:5px;background:#fff;border:1px solid #dce7f3;border-radius:6px;box-shadow:0 6px 20px #17365322}.overview-doc-menu button{display:block;width:100%;background:#fff;text-align:left;padding:7px}.overview-doc-menu button:hover{background:#edf5ff}
.overview-doc-table th:nth-child(2),.overview-doc-table td:nth-child(2){width:110px}
.overview-doc-table td:nth-child(3){min-width:0;overflow:hidden}
.overview-doc-table td:nth-child(3) a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.overview-doc-table:not(:has(th:nth-child(4))) th:last-child,.overview-doc-table:not(:has(th:nth-child(4))) td:last-child{width:auto;text-align:left}
.overview-business:has(.project-revenue-row){grid-column:span 2}
.overview-edit-form,.overview-contract-form,.overview-doc-form{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f8}.overview-edit-form[hidden],.overview-contract-form[hidden],.overview-doc-form[hidden]{display:none}.overview-edit-form label,.overview-contract-form label,.overview-doc-form label{display:grid;gap:4px;font-size:13px}.overview-edit-form input,.overview-contract-form input,.overview-doc-form input{width:100%;min-width:0}.overview-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.overview-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.overview-business:has(.project-revenue-row){grid-column:auto}}
@media(max-width:520px){.overview-card{padding:13px}.overview-details>div{grid-template-columns:minmax(0,1fr);gap:3px}.overview-plan{grid-template-columns:minmax(0,1fr)}.overview-plan strong,.overview-plan span:nth-child(2){grid-column:auto}}
.create-project-dialog [data-staff-scope][hidden]{display:none}

.project-revenue-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-revenue-heading button{font-size:12px}.project-revenue-summary{display:grid;gap:0}.project-revenue-summary>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf2f8;min-width:0}.project-revenue-summary span{min-width:0;overflow-wrap:anywhere}.project-revenue-summary strong{white-space:nowrap;text-align:right}.project-revenue-summary .project-revenue-summary-total{border-bottom:0;color:#173653}

.project-status-blue,.project-status-red,.project-status-yellow,.project-status-green{border:1px solid;border-radius:5px}
.project-status-blue{background:#e8f2ff;color:#0758b8;border-color:#a9cdf8}
.project-status-red{background:#ffebed;color:#ad2334;border-color:#f3b5be}
.project-status-yellow{background:#fff4cf;color:#785000;border-color:#e8cc73}
.project-status-green{background:#e4f7eb;color:#147344;border-color:#a8dfbb}
.project-status-gray{background:#edf2f8;color:#596d83;border:1px solid #d5dfe9;border-radius:5px}
.design-status-readonly .badge{width:max-content;min-height:0;padding:6px 8px}
.project-quick-fab{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:110;display:grid;place-items:center;width:50px;height:50px;padding:0;border-radius:50%;background:#022d65;color:#fff;box-shadow:0 8px 22px #022d6540}
.project-quick-fab:hover{background:#06417f}.project-quick-fab svg{display:block;width:27px;height:27px}
.project-quick-panel{position:fixed;z-index:120;top:0;right:0;width:min(270px,100vw);height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;border-left:1px solid #dce7f3;box-shadow:-12px 0 32px #022d6529}
.project-quick-fab[hidden],.project-quick-panel[hidden],.project-quick-message[hidden]{display:none}
.project-quick-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:16px 20px;border-bottom:1px solid #e1eaf5}
.project-quick-header h2{margin:0;color:#022d65;font-size:19px}.project-quick-minimize{padding:8px 10px;border-radius:6px;background:#edf5ff;color:#05569d;font-weight:600}
.project-quick-minimize:hover{background:#dcecff}.project-quick-message{flex:none;margin:0;padding:14px 20px;color:#647e9f}.project-quick-message.alert{margin:12px;color:#b73742}
.project-quick-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 0}
.project-quick-item{display:block;width:100%;min-width:0;padding:12px 10px 12px 9px;border-radius:6px;background:transparent;text-align:left;color:#15365b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-quick-root .project-quick-item{padding-left:10px}
.project-quick-item:hover,.project-quick-item:focus-visible{background:#edf5ff;color:#007cfc}.project-quick-empty{margin:12px;color:#6e819d}

/* Tài chính: served through the app's existing shared stylesheet. */
.finance-page{display:flex;flex-direction:column;gap:16px;min-width:0}
.finance-page h1{margin:0}
.finance-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.finance-toast-success{color:#13884b;font-size:14px}
.finance-page h3{font-size:16px;margin:0}
.finance-page h4{margin:0 0 10px}
.finance-totals .finance-net.negative strong{color:#b73742}
.finance-totals .finance-net.positive strong{color:#147344}
.finance-category-field{grid-column:span 2;min-width:0}
.finance-category-field .managed-picker{margin:0}
.finance-category-field .managed-picker>label{margin-bottom:5px;font-weight:400;font-size:13px}
.finance-category-field .managed-toggle{min-height:38px}
.finance-category-field .managed-dropdown{min-width:min(220px,100%)}
.finance-category-field .managed-edit-row{display:flex;gap:6px;padding:8px 0}
.finance-category-field .managed-edit-row[hidden]{display:none}
.finance-category-field .managed-edit-row input{min-width:0;flex:1}
.finance-category-field .managed-edit-row button,.finance-category-field .managed-add-cancel{padding:6px 8px;border-radius:5px}
.finance-category-field .managed-edit-save{background:#007cfc;color:#fff}
.finance-category-field .managed-edit-cancel,.finance-category-field .managed-add-cancel{background:#edf2f8;color:#345677}
.finance-category-field .managed-edit{display:block;width:100%;padding:8px 10px;text-align:left;background:transparent;color:#345677}
.finance-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dce7f3}
.finance-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 14px;color:#537196;font-weight:600}
.finance-tabs button:hover{color:#007cfc}
.finance-tabs button.active{border-bottom-color:#007cfc;color:#022d65}
.finance-overview-export{display:flex;justify-content:flex-end;position:relative;min-height:36px}
.finance-overview-export>button,.finance-filters [data-export-detail]{border:1px solid #dce7f3;border-radius:6px;padding:8px 12px;background:#fff;color:#06234e;white-space:nowrap}
.finance-filters [data-export-detail]{margin-left:auto}
.finance-overview-export>button:hover,.finance-filters [data-export-detail]:hover{background:#edf5ff;color:#007cfc}
.finance-export-popover{position:fixed;z-index:30;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 16px);overflow:auto;padding:14px;background:#fff;border:1px solid #dce7f3;border-radius:8px;box-shadow:0 10px 28px #142d4b24}
.finance-export-popover label{display:grid;gap:5px;min-width:0;font-size:13px;color:#345677}
.finance-export-popover select,.finance-export-popover input{width:100%;min-width:0;border:1px solid #dce7f3;border-radius:6px;padding:8px;background:#fff}
.finance-export-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.finance-export-popover [data-export-error]{color:#b42318;font-size:12px;margin:8px 0 0}
.finance-export-popover [data-export-error]:empty{display:none}
.finance-export-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.finance-export-actions button{border:1px solid #dce7f3;border-radius:6px;padding:7px 10px;background:#fff;color:#06234e}
.finance-export-actions .primary{background:#007cfc;color:#fff;border-color:#007cfc}
.finance-totals,.finance-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.finance-overview-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-width:0}
.finance-overview-columns .finance-completed{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}
.finance-other-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.finance-other-toolbar select{width:190px;max-width:100%;min-width:0;border:1px solid #dce7f3;border-radius:6px;padding:9px 10px;background:#fff}
.finance-other-total{font-size:14px;font-weight:600;color:#06234e;white-space:nowrap}
.finance-other-toolbar-spacer{flex:1 1 24px}
.finance-other-toolbar>button{margin-left:auto;border:1px solid #dce7f3;border-radius:6px;padding:8px 12px;background:#fff;color:#06234e;white-space:nowrap}
.finance-other-toolbar>button:hover{background:#edf5ff;color:#007cfc}
@media(max-width:700px){.finance-other-toolbar-spacer{display:none}}
.finance-other-custom-dates{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.finance-other-custom-dates label{display:grid;gap:4px;font-size:13px;color:#345677}
.finance-other-custom-dates input{border:1px solid #dce7f3;border-radius:6px;padding:8px 10px;background:#fff}
.finance-totals{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.finance-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.finance-card{background:#fff;border:1px solid #e1eaf5;border-radius:8px;padding:18px;min-width:0}
.finance-totals .finance-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.finance-totals .finance-card span{font-size:13px;color:#537196;font-weight:600}
.finance-totals .finance-card strong{font-size:26px;line-height:1.2;color:#06234e}
.finance-column>.finance-card>strong{display:block;font-size:22px;margin-top:12px;color:#06234e}
.finance-card-head,.finance-actions,.finance-filters,.finance-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.finance-card-head{justify-content:space-between}
.finance-card-head h3{min-width:0;overflow-wrap:anywhere}
.finance-card-head button,.finance-actions button,.finance-pagination button{background:#fff;border:1px solid #dce7f3;border-radius:6px;padding:7px 10px;white-space:nowrap}
.finance-card-head button:hover,.finance-actions button:hover,.finance-pagination button:hover{background:#edf5ff;color:#007cfc}
.finance-page .finance-actions .primary{background:#007cfc;color:#fff;border-color:#007cfc}
.finance-page .finance-actions .ghost{background:#fff}
.finance-page .finance-actions .finance-row-menu>.project-plan-menu-toggle{border:0;background:transparent;padding:3px 6px;font-size:20px;color:#3b5b7e}
.finance-page .finance-actions .finance-row-menu .project-plan-menu{z-index:20}
.finance-page .finance-actions .finance-row-menu .project-plan-menu button{display:block;width:100%;border:0;background:transparent;padding:7px 9px;text-align:left;color:#173653}
.finance-page .finance-actions .finance-row-menu .project-plan-menu button:hover{background:#f1f7ff}
.finance-list{margin-top:12px;min-width:0}
.finance-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;border-top:1px solid #edf2f8;padding:10px 0;font-size:13px;min-width:0}
.finance-row>div:first-child{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.finance-row>strong{white-space:nowrap;color:#06234e}
.finance-row-amount{white-space:nowrap;color:#06234e;font-size:13px;font-weight:400}
.finance-row-date{font-weight:400}
.finance-row>div:first-child>span{color:#475569;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.finance-overview-columns .finance-row>div:first-child>span{color:#151515}
.finance-page .empty{margin:0;padding:12px 0;text-align:left;color:#6e819d;font-size:13px}
.finance-form{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid #dce7f3;border-radius:8px;background:#f7fbff;min-width:0}
.finance-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.finance-form[data-type="plan"]{container-type:inline-size}
.finance-form[data-type="plan"] .finance-form-grid{grid-template-columns:minmax(0,1fr)}
.finance-form[data-type="plan"] .finance-project-field{grid-column:auto}
@container (min-width:500px){.finance-form[data-type="plan"] .finance-form-grid{grid-template-columns:minmax(140px,1fr) minmax(180px,1.5fr) minmax(110px,1fr)}}
.finance-form label{display:grid;gap:5px;min-width:0;font-size:13px;color:#345677}
.finance-form input,.finance-form select,.finance-form textarea,.finance-filters input,.finance-filters select{width:100%;min-width:0;border:1px solid #dce7f3;border-radius:6px;padding:9px 10px;background:#fff}
.finance-form textarea{resize:vertical}
.finance-other-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,25,52,.5)}
.finance-other-dialog{position:relative;width:min(800px,95vw);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border:1px solid #dce7f3;border-radius:10px;box-shadow:0 20px 60px rgba(4,32,70,.25)}
.finance-other-close{position:absolute;top:12px;right:14px;z-index:2;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#345677;font-size:27px;line-height:1;cursor:pointer}
.finance-other-close:hover{background:#edf5ff;color:#007cfc}
.finance-other-dialog .finance-form{margin:0;padding:24px;border:0;border-radius:0;background:#fff}
.finance-other-dialog .finance-form h4{margin:0 40px 10px 0;color:#06234e;font-size:18px}
.finance-other-dialog .finance-form-grid{grid-template-columns:minmax(150px,1fr) minmax(240px,1.6fr) minmax(150px,1fr)}
.finance-other-dialog .finance-category-field{grid-column:auto}
.finance-other-dialog .finance-form textarea{min-height:80px}
.finance-other-dialog .finance-actions{justify-content:flex-end}
.finance-other-dialog .finance-form-error{color:#b42318;margin:0}
@media(max-width:700px){.finance-other-overlay{padding:12px}.finance-other-dialog{width:min(800px,95vw);max-height:calc(100dvh - 24px)}.finance-other-dialog .finance-form{padding:18px}.finance-other-dialog .finance-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}}
.finance-project-field{grid-column:span 2;min-width:0}
.finance-project-field .managed-picker{margin:0}
.finance-project-field .managed-picker>label{margin-bottom:5px;font-weight:400;font-size:13px}
.finance-project-field .managed-toggle{min-height:38px}
.finance-project-field .managed-dropdown{min-width:min(220px,100%)}
.finance-project-field .managed-choice{width:100%;overflow-wrap:anywhere}
.finance-completed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.finance-completed span{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;background:#f7fbff;border:1px solid #e1eaf5;border-radius:6px;color:#647e9f;font-size:13px}
.finance-completed strong{color:#06234e;font-size:17px;overflow-wrap:anywhere}
.finance-table-wrap{overflow-x:auto;max-width:100%;margin-top:12px}
.finance-table{width:max-content;min-width:0;border-collapse:collapse;font-size:13px}
.finance-table th,.finance-table td{height:auto;text-align:left;padding:9px 6px;border-bottom:1px solid #e1eaf5;white-space:nowrap}
.finance-table th{font-size:13px;font-weight:600;text-transform:none;white-space:normal;max-width:120px}
.finance-detail-table th,.finance-detail-table td{padding-left:15px;padding-right:15px}
.finance-detail-table th small{display:block;font-size:12px;font-weight:400;white-space:nowrap}
.finance-detail-table th:nth-child(n+3):nth-child(-n+7){min-width:120px;max-width:none}
.finance-detail-table th:last-child,.finance-detail-table td:last-child{min-width:180px;white-space:nowrap}
.finance-detail-table .finance-sort,.finance-other-management-table .finance-sort{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:inherit;font-weight:inherit;font-size:inherit}
.finance-detail-table .finance-sort-icon,.finance-other-management-table .finance-sort-icon{color:#007cfc;font-size:15px;line-height:1}
.finance-detail-table th[aria-sort="ascending"] .finance-sort,.finance-detail-table th[aria-sort="descending"] .finance-sort,.finance-other-management-table th[aria-sort="ascending"] .finance-sort,.finance-other-management-table th[aria-sort="descending"] .finance-sort{color:#007cfc}
.finance-table th:first-child,.finance-table td:first-child{width:60px;min-width:60px;max-width:60px}
.finance-table td:nth-child(2){min-width:180px;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.finance-other-management-table{width:710px;min-width:710px;table-layout:fixed}
.finance-other-management-table .finance-other-time-col{width:120px}
.finance-other-management-table .finance-other-category-col{width:150px}
.finance-other-management-table .finance-other-content-col{width:220px}
.finance-other-management-table .finance-other-amount-col{width:150px}
.finance-other-management-table .finance-other-actions-col{width:70px}
.finance-other-management-table th:first-child,.finance-other-management-table td:first-child{width:120px;min-width:120px;max-width:120px}
.finance-other-management-table th:nth-child(2),.finance-other-management-table td:nth-child(2){width:150px;min-width:150px;max-width:150px}
.finance-other-management-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
.finance-other-management-table th:nth-child(3),.finance-other-management-table td:nth-child(3){width:220px;min-width:220px;max-width:220px}
.finance-other-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere}
.finance-other-management-table .finance-other-amount{text-align:right;font-weight:400;white-space:nowrap}
.finance-other-management-table th:nth-child(4){text-align:right}
.finance-other-management-table .finance-other-actions{text-align:center}
.finance-other-management-table .finance-other-actions .finance-actions{justify-content:center}
.finance-other-management-table .project-plan-menu{position:fixed;right:auto;width:130px;box-sizing:border-box}
.finance-table button{background:transparent;border:0;padding:0;color:#007cfc;text-align:left}
.finance-filters{margin-bottom:10px}
.finance-filters input,.finance-filters select{width:auto;max-width:220px}
.finance-pagination{justify-content:flex-end;margin-top:12px}
@media(max-width:1050px){.finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-completed{grid-template-columns:1fr}}
@media(max-width:900px){.finance-overview-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:780px){.finance-columns,.finance-totals{grid-template-columns:minmax(0,1fr)}.finance-form-grid{grid-template-columns:minmax(0,1fr)}.finance-project-field,.finance-category-field{grid-column:auto}}
.support-page{max-width:1100px}.support-head,.support-filters,.support-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-head{justify-content:space-between}.support-head h1{margin:0 0 16px}.support-page button{cursor:pointer}.support-filters{margin:12px 0}.support-filters input{width:min(300px,100%)}.support-filters select{min-width:160px}.support-filters input,.support-filters select,.support-form input,.support-form textarea{border:1px solid #cbdad3;border-radius:8px;padding:9px;font:inherit}.support-filters button,.support-form button,.support-head button,.support-page>button:not(.support-link){border:0;border-radius:8px;background:#17664f;color:white;padding:10px 14px}.support-table-wrap{overflow:auto;border:1px solid #dde8e1;border-radius:10px;background:white}.support-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.support-table th,.support-table td{text-align:left;padding:9px 5px;border-bottom:1px solid #edf2ee;white-space:nowrap}.support-table th{font-size:13px;white-space:normal;max-width:110px}.support-table th:first-child,.support-table td:first-child{width:60px;min-width:60px}.support-table .support-title{max-width:360px;overflow:hidden;text-overflow:ellipsis}.support-link{border:0;background:none;color:#17664f;padding:0;text-align:left;font-weight:650}.support-pagination{justify-content:flex-end;margin-top:12px}.support-pagination button{border:1px solid #cbdad3;background:white;border-radius:6px;padding:6px 9px}.support-form{display:grid;gap:15px;max-width:720px}.support-form label{display:grid;gap:6px}.support-form input,.support-form textarea{width:100%;box-sizing:border-box}.support-form button{justify-self:start}.support-messages{display:grid;gap:10px;margin:20px 0}.support-message{background:white;border:1px solid #dce8e0;border-radius:10px;padding:12px 16px}.support-message.from-admin{border-left:4px solid #17664f}.support-message strong{display:block}.support-message small{color:#65796c}.support-message p{white-space:pre-wrap;margin:8px 0 0}.support-files{padding-left:20px}.support-files li{margin:6px 0}.support-files span{color:#66776e;margin-left:10px}