/* NØVEX — Suggestions. Scoped presentation; preserves the global image. */
html #app .suggestions-workspace{display:grid;gap:22px;min-width:0;color:#faf6ff}
html #app .suggestions-workspace *,html #app .suggestions-workspace *:before,html #app .suggestions-workspace *:after{box-sizing:border-box}
html #app .suggestions-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid rgba(172,89,226,.36);min-width:0}
html #app .suggestions-head>div{min-width:0}
html #app .suggestions-head h2{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:0 0 7px;font-weight:720;text-shadow:0 2px 13px rgba(0,0,0,.5)}
html #app .suggestions-head p{font-size:12px;line-height:1.65;color:#decbef;max-width:620px;margin:0}
html #app .suggestions-head>button{flex:0 0 auto}
html #app .suggestions-metrics.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;min-width:0}
html #app .suggestions-metrics .card.metric{min-width:0;min-height:109px;padding:17px 16px;background:linear-gradient(130deg,rgba(37,7,60,.84),rgba(9,1,22,.89));border:1px solid rgba(174,75,239,.42);border-radius:13px;box-shadow:0 7px 20px rgba(0,0,0,.12)}
html #app .suggestions-metrics .card.metric:before{margin-bottom:11px;width:23px;height:2px;background:linear-gradient(90deg,#c955ff,#49c7ff)}
html #app .suggestions-metrics .card.metric span{font-size:11px;line-height:1.4;color:#d8c4e9;font-weight:550}
html #app .suggestions-metrics .card.metric b{font-size:24px;line-height:1.25;font-weight:730;letter-spacing:-.025em;margin-top:7px;overflow-wrap:anywhere}
html #app .suggestions-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.45fr) auto;gap:13px;align-items:end;padding:16px 18px;border:1px solid rgba(173,74,225,.42);border-radius:13px;background:rgba(10,2,22,.84);backdrop-filter:blur(5px);min-width:0}
html #app .suggestions-tools>label{display:grid;gap:8px;min-width:0;font-size:11px;font-weight:650;color:#e8d5f8}
html #app .suggestions-tools .client-field{margin:0}
html #app .suggestions-tools>button{min-height:42px;margin:0;white-space:nowrap}
html #app .suggestions-workspace #sgSearch,html #app .suggestions-workspace #sgFilter{width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #8c50b0!important;background-color:rgba(6,0,14,.9)!important;color:#fbf3ff!important;border-radius:9px;font-size:13px;line-height:1.5;outline:none}
html #app .suggestions-workspace #sgSearch::placeholder{color:#b79ccf;opacity:1}
html #app .suggestions-workspace #sgSearch:focus,html #app .suggestions-workspace #sgFilter:focus{border-color:#d292ff!important;box-shadow:0 0 0 3px rgba(184,72,250,.17)!important}
html #app .suggestions-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);align-items:start;gap:20px;min-width:0}
html #app .suggestions-layout>*{min-width:0}
html #app .suggestions-layout>aside,html #app .suggestions-sidebar{display:grid;gap:18px;position:static;top:auto;height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;z-index:auto;min-width:0}
html #app .suggestions-list{display:grid;gap:16px;min-width:0}
html #app .suggestion-card.client-module-card{padding:20px;border-radius:14px;background:linear-gradient(145deg,rgba(33,6,53,.82),rgba(7,1,18,.89));border:1px solid rgba(170,75,232,.46);box-shadow:0 8px 22px rgba(0,0,0,.14);backdrop-filter:blur(5px);min-width:0;overflow:hidden}
html #app .suggestion-card.client-module-card:focus-within{border-color:#b574e0}
html #app .suggestion-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;min-width:0;margin-bottom:16px}
html #app .suggestion-meta>div:first-child{min-width:0;flex:1 1 auto}
html #app .suggestion-meta strong,html #app .suggestion-meta b{font-size:12px;font-weight:650;color:#f2e5ff;line-height:1.5;overflow-wrap:anywhere}
html #app .suggestion-meta small,html #app .suggestion-meta time{font-size:10px;line-height:1.5;color:#c7b0db;display:block;margin-top:3px;overflow-wrap:anywhere}
html #app .suggestion-meta .suite-badge{flex:0 0 auto;max-width:100%;font-size:10px;line-height:1.4;padding:5px 9px;background:rgba(27,6,43,.89);border-color:#834da8;color:#e6c8fc}
html #app .suggestion-meta .suite-badge.accepted{background:rgba(7,45,34,.78);border-color:#519c7a;color:#b2f2d2}
html #app .suggestion-meta .suite-badge.refused{background:rgba(68,15,39,.8);border-color:#bc6687;color:#ffc6da}
html #app .suggestion-meta .suite-badge.review,html #app .suggestion-meta .suite-badge.in_progress{background:rgba(70,42,15,.83);border-color:#ab814d;color:#f7d599}
html #app .suggestion-text{font-size:13px;line-height:1.8;color:#f8edfF;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0 0 18px;min-width:0}
html #app .suggestion-votes{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:11px;color:#d9c4e9;padding:12px 0;margin:0 0 14px;border-top:1px solid rgba(153,76,205,.26);border-bottom:1px solid rgba(153,76,205,.26);min-width:0}
html #app .suggestion-votes b,html #app .suggestion-votes strong{font-size:12px;color:#faefff;font-weight:700}
html #app .suggestion-vote-track{flex:1 1 110px;min-width:65px;height:5px;border:1px solid rgba(126,62,170,.22);background:rgba(87,28,129,.37);border-radius:50px;overflow:hidden}
html #app .suggestion-vote-track>i{display:block;height:100%;max-width:100%;border-radius:50px;background:linear-gradient(90deg,#b340ee,#45bfff);box-shadow:0 0 12px rgba(142,58,221,.22)}
html #app .suggestion-reply{font-size:12px;line-height:1.7;color:#e5d1f5;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;margin:0 0 16px;border:1px solid rgba(107,124,208,.43);border-left:3px solid #62b4e5;border-radius:9px;background:rgba(9,16,39,.79)}
html #app .suggestion-reply:empty{display:none}
html #app .suggestion-reply strong,html #app .suggestion-reply b{font-size:11px;font-weight:700;color:#b6dfff}
html #app .suggestion-review{display:block;padding-top:16px;margin-top:16px;border-top:1px solid rgba(159,74,214,.3);min-width:0}
html #app .suggestion-review>summary{cursor:pointer;font-size:12px;line-height:1.6;color:#eed5ff;font-weight:650}
html #app .suggestion-review[open]>summary{margin-bottom:16px}
html #app .suggestion-review>small{display:block;color:#c7b0db;font-size:10px;line-height:1.6;margin-bottom:12px}
html #app .suggestion-review>*{min-width:0}
html #app .suggestion-review .client-field{margin:0 0 12px}
html #app .suggestion-review>textarea{min-height:76px!important;resize:vertical}
html #app .suggestion-review>button,html #app .suggestion-review>.suggestion-save{grid-column:1/-1;justify-self:end;min-height:38px;margin:0}
html #app .suggestion-review select,html #app .suggestion-review textarea{font-size:12px!important;line-height:1.55;border-color:#8c52ad!important;background-color:rgba(7,0,16,.88)!important;color:#fbf0ff!important}
html #app .suggestion-feedback{font-size:11px;line-height:1.6;color:#d6b9ed;margin-top:12px;overflow-wrap:anywhere}
html #app .suggestion-feedback:empty{display:none}
html #app .suggestion-feedback.bad,html #app .suggestion-feedback[data-kind=error]{color:#ffc5d7;padding:9px 12px;border:1px solid #a45b81;border-radius:8px;background:rgba(70,13,37,.84)}
html #app .suggestion-feedback.ok,html #app .suggestion-feedback[data-kind=success]{color:#aff0d1}
html #app .suggestions-settings.client-module-card,html #app .suggestions-compose.client-module-card{padding:20px;border-radius:14px;background:linear-gradient(150deg,rgba(37,7,55,.84),rgba(9,1,21,.92));border:1px solid rgba(181,88,235,.48);box-shadow:0 8px 22px rgba(0,0,0,.12);backdrop-filter:blur(5px);min-width:0}
html #app .suggestions-settings h3,html #app .suggestions-compose h3{margin:0 0 16px;font-size:15px;line-height:1.4;letter-spacing:-.015em;font-weight:700;color:#f4e4ff}
html #app .suggestions-settings .client-module-title,html #app .suggestions-compose .client-module-title{margin-bottom:17px;border-bottom-color:rgba(163,73,219,.34)}
html #app .suggestions-settings .client-field,html #app .suggestions-compose .client-field{margin-bottom:15px}
html #app .suggestions-settings .client-field>span,html #app .suggestions-compose .client-field>span{font-size:11px!important;line-height:1.45;color:#ecd8fc!important}
html #app .suggestions-settings .client-field small,html #app .suggestions-compose .client-field small{font-size:10px;line-height:1.6;color:#c8abdF}
html #app .suggestions-compose textarea{min-height:122px!important;resize:vertical}
html #app .suggestions-settings>.primary,html #app .suggestions-compose>.primary{width:100%;min-height:41px}
html #app .suggestions-capability-note{padding:11px 13px;border:1px solid rgba(118,94,200,.57);border-radius:9px;background:rgba(29,15,50,.87);color:#dbcef1;font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin-top:13px}
html #app .suggestions-empty{display:grid;justify-items:center;gap:8px;padding:38px 25px;border:1px dashed #8b50ae;border-radius:14px;background:rgba(12,2,26,.87);text-align:center;color:#d6bce9;font-size:12px;line-height:1.65;min-width:0;overflow-wrap:anywhere}
html #app .suggestions-empty strong,html #app .suggestions-empty h3{font-size:16px;color:#efdcff;margin:0;font-weight:650}
html #app .suggestions-empty p{margin:0;max-width:330px;font-size:12px;color:#d6bce9}
html #app .suggestions-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#dec8ef;padding:8px 0 0}
html #app .suggestions-pagination[hidden]{display:none!important}
html #app .suggestions-compose-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#d6bce9}
html #app .suggestions-pagination button{font-size:11px;min-height:36px;padding:8px 12px}
html #app .suggestions-pagination button[aria-current=page]{background:rgba(95,23,158,.8);border-color:#c076f0;color:#fff}
html #app .suggestions-demo-note{font-size:11px;line-height:1.65;overflow-wrap:anywhere;color:#f0ddff;border:1px solid #aa64d1;border-radius:10px;padding:12px 15px;background:rgba(47,11,72,.88);margin:0}
html #app .suggestions-workspace button:focus-visible{outline:2px solid #72d5ff;outline-offset:3px}
html #app .suggestions-workspace input:disabled,html #app .suggestions-workspace select:disabled,html #app .suggestions-workspace textarea:disabled{opacity:.56;cursor:not-allowed}
@media(max-width:1250px){
 html #app .suggestions-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,.9fr);gap:17px}
 html #app .suggestion-card.client-module-card,html #app .suggestions-settings.client-module-card,html #app .suggestions-compose.client-module-card{padding:17px}
 html #app .suggestion-review{grid-template-columns:1fr}
}
@media(max-width:1050px){
 html #app .suggestions-metrics.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html #app .suggestions-layout{grid-template-columns:1fr}
 html #app .suggestions-layout>:nth-child(2){order:-1}
 html #app .suggestions-layout>aside,html #app .suggestions-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 html #app .suggestions-tools{grid-template-columns:minmax(0,1fr) minmax(150px,.6fr)}
 html #app .suggestions-tools>button{grid-column:1/-1;justify-self:end}
 html #app .suggestion-review{grid-template-columns:minmax(135px,.7fr) minmax(0,1fr)}
}
@media(max-width:760px){
 html #app .suggestions-workspace{gap:18px}
 html #app .suggestions-head{align-items:flex-start;gap:14px;padding-bottom:16px}
 html #app .suggestions-head h2{font-size:20px}
 html #app .suggestions-head p{font-size:11px}
 html #app .suggestions-head>button{font-size:10px;padding:8px 10px;min-height:35px}
 html #app .suggestions-metrics.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html #app .suggestions-metrics .card.metric{padding:15px;min-height:101px}
 html #app .suggestions-metrics .card.metric b{font-size:22px}
 html #app .suggestions-metrics .card.metric:last-child{grid-column:1/-1}
 html #app .suggestions-tools{grid-template-columns:1fr;gap:12px;padding:15px}
 html #app .suggestions-tools>button{grid-column:auto;justify-self:stretch;white-space:normal;font-size:11px}
 html #app .suggestions-tools>label{font-size:11px}
 html #app .suggestions-layout{gap:17px}
 html #app .suggestions-layout>aside,html #app .suggestions-sidebar{grid-template-columns:1fr;gap:16px}
 html #app .suggestion-card.client-module-card,html #app .suggestions-settings.client-module-card,html #app .suggestions-compose.client-module-card{padding:17px;border-radius:12px}
 html #app .suggestion-meta{gap:10px;flex-wrap:wrap;margin-bottom:13px}
 html #app .suggestion-meta .suite-badge{font-size:9px}
 html #app .suggestion-text{font-size:12px;line-height:1.8;margin-bottom:15px}
 html #app .suggestion-votes{gap:10px}
 html #app .suggestion-vote-track{flex-basis:100%;order:2}
 html #app .suggestion-review{grid-template-columns:1fr;gap:12px;padding-top:14px}
 html #app .suggestion-review>button{width:100%;justify-self:stretch;grid-column:auto;min-height:39px;font-size:11px}
 html #app .suggestion-reply{padding:11px 12px;font-size:11px}
 html #app .suggestions-capability-note{font-size:10px}
 html #app .suggestions-pagination{gap:9px}
 html #app .suggestions-pagination button{font-size:10px;padding:8px 10px}
}
@media(max-width:370px){
 html #app .suggestions-head{flex-direction:column}
 html #app .suggestions-head>button{align-self:flex-end}
 html #app .suggestions-metrics .card.metric{padding:14px}
 html #app .suggestion-card.client-module-card,html #app .suggestions-settings.client-module-card,html #app .suggestions-compose.client-module-card{padding:15px}
}
@media(prefers-reduced-motion:reduce){html #app .suggestions-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}