/* =========================================================
   NAHWU SINTESA V14.1 — Nahwu Lab Integration & UI Fix
   ========================================================= */
.irab-lab{max-width:1000px}
.irab-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}
.irab-topbar h1{margin-bottom:0}

.lab-access-note{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin:16px 0;padding:12px 15px;border:1px solid var(--line);
  border-radius:14px;background:#f8fbfa
}
.lab-access-note small{color:var(--muted)}

.irab-sentence{
  margin:18px 0;
  text-align:center;
  overflow:hidden;
}
.sentence-head{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  margin-bottom:8px;color:var(--muted)
}
.irab-sentence .sentence-ar{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:8px auto 10px;
  padding:4px 14px;
  font-size:38px;
  line-height:1.9;
  direction:rtl;
  text-align:center;
  unicode-bidi:isolate;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.target-word{
  display:inline-block;
  max-width:100%;
  padding:7px 16px;
  border-radius:999px;
  background:#eef8f4;
  color:var(--green);
  font-size:22px;
  line-height:1.7;
  font-family:"Noto Naskh Arabic","Amiri",serif;
  direction:rtl;
  unicode-bidi:isolate;
}

.irab-builder-form{display:grid;gap:14px}
.builder-step{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:13px;
  align-items:start;
  padding:12px 0;
  border-bottom:1px solid var(--line)
}
.builder-step>span{
  width:38px;height:38px;display:grid;place-items:center;
  border-radius:12px;background:#eef8f4;color:var(--green);font-weight:800
}
.builder-step label{display:block;font-weight:700;margin-bottom:7px}
.builder-step select,.builder-step textarea{width:100%;max-width:100%;box-sizing:border-box}

.reason-flow{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:11px 13px;margin:12px 0 16px;border-radius:12px;background:#f8fbfa
}
.reason-flow span{font-family:"Noto Naskh Arabic","Amiri",serif;font-weight:800;font-size:18px}
.reason-flow i{font-style:normal;color:var(--muted)}

.reason-chain{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  margin:18px 0
}
.reason-chain>div{
  min-width:0;padding:12px 7px;border:1px solid var(--line);
  border-radius:12px;text-align:center;background:#fafcfb
}
.reason-chain small,.reason-chain b{display:block}
.reason-chain small{
  color:var(--muted);
  font-family:"Noto Naskh Arabic","Amiri",serif;
  font-size:16px
}
.reason-chain b{margin-top:5px;overflow-wrap:anywhere}
.irab-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px}

.lp-lab-entry{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:16px
}
.lp-lab-entry h3{margin:4px 0}.lp-lab-entry p{margin:0;color:var(--muted)}
.dashboard-lab-card{margin-top:14px}

@media(max-width:800px){
  .irab-topbar,.lab-access-note,.lp-lab-entry{align-items:stretch;flex-direction:column}
  .reason-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .irab-sentence .sentence-ar{font-size:30px;padding-inline:8px}
  .irab-actions .btn,.irab-topbar .btn,.lp-lab-entry .btn{width:100%;text-align:center;justify-content:center}
}
@media(max-width:480px){
  .builder-step{grid-template-columns:38px minmax(0,1fr)}
  .builder-step>span{width:32px;height:32px;border-radius:9px}
  .reason-chain{grid-template-columns:1fr 1fr}
  .irab-sentence .sentence-ar{font-size:27px}
}