/* VEYTU V5.11.9 — request panel clarity, visual only.
   Does not modify requests, voting, permissions, Orbit or WebRTC.
   The four existing children are: icon, copy, controls and dynamic opinions. */
#requestSpotlight.request-spotlight:not([hidden]){
  display:grid;
  grid-template-columns:52px minmax(0,1fr) minmax(220px,255px);
  grid-template-areas:'symbol content actions' '. content opinions';
  align-items:start;
  column-gap:clamp(14px,1.8vw,24px);
  row-gap:12px;
  padding:clamp(18px,2.1vw,28px);
  margin:18px 0 22px;
  border:1px solid rgba(64,153,121,.22);
  border-radius:clamp(20px,2vw,28px);
  background:linear-gradient(125deg,rgba(232,247,239,.96),rgba(247,252,248,.94) 70%,rgba(226,243,235,.95));
  box-shadow:0 16px 38px rgba(16,85,64,.065),inset 0 1px rgba(255,255,255,.8);
  color:var(--ink);
  min-width:0;
  overflow:visible;
}
#requestSpotlight .spotlight-icon{
  grid-area:symbol;
  width:52px;height:52px;display:grid;place-items:center;
  border-radius:18px;font-size:26px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(68,148,118,.14);
  box-shadow:0 7px 19px rgba(13,89,64,.06);
}
#requestSpotlight .spotlight-copy{grid-area:content;display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;align-self:start}
#requestSpotlight .spotlight-overline{font-size:10px;letter-spacing:.15em;line-height:1.5;font-weight:800;color:var(--jade)}
#requestSpotlight .spotlight-copy strong{font-size:clamp(16px,1.35vw,20px);line-height:1.32;letter-spacing:-.025em;font-weight:760;overflow-wrap:anywhere}
#requestSpotlight .spotlight-copy small{font-size:clamp(12px,.95vw,14px);line-height:1.55;font-weight:600;color:var(--muted);overflow-wrap:anywhere}
#requestSpotlight .spotlight-message:not([hidden]){
  display:block!important;align-self:flex-start;
  margin:5px 0 0!important;padding:12px 15px;
  max-width:min(100%,600px);width:auto;
  border-radius:15px;border:1px solid rgba(67,133,107,.16);
  background:rgba(255,255,255,.86);
  box-shadow:0 3px 14px rgba(16,72,56,.035);
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.6!important;white-space:pre-wrap;overflow-wrap:anywhere;
}
#requestSpotlight .spotlight-controls{
  grid-area:actions;display:flex;flex-direction:column;gap:10px;
  min-width:0;width:100%;align-items:stretch;justify-content:start;
  margin:0;padding:0;
}
#requestSpotlight .spotlight-controls button{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-width:0;min-height:46px;padding:12px 13px;
  border-radius:14px;font-size:13px;font-weight:740;line-height:1.35;
  white-space:normal;overflow-wrap:anywhere;text-align:center;
}
#requestSpotlight .spotlight-controls button[hidden]{display:none!important}
#requestSpotlight .spotlight-yield{background:linear-gradient(120deg,#17745e,#125f51);border:1px solid rgba(7,75,58,.22);color:#fff;box-shadow:0 7px 15px rgba(8,89,69,.12)}
#requestSpotlight .spotlight-jump{background:rgba(255,255,255,.82);border:1px solid rgba(34,113,87,.32);color:var(--jade)}
#requestSpotlight .veytu-request-opinions{
  grid-area:opinions;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;align-items:stretch;min-width:0;width:100%;margin:0;
  padding:13px;border:1px solid rgba(43,127,94,.15);border-radius:17px;
  background:rgba(255,255,255,.56);
}
#requestSpotlight .veytu-opinion-count{
  grid-column:1/-1;flex-basis:auto;font-size:11px;line-height:1.45;
  font-weight:700;opacity:1;color:var(--muted);overflow-wrap:anywhere;
}
#requestSpotlight .veytu-opinion-btn{
  width:100%;min-width:0;min-height:42px;padding:9px 7px;
  border-radius:12px;background:rgba(255,255,255,.7);
  border:1px solid rgba(29,116,87,.24);color:var(--ink);
  font-size:12px;font-weight:700;line-height:1.3;
  white-space:normal;overflow-wrap:anywhere;
}
#requestSpotlight .veytu-opinion-btn[aria-pressed='true']{
  background:rgba(22,116,90,.12);border-color:var(--jade);color:var(--jade);
  box-shadow:inset 0 0 0 1px rgba(22,116,90,.1);
}
/* Narrow desktop and tablets: never force text into three cramped columns. */
@media(max-width:1299px){
  #requestSpotlight.request-spotlight:not([hidden]){
    grid-template-columns:48px minmax(0,1fr);
    grid-template-areas:'symbol content' 'actions actions' 'opinions opinions';
    column-gap:14px;row-gap:14px;
  }
  #requestSpotlight .spotlight-icon{width:48px;height:48px;border-radius:15px}
  #requestSpotlight .spotlight-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #requestSpotlight .veytu-request-opinions{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:12px 14px}
  #requestSpotlight .veytu-opinion-count{grid-column:auto;padding-right:8px}
  #requestSpotlight .veytu-opinion-btn{min-width:108px;padding:10px 14px}
}
/* iPhone and compact tablets: a single clear reading path. */
@media(max-width:700px){
  #requestSpotlight.request-spotlight:not([hidden]){
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:'content' 'actions' 'opinions';
    row-gap:13px;padding:16px;margin:14px 0 18px;border-radius:21px;
  }
  #requestSpotlight .spotlight-icon{display:none!important}
  #requestSpotlight .spotlight-copy{gap:6px}
  #requestSpotlight .spotlight-copy strong{font-size:17px;line-height:1.4}
  #requestSpotlight .spotlight-copy small{font-size:12px;line-height:1.5}
  #requestSpotlight .spotlight-message:not([hidden]){width:100%;max-width:100%;padding:11px 13px;font-size:13px!important}
  #requestSpotlight .spotlight-controls{grid-template-columns:1fr;gap:8px}
  #requestSpotlight .spotlight-controls button{min-height:45px;font-size:13px;padding:11px 12px}
  #requestSpotlight .veytu-request-opinions{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}
  #requestSpotlight .veytu-opinion-count{grid-column:1/-1;padding-right:0}
  #requestSpotlight .veytu-opinion-btn{min-width:0;min-height:44px;font-size:12px}
}
@media(max-width:360px){
  #requestSpotlight.request-spotlight:not([hidden]){padding:12px}
  #requestSpotlight .veytu-request-opinions{padding:9px}
}
:root[data-theme='dark'] #requestSpotlight.request-spotlight:not([hidden]){
  background:linear-gradient(130deg,#1b3833,#17302d 80%,#214139);
  border-color:rgba(116,208,173,.24);
  box-shadow:0 15px 35px rgba(0,0,0,.18);
}
:root[data-theme='dark'] #requestSpotlight .spotlight-icon,
:root[data-theme='dark'] #requestSpotlight .spotlight-message:not([hidden]),
:root[data-theme='dark'] #requestSpotlight .veytu-request-opinions,
:root[data-theme='dark'] #requestSpotlight .spotlight-jump,
:root[data-theme='dark'] #requestSpotlight .veytu-opinion-btn{background:rgba(18,45,40,.78)}