/* RVO V35 – Navigation 2.0, Bao-Bereich (Aufgaben, Eingang, Freigaben, Kosten) und Briefing auf der Startseite.
   Gleiche Farben, Glas und Glanz wie das bestehende Noir-Design (Variablen aus noir.css). */

/* ---------- Hauptmenü: fünf Bereiche ---------- */
#rvTop .rvt-tiles.rvn-main { grid-template-columns:repeat(5, minmax(0, 1fr)); }
@media (max-width:480px) { #rvTop .rvt-tiles.rvn-main .rvt-tile .lb { font-size:10.5px; letter-spacing:0; } #rvTop .rvt-tiles.rvn-main .rvt-tile .ic .v11-ico { width:22px; height:22px; } }
.rvt-tile.rvn-bao .ic.pd-tile { width:30px; height:28px; display:grid; place-items:center; }
@media (max-width:480px) { .rvt-tile.rvn-bao .ic.pd-tile, .rvt-tile .ic.pd-tile .bao-head { width:26px; height:24px; } }
.rvt-tile .bd.warn, #rvoBadgeBao.warn { background:var(--rv-red) !important; color:#fff !important; box-shadow:0 0 0 3px var(--rv-red-glow) !important; }
#rvoBadgeBao:not(.warn) { background:rgba(201,208,217,.9) !important; color:#0b0d11 !important; box-shadow:0 0 0 3px rgba(201,208,217,.15) !important; }

/* ---------- Bereichsmenü (Segmente mit gleitender Markierung) ---------- */
.rvn-sub { margin:12px 0 2px; }
.rvn-sub[hidden], .rvn-seg[hidden] { display:none !important; }
.rvn-seg { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:4px; padding:4px; border-radius:16px;
  background:linear-gradient(180deg, rgba(24,28,34,.9), rgba(11,13,17,.9)); box-shadow:inset 0 0 0 1px var(--rv-glass-line), 0 10px 26px rgba(0,0,0,.35); }
.rvn-seg button { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:6px; min-height:42px; padding:6px 8px; border:0; border-radius:12px; background:none;
  color:var(--rv-muted); font:600 14px/1.1 var(--t-font, Figtree, system-ui, sans-serif); cursor:pointer; transition:color .25s var(--nx-ease); -webkit-tap-highlight-color:transparent; }
.rvn-seg button b { font:inherit !important; font-weight:700 !important; letter-spacing:0 !important; color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rvn-seg button small { min-width:18px; height:18px; padding:0 5px; border-radius:999px; display:inline-grid; place-items:center; font:700 11px/1 var(--t-font, Figtree, sans-serif); background:rgba(255,255,255,.1); color:var(--rv-text2); }
.rvn-seg button small:empty, .rvn-seg button small[hidden] { display:none; }
.rvn-seg button small.warn { background:var(--rv-red); color:#fff; }
.rvn-seg button.on { color:var(--rv-text); }
.rvn-seg button:focus-visible { outline:2px solid rgba(245,247,250,.45); outline-offset:-2px; }
.rvn-ink { position:absolute; z-index:0; left:0; top:4px; bottom:4px; width:0; border-radius:12px; pointer-events:none;
  background:radial-gradient(ellipse at 50% 0, rgba(197,201,207,.2), rgba(50,54,61,.5) 80%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 0 18px rgba(201,208,217,.12);
  transition:transform .38s var(--nx-spring, cubic-bezier(.34,1.56,.64,1)), width .38s var(--nx-ease); }
.rvn-ink::after { content:""; position:absolute; left:18%; right:18%; top:0; height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); }
@media (max-width:480px) { .rvn-seg button { font-size:12.5px; min-height:40px; padding:6px 4px; gap:4px; } .rvn-seg[data-group="bao"] button { font-size:11.5px; } }
html.rv-reduce .rvn-ink { transition:none; }

/* Einkäufe als eigener Unterbereich im Bestand: ruhige Ansicht ohne Bestands-Tabs */
#s4.rvn-buy #v5Tabs, #s4.rvn-buy #v5Analysis, #s4.rvn-buy #v6Cockpit { display:none !important; }

/* ---------- Bao-Bereich ---------- */
.rvo-hub { display:grid; gap:14px; }
.rvo-hub[hidden], #aiChat .ch-grid[hidden] { display:none !important; }
.rvo-hub .rvo-p { display:none; }
.rvo-hub[data-tab="tasks"] .rvo-p[data-show="tasks"], .rvo-hub[data-tab="inbox"] .rvo-p[data-show="inbox"], .rvo-hub[data-tab="approve"] .rvo-p[data-show="approve"] { display:block; animation:rvo-in .35s var(--nx-ease) both; }
@keyframes rvo-in { from { opacity:0; transform:translateY(8px); } }
html.rv-reduce .rvo-hub .rvo-p { animation:none !important; }
.rvo-list { display:grid; gap:8px; margin-top:12px; }
.rvo-primary { background:linear-gradient(180deg, #e8edf3, #c9d0d9) !important; color:#0b0d11 !important; border-color:transparent !important; font-weight:700 !important; }
.rvo-add { display:grid; grid-template-columns:1fr 150px 110px auto; gap:8px; margin-top:12px; }
.rvo-add input, .rvo-add select, .rvo-ed input, .rvo-ed select, .rvo-drop textarea, .rvo-drop > input { min-width:0; min-height:42px; padding:0 12px; border-radius:12px; border:1px solid var(--rv-line); background:var(--rv-bg2); color:var(--rv-text); font:500 14px var(--t-font, Figtree, sans-serif); }
.rvo-drop textarea { padding:10px 12px; resize:vertical; min-height:72px; }
@media (max-width:640px) { .rvo-add { grid-template-columns:1fr 1fr; } .rvo-add #rvoAddTitle { grid-column:1 / -1; } .rvo-add button { grid-column:1 / -1; } }

.rvo-task { display:grid; grid-template-columns:36px 1fr 36px; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:var(--rv-card); box-shadow:inset 0 0 0 1px var(--rv-glass); transition:opacity .3s; }
.rvo-task .nm { display:flex; flex-direction:column; min-width:0; }
.rvo-task .nm b { font-weight:600; color:var(--rv-text); overflow-wrap:anywhere; }
.rvo-task .nm small { color:var(--rv-faint); font-size:12px; }
.rvo-task.late .nm small { color:var(--rv-red-soft); }
.rvo-task.done { opacity:.55; } .rvo-task.done .nm b { text-decoration:line-through; }
.rvo-ck { width:36px; height:36px; border-radius:50%; border:1.5px solid var(--rv-silver); background:none; color:#0b0d11; font-weight:800; cursor:pointer; display:grid; place-items:center; }
.rvo-task.done .rvo-ck { background:var(--rv-green); border-color:var(--rv-green); }
.rvo-x { width:36px; height:36px; border:0; border-radius:50%; background:none; color:var(--rv-faint); font-size:20px; cursor:pointer; }
.rvo-x:hover { color:var(--rv-text); background:rgba(255,255,255,.06); }
.rvo-prio { display:inline-block; width:8px; height:8px; border-radius:50%; margin:0 8px 1px 0; vertical-align:middle; background:var(--rv-faint); }
.rvo-prio.hoch { background:var(--rv-red-soft); box-shadow:0 0 8px var(--rv-red-glow); } .rvo-prio.mittel { background:var(--rv-silver); }
.rvo-done summary, .rvo-log summary { cursor:pointer; color:var(--rv-muted); font-weight:600; padding:8px 2px; }
.rvo-done > .rvo-task, .rvo-done > .rvo-ap { margin-top:8px; }
.rvo-banner { width:100%; text-align:left; padding:12px 14px; border-radius:14px; border:0; cursor:pointer; color:var(--rv-text); font:600 14px var(--t-font, Figtree, sans-serif);
  background:linear-gradient(90deg, rgba(201,208,217,.16), rgba(201,208,217,.04)); box-shadow:inset 0 0 0 1px var(--rv-glass-line); }

.rvo-drop { display:grid; gap:8px; margin-top:12px; padding:14px; border-radius:16px; border:1.5px dashed rgba(201,208,217,.25); background:rgba(11,13,17,.6); transition:border-color .2s, background .2s; }
.rvo-drop.over { border-color:var(--rv-silver); background:rgba(201,208,217,.06); }
.rvo-pick { min-height:56px; border-radius:14px; border:1px solid var(--rv-glass-line); background:var(--rv-panel); color:var(--rv-text); font:600 15px var(--t-font, Figtree, sans-serif); cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rvo-msg { min-height:1em; margin:0; color:var(--rv-muted); font-size:13px; }
.rvo-doc, .rvo-ap { display:flex; gap:12px; padding:12px; border-radius:16px; background:var(--rv-card); box-shadow:inset 0 0 0 1px var(--rv-glass); }
.rvo-ap { flex-direction:column; gap:8px; }
.rvo-ap.abgelehnt, .rvo-ap.freigegeben { opacity:.65; }
.rvo-doc img, .rvo-doc-ic { flex:0 0 64px; width:64px; height:80px; object-fit:cover; border-radius:10px; background:var(--rv-panel); display:grid; place-items:center; font:800 12px var(--t-font, sans-serif); color:var(--rv-muted); }
.rvo-doc .bd { flex:1; min-width:0; display:grid; gap:6px; }
.rvo-doc p, .rvo-ap p { margin:0; color:var(--rv-text2); font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.rvo-doc .hd, .rvo-ap .hd { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; }
.rvo-doc .hd b, .rvo-ap .hd b { color:var(--rv-text); font-weight:700; }
.rvo-doc .hd small, .rvo-ap .hd small { width:100%; color:var(--rv-faint); font-size:12px; }
.rvo-doc .ft { display:flex; justify-content:space-between; align-items:center; color:var(--rv-faint); }
.rvo-chip { padding:3px 8px; border-radius:999px; font:700 10.5px/1.2 var(--t-font, sans-serif); letter-spacing:.06em; text-transform:uppercase; background:rgba(201,208,217,.12); color:var(--rv-silver); }
.rvo-facts { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
.rvo-facts li { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; padding:6px 10px; border-radius:10px; background:rgba(255,255,255,.035); }
.rvo-facts li span { color:var(--rv-muted); font-size:13px; } .rvo-facts li b { margin-left:auto; color:var(--rv-text); }
.rvo-facts li em { width:100%; text-align:right; font-style:normal; font-size:11.5px; color:var(--rv-red-soft); }
.rvo-facts li em.ok { color:var(--rv-green-soft); }
.rvo-facts li.dl { box-shadow:inset 3px 0 0 var(--rv-red); }
.rvo-warn { padding:8px 10px; border-radius:10px; background:var(--rv-red-bg); color:#ffd0d1 !important; font-size:13px !important; }
.rvo-unsure { font-size:13px !important; color:var(--rv-muted) !important; }
.rvo-reply { padding:10px; border-radius:12px; background:rgba(255,255,255,.04); display:grid; gap:6px; justify-items:start; }
.rvo-reply small { color:var(--rv-faint); }
.rvo-ed { display:grid; grid-template-columns:1fr 150px 110px; gap:8px; }
@media (max-width:640px) { .rvo-ed { grid-template-columns:1fr 1fr; } .rvo-ed > :first-child { grid-column:1 / -1; } }
.rvo-acts { display:flex; gap:8px; flex-wrap:wrap; }
.rvo-acts .sx-btn { flex:1; min-width:120px; }
.rvo-cost { display:grid; gap:8px; margin-top:12px; }
.rvo-log #rvoLog { display:grid; gap:4px; max-height:260px; overflow:auto; font-size:13px; color:var(--rv-text2); }
.rvo-log #rvoLog small { color:var(--rv-faint); margin-right:6px; }

/* Hinweise im Chat */
.rvo-note { margin:0; color:var(--rv-muted); }
.rvo-link { border:0; background:none; padding:0; color:var(--rv-text); font:inherit; font-weight:700; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.ch-bubble .pos, .home-msg .pos { color:var(--rv-green-soft); } .ch-bubble .neg, .home-msg .neg { color:var(--rv-red-soft); }

/* ---------- Startseite: Baos Briefing ---------- */
.rvo-brief-box { display:grid; gap:10px; margin-bottom:12px; }
.rvo-brief-box:empty { display:none; }
.rvo-hello { margin:0; color:var(--rv-text2); font-size:15px; } .rvo-hello b { color:var(--rv-text); }
.rvo-kpis { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.rvo-kpis > div { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:14px; background:var(--rv-card); box-shadow:inset 0 0 0 1px var(--rv-glass); min-width:0; }
.rvo-kpis small { color:var(--rv-muted); font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rvo-kpis b { font-size:18px; font-weight:800; color:var(--rv-text); } .rvo-kpis b.pos { color:var(--rv-green-soft); } .rvo-kpis b.neg { color:var(--rv-red-soft); }
.rvo-kpis em { font-style:normal; font-size:11.5px; color:var(--rv-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:420px) { .rvo-kpis b { font-size:15px; } .rvo-kpis > div { padding:8px 9px; } }
.rvo-brief { display:grid; gap:6px; }
.rvo-bi { position:relative; overflow:hidden; display:flex; align-items:center; gap:10px; width:100%; padding:10px 12px; border:0; border-radius:14px; text-align:left; cursor:pointer; color:var(--rv-text);
  background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px var(--rv-glass); font:inherit; transition:background .2s, transform .2s var(--nx-ease); }
.rvo-bi:hover { background:rgba(255,255,255,.06); } .rvo-bi:active { transform:scale(.99); }
.rvo-bi.warn { box-shadow:inset 3px 0 0 var(--rv-red), inset 0 0 0 1px var(--rv-glass); }
.rvo-bi .nm { flex:1; display:flex; flex-direction:column; min-width:0; } .rvo-bi .nm b { font-weight:700; } .rvo-bi .nm small { color:var(--rv-faint); font-size:12px; }
.rvo-bi .chev { color:var(--rv-faint); font-size:20px; }

/* Bao-Unterseiten: Chat-Werkzeuge nur im Gespräch */
#aiChat:has(#rvoHub:not([hidden])) #chatClear { display:none; }