/* TAWASH v1 journey: a quiet user identity card, one editable deal editor and reviewed AI preview.
   Founder-approved five v4 answers remain defaults, never per-deal authority. */
body[data-screen=home] #app, body[data-screen=dws] #app { overflow-wrap:anywhere; }
.tw-profile { margin:8px 0 16px; padding:18px 20px; border:1px solid color-mix(in srgb,var(--primary) 26%,var(--rule)); }
.tw-section-head { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px; }
.tw-section-head h1, .tw-section-head h2 { margin:2px 0 4px; color:var(--ink); font:700 clamp(20px,4.8vw,25px)/1.45 var(--display); }
.tw-eyebrow { display:block; font:700 12px/1.5 var(--body); letter-spacing:.02em; color:var(--primary); }
.tw-hint { margin:4px 0 10px; font:400 13px/1.65 var(--body); color:var(--soft); max-width:52em; }
.tw-edit { min-height:44px; width:auto; padding:8px 16px; margin:0; flex-shrink:0; font:600 14px var(--body); }
.tw-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
.tw-prof-field { display:grid; gap:3px; padding:10px 12px; border:1px solid var(--rule); border-radius:12px; background:var(--sunk); min-width:0; }
.tw-prof-label { color:var(--soft); font:600 12px/1.5 var(--body); }
.tw-prof-value { color:var(--ink); font:600 15px/1.6 var(--body); min-width:0; overflow-wrap:anywhere; }
#home .j-hero { background:var(--panel); color:var(--ink); border:1px solid var(--rule); text-align:start; box-shadow:var(--shadow); padding:20px; }
#home .j-hero h1 { color:var(--ink); font:700 clamp(21px,5vw,28px)/1.45 var(--display); }
#home .j-hero .j-lede { color:var(--soft); max-width:none; margin:4px 0 12px; }
#home .j-need { display:none; }
#home .j-need-more { margin:0; max-width:none; }
#home .j-need-more summary { color:var(--primary); justify-content:flex-start; }
#home .j-need-more .j-need { display:grid; }
#home .j-need-more .j-need li { background:var(--sunk); color:var(--ink); }
#home .j-need-more .j-need b { color:var(--primary); }
#home .j-mic { margin:12px auto 6px; width:112px; height:112px; min-height:112px; background:var(--primary); }
#home .j-mic.rec { background:var(--jade); }
#home .j-note { text-align:center; color:var(--soft); }
#home .j-note.bad { color:var(--coral); } #home .j-note.busy { color:var(--jade); }
#home .j-type { display:grid; gap:8px; margin:14px 0 0; }
#home .tw-input-label { display:block; font:600 14px/1.5 var(--body); color:var(--ink); }
#home .j-type textarea { color:var(--ink); background:var(--sunk); border:1.5px solid var(--rule); margin:0; min-height:145px; resize:vertical; font-size:16px; }
#home .j-type textarea::placeholder { color:var(--soft); opacity:.84; }
#home .j-type .main { margin:0; min-height:50px; }
#home .j-hero .err { color:var(--coral); }
.tw-inputs { padding:18px 20px; }
.tw-inputs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.tw-inputs-grid > div { min-width:0; background:var(--sunk); border-radius:12px; padding:12px; }
.tw-inputs-grid h3 { font:700 14px var(--body); color:var(--ink); margin:0 0 8px; }
.tw-compact-profile { display:flex; flex-wrap:wrap; gap:6px; }
.tw-pill { display:inline-block; padding:4px 9px; border-radius:9px; border:1px solid var(--rule); background:var(--panel); font-size:12px; color:var(--ink); }
.tw-deal-draft { white-space:pre-wrap; word-break:break-word; color:var(--ink); font:400 14px/1.8 var(--body); margin:0; max-height:190px; overflow:auto; }
.tw-inputs[data-has-text=false] .tw-deal-draft { color:var(--soft); }
.tw-profile-deal { margin-top:0; }
.tw-deal-summary { display:grid; gap:2px; margin:8px 0 16px; padding:10px 14px; border-inline-start:3px solid var(--primary); background:var(--primary-soft); border-radius:10px; }
.tw-deal-summary strong { color:var(--ink); font:700 15px var(--body); }
.tw-deal-summary span { color:var(--soft); font:400 13px/1.6 var(--body); }
@media (max-width:600px) {
  .tw-profile, .tw-inputs { padding:14px; margin:8px 0 14px; }
  .tw-section-head { gap:6px; }
  .tw-edit { width:100%; }
  .tw-profile-grid { gap:7px; }
  .tw-prof-field { padding:9px; }
  .tw-prof-value { font-size:14px; }
  #home .j-hero { padding:14px; }
  .tw-inputs-grid { grid-template-columns:1fr; }
}
@media (min-width:1050px) {
  .tw-profile-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
  #home .j-hero { max-width:100%; }
}
@media (prefers-reduced-motion:reduce) { #home .j-mic-ring { transition:none !important; } }

/* Design-system application (scoped): shared semantic spacing, control and surface rules. */
#home { display:flow-root; }
#home .tw-profile, #dws .tw-profile { padding:var(--tw-space-5); border-radius:var(--tw-radius-lg); border:1px solid var(--tw-border);
  box-shadow:var(--tw-elevation-card); background:var(--tw-surface); }
#home .tw-section-head, #dws .tw-section-head { align-items:center; }
#home .tw-profile .tw-hint, #dws .tw-profile .tw-hint { max-width:48ch; margin:var(--tw-space-1) 0 var(--tw-space-2); }
#home .tw-profile-grid, #dws .tw-profile-grid { gap:var(--tw-space-2); margin-top:var(--tw-space-3); }
#home .tw-prof-field, #dws .tw-prof-field { padding:var(--tw-space-3); border-radius:var(--tw-radius-sm);
  background:var(--tw-surface-muted); border:1px solid transparent; }
#home .tw-prof-label, #dws .tw-prof-label { font-size:12px; line-height:1.45; }
#home .tw-prof-value, #dws .tw-prof-value { font-size:14px; line-height:1.5; }
#home .tw-edit, #dws .tw-edit { background:var(--tw-surface); color:var(--tw-accent); border:1px solid var(--tw-border); }
#home .tw-edit:hover, #dws .tw-edit:hover { border-color:var(--tw-accent); }
#home .j-hero { margin-top:var(--tw-space-3); padding:var(--tw-space-6); border-radius:var(--tw-radius-lg);
  box-shadow:var(--tw-elevation-card); background:var(--tw-surface); border:1px solid var(--tw-border); }
#home .j-hero h1 { margin:var(--tw-space-1) 0 var(--tw-space-2); font-size:clamp(23px,5vw,30px); }
#home .j-hero .j-lede { margin-bottom:var(--tw-space-4); line-height:1.6; }
#home .tw-dictation { display:flex; align-items:center; gap:var(--tw-space-4); padding:var(--tw-space-4);
  background:var(--tw-surface-muted); border:1px solid var(--tw-border); border-radius:var(--tw-radius-md);
  margin:var(--tw-space-4) 0; text-align:start; min-width:0; }
#home .tw-dictation .j-mic { width:76px; height:76px; min-width:76px; min-height:76px; flex:0 0 76px;
  padding:6px; margin:0; border-radius:50%; gap:1px; font-size:11px; line-height:1.3; box-shadow:0 6px 16px -8px rgba(36,69,214,.5); }
#home .tw-dictation .j-mic svg { flex:none; width:26px; height:26px; }
#home .tw-dictation .j-mic-ring { inset:-5px; border-width:1px; }
#home .tw-voice-desc { min-width:0; flex:1; }
#home .tw-voice-desc strong { font:650 14px/1.45 var(--body); color:var(--tw-text); }
#home .tw-voice-desc .j-note { font-size:12px; margin:var(--tw-space-1) 0 0;
  line-height:1.5; color:var(--tw-text-muted); overflow-wrap:anywhere; }
#home .tw-voice-desc .j-note.bad { color:var(--tw-danger); }
#home .tw-voice-desc .j-note.busy { color:var(--tw-positive); }
#home .j-type { gap:var(--tw-space-2); margin-top:var(--tw-space-3); }
#home .j-type .tw-input-label { font-weight:650; }
#home .tw-optional { display:block; font-weight:400; font-size:12px; color:var(--tw-text-muted); }
#home .j-type textarea { display:block; width:100%; min-height:156px; resize:vertical; padding:var(--tw-space-4);
  background:var(--tw-surface); color:var(--tw-text); border:1.5px solid var(--tw-border);
  border-radius:var(--tw-radius-md); line-height:1.8; box-shadow:none; }
#home .j-type textarea:focus { border-color:var(--tw-accent); outline:0; box-shadow:var(--tw-focus); }
#home .j-type #hTextGo { display:flex; align-items:center; justify-content:center; gap:var(--tw-space-2);
  min-height:52px; width:100%; padding:var(--tw-space-3) var(--tw-space-5); margin-top:var(--tw-space-2);
  border-radius:var(--tw-radius-md); background:var(--tw-accent); color:var(--on-primary); border:1px solid var(--tw-accent);
  font:650 16px/1.5 var(--body); }
#home .j-type #hTextGo[aria-busy=true] { cursor:progress; opacity:.72; }
#home .tw-inputs { border-radius:var(--tw-radius-lg); padding:var(--tw-space-5);
  background:var(--tw-surface); border:1px solid var(--tw-border); box-shadow:var(--tw-elevation-card); }
#home .tw-inputs-grid { gap:var(--tw-space-3); }
#home .tw-inputs-grid > div { padding:var(--tw-space-4); border-radius:var(--tw-radius-md); border:1px solid var(--tw-border); }
#home .tw-inputs-grid h3 { font-size:13px; font-weight:650; }
#home .tw-deal-draft { max-height:148px; overflow:auto; font-size:14px; line-height:1.75; }
#home .tw-pill { border-radius:8px; font-size:12px; background:var(--tw-surface); padding:4px 8px; }
#home .j-need-more { margin-top:var(--tw-space-2); }
#home .j-list { padding-top:var(--tw-space-2); }
@media (max-width:600px) {
  #home .tw-profile, #dws .tw-profile, #home .tw-inputs { padding:var(--tw-space-4); }
  #home .j-hero { padding:var(--tw-space-4); }
  #home .tw-profile .tw-edit, #dws .tw-profile .tw-edit { width:auto; min-width:140px; margin-top:var(--tw-space-2); }
  #home .tw-dictation { padding:var(--tw-space-3); gap:var(--tw-space-3); }
  #home .tw-inputs-grid { grid-template-columns:1fr; }
}
@media (max-width:360px) {
  #home .tw-profile-grid, #dws .tw-profile-grid { grid-template-columns:1fr 1fr; }
  #home .tw-prof-field, #dws .tw-prof-field { padding:var(--tw-space-2); }
  #home .tw-voice-desc strong { font-size:13px; }
  #home .tw-dictation .j-mic { width:70px; height:70px; flex-basis:70px; min-width:70px; min-height:70px; }
}