:root{
  --ao-panel:#f7faf7;
  --ao-line:rgba(13,31,28,.10);
  --ao-line-strong:rgba(26,115,70,.16);
  --ao-shadow:0 10px 24px rgba(13,31,28,.05);
}

.ao-page{
  min-width:0;
}

.ao-page-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.15rem;
  align-items:start;
  margin-bottom:1.35rem;
}

.ao-page-head-main{
  display:grid;
  gap:.55rem;
}

.ao-page-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:30px;
  padding:0 .8rem;
  border-radius:999px;
  background:rgba(133,187,100,.14);
  color:var(--vert-fonce);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.ao-page-head h1{
  margin:0;
}

.ao-page-meta{
  margin:0;
  color:var(--gris-fonce);
  font-size:.98rem;
  line-height:1.75;
  max-width:860px;
}

.ao-page-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(120px, 1fr));
  gap:.9rem;
}

.ao-stat-card{
  min-width:132px;
  padding:1rem 1.05rem;
  border:1px solid var(--ao-line-strong);
  border-radius:16px;
  background:rgba(133,187,100,.14);
  box-shadow:var(--ao-shadow);
  text-align:center;
  color:var(--vert-fonce);
}

.ao-stat-card-soft{
  background:linear-gradient(180deg, #ffffff 0%, #f7faf7 100%);
}

.ao-stat-label{
  display:block;
  color:var(--gris-fonce);
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.ao-stat-card strong{
  display:block;
  margin-top:.45rem;
  color:var(--vert-tres-fonce);
  font-size:1.45rem;
  line-height:1;
}

.ao-page-intro{
  margin-bottom:1.5rem;
  padding:1.15rem 1.2rem;
  border:1px solid var(--ao-line);
  border-radius:16px;
  background:var(--ao-panel);
}

.ao-page-intro > *:first-child{margin-top:0}
.ao-page-intro > *:last-child{margin-bottom:0}

.ao-filters{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  margin-bottom:1rem;
  padding:1.15rem;
  border:1px solid var(--ao-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--ao-shadow);
}

.ao-filter-field{
  display:grid;
  gap:.45rem;
}

.ao-filters label span{
  font-size:.92rem;
  font-weight:700;
  color:var(--vert-tres-fonce);
}

.ao-filters input,
.ao-filters select{
  width:100%;
  min-height:46px;
  border:1px solid rgba(13,31,28,.12);
  border-radius:12px;
  background:#fff;
}

.ao-filters input:focus,
.ao-filters select:focus{
  border-color:rgba(26,115,70,.45);
  outline:none;
  box-shadow:0 0 0 4px rgba(133,187,100,.12);
}

.ao-filter-actions{
  display:flex;
  gap:.7rem;
  align-items:flex-end;
  flex-wrap:wrap;
  grid-column:1 / -1;
}

.ao-filter-actions .button.secondary{
  background:#fff;
  color:var(--vert-fonce);
  border:1px solid var(--vert-fonce);
}

.ao-filter-actions .button.secondary:hover{
  background:var(--vert-fonce);
  color:#fff;
}

.ao-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}

.ao-toolbar-left{
  min-width:0;
}

.ao-results-note{
  margin:0;
  color:var(--gris-fonce);
  font-size:.95rem;
}

.ao-active-filters{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}

.ao-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-height:34px;
  padding:.25rem .8rem;
  border-radius:999px;
  background:rgba(133,187,100,.14);
  color:var(--vert-tres-fonce);
  font-size:.86rem;
  line-height:1.3;
}

.ao-chip strong{
  color:var(--vert-fonce);
}

.ao-table-wrap{
  background:#fff;
  border-radius:18px;
  box-shadow:var(--ao-shadow);
  
}

.ao-table{
  margin-top:0;
}

.ao-table thead th{
  vertical-align:middle;
}

.ao-table tbody tr:hover{
  background:#f8fbf8;
}

.ao-ref-block{
  display:grid;
  gap:.3rem;
}

.ao-reference{
  font-weight:800;
  color:var(--vert-tres-fonce);
}

.ao-date-pill,
.ao-tag,
.ao-place{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:.2rem .7rem;
  border-radius:999px;
  background:#f4f7f4;
  color:var(--vert-tres-fonce);
  font-weight:700;
  font-size:.86rem;
}

.ao-object-cell{
  min-width:280px;
}

.ao-object-title{
  display:block;
  color:var(--vert-tres-fonce);
  line-height:1.5;
}

.ao-object-details{
  margin-top:.55rem;
}

.ao-object-details summary{
  cursor:pointer;
  color:var(--vert-fonce);
  font-weight:700;
}

.ao-object-details summary::-webkit-details-marker{
  display:none;
}

.ao-object-details summary::after{
  content:'+';
  margin-inline-start:.45rem;
  font-weight:900;
}

.ao-object-details[open] summary::after{
  content:'−';
}

.ao-object-full{
  margin-top:.65rem;
  padding:.8rem .9rem;
  border:1px solid rgba(13,31,28,.08);
  border-radius:12px;
  background:#f8fbf8;
  color:var(--gris-fonce);
  line-height:1.7;
}

.ao-deadline{
  display:grid;
  gap:.45rem;
}

.ao-deadline strong{
  color:var(--vert-tres-fonce);
  font-size:.92rem;
}

.ao-deadline-state{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:28px;
  padding:0 .7rem;
  border-radius:999px;
  font-size:.8rem;
  font-weight:800;
}

.ao-deadline-state.is-open{
  background:rgba(133,187,100,.14);
  color:var(--vert-fonce);
}

.ao-deadline-state.is-closed{
  background:rgba(55,69,72,.10);
  color:var(--gris-fonce);
}

.ao-dao-cell{
  white-space:nowrap;
}

.ao-dao-btn{
  min-width:144px;
  justify-content:center;
}

.ao-dao-unavailable{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 .7rem;
  border-radius:999px;
  background:#f5f5f5;
  color:var(--gris-fonce);
  font-size:.84rem;
  font-weight:700;
}

.ao-empty-state{
  padding:1.8rem 1rem !important;
  text-align:center;
}

.ao-empty-state strong,
.ao-empty-state span{
  display:block;
}

.ao-empty-state strong{
  color:var(--vert-tres-fonce);
  font-size:1rem;
}

.ao-empty-state span{
  margin-top:.45rem;
  color:var(--gris-fonce);
}

.ao-pagination{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
  margin-top:1.25rem;
}

.ao-page-link,
.ao-page-link-current{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 .8rem;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
}

.ao-page-link{
  background:#fff;
  border:1px solid var(--ao-line);
  color:var(--vert-tres-fonce);
}

.ao-page-link:hover{
  border-color:var(--vert-fonce);
  color:var(--vert-fonce);
}

.ao-page-link-current{
  box-shadow:var(--ao-shadow);
}

html[dir="rtl"] .ao-page-head,
html[dir="rtl"] .ao-page-intro,
html[dir="rtl"] .ao-page-meta,
html[dir="rtl"] .ao-toolbar,
html[dir="rtl"] .ao-results-note{
  text-align:right;
}

html[dir="rtl"] .ao-page-kicker,
html[dir="rtl"] .ao-chip,
html[dir="rtl"] .ao-date-pill,
html[dir="rtl"] .ao-tag,
html[dir="rtl"] .ao-place,
html[dir="rtl"] .ao-dao-unavailable,
html[dir="rtl"] .ao-deadline-state{
  font-family:var(--font-ar);
}

html[dir="rtl"] .ao-object-full,
html[dir="rtl"] .ao-object-title,
html[dir="rtl"] .ao-filters label,
html[dir="rtl"] .ao-table th,
html[dir="rtl"] .ao-table td{
  text-align:right;
}

html[dir="rtl"] .ao-filter-actions,
html[dir="rtl"] .ao-active-filters{
  justify-content:flex-start;
}

@media screen and (max-width:1100px){
  .ao-page-head{
    grid-template-columns:1fr;
  }

  .ao-page-stats{
    grid-template-columns:repeat(2, minmax(0, 180px));
  }

  .ao-filters{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width:768px){
  .ao-page-head{
    gap:1rem;
  }

  .ao-page-stats{
    grid-template-columns:1fr 1fr;
  }

  .ao-filters{
    grid-template-columns:1fr;
    padding:1rem;
  }

  .ao-filter-actions{
    align-items:stretch;
  }

  .ao-filter-actions .button{
    width:100%;
    justify-content:center;
  }

  .ao-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .ao-active-filters{
    gap:.45rem;
  }

  .ao-object-cell,
  .ao-dao-cell{
    min-width:0;
  }

  .ao-dao-btn{
    min-width:0;
    width:80% !important;
  }
}