/* app-lit.css: خط الدعاوى والقوانين. الملفات تُحمَّل بالترتيب: app.css, app-theme.css, app-motion.css, app-deeds.css, app-extras.css, app-lit.css, app-petitions.css */
/* ===== الخطّان: التجاري والدعاوى ===== */
.lineSw {
  display: flex;
  gap: 3px;
  padding: 3px;
  margin: 0 0 16px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.07);
}
.lineSw button {
  flex: 1;
  border: 0;
  background: none;
  color: var(--sideink);
  padding: 8px 6px;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.lineSw button.on {
  background: var(--gold);
  color: #1b2433;
  font-weight: 700;
}
.lineSwM,
.lineSwS {
  background: var(--bg);
  border: 1px solid var(--line);
}
.lineSwM button,
.lineSwS button {
  color: var(--mute);
}
.lineSwM {
  display: none;
}
.lineSwS {
  margin: 0 0 12px;
}
.sidesep {
  font-size: 11px;
  color: var(--sideink);
  opacity: 0.6;
  margin: 14px 12px 6px;
}
@media (max-width: 860px) {
  .tb .lineSwM {
    display: flex;
    flex-basis: 100%;
    order: 3;
    margin: 6px 0 0;
  }
  .tb {
    flex-wrap: wrap;
  }
}
.vs {
  color: var(--mute);
  font-size: 12px;
}
.ctab {
  width: 100%;
  border-collapse: collapse;
}
.ctab td,
.ctab th {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
  text-align: right;
  font-size: 14px;
  vertical-align: top;
}
.ctab th {
  color: var(--mute);
  font-weight: 500;
  font-size: 13px;
}
.ctab tr[data-href] {
  cursor: pointer;
}
.ctab tr[data-href]:hover td {
  background: var(--bg);
}
.instages {
  display: flex;
  margin: 2px 0;
}
.instages button {
  flex: 1;
  padding: 8px 4px;
  font: inherit;
  font-size: 13px;
  border: 1px solid var(--line);
  margin-inline-start: -1px;
  color: var(--mute);
  background: var(--panel);
  cursor: pointer;
}
.instages button:first-child {
  border-radius: 0 10px 10px 0;
}
.instages button:last-child {
  border-radius: 10px 0 0 10px;
}
.instages button.done {
  background: var(--acc2);
  color: var(--ink);
}
.instages button.on {
  background: var(--acc);
  color: var(--onacc);
  font-weight: 700;
}
.instages button:disabled {
  cursor: default;
}
.tl {
  list-style: none;
  margin: 0;
  padding: 0 18px 0 0;
  border-right: 2px solid var(--line);
}
.tl li {
  position: relative;
  padding: 4px 14px 18px 0;
}
.tl li::before {
  content: "";
  position: absolute;
  right: -25px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--panel);
  border: 2px solid var(--acc);
}
.tl li.next::before {
  background: var(--gold);
  border-color: var(--gold);
}
.tl b {
  display: block;
}
.tl .res {
  margin-top: 4px;
  font-size: 13px;
}
.tl .res b {
  display: inline;
  color: var(--acc);
}
.court {
  font-size: 12px;
  color: var(--mute);
  margin: 14px 0 4px;
  font-weight: 600;
}
.stageh {
  margin: 18px 0 6px;
  font-size: 14px;
  color: var(--acc);
}
.snote {
  display: block;
  font-size: 12px;
  color: var(--mute);
  margin-top: 2px;
  white-space: pre-wrap;
}
.seg2 {
  display: inline-flex;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 3px;
  gap: 3px;
}
.seg2 button {
  border: 0;
  background: none;
  padding: 6px 12px;
  border-radius: 7px;
  font: inherit;
  font-size: 13px;
  color: var(--mute);
  cursor: pointer;
}
.seg2 button.on {
  background: var(--panel);
  color: var(--ink);
  box-shadow: var(--shadow);
}
/* ===== القوانين ===== */
.bigsearch {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.bigsearch input {
  flex: 1;
  min-width: 220px;
  padding: 12px 14px;
  font-size: 15px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--ink);
}
.lawg {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.lawl {
  padding: 10px;
}
.lawl a {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 8px;
  color: var(--ink);
  font-size: 14px;
}
.lawl a.on {
  background: var(--acc2);
  font-weight: 600;
}
.lawtoc {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 120px;
  overflow: auto;
  margin-bottom: 10px;
}
.lawtoc a {
  font-size: 12px;
  padding: 2px 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--mute);
}
.art {
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 80px;
}
.art h5 {
  margin: 0 0 6px;
  font-size: 14px;
  color: var(--acc);
}
.art p {
  margin: 0 0 6px;
  line-height: 2;
}
.art.flash {
  background: color-mix(in srgb, var(--gold) 18%, transparent);
}
mark {
  background: #fde68a;
  color: inherit;
  padding: 0 2px;
  border-radius: 3px;
}
@media (max-width: 860px) {
  .lawg {
    grid-template-columns: 1fr;
  }
  .lawl {
    max-height: 220px;
    overflow: auto;
  }
}
:is(.side, .tabbar, .sheetnav) a[data-h="ltoday"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M2 12h2M20 12h2'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="cases"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-8.4 8.4a2 2 0 0 1-2.8-2.8L11.2 10'/%3E%3Cpath d='m16 16 6-6M8 8l6-6M9 7l8 8M21 11l-8-8'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="hearings"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M12 14v3l2 1'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="lclients"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="ldocs"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="police"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="deadlines"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14M5 2h14M17 22v-4.2a2 2 0 0 0-.6-1.4L12 12l-4.4 4.4a2 2 0 0 0-.6 1.4V22M7 2v4.2a2 2 0 0 0 .6 1.4L12 12l4.4-4.4a2 2 0 0 0 .6-1.4V2'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="petitions"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");
}
:is(.side, .tabbar, .sheetnav) a[data-h="laws"] {
  --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E");
}
.hdec {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.7;
}
@media (max-width: 860px) {
  .instages {
    overflow-x: auto;
  }
  .instages button {
    flex: 1 0 auto;
    padding: 8px 12px;
  }
}

/* زر الخطّين في الشريط الجانبي: سطر واحد لكل خط */
.lineSw button {
  white-space: nowrap;
  padding: 8px 4px;
  font-size: 12.5px;
}
/* درجات التقاضي القابلة للنقر واضحة في الوضعين، والمعطّلة (للقراءة فقط) باهتة */
.instages button:not(.on, .done, :disabled) {
  color: var(--ink);
}
.instages button:not(.on, :disabled):hover {
  background: var(--acc2);
}

/* قراءة القانون: عناوين الأبواب والفصول، وقائمتها، والإشارة إلى مادة أخرى */
.lawsec {
  margin: 22px 0 8px;
  padding: 8px 12px;
  border-inline-start: 3px solid var(--gold, var(--acc));
  background: var(--bg);
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.8;
}
.lawsecs > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 320px;
  overflow: auto;
  margin-top: 8px;
}
.lawsecs a {
  padding: 4px 6px;
  border-radius: 6px;
}
.lawsecs a:hover {
  background: var(--bg);
}
a.artref {
  text-decoration: underline dotted;
}
.lawgo input {
  width: 110px;
}
.art .row {
  gap: 6px;
}

/* مراكز الشرطة: القرارات المنجزة باهتة */
.pdecs li.pdone > div:first-child > div:first-child {
  color: var(--mute);
  text-decoration: line-through;
}