/* OUDYAN visual identity. */
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/IBMPlexSansArabic-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:Montserrat;src:url('/Montserrat[wght].ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--brand-charcoal:#111111;--brand-gold:#C9A96A;--brand-olive:#4F5944;--brand-brown:#715845;--brand-beige:#EADDCB;--brand-ivory:#F5F1EB;--brand-gray:#6B6B6B;--brand-white:#FFFFFF;--green:var(--brand-olive);--green-dark:var(--brand-charcoal);--green-light:var(--brand-ivory);--gold:var(--brand-gold);--ink:var(--brand-charcoal);--muted:var(--brand-gray);--line:var(--brand-beige);--bg:var(--brand-ivory);--white:var(--brand-white);--paper:var(--brand-white);--sidebar:var(--brand-charcoal);--shadow:0 4px 18px #1111110d}
body{font-family:Montserrat,'IBM Plex Sans Arabic',sans-serif;background:var(--brand-ivory);color:var(--brand-charcoal)}
button,input,select,textarea{font-family:inherit}::selection{background:var(--brand-beige);color:var(--brand-charcoal)}
a,.price,.record-row .price,.link-btn{color:var(--brand-olive)}
input,select,textarea{background:var(--brand-white);color:var(--brand-charcoal);border-color:var(--brand-beige)}input::placeholder,textarea::placeholder{color:var(--brand-gray);opacity:1}input[readonly]{background:var(--brand-ivory)}input[type=checkbox]{accent-color:var(--brand-olive)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-olive);outline-offset:3px}
.btn,.compact-page .record-actions .receipt-button{background:var(--brand-gold);color:var(--brand-charcoal);border-color:var(--brand-gold);box-shadow:none}.btn:hover,.compact-page .record-actions .receipt-button:hover{background:var(--brand-beige);color:var(--brand-charcoal);border-color:var(--brand-brown);filter:none}
.btn.outline,.btn.light,.link-btn,.iconbutton{background:var(--brand-white);color:var(--brand-olive);border-color:var(--brand-beige)}.btn.outline:hover,.btn.light:hover,.link-btn:hover,.iconbutton:hover{background:var(--brand-beige);color:var(--brand-charcoal);border-color:var(--brand-brown)}
button:disabled,.btn:disabled,input:disabled,select:disabled,textarea:disabled{opacity:1;background:var(--brand-ivory);color:var(--brand-gray);border-color:var(--brand-beige);cursor:not-allowed;box-shadow:none}
.sidebar,.topbar,.auth-brand,.mobile-bottom,.modal-footer,.sidebar-bottom{background:var(--brand-charcoal);color:var(--brand-white)}.sidebar,.topbar,.mobile-bottom,.modal-footer,.sidebar-bottom{border-color:var(--brand-brown)}
.topbar strong,.topbar small,.topbar .breadcrumbs,.topbar .person,.topbar .person small,.auth-brand p{color:var(--brand-white)}.topbar .breadcrumbs a{color:var(--brand-gold)}.topbar .iconbutton,.topbar .btn,.topbar #refresh-page{background:var(--brand-charcoal);color:var(--brand-gold);border-color:var(--brand-brown)}.topbar .iconbutton:hover,.topbar .btn:hover,.topbar #refresh-page:hover{background:var(--brand-olive);color:var(--brand-white)}
.sidebar button:focus-visible,.topbar button:focus-visible,.mobile-bottom button:focus-visible,.modal-footer button:focus-visible,.auth-brand a:focus-visible{outline-color:var(--brand-gold)}
.sidebar .navitem,.sidebar .nav-division .navitem,.mobile-bottom button{color:var(--brand-white)}.sidebar .navitem:hover,.sidebar .nav-division .navitem:hover,.mobile-bottom button:hover{background:var(--brand-olive);color:var(--brand-white)}.sidebar .navitem.active,.sidebar .nav-division .navitem.active,.mobile-bottom button.active{background:var(--brand-gold);color:var(--brand-charcoal);box-shadow:none}
.sidebar .nav-division-heading,.sidebar .navgroup{color:var(--brand-gold);background:transparent;border-color:var(--brand-brown)}.sidebar .nav-division{--division:var(--brand-gold)}
.avatar{background:var(--brand-beige);color:var(--brand-charcoal)}.badge-dot{background:var(--brand-gold);border-color:var(--brand-charcoal)}
.brand{justify-content:center;position:relative;white-space:normal}.brand .oudyan-wordmark{width:min(100%,205px);height:auto;display:block;max-height:none;border-radius:0}.brand-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-card .brand{background:var(--brand-charcoal);border-radius:10px;padding:8px}.auth-brand .oudyan-wordmark{width:min(100%,360px);height:auto;margin:0 0 18px}.auth-brand h1.brand-accessible{font-size:inherit}.boot{color:var(--brand-olive)}
.welcome{background:var(--brand-beige);color:var(--brand-charcoal);border-color:var(--brand-beige)}.welcome p,.welcome small{color:var(--brand-brown)}
.card,.rent-panel,.property-project,.task-card,.match-card,.panel,.dashboard-division,.home-brokerage,.stat,.quick,.table-wrap,.empty{background:var(--brand-white);border-color:var(--brand-beige);box-shadow:var(--shadow)}.card:hover,.record-row:hover{border-color:var(--brand-brown);box-shadow:var(--shadow)}
.card-cover,.card:nth-child(3n+2) .card-cover,.card:nth-child(3n) .card-cover,.record-row .record-cover,.property-project-head,.detail-grid>div,.organized-fields,.workflow-filters,.settings-row{background:var(--brand-ivory);border-color:var(--brand-beige);color:var(--brand-olive)}
.card-cover .cover-label,.record-row .card-meta .ico,.card-sub,.card-meta,.card-meta span{color:var(--brand-gray)}.card-foot,.record-side,.toolbar,.unit-toolbar,.task-filters,.workflow-filters,.tabs,.record-finance,.activity,th,td{border-color:var(--brand-beige)}
.quick-icon,.stat .stat-icon,.stat:nth-child(2) .stat-icon,.stat:nth-child(3) .stat-icon,.stat:nth-child(4) .stat-icon,.empty .empty-icon{background:var(--brand-ivory);color:var(--brand-olive)}.quick:hover{border-color:var(--brand-olive)}
.badge,.badge.blue,.badge.gray{background:var(--brand-ivory);color:var(--brand-olive)}.badge.gold,.record-number-badge,.unit-number-badge{background:var(--brand-beige);color:var(--brand-brown);border-color:var(--brand-beige)}.badge.red{color:var(--red)}
.tab.active{color:var(--brand-olive);border-color:var(--brand-olive)}.tab .count,.view-toggle button.active{background:var(--brand-beige);color:var(--brand-charcoal)}th{background:var(--brand-ivory);color:var(--brand-gray)}
.modal-head{background:var(--brand-white);color:var(--brand-charcoal);border-color:var(--brand-beige)}dialog,.modal-content{background:var(--brand-white);color:var(--brand-charcoal)}.modal-footer .btn.outline{background:transparent;color:var(--brand-white);border-color:var(--brand-brown)}.modal-footer .btn.outline:hover{background:var(--brand-olive)}
.lease-finance-summary,.payment-summary,.payment-breakdown,.unit-contract-details,.compact-payments{background:var(--brand-ivory);border-color:var(--brand-beige);color:var(--brand-charcoal)}
#refresh-page,#pull-refresh,#release-notice{background:var(--brand-ivory);color:var(--brand-charcoal);border-color:var(--brand-brown)}#refresh-page:hover{background:var(--brand-beige)}
@media(max-width:650px){.brand .oudyan-wordmark{width:190px}.auth-card .brand{padding:6px}.auth-brand .oudyan-wordmark{width:240px}}
@media(prefers-reduced-motion:reduce){button,.card{transition:none}}

.brand .oudyan-wordmark{padding:0;background:var(--brand-charcoal);border:0}.topbar .breadcrumbs button,.topbar .breadcrumbs span{color:var(--brand-white)}.dashboard-division,.dashboard-division.brokerage{border-top-color:var(--brand-olive)}.dashboard-division h2,.dashboard-division.brokerage h2{color:var(--brand-olive)}.division-counts>button,.division-counts>div{background:var(--brand-ivory);border-color:var(--brand-beige)}.rent-panel-head{background:var(--brand-ivory);border-color:var(--brand-beige)}


/* Quiet architectural ornament, fading away from the welcome text. */
.welcome>div:first-child{position:relative;z-index:1}.welcome .welcome-pattern{position:absolute;inset-block:0;inset-inline-end:0;width:72%;background-image:url('/welcome-pattern.svg'),linear-gradient(to right,rgba(113,88,69,.16) 0%,rgba(201,169,106,.08) 32%,transparent 72%);background-repeat:repeat,no-repeat;background-position:center;opacity:1;pointer-events:none;mask-image:linear-gradient(to right,#000 0%,#000 38%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 38%,transparent 100%)}html[dir=ltr] .welcome .welcome-pattern{transform:scaleX(-1)}@media(max-width:650px){.welcome .welcome-pattern{width:85%;opacity:.8;background-size:200px 150px,100% 100%}}
/* File management keeps all actions visible on narrow screens. */
.attachment-actions{flex-wrap:wrap;flex-shrink:1;max-width:100%;min-width:0}.attachment-actions .btn,.attachment-actions .link-btn{white-space:nowrap}.attachment-remove.btn.outline{color:#963e37;border-color:#d8b2aa}.attachment-remove.btn.outline:hover{background:#f6e5e1;color:#7d302a}.attachment-action-dialog{width:min(540px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.attachment-action-dialog form{margin:0}.attachment-action-dialog .modal-head{padding:16px 20px}.attachment-action-dialog .modal-head h2{font-size:20px;margin:0}.attachment-action-dialog .modal-content{padding:16px 20px}.attachment-action-dialog .modal-footer{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px}.attachment-action-dialog input{width:100%;min-width:0}.attachment-action-dialog input[type=file]{font-size:14px}.attachment-action-filename{font-weight:700;overflow-wrap:anywhere;background:var(--brand-ivory);padding:10px;border:1px solid var(--brand-beige);border-radius:8px}.attachment-action-status{min-height:1.5em;color:#963e37;overflow-wrap:anywhere}.file-preview-dialog .modal-footer{gap:10px;flex-wrap:wrap}.media-item [data-file-action]{max-width:100%;white-space:normal}@media(max-width:520px){.attachment-actions{width:100%}.attachment-actions .btn,.attachment-actions .link-btn{min-height:40px;padding:6px 10px}.attachment-action-dialog .modal-content,.attachment-action-dialog .modal-head{padding:12px}.attachment-action-dialog input[type=text]{font-size:16px}.attachment-action-dialog .modal-footer{padding:12px}}