/* =========================================================
   PIYASA KATIP
   V10-R1 REFERENCE CLEAN REBUILD
   NO V9 PRESENTATION PATCHES
   ========================================================= */

#piyasa-katip-v10,
#piyasa-katip-v10 * {
    box-sizing:border-box;
}

#piyasa-katip-v10 {
    width:100%;
    margin:0;
    padding:16px 6px 28px;

    color:#092657;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    background:
        radial-gradient(
            circle at 0 0,
            rgba(52,213,255,.15),
            transparent 24%
        ),
        radial-gradient(
            circle at 100% 0,
            rgba(237,115,255,.14),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f8fdff 0%,
            #edf8ff 52%,
            #f8fbff 100%
        );
}


/* TOP */

#piyasa-katip-v10 .pk10-top {
    display:grid;
    grid-template-columns:420px minmax(0,1fr);
    gap:16px;

    margin-bottom:16px;
}

#piyasa-katip-v10 .pk10-identity {
    display:flex;
    align-items:center;
    gap:18px;

    height:118px;

    padding:11px 16px;

    border:1px solid #d1e3f1;
    border-radius:16px;

    background:rgba(255,255,255,.92);

    box-shadow:
        0 10px 28px rgba(35,88,140,.07);
}

#piyasa-katip-v10 .pk10-robot {
    flex:0 0 96px;

    width:96px;
    height:96px;

    overflow:hidden;

    border-radius:15px;

    background:#dff5ff;
}

#piyasa-katip-v10 .pk10-robot img {
    display:block;

    width:100%;
    height:100%;

    margin:0;
    padding:0;

    border:0;

    object-fit:cover;
}

#piyasa-katip-v10 .pk10-identity-title-row {
    display:flex;
    align-items:center;
    gap:18px;
}

#piyasa-katip-v10 .pk10-identity h1 {
    margin:0;

    color:#08204e;

    font-size:31px;
    line-height:1;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-status {
    display:inline-flex;
    align-items:center;
    gap:5px;

    padding:6px 13px;

    border-radius:999px;

    color:#09965f;
    background:#dff8ed;

    font-size:12px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-identity-sub {
    margin-top:10px;

    color:#234b81;

    font-size:14px;
    font-weight:600;

    white-space:nowrap;
}


/* KPI */

#piyasa-katip-v10 .pk10-kpis {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));

    height:118px;

    overflow:hidden;

    border:1px solid #d1e3f1;
    border-radius:16px;

    background:
        linear-gradient(
            105deg,
            rgba(255,255,255,.96),
            rgba(250,253,255,.95) 70%,
            rgba(255,243,255,.94)
        );

    box-shadow:
        0 10px 28px rgba(35,88,140,.07);
}

#piyasa-katip-v10 .pk10-kpi {
    position:relative;

    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:11px;
    align-items:center;

    min-width:0;

    padding:13px;

    border-right:1px solid #d6e6f3;
}

#piyasa-katip-v10 .pk10-kpi:last-child {
    border-right:0;
}

#piyasa-katip-v10 .pk10-kpi-icon {
    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:13px;

    background:#e7f2ff;

    font-size:27px;
    line-height:1;
}

#piyasa-katip-v10 .is-cyan .pk10-kpi-icon {
    background:#e3f8f8;
}

#piyasa-katip-v10 .is-orange .pk10-kpi-icon {
    background:#fff0df;
}

#piyasa-katip-v10 .is-purple .pk10-kpi-icon {
    background:#eeeaff;
}

#piyasa-katip-v10 .is-clock .pk10-kpi-icon {
    color:#194f9b;

    background:#e7effb;

    font-size:38px;
}

#piyasa-katip-v10 .pk10-kpi-text > span {
    display:block;

    margin-bottom:5px;

    color:#38588d;

    font-size:11px;
    font-weight:700;

    white-space:nowrap;
}

#piyasa-katip-v10 .pk10-kpi-text strong {
    display:block;

    color:#09204d;

    font-size:19px;
    line-height:1;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-kpi-text small {
    display:block;

    height:13px;

    margin-top:5px;
}

#piyasa-katip-v10 .pk10-mini-bars {
    position:absolute;

    right:13px;
    bottom:13px;

    display:flex;
    align-items:flex-end;
    gap:3px;

    height:27px;
}

#piyasa-katip-v10 .pk10-mini-bars i {
    display:block;

    width:4px;

    border-radius:5px;

    background:
        linear-gradient(
            180deg,
            #6bdcff,
            #15a8e9
        );
}

#piyasa-katip-v10 .pk10-mini-bars i:nth-child(1){height:8px}
#piyasa-katip-v10 .pk10-mini-bars i:nth-child(2){height:13px}
#piyasa-katip-v10 .pk10-mini-bars i:nth-child(3){height:19px}
#piyasa-katip-v10 .pk10-mini-bars i:nth-child(4){height:27px}

#piyasa-katip-v10 .is-orange .pk10-mini-bars i {
    background:linear-gradient(180deg,#ffb55d,#ff7824);
}

#piyasa-katip-v10 .is-purple .pk10-mini-bars i {
    background:linear-gradient(180deg,#a68cff,#7557f5);
}


/* CARDS */

#piyasa-katip-v10 .pk10-card {
    width:100%;

    border:1px solid #d0e2f1;
    border-radius:16px;

    background:rgba(255,255,255,.92);

    box-shadow:
        0 10px 28px rgba(35,88,140,.065);
}

#piyasa-katip-v10 .pk10-section-head {
    display:flex;
    align-items:center;
    gap:10px;
}

#piyasa-katip-v10 .pk10-section-head h2 {
    margin:0;

    color:#09204e;

    font-size:21px;
    line-height:1;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-section-icon {
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 42px;

    width:42px;
    height:42px;

    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            #e4f5ff,
            #d6eaff
        );

    font-size:23px;
}


/* FILTER CARD */

#piyasa-katip-v10 .pk10-filter-card {
    margin-bottom:16px;
    padding:10px 8px 8px;
}

#piyasa-katip-v10 .pk10-filter-card > .pk10-section-head {
    height:43px;

    margin-bottom:5px;
}

#piyasa-katip-v10 .pk10-filter-grid {
    display:grid;

    grid-template-columns:
        1.08fr
        .92fr
        .96fr
        1.04fr
        .92fr
        1.12fr
        1.34fr
        1.28fr
        1.10fr
        .74fr;

    width:100%;

    overflow:hidden;

    border:1px solid #c9e0f2;
    border-radius:9px;

    background:
        linear-gradient(
            180deg,
            #f9fdff,
            #eef8ff
        );
}

#piyasa-katip-v10 .pk10-filter {
    display:grid;
    grid-template-rows:32px 40px;
    gap:4px;

    min-width:0;
    height:82px;

    margin:0;
    padding:5px 7px;

    border:0;
    border-right:1px solid #c9e0f2;
    border-radius:0;

    background:transparent;
}

#piyasa-katip-v10 .pk10-filter:last-child {
    border-right:0;
}

#piyasa-katip-v10 .pk10-label {
    display:flex;
    align-items:center;
    gap:6px;

    min-width:0;

    color:#09295e;

    font-size:10px;
    line-height:1;
    font-weight:900;

    white-space:nowrap;
}

#piyasa-katip-v10 .pk10-label b {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 21px;

    width:21px;
    height:21px;

    margin:0;

    font-size:18px;
    line-height:1;
    font-weight:700;
}

#piyasa-katip-v10 .pk10-label .pk10-lira {
    color:#fff;

    border-radius:50%;

    background:#13ae69;

    font-size:14px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-label .pk10-sort {
    color:#0879ff;

    font-size:27px;
}

#piyasa-katip-v10 .pk10-filter input,
#piyasa-katip-v10 .pk10-filter select,
#piyasa-katip-v10 .pk10-filter button {
    display:block;

    width:100%;
    height:40px;

    min-width:0;

    margin:0;
    padding:0 9px;

    border:1px solid #cddff0;
    border-radius:8px;
    outline:0;

    color:#183b70;
    background:#fff;

    font:700 10px/38px inherit;

    box-shadow:none;
}

#piyasa-katip-v10 .pk10-filter input::placeholder {
    color:#7790b4;
    opacity:1;
}

#piyasa-katip-v10 .pk10-search {
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;

    height:40px;
}

#piyasa-katip-v10 .pk10-search input {
    border-radius:8px 0 0 8px;
}

#piyasa-katip-v10 .pk10-search button {
    border-left:0;
    border-radius:0 8px 8px 0;

    color:#5965d9;
    background:#f6f4ff;

    font-size:9px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-double {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;

    height:40px;
}

#piyasa-katip-v10 .pk10-clear {
    background:#fff5f8;
}

#piyasa-katip-v10 .pk10-clear .pk10-label {
    color:#ef3158;
}

#piyasa-katip-v10 .pk10-clear button {
    color:#ef3158;

    border-color:#ff92a9;

    background:#fff;

    font-weight:900;
}


/* LIST */

#piyasa-katip-v10 .pk10-list-card {
    padding:10px 8px 12px;
}

#piyasa-katip-v10 .pk10-list-head {
    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:50px;

    margin-bottom:5px;
}

#piyasa-katip-v10 .pk10-list-icon {
    color:#1592ff;

    font-size:22px;
}

#piyasa-katip-v10 .pk10-actions {
    display:flex;
    align-items:center;
    gap:10px;
}

#piyasa-katip-v10 .pk10-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    height:42px;

    margin:0;
    padding:0 17px;

    border:1px solid #bdd8ef;
    border-radius:9px;

    color:#092b60;
    background:#fff;

    font-family:inherit;
    font-size:11px;
    font-weight:900;

    box-shadow:none;
}

#piyasa-katip-v10 .pk10-button > span {
    font-size:18px;
}

#piyasa-katip-v10 .pk10-export {
    color:#fff;

    border-color:#0879ff;

    background:
        linear-gradient(
            135deg,
            #126fff,
            #006df0
        );
}


/* TABLE */

#piyasa-katip-v10 .pk10-table-shell {
    width:100%;

    overflow:hidden;

    border:1px solid #cce1f2;
    border-radius:9px;

    background:#fff;
}

#piyasa-katip-v10 .pk10-table {
    width:100%;

    margin:0;

    table-layout:fixed;
    border-collapse:collapse;

    background:#fff;
}

#piyasa-katip-v10 .pk10-table th {
    height:66px;

    padding:5px 2px;

    overflow:hidden;

    border-right:1px solid #d2e5f3;
    border-bottom:1px solid #d2e5f3;

    color:#09295e;
    background:
        linear-gradient(
            180deg,
            #f4fbff,
            #eaf6fd
        );

    text-align:center;
    vertical-align:middle;

    font-size:8px;
    line-height:1.05;
    font-weight:900;

    white-space:nowrap;
}

#piyasa-katip-v10 .pk10-table th:last-child {
    border-right:0;
}

#piyasa-katip-v10 .pk10-table th i {
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:27px;

    margin:0 0 4px;

    overflow:hidden;

    font-style:normal;
    font-size:20px;
    line-height:1;
}

#piyasa-katip-v10 .pk10-table th .pk10-new {
    width:28px;
    height:18px;

    margin:0 auto 4px;

    border-radius:4px;

    color:#fff;
    background:#f7b322;

    font-size:7px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-table th .pk10-check {
    width:20px;
    height:20px;

    margin:0 auto 4px;

    border-radius:50%;

    color:#fff;
    background:#22a65d;

    font-size:12px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-table th .pk10-plane {
    color:#0879ff;

    font-size:25px;
}

#piyasa-katip-v10 .pk10-table td {
    padding:0;

    border-right:1px solid #e1edf6;
    border-bottom:1px solid #e1edf6;

    background:#fff;
}

#piyasa-katip-v10 .pk10-table td:last-child {
    border-right:0;
}


/* 20-COLUMN DESKTOP CONTRACT */

#piyasa-katip-v10 col.p{width:12%}
#piyasa-katip-v10 col.m{width:5.3%}
#piyasa-katip-v10 col.f{width:5.1%}
#piyasa-katip-v10 col.s{width:4.6%}
#piyasa-katip-v10 col.seller{width:7.2%}
#piyasa-katip-v10 col.score{width:5.4%}
#piyasa-katip-v10 col.best{width:4.7%}
#piyasa-katip-v10 col.fav{width:4.7%}
#piyasa-katip-v10 col.review{width:6.1%}
#piyasa-katip-v10 col.visit{width:4.5%}
#piyasa-katip-v10 col.topreview{width:5.2%}
#piyasa-katip-v10 col.cart{width:4.2%}
#piyasa-katip-v10 col.rank{width:5.4%}
#piyasa-katip-v10 col.demand{width:4.3%}
#piyasa-katip-v10 col.gift{width:4.3%}
#piyasa-katip-v10 col.new{width:3.7%}
#piyasa-katip-v10 col.update{width:6.3%}
#piyasa-katip-v10 col.pro{width:6.4%}
#piyasa-katip-v10 col.oduncu{width:4.8%}
#piyasa-katip-v10 col.send{width:3.4%}


/* EMPTY REAL-DATA STATE */

#piyasa-katip-v10 .pk10-empty-row td {
    height:220px;
}

#piyasa-katip-v10 .pk10-empty {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;

    height:220px;

    color:#7085a6;

    text-align:center;
}

#piyasa-katip-v10 .pk10-empty strong {
    color:#536c91;

    font-size:13px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-empty span {
    font-size:10px;
}

#piyasa-katip-v10 .pk10-scroll {
    display:flex;
    align-items:center;
    justify-content:center;

    height:28px;

    color:#496e9e;

    font-size:10px;
    font-weight:700;
}


/* END V10-R1 */

/* =========================================================
   KATIP V10-R2
   IMMUTABLE DELIVERY CERTIFICATE
   NO VISUAL PATCH
   ========================================================= */

#piyasa-katip-v10 {
    --katip-v10-r2-delivery: 1;
}

/* =========================================================
   PIYASA KATIP V10-R3-R1
   DEMO TABLE + KATIP CLEAN TOP
   ========================================================= */


/*
 * KÂTİP WORKSPACE TOP
 */

#piyasa-katip-v10 {
    margin-top:0 !important;
}


/*
 * DEMO ROWS
 */

#piyasa-katip-v10 .pk10-demo-row {
    height:62px;
}

#piyasa-katip-v10 .pk10-demo-row td {
    height:62px;

    padding:6px 4px;

    overflow:hidden;

    color:#17385f;
    background:#fff;

    text-align:center;
    vertical-align:middle;

    font-size:8px;
    line-height:1.15;
    font-weight:700;

    white-space:nowrap;
    text-overflow:ellipsis;
}

#piyasa-katip-v10 .pk10-demo-row:nth-child(even) td {
    background:#fbfdff;
}

#piyasa-katip-v10 .pk10-demo-row:hover td {
    background:#f1f9ff;
}

#piyasa-katip-v10 .pk10-product {
    display:grid;

    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto;

    column-gap:5px;

    min-width:0;

    text-align:left;
}

#piyasa-katip-v10 .pk10-product strong {
    overflow:hidden;

    color:#09295e;

    font-size:8px;
    font-weight:900;

    white-space:nowrap;
    text-overflow:ellipsis;
}

#piyasa-katip-v10 .pk10-product small {
    grid-column:2;

    margin-top:2px;

    overflow:hidden;

    color:#7890ae;

    font-size:6px;

    white-space:nowrap;
    text-overflow:ellipsis;
}

#piyasa-katip-v10 .pk10-demo-badge {
    grid-row:1 / 3;

    align-self:center;

    padding:3px 4px;

    border-radius:4px;

    color:#fff;
    background:#7185a4;

    font-size:5px;
    line-height:1;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-stock,
#piyasa-katip-v10 .pk10-chip {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:24px;

    padding:4px 5px;

    border-radius:999px;

    font-size:7px;
    line-height:1;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-stock.ok,
#piyasa-katip-v10 .pk10-chip.green {
    color:#08734a;
    background:#dcf7eb;
}

#piyasa-katip-v10 .pk10-stock.low,
#piyasa-katip-v10 .pk10-chip.amber {
    color:#a86a00;
    background:#fff0cf;
}

#piyasa-katip-v10 .pk10-chip.orange {
    color:#a85d00;
    background:#fff0d8;
}

#piyasa-katip-v10 .pk10-chip.red {
    color:#c52d50;
    background:#ffe5eb;
}

#piyasa-katip-v10 .pk10-chip.purple {
    color:#6546c9;
    background:#eee8ff;
}

#piyasa-katip-v10 .pk10-rating {
    color:#9d6900;

    font-weight:900;
}

#piyasa-katip-v10 .pk10-pass {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:19px;
    height:19px;

    border-radius:50%;

    color:#fff;
    background:#20a861;

    font-size:11px;
    font-weight:900;
}

#piyasa-katip-v10 .pk10-send {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:24px;
    height:24px;

    margin:0;
    padding:0;

    border:0;
    border-radius:6px;

    color:#0879ff;
    background:#e8f3ff;

    font-size:14px;
}


/*
 * These two selectors use :has() so we do not alter global PHP
 * bootstrap or other engine routes.
 *
 * They identify the two cards by their visible content and hide
 * them only on a page that also contains KÂTİP V10.
 */

body:has(#piyasa-katip-v10)
:is(div,section,article):has(> * > :is(strong,b,span):first-child):has(
    :is(strong,b,span)
) {
}


/*
 * WordPress / Piyasa shared bars immediately preceding KÂTİP.
 *
 * Modern Chrome supports :has().
 * Scope requires #piyasa-katip-v10 to exist on the same page.
 */

body:has(#piyasa-katip-v10)
main > *:has(+ * #piyasa-katip-v10) {
}


/* END V10-R3-R1 */