"use strict";

/** @type {Dictionary.<string, any|null>} */
const SCSS = {
    ...{
        "body,html" : {
            height : "100%", 
            margin : "0em",
            background : "#0f111a",
            color : "#e6edf3",
            font_family : "system-ui, -apple-system, sans-serif"
        }
    }, 
    ...{
        ".judge-pole" : {
            position : "relative", 
            top : "0em", 
            left : "0em", 
            width : "100%", 
            height : "100%",
            box_sizing : "border-box",
            display : "flex",
            flex_direction : "column",
            overflow : "hidden",

            ".jp-header" : {
                display : "flex",
                align_items : "center",
                justify_content : "space-between",
                padding : "0.5em 1em",
                background : "#161b22",
                border_bottom : "0.05em solid #30363d",

                ".jp-title" : {
                    margin : "0em",
                    font_size : "1.2em",
                    color : "#58a6ff"
                },
                ".jp-nav" : {
                    display : "flex",
                    gap : "0.5em"
                }
            },

            ".jp-content-area" : {
                flex : "1",
                overflow_y : "auto",
                padding : "1em",
                box_sizing : "border-box"
            },

            ".jp-btn, button" : {
                background : "#21262d",
                color : "#c9d1d9",
                border : "0.05em solid #30363d",
                padding : "0.4em 0.8em",
                font_size : "0.8em",
                cursor : "pointer",
                border_radius : "0.2em",
                "&:hover" : {
                    background : "#30363d"
                },
                "&.is-active" : {
                    background : "#1f6feb",
                    color : "#ffffff",
                    border_color : "#388bfd"
                }
            },

            ".jp-btn-primary" : {
                background : "#238636",
                color : "#ffffff",
                border_color : "#2ea043",
                "&:hover" : { background : "#2ea043" }
            },

            ".jp-btn-danger" : {
                background : "#da3633",
                color : "#ffffff",
                border_color : "#f85149"
            },

            ".jp-form-card, .jp-panel-controls, .jp-matrix-card, .jp-ranking-box" : {
                background : "#161b22",
                border : "0.05em solid #30363d",
                padding : "1em",
                margin_bottom : "1em",
                border_radius : "0.3em"
            },

            ".jp-field" : {
                margin_bottom : "0.8em",
                display : "flex",
                flex_direction : "column",
                gap : "0.3em",

                "label" : {
                    font_size : "0.8em",
                    color : "#8b949e",
                    font_weight : "bold"
                },
                "input, textarea, select" : {
                    background : "#0d1117",
                    border : "0.05em solid #30363d",
                    color : "#e6edf3",
                    padding : "0.4em",
                    font_size : "0.8em",
                    border_radius : "0.2em"
                }
            },

            ".jp-cards-grid" : {
                display : "flex",
                flex_wrap : "wrap",
                justify_content : "center", // Centra la lista de tarjetas en la pantalla
                gap : "1em",
                width : "100%",
                box_sizing : "border-box"
            },

            ".jp-card" : {
                flex : "1 1 12em",
                max_width : "16em", // Evita que una sola tarjeta se vuelva gigantesca a lo ancho
                position : "relative", 
                background : "#161b22",
                border : "0.05em solid #30363d",
                padding : "0.8em",
                border_radius : "0.3em", 
                box_sizing : "border-box",

                ".jp-avatar, .jp-avatar-placeholder" : {
                    width : "100%",
                    height : "5em",
                    border_radius : "0.2em",
                    margin_bottom : "0.5em",
                    box_sizing : "border-box"
                },

                ".jp-avatar" : {
                    object_fit : "cover"
                },

                ".jp-avatar-placeholder" : {
                    display : "flex",
                    align_items : "center",
                    justify_content : "center",
                    background : "#0d1117",
                    border : "0.05em dashed #30363d",
                    color : "#484f58",
                    font_size : "1.2em",
                    font_weight : "bold",
                    letter_spacing : "0.05em",
                    user_select : "none"
                },
                "h3" : { margin : "0em 0em 0.3em 0em", font_size : "1em", padding_right : "1.5em" },
                ".jp-desc" : { font_size : "0.75em", color : "#8b949e" },

                // Botón Eliminar: Esquina superior derecha
                ".jp-card-btn-delete" : {
                    position : "absolute",
                    top : "0.4em",
                    right : "0.4em",
                    width : "1.6em",
                    height : "1.6em",
                    border_radius : "50%",
                    background : "#da3633",
                    color : "#ffffff",
                    border : "0.05em solid #f85149",
                    display : "flex",
                    align_items : "center",
                    justify_content : "center",
                    font_size : "0.75em",
                    padding : "0em",
                    cursor : "pointer",
                    box_shadow : "0 0.1em 0.3em rgba(0,0,0,0.5)",
                    "&:hover" : {
                        background : "#f85149",
                        transform : "scale(1.1)"
                    }
                },

                // Botón Editar: Esquina inferior derecha
                ".jp-card-btn-edit" : {
                    position : "absolute",
                    bottom : "0.4em",
                    right : "0.4em",
                    width : "1.6em",
                    height : "1.6em",
                    border_radius : "50%",
                    background : "#21262d",
                    color : "#58a6ff",
                    border : "0.05em solid #388bfd",
                    display : "flex",
                    align_items : "center",
                    justify_content : "center",
                    font_size : "0.75em",
                    padding : "0em",
                    cursor : "pointer",
                    box_shadow : "0 0.1em 0.3em rgba(0,0,0,0.5)",
                    "&:hover" : {
                        background : "#1f6feb",
                        color : "#ffffff",
                        transform : "scale(1.1)"
                    }
                }
            },

            ".jp-tags-group" : {
                display : "flex",
                flex_wrap : "wrap",
                gap : "0.3em",
                margin : "0.4em 0em"
            },

            ".jp-badge" : {
                font_size : "0.65em",
                padding : "0.1em 0.4em",
                border_radius : "0.2em",
                "&.jp-badge-tag" : { background : "#388bfd33", color : "#58a6ff" },
                "&.jp-badge-tech" : { background : "#a371f733", color : "#bc8cff" }
            },

            ".jp-tag-link" : {
                color : "#58a6ff",
                text_decoration : "none",
                font_size : "0.75em",
                border_bottom : "0.05em dotted #58a6ff"
            },

            ".jp-table" : {
                width : "100%",
                border_collapse : "collapse",
                margin : "0.8em 0em",
                "th, td" : {
                    border : "0.05em solid #30363d",
                    padding : "0.4em",
                    text_align : "center",
                    font_size : "0.8em"
                },
                "th" : { background : "#21262d" },
                ".jp-score-input" : {
                    width : "3.5em",
                    text_align : "center"
                }
            },

            ".jp-rank-row" : {
                display : "flex",
                justify_content : "space-between",
                padding : "0.4em",
                border_bottom : "0.05em solid #30363d",
                font_size : "0.85em",
                ".jp-rank-avg" : { color : "#3fb950", font_weight : "bold" }
            }, 
            ".jp-card-actions" : {
                display : "flex",
                gap : "0.5em",
                margin_top : "0.8em"
            },

            ".jp-meta" : {
                display : "flex",
                flex_direction : "column",
                gap : "0.2em",
                margin_top : "0.5em",
                color : "#8b949e",
                font_size : "0.7em"
            },

            ".jp-notice-badge" : {
                display : "flex",
                justify_content : "space-between",
                align_items : "center",
                background : "#1f6feb22",
                border : "0.05em solid #388bfd",
                padding : "0.4em 0.8em",
                margin_bottom : "0.8em",
                border_radius : "0.2em",
                font_size : "0.8em",
                color : "#58a6ff"
            }, 

            ".jp-author-tag" : {
                margin : "0em 0em 0.4em 0em",
                font_size : "0.75em",
                color : "#58a6ff",
                font_weight : "normal"
            }, 

            ".jp-modal-overlay" : {
                position : "fixed",
                top : "0em",
                left : "0em",
                width : "100%",
                height : "100%",
                background : "rgba(0, 0, 0, 0.75)",
                display : "flex",
                align_items : "center",
                justify_content : "center",
                z_index : "1000",
                padding : "1em",
                box_sizing : "border-box",

                ".jp-modal-window" : {
                    background : "#161b22",
                    border : "0.05em solid #30363d",
                    border_radius : "0.4em",
                    width : "100%",
                    max_width : "28em",
                    max_height : "90%",
                    display : "flex",
                    flex_direction : "column",
                    box_shadow : "0 0.5em 2em rgba(0,0,0,0.8)",
                    overflow : "hidden",

                    ".jp-modal-header" : {
                        display : "flex",
                        align_items : "center",
                        justify_content : "space-between",
                        padding : "0.8em 1em",
                        border_bottom : "0.05em solid #30363d",
                        background : "#0d1117",
                        "h3" : { margin : "0em", font_size : "1em", color : "#58a6ff" }
                    },

                    ".jp-modal-body" : {
                        padding : "1em",
                        overflow_y : "auto",
                        flex : "1"
                    }
                }
            },

            ".jp-view-topbar" : {
                display : "flex",
                justify_content : "space-between",
                align_items : "center",
                margin_bottom : "1em"
            },

            ".jp-search-input" : {
                background : "#0d1117",
                border : "0.05em solid #30363d",
                color : "#e6edf3",
                padding : "0.4em 0.8em",
                font_size : "0.8em",
                border_radius : "0.2em",
                width : "16em",
                box_sizing : "border-box",
                "&:focus" : {
                    border_color : "#58a6ff",
                    outline : "none"
                }
            },

            ".jp-badge-type-human" : {
                background : "#23863633",
                color : "#3fb950",
                border : "0.05em solid #2ea04366"
            },

            ".jp-badge-type-ai" : {
                background : "#a371f733",
                color : "#d2a8ff",
                border : "0.05em solid #a371f766"
            },

            ".jp-authors-select-box" : {
                display : "flex",
                flex_wrap : "wrap",
                gap : "0.5em",
                background : "#0d1117",
                border : "0.05em solid #30363d",
                padding : "0.5em",
                border_radius : "0.2em",
                max_height : "6em",
                overflow_y : "auto"
            },

            ".jp-check-label" : {
                display : "flex",
                align_items : "center",
                gap : "0.3em",
                font_size : "0.75em",
                color : "#c9d1d9",
                cursor : "pointer",
                user_select : "none",
                "input" : {
                    cursor : "pointer"
                }
            },

            ".jp-authors-picker" : {
                display : "flex",
                flex_direction : "column",
                background : "#0d1117",
                border : "0.05em solid #30363d",
                border_radius : "0.2em",
                overflow : "hidden",

                ".jp-authors-search-input" : {
                    background : "#161b22",
                    border : "none",
                    border_bottom : "0.05em solid #30363d",
                    color : "#e6edf3",
                    padding : "0.4em 0.6em",
                    font_size : "0.75em",
                    box_sizing : "border-box",
                    width : "100%",
                    outline : "none",
                    "&:focus" : {
                        background : "#1c2128"
                    }
                },

                ".jp-authors-select-box" : {
                    display : "flex",
                    flex_direction : "column",
                    gap : "0.4em",
                    padding : "0.5em",
                    max_height : "7em", // Altura máxima fija
                    overflow_y : "auto", // Scroll vertical si excede
                    box_sizing : "border-box"
                }
            },

            ".jp-lang-select" : {
                background : "#0d1117",
                border : "0.05em solid #30363d",
                color : "#e6edf3",
                padding : "0.3em 0.6em",
                font_size : "0.75em",
                border_radius : "0.2em",
                cursor : "pointer",
                outline : "none",
                "&:hover, &:focus" : {
                    border_color : "#58a6ff"
                }
            },

            ".jp-rank-table" : {
                width : "100%",
                border_collapse : "collapse",
                background : "#161b22",
                border : "0.05em solid #30363d",
                border_radius : "0.3em",
                overflow : "hidden",

                "th, td" : {
                    padding : "0.6em 0.8em",
                    border_bottom : "0.05em solid #30363d",
                    font_size : "0.8em"
                },
                "th" : {
                    background : "#0d1117",
                    color : "#8b949e",
                    text_align : "left"
                },
                "tbody tr" : {
                    cursor : "pointer",
                    "&:hover" : {
                        background : "#1c2128"
                    }
                },
                ".jp-rank-badge-global" : {
                    font_weight : "bold",
                    color : "#f1e05a"
                },
                ".jp-rank-badge-filter" : {
                    color : "#58a6ff"
                },
                ".jp-rank-avg-score" : {
                    color : "#3fb950",
                    font_weight : "bold"
                }
            },

            ".jp-breakdown-row" : {
                background : "#0d1117 !important",
                cursor : "default !important",
                "td" : {
                    padding : "0.8em 1.2em !important"
                }
            },

            ".jp-breakdown-grid" : {
                display : "grid",
                grid_template_columns : "repeat(auto-fill, minmax(10em, 1fr))",
                gap : "0.5em",
                margin_top : "0.4em"
            },

            ".jp-breakdown-item" : {
                background : "#161b22",
                border : "0.05em solid #30363d",
                padding : "0.4em 0.6em",
                border_radius : "0.2em",
                display : "flex",
                justify_content : "space-between",
                font_size : "0.75em",
                ".jp-crit-name" : { color : "#c9d1d9" },
                ".jp-crit-val" : { color : "#58a6ff", font_weight : "bold" }
            },

            ".jp-matrix-table" : {
                width : "100%",
                border_collapse : "collapse",
                margin_top : "0.8em",
                "th, td" : {
                    border : "0.05em solid #30363d",
                    padding : "0.4em",
                    text_align : "center",
                    font_size : "0.75em"
                },
                "th" : { background : "#0d1117", color : "#c9d1d9" },
                ".jp-crit-cell" : { text_align : "left", font_weight : "bold", color : "#58a6ff" },
                ".jp-summary-cell" : { background : "#161b22", color : "#3fb950", font_weight : "bold" },
                ".jp-score-input" : {
                    width : "3.5em",
                    text_align : "center",
                    padding : "0.2em",
                    background : "#0d1117",
                    border : "0.05em solid #30363d",
                    color : "#e6edf3",
                    border_radius : "0.2em"
                }
            }, 

            ".jp-criterion-row" : {
                display : "flex",
                align_items : "center",
                justify_content : "space-between",
                padding : "0.2em 0em",
                border_bottom : "0.05em solid #21262d",

                ".jp-crit-actions" : {
                    display : "flex",
                    gap : "0.3em"
                }
            },

            ".jp-weight-input" : {
                width : "3.2em",
                padding : "0.15em 0.3em",
                background : "#0d1117",
                border : "0.05em solid #30363d",
                color : "#f1e05a",
                font_size : "0.75em",
                text_align : "center",
                border_radius : "0.2em",
                margin_left : "0.4em",
                "&:disabled" : {
                    opacity : "0.3",
                    cursor : "not-allowed"
                }
            },

            ".jp-summary-subcell" : {
                background : "#161b22",
                font_weight : "bold",
                font_size : "0.7em"
            },

        }
    }, 
    ...(typeof custom_styles == "undefined" ? {} : custom_styles)
};