.language-picker{display:flex;align-items:center}
.language-picker select{height:32px;max-width:120px;border:1px solid #e7e8ed;border-radius:8px;background:#fff;color:#555762;padding:0 8px;font-size:11px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar-toggle{flex:none}
.installed-nav{overflow-y:auto;max-height:42vh;scrollbar-width:thin}
body.sidebar-hidden .sidebar{transform:translateX(105%)}
body.sidebar-hidden .main-area{margin-right:0}
html[dir="ltr"] body.sidebar-hidden .sidebar{transform:translateX(-105%)}
html[dir="ltr"] body.sidebar-hidden .main-area{margin-left:0}
.sidebar,.main-area{transition:transform .22s ease,margin .22s ease}
.account-directory{min-width:0;overflow:hidden}.account-directory-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.account-directory-heading>div:first-child{min-width:220px}.account-directory .account-actions{justify-content:flex-start;gap:8px}.account-directory .account-actions>*{white-space:nowrap}.account-directory .account-import-label{box-sizing:border-box;padding:0 12px;cursor:pointer}.account-csv-help{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin:14px 0;padding:12px 14px;border:1px solid #ebe9f2;border-radius:10px;background:#faf9fd;color:#71707e;font-size:12px}.account-csv-help span:not(:first-child){margin-inline-start:12px}.account-csv-help code{direction:ltr;unicode-bidi:isolate;padding:4px 7px;border:1px solid #e8e5f0;border-radius:6px;background:#fff;color:#4f4771;font:11px/1.2 ui-monospace,Consolas,monospace}.account-directory .accounting-table-wrap{width:100%;overflow:auto;border:1px solid #eceaf2;border-radius:10px}.account-directory .accounting-table{min-width:620px}
.accounting-form textarea{min-height:96px;resize:vertical;padding:10px;border:1px solid #e5e6ec;border-radius:8px;background:#fff;color:#333}
.zakat-preview-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.zakat-estimate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:38px;padding:9px 12px;border:1px solid #e9e6f3;border-radius:8px;background:#faf9fd;color:#6254aa;font-size:12px}.zakat-estimate span{color:#72717e}
@media(max-width:640px){.zakat-preview-row{grid-template-columns:1fr}.zakat-preview-row>.secondary-button{justify-self:start}.contract-detail-fields{grid-template-columns:1fr}}
@media(max-width:640px){.account-directory-heading>div:first-child{width:100%;min-width:0}.account-directory .account-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.account-directory .account-actions>*{width:100%;min-width:0;justify-content:center;font-size:11px;padding-inline:8px}.account-csv-help{gap:7px;margin:10px 0}.account-csv-help span:not(:first-child){margin-inline-start:0}.account-directory .accounting-table{min-width:560px}}
.accounting-form .ai-consent{display:flex;flex-direction:row;align-items:flex-start;gap:9px;max-width:850px;line-height:1.7}
.accounting-form .ai-consent input{margin-top:5px;flex:none}
.accounting-form input[type="file"]{height:auto;min-height:38px;padding:7px}.contract-logo-preview{display:flex;align-items:center;min-height:28px}.contract-logo-preview img{max-width:220px;max-height:100px;object-fit:contain;border:1px solid #e5e6ec;border-radius:8px;padding:6px;background:#fff}
.contract-detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid #e7e5ee;border-radius:8px;padding:10px;background:#fff}.contract-detail-fields summary{grid-column:1/-1;cursor:pointer;color:#5e50b5;font-size:11px;font-weight:600}.contract-detail-fields label{display:grid;gap:5px;font-size:10px;color:#757683}.contract-detail-fields textarea{min-height:80px;resize:vertical;padding:9px;border:1px solid #e5e6ec;border-radius:8px;background:#fff;color:#333}
.accounting-ai-answer{white-space:pre-wrap;line-height:1.8;padding:16px;margin-top:18px;border-radius:10px;background:#f7f6fc;color:#333;min-height:24px}
html[dir="ltr"] body{font-family:Arial,"Noto Sans",sans-serif}
html[dir="ltr"] .sidebar{inset:0 auto 0 0;border-left:0;border-right:1px solid #e9eaf0}
html[dir="ltr"] .main-area{margin-right:0;margin-left:252px}
html[dir="ltr"] .company-switch,html[dir="ltr"] .nav-item,html[dir="ltr"] .installed-item{text-align:left}
html[dir="ltr"] .nav-count{margin-right:0;margin-left:auto}
html[dir="ltr"] .sidebar .company-copy{text-align:left}
html[dir="ltr"] .search-box{direction:ltr}
html[dir="ltr"] .accounting-form,html[dir="ltr"] .report-date-form,html[dir="ltr"] .accounting-panel,html[dir="ltr"] .app-page-heading{direction:ltr;text-align:left}
html[dir="ltr"] .accounting-table{direction:ltr}
html[dir="ltr"] .filter-chip{direction:ltr}
html[dir="ltr"] .accounting-tabs{direction:ltr}
html[dir="ltr"] .form-error{text-align:left}
@media(max-width:850px){.sidebar-toggle{display:none}body.sidebar-hidden .sidebar.open{transform:translateX(0)}html[dir="ltr"] .sidebar{transform:translateX(-102%)}html[dir="ltr"] .sidebar.open{transform:translateX(0)}html[dir="ltr"] body.sidebar-hidden .sidebar{transform:translateX(-102%)}html[dir="ltr"] body.sidebar-hidden .sidebar.open{transform:translateX(0)}html[dir="ltr"] .main-area{margin-left:0}}

.business-order-line{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,.7fr) minmax(130px,1fr) auto;gap:12px;align-items:end;padding:12px;margin:0 0 10px;border:1px solid #e7e8ef;border-radius:10px;background:#fbfbfd}
.business-order-line label{display:flex;flex-direction:column;gap:6px;font-size:13px}
.business-order-line input,.business-order-line select{height:40px;padding:0 10px;border:1px solid #e5e6ec;border-radius:8px;background:#fff;color:#333}
@media(max-width:650px){.business-order-line{grid-template-columns:1fr 1fr}.business-order-line label:first-child{grid-column:1/-1}}
.app-development-status{display:inline-block;margin-top:4px;color:#aa6b16;font-size:11px;font-style:normal;font-weight:700}
.app-development-status.ready{color:#237b52}.app-card-unavailable{opacity:.78}.app-card-unavailable:hover{opacity:1}
.nav-development-status{margin-inline-start:auto;color:#aa6b16;font-size:10px;white-space:nowrap}
.accounting-table pre{max-width:340px;max-height:180px;overflow:auto;white-space:pre-wrap;direction:auto}.accounting-table textarea{min-width:210px;min-height:68px;padding:8px;border:1px solid #e5e6ec;border-radius:7px;font:inherit}
.crm-pipeline{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow-x:auto;align-items:start;padding-bottom:8px}.crm-stage{min-height:180px;padding:12px;border:1px solid #e7e8ef;border-radius:12px;background:#fafafd}.crm-stage-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.crm-stage-heading span{font-size:11px;color:#777}.crm-opportunity-card{display:flex;flex-direction:column;gap:7px;padding:12px;margin-bottom:9px;border:1px solid #e8e8ef;border-radius:10px;background:#fff;box-shadow:0 2px 8px #1515250a}.crm-opportunity-card small{color:#777}.crm-opportunity-card select{min-height:32px;border:1px solid #e5e6ec;border-radius:7px;padding:4px}.crm-empty{padding:20px;color:#999;text-align:center;font-size:12px}
.crm-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(170px,1fr));gap:10px;margin:12px 0}.crm-toolbar label{display:grid;gap:5px;color:#777;font-size:11px}.crm-toolbar input,.crm-toolbar select{min-height:36px;padding:7px 10px;border:1px solid #e4e5ec;border-radius:8px;background:#fff;color:#282832}.crm-inline-edit{margin-top:6px;padding-top:12px;border-top:1px solid #ecebf2}.crm-inline-edit .primary-button,.crm-inline-edit .secondary-button{min-height:34px}.crm-opportunity-card[hidden],.crm-empty[hidden]{display:none}@media(max-width:680px){.crm-toolbar{grid-template-columns:1fr 1fr}.crm-toolbar label:first-child{grid-column:1/-1}}
.quality-pass,.quality-conditional,.quality-fail{display:inline-block;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.quality-pass{background:#e7f8ee;color:#147a42}.quality-conditional{background:#fff4dc;color:#966300}.quality-fail{background:#ffebeb;color:#b42318}
.company-logo-preview{display:flex;align-items:center;justify-content:center;min-height:88px;padding:10px;border:1px dashed #cfd2df;border-radius:10px;background:#fff;color:#85899a}.company-logo-preview img{max-width:220px;max-height:100px;object-fit:contain}
.order-packing-editor,.packing-manifest-summary{margin:14px 0;padding:14px;border:1px solid #e1e4ed;border-radius:12px;background:#fafaff}.order-packing-editor h4{margin:0 0 8px}.packing-rows{display:grid;gap:10px}.packing-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;padding:10px;border:1px solid #e6e7ef;border-radius:9px;background:#fff}.packing-row label{display:grid;gap:4px;font-size:12px}.packing-row input{min-width:0;height:34px;padding:6px 8px;border:1px solid #e1e3eb;border-radius:7px}.packing-totals{padding:10px 0;font-weight:600;color:#5143bd}@media(max-width:780px){.packing-row{grid-template-columns:repeat(2,minmax(120px,1fr))}}
.user-guide-hero{background:linear-gradient(135deg,#f6f4ff,#fff)}.user-guide-hero h2{font-size:28px;margin:8px 0}.user-guide-hero .section-actions{align-items:center;margin-top:16px}.user-guide-hero input{flex:1;min-width:220px;height:42px;padding:8px 12px;border:1px solid #deddea;border-radius:9px;background:#fff}.user-guide-toc{display:flex;gap:8px;overflow-x:auto;padding:5px 0 14px;position:sticky;top:0;background:#f7f7fa;z-index:2}.user-guide-toc a{flex:none;padding:8px 12px;border:1px solid #e5e4ed;border-radius:999px;background:#fff;color:#5143bd;text-decoration:none;font-size:13px}.user-guide-section{scroll-margin-top:64px}.user-guide-section p{line-height:1.9;max-width:1000px}.guide-section-number{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#f0edff;color:#5143bd;font-weight:700}