
/* ==========================================================================
   Kimiya Global UI — V5
   لایه‌ی ظاهری مشترک برای جلوگیری از صفحات خام و بدون استایل
   ========================================================================== */

@font-face{
    font-family:"KimiyaVazir";
    src:url("../../fonts/Vazir-Regular.ttf") format("truetype");
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
}

:root{
    --ku-primary:#5b63f3;
    --ku-primary-2:#7c4de8;
    --ku-text:#223047;
    --ku-muted:#7f8b9d;
    --ku-line:#e2e7ef;
    --ku-surface:#ffffff;
    --ku-soft:#f7f9fc;
    --ku-success:#0b8d67;
    --ku-danger:#c33a50;
    --ku-warning:#b96c0a;
    --ku-radius:16px;
    --ku-shadow:0 16px 45px rgba(25,39,66,.07);
}

body.kimiya-ui{
    font-family:"KimiyaVazir",Vazir,Vazirmatn,Tahoma,sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    font-feature-settings:"kern";
}

body.kimiya-ui *,
body.kimiya-ui *::before,
body.kimiya-ui *::after{
    box-sizing:border-box;
}

body.kimiya-ui ::selection{
    color:#fff;
    background:var(--ku-primary);
}

body.kimiya-ui :where(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
){
    min-height:42px;
    border:1px solid var(--ku-line);
    border-radius:12px;
    color:var(--ku-text);
    background:var(--ku-surface);
    font:inherit;
    outline:none;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

body.kimiya-ui :where(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
):focus{
    border-color:#9faaff;
    box-shadow:0 0 0 4px rgba(91,99,243,.08);
}

body.kimiya-ui :where(input,textarea)::placeholder{
    color:#a0a9b7;
}

body.kimiya-ui :where(button,[role="button"],.btn){
    font-family:inherit;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

body.kimiya-ui :where(button,[role="button"],.btn):active{
    transform:translateY(1px);
}

body.kimiya-ui :where(a,button,input,select,textarea,summary):focus-visible{
    outline:3px solid rgba(91,99,243,.16);
    outline-offset:2px;
}

body.kimiya-ui :where(table){
    border-collapse:separate;
    border-spacing:0;
}

body.kimiya-ui :where(.table-wrap){
    overflow:auto;
    border-radius:14px;
    scrollbar-width:thin;
}

body.kimiya-ui :where(details){
    scroll-margin-top:100px;
}

body.kimiya-ui :where(details > summary){
    cursor:pointer;
}

body.kimiya-ui :where(img,svg,video,canvas){
    max-width:100%;
}

body.kimiya-ui :where(.card,.panel,.box){
    border-color:var(--ku-line);
}

body.kimiya-ui :where(.empty-state,.empty-line){
    color:var(--ku-muted);
}

body.kimiya-ui::-webkit-scrollbar,
body.kimiya-ui *::-webkit-scrollbar{
    width:9px;
    height:9px;
}

body.kimiya-ui::-webkit-scrollbar-thumb,
body.kimiya-ui *::-webkit-scrollbar-thumb{
    border:2px solid transparent;
    border-radius:999px;
    background:#c8cfda;
    background-clip:padding-box;
}

body.kimiya-ui::-webkit-scrollbar-thumb:hover,
body.kimiya-ui *::-webkit-scrollbar-thumb:hover{
    background:#aeb8c8;
    background-clip:padding-box;
}

.kimiya-raw-surface{
    border:1px solid var(--ku-line);
    border-radius:20px;
    padding:18px;
    background:rgba(255,255,255,.96);
    box-shadow:var(--ku-shadow);
}

.kimiya-soft-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    width:max-content;
    border-radius:999px;
    padding:6px 9px;
    color:#5967d8;
    background:#eef1ff;
    font-size:8px;
    font-weight:900;
}

@media(max-width:700px){
    body.kimiya-ui :where(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea
    ){
        font-size:16px;
    }
}

@media(prefers-reduced-motion:reduce){
    body.kimiya-ui *,
    body.kimiya-ui *::before,
    body.kimiya-ui *::after{
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}
