/* prrp_admin 1.15.24 – Återuppliva i ärendehuvudet + Ge föremål-panelen (Mango-stil). Laddas efter mango.css. */

/* Återuppliva: tydlig grön kontur i ärendehuvudet */
.revive-btn { border-color: rgba(34, 197, 94, .45) !important; background: var(--mg-green-soft) !important; color: var(--mg-green2) !important; font-weight: 600; }
.revive-btn i { color: var(--mg-green2) !important; }
.revive-btn:hover:not(:disabled) { background: rgba(34, 197, 94, .24) !important; border-color: var(--mg-green) !important; }
.revive-btn:disabled { opacity: .45; cursor: not-allowed; }
.revive-btn.busy i { animation: rvpulse .8s ease-in-out infinite; }
@keyframes rvpulse { 50% { transform: scale(1.25); } }

/* Ge föremål */
.givepanel .combo { min-height: 46px; border-radius: var(--mg-r); background: #111214; border-color: var(--mg-line2); }
.givepanel .combo:focus-within { border-color: rgba(34, 197, 94, .55); box-shadow: 0 0 0 3px rgba(34, 197, 94, .12); }
.givepanel .combo .menu { background: var(--mg-card2); border-color: var(--mg-line2); border-radius: var(--mg-r); max-height: 340px; }
.givepanel .combo .opt { padding: 7px 9px; border-radius: 7px; }
.givepanel .combo .opt:hover, .givepanel .combo .opt.act { background: var(--mg-card3); }
.givepanel .combo .opt.act { box-shadow: inset 2px 0 0 var(--mg-green); }
.givepanel .combo .opt .t1 { font-weight: 600; font-size: 13px; color: var(--mg-text); }
.givepanel .combo .opt .t2 { font-family: var(--mg-mono); font-size: 11px; color: var(--mg-muted); }

.givepanel .ghead { display: flex; align-items: center; gap: 8px; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mg-muted); padding: 2px 2px 0; }
.givepanel .ghead em { font-style: normal; letter-spacing: 0; background: var(--mg-green-soft); color: var(--mg-green2); border-radius: 999px; padding: 0 7px; font-size: 11px; }
.givepanel .ghead em:empty { display: none; }
.givepanel .gempty { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px dashed var(--mg-line2); border-radius: var(--mg-r); color: var(--mg-text2); font-size: 12.5px; line-height: 1.45; }
.givepanel .gempty i { font-size: 16px; color: var(--mg-muted); }

.givepanel .grow-item { background: var(--mg-card2); border: 1px solid var(--mg-line); border-radius: var(--mg-r); padding: 8px 8px 8px 10px; }
.givepanel .grow-item .gline { display: flex; align-items: center; gap: 10px; }
.givepanel .grow-item .st { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.givepanel .grow-item .st b { font-size: 13px; color: var(--mg-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.givepanel .grow-item .st span { font-family: var(--mg-mono); font-size: 11px; color: var(--mg-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.givepanel .grow-item.flash { animation: gflash .9s ease-out; }
@keyframes gflash { 0% { border-color: var(--mg-green); background: rgba(34, 197, 94, .16); } 100% { border-color: var(--mg-line); background: var(--mg-card2); } }

.gstep { display: inline-flex; align-items: center; height: 30px; border: 1px solid var(--mg-line2); border-radius: 7px; background: #111214; overflow: hidden; flex: none; }
.gstep .gsb { width: 28px; height: 100%; border: 0; background: transparent; color: var(--mg-text2); font-size: 11px; display: inline-flex; align-items: center; justify-content: center; }
.gstep .gsb:hover { background: var(--mg-card3); color: var(--mg-text); }
.gstep input.in { width: 54px; height: 100%; border: 0 !important; border-left: 1px solid var(--mg-line) !important; border-right: 1px solid var(--mg-line) !important; border-radius: 0; background: transparent !important; box-shadow: none !important; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; padding: 0 4px; -moz-appearance: textfield; }
.gstep input.in::-webkit-outer-spin-button, .gstep input.in::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
@media (prefers-reduced-motion: reduce) { .givepanel .grow-item.flash, .revive-btn.busy i { animation: none; } }

/* Sidopanelen (Ge föremål m.fl.) ska ligga över toppfältet i Mango-skalet */
.shell.mg .sidepanel { z-index: 90; background: var(--mg-card); border-left: 1px solid var(--mg-line2); }
.shell.mg .sidepanel .sp-head .ic { background: var(--mg-green-soft); border-color: rgba(34, 197, 94, .35); color: var(--mg-green2); }
.givepanel .grow-item .st .gtag { display: flex; align-items: center; gap: 6px; min-width: 0; }
.givepanel .grow-item .st .gtag b { min-width: 0; }
.givepanel .grow-item .st .gtag .tag { flex: none; }
.givepanel .grow-item .st .gtag .tag { font-size: 10px; padding: 0 6px; line-height: 16px; font-family: inherit; }