.bottino-velo { position: fixed; z-index: 45; inset: 0; pointer-events: none; }
.bottino-velo[hidden], .bottino-annuncio[hidden] { display: none !important; }
.bottino-dialogo { position: absolute; top: var(--rts-hud-top,142px); right: 24px; width: 328px; max-height: calc(100dvh - var(--rts-hud-top,142px) - var(--squadre-riserva,88px) - 12px); overflow: auto; overscroll-behavior: contain; pointer-events: auto; color: #ecf0df; background: #16251ef5; border: 1px solid #c4b98066; border-radius: 7px; box-shadow: 0 12px 35px #0006; font: 12px/1.5 "Segoe UI", system-ui, sans-serif; }
body:has(.bottino-velo:not([hidden])) #rts-pannello,body:has(.bottino-velo:not([hidden])) #rts-dettaglio { display:none; }
.bottino-dialogo, .bottino-dialogo * { box-sizing: border-box; }
.bottino-dialogo:focus { outline: none; }
.bottino-dialogo button:focus-visible { outline: 2px solid #f0d798; outline-offset: 3px; }
.bottino-testata { display: flex; align-items: center; gap: 11px; padding: 16px; background: linear-gradient(115deg, #c2a65d13, #15241c); border-bottom: 1px solid #bdc7a526; }
.bottino-emblema { display: block; flex: 0 0 42px; width: 42px; height: 42px; color: #d8bf7c; }
.bottino-emblema svg { width: 100%; height: 100%; }
.bottino-kicker { margin: 0 0 5px; font: 9px/1.4 ui-monospace, Consolas, monospace; letter-spacing: .17em; color: #d9c186; }
.bottino-testata h2 { margin: 0; font-size: 19px; font-weight: 650; line-height: 1.2; letter-spacing: -.025em; }
.bottino-chiudi { flex: 0 0 34px; width: 34px; height: 34px; margin-left: auto; align-self: flex-start; padding: 0; color: #bfccb3; border: 1px solid #bdc7a52b; border-radius: 4px; background: #152019; font: 24px/1 "Segoe UI", sans-serif; cursor: pointer; }
.bottino-chiudi:hover { background: #2c3d2b; color: #fff; }
.bottino-chiudi { display:flex; align-items:center; justify-content:center; }
.bottino-chiudi .bottino-comando-testo { display:none; }
.bottino-comando-icona,.bottino-comando-icona svg { display:block; width:21px; height:21px; flex:0 0 21px; pointer-events:none; }
.bottino-raccogli { display:flex; align-items:center; justify-content:center; gap:10px; }
.bottino-editor-azioni button { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.bottino-editor-azioni .bottino-comando-icona,.bottino-editor-azioni .bottino-comando-icona svg { width:18px; height:18px; flex-basis:18px; }
@media(max-width:420px) { .bottino-editor-rimuovi .bottino-comando-testo { display:none; }.bottino-editor .bottino-editor-rimuovi { width:34px; padding:7px; } }
.bottino-descrizione { margin: 12px 16px; color: #aebfa1; font-size: 11px; line-height: 1.6; }
.bottino-tempo { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 5px 10px; margin: 0 16px 14px; color: #afbea2; font-size: 11px; }
.bottino-secondi { color: #c8e59d; font: 600 15px/1.4 ui-monospace, Consolas, monospace; font-variant-numeric: tabular-nums; }
.bottino-barra-tempo { grid-column: 1 / -1; height: 4px; overflow: hidden; border-radius: 2px; background: #0e1a13; }
.bottino-barra-tempo span { display: block; height: 100%; background: #9aba74; transition: width .25s linear; }
.bottino-tempo.in-scadenza .bottino-secondi { color: #efbc79; }
.bottino-tempo.in-scadenza .bottino-barra-tempo span { background: #d5a567; }
.bottino-risorse { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 24px 24px; }
.bottino-dialogo .bottino-risorse { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 0 16px 16px; }
.bottino-dialogo .bottino-risorsa { flex-direction:column; gap:3px; min-height:110px; padding:9px 5px; text-align:center; cursor:pointer; color:#e1e8d3; font:inherit; }
.bottino-dialogo .bottino-risorsa:hover { border-color:#d1dea0; background:#2a4229; }
.bottino-dialogo .bottino-risorsa:disabled { opacity:.55; cursor:not-allowed; }
.bottino-dialogo .bottino-risorsa-nome strong { font-size:11px; }
.bottino-dialogo .bottino-risorsa-nome small { font-size:9px; margin-top:0; }
.bottino-dialogo .bottino-quantita { margin:3px 0 0; font-size:14px; }
.bottino-slot-vuoto { display:grid; place-items:center; min-height:110px; border:1px dashed #aabe842b; border-radius:5px; background:#0f1c1655; color:#adbd853d; font:11px ui-monospace,Consolas,monospace; }
.bottino-dialogo .bottino-risorsa-icona { flex-basis: 32px; width: 32px; height: 32px; }
.bottino-dialogo .bottino-risorsa-icona svg { width: 26px; height: 26px; }
.bottino-risorsa { display: flex; align-items: center; gap: 10px; min-height: 80px; min-width: 0; padding: 12px; border: 1px solid #b6c6a226; border-radius: 5px; background: linear-gradient(135deg, #26372a, #1b2a20); }
.bottino-risorsa-icona { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 5px; background: #102018; color: #c8d59e; }
.bottino-risorsa-icona svg { display: block; width: 30px; height: 30px; }
.bottino-risorsa-nome { min-width: 0; }
.bottino-risorsa-nome strong, .bottino-risorsa-nome small { display: block; }
.bottino-risorsa-nome strong { color: #e1e8d3; font-size: 12px; font-weight: 600; }
.bottino-risorsa-nome small { color: #a0b092; font-size: 10px; margin-top: 3px; }
.bottino-quantita { margin-left: auto; font: 600 16px/1.3 ui-monospace, Consolas, monospace; color: #e3cc96; text-align: right; overflow-wrap: anywhere; }
.bottino-vuoto { grid-column: 1 / -1; padding: 30px 15px; margin: 0; color: #afbd9e; text-align: center; border: 1px dashed #adbe9233; border-radius: 5px; }
.bottino-footer { position: sticky; bottom: 0; padding: 12px 16px 16px; background: #142119; border-top: 1px solid #bdc7a526; }
.bottino-stato { margin: 0 0 12px; color: #b2c29f; min-height: 18px; font-size: 11px; }
.bottino-stato.errore { color: #ffb1a0; }
.bottino-raccogli { width: 100%; min-height: 45px; border: 1px solid #d5e9b0; border-radius: 4px; background: #bddb8e; color: #1b2e19; font: 650 13px/1.4 "Segoe UI", system-ui, sans-serif; cursor: pointer; }
.bottino-raccogli:hover { background: #d4e9b1; }
.bottino-raccogli:disabled { opacity: .48; cursor: not-allowed; }
.bottino-annuncio { position: fixed; z-index: 161; bottom: 100px; left: 50%; transform: translateX(-50%); max-width: calc(100vw - 32px); margin: 0; padding: 13px 20px; border: 1px solid #b8d38760; border-radius: 5px; background: #16291ff5; color: #e6efd9; box-shadow: 0 10px 32px #0007; font: 12px/1.5 "Segoe UI", system-ui, sans-serif; text-align: center; }
.bottino-annuncio.errore { border-color: #e79c7760; color: #ffc0ab; }
.bottino-editor { color: #e4ead6; font: 12px/1.5 "Segoe UI", system-ui, sans-serif; }
.bottino-editor, .bottino-editor * { box-sizing: border-box; }
.bottino-editor h3 { margin: 0 0 7px; font-size: 17px; font-weight: 650; }
.bottino-editor-nota { margin: 0 0 16px; max-width: 70ch; color: #aabb9b; font-size: 11px; line-height: 1.65; }
.bottino-editor > .bottino-editor-nota:last-child { margin: 12px 0 0; }
.bottino-editor-palette { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 20px; }
.bottino-editor .bottino-palette-risorsa { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 108px; padding: 9px 4px; border: 1px solid #c0cca52e; border-radius: 5px; color: #e1e9d3; background: #14231a; font: inherit; line-height: 1.3; text-align: center; cursor: grab; touch-action: manipulation; }
.bottino-palette-risorsa > span:not(.bottino-risorsa-icona) { font-size: 11px; font-weight: 600; }
.bottino-palette-risorsa small { min-height: 24px; color: #a2b390; font-size: 9px; }
.bottino-editor .bottino-palette-risorsa:hover { border-color: #c8d7998c; background: #233626; }
.bottino-editor .bottino-palette-risorsa:active { cursor: grabbing; }
.bottino-editor button:focus-visible, .bottino-editor input:focus-visible { outline: 2px solid #edcf87; outline-offset: 3px; }
.bottino-editor-bag { position: relative; padding: 15px; border: 1px dashed #b3c39365; border-radius: 7px; background: #0f1c1566; transition: background .15s, border-color .15s; }
.bottino-editor-bag.riceve { border: 1px solid #d5e89f; background: #53663738; box-shadow: inset 0 0 0 2px #c4de9529; }
.bottino-editor-capienza { margin: 0 0 12px; color: #cbbb85; font: 10px/1.4 ui-monospace, Consolas, monospace; letter-spacing: .04em; }
.bottino-editor-bag .bottino-risorse { margin: 0; }
.bottino-editor .bottino-risorsa { font: inherit; text-align: left; cursor: pointer; }
.bottino-editor .bottino-risorsa:hover { border-color: #d0db9690; background: #2c3f2c; }
.bottino-editor-quantita[hidden] { display: none !important; }
.bottino-editor-quantita { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(340px, calc(100% - 24px)); margin: 0; padding: 18px; border: 1px solid #dbca87aa; border-radius: 7px; color: #e7ecd7; background: #1d2f23; box-shadow: 0 12px 42px #000b, 0 0 0 100vmax #06110a20; }
.bottino-editor-scelta { display: block; margin-bottom: 14px; color: #dfce96; font-size: 14px; }
.bottino-editor .bottino-editor-input { display: block; margin: 0; font-size: 11px; color: #afc09e; }
.bottino-editor .bottino-editor-input input { display: block; width: 100%; min-height: 40px; margin: 6px 0 0; padding: 8px 11px; border: 1px solid #b2c19355; border-radius: 4px; color: #f0f3e3; background: #101e16; font: 16px/1.4 ui-monospace, Consolas, monospace; }
.bottino-editor-errore { margin: 6px 0; color: #f5b29d; min-height: 16px; font-size: 10px; }
.bottino-editor-azioni { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.bottino-editor .bottino-editor-azioni button { min-height: 36px; padding: 7px 11px; border: 1px solid #bed09b40; border-radius: 4px; color: #dce5cb; background: #293d2a; font: 11px/1.4 "Segoe UI", system-ui, sans-serif; cursor: pointer; }
.bottino-editor .bottino-editor-azioni .bottino-editor-conferma { color: #1b2e19; border-color: #cfe4a5; background: #bbd68c; }
.bottino-editor .bottino-editor-azioni .bottino-editor-rimuovi { margin-right: auto; color: #ebba9d; background: #533d2b44; }
@media (max-width: 680px) { .bottino-editor-palette { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; } .bottino-editor .bottino-palette-risorsa { min-height: 97px; } .bottino-palette-risorsa > span:not(.bottino-risorsa-icona) { font-size: 10px; } .bottino-palette-risorsa small { font-size: 8px; } .bottino-editor-bag { padding: 10px; } .bottino-editor-bag .bottino-risorse { grid-template-columns: 1fr; } }
@media (max-width: 1150px) { .bottino-dialogo { right:16px; width:292px; } }
@media (max-width: 800px) { .bottino-dialogo { right:10px; } }
@media (max-width: 540px) { .bottino-dialogo { top:auto; left:10px; right:10px; bottom:calc(var(--squadre-riserva,60px) + 10px); width:auto; max-height:min(46dvh,calc(100dvh - var(--rts-hud-top,132px) - var(--squadre-riserva,60px) - 22px)); } .bottino-testata { padding:12px 16px; } .bottino-emblema { flex-basis:34px; width:34px; height:34px; } .bottino-testata h2 { font-size:18px; } .bottino-kicker { font-size:8px; } .bottino-risorse { margin-left:16px; margin-right:16px; grid-template-columns:1fr; } .bottino-footer { padding:10px 16px 12px; } }