/*
    Copyright (C) 2025 Steve0Greatness

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, only version 3 of the
    License.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/

ul:has(li > div[popover]) {
    margin: 0;
    padding: 0;
    display: flex;
    & > li {
        width: auto;
        display: inline-block;
        list-style: none;
        table {
            max-width: 300px;
        }

        [popover] {
            border: 1px solid black;
            padding: 0;

            main {
                padding: 8px;
                padding-top: 4px;
            }
            &::backdrop {
                background-color: #0009;
                backdrop-filter: blur(5px);
            }
            ul {
                list-style: disc;
            }
            header {
                display: flex;
                padding: 4px;
                padding-bottom: 2px;
                border-bottom: 1px solid black;
                background-color: #efefef;
                
                strong, button {
                    flex: 1;
                }
                button {
                    background: none;
                    border: none;
                    padding: 0;
                    text-align: right;
                    span {
                        background-color: #faa;
                        padding: 2px;
                        border-radius: 100%;
                        width: 16px;
                        display: inline-block;
                        text-align: center;
                    }
                }
                
            }
        }
    }
}