/* Rentaz · Stage-only UX phase 1: no native/API behavior changed. */
:root { --rx-accent: #9aafff; --rx-border:rgba(160,176,228,.20); --rx-muted:#aeb9d6; }
#view-tasks, #view-projects { font-feature-settings:"ss01" on; }
#view-tasks .destar-layout, #view-tasks .destar-conversation,
#view-tasks .destar-sidebar { min-width:0; box-sizing:border-box; }
#view-tasks .workspace-header { border-bottom:1px solid var(--rx-border); }
#view-tasks .rx-composer {
  box-sizing:border-box!important; min-width:0!important; max-width:100%!important;
  border:1px solid var(--rx-border)!important;
  border-radius:22px!important;
  background:linear-gradient(160deg,rgba(31,36,58,.94),rgba(22,24,36,.98))!important;
  padding:14px 16px!important; box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04);
}
#view-tasks .rx-composer textarea,
#view-tasks .rx-composer [contenteditable="true"] {
  width:100%!important; max-width:100%!important; min-width:0!important;
  box-sizing:border-box!important; resize:vertical;
  border:0!important; border-radius:10px!important;
  background:transparent!important; color:#f4f6ff!important;
  outline-offset:3px; font-size:15px!important; line-height:1.6!important;
}
#view-tasks .rx-composer textarea::placeholder { color:#9ca9c6!important; opacity:1; }
#view-tasks .rx-composer .rx-toolbar {
  display:flex!important; flex-wrap:wrap!important;
  align-items:center!important; gap:8px!important;
  width:100%!important; max-width:100%!important; min-width:0!important;
  box-sizing:border-box!important; height:auto!important; overflow:visible!important;
}
#view-tasks .rx-composer .rx-mode-group {
  display:flex!important; flex-wrap:wrap!important;
  align-items:center!important; gap:4px!important;
  min-width:0!important; max-width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(160,176,228,.14);
  border-radius:12px; padding:3px!important;
  background:rgba(6,8,18,.45)!important;
}
#view-tasks .rx-composer .rx-mode-option {
  min-width:0!important; max-width:100%!important;
  padding:8px 11px!important; border-radius:9px!important;
  white-space:normal!important; line-height:1.3!important;
  font-weight:600!important; font-size:12px!important;
  box-sizing:border-box!important;
}
#view-tasks .rx-composer .rx-send {
  flex:0 0 auto!important; margin-left:auto!important;
  min-width:66px!important; max-width:100%!important;
  padding:9px 14px!important; border-radius:11px!important;
  font-size:13px!important; font-weight:700!important;
  background:#e9eeff!important; color:#161b31!important;
  display:inline-flex!important; align-items:center; justify-content:center;
  box-sizing:border-box!important; transform:none!important;
  position:relative!important; inset:auto!important;
}
#view-tasks .rx-composer .rx-send:focus-visible,
#view-tasks .rx-composer .rx-mode-option:focus-visible {outline:2px solid var(--rx-accent)!important;outline-offset:3px;}
#view-tasks .rx-composer .rx-tools {
  flex:0 1 auto!important; min-width:0!important; white-space:normal!important;
  border-radius:10px!important; padding:7px 9px!important;
}
#view-tasks .rx-provider-notice {
  display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap;
  background:rgba(54,46,20,.52); border:1px solid rgba(235,183,72,.30);
  color:#f1dfb1; border-radius:14px; margin:14px 0; padding:14px 16px;
  line-height:1.55; font-size:13px; max-width:100%; box-sizing:border-box;
}
#view-tasks .rx-provider-notice strong {color:#fff0c1;display:block;font-size:14px;margin-bottom:3px;}
#view-tasks .rx-provider-notice button {
  appearance:none; font:inherit; cursor:pointer; border:1px solid rgba(235,183,72,.40);
  padding:7px 11px; border-radius:10px; background:rgba(239,193,88,.13); color:#fff2cb;
}
#view-tasks .rx-provider-notice p {margin:0;flex:1 1 220px;}
#view-projects .project-card, #view-projects .project-grid > * {
  border-radius:17px; transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
#view-projects .project-card:hover { transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.20); }
@media(max-width:1100px){
  #view-tasks .rx-composer {padding:11px!important;border-radius:16px!important;}
  #view-tasks .rx-composer .rx-mode-option {padding:7px 8px!important;}
  #view-tasks .rx-composer .rx-toolbar {gap:6px!important;}
}
@media(max-width:850px){
  #view-tasks .rx-composer .rx-send {margin-left:0!important;}
  #view-tasks .rx-composer .rx-mode-group {flex:1 1 260px;}
  #view-tasks .rx-composer .rx-mode-option {flex:1 1 auto;}
}
@media(prefers-reduced-motion:reduce){
  #view-projects .project-card {transition:none!important;transform:none!important;}
}