/* ABU OSAMA RENTAL MANAGER PRO — v2.0.9 PREMIUM UI
   Visual-only layer. No business logic changes. */
:root{
  --ao-p-green:#34715a;--ao-p-green-dark:#285b48;--ao-p-green-soft:#edf7f1;
  --ao-p-blue:#3578a8;--ao-p-blue-soft:#edf6fb;
  --ao-p-purple:#765fa6;--ao-p-purple-soft:#f3effb;
  --ao-p-orange:#c17a32;--ao-p-orange-soft:#fff5e9;
  --ao-p-red:#b94d48;--ao-p-red-soft:#fff0ef;
  --ao-p-teal:#27858a;--ao-p-teal-soft:#eaf7f7;
}
.card{border:1px solid #dfe6e0!important;box-shadow:0 7px 22px rgba(31,55,43,.055)!important;transition:box-shadow .16s ease,transform .16s ease}
.card:hover{box-shadow:0 10px 27px rgba(31,55,43,.075)!important}
.card h2{font-weight:800!important}
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px;padding:8px 14px!important;border-radius:10px!important;font-weight:750!important;line-height:1.15;white-space:nowrap;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease!important}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn:not(.primary):not(.danger):not(.ao-green):not(.ao-blue):not(.ao-purple):not(.ao-orange):not(.ao-red):not(.ao-teal){color:#355244;background:#fff;border-color:#d7e0d9}
.btn:not(.primary):not(.danger):not(.ao-green):not(.ao-blue):not(.ao-purple):not(.ao-orange):not(.ao-red):not(.ao-teal):hover:not(:disabled){background:#f3f7f3;border-color:#bcd0c1}
.btn.primary{color:#fff!important;background:linear-gradient(135deg,#315d49,#547d65)!important;border-color:#315d49!important;box-shadow:0 6px 15px rgba(49,93,73,.17)!important}
.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#285440,#486f59)!important;box-shadow:0 8px 18px rgba(49,93,73,.21)!important}
.btn.ao-green{color:#246044!important;background:var(--ao-p-green-soft)!important;border-color:#bcdcc9!important}
.btn.ao-blue{color:#28648f!important;background:var(--ao-p-blue-soft)!important;border-color:#c5dfed!important}
.btn.ao-purple{color:#654f94!important;background:var(--ao-p-purple-soft)!important;border-color:#d9cdec!important}
.btn.ao-orange{color:#9d5f24!important;background:var(--ao-p-orange-soft)!important;border-color:#efd3b3!important}
.btn.ao-teal{color:#226f73!important;background:var(--ao-p-teal-soft)!important;border-color:#bfe0e1!important}
.btn.ao-red,.btn.danger{color:#a33f3a!important;background:var(--ao-p-red-soft)!important;border-color:#ecc4c1!important;box-shadow:none!important}
.btn.ao-green:hover:not(:disabled){background:#e1f2e8!important}.btn.ao-blue:hover:not(:disabled){background:#e1f1f9!important}
.btn.ao-purple:hover:not(:disabled){background:#ebe4f8!important}.btn.ao-orange:hover:not(:disabled){background:#ffecd8!important}
.btn.ao-teal:hover:not(:disabled){background:#ddf1f2!important}.btn.ao-red:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:#fde3e1!important;color:#8e302c!important}
.btn:disabled{opacity:.52!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.ao-action-svg>.ao-svg-icon{width:17px!important;height:17px!important;flex:0 0 17px}
.btn.ao-green>.ao-svg-icon{color:#34715a!important}.btn.ao-blue>.ao-svg-icon{color:#3578a8!important}
.btn.ao-purple>.ao-svg-icon{color:#765fa6!important}.btn.ao-orange>.ao-svg-icon{color:#c17a32!important}
.btn.ao-teal>.ao-svg-icon{color:#27858a!important}.btn.ao-red>.ao-svg-icon,.btn.danger>.ao-svg-icon{color:#b94d48!important}
.btn.primary>.ao-svg-icon{color:#fff!important}
.ao-title-svg>.ao-svg-icon{box-shadow:0 5px 14px rgba(36,83,63,.07)!important}
.stat-card{position:relative;overflow:hidden}
.stat-card>.ao-stat-icon{box-shadow:0 5px 14px rgba(40,91,72,.08)}
.stats-grid .stat-card:nth-child(5n+1)>.ao-stat-icon{color:#3578a8!important;background:#edf6fb!important;border-color:#d5e8f3!important}
.stats-grid .stat-card:nth-child(5n+2)>.ao-stat-icon{color:#34715a!important;background:#edf7f1!important;border-color:#d6eadf!important}
.stats-grid .stat-card:nth-child(5n+3)>.ao-stat-icon{color:#765fa6!important;background:#f3effb!important;border-color:#e4dcf2!important}
.stats-grid .stat-card:nth-child(5n+4)>.ao-stat-icon{color:#c17a32!important;background:#fff5e9!important;border-color:#f1dfc9!important}
.stats-grid .stat-card:nth-child(5n)>.ao-stat-icon{color:#27858a!important;background:#eaf7f7!important;border-color:#d2eaea!important}
.table-wrap,.table-container{border:1px solid #e3e8e4;border-radius:13px;background:#fff}
table thead th{background:#edf3ee!important;color:#294c3d!important;font-weight:800}
tbody tr{transition:background-color .13s ease}tbody tr:hover{background:#fafcf9}
.table-wrap .btn,.table-container .btn{min-height:34px;padding:6px 11px!important;border-radius:8px!important;font-size:13px}
.field>span{color:#53635a;font-weight:700}
.field input,.field select,.field textarea{border-color:#d7dfd9;transition:border-color .15s ease,box-shadow .15s ease}
.modal,.dialog,.modal-card{border:1px solid #dfe6e0;box-shadow:0 24px 70px rgba(24,55,44,.17)!important}
.modal-head{border-bottom:1px solid #e8ede9;padding-bottom:10px}
.modal-head h2{color:#214638!important;font-weight:850}
.page-header h1{font-weight:850;letter-spacing:-.01em}
.page-header .actions .btn{min-height:41px;padding-inline:15px!important}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117,156,130,.20)!important}
@media(max-width:760px){
 .btn{min-height:40px;padding:8px 11px!important}.page-header .actions{width:100%;flex-wrap:wrap}
 .table-wrap .btn,.table-container .btn{min-height:35px;padding:6px 9px!important}
 .modal-actions{flex-wrap:wrap}
}
@media print{.card,.stat-card,.table-wrap,.table-container{box-shadow:none!important}}


/* =========================================================
   v2.0.10 FINAL UI POLISH
   ========================================================= */
.currency-grid .stat-card > .ao-stat-icon{
  color:#2f765d!important;
  background:#edf7f1!important;
  border:1px solid #d2e8da!important;
}
.currency-grid .stat-card > .ao-stat-icon svg{
  color:inherit!important;
  stroke:currentColor!important;
  opacity:1!important;
}
.btn > .ao-svg-icon,
.button-row button > .ao-svg-icon,
.document-actions button > .ao-svg-icon,
.sticky-actions button > .ao-svg-icon{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.btn.ao-action-svg > .ao-svg-arrow{margin-inline:0!important;}

/* v2.0.15 — vehicle sections, phone RTL safety, car-wash identity */
.vehicle-section-row td{font-weight:800;font-size:16px;background:#eef4ef!important;color:#174b39;padding:13px 16px!important;border-top:2px solid #d7e4da!important}
input[inputmode="tel"],input[type="tel"]{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
.car-wash-title{display:flex;align-items:center;gap:9px}
.car-wash-title:before{content:"";width:22px;height:22px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 17h14M6 17l1-5h10l1 5M8 12l1-3h6l1 3M7 20h.01M17 20h.01M4 6l1-2 1 2M10 5l1-2 1 2M16 6l1-2 1 2M20 9l1-2 1 2'/%3E%3C/svg%3E") center/contain no-repeat}


.topbar-back{padding:6px 12px;margin-inline-end:8px}
.orient-section-title{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#315d49;font-size:22px;font-weight:800}
.orient-section-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;color:#315d49;background:#eef6f2;border:1px solid #d5e6dc}
.orient-section-icon.blue{color:#315d49;background:#eef6f2;border-color:#d5e6dc}
.orient-section-icon.purple{color:#315d49;background:#eef6f2;border-color:#d5e6dc}
.orient-section-icon.green{color:#16815b;background:#eaf8f2;border-color:#d3efe3}
.orient-section-icon svg{width:21px;height:21px}