/* Warm palette + structured layout, selected by the user. Loaded after component styles. */
@font-face{font-family:EstateArabic;src:url('/noto-arabic-medium.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:EstateArabic;src:url('/noto-arabic-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--green:#685b38;--green-dark:#4c4129;--green-light:#f3efe4;--gold:#a08246;--ink:#38382e;--muted:#716e61;--line:#e6e1d5;--bg:#f7f5ef;--red:#a8463b;--shadow:0 5px 22px #4c412908;--paper:#fff;--frame:16px;--sidebar:#403c2f}
body{font-family:EstateArabic,'Segoe UI',Tahoma,sans-serif;font-size:16px;line-height:1.8;background:var(--bg);color:var(--ink)}
small{font-size:13px}button,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}input,select,textarea{font-size:16px;color:var(--ink);border-color:var(--line);border-radius:10px;min-height:44px;background:#fff}input::placeholder,textarea::placeholder{color:#878476}input[type=checkbox]{accent-color:var(--green)}input[readonly]{background:#f5f3ec}
.btn,.link-btn{border-radius:9px;min-height:42px;gap:7px;padding:8px 14px;font-size:15px;font-weight:700;line-height:1.7;transition:background .15s,border-color .15s,box-shadow .15s}.btn{background:var(--green);border-color:var(--green);box-shadow:0 3px 8px #685b3812}.btn:hover{background:var(--green-dark);filter:none}.btn.outline,.btn.light,.link-btn{background:#fff;color:var(--green-dark);border:1px solid var(--line);box-shadow:none}.link-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere}.btn.outline:hover,.btn.light:hover,.link-btn:hover{background:var(--green-light);border-color:#c6baa0}.btn.small{min-height:38px;padding:6px 11px;font-size:14px}.btn.danger{background:#fff3f0;color:var(--red);border-color:#ebcbc2;box-shadow:none}.btn.danger:hover{background:#fbe6e0}.btn svg.ico,.link-btn svg.ico{width:18px;height:18px}.btn:disabled,.link-btn:disabled{opacity:.5;box-shadow:none}
.sidebar{width:246px;background:var(--sidebar);color:#f8f5eb;border:0;padding:24px 15px}.brand{gap:11px;margin-bottom:27px}.brand img{width:42px;height:42px;background:#fffdf7;border-radius:12px;padding:5px}.brand strong{font-size:20px;letter-spacing:-.3px}.brand small{font-size:13px;color:#d2c9b4;letter-spacing:1.4px}.sidebar-bottom{padding-top:18px;margin-top:18px;border-top:1px solid #605a49}.navitem{min-height:43px;margin:3px 0;padding:9px 10px;gap:10px;font-size:14px;color:#e3dccc;border-radius:9px;line-height:1.7}.navitem:hover{background:#514b3b;color:#fff}.navitem.active{background:#77684a;color:#fff;box-shadow:none;font-weight:700}.navgroup{color:#c5bba6;font-size:13px;margin:16px 11px 6px}.nav-division{--division:#cbd1a7;--division-bg:transparent;--division-line:#585647;--division-hover:#514e41;border:0;border-top:1px solid var(--division-line);background:transparent;border-radius:0;margin:14px 0 0;padding:9px 0 0}.nav-division--management{--division:#b9cbb4;--division-line:#585647;--division-hover:#514e41}.nav-division--team{--division:#d0bde0;--division-line:#585647;--division-hover:#514e41}.nav-division-heading{font-size:14px;color:var(--division);border:0;padding:4px 8px;margin:0 0 5px;gap:8px}.nav-division-icon{width:24px;height:24px;background:transparent;color:var(--division);border:1px solid #6d6858;border-radius:7px}.nav-division-icon .ico{width:15px;height:15px}.nav-division .navitem{color:#e2dccd;font-size:14px;padding:8px 11px;gap:9px}.nav-division .navitem>.ico{color:var(--division);width:18px;height:18px}.nav-division .navitem:hover{background:var(--division-hover)}.nav-division .navitem.active{background:#76684b;color:#fff;box-shadow:inset -3px 0 var(--division)}[dir=ltr] .nav-division .navitem.active{box-shadow:inset 3px 0 var(--division)}.nav-division .navitem.active>.ico{color:#fff}
.workspace{margin-inline-start:246px}.topbar{height:76px;padding:0 30px;background:#fffefbef;border-color:var(--line);backdrop-filter:blur(12px)}.topbar-title strong{font-size:17px}.top-actions{gap:11px}.topbar-title{gap:12px}.iconbutton{border-radius:11px;border-color:var(--line);background:#fff;color:var(--green);width:40px;height:40px;font-size:15px}.avatar{background:var(--green-light);color:var(--green);border-radius:50%;width:37px;height:37px;font-size:16px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.person{font-size:14px;gap:9px}.person small{font-size:13px}.badge-dot{background:var(--gold)}.breadcrumbs{font-size:13px;gap:7px}.breadcrumbs button{color:var(--muted);text-decoration:none;min-height:24px;font-size:13px}.breadcrumbs button:hover{text-decoration:underline}.back-button{background:#fff}.page{padding:28px 30px 45px;max-width:1550px}.welcome{background:#efe9db;border:1px solid #e1d7c0;border-radius:18px;color:var(--ink);padding:25px 28px;box-shadow:none}.welcome small{color:#776641;font-size:13px}.welcome h1{font-size:27px;line-height:1.7;margin:5px 0 2px}.welcome p{color:var(--muted);font-size:15px}.welcome .welcome-mark{opacity:.07;inset-inline-end:22px;bottom:-15px;transform:none}.welcome-mark svg.ico{width:135px;height:135px}
.section-head{margin:25px 0 16px;gap:14px}.section-head h2{font-size:22px;line-height:1.7}.section-head p{font-size:14px;max-width:750px;line-height:1.85}.section-tag{color:#847044;font-size:13px;letter-spacing:.15px;font-weight:700}.row{gap:8px}.dashboard-divisions{gap:16px;margin:20px 0}.dashboard-division{border:1px solid var(--line);border-top:3px solid #93a38a;border-radius:var(--frame);padding:18px;background:#fff;box-shadow:var(--shadow)}.dashboard-division.brokerage{border-color:var(--line);border-top-color:#afb685}.dashboard-division header{gap:12px}.dashboard-division h2{font-size:19px;color:#4f6047}.dashboard-division.brokerage h2{color:#626a3e}.dashboard-division h2 .ico{width:19px;height:19px}.dashboard-division .link-btn{min-height:36px;font-size:13px;padding:6px 10px}.dashboard-metrics{gap:9px;margin-top:16px}.dashboard-metrics button{border:1px solid #e7e9df;background:#f8faf5;border-radius:10px;padding:13px 6px;color:#4f6047;min-width:0}.brokerage .dashboard-metrics button{background:#f4f5e9;border-color:#d9ddbe;color:#626a3e}.dashboard-metrics button:hover{box-shadow:0 0 0 1px currentColor}.dashboard-metrics strong{font-size:27px;line-height:1.5}.dashboard-metrics span{font-size:13px;line-height:1.7;display:block}.stats,.workflow-metrics,.task-metrics{gap:14px}.stat,.workflow-metric,.task-metrics>div{border-radius:var(--frame);background:#fff;border-color:var(--line);padding:18px;box-shadow:var(--shadow)}.stat strong,.workflow-metric strong,.task-metrics strong{font-size:27px}.stat .stat-icon,.quick-icon{background:var(--green-light);color:var(--green)}.quick{border-radius:13px;border-color:var(--line);font-size:15px;padding:15px}.quick:hover{transform:none;border-color:#bdaf8f}.workflow-metric span{font-size:14px}.workflow-selector{max-width:900px}
.rent-overview{margin:26px 0}.rent-columns{gap:18px;align-items:start}.rent-panel{background:#fff;border:1px solid var(--line);border-radius:var(--frame);box-shadow:var(--shadow)}.rent-panel>header{padding:19px 21px;background:#fbfaf6;border-bottom:1px solid var(--line)}.rent-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rent-symbol{background:#f1ede1;color:var(--green);border-radius:8px;width:31px;height:31px;align-items:center;justify-content:center}.rent-symbol .ico{width:18px;height:18px}.rent-panel.overdue .rent-symbol{background:#f8eee4;color:#986342}.rent-panel h3{font-size:18px;line-height:1.7}.rent-count{color:var(--muted);background:#fff;border:1px solid var(--line);padding:2px 8px;font-size:13px;border-radius:6px}.rent-panel header p{font-size:13px;margin:8px 0 12px;line-height:1.8}.rent-total{display:flex;align-items:center;justify-content:space-between;gap:10px}.rent-total>span{font-size:13px}.rent-total strong{font-size:28px;font-weight:700;line-height:1.6;letter-spacing:-.5px}.rent-total small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.overdue .rent-total strong{color:#936541}.rent-payment-list{padding:0 20px}.rent-payment{padding:19px 0;border-bottom:1px solid var(--line)}.rent-payment:last-child{border-bottom:0}.rent-payment-heading{display:flex;align-items:center;gap:10px}.rent-payment-heading>div{flex:1;min-width:0}.rent-payment h4{margin:0;font-size:16px;font-weight:700;overflow-wrap:anywhere;line-height:1.9}.rent-payment-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere}.rent-unit-icon{display:grid;place-items:center;border-radius:9px;width:36px;height:40px;flex-shrink:0;background:var(--green-light);color:var(--green)}.rent-unit-icon .ico{width:19px;height:19px}.rent-payment-heading>.badge{font-size:13px;align-self:flex-start;flex-shrink:0}.rent-payment-facts{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:15px 0;background:#f8f6f0;border:1px solid #f0ece2;border-radius:10px;padding:11px 13px}.rent-payment-facts>div{min-width:0}.rent-payment-facts dt{font-size:13px;color:var(--muted)}.rent-payment-facts dd{margin:3px 0 0;font-size:14px}.rent-payment-facts time{overflow-wrap:anywhere}.rent-payment-facts dd .badge{margin-inline-start:5px}.rent-payment .rent-amount{text-align:end;flex-shrink:0}.rent-payment .rent-amount strong{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}.rent-amount small{font-size:13px;color:var(--muted)}.rent-payment-actions{display:flex;gap:9px}.rent-payment-actions .receipt-button{flex:1}.rent-payment-actions .btn.outline{flex:0 1 110px}.rent-payment-actions>.btn{font-size:14px;min-height:43px}.receipt-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;white-space:normal;min-height:42px}.rent-empty{min-height:140px;padding:25px 18px;color:var(--muted);background:#fff}.rent-empty .ico{width:35px;height:35px;padding:7px;box-sizing:content-box;background:var(--green-light);color:var(--green);border-radius:50%}.rent-empty p{font-size:14px}.rent-panel footer{background:#fbfaf6;padding:11px 20px}.rent-panel footer>.btn{width:100%}
.grid{gap:18px;align-items:start}.card,.match-card,.property-project,.task-card,.panel{border-radius:var(--frame);border-color:var(--line);background:#fff;box-shadow:var(--shadow)}.card:hover{transform:none;box-shadow:0 7px 24px #54472a0c;border-color:#cec2a8}.card-cover,.card:nth-child(3n+2) .card-cover,.card:nth-child(3n) .card-cover{background:#f1ede2;color:#b2a381;height:145px}.card-cover .cover-label{color:#766b52;font-size:13px}.card-cover svg.ico{width:58px;height:58px}.card-body{padding:18px}.card h3{font-size:20px;margin:10px 0 5px}.card h3 button{text-decoration:none;line-height:1.8;overflow-wrap:anywhere}.card h3 button:hover{text-decoration:underline;text-underline-offset:4px}.card-sub{font-size:14px;color:var(--muted);gap:6px;line-height:1.8}.card-meta{flex-wrap:wrap;gap:8px;font-size:13px;margin-top:13px}.card-meta>span{background:#f8f6ef;border:1px solid #f0ece1;border-radius:7px;padding:4px 7px;white-space:normal}.card-foot{border-color:var(--line);gap:10px;padding-top:12px;margin-top:14px}.card-foot .link-btn{font-size:14px;padding:7px 11px;min-height:38px}.price{font-size:22px;font-weight:700;color:var(--green)}.price small{font-size:13px}.badge{font-size:13px;padding:3px 9px;border-radius:6px;background:#eef3e9;color:#516947;line-height:1.7}.badge.blue{background:#eef1df;color:#626a3e}.badge.gold{background:#f8efe2;color:#91663a}.badge.red{background:#fbece7;color:#a94e3e}.badge.gray{background:#f1f0eb;color:#6f7165}.hold-badge{background:#faf4e4;border-color:#e8d9b7;color:#856830;font-size:14px}.hold-badge small{font-size:13px}.brokerage-total{background:#f7f4e9;border:1px solid #e9dfc7;border-radius:11px;padding:13px;gap:4px;color:var(--green-dark)}.brokerage-total small{color:var(--muted);font-size:13px}.unit-number,.merged-unit-note{font-size:13px}.property-section{margin:23px 0}.property-section>h3{font-size:20px}.property-project{box-shadow:var(--shadow)}.property-project-summary{padding:18px;gap:18px}.property-project-summary:hover{background:#fcfbf7}.project-cover{width:148px;height:108px;border-radius:12px}.project-summary-text h3{font-size:20px}.project-summary-text p{font-size:14px}.project-toggle{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 11px;gap:8px;font-size:14px;color:var(--green-dark);min-height:42px}.project-chevron{width:24px;height:24px;background:var(--green-light);border-radius:7px}.project-units{background:#f9f7f1;border-color:var(--line);padding:18px}.project-units-heading{flex-wrap:wrap}.project-units-heading h4{margin-inline-end:auto;font-size:18px}.project-units .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.payment-card-totals,.finance-card .payment-card-totals{background:#f8f5eb;border:1px solid #e9e1ce;border-radius:10px;padding:11px 10px;gap:7px;margin:12px 0}.payment-card-totals small{font-size:13px;color:#766c56;line-height:1.8}.payment-card-totals strong{font-size:19px;line-height:1.8}.finance-card .card-dues{display:block;width:100%;margin:12px 0 0!important;border:1px solid var(--line);padding:0;border-radius:11px;overflow:hidden}.card-dues h4{padding:10px 12px;margin:0;background:#faf8f1;border-bottom:1px solid var(--line);font-size:14px}.card-dues.overdue h4{color:#96633d}.card-dues.overdue h4 span{background:#f6e9d9;color:#96633d}.card-dues.upcoming h4{color:var(--green)}.card-dues.upcoming h4 span{background:var(--green-light)}.card-dues p{padding:10px 12px;font-size:13px}.card-dues-scroll{max-height:260px}.card-due-item{padding:10px 12px;border-bottom:1px solid var(--line)}.card-due-item:last-child{border:0}.card-due-item>div{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:8px}.card-due-item time{color:var(--muted);font-size:13px}.card-due-item p{padding:0;margin:0 0 9px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.card-due-actions{display:flex;align-items:center;gap:7px}.card-dues .card-due-actions .btn{min-height:38px;font-size:13px;padding:6px 9px}.card-due-actions .receipt-button{flex:1}
.toolbar,.unit-toolbar,.task-filters{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;gap:10px;margin:15px 0 20px}.toolbar .searchbox{min-width:180px}.toolbar select{font-size:15px;min-width:130px}.unit-toolbar label{min-width:0}.searchbox .ico{width:19px;height:19px}.tabs,.task-tabs{display:flex;border:1px solid var(--line);background:#fff;padding:5px;border-radius:12px;gap:5px;max-width:100%;width:fit-content;margin:18px 0}.tab{padding:9px 16px;border:1px solid transparent;border-radius:9px;font-size:15px;min-height:42px}.tab.active{background:var(--green-light);color:var(--green);border-color:#e5dcc6}.tab .count{background:#e9e1ce;font-size:13px}.workflow-filters{border-radius:13px;padding:13px 16px;background:#fff;border-color:var(--line)}.workflow-filters>summary{font-size:15px;color:var(--green)}.workflow-filters[open]>summary{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.workflow-item{gap:12px;align-items:center;border-color:var(--line)}.workflow-item .link-btn{font-size:14px}.workflow-item>span{font-size:14px}
.panel{padding:20px;margin:18px 0}.panel h3{font-size:19px}.home-brokerage{background:#fff;border:1px solid var(--line);border-radius:var(--frame);padding:20px;margin:24px 0}.home-brokerage>.section-head{margin-top:0}.home-brokerage .card{box-shadow:none}.split-panels{gap:18px}.activity{border-color:var(--line);gap:11px;padding:12px 0}.activity>.ico{width:20px;height:20px;color:var(--gold)}.activity strong{font-size:15px}.activity small{font-size:13px;line-height:1.8;margin-top:5px;display:block}.activity-text .link-btn{justify-content:flex-start;text-align:start;font-size:14px;max-width:100%}.notice-row{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;gap:10px}.notice-row:last-child{margin-bottom:0}.notice-row.unread{background:#f9f5e9;border-color:#e8ddbd}.notice-row .ico{color:var(--gold);width:19px;height:19px}.notice-row strong{font-size:15px}.notice-row small{font-size:13px}.table-wrap{border-color:var(--line);border-radius:13px}table{font-size:15px}th{background:#f9f7f0;color:#756b52;font-size:14px;font-weight:700}th,td{padding:11px 13px;border-color:var(--line)}td .link-btn{font-size:14px;min-height:36px;padding:6px 9px}tbody tr:hover{background:#fdfbf6}.empty{background:#fffdf8;border-color:#d8cdb7;border-radius:var(--frame);padding:35px 20px}.empty .empty-icon{background:var(--green-light);color:var(--green)}.empty h3{font-size:21px}.empty p{font-size:14px}.match-card{padding:20px}.match-score{color:var(--green);font-size:27px}.settings-box{max-width:950px}.settings-row{gap:18px;border-color:var(--line)}.settings-row p{font-size:14px}.settings-row .btn{flex-shrink:0}
dialog{border-color:var(--line);border-radius:18px;box-shadow:0 30px 90px #3d352b38;width:min(830px,calc(100vw - 28px));max-height:92dvh;background:#fff}dialog::backdrop{background:#3e3c305c;backdrop-filter:blur(4px)}.modal-head{padding:17px 22px;gap:15px;border-color:var(--line);background:#fffef9}.modal-head h2{font-size:21px;line-height:1.8;overflow-wrap:anywhere;min-width:0}.modal-head .back-button{flex-shrink:0}.modal-content{padding:21px}.modal-footer{padding:14px 21px;border-color:var(--line);background:#fffef9;flex-wrap:wrap}.modal-footer .btn[type=submit]{min-width:125px}.form-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{font-size:15px;gap:7px;min-width:0}.form-field small{font-size:13px;color:var(--muted)}.form-field input:not([type=checkbox]):not([type=file]),.form-field select{min-height:44px;padding:8px 11px;font-size:16px}.form-field textarea{min-height:85px;font-size:16px;padding:10px 11px}.required{color:#9b7140}.organized-fields,.lease-finance-fields{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;margin:0}.organized-fields legend,.lease-finance-fields legend{font-size:16px;color:var(--green);padding-inline:8px}.lease-finance-fields{background:#faf7ee;border-color:#e5dac0}.organized-fields:has([data-field=kind]){background:#fbfaf6}.form-grid>details{border:1px solid var(--line);border-radius:11px;padding:12px;min-width:0}.form-grid>details>summary{font-size:15px;color:var(--green)}.form-grid>details>.form-grid{padding-top:12px}.detail-grid{gap:12px}.detail-grid div{border-bottom:0;background:#faf8f2;border:1px solid #efeadf;border-radius:10px;padding:11px 13px;min-width:0}.detail-grid dt{font-size:13px;color:var(--muted)}.detail-grid dd{font-size:16px;margin-top:4px}.detail-grid .link-btn{font-size:14px}.detail-grid a:not(.link-btn){display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:8px}.tenant-detail{border-radius:13px;border-color:var(--line);padding:13px;background:#fff;margin:16px 0}.lease-schedule{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}.lease-schedule h3{margin-top:0}.lease-schedule p{font-size:14px}.lease-schedule .table-wrap{margin-top:12px}.request-area-range,.floor-editor,.inline-entry,.voice-entry{border:1px solid var(--line);border-radius:13px;background:#faf8f1;padding:15px}.floor-row{border-color:var(--line);border-radius:11px;padding:13px}.floor-editor input[readonly]{background:#f1ecdf;color:var(--green)}.floor-row-head{gap:10px;flex-wrap:wrap}.floor-row-head h4{margin:0}.floor-row-head .link-btn{font-size:13px}.floor-dimensions{gap:12px}.inline-add{border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-height:35px;background:white;color:var(--green);font-weight:700}.inline-entry-head{align-items:flex-start}.inline-entry-head h3{font-size:18px}.inline-entry p{font-size:14px}.voice-entry .row{gap:8px}.voice-entry .btn{font-size:14px}.voice-text{font-size:16px;border-color:var(--line);border-radius:10px;padding:11px;min-height:85px}.listing-media{border:1px solid var(--line);border-radius:13px;padding:15px;margin-top:18px}.listing-media h3{font-size:18px;margin:0 0 6px}.listing-media p{font-size:13px}.media-drop{background:#fbf9f1;border-color:#d7c9a8;border-radius:11px;padding:13px}.media-item{border-color:var(--line);border-radius:11px}.media-item img,.media-item video{background:#f5f2e9}.file-row{border-color:var(--line);border-radius:10px;background:#fff;font-size:14px}.attachment-row{padding:11px 13px}.attachment-name small{font-size:13px}.attachment-actions{gap:7px}.upload-label{background:#fbf9f1;border-color:#d7c9a8;border-radius:11px;font-size:14px}.permission-group th{background:#efe9da;color:var(--green)}.permission-table th,.permission-table td{font-size:14px}.success-box{background:var(--green-light);border:1px solid #e5dac1;border-radius:11px;font-size:15px}.error-box{border-radius:10px;font-size:15px}.push-state{background:#f1edde;color:var(--green)}.push-dialog::backdrop{background:#3e3c305c}.file-preview-content{background:#f1eee5}.pdf-preview-controls{border-color:var(--line)}.pdf-preview-paper canvas{box-shadow:0 3px 12px #4a432020}.auth-brand{background:var(--sidebar)}.auth-brand p{color:#d2c5a6}.auth-brand h1{font-size:40px}.auth-card h2{font-size:26px}.auth-form{background:var(--bg)}.auth-card{background:#fff;padding:28px;border:1px solid var(--line);border-radius:18px;width:min(100%,470px)}#toast{background:#4c442f;font-size:15px;border-radius:12px;line-height:1.8}.team-tasks{--task-accent:#7b638f}.team-tasks .section-tag,.team-tasks h2{color:var(--task-accent)}.team-tasks .btn:not(.outline){background:var(--task-accent);border-color:var(--task-accent)}.task-metrics>div{border-color:#e7dfed;border-top:3px solid #ad9cba;background:#fff}.task-metrics strong{color:#7b638f}.task-metrics span{font-size:14px}.task-tabs{width:fit-content}.task-tabs .btn{min-height:38px;font-size:14px}.task-tabs .btn.outline{border-color:transparent}.task-filters{grid-template-columns:2fr 1fr 1fr 1fr}.task-grid{gap:16px}.task-card{padding:18px;border-inline-start:3px solid #ab94b7}.task-card.task-late{border-inline-start-color:#bd715a}.task-card h3{font-size:20px}.task-card h3 .link-btn{background:none;border:0;min-height:0;padding:0;display:block;font-size:20px;color:var(--ink);text-align:start}.task-card h3 .link-btn:hover{text-decoration:underline}.task-description{font-size:14px}.task-card dl{background:#f8f5fa;border:1px solid #eee7f1;border-radius:10px;padding:11px;gap:10px}.task-card dt{font-size:13px}.task-card dd{font-size:14px;overflow-wrap:anywhere}.task-card footer{gap:8px;flex-wrap:wrap;border-color:var(--line)}.task-card footer .link-btn,.task-card footer .btn{font-size:13px;min-height:38px;padding:7px 10px}.task-card footer [data-task-done]{background:#f0eaf6;border-color:#dfd1e9;color:#725284}
@media(min-width:1550px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.sidebar{width:225px;padding-inline:12px}.workspace{margin-inline-start:225px}.page{padding:24px}.topbar{padding-inline:24px}.dashboard-divisions{gap:13px}.dashboard-division{padding:15px}.dashboard-division header{align-items:flex-start}.dashboard-division h2{font-size:18px}.dashboard-division .row{gap:6px}.dashboard-metrics span{font-size:13px}.rent-columns{grid-template-columns:1fr 1fr}.rent-panel>header{padding:17px}.rent-payment-list{padding:0 16px}.rent-payment h4{font-size:15px}.rent-payment-heading{gap:8px}.rent-payment-heading>.badge{font-size:13px}.rent-unit-icon{width:32px;height:36px}.rent-payment-facts{padding:10px}.rent-payment .rent-amount strong{font-size:21px}.rent-payment-facts dd{font-size:13px}.rent-payment-actions>.btn{padding-inline:10px;font-size:13px}.rent-payment-actions .btn.outline{flex-basis:93px}}
@media(max-width:1000px){.dashboard-divisions,.rent-columns{grid-template-columns:1fr}.dashboard-division header{align-items:center}.dashboard-metrics span{font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover{width:115px;height:100px}.project-summary-text h3{font-size:20px}.project-toggle{font-size:13px}.task-filters{grid-template-columns:1fr 1fr}.task-filters label:first-child{grid-column:1/-1}}
@media(max-width:800px){.sidebar{width:280px;z-index:30;box-shadow:0 20px 90px #332f2355}.workspace{margin:0}.topbar{height:67px;padding:0 16px}.topbar-title{gap:9px}.topbar-title strong{font-size:16px}.top-actions{gap:7px}.topbar .iconbutton{width:37px;height:38px}.topbar .person{display:none}.topbar .back-button{font-size:13px;padding-inline:8px;min-height:36px;gap:4px}.topbar .back-button .ico{width:15px;height:15px}.breadcrumbs{font-size:13px}.breadcrumbs button{font-size:13px}.page{padding:20px 16px 105px}.welcome{padding:21px 23px}.welcome h1{font-size:25px}.welcome p{font-size:14px}.mobile-bottom{background:#fffef9f5;border-color:var(--line);padding:7px 8px calc(8px + env(safe-area-inset-bottom));gap:4px;backdrop-filter:blur(14px)}.mobile-bottom button{border-radius:10px;padding:6px 9px;min-height:49px;gap:4px;font-size:13px;color:#787666;flex:1;min-width:0}.mobile-bottom button.active{background:var(--green-light);color:var(--green-dark)}.mobile-bottom svg.ico{width:21px;height:21px}.section-head h2{font-size:21px}.section-head p{font-size:14px}.dashboard-divisions{margin-top:18px}.rent-payment h4{font-size:16px}.rent-payment-facts dd{font-size:14px}.rent-payment-actions>.btn{font-size:14px}.rent-payment .rent-amount strong{font-size:23px}.rent-panel h3{font-size:18px}.rent-payment-heading>.badge{font-size:13px}.home-brokerage{padding:16px}.topbar-title strong{max-width:175px}.settings-box{max-width:none}.auth-card{padding:24px}}
@media(max-width:600px){.grid,.grid:has(>.finance-card){grid-template-columns:1fr}.page{padding:17px 13px 106px}.welcome{padding:20px}.welcome h1{font-size:23px}.welcome small{font-size:13px}.welcome p{font-size:13px}.welcome .welcome-mark{inset-inline-end:8px}.welcome-mark svg.ico{width:110px;height:110px}.section-head{margin:22px 0 14px;align-items:stretch;flex-direction:column;gap:12px}.section-head>.row{display:flex;flex-wrap:wrap}.section-head>.btn{align-self:flex-start;min-height:40px}.section-head h2{font-size:21px}.section-head p{font-size:13px}.section-head .btn{font-size:14px;padding:8px 12px}.dashboard-division{padding:15px;border-radius:14px}.dashboard-division header{align-items:flex-start;gap:10px}.dashboard-division h2{font-size:18px}.dashboard-division header .row{width:100%}.dashboard-division .link-btn{font-size:13px;min-height:36px}.dashboard-metrics{margin-top:13px;gap:7px}.dashboard-metrics button{padding:10px 5px}.dashboard-metrics strong{font-size:26px}.dashboard-metrics span{font-size:13px}.rent-panel{border-radius:14px}.rent-panel>header{padding:16px}.rent-panel h3{font-size:17px}.rent-count{font-size:13px;padding:3px 7px}.rent-symbol{width:28px;height:28px}.rent-panel header p{font-size:13px}.rent-total strong{font-size:27px}.rent-payment-list{padding:0 15px}.rent-payment{padding:17px 0}.rent-payment h4{font-size:15px}.rent-payment-heading p{font-size:13px}.rent-payment-heading>.badge{font-size:13px}.rent-payment-facts{padding:10px 11px;margin:13px 0;gap:10px}.rent-payment-facts dt{font-size:13px}.rent-payment-facts dd{font-size:13px}.rent-payment .rent-amount strong{font-size:22px}.rent-payment-actions{gap:8px}.rent-payment-actions>.btn{font-size:14px;min-height:44px}.rent-payment-actions .btn.outline{flex-basis:105px}.rent-empty{min-height:135px}.card{border-radius:14px}.card-body{padding:16px}.card-cover{height:140px}.card h3{font-size:20px}.card-sub{font-size:14px}.card-meta{font-size:13px}.card-foot .link-btn{min-height:40px}.finance-card .card-dues{margin-top:11px}.payment-card-totals strong{font-size:18px}.property-project-summary{padding:14px;gap:12px;flex-wrap:wrap}.project-cover{width:88px;height:90px}.project-summary-text h3{font-size:19px}.project-summary-text p{font-size:13px}.project-toggle{width:100%;justify-content:space-between;font-size:14px;min-height:42px;padding:8px 12px;background:#f9f6ec}.project-units{padding:12px}.project-units-heading{gap:8px;margin-bottom:14px}.project-units-heading h4{width:100%;font-size:17px}.project-units-heading .btn{font-size:13px;min-height:40px;padding-inline:10px}.property-section>h3{font-size:19px}.toolbar,.unit-toolbar,.task-filters{padding:11px;gap:9px;border-radius:11px}.toolbar .searchbox{min-width:0;flex-basis:100%}.toolbar select{min-width:0;width:100%;font-size:14px}.unit-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.unit-toolbar label{width:100%;min-width:0}.unit-toolbar select{font-size:14px}.form-grid,.detail-grid{grid-template-columns:1fr;gap:12px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select,.form-field textarea{font-size:18px}.form-field{font-size:15px}.form-field small{font-size:13px}.form-field input[type=checkbox]{font-size:16px}.form-field.check{align-items:center;gap:9px}.organized-fields,.lease-finance-fields{padding:12px;border-radius:11px}.organized-fields legend,.lease-finance-fields legend{font-size:15px}.form-grid>details{padding:11px}.modal-head{padding:13px 15px;gap:12px}.modal-head h2{font-size:19px}.modal-head .back-button{font-size:14px}.modal-content{padding:15px}.modal-footer{padding:12px 15px;gap:8px}.modal-footer .btn{font-size:14px;min-height:43px;flex:1}.modal-footer .btn[type=submit]{min-width:110px}.modal-footer .btn.danger{flex:0 1 auto}.detail-grid div{padding:11px 12px}.detail-grid dd{font-size:16px}.tenant-detail .detail-grid{grid-template-columns:1fr}.floor-editor,.request-area-range,.inline-entry,.voice-entry{padding:12px}.floor-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.floor-row{padding:11px}.floor-row-head h4{font-size:16px}.floor-editor>h3{font-size:17px}.request-area-inputs{gap:10px}.request-area-range legend{font-size:15px}.lease-schedule{padding:11px}.lease-schedule table input[type=date]{font-size:16px}.voice-entry .row{display:flex;flex-wrap:wrap}.voice-entry .btn{min-height:42px;font-size:13px;white-space:normal}.voice-text{font-size:18px}.listing-media{padding:12px}.media-drop{padding:10px}.media-grid{gap:10px}.attachment-row{align-items:flex-start;gap:9px}.attachment-name{min-width:120px}.attachment-actions{gap:6px}.attachment-actions .btn,.attachment-actions .link-btn{font-size:13px;min-height:40px;padding:6px 10px}.panel{padding:16px;margin:16px 0}.panel h3{font-size:18px}.home-brokerage{padding:14px}.home-brokerage .section-head{margin-top:0}.tab{font-size:14px;padding:8px 13px}.tabs{margin:15px 0;max-width:100%}.settings-row{gap:10px}.settings-row .btn{align-self:flex-start}.task-filters{grid-template-columns:1fr 1fr}.task-filters label:first-child{grid-column:1/-1}.task-filters .form-field input,.task-filters .form-field select{font-size:16px}.task-metrics{gap:9px}.task-metrics>div{padding:13px;border-radius:12px}.task-metrics strong{font-size:25px}.task-metrics span{font-size:13px}.task-tabs{gap:4px;flex-wrap:wrap;width:100%}.task-tabs .btn{flex:1;min-height:40px;font-size:13px;padding:6px 9px}.task-card{padding:15px}.task-card h3 .link-btn{font-size:19px}.task-card footer .link-btn,.task-card footer .btn{font-size:13px;min-height:40px}.task-card dl{padding:10px}.task-card dd{font-size:14px}.workflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-metric{padding:14px}.workflow-metric span{font-size:13px}.workflow-summary-grid{gap:12px}.workflow-filters .form-grid{grid-template-columns:1fr}.workflow-filters{padding:12px}.workflow-item{align-items:flex-start}.workflow-item .link-btn{width:100%;justify-content:flex-start}.permission-table{min-width:440px}.auth-form{padding:20px 15px}.auth-card{padding:23px}.auth-card h2{font-size:23px}.auth-card input{font-size:18px}}
@media(max-width:390px){.topbar{padding-inline:10px}.topbar-title{gap:5px}.top-actions{gap:5px}.topbar .iconbutton{width:32px;height:35px}.topbar .back-button{font-size:13px;padding-inline:6px}.topbar-title strong{font-size:14px;max-width:120px}.topbar .breadcrumbs{font-size:13px}.breadcrumbs span[aria-current]{max-width:100px}.rent-payment-heading{flex-wrap:wrap}.rent-payment-heading>div{flex-basis:calc(100% - 50px)}.rent-payment-heading>.badge{margin-inline-start:40px}.rent-payment .rent-amount strong{font-size:20px}.dashboard-division h2{font-size:17px}.request-area-inputs{grid-template-columns:1fr}.file-preview-dialog .modal-head h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* File and speech entry remain separate, clearly labelled actions. */
.voice-entry>label{display:block;margin:13px 0 9px}.voice-entry>p{line-height:1.9}.voice-entry>strong{display:block;font-size:17px;margin-bottom:8px}.voice-entry input[type=file],.upload-label input[type=file]{max-width:100%;font-size:14px;padding:7px}.voice-entry input[type=file]::file-selector-button,.upload-label input[type=file]::file-selector-button{font:inherit;font-weight:700;min-height:36px;padding:6px 11px;margin-inline-end:9px;border:1px solid #d4c7a8;border-radius:8px;background:#f1ebda;color:var(--green-dark);cursor:pointer}