/* Sukma v1.0.5 - acceptance statistics styled to match Citation Impact.
   Same white (#fff) surface, gray (#dedede) border, 10px corner radius,
   typography scale, separators and internal padding as citationImpact/css/widgets.css.
   Scope only acceptance block; no changes to Citation Impact or sidebar. */
#main .sukma-acceptance-stats {
    box-sizing: border-box;
    width: 100%; max-width: 100%; min-width: 0;
    margin: 1.5rem 0 2rem; padding: 0;
    font-family: inherit; color: inherit;
}
#main .sukma-acceptance-stats *,
#main .sukma-acceptance-stats *::before,
#main .sukma-acceptance-stats *::after { box-sizing: border-box; }

/* Exactly like Citation Impact's header and secondary information. */
#main .sukma-acceptance-stats__head {
    display: block; margin: 0; padding: 0;
}
#main .sukma-acceptance-stats__head h2 {
    margin: 0 !important; padding: 0 !important;
    font-size: 1.4rem !important; font-weight: 700 !important;
    line-height: 1.3 !important; letter-spacing: normal !important;
    color: #17202b !important;
}
#main .sukma-acceptance-stats__subtitle {
    display: block; margin: .25rem 0 1rem !important; padding: 0 !important;
    font-size: .8rem; line-height: 1.4; color: #777;
}

/* Citation Impact-style white panel with evenly separated columns. */
#main .sukma-acceptance-stats__panel {
    display: block; overflow: hidden; width: 100%; padding: 0; margin: 0;
    background: #fff; color: #17202b;
    border: 1px solid #dedede; border-radius: 10px;
    box-shadow: none;
}
#main .sukma-acceptance-stats__metrics {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0; padding: 0; margin: 0;
}
#main .sukma-acceptance-stats__metric {
    display: flex; flex-direction: column; gap: 6px;
    min-width: 0; padding: 16px 12px; margin: 0;
}
#main .sukma-acceptance-stats__metric + .sukma-acceptance-stats__metric {
    border-left: 1px solid #e3e3e3;
}
#main .sukma-acceptance-stats__value {
    display: block; margin: 0; padding: 0;
    font-size: clamp(1.3rem, 2.8vw, 2rem); line-height: 1.15;
    color: #17202b; font-weight: 700; font-variant-numeric: tabular-nums;
    word-break: break-word;
}
#main .sukma-acceptance-stats__label {
    display: flex; align-items: center; gap: 7px; min-width: 0;
    font-size: .8rem; line-height: 1.35; font-weight: 400;
    color: #48505b;
}
#main .sukma-acceptance-stats__icon {
    display: inline-flex; flex: 0 0 15px;
    width: 15px; height: 15px; align-items: center; justify-content: center;
    border: 1px solid currentColor; border-radius: 50%;
    font: 700 10px/1 Arial,Helvetica,sans-serif;
}
#main .sukma-acceptance-stats__icon--accepted { color: #16856b; }
#main .sukma-acceptance-stats__icon--rejected { color: #b84d4d; }

/* Rates use the same border-separated card structure. */
#main .sukma-acceptance-stats__rates {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 0; margin: 0; border-top: 1px solid #e3e3e3;
}
#main .sukma-acceptance-stats__rate {
    display: flex; flex-direction: column; gap: 3px;
    padding: 12px; margin: 0; min-width: 0; align-items: flex-start;
}
#main .sukma-acceptance-stats__rate + .sukma-acceptance-stats__rate {
    border-left: 1px solid #e3e3e3;
}
#main .sukma-acceptance-stats__rate strong {
    display: block; color: #17202b; font-weight: 700;
    font-size: 1.2rem; line-height: 1.2; font-variant-numeric: tabular-nums;
}
#main .sukma-acceptance-stats__rate span {
    display: block; color: #48505b; font-size: .8rem; line-height: 1.35;
}
#main .sukma-acceptance-stats__progress-wrap {
    padding: 0 12px 14px; margin: 0; background: #fff;
}
#main .sukma-acceptance-stats__progress {
    display: flex; overflow: hidden; width: 100%; height: 7px;
    margin: 0; border-radius: 999px; background: #e3e3e3;
}
#main .sukma-acceptance-stats__progress-accepted,
#main .sukma-acceptance-stats__progress-rejected {
    display: block; height: 100%; flex: 0 0 auto;
}
#main .sukma-acceptance-stats__progress-accepted { background: #16856b; }
#main .sukma-acceptance-stats__progress-rejected { background: #b9c0c8; }
#main .sukma-acceptance-stats__note,
#main .sukma-acceptance-stats__unavailable {
    margin: .55rem 0 0 !important; padding: 0 !important;
    color: #777; font-size: .73rem; line-height: 1.5;
}
@media (max-width: 440px) {
    #main .sukma-acceptance-stats { margin: 1.1rem 0 1.5rem; }
    #main .sukma-acceptance-stats__head h2 { font-size: 1.3rem !important; }
    #main .sukma-acceptance-stats__metric { padding: 14px 10px; }
    #main .sukma-acceptance-stats__rate { padding: 10px; }
    #main .sukma-acceptance-stats__progress-wrap { padding: 0 10px 12px; }
}