/* ═══════════════ e'thix AI — «الخطابات والتقارير»: the letters and reports studio (W8, PK-W8-3) ═══════════════
   Loaded after export.css (the paper and the print sheet are export.js's; .paper is agent.css's). Mobile first: one
   column (form, then preview) up to 900px; side by side above. Logical properties only, so RTL and LTR share every rule.
   Small text uses the same ink/muted mixes as tools-hub.css so it keeps 4.5:1 on the sheet. */

.lt-sheet .sheet-body.lt{display:grid;gap:14px;align-content:start}
.lt-home,.lt-letter,.lt-report{display:grid;gap:14px;min-width:0}
.lt-h{margin:0;font-size:18px;font-weight:700;color:var(--ink);line-height:1.4}
.lt-h:focus{outline:none}
.lt-h:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;border-radius:4px}
.lt-intro,.lt-desc{margin:0;font-size:14px;line-height:1.7;color:var(--ink-soft)}
.lt-muted,.lt-foot,.lt-why,.lt-version{margin:0;font-size:12.5px;line-height:1.6;color:color-mix(in srgb,var(--muted) 55%,var(--ink))}
.lt-gh{margin:0;font-size:14.5px;font-weight:700;color:var(--ink)}
.lt-group{display:grid;gap:10px}

/* the consultation and the state of its case file */
.lt-pick{display:grid;gap:6px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--ink) 4%,transparent);border:1px solid var(--line)}
.lt-pick p{margin:0;font-size:14px;line-height:1.7;color:var(--ink)}
.lt-pick-label{font-size:12.5px;font-weight:700;color:var(--ink-soft)}
.lt-select{width:100%;min-height:44px}
.lt-state{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1.6;color:var(--ink);padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--ink) 3%,transparent)}
.lt-state .i{width:16px;height:16px;flex:none;color:var(--success,#2f7d4f)}
.lt-state.s-failed,.lt-state.s-nocase{background:color-mix(in srgb,#C79A2E 12%,transparent)}
.lt-state:empty{display:none}

/* the cards */
.lt-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:560px){.lt-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}
.lt-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);min-width:0}
.lt-top{display:flex;align-items:center;gap:10px}
.lt-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,#7488A8 12%,transparent);color:#56667F}
html[data-theme="dark"] .lt-ic{color:#B7C6DD}
.lt-ic .i{width:18px;height:18px}
.lt-title{flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;color:var(--ink);line-height:1.4}
.lt-card .lt-desc{font-size:13.5px}
.lt-cfoot{margin-top:auto;display:grid;gap:6px;justify-items:start}
.lt-go{min-height:40px}
.lt-go[aria-disabled="true"]{opacity:.55;cursor:default;filter:saturate(.3)}

/* C21: pending the lawyer — on every letter card, in the studio, and one line of every output */
.lt-pending{display:inline-flex;align-items:center;gap:6px;justify-self:start;align-self:flex-start;margin:0;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--gold-text,var(--ink));background:color-mix(in srgb,var(--gold,#c9a227) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold,#c9a227) 45%,var(--line))}
.lt-pending .i{width:14px;height:14px;flex:none}

/* the bar above a letter or report */
.lt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}
.lt-head{display:grid;gap:6px}
.lt-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lt-actions .b{min-height:40px}

/* a letter: the form and the preview */
.lt-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:900px){.lt-cols{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}}
.lt-side{min-width:0}
.lt-form{display:grid;gap:12px}
.lt-fs{margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;min-width:0}
.lt-fs legend{padding:0 6px;font-size:13px;font-weight:700;color:var(--ink)}
.lt-fs-case{background:color-mix(in srgb,#2f7d4f 5%,transparent)}
.lt-field{display:grid;gap:4px;margin:0}
.lt-field .input{width:100%;min-height:44px}
.lt-field textarea.input{min-height:64px;resize:vertical}
.lt-src{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:12.5px;line-height:1.55;color:color-mix(in srgb,#2f7d4f 70%,var(--ink))}
.lt-src .i{width:14px;height:14px;flex:none;margin-top:3px}
.lt-src.is-edited{color:color-mix(in srgb,#8A6412 80%,var(--ink))}
html[data-theme="dark"] .lt-src{color:#9fd3b3}
html[data-theme="dark"] .lt-src.is-edited{color:#E8C877}
.lt-lang .input,.lt-rlang{min-height:44px;width:100%}
.lt-rlang-row{display:grid;gap:4px;max-width:260px}

/* the items a claim names: figures as the calculator printed them */
.lt-items{gap:6px}
.lt-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:10px;cursor:pointer;min-height:44px}
.lt-item input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--accent-b)}
.lt-item:has(input:focus-visible){outline:2px solid var(--gold-deep);outline-offset:1px}
@media (hover:hover){.lt-item:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}
.lt-itxt{display:grid;gap:2px;min-width:0;font-size:13.5px;line-height:1.55;color:var(--ink)}
.lt-itxt small{font-size:12px;color:color-mix(in srgb,var(--muted) 55%,var(--ink))}
.lt-cond{font-style:italic}
.lt-fig{font-weight:700;overflow-wrap:anywhere}
.lt-total{margin:4px 0 0;font-size:13px;line-height:1.6;font-weight:600;color:var(--ink)}

/* the preview */
.lt-preview{display:grid;gap:10px;min-width:0}
.lt-pvhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.lt-count{margin:0;font-size:12.5px;color:color-mix(in srgb,var(--muted) 55%,var(--ink))}
.lt-byline{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.lt-byline .i{width:14px;height:14px;flex:none;margin-top:3px}
.lt-paper{max-width:none;min-height:0;margin:0;padding:28px clamp(16px,4vw,48px);animation:none;overflow-wrap:anywhere;font-size:14.5px}
.lt-paper .lt-ptitle{font-size:18px;margin:0 0 1em}
.lt-paper .fig{font-weight:700;padding:0 2px;border-radius:3px;background:color-mix(in srgb,#7488A8 12%,transparent)}
.lt-paper .blank{background:#fff3b0;color:#3d3000;border-bottom:1px dashed #8a6d00;padding:0 3px;border-radius:2px}
html[data-theme="dark"] .lt-paper .blank{background:#5a4a12;color:#fff4c2}
.lt-paper{overflow-x:auto}
.lt-paper :is(td,th){vertical-align:top;text-align:start;font-size:13px}
html[data-theme="dark"] .lt-paper :is(td,th){border-color:rgba(233,227,217,.2)}

/* the entitlement cards (I1) */
.lt-ents{min-width:0}
.lt-elist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lt-ent{display:grid;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);min-width:0}
.lt-ent.st-conditional,.lt-ent.st-unknown{border-style:dashed}
.lt-etop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}
.lt-elabel{font-size:14.5px;color:var(--ink)}
.lt-ent .lt-fig{font-size:15px}
.lt-emeta{margin:0;font-size:12.5px;line-height:1.6;color:color-mix(in srgb,var(--muted) 55%,var(--ink))}
.lt-st{font-weight:700;color:var(--ink)}
.lt-edet summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);min-height:32px;display:flex;align-items:center}
.lt-edet summary:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:4px}
.lt-edet p,.lt-edet ul{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--ink)}
.lt-formula{font-variant-numeric:tabular-nums}
.lt-conds{padding-inline-start:1.2em}
.lt-changes{font-style:italic}
.lt-answer{justify-self:start;min-height:40px}

/* phones: 320–414px */
@media (max-width:480px){
  .lt-paper{padding:18px 14px;font-size:14px}
  .lt-actions .b{flex:1 1 auto;justify-content:center}
  .lt-fs{padding:10px}
}

/* the model-written request (wave 4, G2 / C20): the agent's draft_letter task, step by step */
.lt-ai{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--gold,#c9a227) 35%,var(--line));background:color-mix(in srgb,var(--gold,#c9a227) 5%,var(--surface));min-width:0}
.lt-ai-h{display:flex;align-items:center;gap:6px;margin:0}
.lt-ai-h .i{width:16px;height:16px;flex:none}
.lt-ai-what,.lt-ai-status{margin:0;font-size:13px;line-height:1.7;color:var(--ink)}
.lt-ai-status.is-note{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--muted) 8%,transparent)}
.lt-ai-model{display:grid;gap:4px}
.lt-ai-model select{min-height:40px;max-width:100%}
.lt-ai-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lt-ai-s{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--muted) 55%,var(--ink))}
.lt-ai-s.st-running,.lt-ai-s.st-done{color:var(--ink)}
.lt-ai-s.st-running{font-weight:700}
.lt-ai-mark{display:inline-grid;place-items:center;width:18px;height:18px;flex:none}
.lt-ai-mark .i{width:14px;height:14px}
.lt-ai-mark i{display:block;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--muted) 45%,transparent)}
.lt-ai-mark .spinner{width:14px;height:14px}
.lt-ai-s.st-failed{color:color-mix(in srgb,var(--danger,#b3261e) 75%,var(--ink))}
.lt-ai-by{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px;color:var(--ink)}
.lt-ai-by .i{width:15px;height:15px;flex:none}
.lt-ai-fallback{display:flex;align-items:flex-start;gap:6px;margin:0;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.6;color:color-mix(in srgb,#8A6412 80%,var(--ink));background:color-mix(in srgb,#E8C877 18%,transparent)}
html[data-theme="dark"] .lt-ai-fallback{color:#E8C877}
.lt-ai-fallback .i{width:14px;height:14px;flex:none;margin-top:3px}
.lt-ai-bar{display:flex;flex-wrap:wrap;gap:8px}
.lt-ai-bar .b{min-height:40px}
.lt-ai-bar .is-off{opacity:.55;cursor:not-allowed}
@media (max-width:480px){
  .lt-ai{padding:10px}
  .lt-ai-bar .b{flex:1 1 auto;justify-content:center}
}

/* wave 5 (G2): the letter's tone — a radio group, big enough to tap on a phone */
.lt-tone{margin:0}
.lt-tone-row{display:flex;flex-wrap:wrap;gap:8px}
.lt-tone-opt{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13.5px}
.lt-tone-opt input{margin:0;accent-color:var(--gold,#c9a227)}
.lt-tone-opt:has(input:checked){border-color:color-mix(in srgb,var(--gold,#c9a227) 70%,var(--line));background:color-mix(in srgb,var(--gold,#c9a227) 12%,var(--surface));font-weight:700}
.lt-tone-opt:has(input:focus-visible){outline:2px solid var(--gold,#c9a227);outline-offset:2px}

/* wave 5 (G1, I1): a report's model-written part — who wrote it, pending the lawyer, what the number guard removed */
.lt-rai{margin-block:4px 12px}
.lt-ai-by{flex-wrap:wrap}
.lt-ai-guard{margin:0;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.6;color:var(--ink);background:color-mix(in srgb,var(--muted) 10%,transparent)}
@media (max-width:480px){
  .lt-tone-opt{flex:1 1 auto;justify-content:center}
}