/* DWELLIVRA customer operations — navy, blue and trust teal. */
.op-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}.op-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#147d78;margin-bottom:9px}.op-hero h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 10px;color:#14263d}.op-hero p{font-size:13px;color:#657b94;line-height:1.7;margin:0;max-width:580px}.op-hero .btn{white-space:nowrap;font-size:12px;padding:12px 16px}.op-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}.op-metric{display:flex;align-items:flex-start;gap:15px;padding:22px;background:#fff;border:1px solid #e3eaf3;border-radius:16px}.op-metric-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;color:#147d78;background:#edf7f5}.op-metric div>span{font-size:11px;font-weight:600;color:#6d7d91;display:block}.op-metric strong{display:block;color:#14263d;font-size:28px;letter-spacing:-.8px;line-height:1.5}.op-metric small{font-size:10px;color:#8999ad;display:block;line-height:1.5}.op-section{padding:25px;margin-bottom:22px}.op-section h2,.op-settings-content h2,.op-section-head h2{font-size:18px;letter-spacing:-.5px;line-height:1.4;margin:0 0 5px}.op-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.op-section>.op-section-head{padding:0 0 22px}.op-section-head p{margin:0}.op-segment{display:inline-flex;padding:4px;background:#f1f5fa;border:1px solid #e4ebf4;border-radius:10px;gap:3px}.op-segment button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#71849a;border:0;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:700;cursor:pointer}.op-segment button.active{background:white;color:#1457a6;box-shadow:0 2px 6px #14263d0c}.op-empty{padding:42px 20px;text-align:center}.op-empty>span{display:grid;place-items:center;color:#7999b2;background:#f1f6fa;width:58px;height:58px;border-radius:18px;margin:0 auto 18px}.op-empty h3{font-size:15px;letter-spacing:-.3px;margin:0 0 9px}.op-empty p{max-width:300px;margin:0 auto;color:#8a9aae;font-size:12px;line-height:1.8}.op-reference{display:inline-block;font-size:10px;font-weight:750;letter-spacing:.8px;color:#5c7994}.op-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#edf4fb;border:1px solid #d9e7f5;color:#28659c;border-radius:13px;font-size:12px;font-weight:750}.op-table td{padding:20px 15px;font-size:12px}.op-table th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#8594a5;background:#f8fafc}.op-table .table-title{font-size:12px}.op-table .table-sub{font-size:11px;margin-top:3px}.op-table .op-reference{font-size:9px;margin-top:7px}.op-phone{color:#335e81;font-weight:600}.op-table .btn{white-space:nowrap}.op-role{background:#f0f4f9;color:#536d86;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700}.op-role.owner{color:#147d78;background:#eaf6f3}.op-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8b93a4}.op-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#adb5c0}.op-status.active{color:#268166}.op-status.active:before{background:#2d9d79}.op-team-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:22px;align-items:start}.op-team-bottom .panel{margin:0}.op-role-guide{display:grid;gap:18px;margin:26px 0}.op-role-guide>div{display:grid;grid-template-columns:24px 1fr;gap:4px 12px}.op-role-guide svg{grid-row:span 2;color:#147d78}.op-role-guide strong{font-size:12px}.op-role-guide p{font-size:11px;line-height:1.8;color:#8392a5;margin:0}.op-inline-notice{background:#fff7e8;color:#8a6627;font-size:12px;padding:12px 16px;margin:0 0 18px;border-radius:10px}.op-settings-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}.op-settings-nav{padding:12px}.op-settings-nav>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:none;border:0;color:#677d94;padding:15px 13px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;margin-bottom:4px}.op-settings-nav>button svg:last-child{margin-left:auto}.op-settings-nav>button.active{background:#edf5ff;color:#155ce0}.op-settings-note{border-top:1px solid #edf0f5;margin:20px 8px 5px;padding:20px 8px 8px;color:#147d78}.op-settings-note strong{display:block;font-size:11px;margin:10px 0 6px}.op-settings-note p{font-size:10px;line-height:1.8;color:#8596aa;margin:0}.op-settings-content{padding:32px;min-height:430px}.op-settings-content>p{font-size:12px;line-height:1.8;margin:10px 0 28px}.op-settings-content form{max-width:720px}.op-settings-content form>.btn{margin-top:15px}.op-settings-content .field{margin-top:10px}.op-readonly{background:#f7f9fc;border:1px solid #e8edf5;border-radius:12px;padding:18px 20px;margin:18px 0;display:grid;gap:6px}.op-readonly span{font-size:10px;color:#8592a4}.op-readonly strong{font-size:12px;color:#294963}.op-readonly small{font-size:10px;color:#92a0b1}.op-toggle{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid #e9eef5}.op-toggle strong{font-size:13px;display:block}.op-toggle span{display:block;font-size:11px;color:#8795a8;line-height:1.7;margin-top:7px}.op-toggle input{appearance:none;width:42px;height:24px;border-radius:20px;background:#c9d5e3;cursor:pointer;position:relative;flex-shrink:0}.op-toggle input:checked{background:#147d78}.op-toggle input:before{content:'';display:block;width:18px;height:18px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:transform .15s}.op-toggle input:checked:before{transform:translateX(18px)}.op-security-row{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid #e9eef5}.op-security-row strong{font-size:12px}.op-security-row p{font-size:11px;color:#8796a9;line-height:1.8;margin:6px 0 12px}.op-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.op-calendar{overflow:hidden}.op-calendar .op-section-head{border-bottom:1px solid #eaf0f7}.op-calendar .icon-btn{font-size:25px}.op-calendar .op-section-head h2{min-width:160px;text-align:center;margin:0}.op-calendar-filters{display:flex;gap:8px;padding:15px 20px}.op-calendar-filters button{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid transparent;background:none;border-radius:8px;font-size:10px;font-weight:650;color:#8795a8;cursor:pointer}.op-calendar-filters button.active{border-color:#e0e8f2;background:#f7faff;color:#294963}.op-calendar-filters i,.op-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7a98b4}.op-calendar-filters i.appointment,.op-dot.appointment{background:#1666e8}.op-calendar-filters i.deadline,.op-dot.deadline{background:#d89b3c}.op-weekdays,.op-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.op-weekdays{border-top:1px solid #e8edf5;background:#f9fbfd}.op-weekdays span{padding:13px 0;text-align:center;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:700;color:#93a1b2}.op-day{min-height:105px;padding:7px 5px;box-sizing:border-box;border-top:1px solid #e9eef5;border-right:1px solid #e9eef5;overflow:hidden;background:white}.op-day:nth-child(7n){border-right:0}.op-day.outside{background:#fafbfd}.op-day.selected{background:#f1f7ff;box-shadow:inset 0 0 0 1px #9dbfe9}.op-day-number{display:grid;place-items:center;border:0;background:transparent;color:#4a607a;font-weight:650;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:11px;margin-bottom:6px}.op-day.outside .op-day-number{color:#b6c1cd}.op-day.today .op-day-number{background:#1363df;color:#fff}.op-event-chip{display:block;width:100%;text-align:left;border:0;border-left:2px solid #226deb;border-radius:4px;background:#eaf2ff;color:#215d9c;font-size:9px;padding:6px 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 0;cursor:pointer;line-height:1.4}.op-event-chip.deadline{background:#fcf3df;border-color:#d99f45;color:#976a26}.op-more{background:none;border:0;color:#6b88a8;cursor:pointer;font-size:9px;padding:4px}.op-calendar-grid.week .op-day{min-height:360px}.op-calendar-grid.week .op-event-chip{white-space:normal;margin-top:12px;padding:10px 6px;line-height:1.7}.op-calendar-footer{display:flex;align-items:center;gap:18px;padding:16px 20px;border-top:1px solid #e8edf5;font-size:9px;color:#8393a8}.op-calendar-footer small{margin-left:auto;font-size:8px}.op-calendar-footer .op-dot{margin-right:4px}.op-agenda{overflow:hidden}.op-agenda .op-section-head{border-bottom:1px solid #edf1f5}.op-agenda .op-section-head h2{font-size:15px}.op-agenda-items{padding:20px}.op-agenda-items>.btn{width:100%;font-size:11px;margin-top:20px}.op-agenda-item{display:block;background:#f3f7ff;text-align:left;border:0;border-left:3px solid #2a71e5;border-radius:8px;width:100%;padding:15px;margin:0 0 12px;cursor:pointer}.op-agenda-item.deadline{border-color:#d8a145;background:#fcf8ef}.op-agenda-item span{display:block;color:#5e88b8;font-size:10px;font-weight:650;margin-bottom:8px}.op-agenda-item strong{display:block;font-size:12px;color:#1d3650;line-height:1.7}.op-agenda-item small{font-size:10px;color:#91a0b1;line-height:1.8}.op-up-next{border-top:1px solid #e9eef5;padding:24px}.op-up-next>div{margin-top:18px}.op-up-next small{display:block;color:#97a5b5;font-size:9px;margin-bottom:5px}.op-up-next strong{display:block;font-size:11px;font-weight:600;color:#597189}.op-agenda .op-empty{padding:25px 0}.op-agenda .op-empty p{font-size:11px}.op-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:24px}.op-property-card{border:1px solid #e2eaf3;background:white;overflow:hidden;text-align:left;border-radius:14px;cursor:pointer;transition:box-shadow .18s,transform .18s;color:#14263d;font-family:inherit}.op-property-card:hover{box-shadow:0 12px 24px #1733540d;transform:translateY(-2px)}.op-property-image{position:relative;height:190px;background:#edf3f7;overflow:hidden}.op-property-photo{display:block;width:100%;height:100%;object-fit:cover}.op-property-image>.badge{position:absolute;top:14px;left:14px;font-size:9px;box-shadow:0 2px 8px #00000010}.op-property-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#a3b6c6;background:#edf3f7}.op-property-placeholder span{font-size:10px;color:#8ea2b4}.op-property-card-body{padding:21px}.op-property-card-body h3{font-size:16px;letter-spacing:-.45px;margin:9px 0}.op-property-card-body>p{font-size:11px;color:#8b9bad;line-height:1.9;min-height:40px;margin:0 0 19px}.op-property-card-body>div{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #ecf0f5;font-size:10px;color:#8999ac;gap:10px}.op-property-card-body>div strong{font-size:12px;color:#284c6c}.op-property-photo.thumbnail,.op-property-placeholder.thumbnail{width:58px;height:48px;flex-shrink:0;border-radius:8px}.op-property-placeholder.thumbnail svg{width:24px}.op-property-placeholder.thumbnail span{display:none}.op-photo-upload{display:flex;align-items:center;gap:20px;border:1px dashed #c9d9e9;padding:18px;border-radius:12px;background:#f8fbff;margin-bottom:25px}.op-photo-upload>.op-property-photo,.op-photo-upload>.op-property-placeholder{width:100px;height:85px;border-radius:9px;flex-shrink:0}.op-photo-upload>.op-property-placeholder span{display:none}.op-photo-upload>svg{color:#82a2bd;flex-shrink:0}.op-photo-upload strong{font-size:12px}.op-photo-upload p{font-size:10px;line-height:1.8;color:#8799ad;margin:7px 0 10px}.op-photo-upload input{font-size:10px;padding:8px}.op-location-editor{border:1px solid #e0e9f2;border-radius:12px;padding:16px;margin:20px 0}.op-location-editor strong{font-size:12px}.op-location-editor p{font-size:10px;margin:5px 0 10px}.op-location-editor>.row:last-of-type{font-size:10px;justify-content:space-between;margin-top:10px}#property-pin-map{height:240px;border-radius:8px;z-index:0;background:#e8eff3}.op-property-detail-photo{height:240px;overflow:hidden;border-radius:12px;background:#eef3f7;margin:22px 0}.op-address{display:flex;align-items:center;gap:8px;color:#6e879e;font-size:12px;line-height:1.7}.op-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:22px}.op-detail-facts>div{padding:17px 0;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px}.op-detail-facts>div>span:first-child{color:#8c9aaa}.op-detail-facts strong{font-weight:600;text-align:right}.op-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.op-dialog-heading h2{font-size:22px;letter-spacing:-.7px;margin:0}.op-dialog form .field{margin-bottom:18px}.op-dialog .modal-actions{gap:10px;flex-wrap:wrap}.op-dialog .modal-actions .btn{font-size:11px}.op-map-layout{display:grid;grid-template-columns:285px minmax(0,1fr);height:560px;border-top:1px solid #e5edf5}.op-map-properties{overflow:auto;border-right:1px solid #e5edf5}.op-map-summary{padding:20px;border-bottom:1px solid #edf1f5}.op-map-summary strong{display:block;font-size:12px}.op-map-summary span{display:block;font-size:10px;color:#91a1b3;margin-top:6px}.op-map-property{display:block;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #edf1f5;padding:19px 20px;cursor:pointer}.op-map-property:hover{background:#f5f9ff}.op-map-property small{font-size:9px;color:#8099b2;letter-spacing:.6px}.op-map-property strong{display:block;font-size:12px;color:#243e58;margin:7px 0}.op-map-property span{display:block;font-size:10px;color:#8c9caf;line-height:1.8}.op-map-property em{font-style:normal;display:block;margin-top:9px;font-size:9px;color:#147d78}.op-map-stage{position:relative;min-width:0}#portfolio-map{height:100%;width:100%;z-index:0;background:#edf2f5}.op-map-status{position:absolute;bottom:25px;left:12px;right:12px;background:#ffffffed;color:#56738c;border:1px solid #dce6ef;border-radius:8px;padding:10px 14px;z-index:1;font-size:10px;box-shadow:0 3px 14px #14263d10;pointer-events:none}.op-map-note{display:flex;gap:9px;padding:17px 22px;font-size:10px;color:#8b9bad;line-height:1.8}.op-map-note svg{flex-shrink:0;color:#147d78}.op-map-marker{background:transparent;border:0}.op-map-marker>span{display:grid;place-items:center;width:32px;height:32px;border-radius:12px 12px 12px 0;transform:rotate(-45deg);background:#1564df;border:2px solid white;box-shadow:0 3px 8px #153a5d50;color:white}.op-map-marker svg{transform:rotate(45deg)}.op-map-marker.confirmed>span{background:#147d78}.op-map-cluster{display:grid;place-items:center;background:#d9e8f3aa;border-radius:50%;border:5px solid #d9e8f366}.op-map-cluster span{display:grid;place-items:center;background:#174e84;color:white;font-size:12px;font-weight:750;width:34px;height:34px;border-radius:50%}.op-map-popup{min-width:180px;max-width:240px;font-family:Inter,system-ui,sans-serif}.op-map-popup small{font-size:9px;letter-spacing:.7px;color:#8aa0b4}.op-map-popup strong{display:block;font-size:13px;margin:6px 0}.op-map-popup p{font-size:10px;color:#8c9caf;line-height:1.7;margin:6px 0}.op-map-popup>span{display:block;color:#147d78;font-size:10px;margin:8px 0 12px}.op-map-popup .btn{color:white;font-size:10px}.leaflet-container{font-family:Inter,system-ui,sans-serif}.leaflet-control-attribution{font-size:8px}.op-compact .op-table td{padding-top:11px;padding-bottom:11px}.op-compact .op-metric{padding:16px}.op-compact .op-section{padding:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4389d6;outline-offset:3px}.op-toggle input:focus-visible{outline:2px solid #4389d6}
@media(min-width:1600px){.op-property-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.op-day{min-height:125px}.op-calendar-layout{grid-template-columns:minmax(0,1fr) 315px}}
@media(max-width:1200px){.op-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-calendar-layout{grid-template-columns:minmax(0,1fr)}.op-agenda{display:grid;grid-template-columns:1fr 1fr}.op-agenda .op-section-head{grid-column:1/-1}.op-up-next{border-top:0;border-left:1px solid #edf1f5}.op-team-bottom{grid-template-columns:1fr}.op-settings-layout{grid-template-columns:200px minmax(0,1fr)}.op-hero{align-items:flex-start;flex-wrap:wrap}.op-hero .row{justify-content:flex-start}.op-map-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.op-hero h1{font-size:27px}.op-hero p{font-size:12px}.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-metric{padding:16px;gap:10px}.op-metric-icon{width:32px;height:32px;border-radius:9px}.op-metric strong{font-size:24px}.op-metric small{font-size:9px}.op-section{padding:16px}.op-settings-layout{grid-template-columns:1fr}.op-settings-nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.op-settings-nav>button{width:auto;margin:0;gap:7px;padding:10px;font-size:10px}.op-settings-nav>button svg:last-child,.op-settings-note{display:none}.op-settings-content{padding:23px}.op-property-grid{padding:14px;gap:14px}.op-property-image{height:155px}.op-property-card-body{padding:15px}.op-property-card-body h3{font-size:14px}.op-property-card-body>div{flex-wrap:wrap;gap:7px}.op-day{min-height:85px;padding:4px 2px}.op-day-number{font-size:10px;width:23px;height:23px}.op-event-chip{font-size:8px;padding:5px 3px}.op-calendar .op-section-head{padding:16px 10px;gap:8px;flex-wrap:wrap}.op-calendar .op-section-head h2{font-size:15px;min-width:140px}.op-calendar-filters{padding:12px 8px;gap:3px}.op-calendar-filters button{padding:6px;font-size:9px}.op-calendar-footer{padding:12px;font-size:8px;gap:10px;flex-wrap:wrap}.op-calendar-footer small{margin-left:0}.op-map-layout{display:flex;flex-direction:column-reverse;height:650px}.op-map-stage{height:410px;flex-shrink:0}.op-map-properties{max-height:240px;display:flex;flex-wrap:wrap;border-top:1px solid #edf1f5}.op-map-summary{width:100%;padding:12px 16px}.op-map-property{width:50%;padding:14px 16px}.op-detail-facts{gap:0 16px}.op-photo-upload{gap:13px;padding:13px}.op-photo-upload>.op-property-photo,.op-photo-upload>.op-property-placeholder{width:65px;height:70px}.op-property-detail-photo{height:190px}}
@media(max-width:440px){.op-property-grid{grid-template-columns:1fr}.op-metric-icon{display:none}.op-agenda{display:block}.op-up-next{border-left:0;border-top:1px solid #edf1f5}.op-settings-content .grid2,.op-dialog .grid2{grid-template-columns:1fr}.op-section-head{padding:18px 15px}.op-day{min-height:80px}.op-day .op-event-chip{font-size:0;height:6px;padding:0;border-radius:2px;margin:4px 0;min-height:0}.op-calendar-grid.week .op-event-chip{font-size:8px;height:auto;padding:6px 2px}.op-calendar-grid.week{overflow:auto}.op-detail-facts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.op-property-card,.op-toggle input:before{transition:none}}
.profile-avatar{overflow:hidden}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.op-profile-photo{display:flex;align-items:center;gap:20px;padding:18px;margin:0 0 22px;border:1px solid #e3eaf3;border-radius:14px;background:#f8fafc}.op-profile-photo .op-avatar.large{width:88px;height:88px;border-radius:20px;font-size:22px}.op-profile-photo>div{min-width:0;flex:1}.op-profile-photo strong{font-size:12px;color:#294963}.op-profile-photo p{font-size:10px;line-height:1.7;color:#8796a9;margin:6px 0 10px}.op-profile-photo input{font-size:10px;padding:8px;background:#fff}
@media(max-width:440px){.op-profile-photo{align-items:flex-start;gap:14px;padding:14px}.op-profile-photo .op-avatar.large{width:64px;height:64px;border-radius:16px}.op-profile-photo input{max-width:100%}}
.op-overview-map #portfolio-map{height:100%;min-height:265px}.op-overview-map{position:relative}.op-overview-map .v4-map-overlay{z-index:1}.op-team-bottom .panel h3{font-size:17px;letter-spacing:-.5px}.op-team-bottom .panel p{font-size:11px;color:#8b9aae;line-height:1.9}.op-team-bottom form .btn{width:100%;margin-top:10px}.op-team-bottom form{margin-top:22px}.op-team-bottom .data-row{flex-wrap:wrap;gap:10px;font-size:11px}.op-team-bottom .panel{border-radius:16px}