.points-breakdown { margin: 16px 0; border: 1px solid #36506d; border-radius: 14px; background: #0c1d34; color: #f4f8ff; max-width: 100%; }
#calculo-pontos { scroll-margin-top: 110px; }
.points-breakdown summary { cursor: pointer; padding: 14px 18px; font-weight: 700; }
.points-breakdown summary:focus-visible,.share-dialog :focus-visible { outline: 3px solid #77b7ff; outline-offset: 3px; }
.points-breakdown-content { padding: 0 18px 18px; font-size: .9rem; }
.points-breakdown-content p { color: #bdcde0; line-height: 1.6; }
.points-equation { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 10px; }
.points-equation div { padding: 12px; background: #162e4a; border-radius: 8px; }
.points-equation span,.points-equation strong { display: block; }
.points-equation strong { font-size: 1.2rem; margin-top: 5px; }
.points-equation div:last-child { border: 1px solid #70aaff; }
.points-breakdown-scroll { max-width: 100%; overflow-x: auto; }
.points-breakdown-scroll table { width: 100%; min-width: 650px; border-collapse: collapse; }
.points-breakdown-scroll th,.points-breakdown-scroll td { padding: 12px 8px; border-bottom: 1px solid #36506d; text-align: right; }
.points-breakdown-scroll th:first-child { text-align: left; min-width: 190px; }
.points-breakdown-scroll small { display: block; font-weight: 400; color: #bdcde0; margin-top: 5px; }
.ranking-row .points-breakdown { grid-column: 1 / -1; width: 100%; }
.share-card-button { margin: 6px 0; cursor: pointer; white-space: normal; max-width: 100%; min-width: 0; overflow-wrap: anywhere; text-align: left; }
.share-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.share-dialog { width: min(920px,calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 24px; border: 1px solid #4b6786; border-radius: 18px; background:#0c1d34; color:#f4f8ff; overflow:auto; }
.share-dialog::backdrop { background:rgba(0,5,14,.85); }
.share-dialog [hidden] { display:none!important; }
.share-dialog-head { display:flex; justify-content:space-between; align-items:start; gap:16px; }
.share-dialog h2 { margin:0 0 8px; font-size:1.5rem; }
.share-dialog-close { background:#1a3453; color:white; border:1px solid #597795; border-radius:8px; padding:8px 14px; cursor:pointer; }
.share-dialog-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,1fr); gap:24px; margin-top:18px; }
.share-dialog-controls label { display:block; margin:0 0 18px; }
.share-dialog-controls select { width:100%; padding:12px; margin:0 0 18px; border-radius:8px; background:#152e4c; color:white; border:1px solid #597795; font:inherit; }
.share-dialog-controls .button { white-space:normal; }
.share-card-preview { display:block; max-width:100%; max-height:64dvh; width:auto; height:auto; margin:auto; border-radius:10px; }
.share-dialog-status { min-height:28px; color:#d5e3f4; line-height:1.5; }
.share-card-description { font-size:.85rem; color:#bdcde0; line-height:1.6; }
[data-share-card] { display:none; }
.sharing-ready [data-share-card] { display:inline-flex; }
@media(max-width:600px) { .share-dialog { padding:16px; } .share-dialog-layout { grid-template-columns:minmax(0,1fr); } .share-card-preview { max-height:50dvh; } .points-equation { grid-template-columns:repeat(2,minmax(0,1fr)); } .points-breakdown-content { padding:0 10px 12px; } }
@media print { [data-share-card], .share-dialog { display:none!important; } .points-breakdown { break-inside:avoid; } }