html {
    overflow-x: hidden;
}

body.woocommerce-account {
    --kb-brand:#447A00;
    --kb-text:#1d1f1a;
    --kb-text-soft:#5a5f52;
    --kb-bg-page:#f5f6f4;
    --kb-surface:#fff;
    --kb-border:#e3e5de;
    --kb-radius-lg:20px;
    --kb-radius-md:14px;
    --kb-radius-sm:10px;
    --kb-shadow-card:0 16px 24px rgba(0,0,0,.04);
    --kb-shadow-float:0 24px 32px rgba(0,0,0,.08);
    --kb-focus-ring:0 0 0 3px rgba(68,122,0,.15);
    --kb-danger:#b42323;
    --kb-warn:#cc8a00;
    --kb-section-space:24px;
    background-color:var(--kb-bg-page);
    font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
    color:var(--kb-text);
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    display:none;
}
body.woocommerce-account .woocommerce-MyAccount-content {
    width:100%;
    max-width:100%;
}

.karincabilisim-shell {
    --kb-shell-pad-x:16px;
    --kb-shell-gap:24px;
    max-width:1600px;
    width:100%;
    margin:40px auto 80px;
    padding:0 var(--kb-shell-pad-x) 80px;
    display:grid;
    grid-template-columns:260px 1fr;
    gap:var(--kb-shell-gap);
    color:var(--kb-text);
    box-sizing:border-box;
    position:relative;
}
.karincabilisim-main {
    display:flex;
    flex-direction:column;
    gap:var(--kb-section-space);
    min-width:0;
}

.karincabilisim-mobile-topbar {
    position:sticky;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background:rgba(255,255,255,.9);
    border-bottom:1px solid var(--kb-border);
    backdrop-filter:saturate(180%) blur(12px);
    -webkit-backdrop-filter:saturate(180%) blur(12px);
    display:none;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
    box-shadow:0 8px 16px rgba(0,0,0,.04);
    border-radius:12px;
    margin-bottom:16px;
}
.karincabilisim-mobile-user {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.karincabilisim-mobile-avatar {
    width:36px;
    height:36px;
    border-radius:10px;
    background:var(--kb-brand);
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:36px;
    text-align:center;
    display:inline-block;
    flex-shrink:0;
    box-shadow:0 12px 20px rgba(0,0,0,.08);
}
.karincabilisim-mobile-user-texts {
    min-width:0;
    display:flex;
    flex-direction:column;
}
.karincabilisim-mobile-user-name {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.3;
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-mobile-user-email {
    font-size:12px;
    font-weight:400;
    color:var(--kb-text-soft);
    line-height:1.4;
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-mobile-top-meta {
    flex:1;
    display:flex;
    justify-content:flex-start;
    padding-left:12px;
    min-width:0;
}
.karincabilisim-hamburger {
    background:var(--kb-brand);
    border:1px solid var(--kb-brand);
    border-radius:10px;
    width:40px;
    height:40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#fff;
    padding:0;
    cursor:pointer;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
    transition:all .18s cubic-bezier(.2,.6,.4,1);
}
.karincabilisim-hamburger-line {
    width:20px;
    height:2px;
    background:#fff;
    border-radius:2px;
    display:block;
}
.karincabilisim-hamburger:hover {
    background:#366000;
    border-color:#366000;
}

.karincabilisim-sidebar {
    background:transparent;
    border:none;
    border-radius:0;
    box-shadow:none;
    padding:0;
    display:flex;
    flex-direction:column;
    min-height:520px;
    position:relative;
}
.karincabilisim-sidebar-inner {
    background:var(--kb-surface);
    border:1px solid var(--kb-border);
    border-radius:var(--kb-radius-lg);
    box-shadow:var(--kb-shadow-float);
    padding:24px 20px;
    display:flex;
    flex-direction:column;
    min-height:520px;
    position:relative;
    z-index:1001;
    max-width:260px;
    width:260px;
    transition:transform .25s ease;
}
.karincabilisim-sidebar-head {
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding-bottom:20px;
    border-bottom:1px solid var(--kb-border);
    min-width:0;
    position:relative;
}
.karincabilisim-avatar {
    width:48px;
    height:48px;
    border-radius:12px;
    background:var(--kb-brand);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
    line-height:1;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
    flex-shrink:0;
}
.karincabilisim-avatar-letter {
    display:block;
    line-height:1;
}
.karincabilisim-user-meta {
    display:flex;
    flex-direction:column;
    min-width:0;
}
.karincabilisim-user-name {
    font-size:15px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.3;
    word-break:break-word;
    letter-spacing:-.02em;
}
.karincabilisim-user-email {
    font-size:12px;
    color:var(--kb-text-soft);
    line-height:1.4;
    word-break:break-word;
    letter-spacing:-.02em;
}
.karincabilisim-sidebar-close {
    background:#fff;
    border:1px solid #d9dcd2;
    border-radius:8px;
    width:32px;
    height:32px;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:14px;
    line-height:1;
    color:var(--kb-text-soft);
    cursor:pointer;
    flex-shrink:0;
    position:absolute;
    right:0;
    top:0;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
}
.karincabilisim-sidebar-close:hover {
    border-color:var(--kb-brand);
    color:var(--kb-brand);
    background:#f8faf6;
}
.karincabilisim-nav {
    display:flex;
    flex-direction:column;
    padding-top:20px;
    row-gap:2px;
}
.karincabilisim-nav-link {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:10px;
    font-size:14px;
    font-weight:500;
    line-height:1.4;
    color:var(--kb-text);
    text-decoration:none;
    border:1px solid transparent;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
    background:var(--kb-surface);
    letter-spacing:-.02em;
    min-height:40px;
}
.karincabilisim-nav-link i {
    width:18px;
    font-size:14px;
    color:var(--kb-brand);
    flex-shrink:0;
    text-align:center;
}
.karincabilisim-nav-link:hover {
    background:#f8faf6;
    border:1px solid rgba(68,122,0,.18);
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}
.karincabilisim-nav-link.is-active {
    background:var(--kb-brand);
    border:1px solid var(--kb-brand);
    color:#fff;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.karincabilisim-nav-link.is-active i {
    color:#fff;
}
.karincabilisim-sidebar-footer {
    margin-top:auto;
    padding-top:20px;
    border-top:1px solid var(--kb-border);
    display:flex;
}
.karincabilisim-logout {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:10px;
    background:#fff;
    border:1px solid rgba(0,0,0,.07);
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    text-decoration:none;
    line-height:1.4;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
    letter-spacing:-.02em;
    width:100%;
    justify-content:flex-start;
    min-height:40px;
}
.karincabilisim-logout i {
    width:18px;
    font-size:14px;
    color:#a40000;
    text-align:center;
}
.karincabilisim-logout:hover {
    background:#fff0f0;
    border-color:#d43b3b;
    color:#a40000;
}
.karincabilisim-sidebar-overlay {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease;
    z-index:1000;
}

.karincabilisim-card {
    background:var(--kb-surface);
    border-radius:var(--kb-radius-lg);
    border:1px solid var(--kb-border);
    box-shadow:var(--kb-shadow-card);
    padding:24px 24px 20px;
    color:var(--kb-text);
    min-width:0;
    overflow:hidden;
}

.karincabilisim-card--header {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:20px;
    align-items:flex-start;
}
.karincabilisim-header-left {
    max-width:360px;
    min-width:0;
}
.karincabilisim-hi {
    font-size:12px;
    font-weight:600;
    color:var(--kb-brand);
    margin-bottom:4px;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:-.03em;
}
.karincabilisim-display-name {
    font-size:20px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.3;
    margin-bottom:6px;
    letter-spacing:-.03em;
    word-break:break-word;
}
.karincabilisim-desc {
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-kpi-wrapper {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:16px;
    margin-left:auto;
    min-width:0;
}
.karincabilisim-kpi-box {
    background:var(--kb-bg-page);
    border-radius:14px;
    border:1px solid var(--kb-border);
    padding:14px 16px;
    min-width:180px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    box-shadow:none;
    flex:0 1 auto;
}
.karincabilisim-kpi-icon {
    width:36px;
    height:36px;
    border-radius:8px;
    background:var(--kb-brand);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
    flex-shrink:0;
}
.karincabilisim-kpi-meta {
    line-height:1.4;
    min-width:0;
}
.karincabilisim-kpi-label {
    font-size:12px;
    font-weight:500;
    color:var(--kb-text-soft);
    line-height:1.4;
    margin-bottom:4px;
    letter-spacing:-.02em;
}
.karincabilisim-kpi-value {
    font-size:15px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
    word-break:break-word;
}
.karincabilisim-inline-link {
    color:var(--kb-brand);
    text-decoration:none;
    font-weight:600;
}
.karincabilisim-inline-link:hover {
    text-decoration:underline;
}

.karincabilisim-card-head {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    row-gap:8px;
    margin-bottom:20px;
}
.karincabilisim-card-head-left {
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    max-width:100%;
}
.karincabilisim-card-head-right {
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    min-width:auto;
    margin-left:auto;
    gap:12px;
}
.karincabilisim-card-title {
    font-size:15px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
    word-break:break-word;
}
.karincabilisim-card-sub {
    font-size:13px;
    font-weight:400;
    color:var(--kb-text-soft);
    line-height:1.4;
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-head-link {
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:600;
    color:var(--kb-brand);
    text-decoration:none;
    line-height:1.4;
    letter-spacing:-.02em;
    white-space:nowrap;
    transition:color .18s cubic-bezier(.2,.6,.4,1);
}
.karincabilisim-head-link i {
    font-size:12px;
}
.karincabilisim-head-link:hover {
    text-decoration:underline;
    color:#366000;
}

.karincabilisim-grid {
    --kb-min:250px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--kb-min)),1fr));
    gap:20px;
    width:100%;
    margin-top:var(--kb-section-space);
}
.karincabilisim-action-card {
    background:var(--kb-surface);
    border:1px solid var(--kb-border);
    border-radius:16px;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    padding:18px 18px 16px;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:var(--kb-text);
    transition:all .18s cubic-bezier(.2,.6,.4,1);
    min-width:0;
}
.karincabilisim-action-card:hover {
    box-shadow:0 16px 24px rgba(0,0,0,.05);
    transform:translateY(-1px);
    background:#fdfdfc;
}
.karincabilisim-action-icon {
    width:40px;
    height:40px;
    border-radius:10px;
    background:var(--kb-brand);
    color:#fff;
    border:1px solid var(--kb-brand);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    flex-shrink:0;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
    margin-bottom:12px;
}
.karincabilisim-action-body {
    flex:1;
    min-width:0;
}
.karincabilisim-action-title {
    font-size:15px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
    margin-bottom:6px;
    word-break:break-word;
}
.karincabilisim-action-desc {
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-action-cta {
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:14px;
    font-size:13px;
    font-weight:600;
    color:var(--kb-brand);
    line-height:1.4;
    letter-spacing:-.02em;
    flex-wrap:nowrap;
    white-space:nowrap;
}
.karincabilisim-action-card--logout {
    background:linear-gradient(140deg,#fff 0,#fafafa 60%,#f5f6f4 100%);
}

.karincabilisim-lastorder {
    border:1px solid var(--kb-border);
    border-radius:14px;
    background:#fafafa;
    padding:20px 16px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:16px;
    box-shadow:none;
    min-width:0;
}
.karincabilisim-last-left {
    font-size:14px;
    line-height:1.5;
    color:var(--kb-text);
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
}
.karincabilisim-last-row {
    display:flex;
    flex-wrap:wrap;
    column-gap:10px;
    row-gap:2px;
}
.karincabilisim-last-k {
    min-width:90px;
    font-size:13px;
    font-weight:500;
    color:var(--kb-text-soft);
    line-height:1.4;
    letter-spacing:-.02em;
}
.karincabilisim-last-v {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
    word-break:break-word;
}
.karincabilisim-last-right {
    display:flex;
    align-items:flex-start;
    flex-shrink:0;
}
.karincabilisim-last-empty {
    font-size:14px;
    line-height:1.5;
    color:var(--kb-text-soft);
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    letter-spacing:-.02em;
}

.karincabilisim-details-grid {
    --kb-detail-min:360px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--kb-detail-min)),1fr));
    gap:20px;
    width:100%;
    min-width:0;
    margin-top:var(--kb-section-space);
}
.karincabilisim-details-block {
    border:1px solid var(--kb-border);
    border-radius:14px;
    background:#fafafa;
    padding:16px 16px 14px;
    display:flex;
    flex-direction:column;
    min-height:180px;
    box-shadow:none;
    min-width:0;
}
.karincabilisim-details-head {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
    position:relative;
    min-width:0;
}
.karincabilisim-details-icon {
    width:36px;
    height:36px;
    border-radius:8px;
    background:var(--kb-brand);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    flex-shrink:0;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.karincabilisim-details-titlewrap {
    flex:1;
    min-width:0;
}
.karincabilisim-details-title {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
    word-break:break-word;
}
.karincabilisim-details-sub {
    font-size:12px;
    font-weight:400;
    color:var(--kb-text-soft);
    line-height:1.4;
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-details-cta {
    position:absolute;
    right:0;
    top:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:8px;
    border:1px solid var(--kb-border);
    background:#fff;
    color:var(--kb-text);
    text-decoration:none;
    font-size:13px;
    line-height:1;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
    box-shadow:none;
}
.karincabilisim-details-cta i {
    font-size:12px;
}
.karincabilisim-details-cta:hover {
    border-color:var(--kb-brand);
    color:var(--kb-brand);
    background:#f8faf6;
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}
.karincabilisim-details-body {
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text);
    letter-spacing:-.02em;
    word-break:break-word;
}
.karincabilisim-details-text {
    color:var(--kb-text);
    white-space:pre-line;
}
.karincabilisim-details-empty {
    color:var(--kb-text-soft);
    font-style:italic;
}
.karincabilisim-details-list {
    display:flex;
    flex-direction:column;
    gap:8px;
}
.karincabilisim-details-row {
    display:flex;
    flex-wrap:wrap;
    column-gap:10px;
    font-size:13px;
    line-height:1.4;
    letter-spacing:-.02em;
}
.karincabilisim-details-k {
    min-width:80px;
    font-weight:500;
    color:var(--kb-text-soft);
}
.karincabilisim-details-v {
    font-weight:600;
    color:var(--kb-text);
    letter-spacing:-.03em;
    word-break:break-word;
}

.karincabilisim-wc-area {
    font-size:14px;
    line-height:1.45;
    color:var(--kb-text);
    letter-spacing:-.02em;
    min-width:0;
    margin-top:var(--kb-section-space);
}
.karincabilisim-wc-area h2,
.karincabilisim-wc-area h3,
.karincabilisim-wc-area h4 {
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    color:var(--kb-text);
    margin:0 0 12px;
    letter-spacing:-.03em;
}
.karincabilisim-wc-area .kb-table-scroll {
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.karincabilisim-wc-area table {
    min-width:600px;
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border:1px solid var(--kb-border);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    font-size:13px;
}
.karincabilisim-wc-area table th {
    background:#f5f6f4;
    color:var(--kb-text);
    font-weight:600;
    text-align:left;
    padding:12px 14px;
    border-bottom:1px solid var(--kb-border);
    font-size:12px;
    line-height:1.4;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.karincabilisim-wc-area table td {
    padding:12px 14px;
    border-bottom:1px solid var(--kb-border);
    color:var(--kb-text);
    line-height:1.5;
    font-size:13px;
    vertical-align:top;
    word-break:break-word;
}
.karincabilisim-wc-area table tr:last-child td {
    border-bottom:none;
}

.karincabilisim-wc-area form.woocommerce-EditAccountForm {
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
    gap:16px 20px;
    align-items:start;
}
.karincabilisim-wc-area form.woocommerce-EditAccountForm .form-row {
    margin-bottom:0;
    position:relative;
    width:100%;
    float:none;
    clear:none;
}
.karincabilisim-wc-area form.woocommerce-EditAccountForm .form-row-first,
.karincabilisim-wc-area form.woocommerce-EditAccountForm .form-row-last,
.karincabilisim-wc-area form.woocommerce-EditAccountForm .form-row-wide {
    grid-column:auto/span 1;
}
@media (min-width:600px) {
    .karincabilisim-wc-area form.woocommerce-EditAccountForm .form-row-wide {
        grid-column:1/-1;
    }
}
.karincabilisim-password-group {
    grid-column:1/-1;
}
.karincabilisim-wc-area label {
    display:block;
    font-size:12px;
    font-weight:500;
    color:var(--kb-text-soft);
    margin-bottom:6px;
    line-height:1.4;
    letter-spacing:-.02em;
}
.karincabilisim-wc-area input[type=text],
.karincabilisim-wc-area input[type=email],
.karincabilisim-wc-area input[type=password],
.karincabilisim-wc-area input[type=tel],
.karincabilisim-wc-area input[type=number],
.karincabilisim-wc-area select,
.karincabilisim-wc-area textarea {
    width:100%;
    border:1px solid #d9dcd2;
    border-radius:10px;
    background:#fff;
    font-size:13px;
    line-height:1.4;
    color:var(--kb-text);
    padding:10px 12px;
    box-shadow:none;
    transition:border-color .16s ease,box-shadow .16s ease;
    letter-spacing:-.02em;
}
.karincabilisim-wc-area input[type=text]:focus,
.karincabilisim-wc-area input[type=email]:focus,
.karincabilisim-wc-area input[type=password]:focus,
.karincabilisim-wc-area input[type=tel]:focus,
.karincabilisim-wc-area input[type=number]:focus,
.karincabilisim-wc-area select:focus,
.karincabilisim-wc-area textarea:focus {
    outline:none;
    border-color:var(--kb-brand);
    box-shadow:var(--kb-focus-ring);
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius:10px;
    border:1px solid var(--kb-border);
    background:#fafafa;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text);
    padding:12px 14px;
    margin:0 0 20px;
    letter-spacing:-.02em;
}
.woocommerce-error {
    border-color:#c62828;
    background:#fff4f4;
}
.woocommerce-message {
    border-color:var(--kb-brand);
    background:#f4fff4;
}

.karincabilisim-password-group {
    border:1px solid var(--kb-border);
    border-radius:12px;
    background:#fff;
    padding:20px 20px 16px;
    margin:24px 0;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
}
.karincabilisim-password-group-title {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    margin-bottom:16px;
    letter-spacing:-.03em;
    text-transform:uppercase;
}
.karincabilisim-password-field {
    margin-bottom:16px;
}
.karincabilisim-password-label {
    display:block;
    font-size:12px;
    font-weight:500;
    color:var(--kb-text-soft);
    line-height:1.4;
    margin-bottom:6px;
    letter-spacing:-.02em;
}
.karincabilisim-password-inputwrap {
    display:flex;
    align-items:center;
    position:relative;
}
.karincabilisim-password-inputwrap input[type=password],
.karincabilisim-password-inputwrap input[type=text] {
    flex:1 1 auto;
    border:1px solid #d9dcd2;
    border-radius:10px;
    background:#fff;
    font-size:13px;
    line-height:1.4;
    color:var(--kb-text);
    padding:10px 38px 10px 12px;
    letter-spacing:-.02em;
    box-shadow:none;
    width:100%;
    transition:border-color .16s ease,box-shadow .16s ease;
}
.karincabilisim-password-inputwrap input[type=password]:focus,
.karincabilisim-password-inputwrap input[type=text]:focus {
    outline:none;
    border-color:var(--kb-brand);
    box-shadow:var(--kb-focus-ring);
}
.karincabilisim-password-toggle {
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:8px;
    border:1px solid #d9dcd2;
    background:#fff;
    color:var(--kb-text-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    line-height:1;
    cursor:pointer;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
    box-shadow:none;
}
.karincabilisim-password-toggle:hover {
    border-color:var(--kb-brand);
    color:var(--kb-brand);
    background:#f8faf6;
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}

.karincabilisim-address-wrapper {
    --kb-address-min:360px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--kb-address-min)),1fr));
    gap:20px;
    margin-top:var(--kb-section-space);
}
.karincabilisim-address-card {
    border:1px solid var(--kb-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    padding:16px 16px 14px;
    display:flex;
    flex-direction:column;
    min-height:200px;
    min-width:0;
}
.karincabilisim-address-head {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
    position:relative;
    min-width:0;
}
.karincabilisim-address-icon {
    width:36px;
    height:36px;
    border-radius:8px;
    background:var(--kb-brand);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    flex-shrink:0;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.karincabilisim-address-titlewrap {
    flex:1;
    min-width:0;
}
.karincabilisim-address-title {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
}
.karincabilisim-address-sub {
    font-size:12px;
    font-weight:400;
    color:var(--kb-text-soft);
    line-height:1.4;
    letter-spacing:-.02em;
}
.karincabilisim-address-edit {
    position:absolute;
    right:0;
    top:0;
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    border:1px solid #d9dcd2;
    border-radius:8px;
    background:#fff;
    color:var(--kb-text);
    text-decoration:none;
    padding:6px 8px;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
    white-space:nowrap;
}
.karincabilisim-address-edit i {
    font-size:12px;
}
.karincabilisim-address-edit:hover {
    border-color:var(--kb-brand);
    color:var(--kb-brand);
    background:#f8faf6;
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}
.karincabilisim-address-body {
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text);
    letter-spacing:-.02em;
    white-space:pre-line;
    word-break:break-word;
}
.karincabilisim-address-empty {
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text-soft);
    font-style:italic;
    letter-spacing:-.02em;
    margin-bottom:12px;
}
.karincabilisim-address-cta {
    margin-top:auto;
}
.karincabilisim-address-cta .karincabilisim-btn {
    font-size:12px;
    line-height:1.2;
    padding:8px 12px;
    border-radius:8px;
    min-height:34px;
}

.karincabilisim-empty-orders-cta {
    border:1px solid var(--kb-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    padding:20px 16px;
    margin-bottom:20px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    min-width:0;
}
.karincabilisim-empty-orders-cta-head {
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    color:var(--kb-text);
    letter-spacing:-.03em;
    display:flex;
    align-items:center;
    gap:8px;
}
.karincabilisim-empty-orders-cta-head i {
    color:var(--kb-brand);
    font-size:14px;
}
.karincabilisim-empty-orders-cta-desc {
    font-size:13px;
    line-height:1.5;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
    max-width:360px;
}
.karincabilisim-empty-orders-cta .karincabilisim-btn {
    font-size:13px;
    line-height:1.3;
    border-radius:10px;
    padding:10px 14px;
    min-height:40px;
}

@media (max-width:992px) {
    .karincabilisim-shell {
        grid-template-columns:1fr;
        max-width:100%;
        margin:24px auto 60px;
        --kb-shell-pad-x:16px;
    }
    .karincabilisim-main {
        order:2;
    }
    .karincabilisim-sidebar {
        order:1;
        position:fixed;
        top:0;
        left:0;
        height:100dvh;
        width:auto;
        z-index:1001;
        pointer-events:none;
    }
    .karincabilisim-sidebar-inner {
        height:100%;
        max-height:100%;
        border-radius:0 16px 16px 0;
        transform:translateX(-110%);
        pointer-events:auto;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
    }
    .karincabilisim-sidebar-close {
        display:flex;
    }
    .karincabilisim-sidebar-overlay {
        opacity:0;
        visibility:hidden;
    }
    .karincabilisim-mobile-topbar {
        display:flex;
    }
    .karincabilisim-card {
        border-radius:16px;
        padding:20px;
    }
    .karincabilisim-card--header {
        row-gap:16px;
    }
    .karincabilisim-kpi-wrapper {
        width:100%;
        margin-left:0;
        gap:12px;
    }
    .karincabilisim-kpi-box {
        flex:1;
        min-width:0;
    }
    .karincabilisim-lastorder {
        flex-direction:column;
        align-items:flex-start;
    }
    .karincabilisim-display-name {
        font-size:18px;
    }
    .karincabilisim-kpi-box {
        min-width:140px;
    }
}

@media (max-width:600px) {
    .karincabilisim-shell {
        --kb-shell-pad-x:12px;
        --kb-shell-gap:16px;
        margin:16px auto 40px;
    }
    .karincabilisim-card {
        padding:18px;
    }
    .karincabilisim-header-left {
        max-width:100%;
    }
    .karincabilisim-hi {
        font-size:11px;
    }
    .karincabilisim-display-name {
        font-size:17px;
        margin-bottom:4px;
    }
    .karincabilisim-desc {
        font-size:12.5px;
    }
    .karincabilisim-kpi-label {
        font-size:11px;
    }
    .karincabilisim-kpi-value {
        font-size:14px;
    }
    .karincabilisim-card-title {
        font-size:14px;
    }
    .karincabilisim-card-sub {
        font-size:12.5px;
    }
    .karincabilisim-head-link {
        font-size:12.5px;
    }
    .karincabilisim-action-card {
        border-radius:14px;
        padding:16px;
    }
    .karincabilisim-action-title {
        font-size:14px;
    }
    .karincabilisim-action-desc {
        font-size:12.5px;
    }
    .karincabilisim-action-cta {
        font-size:12.5px;
    }
    .karincabilisim-last-left {
        font-size:13px;
    }
    .karincabilisim-last-k {
        font-size:12px;
    }
    .karincabilisim-last-v {
        font-size:13px;
    }
    .karincabilisim-btn,
    .karincabilisim-wc-area button,
    .karincabilisim-wc-area .button,
    .karincabilisim-wc-area input[type=submit] {
        font-size:12.5px;
        padding:9px 12px;
        border-radius:8px;
        min-height:36px;
    }
    .karincabilisim-details-grid {
        gap:16px;
    }
    .karincabilisim-details-block {
        border-radius:12px;
        padding:14px;
        min-height:auto;
        background:#fff;
    }
    .karincabilisim-details-title {
        font-size:13.5px;
    }
    .karincabilisim-details-sub {
        font-size:12px;
    }
    .karincabilisim-details-body {
        font-size:12.5px;
    }
    .karincabilisim-wc-area {
        font-size:13px;
    }
    .karincabilisim-wc-area table {
        font-size:12.5px;
    }
    .karincabilisim-wc-area table th,
    .karincabilisim-wc-area table td {
        padding:10px 12px;
    }
    .karincabilisim-password-group {
        padding:16px;
        border-radius:10px;
    }
    .karincabilisim-password-group-title {
        font-size:13px;
    }
    .karincabilisim-password-inputwrap input[type=password],
    .karincabilisim-password-inputwrap input[type=text] {
        font-size:13px;
        padding:9px 36px 9px 10px;
    }
    .karincabilisim-address-card {
        border-radius:12px;
        padding:14px;
        min-height:auto;
    }
    .karincabilisim-address-edit {
        font-size:12px;
        padding:6px 8px;
    }
    .karincabilisim-empty-orders-cta {
        border-radius:12px;
        padding:16px;
    }
    .karincabilisim-empty-orders-cta-head {
        font-size:13.5px;
    }
    .karincabilisim-empty-orders-cta-desc {
        font-size:12.5px;
        max-width:100%;
    }
    .karincabilisim-wc-area .kb-table-scroll {
        margin:0 -12px;
        padding:0 12px 12px;
    }
}

@media (max-width:992px) {
    .karincabilisim-sidebar.is-open .karincabilisim-sidebar-inner {
        transform:translateX(0);
        box-shadow:0 24px 32px rgba(0,0,0,.16);
        background:rgba(255,255,255,.96);
        backdrop-filter:saturate(180%) blur(16px);
        -webkit-backdrop-filter:saturate(180%) blur(16px);
    }
    .karincabilisim-sidebar.is-open .karincabilisim-sidebar-overlay {
        opacity:1;
        visibility:visible;
    }
}

.flex-col {
    display:flex;
    flex-direction:column;
    min-width:0;
}
.flex-between {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    min-width:0;
}
.flex-center {
    display:flex;
    align-items:center;
    gap:6px;
}
.row-gap {
    display:flex;
    flex-direction:column;
    gap:8px;
}
.mt-4 {margin-top:4px;}
.mt-8 {margin-top:8px;}
.mt-12 {margin-top:12px;}
.mt-20 {margin-top:20px;}
.nowrap {white-space:nowrap;}
.text-right {text-align:right;}
.text-sm {
    font-size:13px;
    line-height:1.4;
}
.tiny-muted {
    font-size:12px;
    line-height:1.4;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
}
.soft {color:var(--kb-text);}
.fw-600 {font-weight:600;}
.divider {
    width:100%;
    height:1px;
    background:var(--kb-border);
    border:0;
    margin:12px 0;
}
.muted {color:var(--kb-text-soft);}
.text-total {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    letter-spacing:-.03em;
}
.w-full {width:100%;}
.focus-ring:focus {
    outline:0;
    box-shadow:var(--kb-focus-ring);
    border-radius:8px;
}
.focus-ring-danger:focus {
    outline:0;
    box-shadow:0 0 0 3px rgba(180,35,35,.2);
    border-radius:8px;
}
.k-grid-2 {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
    gap:16px;
}

.k-card {
    border:1px solid var(--kb-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    padding:16px;
}
.k-card-header {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:8px;
    align-items:flex-start;
    margin-bottom:16px;
}
.k-card-title {
    font-size:15px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
}
.k-card-sub {
    font-size:13px;
    font-weight:400;
    color:var(--kb-text-soft);
    line-height:1.4;
    letter-spacing:-.02em;
}

.k-status {
    font-size:12px;
    line-height:1.4;
    font-weight:600;
    color:var(--kb-text);
    background:#f5f6f4;
    border:1px solid var(--kb-border);
    padding:4px 8px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.k-status i {
    font-size:8px;
    color:var(--kb-brand);
}
.k-status.cancelled i,
.k-status.refunded i,
.k-status.failed i {
    color:var(--kb-danger);
}
.k-status.cancelled,
.k-status.refunded,
.k-status.failed {
    color:var(--kb-danger);
    background:#fff4f4;
    border-color:#f5c2c2;
}

.k-steps-wrap {
    border:1px solid var(--kb-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    padding:16px;
}
.k-steps-head {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:8px;
    align-items:flex-start;
    margin-bottom:16px;
}
.k-steps {
    position:relative;
    padding:24px 0 0;
    display:flex;
    flex-wrap:wrap;
    row-gap:24px;
}
.k-steps-line {
    position:absolute;
    left:0;
    right:0;
    top:24px;
    height:4px;
    background:var(--kb-border);
    border-radius:999px;
}
.k-steps-progress {
    position:absolute;
    left:0;
    top:24px;
    height:4px;
    background:var(--kb-brand);
    border-radius:999px;
    width:10%;
}
.k-steps-progress.danger {background:var(--kb-danger);}
.k-steps-progress.warn {background:var(--kb-warn);}
.k-step {
    position:relative;
    flex:1 1 25%;
    min-width:140px;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    gap:10px;
    z-index:1;
}
.k-step-icon {
    width:32px;
    height:32px;
    flex-shrink:0;
    border-radius:8px;
    border:1px solid #d9dcd2;
    background:#fff;
    color:var(--kb-text-soft);
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}
.k-step-icon.active {
    background:var(--kb-brand);
    border-color:var(--kb-brand);
    color:#fff;
    box-shadow:0 16px 24px rgba(0,0,0,.05);
}
.k-step-icon.danger.active {
    background:var(--kb-danger);
    border-color:var(--kb-danger);
}
.k-step-icon.warn.active {
    background:var(--kb-warn);
    border-color:var(--kb-warn);
}
.k-step-body {min-width:0;}
.k-step-title {
    font-size:13px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
}
.k-step-date {
    font-size:12px;
    line-height:1.4;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
    word-break:break-word;
}

.k-ship-card {
    border:1px solid var(--kb-border);
    border-radius:12px;
    background:#fafafa;
    padding:12px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:12px;
}
.k-ship-left {
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
}
.k-ship-num {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
}
.k-ship-meta {
    font-size:12px;
    line-height:1.4;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
}

.k-table {
    width:100%;
    border-collapse:collapse;
    border:1px solid var(--kb-border);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    background:#fff;
    font-size:13px;
    min-width:600px;
}
.k-table thead th {
    background:#f5f6f4;
    color:var(--kb-text);
    font-weight:600;
    text-align:left;
    padding:12px 14px;
    border-bottom:1px solid var(--kb-border);
    font-size:12px;
    line-height:1.4;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.k-table td {
    padding:12px 14px;
    border-bottom:1px solid var(--kb-border);
    color:var(--kb-text);
    line-height:1.5;
    vertical-align:top;
    word-break:break-word;
}
.k-table tr:last-child td {
    border-bottom:none;
}
.k-prodcell {
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
}
.k-prodcell img {
    width:44px;
    height:44px;
    border-radius:8px;
    object-fit:cover;
    flex-shrink:0;
}

.k-actions-grid {
    --min:250px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));
    gap:16px;
    margin-top:var(--kb-section-space);
}
.k-action-box {
    border:1px solid var(--kb-border);
    border-radius:12px;
    background:#fff;
    box-shadow:0 12px 20px rgba(0,0,0,.03);
    padding:14px;
    display:flex;
    flex-direction:column;
    min-width:0;
}
.k-action-head {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}
.k-action-ico {
    width:32px;
    height:32px;
    border-radius:8px;
    background:var(--kb-brand);
    border:1px solid var(--kb-brand);
    color:#fff;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.k-action-title {
    font-size:14px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
}
.k-action-desc {
    font-size:12.5px;
    line-height:1.45;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
}
.k-action-footer {
    margin-top:auto;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.k-btn {
    appearance:none;
    border:1px solid var(--kb-brand);
    background:var(--kb-brand);
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    border-radius:10px;
    padding:10px 14px;
    cursor:pointer;
    box-shadow:0 16px 24px rgba(0,0,0,.05);
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    justify-content:center;
    min-height:40px;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
}
.k-btn-alt {
    background:#fff;
    color:var(--kb-text);
    border:1px solid #d9dcd2;
}
.k-btn-alt:hover {
    background:#f8faf6;
    border-color:var(--kb-brand);
    color:var(--kb-brand);
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}
.k-btn-danger {
    background:var(--kb-danger);
    border-color:var(--kb-danger);
    color:#fff;
}
.k-btn-danger:hover {
    background:#8f1c1c;
    border-color:#8f1c1c;
    color:#fff;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.k-btn[disabled],
.k-btn-alt[disabled] {
    opacity:.5;
    cursor:not-allowed;
}

.k-qr-modal-bg {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    display:none;
    align-items:center;
    justify-content:center;
    padding:16px;
    z-index:99999;
}
.k-qr-modal {
    background:#fff;
    border-radius:16px;
    border:1px solid var(--kb-border);
    box-shadow:0 24px 32px rgba(0,0,0,.16);
    padding:20px 16px 16px;
    max-width:320px;
    width:100%;
    text-align:center;
    position:relative;
}
.k-qr-close {
    position:absolute;
    right:12px;
    top:12px;
    width:28px;
    height:28px;
    border-radius:8px;
    border:1px solid #d9dcd2;
    background:#fff;
    color:var(--kb-text-soft);
    font-size:13px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
}
.k-qr-close:hover {
    background:#fff4f4;
    border-color:#f5c2c2;
    color:var(--kb-danger);
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}
.k-qr-title {
    font-size:15px;
    font-weight:600;
    color:var(--kb-text);
    line-height:1.4;
    letter-spacing:-.03em;
    margin-top:12px;
}
.k-qr-desc {
    font-size:13px;
    line-height:1.4;
    color:var(--kb-text-soft);
    letter-spacing:-.02em;
    margin-top:6px;
}

@media (max-width:992px) {
    .k-steps {
        padding-left:44px;
    }
    .k-steps-line {
        top:0;
        left:16px;
        width:4px;
        height:100%;
    }
    .k-steps-progress {
        width:4px;
        top:0;
        left:16px;
        height:20%;
    }
    .k-step {
        flex:1 1 100%;
        min-width:0;
    }
    .k-step-icon {
        position:absolute;
        left:-28px;
    }
}

@media (max-width:600px) {
    .k-table {
        min-width:480px;
    }
}

.kbacc-steps-card {
    --kbacc-bg:#fff;
    --kbacc-bg-soft:#fafafa;
    --kbacc-text:#1d1f1a;
    --kbacc-soft:#5a5f52;
    --kbacc-border:#e3e5de;
    --kbacc-line:#eceee8;
    --kbacc-brand:#447A00;
    --kbacc-brand-dark:#2f5300;
    --kbacc-warn:#cc8a00;
    --kbacc-warn-dark:#8a5a00;
    --kbacc-danger:#b42323;
    --kbacc-danger-dark:#7d1414;
    --kbacc-shadow:0 20px 32px rgba(0,0,0,.06);
    border:1px solid var(--kbacc-border);
    border-radius:16px;
    background:var(--kbacc-bg);
    box-shadow:var(--kbacc-shadow);
    padding:20px;
    min-width:0;
    font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
}
.kbacc-steps-head {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:8px;
    align-items:flex-start;
    margin-bottom:20px;
}
.kbacc-head-left {
    min-width:0;
    max-width:70%;
}
.kbacc-head-title {
    font-size:15px;
    font-weight:600;
    color:var(--kbacc-text);
    line-height:1.4;
    letter-spacing:-.03em;
}
.kbacc-head-sub {
    font-size:13px;
    line-height:1.45;
    color:var(--kbacc-soft);
    letter-spacing:-.02em;
}
.kbacc-head-left strong {
    color:var(--kbacc-text);
    font-weight:600;
    letter-spacing:-.03em;
}

.kbacc-head-right {
    text-align:right;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    min-width:0;
}
.kbacc-head-meta {
    font-size:12px;
    line-height:1.4;
    color:var(--kbacc-soft);
    letter-spacing:-.02em;
    white-space:nowrap;
}

.kbacc-status-badge {
    font-size:12.5px;
    line-height:1.4;
    font-weight:600;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border:1px solid var(--kbacc-border);
    background:#f5f6f4;
    color:var(--kbacc-text);
    white-space:nowrap;
    box-shadow:0 8px 16px rgba(0,0,0,.04);
}
.kbacc-status-badge i {
    font-size:8px;
    line-height:1;
    color:var(--kbacc-brand);
}
.kbacc-status-badge.on-hold,
.kbacc-status-badge.pending {
    background:#fffbea;
    border-color:rgba(204,138,0,.35);
    color:var(--kbacc-warn);
}
.kbacc-status-badge.on-hold i,
.kbacc-status-badge.pending i {
    color:var(--kbacc-warn);
}
.kbacc-status-badge.cancelled,
.kbacc-status-badge.refunded,
.kbacc-status-badge.failed {
    background:#fff4f4;
    border-color:rgba(180,35,35,.35);
    color:var(--kbacc-danger);
}
.kbacc-status-badge.cancelled i,
.kbacc-status-badge.refunded i,
.kbacc-status-badge.failed i {
    color:var(--kbacc-danger);
}

.kbacc-steps-track {
    position:relative;
    display:flex;
    flex-wrap:nowrap;
    align-items:flex-start;
    padding-top:44px;
    padding-bottom:8px;
    row-gap:0;
    min-width:0;
}
.kbacc-track-base {
    position:absolute;
    left:0;
    right:0;
    top:20px;
    height:4px;
    background:var(--kbacc-line);
    border-radius:999px;
    z-index:0;
}
.kbacc-track-progress {
    position:absolute;
    left:0;
    top:24px;
    height:4px;
    width:10%;
    border-radius:999px;
    z-index:1;
    box-shadow:0 8px 16px rgba(0,0,0,.08);
    background:linear-gradient(90deg,var(--kbacc-brand) 0%,var(--kbacc-brand-dark) 100%);
    transition:width .2s ease,height .2s ease,top .2s ease,left .2s ease;
}
.kbacc-track-progress.is-warn {
    background:linear-gradient(90deg,var(--kbacc-warn) 0%,var(--kbacc-warn-dark) 100%);
}
.kbacc-track-progress.is-danger {
    background:linear-gradient(90deg,var(--kbacc-danger) 0%,var(--kbacc-danger-dark) 100%);
}

.kbacc-step {
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    position:relative;
    z-index:2;
    text-align:left;
}
.kbacc-step-node {
    position:absolute;
    top:-38px;
    left:0;
    transform:translateX(-50%);
    width:35px;
    height:35px;
    border-radius:8px;
    border:2px solid var(--kbacc-border);
    background:#fff;
    color:var(--kbacc-soft);
    font-size:15px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    box-shadow:0 12px 20px rgba(0,0,0,.07);
    text-shadow:0 0 1px rgba(0,0,0,.2);
}
.kbacc-step-node i {
    font-size:15px;
    line-height:1;
    color:currentColor;
}
.kbacc-step-node.is-active {
    background:var(--kbacc-brand);
    border-color:var(--kbacc-brand);
    color:#fff;
    box-shadow:0 16px 24px rgba(0,0,0,.12);
}
.kbacc-step-node.is-active.is-warn {
    background:var(--kbacc-warn);
    border-color:var(--kbacc-warn);
}
.kbacc-step-node.is-active.is-danger {
    background:var(--kbacc-danger);
    border-color:var(--kbacc-danger);
}
.kbacc-step-body {
    margin-top:24px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
}
.kbacc-step-title {
    font-size:13px;
    font-weight:600;
    color:var(--kbacc-text);
    line-height:1.4;
    letter-spacing:-.03em;
    white-space:nowrap;
	margin-left:20px;
}
.kbacc-step-date {
    font-size:12px;
    line-height:1.4;
    color:var(--kbacc-soft);
    letter-spacing:-.02em;
    word-break:break-word;
	margin-left:20px;
}

@media (max-width:600px) {
    .kbacc-steps-card {
        padding:16px;
        border-radius:14px;
    }
    .kbacc-steps-head {
        margin-bottom:16px;
    }
    .kbacc-head-left {
        max-width:100%;
    }
    .kbacc-head-title {
        font-size:14px;
    }
    .kbacc-head-sub {
        font-size:12.5px;
        line-height:1.4;
    }
    .kbacc-steps-track {
        flex-direction:column;
        align-items:stretch;
        padding-top:0;
        padding-left:40px;
        padding-bottom:0;
    }
    .kbacc-track-base {
        top:0;
        left:20px;
        right:auto;
        width:4px;
        height:100%;
        border-radius:999px;
        background:var(--kbacc-line);
    }
    .kbacc-track-progress {
        top:0;
        left:20px;
        width:4px;
        height:10%;
        border-radius:999px;
        background:linear-gradient(180deg,var(--kbacc-brand) 0%,var(--kbacc-brand-dark) 100%);
    }
    .kbacc-track-progress.is-warn {
        background:linear-gradient(180deg,var(--kbacc-warn) 0%,var(--kbacc-warn-dark) 100%);
    }
    .kbacc-track-progress.is-danger {
        background:linear-gradient(180deg,var(--kbacc-danger) 0%,var(--kbacc-danger-dark) 100%);
    }
    .kbacc-step {
        flex:none;
        padding-bottom:20px;
    }
    .kbacc-step:last-child {
        padding-bottom:0;
    }
    .kbacc-step-node {
        top:0;
        left:20px;
        transform:translate(-50%,0);
        width:32px;
        height:32px;
        border-radius:8px;
        border-width:2px;
        font-size:15px;
    }
    .kbacc-step-node i {
        font-size:15px;
    }
    .kbacc-step-body {
        margin-top:0;
        margin-left:24px;
    }
    .kbacc-step-title {
        font-size:13px;
    }
    .kbacc-step-date {
        font-size:12px;
    }
}

.kbacc-btn {
    appearance:none;
    border:1px solid var(--kb-brand);
    background:var(--kb-brand);
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    border-radius:10px;
    padding:10px 14px;
    cursor:pointer;
    box-shadow:0 16px 24px rgba(0,0,0,.05);
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    justify-content:center;
    min-height:40px;
    transition:all .18s cubic-bezier(.2,.6,.4,1);
}
.kbacc-btn:hover {
    background:var(--kb-brand-dark);
    border-color:var(--kb-brand-dark);
    color:#fff;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.kbacc-btn-alt {
    background:#fff;
    color:var(--kb-text);
    border:1px solid #d9dcd2;
}
.kbacc-btn-alt:hover {
    background:#f8faf6;
    border-color:var(--kb-brand);
    color:var(--kb-brand);
    box-shadow:0 12px 20px rgba(0,0,0,.04);
}
.kbacc-btn-danger {
    background:var(--kb-danger);
    border-color:var(--kb-danger);
    color:#fff;
}
.kbacc-btn-danger:hover {
    background:#8f1c1c;
    border-color:#8f1c1c;
    color:#fff;
    box-shadow:0 16px 24px rgba(0,0,0,.08);
}
.kbacc-btn[disabled],
.kbacc-btn-alt[disabled] {
    opacity:.5;
    cursor:not-allowed;
    background:var(--kb-brand);
    color:#fff;
    border-color:var(--kb-brand);
}

.karinca-support-shell #kb_support_attachments {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0;
    border-radius:999px;
    background:#f9fafb;
    border:1px dashed rgba(148,163,184,.9);
    font-size:13px;
    cursor:pointer;
    min-height:42px;
    overflow:hidden;
    color:#4b5563;
}
.karinca-support-shell #kb_support_attachments::file-selector-button {
    padding:9px 14px;
    margin:0;
    border:0;
    border-right:1px solid rgba(148,163,184,.6);
    background:#447a00;
    color:#ffffff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.karinca-support-shell #kb_support_attachments::-webkit-file-upload-button {
    padding:9px 14px;
    margin:0;
    border:0;
    border-right:1px solid rgba(148,163,184,.6);
    background:#447a00;
    color:#ffffff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    height:100%;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.karinca-support-shell #kb_support_attachments:hover {
    border-color:#94a3b8;
    background:#f3f4f6;
}
.karinca-support-shell #kb_support_attachments::file-selector-button:hover,
.karinca-support-shell #kb_support_attachments::-webkit-file-upload-button:hover {
    background:#345b00;
}
.karinca-support-shell #kb_support_attachments + .tiny-muted {
    display:inline-block;
    margin-top:6px;
    font-size:11px;
    line-height:1.5;
}
.karinca-support-shell input[type=file] {
    font-family:inherit;
}