:root {
    --cmn-responsive-font-floor: 13px;
}

@media (min-width: 1024px) {
     :root {
        --cmn-responsive-font-floor: 14px;
    }
}

input,
select,
textarea,
button {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}


/* One check mark language across the public site. */

.app-circle-check-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    flex: 0 0 auto;
    fill: none;
    stroke: #fff;
    vertical-align: middle;
}


/* Tooltips are compact helper labels, so they intentionally sit below the
   general readable-text floor used by page content and form controls. */

:where([role=tooltip], .tooltip, .tooltip-inner, .editor-icon-tooltip) {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

:where(.tooltip-inner, .editor-icon-tooltip) {
    padding: 6px 9px !important;
}


/* Shared scrollbar system: compact, quiet and consistent across frontend and Filament. */

:root {
    --cmn-scrollbar-size: 6px;
    --cmn-scrollbar-thumb: #aeb9c8;
    --cmn-scrollbar-thumb-hover: #8794a6;
    --cmn-scrollbar-track: transparent;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--cmn-scrollbar-thumb) var(--cmn-scrollbar-track);
}

*::-webkit-scrollbar {
    width: var(--cmn-scrollbar-size);
    height: var(--cmn-scrollbar-size);
}

*::-webkit-scrollbar-track {
    margin-block: 8px;
    margin-inline: 8px;
    background: var(--cmn-scrollbar-track);
}

*::-webkit-scrollbar-thumb {
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--cmn-scrollbar-thumb);
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--cmn-scrollbar-thumb-hover);
    background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

*::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}