.ideas-list-head-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
#ideasListPage > .page-head,.ideas-list-card { width:100%; max-width:1520px; margin-inline:auto; }
.ideas-list-card { overflow:hidden; padding:0; border-color:color-mix(in srgb,var(--blue) 16%,var(--line)); box-shadow:0 16px 44px rgba(1,16,36,.1); }
.ideas-list-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 26px; border-bottom:1px solid var(--line); background:linear-gradient(110deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),var(--surface) 65%); }
.ideas-list-topline > div:first-child { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.ideas-list-topline strong { display:inline-flex; align-items:center; padding:4px 8px; border-radius:6px; background:color-mix(in srgb,var(--blue) 12%,var(--surface)); color:var(--blue); font-size:11px; letter-spacing:.02em; }
.ideas-list-toolbar { display:flex; align-items:center; gap:14px; }
.ideas-list-toolbar span { color:var(--muted); font-size:11px; white-space:nowrap; }
.ideas-list-status { margin:0; color:var(--muted); font-size:12px; }
.ideas-list-status[data-kind="error"] { color:var(--red); }
.ideas-list-status[data-kind="warning"] { color:var(--amber); }
.ideas-list-filters { display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,240px); align-items:end; gap:12px; margin:0; padding:18px 26px; border-bottom:1px solid var(--line); }
.ideas-list-filter-field { display:grid; gap:6px; min-width:0; }
.ideas-list-filter-field label { color:var(--muted); font-size:11px; font-weight:700; }
.ideas-list-filter-field .control { width:100%; min-width:0; }
.ideas-list-table-wrap { overflow-x:auto; }
.ideas-list-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; }
.ideas-list-table th { padding:12px 26px; background:var(--surface-2); color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.03em; white-space:nowrap; }
.ideas-list-table th:nth-child(1) { width:56%; }
.ideas-list-table th:nth-child(2) { width:17%; }
.ideas-list-table th:nth-child(3) { width:15%; }
.ideas-list-table th:nth-child(4) { width:12%; }
.ideas-list-table td { padding:18px 26px; border-top:1px solid var(--line); color:var(--text); font-size:12px; vertical-align:middle; }
.ideas-list-table tbody tr { transition:background .18s ease,box-shadow .18s ease; }
.ideas-list-table tbody tr:hover { background:color-mix(in srgb,var(--blue) 6%,var(--surface)); box-shadow:inset 3px 0 var(--blue); }
.ideas-list-main { min-width:0; }
.ideas-list-title { display:block; color:var(--text); font-size:15px; font-weight:750; line-height:1.35; overflow-wrap:anywhere; }
.ideas-list-meta { display:flex; flex-wrap:wrap; gap:5px 12px; margin-top:7px; color:var(--muted); font-size:11px; line-height:1.4; }
.ideas-list-protocol { color:var(--blue); font-weight:700; white-space:nowrap; }
.ideas-list-campaign { max-width:100%; overflow-wrap:anywhere; }
.ideas-list-author { display:inline-flex; align-items:center; gap:8px; max-width:100%; margin-top:13px; }
.ideas-person-avatar { display:inline-grid; flex:none; place-items:center; width:34px; height:34px; border:1px solid color-mix(in srgb,var(--blue) 32%,var(--line)); border-radius:11px; background:linear-gradient(140deg,color-mix(in srgb,var(--blue) 22%,var(--surface)),color-mix(in srgb,var(--cyan,#44c9e2) 10%,var(--surface))); color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.02em; }
.ideas-list-author-copy { display:grid; min-width:0; gap:1px; }
.ideas-list-author-copy span { color:var(--muted); font-size:10px; line-height:1.2; }
.ideas-list-author-copy strong { color:var(--text); font-size:12px; font-weight:700; line-height:1.25; overflow-wrap:anywhere; }
.ideas-list-assignment { padding:2px 6px; border-radius:5px; background:color-mix(in srgb,var(--cyan,#44c9e2) 12%,var(--surface)); color:var(--cyan,#44c9e2); font-weight:700; }
.ideas-list-status-cell { white-space:nowrap; }
.ideas-list-status-pill { display:inline-flex; align-items:center; min-height:26px; padding:3px 9px; border:1px solid transparent; border-radius:99px; font-size:11px; font-weight:700; }
.ideas-list-status-pill[data-tone="sent"] { color:var(--blue); border-color:color-mix(in srgb,var(--blue) 35%,transparent); background:color-mix(in srgb,var(--blue) 10%,var(--surface)); }
.ideas-list-status-pill[data-tone="progress"] { color:var(--cyan,#44c9e2); border-color:color-mix(in srgb,var(--cyan,#44c9e2) 35%,transparent); background:color-mix(in srgb,var(--cyan,#44c9e2) 10%,var(--surface)); }
.ideas-list-status-pill[data-tone="review"] { color:var(--amber); border-color:color-mix(in srgb,var(--amber) 35%,transparent); background:color-mix(in srgb,var(--amber) 10%,var(--surface)); }
.ideas-list-status-pill[data-tone="approved"] { color:var(--green,#47d7a0); border-color:color-mix(in srgb,var(--green,#47d7a0) 35%,transparent); background:color-mix(in srgb,var(--green,#47d7a0) 10%,var(--surface)); }
.ideas-list-status-pill[data-tone="closed"] { color:var(--muted); border-color:var(--line); background:var(--surface-2); }
.ideas-list-status-pill[data-tone="rejected"] { color:var(--red); border-color:color-mix(in srgb,var(--red) 35%,transparent); background:color-mix(in srgb,var(--red) 10%,var(--surface)); }
.ideas-list-date { color:var(--muted) !important; white-space:nowrap; }
.ideas-list-action-cell { text-align:right; }
.ideas-list-action { padding:9px 13px; white-space:nowrap; }
.ideas-list-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 26px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.ideas-list-footer > div { display:flex; gap:8px; }
.ideas-list-card [hidden] { display:none !important; }
.ideas-list-table .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ideas-detail-dialog { width:min(1020px,calc(100vw - 28px)); height:min(780px,calc(100dvh - 28px)); max-height:calc(100dvh - 28px); padding:0; overflow:hidden; border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line)); border-radius:20px; background:var(--surface); color:var(--text); box-shadow:0 30px 90px rgba(0,16,38,.4); }
.ideas-detail-dialog[open] { display:flex; flex-direction:column; }
.ideas-detail-dialog::backdrop { background:rgba(2,15,33,.7); backdrop-filter:blur(3px); }
.ideas-detail-dialog [hidden] { display:none !important; }
.ideas-detail-head { flex:0 0 auto; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:24px 30px 20px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--blue) 16%,var(--surface)),var(--surface) 62%); }
.ideas-detail-head h2 { margin:5px 0 9px; font-size:26px; line-height:1.22; overflow-wrap:anywhere; }
.ideas-detail-heading-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.ideas-detail-heading-meta p { margin:0; color:var(--muted); font-size:12px; }
.ideas-detail-heading-meta .ideas-detail-header-author { padding-left:9px; border-left:1px solid var(--line); }
.ideas-detail-status { padding:4px 9px; border-radius:99px; background:color-mix(in srgb,var(--blue) 12%,var(--surface)); color:var(--blue); font-size:11px; font-weight:700; }
.ideas-detail-status:empty { display:none; }
.ideas-detail-tabs { flex:0 0 auto; display:flex; gap:4px; padding:0 22px; overflow-x:auto; border-bottom:1px solid var(--line); scrollbar-width:thin; }
.ideas-detail-tab { position:relative; flex:0 0 auto; min-height:46px; padding:0 12px; border:0; background:transparent; color:var(--muted); font:inherit; font-size:12px; font-weight:750; cursor:pointer; }
.ideas-detail-tab::after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; border-radius:2px 2px 0 0; background:transparent; }
.ideas-detail-tab:hover { color:var(--text); }
.ideas-detail-tab[aria-selected="true"] { color:var(--blue); }
.ideas-detail-tab[aria-selected="true"]::after { background:var(--blue); }
.ideas-detail-tab:focus-visible { outline:2px solid var(--blue); outline-offset:-4px; border-radius:8px; }
.ideas-detail-body { min-height:0; flex:1 1 auto; overflow-y:auto; padding:26px 30px 32px; overscroll-behavior:contain; }
.ideas-detail-panel { min-height:220px; }
.ideas-detail-panel > h3 { margin:0 0 16px; font-size:15px; }
.ideas-detail-message { margin:0; padding:16px 18px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:13px; }
.ideas-detail-message[data-kind="error"] { border-color:color-mix(in srgb,var(--red) 38%,var(--line)); color:var(--red); }
.ideas-detail-message[data-kind="loading"]::before { content:""; display:inline-block; width:14px; height:14px; margin-right:10px; vertical-align:-2px; border:2px solid var(--line); border-top-color:var(--blue); border-radius:50%; animation:idea-detail-spin .8s linear infinite; }
@keyframes idea-detail-spin { to { transform:rotate(360deg); } }
.ideas-detail-author-card { display:flex; align-items:center; gap:13px; padding:18px 20px; margin-bottom:20px; border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line)); border-radius:14px; background:linear-gradient(110deg,color-mix(in srgb,var(--blue) 10%,var(--surface-2)),var(--surface-2) 74%); }
.ideas-detail-author-card .ideas-person-avatar { width:44px; height:44px; border-radius:13px; font-size:14px; }
.ideas-detail-author-copy { display:grid; min-width:0; gap:3px; }
.ideas-detail-author-copy span { color:var(--muted); font-size:11px; }
.ideas-detail-author-copy strong { color:var(--text); font-size:15px; line-height:1.25; overflow-wrap:anywhere; }
.ideas-detail-sent-date { margin-left:auto; color:var(--muted); font-size:11px; white-space:nowrap; }
.ideas-project-link { margin-bottom:20px; padding:20px; border:1px solid color-mix(in srgb,var(--blue) 38%,var(--line)); border-radius:14px; background:linear-gradient(125deg,color-mix(in srgb,var(--blue) 10%,var(--surface-2)),var(--surface-2)); }
.ideas-project-link h3 { margin:0 0 7px; font-size:15px; }
.ideas-project-link > p { margin:0 0 12px; color:var(--muted); font-size:12px; line-height:1.5; }
.ideas-project-link form { display:grid; gap:10px; max-width:620px; }
.ideas-project-link label { font-size:12px; font-weight:700; }
.ideas-project-link textarea { width:100%; resize:vertical; }
.ideas-project-link button { justify-self:start; }
.ideas-project-link button:disabled { opacity:.55; cursor:not-allowed; }
#ideasProjectMessage:empty { display:none; }
#ideasProjectMessage[data-kind="warning"] { color:var(--amber); }
#ideasProjectMessage[data-kind="error"] { color:var(--red); }
#ideasProjectMessage[data-kind="success"] { color:var(--blue); }
.ideas-detail-overview-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr); gap:20px; align-items:start; }
.ideas-detail-story { display:grid; gap:16px; min-width:0; }
.ideas-detail-context { min-width:0; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.ideas-detail-context h3 { margin:0 0 15px; font-size:13px; }
.ideas-detail-meta { display:grid; gap:8px; }
.ideas-detail-meta span { padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--muted); font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
.ideas-detail-meta span:empty { display:none; }
.ideas-detail-section { padding:22px 24px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
#ideasDetailBenefitSection { border-color:color-mix(in srgb,var(--cyan,#44c9e2) 26%,var(--line)); background:linear-gradient(140deg,color-mix(in srgb,var(--cyan,#44c9e2) 5%,var(--surface-2)),var(--surface-2)); }
.ideas-detail-section-label { display:block; margin-bottom:10px; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.ideas-detail-section h3 { margin:0 0 12px; font-size:16px; }
.ideas-detail-section p { margin:0; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.ideas-detail-history { margin:0; padding:0 0 0 18px; list-style:none; border-left:2px solid var(--line); }
.ideas-detail-history li { position:relative; padding:0 0 20px 18px; }
.ideas-detail-history li:last-child { padding-bottom:0; }
.ideas-detail-history li::before { content:""; position:absolute; left:-24px; top:3px; width:10px; height:10px; border-radius:50%; background:var(--blue); border:2px solid var(--surface); }
.ideas-detail-history strong { display:block; font-size:13px; }
.ideas-detail-history time,.ideas-detail-history small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.ideas-detail-history p { margin-top:8px; }
.ideas-detail-more { margin-top:14px !important; color:var(--muted); font-size:12px !important; }
.ideas-triage-section > p { margin-bottom:14px; color:var(--muted); }
.ideas-triage-current { padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); font-size:12px; }
.ideas-forward-section #ideasForwardResponsible { margin:2px 0 4px; }
.ideas-execution-next { margin:0 0 4px !important; color:var(--text) !important; font-size:13px; font-weight:700; }
.ideas-execution-section #ideasExecutionCompleted { padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); }
.ideas-triage-catalog-message { margin:0 0 4px !important; color:var(--muted); font-size:11px; }
.ideas-triage-section form { display:grid; gap:9px; max-width:560px; }
.ideas-triage-section label { margin-top:5px; font-size:12px; font-weight:700; }
.ideas-triage-section .control { width:100%; }
.ideas-triage-section textarea { resize:vertical; }
.ideas-triage-section button { justify-self:start; margin-top:3px; }
.ideas-triage-section button:disabled { opacity:.55; cursor:not-allowed; box-shadow:none; }
.ideas-triage-message { min-height:20px; color:var(--muted); font-size:12px !important; }
.ideas-triage-message:empty { display:none; }
.ideas-triage-message[data-kind="error"] { color:var(--red); }
.ideas-triage-message[data-kind="warning"] { color:var(--amber); }
.ideas-triage-message[data-kind="success"] { color:var(--blue); }
.ideas-triage-section > #ideasTriageVerify { margin:0 0 14px; }
.ideas-triage-section[aria-busy="true"] button { opacity:.7; }
.ideas-triage-section[aria-busy="true"] button::before { content:""; display:inline-block; width:13px; height:13px; margin-right:8px; vertical-align:-2px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:idea-detail-spin .8s linear infinite; }
@media(prefers-reduced-motion:reduce) { .ideas-detail-message[data-kind="loading"]::before,.ideas-triage-section[aria-busy="true"] button::before { animation:none; } }
@media(max-width:820px) {
  .ideas-detail-overview-grid { grid-template-columns:1fr; }
  .ideas-detail-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px) {
  .ideas-list-topline { align-items:flex-start; flex-direction:column; }
  .ideas-list-toolbar { width:100%; justify-content:space-between; }
  .ideas-list-filters { grid-template-columns:1fr; padding:16px 18px; }
  .ideas-list-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .ideas-list-table,.ideas-list-table tbody,.ideas-list-table tr,.ideas-list-table td { display:block; width:100%; }
  .ideas-list-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 12px; padding:16px 18px; border-top:1px solid var(--line); }
  .ideas-list-table td { padding:0; border:0; }
  .ideas-list-main,.ideas-list-action-cell { grid-column:1 / -1; }
  .ideas-list-date { text-align:right; }
  .ideas-list-action-cell { text-align:left; }
  .ideas-list-action { width:100%; }
  .ideas-list-footer { flex-wrap:wrap; padding:14px 18px 96px; }
  .ideas-detail-head { padding:18px; }
  .ideas-detail-head h2 { font-size:19px; }
  .ideas-detail-tabs { padding:0 10px; }
  .ideas-detail-tab { min-height:44px; padding-inline:10px; }
  .ideas-detail-body { padding:18px; }
  .ideas-detail-author-card { flex-wrap:wrap; padding:14px; }
  .ideas-detail-sent-date { width:100%; margin:0 0 0 57px; }
  .ideas-detail-meta { grid-template-columns:1fr; }
  .ideas-detail-section,.ideas-detail-context { padding:18px; }
}