.judgements-page{
  display:flex;
  flex-direction:column;
  gap:18px;
  color:rgba(255,255,255,.94);
}

.judgements-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
}

.judgements-header h1{
  margin:0;
  font-size:28px;
}

.judgements-header p{
  margin:6px 0 0;
  opacity:.72;
}

.judgements-actions{
  display:flex;
  gap:10px;
  align-items:center;
}

.judgements-actions input{
  width:340px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#fff;
  padding:0 14px;
  outline:none;
}

.judgements-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.judgements-table-wrap{
  overflow:auto;
}

.judgements-table{
  width:100%;
  border-collapse:collapse;
}

.judgements-table th,
.judgements-table td{
  text-align:left;
  padding:14px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  vertical-align:top;
}

.judgements-table th{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
  opacity:.75;
}

.judgement-modal .modal-body{
  max-height:70vh;
  overflow:auto;
}

.judgement-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.judgement-form-grid .full{
  grid-column:1 / -1;
}

.judgement-form-grid textarea,
.judgement-form-grid input{
  width:100%;
}

.judgement-preview-modal .modal-body{
  background:#dcdcdc;
  max-height:75vh;
  overflow:auto;
  padding:24px;
}

.judgement-document{
  display:flex;
  flex-direction:column;
  gap:28px;
}

.judgement-doc-page{
  background:#efefef;
  color:#111;
  width:100%;
  max-width:820px;
  margin:0 auto;
  min-height:1080px;
  padding:52px 68px;
  position:relative;
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  font-family:"Times New Roman", serif;
}

.judgement-doc-topline{
  position:absolute;
  top:30px;
  right:55px;
  font-size:18px;
}

.judgement-doc-seal-wrap{
  display:flex;
  justify-content:center;
  margin-top:60px;
  margin-bottom:45px;
}

.judgement-doc-seal{
  width:230px;
  height:230px;
  border-radius:999px;
  border:12px solid #0c89ab;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:24px;
  font-weight:700;
  color:#0c89ab;
}

.judgement-doc-main-title{
  text-align:center;
  font-size:30px;
  line-height:1.18;
  margin:0 0 34px;
}

.judgement-doc-subtitle{
  max-width:760px;
  margin:0 auto 46px;
  text-align:center;
  font-size:20px;
  line-height:1.34;
}

.judgement-doc-judge{
  text-align:center;
  margin-bottom:55px;
}

.judgement-doc-judge-name{
  font-size:22px;
}

.judgement-doc-judge-role{
  font-size:18px;
  font-style:italic;
  margin-top:6px;
}

.judgement-doc-date{
  text-align:center;
  font-size:17px;
  line-height:1.35;
}

.judgement-doc-section{
  margin-bottom:38px;
}

.judgement-doc-section h3{
  font-size:19px;
  margin:0 0 8px;
  font-weight:700;
}

.judgement-doc-section p{
  margin:0;
  font-size:14px;
  line-height:1.55;
}

.judgement-doc-signature{
  margin-top:100px;
  width:360px;
  margin-left:auto;
  text-align:center;
}

.judgement-doc-sign-name{
  font-size:22px;
  font-style:italic;
  margin-bottom:8px;
}

.judgement-doc-sign-line{
  border-top:2px solid #111;
  margin-bottom:10px;
}

.judgement-doc-sign-role,
.judgement-doc-sign-ref{
  font-size:14px;
  line-height:1.35;
}

@media (max-width: 1100px){
  .judgements-header{
    flex-direction:column;
    align-items:stretch;
  }

  .judgements-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .judgements-actions input{
    width:100%;
  }

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

  .judgement-form-grid{
    grid-template-columns:1fr;
  }
}

.judgement-modal .modal-body,
.judgement-preview-modal .modal-body {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.28) rgba(255,255,255,.06);
}

.judgement-modal .modal-body::-webkit-scrollbar,
.judgement-preview-modal .modal-body::-webkit-scrollbar {
  width: 10px;
}

.judgement-modal .modal-body::-webkit-scrollbar-track,
.judgement-preview-modal .modal-body::-webkit-scrollbar-track {
  background: rgba(255,255,255,.06);
  border-radius: 999px;
}

.judgement-modal .modal-body::-webkit-scrollbar-thumb,
.judgement-preview-modal .modal-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.18));
  border-radius: 999px;
  border: 2px solid rgba(10,16,30,.45);
}

.judgement-modal .modal-body::-webkit-scrollbar-thumb:hover,
.judgement-preview-modal .modal-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.24));
}