/* QARAR Systems Portal — isolated styles */
.qarar-systems-layout{align-items:start}
.qarar-systems-portal{min-width:0}
.qarar-systems-intro{
  margin-bottom:34px;padding:28px 30px;border:1px solid var(--qarar-gray-200);
  border-right:4px solid var(--qarar-primary);border-radius:14px;background:#fff
}
.qarar-systems-heading{
  display:flex;align-items:end;justify-content:space-between;gap:24px;
  margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--qarar-gray-200)
}
.qarar-systems-heading span{color:var(--qarar-primary);font-weight:900}
.qarar-systems-heading h2{margin:4px 0 5px;font-size:32px}
.qarar-systems-heading p{margin:0}
.qarar-systems-heading>strong{
  flex:0 0 auto;padding:8px 14px;border-radius:999px;background:var(--qarar-primary-100);
  color:var(--qarar-primary);font-size:14px
}
.qarar-systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.qarar-system-card{
  overflow:hidden;border:1px solid var(--qarar-gray-200);border-radius:16px;background:#fff;
  box-shadow:var(--qarar-shadow-sm);transition:.28s
}
.qarar-system-card:hover{transform:translateY(-5px);box-shadow:var(--qarar-shadow-md)}
.qarar-system-card__cover{
  position:relative;display:flex;align-items:center;justify-content:center;height:310px;
  padding:24px;background:linear-gradient(145deg,#f7f7f7,#eceeef);overflow:hidden
}
.qarar-system-card__cover:after{
  content:"";position:absolute;right:0;bottom:0;left:0;height:6px;background:var(--qarar-primary)
}
.qarar-system-card__cover img{width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(31,35,40,.20))}
.qarar-system-card__placeholder{
  width:175px;height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#fff;border:1px solid #ddd;box-shadow:0 14px 20px rgba(31,35,40,.16);color:var(--qarar-primary)
}
.qarar-system-card__placeholder b{font-size:38px}.qarar-system-card__placeholder small{color:#666}
.qarar-system-card__cover em{
  position:absolute;top:17px;right:17px;padding:5px 10px;border-radius:999px;
  background:#fff;color:#444;font-size:12px;font-style:normal;font-weight:800
}
.qarar-system-card__cover em.status-active{background:#e8f6ed;color:#187640}
.qarar-system-card__cover em.status-draft,.qarar-system-card__cover em.status-under_review{background:#fff3d6;color:#866000}
.qarar-system-card__cover em.status-archived{background:#eceff2;color:#626a74}
.qarar-system-card__body{padding:23px}
.qarar-system-card__meta{display:flex;justify-content:space-between;gap:10px;color:var(--qarar-gray-600);font-size:13px}
.qarar-system-card h3{margin:10px 0 8px;font-size:23px;line-height:1.35}
.qarar-system-card p{min-height:58px;margin:0 0 17px;line-height:1.8}
.qarar-system-card__button{display:inline-flex;align-items:center;gap:10px;color:var(--qarar-primary);font-weight:900}
.qarar-system-card__button:hover{gap:16px}
.qarar-systems-empty{
  padding:45px;text-align:center;border:1px dashed var(--qarar-gray-300);
  border-radius:16px;background:var(--qarar-gray-50)
}
.qarar-systems-empty strong{display:block;font-size:21px}.qarar-systems-empty p{margin-bottom:0}

.qarar-system-single{
  display:grid;grid-template-columns:300px minmax(0,1fr);gap:42px;padding-top:50px;padding-bottom:80px
}
.qarar-system-single__aside{position:sticky;top:105px;align-self:start}
.qarar-system-single__cover{
  min-height:390px;padding:22px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--qarar-gray-200);border-radius:16px;background:linear-gradient(145deg,#f7f7f7,#eceeef)
}
.qarar-system-single__cover img{max-height:350px;width:auto;filter:drop-shadow(0 16px 15px rgba(31,35,40,.22))}
.qarar-system-single__cover>span{
  width:210px;height:300px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--qarar-primary);box-shadow:0 15px 22px rgba(31,35,40,.18)
}
.qarar-system-single__cover b{font-size:44px}.qarar-system-single__cover small{color:#666}
.qarar-system-single__facts{
  margin-top:18px;padding:21px;border:1px solid var(--qarar-gray-200);border-radius:14px;background:#fff
}
.qarar-system-single__facts h3{margin:0 0 13px}
.qarar-system-single__facts dl{margin:0}.qarar-system-single__facts dl>div{padding:10px 0;border-top:1px solid var(--qarar-gray-200)}
.qarar-system-single__facts dl>div:first-child{border-top:0}.qarar-system-single__facts dt{color:var(--qarar-gray-600);font-size:13px}
.qarar-system-single__facts dd{margin:2px 0 0;font-weight:800}
.qarar-system-description{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--qarar-gray-200)}
.qarar-system-section-title{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.qarar-system-section-title>span{
  width:58px;height:58px;display:grid;place-items:center;border-radius:12px;
  background:var(--qarar-primary);color:#fff;font-weight:900
}
.qarar-system-section-title h2{margin:0;font-size:29px}.qarar-system-section-title p{margin:2px 0 0}
.qarar-system-file-list{display:grid;gap:12px}
.qarar-system-file{
  display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--qarar-gray-200);
  border-radius:13px;background:#fff
}
.qarar-system-file:hover{border-color:var(--qarar-primary);transform:translateX(-3px);box-shadow:var(--qarar-shadow-sm)}
.qarar-system-file__icon{
  width:49px;height:49px;display:grid;place-items:center;border-radius:10px;
  background:var(--qarar-primary-100);color:var(--qarar-primary);font-weight:900;font-size:12px
}
.qarar-system-file__text{flex:1;min-width:0}.qarar-system-file__text strong,.qarar-system-file__text small{display:block}
.qarar-system-file__text small{color:var(--qarar-gray-600)}
.qarar-system-file__action{color:var(--qarar-primary);font-weight:800}
.qarar-system-external{display:inline-block;padding:14px 22px;border-radius:9px;background:var(--qarar-primary);color:#fff;font-weight:900}

@media(max-width:1050px){.qarar-systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .qarar-systems-grid{grid-template-columns:1fr}
  .qarar-system-card__cover{height:270px}
  .qarar-systems-heading{align-items:start}
  .qarar-system-single{grid-template-columns:1fr;padding-top:30px}
  .qarar-system-single__aside{position:static}
  .qarar-system-single__cover{min-height:300px}
}
@media(max-width:520px){
  .qarar-systems-heading{display:block}.qarar-systems-heading>strong{display:inline-block;margin-top:12px}
  .qarar-system-file{align-items:flex-start;flex-wrap:wrap}.qarar-system-file__action{width:100%;padding-right:64px}
}