.loa-app{font-family:inherit!important;max-width:1200px;margin:22px auto;color:#1f2937;direction:rtl;line-height:1.75;box-sizing:border-box}.loa-app *{box-sizing:border-box}.loa-nav{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px!important;margin:0 0 20px!important}.loa-nav a{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap!important;padding:9px 14px!important;margin:0!important;border-radius:9px;text-decoration:none!important;color:#374151!important;line-height:1.4!important;border:1px solid transparent}.loa-nav a.active{background:#111827!important;color:#fff!important;font-weight:700}.loa-nav a.loa-primary,.loa-btn{background:#111827!important;color:#fff!important}.loa-nav-spacer{flex:1 1 auto}.loa-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0 18px}.loa-head h2{margin:0 0 5px!important}.loa-head p{margin:0;color:#6b7280}.loa-back{display:inline-flex;margin:0 0 12px;text-decoration:none;font-weight:700}.loa-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 2px 10px rgba(0,0,0,.03)}.loa-card h3{margin-top:0}.loa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.loa-full{grid-column:1/-1}.loa-form label,.loa-followup label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.loa-form input,.loa-form select,.loa-form textarea,.loa-followup input,.loa-followup select,.loa-followup textarea,.loa-search input{width:100%!important;min-height:44px;border:1px solid #d1d5db!important;border-radius:9px!important;padding:9px 11px!important;background:#fff!important;margin:0!important}.loa-btn{border:0;border-radius:9px;padding:10px 16px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.loa-btn-small{padding:7px 11px;font-size:13px}.loa-table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.loa-table{width:100%;border-collapse:collapse;min-width:900px}.loa-table th,.loa-table td{padding:12px!important;border-bottom:1px solid #eee;text-align:right!important}.loa-table th{background:#f9fafb}.loa-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:stretch!important;margin:0 0 14px!important}.loa-search button{min-width:90px!important;border:1px solid #d1d5db!important;background:#fff!important;border-radius:9px!important;padding:9px 15px!important;margin:0!important}.loa-badge{background:#eef2ff;padding:4px 8px;border-radius:999px;font-size:12px}.loa-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.loa-add{border:1px solid #d1d5db;background:#fff;border-radius:9px;padding:8px 12px;cursor:pointer}.loa-repeat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;border-top:1px dashed #d1d5db;padding:14px 0;align-items:end}.loa-repeat:first-child{border-top:0}.loa-remove,.loa-remove-setting{border:0;background:#fff0f0;color:#9b1c1c;border-radius:8px;padding:9px;cursor:pointer}.loa-help{color:#6b7280;font-size:13px}.loa-alert{padding:14px;background:#fff3cd;border:1px solid #ffe69c;border-radius:10px}.loa-success{padding:12px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:12px}.loa-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.loa-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.loa-summary span,.loa-client-auto span{display:block;color:#6b7280;font-size:12px;margin-bottom:4px}.loa-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.loa-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px 15px;min-height:105px}.loa-stat span{display:block;color:#4b5563;font-size:15px;font-weight:700;margin-bottom:8px}.loa-stat strong{font-size:27px;line-height:1}.loa-line{padding:10px 0;border-bottom:1px solid #eee}.loa-line small{display:block;color:#6b7280}.loa-followup{display:grid;grid-template-columns:170px minmax(260px,1fr) 220px 160px auto;gap:9px;align-items:end}.loa-client-auto{background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;padding:8px 11px;min-height:64px}.loa-capacity-fields{display:contents}.loa-setting-row{display:grid;grid-template-columns:220px 1fr auto;gap:8px;margin:8px 0}.loa-login{max-width:420px;margin:30px auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}
.loa-timeline{display:flex;flex-direction:column;gap:10px;margin-top:18px}.loa-followup-card{border:1px solid #e5e7eb;border-radius:12px;padding:13px 14px}.loa-striped .loa-followup-card:nth-child(odd){background:#f8fafc}.loa-striped .loa-followup-card:nth-child(even){background:#fff}.loa-followup-card.is-complete{opacity:.82}.loa-followup-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.loa-followup-top>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.loa-next{justify-content:flex-end;text-align:left}.loa-mini-label{font-size:11px;color:#6b7280}.loa-followup-top small{color:#6b7280;font-size:12px}.loa-followup-body{padding:10px 0 8px}.loa-followup-meta{display:flex;gap:8px;align-items:center;margin-bottom:7px}.loa-type{font-weight:700}.loa-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.loa-status.is-open{background:#fff7ed;color:#9a3412}.loa-status.is-done{background:#ecfdf5;color:#166534}.loa-followup-note{height:5.25em;overflow:auto;line-height:1.75;padding-inline-end:4px;white-space:normal}.loa-followup-actions{display:flex;gap:7px;justify-content:flex-end;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.loa-action-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:8px;padding:5px 10px;text-decoration:none!important;background:#fff;color:#1f2937!important;font-size:12px}.loa-action-btn.loa-complete{border-color:#86efac}.loa-action-btn.loa-danger{border-color:#fecaca;color:#b91c1c!important}
.loa-toggle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.loa-toggle{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#f9fafb;cursor:pointer}.loa-toggle input{position:absolute;opacity:0;pointer-events:none}.loa-toggle-label{font-weight:700}.loa-toggle-track{position:relative;width:46px;height:25px;border-radius:999px;background:#d1d5db;transition:.2s}.loa-toggle-knob{position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.loa-toggle.is-on .loa-toggle-track{background:#111827}.loa-toggle.is-on .loa-toggle-knob{right:24px}.loa-toggle-state{font-size:12px;font-weight:700;color:#6b7280}.loa-toggle.is-on .loa-toggle-state{color:#166534}
@media(max-width:1000px){.loa-stats,.loa-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loa-followup{grid-template-columns:1fr 1fr}.loa-followup button{grid-column:1/-1}}
@media(max-width:800px){.loa-grid,.loa-summary,.loa-stats,.loa-repeat,.loa-followup,.loa-setting-row,.loa-toggle-grid{grid-template-columns:1fr}.loa-head{align-items:flex-start}.loa-nav-spacer{display:none}.loa-search{grid-template-columns:1fr!important}.loa-search button{width:100%!important}.loa-followup-top{flex-direction:column}.loa-next{justify-content:flex-start;text-align:right}.loa-followup-actions{justify-content:flex-start}}

/* v0.4.0 visual refinements */
.loa-stat{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.loa-stat span{text-align:center}.loa-stat strong{text-align:center}
.loa-document-line{display:flex;align-items:center;justify-content:space-between;gap:18px}.loa-document-line .loa-btn{margin-inline-start:auto;flex:0 0 auto}
.loa-filterbar{display:grid;grid-template-columns:minmax(250px,2fr) repeat(3,minmax(145px,1fr)) auto auto;gap:10px;align-items:end;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:14px}.loa-filterbar label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.loa-filterbar input,.loa-filterbar select{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:9px;padding:8px 10px;background:#fff}.loa-filter-reset{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid #d1d5db;border-radius:9px;text-decoration:none!important;color:#374151!important;background:#fff}
.loa-settings-accordion{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.loa-setting-group{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.loa-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:0;background:#fff;cursor:pointer;text-align:right;font-size:17px;font-weight:800;color:#1f2937}.loa-accordion-toggle:hover{background:#f9fafb}.loa-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d1d5db;border-radius:8px;font-size:22px;line-height:1}.loa-accordion-panel{padding:0 18px 18px;border-top:1px solid #eef0f2}.loa-setting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 6px}.loa-setting-toolbar p{margin:0;color:#6b7280;font-size:13px}.loa-setting-row{display:grid;grid-template-columns:34px minmax(150px,220px) 1fr 76px auto;gap:8px;margin:8px 0;align-items:center;border:1px solid transparent;border-radius:10px;padding:4px}.loa-setting-row:hover{border-color:#e5e7eb;background:#fafafa}.loa-setting-row.is-dragging{opacity:.45;background:#eef2ff}.loa-drag{cursor:grab;text-align:center;font-size:20px;color:#9ca3af;user-select:none}.loa-order-actions{display:flex;gap:4px}.loa-order-actions button{width:34px;height:34px;border:1px solid #d1d5db;background:#fff;border-radius:7px;cursor:pointer}.loa-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;background:#f3f4f6;border-radius:999px;font-weight:800}.loa-client-agencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.loa-agency-mini{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none!important;color:#1f2937!important;background:#fafafa}.loa-agency-mini:hover{border-color:#9ca3af;background:#fff}.loa-agency-mini span{font-size:13px}.loa-agency-mini small{color:#6b7280}
@media(max-width:1100px){.loa-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.loa-filter-search{grid-column:1/-1}.loa-client-agencies{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.loa-filterbar,.loa-client-agencies{grid-template-columns:1fr}.loa-setting-toolbar{align-items:flex-start;flex-direction:column}.loa-setting-row{grid-template-columns:28px 1fr}.loa-setting-row input{grid-column:2}.loa-order-actions,.loa-remove-setting{grid-column:2}.loa-document-line{align-items:flex-start;flex-direction:column}.loa-document-line .loa-btn{margin-inline-start:0}}

/* v0.5.0 — visual system and aligned forms */
.loa-app{--loa-border:#dbe1e8;--loa-muted:#667085;--loa-bg:#f6f7f9;--loa-card:#fff;--loa-ink:#152033;--loa-radius:14px;color:var(--loa-ink)}
.loa-page-title{margin:10px 0 18px}.loa-page-title h2{margin:0 0 5px;font-size:25px;line-height:1.35}.loa-page-title p{margin:0;color:var(--loa-muted)}
.loa-form-section{padding:22px}.loa-form-section>h3{font-size:18px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #edf0f3}
.loa-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:end}
.loa-span-3{grid-column:span 3}.loa-span-4{grid-column:span 4}.loa-span-6{grid-column:span 6}.loa-span-8{grid-column:span 8}.loa-span-12{grid-column:span 12}
.loa-form-grid>label,.loa-form-grid>.loa-gender-field>label{margin:0;min-width:0}
.loa-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.loa-form select,.loa-form textarea,.loa-filterbar input,.loa-filterbar select{min-height:48px;height:48px;border:1px solid #cfd6df;border-radius:10px;padding:10px 13px;background:#fff;font-size:15px;line-height:1.4;box-shadow:none}
.loa-form textarea{height:auto;min-height:92px;resize:vertical}
.loa-form label,.loa-filterbar label{font-weight:650;color:#202b3c;gap:7px}
.loa-form-actions{display:flex;justify-content:flex-start;margin-top:16px}.loa-form-actions .loa-btn{min-width:145px;height:46px;display:inline-flex;align-items:center;justify-content:center}
.loa-inline-help{margin:15px 0 0;padding:11px 13px;border-radius:9px;background:#f8fafc;border:1px solid #edf1f5}
.loa-file-field{max-width:650px}

/* Filters: one coherent row on desktop */
.loa-filterbar{display:grid!important;grid-template-columns:minmax(280px,2.2fr) repeat(3,minmax(150px,1fr)) auto;gap:12px!important;align-items:end!important;padding:18px!important}
.loa-filterbar-clients{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(135px,1fr)) auto}
.loa-filterbar label{width:auto!important;margin:0!important;min-width:0}
.loa-filterbar input,.loa-filterbar select{width:100%!important;box-sizing:border-box}
.loa-filter-actions{display:flex;gap:8px;align-items:center;height:48px}.loa-filter-actions .loa-btn,.loa-filter-reset{height:44px;min-width:78px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:9px;text-decoration:none}
.loa-filter-reset{border:1px solid #cfd6df;background:#fff;color:#344054;padding:0 14px}

/* Tables */
.loa-table th,.loa-table td{vertical-align:middle}.loa-table th{font-size:14px;white-space:nowrap}.loa-table td{font-size:14px}.loa-code,.loa-record-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate;font-weight:750;letter-spacing:.2px}.loa-record-code{display:inline-flex;background:#eef2f6;border-radius:7px;padding:4px 8px;margin-bottom:7px;font-size:12px}

/* Client details */
.loa-client-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}.loa-client-summary>div{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:94px}.loa-client-summary span{font-size:13px}.loa-client-summary strong{font-size:16px;line-height:1.5}
.loa-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.loa-detail-grid>div{border:1px solid #e4e8ed;background:#fafbfc;border-radius:10px;padding:14px}.loa-detail-grid span{display:block;color:var(--loa-muted);font-size:12px;margin-bottom:5px}.loa-detail-grid strong{font-size:14px}.loa-detail-wide{grid-column:span 1}

/* Agency/client repeater */
.loa-client-row{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px!important;padding:18px!important;margin:12px 0;border:1px solid #e1e6ec!important;border-radius:12px;background:#fbfcfd;align-items:end!important}
.loa-client-picker{grid-column:span 6}.loa-client-auto{grid-column:span 2;min-height:70px;display:flex;flex-direction:column;justify-content:center;border:1px solid #dde3ea;border-radius:10px;background:#fff;padding:10px 12px;box-sizing:border-box}.loa-client-auto span{font-size:12px;color:#697586;margin-bottom:5px}.loa-client-auto strong{font-size:14px;line-height:1.4;word-break:break-word}.loa-auto-address{grid-column:span 6}.loa-client-capacity{grid-column:span 12;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end}.loa-client-capacity>label{grid-column:span 4}.loa-capacity-fields{grid-column:span 12!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.loa-client-row>.loa-remove{grid-column:11/13;justify-self:stretch}.loa-client-row .loa-remove{height:42px}
.loa-lawyer-row,.loa-case-row{border:1px solid #e1e6ec!important;border-radius:12px;background:#fbfcfd;padding:16px!important}

/* Stats remain centered and visually balanced */
.loa-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.loa-stat{min-height:110px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important}.loa-stat span{font-size:16px!important;font-weight:700!important;margin:0 0 8px!important}.loa-stat strong{font-size:30px!important}

@media(max-width:1050px){.loa-filterbar,.loa-filterbar-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.loa-filter-search{grid-column:1/-1}.loa-filter-actions{grid-column:1/-1}.loa-client-summary,.loa-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.loa-client-picker{grid-column:span 12}.loa-client-auto{grid-column:span 4}.loa-auto-address{grid-column:span 12}}
@media(max-width:760px){.loa-form-grid{grid-template-columns:1fr}.loa-span-3,.loa-span-4,.loa-span-6,.loa-span-8,.loa-span-12{grid-column:1/-1}.loa-filterbar,.loa-filterbar-clients{grid-template-columns:1fr}.loa-filter-search,.loa-filter-actions{grid-column:1}.loa-client-row{grid-template-columns:1fr}.loa-client-picker,.loa-client-auto,.loa-auto-address,.loa-client-capacity,.loa-client-row>.loa-remove{grid-column:1}.loa-client-capacity{grid-template-columns:1fr}.loa-client-capacity>label,.loa-capacity-fields{grid-column:1!important}.loa-capacity-fields{grid-template-columns:1fr}.loa-client-summary,.loa-stats{grid-template-columns:1fr!important}.loa-detail-grid{grid-template-columns:1fr}}
.loa-capacity-fields[hidden]{display:none!important}
.loa-form-grid.is-company .loa-nationality-field,.loa-form-grid.is-company .loa-client-status-field{grid-column:span 6}
.loa-table th,.loa-table td{text-align:center}
.loa-client-table td:nth-child(2){text-align:right;font-weight:650}

/* v0.6.0 visual alignment refinements */
.loa-nav a{font-weight:700!important;position:relative}
.loa-nav a.active:not(.loa-primary){background:#f8fafc!important;color:#111827!important;border-radius:8px 8px 0 0!important}
.loa-nav a.active:not(.loa-primary)::after{content:"";position:absolute;right:10px;left:10px;bottom:-4px;height:3px;border-radius:3px;background:#111827}
.loa-table th{font-size:16px!important;font-weight:800!important;text-align:center!important;vertical-align:middle!important}
.loa-table td{text-align:center!important;vertical-align:middle!important}
.loa-table th.loa-name-col,.loa-table td.loa-name-col{text-align:right!important;direction:rtl!important}
.loa-table td a{font-weight:700}
.loa-filterbar label{font-weight:700}
.loa-filterbar input,.loa-filterbar select,.loa-filter-actions .loa-btn,.loa-filter-reset{min-height:48px!important}


/* v0.7.0 — visual system, sortable tables and representation chains */
.loa-nav a{
  font-size:15px!important;
  font-weight:750!important;
  background:transparent!important;
  border-radius:8px 8px 0 0!important;
}
.loa-nav a.active{
  background:#f4f6f8!important;
  color:#111827!important;
}
.loa-nav a.active::after{
  content:""!important;
  position:absolute!important;
  right:10px!important;
  left:10px!important;
  bottom:-4px!important;
  height:3px!important;
  background:#111827!important;
  border-radius:4px!important;
}
.loa-filterbar > label > span{
  display:block;
  font-size:16px;
  line-height:1.4;
  font-weight:800;
  margin-bottom:8px;
  color:#172033;
}
.loa-filterbar-agencies{
  grid-template-columns:minmax(320px,2fr) repeat(3,minmax(150px,1fr)) auto!important;
  align-items:end!important;
}
.loa-filterbar input,.loa-filterbar select{
  min-height:52px!important;
  font-size:15px!important;
}
.loa-filter-actions{align-self:end!important}

.loa-sort-head{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:inherit!important;
  text-decoration:none!important;
  font-weight:800!important;
}
.loa-sort-arrows{
  display:inline-flex;
  flex-direction:column;
  gap:0;
  line-height:.62;
  font-size:8px;
  color:#a7afba;
}
.loa-sort-arrows i{font-style:normal}
.loa-sort-arrows i.is-active{color:#111827}
.loa-agencies-table th{padding-top:17px!important;padding-bottom:17px!important}

.loa-agency-main-grid > label{
  min-width:0;
}
.loa-agency-main-grid input,
.loa-agency-main-grid select{
  width:100%;
  min-height:54px!important;
}
.loa-agency-main-grid textarea{width:100%}

.loa-client-row{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:start!important;
}
.loa-field-shell,.loa-auto-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.loa-field-label{
  display:block!important;
  position:static!important;
  font-size:13px!important;
  font-weight:750!important;
  color:#667085!important;
  margin:0!important;
  line-height:1.3!important;
}
.loa-client-picker{grid-column:span 6!important}
.loa-auto-field{grid-column:span 2!important}
.loa-auto-address{grid-column:span 6!important}
.loa-auto-value{
  display:flex;
  align-items:center;
  min-height:54px;
  box-sizing:border-box;
  border:1px solid #d8dee6;
  border-radius:10px;
  background:#fff;
  padding:11px 13px;
  font-size:14px;
  font-weight:700;
  color:#172033;
  word-break:break-word;
}
.loa-client-picker select{min-height:54px!important}

.loa-client-capacity{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:4px;
}
.loa-capacity-mode-field{grid-column:span 4!important}
.loa-representation-area{
  grid-column:1/-1!important;
  border-top:1px solid #e3e7ec;
  padding-top:14px;
}
.loa-representation-area[hidden]{display:none!important}
.loa-rep-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.loa-add-representation,.loa-add-child-representation{
  border:1px solid #cfd6df;
  background:#fff;
  border-radius:9px;
  min-height:38px;
  padding:7px 11px;
  cursor:pointer;
  font-weight:700;
}
.loa-representation-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.loa-representation-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid #dfe4ea;
  border-radius:11px;
  background:#fff;
  position:relative;
}
.loa-representation-row.is-child{
  margin-right:34px;
  background:#f8fafc;
  border-right:4px solid #9ca8b8;
}
.loa-rep-link-label{
  grid-column:1/-1;
  font-size:12px;
  font-weight:800;
  color:#667085;
}
.loa-rep-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-start;
  gap:8px;
}
.loa-remove-representation{
  border:0;
  background:#fff0f0;
  color:#b42318;
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
}
.loa-remove-client{
  grid-column:10/13!important;
  min-height:42px;
}

.loa-agency-mini-grid{
  gap:0!important;
  border:1px solid #e0e5eb;
  border-radius:12px;
  overflow:hidden;
}
.loa-agency-mini{
  border:0!important;
  border-radius:0!important;
  margin:0!important;
}
.loa-agency-mini:nth-child(odd){background:#ffffff!important}
.loa-agency-mini:nth-child(even){background:#f4f7fa!important}
.loa-agency-mini + .loa-agency-mini{border-top:1px solid #e0e5eb!important}

.loa-stat{
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.loa-stat:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 16px rgba(16,24,40,.08)!important;
  border-color:#c9d1db!important;
}
.loa-client-view-row{
  padding:14px 0;
  border-bottom:1px solid #e5e7eb;
}
.loa-client-view-row:last-child{border-bottom:0}
.loa-client-view-row small{display:block;color:#667085;margin-top:5px}
.loa-representation-chain{margin-top:10px;display:flex;flex-direction:column;gap:7px}
.loa-chain-pill,.loa-chain-item{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  background:#f4f6f8;
  border-radius:8px;
  padding:6px 9px;
}
.loa-chain-item.is-child{margin-right:28px;border-right:3px solid #9ca8b8}
.loa-chain-from{color:#667085;margin-left:4px}

@media(max-width:1000px){
  .loa-filterbar-agencies{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loa-filter-search{grid-column:1/-1!important}
  .loa-filter-actions{grid-column:1/-1!important}
  .loa-representation-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .loa-filterbar-agencies{grid-template-columns:1fr!important}
  .loa-auto-field,.loa-client-picker,.loa-auto-address{grid-column:1/-1!important}
  .loa-capacity-mode-field{grid-column:1/-1!important}
  .loa-representation-row{grid-template-columns:1fr}
  .loa-representation-row.is-child{margin-right:16px}
}


/* v0.8.0 — unified visual rules */
.loa-app{
  --loa-border:#dfe4ea;
  --loa-soft:#f7f9fb;
  --loa-soft-alt:#f1f5f9;
  --loa-text:#172033;
  --loa-muted:#667085;
}
.loa-table tbody tr:nth-child(odd){background:#fff!important}
.loa-table tbody tr:nth-child(even){background:#f5f7fa!important}
.loa-table tbody tr:hover{background:#eef3f8!important}
.loa-table th,.loa-table td{vertical-align:middle!important}
.loa-table .loa-name-col{text-align:right!important}
.loa-table thead .loa-name-col .loa-sort-head{justify-content:flex-start!important}

.loa-two-col-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
}
.loa-two-col-grid .loa-span-6{
  grid-column:span 6!important;
}
.loa-two-col-grid input,
.loa-two-col-grid select,
.loa-two-col-grid textarea,
.loa-client-main-grid input,
.loa-client-main-grid select{
  width:100%!important;
  box-sizing:border-box!important;
}
.loa-employee-save{margin-top:22px!important}

.loa-client-main-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:16px!important;
}

.loa-client-row{
  gap:12px!important;
  padding:18px!important;
}
.loa-client-picker{grid-column:span 6!important}
.loa-auto-code{grid-column:span 2!important}
.loa-auto-field{grid-column:span 2!important}
.loa-auto-address{
  grid-column:1/-1!important;
}
.loa-auto-address .loa-auto-value{
  min-height:54px!important;
  width:100%!important;
}
.loa-client-capacity{
  margin-top:0!important;
}
.loa-capacity-mode-field{
  grid-column:span 4!important;
}
.loa-remove-client{
  grid-column:1/4!important;
  margin-top:2px!important;
}

.loa-summary-five{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.loa-summary-five>div{
  min-width:0;
}
.loa-summary-five strong{
  overflow-wrap:anywhere;
}

.loa-disclosure{
  background:#fff;
  border:1px solid var(--loa-border);
  border-radius:14px;
  margin:14px 0;
  overflow:hidden;
}
.loa-disclosure summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  min-height:58px;
  padding:0 18px;
  font-size:17px;
  font-weight:800;
  color:var(--loa-text);
}
.loa-disclosure summary::-webkit-details-marker{display:none}
.loa-disclosure summary::before{
  content:"+";
  order:3;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d5dbe3;
  border-radius:8px;
  font-size:18px;
  font-weight:700;
}
.loa-disclosure[open] summary::before{content:"−"}
.loa-disclosure[open] summary{
  border-bottom:1px solid var(--loa-border);
}
.loa-disclosure-count{
  color:var(--loa-muted);
  font-size:13px;
  font-weight:700;
  margin-right:auto;
}
.loa-disclosure-body{
  padding:16px 18px 18px;
}

.loa-agency-clients-card{
  padding:18px!important;
}
.loa-client-view-row{
  padding:14px 0!important;
}
.loa-client-view-title small{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px 14px;
  margin-top:7px!important;
}
.loa-client-view-title small span{
  display:inline-flex;
  align-items:center;
}
.loa-representation-chain{
  margin-top:12px!important;
  gap:8px!important;
}
.loa-chain-pill,.loa-chain-item{
  gap:7px!important;
  line-height:1.7!important;
  padding:7px 10px!important;
  white-space:normal!important;
}
.loa-chain-from{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0!important;
}
.loa-chain-arrow{padding:0 2px}
.loa-chain-rep{margin-right:2px}

.loa-agency-mini-grid{
  width:100%!important;
}
.loa-agency-mini{
  min-height:88px!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}

.loa-expiry-alert{
  background:#fff8e8;
  border:1px solid #f1cf85;
  border-radius:13px;
  padding:14px 16px;
  margin-bottom:16px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.loa-expiry-alert>strong{font-size:16px}
.loa-expiry-alert>span{color:#6d571f;font-size:13px}
.loa-expiry-items{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  margin-top:5px;
}
.loa-expiry-items a{
  color:#5d4917;
  text-decoration:underline;
}

.loa-filterbar-compact{
  grid-template-columns:minmax(320px,2fr) repeat(3,minmax(150px,1fr)) auto!important;
  align-items:end!important;
}

@media(max-width:1000px){
  .loa-summary-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loa-filterbar-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loa-filterbar-compact .loa-filter-search{grid-column:1/-1!important}
}
@media(max-width:760px){
  .loa-summary-five{grid-template-columns:1fr!important}
  .loa-two-col-grid .loa-span-6{grid-column:1/-1!important}
  .loa-filterbar-compact{grid-template-columns:1fr!important}
}


/* v0.8.3 */
.loa-expiry-summary-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-decoration:none!important;
  color:#3d2f0c!important;
  background:#fff6dc;
  border:1px solid #e7c86d;
  border-radius:14px;
  padding:15px 18px;
  margin-bottom:12px;
}
.loa-expiry-summary-card>div{
  display:flex;
  align-items:center;
  gap:12px;
}
.loa-expiry-summary-card strong{
  display:block;
  font-size:16px;
  margin-bottom:3px;
}
.loa-expiry-summary-card small{
  color:#735d23;
}
.loa-expiry-summary-card>b{
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff;
  font-size:22px;
}
.loa-expiry-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e4b84e;
  color:#fff;
  font-size:20px;
  font-weight:900;
}
.loa-followup-inline-edit{
  margin-top:12px;
  padding:14px;
  border-top:1px solid #e2e7ed;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.loa-followup-inline-edit[hidden]{display:none!important}
.loa-followup-edit-note{grid-column:1/-1}
.loa-followup-inline-edit input,
.loa-followup-inline-edit select,
.loa-followup-inline-edit textarea{
  width:100%;
  box-sizing:border-box;
}
.loa-inline-edit-actions{
  grid-column:1/-1;
  display:flex;
  gap:8px;
  justify-content:flex-start;
}
.loa-action-btn{
  cursor:pointer;
}
.is-busy{
  opacity:.55!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .loa-followup-inline-edit{grid-template-columns:1fr}
}


/* v0.8.4 — ألوان حالات الوكالة */
.loa-agency-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  font-weight:800!important;
  border:1px solid transparent!important;
}
.loa-status-active{
  background:#eaf8ef!important;
  color:#176b3a!important;
  border-color:#bfe6cc!important;
}
.loa-status-expired{
  background:#fff1f1!important;
  color:#b42318!important;
  border-color:#f3c3c0!important;
}
.loa-status-suspended{
  background:#fff7e6!important;
  color:#9a6700!important;
  border-color:#ead29a!important;
}
.loa-status-cancelled{
  background:#eef1f4!important;
  color:#475467!important;
  border-color:#d7dde4!important;
}
.loa-expiry-items{display:none!important}


/* v0.8.5 — ضبط الشبكات البصرية حسب 4 أعمدة */

/* نموذج الموكل */
.loa-client-main-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:end!important;
}
.loa-client-code-field{grid-column:span 1!important}
.loa-client-name-field{grid-column:span 3!important}
.loa-client-quarter{grid-column:span 1!important}
.loa-client-main-grid > label,
.loa-client-main-grid > div{
  min-width:0!important;
}
.loa-client-main-grid input,
.loa-client-main-grid select{
  width:100%!important;
  min-height:54px!important;
  box-sizing:border-box!important;
}

/* بيانات الإثبات والتواصل: شبكة 4 أعمدة متوازنة */
.loa-client-contact-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:end!important;
}
.loa-contact-idtype{grid-column:span 1!important}
.loa-contact-idnumber{grid-column:span 1!important}
.loa-contact-phone{grid-column:span 1!important}
.loa-contact-email{grid-column:span 1!important}
.loa-contact-address{grid-column:1/-1!important}
.loa-client-contact-grid input,
.loa-client-contact-grid select,
.loa-client-contact-grid textarea{
  width:100%!important;
  box-sizing:border-box!important;
}

/* بطاقة الموكل داخل الوكالة: أربع أعمدة فعلية */
.loa-client-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px 16px!important;
  align-items:end!important;
}
.loa-client-picker{
  grid-column:span 2!important;
  min-width:0!important;
}
.loa-agency-client-entity,
.loa-agency-client-nationality,
.loa-agency-client-idtype,
.loa-agency-client-idnumber{
  grid-column:span 1!important;
  min-width:0!important;
}
.loa-agency-client-address{
  grid-column:span 2!important;
  min-width:0!important;
}
.loa-client-row .loa-auto-value,
.loa-client-row select{
  min-height:56px!important;
  height:56px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.loa-agency-client-address .loa-auto-value{
  min-height:56px!important;
  height:auto!important;
}
.loa-client-capacity{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px 16px!important;
  margin-top:2px!important;
}
.loa-capacity-mode-field{
  grid-column:1/3!important;
}
.loa-representation-area{
  grid-column:1/-1!important;
}
.loa-remove-client{
  grid-column:4/5!important;
  width:100%!important;
  min-height:42px!important;
}
.loa-client-row .loa-field-label{
  min-height:20px;
  display:flex!important;
  align-items:flex-end!important;
}

/* الحفاظ على اتزان العناوين والقيم */
.loa-client-row .loa-auto-field,
.loa-client-row .loa-field-shell{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.loa-client-row .loa-auto-value{
  padding:11px 13px!important;
  border-radius:10px!important;
  border:1px solid #d8dee6!important;
  background:#fff!important;
}
.loa-client-row .loa-client-picker select{
  padding-inline:13px!important;
}

/* شاشات أصغر */
@media(max-width:1000px){
  .loa-client-main-grid,
  .loa-client-contact-grid,
  .loa-client-row,
  .loa-client-capacity{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .loa-client-code-field{grid-column:span 1!important}
  .loa-client-name-field{grid-column:span 1!important}
  .loa-client-quarter{grid-column:span 1!important}
  .loa-client-picker{grid-column:1/-1!important}
  .loa-agency-client-address{grid-column:1/-1!important}
  .loa-capacity-mode-field{grid-column:1/-1!important}
  .loa-remove-client{grid-column:1/-1!important}
}
@media(max-width:650px){
  .loa-client-main-grid,
  .loa-client-contact-grid,
  .loa-client-row,
  .loa-client-capacity{
    grid-template-columns:1fr!important;
  }
  .loa-client-code-field,
  .loa-client-name-field,
  .loa-client-quarter,
  .loa-client-picker,
  .loa-agency-client-entity,
  .loa-agency-client-nationality,
  .loa-agency-client-idtype,
  .loa-agency-client-idnumber,
  .loa-agency-client-address,
  .loa-capacity-mode-field,
  .loa-remove-client{
    grid-column:1/-1!important;
  }
}


/* v0.8.6 — أرقام داخلية ثابتة ومحاذاة بصرية موحدة */

/* الرقم الداخلي: للعرض فقط، غير قابل للنقر أو التعديل */
.loa-locked-code-field input{
  pointer-events:none!important;
  user-select:none!important;
  cursor:default!important;
  background:#f4f6f8!important;
  color:#172033!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-weight:800!important;
  opacity:1!important;
  -webkit-text-fill-color:#172033!important;
}
.loa-locked-code-field input:focus{
  outline:none!important;
  box-shadow:none!important;
  border-color:#d1d5db!important;
}

/* بطاقة الموكل داخل الوكالة: تثبيت شبكة 4 أعمدة بدقة */
.loa-client-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:16px!important;
  row-gap:14px!important;
}
.loa-client-picker{
  grid-column:span 2!important;
  width:100%!important;
}
.loa-client-picker select,
.loa-agency-client-entity,
.loa-agency-client-nationality,
.loa-agency-client-idtype,
.loa-agency-client-idnumber,
.loa-agency-client-address{
  width:100%!important;
  min-width:0!important;
}
.loa-agency-client-idtype{grid-column:span 1!important}
.loa-agency-client-idnumber{grid-column:span 1!important}
.loa-agency-client-address{grid-column:span 2!important}
.loa-client-row > *{
  min-width:0!important;
}

/* المحامي: الاسم يأخذ غالب السطر، والحذف مساحة أصغر */
.loa-lawyer-row{
  display:grid!important;
  grid-template-columns:minmax(0,10fr) minmax(110px,2fr)!important;
  gap:14px!important;
  align-items:end!important;
}
.loa-lawyer-select-field{
  min-width:0!important;
}
.loa-lawyer-select-field select{
  width:100%!important;
  min-height:54px!important;
}
.loa-lawyer-remove{
  width:100%!important;
  max-width:150px!important;
  min-height:44px!important;
  justify-self:start!important;
}

/* سجل المتابعة: كل الحقول المتجاورة بنفس الارتفاع */
.loa-followup{
  align-items:end!important;
}
.loa-followup select,
.loa-followup input[type="datetime-local"],
.loa-followup input[type="date"],
.loa-followup input[type="text"],
.loa-followup textarea,
.loa-followup > button,
.loa-followup .loa-btn{
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
}
.loa-followup textarea{
  resize:vertical!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.loa-followup > label{
  justify-content:flex-end!important;
}

/* توحيد الارتفاعات في النماذج العامة للقوائم والحقول القصيرة */
.loa-form input[type="text"],
.loa-form input[type="email"],
.loa-form input[type="number"],
.loa-form input[type="date"],
.loa-form input[type="datetime-local"],
.loa-form select{
  min-height:54px!important;
}

/* Responsive */
@media(max-width:760px){
  .loa-lawyer-row{
    grid-template-columns:1fr!important;
  }
  .loa-lawyer-remove{
    max-width:none!important;
  }
}

/* v0.8.8 */
.loa-client-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.loa-client-picker{grid-column:span 2!important;min-width:0!important;width:100%!important}
.loa-client-picker select{width:100%!important;min-width:100%!important}
.loa-lawyer-row{grid-template-columns:minmax(0,1fr) 110px!important;gap:12px!important}
.loa-lawyer-select-field{min-width:0!important;width:100%!important}
.loa-lawyer-select-field select{width:100%!important;font-size:15px!important}
.loa-lawyer-remove{width:110px!important;max-width:110px!important}
.loa-filterbar-clients-v088{grid-template-columns:minmax(330px,2fr) repeat(4,minmax(140px,1fr)) auto!important}
.loa-filterbar-employees{display:grid!important;grid-template-columns:minmax(330px,2fr) repeat(3,minmax(150px,1fr)) auto!important;gap:12px!important;align-items:end!important;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin-bottom:16px}
.loa-filterbar-employees>label>span{display:block;font-size:16px;font-weight:800;margin-bottom:8px}
.loa-filterbar-employees input,.loa-filterbar-employees select{width:100%;min-height:52px;box-sizing:border-box;border:1px solid #d1d5db;border-radius:9px;padding:10px;background:#fff}
@media(max-width:1100px){.loa-filterbar-clients-v088,.loa-filterbar-employees{grid-template-columns:repeat(2,minmax(0,1fr))!important}.loa-filterbar-clients-v088 .loa-filter-search,.loa-filterbar-employees .loa-filter-search{grid-column:1/-1!important}}
@media(max-width:760px){.loa-filterbar-clients-v088,.loa-filterbar-employees{grid-template-columns:1fr!important}.loa-lawyer-row{grid-template-columns:1fr!important}.loa-lawyer-remove{width:100%!important;max-width:none!important}}


/* v0.8.9 */
#loa-lawyer-rows .loa-lawyer-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  width:100%!important;
  max-width:none!important;
  gap:16px!important;
  align-items:end!important;
}
#loa-lawyer-rows .loa-lawyer-select-field{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
#loa-lawyer-rows .loa-lawyer-select-field select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:56px!important;
  box-sizing:border-box!important;
}
#loa-lawyer-rows .loa-lawyer-remove{
  width:96px!important;
  max-width:96px!important;
  min-width:96px!important;
  min-height:44px!important;
  justify-self:end!important;
}

/* جدول الموكلين بعد إزالة أعمدة الإثبات */
.loa-client-table-compact th,
.loa-client-table-compact td{
  padding-inline:16px!important;
}
.loa-client-table-compact .loa-name-col{
  min-width:220px!important;
}


/* v0.9.0 */
.loa-agency-detail-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.loa-agency-detail-grid>div{
  min-height:84px;
}
.loa-agency-detail-grid .loa-detail-wide{
  grid-column:1/-1!important;
}
.loa-alert-error{
  background:#fff1f1!important;
  color:#9b1c1c!important;
  border:1px solid #efb6b6!important;
  border-radius:10px!important;
  padding:12px 14px!important;
  margin-bottom:14px!important;
  font-weight:700!important;
}
@media(max-width:1000px){
  .loa-agency-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .loa-agency-detail-grid{
    grid-template-columns:1fr!important;
  }
}


/* v0.11.0 — مركز المستندات */
.loa-document-upload-section .loa-section-title{align-items:flex-start!important}
.loa-document-upload-rows{display:flex;flex-direction:column;gap:12px}
.loa-document-upload-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding:14px;border:1px solid #dfe4ea;border-radius:12px;background:#f9fafb}
.loa-document-upload-row label{min-width:0}.loa-document-upload-row input,.loa-document-upload-row select{width:100%;box-sizing:border-box;min-height:52px}
.loa-document-upload-row .loa-doc-file{grid-column:span 2}.loa-document-upload-row .loa-doc-notes{grid-column:span 2}
.loa-remove-document-row{border:0;background:#fff0f0;color:#b42318;border-radius:8px;min-height:40px;padding:8px 12px;cursor:pointer;grid-column:4/5}
.loa-document-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:12px 0!important}
.loa-document-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.loa-document-meta small{color:#667085}
.loa-document-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.loa-doc-delete{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border-radius:8px;background:#fff0f0;color:#b42318!important;text-decoration:none!important;font-weight:700}
.loa-document-central-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.loa-document-central-grid label{min-width:0}.loa-document-central-grid input,.loa-document-central-grid select,.loa-document-central-grid textarea{width:100%;box-sizing:border-box}.loa-document-central-grid .loa-doc-wide{grid-column:span 2}
.loa-document-filters{grid-template-columns:minmax(300px,2fr) repeat(3,minmax(150px,1fr)) auto!important}
@media(max-width:1000px){.loa-document-upload-row,.loa-document-central-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loa-document-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.loa-document-filters .loa-filter-search{grid-column:1/-1!important}.loa-remove-document-row{grid-column:auto}.loa-document-central-grid .loa-doc-wide{grid-column:1/-1}}
@media(max-width:650px){.loa-document-upload-row,.loa-document-central-grid,.loa-document-filters{grid-template-columns:1fr!important}.loa-document-upload-row .loa-doc-file,.loa-document-upload-row .loa-doc-notes,.loa-document-central-grid .loa-doc-wide{grid-column:1/-1!important}.loa-document-line{align-items:flex-start!important;flex-direction:column}.loa-document-actions{width:100%;flex-wrap:wrap}}


/* v0.11.1 — مستندات الموكل كمرجع أساسي */
.loa-client-documents-card{padding:18px!important}
.loa-client-documents-table th,.loa-client-documents-table td{text-align:center!important;vertical-align:middle!important}
.loa-client-documents-table th:nth-child(1),.loa-client-documents-table td:nth-child(1){width:70px}
.loa-client-documents-table th:nth-child(2),.loa-client-documents-table td:nth-child(2){width:180px}
.loa-client-documents-table th:nth-child(4),.loa-client-documents-table td:nth-child(4),.loa-client-documents-table th:nth-child(5),.loa-client-documents-table td:nth-child(5){width:120px}
.loa-inline-document-add{margin-top:14px;border:0!important;background:transparent!important;overflow:visible!important}
.loa-inline-document-add>summary{display:inline-flex!important;width:auto!important;min-height:42px!important;padding:0 14px!important;border:1px solid #cfd6df!important;border-radius:9px!important;background:#fff!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important}
.loa-inline-document-add>summary::before{display:none!important}
.loa-inline-document-add[open]>summary{border-bottom:1px solid #cfd6df!important}
.loa-inline-document-add-body{margin-top:12px;padding:14px;border:1px solid #e0e5eb;border-radius:12px;background:#f8fafc}
.loa-client-document-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:12px}
.loa-client-document-add-grid input,.loa-client-document-add-grid select{width:100%;min-height:54px;box-sizing:border-box}
.loa-document-archive-filters{grid-template-columns:minmax(320px,2fr) repeat(2,minmax(170px,1fr)) auto!important}
.loa-document-archive-table th,.loa-document-archive-table td{text-align:center!important;vertical-align:middle!important}
.loa-document-archive-table .loa-name-col{text-align:right!important;min-width:220px}
@media(max-width:850px){.loa-client-document-add-grid{grid-template-columns:1fr}.loa-document-archive-filters{grid-template-columns:1fr!important}.loa-document-archive-filters .loa-filter-search{grid-column:auto!important}}


/* v0.11.2 — مستندات الوكالة داخل ملف الموكل */
.loa-document-type-cell strong{display:block;font-weight:800}
.loa-document-agency-number{display:block;margin-top:4px;color:#667085;font-size:12px;white-space:nowrap}


/* v0.12.0 — General system settings / demo data reset */
.loa-general-settings{
  max-width:1180px;
  margin:24px 0 0 auto;
}
.loa-general-settings .loa-card{
  margin:16px 0;
}
.loa-about-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.loa-about-grid>div{
  border:1px solid #e3e7ed;
  background:#f8fafc;
  border-radius:12px;
  padding:14px 16px;
  min-height:70px;
  box-sizing:border-box;
}
.loa-about-grid span{
  display:block;
  color:#667085;
  font-size:13px;
  margin-bottom:6px;
}
.loa-about-grid strong{
  display:block;
  line-height:1.7;
}
.loa-about-grid a{
  color:inherit;
  text-decoration:none;
}
.loa-about-grid a:hover{
  text-decoration:underline;
}
.loa-reset-card{
  border:1px solid #efc6c6!important;
}
.loa-reset-card h2{
  color:#9b1c1c;
}
.loa-reset-preserved{
  background:#f2f8f4;
  color:#24573a;
  border:1px solid #cfe3d5;
  border-radius:10px;
  padding:12px 14px;
  margin:14px 0;
}
.loa-reset-form{
  border-top:1px solid #eee;
  margin-top:18px;
  padding-top:18px;
}
.loa-reset-form label{
  display:block;
  max-width:600px;
  font-weight:700;
}
.loa-reset-form input{
  display:block;
  width:100%;
  min-height:48px;
  margin-top:8px;
  border:1px solid #ccd2da;
  border-radius:8px;
  padding:8px 12px;
  box-sizing:border-box;
}
.loa-danger-button{
  margin-top:14px;
  min-height:44px;
  padding:9px 18px;
  border:1px solid #b42318;
  border-radius:9px;
  background:#b42318;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.loa-danger-button:hover{
  background:#912018;
}
@media(max-width:760px){
  .loa-about-grid{grid-template-columns:1fr}
}


/* v0.12.1 — spacing between repeated rows/cards */
#loa-lawyer-rows,
#loa-case-rows,
#loa-document-rows{
  display:flex;
  flex-direction:column;
  gap:14px;
}

#loa-lawyer-rows > .loa-lawyer-row + .loa-lawyer-row,
#loa-case-rows > .loa-repeat + .loa-repeat,
#loa-document-rows > .loa-repeat + .loa-repeat{
  margin-top:14px;
}

#loa-lawyer-rows > .loa-lawyer-row,
#loa-case-rows > .loa-repeat{
  border-radius:12px;
}

@supports (gap: 1rem){
  #loa-lawyer-rows > .loa-lawyer-row + .loa-lawyer-row,
  #loa-case-rows > .loa-repeat + .loa-repeat,
  #loa-document-rows > .loa-repeat + .loa-repeat{
    margin-top:0;
  }
}


/* v0.13.0 — Case management */
.loa-cases-app{
  max-width:1500px;
  margin:20px 0 0 auto;
}
.loa-subnav{
  display:flex;
  gap:8px;
  align-items:center;
  padding:10px;
  margin-bottom:20px;
  background:#fff;
  border:1px solid #e1e5ea;
  border-radius:14px;
}
.loa-subnav-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:9px;
  color:#172033;
  text-decoration:none;
  font-weight:800;
}
.loa-subnav-link:hover{
  background:#f6f8fa;
  color:#172033;
}
.loa-subnav-link.is-active{
  background:#f5f7fa;
}
.loa-subnav-link.is-active:after{
  content:"";
  position:absolute;
  bottom:-1px;
  right:12px;
  left:12px;
  height:3px;
  border-radius:3px;
  background:#172033;
}
.loa-case-filterbar{
  display:grid;
  grid-template-columns:minmax(360px,2fr) repeat(3,minmax(160px,1fr)) auto;
  gap:12px;
  align-items:end;
  padding:16px;
  margin-bottom:16px;
  background:#fff;
  border:1px solid #e1e5ea;
  border-radius:14px;
}
.loa-case-filterbar label>span,
.loa-case-filterbar label{
  font-weight:800;
}
.loa-case-filterbar label>span{
  display:block;
  margin-bottom:7px;
}
.loa-case-filterbar input,
.loa-case-filterbar select{
  width:100%;
  min-height:52px;
  box-sizing:border-box;
}
.loa-case-basic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:end;
}
.loa-case-basic-grid .loa-span-full{
  grid-column:1/-1;
}
.loa-case-form h2,
.loa-cases-app .loa-card h2{
  margin-top:0;
  font-size:20px;
  font-weight:850;
}
.loa-case-repeat-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.loa-case-client-row{
  display:grid!important;
  grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) minmax(260px,2fr) 92px!important;
  gap:14px!important;
  align-items:end!important;
}
.loa-case-party-row{
  display:grid!important;
  grid-template-columns:minmax(230px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(160px,1fr) minmax(170px,1fr) minmax(200px,1.5fr) 92px!important;
  gap:12px!important;
  align-items:end!important;
}
.loa-case-client-row>label,
.loa-case-party-row>label,
.loa-case-document-row>label{
  min-width:0;
}
.loa-case-client-row select,
.loa-case-party-row select,
.loa-case-party-row input,
.loa-case-client-row input{
  width:100%;
  min-height:54px;
  box-sizing:border-box;
}
.loa-case-remove-row{
  width:92px!important;
  min-height:44px!important;
}
.loa-case-stage-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:end;
}
.loa-case-stage-grid>label input,
.loa-case-stage-grid>label select{
  width:100%;
  min-height:54px;
  box-sizing:border-box;
}
.loa-criminal-origin-section{
  display:none;
  grid-column:1/-1;
  margin-top:4px;
  padding:18px;
  background:#f8fafc;
  border:1px solid #e1e6ec;
  border-radius:12px;
}
.loa-criminal-origin-section.is-visible{
  display:block;
}
.loa-criminal-origin-section h3{
  margin:0 0 14px;
}
.loa-criminal-origin-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.loa-case-session-first-grid{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 3fr;
  gap:16px;
}
.loa-case-document-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) minmax(320px,2fr) 92px!important;
  gap:14px!important;
  align-items:end!important;
}
.loa-case-document-row input,
.loa-case-document-row select{
  width:100%;
  min-height:54px;
  box-sizing:border-box;
}
.loa-case-head-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.loa-btn-secondary{
  background:#fff!important;
  color:#172033!important;
  border:1px solid #cbd3dd!important;
}
.loa-case-summary-cards{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.loa-case-stat{
  text-align:center!important;
  min-height:105px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.loa-case-stat span{
  font-size:14px!important;
  margin-bottom:7px;
}
.loa-case-stat strong{
  font-size:20px!important;
  line-height:1.5;
}
.loa-case-subject{
  padding:10px 2px;
  line-height:2;
  font-size:16px;
}
.loa-case-stage-history{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.loa-stage-history-card{
  padding:16px;
  border:1px solid #dce2e8;
  border-radius:13px;
  background:#fff;
}
.loa-stage-history-card.is-current{
  border-color:#aebac7;
  box-shadow:0 0 0 2px rgba(23,32,51,.04);
}
.loa-stage-history-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.loa-stage-history-head>div{
  display:flex;
  align-items:center;
  gap:10px;
}
.loa-stage-history-head span:first-child{
  color:#667085;
  font-size:13px;
}
.loa-stage-current-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eef7f0;
  color:#176b3a;
  font-weight:800;
  font-size:12px;
}
.loa-stage-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.loa-stage-summary-grid>div{
  padding:12px 14px;
  min-height:68px;
  border:1px solid #e3e7ec;
  border-radius:10px;
  background:#f9fafb;
  box-sizing:border-box;
}
.loa-stage-summary-grid span{
  display:block;
  color:#667085;
  font-size:12px;
  margin-bottom:6px;
}
.loa-stage-summary-grid strong{
  display:block;
  font-size:15px;
  line-height:1.6;
}
.loa-case-session-toolbar{
  display:flex;
  justify-content:flex-start;
  margin-bottom:12px;
}
.loa-case-session-form-grid{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 3fr;
  gap:16px;
  align-items:start;
}
.loa-session-decision textarea{
  width:100%;
  box-sizing:border-box;
}
.loa-cases-table .loa-name-col{
  min-width:230px;
}

/* The dynamic settings component is shared with the first module. */
.loa-cases-app .loa-setting-group{
  background:#fff;
}

/* Reduce visual density without collapsing data on medium screens. */
@media(max-width:1250px){
  .loa-case-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .loa-case-basic-grid,
  .loa-case-stage-grid,
  .loa-criminal-origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loa-case-client-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loa-case-client-row .loa-case-remove-row{grid-column:1/-1;width:140px!important}
  .loa-case-party-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loa-case-party-row .loa-case-remove-row{grid-column:1/-1;width:140px!important}
  .loa-case-document-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loa-case-document-row .loa-case-remove-row{grid-column:1/-1;width:140px!important}
  .loa-stage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .loa-case-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loa-case-filter-search{grid-column:1/-1}
}
@media(max-width:700px){
  .loa-subnav{overflow:auto}
  .loa-case-summary-cards,
  .loa-case-basic-grid,
  .loa-case-stage-grid,
  .loa-criminal-origin-grid,
  .loa-stage-summary-grid,
  .loa-case-filterbar,
  .loa-case-client-row,
  .loa-case-party-row,
  .loa-case-document-row,
  .loa-case-session-form-grid,
  .loa-case-session-first-grid{
    grid-template-columns:1fr!important;
  }
  .loa-case-basic-grid .loa-span-full{grid-column:1}
  .loa-case-client-row .loa-case-remove-row,
  .loa-case-party-row .loa-case-remove-row,
  .loa-case-document-row .loa-case-remove-row{
    grid-column:1;
    width:100%!important;
  }
}


.loa-stage-roles-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.loa-stage-role-column{
  border:1px solid #e1e6ec;
  border-radius:12px;
  padding:14px;
  background:#fafbfc;
}
.loa-stage-role-column h3{
  margin:0 0 12px;
}
.loa-stage-role-row{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(160px,1fr);
  gap:12px;
  align-items:end;
  padding:10px 0;
  border-bottom:1px solid #e7ebef;
}
.loa-stage-role-row:last-child{
  border-bottom:0;
}
.loa-stage-role-row strong{
  line-height:1.7;
}
.loa-stage-role-row select{
  width:100%;
  min-height:48px;
}
.loa-stage-role-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e1e6ec;
}
.loa-stage-role-summary>div>span{
  display:block;
  color:#667085;
  font-size:13px;
  margin-bottom:8px;
}
.loa-stage-role-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.loa-stage-role-pills span{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
  padding:6px 10px;
  border-radius:999px;
  background:#f1f4f7;
  color:#25324a!important;
  font-size:13px!important;
}
@media(max-width:800px){
  .loa-stage-roles-grid,
  .loa-stage-role-summary{
    grid-template-columns:1fr;
  }
  .loa-stage-role-row{
    grid-template-columns:1fr;
  }
}


.loa-case-inline-doc-form{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(240px,1.5fr) minmax(300px,2fr) auto;
  gap:12px;
  align-items:end;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e3e7ec;
}
.loa-case-inline-doc-form select,
.loa-case-inline-doc-form input{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
}
@media(max-width:900px){
  .loa-case-inline-doc-form{grid-template-columns:1fr}
}


.loa-case-link-form{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
  gap:12px;
  align-items:end;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e3e7ec;
}
.loa-case-link-form input,
.loa-case-link-form select{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
}
@media(max-width:800px){
  .loa-case-link-form{grid-template-columns:1fr}
}


/* v0.13.1 — case sessions / errors */
.loa-nav-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-inline-start:7px;
  border-radius:999px;
  background:#b42318;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.loa-case-session-form-grid-v131{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(220px,1fr)!important;
  gap:16px!important;
  align-items:end!important;
}
.loa-case-session-form-grid-v131 .loa-session-decision-field{
  grid-column:1/-1!important;
}
.loa-case-sessions-scroll,
.loa-case-errors-scroll{
  max-height:430px;
  overflow:auto!important;
  border:1px solid #e3e7ed;
  border-radius:12px;
}
.loa-case-sessions-scroll .loa-table,
.loa-case-errors-scroll .loa-table{
  margin:0!important;
}
.loa-case-sessions-scroll thead th,
.loa-case-errors-scroll thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f8fafc;
}
.loa-session-type-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:94px;
  padding:5px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.loa-session-type-court{
  background:#eef4ff;
  color:#294a8a;
}
.loa-session-type-expert{
  background:#fff7df;
  color:#7b5700;
}
.loa-session-type-judgment{
  background:#f3e8ff;
  color:#6b2b91;
}
.loa-case-sessions-table tr.is-judgment-session td{
  background:#fcf9ff;
}
.loa-judgment-label{
  display:inline-block;
  margin-inline-end:5px;
  color:#6b2b91;
}
.loa-errors-summary{
  margin-bottom:14px!important;
  border-inline-start:4px solid #b42318!important;
}
.loa-error-required{
  color:#9b1c1c;
}
.loa-empty-errors{
  text-align:center;
  padding:28px!important;
}
@media(max-width:760px){
  .loa-case-session-form-grid-v131{
    grid-template-columns:1fr!important;
  }
}

/* v0.13.3 — next-session attention state */
.loa-next-session-warning{
  color:#b42318;
  font-weight:800;
}