
/* src/styles/index.css */
:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f8;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{direction:rtl}body{background:#f3f5f8;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#101827;width:280px;padding:20px 14px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.brand{border-bottom:1px solid #2a3448;justify-content:space-between;align-items:flex-start;padding:5px 10px 20px;display:flex}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:2px;color:#dfad54;font-size:30px}.brand span{color:#aab4c5;font-size:13px}.brand button{color:#fff;background:0 0;border:0;display:none}.sidebar nav{flex-direction:column;gap:5px;margin-top:18px;display:flex}.sidebar nav a{color:#cbd5e1;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#111827;background:#dfad54;font-weight:700}main{min-height:100vh;margin-right:280px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.topbar>span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;display:inline-flex}.topbar .me{margin-right:auto}.page{padding:26px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.page-header h1{margin:0 0 5px;font-size:29px}.page-header p{color:#667085;margin:0}.actions,.button-row{flex-wrap:wrap;gap:9px;display:flex}.card{background:#fff;border-radius:15px;margin-bottom:17px;padding:20px;box-shadow:0 5px 20px #0f172a0d}.card h2{margin-top:0}.card p,.muted{color:#667085}.stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:15px;margin-bottom:17px;display:grid}.stat-card span{color:#667085;font-size:14px;display:block}.stat-card strong{margin:9px 0;font-size:28px;display:block}.stat-card small{color:#98a2b3}.currency-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.currency-grid .card{color:#fff;background:#172033}.currency-grid span{color:#d0d5dd}.currency-grid strong{color:#f2c56d;margin:9px 0;font-size:26px;display:block}.currency-grid small{color:#98a2b3}.settings-list{gap:10px;display:grid}.settings-list>div{background:#f8fafc;border-radius:9px;justify-content:space-between;padding:12px;display:flex}.btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:10px 14px;font-weight:700}.btn.primary{color:#111827;background:#dfad54;border-color:#dfad54}.btn.danger{color:#fff;background:#b42318;border-color:#b42318}.mobile-menu,.overlay{display:none}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.mobile-menu{z-index:40;color:#fff;background:#172033;border:0;border-radius:9px;padding:8px;display:block;position:fixed;top:12px;right:12px}.sidebar{transition:all .25s;transform:translate(110%)}.sidebar.open{transform:translate(0)}.brand button{display:block}.overlay{z-index:15;background:#0006;display:block;position:fixed;inset:0}main{margin-right:0}.topbar{padding-right:60px;overflow:auto}.page{padding:18px}.page-header{flex-direction:column;align-items:flex-start}.stats-grid,.currency-grid{grid-template-columns:1fr}.topbar .me{white-space:nowrap;margin-right:0}}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:right;border-bottom:1px solid #eef0f3;padding:12px}th{color:#667085;background:#fafafa}.modal-backdrop{z-index:100;background:#00000073;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(920px,100%);max-height:92vh;padding:20px;overflow:auto}.modal-head{justify-content:space-between;display:flex}.modal-head button{background:0 0;border:0;font-size:28px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field span{color:#475467;font-size:13px}.field input,.field select,.field textarea{border:1px solid #d0d5dd;border-radius:9px;padding:10px}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.file-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.file-field{border:1px dashed #cfd6df;border-radius:10px;padding:12px}.file-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{background:#f2f4f7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.badge.success{color:#027a48;background:#ecfdf3}.badge.warning{color:#b54708;background:#fffaeb}.badge.danger{color:#b42318;background:#fef3f2}.contract-top{justify-content:space-between;display:flex}.money-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.money-grid>div{background:#f8fafc;border-radius:9px;padding:12px}.money-grid span{color:#667085;font-size:13px;display:block}.money-grid b{margin-top:6px;display:block}.settlement-box{background:#fff8e8;border-radius:9px;justify-content:space-between;margin:12px 0;padding:12px;display:flex}.calc-box,.notice{background:#eef4ff;border-radius:9px;padding:12px}.upload-box{text-align:center;border:2px dashed #d0d5dd;padding:40px}@media (width<=760px){.form-grid,.file-grid,.money-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.mobile-menu,.actions,.button-row{display:none!important}main{margin:0}.page{padding:0}.card{box-shadow:none}}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.details-list{gap:9px;display:grid}.details-list>div{border-bottom:1px solid #eef0f3;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.details-list span{color:#667085}.detail-title{justify-content:space-between;align-items:center;display:flex}.document-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.empty-note{color:#98a2b3}.documents-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.document-card{border:1px solid #e4e7ec;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fff8e8}.clickable-card{cursor:pointer}@media (width<=760px){.details-grid,.documents-grid{grid-template-columns:1fr}}textarea{resize:vertical}.detail-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.sticky-actions{z-index:5;background:#fff;border-radius:12px;padding:12px;position:sticky;bottom:12px;box-shadow:0 8px 28px #0f172a24}.topbar-logout{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;place-items:center;padding:7px;display:grid}.login-screen{background:linear-gradient(135deg,#101827,#25334d);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:22px;gap:15px;width:min(430px,100%);padding:30px;display:grid;box-shadow:0 25px 70px #0000004d}.login-card h1,.login-card p{text-align:center;margin:0}.login-card label{color:#475467;gap:7px;display:grid}.login-card input{border:1px solid #d0d5dd;border-radius:10px;padding:13px}.login-brand{text-align:center;color:#dfad54;letter-spacing:3px;font-size:36px;font-weight:800}.login-error{color:#b42318;text-align:center;background:#fef3f2;border-radius:9px;padding:10px}.permissions-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;display:grid}.permission-item{background:#f8fafc;border-radius:9px;align-items:center;gap:8px;padding:11px;display:flex}@media (width<=760px){.permissions-grid{grid-template-columns:1fr 1fr}}.print-document{color:#061f45;background:#dde2e8;min-height:100vh;padding:18px}.print-actions{flex-wrap:wrap;gap:8px;width:210mm;max-width:100%;margin:0 auto 12px;display:flex}.print-actions button{color:#fff;background:#06234a;border:0;border-radius:8px;padding:9px 13px}.print-page{box-sizing:border-box;page-break-after:always;background:#fff;border:3px solid #06234a;width:210mm;min-height:297mm;margin:0 auto 16px;padding:8mm;position:relative;overflow:hidden}.print-watermark{opacity:.04;font-size:80px;font-weight:900;position:absolute;top:120mm;left:50%;transform:translate(-50%)}.print-header{text-align:center;grid-template-columns:42mm 1fr 42mm;align-items:center;margin-bottom:6mm;display:grid}.print-logo{font-size:22px;font-weight:900;line-height:1}.print-logo em{color:#aa7a2c;font-style:normal}.print-header h1{margin:0;font-size:25px}.print-grid{grid-template-columns:1fr 1fr;gap:4mm;display:grid}.print-section{background:#fff;border:1px solid #cbd5e1;border-radius:7px;margin-bottom:4mm;position:relative;overflow:hidden}.print-section h2{color:#fff;text-align:center;background:#06234a;margin:0;padding:2.5mm;font-size:13px}.print-section.money h2{background:#aa7a2c}.print-row{border-bottom:1px solid #e5e7eb;grid-template-columns:42% 1fr;align-items:center;min-height:8mm;display:grid}.print-row:last-child{border-bottom:0}.print-row b,.print-row span{padding:1.5mm 2mm}.print-row span{background:#fbfdff;border-inline-start:1px solid #e5e7eb}.print-three{grid-template-columns:1fr 1fr 1fr;gap:2mm;padding:3mm;display:grid}.print-three span{text-align:center;border:1px solid #e5e7eb;padding:3mm}.print-note{min-height:18mm;padding:4mm}.print-terms{padding:4mm 10mm;font-size:10px;line-height:1.7}.print-sign{grid-template-columns:1fr 1fr;gap:8mm;margin-top:8mm;display:grid}.print-sign>div{text-align:center;border:1px solid #cbd5e1;border-radius:7px;padding:5mm;font-weight:900}.print-sign span{border-bottom:1px solid #111;width:70mm;margin:12mm auto 0;display:block}.print-page footer{color:#aa7a2c;letter-spacing:2px;justify-content:center;align-items:center;height:10mm;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}.print-en,.print-tr{direction:ltr}.print-ar{direction:rtl}@media print{.print-actions,.sidebar,.topbar,.mobile-menu{display:none!important}.print-document{background:#fff;padding:0}.print-page{margin:0}}@media (width<=900px){.print-document{padding:6px;overflow:auto}}.server-online{color:#027a48;background:#ecfdf3!important}.server-offline{color:#b54708;background:#fffaeb!important}.server-warning{color:#b42318;white-space:nowrap}.password-cell{letter-spacing:1px;font-family:monospace;font-weight:800}.section-heading{color:var(--text,#f5f5f5);margin:22px 0 10px;font-size:1.05rem}.currency-grid small{opacity:.78;margin-top:8px;font-size:.9rem;display:block}.form-section-title{color:#061f45;background:#eef4ff;border-right:4px solid #aa7a2c;border-radius:8px;grid-column:1/-1;padding:10px 12px;font-weight:900}.settlement-tabs{flex-wrap:wrap;gap:8px;display:flex}.settlement-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.print-page-number{bottom:3mm;color:#667085;font-size:9px;position:absolute;inset-inline-end:7mm}.print-header-small{margin-bottom:4mm}.print-documents{grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm;display:grid}.print-document-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;min-height:220mm;display:flex;overflow:hidden}.print-document-card h2{color:#fff;text-align:center;background:#06234a;margin:0;padding:3mm;font-size:14px}.print-document-card img{object-fit:contain;box-sizing:border-box;width:100%;height:205mm;padding:3mm}.print-pdf-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:10mm;display:flex}.print-pdf-placeholder>b{color:#aa7a2c;font-size:42px}.screen-only{color:#fff;background:#06234a;border:0;border-radius:7px;padding:8px 12px}.print-page{break-after:page;page-break-after:always;height:296mm;min-height:0}.print-page:last-child{break-after:auto;page-break-after:auto}@media (width<=1050px){.settlement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@page{size:A4 portrait;margin:0}@media print{html,body,#root{background:#fff!important;width:210mm!important;margin:0!important;padding:0!important}.print-document{background:#fff!important;width:210mm!important;margin:0!important;padding:0!important;overflow:visible!important}.print-page{width:210mm!important;height:296mm!important;min-height:296mm!important;box-shadow:none!important;box-sizing:border-box!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important;border:0!important;border-radius:0!important;margin:0!important;padding:7mm!important;overflow:hidden!important}.print-page:last-child{break-after:auto!important;page-break-after:auto!important}.screen-only{display:none!important}.print-section{break-inside:avoid;page-break-inside:avoid}.print-actions{display:none!important}}.stat-card-button{text-align:right;width:100%;font:inherit;color:inherit;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s}.stat-card-button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f172a1a}.topbar-notifications{cursor:pointer;color:#172033;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.topbar-notifications:hover{background:#fff8e8;border-color:#dfad54}.topbar-notifications span{font-weight:800}.notification-stats{margin-bottom:17px}.notification-toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.notification-list{gap:12px;display:grid}.notification-item{background:#fff;border:1px solid #e4e7ec;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.notification-item.unread{background:#fffbf2;border-color:#dfad54;box-shadow:inset -4px 0 #dfad54}.notification-main{cursor:pointer;min-width:0}.notification-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-title-row h3{margin:0}.notification-main p{color:#475467;white-space:pre-wrap;margin:9px 0}.notification-main small{color:#98a2b3}.notification-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.empty-notifications{text-align:center;color:#98a2b3;padding:35px 10px}@media (width<=760px){.notification-item{grid-template-columns:1fr}.notification-actions{justify-content:flex-start}.topbar-notifications{white-space:nowrap}}.update-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.update-summary-grid .card{flex-direction:column;gap:7px;display:flex}.update-summary-grid strong{font-size:1.2rem}.text-success{color:#027a48}.text-danger{color:#b42318}.update-alert{border-radius:11px;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-weight:700;display:flex}.update-alert.danger{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.update-card-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.update-card-title svg{color:#aa7a2c;flex:none}.update-drop-zone{text-align:center;cursor:pointer;background:#fbfcfe;border:2px dashed #b9c1cc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;margin:18px 0;padding:24px;transition:all .15s;display:flex}.update-drop-zone:hover,.update-drop-zone.selected{background:#fffbf2;border-color:#aa7a2c}.update-drop-zone svg{color:#aa7a2c}.update-drop-zone span{color:#667085}.update-drop-zone input{display:none}.update-status-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.update-status-header>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.update-status-header h2{margin:0}.update-status-header>b{font-size:1.15rem}.update-progress{background:#eef0f3;border-radius:999px;height:12px;margin:18px 0 11px;overflow:hidden}.update-progress span{border-radius:inherit;background:linear-gradient(90deg,#aa7a2c,#dfad54);height:100%;transition:width .25s;display:block}.update-message{white-space:pre-wrap}.update-result{border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:15px;display:flex}.update-result svg{flex:none}.update-result b{margin-bottom:5px;display:block}.update-result p{margin:0}.update-result.success{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.update-result.success p{color:#05603a}.update-result.danger{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.update-result.danger p{color:#912018}.update-details{margin-top:16px}.update-details b{overflow-wrap:anywhere;text-align:left;direction:ltr;max-width:65%}.update-steps{gap:10px;display:grid}.update-steps>div{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.update-steps>div>b{color:#fff;background:#06234a;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.update-steps code{direction:ltr;background:#eef0f3;border-radius:5px;padding:2px 5px}@media (width<=760px){.update-summary-grid{grid-template-columns:1fr}.update-card-title{align-items:center}.update-details>div{flex-direction:column;align-items:flex-start}.update-details b{max-width:100%}}.update-protection-banner{margin-bottom:16px}

/* ORIENT v1.2.2 — vehicle analytical accounts and internal transfers */
body.sidebar-open{overflow:hidden}
.accounting-rule{border:1px solid #b9cdf7;margin-bottom:17px;line-height:1.75}
.vehicle-account-toolbar{background:#fff;border:1px solid #e4e7ec;border-radius:13px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:17px;padding:12px 15px}
.vehicle-account-toolbar label{display:flex;align-items:center;gap:8px;font-weight:800}
.vehicle-account-toolbar select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;min-width:120px}
.money-positive{color:#027a48}.money-negative{color:#b42318}
.error-text{color:#b42318;font-weight:800}
.update-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#aa7a2c,#dfad54);transition:width .25s}
@media (max-width:980px){
  .mobile-menu{z-index:40;color:#fff;background:#172033;border:0;border-radius:9px;padding:8px;display:block;position:fixed;top:12px;right:12px}
  .sidebar{transition:transform .22s ease;transform:translateX(110%)}
  .sidebar.open{transform:translateX(0)}
  .brand button{display:block}
  .overlay{z-index:15;background:#0007;display:block;position:fixed;inset:0}
  main{margin-right:0}
  .topbar{padding-right:60px;overflow:auto}
}
@media (max-width:760px){.vehicle-account-toolbar{align-items:stretch;flex-direction:column}.vehicle-account-toolbar label,.vehicle-account-toolbar .btn{width:100%}.vehicle-account-toolbar select{flex:1}}
@media print{
  .no-print,.vehicle-account-toolbar,.mobile-menu,.overlay{display:none!important}
  .page-header{display:block!important}
  .page-header .actions{display:none!important}
  .accounting-rule{border:1px solid #999!important;background:#fff!important}
  table{min-width:0!important;font-size:10px}
  th,td{padding:6px!important}
}

/* ORIENT v1.2.3 — actual vehicle opening balances and general miscellaneous expenses */
.link-button{color:#175cd3;cursor:pointer;background:transparent;border:0;padding:0;text-align:right;font-weight:800}
.link-button:hover{text-decoration:underline}

/* ORIENT v1.2.4 — iPhone portrait drawer, compact professional interface */
@supports (height: 100dvh){.app-shell{min-height:100dvh}}
@media (max-width:980px){
  body.sidebar-open{overflow:hidden;touch-action:none}
  .mobile-menu{
    z-index:1200!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0!important;
    touch-action:manipulation;
    pointer-events:auto!important;
    -webkit-tap-highlight-color:transparent;
  }
  .sidebar{
    z-index:1100!important;
    display:block!important;
    width:min(86vw,320px)!important;
    height:100vh;
    height:100dvh;
    max-height:-webkit-fill-available;
    top:0!important;
    bottom:auto!important;
    right:0!important;
    padding-top:max(20px,env(safe-area-inset-top))!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(110%,0,0)!important;
    visibility:hidden;
    pointer-events:none;
    transition:transform .22s ease,visibility 0s linear .22s!important;
    will-change:transform;
  }
  .sidebar.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    pointer-events:auto;
    transition:transform .22s ease,visibility 0s linear 0s!important;
  }
  .sidebar nav a{min-height:44px;touch-action:manipulation}
  .overlay{
    z-index:1090!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#0007!important;
    touch-action:none;
    -webkit-appearance:none;
  }
  .topbar{padding-right:max(64px,calc(56px + env(safe-area-inset-right)))!important}
}

.vehicle-account-toolbar .vehicle-primary-actions{display:flex;flex-wrap:wrap;gap:9px}
@media (max-width:760px){
  .vehicle-account-toolbar .vehicle-primary-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .vehicle-account-toolbar .vehicle-primary-actions .btn{width:100%}
}

/* Static helper copy is intentionally hidden; operational errors, confirmations and data remain visible. */
.static-guidance{display:none!important}



/* v1.2.5: typeable and pasteable date fields with native calendar */
.date-input-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px;align-items:stretch;width:100%}
.date-input-shell>input[type="text"]{width:100%;direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
.date-picker-button{position:relative;display:flex;align-items:center;justify-content:center;min-width:46px;border:1px solid var(--border,#d7dce5);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;font-size:20px;line-height:1}
.date-picker-button:hover{background:#f7f8fa}
.date-picker-button>input[type="date"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.date-input-invalid>input[type="text"]{border-color:#c62828!important;box-shadow:0 0 0 2px rgba(198,40,40,.12)}
.date-input-error{grid-column:1/-1;color:#b42318;font-size:12px;margin-top:1px}
@media(max-width:600px){.date-input-shell{grid-template-columns:minmax(0,1fr) 44px}.date-picker-button{min-width:44px}}

/* Abu Osama Rent A Car v1.0.0 — independent visual identity */
:root{--abu-primary:#0b6b66;--abu-primary-dark:#084c49;--abu-primary-soft:#e8f6f4;--abu-accent:#ef9f2f;--abu-accent-dark:#c77b14;--abu-ink:#16313b;--abu-bg:#f4f8f7;--abu-border:#dce8e6;color:#16313b;background:var(--abu-bg)}
body{background:var(--abu-bg);color:var(--abu-ink)}
.sidebar{background:linear-gradient(180deg,#073f3d 0%,#0b5d59 55%,#073633 100%);box-shadow:-6px 0 28px #083e3920}
.brand{border-bottom-color:#ffffff24;align-items:center}
.brand>div{gap:2px}.brand strong{color:#fff;letter-spacing:0;font-size:19px;line-height:1.45;max-width:190px}.brand span{color:#bfe6e2;letter-spacing:.8px}
.brand-mark{width:54px;height:54px;object-fit:contain;margin-left:10px;filter:drop-shadow(0 4px 8px #0003)}
.sidebar nav a{color:#d8efed}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ef9f2f;font-weight:800;box-shadow:0 5px 14px #ef9f2f33}
.topbar{border-bottom-color:var(--abu-border);box-shadow:0 2px 12px #0b6b6608}
.btn.primary{color:#fff;background:var(--abu-primary);border-color:var(--abu-primary)}.btn.primary:hover{background:var(--abu-primary-dark);border-color:var(--abu-primary-dark)}
.btn:not(.primary):not(.danger):hover{border-color:#7bbab5;background:#f3fbfa}
.card{border:1px solid #e6eeed;box-shadow:0 6px 22px #12343b0d}
.currency-grid .card{background:linear-gradient(135deg,#0b5d59,#12343b)}.currency-grid strong{color:#ffd18c}
.link-button{color:#0b6b66}.calc-box,.notice{background:#eaf7f5}.settlement-box{background:#fff7e9}
.clickable-row:hover{background:#f1faf8}.topbar-notifications:hover{background:#f1faf8;border-color:#82beb9}
.notification-item.unread{background:#f1faf8;border-color:#7bbab5;box-shadow:inset -4px 0 #0b6b66}
.login-screen{background:radial-gradient(circle at 15% 20%,#168e85 0,#0b5d59 32%,#073633 72%,#062f2d 100%)}
.login-card{border:1px solid #ffffff45;box-shadow:0 28px 80px #032b294f}.login-brand{color:var(--abu-primary);letter-spacing:0;font-size:24px}.login-brand img{display:block;width:108px;height:108px;margin:0 auto 8px;object-fit:contain}
.update-card-title svg,.update-drop-zone svg{color:var(--abu-primary)}.update-drop-zone:hover,.update-drop-zone.selected{background:#f1faf8;border-color:#0b6b66}.update-progress span,.update-progress>div{background:linear-gradient(90deg,#0b6b66,#2ca99f)}
.vehicle-account-toolbar{border-color:#dbe9e7}.accounting-rule{border-color:#a5d6d1;background:#f2fbfa}
.operational-account-banner{background:linear-gradient(135deg,#fff7e9,#fff);border:1px solid #f2c77f;border-radius:14px;padding:15px;margin-bottom:17px}
.operational-account-banner strong{color:#a85f08}
.print-document{color:#16313b}.print-watermark{color:#0b6b6610}.print-header{border-color:#0b6b66}.print-logo{color:#0b6b66!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;line-height:1.05!important}.print-logo b{font-size:15px;letter-spacing:1.5px}.print-logo small{font-size:9px;letter-spacing:1.3px;color:#ef9f2f}.print-brand-mark{width:56px;height:38px;object-fit:contain;margin-bottom:2px}.print-section h2{color:#0b6b66!important}.print-page footer{color:#0b6b66!important}
@media(max-width:980px){.mobile-menu{background:#0b5d59!important}.sidebar{background:linear-gradient(180deg,#073f3d,#0b5d59 60%,#073633)!important}}
@media print{.print-brand-mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.brand-identity{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:0}.brand-identity>div{display:flex!important;flex-direction:column!important;min-width:0}.operational-currency-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}@media(max-width:1100px){.operational-currency-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.operational-currency-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.operational-currency-grid{grid-template-columns:1fr}}

/* v1.0.2-dev5 — ABU OSAMA contract identity / ORIENT-style information hierarchy */
.print-document{--abu-teal:#0b6b66;--abu-orange:#ef9f2f;--abu-ink:#16313b;--abu-soft:#f3f8f7;color:var(--abu-ink)}
.print-page{border:0!important;box-shadow:0 8px 30px #102a3320;padding:7mm 8mm 10mm!important;background:linear-gradient(180deg,#fff 0,#fff 96%,#f7faf9 100%)}
.print-page:before{content:"";position:absolute;inset:0 0 auto 0;height:4mm;background:linear-gradient(90deg,var(--abu-teal) 0 72%,var(--abu-orange) 72% 100%)}
.print-header{border-bottom:1.5px solid var(--abu-teal);padding:4mm 1mm 3.5mm;margin-bottom:4mm;min-height:27mm}
.print-header>div:nth-child(2){border-inline:1px solid #d9e6e4;padding-inline:4mm}
.print-header h1{color:var(--abu-teal);font-size:21px;line-height:1.25;font-weight:900}
.print-header p{display:inline-block;margin:2mm 0 0;background:var(--abu-soft);border:1px solid #cfe1df;border-radius:999px;padding:1.2mm 4mm;color:var(--abu-ink);font-weight:900;letter-spacing:.4px}
.print-logo b{font-size:16px!important;letter-spacing:1.8px!important}.print-logo small{font-size:9px!important;font-weight:800!important}
.print-brand-mark{width:62px!important;height:42px!important}
.print-section{border:1px solid #cfe1df!important;border-radius:5px!important;box-shadow:none!important;margin-bottom:3mm!important}
.print-section h2{background:var(--abu-soft)!important;color:var(--abu-teal)!important;border-bottom:2px solid var(--abu-teal);padding:2.1mm 2.5mm!important;text-align:start!important;font-size:12px!important;font-weight:900!important}
.print-section.money h2{background:#fff7eb!important;color:#a76000!important;border-bottom-color:var(--abu-orange)!important}
.print-row{min-height:7.3mm!important;border-bottom-color:#e6efee!important}.print-row b{color:#456068;font-size:10.5px}.print-row span{background:#fff!important;color:#102d36;font-size:11px;font-weight:700;border-inline-start-color:#e6efee!important}
.print-grid{gap:3mm!important}.print-three span{background:#f9fbfb;border-color:#dce9e7!important;border-radius:4px}
.print-note{background:#fbfdfd;min-height:16mm!important;font-size:11px;line-height:1.6}
.print-terms{margin:0;background:#fbfdfd;font-size:9.5px!important;line-height:1.6!important}.print-terms li{margin-bottom:1.2mm}
.print-sign{margin-top:5mm!important}.print-sign>div{border:1px solid #bdd5d2!important;border-radius:5px!important;background:#fbfdfd;padding:4mm!important;color:var(--abu-teal)}
.print-sign span{border-bottom-color:#6f8c90!important;margin-top:10mm!important}
.print-page footer{height:8mm!important;color:var(--abu-teal)!important;border-top:1px solid #dce9e7;letter-spacing:1.5px!important;font-size:10px}
.print-page-number{bottom:2.8mm!important;color:#789095!important;z-index:2}
.print-watermark{color:var(--abu-teal)!important;opacity:.025!important;font-size:72px!important;letter-spacing:6px}
.print-document-card{border-color:#cfe1df!important;border-radius:5px!important}.print-document-card h2{background:var(--abu-teal)!important}.print-pdf-placeholder>b{color:var(--abu-orange)!important}
@media print{.print-page{box-shadow:none!important;background:#fff!important}.print-page:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-section h2,.print-header p,.print-section.money h2{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v1.0.2-dev30 — mobile-first HGS preview cards */
.hgs-preview-cards{display:grid;gap:14px;margin-top:14px}.hgs-preview-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #dce9e7;border-radius:14px;background:#fbfdfd}.hgs-preview-field{display:flex;flex-direction:column;gap:6px;min-width:0}.hgs-preview-field label{font-size:13px;font-weight:800;color:#52676d}.hgs-preview-field input,.hgs-preview-field select{width:100%;min-width:0;min-height:44px;font-size:16px}.hgs-preview-wide{grid-column:1/-1}.hgs-preview-delete{grid-column:1/-1;justify-self:start}.hgs-preview-card .btn{min-height:44px}@media(max-width:640px){.hgs-preview-card{grid-template-columns:1fr;padding:14px}.hgs-preview-wide,.hgs-preview-delete{grid-column:1}.hgs-preview-delete{width:100%}.hgs-preview-cards+.button-row{display:grid;grid-template-columns:1fr;gap:10px}.hgs-preview-cards+.button-row .btn{width:100%;min-height:48px}}

.contract-signature-image{display:block;object-fit:contain;width:70mm;height:24mm;margin:3mm auto 0}.company-stamp{color:#145da0;border:2px solid #145da0;border-radius:50%;width:42mm;height:24mm;margin:3mm auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);font-weight:900}.company-stamp b{font-size:14px}.company-stamp small{font-size:9px;letter-spacing:1px}
