*{box-sizing:border-box}body{margin:0;background:#f4f7f7;color:#172b32;font:15px Tahoma,Arial,sans-serif}header{background:#123b4a;color:white;padding:22px 5%;display:flex;gap:18px;align-items:baseline}header h1,header p{margin:0}nav{padding:12px 5%;background:white;box-shadow:0 1px 4px #0001}button,select,input{font:inherit;padding:9px;border:1px solid #cbd5d8;border-radius:6px}button{background:#176b75;color:white;cursor:pointer}button.on,.tabs button.on{background:#123b4a}.delete{background:#aa3c3c}main{padding:24px 5%}.view{display:none}.view.on{display:block}.head{display:flex;justify-content:space-between;align-items:center}.head h2{margin:0}.head p{color:#63767d}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tabs button{background:#dce8e8;color:#123b4a}.table{overflow:auto;background:white;margin-top:14px;border-radius:8px}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:10px;border-bottom:1px solid #e4eaeb;text-align:right}th{background:#eaf1f1}#recordFilter{width:min(350px,100%)}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.stats div{background:white;border-radius:8px;padding:16px;min-width:150px}.stats b,.stats span{display:block}.stats b{font-size:22px;color:#176b75}.search{display:flex;gap:8px;flex-wrap:wrap}.search input{min-width:260px;flex:1}.search-card,article{background:white;padding:16px;margin-top:15px;border-radius:8px}dialog{border:0;border-radius:10px;width:min(850px,94vw);box-shadow:0 12px 45px #0004}.dialogHead,.actions{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.grid label{display:grid;gap:5px}.d-filter{margin:12px 0}@media(max-width:700px){.grid{grid-template-columns:1fr}.head{align-items:flex-start;gap:10px;flex-direction:column}header{display:block}header p{margin-top:8px}}

.statistics-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-tabs button{min-height:65px}.tabs button.on{color:white}@media(max-width:700px){.statistics-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.column-choices{display:flex;flex-wrap:wrap;gap:12px}.column-choices label{display:flex;align-items:center;gap:6px}.download-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}fieldset{border:1px solid #cbd5d8;border-radius:8px;padding:15px}button:disabled{opacity:.5;cursor:wait}

.search-method{display:block;width:min(620px,100%);margin:10px 0 18px}#searchInputLabel{display:block;margin-bottom:8px}#searchEntry{max-width:800px}

.downloads-panel{margin:18px 0;border:1px solid #cbd5d8;border-radius:8px;background:#fff}.downloads-panel summary{padding:16px;cursor:pointer;color:#123b4a;font-weight:bold}.downloads-content{padding:0 16px 18px}
header{display:flex;justify-content:center;align-items:center;text-align:center;padding:28px 5%}header h1{width:100%;font-size:clamp(30px,5.5vw,42px);line-height:1.5;margin:0}
#nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;padding:0;gap:0}#nav>button{min-width:0;border-radius:0;padding:15px 5px;border:0;border-inline-start:1px solid #ffffff35;white-space:nowrap;text-align:center;font-size:clamp(9px,1.55vw,15px);min-height:52px}#nav>button:first-child{border-inline-start:0}
#nav{gap:6px;background:#f4f7f7;padding:8px 0;box-shadow:none}#nav>button{border:1px solid #cbd5d8;border-radius:6px;padding:13px 2px;white-space:normal;overflow-wrap:normal;font-size:clamp(12px,1.8vw,17px);line-height:1.5;min-height:58px}#nav>button:first-child{border-inline-start:1px solid #cbd5d8}
.justice-emblem-area{display:flex;justify-content:center;padding:18px 0 14px;background:#f4f7f7}.justice-emblem{display:flex;align-items:center;justify-content:center;width:110px;height:100px;background:#123b4a;color:#d8b66d;border:1px solid #b49456;border-radius:12px;box-shadow:0 3px 10px #123b4a18}.justice-emblem svg{width:78px;height:78px}
/* عناوين الأقسام وأزرارها بمحاذاة موحدة */ main{padding-inline:0}.view>.head{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:18px 0}.view>.head>div{flex:0 0 100%;background:#dce8e8;border:1px solid #bfd0d3;border-radius:7px;text-align:center;padding:15px 12px}.view>.head h2{color:#123b4a;text-align:center;font-size:25px;margin:0}.view>.head p{margin:8px 0 0;text-align:center}.view>.head>button{flex:1 1 0;min-width:0;min-height:55px;padding:12px 5px;font-size:clamp(12px,1.9vw,17px);line-height:1.5;text-align:center;border-radius:7px}.view>h2{background:#dce8e8;border:1px solid #bfd0d3;border-radius:7px;text-align:center;color:#123b4a;padding:15px 12px;margin:18px 0;font-size:25px}@media(max-width:700px){.view>.head{flex-direction:row;align-items:stretch}}

/* compact-register-tables */
#records>.table table,#accounting>.table table{table-layout:fixed;white-space:normal;font-size:12px;line-height:1.5}
#records>.table th,#records>.table td,#accounting>.table th,#accounting>.table td{padding:6px 4px;overflow-wrap:anywhere;vertical-align:top}
#recordRows td:last-child{width:100px}#recordRows td:last-child span{display:flex;flex-wrap:wrap;gap:3px}#recordRows button,#accountRows button{font-size:11px;padding:4px 5px;margin:2px 0;max-width:100%;white-space:normal}
@media(max-width:700px){#records>.table table,#accounting>.table table{min-width:900px}}

.office-period{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px;background:#e4eeee;border:1px solid #bfd0d3;border-radius:7px;margin:12px 0}.office-period label{display:flex;align-items:center;gap:7px}.office-period select{min-width:140px;background:white}.office-period small{color:#526970}

#tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:10px}#tabs button{min-width:0;min-height:72px;font-size:clamp(12px,1.4vw,18px);text-align:center;white-space:normal;overflow-wrap:anywhere;padding:14px 8px;background:#e1f1ef;border:1px solid #8ebfba;border-inline-start:6px solid #176b75;box-shadow:0 3px 8px #123b4a12}#tabs button.on{background:#123b4a;color:white}.main-back{margin:0 0 16px;background:#fff;color:#123b4a;border:1px solid #176b75}.preview-fields{padding:8px 18px;background:white;margin:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.preview-fields input{width:100%}#accountListFilters{background:#e8f2f1;padding:15px;border-radius:8px}
#nav{display:flex;flex-wrap:nowrap;gap:8px}#nav>button{flex:1 1 0;min-width:0;overflow-wrap:anywhere}

/* Keep native date/amount controls readable in RTL forms; never overlay editable values. */
.grid>label{min-width:0}
.grid input:not([type="checkbox"]):not([type="radio"]),.grid select,.grid textarea{width:100%;min-width:0;max-width:100%}
@media(min-width:701px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
input[type="date"],input[type="number"]{direction:ltr;unicode-bidi:isolate;text-align:left;font-variant-numeric:tabular-nums;letter-spacing:normal;word-spacing:normal}
input[type="date"]{min-height:40px;font-family:Arial,Tahoma,sans-serif}
input[type="date"].office-empty-date:not(:focus)::-webkit-datetime-edit{color:transparent}
input[type="date"]::-webkit-datetime-edit-fields-wrapper{padding:0}
input[type="date"]::-webkit-calendar-picker-indicator{flex-shrink:0;margin-inline-start:8px}